<style>

body {
    font-family: Arial;
    background: #fff6c6;
	padding:0px;
	border:none;
	
	
}
	
	

.logo {

  float: left;
  
  position: relative;

  z-index: 1;
 
  width: 15%;
  

}
/* blink section*/
.blink {
        animation: blinker 1.5s linear infinite;
        
        
        font-weight: bold;
        font-family: sans-serif;
       }
@keyframes blinker {
                    100% {
				          opacity: 0;
					     }
      }


/* Header/Blog Title */
.header {
    padding-right: 16px;
	margin-top:-1rem;
	margin-left:-0.5rem;
	margin-right:-0.5rem;
	

    text-align: center;
    background-color: #ffab3d;
	width:100%;
	
}

.top ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  float: right;

}

.top ul li {

  float: left;
  margin-bottom: 0rem;
  margin-right:0rem;
 

}

.top ul li:last-child {

  margin-right: 0;

}

.top ul li a {

  font-size: 1rem;
  text-decoration: none; 
  color: #ffffff; /* change social icon color*/

}

.top ul li a:hover {

  color: #a00b8a; /* change social icon color hover*/

}


.chat ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  float: left;

}

.chat ul li {

  float: left;

  margin-bottom: 0rem;
  margin-left: 1rem;
  margin-right: 0rem;

}

.chat ul li:last-child {

  margin-right: 0;

}


.chat ul li a {

  position: relative;

  text-align: center;
  font-size: 1rem;
  text-decoration:none;
  color: #ffffff;
  display: block;

  border-radius: 50%;

  width: 7rem;

  height: 3rem;

  background-color: #d6390a; /* change social icon back color*/

  line-height: 3rem;

}
.chat ul li a:hover {

  color: #0ba015; /* change social icon color hover*/

}
.social ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  float: right;

}

.social ul li {

  float: left;

  margin-bottom: 5rem;

  margin-right: 1rem;

}

.social ul li:last-child {

  margin-right: 0;

}

.social ul li i {

  font-size: 1.4rem;

  color: #ffffff; /* change social icon color*/

}

.social ul li i:hover {

  color: #0825e0; /* change social icon color hover*/

}

.social ul li a {

  position: relative;

  text-align: center;

  display: block;

  border-radius: 50%;

  width: 3rem;

  height: 3rem;

  background-color: #d6390a; /* change social icon back color*/

  line-height: 3.5rem;

}

}
.header h1 {
    font-size: 50px;
    font-color: Orange;
}

    


/* Create three unequal columns that floats next to each other */
/* Left column */
.leftcolumn {   
    float: left;
	padding:0px;
    width: 15%;
	background-color:#fff6c6;
	margin-left: -0.5rem;
	
}

.leftcolumn ul {

  margin: 0;

  padding: 0;

  list-style-type: none;

  float: center;

}

.leftcolumn ul li {

  float: center;
  margin-bottom: 0.3rem;
  margin-left:2rem;

}

.leftcolumn ul li:last-child {

  margin-right: 0;

}

.leftcolumn ul li a {

  font-size: 1rem;
  text-decoration: none; 
  color: #0ba015; /* change social icon color*/

}

.leftcolumn ul li a:hover {

  color: #a00b8a; /* change social icon color hover*/

}


/* Middle column */
.middlecolumn {   
    float: left;
	width: 70%;
	background-color:#fff6c6;
	line-height:inherit;
}
/* Right column */
.rightcolumn {
    float: left;
    width: 15%;
    background-color: #fff6c6;
    padding-right: 16px;
	margin-right:-0.5rem;	
	list-style-type:none;
	
}
/*space divided into two left and right*/
/* left column */
.lcolumn {   
    float: left;
	width: 48%;
	margin:0.5rem;
	margin-top:-0.5rem;
	
}

/* right column */
.rcolumn {   
    float: left;
	width: 48%;
	margin:0.5rem;
	margin-top:-0.5rem;
	
}



/*table format*/
.left {

	float: left;
	background-color: white;
	margin:0rem;
	}
.left ul {

  margin: 0;

  padding: 40px;

  list-style-type: none;

  float: center;

}
.left ul li {
       width: 100%;
		
	   float: left;
	   }
.right {

	float: left;
	background-color: white;
	margin:0rem;
	}
.right ul {

  margin: 0;

  padding: 40px;

  list-style-type: none;

  float: center;

}
.right ul li {
       width: 100%;
		background-color:#CCFFFF;
	   float:center;
	   margin-right: 55px;
	   }
	   
/*ptable*/
.ptable {
    padding: 0px;
	float:center;
	margin-left: 1rem;
	margin-right: 1rem;

}
.ptable ul {
	margin: 0;
	padding: 0;
	list-style-type:none;
  	float: center;
}

.ptable ul li {

 float: left;

 


}

.ptable ul li:last-child {

  margin-right: 0;

}

.ptable ul li a {

  font-size: 1rem;
  text-decoration: none;
  color:#000000; /* change social icon color*/

}

.ptable ul li a:hover {

  color: #a00b8a; /* change social icon color hover*/

}

	   
/*plantable*/
.plantable {
    padding: 0px;
	float:center;
	margin-left: 1rem;
	margin-right: 1rem;

}
.plantable ul {
	margin: 0;
	padding: 0;
	list-style-type:circle;
	margin-left: 4rem;
  	float: center;
}

.plantable ul li {

 float: left;

 


}

.plantable ul li:last-child {

  margin-right: 0;

}

.plantable ul li a {

  font-size: 1rem;
  text-decoration: none;
  color:#000000; /* change social icon color*/

}

.plantable ul li a:hover {

  color: #a00b8a; /* change social icon color hover*/

}


/*instable*/
.instable {
    padding: 0px;
	float:center;
	margin-left: -1rem;
	margin-right: -1rem;
	border-style:solid;
	border-width:thin; 
}
.instable ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
     border-style:solid;
	border-width:thin;
  	float: center;
}

.instable ul li {

 float: left;

 


}

.instable ul li:last-child {

  margin-right: 0;

}

.instable ul li a {

  font-size: 1rem;
  text-decoration: none;
  color:#000000; /* change social icon color*/

}

.instable ul li a:hover {

  color: #a00b8a; /* change social icon color hover*/

}

.col2{
width:2%;

}
.col5 {
width: 5%;
    text-align: center;
}

.col7{
width:7%;
text-align:center;

}

.col12{
width:12%;
text-align:center;

}

.col13{
width:13%;
text-align:center;

}

.col20{
width:20%;

}
.col22{
width:22%;

}
.col25{
width:25%; 
}
.col28{
width:28%; 
}
.col29{
width:29%; 
}
.col30{
width:30%; 
}
.col35{
width:35%; 
}
.col50{
width:50%; 
}
.col58{
width:58%; 
}
/* Fake image */
.fakeimg {
    background-color: #aaa;
    width: 100%;
    padding: 20px;
	float: left;
}

.bton.fullwidth {

    width: 100%;

}



.bton.bton-primary {

    color:#CC0033;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    border: 1px solid transparent;

    background: #344552;

}













/* Add a card effect for articles */
.card {
    background-color: white;
    padding: 10px;
    margin-top: 20px;

}

.card a {

  
  text-decoration: none;
  color: #0ba015; /* change social icon color*/

}

.card a:hover {

  color: #a00b8a; /* change social icon color hover*/

}


/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
/* Clear floats after the columns */
.irow:after {
    content: "";
    display: table;
    clear: both;
}

/* Footer */
.footer {
    padding: 0px;
	background-color:#fff6c6;
	margin-left: -1rem;
	
	margin-right: -0.25rem;	
   
}



.foot ul {

  margin: 0;

  padding: 0;

  list-style-type: none;
  margin-left: -1rem;
	
  margin-right: -0.25rem;

}

.foot ul li {

 
  text-align:center;
  margin-bottom:-1.5rem;
 

}

.foot ul li:last-child {

  margin-right: 0;

}

.foot ul li a {

  font-size: 1rem;
  text-decoration: none;
  color: #0ba015; /* change social icon color*/

}

.foot ul li a:hover {

  color: #a00b8a; /* change social icon color hover*/

}


.sitemap {
    padding: 0px;
	background-color:#cecbc8;
    text-align: left; 
	margin-left: -1rem;
	
	margin-right: -0.25rem;
}
.sitemap ul {

  margin: 0;

  padding: 0;

  list-style-type: none;
  
  
  float: center;

}

.sitemap ul li {

  float: left;

  width:14.2%;
 
 

}

.sitemap ul li:last-child {

  margin-right: 0;

}

.sitemap ul li a {

  font-size: 1rem;
  text-decoration: none;
  color: #0ba015; /* change social icon color*/

}

.sitemap ul li a:hover {

  color: #a00b8a; /* change social icon color hover*/

}
.endfooter {
    padding:0px;
	background-color:#afadaa;
    text-align: right; 
	height: 70px;
	
	margin-left: -1rem;
	margin-right: -0.25rem;
	
}
.endfooter ul {

  

  padding: 0;
  float:right;
  list-style-type: none;



}

.endfooter ul li {

  float: center;
  color:#0ba015;
 }

.table {
    padding: 0px;
	float:center;
    text-align: left; 
	margin-left: -1rem;
	
	margin-right: -1rem;
}
.table ul {

  margin: 0;

  padding: 0;

  list-style-type: none;
  
  
  float: center;

}

.table ul li {

  float: left;

  width:40%;
 
 

}

.table ul li:last-child {

  margin-right: 0;

}

.table ul li a {

  font-size: 1rem;
  text-decoration: none;
  color: #0ba015; /* change social icon color*/

}

.table ul li a:hover {

  color: #a00b8a; /* change social icon color hover*/

}



.wpcf1-text, .wpcf1-select {

    padding: 15px 20px;

    margin: 5px 0 13px 0;

    width: 2%;

    transition: all 100ms ease-out;

}

.wpcf2-text, .wpcf2-select {

    padding: 15px 20px;

    margin: 5px 0 13px 0;

    width: 7%;

    transition: all 100ms ease-out;

}
.wpcf5-text, .wpcf5-select {

    padding: 15px 20px;

    margin: 5px 0 13px 0;

    width: 58%;

    transition: all 100ms ease-out;

}
.wpcf6-textarea {

    padding: 15px 20px;

    margin: 5px 0 13px 0;

    width: 58%;
	height: 100px;

    transition: all 100ms ease-out;

}

.wpcf7-text, .wpcf7-textarea, .wpcf7-select {

    padding: 15px 20px;

    margin: 5px 0 13px 0;

    width: 100%;

    transition: all 100ms ease-out;

}

.wpcf1-select {

    padding: 2px 2px;

    margin: -1px 0 0px 0;

    width: 30%;

    transition: all 100ms ease-out;

}


input, select, textarea {

    padding: 13px 18px;

    max-width: 100%;

    color: #000;

    font-weight: normal;

    border: 1px solid #ababab;

    background: #fff;

    border-radius: 2px;

}



.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7-select:focus {

    border-color: #4fa919;

    outline: none;

	box-shadow: 0px 0px 0px 2px #4fa919;

}



.wpcf7-textarea {

    height: 125px;

}



.btn.fullwidth {

    width: 100%;

}



.btn.btn-primary {

    color: #ffffff;

    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    border: 1px solid transparent;

    background: #344552;

}





.btn {

    margin-right: 5px;

    padding: 12px 28px;

    font-family: "Open Sans", Helvetica, Arial, sans-serif;

    font-size: 13.5px;

    font-weight: bold;

    line-height: inherit;

    border-radius: 30px;

    background: none;

    transition: all 100ms ease-out;

}



.btn.btn-primary:hover, .btn.btn-primary:active:focus {

    background: #4FA919;

}


/* Box */
.box {
	background-color:#990033;
	width: 10%;
	margin-right: 8px;
 	border-radius: 20px;
    font-size: 7px;
	float:right;
	text-align:center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	
}

.box a {

  
  text-decoration: none; 
  color: white; /* change social icon color*/
 }

.box a:hover {

  color:#00CCFF; /* change social icon color hover*/

}

/*
.box.fullwidth {
    width: 100%;
}

.box.box-primary {

    color:#CC0033;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid transparent;
    background: #990033;;
}

.box {
    margin-right: 5px;
    padding: 12px 28px;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 13.5px;
    font-weight: bold;
    line-height: inherit;
    border-radius: 30px;
    background: none;
    transition: all 100ms ease-out;

}

.box.box-primary:hover, .box.box-primary:active:focus {

    background: #006633;

}
*/

/***********************************************************************************************/

/* SLIDER */

/***********************************************************************************************/

.p-slider-revolution {

  font-family: 'Lato', sans-serif;

  color: #fff;

  font-size: 2rem;

  line-height: 3rem;

  font-weight: 400;

}

.p-slider-revolution .underline {

  display: block;

  position: relative;

  width: 22.9rem;

  height: 0.2rem;

  margin: 2.5rem auto 0;

  background: #fff;

  margin-bottom: 2.5rem;

}

.p-slider-revolution .underline .line {

  display: block;

  position: relative;

  width: 6.4rem;

  height: 0.5rem;

  left: 50%;

  top: -0.1rem;

  margin-left: -3rem;

  background: #73bf45;

}

.p-slider-revolution:hover .underline .line {

  animation-name: slide;

  -webkit-animation-name: slide;

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-iteration-count: 1;

  animation-iteration-count: 1;

}

@keyframes slide {

  0% {

    transform: translateX(0px);

  }

  20% {

    transform: translateX(60px);

  }

  40% {

    transform: translateX(-60px);

  }

  60% {

    transform: translateX(60px);

  }

  80% {

    transform: translateX(-60px);

  }

  100% {

    transform: translateX(0px);

  }

}

@-webkit-keyframes slide {

  0% {

    -webkit-transform: translateX(0px);

  }

  20% {

    -webkit-transform: translateX(60px);

  }

  40% {

    -webkit-transform: translateX(-60px);

  }

  60% {

    -webkit-transform: translateX(60px);

  }

  80% {

    -webkit-transform: translateX(-60px);

  }

  100% {

    -webkit-transform: translateX(0px);

  }

}

@-moz-keyframes slide {

  0% {

    -moz-transform: translateX(0px);

  }

  20% {

    -moz-transform: translateX(60px);

  }

  40% {

    -moz-transform: translateX(-60px);

  }

  60% {

    -moz-transform: translateX(60px);

  }

  80% {

    -moz-transform: translateX(-60px);

  }

  100% {

    -moz-transform: translateX(0px);

  }

}

@-o-keyframes slide {

  0% {

    -o-transform: translateX(0px);

  }

  20% {

    -o-transform: translateX(60px);

  }

  40% {

    -o-transform: translateX(-60px);

  }

  60% {

    -o-transform: translateX(60px);

  }

  80% {

    -o-transform: translateX(-60px);

  }

  100% {

    -o-transform: translateX(0px);

  }

}

.a-slider-revolution {

  text-transform: uppercase;

  background-color: #73bf45;

  color: #fff;

  text-align: center;

  display: block;

  font-size: 2rem;

  line-height: 2.9rem;

  padding: 1.4rem 3.3rem;

  font-family: 'Montserrat', sans-serif;

  font-weight: 400;

  text-decoration: none;

}

.a-slider-revolution:hover {

  color: #fff;

  text-decoration: none;

  background-color: #236f1f;

}

.title-slider-revolution {

  font-size: 5rem;

  font-family: 'Montserrat', sans-serif;

  color: #fff;

  line-height: 4.7rem;

  font-weight: 700;

  text-transform: uppercase;

}

.leftarrow {

  left: 0!important;

}

/***********************************************************************************************/

/* GO TOP */

/***********************************************************************************************/

.back-to-top {

  display: block;

    position: fixed;

    height: 40px;

    bottom: -80px;

    right: 50px;

    background: #344552;

    text-decoration: none;

    z-index: 99;

    font-size: 20px;

    line-height: 40px;

    width: 40px;

    text-align: center;

    color: #fff;

    cursor: pointer;

    -webkit-transition: all 0.3s linear;

    -moz-transition: all 0.3s linear;

    -ms-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;

}

.back-to-top:before {

  display: inline-block;

  font: normal normal normal 14px/1 FontAwesome;

  font-size: inherit;

  text-rendering: auto;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  transform: translate(0, 0);

  line-height: 1em;

}

.icon-up-open:before {

  content: "\f077";

}

/* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 800px) {
    .leftcolumn,.middlecolumn, .rightcolumn {   
        width: 100%;
        padding: 0;
    }
}

/* Responsive layout - when the screen is less than 400px wide, make the navigation links stack on top of each other instead of next to each other */
@media screen and (max-width: 400px) {
    .topnav a {
        float: none;
        width: 100%;
    }
}
</style>
