@charset "utf-8";
/* BarilocheWeb.com.ar  */

/* General Settings
================================= */
/* verde a7c44c */
a:link,a:visited, a:hover, a:active, button, select, input, option{
	outline:none !important;
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	}	
body{
	font-family: 'Lato', sans-serif;
	color: #808080;
	}
.displaynone{
	display:none;
	}
.estate-form{
	display:none;
	line-height:44px;
}
.form-control{
	box-shadow:none !important;
	min-height:44px;
	border-radius: 5px;
	padding: 6px 20px;
	}
.form-group {
    margin-bottom: 22px;
}

p{
	font-size:16px;
	line-height:1.7;
	}
.imr{
	margin-right:7px;
	}	
.iml{
	margin-left:7px;
	}
#contenedor{
	padding-top: 75px;
	overflow-x: hidden;
}			

.h1{
	display:block;
	margin:0px;
	padding:0px;
	font-weight:700;
	font-size:45px;
	line-height:1;
	color: #252525;
	}
.h2{
	display:block;
	margin:0px;
	padding:0px;
	font-weight:700;
	font-size:31px;
	line-height:1;
	color: #333;	
	}
.h1 > b, .h2 > b{
	font-weight: 700;
}
.greybg{
	background-color: #F8F9FA;
}
.btn{
	padding: 11px 25px;
	border-radius: 22px;
}
.btn-primary, .btn-primary:focus{
	color: #FFF;
	background-color: #6730e3;
	border-color: #6730e3;
}
.btn-primary:hover{
	color: #FFF;
	background-color: #9629e6;
	border-color: #9629e6;
}
.btn-default, .btn-default:focus{
	color: #6730e3;
	background-color: transparent;
	border-color: #6730e3;
}			
.btn-default:hover{
	color: #FFF;
	background-color: #9629e6;
	border-color: #9629e6;
}
.text-primary{
	/* Celeste */
	color: #6730e3
}
.text-color-2{
	/* Azul */
	color:#9629e6;
	}	
.text-color-3{
	/* Rosa */
	color: #d91c5c;
}
.bg-color-1{
	/* Gris */
	background-color: #F8F9FA;	
}
#imgCaptcha{
	margin-bottom: 10px;
}
.overflow-hidden{
	overflow: hidden;
}
/*

.h1 span{
	color:#95937c;
	}
.tooltip-inner{
	padding:5px 15px;
	background-color:#95937c;
	}
.tooltip.top .tooltip-arrow {border-top-color:#95937c;}
.tooltip.right .tooltip-arrow {border-right-color:#95937c;}
.tooltip.bottom .tooltip-arrow {border-bottom-color:#95937c;}
.tooltip.left .tooltip-arrow {border-left-color:#95937c;}
.tooltip.in {
  opacity: 1 !important;
  filter: alpha(opacity=100);
}
.form-control {
    background-color: #ebebe6;
    border-color: #ebebe6;
}

.btn-primary, .btn-primary:focus {
    color: #fff;
    background-color: #95937c;
    border-color: #95937c;
	text-transform:uppercase;
	font-size:14px;
	padding:14px 30px;
	font-weight:600;
	
}
.btn-primary:hover{
    color: #fff;
    background-color: #5a7193 !important;
    border-color: #5a7193 !important;
}
*/

/* Section
================================= */
/*
.section{
	position: relative;
	padding: 100px 0px 80px 0px;
}
.section-sm{
	position: relative;
	padding: 60px 0px 55px 0px;
}
*/

/* Overlay Preloader
================================= */
#overlaypreloader {
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    text-align: center;
    z-index: 10000;
    background-color: #FFF;
    color: #444;
	font-size:11px;
	padding-top:120px;
	text-transform:uppercase;
	}
#overlaypreloader div{
	display:inline-block;
	text-align: center;
}	
#overlaypreloader img{
	margin-bottom:10px;
	}
#overlaypreloader span{
	color:#a7c44c;
	}	




	
/* First Menu
================================= */
#firstmenu{
	-moz-box-shadow: 0 10px 33px rgba(0, 0, 0, .04);
	-webkit-box-shadow: 0 10px 33px rgba(0, 0, 0, .04);
	box-shadow: 0 10px 33px rgba(0, 0, 0, .04) !important;
}
.navbar-default {
    /* border-color: #FFF; */
}
.navbar-brand{
	text-indent:-1000px;
	}
.navbar-header{
	position:relative;
}
.logo{
	position:absolute;
	top:20px;
	left:0px;
	}
#firstmenu .navbar-nav li.active a, #firstmenu .navbar-nav li a:hover, #firstmenu .navbar-nav li a:focus {
	color: #6730e3;
	}	
/*
#firstmenu .navbar-nav {
	margin-top: 36px;
	}
#firstmenu .navbar-nav li{
	padding: 0px 15px;
}	
#firstmenu .navbar-nav li a {
	position: relative;
    font-size: 15px;
    line-height: 24px;
	font-weight:400;	
    letter-spacing: 0px;
    padding: 10px 0px;
    background: #ffffff;
	overflow: hidden;
	}
#firstmenu .navbar-nav li a::after {
	position: absolute;
	top: 0px;
	left: -50px;
    display: block;
    content: "";
    height: 2px;
    background-color: #a7c44c;
    width: 50px;
    transition: all .4s ease;
	}
*/	
.flag {
    display: inline-block;
    height: 14px;
    width: 22px;
    background-image: url("../images/flags.png");
    background-repeat: no-repeat;
    vertical-align: middle;
    }
.flag-es {
    background-position: 0px 0px;
}
.flag-en {
    background-position: 0px -14px;
}

#firstmenu .flag{
	-webkit-transition:all .3s ease-in-out;
	-moz-transition:all .3s ease-in-out;
	-o-transition:all .3s ease-in-out;
	transition:all .3s ease-in-out;
	opacity: 0.6;	
	filter: gray; /* IE6-9 */
  	-webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  	filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}
#firstmenu .flag:hover{
	opacity: 1;	
	-webkit-filter: grayscale(0);
  	filter: none;
}

/*
.dropdown-menu{
	top:75px;
	box-shadow: 0 3px 3px rgba(120,120,120,0.1);
	border:none;
	border-top: 3px solid #a7c44c;
}
.dropdown-menu:after{
    position:absolute;
    content:'';
    display:block;
    width:0;
    height:0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 5px solid #a7c44c;
    right:30px;
    top:-8px;
}
.dropdown-menu > li > a{
	text-align: left !important;
	padding: 8px 5px !important;
	color: #7f7f7f !important;	
}
.dropdown-menu > li > a:hover{
	color: #a7c44c !important;
}
.dropdown-menu > li > a::after{
	display: none !important;
}

*/


.navbar-toggle i{
	color:#FFF;
	}
.navbar-toggle{
	border-color: #9629e6 !important;
	background-color:#9629e6;
	color:#FFF;
	padding:5px 12px;
	border-radius:3px;
	}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:#9629e6;
	}
.navbar-default .navbar-toggle:hover > .icon-bar, .navbar-default .navbar-toggle:focus > .icon-bar{
	background-color:#9629e6;
	}

	
/* Slider
================================= */
#slider{
	height:500px;
	overflow:hidden;	
	}
#slider .carousel-inner{
	height:500px;
}
#slider .carousel-inner .item{
	height: 500px;
	padding-top:70px;
	background-color: #F8F9FA;
	background-size: cover;	
	background-position: center;
	background-repeat: no-repeat;
}
#slider .bgslider1{
	background-image: url('../images/slider/1.png');
	}
#slider .bgslider2{
	background-image: url('../images/slider/2.png');
	}	
#slider .bgslider3{
	background-image: url('../images/slider/3.png');	
	}
#slider .delay05 {animation-delay: 0.5s;}
#slider .delay10 {animation-delay: 1s;}
#slider .delay15 {animation-delay: 1.5s;}
.caption-container{

}
.caption-container .subtitulo{
	color: #6730e3;
	text-transform: uppercase;
	font-size: 15px;
	font-weight: 700;
	margin-bottom: 10px;
}
.caption-container .titulo{
	color: #252525;
	font-size:45px;
	line-height: 1.2;
	font-weight:700;
	margin-bottom:20px;
	}
.caption-container .descripcion{
	font-size: 18px;
	margin-bottom:10px;
	}
.carousel-indicators{
	bottom:10px;	
	}
.carousel-indicators li{
	box-shadow:none;
	border:2px solid #6730e3;
	margin:0px 3px !important;
	width:11px !important;
	height:11px !important;
	}
.carousel-indicators .active {
	border-color:#6730e3;
	background-color:#6730e3;
}

#slider .carousel-control, #slider .carousel-control:focus{
	/*display:inline-block;*/
	font-size: 20px;
	top:50%;
	margin-top: -23px;
	width: 46px;
	height: 46px;
	line-height: 46px;
	border-radius: 50%;
	background-color: #6730e3;
	color: #FFF;
	filter:none !important;
	vertical-align:middle;
	text-shadow:none;
	background-image: none;
	opacity:0.8;
	}
#slider .carousel-control.left{
	left:-62px;
	}
#slider .carousel-control.right{
	right:-62px;
	}
#slider:hover .carousel-control.left{
	left:15px;
	}	
#slider:hover .carousel-control.right{
	right:15px;
	}		
#slider .carousel-control:hover{
	opacity:1 !important;
	filter:alpha(opacity=100) !important;
	}


/* carousel-progress-bar
================================= */
.carousel-progress-bar {
    position:absolute;
    height: 3px;
    background-color: #6730e3;
    width: 0px;
    margin: 0px;
    border: none;
    z-index: 11;
}
.cpb1{
	bottom:0px;
	left:0px;
	right:auto;	
	}
.cpb2{
	bottom:5px;
	right:0px;
	left:auto;	
	}
.carousel-progress-bar.animate{
    /* Transition time shorter to carousel's transition time */
    -webkit-transition: width 3.95s linear;
	-moz-transition: width 3.95s linear;
	-o-transition: width 3.95s linear;
	transition: width 3.95s linear;
}


/* About
================================= */
.about1{
	width: 100%;
}
.about2{
	width: 100%;
	border-radius: 0px 30px;
}


/* Contadores
================================= */
.bgbox{
	background-color: #F8F9FA;
	background-size: cover;	
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/bgbox.jpg');
	color: #FFF;
	text-align: center;
}
.timer{
	position: relative;
	display: block;
	font-weight: 700;
	font-size: 31px;
	line-height: 1;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.timer::after{
	position: absolute;
	display: inline-block;
	width: 60px;
	height: 2px;
	background-color: #FFF;
	content:"";
	bottom:0px;
	left: 0px;
	right: 0px;
	margin: 0px auto;	
}
.timer-container .title{
	font-size: 15px;
	margin-bottom: 15px;
}
.timer-container i{
	font-size:21px;
}


/* Experiencia
================================= */
.experiencia{
	text-align: center;
	margin-bottom: 30px;
}
.experiencia i{
	color: #6730e3;	
	font-size:29px;
	margin-bottom: 20px;
}
.experiencia .title{
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: 700;
	color: #6730e3;
}



/* Nosotros
================================= */
.bg-image-1{
	background-color: #F8F9FA;
	background-size: cover;	
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('../images/bgbox.jpg');
	color: #FFF;
	text-align: center;
	font-size: 23px;
	line-height: 1;
	padding: 50px 0px;
}

/* Caracteristicas
================================= */
.caracteristicas{
	text-align: center;
	margin-bottom: 80px;
}
.caracteristicas i{
	color: #6730e3;	
	font-size:29px;
	margin-bottom: 20px;
}
.caracteristicas .title{
	position: relative;
	font-size: 17px;
	padding-bottom: 20px;
	margin-bottom: 15px;
	font-weight: 700;
	color: #6730e3;
}
.caracteristicas .title::after{
	position: absolute;
    display: inline-block;
    width: 60px;
    height: 2px;
    background-color: #6730e3;
    content: "";
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: 0px auto;
}


/* Menu animado
================================= */
.dropdown-menu{
	border:none;
	box-shadow: 0 5px 5px rgba(120,120,120,0.1);
	border-top:3px solid #6730e3;	
}
.dropdown-menu > li > a {
    padding: 8px 20px;
 }
 .dropdown-menu > li > a:hover{
 	background-color: #FFF;
 	color: #6730e3;
 }   
.navbar-nav > li > .dropdown-menu {
   -moz-animation: fadeInUpMenu .3s ease-in  ;
    -webkit-animation: fadeInUpMenu .3s ease-in ;
    animation:fadeInUpMenu .3s ease-in ;
}    
@-webkit-keyframes fadeInUpMenu{
	from{opacity:0;-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
@keyframes fadeInUpMenu{
	from{opacity:0;-webkit-transform:translate3d(0,15px,0);transform:translate3d(0,15px,0)}
	to{opacity:1;-webkit-transform:none;transform:none}
}
.fadeInUpMenu{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}

/* Galeria
================================= */
.soporte{
	padding: 80px 0px 50px 0px;
}
.soporte img{
	width: 100%;
	border-radius: 0px 30px;	
}
.soporte .title{
	position: relative;
	display:block;
	margin:0px 0px 20px 0px;
	padding:0px 0px 20px 0px;
	font-weight:400;
	font-size:31px;
	line-height:1;
	color: #333;	
	}
.soporte .title::after{
	position: absolute;
	display: inline-block;
	width: 60px;
	height: 2px;
	background-color: #6730e3;
	content:"";
	bottom:0px;
	left: 0px;

}

/* Testimonios
================================= */
#testimonios{
	text-align: center;
	min-height: 320px;
}
#testimonios .caption-container{
	padding: 80px 0px 80px 0px;
	display: inline-block;
	text-shadow: none;
	max-width: 80%;
	color: #808080;
	font-size: 16px;
	margin-bottom: 15px;
}
#testimonios .caption-container p{
	position: relative;
	font-size: 20px;
	line-height: 1.5;
	color: #252525;
	margin-bottom: 30px;
	padding: 15px 0px 0px 30px;
}
/*
#testimonios .caption-container p::after{
	position: absolute;
	content: "\"";
	font-size: 60px;
	line-height: 1;
	position: absolute;
	top: 0px;
	left: 0px;
}	
*/

#testimonios .caption-container .person{
	position: relative;
	display: inline-block;
	padding: 10px 0px 0px 90px;
	text-align: left;
	min-height: 70px;
}
#testimonios .caption-container .person img{
	position: absolute;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	left: 0px;
	top: 0px;
}
#testimonios .caption-container .person .title{
	display: block;
	color: #6730e3;
	font-size: 18px;
	font-weight: 700;
}
#testimonios .caption-container .person .subtitle{

}


/* clientes
============================== */
/*
.clientes{
	padding: 100px 0px 80px 0px;
	background-color:#f6f6f6;
	text-align:center;
	}
.clientes img{
	max-width:100%;
	opacity:0.5;
	-webkit-transition:all .6s ease;
	-moz-transition:all .6s ease;
	-o-transition:all .6s ease;
	transition:all .6s ease;
	margin-bottom:15px;	
	}
.clientes img:hover{
	opacity:0.8;
}		
*/
.clientes-carousel .item{
	display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-grid-column-align: center;
    justify-items: center;
    width: 60%;
    height: auto;
    -webkit-transition: -webkit-transform .5s ease-in;
    transition: -webkit-transform .5s ease-in;
    transition: transform .5s ease-in;
    transition: transform .5s ease-in,-webkit-transform .5s ease-in;
    margin: 8px auto;
}
.clientes-carousel .item img {
    max-width: 100%;
    max-height: 100%;
    -webkit-filter: opacity(50%);
    filter: opacity(90%);
    width: 100%;
}
.clientes-carousel .item:hover {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.clientes-carousel .item:hover img {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}    
.owl-dots{
	margin-top: 20px;
	margin-bottom: 60px;
}
.dot-indicator.owl-carousel button.owl-dot.active span {
    background: #6730e3;
    border: 2px solid transparent;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}
.owl-carousel .owl-dots .owl-dot.active span, .owl-carousel .owl-dots .owl-dot:hover span {
    background: #869791;
}
.dot-indicator.owl-carousel button.owl-dot span {
    display: inline-block;
    width: 12px;
    height: 12px;
    box-sizing: border-box;
    background: #d8d8d8;
    border-radius: 50%;
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
    transition: 0.3s;
}
.owl-carousel .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px;
}


/* Redes contacto
================================= */
.redescontacto{
	display: block;
	margin:0px;
	padding: 0px;
	list-style: none;
	text-align: center;
}
.redescontacto li{
	display: inline-block;
	font-size: 0px;
	padding: 0;
	margin:0px 10px;
}
.redescontacto li a{
	display: block;
	width: 50px;
	height: 50px;
	line-height: 50px;
	font-size: 17px;
	text-align: center;
	text-decoration: none;
	background-color: #6730e3;
	border-radius: 50%;
	color: #FFF;
}
.redescontacto li a:hover{
	background-color: #9629e6;
	color: #FFF;
}


/* Más soporte
================================= */
.row-centered {
    text-align:center;
    font-size: 0px;
}
.col-centered {
    display:inline-block;
	vertical-align: top;    
    float:none;
    text-align: center;
    font-size: 14px;
}
.massoporte{
	min-height: 220px;
	margin-bottom: 50px;
}
.massoporte .title{
	position: relative;
	font-size: 17px;
	margin-bottom: 15px;
	font-weight: 700;
	color: #252525;
}
.massoporte .btn{
	margin-top: 10px;
}

	
/* Map
================================= */
/*
#map-canvas{
	height:400px;
	}
*/	
	

/* Footer
================================= */
#footer{
	position: relative;
	color:#EEE;	
	padding-top:120px;
	background-image:url("../images/footer-bg.png");
	background-position: center top;
	background-repeat:no-repeat;
	background-size: cover;
	}
/*
#footer:before{
	position: absolute;
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	height: 64px;
	background-image:url("../images/footer-top-shape.png");
	background-position: center -2px;
	background-repeat:no-repeat;
	background-size: cover;
}
*/
#footer .title{
	display:block;
	font-size:17px;
	font-weight:700;
	color:#FFF;
	margin-bottom:25px;
	}
#footer .title:after {
	content:"";
	display:block;
    width: 40px;
    height: 2px;
    background-color: #FFF;
	margin-top:15px;
}
#footer .datos{
	margin:0px;
	padding:0px;
	list-style:none;
	}
#footer .datos li{
	position:relative;
	padding:5px 0px 5px 30px;
	margin:0px;	
	}
#footer .datos li i{
	position:absolute;
	top:7px;
	left:0px;
	color:#FFF;
	font-size: 16px; 
	}
.redes{
	display:block;
	margin:25px 0px 0px 0px;
	padding:0px;
	list-style:none;
	}
.redes li{
	margin:0px;
	padding:0px;
	margin-right:10px;
	display:inline-block;
	}
.redes li a{
	display:block;
	width:40px;
	height:40px;
	font-size:14px;
	background-color:#6730e3;
	color:#FFF !important;
	border-radius:50%;
	line-height:40px;
	vertical-align:middle;
	text-align:center;
	}
.redes li a:hover{
	background-color:#FFF;
	color:#6730e3 !important;
	}
.logofooter{
	margin-top: 30px;
	max-width:180px;
	margin-bottom:20px;
	}	
#subfooter{
	border-top: 1px solid rgba(255,255,255,0.1);
	padding-top:15px;
	padding-bottom:15px;
	text-align:center;
	}
#subfooter a{
	color: #FFF;
}
#subfooter a:hover, subfooter a:focus{
	color:#FFF !important;
}	
.ful{
	margin:0px;
	padding:0px;
	list-style:none;
	}	

.ful li{
	margin:0px;
	padding:0px;
	}
.ful li:last-child{
	border-bottom:none;
	}	
.ful li a{
	display: block;
	padding: 5px 0px;
	color:#eee;
	text-decoration:none;
	}
.ful li a:hover{
	color:#FFF;
	padding-left: 5px;
	}


/* Fgaleria
================================= */	
.fgaleriacontainer{
	padding-left:7.5px;
	padding-right:7.5px;
	}
.fgaleria{
	padding-left:7.5px;
	padding-right:7.5px;
	}
.fgaleria a{
	position:relative;
	display:block;
	background-color:#090;
	margin-bottom:15px;
	}	
.fgaleria a div{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;	
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:block;
	background-color:#6730e3;
	opacity:0;
	}
.fgaleria a div span{
	position:relative;	
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;	
	}	
.fgaleria a div span i{
	position:absolute;
	top:0px;
	left:0px;
	color:#FFF;
	width:30px;
	height:30px;
	line-height:30px;
	background-image: url('data:image/gif;base64,R0lGODlhHwAfAIABAP///////yH/C1hNUCBEYXRhWE1QPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS4zLWMwMTEgNjYuMTQ1NjYxLCAyMDEyLzAyLzA2LTE0OjU2OjI3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxOERENDhBNzBCNUQxMUU3QThDOEQ3NTE4QjY1REJENCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxOERENDhBODBCNUQxMUU3QThDOEQ3NTE4QjY1REJENCI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE4REQ0OEE1MEI1RDExRTdBOEM4RDc1MThCNjVEQkQ0IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE4REQ0OEE2MEI1RDExRTdBOEM4RDc1MThCNjVEQkQ0Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+Af/+/fz7+vn49/b19PPy8fDv7u3s6+rp6Ofm5eTj4uHg397d3Nva2djX1tXU09LR0M/OzczLysnIx8bFxMPCwcC/vr28u7q5uLe2tbSzsrGwr66trKuqqainpqWko6KhoJ+enZybmpmYl5aVlJOSkZCPjo2Mi4qJiIeGhYSDgoGAf359fHt6eXh3dnV0c3JxcG9ubWxramloZ2ZlZGNiYWBfXl1cW1pZWFdWVVRTUlFQT05NTEtKSUhHRkVEQ0JBQD8+PTw7Ojk4NzY1NDMyMTAvLi0sKyopKCcmJSQjIiEgHx4dHBsaGRgXFhUUExIREA8ODQwLCgkIBwYFBAMCAQAAIfkEAQAAAQAsAAAAAB8AHwAAAkCMj6nLHeBig7Iiai3OcnPnfUwoKmR5oaA6saO7nKxsAvaN5/puZzT6KwVFw0+Rc/TBTMtEUtNMRQ3PSrUzFRUAADs=');
	background-repeat:no-repeat;
	background-position:center center;
	text-align:center;
	vertical-align:middle;
	margin-top:-15px;
	margin-left:-15px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
	opacity:0;	
	}	
.fgaleria a img{
	width:100%;
	}
.fgaleria a:hover > div{
	opacity:1;
	}
.fgaleria a:hover > div span i{
	opacity:1;
	top:50%;
	left:50%;
	}

	

/* Back-to-top
================================= */
.back-to-top, .back-to-top:focus {
	position: fixed;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
    bottom: 15px;
    left: 15px;
	border-radius:50%;
    text-decoration: none;
    color: #FFF;
    background-color: #6730e3;
    display: none;
    z-index: 10;
	}
.back-to-top:hover{    
    background-color:#9629e6;
	color:#FFF;
	}


/* WhatsappButton
================================= */
.whatsappbutton{
	position: fixed;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
    bottom: 15px;
    right: 15px;
    text-decoration: none;
    color: #FFF;
    background-color: #6730e3;
    border-radius: 50%;
    font-size: 22px;
    z-index: 10;
	}
.whatsappbutton:hover{    
    background-color:#9629e6;
	color:#FFF;
	}

	
/* Admin 
================================= */
.adminrow{
	margin-bottom:20px;
	}
.adminrow img{
	width:100%;
	}	
.atool{
	display:inline-block;
	margin-right:15px;
	font-size:12px;
	}
.atool i{
	padding-right:4px;
	}
#newimage{
	display:none;
	}
.uladmin{
	margin:0px;
	padding: 0px;
	list-style: none;
	}
.uladmin li{
	margin:0px 0px 10px 0px;
	padding: 0px;
}	

	

	
/* Media Queries
================================= */
@media screen and (max-width: 992px) {

	.caption-container .titulo{
		font-size:29px;
		}
	.caption-container .descripcion{
		font-size:37px;
		}

}

@media screen and (max-width: 767px) {
	.h1{
		font-size:37px;
		}
	.h2{
		font-size:27px;
		}

	.logo{
		left:15px;
		}
	.caption-container .titulo{
		font-size:21px;
		}
	.caption-container .descripcion{
		font-size:27px;
		}
	#slider .carousel-control, #slider .carousel-control:focus{
		top:auto;
		bottom: 10px;
		}
	.massoporte{
		min-height: inherit;
	}


	#subfooter .pull-left, #subfooter .pull-right{
		float: none !important;
		margin-top: 10px;
	}
						
}

@media screen and (max-width: 480px) {

}




/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}