.topbar{display: inline-block;
border: none;
height: 140px!important;
position: inherit;
width: 100%;
padding: 10px;
z-index: 9999;
overflow-y: visible;

margin-top: -10px!important;
margin-left: -10px!important;
background-color: #516473;

}

.navbar{display: block;
position: sticky;
border-radius: 5px 5px 5px 5px;
padding: 10px 10px 20px 10px;
float: center;
border: double;
margin: 0 auto;
margin-top: 22px!important;
margin-left: 155px auto;
background-color: #142851;
width: 1000px!important;
height: 90px!important;
}


.topnav {overflow: hidden;

}

.topnav a {
display: inline-block;
text-align: center;
border: solid;
font-family: calibri;
border-color: #336699;
color: black;
border-width: 1px;
border-radius: 9px 9px 9px 9px;
margin: -4px 25px;
margin-left: -0px;
padding: 25px 25px 30px 25px;
width: 90px;
height: 20px;
text-decoration: none;
font-size: 22px;
background-color: white;
}

.topnav a:hover {
background-color: #566FB8;
color: white;
}

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

.home{ border: none;
width: 1025px;
height: 1230px;
background-color: #336699;

}


.mySlides {
display: none
}

.slideshow-container {
width: 1020px;
height: 650px;
float: center;
background-color: black;
}



.dot {
cursor: pointer;
height: 15px;
width: 15px;
margin: 0 2px;
background-color: #bbb;
border-radius: 50%;
display: inline-block;
transition: background-color 0.6s ease;
}

.active, .dot:hover {
background-color: #717171;
}

.fade {
-webkit-animation-name: fade;
-webkit-animation-duration: 5s;
animation-name: fade;
animation-duration: 5s;
}
@-webkit-keyframes fade {
from {opacity: .05} 
to {opacity: 1}
}

@keyframes fade {
from {opacity: .05} 
to {opacity: 1}
}


@media only screen and (max-width: 300px) {
.prev, .next,.text {font-size: 11px}
}

#logo{float: left;
border: none;
border-radius: 9px 9px 9px 9px;
margin-left: 0px auto!important;
margin-top: -15px!important;
padding: 20px 20px 20px 20px;
}


#more{display: block;
color: white;
font: calibri;
padding: 10px 30px 10px 30px;
border-radius: 5px;
margin-left: -220!important;
margin-top: 430!important;
    margin-right: auto;
    margin-bottom: auto;
cursor: pointer;
align-content: space-between;
background-image: linear-gradient(cadetblue,#101875) 

}

#more:hover{opacity: 0.7;}
.bottomrow{display: inline-flex;

border: none;
background-color: #336699;
margin-top: 40px;
width: 1020px!important;
height: 450px!important;
flex-direction: row;
justify-content: space-around;
}

.bottom1{display: block;
border: solid;
border-width: 1px;

margin-left: 0px auto;
border-radius: 5px;
border-color: #0C2D5B;
width: 350px;
height: 480px;
background-color: #DAEDFF;
}

.bottom2{display: block;
border: solid;
border-width:1px;
border-color: #0C2D5B;
border-radius: 5px;
width: 350px;
height: 480px;
background-color: #DAEDFF;

}

.bottom3{text-align: center;
border: solid;
border-width: 1px;
border-color: #0C2D5B;
border-radius: 5px;
width: 350px;
height: 480px;
background-color: #DAEDFF;

}

#para1{border: none;
display: block;
width: 250px!important;
height: 300px!important;
}

#para2{border: none;
display: block;
width: 250px!important;
height: 300px!important;
}
#para3{border: none;
display: block;
width: 250px!important;
height: 330px!important;
}
#title1{font-size: 20;
font-family: calibri;
}

#title2{font-size: 20;
font-family:"Lucida Console", Times, Monospace;
}

#title3{font-size: 27;
font-family:calibri;
}


.abtus{width: 1020px!important;
font-size: 19pt!important;
height: 1600px!important;
background-color: #336699;
font-family: calibri;
border-radius: 9px 9px 9px 9px;
color: white;
}

.abtmain1{border: none;
text-align: left; 
height: 500px;
width: 950px;

margin-top: -30px;
}
.abtmain2{border: none;
width: 950px;
height: 950px;
text-align: justify;

margin-top: -100px;
}


.products{background-color: #4B90F6;
font-size: 20px;

font-family: calibri;
border-radius: 9px 9px 9px 9px;
width: 1020px!important;
height: 1600px!important;
}

.prodtype1{display: inline-flex;}
.prodtype2{display: inline-flex;}
.prodtype3{display: inline-flex;}

.lab{
text-align: center;
width: 450px!important;
border-radius: 5px 5px 5px 5px;
height: 458px!important;
float: left;
margin-left: -10px;
font-family: calibri;
overflow: visible;
}

.labbio{border: none;
width: 360px;
margin-left: 50px;
text-align: justify;
margin-top: -10px;
font-size: 17px;

}

.ind{border: none;
text-align: center;
width: 450px!important;
border-radius: 5px 5px 5px 5px;
height: 458px!important;
margin-left: 20px;
font-family: calibri;
float: left;
overflow: visible;
}

.indbio{text-align: justify;
font-size: 17px;
width: 360px;
margin-left: 50px;
margin-top: -10px;
}

.dec{border: none;
width: 400px!important;
text-align: center;
border-radius: 5px 5px 5px 5px;
margin-left: -19px;
height: 400px!important;

float: left;
font-family: calibri;
overflow: visible;
}

.decbio{ font-size: 17px;
width: 360px;
text-align: justify;
margin-left: 25px;
margin-top: -15px;

}
.dom{border: none;
width: 400px!important;
text-align: center;
border-radius: 5px 5px 5px 5px;
height: 458px!important;
margin-left: 70px!important;
float: left;
font-family: calibri;
overflow: visible;
}

.dombio{text-align: justify;
width: 350px;
margin-left: 40px;
font-size: 17px;
margin-top: -14px;
}

.fest{border: none;
width: 450px!important;
text-align: center;
border-radius: 5px 5px 5px 5px;
margin-top: -80px;
height: 458px!important;
float: left;
margin-left: -10px;
font-family: calibri;
overflow: visible;
}
.festbio{width: 350px;
font-size: 17px;
text-align: justify;
margin-left: 50px;
margin-top: -15px;


}
.rep{border: none;
width: 450px!important;
text-align: center;
border-radius: 5px 5px 5px 5px;
margin-top: -80px;
height: 400px!important;
margin-left: 30px;
float: left;
font-family: calibri;
overflow: visible;
}

.repbio{width: 350px;
font-size: 17px;
text-align: justify;
margin-left: 50px;
margin-top: -15px;


}
p{color: white;}

.downloadpdf{border: ridge;
height: 195px;
width: 600px;
font-family: calibri;
color: white;
margin-top: -60px;
background-color: #002E5D;
border-radius: 10px 10px 10px 10px;

}
#downloadbutton{ border: solid;
display: block;
color: black;
text-decoration: none;
padding: 15px 35px 15px 35px;
border-radius: 5px;

}

#downloadbutton:hover{background-color: cadetblue;

opacity: 0s;

}


h3{color: #0C2D5B;
font-family: cambria;


}
.clients{border: none;
width: 100%!important;
margin-top: -5px;

padding:5px 5px 5px 1.4px;
height: 1050px!important;
background-color: #95C6EC;
}

h{font-size: 50;
color: #104060;

}
h1{font-size: 45;
color: #104060;
font-family: sans-serif;


}
.mainpara{display: block;
text-align: center;
font-size: 30px;
}


.text-clients{display: block;
width: 1026px!important;
height: 950px!important;
font-size: 25;
text-align: center;
background-color: #3699EC;
color: white;
border-radius: 5px 5px 5px 5px;
font-family: sans-serif;
}

ul{float: center;
margin-left: 60px;
text-align: left;}

.contus{border: none;
box-shadow: 5px 5px grey;
border-top: none;
height:950px!important;
width: 1025px!important;
border-radius: 9px 9px 9px 9px;
background-image: linear-gradient(lightgray,white);
}

.con{display: block;
color: #50b1ed;
float: left;
font-family: verdana;

font-size: 15px;
color: #0C3C60;
margin-left: 70px;}


.con2{color: #50b1ed;
float: left;
font: bold;
font-family: verdana;
font-size: 20px;
margin-left: 0px auto;}


input{width: 500px;
float: right;
padding: 12px 20px;
margin: 3px auto;
box-sizing: border-box;
border: none;
background-color: #0C3C60;
color: white;
margin-right: 15px;
border-radius: 4px 4px 4px 4px;
}
#msg{background-color: #0C3C60;
float: right;
box-sizing: border-box;
padding: 12px 19px;
margin: 3px auto;
font-family: Arial;
box-sizing: border-box;
border: none;
width: 500px!important;
margin-right: 17px;
background-color: #0C3C60;
border-radius: 5px 5px 5px 5px;
color: white;}

#send{float: right;
color: #0C3C60;
margin-top: -60px;
margin-left: 1500px;
margin-right: 20px;
border-radius: 5px 5px 5px 5px;
padding: 5px 20px 5px 20px;
font-size: 20px;
background-color: #1B99E8;


}

.content {
animation: fadeEffect 2s;
/* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}