
/*	==================================================================
		 CODIFICACION PARA EL SLIDER
	==================================================================	*/
.slider {
	width: 100%;
	height: 600px;
	margin-top: -30px;
	margin-bottom: 20px;
	z-index: 0;

}

#home {
  width: 100%;
	height: 600px;
  color: #fff;
}

.slider-overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 5;
  width: 100%;
  height: auto;
}

/*-----------------------------------------------------------------*/
/* Slider
/*-----------------------------------------------------------------*/

.section {
	padding:100px 0 70px;
	position:relative;
}

/*.section .container {
	position:relative;
}*/
.home {
  overflow: hidden;
	width: 100%;
	height: auto;
}

.home .slides {
  display: inline-block;
  width: 100%;
  height: auto;
}

.home .flexslider {
  overflow: hidden;
}

.big {
  font-size: 50px;
  font-weight: bold;
  line-height: 70px;
  text-transform: uppercase;
  margin: 6px -10px;
  color: #fff;
}

.small {
    font-size: 20px;
    font-weight: 200;
    color: #FFF;
    margin: 30px 0px 0px;
    text-transform: uppercase;
    font-weight: 600;
}

.home .flexslider .slides img {
  /*background-position: center 0;*/
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

/*.home .flexslider .slides img.parallax {
  background-attachment: fixed;
}*/

/*.flexslider.video img {
  background: none !important;
}*/

/*#video_player {
  bottom: 0;
  min-width: 100%;
  right: 0;
}*/

.slider-text-wrapper {
	position: absolute;
	width: 100%;
	height: 250px;
	top: 40%;
	left: 0;
	margin-top: -125px;
	text-align: center;
	z-index:999;
}

.slider-text-wrapper .btn {
	margin-top: 60px;
	border:2px solid #FFF;
	background:transparent;
	color:#FFF;
}

.btn {
	display: inline-block;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	-moz-user-select:none;
	margin-bottom:0;
}
.slider-text-wrapper a{
	text-decoration: none;
	outline: none;
}


.flex-control-nav {
	bottom: 40px;
	z-index: 999;
	position: absolute;
	width: 100%;
	text-align: center;
}

.flex-control-nav li {
  display: inline-block;
}

.flex-control-paging li a {
  width: 12px !important;
  height: 12px !important;
  box-shadow: none !important;
  background: #fff!important;
  display: inline-block !important;
  text-indent: -9999px !important;
  border-radius: 50% !important;
  margin: 0 6px !important;
  cursor: pointer !important;
  z-index:999 !important;
}

.flex-control-paging li a.flex-active {
  background: #18263a;
}

.flexslider {
  position: relative;
  height: 700px;
}

.flex-prev {
  color: #333;
  font-size: 40px;
  height: 40px;
  left: 20px;
  margin-top: -20px;
  position: absolute;
  top: 40%;
  width: 40px;
  z-index: 2;
}

.home .flex-prev, .home .flex-next {
  color: #FFF;
  transition: none 0s ease 0s;
  z-index: 999;
  font-size: 3em;
  text-decoration: none;
}

.flex-next {
  color: #333;
  font-size: 40px;
  height: 40px;
  right: 0px;
  margin-top: -20px;
  position: absolute;
  top: 40%;
  width: 40px;
  z-index: 2;
}
.home .flex-prev, .home .flex-next {
  color: #fff;
  transition: none;
}


/*-----------------------------------------------------------------*/
/*  Flexslider
/*-----------------------------------------------------------------*/

.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}

.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}

.flexslider {
	margin: 0;
	padding: 0;
}

.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
}

.flexslider .slides img {
	width: 100%;
	display: block;
	height:630px;
}

.flex-pauseplay span {
	text-transform: capitalize;
}

.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

html[xmlns] .slides {
	display: block;
}

* html .slides {
	height: 1%;
}

.no-js .slides > li:first-child {
	display: block;
}

.flex-control-nav {
	position:absolute;
	bottom: 20px;
	text-align:center;
	width: 100%;

}

.flex-control-nav li {
	margin: 0 3px;
	display: inline-block;
}

.flex-control-nav li a {
	width: 30px;
	height: 5px;
	background: #FFF;
	text-indent:-9999px;
	display:block;
	opacity: 0.4;
}

.flex-control-nav li a.flex-active {
	opacity: 1;
}

.flex-direction-nav .flex-prev:hover,  .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
#pageloader {
	width: 100%;
	height: 100%;
	position: fixed;
	background-color:#FFF;
	z-index: 999;
}

.loader {
	position: absolute;
	width: auto;
	height:auto;
	margin: -25px 0 0 -25px;
	top:50%;
	left:50%;
	text-align:center;
}

/*.overlay {
	position: absolute;
	display: block;
	width: 100%;
	top: 0px;
	left: 0px;
}*/


/*-----------------------------------------------------------------*/
/* Buttons
/*-----------------------------------------------------------------*/

.btn {
    box-shadow: none;
    line-height: 22px;
    font-weight: 600;
    padding: 6px 23px;
    font-size: 15px;
    border-radius: 20px;
    border: 2px solid transparent;
    color: #262B37;
    transition: all 200ms ease 0s;
}

.btn-red {
	background: rgb(243, 88, 91);
	border-color: rgb(243, 88, 91);
	color:#FFF;
}
.btn-red:hover, .btn-red:focus {
	background:#FFF;
	border-color: FFFF;
	color:#000;
}

.btn-white {
	background:#FFF;
	border-color: FFFF;
	color:#5F5A5A;
}

.btn-white:hover, .btn-white:focus {
	color: #FFF;
	background: #ffd211;
	border-color:#ffd211;
}


.btn-gray-border:hover, .btn-gray-border:focus {
	color: #FFF;
	background: rgb(243, 88, 91);
	border-color: rgb(243, 88, 91);
}

.btn-green {
	background:#7EC13F;
	border-color: #7EC13F;
	color:#FFF;
}

.btn-green:hover, .btn-green:focus {
	color: #FFF;
	background:transparent;
	border-color: #FFF;
}

.btn-gray-border {
    border: 2px solid #7A7A7B;
    background: transparent;
    color: #4F4F50;
}

.btn-gray-border:hover, .btn-gray-border:focus {
	color: #FFF;
	background:#7EC13F;
	border-color:#7EC13F;
}
