@font-face {
	font-family: 'NexaBold';
	src: url('../font/Nexa Bold.eot');
	src: url('../font/Nexa Bold.eot?#iefix') format('embedded-opentype'),
		 url('../font/Nexa Bold.woff') format('woff');
	src: url('../font/Nexa Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}

	@font-face {
		font-family: 'NexaLight';
		src: url('../font/Nexa Light.eot');
		src: url('../font/Nexa Light.eot?#iefix') format('embedded-opentype'),
			 url('../font/Nexa Light.woff') format('woff');
		src: url('../font/Nexa Light.woff') format('woff');
		font-weight: normal;
		font-style: normal;
		}
		
		@font-face {
			font-family: 'NexaBlack';
			src: url('../font/NexaBlack.eot');
			src: url('../font/NexaBlack.eot?#iefix') format('embedded-opentype'),
				 url('../font/NexaBlack.woff') format('woff');
			src: url('../font/NexaBlack.woff') format('woff');
			font-weight: normal;
			font-style: normal;
			}

/*GENERAL*/
p {font-family: NexaLight;font-size:19px;color:#000;line-height:1.6}
.p-17 {font-family: NexaLight;font-size:17px;color:#000;line-height:1.6}
.bg-gray {background:#eaf2f7}
.div-box-white {text-align:left;width:100%;border-radius:15px;background:#fff;padding:30px;-webkit-box-shadow: 0px 0px 14px -10px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 0px 14px -10px rgba(0,0,0,0.75);
	box-shadow: 0px 0px 14px -10px rgba(0,0,0,0.75);}
	ul {
		list-style-image: url('../images/bullet.png');
		font-family: NexaLight;font-size:19px;color:#000;line-height:1.6
	  }
select {padding:5px;font-family:NexaLight;color:#000;font-size:20px;width:100%;border-radius:5px;border:1px solid #757575}
input, textarea {padding:5px;font-family:NexaLight;color:#000;font-size:18px;width:100%;border-radius:5px;border:1px solid #757575}
.btn-submit {padding:7px;color:#fff;background:#e50e63;font-family:Nexabold;font-size:18px;border-radius:7px;border:0px;}
a {font-family:NexaLight;color:#e50e63;font-size:14px;}
a:hover {text-decoration: underline;color:#e50e63}
.wrapper {width:80%;margin-left:auto;margin-right:auto}
/*END*/

/**NAVBAR*/
.navbar-logo {position:absolute;max-width:64px;margin-top:-30px}
.navbar { background:#fff; z-index:999;height:80px;padding-left:55px;padding-right:55px;}
	.nav-link {font-family:NexaBold; font-size:20px;color:#000;text-decoration: none;padding: 5px 0px;margin: 0px 0px;display: inline-block;position: relative;}
	.nav-link:hover {opacity: 1;color:#e50e63;}
	.nav-link::before { transition: 300ms; height: 5px; content: ""; position: absolute; background-color: #e50e63; margin-bottom:-15px;}
	  .nav-link-ltr::before {width: 0%;bottom: 10px;}
	  .nav-link-ltr:hover::before {width: 85%;}
	  .nav-link-fade-up::before {width: 85%;bottom: 5px;opacity: 0;}
	.nav-font-light-active {font-family:NexaBold; font-size:20px;color:#e50e63;text-decoration: none;padding: 5px 0px;margin: 0px 0px;display: inline-block;position: relative;}
	.nav-font-light-active:hover {opacity: 1;color:#e50e63;}
	.nav-font-light-active::before { transition: 300ms; height: 5px; content: ""; position: absolute; background-color: #e50e63; margin-bottom:-15px;}
	  .nav-link-ltr::before {width: 0%;bottom: 10px;}
	  .nav-link-ltr:hover::before {width: 85%;}
	  .nav-link-fade-up::before {width: 85%;bottom: 5px;opacity: 0;}

	/*to fixed navbar when scrolled*/
	.fixed-me{transition: all 0.8s ;}
	.fixed-me{background-color:rgb(255, 255, 255,0.9) !important;position: fixed;top:0;z-index:888;width: 100%;}
	
	.navbar-me { transition: all 0.5s ;}
	.navbar-me{
		background-color: transparent;
		top: 0px;
		border: 0px;
		border-radius: 0px;
		left:0px;
	}
	.navbar-collapse{
		text-align: center;
		border-top-width: 0px;
		margin-top: 5px;
	}
	
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
	.menu-collapsed-button{
		margin: 20px 15px 10px 15px !important;
	}
	/*end*/


.nav-item { margin-left:25px; }
.dropdown-menu {padding:10px;width:200px;margin-top:-5px;}
.drop-nav-link {font-family: NexaBold;font-size:16px;color:#000;}
.drop-nav-link:hover {color:#e50e63;}
.nav-btn {cursor:pointer;background:#e50e63;border:1px solid #e50e63;font-family:NexaBold;font-size:18px;color:#fff;border-radius:5px;padding-left:23px;padding-right:23px;height:32px;}
	.nav-btn:hover {cursor:pointer;background:#fff;color:#e50e63;border:1px solid #e50e63;}
.nav-btn-login {cursor:pointer;background:#fff;border:2px solid #a7aeb3;font-family:NexaBold;font-size:18px;color:#a7aeb3;border-radius:5px;padding-left:23px;padding-right:23px;height:32px;}
	.nav-btn-login:hover {cursor:pointer;background:#fff;color:#e50e63;border:2px solid #e50e63;}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(229, 14, 99,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*END NAVBAR*/



/*BANNER*/
.banner-subtitle-nexalight {font-family: NexaLight;font-size:55px;line-height:1;color:#fff}
.banner-title-nexablack {font-family: NexaBlack;font-size:70px;line-height:1;color:#fff}
/*.banner-home {background-image:url('../images/home/home-banner.png'), url('../images/bg-elements-2.png');background-position: left top, right bottom;background-repeat: no-repeat;background-size: 40% 100%, 20% 100%;}
*/
.banner-home-bg {background-image:url('../images/home/home_banner.png');background-repeat: no-repeat;background-size: cover}

/*END BANNER*/

/*CONTENT*/
.content-title-nexabold {font-family: NexaBold;font-size:35px; color:#000000;line-height:1.2}
.content-title-nexalight {font-family: NexaLight;font-size:30px; color:#000000;line-height:1.2}
.content-title-nexablack {font-family: NexaBlack;font-size:35px; color:#000000;line-height:1.2}
.content-subtitle-nexabold-dark {font-family: NexaBold;font-size:30px;color:#000;line-height:1.2}
.content-subtitle-nexablack-dark {font-family: NexaBlack;font-size:30px;color:#000;line-height:1.2}
.content-bold {font-family: NexaBold;font-size:20px;color:#000;line-height:1.2}
.content-bold-22 {font-family: NexaBold;font-size:22px;color:#000;line-height:1.2}
.bg-img-circle-kite {background-image:url('../images/bg_elements_3.png'), url('../images/bg-elements-3c.png');background-repeat:no-repeat;background-position: left -10% top,center bottom;background-size: 300px 350px, 80% 550px}
.bg-img-circle-right {background-image:url('../images/bg-elements-2.png');background-repeat:no-repeat;background-position: right -7% bottom;background-size: 450px 650px;}


.img-icon-content {width:15%;margin-top:-10%;position: absolute;margin-left:-5%;}

.banner-icon-news {display:inline-block;float:left;margin-right:10px;margin-left:10px;}

hr {
	display: block;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-left: auto;
	margin-right: auto;
	border-style: inset;
	border-width: 1px;
	border: 2px solid #fff;
  }

/* [1] The container ZOOM */
.zoom {
	transition: transform .7000s;
	margin: 0 auto;
	
  }
  
  .zoom:hover {
	-ms-transform: scale(1.3); /* IE 9 */
	-webkit-transform: scale(1.3); /* Safari 3-8 */
	transform: scale(1.3); 
	/*-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);*/
z-index:999;
position: relative;
  }
/*END*/

/*FOOTER*/
.footer-bg {background-image:url('../images/footer-bg.png');background-repeat:no-repeat;position:relative;background-size:100% 100%}
.footer-content {font-family:NexaLight;font-size:20px;color:rgb(214, 212, 212)}
/*END*/


/*
  ::::::::::::::::::::::::::::::::::::::::::::::::::::
  Bootstrap 4 breakpoints
  */
  @media (min-width: 244px) and (max-width:543px) {  
	.navbar-mob {background:rgba(255, 255, 255, 0.8);padding-top:30px;padding-bottom:20px;z-index:999}
	

  }
   /* Small devices (portrait phones, 544px and up) */
   @media (min-width: 244px) and (max-width:543px) { 
	.navbar-mob {background:rgba(255, 255, 255, 0.8);padding-top:30px;padding-bottom:20px;z-index:999;}

	/*home*/
	.banner-subtitle-nexalight {font-size:30px}
	.banner-title-nexablack {font-size:35px}
	.watch-video-btn {width:50%;}
	.flip-container {margin-bottom:170px;}

	.bg-img-circle-kite {background-size: 300px 350px, 100% 50%;}

	/*end home*/
	
  }
  /* Small devices (landscape phones, 544px and up) */
  @media (min-width: 544px) and (max-width:767px){  
	.navbar-mob {background:rgba(255, 255, 255, 0.8);padding-top:30px;padding-bottom:20px;z-index:999;}

	/*home*/
	.banner-subtitle-nexalight {font-size:30px}
	.banner-title-nexablack {font-size:35px}
	.watch-video-btn {width:50%;}
	.flip-container {margin-bottom:230px;}
	.bg-img-circle-kite {background-size: 300px 350px, 100% 50%;}
	/*end home*/

  }
  /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
  @media (min-width: 768px) and (max-width:991px) {  

	/*home*/
	.banner-subtitle-nexalight {font-size:30px}
	.banner-title-nexablack {font-size:35px}
	.watch-video-btn {width:50%;}
	.flip-container {margin-bottom:120px;}
	.bg-img-circle-kite {background-size: 300px 350px, 90% 50%;}
	/*end home*/
  }
  
  /* Large devices (desktops, 992px and up) */
  @media (min-width: 992px) and (max-width:1199px) { 
	/*home*/
	.bg-img-circle-kite {background-size: 300px 350px, 90% 50%;}
	/*end*/
	}
  
  /* Extra large devices (large desktops, 1200px and up) */
  @media (min-width: 1200px) {  
	/*home*/
	.bg-img-circle-kite {background-size: 300px 350px, 90% 50%;}
	/*end*/
  }