/*** 

====================================================================
	Reset
====================================================================

 ***/
 
* {
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
}

/*** 

====================================================================
	Fonts
====================================================================

 ***/

 @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Bold.woff2') format('woff2'),
        url('../fonts/Montserrat-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BlackItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BlackItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Black.woff2') format('woff2'),
        url('../fonts/Montserrat-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Italic.woff2') format('woff2'),
        url('../fonts/Montserrat-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-BoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('../fonts/Montserrat-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-LightItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Medium.woff2') format('woff2'),
        url('../fonts/Montserrat-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Light.woff2') format('woff2'),
        url('../fonts/Montserrat-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-MediumItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-ThinItalic.woff2') format('woff2'),
        url('../fonts/Montserrat-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Thin.woff2') format('woff2'),
        url('../fonts/Montserrat-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('../fonts/Montserrat-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

/*** 

====================================================================
	Global Settings
====================================================================

 ***/

body {
	font-family: 'Montserrat', sans-serif;
	font-size:16px;
	color:#494d56;
	line-height:1.3;
	font-weight:400;
	background:#ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

.container{
	padding: 0 7.692vw;
}

/*** 

====================================================================
	Styles - Header
====================================================================

 ***/

.main--header .logo--content a {
	display: block;
	max-width: 17.385vw;
}

.main--header .logo--content embed{
	margin-top: 2.308vw;
	width: 17.385vw;
	pointer-events: none;
}

.main--header .logo--content::before{
    content: '';
    background: #cd8331;
    position: absolute;
    left: 0;
    top: -8vw;
    width: 30vw;
    height: 22vw;
    z-index: -1;
    border-radius: 0 0 30% 0;
    transform: rotate(25deg);
}

.main--header .banner--header{
    position: absolute;
    right: 0;
    top: 0;
	width: 60vw;
}

.main--header .banner--header embed{
	width: 100%;
}

.main--header .intro--header--title{
	margin-top: 12vw;
    max-width: 45vw;
}

.main--header .intro--header--title h2{
	font-weight: 900;
	font-size: 5.692vw;
	line-height:1.1;
	margin-bottom: 1.154vw;
}

.main--header .intro--header--copy{
    max-width: 45vw;
}

.main--header .intro--header--copy span{
	font-size: 2.692vw;
	font-weight: 600;
	color: #FFFFFF;
	background: #e48425;
	text-transform: uppercase;
    display: inline-block;
	line-height: 1;
    padding: 0.615vw;
	margin-bottom: 0.615vw;
}

/*** 

====================================================================
	Styles - Content
====================================================================

 ***/

/* Partners Section */
.partners--section .copy--content{
	margin-top: 1.154vw;
}

.partners--section .copy--content p{
	font-size: 1.538vw;
	font-weight: 500;
	line-height: 1.5;
}

.partners--section .partners--logo{
	margin-top: 3.462vw;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
	gap: 6.154vw;
}

.partners--section .partners--logo embed{
	width: 15vw;
}

/* Contact Section */

.contact--section{
	background: #e4e7ee;
	position: relative;
	margin-top: 4.615vw;
	padding: 3.077vw 0;
}

.contact--section::after{
	content: '';
	background: transparent url('../images/icon-contact.svg') no-repeat scroll top left;
    width: 25vw;
    height: 26vw;
    position: absolute;
    right: 7.692vw;
    top: -5vw;
    background-size: cover;
}

.contact--section .contact--section--content{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: flex-start;
    gap: 5.692vw;
    margin-left: 6.538vw;
    max-width: 80%;
}

.contact--section .contact--section--content .copy--content{
	width: 100vw;
	max-width: 50%;
}

.contact--section .contact--section--content .copy--content .bg--text{
	font-size: 3.385vw;
	font-weight: 900;
	color: #FFFFFF;
	background: #e48425;
	text-transform: uppercase;
    display: inline-block;
	line-height: 1;
    padding: 0.615vw;
	margin-bottom: 0.615vw;
}

.contact--section .contact--section--content .copy--content .simple--text{
	display: block;
	color: #e48425;
	font-size: 2.154vw;
}

.contact--section .contact--section--content .copy--content p{
	font-size: 1.692vw;
	margin-top: 2.308vw;
	font-weight: 500;
	max-width: 30vw;
}

.contact--section .contact--section--content .copy--content p strong{
	font-weight: 900;
}

.contact--section .contact--section--content .contact--content{
	width: 100vw;
	max-width: 50%;
}

.contact--section .contact--section--content .contact--content .img--contact{
	margin-top: 6vw;
    padding-left: 5vw;
}

.contact--section .contact--section--content .contact--content .img--contact img{
	width: 100%;
	max-width: 7.615vw;
}

.contact--section .contact--section--content .contact--content h2{
	font-size: 1.538vw;
	font-weight: 900;
	text-transform: uppercase;
}

.contact--section .contact--section--content .contact--content .area{
	display: block;
	font-size: 1.231vw;
	font-style: italic;
	margin-top: 0.385vw;
}

.contact--section .contact--section--content .contact--content ul li{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
	margin-top: 0.385vw;
}

.contact--section .contact--section--content .contact--content ul li a{
	font-size: 1.538vw;
	font-weight: 500;
	color: #494d56;
	text-decoration: none;
	transition: all 0.5s ease;
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: center;
}

.contact--section .contact--section--content .contact--content ul li a .icon{
	display: flex;
	margin-right: 5px;
}

.contact--section .contact--section--content .contact--content ul li a .icon img{
	width: 100%;
	max-width: 1.692vw;
}

.contact--section .contact--section--content .contact--content ul li a:hover{
	text-decoration: underline;
	color: #cd8331;
}

/*** 

====================================================================
	Styles - Footer
====================================================================

 ***/

.main--footer{
	background: transparent url('../images/footer-bg.jpg') no-repeat scroll center top;
	background-size: cover;
	padding-top: 4.231vw;
	padding-bottom: 6.615vw;
	position: relative;
	overflow: hidden;
}

.main--footer .border--footer{
	width: 100vw;
	background: #ce8232;
	height: 1.923vw;
	position: absolute;
	bottom: 0;
}

.main--footer .main--footer--content{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: flex-start;
    align-items: center;
	margin-left: 6.538vw;
}

.main--footer .main--footer--content .text--content p{
	font-size: 2.077vw;
	color: #FFFFFF;
	font-weight: 500;
	line-height: 1.388;
	text-shadow: 0px 4px 22.56px rgba(0, 0, 0, 0.64);
	max-width: 34.9vw;
}

.main--footer .main--footer--content .text--content p strong{
	font-weight: 900;
}

.main--footer .main--footer--content .action--content a{
	transition: all 0.5s ease;
}

.main--footer .main--footer--content .action--content a:hover img{
	transform: translateY(-0.769vw);
}

.main--footer .main--footer--content .action--content img{
	width: 100%;
	max-width: 49.154vw;
	transition: all 0.5s ease;
}

.main--footer .link--footer::before{
	content: '';
    background: #fff;
    width: 43vw;
    height: 19vw;
    position: absolute;
    left: -5vw;
    bottom: -8.923vw;
    z-index: 0;
    border-radius: 0 40px 0 0;
    transform: rotate(-2deg);
}

.main--footer .link--footer a{
	color: #e48425;
	font-weight: bold;
	font-size: 2.692vw;
	text-decoration: none;
	position: relative;
	top: 3.5vw;
	transition: all 0.5s ease;
}

.main--footer .link--footer a:hover{
	color: #494d56;
}

/*** 

====================================================================
	Styles - Footer
====================================================================

 ***/

@media only screen and (max-width: 640px) {
	.container{
		padding: 0 3.125vw;
	}
	.main--header .logo--content::before{
		width: 25vw;
	}
	.main--header .banner--header{
		width: 65vw;
	}
	.main--header .intro--header--title{
		max-width: 49vw;
		margin-top: 14vw;
	}
	.main--header .intro--header--title h2{
		font-size: 6.392vw;
	}
	.main--header .intro--header--copy{
		max-width: 100vw;
		background: #e48425;
		overflow: hidden;
		margin: 0 -3.125vw;
		margin-top: 2.7vw;
		position: relative;
		text-align: center;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: center;
		align-content: flex-start;
		align-items: center;
	}
	.main--header .intro--header--copy span{
		font-size: 3.692vw;
		margin-bottom: 0;
	}
	.partners--section .copy--content{
		margin-top: 3.154vw;
	}
	.partners--section .copy--content p{
		font-size: 2.838vw;
	}
	.partners--section .partners--logo{
		flex-wrap: wrap;
		gap: 3.462vw;
	}
	.partners--section .partners--logo embed{
		width: 40vw;
	}
	.contact--section::after{
		width: 36vw;
		height: 37.5vw;
		right: 3.125vw;
	}
	.contact--section .contact--section--content{
		flex-direction: column;
	}
	.contact--section .contact--section--content .copy--content{
		max-width: 80%;
	}
	.contact--section .contact--section--content .copy--content .bg--text{
		font-size: 5.385vw;
	}
	.contact--section .contact--section--content .copy--content .simple--text{
		font-size: 4.154vw;
	}
	.contact--section .contact--section--content .copy--content p{
		font-size: 2.992vw;
		max-width: 58vw;
	}
	.contact--section .contact--section--content .contact--content{
		max-width: 80%;
	}
	.contact--section .contact--section--content .contact--content .img--contact{
		margin-top: 0;
	}
	.contact--section .contact--section--content .contact--content .img--contact img{
		max-width: 19.615vw;
	}
	.contact--section .contact--section--content .contact--content h2{
		font-size: 4.538vw;
	}
	.contact--section .contact--section--content .contact--content .area{
		font-size: 3.231vw;
	}
	.contact--section .contact--section--content .contact--content ul li{
		margin-top: 0.785vw;
	}
	.contact--section .contact--section--content .contact--content ul li a{
		font-size: 3.538vw;
	}
	.contact--section .contact--section--content .contact--content ul li a .icon img{
		max-width: 2.692vw;
	}
	.main--footer .main--footer--content{
		flex-direction: column;
		align-items: flex-start;
	}
	.main--footer .border--footer{
		height: 2.923vw;
	}
	.main--footer .main--footer--content .text--content p{
		font-size: 4.077vw;
		max-width: 93%;
	}
	.main--footer .main--footer--content .action--content img{
		max-width: 78.154vw;
	}
	.main--footer .link--footer a{
		font-size: 3.692vw;
	}
	.main--footer .link--footer::before{
		width: 48vw;
    	height: 21vw;
	}
}

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

}