@charset "utf-8";
/* global */
#wrapper-navbar {
	border-top: 5px solid #543c2f;
}
#content p {
	font-size: 18px;
	line-height: 30px;
}
#content ul {
	font-size: 18px;
	margin: 0 0 1.5rem 0;
	padding: 0;
	list-style: none;
}
#content ul li {
	margin-bottom: .3rem;
}
#content ul li::before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding-right: .5rem;
	color: #009fff;
	font-size: 16px;
}
.wrapper {
	padding: 0 0 4rem 0 !important;
}
.home .entry-header {
	display: none;
}
#content a {
	color: #009fff !important;
	text-decoration: none !important;
	font-weight: 500;
}
#page {
	background: url("images/bg-header.jpg") repeat-x left top;
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	color: #553d30;
}
#content h1 {
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 600;
}
#content h2 {
	font-size: 24px;
	font-weight: 600;
}
#content h3 {
	font-size: 21px;
	font-weight: 600;
}

/* top */
#main-nav {
	position: relative;
	z-index: 1;
	margin-top: -2rem;
}
.action {
	position: relative;
	z-index: 2;
	text-align: right;
}
.action .fb, .action .insta {
	text-decoration: none;
	font-size: 21px;
}
.action .fb a, .action .insta a {
	color: #553d30;
}
.action .mail {
	background: #ceb79e;
	display: inline-block;
	padding: .93rem 1.2rem .83rem 1.2rem;
}
.action .phone {
	background: #553d30;
	display: inline-block;
	padding: .8rem 1.2rem;
	font-size: 18px;
	color: #fff;
	font-weight: 600;
}
.action .mail a {
	color: #000;
	text-decoration: none;
}
.action .phone a {
	color: #fff;
	text-decoration: none;
}
.navbar {
	padding: 0 !important;
}
.nav-link {
	font-size: 21px !important;
	text-transform: uppercase;
	color: #553d30 !important;
}
.nav-link:hover {
	color: #75452b !important;
}
.dropdown-menu {
	border-radius: 0 !important;
	border: none !important;
}

/* slider */
#slider {
	width: 1600px;
	max-width: 100vw;
	margin-left: calc(50% - 800px);
}

/* intro */
#intro {
	background: url("images/bg-home.jpg") no-repeat center top /cover;
	padding: 20rem 0 0 0;
	margin-top: -15rem;
	min-height: 1150px;
}
#intro .welcome {
	color: #fff;
}
#intro .welcome h1 {
	font-size: 18px;
	color: #fff;
	font-style: italic;
	font-weight: normal;
	text-transform: none;
}
#intro .welcome h2 {
	font-size: 34px;
	color: #fff;
	text-transform: uppercase;
}
#intro .welcome p {
	font-size: 21px;
	line-height: 36px;
}
#intro .hotlinks {
	margin-top: 4rem;
}
#intro .hotlinks h1 {
	font-size: 22px;
	text-transform: uppercase;
	margin: 1.2rem 0 .2rem 0;
}
#intro .hotlinks h1 a {
	color: #543c2f !important;
	font-weight: 600 !important;
}
#intro .hotlinks .so-panel {
	margin-bottom: 0 !important;
}

/* why choose */
#whychoose .block h1 {
	font-size: 18px;
	color: #000;
	font-style: italic;
	font-weight: normal;
	margin-top: 5rem;
	text-transform: none;
}
#whychoose .block h2 {
	font-size: 34px;
	text-transform: uppercase;
}
#whychoose .block {
	font-size: 23px;
}
#whychoose .block span {
	font-weight: 600;
}
#whychoose .block .breaker {
	border-bottom: 2px solid #999;
	padding: 1.1rem 0;
}
#whychoose .block .last {
	padding: 1.1rem 0;
}

/* banner */
#banner {
	width: 1600px;
	max-width: 100vw;
	margin-left: calc(50% - 800px);
	margin-bottom: 2rem;
	position: relative;
}
#banner h1 {
	position: absolute;
	bottom: 0;
	font-size: 36px;
	text-transform: uppercase;
	color: #fff;
	z-index: 0;
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 15% 2rem 2rem 2rem;
	background: linear-gradient(0deg,rgba(0, 118, 189, .2) 0%, rgba(255, 255, 255, 0) 50%);
}
#banner img {
	width: 100%;
	height: 350px;
	object-fit: cover;
}

/* footer */
#wrapper-footer {
	background-color: #553d30 !important;
	color: #fff;
	padding: 1rem 0;
}
#wrapper-footer .services {
	font-size: 18px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: right;
}
#wrapper-footer .services a {
	color: #fff;
	text-decoration: none;
}
#wrapper-footer .legal {
	font-size: 14px;
	text-transform: none;
	font-weight: normal;
	margin: 1rem 0 0 0;
}

/* begin responsive */
@media (max-width: 1480px) {
#slider {
	width: auto;
	max-width: 100vw;
	margin-left: auto;
}
#banner {
	width: auto;
	max-width: 100vw;
	margin-left: auto;
}	
}


@media (max-width: 1200px) {
}


@media (max-width: 992px) {
#intro {
	padding: 10rem 0 0 0;
	margin-top: -8rem;
	min-height: auto;
}	
}


@media (max-width: 768px) {
}