/*GENERAL*/
body {
	font-family: Arial;
	background: #fff;
	scroll:scroll;
	padding-right: 0 !important
}
html {
    overflow-y:scroll;
}
*:focus {
    outline: none !important;
}
* {
	outline:none !important;
}

.progress-bar{
	background-color: #1974b0
}

/*MENU*/
.navbar{
	margin-bottom: 0px;
	font-size: 15px;
	letter-spacing: .5px;
	background: #fff;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}
.navbar-nav>li>a{
	color: #87888d;
	font-weight: 600;
	cursor: default
}
.navbar-menu > li > a:hover, 
.navbar-menu > li > a:focus,  
.navbar-menu li > .dropdown-menu > li > a:hover{
	color:#87888d !important;
	background: #fff !important
}
.navbar-menu .active > a{
	color: #1974b0 !important;
	background: #fff !important
}
.navbar-icon .active > a{
	color: #1974b0 !important;
	background: #fff !important
}
.navbar-icon  >li >a{
	padding-right: 15px !important;
	font-size: 22px;
	cursor: pointer
}
.navbar-underline{
	padding-bottom:3px
}
.navbar-underline:hover, .navbar-underline:focus, .navbar-underline:hover, .navbar-menu .active .navbar-underline{
	color:#1974b0;
	border-bottom:solid 3px #1974b0;
	cursor: pointer
}
.navbar .logo{
	height: 100px;
	width: 350px;
	padding-top: 1px;
	padding-bottom: 1px;
	cursor: pointer
}

/*FOOTER*/
.site-footer .row div:first-child{
	background: #222;
	color: #999;
	text-align:center;
	height: 330px;
	padding-top: 30px;
	letter-spacing: .5px;
}
.site-footer .row div:last-child{
	background: #000;
	color: #999;
	text-align:center;
	height: 330px;
	padding-top:70px;
	letter-spacing: .5px;
}
.site-footer h4 {font-size: 20px;font-weight: 500; color:#fff}
.site-footer h5 {font-size: 30px;font-weight: 500; color:#fff}
.site-footer p {font-size: 18px;}
.site-footer p {color: #999;}
.site-footer a {color: #999;}

.footer-icon a {
	text-decoration: none;
	padding-right: 15px;
	font-size: 22px
}

/*INICIO*/
.carousel-indicators li.active{
	background-color:#1974b0;
}
#myCarousel img{
	height:700px;
	width:100%
}

/*NOSOTROS*/
.nosotros-content .banner{
	padding:55px 0px 50px;
	background-repeat:no-repeat;
	background-position:center -330px;
	background-image: url(../img/bgNosotros.jpg);
	background-color: #000000
}
.nosotros-content h6{
	font-size:20px;
	color:#fff;
	font-weight:500
}
.nosotros-content h3{
	font-size:16px;
	font-style:italic;
	padding-left:3px;
	border-left: 3px solid #1974b0;
	font-weight:bold;
	color:#1974b0;
}
.nosotros-content .valores{
	padding-left:12px;
	border-left:4px solid #6c9a0c
}
.nosotros-content h2 {
	position: relative;
	font-size: 17px;
	padding-top: 15px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	color:#1974b0; 
	font-weight:bold
}
.nosotros-content h2:after{
	content: '';
	position: absolute;
	width: 100%;
	background-color: #1974b0;
	height: 3px;
	left: 0;
	bottom: 0
}

/*PRODUCTOS*/
.servicios-content h6{
	font-size:20px;
	color:#fff;
	font-weight:500
}
.servicios-content .banner{
	padding:55px 0px 50px;
	background-repeat:no-repeat;
	background-position:center -50px;
	background-image: url(../img/bgServicios.jpg);
	background-color: #000000
}
.servicios-content .card-header{
	font-weight:bold;
	text-align:center
}
.servicios-content .card-body{
	text-align:center
}
.button{
	background-color: #1974b0;
	color: #fff;
	padding: 10px 8px;
	border-radius: 4px;
	border: solid 1px #1974b0
}
.button:hover, .button:focus{
	background-color: #fff;
	color: #1974b0;
	border: solid 1px #1974b0
}
.servicios-content .card-img-top{
	padding: 20px;
	width: 100%;
	height: 410px;
	border-radius: 4px;
}

.servicios-content .card{
	height: 710px;
	margin-bottom: 20px
}

/*.servicios-detalle-content img{
	height:200px;
	width: 240px;
	cursor: pointer;
	border-radius: 4px;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}
.servicios-detalle-content img:hover{
	-webkit-transform: scale(1.2); 
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}*/

.modal-header{
	display: flex;
	background-color: rgba(0,0,0,.03);
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.modal-header h4{
	width:100%;
	font-weight:bold
}

#myCarouselGallery img {
	height:575px;
}

/*CONTACTENOS*/
textarea {
    resize: none;
}
.contactenos-content h1{
	text-align:center;
	font-size:25px;
	font-weight:bold;
	color:#000
}
.contactenos-content h3{
	text-align:center;
	font-size:18px;
	font-weight:normal;
	color:#000
}
.contactenos-content .container-fluid{
	/*background-image: url(../img/bgContactenos.jpg);
	background-size:cover;
	background-position:center top;*/
	padding-bottom:20px
}

.contactenos-content img{
	border-radius: 4px;
}

.contactenos-content .card-body{
	height: 700px
}

.contactenos-content .card-footer{
	text-align: center
}

.contactenos-content .form-group:last-child{
	text-align:center
}

/*MEDIA*/
@media only screen and (max-width: 768px) {
	.navbar{
		font-size: 12px;
	}
	.navbar .logo{
		height:80px;
		width:240px;
	}
	.navbar-icon {
		display: block
	}
	.navbar-icon >li{
		float: left;
	}
	.navbar-icon li> a > i {
		font-size: 15px !important
	}
	
	.site-footer .row div:first-child{
		height: 200px;
		padding-top: 20px;
	}
	.site-footer .row div:last-child{
		height: 200px;
		padding-top: 45px;
	}
	.site-footer h4 {font-size: 15px;font-weight: 500; color:#fff}
	.site-footer h5 {font-size: 20px;font-weight: 500; color:#fff}
	.site-footer p {font-size: 14px; margin-bottom:0px !important}
	.footer-icon a {
		font-size: 15px
	}
	
	#myCarousel img {
		height:300px;
	}
	
	.nosotros-content .banner{
		padding: 30px 0px;
		background-position:-400px -350px;
	}
	.nosotros-content h6{
		font-size:16px
	}
	.nosotros-content h2 {
		font-size: 14px
	}
	.nosotros-content h3{
		font-size: 14px
	}
	.nosotros-content p{
		font-size: 13px
	}
	
	.servicios-content h6{
		font-size:16px;
	}
	.servicios-content .banner{
		padding:30px 0px;
		background-position:-250px -50px;
	}
	.servicios-content .card-img-top{
		height: 200px;
	}
	.servicios-content .card{
		height: auto;
	}
	
	#myCarouselGallery img {
		height:350px;
	}
	
	.contactenos-content .card-body{
		height: auto
	}
}