/* Reset style */
* {
	margin: 0;
	padding: 0;
    box-sizing: border-box;
    list-style-type: none;
    text-decoration: none;
    font-family: 'Poppins', sans-serif;
}
html{
  scroll-behavior: smooth;
  
}
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: 400px;
	line-height: 1.5;
}

a, a:hover, a:active, a:focus {
	text-decoration: none;
	outline: 0;
}
ul, li {
	margin: 0;
	padding: 0;
}
#Header {
	position: fixed;
	top: 0;
	left: 0;
	width:100%;
	padding: 2px 0;
	z-index: 999;
	transition: all 0.35s ease 1s;
}
#Header .logo a img {
	width: 230px;
	margin-left:-10px;
	margin-top:0;
	opacity:1;
	border-radius:2%;
	//box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);
}
#Header .menu-wrap {
	display: inline-block;
	position: relative;
	z-index: 9;
	padding-top: 25px;
}
#Header .menu {
	cursor: pointer;
}
#nav-icon1 {
  width: 40px;
  height: 25px;
  position: relative;
  opacity:1;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}
#nav-icon1 span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: rgb(91,91,143);
	background: linear-gradient(90deg, rgba(191,213,228,0.7987394787016369) 4%, rgba(85,130,219,0.7399159492898721) 44%, rgba(91,91,143,1) 75%);
	border-radius: 5px;
	opacity: 1;
	left: -40;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}
#nav-icon1 span:nth-child(2) {
  top: 11px;
}
#nav-icon1 span:nth-child(3) {
  top: 21px;
}
#nav-icon1.open span:nth-child(1) {
  top: 11px; 
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}
#nav-icon1.open span:nth-child(3) {
  top: 11px; 
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
body.sticky #Header {
	background-color: white;
	transition: all 0.30s ease 0s;
}
body.menu-active #Header .mobile-menu {
	display: block;
}
body.menu-active #Header .logo {
	position: relative;
	z-index: 99;
	box-shadow:0 2px 10px rgba(0, 0, 0, 0.2);
}
#Header .mobile-menu {
	display: none;
	height: 65vh;
	position: absolute;
	top:0;
	right:5%;
	width:20%;
	text-align:left;
}
#Header .mobile-menu ul {
	position: absolute;
	top: 50%;
	right: 0%;
	transform: translate(-50%, -50%);
	text-align:left;
	width:100%;
}
#Header .mobile-menu ul a li{
	background: rgb(91,91,143);
	background: linear-gradient(90deg, rgba(91,91,143,1) 5%, rgba(85,130,219,0.7399159492898721) 44%, rgba(191,213,228,0.7987394787016369) 74%);
	margin-bottom: 20px;
	list-style: none;
	padding: 10px;
	transition:.6s;
}
#Header .mobile-menu ul a{
	color:#fff;	
	font: 600 20px/115% 'Open Sans', sans-serif;	
	transition: 0.45s ease-in-out 0s;
	text-decoration:none;
}
#Header .mobile-menu ul a li:hover{
	background-color:#fff;
	transition: all 0.45s ease-in-out 0s;
	border:1px solid #29a0b1;
	color:rgb(140,170,255);
}
#Header .mobile-menu ul li:hover a{
	transition: all 0.25s ease 0s;	
	color:#29a0b1;
}
#HeroBanner {
	display: grid;
	min-height:99vh;            /* fall-back */
	margin:0;
	padding:0;
	grid-gap:0;
	grid-template-columns: 45% 55%;
	grid-template-areas: 'slider cube';	
	background-color:rgba(31,205,200,0.9);
	//background: linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(31,205,200,0.3373949408865109) 55%, rgba(241,171,6,0.1880952209985557) 70%, rgba(31,205,200,0.4373949408865109) 95%,  rgba(23,157,122,0.5018207111946341) 100%); 
}
#HeroBanner h2 {
	font-size: 0rem;
	margin-top:0%;
	opacity:0;
	position:relative;
}
#BannerSlider {
	grid-area:slider;
	padding-top:22%;
	padding-left:6%;
	background-color:rgba(31,205,200,0.9);
	//position: static;
	animation: s 11s infinite;
}
@keyframes s { 
  0%,25% {background:#29a0b1}
  25%,50% {background:#2192FF}
  50%,75% {background:#036564}
  75%,100% {rgba(31,205,200,0.9)}
}

#BannerSlider .item{
	padding-left:10%;
	margin-left:0%;
	margin-top:0;
	animation-duration:15s;
	animation-iteration-count:30;
	animation-direction:alternate;
	opacity:1;
}
#BannerSlider .banner-text h1 {
	font: 600 27px/135% 'Open Sans', sans-serif;
	color:rgb(255,240,255);
	margin: 0 0 5px;
	padding: 3px 5px;
background: rgb(91,91,143);
background: linear-gradient(90deg, rgba(91,91,143,1) 5%, rgba(85,130,219,0.7399159492898721) 44%, rgba(191,213,228,0.7987394787016369) 74%);
}
#BannerSlider .banner-text p {
	font: 400 18px/155% 'Open Sans', sans-serif;
	//color:rgb(130,140,255);
	//color:rgb(85,130,219);
	color:#ccc;
	margin-bottom:20px;
	transform: translate();
}
#BannerSlider .banner-text p i {
	font-size: 15px;
	color:#ccc;
	border-radius:50%;
}
#BannerSlider .bannet-cta a {
	display: inline-block;
	padding: 5px 20px;
	background-color:#5582db;
	border-radius: 10px;
	color: #fff;
	transition: all 0.25s ease 0s;
	font: 400 15px/115% 'Open Sans', sans-serif;
	text-decoration:none;
}
#BannerSlider .bannet-cta a:hover {
	transition: all 0.25s ease 0s;
	background-color:rgba(255,255,255, 0.4);
	color:rgb(140,170,255);
}
#BannerSlider .bannet-cta .cta-1, #BannerSlider .bannet-cta .cta-2 {
	display: inline-block;
	margin-right: 10px;
	margin-bottom:10px;
}
#BannerSlider .owl-dots {
	display: block;
	text-align: center;
	position: absolute;
	bottom: 100px;
	width: 40%;
}
#BannerSlider .owl-dots .owl-dot {
	width: 12px;
	height: 12px;
	margin: 0 7px;
	background-color:rgb(130,140,255);
	display: inline-block;
	border-radius: 50%;
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
}
#BannerSlider .owl-dots .owl-dot.active, #BannerSlider .owl-dots .owl-dot:hover {
	background:white;
	transition: all 1.5s ease;
	-webkit-transition: all 1.5s ease;
	-moz-transition: all 1.5s ease;
}
/*AboutUs section--------------------------------------------------------------------*/
#AboutUs .AboutUs{
	display:flex;
	flex-wrap: nowrap;
	align-items:center;
	padding:30px 0 0 30px;
	width:100%;	
	background:#B9FFFC;
}
#AboutUs .AboutUs2{
	display:flex;
	flex-wrap: nowrap;
	align-items:center;
	padding:0 0 30px 30px;
	margin-top:0;
	width:100%;	
	background:#B9FFFC;
}
#AboutUs .AboutUs3{
	display:flex;
	flex-wrap: nowrap;
	align-items:center;
	padding:0 0 30px 30px;
	margin-top:0;
	width:100%;	
	background:#B9FFFC;
}
#AboutUs .AboutUs .left-col, 
#AboutUs .AboutUs2 .left-col,
#AboutUs .AboutUs3 .left-col,
#AboutUs .AboutUs .right-col, 
#AboutUs .AboutUs2 .right-col,
#AboutUs .AboutUs3 .right-col {
  padding: 0.5% 1%;
  width:50%;
}
#AboutUs .AboutUs .left-col h2, 
#AboutUs .AboutUs2 .right-col h2, 
#AboutUs .AboutUs3 .left-col h2 {
	font: 600 26px/115% 'Open Sans', sans-serif;
	margin: 0 0 20px;
	padding:1%;
	color: rgba(31,205,200,0.9); 
	background:white;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
#AboutUs .AboutUs .left-col p, 
#AboutUs .AboutUs3 .left-col p, 
#AboutUs .AboutUs2 .right-col p {
	font: 400 15px/155% 'Open Sans', sans-serif;
	color: #333;
	text-align:justify;
	margin: 0 0 10px;
	background-color:white;
	padding:3%;
	//box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#AboutUs .AboutUs .right-col img,
#AboutUs .AboutUs2 .left-col img,
#AboutUs .AboutUs3 .right-col img {
	width:100%;
	height:100%;
	padding:0;
}
#AboutUs .AboutUs3 .left-col a {
	display: inline-block;
	float:left;
	padding: 5px 20px;
	background-color:rgba(31,205,200,0.7);
	border-radius: 10px;
	color: #fff;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	transition: all 1s ease-in-out 0s;
	font: 400 16px/115% 'Open Sans', sans-serif;
	text-decoration:none;
}
#AboutUs .AboutUs3 .left-col a:hover {
	transition: all 1s ease-in-out 0s;
	background-color:white;
	color:rgba(31,205,200,0.7);
}
/*Services-------------------------------------------------------------------------*/
#OurWork{
	background:#A3D8F4;
	padding:30px 0 0 30px;
	width:100%;		
}
#OurWork  .Service1{
	display:flex;
	flex-wrap: nowrap;
	align-items:center;
	//padding:30px 0 0 30px;
	width:100%;	
}
#OurWork .Service2{
	display:flex;
	flex-wrap: nowrap;
	align-items:center;
	//padding:0 0 30px 30px;
	margin-top:0;
	width:100%;
}
#OurWork .Service1 .left-col, 
#OurWork .Service2 .left-col,
#OurWork .Service1 .right-col, 
#OurWork .Service2 .right-col {
  padding: 0.5% 1%;
  width:50%;
}
#OurWork .Service1 .left-col h2, 
#OurWork .Service1 .right-col h2 {
	font: 600 26px/115% 'Open Sans', sans-serif;
	color:#2192FF; 
	margin: 0 0 20px;
	padding:1%;
	background-color:white;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
#OurWork .Service1 .left-col p, 
#OurWork .Service2 .right-col p {
	font: 400 15px/155% 'Open Sans', sans-serif;
	color: #333;
	text-align:justify;
	margin: 0 0 10px;
	background-color:white;
	padding:3%;
	//box-shadow:0 2px 8px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

#OurWork .Service1 .left-col ul, 
#OurWork .Service2 .right-col ul {
	margin: 0 0 5px;
	padding:0;
	background-color:rgba(144, 228,193, 0.2);
}
#OurWork .Service1 .left-col ul li,
#OurWork .Service2 .right-col ul li{
	display: inline-block;
	list-style: none;
	width:100%;
	color: #333;
	text-align:justify;
	font: 400 14px/115% 'Open Sans', sans-serif;
	padding:15px;
	margin:0 0 4px 0;
	background-color:white;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#OurWork .Service1 .left-col ul li ul{
	display:flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	padding:3% 1%;
	width:100%;	
	padding:0;
	background-color:white;
}
#OurWork .Service1 .left-col ul li ul li{
	list-style: none;
	color: #333;
	font: 400 13px/115% 'Open Sans', sans-serif;
	text-align:center;
	padding:10px 0 0 0px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#OurWork .Service1 .right-col a {
	display: inline-block;
	float:right;
	padding: 5px 20px;
	background-color:#5582db;
	border-radius: 10px;
	color: #fff;
	transition: all 1s ease 0s;
	font: 400 16px/115% 'Open Sans', sans-serif;
	text-decoration:none;
	margin-top:2%;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
#OurWork .Service1 .right-col a:hover {
	transition: all 1s ease 0s;
	background-color:white;
	color:#5582db;;
}
#OurWork .Service1 .right-col .services-pics,
#OurWork .Service2 .left-col .services-pics{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
	width:100%;
	flex-direction:row;
}
#OurWork .Service1 .right-col .services-pics .each-box,
#OurWork .Service2 .left-col .services-pics .each-box {
	width: 100%;
	height:250px;
	float: left;
	position: relative;
	margin-bottom:5px;
	overflow: hidden;
  -webkit-transition: all 350ms ease-in-out;
  transition: all 350ms ease-in-out;
  padding:0;
}
/*#OurWork .Service1 .right-col .services-pics .each-box.media,
#OurWork .Service2 .left-col .services-pics .each-box.media {
	display: block;
}
#OurWork .Service1 .right-col .services-pics .scale-anm 
#OurWork .Service2 .left-col .services-pics .scale-anm{
	transform: scale(1);
}*/
#OurWork .Service1 .right-col .services-pics .each-box .each-box-img img ,
#OurWork .Service2 .left-col .services-pics .each-box .each-box-img img{
	width:100%;
	//height:auto;
	transition: all .2s ease-in-out;
}
#OurWork .Service1 .right-col .services-pics .each-box:hover .each-box-img img,
#OurWork .Service2 .left-col .services-pics .each-box:hover .each-box-img img{
	transition: all .2s ease-in;
	/*filter: blur(2px) hue-rotate(-47deg);*/
	transform: scale(1.1);
}
#OurWork .Service1 .right-col .services-pics .each-box .each-box-text-wap,
#OurWork .Service2 .left-col .services-pics .each-box .each-box-text-wap {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	text-align: center;
	//height: 100%;
	visibility:visible;
	opacity:1;
	-webkit-transition: .2s ease-in;
	transition: .2s ease-in;
}
#OurWork .Service1 .right-col .services-pics .each-box:hover .each-box-text-wap,
#OurWork .Service2 .left-col .services-pics .each-box:hover .each-box-text-wap {
	background-color: rgba(31,205,200, 0.2);
	-webkit-transition: .2s all;
	transition: .2s all;
	cursor:pointer;
}
#OurWork .Service1 .right-col .services-pics .each-box .each-box-text-wap .each-box-text ,
#OurWork .Service2 .left-col .services-pics .each-box .each-box-text-wap .each-box-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	padding: 20px;
	width: 100%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#OurWork .Service1 .right-col .services-pics .each-box-text-wap .each-box-text h3,
#OurWork .Service2 .left-col .services-pics .each-box-text-wap .each-box-text h3  {
	font: 600 22px/115% 'Open Sans', sans-serif;
	color:#2192FF;
	margin: 0 0 30px;
}
#OurWork .Service1 .right-col .services-pics .each-box-text-wap .each-box-text p,
#OurWork .Service2 .left-col .services-pics .each-box-text-wap .each-box-text p {
	font: 400 15px/115% 'Open Sans', sans-serif;
	color:#2192FF;
	//color: rgba(31,205,200,0.9); 
	margin: 0 0 30px;
}
#OurWork .Service1 .right-col .services-pics  .each-box-text-wap .each-box-text i,
 #OurWork .Service2 .left-col .services-pics .each-box-text-wap .each-box-text i{
	display: inline-block;
	position: relative;
	left: -15px;
	font-size: 35px;
	color:#2192FF;
	//color: rgba(31,205,200,0.9); 
	-webkit-transition: .2s all;
	transition: .2s ease-in-out;
}
#OurWork .Service1 .right-col .services-pics .each-box .each-box-text-wap .each-box-text i:hover ,
#OurWork .Service2 .left-col .services-pics .each-box .each-box-text-wap .each-box-text i:hover {
	color:white;
	-webkit-transition: .2s all;
	transition: .2s all;
}
#OurWork .Service1 .right-col .services-pics .each-box:hover .each-box-text-wap .each-box-text i,
#OurWork .Service2 .left-col .services-pics .each-box:hover .each-box-text-wap .each-box-text i  {
	-webkit-transition: .25s all;
	left: 0;
	opacity: 1;
	transition: .25s all;
	font-size: 35px;
	color:white;
}

#OurWork .overlay {
  height: 85%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 15%;
  left: 0;
	background-color:rgba(163,216,244,0.8); 
  overflow-x: hidden;
  overflow-y: auto;
  transition: 0.5s;
  padding:0;
}
#OurWork .overlay a {
  padding:5px;
  text-decoration: none;
  font-size: 30px;
	color:#2192FF; 
  display: block;
  transition: 0.3s;
  box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
#OurWork .overlay a:hover, #OurWork .overlay a:focus {
  color: #f1f1f1;
}
#OurWork .overlay .closebtn {
  position: absolute;
  top:0px;
  right:10px;
  font-size:35px;
  color:#eee;
}
#OurWork .overlay .overlay-content {
	display:flex;
	flex-wrap: nowrap;
	width:100%;
	margin-top:50px;
	overflow-y:auto;
}
#OurWork .overlay .overlay-content .left-col{
  padding: 1%;
  width:30%;
}
#OurWork .overlay .overlay-content .left-col h2 {
	font: 600 25px/115% 'Open Sans', sans-serif;
	color:#2192FF; 
	margin: 0 10px 20px 0;
	background-color:rgba(255,255,255,1);
	padding:2%;
	text-align:left;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
#OurWork .overlay .overlay-content .left-col img{
	padding:0;
	background-position: left top;
	background-size: cover;
}
}
#OurWork .overlay .overlay-content .right-col {
	padding: 1%;
	width:70%;
}
#OurWork .overlay .overlay-content .right-col p,
#OurWork .overlay .full-col p {
	font: 400 15px/155% 'Open Sans', sans-serif;
	color:#333;
	text-align:justify;
	margin: 0 0 10px 0;
	width:100%;
	padding:2%;
	background-color:rgba(255,255,255,1);
	list-style: none;
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#OurWork .overlay .overlay-content .right-col a {
	display: inline-block;
	float:left;
	padding: 5px 20px;
	background-color:#2192FF; 
	border-radius: 10px;
	color: #fff;
	transition: all 0.25s ease 0s;
	border: 1px solid #19af83;
	font: 400 16px/115% 'Open Sans', sans-serif;
}
#OurWork .overlay .overlay-content .right-col a:hover,
#OurWork .overlay .full-col a:hover {
	transition: all 0.25s ease 0s;
	background-color:rgba(144, 228,193, 0.5);
	color:#29a0b1;
}
#OurWork .overlay .full-col{
  padding: 1%;
  width:100%;
  margin-top:-15px;
  align-items:center;
}
#OurWork .overlay .full-col h2 {
	font: 600 24px/115% 'Open Sans', sans-serif;
	color:#2192FF; 
	margin: 0 0 20px;
	padding:0.5%;
	width:auto;
	background-color:white;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
#OurWork .overlay .full-col ul{
	max-width:100%;
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: space-between;
	text-align: center;  
}
#OurWork .overlay .full-col ul li {
	font: 400 15px/155% 'Open Sans', sans-serif;
	color:#333;
	margin: 0 0 10px 0;
	flex-basis:49.5%;
	padding:15px;
	background-color:rgba(255,255,255,1);
	list-style: none;
	border-radius: 3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#OurWork .overlay .overlay-content .right-col p span,
#OurWork .overlay .full-col ul li span,
#OurWork .overlay .full-col p span{
	color:#444;
	font: 550 15px/155% 'Open Sans', sans-serif;
}
#OurWork .overlay .full-col a {
	display: inline-block;
	float:left;
	padding: 5px 20px;
	background-color:#2192FF; 
	border-radius: 10px;
	color: #fff;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	transition: all 0.25s ease 0s;
	border: 1px solid #19af83;
	font: 400 16px/115% 'Open Sans', sans-serif;
}
/* Plan boxes -----------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#boxes {
	display: grid;
	margin:0;
	grid-gap:10px;
	grid-template-rows: 300px auto;
	grid-template-columns: repeat(auto-fit,1fr);
	grid-template-areas: 'plans plans plans'
						'box1 box2 box3';
	padding:2%;
	width:100%;
	background:#9AB3F5;
	
}
#boxes #plans{
grid-area:plans;
background: url(../images/planes.jpg) no-repeat 0 0 / cover;
}
#boxes #plans h1{
	font: 600 28px/115% 'Open Sans', sans-serif;
	color:#29a0b1;
	margin: 100px 170px 0px;
	padding:1% 3%;
	background-color:white;
	float:right;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
	
#boxes #caja1{
	grid-area:box1;
	text-align:justify;
	margin-top:2%;
	padding:0% 4%;
}
#boxes #caja2{
	grid-area:box2;
	text-align:justify;
	padding:2%;
}
#boxes #caja3{
	grid-area:box3;
	text-align:justify;	
	padding:2%;
}
#boxes #caja2 h3, #boxes #caja3 h3 {
	color:#29a0b1;
	font: 600 20px/115% 'Open Sans', sans-serif;
	margin: 10px 0 20px;
	padding:2% 0;
	background-color:white;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
#boxes #caja2 h3 span, #boxes #caja3 h3 span{
	background:#29a0b1;
	color:white;
	padding:1%;
	margin-left:1%;
}
#boxes #caja1 p{
	background-color:#29a0b1; 
	font: 400 16px/155% 'Open Sans', sans-serif;
	text-align:justify;
	margin: 0 0 10px;
	padding:2%;
	color: #fff;
	//box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#boxes #caja2 p, #boxes #caja3 p{
	font: 400 15px/155% 'Open Sans', sans-serif;
	text-align:justify;
	margin: 0 0 10px;
	background-color:white;
	padding:3%;
	color: #333;
	//box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	border-radius:3px;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#boxes #caja2 ul{
	margin: 0 0 5px;
	padding:0;
	//background-color:rgba(255,127,80,0.7);
}
#boxes #caja2 ul li{
	display: inline-block;
	list-style: none;
	width:100%;
	color: #333;
	text-align:justify;
	font: 400 14px/115% 'Open Sans', sans-serif;
	padding:10px;
	margin:0 0 4px 0;
	background-color:white;
}
#boxes a {
	display: inline-block;
	float:right;
	padding: 5px 20px;
	background-color:#29a0b1;
	border-radius: 10px;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	color: #fff;
	transition: all 2s ease 0s;
	font: 400 16px/115% 'Open Sans', sans-serif;
	text-decoration: none;
	margin-top:3%;
}
#boxes a:hover {
	transition: all 2s ease 0s;
	background-color:white;
	color:#29a0b1;
 }

/*ContactUs --------------------------------------------------------------------------*/
#ContactUs {
	padding:45px 0; 
	background:rgba(241,171,6,0.09);
}
#ContactUs .contact-title {
	font: 600 26px/115% 'Open Sans', sans-serif;
	color:#5582db;
	margin: 0 0 5px 0;
	text-align:left;
	background-color:white;
	width:100%;
	padding:1%;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
}
#ContactUs .contact-outer-wrapper {
	width: 100%;
	height: auto;
	display: table;
	margin: 0 auto;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
#ContactUs .address-block {
	width: 45%;
	height: 100%;
	display: table-cell;
	color:rgba(23,157,122,1);
	position: relative;
	padding: 40px;
}
#ContactUs .address-block::after {
  position: absolute;
  content: "";
  left: -1%;
  width: 1px;
  height: 80%;
  background: #ccc;
  top: 10%;
}
#ContactUs .add-title {
	font: 400 20px/115% 'Open Sans', sans-serif;
	font-weight: bold;
	margin: 0 0 20px;
	padding:10px;
	color:white;
	background-color:#5582db;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	border-radius:3px;
}
#ContactUs .c-detail {
	margin-bottom: 20px;
	background-color:white;
	padding:0;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	border-radius:3px;
	width:100%;
	height:auto;
}
#ContactUs .c-detail:last-child {
	margin-bottom: 0;
	padding:0;
}
#ContactUs .c-detail .c-icon {
  padding:2%;
  display: inline-block;
  font-size: 30px;
  background-color:#5582db;
  color:white;
  margin:0;
}
#ContactUs .c-detail .c-info {
	display: inline-block;
	color:#5582db;
	padding:2%;
	margin:0;
}
#ContactUs .c-detail .c-info p {
	font-size: 15px;
	padding:0;
	font-weight:600px;
	color:#333;
}
#ContactUs .c-detail p a {
	color: #555;
}
#ContactUs .c-detail p a:hover {
	color:#5582db;
	text-decoration:none;
}
#ContactUs .form-wrap {
	width: 55%;
	display: table-cell;
	padding:25px;
	
}
#ContactUs .form-wrap p {
	font: 550 16px/145% 'Open Sans', sans-serif;
	color:#333; 
	margin: 0 0 40px;
	padding:10px 5px;
	background-color:white;
}
#ContactUs .form-wrap .floating-label {
	position: relative;
	width: 47%;
	display: inline-block;
	margin-bottom: 30px;
}
#ContactUs .form-wrap .fname, #ContactUs .form-wrap .contact {
	margin-right: 20px;
}
#ContactUs .form-wrap .user-msg {
	width: 98%;
	display: block;
	margin-bottom: 40px;
}
#ContactUs .floating-input {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #999999;
	box-shadow: none;
	background-color: transparent;
	padding-top: 3px;
}
#ContactUs .floating-input:focus {
	outline: 0;
	border-bottom: 1px solid #5582db;
}
#ContactUs .form-wrap label {
	position: absolute;
	top: 0;
	left: 0;
	font: 400 14px/115% 'Open Sans', sans-serif;
	text-align: left;
	color: #333;
	transition: top 0.2s ease-in-out;
	z-index: -1;
}
#ContactUs .floating-input:focus ~ label, #ContactUs .floating-input.not-empty ~ label {
	top: -18px;
	font: 400 13px/115% 'Open Sans', sans-serif;
  transition: top 0.2s ease-in-out;
  color:#5582db;
}
#ContactUs .submit-btn {
	text-align: center;
}
#ContactUs .submit-btn button {
	font: 400 16px/115% 'Open Sans', sans-serif;
	border-radius: 10px;
	border:none;
	background-color:#5582db;
	color: #fff;
	box-shadow:0 0.5px 7px rgba(0, 0, 0, 0.1);
	padding: 5px 20px;
	cursor: pointer;
	outline: 0;
	transition: all 0.25s ease 0s;
}
#ContactUs .submit-btn button:hover {
	transition: all 0.25s ease 0s;
	background-color:rgba(144, 228,193, 0.5);
	color:#29a0b1;
}
/*ContactUs style end*/
/*Footer style begin*/
#Footer {
	padding: 35px 0 35px;
	background: rgb(23,157,122);
	background: linear-gradient(90deg, rgba(23,157,122,0.5018207111946341) 6%, rgba(31,205,200,0.4373949408865109) 39%, rgba(241,171,6,0.1880952209985557) 70%, rgba(85,130,219,0.7) 100%); 
}
#Footer .social-share {
	background:white;
}
#Footer .social-share ul li {
	display: inline-block;
	list-style: none;
	margin-right: 15px;
}
#Footer .social-share ul li a, #Footer .social-share ul li a i {
	color: #888;
	font-size:35px;
}
#Footer .social-share ul li a:hover i {
	color:#5582db;
} 
#Footer  .design small{
    color:#888;
	font-size:12px;
}


/*Footer style end*/