@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600,600italic,700,700italic,300italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/*Margenes*/
.mtop-0{ margin-top:0px; !important}
.mtop-10{ margin-top:10px; !important}
.mtop-20{ margin-top:20px; !important}
.mtop-30{ margin-top:30px; !important}
.mtop-40{ margin-top:40px; !important}
.mtop-50{ margin-top:50px; !important}
.mtop-60{ margin-top:60px; !important}
.mbot-0{ margin-bottom:0px; !important}
.mbot-10{ margin-bottom:10px; !important}
.mbot-20{ margin-bottom:20px; !important}
.mbot-30{ margin-bottom:30px; !important}
.mbot-40{ margin-bottom:40px; !important}
.mbot-50{ margin-bottom:50px; !important}
.mbot-60{ margin-bottom:60px; !important}

.ptop-0{ padding-top:0px; !important}
.ptop-10{ padding-top:10px; !important}
.ptop-20{ padding-top:20px; !important}
.ptop-30{ padding-top:30px; !important}
.ptop-40{ padding-top:40px; !important}
.ptop-50{ padding-top:50px; !important}
.ptop-60{ padding-top:60px; !important}
.ptop-70{ padding-top:70px; !important}
.ptop-80{ padding-top:80px; !important}
.ptop-90{ padding-top:90px; !important}
.ptop-100{ padding-top:100px; !important}
.ptop-120{ padding-top:120px; !important}
.pbot-0{ padding-bottom:0px; !important}
.pbot-10{ padding-bottom:10px; !important}
.pbot-20{ padding-bottom:20px; !important}
.pbot-30{ padding-bottom:30px; !important}
.pbot-40{ padding-bottom:40px; !important}
.pbot-50{ padding-bottom:50px; !important}
.pbot-60{ padding-bottom:60px; !important}
.pbot-70{ padding-bottom:70px; !important}
.pbot-80{ padding-bottom:80px; !important}
.pbot-90{ padding-bottom:80px; !important}
.pbot-100{ padding-bottom:100px; !important}
.pbot-120{ padding-bottom:120px; !important}


body{
	font-family: 'Open Sans', sans-serif;
	font-size:15px;
	color:#6d6e71;
	line-height:1.5;
	overflow-x:hidden;
}
.img-center {
    margin: 0 auto;
}
a:hover, a:active, a:focus{
	text-decoration:none
}
a.mail:hover{
text-decoration:none;
color:#FFF;
}

/*COLORES*/
.bg-azul{ background-color:#2b3880}
.text-azul{ color:#2b3880}
.bg-gris{ background-color:#8a8c8f}
.text-white{
	color:#FFF
}

.text-verde{
	color:#299873
}


/*TIPOGRAFIA*/
.h1, h1 {
    font-size: 25px;
	font-weight:600;
	color:#6d6e71;
	font-family: 'Montserrat', sans-serif;
}
.h2, h2 {
    font-size: 20px;
	font-family: 'Montserrat', sans-serif;
}
.h4, h4{
    font-size: 20px;
	font-weight:600;
	color:#58595b;
}
.h3, h3{
	font-size: 20px;
	font-weight:600;
	font-family: 'Montserrat', sans-serif;

}
.h5, h5{
	font-size: 17px;
}

.light{
	font-weight:300
}
.interlineado-alto{
	line-height:1.7
}


 /*BOTONES*/
.btn-learn{
	 border: solid 1px #008a80;
	 border-radius: 10px;
	 padding:12px;
	 color:#008a80;
	 background-color:#fff;
	 transition: all 0.7s;
}
.btn-learn:hover{
	 border: solid 1px #58595b;
	 border-radius: 10px;
	 padding:12px;
	 color:#fff;
	 background-color:#58595b;
}

.btn-send{
	 border: solid 1px #fff;
	 border-radius: 10px;
	 padding:12px 22px;
	 color:#fff;
	 transition: all 0.7s;
	 background-color:transparent;
}

.btn-send:hover{
	 border: solid 1px #fff;
	 border-radius: 10px;
	 padding:12px 22px;
	 color:#58595b;
	 background-color:#fff;
}


/*CAROUSEL*/
@media(max-width:767px) {
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 60px;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}
.carousel-caption h2 {
	font-size:20px;
}
.carousel-caption h3 {
	font-size:17px;
}
}
@media(min-width:767px) {
.carousel-caption {
    position: absolute;
    right: 15%;
    top: 40%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
}
}
.icon-next, .icon-prev{
	background-image:url(../img/fondo-flecha.png);
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: none;
    background-color: rgba(0,0,0,0);
    filter: alpha(opacity=50);
    opacity: .5;
}



/*NAVBAR*/
.navbar{
	font-size:13px;
	padding:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #58595b;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:hover {
    color: #fff;
    background-color: #58595b;
}
.navbar-default {
    color: #fff;
    background-color: transparent;
	border:none;
}
.top-nav-collapse {
    background-color: #fff;
    border-bottom: solid 1px #e7e7e7;
}
	
.navbar-nav li a{
	padding:30px 15px;
}
.navbar-nav li a.active{
	color:#299873
}
.navbar-brand {
    float: left;
    height: 50px;
    padding: 20px 15px;
    font-size: 18px;
    line-height: 20px;
}
@media(max-width:767px) {
.navbar-brand img{
    height: 20px;
}
}

/*PARALLAX*/
.parallax1{
	background: url(../img/fondo1.jpg) no-repeat;
    background-attachment: fixed;
    padding: 100px 0;
	background-color:#2e3b4e;
}


/*FORM*/
input, select, textarea {
	width:100%;
	border:solid 1px #299873 ;
	box-shadow:none;
	padding:7px 15px;
	font-size:13px;
}



/*LISTAS*/
.chartering-list li{
	text-decoration: none;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #989a9e;
	line-height:2.7;
}

.products-list li{
	text-decoration: none;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #989a9e;
	line-height:2.0;
}


/*PRODUCTOS*/
.panel-default>a .panel-heading {
    color: #fff;
    background-color: #58595b;
    border: none;
	transition: all 0.7s;
}
.panel-default>a .panel-heading:hover{
	 background-color:#666;
}
a .panel-heading {
    padding: 20px 25px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0px;
}
.panel-default {
    border: none;
}

.panel-title .mas{ border-radius:10px; background-color:#FFF;  border:solid 1px #FFF; padding:1px 6px; color:#58595b; margin-left:15px;transition: all 0.7s;}
.panel-heading:hover .mas{ border-radius:10px; background-color:#666; border:solid 1px #FFF; padding:1px 6px; color:#fff; margin-left:15px;}



/*loader*/
#loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	z-index: 99999999999;
}

.spinner {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 50%;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	-webkit-animation: rotatee 2.0s infinite linear;
	animation: rotatee 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 60%;
	height: 60%;
	display: inline-block;
	position: absolute;
	top: 0;
	border-radius: 100%;
	-webkit-animation: bouncee 2.0s infinite ease-in-out;
	animation: bouncee 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0px;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
}

@-webkit-keyframes rotatee { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotatee {
	100% {
		transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
    }
}

@-webkit-keyframes bouncee {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bouncee {
	0%, 100% {
		transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
      }
}



/* Preloader */
#preloader {
    background-color: #fff;
    height: 100%;
    width: 100%;
    position: fixed;
    margin-top: 0px;
    top: 0px;
    z-index: 9999;
}

#preloader-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

#preloader-wrapper-square {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
    -webkit-animation: preloader-wrapper-square 1.5s infinite;
    animation: preloader-wrapper-square 1.5s infinite;
}

.loader {
    background-color: #58595b;
    width: 25px;
    height: 25px;
    float: left;
}

#loader_one {
    -webkit-animation: loader_one 1.5s infinite;
    animation: loader_one 1.5s infinite;
}

#loader_two {
    -webkit-animation: loader_two 1.5s infinite;
    animation: loader_two 1.5s infinite;
}

#loader_three {
    -webkit-animation: loader_three 1.5s infinite;
    animation: loader_three 1.5s infinite;
}

#loader_four {
    -webkit-animation: loader_four 1.5s infinite;
    animation: loader_four 1.5s infinite;
}

@-webkit-keyframes preloader-wrapper-square {
    100% { 
      -webkit-transform: rotate(-45deg);
    }
}

@keyframes preloader-wrapper-square {
    100% { 
      transform:  rotate(-45deg);
      -webkit-transform:  rotate(-45deg);
    }
}

@-webkit-keyframes loader_one {
    25% { 
      -webkit-transform: translate(0,-50px) rotate(-180deg);
    }
    100% { 
      -webkit-transform: translate(0,0) rotate(-180deg); 
    }
}

@keyframes loader_one {
    25% { 
      transform: translate(0,-50px) rotate(-180deg);
      -webkit-transform: translate(0,-50px) rotate(-180deg);
    } 
    100% { 
      transform: translate(0,0) rotate(-180deg);
      -webkit-transform: translate(0,0) rotate(-180deg);
    }
}

@-webkit-keyframes loader_two {
    25% { 
      -webkit-transform: translate(50px,0) rotate(-180deg);
    }
    100% { 
      -webkit-transform: translate(0,0) rotate(-180deg); 
    }
}

@keyframes loader_two {
    25% { 
      transform: translate(50px,0) rotate(-180deg);
      -webkit-transform: translate(50px,0) rotate(-180deg);
    } 
    100% { 
      transform: translate(0,0) rotate(-180deg);
      -webkit-transform: translate(0,0) rotate(-180deg);
    }
}

@-webkit-keyframes loader_three {
    25% { 
      -webkit-transform: translate(-50px,0) rotate(-180deg); 
    }
    100% { 
      -webkit-transform: translate(0,0) rotate(-180deg);
    }
}

@keyframes loader_three {
    25% { 
      transform:  translate(-50px,0) rotate(-180deg);
      -webkit-transform:  translate(-50px,0) rotate(-180deg);
    } 
    100% { 
      transform: translate(0,0) rotate(-180deg);
      -webkit-transform: rtranslate(0,0) rotate(-180deg);
    }
}

@-webkit-keyframes loader_four {
    25% { 
      -webkit-transform: translate(0,50px) rotate(-180deg);
    }
    100% { 
      -webkit-transform: translate(0,0) rotate(-180deg);
    }
}

@keyframes loader_four {
    25% { 
      transform: translate(0,50px) rotate(-180deg); 
      -webkit-transform: translate(0,50px) rotate(-180deg);  
    } 
    100% { 
      transform: translate(0,0) rotate(-180deg);
      -webkit-transform: translate(0,0) rotate(-180deg);
    }
}