body { 
    background-color: white; 
    font-family: Arial;   
}

main {
    
}

header{
    height: 127px;
    background:  black;
    background-size: 100% 100%, 100% 100%;
}

.logo {
    height: 100px;
    width: 169px;
    display: block;
    margin-left: 32px;
    position: relative;
    float: left;
    background: url(../../img/tb/logo-head.png) 0 0 no-repeat, black;
    background-size: 111px 54px, 100% 100%;
    background-position-x: 23px;
    background-position-y: 34px;
}

nav {
    padding-top: 6px;
    height: 24px;
    -webkit-box-shadow: 0 5px 11px 0 #DDD;
    -moz-box-shadow: 0 5px 11px 0 #DDD;
    -ms-box-shadow: 0 5px 11px 0 #DDD;
    -o-box-shadow: 0 5px 11px 0 #DDD;
    box-shadow: 0 5px 11px 0 #DDD;
    margin-top: 0;
    color: #555;
    text-align: right;
    background: #fff;
    border-right: none;
}

nav a {
    color: #4B4B4B;
    font-size:15px;
    font-weight: bold;
}

nav a:hover {
     color: #000;
}

aside {
    margin: 19px 18px 0 33px;
    padding: 8px 0 0 7px;
    width: 150px;
    height: 190px;
    background-color: #E5E5E5;
    color: #AAA;
    float:left;
    text-align: left;
    font-size: 12px;
}

aside h2.active { 
    color: #4B4B4B;
}

aside h2{
    font-family: JaguarBold;
    font-size: 14px;
}

aside label {   
    color:#AAAAAA;
    display: block;
}

aside span {
    color: #4B4B4B;
    font-weight: bold;
    min-height: 14px;
    display: block;
}

section {
/*    margin-top: 19px;*/
    min-height: 197px;
    padding-left: 16px;
    width: 705px;
    text-align: center;
    float:left;
/*    color: #4B4B4B;
    font-size: 15px;*/
}

section p {
    margin-top: 13.280px;
    margin-bottom: 13.280px;
}

section h2 {
    margin-top: 13.280px;
    margin-bottom: 13.280px;    
    font-family: JaguarBold;
    font-size: 16px;
    text-transform: uppercase;
    color:black;
    text-align: center;
}

/*****************************
*         UI COMPONENTS
******************************/
h1 {
    letter-spacing: 1px;
    font-family: JaguarBold;    
    color          : black;    
    font-size      : 20px;
    font-weight    : bold ;
    text-align     : center ;
    text-transform : uppercase ;    
}

h2 {
    font-family: JaguarBold;
    font-size: 18px;
    text-transform: uppercase;
    color:black;
    text-align: center;
   
}

a {
    text-decoration: none;
}

input[type="submit"], .button { 
    color: #fff;
    border: none;
    border-color: initial;
    border-radius: 0;
    background-color: #9e1b32;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;}


.slider-item-txt{
    width: 100%;
    text-align: left;
}
.slider-element-class{
    vertical-align: sub;
}
input[type='checkbox'], 
input[type='checkbox'] + label { 
    vertical-align: middle; 
    margin-right: 1em; 
}

progress[value]  {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    height: 7px;    
}

progress[value]::-webkit-progress-bar {
  background-color: #959595;
  -webkit-border-radius: 4px;    
}

progress[value]::-webkit-progress-value {
  background-color: #9E1B32;
  -webkit-border-radius: 4px;
}
#info-description{
   padding-top: 10px;
   font-size : 14px ;
}


/**********************************
*        LANGUAGE SELECTOR
***********************************/
#language-selector{
    padding-right: 32px;
    margin-top: -19px;
    margin-left: -16px
}

#language-selector .title{
    font-size: 18px;
    margin: 0 0.5em;
    font-family: JaguarBold;
    color:black;
    
}

#language-selector ul{
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    display    : inline-block;
    list-style : none;
    margin     : 0;
    text-align : left;
    font-size  : 16px;
    padding    : 20px;
}

#language-selector li { 
    color  : #999;
    padding: 3px 8px; 
    width: 200px;
    height: 20px;
    position: relative;
}

#language-selector .selected-gray:before,
#language-selector .selected:before {
    content:"";
    background-size:cover;
    width:16px;
    height: 16px;
    display: block;
    position: absolute;
    left:-30px; 
}

#language-selector .selected-gray:before {
    background-image: url('../../img/iconJaguarCheckGray.svg');
}

#language-selector .selected:before {
    width:20px;
    height:22px;
    background-image: url('../../img/iconJaguarCheckBlack.svg');
}

#language-selector li:nth-child(1) {
  margin-bottom: -5px;
  color: #D4D4D4;
  -webkit-transform: rotateX(60deg) skewX(-5deg);
}


#language-selector li:nth-child(2) {
  color: #bbb;
  -webkit-transform: rotateX(40deg) skewX(-4deg) translateX(-2px);
}

#language-selector li:nth-child(3) {
  -webkit-transform: rotateX(20deg) skewX(-1deg) translateX(-3px);
}

#language-selector li:nth-child(4) {
  color: black ;
  border-top: 1px solid #E3E3E3;
  font-size:18px;
  line-height:28px;
  height:28px;
  margin:0;
  border-bottom: 1px solid #D5D5D5;
   -webkit-transform: translateX(-4px);
}


#language-selector li:nth-child(5) {
  -webkit-transform: rotateX(-20deg) skewX(1deg) translateX(-3px);
}


#language-selector li:nth-child(6) {
  color: #bbb;
  -webkit-transform: rotateX(-40deg) skewX(4deg) translateX(-2px);
}


#language-selector li:nth-child(7) {
  margin-top: -5px;
  color: #D4D4D4;
  -webkit-transform: rotateX(-60deg) skewX(5deg);
}

#language-selector #arrow_holder {
  position:relative;
  width:20px;
  height:56px;
  background: url("../../img/tb/arrow.png") 0 0 no-repeat;
}

#language-selector #arrow_up, #arrow_down {
  cursor: pointer;
  position:relative;
  height: 28px;
  width: 20px;
}

#language-selector #arrow_up   { top:0;    }
#language-selector #arrow_down { bottom:0; }

#main-panel{
 height: 180px;;
 overflow-y: hidden;
 position   : relative ;
}

.menu-item-image{
    width: 72px;
    height: 72px;
}

.menu-item-label{
    color: #000;
    font-size:13px;
    margin-top: 5px;
}

#button-panel { 
    text-align: right;
    text-transform: uppercase;
}

#button-panel form{
    display: inline-block;
}

#button-panel form:nth-child(1){
    
}

.bold {
    font-family: JaguarBold;
}


.title {
    font-size: 15px;
    padding-top: 101px;
    text-transform: uppercase;
    text-align: left;
    color: #4B4B4B;
    padding-left: 32px;
}

.title > span {
    display: block;
}

.slider-arrow-active { background-color: #9E1B32; }

.slider-arrow-active:hover { background-color: #352C2C; }

.slider-arrow-inactive { background-color: #939897; }

.slider-arrow-inactive:hover { background-color: #352C2C; }

.progress-table { width: 90%; margin: auto; }

.progress-line-background { width: 100%; float: left; background-color: lightgrey; margin: 0; }

.progress-line { position: absolute; float: left; background-color: #9E1B32; margin: 0; overflow: hidden; }

.loader { margin-top: 29px; width: 78px; }
.loadersd { margin-left: -150px; }

.login-input{
/*    font-size: 21px !important;*/
}

::-webkit-input-placeholder {
    
}

a:focus, 
input:focus, 
select:focus, 
textarea:focus, 
button:focus { 
    outline: none; 
}

@media screen and (min-width: 9px) { 
     main { 
        height: 400px;
        width: 960px;
        display: block;
        margin: auto;
     }
     
     nav {
        padding-right: 0px
     }
     
     nav a {
        padding-right: 25px;
        font-size: 16px;
     }
     
     aside h2 {
        font-size: 14px;
     }
     .progress-table { margin-top: 10px; }
     .progress-line-background, .progress-line-anim, .progress-line { height: 18px; }
}

@media screen and (min-width: 1200px) { 
    main { 
        height: 499px; 
        min-width: 960px; 
    }
    
    .progress-table { margin-top: 13px; }
    .progress-line-background, .progress-line-anim, .progress-line { height: 22px; }
}

@media screen and (min-width: 1610px) {
    main { 
        height: 670px; 
        min-width: 960px; 
    }
    
    .progress-table { margin-top: 17px; }
    .progress-line-background, .progress-line-anim, .progress-line { height: 30px; }
}
#form-wrapper{
    position     : absolute;    
    bottom       : 0px ;
    width        : 100% ;
    font-family  : Arial ;
}