@charset "utf-8";
/* CSS Document */

/*--GENERAL CSS--*/
ul{margin:0; padding:0;}
li{list-style:none;}
img{max-width:100%;}
p, label{margin:0; padding:0;}
a, span{display:inline-block;}
a, a:hover{text-decoration:none;}
h1, h2, h3, h4, h5, h6{padding:0; margin:0; font-weight:normal;}
figure{margin:0;}
input:focus, button:focus, a:focus{outline:none;}
textarea:focus{outline:none;}
button{border:0; padding:0;}

/*--TRANSITIONS--*/
a, button, .transition-all{transition:all 0.1s linear;}

/*--Row and Rows--*/
.row.rows{margin:-15px;}
.row.rows .columns{padding:15px;}
@media(max-width:991px){
	.row.rows{margin:-10px;}
	.row.rows .columns{padding:10px;}
}

/*--Varibales--*/
:root{
	--font-family:'Montserrat', sans-serif;
	--primary-color:#B9AEA2;
	--secondary-color:#B8CFEE;
	--text-color:#2F2F2E;
}

/*--Colors--*/
.primary-color{color:var(--primary-color) !important;}
.secondary-color{color:var(--secondary-color) !important;}
.text-color{color:var(--text-color) !important;}
.white-color{color:#fff;}
.red-color{color:#F40E0E;}

/*--Background Colors--*/
.primary-bg-color{background-color:var(--primary-color);}
.secondary-bg-color{background-color:var(--secondary-color);}

/*--Headdings--*/
h1{font-size:50px;}
h4{font-size:30px; line-height:1.6;}
h5{font-size:22px;}
h6{font-size:20px;}
@media(max-width:1499px){
	h1{font-size:46px;}
	h4{font-size:27px;}
	h5{font-size:22px;}
	h6{font-size:19px;}
}
@media(max-width:1199px){
	h1{font-size:42px;}
	h4{font-size:25px;}
	h5{font-size:20px;}
	h6{font-size:18px;}
}
@media(max-width:991px){
	h1{font-size:38px;}
	h4{font-size:23px;}
	h5{font-size:19px;}
	h6{font-size:17px;}
}
@media(max-width:767px){
	h1{font-size:35px;}
	h4{font-size:21px;}
	h5{font-size:18px;}
	h6{font-size:16px;}
}
@media(max-width:575px){
	h1{font-size:32px;}
	h4{font-size:20px;}
	h5{font-size:17px;}
	h6{font-size:15px;}
}
@media(max-width:480px){
	h1{font-size:28px;}
	h4{font-size:18px;}
	h5{font-size:16px;}
	h6{font-size:14px;}
}

/*--Font Weights--*/
.fw-light{font-weight:300;}
.fw-medium{font-weight:500;}
.fw-semiBold{font-weight:600;}
.fw-bold{font-weight:700;}
.fw-extraBold{font-weight:800;}
.fw-black{font-weight:900;}

/*--Nav Icon--*/
.nav-icon{width:24px; height:14px; display:flex; align-items:center; position:relative; z-index:9999; cursor:pointer;}
.nav-icon span{flex-grow:1; height:2px; background-color:#000; transition:all 0.1s linear;}
.nav-icon::before, .nav-icon::after{width:100%; height:2px; background-color:#000; position:absolute; left:50%; transform:translateX(-50%); content:""; transition:all 0.1s linear;}
.nav-icon::before{top:0;}
.nav-icon::after{bottom:0;}
.nav-icon.active span{opacity:0;}
.nav-icon.active::before{top:50%; transform:translateX(-50%) rotate(-45deg);}
.nav-icon.active::after{bottom:auto; top:50%; transform:translateX(-50%) rotate(45deg);}