@charset "utf-8";

/* general Reset */
*, *::before, *::after { box-sizing: border-box;}
*:not(dialog) { margin: 0; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; }
img, picture, video, canvas, svg { display: block; max-width: 100%; height:auto;}
input, button, textarea, select { font: inherit;}
p, h1, h2, h3, h4, h5, h6 { overflow-wrap: break-word; }
p { text-wrap: pretty; margin-bottom:1.2rem;}
h1, h2, h3, h4, h5, h6 { text-wrap: balance; }
#root, #__next { isolation: isolate; }
iframe {display: block; margin: 0; padding: 0; border: none;}
button, a {cursor: pointer;}
@media (prefers-reduced-motion: no-preference) {
  html {interpolate-size: allow-keywords;}
}

:root {
  --primary-col: #5f91b1;
  --primary-dark: #4C7C9A; 
  --primary-safe: #2b6d98; 
  --primary-dropdn: #597994;
  --text-col: #3D5057;
  --secondary-col: #be430e;
}

html {
	font-size: 16px;
	font-weight: 300;
	line-height: 1.4;
}

body {
	font-family: "Roboto", sans-serif;
	font-size: 1rem;
	line-height: 1.8;
	color: var(--text-col);
	background: #fff;
}


h1, h2, h3, h4, h5, h6, .h1 {
	font-family: "Roboto Slab", serif;
    font-weight: 800;
    font-style: normal;
	line-height: 1.2;
}

h2 { font-size: 2rem; margin-bottom: 2rem; text-transform: uppercase;}
h4 { font-size: 1.5rem; line-height: 1.75rem;}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	color: var(--text-col);
    background-color: transparent;
}

p:last-child { margin: 0; }

.ctr {text-align: center !important;}

strong {font-weight:600;}

hr {
    display: block;
    width: 100%;
    height:1px;
    background-color:#999;
    border:0;
    margin-top: 2rem;
}


.btn-main {
	display: inline-block;
    position:relative;
    background-color: #fff;
    font-weight: 400;
    color: var(--primary-safe);
    padding: 12px 24px;
	border-radius: 2px;
    border: 2px solid #fff;
    font-size: 18px;
	-webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
}
.btn-main:hover {
    background-color:var(--primary-safe);
    color: #fff !important;
}

header {background-color:#fff; position:sticky; top:0; z-index:100;}
.flex-container { width: 100%; display:flex; flex-wrap: wrap; position: relative;}
.section-inner { justify-content: space-between;}

.head-inner, .foot-inner, .section-inner {
	max-width: 1248px;
	margin: 0 auto;
    padding: 0 20px;
}
.logoblock {align-items: center; padding-top:20px; padding-bottom:20px;}
.main-logo {
    display:inline-block;
    width: 488px;
    max-width: 80%;
    -webkit-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;

}
.main-logo.logo-sml {
    width: 310px;
}

.nav-outer {position: relative;}
.navigation {justify-content: center; position:relative; padding-top: 20px;}
#menu-button { display: none; }
nav.mobile {display: none;}

.main-menu ul, footer ul  {padding: 0; list-style: none; text-align: center;}
.main-menu ul li  { display: inline-block;}
.main-menu ul li { margin:0 14px; }
.main-menu ul li a { font-size: 16px; font-weight:600; color: var(--primary-safe);}
.main-menu ul li a i { font-size:14px; transition: all 0.2s ease-in-out; transform-origin: center}
.main-menu ul li a:hover {color: var(--text-col);}

.dropdown-content {position: absolute; top:50px; left:0; width:100%;; z-index:5;padding:20px; transition: all 0.3s ease-in-out;
}
.dropdown-content-inner {background-color: var(--primary-dropdn); padding:12px;} 
.dropdown-content {display:none;}

li.dropdown:hover .dropdown-content {display:block;}
li.dropdown:hover .section-header {background-color: #7e9fbb;}
li.dropdown:hover a i {transform: rotate(180deg); color: var(--secondary-col);}

.dropdown-content-inner .flex-container {justify-content: space-between; align-items: center;}
.dropdown-content-inner .innerpic {width:38%;}
.dropdown-content-inner .innertext {width: 62%; padding:16px 30px; align-items: stretch;}
.dropdown-content-inner .innertext img {margin: auto;}
.dropdown-content-inner .innertext p {color:#fff; font-size: 18px; text-align: left;}
.dropdown-content-inner .innertext p:last-child { margin-bottom: 0;}

.dropdown-content-inner .gallitem {width:23%; text-align: center; color:#fff; padding-top: 24px; padding-bottom: 12px;}
.dropdown-content-inner .gallitem .dlink {font-weight:500; color:#fff; margin-top: 16px; font-size: 18px; display: block;}

.section-header {
    margin:20px 0;
    background-color: var(--primary-col);
    color: #fff;
    padding:30px 0;
}
.subhead {text-align: center; 	font-family: "Roboto Slab", serif;
    font-weight: 400;
	font-size: 28px;
}

footer .talk, footer .infosection {
    border-top: 5px solid var(--secondary-col);
    padding:30px 0;
    text-align: center;
}

footer .infosection {
    padding-bottom: 0;
}
footer .talk h4 {
    color: var(--primary-safe);
    font-size: 40px;
    margin-bottom:40px;
}

footer .talk .flex-container {justify-content: center;}
footer .infosection .flex-container {justify-content: space-between;}

footer .infosection {background-image: linear-gradient(180deg, #7A7A7A05 0%, #7a7a7ab4 100%);}

footer .talk .feature {width:50%; max-width:500px; padding:20px 0;}

footer .talk .feature i {color: #afafaf; font-size:48px;}
footer .talk .feature .hilite {color: var(--secondary-col); text-transform: uppercase; font-weight: 600; margin-top:20px;}

footer .talk .feature li { font-size: 16px; line-height: 1.6;}

footer .talk .feature li a {color: var(--primary-safe); font-weight: 400;}
footer .talk .feature li a:hover {color: var(--secondary-col);}


footer .innerblock {width:30%; display:flex; flex-wrap: wrap; align-items: center;}
footer .innerblock .imgblock, footer .innerblock .txtblock {width:50%;}
footer .innerblock .imgblock, footer .innerblock .txtblock {padding: 0 10px;}
footer .innerblock .txtblock p {font-size:16px; line-height: 1.5; text-align: left;}
footer .innerblock .txtblock .strong {font-weight:600;margin-bottom: 12px;}

footer .copyright {background-color:#616366; color: #fff; margin-top:40px; padding:14px 0;}
footer .copyright p, footer .copyright a {color:#fff; margin:0}


@media screen and (max-width: 1200px) {
    .main-menu ul li { margin:0 16px; }
}

@media screen and (max-width: 1024px) {

    
	.main-menu ul {display:none}

    .logoblock { padding-top: 20px; padding-bottom: 0px;}

    #menu-button {
        display: inline-block;
		height:100%;
		align-items: center;
        font-size: 40px;
		color:var(--primary-safe);
		padding: 0;
    }
	
	nav.mobile .menu-toggle {
		position: absolute;
		right: 15px;
		top: 0;
		font-size: 24px;
		color:#fff;
	}
	nav.mobile .mobile-logo {
		margin-top: 24px;
		padding: 20px;
	}
	nav.mobile .mobmain {padding: 0 20px; list-style: none;}
	nav.mobile .mobmain>li { position: relative; display:block; margin-bottom:10px;}
	nav.mobile .mobmain li a { padding:6px 0; color: #fff; font-weight: 400; display: block; line-height:1.5; text-transform: uppercase; position:relative; }
	nav.mobile .mobmain li:hover > a, nav.mobile .mobmain li:active > a { font-weight:600; }

    .mobile-logo img {max-width:138px; opacity:80%;}

    nav.mobile .mobcontacts { padding: 0 20px; list-style: none; margin-top: 3rem;}
    nav.mobile .mobcontacts>li { position: relative; display:block; padding:2px 0;}
    nav.mobile .mobcontacts li a { color: var(--primary-col); font-weight: 600; }
	nav.mobile .mobcontacts li:hover > a, nav.mobile .mobcontacts li:active > a { color: var(--text-col); }

    
    nav.mobile {
        display: block;
        position: fixed;
        top: 0;
        left: -250px;
        width: 250px;
        height: 100%;
		color: #fff;
        background: #242323e8;
        z-index: 1001;
        overflow: auto;
        text-align: left;
    }

    footer .innerblock .imgblock, footer .innerblock .txtblock {width:100%;}
}
/*
@media screen and (max-width: 980px) {
    footer .copyright {padding-bottom:70px;}
}
*/

@media screen and (max-width: 980px) {
    footer .innerblock .imgblock, footer .innerblock .txtblock {width:50%;}
    footer .innerblock {width:100%; margin-bottom:20px;}
    footer .copyright {margin-top: 20px;}

}

@media screen and (max-width: 600px) {
    footer .talk .feature {width:100%;}
}

@media screen and (max-width: 440px) {
    footer .innerblock .imgblock, footer .innerblock .txtblock {width:100%;}
}

#inv {padding-top: 20px 0;}

#inv button.selected-facet.ts-button {background-color: #F3F3F3; color: #1A1A1A; border: 1px solid var(--primary-safe); transition: all 0.3s ease-in-out;}
#inv button.selected-facet.ts-button:hover {background-color: var(--primary-safe); color: #fff;}
#inv button.ts-button.faceted-search {background-color: #F3F3F3; color: #1A1A1A; border: 1px solid var(--primary-safe); transition: all 0.3s ease-in-out;}
#inv button.ts-button.faceted-search:hover {background-color: var(--primary-safe); color: #fff;}
#inv button.ts-button.faceted-show-all-btn {background-color: #F3F3F3; color: #1A1A1A; border: 1px solid var(--primary-safe);transition: all 0.3s ease-in-out}
#inv button.ts-button.faceted-show-all-btn:hover {background-color: var(--primary-safe); color: #fff;}
#inv button.ts-button.template-branded-button {background-color: var(--primary-dark); color: #fff;}
#inv .view-listing-details-link.des-view-listingDetails.template-branded-button {background-color: var(--primary-safe); color: #fff;}
#inv span.list-title-text {color: #1A1A1A; font-family: "Roboto Slab", sans-serif !important; text-transform: none; }
#inv .list-listings-count, #inv .listing-category {font-family: "Roboto", sans-serif !important; color: var(--primary-safe);}

#inv .lds-ring { color: var(--primary-safe) !important;}

#inv .lds-label {
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    text-transform: none;
    color: #1A1A1A !important;
}