/* ZODIAC #1D1D1D rgba(29,29,29) 



#zodiac #nav {position:absolute;top:0;left:0;width:100%;z-index:999;}

#zodiac #nav .nav-bar{position:relative;height:38px;background-color:#1D1D1D;}

#zodiac #nav .nav-bar .menu{float:left;color:white;text-transform:uppercase;font-size:12px;font-weight:bold;line-height:38px;vertical-align:middle;padding-left:12px;}

#zodiac #nav .nav-bar .brand{float:right;padding:0;height:38px;margin-right:10px;}

#zodiac #nav .nav-bar .brand .myhelper{display:inline-block;height:100%;vertical-align:middle;}

#zodiac #nav .nav-bar .brand img{max-height:20px;width:auto;vertical-align:middle;}

#zodiac #nav .nav-over {display:none;padding: 20px;background: rgba(29,29,29, 0.7);}

#zodiac #nav .nav-over ul{list-style:none;padding:0;margin:0;}

#zodiac #nav .nav-over ul li{padding-bottom:7px;font-size:14px;font-weight:bold;text-transform:uppercase;padding-left:1em;text-indent:-.7em;}

#zodiac #nav .nav-over ul li:before{content:"\f0da";font-family:FontAwesome;color:white;margin-right:6px;}

#zodiac #nav .nav-over ul li a{color:white;}

#zodiac .nav-spacer{width:100%;height:40px;}
*/




/*************************************************/

body #zodiac{font-family: 'Oswald', sans-serif;}

header {
  position: relative;
  background-color: black;
  height: 75vh;
  min-height: 25rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 2;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.5;
  z-index: 1;
}

h1.tit-1{
    font-family: 'PT Sans', sans-serif;
    text-align: center;
    font-size: 40px;
    font-weight: bold;

}
h3.tit-3{ text-transform: uppercase; color:#e52421; font-size: 1.5em; }
@media (max-width: 768px) { 
    h4.tit-4{ text-transform: uppercase; color: white; font-size: 2.5em; font-weight: lighter; margin-top: -3px; background-color: #a3a2a2;  }
}
@media (min-width: 768.98px) { 
    h4.tit-4{ text-transform: uppercase; color: white; font-size: 4em; font-weight: lighter; margin-top: -3px; background-color: #a3a2a2;  }
}
h5.tit-5{color: white; font-size: 1em; font-weight: lighter; }
ul li.caracteristicas::before {
  content: "";
  border-color: transparent #e52421;
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
  color: ;
}

ol li.caracteristicas::marker {
  content: "▶";
}


.border-red{ border-bottom: 3px solid #e52421; }

.box{box-shadow: 3px 5px 9px 3px rgba(0,0,0,0.12);
-webkit-box-shadow: 3px 5px 9px 3px rgba(0,0,0,0.12);
-moz-box-shadow: 3px 5px 9px 3px rgba(0,0,0,0.12);
}
@media (max-width: 768px) { 
    .bg-boat{ background-image: url(https://www.navalmotor.com/mediaserver/web/zodiac/box-models.png); background-position: bottom; background-repeat: no-repeat; background-size: cover;
        width: auto;
        height: 250px; 
    }
}
@media (min-width: 768.98px) { 
    .bg-boat{ background-image: url(https://www.navalmotor.com/mediaserver/web/zodiac/box-models.png); background-position: bottom; background-repeat: no-repeat; background-size: cover;
        width: auto;
        height: 200px; 
    }
}
.box-models-card{margin-top: 90px }
.box-models-card a{ color:black; font-size: 1.25em; font-weight: lighter;  }
.box-models-card a:first-child {border-right: 1px solid black;}
.bg-grey{ background-color: #a3a2a2; border-top: 2px solid red; }

table{font-size: 0.9em; font-weight: lighter;}
th{background-color: #bfbebe;}
td{ color: white }
th[scope=col] {border-bottom: 1px solid red!important;}
html {
  scroll-behavior: smooth;
}










/*==========  Mobile First Method  ==========*/



    /* Custom, iPhone Retina */ 



    @media only screen and (min-width : 320px) {



    }



    /* Extra Small Devices, Phones */ 



    @media only screen and (min-width : 480px) {



    }



    /* Small Devices, Tablets */



    @media only screen and (min-width : 768px) {



    }



    /* Medium Devices, Desktops */



    @media only screen and (min-width : 884px) {



    }



    /* Large Devices, Wide Screens */



    @media only screen and (min-width : 1280px) {



    }



    /* Large Devices, Wide Screens */



    @media only screen and (min-width : 1360px) {



    }