/*
 *  Liquid Slider v2
 *  Copyright 2012 Kevin Batdorf
 *  http://liquidslider.com
 *  MIT license
 */



body {
  margin:0px;
  padding:0px;	
  @import url(http://fonts.googleapis.com/css?family=Bangers);
}

.header {
	background-image:url(../images/headerBG.jpg);
	height:auto;
	width:auto;
	margin:0;
	padding:0;
	height:110px;
}
		
.logo {
	height:140px;
	width:400px;
	position: static;
	float:right;
	margin-right:20px;
	margin-top:0px;
	background-image:url(../images/Logo2.png)
}

.social {
	margin-left:2%;
	width:114px;
	position:absolute;
	margin-top:60px;	
}

.underline {
	width:100%;
	height:3px;
	background-color:#12901a;
}

.space {
	width:100%;
	height:30px;
}

.NavLogos {
	 max-width:100% !important;
    max-height:100% !important;
    display:block;
}


.textMain {
	font-family: 'Bangers', cursive;
	text-align:center;
	font-size:2.5em;
}

.spanID {
	color: #12901a;
}

.KeysImg {
	max-width:999px;
	margin:auto;
	padding:auto;
}

.stepSpace{
	width:100%;
	height:35px;
	max-width:800px;
}

.btmMainText {
	font-family: 'Bangers', cursive;
	text-align:center;
	font-size:1.7em;
	color: #119019;
	width:300px;
	margin-right:auto;
	margin-left:auto;
	float: inherit;
	
}

.btmMainText a{
	font-family: 'Bangers', cursive;
	text-align:center;
	color: #119019;
	text-decoration:none;
}

.btmMainText a:hover{
	font-family: 'Bangers', cursive;
	text-align:center;
	color: #ED265B;
	text-decoration:none;
}



.btmMainText2 {
	font-family: 'Bangers', cursive;
	text-align:center;
	font-size:1.7em;
	color: #119019;
	width:300px;
	margin:auto;
	padding:auto;
}

.btmMainText2 a{
	font-family: 'Bangers', cursive;
	text-align:center;
	color: #119019;
	text-decoration:none;
}

.btmMainText2 a:hover{
	font-family: 'Bangers', cursive;
	text-align:center;
	color: #ED265B;
	text-decoration:none;
}


.btmMainText3 {
	font-family: 'Bangers', cursive;
	text-align:center;
	font-size:1.7em;
	color: #119019;
	max-width:600px;
	margin:auto;
	padding:auto;
}

.btmMainText3 a{
	font-family: 'Bangers', cursive;
	text-align:center;
	color: #119019;
	text-decoration:none;
}

.btmMainText3 a:hover{
	font-family: 'Bangers', cursive;
	text-align:center;
	color: #ED265B;
	text-decoration:none;
}


.footerLine{
	width:100%;
	height:4px;
	background-color:#000;
}

.btnfooter {
	background-color:#119019;
	color:#FFF;
	text-align:center;
	font-size:0.7rem;
}

.ServicesLogo {
	 max-width:100% !important;
    max-height:100% !important;
    display:block;
}

.PhotoLogo {
	 width:100% !important;
	 max-width:600px;
	 margin:auto;
    max-height:100% !important;
    display:block;
}

.ServSpace {
	width:100%;
	height:10px;
}

.WebDev {
	font-family: 'Bangers', cursive;
	text-align:left;
	font-size:2.0em;
	color: #119019;
	max-width:900px;
	margin:auto;
	padding:auto;
}

.SEO {
	font-family: 'Bangers', cursive;
	text-align:left;
	font-size:2.0em;
	color: #119019;
	max-width:900px;
	margin:auto;
	padding:auto;
}

.WebDevDomainandHosting {
color:#000;
font-size:0.6em;	
}

.DomainandHostingSpan {
color:#000;
font-size:0.6em;	
}

.DomainandHosting {
	font-family: 'Bangers', cursive;
	text-align:left;
	font-size:2.0em;
	color: #119019;
	max-width:900px;
	margin:auto;
	padding:auto;
}

.WebDevSpan {
color:#000;
font-size:0.6em;	
}

.SEOSpan {
color:#000;
font-size:0.6em;	
}

.portfolioText {
color:#000;
font-size:2.1em;
text-align:center;
margin-top:5%;
font-family: 'Bangers', cursive;	
}

.PortfolioWrapper1 {
	max-width:900px;
	margin:auto;
	padding:auto;
}

.catappaImg {
	float:left;
}

.canopyImg {
	float:left;
}

.malpaisurfcamImg {
	float:right;
}

.PortfolioWrapper2 {
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
	padding-top:70px;
}

.HermosaImg {
	float:left;
}

.CaboBlancoImg {
	float:left;
}

.SuenodelMarImg {
	float:right;
}

.PortfolioWrapper3 {
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
	padding-top:100px;
}

.OlingoImg {
	float:left;
}

.MatisaImg {
	float:left;
}

.HotlavaImg {
	float:left;
}

.TransportadoresImg {
	float:left;
}

.faqText {
color: #000;
font-size:2.0em;
text-align:center;
margin-top:5%;
font-family: 'Bangers', cursive;	
}

.faqqueText {
color: #119019;
font-size:1.8em;
text-align:left;
font-family: 'Bangers', cursive;	
margin-left:5%;
margin-right:5%;
}

.faqansText {
color:#000;
font-size:1.2em;
text-align:left;
font-family: 'Bangers', cursive;
margin-left:5%;
margin-right:5%;
}

.faqansTextspan {
color: #ED265B;
}

.mainSocialWrap {
max-width:545px;
margin-right:auto;
margin-left:auto;
padding:auto;
}

.socialWraper{
	max-width:545px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	display: inline-block;
}

.fb {
	width:310px;
	float:left;
	}

.googlePlus{
	width:65px;
	float:left;
}

.twitterBtn {
	width:85px;
	float: left;
}

.stumbleBtn{
	width:85px;
	float:left;
}
	

.stepsWrapper {
	max-width:975px;
	margin-left:auto;
	margin-right:auto;
}

.stepsWrapperMain {
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}


.stepOneImg {
	margin:auto;
	width:300px;
}


.StepOneHeaderText {
	font-size:2.3em;
	color:#ED265B;
	text-align:center;
	font-family: 'Bangers', cursive;
	margin-top:5%;
	margin-bottom:5%;
}


.StepOneText {
	font-size:1.2em;
	color:#000;
	text-align:center;
	font-family: 'Bangers', cursive;
	margin:30px;
}

.stepSpacer {
	width:100%;
	height:35px;
}




.stepTwoImg {
	margin:auto;
	width:300px;
}

.StepTwoHeaderText {
	font-size:2.3em;
	color:#ED265B;
	text-align:center;
	font-family: 'Bangers', cursive;
	margin-top:5%;
	margin-bottom:5%;
}


.StepTwoText {
	font-size:1.2em;
	color:#000;
	text-align:center;
	font-family: 'Bangers', cursive;
	margin:30px;
}



.stepThreeImg {
	margin:auto;
	width:300px;
}

.StepThreeHeaderText {
	font-size:2.3em;
	color:#ED265B;
	text-align:center;
	font-family: 'Bangers', cursive;
	margin-top:5%;
	margin-bottom:5%;
}


.StepThreeText {
	font-size:1.2em;
	color:#000;
	text-align:center;
	font-family: 'Bangers', cursive;
	margin:30px;
}

#ContactWrapper {
	background-image:url(../images/backgroundContact.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.ContactSpace {
	width:100%; height:50px;
}

.ContactText {
	color: #000;
font-size:2.0em;
text-align:center;
margin-top:5%;
font-family: 'Bangers', cursive;
}

.ContactTextMail {
	color: #000;
font-size:2.0em;
text-align:center;
font-family: 'Bangers', cursive;
}

.ContactTextMail a {
	color: #EC265C;
	text-decoration:none;
}
.ContactTextMail a:hover {
	color:#119019;
	text-decoration:underline;
}

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

.ContactTextMail {
	color: #000;
font-size:1.0em;
text-align:center;
font-family: 'Bangers', cursive;
}

.ContactTextMail a {
	color: #EC265C;
	text-decoration:none;
}
.ContactTextMail a:hover {
	color:#119019;
	text-decoration:underline;
}

}
.ContactFrame {
	width:100%; height:100%; min-height:590px; max-width:450px; border:none; margin-left:auto; margin-right:auto; overflow: hidden;
}

#NavLogoImg {
	width:100%;
	height:100%;
}
/*Slider*/

.no-js .liquid-slider {
  overflow:scroll;
}
.ls-preloader {  
  background: url(../images/loading.gif)  #FFF no-repeat center 50%;
  opacity:1;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
}

.spacerPortfolio {
	width:100%; height:100px
}

/*** Containers ***/
.ls-wrapper {
  clear: both;
  overflow: auto;
  position: relative;
}
.liquid-slider {
  background: #FFF;
  margin: 0 auto;
  float: left;
  overflow: hidden;
  position: relative;

}
.ls-responsive .liquid-slider {
  width: 100%;
  margin: 0;
}
.panel-container {
  position: relative;
  -webkit-backface-visibility: hidden;
  -webkit-perspective: 1000;
  /* from http://davidwalsh.name/translate3d */
}
.liquid-slider .panel-container .fade {
  width:100%;
  opacity: 0;
  position: absolute;
  top: 0; 
  left: 0;
  display: block;
}

/*** Panels ***/
.liquid-slider .ls-panel {  
  width: 100%;
  display: block;
  float:left;
}
.panel-wrapper {  
  padding: 15px 40px;
  position:relative;
}

/*** Tabbed Navigation ***/
.ls-nav {
  overflow:hidden;
  clear:both;
}
.ls-nav a {
  background: #FFF;
  font-family: 'Bangers', cursive;
  color: #333333;
  margin-right: 1px;
  padding: 10px 25px;  
  outline:0;
  font-size:2.5em;
}
.ls-nav a:hover {
  background: #FFF;
  color: #12901a;
  text-shadow: none;
  text-decoration:none;
}
.ls-nav .current a {
  background: #FFF;
  color: #12901a;
}
.currentCrossLink {
  font-weight: bold;
}
.ls-nav ul {  
  padding:0;
  clear: both;
  display: block;
  margin: auto;
  overflow: hidden;
}
.ls-nav ul li {
  display: inline;
}
.ls-nav ul li a {
  display: block;
  float: left;
  text-decoration: none;
}

/*** Mobile Navigation ***/
.ls-select-box { 
  width: 100%;
  height: 35px;
  overflow: hidden;
  background: url(../images/menu.png) no-repeat right;
  background-color:#119019;
  color: #EC265C;
}
.ls-select-box select {  
  width: 150%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance:none;
  background: transparent;
  padding: 5px;
  font-size: 110%;
  border: none;
  height: 35px;
  cursor:pointer;
  outline: 0;
}



h2 {
	font-size:0px;	
}




@media only screen and (max-width:350px) {
	
	@import url(http://fonts.googleapis.com/css?family=Bangers);
	
	body {
  margin:0px;
  padding:0px;	
  @import url(http://fonts.googleapis.com/css?family=Bangers);
}
	
	.header {
		height:150px;
	}
	
	.social {
		margin-left:60% !important;
		margin-top:90px;
	}
	
	.logo {
	height:123px;
	width:350px;
	background-image:url(../images/Logo2.png);
	background-size:contain;
}

	.mainSocialWrap {
max-width:280px;
margin-right:auto;
margin-left:auto;
padding:auto;
}

	.space {
		height:0px;
	}
	
	.NavLogos img{
	max-width:100% !important;
    height:auto;
    display:block;
	
}

.ServicesLogo img{
	max-width:100% !important;
    height:auto;
    display:block;
}

.stepOne {
	max-width:400px;
	margin:auto; !important
}

.btmMainText {
	font-family: 'Bangers', cursive !important;
	text-align:center !important;
	font-size:1.7em !important;
	color: #119019 !important;
	width:300px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	float: left !important;
	
}

.logo {
	height:105px !important;
	width:300px !important;
	position: static !important;
	float:right !important;
	margin-top:0px !important;
	background-image:url(../images/Logo.png) !important;
	margin-left:1% !important;
}

}
 /* iphone */
    @media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
		@import url(http://fonts.googleapis.com/css?family=Bangers);
		body {
  margin:0px;
  padding:0px;	
  @import url(http://fonts.googleapis.com/css?family=Bangers);
}
        img { max-width: 100%; }
		.logo {
	height:123px;
	width:350px;
	background-image:url(../images/Logo2.png);
	background-size:contain;
}

.NavLogos img{
	max-width:100% !important;
    height:auto;
    display:block;
	
}

.ServicesLogo img{
	max-width:100% !important;
    height:auto;
    display:block;
}

.stepOne {
	max-width:400px;
	margin:auto; !important
}

.btmMainText {
	font-family: 'Bangers', cursive !important;
	text-align:center !important;
	font-size:1.7em !important;
	color: #119019 !important;
	width:300px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	float: left !important;
	
}

.logo {
	height:105px !important;
	width:300px !important;
	position: static !important;
	float:right !important;
	margin-top:0px !important;
	background-image:url(../images/Logo.png) !important;
margin-left:1% !important;
}

.social {
		margin-left:60% !important;
		margin-top:90px;
	}

    }

    /* ipad */
    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
		@import url(http://fonts.googleapis.com/css?family=Bangers);
		body {
  margin:0px;
  padding:0px;	
  @import url(http://fonts.googleapis.com/css?family=Bangers);
}
img { max-width: 100%; }


.NavLogos img{
	max-width:100% !important;
    height:auto;
    display:block;
	
}

.ServicesLogo img{
	max-width:100% !important;
    height:auto;
    display:block;
}

.btmMainText {
	font-family: 'Bangers', cursive !important;
	text-align:center !important;
	font-size:1.7em !important;
	color: #119019 !important;
	width:300px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	float: left !important;
	
}

.logo {
	height:105px !important;
	width:300px !important;
	position: static !important;
	float:right !important;
	margin-top:0px !important;
	background-image:url(../images/Logo.png) !important;
	margin-left:1% !important;
	}

.social {
		margin-left:60% !important;
		margin-top:90px;
	}

    }

 @media only screen and (min-device-width : 640px) and (max-device-width : 1024px) {
		@import url(http://fonts.googleapis.com/css?family=Bangers);
		body {
  margin:0px;
  padding:0px;	
  @import url(http://fonts.googleapis.com/css?family=Bangers);
}
img { max-width: 100%; }


.NavLogos img{
	max-width:100% !important;
    height:auto;
    display:block;
	
}

.ServicesLogo img{
	max-width:100% !important;
    height:auto;
    display:block;
}

.btmMainText {
	font-family: 'Bangers', cursive !important;
	text-align:center !important;
	font-size:1.7em !important;
	color: #119019 !important;
	width:300px !important;
	margin-right:auto !important;
	margin-left:auto !important;
	float: left !important;
	
}

.logo {
	height:105px !important;
	width:300px !important;
	position: static !important;
	float:right !important;
	margin-top:0px !important;
	background-image:url(../images/Logo.png) !important;
	margin-left:1% !important;
	}

.social {
		margin-left:60% !important;
		margin-top:90px;
	}

    }