/*---------------------page style-------------------------*/

html, body{
	margin: 0;
	padding: 0;
	border: 0;
	background-color:#FFF;
	font-family: 'Quicksand', sans-serif;
}
.newsletter{
		width: 100%;
        height: 100vh;
        background-color: black;
		position:absolute;
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
        max-width:100%;
        max-height:100%;
        overflow:auto;
		z-index:99999;
		opacity:0.7;
}
.newsform{
		width: 600px;
        height: 500px;
        background-color: white;
		position:absolute;
        left:0; right:0;
        top:0; bottom:0;
        margin:auto;
        max-width:100%;
        max-height:100%;
        overflow:auto;
		z-index:99999;
}

.main-container{
	width:100%;
	height:100vh;
	background-size:cover;
}

.loading {
	width: 100%;
	height:100%;
	height: 100vh;
	background-color: #fff;
	position:fixed;
	z-index:999999;
}

#loading-image {
 	position:absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;
	margin: auto;
  	z-index: 100;
  	width:350px;
}

.about-container{
	position:absolute;
	z-index:1;
	left:0;
	top:0;
	width:50%;
	height:100%;
	background-color: rgba(0, 0, 0, 0.7);
	display:none;
	
	
}

#titulos{
	width:50%;
	height:70%;
	margin: auto;
 	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	color:#fff;
	font-family: 'Quicksand', sans-serif;
	font-size:1.2vw;
	display:none;
}
	
	
#textos{
	width:50%;
	height:60%;
	margin: auto;
 	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	color:#fff;
	font-family: 'Quicksand', sans-serif;
	font-size:0.9vw;
	line-height:150%;
	text-align:justify;
	display:none;
}
.services-container{
	position:absolute;
	z-index:100;
	left:50%;
	top:0;
	width:50%;
	height:100vh;
	background-color:#fff;
	display:none;
}

#titulos-negativo{
	width:50%;
	height:70%;
	margin: auto;
 	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	color:w#000;
	font-family: 'Quicksand', sans-serif;
	font-size:1.2vw;
	display:none;
}
	
	
#textos-negativo{
	width:50%;
	height:60%;
	margin: auto;
 	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	color:#000;
	font-family: 'Quicksand', sans-serif;
	font-size:0.9vw;
	line-height:150%;
	text-align:justify;
	display:none;
}
	
	

/*---------------------menu buttons hover-------------------------*/
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: black;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
  color: black;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

/*---------------------plus/close button container/position-------------------------*/

.button-container{
	position:absolute;
	bottom:50px;
	right:70px;
}

.button-container a{
	text-decoration:none;
	font-size:20px;
	color:#FFF;
	padding:20px 100px;
	border:solid 1px #fff;
	font-family: 'Quicksand', sans-serif;
	text-transform:uppercase;
}

.plus_button{
	padding:14.5px;
	position:absolute;
	bottom:66px;
	left:60px;
	border:1px solid #fff;
	cursor:pointer;
}

.close_button{
	padding:14.5px;
	position:absolute;
	bottom:66px;
	left:60px;
	border:1px solid #fff;
	cursor:pointer;
}

/*---------------------main logo style/animation-------------------------*/

.main-logo{
	width:100px;
	position:absolute;
	top:-50px;
	left:60px;
	z-index:1;
		-webkit-animation: fadein 6s;
       	-moz-animation: fadein 6s;
        -ms-animation: fadein 6s;
        -o-animation: fadein 6s;
           animation: fadein 6s;
		   transition: ease-in-out 0.2s;
			-moz-transition: ease-in-out 0.2s;
			-ms-transition: ease-in-out 0.2s;
			-o-transition: ease-in-out 0.2s;
			-webkit-transition: ease-in-out 0.2s;
}

.main-logo:hover{
	top:-45px;
	transition: ease-in-out 0.2s;
			-moz-transition: ease-in-out 0.2s;
			-ms-transition: ease-in-out 0.2s;
			-o-transition: ease-in-out 0.2s;
			-webkit-transition: ease-in-out 0.2s;
}

.mobile-menu-bt{
	display:none;
}
	

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*---------------------slideshow style/animation-------------------------*/

.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
	margin:0;
    z-index: 0; 
	list-style-type:none;
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(../images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
	padding:0;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    left: 0px;
	padding:0;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family:'Quicksand', sans-serif;
	text-transform:uppercase;
    font-size: 1.8vw;
	margin-top:200px;
	margin-left:48%;
	text-align:left;
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(../img/1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(../img/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(../img/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(../img/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(../img/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(../img/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}

@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 0.5 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 0.5 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}

.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}