/*-------Title styling and inside div styling---*/
.toggle_title{
	float:left;
	margin-left:0px;
	margin-top:25px;
	}

#clickside1,
#clickside2,
#clickside3,
#clickside4,
#clickside5,
#clickside6,
#clickside7,
#clickside8,
#clickside9,
#clickside10{
	}
		
.insideclickslide1,
.insideclickslide2,
.insideclickslide3,
.insideclickslide4,
.insideclickslide5,
.insideclickslide6,
.insideclickslide7,
.insideclickslide8,
.insideclickslide9,
.insideclickslide10{
	float:left;
	margin-top:40px;
	margin-bottom:40px;
	display:none;
	}


* {
  margin: 0;
  padding: 0; 
}

/* Icon 1 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon1{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#f5f5f5;
}

/*----This is the line-------------*/
#nav-icon1 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 30px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon1 span:nth-child(1){
  top: 0px;
  right:20px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon1 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon1.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 2 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon2{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon2 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon2 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon2 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon2.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon2.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 3 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon3{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon3 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon3 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon3 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon3.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 4 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon4{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon4 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon4 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon4 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon4.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon4.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 5 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon5{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon5 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon5 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon5 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon5.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon5.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 6 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon6{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon6 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon6 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon6 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon6.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon6.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 7 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon7{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon7 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon7 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon7 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon7.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon7.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 8 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon8{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon8 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon8 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon8 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon8.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon8.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 9 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon9{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon9 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon9 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon9 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon9.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon9.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}


/* Icon 10 */

/*----This is the touch pad area rectangle-------------*/
#nav-icon10{
  height: 80px;
  position: relative;
  margin-top:0px;
  margin-left:0px;
  cursor: pointer;
  width:100%;
  background-color:#ffffff;
}

/*----This is the line-------------*/
#nav-icon10 span{
  display: block;
  position: absolute;
  height: 2px;
  width: 40px;
  background: #d3531a;
  opacity: 1;
  right: 0px;
/*----This helps position the line in the touch pad area---*/
  margin-top:38px; 
}

/*-------left line---*/
#nav-icon10 span:nth-child(1){
  top: 0px;
  right:28px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

/*-------right line---*/
#nav-icon10 span:nth-child(2){
  top: 0px;
  right:0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
   -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon10.open span:nth-child(1){
  top: 0px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon10.open span:nth-child(2) {
  top: 0px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}