@seed-color:#D93600;   /* #E4DCD2 #A9895F  #B39770 #B39770 */
@basetextolinks:#fff;
@basetexto:#333;
@miolosite:#FFD24D;
@larguraloja:1250px;
/* ##########################################################################*/
/*       NÃO MUDE ABSOLUTAMENTE NADA ATÉ A SEÇÃO DA LOJAMESTRE ABAIXO        */
/* ##########################################################################*/
@wheel_pos1:8; @wheel_pos2:352; @wheel_pos3:0;
@luma-upper-break:80%;
@luma-lower-break:16%;
@contrast:1;
@color-a-sat:(8%*@contrast);
@color-a-lit:(-15%*@contrast);
@color-b-sat:(7%*@contrast);
@color-b-lit:(-5%*@contrast);
@color-c-sat:(-3%*@contrast);
@color-c-lit:(8%*@contrast);
@sat:saturation(@seed-color);
@luma:luminance(@seed-color);
@lit:lightness(@seed-color);
@tone:desaturate(@seed-color,100%);
@l-factor:@luma; // what we'll use for the L in HSL
@color1:@seed-color;
@color1theme:hsl(hue(spin(@seed-color,0)),@sat,@l-factor); // a color 1 alternate, to keep a, b and c colors consistent
@color1a:lighten(saturate(@color1theme,@color-a-sat), @color-a-lit);
@color1b:lighten(saturate(@color1theme,@color-b-sat), @color-b-lit);
@color1c:lighten(saturate(@color1theme,@color-c-sat), @color-c-lit);
@color2:@miolosite;
@color2a:lighten(saturate(@color2,@color-a-sat), @color-a-lit);
@color2b:lighten(saturate(@color2,@color-b-sat), @color-b-lit);
@color2c:lighten(saturate(@color2,@color-c-sat), @color-c-lit);
@color3:hsl(hue(spin(@seed-color,@wheel_pos2)),@sat,@l-factor);
@color3a:lighten(saturate(@color3,@color-a-sat), @color-a-lit);
@color3b:lighten(saturate(@color3,@color-b-sat), @color-b-lit);
@color3c:lighten(saturate(@color3,@color-c-sat), @color-c-lit);
@color4:hsl(hue(spin(@seed-color,@wheel_pos3)),@sat,@l-factor);
@color4a:lighten(saturate(@color4,@color-a-sat), @color-a-lit);
@color4b:lighten(saturate(@color4,@color-b-sat), @color-b-lit);
@color4c:lighten(saturate(@color4,@color-c-sat), @color-c-lit);
@color5:darken(@color1, 50%);
@color6:lighten(saturate(@color1, #ccc), 10%);
.contrast (@color) when (luminance(@color) >= @luma-upper-break) {  color:average(darken(@color,30%),#222);}
.contrast (@color) when (luminance(@color) < @luma-upper-break) { color:#ffffff;}
.schemify(@color) {  @mix-weight:60%;   @new-color:mix(hsl(hue(@color),@sat,@luma),@color,@mix-weight);   background:@new-color;  .contrast(@new-color);}
.schemify-text(@color) {@mix-weight:60%; @new-color:mix(hsl(hue(@color),@sat,@luma),@color,@mix-weight); color:@new-color;  .contrast(@color); }

a { color: inherit; }
.menurs {color:#000;}
.menurs:before {font-family: FontAwesome; content: "\f1e0";  display: inline-block;    padding-right: 3px;    vertical-align: middle; font-size:26px; font-style:normal; color:@color1;}
.menu-open:checked + .menurs:before {font-family: FontAwesome; content: "\f1e2";  display: inline-block;    padding-right: 3px;    vertical-align: middle; }
.menu-item, .menu-open-button {  background: #EEEEEE;  border-radius: 100%;  width: 60px;  height: 60px;  margin-left: -25px;  position: absolute;  color: #FFFFFF;  text-align: center;  line-height: 60px;
  -webkit-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0);  -webkit-transition: -webkit-transform ease-out 200ms;  transition: -webkit-transform ease-out 200ms;  transition: transform ease-out 200ms;
  transition: transform ease-out 200ms, -webkit-transform ease-out 200ms;}
.menu-open { display: none; }

.menuComp {  z-index: 999; margin: auto;  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  width: 60px;  height: 60px;  text-align: center;  box-sizing: border-box;  font-size: 30px;}
.menu-item:hover {  background: #EEEEEE;  color: #3290B1;}
.menu-item:nth-child(3) {  -webkit-transition-duration: 180ms;  transition-duration: 180ms;}
.menu-item:nth-child(4) {  -webkit-transition-duration: 180ms;  transition-duration: 180ms;}
.menu-item:nth-child(5) {  -webkit-transition-duration: 180ms;  transition-duration: 180ms;}
.menu-item:nth-child(6) {  -webkit-transition-duration: 180ms;  transition-duration: 180ms;}
.menu-item:nth-child(7) {  -webkit-transition-duration: 180ms;  transition-duration: 180ms;}
.menu-item:nth-child(8) {  -webkit-transition-duration: 180ms;  transition-duration: 180ms;}
.menu-item:nth-child(9) {  -webkit-transition-duration: 180ms;  transition-duration: 180ms;}
.menu-open-button {  z-index: 999;  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);  -webkit-transition-duration: 400ms;  transition-duration: 400ms;  -webkit-transform: scale(1.1, 1.1) translate3d(0, 0, 0);  transform: scale(1.1, 1.1) translate3d(0, 0, 0);  cursor: pointer;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14); font-weight:400; font-style: normal; }
.menu-open-button:hover {  -webkit-transform: scale(1.2, 1.2) translate3d(0, 0, 0);  transform: scale(1.2, 1.2) translate3d(0, 0, 0);}
.menu-open:checked + .menu-open-button {  -webkit-transition-timing-function: linear;  transition-timing-function: linear;  -webkit-transition-duration: 200ms;  transition-duration: 200ms;  -webkit-transform: scale(0.8, 0.8) translate3d(0, 0, 0);  transform: scale(0.8, 0.8) translate3d(0, 0, 0);}
.menu-open:checked ~ .menu-item {  -webkit-transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);  transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33);}
.menu-open:checked ~ .menu-item:nth-child(3) {  transition-duration: 180ms;  -webkit-transition-duration: 180ms;  -webkit-transform: translate3d(0.08361px, -104.99997px, 0);  transform: translate3d(0.08361px, -104.99997px, 0);}
.menu-open:checked ~ .menu-item:nth-child(4) {  transition-duration: 280ms;  -webkit-transition-duration: 280ms;  -webkit-transform: translate3d(90.9466px, -52.47586px, 0);  transform: translate3d(90.9466px, -52.47586px, 0);}
.menu-open:checked ~ .menu-item:nth-child(5) {  transition-duration: 380ms;  -webkit-transition-duration: 380ms;  -webkit-transform: translate3d(90.9466px, 52.47586px, 0);  transform: translate3d(90.9466px, 52.47586px, 0);}
.menu-open:checked ~ .menu-item:nth-child(6) {  transition-duration: 480ms;  -webkit-transition-duration: 480ms;  -webkit-transform: translate3d(0.08361px, 104.99997px, 0);  transform: translate3d(0.08361px, 104.99997px, 0);}
.menu-open:checked ~ .menu-item:nth-child(7) {  transition-duration: 580ms;  -webkit-transition-duration: 580ms;  -webkit-transform: translate3d(-90.86291px, 52.62064px, 0);  transform: translate3d(-90.86291px, 52.62064px, 0);}
.menu-open:checked ~ .menu-item:nth-child(8) {  transition-duration: 680ms;  -webkit-transition-duration: 680ms;  -webkit-transform: translate3d(-91.03006px, -52.33095px, 0);  transform: translate3d(-91.03006px, -52.33095px, 0);}
.menu-open:checked ~ .menu-item:nth-child(9) {  transition-duration: 780ms;  -webkit-transition-duration: 780ms;  -webkit-transform: translate3d(-0.25084px, -104.9997px, 0);  transform: translate3d(-0.25084px, -104.9997px, 0);}

.item-1 { font-size:24px; background-color: #3b5998;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);}
.item-1:hover {  color: #669AE1;  text-shadow: none;}
.item-2 { font-size:24px; background-color: #dd4b39;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);}
.item-2:hover {  color: #70CC72;  text-shadow: none;}
.item-3 { font-size:24px; background-color: #cb2027;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);}
.item-3:hover {  color: #FE4365;  text-shadow: none;}
.item-4 { font-size:24px; background-color: #4dc247;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);}
.item-4:hover {  color: #62C2E4;  text-shadow: none;}
.item-5 { font-size:24px; background-color: #3b5998;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);}
.item-5:hover {  color: #FC913A;  text-shadow: none;}
.item-6 {font-size:24px; background-color: #62C2E4;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);}
.item-6:hover {  color: #62C2E4;  text-shadow: none;}
.item-10 {font-size:24px;  background-color: #4dc247;  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.14);  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.12);}
.item-10:hover {  color: #62C2E4;  text-shadow: none;}
.citem-3it {  margin: 24px 20px 120px 0;  text-align: right;  color: #EEEEEE;}
.citem-3it a { padding: 8px 0;  color: #C49CDE;  text-decoration: none;  transition: all 0.3s ease 0s;}
.citem-3it a:hover { text-decoration: underline; }

@import "cores.less"; 
@import "loja.less";