/* arrow styles:  */

.tangholder, .roseholder, .orngholder, .yellholder, .tangholder2, .roseholder2, .orngholder2, .yellholder2 {
  margin-left: 0;
} 

/*#tangarrowsvg, #rosearrowsvg, #yellarrowsvg, #orngarrowsvg,  #tangsvg2, #rosesvg2, #yellsvg2, #orngsvg2  {
  width: 143px;
}*/

#tangarrowsvg, #rosearrowsvg, #yellarrowsvg, #orngarrowsvg,  #tangsvg2, #rosesvg2, #yellsvg2, #orngsvg2 {width: 75px!important;margin-bottom:-20px!important; margin-top:40px;}
@media (max-width: 767px){
	#tangarrowsvg, #rosearrowsvg, #yellarrowsvg, #orngarrowsvg,  #tangsvg2, #rosesvg2, #yellsvg2, #orngsvg2 {margin-bottom:0px!important;margin-top:30px;}
}



/* 1. tangerine:  */

#tangTR, #tangTR2 {
  fill: #eea34f;
}

#tangBR, #tangBR2 {
  fill: #f2ba7b;
}

#tangTL, #tangTL2 {
  fill: #ea8c23;
}

#tangBL, #tangBL2 {
  fill: #f6d1a7;
}


/* 2. rose:  */

#roseTR, #roseTR2  {
  fill: #d26878;
}

#roseBR, #roseBR2 {
  fill: #dc8d9a;
}

#roseTL, #roseTL2 {
  fill: #d93954;
}

#roseBL, #roseBL2 {
  fill: #e6b2bb;
}

/* 3. yellow  */

#yellTL, #yellTL2 {
  fill: #FFB600;
}

#yellTR, #yellTR2 {
  fill: #F5C55C;
}

#yellBR, #yellBR2 {
  fill: #F8D480;
}

#yellBL, #yellBL2 {
  fill: #FAE2A9;
}

/* 4. orange  */

#orngTL, #orngTL2 {
  fill: #d04a02;
}

#orngTR, #orngTR2 {
  fill: #cc7559;
}

#orngBR, #orngBR2 {
  fill: #d79781;
}

#orngBL, #orngBL2 {
  fill: #e4baac;
}