/***************************************************************************************
* BODY ELEMENTS
***************************************************************************************/

article, aside, details,figcaption, figure, footer, header, hgroup, nav, section, summary {display: block;}

html {font-size: 16px;}

pre {white-space: pre; white-space: pre-wrap; word-wrap: break-word;}

svg:not(:root) {overflow: hidden;}

legend {border: 0;padding: 0;}

* {margin:0; padding:0;}

body {
	font-family: 'Lato', Helvetica, Arial, sans-serif;
	font-size:0.875em;
	color:#303030;
	text-align:left;
	font-weight:400;
	margin:0;
}

img {border: 0; width:100; height:auto;}

.navbar-default .navbar-nav>li>a {color: #ffab23;}

a:link {color: #ffab23;text-decoration: none;}
a:visited {color: #ffab23;text-decoration: none;}
a:hover {text-decoration: none;}
a:active {color: #ffab23;text-decoration: none;}

footer a:link {color: #b2b2b2;text-decoration: none;white-space: nowrap;} 
footer a:visited {color: #b2b2b2; text-decoration: none;}
footer a:hover {color:#fff; text-decoration: underline;}
footer a:active {color: #b2b2b2; text-decoration: underline;}



hr {color: #111; background-color:#111; margin-top:15px; margin-bottom:20px;}

table {border-collapse:collapse; font-weight:300; padding:5px; float:left;}
td {padding:20px; font-weight:400; width:300px; font-weight:14px;}
td {letter-spacing: 1px}
th {padding-left:10px; text-align:left; width:150px;}

span{color:#696969;}

table td, table th {border: 1px solid #ffab23;}
table tr:first-child th {border-top: 0;}
table tr:last-child td {border-bottom: 0;}
table tr:first-child td {border-top: 0;}
table tr:last-child th{border-bottom: 0;}
table tr td:first-child, table tr th:first-child {border-left: 0; border-right: 0;}
table tr td:last-child, table tr th:last-child {border-right: 0; border-left: 0;}

/* ==========================================================================
   Fonts
   ========================================================================== */
   
@font-face {
    font-family: 'klavika-bold';
    src: url('../fonts/klavika-bold-webfont.eot'),
         url('../fonts/klavika-bold-webfont.woff') format('woff'),
         url('../fonts/klavika-bold-webfont.ttf') format('truetype'),
         url('../fonts/klavika-bold-webfont.svg#klavika-bold-webfont') format('svg');
}

@font-face {
    font-family: 'klavika-boldItalic';
    src: url('../fonts/klavika-bolditalic-webfont.eot'),
         url('../fonts/klavika-bolditalic-webfont.woff') format('woff'),
         url('../fonts/klavika-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/klavika-bolditalic-webfont.svg#klavika-bolditalic-webfont') format('svg');
}  

/***************************************************************************************
* HEADINGS
***************************************************************************************/

h1{
	font-family:'klavika-boldItalic';
	font-size:4.063em;
	font-weight:700;
	margin-top:10px;
}

h2 {
	font-family:'klavika-bold';
	font-size:1.875em;
	font-weight:700;
	margin-bottom:3px;
}

h3 {
	font-family:'Lato';
	font-size:1.375em;
	font-weight:700;
	margin-bottom:10px;
	letter-spacing:1px;
}

h4 {
	font-family:'Montserrat';
	font-size:1.063em;
	font-weight:400;
	margin-bottom:10px;
	letter-spacing:1px;
}



h5 {
	font-family:'Montserrat';
	font-size:0.875em;
	letter-spacing:1px;
	font-weight:700;
	margin-bottom:3px;
}

h6 {
    font-size:0.688em;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	font-weight:400;	
	color:#fff; text-align:center; margin-top:30px;
}

th {
	font-size:0.875em;
	letter-spacing:1px;
	font-weight:700;
	color:#303030;
}


.sea{
    top:0;
    width: auto;
    max-height: 860px;
}

video { 
    position:absolute;
    right: 0;
    top: 0;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -10;
    background: url(../images/Forsa_BG_poster.jpg) no-repeat;
    background-size: cover;
    transition: 1s opacity;
}

.stopfade { 
   opacity: .5;
}

.sea article {
    max-width: 1000px;
    padding: 180px 50px 80px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.sea article h1 {
    font-family:'klavika-bold';
    font-size: 5em;
    letter-spacing: 1px;
    text-align: center;
    color: #fff;
    
}

.sea article h4 {
    font-size: 1.5em;
    font-family: 'Lato';
    letter-spacing: 1px;
    color: #ffab23;
    margin-top: 20px;
    margin-bottom:350px;
}


.content{
    width: 100%;
    padding-top: 30px;
    padding-bottom:30px;
    margin-bottom: 320px; /* Same height as footer */
    background: #fff;
}

.fixed_footer{
  width: 100%;
  height: 320px;
  background: #111;
  position: fixed; left: 0; bottom: 0;
  z-index: -100;
}
   .fixed_footer p{
    color: #696969;
    text-align: center;
    margin-top: 50px;
    font-size: .8em;
    font-weight: 300;
  }


.product {
    top: 0;
    margin-bottom: 30px;
    padding: 20px;
    position: relative;
    min-height: 370px;
    box-shadow: 0 15px 15px rgba(0,0,0,.06);
    -webkit-transition: all 250ms cubic-bezier(.02,.01,.47,1);
    -moz-transition: all 250ms cubic-bezier(.02,.01,.47,1);
    transition: all 250ms cubic-bezier(.02,.01,.47,1);
}

.product:hover {
    top: -15px;
    box-shadow: 0 30px 30px rgba(0,0,0,.06);
}

.product img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: auto;
}

a:link .product {color: #303030;text-decoration: none;}
a:visited .product {color: #303030;text-decoration: none;}
a:hover .product {text-decoration: none;}
a:active .product {color: #303030;text-decoration: none;}

.col-sm-6 {margin-bottom:30px;}


.thumbnail { border-radius:0; padding:10px; margin-bottom:-10px;}

.logo{max-width:180px; height:auto;}
.logo-footer{max-width:140px; height:auto; margin:50px auto 40px; display: block;}

.mainimg, .detailimg {height:auto; margin-bottom: 30px; }

.navbar {background:#111; border:none; padding-top:20px; padding-bottom:20px; border-radius:0;}
.clear {background: transparent;}

.order{
	padding: 20px 40px 20px 20px;
	background-color: #f5f5f5;
	border: solid thin #e5e5e5;
}

#normal2, #normal3, #normal4, #normal5, #normal6, #normal7, #normal8, #normal9 {display:none;}

footer li {
    display: inline; 
    padding:20px 20px 20px 20px;
    color: #696969;
    text-align: center;
    font-size: .9em;
    font-weight: 300;
    text-transform: uppercase;
}

footer ul {margin: 15px auto; text-align: center;}

.mainimg img, .detail img, .mainimg:hover img {width: 100%;}

.spec img {width:100%; max-width:1000px;}

.navbar-right {margin-top: 15px;}

.dropdown-menu li{padding:5px;}
.dropdown-menu li a:hover,  .navbar-default .navbar-nav>li>a {color: #ffab23; background:transparent;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:visited {
    color: rgba(255,171,35,0.6);
    background-color: transparent;
}

.caret{margin-left:10px; color:#ffab23;}

.crossRotate {
  -webkit-transition-duration: .3s;
  -moz-transition-duration: .3s;
  -o-transition-duration: .3s;
  transition-duration: .3s;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  outline: 0;
}

.crossRotate.active {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}

.galleryImg img {
	display: block;
	margin: 20px auto 15px;
    max-width: 100%;
    height:auto;

}

@media screen and (max-width: 740px) {
  #bgvid { display: none; }
  .sea {background: #111; height: auto;}
}

@media screen and (max-width: 500px) {
    .sea article h1 {font-size: 3.65em; line-height: 1em;}
    .sea article h4 {font-size: 1.063em; line-height: 1.5em; margin-bottom:80px;} 
    .sea article {padding: 70px 40px 10px;}
}