@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900');

body{
	font-family: 'Montserrat', sans-serif;
	background-color: #fff;
	position: relative;
}
hr{
	
}

.verde{
	background-color: green;
	min-height: 150px;
}
.amarillo{
	background-color: yellow;
	min-height: 150px;
}
.rojo{
	background-color: red;
	min-height: 150px;
}
.navbar{
	z-index: 9999;
}

.navbar-default{
	font-weight: 700;
	
	background-color: #004982;
	border: none;
	border-radius: 0px;
}
.logo img{
	width: 100px;
	margin: 30px;
}
.slogan h4{
	text-align: left;
	margin-top: 40px;
	font-weight: 400;
	font-size: 1.2em;
	margin-left: 0px;
}
.slogan h4 strong{
	font-weight: 700;
	color: #004982;
}
.slogan h6{
	text-align: left;
	font-weight: 400;
	color: #888;
	font-size: 1em;
}
.top-bar{
	background-color: #f60;
}
.top-bar p{
	margin: 8px 0px;
	
	font-weight:400;
	color: #fff;
	font-size: .95em;
	
	
}

.top-bar p i{
	margin-right: 5px;
	color: #fff;
	font-size: 22px;

}
.top-bar p a{
	color: #fff;
}
.top-bar ul{
	margin: 0px;
	padding: 0px;
	margin-left: 30px;
	min-height: 20px;
}
.top-bar ul li{
	float: left;
	list-style-type: none;
	margin-right: 20px;
}
.slider{
	margin: 0px;
	padding: 0px;
	margin-top: -20px;
}
.slider img{
	margin: 0px;
	padding: 0px;
}
.ser-main{
	overflow: hidden;
}
.ser-main img{
	display: block;
	margin: 0 auto;
	
}
.ser-main h4{
	font-weight: 400;
	color: #004982;
	text-align: center;
}
.ser-main p{
	color: #888;
	font-weight: 400;
	text-align: center;
}

.ser-main img{
	height: 60px;
}

.border{
	height: 1px;
	width: 200px;
	margin: 30px 0px 30px 0px;
	background-color: #f60;
	
}

.border2{
	height: 1px;
	width: 200px;
	margin: 30px auto 15px auto;
	background-color: #f60;
	
}

.hola{
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url(../images/dots_bg.png);
	background-repeat: repeat;
	
}
.intro{
	/*border-right: 1px solid #bbb;*/
}
.hola h1{
	text-align: left;
	font-weight: 700;
	line-height: 1.3em;
}
.hola h6{
	font-weight: 400;
}
.hola h5{
	margin-top: 12px;
	font-weight: 700;
	text-transform: uppercase;
	
}
.hola h4{
	font-weight: 500;
	color: #004982;
	padding: 10px;
	background-color: #fff;
	display: inline-block;
}
.hola h4 strong{
	font-weight: 600;
	
}
.hola p{
	line-height: 2em;
	background-color: #fff;
	padding: 10px;
}
.giros{
	margin: 30px 0px;
	padding: 0px;
}
.giros li{
	list-style-type: none;
	overflow: hidden;
	
}
.giros li img{
	display: block;
	float: left;
	width: 40px;
	margin: 0px 20px 10px 0px;
}
.giros li h6{
	background-color: #fff;
	display: inline-block;
	margin-top: 0px;
	padding: 5px;
}

.affix {
  top: 0;
  width: 100%;
	transition: all .25s ease!important;
}

.affix + .container-fluid {
  padding-top: 0px;
	transition: all .25s ease!important;
}
/**************************************       SERVICIOS         **********************/

.servicios{
	/*background-image: url(../images/bg_servicios.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	min-height: 300px;
	background-size:cover;
	background-position: center;
	background-origin: content-box;*/
	padding: 30px 0px;
	background-color: #fff;
	border-bottom: 10px solid #f60;
}

.servicios h1{
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	
}
.servicios h4{
	text-align: center;
}
.servicios h4 strong{
	font-weight: 600;
}
.servicios h3{
	font-weight: 600;
	font-size: 1.3em;
	color: #000;
	text-align: center;
	
}
.servicios p{
	text-align: center;
}
.servicios img{
	display: block;
	margin: 0 auto;
	border-radius: 200px;
	border:10px solid #f60;
	width: 50%;
	box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.15);
	
}
.servicios .logo-office{
	width: 200px;
	box-shadow: none;
	border: none;
	border-radius: 0px;
}

/**************************************       DETALLE SERVICIOS         **********************/

.detalle-servicios{
	margin: 30px 0px;
	
}
.detalle-servicios h1{
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
}
.detalle-servicios h1 strong{
	font-weight: 700;
}
.detalle-servicios h2{
	text-align: center;
	text-transform: uppercase;
	font-weight: 700;
	color: #004982;
	margin-top: 60px;
}
.detalle-servicios h2 strong{
	font-weight: 700;
}
.detalle-servicios h2 span{
	color: #f60;
}
.detalle-servicios h4{
	font-weight: 600;
	line-height: 1.5em;
	padding: 0px;
	text-align: center;
	width: 600px;
	margin: 10px auto;
}
.detalle-servicios p{
	margin: 15px 0px 30px 0px;
	text-align: center;
}
.detalle-servicios img{
	display: block;
	margin: 0 auto;
	width: 60px;
	
}
.detalle-servicios h3{
	font-weight: 600;
	font-size: 1.3em;
	color: #f60;
	text-align: center;
	
}
.detalle-servicios-iconos{
	margin: 40px 0px 20px 0px;
	
	
}
.detalle-block{
	border-radius: 10px;
	margin: 5px;
	overflow: hidden;
	padding: 15px 0px;
	border:2px solid #e1e1e1;
	transition: all .25s ease;
	background-color: #fff;
	
	
}
.detalle-block:hover{
	box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.15);
	
}
.detalle-block p{
	margin: 15px;
}
.detalle-block:hover .iconito{
	 -webkit-animation: 1s tada;
            animation: 1s tada;
}
.detalle-block ul{
	margin: 0;
	padding: 0;
}
.detalle-block ul li{
	list-style-type: none;
	text-align: center;
}


/**************************************       TESTIMONIOS         **********************/

.testimonios{
	padding: 30px 0px;
	background-image: url(../images/bg_servicios.jpg);
	background-position: center;
	background-size: cover;
}
.testimonios h1{
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
}
.testimonios h1 strong{
	font-weight: 700;
}
.testimonios h2{
	text-align: center;
}
.testimonios h2 strong{
	font-weight: 700;
}

.testimonios h4{
	font-weight: 600;
	text-align: center;
	color: #f60;
	font-size: .75em;
	text-transform: uppercase;
}
.carousel img{
	width: 120px;
	margin-top: 30px;
	border-radius: 150px;
}
.carousel {
	
	margin: 0 auto;
	padding-bottom: 50px;
}
.carousel .item {
	color: #222;
	font-size: 14px;
    text-align: center;
	overflow: hidden;
    
}
.carousel .item a {
	color: #eb7245;
}

.carousel .testimonial {	
	padding: 30px 0 10px;
}
.carousel .overview {	
	text-align: center;
	padding-bottom: 5px;
	
}
.carousel .overview b {
	color: #004982;
	font-size: 15px;
	text-transform: uppercase;
	display: block;	
	padding-bottom: 5px;
}
.carousel .star-rating i {
	font-size: 18px;
	color: #ffdc12;
}
.carousel .carousel-control {
	width: 30px;
	height: 30px;
	border-radius: 50%;
    background: #999;
    text-shadow: none;
	top: 4px;
}
.carousel-control i {
	font-size: 20px;
	margin-right: 2px;
}
.carousel-control.left {
	left: auto;
	right: 40px;
}
.carousel-control.right i {
	margin-right: -2px;
}
.carousel .carousel-indicators {
	bottom: 15px;
}
.carousel-indicators li, .carousel-indicators li.active {
	width: 18px;
    height: 18px;
	border-radius: 50%;
	margin: 1px 3px;
}
.carousel-indicators li {	
	 background: #f60;
    border: 4px solid #fff;
}
.carousel-indicators li.active {
	color: #fff;
    background: #f60;    
    border: 5px double;  		
}

/**************************************       METODOLOGÍA         **********************/

.metodologia{
	padding: 30px 0px;
	padding-bottom: 60px;
	
	position: relative;
}
.meto-tema{
	min-height: 100px;
	background-color: orange;
	margin: 5px 0px;
	
	text-align: center;
	vertical-align: middle;
	border-radius: 10px;
	border: 2px solid orange;
}
.meto-puntos{
	min-height:100px;
	
	color: #fff;
	text-align: center;
	vertical-align: middle;
	margin: 5px 0px;
	
	border-radius: 10px;
	position: relative;
	
}

.metodologia h4{
	font-weight: 700;
	color: #fff;
}
.metodologia h5, h4{
	margin: 10px;
	overflow: hidden;
	padding-top: 15px;
}

.blue-uno{
	background-color: #004982;
	transition: all .25s ease;
	border: 2px solid #004982;
	 
}
.blue-uno:hover{
	background-color: #fff;
	color: #000;
	border: 2px solid #004982;
}
.blue-uno:after{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #004982;
	right: -10px;
	transform: rotate(45deg);
	border-radius: 8px;
	top: 35%;
	z-index: -99;
}

.blue-dos{
	background-color: #1568a8;
	transition: all .25s ease;
	border: 2px solid #1568a8;
}
.blue-dos:hover{
	background-color: #fff;
	color: #000;
	border: 2px solid #1568a8;
}
.blue-dos:after{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #1568a8;
	right: -10px;
	transform: rotate(45deg);
	border-radius: 8px;
	top: 35%;
	z-index: -99;
}
.blue-tres{
	background-color: #278cd9;
	transition: all .25s ease;
	border: 2px solid #278cd9;
}
.blue-tres:hover{
	background-color: #fff;
	color: #000;
	border: 2px solid #278cd9;
}
.blue-tres:after{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #278cd9;
	right: -10px;
	transform: rotate(45deg);
	border-radius: 8px;
	top: 35%;
	z-index: -99;
}
.blue-cuatro{
	background-color: #37a7fd;
	transition: all .25s ease;
	border: 2px solid #37a7fd;
}
.blue-cuatro:hover{
	background-color: #fff;
	color: #000;
	border: 2px solid #37a7fd;
}
.blue-cuatro:after{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #37a7fd;
	right: -10px;
	transform: rotate(45deg);
	border-radius: 8px;
	top: 35%;
	z-index: -99;
}

.blue-cinco{
	background-color: #7ac2f9;
	transition: all .25s ease;
	border: 2px solid #7ac2f9;
}
.blue-cinco:hover{
	background-color: #fff;
	color: #000;
	border: 2px solid #7ac2f9;
	
}
/*.blue-cinco:after{
	content: "";
	position: absolute;
	width: 30px;
	height: 30px;
	background-color: #7ac2f9;
	right: -10px;
	transform: rotate(45deg);
	border-radius: 8px;
	top: 35%;
	z-index: -99;
}*/

.blue-seis{
	background-color: #37a7fd;
	transition: all .25s ease;
	border: 2px solid #37a7fd;
}
.blue-seis:hover{
	background-color: #fff;
	color: #000;
	border: 2px solid #37a7fd;
}

.metodologia h1{
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
}
.metodologia h1 strong{
	font-weight: 700;
}

/**************************************       MODELO DE NEGOCIO         **********************/

.modelo{
	padding: 30px 0px 60px 0px;
	background-image: url(../images/dots_bg.png);
	background-repeat: repeat;
	
}
.modelo h1{
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
}
.modelo h1 strong{
	font-weight: 700;
}
.modelo img{
	box-shadow: 0px 8px 13px rgba(0, 0, 0, 0.15);
	border-radius: 10px;
}



.row.no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.test{
	background-color: #fff;
	transition: all .25s ease;
	
}
.test-container-text{
	margin: 100px;
	border-bottom: 2px solid #f60;
	padding-bottom: 30px;
}

.test-block{
	background-color: #fff;
}



.test-block h3{
	color: #004982;
	font-size: 2em;
	font-weight: 700;
	
}
.test-block h4{
	margin: 20px 0px;
	color: #656565;
	line-height: 1.6em;
}

.test-block p{
	color: #000;
	
}

.test-container{
	margin: 40px 40px 10px 40px;
	
	
}
.test-container ul{
	padding: 0;
	overflow: hidden;
	
}
.test-container ul li{
	list-style-type: none;
	overflow: hidden;
	float: left;
	text-align: left;
	margin: 10px 0px;
}
.test-container img{
	float: left;
	margin-right: 20px;
	margin-bottom: 50px;
}
.test-container h5{
	padding-top:  0px;
	font-weight: 700;
	color: #fff;
}
.test-container h6{
	font-size: .85em;
	font-weight: 400;
	line-height: 1.5em;
	color: #ddd;
}
.bg-3{
	background-image: url(../images/bg_2.jpg);
	background-position: center;
	background-size: cover;
	height: 100%;
	display: block;
	
}
.bg-2{
	background-image: url(../images/bg_3.jpg);
	background-position: center;
	background-size: cover;
	height: 100%;
	display: block;
	
}
.bg-4{
	background-image: url(../images/bg_4.jpg);
	background-position: center;
	background-size: cover;
	height: 100%;
	display: block;
	
}
.test-block2{
	
	
}
.test-block2 h3{
	font-weight: 600;
	font-size: 1em;
	line-height: 1.5em;
	
}
.test-block2 img{
	
}
.test-block2 ul{
	margin: 0px;
	padding: 0px;
	
}
.test-block2 ul li{
	list-style-type: none;
	text-align: left;
}
.test-block2:hover .iconito{
	 -webkit-animation: 1s tada;
            animation: 1s tada;
}

.container-fluid{
	padding: 0px;
}


.contacto{
	margin: 30px 0px;
	
}

.contacto-area h4{
	font-weight: 500;
	margin: 0px;
	line-height: 1.5em;
	margin-top: 7px;
}
.contacto-area p{
	color: #333;
	font-weight: 300;
	margin: 20px 0px;
	font-size: 1.1em;
}
.contacto-area ul{
	margin: 0;
	padding: 0;
}
.contacto-area ul li{
	list-style-type: none;
	margin: 15px 0px;
	color: #656565;
	font-weight: 400;
	font-size: 1em;
}
.contacto-area ul li span{
	display: block;
	font-weight: 600;
	margin-bottom: 5px;
	color: #004982;
	font-size: 1em;
}
.contacto-area ul li i{
	margin-right: 10px;
	color: #f90;
	font-size: 1.2em;
}

.contacto h1{
	text-align: center;
	text-transform: uppercase;
	font-weight: 400;
}

form.contacto-form{
	margin: 30px 15px;
}

form.contacto-form .form-control{
	border-radius: 2px;
	margin: 0px 0px 20px 0px;
	border:solid 2px #004982;
	
}

form.contacto-form .form-control::-moz-placeholder {
    color: #777;
    opacity: 1;
}

.btn-motiva{
	border: 2px solid #f60;
	border-radius: 1px;
	font-weight: 500;
	font-size: 1em;
	letter-spacing: 1px;
	background-color:#f60;
	padding: 15px 20px;
	color: #fff;
	transition: all .5s ease;
}
.btn-motiva:hover{
	background-color: #004982;
	color: #fff;
	border: 2px solid #004982;
}


footer{
	background-color: #004982;
	padding: 20px 0px;
	color: #fff;
	font-weight: 500;
}

footer p{
	text-align: center;
}

fooetr p strong{
	font-weight: 700;
}

footer p a{
	color: #f60;
}
footer p a:hover{
	color: aqua;
}

#gmap {
	width:100%;
	height:400px;
	display:block;
	


	/*-webkit-filter: grayscale(100%);
	   -moz-filter: grayscale(100%);
		-ms-filter: grayscale(100%);
		-o-filter: grayscale(100%);
		   filter: grayscale(100%);
		   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'.65 .1 0 333 333 0 0 0 0 0.6 0 0 333 0 0 0 0 6 0\'/></filter></svg>#grayscale");
		   filter: gray; 

	z-index:1;*/
}


#back-top {
	position: fixed;
	bottom: 100px;
	right: 50px;
	z-index: 99999999999!important;
	background-color: #004982;
	
	color: #fff!important;
}
#back-top a{
	color: #fff;
	display: block;
	font-size: 3em;
	padding: 0px 7px;
	text-decoration: none;
	transition: all .25s ease;
}
#back-top a:hover{
	color: #fff;
	background-color: #f60;
}
nav.menu{
	position: fixed;
	top: 0px;
	background-color: #004982;
	z-index: 99999999999!important;
	
}
nav.menu ul{
	list-style-type: none;
	overflow: hidden;
}
nav.menu ul li{
	float: left;
}
nav.menu ul li a{
	display: block;
	padding: 30px;
	color: #fff;
	text-decoration: none;
}



/**********************
3. Slider
**********************/
#sliderMain .main-container {
  	padding: 0px!important;
	margin: 0px!important;
	
}

#sliderMain h3{
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight:700;
	margin-bottom: 8px;
}

#slidermain h4{
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 400;
	line-height: 25px;
}

#sliderMain .slide-content {
	max-width: 70%;
}
#sliderMain .carousel{
	padding-bottom: 0px;
	padding-top: 0px;
}
.slide-content p{
	margin-bottom: 30px;
	color: #fff;
	font-size: 1em !important;
}
.slide-content h3{
	font-size: 2.5em !important;
}
.slide-content a{
	color: #fff!important;
	text-transform: uppercase;
	margin: 20px 0px;
	padding: 10px 20px;
	font-weight: 600;
	background-color: #f60;
}
#sliderMain .carousel-indicators {
  	bottom: 20px;
}

#sliderMain .carousel-control.right,
#sliderMain .carousel-control.left {
  	background-image: none;
}

#sliderMain .carousel .item {
  	min-height: 525px;
  	height: 100%;
 	width:100%;

}

.carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}

.carousel-image {
	max-width: 100%;
	position: absolute;
	bottom: 0;
	right: 0;
	height: auto;
}

.carousel-image-left {
	max-width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
}
#sliderMain .carousel-inner{
	margin-top: -20px;
}

#sliderMain .btn {
	margin-top: 15px;
}

#sliderMain .btn {
	animation-delay: 1.6s;
}

#sliderMain h3{
  	animation-delay: 1s;
}
#sliderMain h4 {
  	animation-delay: 1.4s;
}
#sliderMain h2 {
  	animation-delay: 2.4s;
}

#sliderMain h1 {
	animation-delay: 0.8s;
}

#sliderMain p {
	animation-delay: 1.8s;
}

#sliderMain .carousel-control {
    width: 6%;
    text-shadow: none;
	display: none;
}

#sliderMain h1 {
  	text-align: center;
  	margin-bottom: 30px;
  	font-size: 30px;
  	font-weight: bold;
	text-transform: uppercase;
}

#sliderMain p {
  	text-align: center;
	font-size: 14px;
	text-transform: uppercase;
}

#sliderMain .carousel-indicators li, #sliderMain .carousel-indicators li.active {
	width: 18px;
    height: 18px;
	border-radius: 50%;
	margin: 1px 3px;
}
#sliderMain .carousel-indicators li {	
	 background: #f60;
    border: 4px solid #fff;
}
#sliderMain .carousel-indicators li.active {
	color: #fff;
    background: #f60;    
    border: 5px double;  		
}


/* Sliders backgrounds */
#slideMain .slide1 {
  	background-image: url('../images/slider/slide_01.jpg');
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}
#sliderMain .slide2 {
  background-image: url('../images/slider/slide_02.jpg');
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}
#sliderMain .slide3 {
  	background-image: url('../images/slider/slide_03.jpg');
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}
#sliderMain .slide4 {
  	background-image: url('../images/slider/slide_01.jpg');
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center center;
}