/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 20/05/2019, 09:49:25 PM
    Author     : rhm
*/

ul.pasos
{
    font-size: 1.4em
}

h1.pp
{
    font-size: 1.4em
}

h2.pp
{
    color: white;
}

p.pp
{
    color: white;
    
}

ul.top-info {
    margin: 30px 0 0;
}

ul.top-info {
    list-style: none;
    margin: 12px 0 0 0;
    padding: 0;
    float: right
   
}

ul.top-info li .info-box span.info-icon {
    background: none!important;
    color: #ffdc07;
    vertical-align: top;
}

ul.top-info li .info-box span.info-icon {
    font-size: 28px;
    margin-right: 10px;
    color: #fff;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    position: relative;
    top: -3px;
    border-radius: 3px;
}

ul.top-info li {
    position: relative;
    float: left;
    font-size: 14px;
    margin-left: 20px;
    font-weight: 400;
    padding-left: 20px;
}

ul.top-info li .info-box .info-box-content {
    display: inline-block;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

ul.top-info li .info-box .info-box-content p.info-box-title {
    color: #fff;
}

ul.top-info li .info-box .info-box-content p.info-box-title {
    font-weight: 700;
    color: #fff;
}

ul.top-info li .info-box .info-box-content p {
    color: #fff;
}

ul.top-info li .info-box .info-box-content p {
    margin: 0 0 5px 0;
    line-height: normal;
    color: #777;
}

.info-box-subtitle > a {
    color: #fff;
}

.center
{
    text-align: center!important
}

#believe-nav
{
    background-color: black
}

.icono
{
    color:#f63f3f
}

ul.navbar-nav li a
{
    color: white!important;
    font-size: 1.2em!important;
}

h1.top-support
{
    color: white!important
}

img.tiendas
{
    width: 200px!important;
    cursor: pointer;
    display: inline-block!important
}

img.sld
{
    -webkit-filter: brightness(50%);
}

.containervid {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-top: 50px
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.dvideo
{
    margin-top: 30px
}

.blog-title
{
    font-size: 1.2em!important
}

.pinfo
{
    margin-top: 50px;
    font-size: 1.6em;
    text-align: justify
}


.pinfocol
{
    
    font-size: 1.6em;
    text-align: justify;
    
}

.subt
{
    font-size: 1em!important
}

.may
{
    text-transform: uppercase!important
}

.contacto
{
    margin: 0 auto;
     width: 400px;
     padding-top: 30px;
     padding-bottom: 30px;
     padding-left: 10px;
     padding-right: 10px;
         background-color:rgba(0,114,206,0.3);
         margin-top: 50px;
         
}

.contacto input::placeholder
{
font-size: 1.2em
} 

.titser
{
    text-align: center
}

.bcontacto
{
    background-color: #a60707!important
}

.bcontacto:hover
{
    background-color: #7d0808!important
}

.modalDialogEs {
		position: fixed;

		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background: rgba(0,0,0,0.8);
		z-index: 99999;
		opacity:0;
		-webkit-transition: opacity 400ms ease-in;
		-moz-transition: opacity 400ms ease-in;
		transition: opacity 400ms ease-in;
		pointer-events: none;
                
	}
        
.modalDialogEs h2
{
    margin-top: 0px!important
     
}
        
        
.modalDialogEs select
{
    width:95%;
  background:#fff;
  margin-bottom:4%;
  border:1px solid #ccc;
  padding:2%;
  font-size:95%;
  color:#555;
  font-size: 15px
}

.modalDialogEs span
{
    font-size: 24px
}

.modalDialogEs span.msj
{
    font-size: 20px;
    color: #2ca02c
}

.modalDialogEs span.msje
{
    font-size: 18px
}

.modalDialogEs input
{

}

	.modalDialogEs:target {
		opacity:1;
		pointer-events: auto;
	}

	.modalDialogEs > div {
		width: 95%;
		position: relative;
		margin: 10% auto;
		
		border-radius: 10px;
		background-color: rgba(255,255,0,0.6);
		/*background: -moz-linear-gradient(#fff, #999);
		background: -webkit-linear-gradient(#fff, #999);
		background: -o-linear-gradient(#fff, #999);*/
	}

	.closeEs {
		background: #606061;
		color: #FFFFFF;
		line-height: 25px;
		position: absolute;
		right: -12px;
		text-align: center;
		top: -10px;
		width: 24px;
		text-decoration: none;
		font-weight: bold;
		-webkit-border-radius: 12px;
		-moz-border-radius: 12px;
		border-radius: 12px;
		-moz-box-shadow: 1px 1px 3px #000;
		-webkit-box-shadow: 1px 1px 3px #000;
		box-shadow: 1px 1px 3px #000;
	}

	.closeEs:hover { background: #00d9ff; }
        
        
        .bcontacto
{
    width: 100%;
    font-size: 1.5em
}

#confirmacion
{
    font-size: 1.2em;
    display: none
}

.center
{
    text-align: center
}

a.btna
{
    padding: 10px 50px;
    background-color: #f63f3f;
    top: 20px!important;
    bottom: 20px!important;
    font-size: 1.2em
}

.cotizar
{
    margin-top: 30px;
    margin-bottom: 30px
}

img.resp
{
    max-width: 100%
}

.margen
{
    margin-top: 30px
}

#social {
    position: fixed;
    bottom: 0;
    width: 100%;
    display: none;
    font-size: 21px;
    text-align: left!important
}


 

.icon-bard {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* Style the icon bar links */
.icon-bard a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 20px;
}

/* Style the social media icons with color, if you want */
.icon-bard a:hover {
  background-color: #000;
}

.facebook {
  background: #3B5998;
  color: white;
}

.whatsapp {
  background: #61BC48;
  color: white;
}

.phone {
  background: #dd4b39;
  color: white;
}

.android {
  background: #007bb5;
  color: white;
}

.apple {
  background: #000000;
  color: white;
}



.facebookh {
  background: #3B5998;
  color: white!important;
  
  height: 50px;
  text-align: center!important;
  padding-left: 7.78%!important;
  padding-right: 7.78%!important;
   float: left
}

.whatsapph {
  background: #61BC48;
  color: white!important;
  
  height: 50px;
  text-align: center!important;
  padding-left: 7.78%!important;
  padding-right: 7.78%!important;
   float: left
}

.phoneh {
  background: #dd4b39;
  color: white!important;
  
  height: 50px;
  text-align: center!important;
  padding-left: 7.78%!important;
  padding-right: 7.78%!important;
   float: left
}

.androidh {
  background: #007bb5;
  color: white!important;
  
  height: 50px;
  text-align: center!important;
  padding-left: 7.78%!important;
  padding-right: 7.78%!important;
   float: left
}

.appleh {
  background: #000000;
  color: white!important;
 
  height: 50px;
  text-align: center!important;
  padding-left: 7.78%!important;
  padding-right: 7.78%!important;
  float: left
  
}

#mapa
{
    width: 100%;
    height: 400px
}


#mapab
{
    width: 100%;
    height: 400px
}

.espacio
{
    height: 50px
}

.cien
{
 width: 100%   
}

.pinfoy
{
    background-color: yellow;
    font-size: 1.8em;
    font-weight: bolder;
    margin-top: 50px;
}

.subtp
{
    font-weight: bolder;
}


.olinfo
{
       margin-top: 50px;
    font-size: 1.6em;
    text-align: left
}


.olinfoa
{
       
    font-size: 1.4em;
    text-align: left;
    list-style: none
}

.olinfoa li
{
  margin-bottom: 15px  
}


.hcincuenta
{
    height: 40%
}

.fcontacto
{
    border: 2px yellow solid
}


.elblog
{
    width: 100%;
    height: 200px;
    background-image: url("../images/blog-back.jpg");
 background-color: #cccccc;
 background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover;
  
  position: relative;
  text-align: center;
  border: 1px ridge black
}

.elblog span a
{
 color: white!important;
 border-bottom: 2px solid #FF0000;
    font-weight:700;
    font-size: 1.2em;
    text-transform: uppercase;
    
    display:inline-block;
    padding-bottom:10px;
    margin-top: 95px;
    text-decoration: none;
    cursor: pointer
    
 
}    

.mtop
{
    margin-bottom: 15px; 
}

.pblog
{
    text-align: justify!important;
    font-size: 1.2em
}


        @media (min-width: 576px) { 
       
    .modalDialogEs > div {
        width: 80%
    }
    
        }

@media (min-width: 768px) { 
    .modalDialogEs > div {
        width: 70%
    }
    
}


@media (min-width: 992px) {
    .modalDialogEs > div {
        width: 60%
    }

}



@media (min-width: 1200px) {
    
    
    .modalDialogEs > div {
        width: 30%
    }
    
}

@media (max-width: 480px) {
     .modalDialogEs > div {
        width: 90%
    }
 
    h2.pp
{
    font-size: .8em
}
    
    .icon-bard
    {
        display: none
    }
    
    
    #social 
    {
        display: block
    }
    
}

@media (max-width: 768px) 
{
    
     h2.pp
{
    font-size: 1em
}
    
    
    .dlogo
    {
        text-align: center
    }
    
    ul.top-info li {
    margin-top: 15px;
    padding-left: 15%
    }
    
}

div.iblog
{
    width: 100%;
    text-align: center;
    margin-bottom: 15px
}


.video-responsive {
position: relative;
padding-bottom: 56.25%; /* 16/9 ratio */
padding-top: 30px; /* IE6 workaround*/
height: 0;
overflow: hidden;
}

.video-responsive iframe,
.video-responsive object,
.video-responsive embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.btn-agenda{
    background:#007bb5;
    color: white;
    font-weight: 700;
     border-radius: 10px!important;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    
}


.btn-agenda:hover{
    background:white;
    color: #007bb5;
}


.blog-content .btn-blue{
    height:45px;
    width:125px;
    padding-top:12px;
}


.comment-form .btn-blue{
    width:145px;
    height:45px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 12px;
}

.contact-form .btn-blue{
    width:145px;
    height:45px;
    text-transform: uppercase;
    font-size: 14px;
    padding: 6px 12px;
}

.btn-blue{
    background:white;
    color: #007bb5;
    font-weight: 700;
    border-radius: 10px!important;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.btn-blue:hover, .btn-blue:focus{
    color: white;
    text-decoration: none;
    background: #007bb5;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.form-cart-right .btn-blue, .form-cart .btn-blue {
    width:155px;  
}



.btn-black{
    background:black;
    color: white;
    font-weight: 700;
    border-radius: 10px!important;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}

.btn-black:hover, .btn-black:focus{
    color: white;
    text-decoration: none;
    background: #a9a9a9;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -webkit-transition: all .3s ease;
}