

@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


html {
	scroll-behavior: smooth;
}

body {
	margin: 0px;
	padding: 0px;
	background: #fff !important;
	font-family: 'Nunito Sans', sans-serif !important;
}

div,
h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
a,
ul,
li {
	margin: 0px;
	padding: 0px;
}


/*font-family: 'Montserrat', sans-serif;*/
/*needed*/
a {
	text-decoration: none !important;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}

a:hover {
	text-decoration: none !important;
}

ul {
	list-style-type: none;
}

.clear {
	clear: both;
}

/*needed*/
.carousel-inner>.item>a>img,
.carousel-inner>.item>img,
.img-responsive,
.thumbnail a>img,
.thumbnail>img {
	display: block;
	max-width: 100%;
	height: auto;
}

.grid{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1600px;
	position: relative;
}
.flex{
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 1311px;
	position: relative;
}

/***** menu ********/

.menu {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: transparent;
	width: 100%;
}

.menu-row {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
a.logo{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu-right{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.menu-right ul {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: flex;
  align-items: center;
}	
.menu-right ul li{
	margin: 0px 55px 0px 0px;
	padding: 0px 0px 0px 0px;
}	
.menu-right ul li a{
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 25px;
	font-weight: 600;
	font-size: 21px;
	color: #151414;
	display: block;
	border-radius: 40px;
	line-height: 35px;
}	
.menu-right ul li a.active{
	color: #fff;
	background: #4f462e;
}	
.menu-right ul li a:hover{
	color: #fff;
	background: #4f462e;
}	
.menu-right ul li.last{
	margin: 0px 0px 0px 0px;
}



/******** banner *********/

.banner {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	overflow: hidden;
	background: #fff url(../images/banner-bg.png) left top no-repeat;
	background-size: 1382px 100%;
	position: relative;
}
img.banner-dots{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	top: 0;
	right: 0;
}
.banner-text {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.banner-flex{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.banner-left{
	margin: 0px 0px 0px 0px;
	padding: 90px 0px 0px 0px;
	width: 636px;
	position: relative;
}
.banner-left h1 {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: 900;
  font-size: 52px;
  color: #151414;
  line-height: 65px;
}	
.banner-left p{
	margin: 35px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Montserrat', sans-serif !important;
	font-weight: 500;
	font-size: 29px;
	color: #151414;
	line-height: 50px;
}	

.mail-box{
	margin: 60px 0px 0px 0px;
	padding: 38px 38px 38px 38px;
	background: #fff;
	border-radius: 15px;
	width: 905px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
input.mail{
	margin: 0px 0px 0px 0px;
    padding: 0px 10px 0px 34px;
	font-weight: 600;
	font-size: 20px;
	color: #959595;
	line-height: 65px;
	border-radius: 40px;
	background: #f9f9f9;
	width: calc(100% - 260px);
	border: none;
}
input.mail:focus{
	outline: none;
}
input.input-btn{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: 900;
	font-size: 22px;
	color: #fff;
	text-align: center;
	width: 242px;
	line-height: 65px;
	background: #4f462e;
	border-radius: 40px;
	border: none;
	display: block;
}
input.input-btn:hover{
	color: #fff;
	background: #6d603b;
}
img.bnr-right{
	margin: 0px 0px 0px 0px;
}
.phone-number{
	margin: 0px 0px 0px 0px;
  	padding: 30px 30px 30px 30px;
	background: #fff;
	border-radius: 15px 15px 0 0 ;
	border: 2px solid #4f462e;
	border-bottom: none;
	width: 425px;
}
.phone-number-row{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	display: flex;
	justify-content: space-between;
}	
.phone-number-row i.fas{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-size: 21.19px;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #4f462e;
	transform: rotate(90deg);
}	

.phone-number-text{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	width: 265px;
}
.phone-number-text h5{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 20px;
	color: #5b5b5b;
	text-transform: uppercase;
}	
.phone-number-text h4{
	margin: 12px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 33px;
	color: #232220;
}	



/***** program ********/

.program{
	margin: 0px 0px 0px 0px;
  	padding: 160px 0px 240px 0px;
	background: #fff;
	overflow: hidden;
	width: 100%;
}
.program-row{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	display: flex;
	justify-content: space-between;
}	
.program-left{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	position: relative;
	width: 560px;
}
img.prog-right{
	margin: 0px 0px 0px 0px;
	position: relative;
}
img.prog-lines{
	margin: 0px 0px 0px 0px;
	position: absolute;
	top: -62px;
	left: -72px;
}
img.prog-right-sm{
	margin: 0px 0px 0px 0px;
	position: absolute;
	bottom: -80px;
	right: -65px;
	border: 5px solid #fff;
	border-radius: 0px 10px 10px 10px;
}

.program-right{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	overflow: hidden;
	width: 586px;
}
.program-right h2{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 61px;
	color: #161616;
	line-height: 75px;
}	
.program-right ul{
	margin: 42px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
}	
.program-right ul li{
	margin: 0px 0px 22px 0px;
  	padding: 0px 0px 0px 52px;
	font-weight: bold;
	font-size: 22px;
	color: #161616;
	line-height: 35px;
	background: url(../images/tick.png) left 5px no-repeat;
}	
.program-right ul li.last{
	margin: 0px 0px 0px 0px;
}	
.program-right p{
	margin: 50px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 22px;
	color: #161616;
	line-height: 40px;
}



/****** perks ********/


.perks{
	margin: 0px 0px 0px 0px;
  	padding: 140px 0px 155px 0px;
	background: #f8f8f8 url(../images/perk-bg.png) 0 0 no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
}
.perks h2{
	margin: 0px 0px 75px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 61px;
	color: #161616;
	text-align: center;
}	
.perks-row{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	display: flex;
	column-count: 3;
	column-gap: 45px;
}	
.perks1{
	margin: 0px 0px 0px 0px;
  	padding: 50px 45px 0px 45px;
	width: 100%;
	background: #fff;
	border-radius: 10px;
	height: 400px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}	
.perks1:hover{
	background: #4f462e;
}
.icn-bx{
	margin: 0px auto 0px auto;
  	padding: 0px 0px 0px 0px;
	width: 95px;
	height: 95px;
	border-radius: 50%;
	background: #fffaf6;
	position: relative;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
.perks1:hover .icn-bx{
	background: #615943;
}
img.icn1{
	margin: 25px auto 0px auto;
	display: block;
	position: absolute;
	bottom: -15px;
	right: 0;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}
img.icn11{
	display: none;
}
.perks1:hover img.icn1{
	display: none;
}
.perks1:hover img.icn11{
	display: block;
}
.perks1 h4{
	margin: 40px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 25px;
	color: #161616;
	text-align: center;
	line-height: 40px;
	-webkit-transition: 300ms;
	-moz-transition: 300ms;
	-ms-transition: 300ms;
	-o-transition: 300ms;
	transition: 300ms;
}	
.perks1:hover h4{
	color: #fff;
}

.perks-row2{
	margin: 45px 0px 0px 0px;
}



/******** about ******/


.about{
	margin: 0px 0px 0px 0px;
  	padding: 170px 0px 170px 0px;
	background: #fff;
	overflow: hidden;
	width: 100%;
	position: relative;
}
.about-bg1{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	background: #fff7f0;
	width: 250px;
	height: 34px;
	position: absolute;
	top: 170px;
	left: 0;
}
.about-bg2{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	background: #fafafa;
	width: 305px;
	height: 118px;
	position: absolute;
	bottom: 250px;
	right: 0;
}
.about-row {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.about-left{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	width: 660px;
}	
.about-left h4{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 72px;
	font-weight: 600;
	font-size: 28px;
	color: #161616;
	position: relative;
	font-style: italic;
}	
.about-left h4::before{
	margin: 0px 0px 0px 0px;
  	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 44px;
	height: 3px;
	background: #4f462e;
}
.about-left h2{
	margin: 35px 0px 35px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 61px;
	color: #161616;
}	
.about-left p{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 27px;
	color: #161616;
	line-height: 55px;
	font-style: italic;
}	
a.cont-btn{
	margin: 62px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: 900;
	font-size: 22px;
	color: #fff;
	text-align: center;
	line-height: 66px;
	width: 236px;
	background: #4f462e;
	display: block;
	border-radius: 40px;
}
a.cont-btn:hover{
	color: #fff;
	background: #615943;
}
img.about-right{
	margin: 0px 0px 0px 0px;
}



/******* process ********/

.process{
	margin: 0px 0px 0px 0px;
  	padding: 118px 0px 108px 0px;
	background: url(../images/process-bg.png) center center no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	position: relative;
}
.process-row{
	width: 60%;
	height: 100%;
	background: rgba(44,40,29,.93);
	position: absolute;
	right: 0;
	top: 0;
}	
.process-text{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	width: 720px;
	float: right;
}
.process-text h2{
	margin: 0px 0px 40px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: 61px;
	color: #fff;
	line-height: 75px;
}
.process-text p{
	margin: 0px 0px 25px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: normal;
	font-size: 22px;
	color: #fff;
	line-height: 40px;
}
.process-text p.last{
	margin: 0px 0px 0px 0px;
}	

.contact_btn{
	margin: 20px 0px 0px 0px;
  	
}
.contact_btn a{
	color: #fff;
	width: 242px;
	padding: 0px 0px 0px 0px;
	font-weight: 900;
	font-size: 22px;
	color: #fff;
	text-align: center;
	
	line-height: 65px;
	background: #4f462e;
	border-radius: 40px;
	border: none;
	display: block;
	}
.contact_btn a:hover{
	color: #fff;
	background: #6d603b;
}



a.call {
  margin: 52px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  font-weight: 600;
  font-size: 33px;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
}
a.call:hover{
	color: #959595;
}
a.call i.fas{
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 21.19px;
	color: #fff;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 65px;
	height: 65px;
	border-radius: 50%;
	background: #4f462e;
	transform: rotate(90deg);
}

/****** copy *******/

.copy{
	margin: 0px 0px 0px 0px;
  	padding: 45px 0px 45px 0px;
	background: #131313;
	overflow: hidden;
	width: 100%;
}
.copy p{
	margin: 0px 0px 0px 0px;
  	padding: 0px 0px 0px 0px;
	font-weight: 600;
	font-size: 19px;
	color: #fff;
	text-align: center;
}	