/*     <-------- CSS/CUSTOM.CSS -------->     */

html {
  /* Adjust the value (e.g., 50px or 5rem) to your liking */
  scroll-behavior: smooth; /* Optional: makes the jump a smooth glide */
}


	/* Fonts */
    
    
		/* google font imports */
        
        @import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;700&family=PT+Serif:wght@400;700&display=swap');

		@font-face {
		  font-family: "Flaticon";
		  src: url("../fonts/Flaticon.eot");
		  src: url("../fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
			   url("../fonts/Flaticon.woff2") format("woff2"),
			   url("../fonts/Flaticon.woff") format("woff"),
			   url("../fonts/Flaticon.ttf") format("truetype"),
			   url("../fonts/Flaticon.svg#Flaticon") format("svg");
		  font-weight: normal;
		  font-style: normal;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) {
		  @font-face {
			font-family: "Flaticon";
			src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
		  }
		}

		[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
		[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
		  font-family: Flaticon;
			font-style: normal;}

.flaticon-assets:before { content: "\f100"; }
.flaticon-real-estate:before { content: "\f101"; }
.flaticon-leasing:before { content: "\f102"; }
.flaticon-contract:before { content: "\f103"; }
.flaticon-moving-truck:before { content: "\f104"; }

		@font-face {
		  font-family: "Flaticon2";
		  src: url("../fonts/propiedades/Flaticon.eot");
		  src: url("../fonts/propiedades/Flaticon.eot?#iefix") format("embedded-opentype"),
			   url("../fonts/propiedades/Flaticon.woff") format("woff"),
			   url("../fonts/propiedades/Flaticon.ttf") format("truetype"),
			   url("../fonts/propiedades/Flaticon.svg#Flaticon") format("svg");
		  font-weight: normal;
		  font-style: normal;
		}

		@media screen and (-webkit-min-device-pixel-ratio:0) {
		  @font-face {
			font-family: "Flaticon2";
			src: url("../fonts/propiedades/Flaticon.svg#Flaticon2") format("svg");
		  }
		}

		[class^="flaticon2-"]:before, [class*=" flaticon2-"]:before,
		[class^="flaticon2-"]:after, [class*=" flaticon2-"]:after {   
			font-family: Flaticon2;
			font-size: 20px;
			font-style: normal;
			color: #FF9141;
			padding-right: 10px;
		}

		.flaticon2-ruler:before { content: "\f100"; }
		.flaticon2-placeholder:before { content: "\f101"; }
		.flaticon2-car-in-garage:before { content: "\f102"; }
		.flaticon2-tool:before { content: "\f103"; }
		.flaticon2-furniture:before { content: "\f104"; }

		/* google font imports */
        
	/* Fonts */

	/* ie10 viewport bug workarround */
		@-ms-viewport{width:device-width;}
		@-o-viewport{width:device-width;}
		@viewport{width:device-width;}
	/* ie10 viewport bug workarround */

	/* Static Generic Material */
		img {max-width: 100%;}

		/* Static Divs */
		.fix10{width:10%}.fix15{width:15%}
		.fix20{width:20%}.fix25{width:25%}
		.fix30{width:30%}.fix35{width:35%}
		.fix40{width:40%}.fix45{width:45%}
		.fix50{width:50%}.fix55{width:55%}
		.fix60{width:60%}.fix65{width:65%}
		.fix70{width:70%}.fix75{width:75%}
		.fix80{width:80%}.fix85{width:85%}
		.fix90{width:90%}.fix95{width:95%}
		.fix1_3{width:33.33%}.fix2_3{width:66.67%}
		/* Static Divs */
	
		/* Margin Divs */
		.div10{width:10%;margin:0 45%;}.div15{width:15%;margin:0 42.5%;}
		.div20{width:20%;margin:0 40%;}.div25{width:25%;margin:0 37.5%;}
		.div30{width:30%;margin:0 35%;}.div35{width:35%;margin:0 32.5%;}
		.div40{width:40%;margin:0 30%;}.div45{width:45%;margin:0 27.5%;}
		.div50{width:50%;margin:0 25%;}.div55{width:55%;margin:0 22.5%;}
		.div60{width:60%;margin:0 20%;}.div65{width:65%;margin:0 17.5%;}
		.div70{width:70%;margin:0 15%;}.div75{width:75%;margin:0 12.5%;}
		.div80{width:80%;margin:0 10%;}.div85{width:85%;margin:0 7.5%;}
		.div90{width:90%;margin:0 5%;}.div95{width:95%;margin:0 2.5%;}
		.div1_3{width:33.32%;margin:0 33.34%;}.div2_3{width:66.66%;margin:0 16.67%;}
		/* Margin Divs */

		/* Shortcuts */	.floatleft{float:left}.floatright{float:right}.clr{clear:both}.center{text-align:center}.right{text-align:right}.left{text-align:left}.relative{position:relative}.oHide{overflow:hidden}
		/* Shortcuts */

	/* Static Generic Material */
		img{max-width:100%;}
		h1,h2,h3,h4,h5,h6{
			font-family: 'PT Serif';
			line-height:1.4;
			color:#333;}
		h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{
			line-height:1.2;}
		h1,h2,h3,h4,h5,h6 {
			margin-top:.8em;
			margin-bottom:.5em}
		h1 small,h2 small,h3 small,
		h4 small,h5 small,h6 small{font-size:50%}
		h1{font-size:36px;}
		h2{font-size:32px}
		h3{font-size:28px;}
		h4{font-size:24px}
		h5{font-size:20px}
		h6{font-size:18px}
		p{margin:0 0 10px;font-size:18px;color:#333;font-weight: 300;}
		li{font-size:20px;color:#333;font-weight: 300;}
		a,a:hover,a:focus,a:active,a:visited{text-decoration:none !important;outline-offset: 0px;}

		small {font-size: .85em}
		.container-fluid,.container{margin:0;padding:0;width:100%;}
		/* Hover Effects */

		.darken,
		.glow,
		.grayToColor,
		.colorToGray,
		.grow{
			-moz-transition:all ease 0.5s;
			-webkit-transition:all ease 0.5s;
			-o-transition:all ease 0.5s;
			transition:all ease 0.5s;}


		/* oscurecer */
		.darken{
			-moz-filter:brightness(1);
			-webkit-filter:brightness(1);
			-o-filter:brightness(1);
			filter:brightness(1);}
		.darken:hover{
			-moz-filter:brightness(0.5);
			-webkit-filter:brightness(0.5);
			-o-filter:brightness(0.5);
			filter:brightness(0.5);}
		/* oscurecer */

		/* brillar */
		.glow{
			-moz-filter:brightness(0.6);
			-webkit-filter:brightness(0.6);
			-o-filter:brightness(0.6);
			filter:brightness(0.6);}
		.glow:hover{
			-moz-filter:brightness(1.5);
			-webkit-filter:brightness(1.5);
			-o-filter:brightness(1.5);
			filter:brightness(1.5);}
		/* brillar */

		/* gris a color */
		.grayToColor{
			filter:grayscale(.9);
			-webkit-filter:grayscale(.9);
			-moz-filter:grayscale(.9);
			-o-filter:grayscale(.9);
			-ms-filter:grayscale(.9);}
		.grayToColor:hover{	
			filter:grayscale(0);
			-webkit-filter:grayscale(0);
			-moz-filter:grayscale(0);
			-o-filter:grayscale(0);
			-ms-filter:grayscale(0);}
		/* gris a color */

		/* color a gris */
		.colorToGray{
			filter:grayscale(0);
			-webkit-filter:grayscale(0);
			-moz-filter:grayscale(0);
			-o-filter:grayscale(0);
			-ms-filter:grayscale(0);}
		.colorToGray:hover{	
			filter:grayscale(.9);
			-webkit-filter:grayscale(.9);
			-moz-filter:grayscale(.9);
			-o-filter:grayscale(.9);
			-ms-filter:grayscale(.9);}
		/* color a gris */

		/* agrandar */
		.grow:hover{transform:scale(1.3);}
		/* agrandar */

		/* Hover Effects */

	/* Static Generic Material */

	/* Customizable Generic Material */
	
		/* Structural */
		#wrapper{
	  		font-family: 'Barlow Condensed', sans-serif;
			display:block;
			width:100%;
			margin:0 auto;
			padding:0;
			max-width:1366px;
			box-shadow:0 0 50px rgba(0,0,0,0.5);
			border:0px solid rgba(0,0,0,0.25);	
			background:#fff;
			overflow: hidden;
		}
        
		#divInfoBarTop{background:#2cb139 ;padding:5px 5% 5px 25%;margin:0;}
		#divInfoBarTop p{color: #FFF !important;padding:0;margin:0;text-align:center; font-size:12px;}
		#divInfoBarTop p a{color: #FFF;}
		#divInfoBarTop p a:hover{color:rgba(109,159,210,1);}
		#divInfoBarTop p span{color: #FFF !important;}
        
		#footercontainer{
			border-top: 5px solid #2cb139;
			clear:both;
			width:100%;
			padding:0;
			margin:0 auto 0;
			background:#111;
			overflow:hidden;}	
        #footercontainer > div.col-xs-12 {margin:0;padding:0;} 	/* map div */

		footer{
			clear:both;
			width:100%;
			margin:0 auto;
			padding:0; 
			text-align:center;}
		footer h4{color:#2cb139;}
		footer a,
		footer a:visited{text-decoration:none;color:#ffffff;}		
		footer a:hover,
		footer a:active,
		footer a:focus{outline:0;text-decoration:none;color:#2cb139;}
		footer p{
			margin:0 auto;
			padding:0;
			font-size:20px;
			color:#2cb139;
    		line-height: 2em;}
		footer span.redesSociales {
			font-size: 2em;
			padding-left: .25em;
			padding-right: .25em;}
    
		div.divRecaptcha{width: 67%;margin: 0 auto;}
        
        ul.check { list-style-type: none;}

		li.check {padding-bottom: .5em;}
		
		li.check:before {
		  content:"\f00c"; /* FontAwesome Unicode */
		  color:#2cb139;
		  font-family:FontAwesome;
		  display:inline-block;
		  margin-left:-1.3em; /* same as padding-left set on li */
		  width:1.3em; /* same as padding-left set on li */
		}
		
		/* Structural */


		/* Imagenes */
		
		.imgRedondas{border-radius:50%;}
		.imgCenter{margin-left:auto;margin-right:auto;}
		/* Imagenes */

		/* Lines */
		.hrTop100{
			margin:0 auto 20px;
			border:0;
			height:0;
			width:100%;
			border-top:#ffa500 5px solid;}
		.hrSmall{
			margin:25px auto;
			border:0;
			height:0;
			width:80px;
			border-top:#000 2px solid;}
		.hrMed{
			margin:25px auto;
			border:0;
			height:0;
			width:300px;
			border-top:#000 2px solid;}
		.hr100{
			margin:15px auto;
			border:0;
			height:0;
			width:100%;
			border-top:#000 1px solid;}
		.hrSmallLeft{
			margin:30px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#2cb139 2px solid;}
		.hrWhiteLeft{
			margin:30px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#2cb139 2px solid;}
		.hrSmallRight{
			margin:15px inherit;
			border:0;
			height:0;
			width:80px;
			border-top:#2cb139 1px solid;}
		.hrSmallLeftWhite{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#fff 1px solid;}
		.hrSmallLeftBlack{
			margin:15px 0;
			border:0;
			height:0;
			width:80px;
			border-top:#222 1px solid;}
				
		
		.hrLight{
			margin:0px;
			border:0px;
			height:0;
			border-top:rgba(255,255,255,0.25) 1px solid;
			border-bottom:rgba(255,255,255,0.1) 1px solid;
		}
		.hrDark{
			margin:0px;
			border:0px;
			height:0;
			border-top:rgba(0,0,0,0.25) 1px solid;
			border-bottom:rgba(0,0,0,0.1) 1px solid;
		}
		div.gradientLine {
			-moz-border-image:-moz-linear-gradient(left,rgba(222,91,4,1) 0,rgba(222,91,4,1)80%,rgba(222,91,4,0) 100%);
			-webkit-border-image:-webkit-linear-gradient(left,rgba(222,91,4,1) 0,rgba(222,91,4,1) 80%,rgba(222,91,4,0) 100%);
			border-image:linear-gradient(to right,rgba(222,91,4,1) 0,rgba(222,91,4,1) 80%,rgba(222,91,4,0) 100%);
			border-image-slice:1;
			margin:15px auto;		}
        
		div.gradientDestacado{
			-moz-border-image: -moz-linear-gradient(left,#3333 0,#555555 100%);
			-webkit-border-image: -webkit-linear-gradient(left,#333333 0,#555555   100%);
			border-image: linear-gradient(to right,#333333 0,#555555   100%);
			border-image-slice: 1;margin: 15px auto;
		}
		/* Lines */

		/* Buttons */
		.verMas1 {
			-webkit-font-smoothing:antialiased;
			position:relative;
			padding:.8em 2em .8em 1em;
			background:#FF9141;
			border-radius:4px;
			color:#FFF;
			transition:.2s;
			font-weight:bold;
			text-align:center;
			display:block;
			width:75%;
			margin:0 auto;
		  	min-width:12em;
		}
		.verMas1:hover{color:#FFF;background:#2cb139;text-decoration:none;}
		.verMas1:active,
		.verMas1:focus{background:#FFFF;outline:none;}
		.verMas1:after{
			position:absolute;
			top:0;
			bottom:0;
			right:0;
			padding-top:inherit;
			padding-bottom:inherit;
			width:2.8em;
			content:"\f178";
			font-family:'FontAwesome',sans-serif;
			font-size:1.2em;
			text-align:center;
			transition:.2s;
		}
		.verMas1:hover:after{
			-webkit-animation:bounceright .3s alternate ease infinite;
			animation:bounceright .3s alternate ease infinite;
		}

		.verMas2{
			-webkit-font-smoothing:antialiased;
			position:relative;
			padding:.8em 1em;
			background:#FFF;
			border-radius:4px;
			color:#2cb139;
			transition:.2s;
			font-weight:bold;
			text-align:center;
			display:block;
			float:left;
			margin:0 auto;
		  	min-width:12em;
			-webkit-transition:all 0.5s ease;
			-moz-transition:all 0.5s ease;
			-o-transition:all 0.5s ease;
			transition:all 0.5s ease;
		}
		.verMas2:hover{	
			color: #fff;
			background:#2cb139}
		
		
		/* Buttons */

	/* Customizable Generic Material */

	/* Bootstrap Customized Material */



		/* Nav Menu */

		.navbar{
			margin-bottom:0;
			width: 100%;
		}
		nav.navbar-fixed-top{
			background-color: #fff;
            left:auto;
            right:auto;
            max-width:1366px
            ;width:100%; 
            z-index: 1040;}
            
		.navbar-logoBrand{
            width:10%;
            margin:25px 0 0 0 !important;
            float: left;
            -webkit-transition: all 0.2s ease;
            -moz-transition: all 0.2s ease;
            -o-transition: all 0.2s ease;
            transition: all 0.2s ease;}
        .navbar-header{
			width:20%;
			margin:0 0 0 5% !important;
			float: left;}
        .navbar-collapse{
			width:45%;
			margin:25px 5% 0 25%  !important;
			float: left; padding: 0;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all 0.2s ease;}
		
		ul.nav.navbar-nav{width:100%; padding: 0;}
		
		#divLogo {
			padding:5px 0px 5px;  /*relacion con .imgLogo{max-height}/ relacion con .navbar li a{line-height} /*/
			overflow: hidden;
			margin: 0 auto;
			text-align:center;
		}
		
		.imgLogo{
			max-height:160px;/*relacion con #divLogo {padding}/ relacion con .navbar li a{line-height} /*/
			padding:0;
			height:auto;
			margin:0 0;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all 0.2s ease;
		}
			
			
		.navbar-brand {
			display:block;
			float: inherit;
			height: initial;
			padding: initial;
			line-height: initial;
			font-size: initial;
			margin: 0 !important;
    		border: 0 solid transparent !important;
    		background: transparent !important;
		}
		.navbar span {padding:0;color: #000;}
		.navbar-default .navbar-collapse, 
		.navbar-default .navbar-form{
			border-color:transparent;
			border-bottom:0 solid transparent;}
		.navbar-default{
			border-bottom: 5px solid #2cb139;
			-webkit-transition: all 0.2s ease;
			-moz-transition: all 0.2s ease;
			-o-transition: all 0.2s ease;
			transition: all 0.2s ease;}
		
		
        /* nav menu items */
        
            /* ul and  li styles */
                .navbar li {border:none; margin:0;padding: 0; font-size:12px;}
                .navbar li:nth-child(1){width:18%;}
                .navbar li:nth-child(2){width:20%;}
                .navbar li:nth-child(3){width:20%;}
                .navbar li:nth-child(4){width:22%;}
                .navbar li:nth-child(5){width:20%;}
                .navbar li.active:after{
                    position: absolute;
                    bottom: 0;
                    left: 10%;
                    margin-left: -5px;
                    width: 80%;
                    height: 5px;
                    background: #2cb139;
                    border-radius: 2px;
                    display: table;
                    content: " ";}
        
        
            /* anchor styles */
            
            .navbar-default .navbar-nav>li>a{
				font-family: "PT Serif", serif;
				font-weight: 400;
                color:#000;
                border-top:0 solid transparent; 
                font-size:14px;
                line-height:85px;
                text-align:center;
                padding:0;
                margin:0; 
                text-transform: uppercase; 
                letter-spacing:1px;
                -webkit-transition: all 0.2s ease;
                -moz-transition: all 0.2s ease;
                -o-transition: all 0.2s ease;
                transition: all 0.2s ease;}
		
            .navbar-default .navbar-nav>li>a:hover,
            .navbar-default .navbar-nav>.active>a,
            .navbar-default .navbar-nav >.active>a:hover{
                color: #2cb139;/*hover / active*/
                background-color: transparent;}
            .navbar-default .navbar-nav>.active > a:focus,
            .navbar-default .navbar-nav>li >a:focus{
                background-color: transparent;
                color: #2cb139;/*hover / active*/}
                
            .dropdown-menu>.active>a{background-color:transparent;}
        
        
        
            /* Scroll down Changes */
		          nav.colorAlBajar.navbar-fixed-top{  
                    box-shadow: 5px 0 15px rgba(0,0,0,0.05);}
		          nav.colorAlBajar .navbar-logoBrand{margin:5px 0 0 0 !important;}
                  nav .colorAlBajar{ }

                 nav.colorAlBajar .navbar-nav>li>a{
                     line-height: 30px;}
               nav.colorAlBajar .navbar-nav  .navbar-collapse {
                    width: 45%;
                    margin: 15px 5% 5px 25% !important;}
               nav.colorAlBajar.navbar-default .navbar-nav>li>a:hover,
               nav.colorAlBajar.navbar-default .navbar-nav>.active>a,
               nav.colorAlBajar.navbar-default .navbar-nav >.active>a:hover{}
                nav.colorAlBajar.navbar-default .navbar-nav>.active > a:focus,
               nav.colorAlBajar.navbar-default .navbar-nav>li >a:focus{}
                nav .colorAlBajar .navbar span {}
                nav .colorAlBajar #divLogo {}
                
                nav.colorAlBajar.navbar li.active:after{ 
                    height: 3px;
                    border-radius: 1px;}
        
		        .classImagenAlBajar{max-height: 55px;}
		/* Nav Menu */


		
		

	/* Bootstrap Customized Material */

	/* PANTALLAZOS */
	#home,#nosotros,#servicios,#vision,#contacto {
		margin:0;
		padding:70px 0 0;
		min-height:672px;}
        
        
	#home{padding-top: 147px;
			border-bottom: 5px solid #2cb139;}

	#nosotros p {padding-top:0;margin-top: 0;}

	#nosotros img {}
	#servicios img {
		display: block;
		width: 30%;
		margin: 20px auto;
		max-width: 100px;
}

	#servicios h4 {text-shadow: 0px 0px 3px rgba(255,255,255,0.5);text-align:center;}
	#servicios div.well h4,#vision div.well h4 {font-size:24px;color: #2e3b67}
	#servicios div.well p,#vision div.well p {
			height: 5em;
			padding: 0 1em;}
	#servicios  [class^="flaticon-"]{
				text-align:center;
				color:#2cb139;
				font-size:80px;
				font-style:normal;
				display:block;
				margin:0 auto;}

	#servicios div.well li,
	#vision div.well li{font-size: 18px;}

	#servicios div.box {
		transform: scale(1);
		height: 329px;
		padding: 15px 20%;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}

	#servicios div.well,#vision div.well,#nosotros div.well {
		min-height: 500px;
		transform: scale(1);
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
	#vision div.well{min-height: 550px;}
	#nosotros div.well{min-height: auto;}

	#servicios div.well:hover,#vision div.well:hover,#nosotros div.well:hover  {
		box-shadow: 3px 3px 6px rgba(0,0,0,0.3);
		transform: scale(1.1);
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}
		
		
	#nosotros,
	#nosotros,
	#servicios,
	#propiedades,
	#contacto{
		background-repeat:no-repeat;
		background-position:center; 
		background-size:cover;
		width:100%;
		height:auto;
		margin:0;
		position:relative;}

	#intro {background: #eee}
	#nosotros	{background: #fff}
	#servicios{background: #eee}
	#vision	{background: #fff}	
	#contacto	{background: #eee url("../images/bg/contacto.jpg");}


    #nosotros h2,
	#servicios h2, 
	#propiedades h2,
	#contacto h2{color: #000;text-align: center;}

#servicios h4.margin0 {padding-top:0 ; margin-top:0;}
           
			
	#contactForm{width:100%;}

.section-title {
	position: relative
}
.section-title p {
	font-size: 16px;
	margin-bottom: 5px;
	font-weight: 400;
}
.section-title h4 {
	font-size: 40px;
	font-weight: 600;
	text-transform: capitalize;
	position: relative;
	padding-bottom: 20px;
	display: inline-block
}
.section-title h4:before {
	position: absolute;
	content: "";
	width: 80px;
	height: 3px;
	background-color: #000;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
}
#intro div.section-title h4:after {
	position: absolute;
	content: "";
	width: 50px;
	height: 3px;
	background-color: transparent;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

#intro div.section-title h4:before {
	position: absolute;
	content: "";
	width: 80px;
	height: 3px;
	background-color: transparent;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
	}
	
#intro a,#nosotros a,#servicios a, #vision a {
		display: block;
		margin: 20px auto;
		background: #2cb139;
		color: #fff;
		width: 10em;
		padding: .5em 1em;
		font-size: 24px;
		text-align: center;
		border-radius: .5em;
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}

#intro a:hover,#nosotros a:hover,#servicios a:hover, #vision a:hover {
		box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
		-webkit-transition: all 0.2s ease;
		-moz-transition: all 0.2s ease;
		-o-transition: all 0.2s ease;
		transition: all 0.2s ease;}

.section-title h4:after {
	position: absolute;
	content: "";
	width: 50px;
	height: 3px;
	background-color: #2cb139;
	left: 0;
	bottom: 0;
	left: 50%;
	margin-left: -25px;
}

.pt-100 {
	padding-top: 100px;
}
.pb-100 {
	padding-bottom: 100px;
}
.mb-100{
    margin-bottom:100px;
}


        
        div .google-maps {
            position: relative;
            overflow: hidden;}


		div.google-maps iframe{
			border-top: 5px solid #2cb139;
			border-bottom: 5px solid #2cb139;
            height:420px;
            width:100%;}

.color0 {color:#000;} 		/* black 	0,0,0 			*/
.color1 {color:#fff;} 		/* white 	255,255,255		*/
.color2	{color:#FF9141} 	/* lorange 	204,204,0 		*/
.color3	{color:#2e3b67} 	/* orange 	255,127,0		*/
.color4 {color:#ff0000;} 	/* red 		255,127,0		*/
.color5	{color:#ff00ff} 	/* purple 	255,0,255 		*/
.color6	{color:#0000ff} 	/* blue 	0,0,255 		*/
.color7	{color:#00f00f} 	/* green 	0,255,0 		*/

.bg0 {background:#000;} 		/* black 	0,0,0 			*/
.bg1 {background:#fff;} 		/* white 	255,255,255		*/
.bg2 {background:#FF9141} 	/* yellow 	204,204,0 		*/
.bg3 {background:#2cb139} 	/* orange 	255,127,0		*/
.bg4 {background:#ff0000;} 	/* red 		255,127,0		*/
.bg5 {background:#0000ff} 	/* blue 	0,0,255 		*/
.bg6 {background:#ff00ff} 	/* purple 	255,0,255 		*/
.bg7 {background:#00ff00} 	/* green 	0,255,0 		*/
.bg8 {background:#eee} 	/* green 	0,255,0 		*/

.col-sm-5th {
	position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
	width:20%;
}
		

	/* Responsive */

		/* Big Screens */
			@media screen and (min-width: 1920px) {
			}
		/* Big Screens */


		/* Tablets y PC */
			@media screen and (max-width: 1280px){  
                    .navbar-default .navbar-nav>li>a {font-size: 13px;}
			}

			@media screen and (max-width: 1112px){  
                    .navbar-default .navbar-nav>li>a {font-size: 12px;}
			}

			@media screen and (max-width: 1049px){  
                    .navbar-default .navbar-nav>li>a {font-size: 11px;}
			}

			@media screen and (max-width: 1024px){  
                    .navbar-default .navbar-nav>li>a {font-size: 10px;}
			}

			@media screen and (max-width: 800px){
                    .navbar-default .navbar-nav>li>a {font-size: 9px;}
			}

			@media screen and (max-width: 768px){
                    .navbar-default .navbar-nav>li>a {font-size: 13px;}
			}
		/* Tablets y PC */

			@media screen and (max-width: 767px){
                 .navbar li:nth-child(1){width:100%;}
				.navbar li:nth-child(2){width:100%;}
				.navbar li:nth-child(3){width:100%;}
				.navbar li:nth-child(4){width:100%;}
				.navbar li:nth-child(5){width:100%;}
                .navbar-default .navbar-nav>li>a {font-size: 14px;}
				.navbar-header{
					width:90%;
					margin:0 5%  !important;}
				.navbar-collapse{
					width:90%;
					margin:30px 5%  !important;}
				
				#home,
				#nosotros,
				#servicios,
				#contacto{min-height:auto;}
			}

		/* Celu horizontal */
			@media screen and (max-width:736px){  
			}

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

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

			@media screen and (max-width:568px){  
			}
		/* Celu horizontal */

        
            @media screen and (max-height: 575px){
                #rc-imageselect, .g-recaptcha {
                    transform:scale(0.77);
                    -webkit-transform:scale(0.77);
                    transform-origin:0 0;
                    -webkit-transform-origin:0 0;}
            }

		/* Celu vertical */
			@media only screen and (max-width:480px){
				footer p{text-align:center;}
				#contactoMapa {
					width:100%;
					margin:0 auto;}
				#contactoMapa img{max-width: inherit;}
				#contactForm{
					position:relative;
					width:98%;
					margin:0 auto;}
				#videoPad{
					margin:20px auto;
					position:relative; 
					width:90%; 
					height:0px; 
					padding-bottom:60%;}
                  #home {padding-top:85px;}  
                    
                    .imgLogo{max-height:80px; }
			}

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

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

			@media screen and (max-width: 320px){  
			}
		/* Celu vertical */

	/* Responsive */