/* 
	Table of Contents
	update on Tue Jan 19 2016 11:44:30 GMT+0200 (FLE Standard Time)

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	         Mobile -----------------------------------
	     02. Footer -----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     03. Header -----------------------------------
	         Mobile -----------------------------------
	         Mobile -----------------------------------
	     04. Main -------------------------------------
	         Tablet Portrait --------------------------
	     05. Shell ------------------------------------
	     06. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Accordion --------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     02. Bar --------------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     03. Button -----------------------------------
	         Button Block -----------------------------
	     04. Cols -------------------------------------
	         Mobile -----------------------------------
	     05. List -------------------------------------
	         List-dots --------------------------------
	         Mobile -----------------------------------
	     06. Logo -------------------------------------
	         Mobile -----------------------------------
	         Mobile -----------------------------------
	     07. Nav --------------------------------------
	         Small Desktop ----------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     08. Product ----------------------------------
	         Tablet Portrait --------------------------
	         Mobile -----------------------------------
	     09. Section ----------------------------------
	         Section-Product View ---------------------
	         Section Components -----------------------
	         Tablet Portrait --------------------------
	     10. Section-Product-Popup --------------------
	         Mobile -----------------------------------
	         Section-featured -------------------------
	         Section-components -----------------------
	         Section-Popup ----------------------------
	     11. Slider -----------------------------------
	         Slider Thumb -----------------------------
	     12. Table ------------------------------------
	         Table Specification ----------------------
	         Mobile -----------------------------------
	     13. Testimonials  ----------------------------
	         Mobile -----------------------------------
	IV.  Themes ---------------------------------------
	     01. Magnific Popup ---------------------------
	         Mobile -----------------------------------
 */

.ico-magnifier { background-image: url(../css/images/sprite.png); background-position: 0 0; width: 100px; height: 100px; display: inline-block; vertical-align: middle; font-size: 0; }

/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */

*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

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

html,
body { height: 100%; }

html { tap-highlight-color: rgba(0,0,0,0); }

body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }

img, iframe, video, audio, object { max-width: 100%; }
img, iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }

b,
strong { font-weight: bold; }

address { font-style: normal; }

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

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }

a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button { display: none; -webkit-appearance: none; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: none; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }

button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }

button,
select { text-transform: none; }

table { width: 100%; border-collapse: collapse; border-spacing: 0; }

nav ul,
nav ol { list-style: none outside none; }

/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { min-width: 320px; background: #fff; font-family: 'Times', serif; font-size: 14px; line-height: 1.3; color: #000; }

a { color: inherit; text-decoration: underline; }
a:hover { text-decoration: none; }

a[href^="tel"] { text-decoration: none; }

/* img { width: 100%; height: auto; } */

ul { list-style-type: none; }


h1 { font-size: ; }
/* h2 { font-size: 93px; font-family: 'AGaramondPro-Regular',sans-serif; color: #2951a1; font-weight: bold; } */
h3 { font-size: ; }
h4 { font-size:  30px; font-family: 'GaramondPremrPro', sans-serif; color: #787878; font-weight: normal; letter-spacing: -0.03em; }
h5 { font-size: ; }
h6 { font-size: ; }

h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.65em; }

p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.3em; font-size:17px; }

h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */


@font-face {
	font-family: "Times";
	src: url("fonts/Times_700_italic_1438328064.eot");
	src: url("fonts/Times_700_italic_1438328064.eot?#iefix") format("embedded-opentype"),
		url("fonts/Times_700_italic_1438328064.svg#Times") format("svg"),
		url("fonts/Times_700_italic_1438328064.woff") format("woff"),
		url("fonts/Times_700_italic_1438328064.ttf") format("truetype");
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: "Times";
	src: url("fonts/Times_700_normal_1438328064.eot");
	src: url("fonts/Times_700_normal_1438328064.eot?#iefix") format("embedded-opentype"),
		url("fonts/Times_700_normal_1438328064.svg#Times") format("svg"),
		url("fonts/Times_700_normal_1438328064.woff") format("woff"),
		url("fonts/Times_700_normal_1438328064.ttf") format("truetype");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "Times";
	src: url("fonts/Times_400_italic_1438328064.eot");
	src: url("fonts/Times_400_italic_1438328064.eot?#iefix") format("embedded-opentype"),
		url("fonts/Times_400_italic_1438328064.svg#Times") format("svg"),
		url("fonts/Times_400_italic_1438328064.woff") format("woff"),
		url("fonts/Times_400_italic_1438328064.ttf") format("truetype");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "Times";
	src: url("fonts/Times_400_normal_1438328064.eot");
	src: url("fonts/Times_400_normal_1438328064.eot?#iefix") format("embedded-opentype"),
		url("fonts/Times_400_normal_1438328064.svg#Times") format("svg"),
		url("fonts/Times_400_normal_1438328064.woff") format("woff"),
		url("fonts/Times_400_normal_1438328064.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "GaramondPremrPro";
	src: url("fonts/GaramondPremrPro_600_normal_1443078797.eot");
	src: url("fonts/GaramondPremrPro_600_normal_1443078797.eot?#iefix") format("embedded-opentype"),
		url("fonts/GaramondPremrPro_600_normal_1443078797.svg#GaramondPremrPro") format("svg"),
		url("fonts/GaramondPremrPro_600_normal_1443078797.woff") format("woff"),
		url("fonts/GaramondPremrPro_600_normal_1443078797.ttf") format("truetype");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "GaramondPremrPro";
	src: url("fonts/GaramondPremrPro_400_normal_1443078797.eot");
	src: url("fonts/GaramondPremrPro_400_normal_1443078797.eot?#iefix") format("embedded-opentype"),
		url("fonts/GaramondPremrPro_400_normal_1443078797.svg#GaramondPremrPro") format("svg"),
		url("fonts/GaramondPremrPro_400_normal_1443078797.woff") format("woff"),
		url("fonts/GaramondPremrPro_400_normal_1443078797.ttf") format("truetype");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "GaramondPremrPro";
	src: url("fonts/GaramondPremrPro_500_normal_1443078797.eot");
	src: url("fonts/GaramondPremrPro_500_normal_1443078797.eot?#iefix") format("embedded-opentype"),
		url("fonts/GaramondPremrPro_500_normal_1443078797.svg#GaramondPremrPro") format("svg"),
		url("fonts/GaramondPremrPro_500_normal_1443078797.woff") format("woff"),
		url("fonts/GaramondPremrPro_500_normal_1443078797.ttf") format("truetype");
	font-weight: 500;
	font-style: normal;
}

@font-face {
  font-family: 'AGaramondPro-Regular';
  src: 
  url('fonts/AGaramondPro-Regular.eot?#iefix') format('embedded-opentype'),  
  url('fonts/AGaramondPro-Regular.woff') format('woff'), 
  url('fonts/AGaramondPro-Regular.ttf')  format('truetype'), 
  url('fonts/AGaramondPro-Regular.svg#AGaramondPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
    font-family: 'GaramondPremrProItalic';
    src: url('fonts/agaramondpro-italic-webfont.eot');
    src: url('fonts/agaramondpro-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/agaramondpro-italic-webfont.woff') format('woff'),
         url('fonts/agaramondpro-italic-webfont.ttf') format('truetype'),
         url('fonts/agaramondpro-italic-webfont.svg#AdobeGaramondProItalic') format('svg');
    font-weight: normal;
    font-style: italic;

}

/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after { content: ''; line-height: 0; display: table; clear: both; }


/*  Notext  */

.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }


/*  Hidden  */

[hidden],
.hidden { display: none; }


/*  Alignleft  */

.alignleft { float: left; }


/*  Alignright  */

.alignright { float: right; }


/*  Disabled  */

[disabled],
.disabled { cursor: default; }

/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */

.container { margin-top: -118px; margin-bottom: -120px; z-index: 9; position: relative; }

/* Mobile */

@media (max-width: 767px) {
	.container { margin-top: -20px; }
        #sharkVid{width:100% !important;}
        #vidText{clear:both; width:100%!important;}
}

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { background: url(../css/images/footer-bg.png) center center no-repeat; background-size: cover; padding: 131px 0 30px; font-family: 'GaramondPremrPro', sans-serif; color: #fff; font-size: 16px; }
.footer .shell { padding: 0 29px 0 28px; }
.footer .shell:after { content: ''; line-height: 0; display: table; clear: both; }

.footer .copyright,
.footer .list-credit-cards { float: left; }

.footer .copyright { padding-top: 19px; letter-spacing: 0.07em; }

.footer .list-credit-cards { margin-left: 45px; }

.footer .footer-nav { float: right; padding-top: 19px; }
.footer .footer-nav a { text-decoration: none; font-size: 16px; letter-spacing: 0.03em; }
.footer .footer-nav li { float: left; padding-left: 8px; padding-right: 8px; position: relative; }
.footer .footer-nav li:last-of-type { padding-right: 0; }
.footer .footer-nav li + li:after { position:absolute; top: 2px; left: 0; content: ''; background: #fff; width: 1px; height: 16px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.footer .copyright { padding-top: 10px; }
	.footer .list-credit-cards { float: right; }
	.footer .footer-nav { width: 100%; padding-top: 0; margin-top: -35px; }
	.footer .footer-nav li:first-of-type { padding-left: 0; }
}

/* Mobile */

@media (max-width: 767px) {
	.footer { text-align: center; font-size: 13px; }
	.footer .shell { padding: 0 15px; }
	
	.footer .copyright,
	.footer .list-credit-cards,
	.footer .footer-nav { float: none; margin: 0; text-align: center; }

	.footer .copyright,
	.footer .list-credit-cards { margin-bottom: 10px; }
	
	.footer .list-credit-cards { display: inline-block; }

	.footer .footer-nav a { font-size: 13px; }
	.footer .footer-nav ul { display: inline-block; }
	.footer .footer-nav li + li:after { height: 12px; }
}

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { background: url(../css/images/header-background.png) center top no-repeat; background-size: 100% auto; padding: 31px 0 150px; }
.header .shell { padding: 0 23px; }

.header .btn-menu { display: none; }

/* Mobile */

@media (max-width: 767px) {
	.header { background-size: cover; padding: 20px 0 50px; }
	.header .shell { position: relative; }
	.header .btn-menu { display: block; position: absolute; top: 15px; right: 15px; }
}

/* Mobile */

@media (max-width: 479px) {
	.header .btn-menu { top: 5px; }
}

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { background: #e3e3e3; padding-bottom: 123px; border-radius: 0 0 20px 20px; }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.main { padding-bottom: 60px; }
}

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

.shell { max-width: 1000px; margin: auto; }

@media(max-width: 1030px){
	.shell { padding: 0 15px; }
}

/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */

.wrapper { background: url(../css/images/bg.jpg) center top repeat-y; background-size: 100%; }

/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Accordion
\* ------------------------------------------------------------ */

.accordion-section + .accordion-section { margin-top: 22px; }
.accordion-section:last-of-type { padding-bottom: 20px; }
.accordion-section .accordion-head { border-bottom: 1px solid #e6e6e6; padding-left: 42px; padding-top: 2px; padding: 2px 0 2px 42px; position: relative; }
.accordion-section .accordion-head:before { position:absolute; top:8px; left: 7px; content:''; width: 0; height: 0; border-style: solid; border-width: 20px 12px 0 12px; border-color: #cccccc transparent transparent transparent; transition: all .4s;-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
transform: rotate(30deg); }
.accordion-section.accordion-expanded .accordion-head:before { top: 6px; -webkit-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); }

.accordion-section .accordion-head h3 { color: #2b4b8c; font-family: 'GaramondPremrPro', sans-serif; font-size: 30px; }

.accordion-body { max-height: 0; overflow: hidden; transition: all .5s; padding-left: 10px; }
.accordion-expanded .accordion-body { max-height: 5000px; padding-left: 10px; padding-top: 10px; }
.accordion .accordion-body p { font-size: 18px; line-height: 1.2; }
.accordion-expanded .accordion-body p { margin-top: 4px; margin-bottom: 12px; }
.accordion-expanded .accordion-body { }

/* Tablet Portrait */

@media (max-width: 1023px) {
	.accordion-section .accordion-head h3 { font-size: 24px; }
	.accordion-section.accordion-expanded .accordion-head:before { top: 4px; }
}

/* Mobile */

@media (max-width: 767px) {
	.accordion-section + .accordion-section { margin-top: 14px; }
	.accordion-section .accordion-head { padding-left: 27px; }
	.accordion-section .accordion-head:before { border-width: 12px 7px 0 7px; top: 5px; }
	.accordion-section.accordion-expanded .accordion-head:before { top: 2px; }
	.accordion-section .accordion-head h3 { font-size: 16px; }
	
	.accordion-section.accordion-expanded .accordion-body { padding-left: 0; }
	.accordion-section .accordion-body { padding-left: 0; }
	
	.accordion-section:last-of-type { padding-bottom: 10px; }
}

/* ------------------------------------------------------------ *\
	Bar
\* ------------------------------------------------------------ */

.bar { background-color: #5a5a5a; background:linear-gradient(#5a5a5a, #7e7e7e); border-radius: 19px 19px 0 0; padding: 13px 22px 11px; }
.bar:after { content: ''; line-height: 0; display: table; clear: both; }

.bar .nav { float: left; }
.bar .nav-lang { float: right; }


/* Tablet Portrait */

@media (max-width: 1023px) {
	.bar { padding: 15px; }
	.bar .nav-lang .goog-te-menu-frame { max-width: 100%; width: 10% !important; }
}

/* Mobile */

@media (max-width: 767px) {
	.bar .nav-lang,
	.bar .nav { float: none; }
}

/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */

.btn { display: inline-block; vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; }


/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }

.btn-menu { display: inline-block; height: 9px; padding-top: 9px; }
.btn-menu span { position: relative; display: block; width: 25px; height: 15px; border-top: 3px solid #000; }
    
.btn-menu span:before,
.btn-menu span:after { position: absolute; width: 100%; height: 3px; background: #000; content: ''; }

.btn-menu span:before { top: -9px; }
.btn-menu span:after { top: 3px; }

.btn-menu span:before,
.btn-menu span:after,
.btn-menu span { 
    transition: all .3s linear; 
 }

.btn-menu.active span { border-color: transparent; }
.btn-menu.active span:before,
.btn-menu.active span:after { background: #fff; }

.btn-menu.active span:before { 
-webkit-transform: rotate(45deg) translate(2.5px, 6px);
        -ms-transform: rotate(45deg) translate(2.5px, 6px);
    transform: rotate(45deg) translate(2.5px, 6px);

}
.btn-menu.active span:after { 
-webkit-transform: rotate(-45deg) translate(2.5px, -6px);
        -ms-transform: rotate(-45deg) translate(2.5px, -6px);
    transform: rotate(-45deg) translate(2.5px, -6px); 
}

/* ------------------------------------------------------------ *\
	Cols
\* ------------------------------------------------------------ */

.cols {}
.col-white{background-color:white;}
.col-white .section-image-secondary p{color: #264b95;font-family: 'GaramondPremrProItalic', serif;font-style: italic;font-size: 24px;letter-spacing: -0.025em;margin-left: 0px;}
.cols:after { content: ''; line-height: 0; display: table; clear: both; }
.cols .col { float: left;  }
.cols .col-size1 { width: 37%; padding:20px;}
.cols .col-size2 { width: 61%;float: left;margin-top: 50px;padding-right: 30px;padding-left: 20px;}
.clearfix{clear:both;content:"";width:100%;height:20px;}
/* Mobile */

@media (max-width: 767px) {
	.cols .col-size1,
	.cols .col-size2 { width: 100%; }
}

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */

[class^="list-"] { list-style: none outside none; }

.list-credit-cards:after { content: ''; line-height: 0; display: table; clear: both; }

.list-credit-cards li { float: left; margin-right: 4px; }
.list-credit-cards p { font-size: 9px; margin-bottom: 5px; letter-spacing: 0.08em; }

/*  list-guide  */

.list-guide { padding: 0px 30px 16px; margin-top: -3px; font-size: 18px; }

.list-guide li { padding: 0 0 8px;  }
.list-guide li:last-of-type { padding-bottom: 0; }

/*  List-dots  */

.list-dots { font-size: 19px; padding-left: 30px; margin-bottom: 10px; }

.list-dots li { padding-left: 12px; position: relative; }
.list-dots li:before { position:absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);  left: 0; content: ''; background: #000; width: 6px; height: 6px; border-radius: 50%; }

/* Mobile */

@media (max-width: 767px) {
	.list-dots { font-size: 14px; display: inline-block; }
	.list-dots li { text-align: left; }
}

/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */

.logo { display: inline-block; vertical-align: middle; background: url(../css/images/logo.png) 0 0 no-repeat; font-size: 0; line-height: 0; text-indent: -4004px; width: 548px; height: 48px; }

.logo-product { display: inline-block; vertical-align: middle; background: url(../css/images/shark.png) 0 0 no-repeat; height: 72px; width:187px; margin-top:20px;}


/* Mobile */

@media (max-width: 767px) {
	.logo { width: 383.6px; height: 38.4px; background-size: 383.6px 38.4px; }

	.logo-product { width: 198.4px; height: 54.4px; background-size: 198.4px 54.4px; }
        
        .main-logo-product{width: 198.4px!important; height: 54.4px!important; background-size: 200px 69px!important;}
        
        .section-aside img{width:100%;}
}

/* Mobile */

@media (max-width: 479px) {
	.logo { width: 230.16px; height: 23.04px; background-size: 230.16px 23.04px; }
        .main-logo-product {height:78.4px !important}
        .cols-img{width:100%!important;clear:both;}
        .cols-text{width:100%!important;}
}

/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */

.nav { color: #fff; padding-top: 2px; font-family: 'Arial',sans-serif; }

.nav ul:after { content: ''; line-height: 0; display: table; clear: both; }

.nav li { float: left; padding-right: 10px; position: relative; }
.nav li + li { padding-left: 10px; }
.nav li + li:before { position:absolute; top: 2px; left: 0; content: ''; width: 2px; height: 17px; background: #909090; }
.nav a { text-decoration: none; font-weight: bold; font-size: 16px; }

.nav .dropdown { visibility: hidden; opacity: 0; position: absolute; top: 100%;  background: #777; padding: 10px 20px 10px 8px; white-space: nowrap; box-shadow: 2px 7px 6px 1px rgba(0,0,0,0.7); }
.nav li:hover .dropdown { opacity: 1; visibility: visible; }
.nav .dropdown a { font-size: 14px; }
.nav .dropdown > li { float: none; width: 100%; white-space: nowrap; }
.nav .dropdown > li + li { padding-left: 0; padding-top: 6px; }
.nav .dropdown > li + li:before { display: none; }

/* Small Desktop */

@media (max-width: 1200px) {
	.nav a { font-size: 15px; }
}

/* Tablet Portrait */

@media (max-width: 1023px) {
	.nav a { font-size: 12px; }	
	.nav li { padding-right: 5px; }	
	.nav li + li { padding-left: 5px; }	
	.nav li + li:before { height: 15px; width: 1px; }	
}

/* Mobile */

@media (max-width: 767px) {
	.nav { max-height: 0; overflow: hidden; transition: all .4s; }
	
	.nav a { font-size: 14px; }	
	.nav li { float: none; text-align: center; padding: 2px 0; }
	.nav li + li { padding-left: 0; }
	.nav li + li:before { display: none; }
	.nav .dropdown { position: static; max-height: 0; overflow: hidden; padding: 0; box-shadow: none; background: none; }
	.nav .dropdown a { font-size: 12px; }
	.nav li:hover .dropdown { max-height: 400px; }
	.nav li:hover .dropdown { }
	
	.nav.open { max-height: 500px; margin-bottom: 8px; }
	
	.nav-lang { max-height: 0; overflow: hidden; transition: all .2s; float: none; display: block; text-align: center; }
	.nav-lang.open { max-height: 500px; }
	.nav-lang.open li { display: inline-block; }
}

/* ------------------------------------------------------------ *\
	Product
\* ------------------------------------------------------------ */
.white-space{content: "";
clear: both;
width: 100%;
height: 87px;}
.product { height: 310px; text-align: center; }
.product.product-primary  { height: 362px; }

.product a { display: block; padding: 15px 20px; background: #fff; height: 100%; position: relative; text-decoration: none; text-align: center; }
.product a i { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); visibility: hidden; opacity: 0; }
.product a:hover i { visibility: visible; opacity: 1; z-index: 3; }

.product span { width: 100%; font-size: 18px; color: #666; font-family: 'GaramondPremrPro',sans-serif; font-weight: 500; display: inline-block; padding: 0 20px; }
.product.product-secondary span { top: 175px; }
.product.product-primary span { top: 304px; }
.product.product a span.ovarlay { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }

.product.product a .product-image { position: static; min-height: 197px; display: block; padding: 0; }
.product.product-primary a .product-image { min-height: 288px; }
.product.product-secondary a .product-image { min-height: 160px; }

.product.product a:hover .ovarlay { background: rgba(255,255,0,.2); z-index: 2; }
.OR{padding-bottom:20px;}
/* Tablet Portrait */

@media (max-width: 1023px) {
	.product a { padding: 20px 10px; }

	.product span { padding: 0 10px; }
}

/* Mobile */

@media (max-width: 767px) {
	.product-empty { display: none; }
        .c-product, .d-product{
        margin-top:80px!important;
        width: 100% !important;
        }
        .OR{padding-top: 30px !important;}
        #AND{padding-top: 30px !important;}
}
@media (max-width: 550px) {
	.product-empty { display: none; }
        .OR{padding-top: 30px !important;}
        .last-OR{padding-top:102px !important;}
        .d-product,.c-product{
            height:300px!important;
        }
        .accordion-expanded, .accordion-body{
            max-height:6000px!important;
        }
        .product-image{
            min-height: 236px !important;
        }
        .product-image img{
            width:130px!important;
            height:auto !important;
        }
}

/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */

.section-featured { padding: 0 30px 22px; background-color: #ebebeb; background:linear-gradient(#ebebeb, #f7f7f7); }

.section-featured .section-content { padding: 25px 0 10px 10px; }
.section-featured .section-content h4 { letter-spacing: 0.011em; }

.section-featured .section-image { text-align: center; }
.section-featured .section-image a { text-decoration: none; }
.section-featured .section-image .image-caption { color: #999; text-decoration: none; font-size: 24px; font-family: 'GaramondPremrPro', sans-serif; display: block; position: relative; top: -10px; left: 7px; }
.section-featured .section-image-secondary { text-align: left; }
.section-featured .section-image-secondary .image-caption { margin-top: 18px; margin-left: 40px; }
.section-image h3, .section-aside h3{color: #264b95; font-family: 'GaramondPremrProItalic', serif; font-size: 34px; letter-spacing: -0.025em; margin-left: 0px;}
.section-image h3{font-style: italic;}
.section-featured .section-foot h3 { color: #264b95; font-family: 'GaramondPremrProItalic', serif; font-style: italic; font-size: 34px; letter-spacing: -0.025em; margin-left: 0px; }

/* Section-Product View */

.section-product-review { background: #ccc; padding: 25px 30px 28px; }
.section-product-review:after { content: ''; line-height: 0; display: table; clear: both; }

.section-product-review .section-content { float: left; width: 46.1%; padding-top: 2px; }
.section-product-review .section-content p { font-size: 17px; line-height: 1.20; margin-bottom: 22px; }
.section-product-review p { font-size: 17px; line-height: 1.25; margin-bottom: 14px; }
.section-product-review .section-content p:last-of-type { margin-bottom: 0; }
.section-product-review .section-aside { width: 50%;float:right;}
.section-product-review .section-aside-right {float:right;}
.section-product-review .section-aside-left {float:left;}

/* section-product-specification */

.section-product-specification { background: #fff; padding: 30px 30px 0; }


/* Section Components */
.shark-description {width:49%;float:left;}
.shark-description h4, .shark-description p{margin-bottom:0.25em!important;}
.shark-description h4{margin-top: 0.45em;}
.section-components { background: #fff; padding: 0 30px 30px; margin-top: 0px; }

.section-components .section-title { font-size: 36px; color: #2a4989; line-height: 1; font-family: 'GaramondPremrPro', sans-serif; padding-left: 13px; margin-bottom: 14px; }

.gray{background: #ccc!important;float: left;width: 46.2%;}

.cols .section-title { font-size: 36px; color: #2a4989; line-height: 1; font-family: 'GaramondPremrPro', sans-serif; padding-left: 13px; margin-bottom: 14px; }

.price{font-size:30px;color:rgb(38, 75, 149) !important;font-family:'GaramondPremrPro';}
/* Tablet Portrait */

@media (max-width: 1023px) {
	.section-featured { padding: 0 15px 15px; }

	.section-featured .section-foot h3 { font-size: 24px; text-align: center; }
	.section-featured .section-content h4 { font-size: 22px; }

	.section-product-review .section-content { width: 38%; }
	.section-product-review .section-content p { margin-bottom: 10px; font-size: 16px; }
	
	.section-product-review,
	.section-product-specification,
	
	.section-components { padding: 15px; }

	.section-components .section-title { font-size: 26px; }
}

/* ------------------------------------------------------------ *\
	Section-Product-Popup
\* ------------------------------------------------------------ */

.section-product-popup { padding: 10px 10px 50px; }

.section-product-popup .section-head:after { content: ''; line-height: 0; display: table; clear: both; }
.section-product-popup .section-head strong { float: right; font-size: 24px; font-family: 'GaramondPremrPro', sans-serif; color: #333; margin: 3px 45px 0 0; }
.section-product-popup .section-title { float: left; font-size: 36px; font-family: 'GaramondPremrPro', sans-serif; font-weight: 600; }
.section-product-popup .section-title span { display: block; font-family: 'GaramondPremrProItalic', sans-serif; font-size: 18px; color: #999; font-weight: normal; }
.section-product-popup .section-image { float: left; width: 40%; }

.section-product-popup .section-body:after { content: ''; line-height: 0; display: table; clear: both; }
.section-product-popup .section-content { float: right; width: 60%; }
.section-product-popup .section-content p { margin-bottom: 8px; font-size: 19px; }
.section-product-popup .section-content .btn-cart { display: inline-block; background: url(../css/images/btn-cart.png) 0 0 no-repeat; background-size: 100% 100%; padding: 5px 25px 8px 15px; color: #fff; text-decoration: none; font-family: 'GaramondPremrPro', sans-serif; font-size: 24px; font-weight: bold; margin-bottom: 5px; }
.section-product-popup .section-content .message-cart { color: #4c9a25; font-family: 'GaramondPremrProItalic', sans-serif; }
.section-product-popup .section-content .message-cart a { color: #3033b6; text-decoration: none; font-family: 'GaramondPremrPro', sans-serif; font-weight: bold; }


/* Mobile */

@media (max-width: 767px) {
	.section-product-review .section-aside,
	.section-product-review .section-content { width: 100%; }

	.section-product-review .section-content { margin-bottom: 20px; }
	.section-product-review .section-aside { margin-bottom: 20px; }

	/*  Section-featured  */

	.section-featured { text-align: center; }

	.section-featured .section-content h4 { font-size: 18px; }
	.section-featured .section-foot h3 { font-size: 18px; }
	.section-featured .section-image img { width: 100%; height: auto; }
	.section-featured .section-image-secondary { text-align: center; }
	
	.section-featured .section-image .image-caption,
	.section-featured .section-image-secondary .image-caption { margin: 0; font-size: 16px; position: static; margin-bottom: 10px; }
	
	.section-featured .section-image-secondary .image-caption { margin-top: 15px; }

	/*  Section-components  */

	.section-components .section-title { font-size: 26px; text-align: center; }
	
	/* Section-Popup */

	.section-product-popup .section-image { width: 100%; float: none; text-align: center; }
	.section-product-popup .section-image img { max-width: 280px; }
	.section-product-popup .section-content { float: none; width: 100%; text-align: center; }
	.section-product-popup .section-content p { font-size: 14px; }
	.section-product-popup .section-actions { display: block; }
	
	.section-product-popup .section-head { text-align: center; }
	
	.section-product-popup .section-head strong,
	.section-product-popup .section-head .section-title { float: none; margin: 0; }
	
	.section-product-popup .section-head strong { font-size: 19px; }
	.section-product-popup .section-head .section-title { font-size: 26px; }
}

/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */

.slider { visibility: hidden; opacity: 0; }

.slider .slides { list-style: none outside none; }
.slider li { float: left; }
.slider li img { width: 100%; height: auto; }
.slider ul:after { content: ''; line-height: 0; display: table; clear: both; }

.slider-bigimage { visibility: hidden; opacity: 0; transition: all .5s; }
.slider.slider-shown {visibility: visible; opacity: 1; }

.slider-bigimage .slides:after { content: ''; line-height: 0; display: table; clear: both; }
.slider-bigimage .slide-image { float: left; width: 100%; }


/* Slider Thumb */

.slider-thumbs { padding: 11px 13px; background-color: #335392; background:linear-gradient(#335392, #192c51); position: relative; visibility: hidden; opacity: 0; }
.slider-thumbs.slider-shown { visibility: visible; opacity: 1; }
.slider-thumbs li { float: left; width: 89px; margin-right: 2px; height: 59px; text-align: center; }
.slider-thumbs li a { border: 1px solid #cad1df; display: inline-block; }
.slider-thumbs li img { width: 89px; height: 59px; }
.slider-thumbs li.selected a { border: 1px solid #000; }
.slider-thumbs .caroufredsel_wrapper { padding-right: 5px; }

.slider-thumbs .slider-thumbs-pages .prev,
.slider-thumbs .slider-thumbs-pages .next { position: absolute; top: 22px; font-size: 0; line-height: 0; text-indent: -4004px; }

.slider-thumbs .slider-thumbs-pages .prev { left: 3px; }
.slider-thumbs .slider-thumbs-pages .next { right: 3px; }

.slider-thumbs .slider-thumbs-pages .prev:after { position:absolute; top:0; left:0; content:''; width: 0; height: 0; border-style: solid; border-width: 18px 9px 18px 0; border-color: transparent #fff transparent transparent; }
.slider-thumbs .slider-thumbs-pages .next:after { position:absolute; top:0; right:0; content:''; width: 0; height: 0; border-style: solid; border-width: 18px 0 18px 9px; border-color: transparent transparent transparent #fff; }

/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */

.table-components table { border-collapse: collapse; }

.table-components tr { border-top: 2px solid #ccc; border-left: 2px solid #ccc; border-right: 2px solid #ccc; }
.table-components tr td + td { border-left: 2px solid #ccc; }
.table-components tr:last-of-type { border-bottom: 2px solid #ccc; }

.table-components table tr:after { content: ''; line-height: 0; display: table; clear: both; }
.table-components table td { width: 25%; float: left; text-align: center; }

.table-components table .cell-size1of3 { width: 33.33%; }

/* Table Specification */

.table-specification { margin-bottom: 24px; }

.table-specification th { font-size: 24px; color: #333; font-family: 'GaramondPremrPro', sans-serif; text-align: left; }
.table-specification td { font-size: 16px; font-weight: 500; padding: 3px 0 6px; line-height: 1.2; letter-spacing: 0.05em; }
.table-specification tr:after { content: ''; line-height: 0; display: table; clear: both; }

.table-specification .cell-size1 { float: left; width: 31%; }
.table-specification .cell-size2 { float: left; width: 69%; }
.table-specification .cell-size3 { float: left; width: 27%; }
.table-specification .cell-size4 { float: left; width: 42%; }

/* Mobile */

@media (max-width: 767px) {
	.table-components table .cell-size1of3 { width: 100%; }
	.table-components table td { width: 100%; }
	.table-components tr td + td { border: none; border-top: 2px solid #ccc; }
	
	.table-specification th { font-size: 17px; text-align: center; }
	.table-specification td { font-size: 12px; text-align: center; }

	.table-specification .cell-size1 { width: 32%; margin-right: 2%; }
	.table-specification .cell-size2 { width: 100%; }
	.table-specification .cell-size3 { width: 50%; margin-right: 0; }
	.table-specification .cell-size4 { width: 50%; }

	.table-specification .cell-size1 { display: none; }
	.table-specification .cell-size2:before { content: attr(title) ": "; display: block; font-weight: bold; margin-bottom: 5px; }
	.table-specification th.cell-size2:before { display: none; }
	.table-specification-secondary tr:before { content: attr(title); display: block; text-align: center; font-weight: bold; font-size: 11px; margin-bottom: 5px; margin-top: 5px; }
}

/* ------------------------------------------------------------ *\
	Testimonials 
\* ------------------------------------------------------------ */

.testimonial { font-family: 'GaramondPremrPro',serif; font-style: italic; font-size: 24px; padding: 23px 0 20px; }

.testimonial + .testimonial { border-top: 2px solid #e2dfdf; padding-top: 40px; }
.testimonial blockquote { letter-spacing: -0.05em; line-height: 1.23; margin-bottom: 10px; }
.testimonial .testimonial-author { text-align: right; font-family: 'GaramondPremrPro', sans-serif; font-weight: 500; font-style: normal; margin-right: 16px; }

/* Mobile */

@media (max-width: 767px) {
	.testimonial { font-size: 20px; padding: 20px 5px; }
	
	.testimonial + .testimonial { padding-top: 20px; }
}

/* ------------------------------------------------------------ *\
	IV.  Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
	Magnific Popup
\* ------------------------------------------------------------ */

.mfp-content { max-width: 934px; margin: 0 auto; padding: 15px; background: #fff; }

.mfp-content .mfp-close { font-size: 70px; font-weight: normal; font-size: 0; background: url(../css/images/btn-close.png) 0 0 no-repeat; width: 53px; height: 53px; -webkit-transform: translate(-10px, 10px); -ms-transform: translate(-10px, 10px); transform: translate(-10px, 10px); }

/* Mobile */

@media (max-width: 767px) {
	.mfp-content .mfp-close { font-size: 40px; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); color: #fff; opacity: 1; background: none; }
	.mfp-close-btn-in .mfp-close { color: #fff !important; }

}

/* added by Daniel 1/23/16 */

@media (min-width: 926px) {
	
h2.slogan {
    float: right;
    display: inline;
    width: 325px;
    line-height: 24px;
    padding: 0;
    color: #fff;
    font-size: 20px;
    font-family: 'adobe_garamond_proitalic';
    font-weight: normal;
}
}

@media (max-width: 925px) {
	h2.slogan {display:none;}
}

.main ol { padding-left:30px;}

/* added by Jeff 1/21/16 */
.section-content li {background:url(checkmark.gif) no-repeat 0 50%;padding-left:20px;}
.testimonial {
    font-family: "Times",serif;
    font-style: normal;
}
.main a:hover {color:#2a4989;}