@charset "utf-8";
/* CSS Document */

        *{
              font-family: Raleway;
              font-variant-numeric: lining-nums;
	        -moz-font-feature-settings: "lnum";
	        -moz-font-feature-settings: "lnum=1";
	        -ms-font-feature-settings: "lnum";
	        -o-font-feature-settings: "lnum";
	        -webkit-font-feature-settings: "lnum";
	        font-feature-settings: "lnum";
        }
        /*.bg-main{
          background-image:url(/Content/Images/Velocimetro-2017/bg_cabos.png);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: top center;
          background-color: #437aae;
        }*/


        .bg-main {
            background-image: url(/Content/Images/Velocimetro-2017/cable_down.png), url(/Content/Images/Velocimetro-2017/cable_up.png), url(/Content/Images/Velocimetro-2017/cable_r.png), url(/Content/Images/Velocimetro-2017/fundo-t.png);
            background-position: -10px 0, 10px bottom, 100% 36%, 95% top;
            background-repeat: no-repeat;
            min-height: 589px;
            background-color: #437aae;
            padding-bottom: 20px;
          }

        .bg-dark-blue{
            background-color:#3b5771;
        }


        .conteudo{
          
        }
        .font-branca {
          color:#FFF;
          font-weight:normal;
          font-size:16px;
        }

        .formulario {
          margin-top: -15px;
          background: #e6ebee;
          padding: 20px;
          border-radius: 0.8em;
          margin-bottom: 20px;
        }

        .formulario h2{
          margin-top: 0;
        }
         .formulario p {
            color:#40454b;
}
        figure { width: 90%; min-width: 17.5em; margin:0 auto;}
        figcaption { font: 120% sans-serif; text-align: center;}
        .boxVideo {
            position: relative;
            padding-bottom: 56.25%; 
            padding-top: 25px;
            height: 0;
            margin:0 auto;
        }
        .boxVideo iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }
        .mt20{
        margin-top:20px;
        }
        .mb20{
        margin-bottom:20px;
        }
        .caminho {
          font-size: 11px;
        }

        .fg {
          font-size: 2.5em;
          font-family: verdana;
          text-align: center;
          font-weight: bold;
          color: #22313f;
        }

        .fm {
          font-size: 1.25em;
          text-align: center;
          font-weight: bold;
          margin-bottom: 0px;
          margin-top: 15px;
        }

        .btn-atencao {
          width: 100%;
          color: #FFF;
          background-color: #f7941d ;
          font-weight: bold;
          font-size: 18px;
          border: 1px solid #f7941d;
        }
        .btn-atencao:hover{
          width: 100%;
          color: #FFF;
          background-color: #f87d1a !important;
          font-weight: bold;
          font-size: 18px;
          border: 1px solid #f87d1a;
        }

        .btn-atencao:hover a{
          background-color: #f87d1a;
          border:none;
        }

        .btn-atencao a:hover{
          color: #FFF;
          background-color: #cc7a17;
        }
        .btn-medio {
          color: #FFF;
          background-color: #33be9f;
          border: none;
          text-align: center;
          width: 100%;
          border-radius: 5px;
          padding: 7px 10px;
          font-weight: bold;
        }
        .btn-medio a:hover {
          color: #FFF;
          background-color: #33be9f;
          border: none;
        }
        .cor-fundo {
          background-color: #213140;
        }

        .font-p {
          font-size: 11px;
          line-height: 40px;
        }
        .box-resultado {
          padding:15px;
          border-radius: 5px;
          background-image:url(/Content/Images/Velocimetro-2017/banner-energia.jpg);
          background-size: contain;
          background-repeat: no-repeat;
          background-position: top center;
          height:150px;
        }
       .form-100 {
        width: 100%;
       }
        .altura {
            height:50px;
            line-height:70px;
            width:100%;
            float:left
        }
        .alinhamento-r {
            text-align:right;
        }
         .mt10 {
            margin-top:10px;
        }

        .f-g {
            height:auto;
        }
        .numero-result {
            font-family: Verdana;
            color:#f9690e;
            font-size:25px;
            font-weight:bold;
                line-height: 16px;
        }

        .modal {
            margin-top: 100px;
        }

        .msg-ligue {
            display: none;
        }

        .fd {
            font-size:25px;
            font-weight:bold;
            font-family:Verdana;
            color:#FFF;
        }

        .btn-default-azul {
        color: #333;
        background-color: #fff;
        border:1px solid #337ab7;
        padding:5px;
        border-radius:3px;
    }



    /*MAPA*/
    #map-canvas {
        height: 600px;
		margin: 0px;
		padding: 0px;
		font-family: "Segoe UI", sans-serif;
		/*border-radius: 10px;*/
        padding-bottom: 20px;
        margin-bottom:20px;
    }

    #gmap .label-text{
      	color: #fff;
      	padding: 5px;
      }

     #gmap .label-text td{
      	padding: 5px;
		font-size: 14px;
        font-weight:bold;
      }

     #gmap .green-text{
      	background-color: #7bc13a;
          color: #fff;
          font-size: 14px;
          font-weight:bold;
      }

     #gmap .yellow-text{
      	background-color:#fcb13a;
      	color: #fff;
      }

     #gmap .red-text{
      	background-color: #f1432b;
          color: #fff;
      }

     #gmap .orange-text{
      	background-color: #fe7b37;
          color: #fff;
      }

     #gmap .dark-green-text{
      	background-color: #3a7e21;
          color: #fff;
      }

      #gmap .gray-text{
      	background-color:#f3efee;
      	color: #4185c4;
      }
       .tabelinha {
           margin-bottom:5px;
           font-size:18px;
        }
      #gmap p{
      	margin: 0;
      }

      #gmap .filtros{

        display:none;

      	position: absolute;
		top: 10px;
		width: 400px;
		z-index: 2000;
		background: #fff;
		margin-left: 50%;
		left: -200px;
		padding: 10px;
      }

      #gmap .filtros .form-control{
		    width:50%;
		}

      #gmap .ranking {
			position: absolute;
			z-index: 2000;
			width: 220px;
			background: #fff;
			right: 20px;
			top: 50%;
			padding: 20px;
			height: 250px;
			margin-top: -90px;
            color:#255d8c;
            display:none;
		}

		#gmap h3 {
			margin: 0 0 10px 0;
			font-size: 16px;
            color: #295c89;
		}

		#gmap .ranking ul{
			padding: 0;
			margin: 0;
			list-style: none;
            
		}

		#gmap .legenda {
		    position: absolute;
	        	bottom: 40px;
	        width: 460px;
	        z-index: 2000;
	        background: #fff;
	        margin-left: 50%;
	        left: -230px;
	        padding: 10px;
		}

		#gmap .legenda .legend-square {
			width: 10px;
			height: 10px;
			display: inline-block;
			float: left;
			margin-right: 10px;
            border-radius:2px;		

		}

		#gmap .legenda td {
			font-size: 11px;
			line-height: 11px;
		}		

		#gmap .shadow {
			border-radius: 3px;
			background-color: rgba(255,255,255,0.8) !important;
		}

		#gmap .shadow-top {
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
			background-color: rgba(255,255,255,0.8) !important;	
            display:none;	
		}

		#gmap .shadow-bottom {
			border-bottom-left-radius: 3px;
			border-bottom-right-radius: 3px;
			box-shadow: 0px 0px 6px rgba(0,0,0,0.3);
			background-color: rgba(255,255,255,0.8) !important;
            border-radius: 10px;
		}

		#gmap .form-teste{
			padding: 20px;
			background: #eaeaea;
			border-radius: 3px;
			margin: 20px;
			text-align: center;
		}
        

       .subtitulo {
            font-size:22px;
            font-weight: bold;
        }
        .alinhamento-r {
            text-align: right;
        }



      
    /*==================================================
    =            Bootstrap 3 Media Queries             =
    ==================================================*/

      /*==========  Mobile First Method  ==========*/

      /* Custom, iPhone Retina */ 
      @media only screen and (min-width : 320px) {
       
      }

      /* Extra Small Devices, Phones */ 
      @media only screen and (min-width : 480px) {
       .altura {
            height:50px;
            line-height:70px;
        }
        .f-g {
            font-size:10px;
        }
        
      }

      /* Small Devices, Tablets */
      @media only screen and (min-width : 768px) {
        .form-inline .form-control {
          display: inline-block;
          width: 100% !important;
          vertical-align: middle;}

         .altura {
            height:50px;
            line-height:70px;
        }
          .espaco-botao{
          margin-top: 45px;
        }
      }

   
      /* Medium Devices, Desktops */
      @media only screen and (min-width : 992px) {
          .espaco-botao{
          margin-top: 45px;
        }
        .form-inline .form-control {
          display: inline-block;
          width: 100% !important;
          vertical-align: middle;}
         .altura {
            height:50px;
            line-height:70px;
        }
      }

      /* Large Devices, Wide Screens */
      @media only screen and (min-width : 1200px) {
         .form-inline .form-control {
          display: inline-block;
          width: auto !important;
          vertical-align: middle;}

          .altura {
            height:50px;
            line-height:70px;
        }

           .f-g {
            font-size:18px;
            margin-top:30px;
        }
            .titulo {
            font-size: 28px;
            font-weight: bold;
            line-height:35px;
}
      }


      /*==========  Non-Mobile First Method  ==========*/

      /* Large Devices, Wide Screens */
      @media only screen and (max-width : 1200px) {
           .fg {
            font-size: 1.6em;
          }
          .mt-p20 {
          margin-top: 22px;
        }
       .f-g {
            font-size:15px;
            margin-top:20px;
        }

        .formulario {
	        margin-top: 20px;
        }

        .formulario h2 {
	        margin-top: 0;
	        font-size: 24px;
	        font-weight: 700;
        }

        ul.lista-opcoes-acompanhamento {
	        columns: 2;
	        -webkit-columns: 2;
	        -moz-columns: 2;
	        width: 100%;
	        margin: 30px 0 0 0;
	        padding: 0 10px;
        }



      }

      /* Medium Devices, Desktops */
      @media only screen and (max-width : 992px) {
        .bg-main{
          /*background-image:url("/Content/Images/Velocimetro-2017/bg_cabos.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: top center;*/

        }
        .font-p {
          font-size: 11px;
          line-height: 17px;
        }
      
         .f-g {
            font-size:11px;
            margin-top:10px;
        }
           .titulo {
            font-size: 18px;
            font-weight: bold;
            line-height:20px;
}
      }

      /* Small Devices, Tablets */
      @media only screen and (max-width : 768px) {
           .fg {
            font-size: 2.6em;
          }
          .bg-main{
          /*background-image:url("/Content/Images/Velocimetro-2017/fundo-t.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: top center;*/
          background-position: 1px -50%, 40px 425%, 450px 30%, 99% -104%;
          
        }
          .mbs20{
           margin-bottom: 20px;
          }

        .mt-p20 {
          margin-top: 22px;
        }
        .espaco-botao{
          margin-top: 0px;
        }
          .f-g {
            font-size:15px;
            margin-top:3%;
        }
            .titulo {
            font-size: 18px;
            font-weight: bold;
            line-height:20px;
}
      }


      /* Extra Small Devices, Phones */ 
      @media only screen and (max-width : 480px) {

        .bg-main{
          /*background-image:url("/Content/Images/Velocimetro-2017/fundo-mob.png");
          background-size: contain;
          background-repeat: no-repeat;
          background-position: top center;*/
          background-position: 1px 0%, 40px 115%, 250px 21%, 99% -104%;
        }
       .fg {
            font-size: 1.9em;
          }
       .espaco-botao{
          margin-top: 0px;
        }
       .f-g {
            font-size: 16px;
            margin-top: 4px;
        }
       .numero-result {
            font-family: Verdana;
            color: #f9690e;
            font-size: 24px;
            font-weight: bold;
            line-height: 24px;
        }

        .box-resultado {
            background-color:#415f7a;
            background-image:none;
            height:auto;
            text-align:center;
        }
        .tel-mobile {
            font-size: 20px;
            font-family: verdana;
            line-height: 30px;
            text-decoration:none;
            color:#FFFFFF;
        }

        .tel-mobile a:hover{
            font-size: 20px;
            font-family: verdana;
            line-height: 30px;
            text-decoration:none;
            color:#FFFFFF;
        }

        .visible-xxs-block {
            display: block !important;
        }

        .altura {
                height: 50px;
                line-height: 70px;
                width: 100%;
                float: left;
        }

        .msg-ligue {
            display:block;
        }
          .titulo {
            font-size: 18px;
            font-weight: bold;
            line-height:20px;

        }

          #map-canvas {
	        height: 339px;
	        margin: 20px;
	        padding: 20px;
	        font-family: "Segoe UI", sans-serif;
	        border-radius: 10px;
	        padding-bottom: 20px;
	        margin-bottom: 20px;
        }

          #ifrmTeste {
	        height: 240px;
        }

          #gmap .legenda td {
	        font-size: 10px;
	        line-height: 11px;
	        vertical-align: top;
        }

          #gmap .legenda {
	        position: absolute;
	        bottom: 30px;
	        width: 300px;
	        z-index: 2000;
	        background: #fff;
	        margin-left: 50%;
	        left: -150px;
	        padding: 5px;
        }

          #gmap .legenda .legend-square {
	            width: 100%;
	            height: 10px;
	            display: inline-block;
	            float: left;
	            margin-right: 10px;
	            border-radius: 0;
            }
}
       

      /* Custom, iPhone Retina */ 
      @media only screen and (max-width : 320px) {
          .mt-p20{
        margin-top:0px;
        }
        .espaco-botao{
          margin-top: 0px;
        }
      }


@media (max-width: 1200px) {
    body {
        padding-top: 5rem !important;
    }

}

.masthead .masthead__navbar {
    margin-bottom: 0;
    box-shadow:none;
}


input[type=checkbox],
input[type=checkbox]:checked,
input[type=checkbox]:hover{
	-webkit-appearance: checkbox !important;
    cursor:pointer;
}


.result-box {
	background: #fff;
	border-radius: 10px;
	margin-bottom: 40px;
    	padding-bottom: 20px;
}

.btn-acompanhamento
{

    	margin-top: 20px;
	max-width: 100%;
	white-space: normal;
}


.container-cables {
	margin-right: -15px;
	margin-left: -15px;
}

.cable-black
{
	background-image: url(../Images/Velocimetro-2017/cable-black.png);
	height: 60px;
	background-position: 0px 20px;
	background-repeat: no-repeat;
}

.cable-black-esq{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipV;
	-ms-filter: "FlipV";
}


h2.status-internet
{
	padding: 5px;
	margin-left: -15px;
	margin-right: -15px;
	font-weight: bold;
	font-size: 21px;
	padding-left: 15px;
}

h2.status-internet-ruim{
    background-color: #f1432b;
    color: #fff;
}

h2.status-internet-boa{
    background-color: #7bc13a;
	color: #fff;
}

h2.status-internet-media{
    background-color:#fcb13a;
	color: #fff;
}

span.desconto-devido {
	font-weight: bold;
	font-family: Raleway-bold, sans-serif;
	font-size: 18px;
}

ul.lista-opcoes-acompanhamento {
	/*columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;*/
	width: 100%;
	margin: 10px 0 0 0px;
	padding: 0;
	list-style: none;
}

    ul.lista-opcoes-acompanhamento li {
	    margin-bottom: 10px;
    }

    ul.lista-opcoes-acompanhamento .checkbox
    {
        margin:0 !important;
        padding:0 !important;
    }

.tbl-content{
	height: 250px;
	overflow: auto;
	display: inline-block;
	width: 100%;
	padding: 15px;
}

#textForm p
{
	color: #40454b;
	line-height: 11px !important;
}

.nota {
	margin-top: 20px;
	font-size: 11px;
}

.jq-city-field-manual{
    clear: both;
	width: 100%;
}

.no-padding {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.remember-pivot {
    -webkit-transform: translate(-60%, -5%);
    -ms-transform: translate(-60%, -5%);
    transform: translate(-60%, -5%);
}

.remember-box {
    background-color: rgba(200, 210, 205, .3);
    /*max-height: 245px;*/
    margin-top: 4rem;
    margin-bottom: 3rem;
}

    .remember-box button {
        margin-bottom: 2.5rem;
        margin-top: 0.5rem;
    }

.regular-text {
    font-size: 14px !important;
    font-weight: normal !important;
}

.erro-processo {
    color: rgb(169, 68, 66);
    font-weight: bold;
}