@charset "UTF-8";


* {
	scroll-behavior: smooth;
}
html {
	font-family:'Inter Tight', sans-serif;
    font-size: calc(15px + 0.390625vw);
}
body {
	
	width:100%;
	height:100vh;
	margin:0;
	background:#fff;
	top:0;
}
h1 {
	font-size: 4vw;
	color:rgba(60,85,125,1.00);
}
h2 {
	color:rgba(60,85,125,1.00);
    font-size:2.5vw;
}
p, li {
	color:rgba(71,71,71,1.00);
	
}
a {
	text-decoration: none;
	color:#fff;

}
a:hover {
	
}

#ag-order:hover {
	background-color:rgba(60,85,125,1.00);
	color:#fff;
}
#ag-order {
	display:block;
	width:80%;
	padding:1vw;
	color:rgba(62,87,126,1.00);
	background-color:#fff;
	border-radius:5px;
	border:10px double rgba(0,132,201,1.00);
   margin: 0;
	cursor: pointer;font-size:1.1rem;
}
.top-header {
	display:block;
	position: fixed;
	width:100%;
	top:0;
	padding:0;
	background:#fff;
	z-index:999;

}
.top-header img {
	display:block;
	width:17%;
	height:auto;
	padding:.5vw;
	
}

.info {
	background: rgb(229,245,255);
background: linear-gradient(130deg, rgba(229,245,255,.5) 0%, rgba(176,225,252,.5) 100%);
}
.text {
	display:block;
	width:45vw;
	margin-top:10vw;
	margin-left:3vw;
	align-content: left;
	padding:.5vw 1vw 4vw 3vw;
	box-shadow: 5px 5px 20px rgba(150,150,150,.3);
	background-color: #fff;

}
.text h2 {
	margin-top:-2vw;
	font-size:2.5vw;
}
.text em {
	font-size:1rem;
}
.drop-container {
  position: absolute;
  top: 9vw;
  right: 0;
  bottom: 0;
  left:38vw;
  margin: auto;
  height: 26vw;
  width: 26vw;
	padding:2vw;

}


.drop {
  position: absolute;
  top: -85%;
  width: 100%;
  height: 100%;
  border-radius: 100% 2% 100% 100%;
  transform: rotate(-45deg);
  margin: 0 0 0 5vw;
	box-shadow: 5px 5px 10px rgba(100,100,100,.3);
  background: rgb(193,231,255);
background: linear-gradient(180deg, rgba(193,231,255,1) 0%, rgba(18,154,232,1) 100%);
  animation: drip 6s forwards;
}



.drop-container:before,
.drop-container:after {
  content: '';
  position: absolute;
  z-index: -1;
  top: 35%;
  right: 25%;
  transform: translate(50%) rotateX(75deg);
  border-radius: 100%;
  opacity: 0;
  width: 100%;
  height: 100%;
	  background: rgb(193,231,255);
background: linear-gradient(180deg, rgba(193,231,255,.1) 0%, rgba(18,154,232,.1) 100%);
  border: 2px solid rgba(8,111,170,.2);
  animation: dripple 4s ease-out 2s;
	animation-delay: 1.5s;
}

.drop-container:after {
  animation: dripple 2s ease-out 1.7s;
	
}
#ag-logo{
	position:relative;
	display:block;
	box-sizing: border-box;
	transform: rotate(45deg);
	width:85%;
	margin: 11vw 0 0 1vw;
	box-shadow: 10px 10px 30px rgba(12,67,100,.2);
	animation: ag-logo ease-in 6s;
	border-radius:10px;
	padding:1vw;

}

@keyframes drip {

	49%{
	
		 top: 0;
	}
  100% {
    top: 0;	

  }
}

@keyframes dripple {
  0% {
    width: 35vw;
    height: 35vw;
  }
  25% {
    opacity: 1;
  }
  100% {
    width: 65vw;
    height: 65vw;
    top: -2%;
    opacity: 0;
  }
}
@keyframes ag-logo {
	0% {
		opacity:0;
	}
	50% {
		opacity:0;
	}
	95% {
		opacity:1;
	}
}
.description {
	display:flex;
	flex-direction: row;
	width: 100%;
	margin:4vw auto;
	justify-content: center;
	
}
.description img {
	width:33%;
	border-radius:5px;
	margin-right:2vw;
}
.descriptionB {
	width:35%;
	margin-left:2vw;
	padding:1vw 2vw;
}

.description p {
	color:rgba(94,94,94,1.00);
}
em {
	padding-right:.5vw;
	color: rgba(60,85,125,1.00);
}
#product-info {
	margin-top:8vw;
}
#product-info h2 {
	text-align: center;
	font-size:2.5vw;
		background: rgb(229,245,255);
background: linear-gradient(130deg, rgba(229,245,255,.5) 0%, rgba(176,225,252,.5) 100%);
	padding:1vw;
	margin-bottom:6vw;
}
.products {
	display:flex;
	flex:80%;
	flex-direction:row;
	margin: 1vw auto;
	text-align: center;
	
}
.p1 img {
	width:100%;
	border-radius:5px;
	margin-top:-6vw;

}
.p1 {
	display:inline-flex;
	flex-direction: column;
	width:31.5%;
	margin-left:2vw;
	margin-right:2vw;
	border:1px solid rgba(60,85,125,.5);
	border-radius:10px;
}
.p1 h2 {
	background-color:rgba(60,85,125,.2);
	padding:1vw;
	margin:0;
	border-bottom:1px solid rgba(60,85,125,.5);;
}
.easy {
	display:flex;
	flex-direction: row;
	width: 100%;
	margin:8vw auto;
	justify-content: center;
	  background: rgb(193,231,255);
background: linear-gradient(180deg, rgba(193,231,255,.5) 0%, rgba(18,154,232,.5) 100%);
	padding:2vw auto;
	box-sizing: border-box;
	
}
.easy img {
	width:32%;
	border-radius:5px;
	margin-right:2vw;
}
.easyA {
	width:25%;
	margin-left:2vw;
	padding:1vw 2vw;
}

.easy p {
	color:rgba(94,94,94,1.00);
}
#call-to-action {
	width:100%;
	display:block;
	font-size: 5.4vw;
	margin:0 auto 5vw;
	text-align: center;
	padding:1vw 0;
	background: rgb(229,245,255);
background: linear-gradient(130deg, rgba(229,245,255,.5) 0%, rgba(176,225,252,.5) 100%);
}
.action {
	width:100%;
	text-align:center;
	margin:0 auto;
}
button {
	display:block;
	width:15%;
	font-size:1rem;
	padding:.8vw;
	background-color:rgba(60,85,125,1.00);
	color:#fff;
	cursor:pointer;
	border-radius:20px;
	border:none;
	margin:0 auto;
	box-shadow:5px 5px 15px rgba(120,120,120.3);
}
button:hover {
	background-color: rgba(98,118,151,1.00);
}

.row {
	display:flex;
	position:relative;
	flex-direction: row;
	width:100%;
	margin-top:6vw;
	padding:0;
}
.row .column {
	color: #FFFFFF;
    background-color: rgba(0,132,201,1.00);
	padding-bottom: 1vw;
	padding-top:1vw;
	border-bottom: 1px solid;
}
.row .column p {
	margin-left: 3vw;
	line-height:.7;
}
.row .column a {
	text-decoration: none;
	color: aqua
}
.row .column {
  float: left;
  flex: 33.3%;
	color:rgba(46,46,46,1.00);
}

.row::after {
  content: "";
	clear: both;
  display: block;
  
}
.copyright {
	position:relative;
	display:flex;
	justify-content: center;
	padding:.5vw 0;
	background-color: #717070;
	color: #FFFFFF;
	font-weight:normal;
	letter-spacing: .1vw;
	border-top-width: 1vw;
    font-size:12px;
	width:100%;
}
.copyright .footer_banner {
	background-color:rgba(92,92,92,1.00);
	margin-bottom: 0px;
	background-image: url(../images/pattern.png);
	background-repeat: repeat;
}
.footer {
	display: inline-block;
}
.hidden {
	display: none;
}
.copyright a {
	text-decoration: none;
	color:aliceblue;
}
@media (max-width:800px){

.description img {
	width:43%;

}
.descriptionB {
	width:45%;

}

.easy img {
	width:42%;

}
.easyA {
	width:35%;
	}
	button {
		width:18%;
	}
}
@media (max-width:600px) {
	.description img {
	width:50%;

}
.descriptionB {
	width:50%;

}
	.easy img {
	width:50%;

}
.easyA {
	width:50%;
	}
	button {
		width:25%;
	}
	#ag-order {
		font-size:2vw;
	}

.text {
	display:block;
	width:55vw;
	margin-top:14vw;

}
	h1 {
		font-size: 5vw;
	}
.text h2 {

	font-size:2.7vw;
}
.text em {
	font-size:.8rem;
}
.drop-container {
  top: -25vw;
  left:48vw;
  height: 24vw;
  width: 24vw;
}

#ag-logo{

	margin: 11vw 0 0 1vw;

}
#product-info h2 {
	font-size:4vw;

}
	h2 {
		font-size:3.5vw;
	}
}
@media (max-width:500px) {

		.description img {
	display:none;

}
.descriptionB {
	width:80%;

}
.easy {
	
	flex-wrap: wrap;
	width: 100%;
	
}
.easy img {
	width:70%;

}
.easyA {
	width:85%;


}

.easy p {
	color:rgba(94,94,94,1.00);
}
	button {
		width:30%;
	}
	.copyright {
		font-size: 10px;
	}
}
@media (max-width:370px) {
	.easy img {
	width:50%;

}
	button {
		width:35%;
	}
	.row .column {
		flex:45%;
	}
}