h1, h2, h4, h3{
	font-family: 'Montserrat', sans-serif;	
}

p, span, h5, h6, a, i{
	font-family: 'Quicksand', sans-serif;
}

a:hover{
	outline: none;
	text-decoration: none;
}

body, html {
	margin: 0;
	padding: 0;
	overflow-y: auto;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body{
	position: relative;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #FFF !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #FFF !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #FFF !important;
}

/****************TOP SEC*********************/
.es_top_sec{
	height: auto;
	background-color: transparent;
	padding-left: 50px;
	padding-right: 50px;
}

.es_menu_holder{
	z-index: 999999 !important;
}

.sep_img{
	height: 15px;
	margin-left: auto;
	margin-right: auto;
}

.only_deskt a{
	margin-top: -12px !important;
}

.es_logo{
	height: 100px;
	margin-left: 0px;
	border-radius: 50%;
	border: solid 5px #FFF;
	padding: 0px;
}

.es_menu_li a{
	color: #FFF !important;
	transition: all 0.5s;
	font-family: 'Quicksand', sans-serif;
}

.es_menu_li a{
	background-size: 0px;
	background-position: left bottom;
	background-repeat: no-repeat;
	transition: all 0.5s;
	padding-bottom: 12px;
}

.es_menu_li a:hover{
	background-image: url(../images/menu_bgsm.png);
	background-size: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: all 0.5s;
	padding-bottom: 12px;
}

/*.es_act a{
	background-image: url(../images/menu_bgsm.png);
	background-size: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: all 0.5s;
	padding-bottom: 7px;
}*/

.es_act a{
	color: #b6dfcd !important;
	transition: all 0.5s;
}

.es_menu_li a:hover{
	color: #b6dfcd !important;
	transition: all 0.5s;
}

.es_top_contact a{
	color: rgba(255,255,255,1);
	font-size: 13px;
	text-align: center;
}

/************SCROLL MENU****************/
.eartic_navbar_fix{
	background-color:#FFF;
	padding-top:0.5%;
	margin-bottom:0px;
	border-radius:0;
	border:none;
	transition:all 0.4s;
	margin-top:0%;
	min-height:80px;
	z-index:999999 !important;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	height: 80px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

.logo2{
	height: 100px;
	margin-left: 30px;
	border-radius: 50%;
	border: solid 5px #FFF;
	padding: 0px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}

.eartic_navbar_fix .es_top_contact{
	margin-top: -140px;
	margin-left: 140px;
}

.eartic_navbar_fix .es_top_contact a{
	color: rgba(0,0,0,1);
	font-size: 13px;
}

.eartic_navbar_fix .main_nav_ul{
	margin-right: 180px;
	margin-top: 10px;
}

.eartic_navbar_fix .es_menu_li a{
	color: #000 !important;
	transition: all 0.5s;
	font-family: 'Quicksand', sans-serif;
	margin-top: -100px;
	background-size: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: all 0.5s;
	padding-bottom: 15px;
	transition:all 0.4s;
}

.eartic_navbar_fix .es_menu_li a:hover{
	color:#124a9d !important;
	transition:all 0.4s;
}

.eartic_navbar_fix .es_menu_li a.active{
	color:#124a9d !important;
	background-image: url(../images/menu_bgsm.png);
	background-size: auto;
	background-position: center bottom;
	background-repeat: no-repeat;
	transition: all 0.5s;
	padding-bottom: 15px;
	transition:all 0.4s;
}

/*************END NAV*************/


.es_sec_two{
	background-image: url(../images/Ashan_fernando_main_background_2.jpg);
	background-size: cover;
	height: 90vh;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -130px;
}

.es_sec_two_newrelease{
	background-image: url(../images/new_release_ban.jpg);
	background-size: cover;
	height: 90vh;
	background-position: center;
	background-repeat: no-repeat;
	margin-top: -130px;
}

.es_social_box{
	margin-top: 20%;
	padding-left: 5%;
	height: 600px;
}

.social_icon a{
	color: #FFF !important;
	transition: all 0.4s;
}

.social_icon a:hover{
	color: #1284ba !important;
	transition: all 0.4s;
}

.slider_text{
	text-align: left;
	font-size: 55px;
	color: #FFF;
	font-weight: 700;
}

.sub_slider_text{
	text-align: left;
	font-size: 45px;
	color: #EEE;
	font-weight: 400;
	margin-bottom: 20px;
}

.es_slider_text_box{
	margin-top: 20%;
}

.menu_btn{
	color: #333;
	margin-top: -10%;
	font-weight: lighter;
}

@media (max-width: 580px){
	.es_social_box{
		margin-top: 60%;
		padding-left: 5%;
		height: 400px;
	}

	.es_sec_two{
		background-image: url(../images/Ashan_fernando_main_background_mob_2.jpg);
		background-size: cover;
		height: 90vh;
		background-position: center;
		background-repeat: no-repeat;
		margin-top: -60px;
    }

    .es_slider_text_box{
	    margin-top: 70%;
	}

	.slider_text{
		text-align: left;
		font-size: 35px;
		color: #FFF;
		font-weight: 700;
	}

	.sub_slider_text{
		text-align: left;
		font-size: 25px;
		color: #EEE;
		font-weight: 400;
		margin-bottom: 20px;
	}

	.eartic_navbar_fix{
		background-color:#FFF;
		padding-top:0.5%;
		margin-bottom:0px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		margin-top:0%;
		z-index:999999 !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: auto;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	}

	.es_top_sec{
		min-height: 130px;
		background-color: #FFF;
		padding-left: 0px;
		padding-right: 0px;
		z-index: 999999 !important;
	}

	.sep_img_box{
		height: 15px;
		margin-left: auto;
		margin-right: auto;
		visibility: hidden;
		display: none;
	}

	.es_logo{
		height: 100px;
		margin-left: 0px;
		border-radius: 50%;
		border: solid 5px #FFF;
		padding: 0px;
	}

	.es_menu_li a{
		color: #333 !important;
		transition: all 0.5s;
		font-family: 'Quicksand', sans-serif;
		text-align: center;
	}

	.es_menu_li a{
		background-size: 0px;
		background-position: left bottom;
		background-repeat: no-repeat;
		transition: all 0.5s;
		padding-bottom: 5px;
	}

	.es_menu_li a:hover{
		background-image: none;
		background-size: auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		transition: all 0.5s;
		padding-bottom: 5px;
	}

	.main_nav_ul{
		width: 100%;
		margin-left: 0px;
		margin-top: 2%;
	}

	.es_menu_li{
		background-color: #999999;
		width: 100%;
		margin-left: 0% !important;
		border-bottom: solid 1px rgba(255,255,255,0.5);
	}

	.es_act a{
		color: #b6dfcd !important;
		transition: all 0.5s;
	}

	.es_menu_li a:hover{
		color: #b6dfcd !important;
		transition: all 0.5s;
	}

	.es_top_contact a{
		color: rgba(0,0,0,1);
		font-size: 13px;
		text-align: left;
		float: none;
	}

	.logo2{
		height: 70px;
		margin-left: 30px;
		border-radius: 50%;
		border: solid 5px #FFF;
		padding: 0px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	}

	.eartic_navbar_fix .menu_btn{
		color: #333;
		margin-top: 2%;
		font-weight: lighter;
	}

	.eartic_navbar_fix .es_top_contact{
		margin-top: -20px;
		margin-left: 80px;
	}

	.eartic_navbar_fix .sep_img{
		margin-top: -20px;
		display: none;
		visibility: hidden;
	}

	.eartic_navbar_fix .es_top_contact a{
		color: rgba(0,0,0,1);
		font-size: 13px;
	}

	.eartic_navbar_fix .main_nav_ul{
		margin-right: 0px;
	}

	.eartic_navbar_fix .es_menu_li a{
		color: #000 !important;
		transition: all 0.5s;
		font-family: 'Quicksand', sans-serif;
		margin-top: 0px;
		background-size: auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		transition: all 0.5s;
		padding-bottom: 5px;
		transition:all 0.4s;
	}

	.eartic_navbar_fix .es_menu_li a:hover{
		color:#124a9d !important;
		transition:all 0.4s;
	}

	.eartic_navbar_fix .es_menu_li a.active{
		color:#124a9d !important;
		background-image: none;
		background-size: auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		transition: all 0.5s;
		padding-bottom: 5px;
		transition:all 0.4s;
	}
}

@media (max-width: 991px){
	.es_social_box{
		margin-top: 10%;
		padding-left: 5%;
		height: 400px;
	}

	.es_sec_two{
		background-image: url(../images/Ashan_fernando_main_background_mob_2.jpg);
		background-size: cover;
		height: 90vh;
		background-position: center;
		background-repeat: no-repeat;
		margin-top: -60px;
    }

    .es_slider_text_box{
	    margin-top: 25%;
	}

	.slider_text{
		text-align: left;
		font-size: 35px;
		color: #FFF;
		font-weight: 700;
	}

	.sub_slider_text{
		text-align: left;
		font-size: 25px;
		color: #EEE;
		font-weight: 400;
		margin-bottom: 20px;
	}

	.eartic_navbar_fix{
		background-color:#FFF;
		padding-top:0.5%;
		margin-bottom:0px;
		border-radius:0;
		border:none;
		transition:all 0.4s;
		margin-top:0%;
		z-index:999999 !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		display: block;
		height: auto;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	}

	.es_top_sec{
		min-height: 130px;
		background-color: #FFF;
		padding-left: 0px;
		padding-right: 0px;
		z-index: 999999 !important;
	}

	.sep_img_box{
		height: 15px;
		margin-left: auto;
		margin-right: auto;
		visibility: hidden;
		display: none;
	}

	.es_logo{
		height: 100px;
		margin-left: 0px;
		border-radius: 50%;
		border: solid 5px #FFF;
		padding: 0px;
	}

	.es_menu_li a{
		color: #333 !important;
		transition: all 0.5s;
		font-family: 'Quicksand', sans-serif;
		text-align: center;
	}

	.es_menu_li a{
		background-size: 0px;
		background-position: left bottom;
		background-repeat: no-repeat;
		transition: all 0.5s;
		padding-bottom: 5px;
	}

	.es_menu_li a:hover{
		background-image: none;
		background-size: auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		transition: all 0.5s;
		padding-bottom: 5px;
	}

	.main_nav_ul{
		width: 100%;
		margin-left: 0px;
		margin-top: 2%;
	}

	.es_menu_li{
		background-color: #999999;
		width: 100%;
		margin-left: 0% !important;
		border-bottom: solid 1px rgba(255,255,255,0.5);
	}

	.es_act a{
		color: #b6dfcd !important;
		transition: all 0.5s;
	}

	.es_menu_li a:hover{
		color: #b6dfcd !important;
		transition: all 0.5s;
	}

	.es_top_contact a{
		color: rgba(0,0,0,1);
		font-size: 13px;
		text-align: left;
		float: none;
	}

	.logo2{
		height: 70px;
		margin-left: 30px;
		border-radius: 50%;
		border: solid 5px #FFF;
		padding: 0px;
		box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	}

	.eartic_navbar_fix .menu_btn{
		color: #333;
		margin-top: 2%;
		font-weight: lighter;
	}

	.eartic_navbar_fix .es_top_contact{
		margin-top: -60px !important;
	}

	.eartic_navbar_fix .sep_img{
		margin-top: 0px;
		display: none;
		visibility: hidden;
	}

	.eartic_navbar_fix .es_top_contact a{
		color: rgba(0,0,0,1);
		font-size: 13px;
	}

	.eartic_navbar_fix .main_nav_ul{
		margin-right: 0px;
	}

	.eartic_navbar_fix .es_menu_li a{
		color: #000 !important;
		transition: all 0.5s;
		font-family: 'Quicksand', sans-serif;
		margin-top: 0px;
		background-size: auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		transition: all 0.5s;
		padding-bottom: 5px;
		transition:all 0.4s;
	}

	.eartic_navbar_fix .es_menu_li a:hover{
		color:#124a9d !important;
		transition:all 0.4s;
	}

	.eartic_navbar_fix .es_menu_li a.active{
		color:#124a9d !important;
		background-image: none;
		background-size: auto;
		background-position: center bottom;
		background-repeat: no-repeat;
		transition: all 0.5s;
		padding-bottom: 5px;
		transition:all 0.4s;
	}
}

@media (max-width: 1125px){
	.only_deskt a{
		margin-top: 20px !important;
	}

	.sep_img{
		margin-top: 0px;
	}

	.eartic_navbar_fix .es_top_contact{
		margin-top: -40px;
	}
}


@media (max-width: 1456px){
	.eartic_navbar_fix .main_nav_ul{
		margin-top: 20px !important;
	}

	.eartic_navbar_fix .es_top_contact{
		margin-top: -140px;
	}
}


.read_more{
	text-align: center;
	background: rgb(18,132,186);
	background: linear-gradient(128deg, rgba(18,132,186,1) 41%, rgba(0,212,255,0.6365896700477065) 100%);
	color: #FFF;
	font-size: 18px;
	border-radius: 40px;
	padding: 5px 17px;
	width: auto;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	transition: all 0.5s;
}

.read_more:hover{
	text-align: center;
	background: rgb(255,255,255);
	background: linear-gradient(128deg, rgba(255,255,255,1) 41%, rgba(0,212,255,0.6365896700477065) 100%);
	color: #1284b8;
	font-size: 18px;
	border-radius: 40px;
	padding: 5px 17px;
	width: auto;
	box-shadow: 5px 10px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 10px 5px rgba(0,0,0,0.1);
	transition: all 0.5s;
}

.read_more_round{
	text-align: center;
	background: rgb(18,132,186);
	background: linear-gradient(128deg, rgba(18,132,186,1) 41%, rgba(0,212,255,0.6365896700477065) 100%);
	color: #FFF;
	font-size: 18px;
	border-radius: 50%;
	padding: 17px 24px;
	width: auto;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	transition: all 0.5s;
}

.read_more_round:hover{
	text-align: center;
	background: rgb(255,255,255);
	background: linear-gradient(128deg, rgba(255,255,255,1) 41%, rgba(0,212,255,0.6365896700477065) 100%);
	color: #1284b8;
	font-size: 18px;
	border-radius: 50%;
	padding: 17px 24px;
	width: auto;
	box-shadow: 5px 10px 5px rgba(0,0,0,0.1);
	-webkit-box-shadow: 5px 10px 5px rgba(0,0,0,0.1);
	transition: all 0.5s;
}

.es_third_sec{
	margin-top: 0px;
	height: auto;
	padding: 4% 6%;
	background: rgb(58,81,180);
	background: linear-gradient(128deg, rgba(58,81,180,1) 0%, rgba(29,253,239,0.8690826672465861) 50%, rgba(69,252,96,1) 100%);
}

.gen_titt_white{
	text-align: center;
	font-size: 40px;
	color: #FFF;
	font-family: 'Quicksand', sans-serif;
	background-image: url(../images/tittle_bg.png);
	background-position: center bottom;
	background-size: auto;
	background-repeat: no-repeat;
	padding-bottom: 25px;
}

.about_par{
	color: #f8fdff;
	font-size: 19px;
	margin-top: 25px;
}

.es_forth_sec{
	margin-top: 0px;
	height: auto;
	padding: 4%;
	padding-bottom: 7%;
}

.gen_titt{
	text-align: center;
	font-size: 40px;
	color: #01151e;
	font-family: 'Quicksand', sans-serif;
	background-image: url(../images/tittle_bg.png);
	background-position: center bottom;
	background-size: auto;
	background-repeat: no-repeat;
	padding-bottom: 25px;
}

.team_box{
	margin-top: 15px;
}


.team_box{
	margin-top: 55px;
	transition: all 0.6s;
}

.team_box_ins{
	margin-top: 10px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
	padding: 0px;
	border-radius: 40px;
}

.team_pic{
	border-top-left-radius: 40px;
	border-top-right-radius: 40px;
}

.team_desc{
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	background: rgb(58,81,180);
	background: linear-gradient(128deg, rgba(58,81,180,1) 0%, rgba(29,253,239,0.8690826672465861) 50%, rgba(69,252,96,1) 100%);
	padding: 10% 6%;
	transition: all 0.6s;

}

.team_name{
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-family: 'Quicksand', sans-serif;
}

.team_pos{
	color: #EEE;
	text-align: center;
	font-size: 16px;
	font-family: 'Quicksand', sans-serif;
}

.team_box_ins:hover .team_desc{
	border-bottom-left-radius: 40px;
	border-bottom-right-radius: 40px;
	background: rgb(58,81,180);
	background: linear-gradient(128deg, rgba(29,253,239,0.8690826672465861) 0%, rgba(58,81,180,1) 50%, rgba(69,252,96,1) 100%);
	padding: 10% 6%;
	transition: all 0.6s;
}

.es_fifth_sec{
	background-image: url(../images/fifth_bg.jpg);
	min-height: 100vh; 
	background-repeat: no-repeat;
	background-position: center center
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	padding: 4%;
}

.new_release_box{
	margin-top: 20px;
}

.es_iframe{
	border-radius: 0px;
}

.new_release_desc{
	background: rgb(18,132,186);
	background: linear-gradient(128deg, rgba(18,132,186,1) 41%, rgba(0,212,255,0.6365896700477065) 100%);
	padding: 5%;
	margin-top: -5px;
}

.es_border{
	border-bottom: solid 1px rgba(255,255,255,0.2);
	padding-top: 2%;
}

.vid_det{
	color: #EEE;
	text-align: left;
	font-size: 16px;
	font-family: 'Quicksand', sans-serif;
}

.vid_tit{
	color: #FFF;
	text-align: left;
	font-weight: 700;
	font-size: 20px;
	font-family: 'Quicksand', sans-serif;
}

.es_sixth_sec{
	margin-top: 0px;
	height: auto;
	padding: 4%;
	padding-bottom: 7%;
}

.es_icons{
	border: solid 1px rgba(17,118,168,0.4);
	border-radius: 50%;
	width: 250px;
}

.ser_box{
	box-shadow: 0px 0px 0px rgba(0,0,0,0);
	-webkit-box-shadow: 0px 0px 0px rgba(0,0,0,0);
	transition: all 0.5s;
}

.ser_box:hover{
	box-shadow: 2px 2px 15px rgba(0,0,0,1);
	-webkit-box-shadow: 2px 2px 15px rgba(0,0,0,1);
	transition: all 0.5s;
}

.es_seventh_sec{
	background-image: url(../images/mid_baneer.jpg);
	min-height: 40vh; 
	background-repeat: no-repeat;
	background-position: center center
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	padding: 7% 4%;
}

.reached{
	color: #FFF;
	font-size: 60px;
	font-weight: bolder;
}

.archi_name{
	color: #EEE;
	font-size: 30px;
}

.es_last_sec{
	background: rgb(58,81,180);
	background: linear-gradient(128deg, rgba(58,81,180,1) 0%, rgba(29,253,239,0.8690826672465861) 50%, rgba(69,252,96,1) 100%);
	padding: 4% 7%;
	padding-top: 8%;
	min-height: 100vh;
	background-image: url(../images/last_banner.jpg);
	background-repeat: no-repeat;
	background-size: cover;
}

.eartic_form2{
  height: 70px;
  border: none;
  border-bottom: solid 1px rgba(255,255,255,0.3);
  background-color: transparent;
  box-shadow: none;
  border-radius: 0px;
  font-family: 'Quicksand', sans-serif;
}

.eartic_form{
  border:solid 1px rgba(255,255,255,0.2);
  font-size:14px;
  background-color:transparent;
  color:#333;
  min-height:40px;
  font-family: 'Quicksand', sans-serif;
}

.desawana_label{
  font-family: 'Quicksand', sans-serif;
}

.form_titt{
  color: #0c4ca3;
  border-top: solid 1px rgba(255,255,255,0.1);
  margin-top: 4%;
  padding-top: 2%;
}

.form_cont{
  padding: 1% 3%;
}

.form_cont_2{
  padding: 1% 5%;
}


.social_icon_set{
  margin-top:100px;
 }

@media (max-width: 1180px){
  .social_icon_set{
    margin-top:50px;
   }
}

.s_icon{
  padding-top:3%;
  border:solid 1px rgba(255,255,255,0.6);
  border-radius:50%;
  width:70px;
  height:70px;
  transition:all 0.4s;
  color:#FFF !important;
  font-weight: bolder;
}

@media (max-width: 414px){
  .s_icon{
    margin-top:4%;
    width:60px;
    height:60px;
    padding-top:4%;
  }
}

.s_icon:hover{
  border:solid 1px #a1c036;
  transition:all 0.4s;
  color:#a1c036 !important;
  cursor:pointer;
}

.f_color{
  color:#FFFF !important;
  font-size:13px !important;
  font-weight: bolder;
  margin-top:3%;
}

.add_sec{
  margin-top:4%;
  min-height:130px;
  padding-left:6%;
}

.footer_add{
  color:#FFF !important;
  font-size:15px;
  letter-spacing:1px;
  font-weight: bolder;
}

.eartic_btn{
    background-color: #333;
    color: #FFF;
  }

  .eartic_btn:hover{
    background-color: #13bab4;
    color: #FFF;
  }

  .f_link a{
  	color: #bffeff;
  }

  .f_link a:hover{
  	color: #FFF;
  }