@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Rowdies:wght@300;400&display=swap');


:root {
    /* --thm-font: 'DM Sans', sans-serif; */
    --thm-font: 'EB Garamond', serif;
    /* --thm-font-2: 'Marcellus', serif; */
    --thm-font-2: 'EB Garamond', serif;
    /* --thm-primary: #BF5E44; */
    --thm-primary: #3e1c3a;
    --thm-primary-rgb: 191, 94, 68;
    /* --thm-white: #ffffff; */
    --thm-white: #f7f4f1;
    --thm-white-rgb: 255, 255, 255;
    --thm-black: #042748;
    --thm-black-rgb: 4, 39, 72;
    --thm-gray: #5A5D60;
    --thm-gray-rgb: 90, 93, 96;
    /* --thm-gray-bg: #F9F6F1; */
    --thm-gray-bg: #f7f4f1;
    --thm-gray-bg-rgb: 249, 246, 241;
    /* --thm-black-bg: #001026; */
    --thm-black-bg: #3e1c3a;
    --thm-black-bg-rgb: 0, 16, 38;
    --thm-font-size: 17px;
    /* --thm-font-weight: 400; */
    --thm-font-weight: 400;
    --thm-white-bg: #ffffff;
    /* --thm-heading-font-weight: 400; */
    --thm-heading-font-weight: 400;
    --thm-blue: #0d6efd;
    --thm-indigo: #6610f2;
    --thm-purple: #6f42c1;
    --thm-pink: #d63384;
    --thm-red: #dc3545;
    --thm-orange: #fd7e14;
    --thm-yellow: #ffc107;
    --thm-green: #198754;
    --thm-teal: #20c997;
    --thm-cyan: #0dcaf0;
}

*::selection {
  background: #cc0000;
  color: #ffffff;
}
*::-moz-selection {
  background: #cc0000;
  color: #ffffff;
}
*::-webkit-selection {
  background: #cc0000;
  color: #ffffff;
}

/* Obojestranska poravnava */
p {
    text-align: justify;
}
.justify h3,
.justify li {
    text-align: justify;
}


/* Header */
.header-contact-info-style2 {
    display: none;
}

/* Top banner */
.banner-two__content h2 {
    font-size: 60px;
}

/* Page headers */
.page-header__inner h2 {
    font-size: 50px;
}


/* Navigation */
.mobile-menu .navigation li > a,
.mobile-menu .navigation li ul li>a {
	text-transform: initial;
}
.navbar-wrap ul li .sub-menu li a {
    text-transform: uppercase;
}


/* Razno */
.about-three .sec-title h2 {
    text-transform: initial;
}

.about-three__content-list.circle ul,
.about-three__content-list.circle ul li {
    list-style-type:circle;
    list-style: circle;
    display: list-item;
    margin-left: 15px;
}
.about-three__content-list.disc ul,
.about-three__content-list.disc ul li {
    list-style-type:disc;
    list-style: disc;
    display: list-item;
    margin-left: 15px;
}
.services-one__content-list li .content-box .text-box h2 a:hover,
.services-one__content-list li .btn-box a:hover {
    color: var(--thm-black);
    background-color: var(--thm-white);
}


/* Footer contact form */
.contact-one__form::after {
    display: none;
}

.contact-one__form .sec-title {
    padding-left: 60px;
}

.contact-one__google-map {
    max-width: 45%;
}
.contact-one-google-map__one {
    /* width: 50%; */
}
.contact-one__form .contact-page__btn button.thm-btn {
    background-color: var(--thm-primary);
    border: 1px solid rgba(var(--thm-white-rgb), 0.5);
}
.contact-one__form .contact-page__btn button.thm-btn:hover {
    border-color: var(--thm-black);
    color: var(--thm-white);
    background-color: var(--thm-black);
}



.services-one__content-list li .content-box {
    max-width: 755px;
}


/* Footer */
.footer-widget__service-box ul li a {
    text-transform: initial;
}

.single-footer-widget .title h2 {
	text-transform: initial;
}


.sidebar__single-service-list li a {
    text-transform: initial;
}

.service-details__content-text4 h2 {
    text-transform: initial;
}

/* Contact */
.contact-one__form .formplaceholder {
    position: relative;
    display: block;
    background: var(--thm-primary);
    padding: 60px 60px 60px;
}

.contact-one__form .formplaceholder .contact-page__input-box .icon-box span {
    position: relative;
    display: inline-block;
    color: var(--thm-white);
    font-size: 15px;
    line-height: 15px;
}

.contact-one__form .formplaceholder input[type="text"],
.contact-one__form .formplaceholder input[type="email"] {
    position: relative;
    display: block;
    color: var(--thm-white);
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    text-transform: none;
    padding: 0px 25px 0px;
    padding-right: 50px;
    width: 100%;
    height: 60px;
    background-color: rgba(var(--thm-white-rgb), 0.2);
    border: 1px solid rgba(var(--thm-white-rgb), 0.2);
    border-radius: 0px;
    outline: none;
    font-family: var(--thm-font);
}

.contact-one__form .formplaceholder textarea {
    position: relative;
    display: block;
    color: var(--thm-white);
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    text-transform: none;
    padding: 18px 25px 0px;
    width: 100%;
    height: 140px;
    background-color: rgba(var(--thm-white-rgb), 0.2);
    border: 1px solid rgba(var(--thm-white-rgb), 0.2);
    border-radius: 0px;
    outline: none;
    font-family: var(--thm-font);
}


.contact-one__form .formplaceholder input[type="text"]:focus {
    color: var(--thm-white);
}

.contact-one__form .formplaceholder input[type="email"]:focus {
    color: var(--thm-white);
}

.contact-one__form .formplaceholder textarea:focus {
    color: var(--thm-white);
}

.contact-one__form .formplaceholder input[type="text"]::-webkit-input-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder input[type="text"]:-moz-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder input[type="text"]::-moz-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder input[type="text"]:-ms-input-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder input[type="email"]::-webkit-input-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder input[type="email"]:-moz-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder input[type="email"]::-moz-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder input[type="email"]:-ms-input-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder textarea::-webkit-input-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder textarea:-moz-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder textarea::-moz-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-one__form .formplaceholder textarea:-ms-input-placeholder {
    color: var(--thm-white);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder input[type="text"],
.contact-page__form .formplaceholder input[type="number"],
.contact-page__form .formplaceholder input[type="email"] {
    position: relative;
    display: block;
    color: var(--thm-gray);
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    text-transform: none;
    padding: 0px 25px 0px;
    padding-right: 50px;
    width: 100%;
    height: 60px;
    background-color: #F9F6F1;
    border: 1px solid #E8E4DD;
    border-radius: 0px;
    outline: none;
    font-family: var(--thm-font);
}

.contact-page__form .formplaceholder textarea {
    position: relative;
    display: block;
    color: var(--thm-gray);
    font-size: 15px;
    line-height: 25px;
    font-weight: 500;
    text-transform: none;
    padding: 18px 25px 0px;
    width: 100%;
    height: 180px;
    background-color: #F9F6F1;
    border: 1px solid #E8E4DD;
    border-radius: 0px;
    outline: none;
    font-family: var(--thm-font);
}


.contact-page__form .formplaceholder input[type="text"]:focus {
    color: var(--thm-gray);
}

.contact-page__form .formplaceholder input[type="email"]:focus {
    color: var(--thm-gray);
}

.contact-page__form .formplaceholder input[type="number"]:focus {
    color: var(--thm-gray);
}




.contact-page__form .formplaceholder textarea:focus {
    color: var(--thm-gray);
}

.contact-page__form .formplaceholder input[type="text"]::-webkit-input-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder input[type="text"]:-moz-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder input[type="text"]::-moz-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder input[type="text"]:-ms-input-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder input[type="email"]::-webkit-input-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder input[type="email"]:-moz-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder input[type="email"]::-moz-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder input[type="email"]:-ms-input-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder textarea::-webkit-input-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder textarea:-moz-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder textarea::-moz-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

.contact-page__form .formplaceholder textarea:-ms-input-placeholder {
    color: var(--thm-gray);
    font-size: 14px;
    font-weight: 500;
}

/* Custom contact form */
#kontakt {
    scroll-margin-top: 191px; /* Offset equal to header height */
}
.contact-one {
	padding: 70px 0px 0px;
}
.contact-page__form .contact-page__results {
	position: relative;
  	display: block ruby;
	padding: 20px 0 0 0;
	color: var(--thm-white);
	font-size: 22px;
	line-height: 32px;
	font-weight: 400;
	font-family: var(--thm-font-2);
}

/* Responsive adjustments */
/* Medium screen  */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.footer-two .footer-widget__service {
		margin-top: 0px;
	}
	.banner-two__content h2 {
		font-size: 48px;
		line-height: 85px;
	}
}
/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) {
	.footer-two .footer-widget__service {
		margin-top: 0px;
		margin-bottom: 60px;
	}
	.contact-one__google-map {
		width: 100%;
        max-width: 100%;
	}
}
@media (max-width: 1199px) {
	.why-choose-one__img {
		padding-top: 20px;
	}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
	.contact-one__google-map {
		width: 100%;
        max-width: 100%;
	}
}