@charset "utf-8";
/* CSS Document */

/*
* Novu Theme
* Created by : Ahmed Essa
* website : www.ahmedessa.net
*/


/* DEMO-2
==================================================
    - Preloader - 
    - Header -
	- Slider -
    - three boxs section -
    - About section -
	- Portfolio section -
    - Video lightbox section -
    - Team section -
    - blog section -
    - Clients section -
    - Contact section -
    - Portfolio single page -
    - Responsive media queries -
    
*/
#mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 90;
  background-color: rgba(0,0,0,.6);
  display: none;
}

#boxes .window {
  position: fixed;
  left: 0;
  top: 10px !important;
  width: 75%;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
  z-index:9999999
}

#boxes #dialog {
  padding: 10px;
  background-color: none;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
}
#boxes img{vertical-align: middle;
width: inherit;
height: auto !important; position:relative; z-index:999999999}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}

/* Header
==================================================*/

#preloader {
    background-color: #333;
}

.logo-circle {
    background: #ae895d;
}

.bienvenidos{ position:absolute; bottom:90px; right:60px; z-index:9999; text-align:right; font-family: 'Oleo Script Swash Caps', cursive; font-size:32px; color:#be8642;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.50);}

@-webkit-keyframes white-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(225, 225, 225, 0.3);
        -webkit-transition: box-shadow 0.3s ease-in-out;
    }
    100% {
        box-shadow: 0 0 0 30px transparent;
        -webkit-transform: translate3d(0, 0, 0);
        -webkit-transition: box-shadow 0.4s ease-in-out;
    }
}

@keyframes white-shadow {
    0% {
        box-shadow: 0 0 0 0 rgba(225, 225, 225, 0.3);
        -webkit-transition: box-shadow 0.3s ease-in-out;
        transition: box-shadow 0.3s ease-in-out;
    }
    100% {
        box-shadow: 0 0 0 30px transparent;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        -webkit-transition: box-shadow 0.4s ease-in-out;
        transition: box-shadow 0.4s ease-in-out;
    }
}


/* Header
==================================================*/

.main-logo {
    background:none;
}

.logo-MinDef {
    float: left;
    width: 100px;
    height: auto;
    z-index: 9999;
}
.logo-ARA{float: right;width: 100px;
    text-align: right;}
    
	
/* Slider
==================================================*/

.slider-2 h2.sp-layer {
    font-size: 4.4em !important;
    color: #fff;
    text-transform: uppercase;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.82);
	font-weight:900
}

.slider-2 p.sp-layer.subtitle {
    color: #fff;
    font-size: 24px;
    text-align: center;
    white-space: normal !important;
	text-shadow: 1px 2px 2px rgba(0, 0, 0, 0.82);
}

.slider-2 .light-slider h2.sp-layer,
.slider-2 .light-slider .slider-btn,
.slider-2 .light-slider .slider-btn:hover {
    color: #fff
}

.slider-2 .light-slider .slider-btn:after {
    background-color: #fff;
}

.slider-2 {
    text-align: center;
}


/* three boxs section
==================================================*/

#three-boxs .icon-box {
    padding: 50px;
    margin-bottom: 0;
}

#three-boxs .icon-box h4 {
    font-size: 22px;
}

.light-bg {
    background: #fff;
    color: #333
}


.gold-bg {
    background: -webkit-linear-gradient( rgba(174, 137, 93, .7), rgba(174, 137, 93, .7)), url(../img/velas-caja.jpg);
    background: linear-gradient( rgba(174, 137, 93, .7), rgba(174, 137, 93, .7)), url(../img/velas-caja.jpg);
    background-size: cover; background-position:center;
    color: #fff;
}

.gold-bg .default-btn,
.dark-bg .default-btn {
    color: #fff;
}

.gold-bg .default-btn:after,
.dark-bg .default-btn:after {
    background-color: #fff;
}

.light-bg .default-btn:after {
    background-color: #333;
}

.dark-bg {
    background: #333;
    color: #f5f5f5
}

#three-boxs .subtitle {
    color: #fff
}

.light-bg .subtitle {
    color: #999 !important
}

/* SECTIONS */
h5{ font-weight:bold !important; text-transform:uppercase}
ul.listado2 { margin-top:20px}
ul.listado li{ list-style:disc; margin-left:13px}
ul.listado2 li{ list-style:none; margin-left:0; padding:5px 13px}
ul.listado2 li#impar{ background:#fff}
ul.listado2 li .col-md-6{text-align:right}
ul.listado2 li .col-md-6:first-child{text-align:left; font-weight:600}
#section-2 p{text-align:left !important}

/* About section
==================================================*/

.about-style-2 {
    padding-top: 50px;
}

.h150 {
    height: 150px;
}


/* Services section
==================================================*/

.box-border {
    /*border: 1px solid #ae895d;*/
    padding: 50px 30px 30px;
}

.services-style-2 .icon-container {
    padding: 20px;
}

.services-style-2 .icon-box i {
    color: #ae895d;
}

#section-2.services-style-2 .bg-div-cover {
    background:url(../img/buque.jpg) no-repeat right;
    background-size: auto 100%;
}
#section-4 .bg-div-cover {
    background:url(../img/buque.jpg) no-repeat right;
    background-size:cover;
}

#comandante .bg-div-cover{ background:url(../img/comandante.jpg) no-repeat center; background-size:cover}

/* Portfolio section
==================================================*/

.portfolio-style-2 .portfolio_item .portfolio_item_hover {
    background-color: rgba(51, 51, 51, .9);
}

.portfolio-style-2 .portfolio_item .portfolio_item_hover .item_info span {
    color: #fff;
}

.portfolio-style-2 .portfolio_item .portfolio_item_hover .item_info em {
    background-color: #ae895d;
}

.portfolio-style-2 .portfolio-border {
    border: 1px solid #ae895d;
    height: calc(100% - 10px);
    width: calc(100% - 10px);
    position: absolute;
    top: 5px;
    left: 5px;
}

.portfolio .categories-grid .categories ul li a.active {
    background-color: #ae895d;
	padding:5px 10px
}
.portfolio .categories-grid .categories ul li a.focus {
    outline:none
}


/* Video lightbox section
==================================================*/

.parallax-window {
    position: relative;
    min-height: 400px;
    background:url(../img/mascaron.jpg) no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size:cover;
	position:static;
    color: #fff;
    padding-bottom: 100px;
    padding-top: 100px;
}

.video-overlay {
    background: rgba(174, 137, 93, .8);
}

.play-video {
    color: #fff;
    border: 2px solid #fff;
}

.play-video i {
    color: #fff;
}

.video-overlay .subtitle {
    color: #fff !important;
}


/* Team section
==================================================*/

#section-4 {
    background: #333;
    color: #f5f5f5
}

.display-table {
    display: table
}

.team-info-container {
    padding: 50px;
    display: table-cell;
    vertical-align: middle;
}

.count-box {
    float: left;
    margin-right: 50px
}

.count {
    font-family: 'bavroregular';
    font-size: 35px;
    display: block;
    margin: 10px 0;
}

.count-box h4 {
    text-transform: uppercase;
    font-size: 15px;
    color: #ae895d
}

.team-style-2 .team-overlay {
    background-color: rgba(51, 51, 51, .9);
}

.team-style-2 .team-overlay ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #ae895d;
    text-align: center;
    line-height: 30px;
    color: #ae895d;
}

.team-style-2 .team-overlay ul li a:hover {
    opacity: .5;
}

#section-4 {
    background: #fff;
	color:#333;
}
#section-4,#section-8,#section-5{
	min-height:720px
}

/* blog section
==================================================*/

#section-5 {
    background: #f5f5f5
}

.blog_item {
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
    display: block;
    min-height: 480px;
}

.blog_item h3 {
    font-size: 19px;
    margin-top: 10px;
    line-height: 24px;
    font-weight: bold;
    text-transform: inherit;
    letter-spacing: 0;
}

.blog_item a.content-overlay h3{font-size:24px; line-height:26px; letter-spacing:0.5px}
.blog_item a.content-overlay p{color:#fff;}

.blog-content {
    background: #fff;
    padding: 20px;
    position: relative;
    border-radius: 0;
}

.blog-content .athour-img {
    position: absolute;
    width: 50px;
    top: -30px
}

.blog-main-img {
    border-radius: 0;
}

.blog-img-container {
    position: relative;
    overflow: hidden;
}

.blog-img-container span {
        position: absolute;
    top: 10px;
    left: 10px;
    background: #ae895d;
    border-radius: 0;
    z-index: 1;
    padding: 0 10px;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    width: 90px;
    text-align: center;

}

.big-post .blog-img-container img {
    border-radius: 0;
}

.big-post .content-overlay {
    bottom: 0px;;
}

.content-overlay {
    position: absolute;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    z-index: 1;
    color: #fff;
    width: 100%;
    bottom: -300px;
    padding: 60px 20px 20px;
    border-radius: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.big-post:hover .content-overlay {
    bottom: 0px;
}

.big-post a:hover,
.big-post a:focus {
    color: #f5f5f5;
}

.blog-text {
    margin: 50px;
}

.quote-post .blog-content {
    border-radius:0;
    color: #fff;
    background: #ae895d;
    padding: 0.25em;
    padding: 40px 30px;
    text-align: center;
}
.quote-post .blog-content h3{
	font-size:30px;
	line-height:36px;
	text-align:left
}
.quote-post .blog-content h3 small{
font-weight:300}

.quote-post .blog-content p {
    font-style: italic;
    font-size: 1.40em;
    font-family: 'Lora', serif;
    line-height: 1.4;
    color: #fff;
}

.quote-post .blog-content p::before {
    content: '\201C';
}

.quote-post .blog-content p::after {
    content: '\201D';
}

.quote-post .default-btn {
    color: #fff;
}

.quote-post img {
    margin-bottom: 20px;
}

.quote-post .default-btn:after {
    background-color: #fff;
}
.blog-text .subtitle {
    color: #999;
}
.blog_container p {
    color: #999;
}

/* Clients section
==================================================*/

#section-6 {
    background: #fff;
    background-size: cover;
    color: #333;
    padding: 30px 0;
}


/* Contact section
==================================================*/

#section-7 {
	background:url(../img/contacto.jpg) ;
    
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
	position: static;
    padding: 30px 0;
}

.mat-div::after {
    background-color: #ae895d;
}

.is-active .mat-label {
    color: #ae895d;
}

a.frli{ background:url(../img/logos.png) left top no-repeat; width:47px; height:53px; display:block}
a.frli:hover{ background-position:0 -53px !important}
a.escuela {
    background: url(../img/logos.png) -38px 10px no-repeat;
    width: 35px;
    height: 49px;
    display: block;
	background-size: 336px;}

a.escuela:hover{ background-position:-38px -40px; height:42px; margin-top:3px}

element.style {
}
a.arach {
    background: url(../img/logos_araMindef.png) -80px 0 no-repeat;
    width: 37px;
    height: 44px;
    display: block;
    background-size: 269px;
    margin: 7px 0 -10px;
}
a.arach:hover{ background-position:-80px -44px}
a.lgvelas{ background:url(../img/logos.png) -132px 0 no-repeat; width:38px; height:53px; display:block}
a.lgvelas:hover{ background-position:-132px -53px}
a.mindef {
    background: url(../img/logos_araMindef.png) right top no-repeat;
    width: 128px;
    height: 40px;
    display: block;
    margin-top: 6px;
    background-size: 259px;
}
a.mindef:hover{ background-position:right bottom}


a.v2010 {
    background: url(../img/velas.png);
    background-position: top left;
    width: 78px;
    height: 93px;
    display: block;
    background-size: 230px;
    display: block;
    margin: 20px 30px 20px 0;
}
a.v2010:hover{ background-position:bottom left}
a.v2014 {
    background: url(../img/velas.png);
    background-position: -78px 0;
    width: 75px;
    height: 93px;
    display: block;
    background-size: 230px;
    display: block;
    margin: 20px 30px 20px 0;
}
a.v2014:hover{ background-position:-78px -94px}
a.v2018 {
    background: url(../img/velas.png);
    background-position: top right;
    width: 77px;
    height: 93px;
    display: block;
    background-size: 230px;
    display: block;
    margin: 20px 0px 20px 0;
}
a.v2018:hover{ background-position:bottom right}


/* Portfolio single page
==================================================*/

.portfolio-hed-style-2 {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/cultural.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/cultural.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}

.portfolio-hed-style-historia {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/historia.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/historia.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px 93px;
}
.portfolio-hed-style-heraldica {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/heraldica.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/heraldica.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-travesias {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/ultimastravesias.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/ultimastravesias.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-tripulacion {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/tripulacion.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/tripulacion.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-mascaron {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/mascaron.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/mascaron.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-comandante {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/ComandanteySegundo.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/ComandanteySegundo.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}

.portfolio-hed-style-reparacion{
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/especificaciones.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/especificaciones.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-especificaciones {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/especificaciones.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/especificaciones.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-velas {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/velasvisor1.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/velasvisor1.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}

.portfolio-hed-style-talcahuano {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/06-talcahuano/visor.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/velasvisor.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}


.portfolio-hed-style-viaje {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/viaje.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/viaje.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-formacion {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/tripulacion.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/tripulacion.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-cultural {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/cultural.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/cultural.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-premios {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/premios.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/premios.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-zarpada {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/zarpada/05.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/zarpada/05.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}

.portfolio-hed-style-riojaneiro {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/01-riodejaneiro/03tenerife.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/01-riodejaneiro/03tenerife.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}

.portfolio-hed-style-uruguay{
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/02-uruguay/Visor_uruguay.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/02-uruguay/Visor_uruguay.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}

.portfolio-hed-style-buenosaires {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/03-buenosaires/baires.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/03-buenosaires/baires.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    padding: 150px 20px;
}
.portfolio-hed-style-ushuaia {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/04-ushuaia/ushuaia_visor.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/04-ushuaia/ushuaia_visor.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: bottom;
    padding: 150px 20px;
}
.portfolio-hed-style-valparaiso {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/07-valparaiso/56.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/07-valparaiso/56.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-antofagasta {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/08-antofagasta/41.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/08-antofagasta/41.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-callao {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/subi/b.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/subi/b.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;


}
.portfolio-hed-style-puntaarenas {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/especificaciones.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/visores/especificaciones.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;

    
}
.portfolio-hed-style-Guayaquil {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/10-guayaquil/06.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/10-guayaquil/06.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;
}
.portfolio-hed-style-Balbao {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/11-balbao/05.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/11-balbao/05.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;

} .portfolio-hed-style-santamarta {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/13-santamarta/00.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/13-santamarta/00.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;

    } .portfolio-hed-style-Balbao {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/11-balbao/05.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/11-balbao/05.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;

     } .portfolio-hed-style-fortaleza {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/19-fortaleza/10.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/19-fortaleza/10.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;

     } .portfolio-hed-style-sanjuan {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/19-fortaleza/11.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/19-fortaleza/11.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;


    } .portfolio-hed-style-eeuu {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/19-fortaleza/DSC_0196.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/19-fortaleza/DSC_0196.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;


} .portfolio-hed-style-cozumel {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/25-peru/011.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/25-peru/011.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;



    } .portfolio-hed-style-cartagena {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/noticias.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/noticias.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;


    } .portfolio-hed-style-balboa {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/balboa.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/balboa.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;


        } .portfolio-hed-style-mdq {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/zarpada/mdq.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/zarpada/mdq.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px;


       } .portfolio-hed-style-riovelas {
    background: -webkit-linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/26-zarpadavelas/52.jpg);
    background: linear-gradient( rgba(0, 0, 0, .4), rgba(0, 0, 0, .4)), url(../img/puertos/26-zarpadavelas/52.jpg);
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
    padding: 150px 20px; }

.subtitle a.btnvelas {color:white !important;}


.portfolio-style-2{
    padding: 0 70px;}




/* Responsive media queries
==================================================*/

@media (max-width: 990px) {
    .h150 {
        display: none;
    }
    #section-3 {
        padding-top: 50px;
    }
    #section-5 {
        padding-top: 0;
    }
    .portfolio-style-2{
    padding: 0;}

}





@media (max-width: 500px) {
    .team-info-container {
        padding: 10px;
    }
    .slider-2 h2.sp-layer,
    .slider-2 p.sp-layer.subtitle {
        width: 100% !important;
    }
	header {
    position: absolute;
    z-index: 200;
    margin: 60px 2% 0;
    width: 95%;
    }
	.logo-MinDef{float:left; width:80%; height:60px; z-index:9999; text-align:center; margin-right:40px}
	.logo-MinDef img{width:100%; height:auto}
    .logo-ARA{float: left; width: 15%;text-align: left; }
	.logo-ARA img{height:auto; width:85% !important}
	.slider-2 h2.sp-layer {
    white-space: normal !important;
    line-height: 1 !important;
    padding: 0 !important;
    margin: 0 !important;
    text-align: center !important;
    }
    .slider-2 h2.sp-layer small{color: #FFF;
    line-height: 36px !important;
    padding: 0;
    display: inline-block;
    font-size: 25px;
    }
	.slider-pro p.sp-layer{
    font-size: 25px !important;
    margin:130px 0% 0px !important;
    min-height: 50px !important;
    transform: none !important;
    
    }
    .slider-pro .bienvenidos {
    position: absolute;
    bottom: 4%;
    right: 0;
    z-index: 9999;
    text-align: right;
    font-family: 'Oleo Script Swash Caps', cursive;
    font-size: 32px;
    color: white;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.50);
    line-height: 40px;
    text-align: center;
    width: 100%;
    margin: auto;
    font-size: 40px !important;
    }
    .sp-image{opacity:0.6}
    .sp-image-container {
    overflow: hidden;
    background: #000;
    }
    #three-boxs .icon-box {
    padding: 30px !important;
    margin-bottom: 0;
    min-height: inherit;
    }
    .parallax-window#historia .col-md-6, .parallax-window#velas .col-md-4.col-md-offset-8, .parallax-window#travesias .col-md-4.col-sm-6.col-md-offset-8.col-sm-offset-6{
    margin: 20px 10px !important;
    padding: 0;
    }
    .box-border {
    /* border: 1px solid #ae895d; */
    padding: 0 10px;
    /* text-align: center; */
    }
    .icon-box {
    margin-bottom: 50px;
    padding-right: 0;
    /* text-align: center; */
    }
    #section-2 p {
    text-align: center !important;
    }
    .clearfix.services-style-2.display-flex#section-4 .col-md-4 div{padding:40px 15px !important}
    a.v2010, a.v2014{margin-right:10px}
    .divider {
    width: 40px;
    margin: 20px auto;
    height: 1px;
    border-bottom: 2px solid #333;
    }
    #section-3 .portfolio .col-md-10{
    margin: 31px -30px;
    padding: 0;
    }
    #section-3 .portfolio_item {
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
    display: block;
    }
    .blog-img-container {
    position: relative;
    overflow: visible;
    }

}