@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

body{
	font-family: "Outfit", sans-serif;
	font-size: 15px;
	font-weight: 400;
	overflow-x: hidden;
}

.divider{padding:3em 0;float:left;width:100%;}

.top-links { background-color: #05244b; float: left; width: 100%; text-align: center; }
.top-links a { font-size: 15px; display: inline-flex; align-items: center; padding: 8px; color: #eee; text-decoration: none; pointer-events: none; }
.top-links a > svg { width: 20px; margin-right:6px;}

.fixed-height{float:left;width:100%;position: relative;z-index:1050;padding:1.2em 0; border-bottom: 4px solid #08babc;}
.logo{float:left;width:100%;}
.logo img { max-width: 286px; display: inline-block; }
.logo a {text-decoration: none;}
.social { float: right; text-align: right; margin: 0; background: #fff; padding: 0 10px; border-radius: 10px 10px 0 0;}
.social a { padding: 8px 0;}
.social svg { display: inline-block; width: 28px; margin: 0 0 0 5px;}
.logo-inline { height: 60px; display: flex; align-items:center; max-width:100%; justify-content: space-between;}
.logo-icons { display: flex; align-items: center; justify-content: center; width: 33.33%; height: 44px; overflow: hidden;}
.logo-icons > div:first-child { display: flex; border-right: 2px solid #ccc; height: 100%; margin-right: 12px; padding-right: 12px;}
.logo-icons a { color: #999; text-decoration: none; font-size: 15px; line-height: 1.25em; display: block; font-weight: 400; }
.logo-icons a:first-child { font-weight: 600; color: #333; font-size: 20px; display: inline-block; }
.logo-icons svg { display: inline-block; width: 44px; }
.logo-inline .logo-icons:last-child { display: none; }

.banner{float:left;width:100%;overflow: hidden;position: relative; margin: -2px 0 0;}
.banner .item > img { height: 100%; width: 100%; object-fit: cover;}
.carousel-control{width:12%;opacity:1;}
.carousel-control.left, .carousel-control.right{background-image:none;}
.carousel-control img{position:absolute;top:50%;transform:translateY(-50%);text-shadow:none;color:#000;background-color:rgba(255,255,255,.7);border-radius:50%;padding:0 .9em;width:65px;height: 65px;}
.left.carousel-control img{left:40px;}
.right.carousel-control img{right:40px;}

.heading { position: relative; text-transform: capitalize; color: #05244b; font-weight: 600; font-size: 40px; letter-spacing: -1px; display: inline-block; margin: 0 0 .6em; line-height: 38px;}
.heading::before{content:"";position:absolute;bottom:-20px;left:0;right:0;margin:auto;background-color:#08babc;width:85px;height:3px;}
.heading::after{content:"";position:absolute;bottom:-27px;left:0;right:0;margin:auto;background-color:#fff;width:17px;height:17px;border:3px solid #08babc; border-radius: 50%; }
.heading.left::before{right:auto;margin:0;}
.heading.left::after{right:auto;margin:0;}
.heading span { color: #08babc;}
.heading.small{font-size:22px;margin:1.5em 0 .8em;padding:0;}
.heading.small::before, .heading.none::before, .heading.small::after, .heading.none::after{content:none;}
.heading.small > span{color:#fff;background-color:#8cc739;display:inline-block;margin-right:.5em;width:28px;height:28px;text-align:center;line-height:26px;border-radius:50%;}
.heading.centered::before{margin:auto;}

.contact-us{float:left;width:100%;background:#05244b;}
input, select, textarea{outline:none;}
iframe{width:100%;height:350px;margin:1.5em 0 0;border-radius: 10px;}

.foot-list{z-index:1;position:relative;}
.foot-list > a{display:block;background-color:#fff;width:290px;text-align:center;line-height:65px;margin:0 0 1.5em; border-radius: 10px; padding: 10px;}
.foot-list > a > img{max-width:100%;}
.foot-list h4{color:#fff;font-weight:500;margin-bottom:0;font-size:28px;}
.foot-list p{color:#fff;font-weight:300;font-size:14px;line-height:1.6em;}
.foot-list p > span{display:block;}
.foot-list p > abbr{color:#fff;}
.foot-list ul{padding:0;list-style:none;width:100%;float:left;margin:.6em 0 0;}
.foot-list ul li { display: flex; align-items: center;margin-bottom:.7em;}
.foot-list ul li svg { width: 20px;}
.foot-list ul li a{color:#fff;text-decoration:none;display:inline-block;font-weight:300;padding-left:.8em;}
.foot-list ul li a > span{display:block;}
.flip{transform:rotate(90deg);}
.foot-list.normal ul li a{padding-left:1.6em;font-weight:300;margin-bottom:0;position:relative;}
.foot-list.normal ul li a::after{content:"";position:absolute;top:0;bottom:0;left:5px;margin:auto;height:2px;width:8px;background-color:#fff;}
.foot-list.normal ul li a:hover, .foot-list.normal ul li a:focus{color:#8cc739;}
.foot-list.normal + span {display:inline-block;color:#fff;font-weight:300;margin:1em 0 .5em;text-decoration:none;}

a#scroll{background-color:#8cc739;color:#fff;padding:12px;position:fixed;bottom:13%;right:2%;text-decoration:none;z-index:5;}
a#scroll > svg { width: 25px;}

/* Carousel Fading slide */
.carousel-fade .carousel-inner { background: #fff; }
.carousel-fade .carousel-control { z-index: 2; }  
.carousel-fade .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  }

  .carousel-fade .next.left,
  .carousel-fade .prev.right,
  .carousel-fade .item.active { opacity: 1; }

  .carousel-fade .active.left,
  .carousel-fade .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
    }


/* Safari Fix */
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.home-edus{float:left;width:100%;padding:3em 0;}
p.small-break { margin: 2em 0 0;}

.product-block {
    margin: 2em 0 0;
    float: left;
    width: 100%;
    background: #fff;
    text-align: left;
    border-radius: 10px;
    overflow: hidden;
	transition: all .25s ease;
	border: 1px solid #ddd;
}

.product-block:hover {
	box-shadow: 0 10px 34px 0 rgba(0,0,0,.12);
}

.product-img {
    width: 100%;
    float: left;
}

.product-img > img {
    width: 100%;
}

.product-text {
    position: relative;
    overflow: hidden;
    margin: .5em 0 1em;
    padding: 0 1.4em;
    float: left;
    width: 100%;
}
.product-text h4 {
    font-size: 18px;
    letter-spacing: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    line-height: 1.3em;
    font-weight: 500;
}
.product-text h4 > span {
	margin: .4em 0 0;
	font-size: 15px;
    color: #fff;
	padding: 2px 8px;
	background-color: #08babc;
	display: block;
	width: 100px;
}
.product-text h4, .product-text h4 > a {
    color: #05244b;
    margin-bottom: 10px;
	text-decoration: none;
}
.product-text p {
    color: #444;
    font-weight: 400;
    margin-bottom: 2px;
    margin-top: 0;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}

.grey {
    float: left;
    width: 100%;
    background-image: linear-gradient(rgba(255,255,255,.92), rgba(255,255,255,.92)), url('../images/dot.png');
    background-size: 4px;
}

.spacer{padding:3em 0;float:left;width:100%;}

p.break {
    margin: 1.5em 0;
	text-align: justify;
}

.text-center > img {border-radius: 20px; border: 1px solid #ccc; margin: 2em 0 1em; width: 100%; }
.home-edus ul li { text-align: justify; }

.whatsapp, .call {
    z-index: 3;
    position: fixed;
    right: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 60px;
    width: 60px;
    font-size: 30px;
	border-radius: 15px;
}
.whatsapp {
    background: #24cc63;
    bottom: 135px;
}
.call {
    background: #b92525;
    bottom: 64px;
}
.whatsapp:hover, .whatsapp:focus, .call:hover, .call:focus { color: #fff; text-decoration: none; background: #05244b; } 

a.quote { text-decoration: none; display: inline-block; background: #fa0; color: #fff; border-radius: 10px; padding: .4em 1.1em .6em; letter-spacing: .3px; margin: 1em 0 0; }
a.quote:hover, a.quote:focus { background: #05244b; color: #fff; }
a.quote > i { margin: 0 6px 0 0; }

@media(max-width:1199px){
	.fixed-height {	padding: 1.2em 0;}
	.left-links img{position:fixed;left:0;top:170px;z-index:5;}
	.logo-inline {  justify-content: end; }
	.logo-inline .logo-icons:nth-child(2) { display: none; }
	.logo-icons { height: 45px; }
	.logo-icons a:first-child {	margin: 0;}
	.logo-icons > div:first-child {	padding-right: 8px;}
	.logo-icons svg {width: 44px;}
	.heading {font-size: 36px;}
	.foot-list h1{font-size:32px;}
	.foot-list h3{font-size:18px;}
	.foot-list ul img{height:106px;width:106px;}	
}
@media(max-width:991px){
	.fixed-height {	padding: 1.2em 0 1.4em;}	
	.top-links a > svg { width: 20px; margin: 0 2px;}
	.logo-inline { justify-content: space-between; height: 50px; gap: 20px; margin: 1em 0 0; }
	.logo-icons { height: 50px; }
	.logo-inline .logo-icons:first-child { width: 24%;}
	.logo-inline .logo-icons:nth-child(2) { display: inherit; width: 39%;}
	.logo-inline .logo-icons:last-child { width: 37%;}
	.logo-icons svg { width: 36px;}
	.logo img { max-width: 100%; margin-top: 0; }
	.carousel-control img {	padding: 0 .6em; width: 45px; height: 45px;}
	.left.carousel-control img {left: 20px;}
	.right.carousel-control img {right: 20px;}
	.about-us {margin: -4em 0 0;}
	iframe{height:450px;}
}
@media(max-width:767px){
	.left-links a:first-child { display: inline-flex;}	
	.left-links, .social {float: left; text-align: center; width: 100%; }
	.logo-inline { gap: 10px; justify-content: space-between; height: auto; margin: 1em 0 0; flex-wrap: wrap; }
	.logo-icons {justify-content: center ; }
	.logo-inline .logo-icons {width: calc(50% - 5px); }
	.logo-inline .logo-icons:first-child { order: 1; width: calc(50% - 5px); }
	.logo-inline .logo-icons:nth-child(2) { order: 3; width: calc(50% - 5px);}
	.logo-inline .logo-icons:nth-child(3) { order: 2; width: calc(50% - 5px);}
	.logo-inline .logo-icons:last-child { order: 4; display: inherit; width: calc(50% - 5px);}
	.logo-icons a:first-child {	font-size: 18px;}
	.heading{font-size:28px; line-height: 18px; }	
	.microscope { margin: 0 0 1.5em;}
	.text-center > img { margin: 0 0 1em; }
	.home-edus {padding: 2em 0;}
	.divider { padding: 2em 0;}
	iframe{ height: 300px; margin: .3em 0 0;}		
	.foot-list > a {margin: 0;}
	.foot-list h4 { margin-top: 15px;}
	.foot-list ul img{ width:100px;}	
	.foot-list ul li a{ font-size:14px;}
	.foot-list ul{margin-top:1em;}	
	.logo-inline, .logo-icons { height: auto; }
	.logo-icons > div:first-child { width: 42px; margin-right: 8px; }
	.logo-icons > div:last-child { width: calc(100% - 51px);}
}
@media(max-width:560px){
	.grey .col-xs-6 { width: 100%; }
	.product-block { margin: 2em 0 0;}
}
@media(max-width:480px){
	.logo-icons a:first-child { font-size: 16px;}	
}
@media(max-width:455px){
	.logo-inline .logo-icons:last-child > div:last-child a:last-child { width: 95px; }
}
@media(max-width:395px){
	.logo-icons a:first-child { font-size: 15px;}
	.logo-icons a {	font-size: 14px;}
	.logo-inline .logo-icons:last-child > div:last-child a:last-child { width: 85px;}
}