﻿/*
Theme Name: Bioriginal
Theme URI: http://www.bioriginal.com
Author: SDAC Inc.
Author URI: http://www.sandboxdev.com
Description:  Custom WordPress theme for Biorginal
Version: 1.1
Tags:  two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: sdac_theme

JZ CSS file organization
-----------------
[1] General - All general items, browser specific hacks
[2] Header - All things specific to the header
[3] Main Content - All things specific to the main content
[4] Sidebar - Things which are specific to the sidebar.
[5] Footer - Things which are page and section specific.
*/
 
 /* ---------[1]General--------- */
 html {height:100%;}
 body {height:100%;background:#fff;font:14px/20px 'Lato', Arial, Helvetica, sans-serif;color:#404041;margin:0;}
 
 img {border-style:none;}
 
 a {color:#005596;text-decoration:none;}
 a:hover {text-decoration:underline;}
 a:active {background-color:transparent;}
 
 form,fieldset {margin:0;padding:0;border-style:none;}
 input,textarea,select {font:100% 'Lato', Arial, Helvetica, sans-serif;vertical-align:middle;color:#58585b;width:95%;}
 
 p {margin:0 0 20px;}
 ul, ol {margin:0 0 20px 33px;padding:0;}
 
 .clear {clear:both;}
 
 #wrapper {display:table;height:100%;width:100%;}
 
 
 /* ---------[2]Header--------- */
 #swoosh {background:url('images/bg-body.gif?v002') no-repeat 50% 100%;height:154px;width:100%;margin-top:-120px;}
 
 #header {position:relative;z-index:1;padding:22px 0 17px;}
 
.top-panel {text-align:right;margin:0 3px 13px 0;}
.top-panel >  {display:inline-block;vertical-align:top;text-align:left;margin:0 0 0 9px;}
.top-panel .link {font-size:14px;line-height:20px;text-transform:uppercase;}
.top-panel .link a {color:#58585b;}
.top-panel > *{display:inline-block;vertical-align:top;margin:0 0 0 9px;text-align:left;}
.region-sel,
.select-region-sel{margin:0 0 0 11px;min-width:136px;text-align:left;width:auto !important;}
 
 
 
 .drop-box {position:relative;margin:0 0 0 11px;}
 .drop-box.drop-opened {margin-bottom:-8px;padding-bottom:8px;}
 .drop-box > a {display:block;position:relative;z-index:100;padding:0 8px 0 16px;border:1px solid #c5c5c5;font-weight:bold;font-size:10px;line-height:16px;text-transform:uppercase;color:#58585b;background:#fff url('images/shadow-01.png') repeat-x 0 100%;}
 .drop-box > a:after {content:'';display:inline-block;vertical-align:top;width:6px;height:5px;background:url('images/arrow-01.png') no-repeat;margin:6px 0 0 6px;}
 .drop-box.drop-opened > a {border-width:1px 1px 0;background:#eaeaea;outline:none;margin-bottom:-8px;padding-bottom:8px;}
 .drop-box > a:hover {text-decoration:none;}
 .drop-box .drop {display:none;position:absolute;top:100%;left:0;z-index:99;border:1px solid #c5c5c5;background:#eaeaea;margin:-1px 0 0;}
 
 #login-form {width:168px;padding:7px 11px 5px 7px;}
 #login-form:after {content:'';display:block;clear:both;}
 #login-form label {float:left;width:60px;font:11px/14px Helvetica, Arial, sans-serif;color:#58585b;margin:3px 6px 0 0;}
 #login-form input[type="text"], #login-form input[type="password"] {float:left;width:90px;border:1px solid #cdc9c1;font:11px/14px Helvetica, Arial, sans-serif;color:#58585b;background:#fff;margin:0;margin-bottom:3px;padding:1px 5px;}
 #login-form input[type="submit"] {float:right;height:12px;border:0;font-weight:bold;font-size:9px;line-height:12px;color:#005596;background:url('images/bullet-01.png') no-repeat 100% 50%;cursor:pointer;margin:3px 1px 0 0;padding:0 13px 0 0;}
 #login-form input[type="submit"]:hover {cursor:pointer;}
 #login-form input[type="submit"]::-moz-focus-inner {padding:0;border:0;}
 
 .search-form {display:inline-block;vertical-align:top;}
 .search-form input[type="text"] {float:left;width:91px;height:14px;border:1px solid #e1e1e1;font-weight:bold;font-size:11px;line-height:14px;color:#58585b;background:#fff;margin:0;padding:1px 6px 1px;}
 .search-form input[type="submit"] {float:left;width:19px;height:19px;border:0;font-size:0;line-height:0;text-indent:-9999px;overflow:hidden;background:url('images/ico-search.png') no-repeat;margin:0 0 0 5px;padding:0;}
 .search-form input[type="submit"]:hover {cursor:pointer;}
 
 .logo {float:left;display:inline;width:201px;height:47px;text-indent:-9999px;overflow:hidden;background:url('images/logo.png') no-repeat;margin:0 0 0 4px;}
 .logo a {display:block;height:100%;}
 
  
 
 
 li.current-menu-parent a, li.current-menu-item a, .single-post li#menu-item-23 a, li.current-page-ancestor a {color:#005596 !important;}
 li.current-menu-parent:hover a, li.current-menu-item:hover a, .single-post li#menu-item-23:hover a,li.current-page-ancestor:hover a,
 li.current-menu-parent li a, li.current-menu-item li a, .single-post li#menu-item-23 li a, li.current-page-ancestor li a {color:#fff !important;}
 
 
 /* ---------[3]Main Content--------- */
 #main {padding:25px 0 0;}
 
 .main-gallery {position:relative;margin:43px 0 59px;}
 .main-gallery .btn-prev, .main-gallery .btn-next {position:absolute;top:130px;left:-100px;width:28px;height:29px;text-indent:-9999px;overflow:hidden;background:url('images/btn-gallery.png') no-repeat;margin:-34px 0 0;}
 .main-gallery .btn-next {left:auto;right:-40px;background-position:-30px 0;}
 
 ol.carousel-indicators {text-align:center;margin:0 auto !important;width:100px;height:20px;position:relative}
 ol.carousel-indicators li {margin:0 3px 0 4px;width:13px;height:13px;background:url('images/bullet-gallery.png') no-repeat;}
 ol.carousel-indicators li:hover, ol.carousel-indicators li.active {background-position:0 -15px;}
 
 .main-gallery .slideset {position:relative;overflow:hidden;}
 .main-gallery .slide {float:left;font-size:17px;line-height:22px;color:#6d6e70;overflow:hidden;}
 .main-gallery .img-box {}
 .main-gallery .description {overflow:hidden;padding:2px 0 0;}
 .main-gallery h2 {font-weight:900;font-size:34px;line-height:44px;color:#005596;margin:0 0 13px;}
 .main-gallery p {margin:0 0 26px;}
 .main-gallery .more {position:relative;display:inline-block;vertical-align:top;font-size:15px;line-height:20px;padding:0 16px 0 0;target=”_blank”}
 .main-gallery .more:after {content:'';position:absolute;top:50%;right:0;width:0;height:0;border-left:6px solid #005596;border-top:6px solid transparent;border-bottom:6px solid transparent;margin:-4px 0 0 9px;}
 
 .info-boxes {margin:0 0 29px;font-family: 'Lato', Arial, Helvetica, sans-serif;}
 .info-boxes:after {content:'';display:block;clear:both;}
 .info-box {float:left;color:#fff;background:#009e46 url('images/bg-info-box-03.png') no-repeat;padding:15px 0 0;overflow:hidden;}
 .info-box:first-child {background:#005398 url('images/bg-info-box-01.png') no-repeat;margin-left:0;}
 .info-boxes .center-box {background:#fc9a18 url('images/bg-info-box-02.png') no-repeat;}
 .info-box .ttl-box {display:table;width:100%;height:65px;color:#fff;}
 .info-box .ttl-box .box-holder {display:table-cell;vertical-align:bottom;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;border-bottom:1px solid #71d19e;padding:0 10px 9px 19px;}
 .info-box .ttl-box .box-holder h2 {padding-right:20px;}
 .info-boxes .info-box:first-child .ttl-box .box-holder {border-color:#74a3c8;padding-left:33px;}
 .info-boxes .center-box .ttl-box .box-holder {text-align:center;border-color:#fcc77f;padding-left:10px;padding-right:10px;}
 .info-box .ttl-box h2 {font-weight:700;font-size:18px;line-height:22px;margin:0;}
 .info-box .ttl-box h2:after {content:'';display:inline-block;vertical-align:top;position:relative;top:6px;width:16px;height:16px;background:url('images/bullet-02.png') no-repeat;margin:0 0 0 5px;}
 .info-box .ttl-box h2 a {color:#fff;}
 
 .news-list {list-style:none;font:14px/17px 'Lato', Helvetica, Arial, sans-serif;color:#fff;margin:0 20px 0 25px;padding:8px 0 6px;}
 .news-list li {border-top:1px solid #6c9ec5;overflow:hidden;padding:14px 10px 13px 5px;}
 .news-list li:first-child {border:0;}
 .news-list img {float:left;margin:4px 9px 0 0;}
 .news-list a {color:#fff;}
 .news-list .description {overflow:hidden;}
 .news-list h3 {font-size:14px; font-weight:bold; line-height:20px;margin:0 0 1px;}
 .news-list p {margin:0;}
 
 
 .info-box .image-box {display:table;width:100%;height:201px;}
 .info-box .image-box .box-holder {display:table-cell;vertical-align:middle;border-bottom:1px solid #71d19e;text-align:center;padding:5px 0;}
 .info-boxes .center-box .image-box .box-holder {border-color:#fcc77f}
 .info-box .image-box img {display:inline-block;vertical-align:middle;}
 .info-box .image-item .caption {font:14px/17px 'Lato', Helvetica, Arial, sans-serif;padding:9px 10px 10px 22px;}
 .info-box .image-item .caption p {margin:0;}
 
 .main-heading {position:relative;display:table;width:100%;margin:32px 0 43px;}
 .main-heading .text-holder {display:table-cell;vertical-align:bottom;padding:0 20px 40px 3px;}
 .main-heading .img-box {display:table-cell;vertical-align:bottom !important;text-align:right;min-width:1px;float:right;height:155px;}
 .main-heading .img-box img {vertical-align:bottom !important;}
 .main-heading h1 {font-size:28px;line-height:36px;text-transform:uppercase;color:#58585b;margin:0 0 10px 0;}

 .main-heading small {font-size:smaller;color:#58585b;font-weight: bold;}
 
 .main-heading1 {position:relative;display:table;width:100%;margin:0px 0 0px;}
 .main-heading1 .text-holder {display:table-cell;vertical-align:bottom;padding:0 20px 20px 3px;}
 .main-heading1 h1 {display:none;font-size:28px;line-height:12px;text-transform:uppercase;color:#58585b;margin:0 0 0px 0;}
 

 .start-text {overflow:hidden;margin:0 0 52px 2px;}
 .start-text1 {overflow:hidden;margin:0 0 0px 0px;}
 
 .tabs-area {margin:0 16px 20px 0;}
 .tabs-list {list-style:none;text-align:justify;border-bottom:1px solid #005596;font-weight:bold;font-size:15px;line-height:9px;margin:0;padding:0;height:37px;}
 .tabs-list:after {content:'';display:inline-block;vertical-align:top;width:100%;height:0;font-size:0;line-height:0;}
 .tabs-list li {display:inline-block;vertical-align:top;line-height:18px;}
 .tabs-list a {display:block;color:#538aba;padding:4px 16px 6px;}
 .tabs-list a:hover, .tabs-list .active a {text-decoration:none;color:#fff !important;background:#005596 !important;}
 
 .tab-content {overflow:hidden;padding:20px 0 0;}
 
 .map-block {padding:14px 0 0 4px;}
 .map-block img {vertical-align:top;}
 
 /*  custom selects  */
 /*  hide original element  */
 .jcf-hidden{display:block !important;position:absolute !important;left:-9999px !important;}
 
 /*  custom select styles  */
 .select-area{display:inline-block;vertical-align:top;position:relative;overflow:hidden;cursor:default;height:18px;font-weight:bold;font-size:10px;line-height:16px;text-transform:uppercase;color:#58585b;background:#fff;}
 .select-active{background:#eaeaea;}
 .select-area .center{display:block;border-width:1px 0 1px 1px;white-space:nowrap;overflow:hidden;border:1px solid #c5c5c5;background:url('images/shadow-01.png') repeat-x 0 100%;margin:0 15px 0 0;padding:0 2px 0 13px;}
 .select-active .center{border-width:1px 0 0 1px;background:none;padding-bottom:1px;}
 .select-area .select-opener{position:absolute;top:0;right:0;bottom:0;width:15px;border:1px solid #c5c5c5;border-width:1px 1px 1px 0;background:url('images/shadow-01.png') repeat-x 0 100%;}
 .select-area .select-opener:after{content:'';position:absolute;top:0;right:3px;width:6px;height:5px;background:url('images/arrow-01.png') no-repeat;margin:6px 0 0;}
 .select-active .select-opener{border-width:1px 1px 0 0;background:none;}
 .select-options{position:absolute;overflow:hidden;background:#eaeaea;z-index: 2000;font-weight:bold;font-size:10px;line-height:16px;text-transform:uppercase;}
 .select-options .drop-holder{overflow:hidden;}
 .select-options ul{list-style:none;border:1px solid #c5c5c5;border-width:0 1px 1px; margin:0;padding:0;}
 .select-options ul a{display:block;text-decoration:none;color:#58585b;cursor:default;padding:2px 10px 2px 13px;}
 .select-options .item-selected a{color:#fff;background:#4282b2;}
 
 .page h2 {font-size:1.1em;}
 
 
 /*  Bio Page  */
 .page-template-page-bio-php .main-heading h1 {padding:45px 0 45px 0;}
 .page-template-page-bio-php .bio-img {float:left;margin-left:0;}
 .page-template-page-bio-php .bio-img h4 {font-size:13px;color:#005596;margin-bottom:20px;padding-right:20px;}
 .page-template-page-bio-php .start-text {float:left;margin:0 !important;width:360px;}
 
 /*  Grid Page  */
 .grid-item {height:225px;float:left;display:inline;}
 .grid-item.last {margin-right:0;}
 .grid-item .grid-image {height:145px;margin-bottom:5px;}
 .grid-item .grid-image {text-align:center;}
 .grid-item p {color:#005596;font-weight:bold;line-height:normal !important;font-size:13px;margin:0 !important;padding:0 !important;text-align:center;}
 .grid-item p.excerpt {font-weight:normal;}

.grid-item .grid-image {
   opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
   }

.grid-item .grid-image:hover {
      opacity: 0.5;
      }


 
 /*  List Page - No Images  */
 .page-template-page-list-php h2, .search-results h2, .page-template-page-news-centre-php h2, .page-template-page-learning-centre-php .start-text h2 {font-size:16px;font-weight:400px;border-bottom:2px solid #e0e1e0;margin:0;padding:8px 0 8px 0;line-height:normal !important;}
 .page-template-page-list-php h2 a, .search-results h2 a, .page-template-page-news-centre-php h2 a, .page-template-page-learning-centre-php .start-text h2 a {display:block;width:100%;background:url('images/arrow-right.png') right center no-repeat;}
 
 .page-template-page-learning-centre-php ul.sub-pages {margin-top:10px !important;}
 
 .page-template-page-news-centre-php .accordion-heading a {margin-left: 0 !important;padding-left:0 !important;background:url('images/arrow-right.png') right center no-repeat;width:95% !important}
 .page-template-page-news-centre-php .accordion-heading img {padding-right:10px;display:block;}
 .page-template-page-news-centre-php .accordion-heading {padding-bottom:10px !important;}
 
 /*  Category  */
 .media {border-bottom:2px solid #e0e1e0;padding:5px 0 5px 0;}
 .media a.pull-left {margin-right:20px !important;}
 
 
 /*  Accordion  */
 .accordion-group {border:none;}
 .accordion-heading {font-weight:bold;border-bottom:2px solid #e0e1e0;}
 .accordion-heading a {display:block;width:595px;background:url('images/arrow-right.png') right center no-repeat;padding-right:20px;outline:none;}
 .accordion-heading a.active {background:url('images/arrow-down.png') right center no-repeat;}
 .accordion-inner {border:0 !important;}
 
 .tab-pane .accordion-heading a {width:580px;}
 
 /*  Ingredient Map  */
 .map-ingr {margin-right:5px;float:left;display:inline;}
 .map-ingr {width:85px;text-align:center;}
 .map-ingr a.icon-ingr {display:block;width:85px;height:85px;text-indent:-9999px;overflow:hidden;background:#ddd;}
 .map-ingr p {font-size:11px;color:#005596}
 
 #black-currant-oil-icon {background: url('images/ingredients/black-currant-off.png') no-repeat;}
 #black-currant-oil-icon:hover, #black-currant-oil-icon.active {background: url('images/ingredients/black-currant-on.png') no-repeat !important;}
 
 #borage-oil-icon {background: url('images/ingredients/borage-off.png') no-repeat;}
 #borage-oil-icon:hover {background: url('images/ingredients/borage-on.png') no-repeat;}
 
 #coconut-oil-icon {background: url('images/ingredients/coconut-off.png') no-repeat;}
 #coconut-oil-icon:hover {background: url('images/ingredients/coconut-on.png') no-repeat;}
 
 #echium-oil-icon {background: url('images/ingredients/echium-off.png') no-repeat;}
 #echium-oil-icon:hover {background: url('images/ingredients/echium-on.png') no-repeat;}
 
 #evening-primrose-oil-icon {background: url('images/ingredients/evening-primrose-off.png') no-repeat;}
 #evening-primrose-oil-icon:hover {background: url('images/ingredients/evening-primrose-on.png') no-repeat;}
 
 #flaxseed-oil-icon {background: url('images/ingredients/flax-off.png') no-repeat;}
 #flaxseed-oil-icon:hover {background: url('images/ingredients/flax-on.png') no-repeat;}
 
 #hempseed-oil-icon {background: url('images/ingredients/hempseed-off.png') no-repeat;}
 #hempseed-oil-icon:hover {background: url('images/ingredients/hempseed-on.png') no-repeat;}
 
 #cod-oil-icon {background: url('images/ingredients/cod-off.png') no-repeat;}
 #cod-oil-icon:hover {background: url('images/ingredients/cod-on.png') no-repeat;}
 
 #fish-oil-icon {background: url('images/ingredients/fish-off.png') no-repeat;}
 #fish-oil-icon:hover {background: url('images/ingredients/fish-on.png') no-repeat;}
 
 #krill-oil-icon {background: url('images/ingredients/krill-off.png') no-repeat;}
 #krill-oil-icon:hover {background: url('images/ingredients/krill-on.png') no-repeat;}
 
 #bio-pure-oil-icon {background: url('images/ingredients/bio-pure-off.png') no-repeat;}
 #bio-pure-oil-icon:hover {background: url('images/ingredients/bio-pure-on.png') no-repeat;}

 #alaskomega-fish-oil-icon {background: url('images/ingredients/alaskomega-off.png') no-repeat;}
 #alaskomega-fish-oil-icon:hover {background: url('images/ingredients/alaskomega-on.png') no-repeat;}
 
 #marine-sourced-ingedients {margin-left:20%;}
 
 
 /* ---------[4]Sidebar--------- */
 
 #sidebar{float:right;}
 
 .menu-block{color:#fff;background:#1eb263 url('images/bg-menu-block.png') no-repeat;margin:0 0 21px;padding:59px 20px 9px 26px;}
 .menu-block a{color:#fff;}
 .menu-block h2{font-size:17px;line-height:22px;margin:0 0 10px;}
 .menu-block ul{list-style:none;font-size:15px;line-height:18px;margin:0 0 0 16px;padding:0;}
 .menu-block ul li{padding:0 0 8px;}
 .menu-block ul li a{display:inline-block;vertical-align:top;padding:0 0 0 10px;}
 .menu-block ul li.active > a{background:url('images/arrow-02.png') no-repeat 0 7px;margin-top:3px;font-weight:bold}
 .menu-block ul .slide{position:relative;overflow:hidden;}
 .menu-block ul ul{font-size:13px;line-height:16px;margin:10px 0 0 10px;}
 .menu-block ul ul li{padding:0 0 4px;}
 .menu-block ul ul .active a{font-weight:bold;background-position:0 5px;	margin:0;}
 .menu-block ul li.strong {margin-top:20px !important;}
 .menu-block ul li.active-no-link strong {background:url('images/arrow-02.png') no-repeat 0 7px !important;margin-top:3px;font-weight:bold}

.menu-block small {font-size:15px;}
 
 .side-box {background:#e0e1e0;margin:0 0 20px;padding:13px 15px 10px 13px;}
 .side-box h3{font-size:16px;line-height:20px;color:#444;margin:0 0 6px;}
 .side-box .form-row {margin:0 0 4px;}
 .side-box .form-row:after{content:'';display:block;clear:both;}
 .side-box .note-text{font-size:12px;line-height:16px;color:#6d6e70;margin:2px 0 19px 6px;}
 .side-box .note-text p{margin:0;}
 .side-box label{float:left;width:90px;font-size:13px;line-height:16px;color:#6d6e70;margin:9px 3px 0 2px;}
 .side-box input[type="text"],.side-box input[type="email"],
 .side-box textarea{float:left;width:96%;height:16px;border:1px solid #c5c1b8;font-size:13px;line-height:16px;color:#6d6e70;background:#fff;margin:0;padding:7px 5px 6px;}
 .side-box textarea{height:50px;min-height:18px;overflow:auto;resize:vertical;padding:7px 5px 3px;}
 .side-box .btn-row{padding:10px 0 0;}
 .side-box .btn-row:after{content:'';display:block;clear:both;}
 .side-box .btn-row .more,
 .side-box .btn-row .link{float:left;font-weight:bold;font-size:14px;line-height:20px;color:#444;background:url('images/arrow-03.png') no-repeat 100% 9px;margin:0 0 0 2px;padding:0 11px 0 0;}
 .side-box .btn-row .link{font-size:12px;padding:0 9px 0 0;}
 .side-box input[type="submit"]{float:right;height:19px;border:0;font-weight:900;font-size:14px;line-height:20px;color:#005596;background:url('images/bullet-03.png') no-repeat 100% 50%;cursor:pointer;margin:0;padding:0 20px 0 0;}
 .side-box input[type="submit"]:hover{cursor:pointer;}
 .side-box input[type="submit"]::-moz-focus-inner{border:0;padding:0;}
 .contact-form .btn-row{padding:6px 0 0;}
 
 .contact-form input[type="submit"]{margin:0 3px 0 0;}
 
 .connect-box{overflow:hidden;padding:3px 0 5px;}
 .connect-box .ttl{float:left;font-size:16px;line-height:20px;color:#444;margin:2px 0 0;}
 .connect-box .link{float:right;}
 .connect-box .link img{vertical-align:top;}
 
 #footer{display:table-row;width:100%;font-size:13px;line-height:16px;}
 
 .footer-holder{display:table-cell;vertical-align:top;position:relative;height:1px;border-bottom:10px solid #202020;}
 
 #footer .container-center{padding:15px 0px 34px;}
 #footer ul{float:right;margin:0;padding:0;list-style:none;}
 #footer ul li{float:left;padding:0 18px;}
 #footer ul a{color:#404041;}
 #footer p{overflow:hidden;	margin:0; }

 
/* Large desktop */
@media (min-width: 1200px) {
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
  .info-box, .info-box:first-child,.info-boxes .center-box,.menu-block {
    background-image: none;
  }
}
 
@media (min-width: 979px) {
  #nav{
    float:right;
	margin:14px 2px 0 0;
	padding:0;
	list-style:none;
    font-weight:bold;
    font-size:15px;
    line-height:18px;
}
  #nav > li{
    position:relative;
    float:left;
    margin:0 0 0 13px;
  }
  #nav > li > a{
    display:block;
    padding:7px 11px 6px;
    color:#58585b;
  }
  #nav > .active > a{color:#005596;}
  #nav > li:hover > a{
    text-decoration:none;
    color:#fff;
    background:#005596;
  }
  #nav li:hover > ul{display:block;}
  #nav ul{
    display:none;
    position:absolute;
    top:100%;
    left:0;
    z-index:99;
	margin:0;
	padding:0;
	list-style:none;
    font-weight:900;
    font-size:14px;
    line-height:18px;
    background:#4282b2;
}
  #nav ul ul{
    top:0;
    left:100%;
    background:#96b9d4;
  }
  #nav ul ul ul{background:#4282b2;}
  #nav ul li {border-top:1px solid #005398;white-space:nowrap;width:250px;}
  #nav li:nth-last-child(-n+1) ul{
    left:auto;
    right:0;
  }
  #nav li.nth-last-child ul{
    left:auto;
    right:0;
  }
  #nav li:nth-last-child(-n+1) ul ul{
    left:auto;
    right:100%;
  }
  #nav li.nth-last-child ul ul{
    left:auto;
    right:100%;
  }
  #nav ul li{
    border-top:1px solid #005398;
    white-space:nowrap;
  }
  #nav ul li:first-child{border-top:0;}
  #nav ul a{
    display:block;
    padding:6px 14px 8px 10px;
    color:#fff;
  }
  #nav ul > li:hover > a,
  #nav ul ul ul > li:hover > a{
    text-decoration:none;
    background:#96b9d4;
  }
  #nav ul ul > li:hover > a{background:#4282b2;}
}


/* Landscape phones and down */
@media (max-width: 480px) {
}

.navbar-inner {
  background: none;
  border: none;
  box-shadow: none;
  padding-left: 0;
  padding-right: 0;
}

.navbar-responsive-collapse.in {
  background-color: #4282b2;
}

.dropdown-menu {
  border-radius: 0 !important;
}

.navbar .nav>li>.dropdown-menu:after,
.navbar .nav>li>.dropdown-menu:before {
  border-bottom: none !important;
}

.navbar .nav>li>a {
  text-shadow: none !important;
}

.navbar-responsive-collapse.in li:first-child{border-top:0;}
.navbar-responsive-collapse.in li {border-top:1px solid #005596;}

.navbar-responsive-collapse.in a {
color:#fff !important;
-webkit-border-radius:0 !important;-moz-border-radius:0 !important;border-radius:0 !important;

}
.navbar-responsive-collapse.in a:hover {background:#96b9d4 !important;}

.navbar-responsive-collapse.in .dropdown-menu>li>a:hover, .navbar-responsive-collapse.in .dropdown-menu>li>a:focus, .navbar-responsive-collapse.in .dropdown-submenu:hover>a, .navbar-responsive-collapse.in .dropdown-submenu:focus>a {
  background-color: #96b9d4;
  background-image: none;
  color: #fff;
  width: 100%;
}

.navbar .btn.btn-navbar {background: url('images/icon-menu.png?v3') no-repeat !important;height:30px;width:30px;border:0}
.navbar .btn.btn-navbar span {display:none;}


/* Responsive Table - Contact Page
-------------------------------------------------------------- */

@media screen and (max-width: 770px) { 

table,
th,
td {
	border: 0px;
	display:block;
}

table {
	border: 0px;
	table-layout: fixed;
}


.my-text-widget {
	margin-bottom: 0;
	padding: 20px 0 0px;
	background-color: #fff;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
}


.responsive-stacked-table.with-mobile-labels tr td:first-child {
	margin-bottom: 20px;
}

.responsive-stacked-table.with-mobile-labels td:before {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}
.responsive-stacked-table.with-mobile-labels td:nth-of-type(1):before {
	content: "Europe/Asia";
	margin-bottom: 10px;
}
.responsive-stacked-table.with-mobile-labels td:nth-of-type(2):before {
	content: "Canada";
	margin-bottom: 10px;
}
.responsive-stacked-table.with-mobile-labels td:nth-of-type(3):before {
	content: "USA";
	margin-bottom: 10px;
}


.responsive-stacked-table.with-mobile-labels2 tr td:first-child {
	margin-bottom: 20px;
}

.responsive-stacked-table.with-mobile-labels2 td:before {
	display: block;
	font-size: 16px;
	font-weight: bold;
	line-height: 16px;
}
.responsive-stacked-table.with-mobile-labels2 td:nth-of-type(1):before {
	content: "René van Hoorn";
	margin-bottom: 10px;
}
.responsive-stacked-table.with-mobile-labels2 td:nth-of-type(2):before {
	content: "Ricardo Snijders";
	margin-bottom: 10px;
}
.responsive-stacked-table.with-mobile-labels2 td:nth-of-type(3):before {
	content: "Rudy Bovée";
	margin-bottom: 10px;
}



 .side-box1 {background:#e0e1e0;margin:0 0 0px;padding:13px 15px 10px 13px;}
 .side-box1 h3{font-size:16px;line-height:20px;color:#444;margin:0 0 6px;}
 .side-box1 .form-row {margin:0 0 4px;}
 .side-box1 .form-row:after{content:'';display:block;clear:both;}
 .side-box1 .note-text{font-size:12px;line-height:16px;color:#6d6e70;margin:2px 0 19px 6px;}
 .side-box1 .note-text p{margin:0;}
 .side-box1 label{float:left;width:90px;font-size:13px;line-height:16px;color:#6d6e70;margin:9px 3px 0 2px;}
 .side-box1 input[type="text"],.side-box input[type="email"],
 .side-box1 textarea{float:left;width:96%;height:16px;border:1px solid #c5c1b8;font-size:13px;line-height:16px;color:#6d6e70;background:#fff;margin:0;padding:7px 5px 6px;}
 .side-box1 textarea{height:50px;min-height:18px;overflow:auto;resize:vertical;padding:7px 5px 3px;}
 .side-box1 .btn-row{padding:10px 0 0;}
 .side-box1 .btn-row:after{content:'';display:block;clear:both;}
 .side-box1 .btn-row .more,
 .side-box1 .btn-row .link{float:left;font-weight:bold;font-size:14px;line-height:20px;color:#444;background:url('images/arrow-03.png') no-repeat 100% 9px;margin:0 0 0 2px;padding:0 11px 0 0;}
 .side-box1 .btn-row .link{font-size:12px;padding:0 9px 0 0;}
 .side-box1 input[type="submit"]{float:right;height:19px;border:0;font-weight:900;font-size:14px;line-height:20px;color:#005596;background:url('images/bullet-03.png') no-repeat 100% 50%;cursor:pointer;margin:0;padding:0 20px 0 0;}
 .side-box1 input[type="submit"]:hover{cursor:pointer;}
 .side-box1 input[type="submit"]::-moz-focus-inner{border:0;padding:0;}
 .contact-form .btn-row{padding:6px 0 0;}