.imagecontour {
 padding: 10px; 
 border: solid 1px #EFEFEF;
 background-color: #FFFFFF;
 }
 
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after
{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}

.c-layout-header .c-topbar-light {
    border-bottom: 1px solid rgba(135, 151, 174, 0.15);
    background-color: #fec400;
}
.c-layout-header .c-topbar-light .c-top-menu > .c-icons > li > a:not(.btn) > i { color: #000 }
.c-layout-header .c-topbar-light .c-top-menu > .c-icons > li > a:not(.btn){ color: #000;}
.c-layout-header .c-topbar-light .c-top-menu > .c-icons > li{ color: #000;}
.c-layout-header .c-topbar-light .c-top-menu > .c-icons > li.c-divider { color: #000;}

.c-content-tab-4.c-opt-3 > .nav > li.active > a, .c-content-tab-4.c-opt-3 > .nav > li:active > a {
	background-color: #fec400;
}
.c-content-tab-4.c-opt-3 > .nav > li:nth-child(even) > a {
    background-color: #cfdae4;
}

.canto {
  position: fixed;
  bottom: 70px;
  height: 70px;
  width: 150px;
  z-index: 100;
  right: -100px;
  opacity: 0.9;
  text-align:left;
  transition:all 0.3s ease;
}
.canto:hover{
  opacity: 1;
  right:0px;
}
.canto2 {
  position: fixed;
  bottom: 50px;
  height: 70px;
  width: 150px;
  z-index: 100;
  right: 0px;
  opacity: 0.8;
  text-align:left;
  transition:all 0.3s ease;
}
.canto2:hover{
  opacity: 1;
  right:0px;
}