/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

body *, html * {
	font-family:Roboto
}

::-moz-selection { /* Code for Firefox */
  color: white;
  background: #5C0F8C;
}

::selection {
  color: white; 
  background: #5C0F8C;
}

.img-header {
	position:absolute;
	width:650px;
	right:0;
	top:-50px;
	z-index:2;
	opacity:0.5
}
.logo-header {
	margin:40px 0;
	width:300px
}
.slider-element * {
	max-height:500px
}
.slide {
	min-height:500px;
	background-size:cover;
	background-position:center center
}
section.padding {
	padding:50px 0
}
h3 {
	color:#5C0F8C;
	font-family: Roboto;
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 30px;
}
p {
	font-family: 'Libre Baskerville', serif;
	font-size:12px
}
p strong {font-size:15px}

.pi-copyright {height:12px;}


.pais {display:block;     font-family: Roboto;
    font-size: 20px;
    line-height: 1.2;}
footer {
	background:#5C0F8C;
	color:white;
	padding:50px 0
}
footer p {
	font-family:Roboto;
	margin:0;
	font-weight:300;
	font-size:12px;
	line-height:1.5
}

p:last-child {margin:0}
.logo-footer {
	width:280px;
	margin:30px auto
}
.flexslider:after {
	content:'';
	top:0;
	left:0;
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.3)
}
footer a {
	color:white;
}
footer a:hover {
	color:white;
	transition:0.3s;
	text-decoration:underline!important
}
 @media (max-width: 768px) {
 
 .slide {
    min-height: 300px;}
 
 .flex-control-nav li a {width: 6px !important;
    height: 6px !important;}
	
	.flex-control-nav li {width: 6px !important;
    height: 6px !important; margin:1.5px}
 
 .slider-caption, .flex-caption {
    position: relative;
    margin: 50px auto 30px;}
 
 .slider-element * {
    max-height: 300px;
}
 
 .mtmobile40 {margin-top:80px}
 
 .header-white {
height:200px;
}
 .logo-header {
position:absolute;
z-index:3
}
}