:root {
   --cor_css_1: #ADA67F;
   --cor_css_2: #2A2C2E;
   
   --cor_background: #DADADA;
}

.add_cor_preto_costinha{
   background-color: var(--cor_css_2) !important;
   color: var(--cor_css_1) !important;
}

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
  overflow-x: hidden;
  background-color: var(--cor_background);
  font-family:'Roboto-Regular';
   /* overflow: hidden; */
   /*Para não permitir a seleção do texto no longpress*/
   -webkit-touch-callout: none; /* iOS Safari */
   -webkit-user-select: none; /* Chrome 6.0+, Safari 3.1+, Edge & Opera 15+ */
   -moz-user-select: none; /* Firefox */
   -ms-user-select: none; /* IE 10+ and Edge */
   user-select: none; /* Non-prefixed version, 
   currently supported by Chrome and Opera */
}

#renderCanvas {
   width: 100%;
   height: 61%;
   touch-action: auto;
}

#imgLoading {
   width: 30%;
   margin: auto;
   position: absolute;
   top: 0; left: 0; bottom: 0; right: 0;
}

#leftarrow_canvas{
   position: absolute;
   left: 0;
   top: 50%;
   background-color: transparent;
   border-color: transparent;
   outline: none;
   display: none;
 }

 /*
#leftarrow_canvas{
   position: absolute;
   left: 20px;
   width: 105px;
   background-color: var(--cor_css_2);
   height: 174px;
   padding-top: 25px;
   padding-bottom: 25px;
   font-size: 12px;
   text-align: center;
   color: rgb(255, 255, 255);
   text-transform: uppercase;
   bottom: -245px;
   border: 0px;
   opacity: 1;
   z-index: 20800;
   display: none;
   outline: none;
}
*/

 #rightarrow_canvas{
   position: absolute;
   right: 0;
   top: 50%;
   background-color: transparent;
   border-color: transparent;
   outline: none;
}

/*
#rightarrow_canvas{
   position: absolute;
   right: 20px;
   width: 105px;
   background-color: var(--cor_css_2);
   height: 174px;
   padding-top: 25px;
   padding-bottom: 25px;
   font-size: 12px;
   text-align: center;
   color: rgb(255, 255, 255);
   text-transform: uppercase;
   bottom: -245px;
   border: 0px;
   opacity: 1;
   z-index: 20800;
   outline: none;
}
*/

#test-nl-email{
   padding-bottom: 30px;
   padding-top: 12px;
   margin-left: 20px;
}

@media screen and (max-width: 1000px) {
   #texto_slogan{
       display: none !important;
   }
   #drop-idiomas{
      display: inline-block !important;
   }
   #idiomas{
      display:none !important;
   }

}

#drop-idiomas {
   margin-top: 5px;
   display:none;
}

#drop-idiomas > .dropdown-menu {
   min-width: 100%;
   background-color:var(--cor_background);
   border: 2px solid rgba(0,0,0,.4);
}

.dropdown-item:hover {
   background-color:var(--cor_css_1);
}

#drop-idiomas > button {
   /*float: center; */
   margin-left: 15px !important;
   margin: auto;
   text-align: center;
   background-color: transparent;
   border-color: transparent;
   cursor: pointer;
}

svg#hamburger-icon-svg {
   fill:#FFF;
}

svg#hamburger-icon-svg:hover {
   fill:var(--cor_css_1);
}

.dropdown-toggle::after {
   display: none !important;
}

.dropdown-item.disabled, .dropdown-item:disabled {
   opacity: 0.2;
}

.dropdown-price-menu {
   padding: 0px;
}

.table-price-menu {
   margin-bottom: 0px;
}

.dropdown-price-menu > .table td,
.dropdown-price-menu > .table th {
   padding: 0.5rem;
}

.dropdown-price-menu > .table thead {
   font-size: 20px;
   border-bottom: 3px solid var(--cor_css_2);
}

.dropdown-price-menu > .table tr {
   background-color: var(--cor_background);
   
}

.dropdown-price-menu > .table tr:hover {
   background-color: var(--cor_css_1);
}


#idiomas {
   /*float: center; */
   
   margin-left: 15px !important;
   list-style-type: none;
   margin: 0;
   padding: 0;
   /*overflow: hidden; */
   background-color: black;
}

#idiomas > a > li {
   /* float: left; */
   display: block;
   display: inline-block;
   color: white;
   text-align: center;
   padding-top: 4px;
   padding-bottom: 4px;
   padding-right: 4px;
   padding-left: 4px;
   margin-top: 8px;
   text-decoration: none;
}

#idiomas > a > li:hover {
   background-color: grey;
   border-radius: 25px;
}

a, a:hover, a:visited, a:active {
   color:inherit;
   text-decoration: none;
}

.btn-seletor-tamanho {
   min-height: 130px;
   max-height: 130px;
   min-width: 130px;
   max-width: 130px; 

   font-family:'Roboto-Light';

   cursor: pointer;
   border-radius: 25%;
   
   box-shadow: none !important;

   margin-right: 25px;
   
   /* border:2px solid var(--cor_css_2); */

   font-size: 28px;
   background-color: var(--cor_css_1);
   color: var(--cor_css_2);
}

.btn-seletor-tamanho:focus {
   border: none;
   
   color: var(--cor_css_1);
   background-color: var(--cor_css_2);
 }

/*owl carousel stuff */

.owl-carousel .owl-item img {
   height: auto;
   max-height: 120px;
   width: auto;
   max-width: 120px; 
   margin: auto;
}

.owl-prev,
.owl-next {
   width: 25px;
   height: 110px;
   position: absolute;
   top: 55%;
   transform: translateY(-50%);
   display: block !important;
   outline: none;
   
   /*border:0px solid var(--cor_css_2);*/
}

.owl-prev.disabled,
.owl-next.disabled {
   opacity: 0.2;
}


.owl-prev i,
.owl-next i {
   font-size: 100%;
   color: #ccc;
}

.owl-prev:focus,
.owl-next:focus {
   outline: none;
}


.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
   display: block;
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
   margin: 0px;
   margin-right: 20px;
   margin-left: 20px;
   padding-bottom: 20px;
   padding-top: 20px;

}

.owl-carousel .owl-nav button.owl-prev {
   /* left: -3%; */
   left: -2%;
}

.owl-carousel .owl-nav button.owl-next {
   /* right: -3%; */
   right: -1%;
}

.owl-carousel .owl-stage-outer {
   /*border-top: 1px solid #BEBDBD;
   border-bottom: 1px solid #BEBDBD;
   padding-bottom: 20px;*/
   padding-top: 20px;
   padding-left: 12px;
   /*padding-left: 60px;
   padding-right: 60px;*/
   margin-left: 35px;
   margin-right: 35px;
}

.owl-carousel .owl-theme .owl-nav{
   margin-top: 0px;
}

.box-foto-colors{
   width:  130px;
   height: 130px;
   cursor: pointer;
   border-radius: 25%;
   

   margin-right: 25px;
}

.box-foto-imgs{
   height: auto !important;
   max-height: 124px !important;
   width: auto !important;
   max-width: 124px !important; 
   cursor: pointer;
   border-radius: 23%;
   

   margin-right: 25px;
}

.box-foto-colors:hover{
   border: gray solid 3px;
   
   /*
   background-color: rgba(70, 70, 70, 0.3);
   */
}

.multi-text{
   display: none;
} 

.multi-picture {
   display: none;
}

.multi-menu {
   display: inline-block;
   list-style: none;
   margin: 0;
   padding: 0;
   padding-top: 20px;
   /*padding-left: 12px;*/
   margin-left: 35px;
   margin-right: 35px;
}

.box-foto-dynamic-back > img{
   
   height: auto !important;
   max-height: 100px !important;
   width: auto !important;
   max-width: 100px !important; 
}

.box-foto-dynamic-back {
   
   height: auto !important;
   max-height: 124px !important;
   width: auto !important;
   max-width: 124px !important; 
   cursor: pointer;
   border-radius: 10%;
   margin: 0 auto;
   margin-left: 10px;
   margin-right: 10px;
   
}

.box-foto-menu , .box-foto-menu > img{
   display: inline;
   max-width:  130px;
   max-height: 130px;
   cursor: pointer;
   border-radius: 10%;
   margin-left: 10px;
   margin-right: 10px;
}

.box-foto,
.box-foto-random,
.box-foto-dynamic{
   width:  130px;
   height: 130px;
   cursor: pointer;
   border-radius: 10%;

   margin-right: 25px;
}
/*
.owl-carousel .current .item {
   background: #0c83e7;
 }
*/
.box-foto:hover{
   border: gray solid 1px;
   /*
   background-color: rgba(70, 70, 70, 0.3);
   */
}

.card {
   background-color: var(--cor_css_2);
   border-radius: 0;
   border: transparent;
}

.card-header {
   background-color: black;
   border-radius: 0;
}


canvas {
   outline: none; 
   -webkit-tap-highlight-color: rgba(255, 255, 255, 0); /* mobile webkit */
}

#fpsLabel {
   position: absolute;
   right: 20px;
   top: 90px;
   color: var(--cor_css_2);
   background-color: transparent;
   cursor: default;
   font-family: 'Roboto-Bold';
}


.cardtext {
   color: white;
   font-family: 'Roboto-Bold';
   font-size: 16px; 
   margin-top: 10px;
}

.fa-angle-left,
.fa-angle-right{
   color: var(--cor_css_2);
}

/*--------------------------------------------------------
NAV TAB SUB-MENU V2
--------------------------------------------------------*/
.wrapper {
   /*

   margin: 0 auto;
   overflow: hidden;
   padding: 5px;
   height: 50px;
   */
   /*
   position: relative;
   overflow: hidden;
   */

   overflow: hidden;
}

.bs-stepper {
   position: relative;
}

.bs-stepper-header {
  margin-right: 50px;
  margin-left: 50px;
  /*margin-top: 20px; */

  /* position:relative;
  left: 0px; */
}

.bs-stepper-content {
   border-top: 1px solid #BEBDBD;
   border-bottom: 1px solid #BEBDBD;
   height: 175px;
   padding: 0px !important; /* added this */
   margin-bottom: 20px;
}


.bs-stepper-header .bs-stepper-circle {
   background-color: transparent;
   border: var(--cor_css_2) solid 1px;
   width: 1.3em;
   height: 1.3em;
}

.active .bs-stepper-circle {
   background-color: var(--cor_css_2) !important;
}

.bs-stepper .step-trigger:hover {
   text-decoration: none;
   background-color: transparent;
}

.bs-stepper-header .step-trigger{
   padding: 0px !important;
   padding-left: 2px !important; 
   padding-right: 2px !important; 
   
}

.bs-stepper .step-trigger:hover {
   text-decoration: none !important;
   background-color: transparent !important;
}



/*--------------KEYBOARDS-------------------------*/

#txtKeyboard_Text{
   /*position: absolute !important; /* new field */
   border: 2px solid var(--cor_css_1);
   line-height: 0;
   font-size: 15px;
   font-family: 'Roboto-Black';
   width: 100%;
   display: block;
   box-sizing: border-box;
   padding: 2px 10px;
   border-radius: 60px;
   color: var(--cor_css_2);
   font-weight: 100;
   letter-spacing: 0.01em;
   position: relative;
   z-index: 1;
   max-width: 19%;
   text-align: center;
   left: 40%;
   transform: translateY(3%);
   text-transform: uppercase;
}

#txtKeyboard_Text:focus{
   outline: none;
}

#txtKeyboard_Num{
   /*position: absolute !important; /* new field */
   border: 2px solid var(--cor_css_1);
   line-height: 0;
   font-size: 15px;
   font-family: 'Roboto-Black';
   width: 100%;
   display: block;
   box-sizing: border-box;
   padding: 2px 10px;
   border-radius: 60px;
   color: var(--cor_css_2);
   font-weight: 100;
   letter-spacing: 0.01em;
   position: relative;
   z-index: 1;
   max-width: 19%;
   text-align: center;
   left: 40%;
   transform: translateY(3%);
}

#txtKeyboard_Num:focus{
   outline: none;
}

#txtKeyboard_Multi{
   
   border: 2px solid var(--cor_css_1);
   line-height: 0;
   font-size: 15px;
   font-family: 'Roboto-Black';
   width: 100%;
   display: block;
   box-sizing: border-box;
   padding: 2px 10px;
   border-radius: 60px;
   color: var(--cor_css_2);
   font-weight: 100;
   letter-spacing: 0.01em;
   position: relative;
   z-index: 1;
   max-width: 19%;
   text-align: center;
   /*left: 50%;*/
   transform: translateY(50%);
   text-transform: uppercase;
}

#txtKeyboard_Multi:focus{
   outline: none;
}

#txtKeyboard_Num::-webkit-inner-spin-button, 
#txtKeyboard_Num::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}


.ui-keyboard-preview-wrapper > input[type="text"]{
   
   border: 1px solid var(--cor_css_1);
   line-height: 0;
   font-size: 15px;
   font-family: 'Roboto-Black';
   width: 100%;
   display: block;
   box-sizing: border-box;
   padding: 2px 10px;
   border-radius: 60px;
   color: var(--cor_css_2);
   font-weight: 100;
   letter-spacing: 0.01em;
   position: relative;
   z-index: 1;
   max-width: 40%;
   text-align: center;
   left: 50%;
   transform: translateX(-50%);
}

.ui-keyboard-button{
   background: var(--cor_css_2);
   color: var(--cor_css_1);
   font-family: 'Roboto-Regular';
}

.ui-keyboard {
   font-size: 11px;
   text-align: center;
   background: transparent;
   border: none;
   padding: 4px;
   width: 100%;
   height: auto;
   /*left: 0;
   /*top: auto;
   bottom: auto;*/
   position: absolute;
   white-space: nowrap;
   overflow-x: unset;
   -ms-touch-action: manipulation;
   touch-action: manipulation;
}

#hidden-let_keyboard {
   font-family: 'Roboto-Black';
   font-size: 11px;
   text-align: center;
   background: transparent;
   border: none;
   padding: 3px;
   width: 100%;
   /*
   height: auto;
   bottom: 110px;
   */
   left: 0;
   top: auto;
   
   position: fixed;
   white-space: nowrap;
   overflow-x: auto;
   height: 175px;
}


#dados-client_keyboard {
   font-family: 'Roboto-Black';
   font-size: 11px;
   text-align: center;
   background: transparent;
   border: none;
   padding: 3px;
   width: 100%;
   /*
   height: auto;
   bottom: 110px;
   */
   left: 0;
   top: auto;
   
   position: fixed;
   white-space: nowrap;
   overflow-x: hidden;
   overflow-y: hidden;
   /*height: 175px; */
   height: 200px;
}

#hidden-num_keyboard {
   font-family: 'Roboto-Black';
   font-size: 11px;
   text-align: center;
   background: transparent;
   border: none;
   padding: 3px;
   width: 100%;
   /*
   height: auto;
   bottom: 110px;
   */
   left: 0;
   top: auto;
   
   position: fixed;
   white-space: nowrap;
   overflow-x: auto;
   height: 175px;
}


.bigtext{
   position: absolute;
   
   /*  top:80px; */
   left: 20px;
   color: var(--cor_css_2);
   background-color: transparent;
   cursor: default;
   font-family: 'Roboto-Black';
   font-size: 24px;
}

#price_row{
   position: absolute;
   text-align: right;
   right: 10px;
   color: var(--cor_css_2);
   background-color: transparent;
   z-index: 980; /*meh*/
   font-size: 30px;
  
}

#price_text{
   font-size: 20px;
   margin-top: 6px;
   margin-right: 7px;
}

#price_value{
   font-size: 26px;
   font-family: 'Roboto-Black';
   margin-right: 2px;
}

.btn-price-details{
   margin-right: 8px;
   margin-top: 5px;
   padding: 0px 4px;
}

#partnership{
   margin-top: 1px;
}

#partner_text{
   font-size: 19px;
   margin-top: 7px;
   margin-right: 7px;
   color: red;
}

#partner_value{
   font-size: 25px;
   
   margin-right: 6px;
   color: red;
}

.label_rodape {
   /* position: absolute; */
   /* bottom: 240px; */
   color: var(--cor_css_1);
   font-family: 'Roboto-Light';
   font-size: 20px;
   text-transform: uppercase;
   /* left: 45%; */
   /* align-items: center; */
   /* align-content: center; */
   /*transform: translate(0px, -185px);*/
   /*margin-top: -185px;*/
   margin-top: 10px;
   margin-bottom: 2px;
}

.bold_roboto{
   font-family: 'Roboto-Black';
   font-size: 14px;
}



#texto_slogan{
   padding-top: inherit;
   font-size: 20px;
   margin-top: 0px;
   margin-left: 30px !important;
}

#texto1 {
   /* top: 90px; */
   font-size: 20px;
   color: var(--cor_css_2);
   text-transform: uppercase;
}

#texto2 {
   top:26px; 
   color: var(--cor_css_1);
   font-size:16px;
   text-transform: uppercase;
}

#button_bar {
   margin-left: 0px; 
   margin-right: 0px; 
   position: absolute;
   top:55px !important;
   left: 10px;
   display: flex;
   /* display: grid; */
   top: 10px;
   z-index: 1000;
   /* width: 0px; */
   max-width: 1px;
   font-size: initial;
   /* font-size: 0; */
   /*bottom: 310px;*/
}

.popover  {
  background-color: var(--cor_css_1);
  color: var(--cor_css_2);
  z-index: 20000;
}

.bs-popover-top .arrow::after,
.bs-popover-bottom .arrow::after,
.bs-popover-left .arrow::after,
.bs-popover-right .arrow::after{
  border-top-color: var(--cor_css_1);
  border-bottom-color: var(--cor_css_1);
  
}

button:focus {
   box-shadow: none !important;
}

#btn_hidden_helper1,
#btn_hidden_helper2,
#btn_hidden_helper3{
  visibility: hidden; 
}


#btn_fullscreen,
#btn_reset,
#btn_refresh,
#btn_swap1K,
#btn_swap2K,
#btn_swap4K,
#btn_gif,
#btn_time,
#btn_rotation,
#btn_ss_camera,
#btn_take_screenshot,
#btn_hide_borders,
#btn_hide_steppers{
   margin-top: -5px;
}

#btn_save_pref,
#btn_submit,
#btn_payment,
#btn_email{
   min-height: 130px;
   max-height: 130px;
   min-width: 130px;
   max-width: 130px;
   font-family: 'Roboto-Light';
   cursor: pointer;
   border-radius: 25%;
   box-shadow: none !important;
   margin-right: 25px;
   font-size: 28px;
   background-color: var(--cor_css_1);
   color: var(--cor_css_2);
   border: none !important;

   line-height: 35px;
}

#btn_save_pref:focus,
#btn_submit:focus,
#btn_payment:focus,
#btn_email:focus {
   border: none;
   
   color: var(--cor_css_1);
   background-color: var(--cor_css_2);
}

/* !ACCODION */
#model-summary {
   display:none; 
   justify-content: center;
   overflow:auto;
   box-shadow: 0 3px 6px 0 rgba(200, 200, 200, .16);
}

.accordion-container {
   width: 98%;
   background-color: var(--cor_background);
   padding: 5px;
   margin-top:5px;
   margin-left:3px;
   box-shadow: 0 3px 6px 0 rgba(0,0,0, .16);
   outline: none;
}

.accordion {
   background-color: #eee;
   color: #444;
   cursor: pointer;
   padding: 10px;
   width: 97%;
   border: none;
   text-align: left;
   outline: none;
   font-size: 15px;
   font-weight: 900;
   border-left: 3px solid var(--cor_css_1);
   transition: 0.4s;
   margin-left: 5px;
   margin-top: 5px;
   margin-bottom: 5px;
   
}

.accordion.active, .accordion:hover {
   background-color: #ccc;
}

.accordion:after {
   content: '\02C4';
   color: #777;
   font-weight: bold;
   float: right;
   margin-left: 5px;
}

.accordion:focus {
   outline: none !important;
}

.accordion.active:after {
   content: "\02C5";
}

.panel {
   justify-content: left;
   text-align: left;
   display: block;
   padding: 0 18px;
   background-color: var(--cor_background);
   /*float: left;*/
   /*max-height: 0;*/
}

.font-weight-bold-size-title {
   font-weight: 700!important;
   font-size: 15px ;
}

.font-weight-size-data {
   font-weight: 400!important;
   font-size: 14px ;
}

.spacer {
   border-right: 2px solid var(--cor_css_2);
}

.anti-spacer {
   padding-left:  3px;
}


.swal2-popup {
   background-color: var(--cor_css_2) !important;
   padding: 2.85em 1.25em !important;
}

.swal2-actions {
   margin: 2.25em auto 0 !important;
}

.swal2-title,
.swal2-content {
   color: white !important;
   
}

.swal2-confirm,
.swal2-cancel {
   background: var(--cor_css_1) !important;
}

.swal2-validation-message{
   background: var(--cor_css_2) !important;
}

.swal2-styled{
   color: var(--cor_css_2) !important;
}

.swal2-progress-step,
.swal2-progress-step-line{
   background: var(--cor_css_1) !important;
}

.swal2-active-progress-step {
   background: var(--cor_background) !important;
}

.swal2-confirm:active {
   background: var(--cor_css_2) !important;
}

/*--------------Spectrum-------------------------*/

.sp-preview{
	border: none !important;
}

@media screen /*and (max-width: 1100px)*/ and (orientation:portrait) {

   .sp-replacer {
      border: 2px solid var(--cor_css_1);
      line-height: 0;
      font-size: 15px;
      font-family: 'Roboto-Black';
      box-sizing: border-box;
      padding: 2px 10px;
      border-radius: 60px;
      color: var(--cor_css_2);
      font-weight: 100;
      letter-spacing: 0.01em;
      position: relative;
      z-index: 20750;
      text-align: center;
      text-transform: uppercase;
      /*left:18%;
      transform: translateY(-40%);*/
      transform: translateY(-29px);
      float: right !important; 
      vertical-align: top;
      margin-top: 2px;
   }

   .sp-replacer:hover, .sp-replacer.sp-active  {
      border-color: var(--cor_css_2);
   }

   .sp-container {
      border: 2px solid var(--cor_css_1);
      /*border-radius: 25px; */
      /*padding-left: 8px; */
      /*top: 1570px !important;
      left: 440px !important; */
      top: 82% !important;
      left: 40.7% !important;

   }

   .sp-palette {
      max-width: 360px;
   }

   .sp-palette .sp-thumb-el {
      width: 40px;
      height: 40px;
      margin: 2px 2px;
      border: none;/*solid 1px var(--cor_background);*/
   }

}

@media screen and  /*(min-width: 1100px) and*/ (orientation:landscape) {

   .sp-replacer {
      border: 2px solid var(--cor_css_1);
      line-height: 0;
      font-size: 15px;
      font-family: 'Roboto-Black';
      box-sizing: border-box;
      padding: 2px 10px;
      border-radius: 60px;
      color: var(--cor_css_2);
      font-weight: 100;
      letter-spacing: 0.01em;
      position: relative;
      z-index: 20750;
      text-align: center;
      text-transform: uppercase;
      /*left:25%;*/
      /*transform: translateY(3%);*/
      transform: translateY(-105%);
      float: right !important;
      vertical-align: top;
      margin-top: 2px;
   }

   .sp-replacer:hover, .sp-replacer.sp-active  {
      border-color: var(--cor_css_2);
   }

   .sp-container {
      border: 2px solid var(--cor_css_1);
      /*border-radius: 25px; */
      /*padding-left: 8px; */
      /*top: 785px !important;
      left: 550px !important;*/
      top: 82% !important;
      left: 40.7% !important;

   }

   .sp-palette {
      max-width: 360px;
   }

   .sp-palette .sp-thumb-el {
      width: 40px;
      height: 40px;
      margin: 2px 2px;
      border: none;/*solid 1px var(--cor_background);*/
   }

}

/* SLIDER MODELOS */
#box-slider_modelos {
	
   position: absolute;
   
   right: 75px;
   top: 100px;
   background-color: transparent;

   width:  110px;
   
   /*
   max-width: 130px;
   width:  130px;
   
   //max-height: 130px;
   //height: 130px;
   */
   cursor: pointer;
}

.owl-slider-modelos {
   
   width: 200px;
   
}

.owl-slider-modelos .owl-item img {
   height: auto;
   max-height: 200px;
   width: auto;
   max-width: 120px; 
   margin-left: 0px;
}




/*
=====
FONTS
=====
*/

@font-face {
   font-family: 'Roboto-BoldItalic';
   src: url('../fonts/Roboto-BoldItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-Thin';
   src: url('../fonts/Roboto-Thin.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoCondensed-Bold';
   src: url('../fonts/RobotoCondensed-Bold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-Medium';
   src: url('../fonts/Roboto-Medium.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoCondensed-Light';
   src: url('../fonts/RobotoCondensed-Light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-Light';
   src: url('../fonts/Roboto-Light.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoCondensed-Regular';
   src: url('../fonts/RobotoCondensed-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-BlackItalic';
   src: url('../fonts/Roboto-BlackItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoCondensed-LightItalic';
   src: url('../fonts/RobotoCondensed-LightItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoCondensed-Italic';
   src: url('../fonts/RobotoCondensed-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-Bold';
   src: url('../fonts/Roboto-Bold.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-Black';
   src: url('../fonts/Roboto-Black.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-Italic';
   src: url('../fonts/Roboto-Italic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-Regular';
   src: url('../fonts/Roboto-Regular.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-ThinItalic';
   src: url('../fonts/Roboto-ThinItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'Roboto-MediumItalic';
   src: url('../fonts/Roboto-MediumItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoCondensed-BoldItalic';
   src: url('../fonts/RobotoCondensed-BoldItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'RobotoLightItalic';
   src: url('../fonts/Roboto-LightItalic.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}