body{

margin:0px;


}

#container{

width:1000px;
margin:0px auto;

}

/*===================== Header section ====================== */

.header{

background:#fff;
height:112px;
width:998px;
border:solid 1px #fff;
margin-top:10px;
border-bottom:1px;
}

#contacts{

width:auto;
border:solid 1px #fff;
background-color:#fff;

border-radius:1em;
font-size:95%;
padding:`2px;
margin:2px;
float:left;
color:#8ACCCB;
float:right;

}


/*============================ Navigation section  ===================== */

#nav1{

width:998px;
border:solid 1px #fff;
font-weight:bold;
list-style-type:none;
text-align:left;
height:auto;
font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;

}


.dropbtn {
text-decoration: none;
font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
padding:0.2em 1em;
color:#fff;
background-color:#8ACCCB;
font-size:120%;
border-radius:5px;
margin:10px;
width:176px;

}

.dropdown {
    position: relative;
    display: inline-block;
	
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 400px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
	
}

.dropdown-content a {
    color: black;
    padding: 8px 8px;
    text-decoration: none;
    display: block;
	border:solid 0.1em #8ACCCB;
	
}

.dropdown-content a:hover {

color:#fff;
background-color:#8ACCCB;

}

.dropdown:hover .dropdown-content {
    display: block;
	
}

.dropdown:hover .dropbtn {
    background-color: #8ACCCB;
	color:#000;
}




/* =========== Front image ================ */

#imagebox{


border:solid 1px #fff;
width:998px;
border-top:1px;
height:auto;


}



.mySlides {

display:none;
display: inline-block;
   /* border: 1px solid #ddd;
    border-radius: 6px;
   /* padding: 5px;*/
    transition: 0.2s;}
     
}
.mySlidesh.hover {
  box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
}

.animate-top{position:relative;-webkit-animation:animatetop 0.4s;animation:animatetop 0.4s}
@-webkit-keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.animate-left{position:relative;-webkit-animation:animateleft 0.4s;animation:animateleft 0.4s}
@-webkit-keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.animate-right{position:relative;-webkit-animation:animateright 0.4s;animation:animateright 0.4s}
@-webkit-keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.animate-bottom{position:relative;-webkit-animation:animatebottom 0.4s;animation:animatebottom 0.4s}
@-webkit-keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0px;opacity:1}}
@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.animate-zoom {-webkit-animation:animatezoom 0.6s;animation:animatezoom 0.6s}
@-webkit-keyframes animatezoom{from{-webkit-transform:scale(0)} to{-webkit-transform:scale(1)}}
@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.content{max-width:1000px;margin:auto}
.section{margin-top:0px!important;margin-bottom:0px!important}



/************** other pages front 1 image ************/
.topother{
display: block;
text-align:center;
padding:0px;
margin:0px;

}


/*================== side bar ================= */

.sidebar{

float:left;
width:176px;
height:auto;
background:#fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;
/*border-bottom-left-radius:1em;*/
}

.sidebarnav{

float:left;
width:125px;
height:550px;
padding:17px;
color:white;
text-align:left;
font-family:Arial;
top:-2px;
}
.subnav{

list-style-type:none;
background:#5c755e;
border:solid 2px #4040142;
padding-left:4px;
padding-right:0px;
width:135px;
top:-18px;
position:relative;
border-top:border:solid 1px #4040142;
line-height:1.2;

}


/*====================== main section ======================== */

.main{

float:left;
width:821px;
height:auto;
background:`#FFFAFA;
border-right:solid 1px #fff;
border-left:solid 1px #fff;
border-bottom:solid 1px #fff;
font-family:Calibri,Candara,Segoe,Segoe UI,Optima,Arial,sans-serif;
font-size:16px;
overflow:none;
border-bottom-right-radius:5px;
border-bottom-left-radius:5px;
}


.paraim{

text-align:center;

}

/*========= Mini content panels in main window  ============== */

.heading{

background-color:#8ACCCB;
/*border:solid 2px #000;*/
/*border-radius:1em;*/
font-size:95%;
padding:1px;
margin:2px;
width:auto;
color:black;
height:30px;
margin-top:10px;
}



#box{

background-color:#fff;
/*border:solid 2px #000;*/
/*border-radius:1em;*/
font-size:95%;
padding:5px;
margin:2px;
width:auto;
color:black;
}


#box1{

background-color:#fff;
border:solid 2px #000;
/*border-radius:1em;*/
font-size:95%;
padding:5px;
margin:2px;
width:auto;
color:#8ACCCB;
}


#boxadd{

width:195px;
height:250px;
background-color:#fff;
border:solid 1px #8ACCCB;
border-radius:4px;
font-size:95%;
padding:2px;
margin:2px;
float:left;
color:#000;

margin-bottom:0px;

}


#boxadd ul{

margin-top:10px;

}

.viewmore{
width:197px;
height:30px;
background-color:red;
border:solid 1px red;
border-radius:4px;
font-size:95%;
padding:1px;
margin:2px;
float:left;
color:#fff;
opacity: 1.0;
transition: opacity 0.5s ease-in-out;
margin-top:0px;
text-align:center;

}
.viewmore:hover{
background-color:#8ACCCB;
color:#000;
border:solid 1px #8ACCCB;

}
.linking{

text-decoration:none;
color:white;
text-align:center;
font-size:115%;
padding:4px;

}

.linking:hover{

text-decoration:none;
color:black;
text-align:center;
font-size:115%;
padding:4px;

}







.test{

display:block;
text-align:center;

}

.insideblock{

margin-top:5px;
text-align:center;
padding:1px;

}
/*.insideul{

margin-top:0px;
padding:0px;
text-align:center;
margin-left:2px;

}*/


#boxim{



margin-left: auto;`
margin-right: auto; 

max-width:100%;
max-height:100%;

opacity: 1.0;
transition: opacity 0.5s ease-in-out;
}

#boxim:hover{
opacity:0.5;
}


/*========= Mini content panels in side window  ============== */

#sideadds{
background-color :#fff;

font-size:95%;
padding:5px;
margin:2px;
width:auto;
color:black;
height:30px;
margin-top:10px;
border:solid 1px #8ACCCB;

}


.sideim{

margin-left: auto;`
margin-right: auto; 

max-width:100%;
max-height:100%;
opacity: 1.0;
transition: opacity 0.5s ease-in-out;

}

.sideim:hover{
opacity:0.5;
}


/* ================ Footer ================= */
#footer{

background-color :  #8ACCCB;
margin:2px;
height:40px;
width:970px;
clear:both;
color: #000;
padding:15px;
font-size:90%;
text-align:center;
border-radius:5px;

}

#footer ul{

background-color : #8ACCCB;
margin:5px;
border-radius:5px;
list-style-type:none;
padding:5px;
text-align:center;


}
#footer ul li{

display:inline;


}

#footer ul li a{

text-decoration: none;
font-family:Arial;
padding:0.2em 1em;
color:#000;
background-color:#8ACCCB;
font-size:100%;


}

#footer ul li a:hover{


color:#fff;
background-color:#8ACCCB;


}


/* ============= Headings ================== */

h2{

padding:2px;
margin-top:0px;
font-size:130%;
}

h1{

padding:1px;
margin - top:0px;
text-align:center;
font-size:115%;
margin-bottom:0px;
}

h3{

padding:1px;
margin:0px;
text-align:left;
font-size:130%;

}

/* =================== View more buttons ===================== */

.showdetailsfront{

width:195px;
height:35px;
padding:0px;
text-align:center;
font-size:120%;
background-color:red;
border-radius:8px;
font-family:Arial;
float:center;
margin-bottom:0px;
margin-top:0px;
}

.showdetailsfront:hover{
background-color:#8ACCCB;
color:white;
}