@font-face{
	font-family: 'Mazzardh Bold';
	src: url('../fonts/mazzardh-bold.eot');
	src: url('../fonts/mazzardh-bold.eot?iefix') format('eot'),
	url('../fonts/mazzardh-bold.woff') format('woff'),
	url('../fonts/mazzardh-bold.ttf') format('truetype'),
	url('../fonts/mazzardh-bold.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'Mazzardh Medium';
	src: url('../fonts/mazzardh-medium.eot');
	src: url('../fonts/mazzardh-medium.eot?iefix') format('eot'),
	url('../fonts/mazzardh-medium.woff') format('woff'),
	url('../fonts/mazzardh-medium.ttf') format('truetype'),
	url('../fonts/mazzardh-medium.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'Mazzardh Regular';
	src: url('../fonts/mazzardh-regular.eot');
	src: url('../fonts/mazzardh-regular.eot?iefix') format('eot'),
	url('../fonts/mazzardh-regular.woff') format('woff'),
	url('../fonts/mazzardh-regular.ttf') format('truetype'),
	url('../fonts/mazzardh-regular.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face{
	font-family: 'Mazzardh Semibold';
	src: url('../fonts/mazzardh-semibold.eot');
	src: url('../fonts/mazzardh-semibold.eot?iefix') format('eot'),
	url('../fonts/mazzardh-semibold.woff') format('woff'),
	url('../fonts/mazzardh-semibold.ttf') format('truetype'),
	url('../fonts/mazzardh-semibold.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}

body {
	font-family: 'Mazzardh Regular';
    font-size: calc(14px + 0.1vw);
    color: #3A0D2A;
}

h1 {
	font-size: calc(30px + 3vw);
	font-family: 'Mazzardh Regular';
}

img {
	max-width: 100%;
}

.hero-content h1 {
    font-size: calc(30px + 2vw);
    padding-bottom: calc(20px + 1.5vw);
}

.hero-content {
    padding-bottom: 50px;
}

.hero {
	background: rgb(225,243,228);
	background: linear-gradient(45deg, rgba(255,255,255,1) 0%, rgba(243,241,219,1) 40%, rgba(225,243,228,1) 100%);
    padding-top: calc(80px + 8.3vw);
}

.home-hero {
    padding-top: calc(80px + 8.5vw);
}

.home-hero h1 {
    padding-top: 3vw;
}

.home-hero__img {
    align-self: flex-end;
	line-height: 0;
}

.home-hero__title {
    font-size: calc(17px + 0.6vw);
    color: #F7BE2C;
    font-family: 'Mazzardh Medium';
    padding-top: 2.7vw;
    padding-bottom: calc(10px + 0.7vw);
}

.home-hero__description {
	line-height: 1.4;
}

a {
	color: #397BFF;
}

.logo-brand a{
	text-decoration: none;
	color: #3A0D2A;
}

header {
	position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: 39px 0;
}

.header-menu a {
	 position: relative;
	text-decoration: none;
	color: #3A0D2A;
}

.header-menu li {
    display: inline-block;
    font-size: calc(13px + 0.1vw);
    padding-left: calc(15px + 4.4vw);
}

.header-menu a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #F7BE2C;
    border-radius: 3px;
    top: -20px;
    left: 0;
    transition: all 0.3s;
    opacity: 0;
}

.header-menu a.active:before {
    top: calc(100% + 5px);
    opacity: 1;
}

.header-menu a:hover:before {
    top: calc(100% + 5px);
    opacity: 1;
}

.logo-brand span {
    font-family: 'Mazzardh Medium';
    display: inline-block;
    padding-left: 15px;
    font-size: calc(16px + 0.6vw);
}

.container {
	width: 84%;
}

.about-us {
	text-align: center;
    padding-top: calc(50px + 5.5vw);
	padding-bottom: calc(50px + 15.5vw); 
}

h3 {
	font-family: 'Mazzardh Regular';
    font-size: calc(21px + 1.2vw);
}

.about-us__list {
    padding-top: calc(30px + 6.8vw); 
}

.about-us__title {
	font-family: 'Mazzardh Bold';
	font-size: calc(18px + 0.4vw);
    padding-bottom: calc(10px + 0.7vw);
}

.about-us__description {
    line-height: 1.6;
}

.about-us__img {
	padding-bottom: 2.2vw;
} 

.about-us__list > div {
	padding-bottom: 25px;
    padding-bottom: calc(25px + 5vw);
}

.about-us__img img {
	max-width: 70%;
}

*{
	box-sizing: border-box;
}

.text-center {
	text-align: center;
}

.banner-wrap {
	background-image: url('../images/pic2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
    background-position: bottom;
    padding-top: calc(50px + 4vw);
}

.banner-wrap h3 {
	padding-bottom: calc(20px + 1.6vw);
}

.banner-wrap p {
    line-height: 1.6;
}

.banner-wrap img {
    margin-top: calc(20px + 5.6vw);
    position: relative;
    top: 3px;
}

.contact-us {
	background-image: url('../images/dw.png');
	background-repeat: no-repeat;
    background-position: center;
    padding-top: calc(50px + 8.3vw);
	padding-bottom: calc(20px + 10.1vw);
}

.btn-tel, .btn-email {
	display: inline-block;
}

.btn-tel a, .btn-email a {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 55px;
    display: block;
    color: #fff;
    font-size: calc(18px + 0.6vw);
    padding: 2.7vw 20px 2vw;
    min-width: 30vw;
    transition: all 0.2s;
}

.btn-tel a {
	background-image: url(../images/btn-yellow.png);
    margin-bottom: calc(30px + 3.7vw);
}

.btn-tel a:hover {
	background-image: url(../images/btn-yellow-hover.png);
}

.btn-email a {
    background-image: url(../images/btn-blue.png);
    background-position: bottom;
}

.btn-email a:hover {
	background-image: url(../images/btn-blue-hover.png);
}

.btn-group .btn-email a {
	padding: 2vw 20px 2.7vw;
}

a {
	text-decoration: none;
}

.contact-us h3 {
    padding-bottom: calc(20px + 1.5vw);
}

.btn-group {
    padding-top: calc(20px + 3vw);
}

.address {
	padding-top: calc(20px + 3vw);
}

footer {
	background: #3A0D2A;
	color: #fff;
    padding-top: calc(30px + 0.7vw);
    padding-bottom: calc(30px + 0.7vw);
}

footer a {
	color: #fff;
}

footer ul{
	display: flex;
}

footer li {
	padding-left: calc(15px +  5vw);
}

.content-part {
	padding-top: 50px;
	padding-bottom: calc(50px + 1vw);
    font-size: calc(12px + 0.13vw);
    line-height: 1.6;
}



.content-part p  {
	margin-bottom: calc(15px + 0.58vw);
}

.content-part h3 {
    margin-top: calc(25px + 2.1vw);
    margin-bottom: calc(10px + 0.4vw);
    font-family: 'Mazzardh Bold';
    font-size: calc(17px + 0.74vw);
}

.content-part li {
    margin-bottom: calc(15px + 0.5vw);
}

@media screen and (min-width: 992px) {
	.about-us__list > div {
		padding: 0 2vw;
	}
	.banner-wrap .container {
    	width: 73%;
	}
}

@media screen and (max-width: 991px) {
	.btn-tel a, .btn-email a {
    	min-width: 46vw;
	}
    
} 

@media screen and (max-width: 767px) {
	.container {
		width: 100%;
		padding-left: 15px;
		padding-right: 15px;
	}

	.header-menu {
	    width: 100%;
    	padding-top: 20px;
	}

	.logo-brand a {
	    justify-content: center;
	}

	.logo-brand {
	    width: 100%;
	}

	.header-menu ul {
		justify-content: center;
	}

	.header-menu li {
		padding-left: 10px;
		padding-right: 10px;
	}

	.row {
		margin: 0;
	}

	h1 {
	    font-size: calc(30px + 2vw);
	}

	header {
		padding: 20px 0;
	}

	.home-hero__description {
		margin-bottom: 40px;
	}

	.about-us__img img {
		max-width: 40%;
	}

	.about-us {
		padding-bottom: 50px
	}

	.btn-group .btn-email a, .btn-group .btn-tel a {
        padding: 20px 5px;
	}

	.btn-tel, .btn-email {
		display: block;
	}

	.btn-tel a, .btn-email a {
		min-width: 100%;
	}

	footer .row {
		justify-content: center;
	}

	footer ul {
		padding-top: 20px;
	}

	footer li {
		padding: 0 10px;
	}

	.hero {
	    padding-top: calc(80px + 15.3vw);
	}
}