/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
}

body {
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}

.grow { transition: all .2s ease-in-out; }
.grow:hover { transform: scale(1.1); }


/*PRELOAD*/

.centrado{
	display:flex;
	height:100%;
	justify-content:center;
	align-items: center;}
	
.esconder{
	overflow:hidden;}	

.preloader {
  width: 70px;
  height: 70px;
  border: 10px solid #eee;
  border-top: 10px solid #666;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/*FIN PRELOAD*/



.redes-fixed{
	background-color: transparent;
	right:100px;
	position:fixed;
	padding:14px 10px;
	bottom:6%;
	width:50px;
	height:50px;
	z-index:5000;
	transition:0.3s;}
	
.redes-fixed:hover{
	background-color: transparent;
	position:fixed;
	padding:14px 10px;
	bottom:7%;
	width:50px;
	height:50px;
	z-index:5000;
	transition:0.3s;}

.redes-fixed2{
	background-color: transparent;
	right:100px;
	position:fixed;
	padding:14px 10px;
	bottom:24%;
	width:50px;
	height:50px;
	z-index:5000;
	transition:0.3s;}
	
.redes-fixed2:hover{
	background-color: transparent;
	position:fixed;
	padding:14px 10px;
	bottom:25%;
	width:50px;
	height:50px;
	z-index:5000;
	transition:0.3s;}



.img-portfolio {
    margin-bottom: 30px;
}

.bgicon-1{
	background:url(../images/bg-icon1.jpg) no-repeat;
	padding-bottom:0px;
	position: relative;
	top:0;
	transition:0.3s;
	height:150px;
	width:160px;}
	
.bgicon-1:hover{
	background:url(../images/bg-icon1.jpg) no-repeat;
	padding-bottom:5px;
	position: relative;
	top:5px;
	transition:0.3s;
	height:150px;
	width:160px;}
	
.bgicon-2{
	background:url(../images/bg-icon2.jpg) no-repeat;
	padding-bottom:0px;
	position: relative;
	top:0;
	transition:0.3s;
	height:150px;
	width:160px;}
	
.bgicon-2:hover{
	background:url(../images/bg-icon2.jpg) no-repeat;
	padding-bottom:5px;
	position: relative;
	top:5px;
	transition:0.3s;
	height:150px;
	width:160px;}	
	
.bgicon-3{
	background:url(../images/bg-icon3.jpg) no-repeat;
	padding-bottom:0px;
	position: relative;
	top:0;
	transition:0.3s;
	height:150px;
	width:160px;}
	
.bgicon-3:hover{
	background:url(../images/bg-icon3.jpg) no-repeat;
	padding-bottom:5px;
	position: relative;
	top:5px;
	transition:0.3s;
	height:150px;
	width:160px;}
	
.bgicon-4{
	background:url(../images/bg-icon4.jpg) no-repeat;
	padding-bottom:0px;
	position: relative;
	top:0;
	transition:0.3s;
	height:150px;
	width:160px;}
	
.bgicon-4:hover{
	background:url(../images/bg-icon4.jpg) no-repeat;
	padding-bottom:5px;
	position: relative;
	top:5px;
	transition:0.3s;
	height:150px;
	width:160px;}
	
.bgicon-5{
	background:url(../images/bg-icon5.jpg) no-repeat;
	padding-bottom:0px;
	position: relative;
	top:0;
	transition:0.3s;
	height:150px;
	width:160px;}
	
.bgicon-5:hover{
	background:url(../images/bg-icon5.jpg) no-repeat;
	padding-bottom:5px;
	position: relative;
	top:5px;
	transition:0.3s;
	height:150px;
	width:160px;}				
	
.icon-1{
	position: relative;
	bottom:0px;
	height:150px;
	transition:0.3s;
	width:160px;
	}
.icon-1:hover{
	position: relative;
	bottom:10px;
	height:150px;
	transition:0.3s;
	-webkit-transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
	width:160px;
	}
	
.grow { transition: all .2s ease-in-out;
opacity:0.9; }
.grow:hover { transform: scale(1.01);
opacity:1; }


 /* Hover Blur Effect */
    .text-white {
      color: #fff;
    }
    .hover-blur a {
      display: block;
      position: relative;
      overflow: hidden;
    }
    .hover-blur img {
      width: 100%;
      height: auto;
      -webkit-transition: all 0.5s ease-in-out;
      -moz-transition: all 0.5s ease-in-out;
      -o-transition: all 0.5s ease-in-out;
      -ms-transition: all 0.5s ease-in-out;
      transition: all 0.5s ease-in-out;
    }
    .hover-blur:hover img {
      -webkit-transform: scale(1.2);
      -moz-transform: scale(1.2);
      -o-transform: scale(1.2);
      -ms-transform: scale(1.2);
      transform: scale(1.2);
      -webkit-filter: grayscale(0.6) blur(1px);
      filter: grayscale(0.6) blur(1px);
    }
    .hover-blur a h4 {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      height: 100%;
      width: 100%;
      padding: 15% 20px;
      text-align: center;
      background-color: rgba(0,0,0,0.5);
      /*background dotted*/
      background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      background-image: repeating-radial-gradient(center center, rgba(0,0,0,.8), rgba(0,0,0,.8) 1px, transparent 1px, transparent 100%);
      -webkit-background-size: 3px 3px;
      -moz-background-size: 3px 3px;
      background-size: 3px 3px;
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blur:hover a h4 {
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
      filter: alpha(opacity=100);
      opacity: 1;
    }
    .hover-blur .text-white {
      -webkit-transform: scale(0);
      -moz-transform: scale(0);
      -o-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
      filter: alpha(opacity=0);
      opacity: 0;
    }
    .hover-blur:hover .text-white {
      -webkit-transform: scale(1);
      -moz-transform: scale(1);
      -o-transform: scale(1);
      -ms-transform: scale(1);
      transform: scale(1);
      -webkit-transition: all 0.5s linear;
      -moz-transition: all 0.5s linear;
      -o-transition: all 0.5s linear;
      -ms-transition: all 0.5s linear;
      transition: all 0.5s linear;
      -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=1)";
      filter: alpha(opacity=1);
      opacity: 1;
    }


/* Sweep To Top */
.hvr-sweep-to-top {
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #a87956;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -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-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}




@-webkit-keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
       transform: translateX(-5px);
    } 
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes swing
{
    15%
    {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
    30%
    {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    50%
    {
        -webkit-transform: translateX(3px);
        transform: translateX(3px);
    }
    65%
    {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    80%
    {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
    100%
    {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.swing:hover
{
        -webkit-animation: swing 1s ease;
        animation: swing 1s ease;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
}

.rotate:hover
{
	transition:0.3s;
        -webkit-transform: rotateZ(-30deg);
        -ms-transform: rotateZ(-30deg);
        transform: rotateZ(-30deg);
}
		

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/********** for the fixed main  MENU SCROLL CHANGE*********/
.fixed-main{
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
    background: rgba(0, 0, 0, 0.42)!important;
}
img.logo, .card__image-container .menu-button{
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.fixed-main img.logo{
    position: relative;
    top: 5px;
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
img.logo{
-moz-transform: scale(1.2);
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

.fixed-main .card__image-container .menu-button{
    margin-top: 0px!important;
    position: relative;
    top: 5px;
}
#main .card__image-container .menu-button{
    margin: 0px 0 10px 0;
}

/********** for the fixed main  FIN MENU SCROLL CHANGE*********/


/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */


.border-left{
	border-left:solid 5px #f7931e;
	padding-left:20px;}
	
.margin-bottom-ho{
	margin-top: 0px;
	transition:0.2s;}
	
.margin-bottom-ho:hover{
	margin-top: -10px;
	transition:0.2s;}		

.orange{
	color:#f7931e;}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:767px) {
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
}





.padding-general{
	padding: 20px 15px;
	}

.padding-general-2{
	padding: 25px 0;
	}
	

	
.bg-fucsia2{
	background: #ec3f49;}	
	
.bg-gris{
	background: #f2f2f2;}
			
	
.blue{color:#003D57;}

.gray{color:#808080;}

.alto{
	min-height:100px;}

.white{
	color:#FFF;}
	
	.head{
		padding:30px 0;}

.navbar {
  position: fixed;
  min-height: 50px;
  margin-bottom: 0px;
  background-color: transparent;
  width:100%;
  z-index:1000;
}		
			
	
	
.btn {
  display: inline-block;
  padding: 13px 50px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border-radius:0;
  border:2px solid ;
}


.btn-default {
  color: #fff;
  background-color: transparent;
  border-color: #fff;
}

.btn-default:hover {
  color: #003D57;
  background-color:#fff;
  border-color: #fff;
}

a {
  transition:0.3s;
}

.bg-menu{
	background:#242c5a;}
	
.bg-footer{
	background:#061F30;}	
	
.footer{
	background: #003D57;
	padding:70px 0 0 0;}
	
	figure.snip1205 {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  width: 100%;
  background: #1b2144;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
figure.snip1205 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}
figure.snip1205 img {
  max-width: 100%;
  vertical-align: top;
}
figure.snip1205 i {
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  color: #000000;
  width: 80%;
  /* height: 60px; */
  /* line-height: 60px; */
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  transition: all 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
figure.snip1205 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}
figure.snip1205:hover img,
figure.snip1205.hover img {
  opacity: 0.3;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
figure.snip1205:hover i,
figure.snip1205.hover i {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
  transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

	

 h1,
.h1 {
  font-size: 25px;
}
h2,
.h2 {
  font-size: 18px;
}
h3,
.h3 {
  font-size: 14px;
  line-height:18pt;
}
h4,
.h4 {
  font-size: 13px;
}
h5,
.h5 {
  font-size: 12px;
}
h6,
.h6 {
  font-size: 11px;
}

.not{
	margin-bottom:30px;}
	
.img-not{
		z-index:950;
	position:relative;}

	
	
	
.bg-blue-foto{
	background:#242c5a;
	padding-bottom:100px;}	
	
.padding0{
	padding-left:0 !important;
	padding-right:0 !important;}
	
.padding1{
	padding-left:1px !important;
	padding-right:1px !important;}		
	
.bg-white{
	background:#fff;
	}
	
.padding-top{
	padding-top:20px;
	padding-bottom:20px;}	
	
.padding-top-int{
	padding-top:20px;
	padding-bottom:20px;}	
			
	
.pad5{ padding:5%;}
.pad10{ padding:10%;}
.pad15{ padding:15%;}

.pad2-width{
	padding-left:2%;
	padding-right:2%;}
	
	
.mb20{
	margin-bottom:20px;}
.mb30{
	margin-bottom:30px;}
.mb40{
	margin-bottom:40px;}
.mb50{
	margin-bottom:50px;}
.mb60{
	margin-bottom:100px;}					
	
	
	
.logo{
	margin-top:-45px;
	}
	
.fono{
	margin-top:-45px;
	}		

.col-20{
	width:50%;
	float:left;}
	

	  
.paddtop5{
	padding-top:5%;}
	
.paddtop10{
	padding-top:10%;}
	
.paddtop15{
	padding-top:15%;}
	
.paddtop20{
	padding-top:20%;}
	
.paddtop40{
	padding-top:40%;}
	
.paddtop60{
	padding-top:60%;}	
	
						  	
	.bg-fucsia-home{
	background:#e9414e;
	padding:40px 0;}
	
.bg-blue-line{
	background:url(../images/edificio.jpg) center center no-repeat;
	}
	
.bg-blue-line2{
	background:url(../images/edificio.jpg) center center no-repeat;
	background-size:100%;
	}	
	

.bg-blue{
	background: #003D57;
	padding:50px 40px;}	
	
	
/** pagina cotizacion +*/
.paddingCero{padding: 0px;}
.cotiza{}
.cotiza h1{margin-bottom: 30px;}
.cotiza p{
    margin: 15px 0;
    padding: 10px 0px;
    border: solid 1px #4d4d4d;
    text-transform: uppercase;
    text-align: center;
}
.cotiza p.final{
    display: block;
    width: 100%;
    border: none;
    text-align: left;
    margin-top: 0px;
    padding: 0px;
}
.cotiza .datos{margin: 15px 0;}
.col-input{width: 33.3%; float: left;margin: 0px; padding: 0px;}
.cotiza .datos form label{width: 100%; font-size: 10px;}
.cotiza .datos form input{
    width: 100%;
    background: #f5b63e;
    border: solid 1px #f5b63e;
    padding: 12px 20px;
    text-align: center;
    color: #4d4d4d;
    font-weight: 600;
}
.cotiza .datos form input::placeholder{color: #fff; font-weight: 900; text-align: center; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.54);}
.cotiza input, .cotiza textarea, .cotiza select{transition: all linear 300ms;}
.cotiza input:focus, .cotiza textarea:focus, .cotiza select:focus {background: #fff!important; border-color: #e66113!important;}
.cotiza input:focus::placeholder, .cotiza textarea:focus::placeholder, .cotiza select:focus::placeholder{color: #4d4d4d;}
.cotiza h2{
    color: #4d4d4d;
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 30px;
}
.cotiza .form-control{border-color: #868686; padding-left: 25px;}
.cotiza .form-control::placeholder{text-transform: uppercase;}	

.box-cot{
	border:1px #fff solid;
	padding:10px 15px;
	min-height:80px;
	margin-bottom:10px;}	
	
	
	
/*********************** Demo - 2 *******************/
.box1 img,.box1:after,.box1:before{width:100%;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}



.box2{position:relative}
.box2 img{width:100%;height:auto}
.box2 .box-content{width:100%;height:100%;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%)}
.box2 .box-content:after,.box2 .box-content:before,.box2:after,.box2:before{content:"";width:80%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);transition:all .5s ease 0s}
.box2:before{background:linear-gradient(45deg,rgba(0,0,0,.2) 49%,transparent 50%);left:-100%}
.box2:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.2) 50%);left:160%}
.box2 .box-content:after,.box2 .box-content:before{width:65%;height:65%;background:linear-gradient(45deg,rgba(0,0,0,.3) 49%,transparent 50%);left:-100%;transition-delay:.1s}
.box1 .box-content:after{background:linear-gradient(45deg,transparent 49%,rgba(0,0,0,.3) 50%);left:160%}
.box2:hover .box-content:after,.box2:hover .box-content:before,.box2:hover:after,.box2:hover:before{left:50%}
.box2 .inner-content{width:50%;height:50%;color:#fff;padding:40px 0;position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%) scale(0);transition:all .3s ease .2s}
.box2 .inner-content:after{width:100%;height:100%;background:rgba(0,61,87,.8);position:absolute;top:50%;left:50%;z-index:-1;transform:translate(-50%,-50%) rotate(45deg)}
.box2:hover .inner-content{transform:translate(-50%,-50%) scale(1);transition:all .3s ease 0s}
.box2 .title{font-size:18px;font-weight:700;text-transform:uppercase;margin-bottom:5px}
.box2 .post{display:block;font-size:14px;text-transform:capitalize;margin-bottom:7px}
.box10 .title,.box11 .title,.box4 .title,.box5 .title,.box6 .box-content,.box7 .title{text-transform:uppercase}
.box2 .icon{padding:0;margin:0;list-style:none;transform:rotateY(360deg) scale(0);transition:all .3s ease 0s}
.box2:hover .icon{transform:rotateY(0) scale(1)}
.box2 .icon li{display:inline-block;margin:0 3px}
.box2 .icon li a{display:block;width:35px;height:35px;line-height:35px;background:#fff;font-size:16px;color:#505050;transition:all .3s ease 0s}
.box2 .icon li a:hover{box-shadow:0 0 0 5px rgba(0,0,0,.5);background:#fff;color:#ff4f4f}
@media only screen and (max-width:990px){.box2{margin-bottom:30px}
}
@media only screen and (max-width:320px){.box2 .inner-content{padding:25px 0}
.box2 .title{font-size:16px}
}	



	
.bg-cafe{
	background:#E2B48E;
	padding:50px 20px;}	
	
.m-negative{
	margin-top:-150px;}	
	
	
.bg-fourcade2{
	background:url(../images/sobre-fourcade2.jpg) center center no-repeat;
	padding:40px 0 80px 0;
	min-height:200px;}			
	
.bg-frase1{
	background: url(../images/bg-frase1.jpg) center center no-repeat;
	padding:50px 0;
	min-height:200px;
	margin-bottom:50px;}
	

	
.bg-blue-expertos{
	background: url(../images/bg-expertos.png) center center no-repeat;
	padding-left:10px;
	min-height:300px;}		
		
	
.pad-col1{
	padding:80px 0;}	
	
/***********************fin  Demo - 2 *******************/	



.bg-cuadrado{
	background:url(../images/bg-cuadrado.jpg) top right no-repeat;
	min-height:500px;}
	
.box-cotiza{
	border:solid 1px #fff;
	margin:5px 10px;
	padding:10px;}	
	


.simple_carousel_control_icons {
  line-height: 55px;
  font-size: 18px !important;
  font-weight: normal !important;
  background:#003D57;
  padding:10px 10px;
}

.bg-corte{
	background:url(../images/footercorte.png) no-repeat center bottom;
	height:100px;
	padding-top:10px;}


.bg-madera{
	background:url("../images/bg-madera.jpg") no-repeat;
	padding: 80px 0;
}

	
@media (min-width: 768px) {
    #main .card__image-container .menu-button{
        margin: 50px 0 0 50px;
    }
    img.logo{
-moz-transform: scale(1);
-webkit-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);}
	.fixed-main .card__image-container .menu-button{
    top: 15px;}
    .fixed-main img.logo{
        position: relative;
    top: 4px;
-moz-transform: scale(.7);
-webkit-transform: scale(.7);
-o-transform: scale(.7);
-ms-transform: scale(.7);
transform: scale(.7);}
    

.simple_carousel_control_icons {
  line-height: 55px;
  font-size: 38px !important;
  font-weight: normal !important;
  background:#003D57;
  padding:20px 30px;
}	

.bg-cafe{
	background:#E2B48E;
	padding:50px 50px;}
		
	
.footer{
	background:#003D57;
	padding:70px 0 0 0;}
		
	
body {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #808080;
  background-color: #fff;
}

.bg-fourcade2{
	background:url(../images/sobre-fourcade2.jpg) center center no-repeat;
	padding:10px 0 130px 0;
	min-height:300px;}
	
.bg-blue-expertos{
	background: url(../images/bg-expertos.png) center center no-repeat;
	padding-left:40px;
	min-height:300px;}		
	

.padding-top{
	padding-top:100px;
	padding-bottom:30px;}	
	
.padding-top-int{
	padding-top:70px;
	padding-bottom:30px;}		
	
.logo{
	margin-top:-50px;
	}

.fono{
	margin-top:-55px;
	}	
	
  .container {
    width: 750px;
  }
  
  .padding-general{
	padding: 100px 15px;
	}
	
	
	
.padding-general-2{
	padding: 50px 0;
	}	
	
h1,
.h1 {
  font-size: 50px;
}
h2,
.h2 {
  font-size: 35px;
}
h3,
.h3 {
  font-size: 30px;
  line-height:28pt;
}
h4,
.h4 {
  font-size: 25px;
}
h5,
.h5 {
  font-size: 18px;
}
h6,
.h6 {
  font-size: 15px;
}

	
.col-20{
	width:20%;
	float:left;}
	
.btn {
  display: inline-block;
  padding: 13px 50px;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border-radius:0;
  border:2px solid ;
}		
	
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1300px;
  }
  
.dropdown:hover .dropdown-menu {
   display: block;
}

}