@charset "utf-8";
/* CSS Document */
/*
font-family: "acumin-pro",sans-serif;  
Regular=400 Semibold=600 Bold=700 Black=800
font-family: 'bradley_hand_itc_ttbold';
*/
* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
*:before, *:after {	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
:before, :after {	
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
html {
  font-family: sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Lato', sans-serif;
	font-weight:400;
	font-size: 17px;
	line-height: 1.42857143;
	color: #0b0a0f;
	background-color: #fff;
}
html, body { 
	height: 100%;
}
:focus {
	outline: none;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
ul, li, ol {
	list-style: none;	
}
a {
	text-decoration: none;
	background-color: transparent;
	color: inherit;	
	-webkit-transition: all .6s ease-in-out;	   	     
	        transition: all .6s ease-in-out;
}
a,
area,
button,
[role="button"],
input,
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}
a:active, a:hover {
  outline: 0;
}
a img, img {
	border: 0;
	vertical-align: middle;	
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
button, input, optgroup, select, textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button, select {
  text-transform: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
	border: none;
	-webkit-transition: all .6s ease-in-out;	   	     
	        transition: all .6s ease-in-out;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
	-webkit-transition: all .6s ease-in-out;	   	    
	        transition: all .6s ease-in-out;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
input[type="search"], input[type="text"], input[type="email"], input[type="password"], textarea {
	padding: 0 15px;
	border: none;
	width: 100%;
	-webkit-appearance: textfield;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
textarea {
	padding: 10px 15px;
	resize: none;
	overflow: auto;	
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td, th {
  padding: 0;
}
input[type="search"]:focus, input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, textarea:focus {
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
.relative {
	position: relative;
}
.img-circle {
  border-radius: 50%;
}
@-webkit-keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
}
@keyframes menuDown {
  0% { opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}
  100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}
}
.menuDown { -webkit-animation-name: menuDown; animation-name: menuDown;}

@-webkit-keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
}
@keyframes menuRight {
  0% { opacity: 0; -webkit-transform: translateX(20px); -ms-transform: translateX(20px); transform: translateX(20px);}
  100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
}
.menuRight { -webkit-animation-name: menuRight; animation-name: menuRight;}

input:focus::-webkit-input-placeholder { color: transparent; }
input:focus:-moz-placeholder { color: transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color: transparent; } /* FF 19+ */
input:focus:-ms-input-placeholder { color: transparent; } /* IE 10+ */

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: inherit;
}
::-moz-placeholder { /* Firefox 19+ */
  color: inherit;
}
:-ms-input-placeholder { /* IE 10+ */
  color: inherit;
}
:-moz-placeholder { /* Firefox 18- */
  color: inherit;
}
::-moz-placeholder {
  opacity: 1;
}
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.dextop-hidden { display: none;}
.mobile-hidden {}
.ie9 img[src$=".svg"] {
  width: 100%; 
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  img[src$=".svg"] {
    width: 100%; 
  }
}
.clearfix {}
.clearfix:before, .clearfix:after {
	display: table;
	content: "";
}
.clearfix:after {
	clear: both;
}
.container {
	max-width: 1184px;
	width:100%;
	margin-right: auto;
	margin-left: auto;	
}
.container:before, .container:after {
	display: table;
	content: " ";
}
.container:after {
	clear: both;
}
.container.large {
	max-width:1280px;
}
#wrap { min-height: 100%;}

header { background:url(../images/header.png) no-repeat; background-size:cover; position:relative; z-index:10;}
header:after { position:absolute; left:0; top:0; right:0; bottom:0; content:" "; z-index:10;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007889+0,7db9e8+100&1+33,0+100 */
background: -moz-linear-gradient(45deg, rgba(0,120,137,1) 0%, rgba(41,141,168,1) 33%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, rgba(0,120,137,1) 0%,rgba(41,141,168,1) 33%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, rgba(0,120,137,1) 0%,rgba(41,141,168,1) 33%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007889', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
header .container { position:relative; z-index:11;}
header .header { padding:0 0 0 140px;}
header .logo { position:absolute; left:0; top:0;}
header .logo a { display:block; background:}
header .logo a img {}
header .header-info { padding:38px 0 0 13px;width:100%;}
header .header-info .slogan { }
header .header-info .slogan i { font-family: 'bradley_hand_itc_ttbold'; font-size:28px; color:#cce3c4; padding-bottom:0;}
header .header-info .slogan a.shop { font-family: "acumin-pro",sans-serif;font-size:24px; color:#fff; font-weight: bold; text-transform: uppercase; padding-bottom:0;margin-left: 30px; color: yellow;}

nav { float:left; margin-left:-15px;width:100%;}
nav ul {}
nav > ul > li { position:relative; display:block; float:left; }
nav > ul > li > a { display:block; position:relative; padding:13px 15px 15px; font-weight:500; font-size:15px; color:#fff; text-transform:uppercase; }
nav > ul > li:hover > a { background:#00895a; }
nav ul li span { display:none;}

/* Drop Down */
nav ul li ul { display:none; width:200px; position:absolute; left:0; top:100%; z-index:999; background:#00895a; padding:16px 0; }
nav ul li ul li { display:block; position:relative; }
nav ul li ul li a { color:#fff; display:block; padding:1px 18px; font-size:16px; color:#fff; }
nav ul li ul li a:hover { color:#333; }
nav ul li ul li ul { left:100%; top:0; }
/* Drop Down */

#banner { position:relative; z-index:9;}
#main-banner {}
#main-banner .item { width:100%; background-position: center center; background-repeat:no-repeat; background-size:cover;}
#banner .down { position:absolute; left:0; right:0; bottom:23px; text-align:center; z-index:99;}
#banner .down a { display:inline-block;}
#banner .banner-boxes { position:absolute; left:0; right:0; bottom:81px; width:100%; z-index:999;}
#banner .banner-boxes .box { background:rgba(0,0,0,0.7); padding:24px 50px 39px;}
#banner .banner-boxes .box.blue { background:rgba(0,120,137,0.7);}
#banner .banner-boxes .box.green { background:rgba(0,137,90,0.7);}
#banner .banner-boxes .box h2 { font-family: "acumin-pro",sans-serif; font-weight:700; font-size:36px; color:#fff; padding-bottom:4px;}
#banner .banner-boxes .box .text {}
#banner .banner-boxes .box .text p { font-family: "acumin-pro",sans-serif; font-weight:400; font-size:20px; color:#fff; padding-bottom:37px;}
#banner .banner-boxes .box .btn { text-align:center;}
#banner .banner-boxes .box .btn a { display:inline-block; border:1px solid #fff; background:#b20938; font-family: "acumin-pro",sans-serif; font-weight:700; font-size:13px; color:#fff; text-transform:uppercase; padding:10px 0 14px; width:183px;}
#banner .banner-boxes .box .btn a:hover { background:#333;}

#title { text-align:center; padding:41px 0 55px;}
#title h2 { font-family: "acumin-pro",sans-serif; font-weight:900; font-size:36px; color:#010101;}
#title h2 + p { margin-top:9px;}
#title p { font-size:24px; color:#77716a; line-height:30px;}

.image-box {}
.image-box .image { margin-bottom:14px;}
.image-box h2 { font-family: "acumin-pro",sans-serif; font-weight:900; font-size:27px; color:#007889; text-transform:uppercase; padding-bottom:2px;}
.image-box p { font-weight:700; font-size:17px; color:#000000;}

#heading { background-position:center center; background-repeat:no-repeat; background-size:cover; margin-top: -1px}
#heading .heading { margin-top:175px; background:rgba(0,121,137,0.5); padding:4px 0 13px 0; text-align:center;}
#heading .heading h2 { font-family: "acumin-pro",sans-serif; font-weight:900; font-size:48px; color:#fff;}

.bg-image { background-position:center center; background-repeat:no-repeat; background-size:cover;}
.bg-image .box { background:rgba(0,0,0,0.7); padding:26px 47px 38px;}
.bg-image .box.blue { background:rgba(0,120,137,0.7);}
.bg-image .box.green { background:rgba(0,137,90,0.7);}
.bg-image .box * { color:#fff;}
.bg-image .box p { padding-bottom:0;}
.bg-image .box p + p { margin-top:32px;}

.gallery {}
.gallery h2 { font-family: "acumin-pro",sans-serif; font-weight:900; font-size:36px; color:#0b0a0f; padding-bottom:15px; margin-top:-13px;}
.gallery p { font-size:17px; color:#010101; line-height:24px; padding-bottom:21px;}

.pull-right-block { float:right !important;}

.gallery-thumb {}
.gallery-thumb ul { margin-left:-2%;}
.gallery-thumb ul li { float:left; width:23%; margin-left:2%; margin-bottom:2%;}
.gallery-thumb ul li a { display:block;}

footer { background:#007889; border-top:8px solid #a2b69b;}
footer .footer-logo { float:left; box-shadow:0 10px 10px rgba(0,0,0,0.28);}
footer .footer-logo a { display:block;}
footer .footer-logo a img {}
footer .copyright { float:left; padding:65px 59px 0 17px; font-size:16px; color:#fff; text-transform:uppercase;}
footer .facebook { float:left; padding:65px 0 0 0; font-size:16px; color:#fff;}
footer .facebook i { font-size:20px; margin-top:3px; vertical-align:top; margin-left:10px;}
footer .facebook a:hover { color:#a2b69b;}