/*

 * (C) Copyright 2013 Suhdo Tecnologia Ltda - ME (http://suhdo.com/) and others.
 *
 * All rights reserved. This program and the accompanying materials
 * are made available under the terms of the GNU Lesser General Public License
 * (LGPL) version 2.1 which accompanies this distribution, and is available at
 * http://www.gnu.org/licenses/lgpl-2.1.html
 *
 * This library is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
 * Lesser General Public License for more details.
 *
 * Contributors:
 
 * http://suhdo.com/ 
 * Marcio Brandão
 * v1.0b | 201311 

 * RESET HTML 
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0b1 | 201101 

 * NOTE: WORK IN PROGRESS
 * USE WITH CAUTION AND TEST WITH ABANDON 

*/

*,html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, stronhgroup, menu, nav, section, summary,
time, mark, audio, video{
  margin: 0;
  padding: 0;
  border: none;
  outline: 0;
  font-size: 100%;
  font: inherit;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
  display: block; padding:0; margin:0; text-indent:0;
}
body {
  line-height: 1;
}
/*ol, ul,ol li, ul li {
  list-style: none; 
}
*/
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del 
  text-decoration: line-through;
}
strong,b{ font-weight:bold; }
em,i{ font-style:italic; }
p{line-height:1.3;} /* importante par auma boa visualização, pode ser relativo dependendo da fonte */
table { border-collapse: collapse; border-spacing: 0; padding:0; margin:0; }
a{transition: color 0.2s ease-in-out;}
button{ outline: 0; cursor:pointer; padding:0; margin:0; -moz-box-sizing:border-box; box-sizing:border-box; transition: color 0.2s ease-in-out; }
button::-moz-focus-inner { border: 0; padding: 0; margin:0; }
input::-moz-focus-inner,input::-moz-focus-inner,select::-moz-focus-inner,textarea::-moz-focus-inner { border: 0; padding: 0; margin:0; }
:focus { outline:0; } 
::-moz-focus-inner{ border: 0; }

::-webkit-input-placeholder { color:#ccc; font-size:18px; }
::-moz-placeholder { color:#ccc; } /* firefox 19+ */
:-ms-input-placeholder { color:#ccc; } /* ie */
input:-moz-placeholder { color:#ccc; }


/* end reset */


/* ********************* DEFAULT HTML ********************* */
body{ width:100%; height:100%; padding:0; margin:0; color:#000; font-size: 13px; font-family: Verdana,Arial,Tahoma;  overflow: auto; }
html{}

h1{ font-size:26px; }
h2{ font-size:24px; }
h3{ font-size:22px; }
h4{ font-size:18px; }
h5{ font-size:16px; }

/* form elements */
form{ }
label{ display:inline-block; line-height:1.3; font-size: 13px; }
ul{ list-style: none; }
input,select,textarea{ color:#333; background-color:#fff; box-shadow:none;  font-size:16px;  height:30px; line-height:30px; border-radius: 3px; outline: 0;  border:1px solid #bbb; margin:0; padding:5px 5px 5px 5px;   transition: box-shadow 0.2s ease,background 0.2s ease;  line-height: 1; }
textarea{ line-height: 1.2; height:initial; width: 100%; }
select#xyz,select:hover#xyz,select:focus#xyz,select { border:0px; outline:0px;  padding: 0 0 0 0;    appearance: none; -webkit-appearance: none; -moz-appearance: radio-container; /* renders text within select, without arrow chrome */ }
input[type=text],input[type=password],input[type=number],input[type=search],textarea,.input-style{  }
input[type=file]{ }

input[type="checkbox"] { display:none;  }
input[type="checkbox"] + label { vertical-align:middle; line-height:16px;  padding:5px 0;  }
input[type="checkbox"] + label span { display:inline-block; width:18px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/check_radio_sheet.png) left top no-repeat; cursor:pointer;  }
input[type="checkbox"]:checked + label span { background:url(../img/check_radio_sheet.png) -19px top no-repeat; }

input[type="checkbox"] + label.toggle span { display:inline-block; width:32px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/toggle.png) 0px 0 no-repeat; cursor:pointer;  background-size: auto 100%; transition: background .07s linear; }
input[type="checkbox"]:checked + label.toggle span { width:32px; background:url(../img/toggle.png) -34px 0 no-repeat;  background-size: auto 100%; transition: background .07s linear; }


input[type="radio"] { display:none; }
input[type="radio"] + label { vertical-align:middle; line-height:16px; padding:5px 0;  }
input[type="radio"] + label span { display:inline-block; width:18px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/check_radio_sheet.png) -38px top no-repeat; cursor:pointer;  }
input[type="radio"]:checked + label span { background:url(../img/check_radio_sheet.png) -57px top no-repeat; }

input[type="radio"] + label.toggle span { display:inline-block; width:32px; height:19px; margin:-2px 4px 0 0; vertical-align:middle; background:url(../img/toggle.png) 0px 0 no-repeat; cursor:pointer;  background-size: auto 100%; transition: background .07s linear; }
input[type="radio"]:checked + label.toggle span { width:32px; background:url(../img/toggle.png) -34px 0 no-repeat;  background-size: auto 100%; transition: background .07s linear; }

div[type=upload],a[type=upload],a.button{ position:relative; z-index:1; cursor:pointer;  overflow:hidden;  transition: background-color 0.2s ease-in-out; }
div[type=upload] input,a[type=upload] input,a.button input{ opacity:0; position:absolute; top:0; left:0; z-index:10; padding:0; margin:0; cursor:pointer; -webkit-appearance: none; width:100%; min-width:180px; height:32px; overflow:hidden;}

input:hover,select:hover,textarea:hover{ border:1px solid rgba(65, 133, 244,0.25); background-color:#fff; color:#222; box-shadow:0 0 0 0px rgba(65, 133, 244,0.33); transition: box-shadow 0.25s ease,background 0.25s ease; }
input:focus,select:focus,textarea:focus{ border:1px solid rgba(65, 133, 244,0.25); background-color:#fff; color:#222; box-shadow:0 0 0 3px rgba(65, 133, 244,0.33); transition: box-shadow 0.25s ease,background 0.25s ease; }


select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
select {
    background: transparent;
}

.select{ display: transparent; }
.custom-select {
   min-width:30px;
   width: auto;
   height: 45px;
   max-height: 45px;
   overflow: hidden;
   background-color:#f9f9f9;
   background-image:url(../img/drop-down.png) ;
   background-repeat:no-repeat;
   background-position: right;
   border:1px solid #bbb; 
   position: relative;
   transition: box-shadow 0.2s ease,background 0.2s ease;
   border-radius: 3px; 
}


.custom-select:hover,.custom-select:focus {  outline: 0;  border:1px solid #bbb;  box-shadow:0 0 0 3px rgba(65, 133, 244,0.33);  transition: box-shadow 0.2s ease,background 0.2s ease; }
.custom-select:after {
    content:' ';
    color:#fff; 
    background:#f9f9f9; 
    right:0px; 
    top:1px;
    padding:0px 0px;
    width:11px;
    height:45px;
    border:none;
    position:absolute;
    pointer-events:none;
    shadow:none;
}

.custom-select select,.custom-select select:focus {
   outline: 0; 
   display: inline-block;
   background: transparent;
   width: auto;
   padding: 0px 0px 0px 10px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 3px;
   -webkit-appearance: none;
   height:45px;
   padding-right:20px; 
   vertical-align: middle;
}

.custom-select select[multiple=multiple],.custom-select select[multiple=multiple]:focus {
   outline: 0; 
   display: inline-block;
   background: transparent;
   width: auto;
   padding: 0px 0px 0px 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 3px;
   -webkit-appearance: none;
   height:100px;
   padding-right:20px; 
   vertical-align: middle;
}

::selection { background:rgba(65, 133, 244,0.33);  color:#000;   }
::placeholder{ color:#ddd; }

a{ cursor:pointer; text-decoration:none; }
hr{ border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }



/* ********************* TEXT FORMATING ********************* */

.lighter{ font-weight:lighter; } 
.regular,.normal{ font-weight:normal; } 
.bold{ font-weight:bold; } 
.italic{ font-style: italic; }
.oblique{ font-style: oblique; }
.underline{ text-decoration:underline; }
.line-through{ text-decoration:line-through; }
.overline{ text-decoration:overline; }

.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }
.capitalize{ text-transform:capitalize; }

.break,.clear-both{ clear:both; }

.align-auto{ margin:0 auto; }
.align-top{ vertical-align:top; }
.align-middle{ vertical-align:middle; }
.align-bottom{ vertical-align:bottom; }

.align-left,.text-left{ text-align:left; }
.align-right,.text-right{ text-align:right; }
.align-center,.text-center{ text-align:center; }
.align-justify,.justify,.text-justify{ text-align:justify; }
.text-tab{ text-align:justify; padding: 0 20px 0 20px !important; font-style: italic; text-shadow: 0 0 15px rgba(0,0,0,.1); }

.text-md{  padding:0 25px; }
.break-word,.word-wrap{ word-wrap:break-word; }

.font-8{font-size:8px;}
.font-10{font-size:10px;}
.font-12{font-size:12px;}
.font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-26{font-size:26px;}
.font-28{font-size:28px;}
.font-30{font-size:30px;}
.font-32{font-size:32px;}
.font-34{font-size:34px;}
.font-36{font-size:36px;}
.font-38{font-size:38px;}
.font-40{font-size:40px;}
.font-42{font-size:42px;}
.font-44{font-size:44px;}
.font-48{font-size:48px;}
.font-50{font-size:50px;}
.font-100{font-size:100px;}
.font-200{font-size:200px;}
.font-64{font-size:64px; }
.font-128{font-size:128px; }


/* BACKGROUNDS */

.bg-align-top{ background-position: center top ; }
.bg-align-center{ background-position: center center; }
.bg-align-bottom{ background-position: center bottom ; }

.bg-inherit{ background-image:inherit;  }
.bg-normal{ background-size: auto auto;  }
.bg-cover{  background-size: cover; }
.bg-fixed{  background-size: 100% auto; background-attachment: fixed; }
.bg-contain{  background-size:contain; }
.bg-cover-x{  background-size: auto 100% ; }
.bg-cover-y{  background-size: 100% auto  ; }

.bg-no-repeat{  background-repeat: no-repeat; }
.bg-repeat{  background-repeat: repeat; }
.bg-repeat-x{  background-repeat: repeat-x; }
.bg-repeat-y{  background-repeat: repeat-y; }




/* ********************* EFFECTS ********************* */

.opaque{ opacity:0.5; -webkit-opacity:0.5;  -o-opacity:0.5;  -moz-opacity:0.5; }
.disabled{ cursor:default; opacity:0.5; -webkit-opacity:0.5;  -o-opacity:0.5;  -moz-opacity:0.5;  -webkit-filter: grayscale(100%);  -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(grayscale.svg); /* Firefox 4+ */ filter: gray; /* IE 6-9 */ pointer-events: none; }
.transparent{opacity: 0; -o-opacity: 0; -moz-opacity: 0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); -webkit-opacity:0;   }

.shadow{ box-shadow:0px 0px 2px rgba(0,0,0,0.50); -o-box-shadow:0px 0px 2px rgba(0,0,0,0.50); -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.50); -moz-box-shadow:0px 0px 2px rgba(0,0,0,0.50); }
.shadow-inset{  box-shadow: inset 0px 0px 2px rgba(0,0,0,0.50); -o-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.50); -webkit-box-shadow: inset 0px 0px 3px rgba(0,0,0,0.50); -moz-box-shadow:inset 0px 0px 2px rgba(0,0,0,0.50); }
.shadow-offset{  box-shadow:1px 1px 2px rgba(0,0,0,0.4); -o-box-shadow:1px 1px 2px rgba(0,0,0,0.4); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4); -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4);  }
.shadow-clear{ box-shadow:none !important; }

.blur{ filter: blur(2px);    }
.blur-more{ filter: blur(10px); }

.grayscale{ filter: grayscale(100%);  }
.sepia{ filter: sepia(100%);  }
.hue-rotate{ filter: hue-rotate(180deg); }
.retro{ filter: saturate(50%) hue-rotate(1deg); }
.smart{ filter: brightness(1) saturate(120%); }


.text-shadow,.ts{ -webkit-text-shadow: 0px 0px 3px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 3px rgba(0,0,0,0.5); text-shadow:0px 0px 3px rgba(0,0,0,0.5); }
.text-shadow-soft,.ts-soft{ -webkit-text-shadow: 0px 0px 5px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 5px rgba(0,0,0,0.5); text-shadow:0px 0px 5px rgba(0,0,0,0.5); }
.text-shadow-medium,.ts-medium{ -webkit-text-shadow: 0px 0px 10px rgba(0,0,0,0.5); -moz-text-shadow:0px 0px 10px rgba(0,0,0,0.5); text-shadow:0px 0px 10px rgba(0,0,0,0.5); }
.text-shadow-hard,.ts-hard{ -webkit-text-shadow: 0px 0px 20px rgba(0,0,0,0.75); -moz-text-shadow:0px 0px 20px rgba(0,0,0,0.75); text-shadow:0px 0px 20px rgba(0,0,0,0.75); }

.tso,.text-shadow-offset{ text-shadow: rgba(0,0,0,0.25) 2px 2px 2px; }
.tso-soft,.text-shadow-offset-soft{ text-shadow: rgba(0,0,0,0.35) 4px 4px 3px; }
.tso-medium,.text-shadow-offset-medium{ text-shadow: rgba(0,0,0,0.5) 7px 7px 5px; }
.tso-hard,.text-shadow-offset-hard{ text-shadow: rgba(0,0,0,0.5)  10px 10px 10px; }


.rotate-5{ transform:rotate(5deg); }
.rotate-10{ transform:rotate(10deg); }
.rotate-20{ transform:rotate(20deg); }
.rotate-25{ transform:rotate(25deg); }
.rotate-30{ transform:rotate(30deg); }
.rotate-40{ transform:rotate(40deg); }
.rotate-45{ transform:rotate(45deg); }
.rotate-90{ transform:rotate(90deg); }
.rotate-180{ transition: transform 0.25s ease; }
.rotate-clear{ transform:rotate(0deg) !important; }

.hover{ }
.hover:hover{ opacity:0.75; transition: opacity 0.25s ease;  }

/* ********************* ROUNDED CORNERS ********************* */
.rounded{ border-radius:2px; -o-border-radius:2px; -webkit-border-radius:2px; -moz-border-radius:2px;  }
.rounded-as-circle{ border-radius:100% 100% 100% 100%; -o-border-radius:100% 100% 100% 100%; -webkit-border-radius:100% 100% 100% 100%; -moz-border-radius:100% 100% 100% 100%;  } 
.rounded-top{ border-radius:2px 2px 0 0;  }
.rounded-bottom{ border-radius:0 0 2px 2px; }
.rounded-left{ border-radius:2px 0 0 2px; }
.rounded-right{ border-radius:0 2px 2px 0; }
.rounded-clear{ border-radius:0 !important; }





/* ********************* ANIMATION ********************* */
@keyframes flutua {
    0% {margin-top:0em;   }
    50% {margin-top:1em; }
    100% {margin-top:0em;   }
}
.flutua{animation-name:flutua; animation-duration:3s; animation-fill-mode: forwards; animation-iteration-count:infinite; animation-timing-function: ease-out;}

@keyframes gira {
    0% {transform: rotate(0deg);   }
    100% { transform: rotate(360deg); }
}
.gira{animation-name:gira; animation-duration:3s; animation-fill-mode: forwards; animation-iteration-count:infinite; animation-timing-function: linear; }
.gira-rapido{animation-name:gira; animation-duration:1s; animation-fill-mode: forwards; animation-iteration-count:infinite; animation-timing-function: linear; }


/* ********************* SPACCING ********************* */


.padding{ padding:.5em .5em .5em .5em; }
.padding-y{ padding:.5em 0 .5em 0; }
.padding-x{ padding:0 5px 0 5px; }

.margin{ margin:5px 5px 5px 5px; }
.margin-auto{ margin:0 auto; }
.margin-right{ margin-right:2px; }
.margin-left{ margin-left:2px; }
.margin-top{ margin-top:2px; }
.margin-bottom{ margin-bottom:2px; }

.margin-y{ margin:2px 0 2px 0; }
.margin-x{ margin:0 2px 0 2px; }

.inline{ display:inline-block; }
.block{ display:block; }
.table-row{ display:table-row; }
.table-cell{ display:table-cell; }


/* ********************* POSITIONING ********************* */

.relative{ position:relative; }
.fixed{ position:fixed; }
.absolute{ position:absolute;  }

.fixed-bottom-right{ position:fixed; bottom:0; right:0; }
.fixed-bottom-left{ position:fixed; bottom:0; left:0;  }
.fixed-top-right{ position:fixed; top:0; right:0;  }
.fixed-top-left{ position:fixed; top:0; left:0;  }

.absolute-bottom-right{ position:absolute; bottom:0; right:0; z-index:1; }
.absolute-bottom-left{ position:absolute; bottom:0; left:0; z-index:1; }
.absolute-top-right{ position:absolute; top:0; right:0; z-index:1; }
.absolute-top-left{ position:absolute; top:0; left:0; z-index:1; }

.z-1{ z-index:1; }
.z-10{ z-index:10; }
.z-20{ z-index:20; }
.on-top{ z-index:101; }
.on-top-over{ z-index:10001; }

.float-left { float:left; }
.float-right { float:right; }
.float-center { float:center; }
.float-clear { float:initial !important; }

.overflow,.scroll{ overflow:visible; }
.overflow-hidden,.no-scroll{ overflow:hidden; }
.overflow-auto,.auto-scroll,.scroll-auto,.scrollable{ overflow:auto; }
.overflow-x{ overflow-x:scroll; -ms-overflow-y: hidden; } 
.overflow-x-auto{ overflow-x:auto;  -ms-overflow-y: auto; } 
.overflow-x-hidden{ overflow-x:hidden;  -ms-overflow-y: hidden; } 
.overflow-y{ overflow-x:hidden; -ms-overflow-y: scroll; } 
.overflow-y-auto{ overflow-x:auto;  -ms-overflow-y: auto; } 
.overflow-y-hidden{ overflow-y:hidden;  -ms-overflow-y: hidden; } 

.invisible,.hidden{ display:none; }

.fullscreen{  position:fixed; left:0; top:0; width:100%; height:100%; overflow:auto; }
.fullscreen-relative{ position:absolute; left:0; top:0; width:100%; height:100%; overflow:auto; }

.cursor-pointer{ cursor:pointer; }
.cursor-default{ cursor:default; }
.cursor-text{ cursor:text; }


/* ********************* RESPONSIVE ********************* */


/* page structure */
.container-full{ display:block; max-width:100%; width: 100%; }
.container-1920{ display:block; max-width:1200px; margin:0 auto; width: 100%;   }
.container-1280,.container-1366{ display:block; max-width:1200px; margin:0 auto; width: 100%;   }
.container-1024{ display:block; max-width:990px; margin:0 auto; width: 100%;  }
.container{ display:block; max-width:990px; margin:0 auto; width: 100%;  }
.side-bar{ max-width:350px; flex: 1;  }
.row > .break,.row > .close{ width:100% !important;  height: 0px; clear: both; padding: 0px 0px !important; margin: 0px 0px !important; max-height: 0px;}


.row{ display: flex; flex-wrap: wrap; } 
.row:after{ content:"";  clear: both; display: block;  }
.row .col{ flex: 1; }
.row.col-spacing{  }
.row.col-spacing > *{ padding: 5px 5px; }
.responsive{   }
.responsive:after{ content:"";  clear: both; display: block;  }
.responsive .grid-1,.row .col-1{ margin:0 0 0 0; width:1%; float:left; box-sizing: border-box; }
.responsive .grid-2,.row .col-2{ margin:0 0 0 0;  width:2%; float:left; box-sizing: border-box; }
.responsive .grid-3,.row .col-3{ margin:0 0 0 0;  width:3%; float:left; box-sizing: border-box; }
.responsive .grid-4,.row .col-4{ margin:0 0 0 0;  width:4%; float:left; box-sizing: border-box; }
.responsive .grid-5,.row .col-5{ margin:0 0 0 0;  width:5%; float:left; box-sizing: border-box; }
.responsive .grid-10,.row .col-10{ margin:0 0 0 0;  width:10%; float:left; box-sizing: border-box; }
.responsive .grid-15,.row .col-15{ margin:0 0 0 0;  width:15%; float:left; box-sizing: border-box; }
.responsive .grid-20,.row .col-20{ margin:0 0 0 0;  width:20%; float:left; box-sizing: border-box; }
.responsive .grid-25,.row .col-25{ margin:0 0 0 0;  width:25%; float:left; box-sizing: border-box; }
.responsive .grid-30,.row .col-30{ margin:0 0 0 0;  width:30%; float:left; box-sizing: border-box; }
.responsive .grid-33,.row .col-33{ margin:0 0 0 0;  width:33.333333333333%; float:left; box-sizing: border-box; }
.responsive .grid-40,.row .col-40{ margin:0 0 0 0;  width:40%; float:left; box-sizing: border-box; }
.responsive .grid-45,.row .col-45{ margin:0 0 0 0;  width:45%; float:left; box-sizing: border-box; }
.responsive .grid-50,.row .col-50{ margin:0 0 0 0;  width:50%; float:left; box-sizing: border-box; }
.responsive .grid-60,.row .col-60{ margin:0 0 0 0;  width:60%; float:left; box-sizing: border-box; }
.responsive .grid-67,.row .col-67{ margin:0 0 0 0;  width:66.66%; float:left; box-sizing: border-box; }
.responsive .grid-70,.row .col-70{ margin:0 0 0 0;  width:70%; float:left; box-sizing: border-box; }
.responsive .grid-75,.row .col-75{ margin:0 0 0 0;  width:75%; float:left; box-sizing: border-box;}
.responsive .grid-80,.row .col-80{ margin:0 0 0 0;  width:80%; float:left; box-sizing: border-box; }
.responsive .grid-85,.row .col-85{ margin:0 0 0 0;  width:85%; float:left; box-sizing: border-box; }
.responsive .grid-90,.row .col-90{ margin:0 0 0 0;  width:90%; float:left; box-sizing: border-box; }
.responsive .grid-95,.row .col-95{ margin:0 0 0 0;  width:95%; float:left; box-sizing: border-box; }
.responsive .grid-100,.row .col-100{ margin:0 0 0 0;  width:100%; float:left; box-sizing: border-box; }
.responsive .grid-110,.row .col-110{ margin:0 0 0 0;  width:110%; float:left; box-sizing: border-box; }
.responsive .grid-120,.row .col-120{ margin:0 0 0 0;  width:120%; float:left; box-sizing: border-box; }

.container.width-full{  }
.container.width-1024{  }
.container.width-1280{  }

.w-1,.width-1{ width:1%; }
.w-2,.width-2{ width:2%; }
.w-3,.width-3{ width:3%; }
.w-5,.width-5{ width:5%; }
.w-10,.width-10{ width:10%; }
.w-15,.width-15{ width:15%; }
.w-20,.width-20{ width:20%; }
.w-25,.width-25{ width:25%; }
.w-33,.width-33{ width:33.3333333%; }
.w-30,.width-30{ width:30%; }
.w-40,.width-40{ width:40%; }
.w-45,.width-45{ width:45%; }
.w-50,.width-50{ width:50%; }
.w-60,.width-60{ width:60%; }
.w-67,.width-67{ width:66.66%; }
.w-70,.width-70{ width:70%; }
.w-75,.width-75{ width:75%; }
.w-80,.width-80{ width:80%; }
.w-85,.width-85{ width:85%; }
.w-90,.width-90{ width:90%; }
.w-100,.width-100{ width:100% !important; }
.w-110{ width:110%; }
.w-120{ width:120%; }

.h-1{ height:1%; }
.h-2{ height:2%; }
.h-3{ height:3%; }
.h-5{ height:5%; }
.h-10{ height:10%; }
.h-15{ height:15%; }
.h-20{ height:20%; }
.h-25{ height:25%; }
.h-30{ height:30%; }
.h-33{ height:33.3333333%; }
.h-40{ height:40%;  }
.h-45{ height:45%;  }
.h-50{ height:50%;  }
.h-60{ height:60%;  }
.h-67{ height:66.7777777%;  }
.h-70{ height:70%;  }
.h-75{ height:75%;  }
.h-80{ height:80%;  }
.h-85{ height:85%;  }
.h-90{ height:90%;  }
.h-100{ height:100%;  }




/* ACCORDION */

.accordion{}
.accordion > h4{ border:1px solid #ddd; color:#555; padding:10px 10px 10px 5px; border-radius:5px; cursor:pointer; font-weight:400; font-size:15px; margin-bottom:10px; }
.accordion > h4 i{  width:20px; text-align:center; transition:transform 0.3s ease; }
.accordion > div{border:1px solid #ddd; color:#555; overflow: hidden; padding:0px 10px; border-radius:5px; margin-bottom:0px; margin-top:-1px;   max-height:0px;  opacity:0; transition:max-height .4s ease-out,padding .4s ease-out,margin-bottom .4s ease-out,opacity .5s ease-out; }
.accordion > div p{ margin-bottom:10px; }
.accordion > h4:hover{ background:#f0f0f0; }
.accordion > h4.active{ border-radius:5px 5px 0 0; color:#222; margin-bottom:0px; font-weight:bold; }
.accordion > h4.active i{ transform:rotate(90deg); transition:transform 0.3s ease; }
.accordion > div.active{ max-height:1200px;  padding:10px 10px; margin-bottom:10px; border-radius:0 0 5px 5px; opacity:1;   transition:max-height .5s ease-in,padding .4s ease-in,margin-bottom .4s ease-in,opacity .4s ease-in; }


/* Tabs*/
.tabs-header{ border-bottom:1px solid #ddd; } 
.tabs-header li{ display: inline-block; } 
.tabs-header li a{ padding:10px 10px; border:1px solid #ddd; border-radius:10px 10px 0 0; display:inline-block; margin-bottom:-1px; color:#000 !important;} 
.tabs-header li.active a{ display: inline-block; background: #f0f0f0; } 

/*ul.tabs-header.focused{ border:1px solid red; border-bottom:1px solid #ddd; } 
*/
.tabs-body{ padding:10px 0; }
.tabs-body > div{ display: none; }
.tabs-body > div.active{  }

/*.tabs-body.focused{ border:1px solid green; }*/



/*
.responsive .grid{ flex:1; }
.responsive .grid-30{ flex: 1; width: 8.33333333333%; float:left; }
.responsive .col-2{ width: 16.6666666667%; float:left; }
.responsive .col-3{ width: 25%; float:left; }
.responsive .col-4{ width: 33.333333333333%; float:left; }
.responsive .col-5{ width: 41.6666666667%; float:left; }
.responsive .col-6{ width: 50%; float:left;  }
.responsive .col-7{ width: 58.3333333333%; float:left;}
.responsive .col-8{ width: 66.6666666667%; float:left; }
.responsive .col-9{ width: 75%; float:left;  }
.responsive .col-10{ width: 83.3333333333%; float:left; }
.responsive .col-11{ width: 91.6666666667%; float:left; }
.responsive .col-12{ width: 100%; float:left; }
*/

  
/*
// Extra small devices (portrait phones, less than 576px)
// No media query for `xs` since this is the default in Bootstrap

// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

// Extra large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/

/*MEDIA QUERIES FOR SMARTPHONES */
.hide-in-smile{   }
.show-in-smile{ display:none !important;  }

.hide-in-desktop{  display:none !important;  }
.show-in-desktop{   }

/*MEDIA QUERIES FOR MOBILE */
@media (min-width:1px) and (max-width: 768px) {

.hide-in-mobile{ display:none !important;  }
.show-in-mobile{ display:block !important;  }
.hide-in-desktop{  display:block !important; }
.show-in-desktop{  display: none !important; }

.row.responsive .col-10,.row.responsive .col-20,.row.responsive .col-25,.row.responsive .col-30,.row.responsive .col-33,.row.responsive .col-40,.row.responsive .col-50,.row.responsive .col-60,.row.responsive .col-70,.row.responsive .col-75,.row.responsive .col-80,.row.responsive .col-90{ width:100%;  }


.responsive .grid-1-sm,.row .col-1-sm{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-sm,.row .col-2-sm{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-sm,.row .col-3-sm{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-sm,.row .col-4-sm{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-sm,.row .col-5-sm{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-sm,.row .col-10-sm{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-sm,.row .col-15-sm{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-sm,.row .col-20-sm{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-sm,.row .col-25-sm{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-sm,.row .col-30-sm{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-sm,.row .col-33-sm{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-sm,.row .col-40-sm{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-sm,.row .col-45-sm{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-sm,.row .col-50-sm{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-sm,.row .col-60-sm{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-sm,.row .col-67-sm{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-sm,.row .col-70-sm{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-sm,.row .col-75-sm{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-sm,.row .col-80-sm{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-sm,.row .col-85-sm{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-sm,.row .col-90-sm{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-sm,.row .col-95-sm{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-sm,.row .col-100-sm{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-sm,.row .col-110-sm{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-sm,.row .col-120-sm{ margin:0 0 0 0;  width:120% !important; float:left; }


}





/*MEDIA QUERIES FOR TABLETS */
@media (min-width:769px) and (max-width: 992px) {


.responsive .grid-1-md,.row .col-1-md{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-md,.row .col-2-md{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-md,.row .col-3-md{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-md,.row .col-4-md{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-md,.row .col-5-md{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-md,.row .col-10-md{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-md,.row .col-15-md{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-md,.row .col-20-md{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-md,.row .col-25-md{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-md,.row .col-30-md{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-md,.row .col-33-md{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-md,.row .col-40-md{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-md,.row .col-45-md{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-md,.row .col-50-md{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-md,.row .col-60-md{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-md,.row .col-67-md{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-md,.row .col-70-md{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-md,.row .col-75-md{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-md,.row .col-80-md{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-md,.row .col-85-md{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-md,.row .col-90-md{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-md,.row .col-95-md{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-md,.row .col-100-md{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-md,.row .col-110-md{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-md,.row .col-120-md{ margin:0 0 0 0;  width:120% !important; float:left; }


}


/*MEDIA QUERIES FOR LARGE DEVICES */
@media (min-width:1480px){

.responsive .grid-1-lg,.row .col-1-lg{ margin:0 0 0 0; width:1% !important; float:left; }
.responsive .grid-2-lg,.row .col-2-lg{ margin:0 0 0 0;  width:2% !important; float:left; }
.responsive .grid-3-lg,.row .col-3-lg{ margin:0 0 0 0;  width:3% !important; float:left; }
.responsive .grid-4-lg,.row .col-4-lg{ margin:0 0 0 0;  width:4% !important; float:left; }
.responsive .grid-5-lg,.row .col-5-lg{ margin:0 0 0 0;  width:5% !important; float:left; }
.responsive .grid-10-lg,.row .col-10-lg{ margin:0 0 0 0;  width:10% !important; float:left; }
.responsive .grid-15-lg,.row .col-15-lg{ margin:0 0 0 0;  width:15% !important; float:left; }
.responsive .grid-20-lg,.row .col-20-lg{ margin:0 0 0 0;  width:20% !important; float:left; }
.responsive .grid-25-lg,.row .col-25-lg{ margin:0 0 0 0;  width:25% !important; float:left; }
.responsive .grid-30-lg,.row .col-30-lg{ margin:0 0 0 0;  width:30% !important; float:left; }
.responsive .grid-33-lg,.row .col-33-lg{ margin:0 0 0 0;  width:33.333333333333% !important; float:left; }
.responsive .grid-40-lg,.row .col-40-lg{ margin:0 0 0 0;  width:40% !important; float:left; }
.responsive .grid-45-lg,.row .col-45-lg{ margin:0 0 0 0;  width:45% !important; float:left; }
.responsive .grid-50-lg,.row .col-50-lg{ margin:0 0 0 0;  width:50% !important; float:left; }
.responsive .grid-60-lg,.row .col-60-lg{ margin:0 0 0 0;  width:60% !important; float:left; }
.responsive .grid-67-lg,.row .col-67-lg{ margin:0 0 0 0;  width:66.66% !important; float:left; }
.responsive .grid-70-lg,.row .col-70-lg{ margin:0 0 0 0;  width:70% !important; float:left; }
.responsive .grid-75-lg,.row .col-75-lg{ margin:0 0 0 0;  width:75% !important; float:left; }
.responsive .grid-80-lg,.row .col-80-lg{ margin:0 0 0 0;  width:80% !important; float:left; }
.responsive .grid-85-lg,.row .col-85-lg{ margin:0 0 0 0;  width:85% !important; float:left; }
.responsive .grid-90-lg,.row .col-90-lg{ margin:0 0 0 0;  width:90% !important; float:left; }
.responsive .grid-95-lg,.row .col-95-lg{ margin:0 0 0 0;  width:95% !important; float:left; }
.responsive .grid-100-lg,.row .col-100-lg{ margin:0 0 0 0;  width:100% !important; float:left; }
.responsive .grid-110-lg,.row .col-110-lg{ margin:0 0 0 0;  width:110% !important; float:left; }
.responsive .grid-120-lg,.row .col-120-lg{ margin:0 0 0 0;  width:120% !important; float:left; }

}



/* ********************* BUTTONS ********************* */

.bt,.button,button,input[type=submit],input[type=reset]{ background-color:#f0f0f0; border:1px solid transparent; padding:7px 14px; transition: background-color 0.2s ease-in-out; border-radius: 4px; font-size: 14px; line-height: 1; cursor:pointer;  display: inline-block; }
.bt:hover,.button:hover,button:hover,input[type=submit]:hover,input[type=reset]:hover{ background-color:rgb(241,196,15); color:#fff;  }


.bt.big,.button.big,button.big,input[type=submit].big,input[type=reset].big{ border:1px solid transparent; padding:15px 25px; transition: background-color 0.2s ease-in-out; border-radius: 4px; font-size: 16px; line-height: 1; cursor:pointer;  display: inline-block; }
.bt.small,.button.small,button.small,input[type=submit].small,input[type=reset].small{ border:1px solid transparent; padding:4px 8px; transition: background-color 0.2s ease-in-out; border-radius: 4px; font-size: 12px; line-height: 1; cursor:pointer;  display: inline-block; }

.bt.small.rounded,.button.small.rounded,button.small.rounded,input[type=submit].small.rounded,input[type=reset].small.rounded{ border-radius: 10px; }
.bt.rounded,.button.rounded,button.rounded,input[type=submit].rounded,input[type=reset].rounded{ border-radius: 15px; }
.bt.big.rounded,.button.big.rounded,button.big.rounded,input[type=submit].big.rounded,input[type=reset].big.rounded{ border-radius: 25px; }

input[type=submit],input[type=reset]{   }
input[type=submit]:hover,input[type=reset]:hover{  }

.buttons-group{ display:inline-block; }
.buttons-group .button,.buttons-group button{ float:left; }

.buttons-group[type=pages] .button.selected{ color:#fff; background-color:rgb(241,196,15); text-shadow:0px 0px 1px rgba(0,0,0,0.5); cursor:default; }
.buttons-group[type=switch] .button.selected{ color:#fff; background-color:rgb(241,196,15); text-shadow:0px 0px 1px rgba(0,0,0,0.5); }
.buttons-group[type=select] .button.selected{ color:#fff; background-color:rgb(241,196,15); text-shadow:0px 0px 1px rgba(0,0,0,0.5); cursor:default; }



/* BACKGROUND COLORS */

.navy{ background-color:rgb(33,115,167); color:#fff; }
.blue{ background-color:rgb(53,152,219); color:#fff; }
.turquoise{ background-color:rgb(27,188,155); color:#fff; }
.lemon{ background-color:rgb(46,205,113); color:#fff; }
.green{ background-color:rgb(161,205,26); color:#fff; }

.yellow{ background-color:rgb(241,196,15); color:#fff; }
.orange{ background-color:rgb(232,157,11); color:#fff; }
.red{ background-color:rgb(232,76,61); color:#fff; }
.pink{ background-color:rgb(241,72,160); color:#fff; }
.purple{ background-color:rgb(155,88,181); color:#fff; }

.silver{ background-color:rgb(236,240,241); color:inherit; }
.gold{background-color:rgb(129, 103, 0); color:#fff; }
.concrete{ background-color:rgb(149,165,165); color:#fff; }
.asphalt{ background-color:rgb(92,109,125); color:#fff; }

.navy-light{ background-color:rgb(144,185,211); color:#fff; }
.blue-light{ background-color:rgb(154,233,207); color:#fff; }
.turquoise-light{ background-color:rgb(141,221,205); color:#fff; }
.lemon-light{ background-color:rgb(141,230,150); color:#fff; }
.green-light{ background-color:rgb(203,230,150); color:#fff; }

.yellow-light{ background-color:rgb(248,225,135); color:#fff; }
.orange-light{ background-color:rgb(243,190,145); color:#fff; }
.red-light{ background-color:rgb(243,165,158); color:#fff; }
.pink-light{ background-color:rgb(243,163,207); color:#fff; }
.purple-light{ background-color:rgb(205,171,218); color:#fff; }

.silver-light{ background-color:rgb(245,247,248); color:inherit; }
.concrete-light{ background-color:rgb(202, 210, 210); color:#fff; }
.asphalt-light{ background-color:rgb(173,182,190); color:#fff; }
.gold-light{background-color:rgb(192, 179, 128); color:#fff; }


.navy-darken{ background-color:rgb(24,85,124); color:#fff; }
.blue-darken{ background-color:rgb(39,113,162); color:#fff; }
.turquoise-darken{ background-color:rgb(20,139,115); color:#fff; }
.lemon-darken{ background-color:rgb(34,152,84); color:#fff; }
.green-darken{ background-color:rgb(112,152,34); color:#fff; }

.yellow-darken{ background-color:rgb(235,183,5); color:#fff; }
.orange-darken{ background-color:rgb(226,140,19); color:#fff; }
.red-darken{ background-color:rgb(182,46,45); color:#fff; }
.pink-darken{ background-color:rgb(179,33,119); color:#fff; }
.purple-darken{ background-color:rgb(115,65,134); color:#fff; }

.silver-darken{ background-color:rgb(175,178,179); color:#fff; }
.concrete-darken{ background-color:rgb(110, 122, 122); color:#fff; }
.asphalt-darken{ background-color:rgb(68,81,93); color:#fff; }
.gold-darken{background-color:rgb(96,76,0); color:#fff; }


.white{ background-color:rgb(255,255,255); color:inherit; }


.gray{ background-color:#777; color:#fff; }
.black{ background-color:rgb(0,0,0); color:#fff; }

.darken{ background-color:rgba(0,0,0); color:#fff; }
.darken-90{ background-color:rgba(0,0,0,0.9); color:#fff; }
.darken-80{ background-color:rgba(0,0,0,0.8); color:#fff; }
.darken-75{ background-color:rgba(0,0,0,0.75); color:#fff; }
.darken-70{ background-color:rgba(0,0,0,0.7); color:#fff; }
.darken-60{ background-color:rgba(0,0,0,0.6); color:#fff; }
.darken-50{ background-color:rgba(0,0,0,0.5); color:#fff; }
.darken-40{ background-color:rgba(0,0,0,0.4); }
.darken-30{ background-color:rgba(0,0,0,0.3); }
.darken-20{ background-color:rgba(0,0,0,0.2); }
.darken-10{ background-color:rgba(0,0,0,0.1); }

.gray-100,.black{ background-color:#000000; color:#fff; }
.gray-90{ background-color:#111111; color:#fff; }
.gray-80{ background-color:#222222; color:#fff; }
.gray-70{ background-color:#333333; color:#fff; }
.gray-60{ background-color:#444444; color:#fff; }
.gray-50{ background-color:#555555; color:#fff; }
.gray-40{ background-color:#666666; color:#fff; }
.gray-30{ background-color:#777777; color:#fff; }
.gray-20{ background-color:#888888; color:#fff; }
.gray-10{ background-color:#999999; color:#fff; }
.gray-5{ background-color:#d9d9d9; color:inherit; }
.gray-4{ background-color:#e0e0e0; color:inherit; }
.gray-3{ background-color:#e9e9e9; color:inherit; }
.gray-2{ background-color:#f0f0f0; color:inherit; }
.gray-1{ background-color:#f9f9f9; color:inherit; }



/* COLORS */

.color-navy{ color:rgb(33,115,167); }
.color-blue{ color:rgb(53,152,219);  }
.color-turquoise{ color:rgb(27,188,155);  }
.color-lemon{ color:rgb(46,205,113);  }
.color-green{ color:rgb(161,205,26);  }

.color-yellow{ color:rgb(241,196,15);  }
.color-orange{ color:rgb(232,157,11);  }
.color-red{ color:rgb(232,76,61);  }
.color-pink{ color:rgb(241,72,160);  }
.color-purple{ color:rgb(155,88,181);  }

.color-navy-light{ color:rgb(144,185,211);  }
.color-blue-light{ color:rgb(154,233,207);  }
.color-turquoise-light{ color:rgb(141,221,205);  }
.color-lemon-light{ color:rgb(141,230,150);  }
.color-green-light{ color:rgb(203,230,150);  }

.color-yellow-light{ color:rgb(248,225,135);  }
.color-orange-light{ color:rgb(243,190,145);  }
.color-red-light{ color:rgb(243,165,158);  }
.color-pink-light{ color:rgb(243,163,207);  }
.color-purple-light{ color:rgb(205,171,218);  }

.color-silver-light{ color:rgb(245,247,248);  }
.color-concrete-light{ color:rgb(202, 210, 210);  }
.color-asphalt-light{ color:rgb(173,182,190);  }
.color-gold-light{color:rgb(192, 179, 128);  }


.color-navy-darken{ color:rgb(24,85,124);  }
.color-blue-darken{ color:rgb(39,113,162);  }
.color-turquoise-darken{ color:rgb(20,139,115);  }
.color-lemon-darken{ color:rgb(34,152,84);  }
.color-green-darken{ color:rgb(112,152,34);  }

.color-yellow-darken{ color:rgb(235,183,5);  }
.color-orange-darken{ color:rgb(226,140,19);  }
.color-red-darken{ color:rgb(182,46,45);  }
.color-pink-darken{ color:rgb(179,33,119);  }
.color-purple-darken{ color:rgb(115,65,134);  }

.color-silver-darken{ color:rgb(175,178,179);  }
.color-concrete-darken{ color:rgb(110, 122, 122);  }
.color-asphalt-darken{ color:rgb(68,81,93);  }
.color-gold-darken{color:rgb(96,76,0);  }


.color-white{ color:rgb(255,255,255);  }

.color-silver{ color:rgb(236,240,241); }
.color-gold{color:rgb(129, 103, 0);  }
.color-concrete{ color:rgb(149,165,165);  }
.color-asphalt{ color:rgb(92,109,125);  }
.color-gray{ color:#777;  }
.color-black{ color:rgb(0,0,0);  }

.color-darken{ color:rgba(0,0,0);  }
.color-darken-90{ color:rgba(0,0,0,0.color-9);  }
.color-darken-80{ color:rgba(0,0,0,0.color-8);  }
.color-darken-75{ color:rgba(0,0,0,0.color-75);  }
.color-darken-70{ color:rgba(0,0,0,0.color-7);  }
.color-darken-60{ color:rgba(0,0,0,0.color-6);  }
.color-darken-50{ color:rgba(0,0,0,0.color-5);  }
.color-darken-40{ color:rgba(0,0,0,0.color-4); }
.color-darken-30{ color:rgba(0,0,0,0.color-3); }
.color-darken-20{ color:rgba(0,0,0,0.color-2); }
.color-darken-10{ color:rgba(0,0,0,0.color-1); }

.color-gray-100,.color-black{ color:#000000;  }
.color-gray-90{ color:#111111; }
.color-gray-80{ color:#222222; }
.color-gray-70{ color:#333333; }
.color-gray-60{ color:#444444; }
.color-gray-50{ color:#555555; }
.color-gray-40{ color:#666666; }
.color-gray-30{ color:#777777; }
.color-gray-20{ color:#888888; }
.color-gray-10{ color:#999999; }
.color-gray-5{ color:#d9d9d9; }
.color-gray-4{ color:#e0e0e0; }
.color-gray-3{ color:#e9e9e9; }
.color-gray-2{ color:#f0f0f0; }
.color-gray-1{ color:#f9f9f9; }


/* COMPONENTS */
.menu-box{  }
.menu-box li a{ border-bottom:1px solid rgba(0,0,0,0.30); border-top:1px solid rgba(255,255,255,0.10);  }
.menu-box li a.selected{ background-color:rgba(0,0,0,0.1);  }
.menu-box li:hover a{ background-color:rgba(255,255,255,0.1); }
.menu-box li:first-child a{ border-top:none;  }
.menu-box li:last-child a{ border-bottom:none;  }

/* accordion */
.accordion-box{  }
.accordion-box li.option a{ border-bottom:1px solid rgba(0,0,0,0.30); border-top:1px solid rgba(255,255,255,0.10);  }
.accordion-box li.option:hover a{ background-color:rgba(255,255,255,0.1); }
.accordion-box li.option a.selected{ background-color:rgba(0,0,0,0.1);  }
.accordion-box li.option:first-child a{ border-top:none;  }
.accordion-box li.option:last-child a{ border-bottom:none;  }

.accordion-box li.content{ border:none; background-color:rgba(255,255,255,0.75); display:none; }



/********* TABLE *********/
table{ width:100%; }
table caption{ border:none; padding:8px 5px; color:#555; }
table thead{ }
table thead tr{ background-color:rgba(0,0,0,0); }
table thead tr th{ text-align:left; padding:8px 5px; border-left:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(0,0,0,0.1); }
table thead tr th:first-child{ border-left:none; }
table thead tr th:last-child{ border-right:none; }
table tbody{ cursor:default;}
table tbody tr{ background-color:rgba(255,255,255,0.8); }
table tbody tr:nth-child(even){ background-color:rgba(255,255,255,0.9); }
table tbody tr:hover{ background-color:rgba(255,255,255,97); }
table tbody tr.selected{ background-color:rgba(255,255,255,0.5); }

table tbody tr td{ border-left:1px solid rgba(255,255,255,0.1); border-right:1px solid rgba(0,0,0,0.1);  padding:8px 5px; color:#333;  }
table tbody tr td:first-child{ border-left:none; }
table tbody tr td:last-child{ border-right:none; }


table.rounded { border-radius:3px; }
table.rounded thead tr th:first-child{ border-radius:3px 0 0 0; }
table.rounded thead tr th:last-child{ border-radius:0 3px 0 0; }
table.rounded tbody tr:last-child td:first-child{ border-radius:0 0 0 3px; }
table.rounded tbody tr:last-child td:last-child{ border-radius:0 0 3px 0; }




/* SCREEN MODE*/

.content{ width:100%; max-width: 1100px; margin:0 auto; }
.content-full{ width:100%; }
.screen-1024{ width:990px; }
.screen-1280{ width:1250px; }