body {
    margin: 0px;
    padding: 0px;
    background-color:#f3f3f3;
      font-family:Roboto;  
}
.img_add  {
    cursor:pointer;
}
.img_add i {
    color: #128a00
    
}

.btn_comum {
    width: 140px;
    height: 40px;
    margin: 30px 0px;
    padding: 10px;
    background-color: #009ED8;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-family: Roboto;
    font-weight: 400;
    font-size: 14px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    line-height: 40px;
    text-decoration: none;
}

    .btn_comum> span {
        width: 140px;
        height: 40px;
        margin: 30px 0px;
        padding: 10px;
        background-color: #009ED8;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        font-family: Roboto;
        font-weight: 400;
        font-size: 14px;
        color: #ffffff;
        cursor: pointer;
        text-align: center;
        line-height: 40px;
    }
    .btn_comum > i {
        color:white
    }
        .socio_inativo {
    color:#be0505
}
.img_criar {
    
    width: 140px;
    height:40px;
      margin:30px 0px;
     padding:10px;
     
     background-color:#009ED8;
         border-radius: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
font-family:Roboto;
font-weight: 400;
font-size:14px;
color:#ffffff;
cursor:pointer;
text-align:center;
    line-height: 40px;
    
}

.img_criar:hover {
       transition: .5s ease;
    background-color:  #7fd6f6;
    outline-width: 0;
}

.img_apagar {
    color:#be0505;
    cursor:pointer ;
}
    
.busca_inativo {
    color:#808080
}
.modal {
    display:    none;
    position:   fixed;
    z-index:    1000;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 ) 
                url('http://i.stack.imgur.com/FhHRx.gif') 
                50% 50% 
                no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;   
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal {
    display: block;
}
.login_fundo {

   background: url(imagens/fundo_login.jpg) no-repeat center center fixed; 
  -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
    background-color:#041493
}
.login_segura {
       display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}

html{
 height:100%;
 min-height:100%;
 }
body{
 min-height:100%;
 -webkit-font-smoothing: antialiased;
    text-rendering: optimizelegibility;
 }
.login_conteudo {
    position: fixed;
   
    z-index: 2;  
    top: 50%;
    left: 50%;
    margin-top: -230px;  
    margin-left: -180px; 

    
    padding: 50px 10px 10px 0px;
        
    width: 360px;
    height:470px;
    -webkit-box-shadow: 3px 3px 15px 1px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 3px 15px 1px rgba(0,0,0,0.34);
    box-shadow: 3px 3px 15px 1px rgba(0,0,0,0.34);
    text-align:center;
    background-image:url("imagens/login_fundobranco.png");
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:   #ffffff;
    opacity: 0.5
}
::-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color:   #ffffff;
    opacity: 0.5
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:   #ffffff;
    opacity: 0.5
}
::-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:   #ffffff;
    opacity: 0.5
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:   #ffffff;
    opacity: 0.5
}

.:placeholder { /* Most modern browsers support this now. */
   color:    #ffffff; opacity: 0.5
}
.login_logo {
    width:130px;
    height:130px;
    margin:0 auto;
}

.login_criar {
    position: fixed;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin-top: -250px;
    margin-left: -180px;
    padding: 20px;
    width: 460px;
    height: auto;
    -webkit-box-shadow: 3px 3px 15px 1px rgba(0,0,0,0.34);
    -moz-box-shadow: 3px 3px 15px 1px rgba(0,0,0,0.34);
    box-shadow: 3px 3px 15px 1px rgba(0,0,0,0.34);
    text-align: center;
    background-color: white;
}
    .login_criar input {
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border: 1px solid #b3b3b3;
        width: 300px;
        height: 40px;
        background-color: transparent;
        font-family: Roboto;
        font-size: 20px;
        color: #000;
        padding: 10px;
        font-weight: 400;
        display: block;
        margin: 20px auto;
    }
        .login_criar input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
            color: black;
            opacity: 0.5
        }
    


    .login_conteudo input {
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border: 1px solid #ffffff;
        width: 300px;
        height: 40px;
        background-color: transparent;
        font-family: Roboto;
        font-size: 20px;
        color: rgb(255, 255, 255);
        padding: 10px;
        font-weight: 400;
        display: block;
        margin: 30px auto;
    }
.login_conteudo input:focus {
       transition: .5s ease;
    background-color: rgba(255, 255, 255, 0.20);
    outline-width: 0;
   
}
 .login_botao {
     margin:0 auto;
     padding:10px;
     width:300px;
     height:40px;
     background-color:#009ED8;
         border-radius: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
font-family:Roboto;
font-weight: 700;
font-size:30px;
color:#ffffff;
cursor:pointer;

 }

.login_botao:hover{
    transition: .5s ease;
    background-color: #7fd6f6
}
.login_msg {
     margin:-30px auto 0 auto;
     padding:10px;
     width:300px;
     
     background-color:#fff6b2;
         border-radius: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
font-family:Roboto;
font-weight: 400;
font-size:16px;
color:#000000;
cursor:pointer;

 }

.main {

}
.header {
    height: 80px;
    width: 100%;
    padding: 0  ;
    background: url("imagens/fundo.jpg") repeat-y #4ea7f5;
    text-align:center;
    position:fixed;
    z-index:9999;

}

.main_logo {
    margin: 8px auto;
}

.menu {
       transition: .5s ease;
    width: 270px;
    position: fixed;
    left: 0;
    padding: 100px 10px 0px 10px;
    height: 100%;
    overflow: hidden;
    z-index: 9;

}




.menu_usuario {
     box-sizing:border-box;
    width: 100%;
    height: 60px;
    background-color:#ebebeb;
    //margin: 10px;
    padding: 4px;
        border-radius: 2px;
  
}
.menu_usuario img {
    float:left;
    width: 42px;
    height: 42px;
    margin:6px
}


.menu_usuario div  {
  
  margin-left:60px;
  
}
.menu_usuario div h1 {
    font-size: 12px;
    font-family:Roboto;
    font-weight:700;
 
}
.menu_usuario div h2 {
    font-size: 12px;
    font-family:Roboto;
    font-weight:400;
    color: #393939;
       margin-top:-4px
}
.menu_item {
    color:#151515;
      box-sizing:border-box;
    width: 100%;
    height: 60px;
     margin:10px;
    padding: 4px;
       
        font-weight: 400;
       line-height:50px;
        cursor:pointer ;
}
a, a:visited, a:hover, a:active {
  color: inherit;
}
 
.menu_item  {
    color: inherit; 
    text-decoration:none
}
.menu_item  i{
    float :left;
    line-height:40px
}
.menu_item div{
    margin-left:40px;
    margin-top:-5x;
    position:absolute;
    float :left;
    
     border-radius: 2px;
        font-family:Roboto;
        font-size:16px;
    
    
}

.menu_item:hover  {
          transition: .5s ease;
    background-color: #ebebeb;
    outline-width: 0;
    color:#515151
}

.main_quadros_segura {
    //text-align:center;
    width: 100%
}
.main_quadro {

   background-color: #4ea7f5;
   width: 30%;
   height:100px;
   padding:10px;
   margin:10px;
   position:relative;
       min-width: 300px;
       display: inline-block;
           text-align:left
   
}
.main_quadro_titulo {
        clear: both;
    font-family: Roboto;
    font-size: 40px;
    color:#f3f3f3;
    position:relative ;
    left:4px;
    top:4px;
}
.main_quadro_info {
    
    float:right;
     font-family: Roboto;
    font-size: 20px;
    color:#f3f3f3;
    position:absolute;
    
    bottom: 10px;
    right:10px
}



.conteudo {
    padding: 100px 10px 4px 290px;
   box-sizing:border-box ;
   

}
#nav-icon1  {
  width: 45px;
  height: 15px;
  position: absolute;
  margin: 18px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  float:left;
}

#nav-icon1 span  {
  display: block;
  position: absolute;
  height: 9px;
  width: 100%;
  background: #ffffff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
  visibility:hidden;
}

#nav-icon1 span:nth-child(1) {
  top: 0px;
}

#nav-icon1 span:nth-child(2) {
  top: 18px;
}

#nav-icon1 span:nth-child(3) {
  top: 36px;
}

#nav-icon1.open span:nth-child(1) {
  top: 18px;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}

#nav-icon1.open span:nth-child(2) {
  opacity: 0;
  left: -60px;
}

#nav-icon1.open span:nth-child(3) {
  top: 18px;
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
  .convidado_parentesco { 
     width: 120px;
     height:32px;
     font-size: 12px;
     padding:4px;
 }
  .conteudo_titulo {
   font-family: Roboto;
    font-size: 50px;
    font-weight:700;
    color:#393939;
    display:block;
    margin-bottom:10px;
   

}


.cnv_vencido {
    background-color: #ff9292
}
.conteudo >div {
    padding: 10px;
     background-color:#ffffff;
     width:100%;
     min-height: 800px;
     box-sizing: border-box;

}

.form_convite {

}
.form_convite_campo  input,.form_convite_campo  #cd_convite_tp {
     display: block;
    font-family:Roboto ;
        font-size: 22px;
        border-width: 1px;
        border-style:solid ;
        border-color: #d1d1d1;
        margin-top: 0px;
        padding:3px;
        
       
}
.form_convite_campo label{
    font-family:Roboto;  
    font-size: 14px;
}

.form_convite_titulo {
    margin-top:14px;
     font-family:Roboto;  
    font-size: 14px;
    display:block;
}

#convidados input::placeholder {
    color:#393939
}
 #convidados>div {
     margin: 4px 4px 4px 0;
 }
 .convidado_nome { 
     width: 150px;
     height:20px;
     font-size: 12px;
     padding: 4px;
 }
 .convidado_cpf { 
     width: 100px;
     height:20px;
     font-size: 12px;
     padding:4px;
 }
.convidado_passaporte {
    width: 100px;
    height: 20px;
    font-size: 12px;
    padding: 4px;
}

    .cnv_reimp  {
         margin-top: 20px;
         display:table;
         width:100%

      }
      .cnv_reimp >div {

       box-sizing: border-box;
          border-top: 1px solid;
          border-bottom: 1px solid;
          width:100%;
          padding: 10px;
          position:relative ;
          display:table;
       line-height: 40px

      }


.cnv_btn_reimp {
        width:140px;
        height:40px;
        float:right;
        margin-left: -30px;
        background-color:#009ED8;
        border-radius: 2px;
         line-height:40px;
         text-align:center;
         color:#ffffff;
         cursor: pointer;
}
    .cnv_btn_reimp:hover {
        transition: .5s ease;
    background-color:  #7fd6f6;
    }

    .cnv_reimp span {
        margin-left: 30px;
        font-weight:700
    }

.senhaaltera label{
    font-family:Roboto;  
    font-size: 14px;
}
.senhaaltera input{
     
     display: block;
    font-family:Roboto ;
        font-size: 22px;
        border-width: 1px;
        border-style:solid ;
        border-color: #d1d1d1;
        margin-top: 0px;
        padding:3px;
        
       

    



}
.img_alterar {
   
    width: 140px;
    height:40px;
      margin:10px 0px;
     //padding:10px;
     
     background-color:#009ED8;
         border-radius: 3px;
-moz-border-radius:  3px;
-webkit-border-radius: 3px;
font-family:Roboto;
font-weight: 400;
font-size:14px;
color:#ffffff;
cursor:pointer;
text-align:center;
    line-height: 40px;
    border: 0px none;
    outline-width:40px;
    
}

.img_alterar:hover {
       transition: .5s ease;
    background-color:  #7fd6f6;
    outline-width: 0;
}

 
.convite_busca {
    width: 100%;
    display:table;
    
    height:80px;
        //   text-align:center;
}

.convite_busca div {
    //margin: 0 auto;
   
    
    
   display: inline-block;
} 




.convite_busca input {
    border:1px solid #000;
    border-right:none;
    padding:4px;
    margin:0px;
    float:left;
    height:46px;
    overflow:hidden;
    line-height:16px;
     width: 250px;
      font-family:Roboto;
      font-size: 20px;
}
.convite_busca input::placeholder {
    color:#393939;
    font-size:12px;
}
.convite_busca button {
    border:1px solid #009ED8 ;
    background:#fd0;
    vertical-align:top;
    padding:4px;
    margin:0;
    float:left;
    height:56px;
    overflow:hidden;
    width:100px;
    text-align:center;
    line-height:16px;
     background-color:#009ED8;
     font-family:Roboto;
      font-size: 20px;
      color:#ffffff;
      cursor:pointer ;
}
    .convite_busca button:hover {
        transition: .5s ease;
        background-color: #7fd6f6;
        outline-width: 0;
    }

    .cnv_btn_reimp_adm {
        width:140px;
        height:100%;
        float:right;
        margin-left: -30px;
        background-color:#009ED8;
        border-radius: 2px;
         line-height:40px;
         text-align:center;
         color:#ffffff;
         cursor: pointer;
}
    .cnv_btn_reimp_Adm:hover {
        transition: .5s ease;
    background-color:  #7fd6f6;
    }

.resumo_botoes   {
    margin-top:40px
}
.resumo_botoes a {
text-decoration:none

}
.resumo_botoes    div {
        width:240px;
        height:100%;
       
       
        background-color:#009ED8;
        border-radius: 2px;
         line-height:40px;
         text-align:center;
         color:#ffffff;
         cursor: pointer;
         text-decoration:none;
         margin:10px
    }

.btn_padrao{
        width:240px;
        height:50px;
        border:0px none;
       
        background-color:#009ED8;
        border-radius: 2px;
         line-height:40px;
         text-align:center;
         color:#ffffff;
         cursor: pointer;
         text-decoration:none;
         margin-top:10px
}


@media screen and (max-width: 768px) {
    .menu {
        left: -300px;
        box-shadow: 5px 0 10px rgba(0,0,0,.08);
        background-color:#FFF;
    }
    .conteudo {
        padding-left:10px;
    }
    
    .convidado_parentesco {
        width:70px;
    
    
    }
    .conteudo_titulo {
        font-size: 30px;
    }
    #nav-icon1 span {
        visibility:visible 
    }
    .cnv_reimp >div {
        font-size:14px;

    }
    .main_quadros_segura {
        text-align: center;
    }
}
.conv_atencao {
    margin:20px 0;
    padding: 5px;
    font-size:16px;
    color:#850000;
    width: 400px;
    background: #e4e4e4
}

.pgto_linha {
    box-sizing: border-box;
    /* border-top: 1px solid; */
    /* border-bottom: 1px solid; */
    width: 100%;
    padding: 10px;
    position: relative;
    display: table;
    line-height: 40px;
    /* color: white; */
    background-color: #efefef;
    font-size: 20px;
    text-align: center;
    padding: 20px;
}
    .pgto_linha select {
        display: block;
        font-family: Roboto;
        font-size: 22px;
        border-width: 1px;
        border-style: solid;
        border-color: #d1d1d1;
        margin-top: 0px;
        padding: 3px;
        text-align: center;
        width: 600px;
        margin: 0 auto;
    }
    .pgto_linha button {
        display: block;
        font-family: Roboto;
        font-size: 22px;
        border-width: 1px;
        border-style: solid;
        border-color: #d1d1d1;
        margin-top: 0px;
        padding: 3px;
        width: 600px;
        background-color: #4da3f5;
        color: white;
        padding: 10px;
        margin: 0 auto;
        cursor: pointer;
    }
    .pgto_linha button:hover {
        opacity: 0.6
    }
        .faturas-table {
    margin: 20px 0;
    width: 100%;
}
    .faturas-table td {
        width: 200px;
        height: 40px;
        border-top: 2px solid;
        padding: 10px;
    }
        .faturas-table tr:last-child td{
            
            border-bottom: 2px solid;
        }
    .faturas-table td:last-child {
        width: initial;
    }
    

 .carteirinha_segura >a {
     display:block
 }
.carteirinha_segura > .btn_comum {
    width:400px;
    text-align:left
}
/* roboto-100 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: url('/fonts/roboto-v29-latin-100.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-100.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-100.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-100.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-100.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-100italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 100;
    src: url('/fonts/roboto-v29-latin-100italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-100italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-100italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-100italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-100italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-100italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/roboto-v29-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-300.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-regular - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/roboto-v29-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-300italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/roboto-v29-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-300italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: url('/fonts/roboto-v29-latin-500.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-500.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-500.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/roboto-v29-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-500italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 500;
    src: url('/fonts/roboto-v29-latin-500italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-500italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-500italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-500italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-500italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-500italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/roboto-v29-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-700.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-700italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/roboto-v29-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-700italic.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900 - latin */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 900;
    src: url('/fonts/roboto-v29-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-900.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-900.svg#Roboto') format('svg'); /* Legacy iOS */
}
/* roboto-900italic - latin */
@font-face {
    font-family: 'Roboto';
    font-style: italic;
    font-weight: 900;
    src: url('/fonts/roboto-v29-latin-900italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/roboto-v29-latin-900italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/roboto-v29-latin-900italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/roboto-v29-latin-900italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/roboto-v29-latin-900italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/roboto-v29-latin-900italic.svg#Roboto') format('svg'); /* Legacy iOS */
}