@import url('https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap');

/*------------------------------------*\

    MAIN

\*------------------------------------*/

/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}



/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

}

body {

	font-family: 'Calibri', sans-serif;

	color:#000;

	font-size:16px;

	/* line-height:22px; */

	overflow-x: hidden;

	font-weight:400;

	background:#fff;

}

.mont {font-family: 'Calibri', sans-serif;}

/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}

.clear:after { clear:both;}



.clear {*zoom:1; clear:both;}



img {max-width:100%;	vertical-align:bottom;}



a {	color:#000;	text-decoration:none;}



a:hover {text-decoration:none; color:inherit;}



a:focus {outline:0;text-decoration:none;}



a:hover, a:active {	outline:0;}



input:focus, textarea:focus, button:focus {	outline:0;	border:0;}



ul,li,h1,h2,h3,h4 {}

/* list-style-type:none;margin:0;padding:0 */

p:not(:last-child){margin-bottom:25px;}



p:last-child{margin-bottom:0px;}

/*------------------------------------*\

	        HEADER
.menu-bar
\*------------------------------------*/



/*.header {    padding:15px 0; }*/





.title-text h6 {

    font-size: 12px;

    color: #6c6c6c;

    font-weight: 400;

}



.title-text h5 {

    font-size: 14px;

    font-weight: 600;

    color:#232323;

}



.menu-bar {

    background: #0390cc;

    padding: 15px 0;

    /*margin-top:10px;*/

}



.member-link {

    display: inline-block;

    border: 1px solid rgb(255 255 255 / 21%);

    color: #fff;

    font-size: 16px;

    font-weight: 600;

    padding: 5px 11px;

    line-height: 22px;

}





.logo-side {     position: relative;    z-index: 9;  }



.nav_area > ul > li {    display: inline-block;   padding:0 15px;  }







.nav_area ul li:last-child{padding-right:0; border-right:0;  }



.nav_area ul li a { color: #fff; font-weight:600;font-size: 16px;  display: inline-block; text-transform:capitalize;  }



ul.sub-menu {    position: absolute;  background:#ff6600;      z-index: 555;	text-align:left;	padding:10px 0;   }



ul.sub-menu li a{color:#fff; line-height:20px; padding:3px 10px 7px 10px; font-size:15px; display:inline-block; text-transform:capitalize;} 



ul.sub-menu li{	display:block;}



ul.sub-menu li a{width:90%;}



ul.sub-menu li.menu-item-has-children {    position: relative;  }



ul.sub-menu li.menu-item-has-children .arrow{color:#fff;  padding-left: 0;  font-size:12px; }



span.arrow  {  font-size:16px; color:#6ab6c3;   }







.wrapper{position:relative;}





a.btn {color: #fff; background: #0390cc; padding: 9px 25px; font-size:17px; font-weight: 600; margin: 10px 0;   border-radius: 3px;	 }



a.btn:hover ,.submit-btn:hover,.pro-item a:hover{background:#ff6f43; color: #fff; }



a.btn.border-btn {

    background: #fff;

    border: 1px solid #ddd;

    color: #63ba6f;

}



a.btn.border-btn:hover{background:#63ba6f; color: #fff; }



.roboto {font-family:Calibri, sans-serif;}



.footer {background:#222327;}

.footer h3 {color:#ffffff; font-size:22px; font-weight:600; margin:0; padding-bottom:15px;}

.footer p{font-size:14px; color:#b0b0b0;  }











/*------------------------------------*\

	        MAIN

\*------------------------------------*/



h1 {

    font-family: Calibri, sans-serif;

}
.item{
    position: relative;
}
.item::after{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000063;
    content: "";
}

.banner img{
	width:100%;
	height:550px;
	object-fit:cover
}
.banner h3 {
    position: absolute;
    top: 40%;
    width: 80%;
    font-size: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    color: yellow;
    z-index: 9;
    
    padding: 25px;
}
.banner .owl-nav {
    position: absolute;
    width: 100%;
    font-size: 50px;
    color: #fff;
    top: 50%;
    z-index: 99;
    display: flex;
    transform: translateY(-50%);
    justify-content: space-between;
}
.main p{font-size:14px; color:#959595; line-height:22px;}



.main p a{color:#0390cc;}



.top-row {

    background: #f8f8f8;

}



.title{font-size: 31px; font-weight: 600;

    line-height: 35px;}



.join-btn {

    display: table;

    background: #fff;

    margin: 0 auto;

    font-size: 31px;

    padding: 15px 20px;

    max-width: 255px;

    text-align: center;

    font-weight: 600;

    line-height: 35px;

}



.service-row h3 {

    font-size: 20px;

    font-weight: 600;

}



.summary-row img {

    height: 220px;

    width: 100%;

    object-fit: cover;

    max-width:350px;

}





.main ul {

    font-size:14px; color:#959595; line-height:22px; list-style:disc ; padding-bottom:25px; padding-left:15px;



    

}



.main ul  li{padding-bottom:5px; list-style:disc ;}



/*------------------------------------*\

	        SUBPAGE

\*------------------------------------*/







/*------------------------------------*\

	        MIN WIDTH

\*------------------------------------*/



.mb-40 {    margin-bottom: 40px;  }

ul.sub-menu li.menu-item-has-children i:before {    content: "\f105"; }





@media(min-width:1151px){





}







@media(min-width:992px){



	nav.nav_area ul.menu > li:not(:last-child) {

    border-right: 1px solid rgb(255 255 255 / 21%);

}

	

	

.nav_area ul li:hover ul.sub-menu {	display:block;}

.nav_area > ul > li > ul.sub-menu {   margin-top: 5px;  }



.nav_area > ul > li ul.sub-menu {transform-origin: 50% 0;  transform: scaleY(0) translateZ(0);  transition: transform 0.3s, opacity 0.3s; display: block;  }


/* 
ul.sub-menu {min-width: 150px;} */



ul.sub-menu li ul.sub-menu {    left: 100%;    top: -10px;    width: 100%;  }



.nav_area > ul > li:hover > ul.sub-menu, .nav_area ul.sub-menu > li:hover > ul.sub-menu {   transform: scaleY(1) translateZ(0);   }



.nav_area ul li:hover ul.sub-menu {    display: block; }



.member-link > li:hover > ul.sub-menu {   transform: scaleY(1) translateZ(0);   }

.member-link li:hover ul.sub-menu {    display: block; }
.member-link > li ul.sub-menu {transform-origin: 50% 0;  transform: scaleY(0) translateZ(0);  transition: transform 0.3s, opacity 0.3s; display: block;  }
    
.member-link > li{list-style:none ; padding:0px;}
	

ul.menu{display: flex !important;    width: 100%;     justify-content: space-between; }



span.arrow{display: inline-block;  padding-left: 2px;    font-size: 10px;}



label.toggle {    display: none;  }





}





@media(min-width:768px){	



}









/*------------------------------------*\

	        MAX WIDTH

\*------------------------------------*/

.wrapper {    overflow-x: hidden;  }





@media (max-width:1200px){

	.container {

    max-width: 100%;

}

}



@media (max-width:1100px){



.nav_area > ul > li a {  font-size: 14px;    text-transform: capitalize;  }

.nav_area > ul > li {padding:0 6px;}



}



@media (max-width:1024px){



}





@media (max-width:991px){

	
/*
.menu-bar {
    padding: 10px 15px;
}
*/
	

	.container {    max-width: 100%;  }

	

	/*.header ul.menu  {    display: none; position:absolute; width:100%; left:0;  text-align: left;    background:#0390cc;  z-index:2;    padding: 15px 10px;

    z-index: 10;     margin-top: 15px;}*/

	

	

	.header .row {    align-items: center;  }

	.toggle {        color: #fff;    font-size: 22px;   margin:0;text-align: right;    display: block;  } 	

	.menu-side { position: initial;    }

	

	.nav_area ul li a {      padding: 5px 0; font-size: 14px; color:#fff; }

	

	nav.nav_area ul li{display:block;     position: relative;    border: 0; }

	

	span.arrow {

    position: absolute;

    right: 10px;

    color: #fff;

    top: 10px;

    width: 40px;

    text-align: center;

    height: 30px;

	}
	
	nav.nav_area ul.menu {
	    padding-left: 0;
	}

		

	ul.sub-menu {    display: none;    position: relative;  	    background: transparent; padding:0; }	

	

	ul li .sub-menu li a {    line-height: 14px;  }	

	

	.header .container {    position: initial; }

	ul.sub-menu span.arrow {    right: 10px;    text-align: right;  }

	

	span.arrow.close-icon i:before {    content: '\f106';  }

	ul.sub-menu li.menu-item-has-children  span.arrow.close-icon i:before {    content: "\f106";  }

	

	nav.nav_area {    padding-top: 0;    padding-bottom: 0; padding-right: 0 !important; width: 100%;  }
	
	.menu-bar .member-link {
	    width: 100%;
	}



	table {

    display: block;

    width: 100%;

}



input:not([type=submit]) {

    width: 100%;

}



}





@media (max-width:767px){





.title-text h6{display:none;}

.con-item {    padding-bottom: 5px;  }



.join-btn {margin-top:25px;}



.service-row img, .service-row iframe{

    display: table;

    margin: 0 auto;

}



.title {font-size:26px; line-height:32px; }



	

}

@media (max-width:600px){



	

}



.els-logo-wrap {
    padding: 15px 0;
}

.els-member-link-wrap {
    background: #0390cc;
}

.els-member-link-wrap a:link,
.els-member-link-wrap a:visited {
    color: white;
}

.els-member-link-wrap:hover {
    
}





