/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN FONT CSS*/
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Roboto+Condensed:300,300i,400,400i,700,700i|Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@font-face{font-family:Adam;src:url('../fonts/adam.otf');}
@font-face{font-family:PierSans;src:url('../fonts/pier.otf');}
@font-face{font-family:PierSans;src:url('../fonts/PierSans-Italic.otf');font-style: italic;}
@font-face{font-family:PierSans;src:url('../fonts/PierSans-Bold.otf');font-weight: bold;}
@font-face{font-family:PierSans;src:url('../fonts/PierSans-BoldItalic.otf');font-style: italic;font-weight: bold;}
@font-face{font-family:PierSans-Light;src:url('../fonts/PierSans-Light.otf');font-weight: 300;}
@font-face{font-family:PierSans;src:url('../fonts/PierSans-LightItalic.otf');font-style: italic;font-weight: 300;}
/*END FONT CSS*/
/*-------------------------------------------*/
/*BEGIN GLOBAL CSS*/
* {
	border: 0;
	padding: 0;
	margin: 0;
}
body {
	background: url('../images/menu-header-bg.png');
	white-space: normal;
	word-wrap: break-word;
	font-family: Lato;
	color: #333;
	font-size: 15px;
  letter-spacing: 1px;
	line-height: 1.5;
	overflow-x: hidden;
}
p b, b {
    font-weight: 700;
}
a {
	color: inherit;
	transition: all ease 0.5s;
}
a, a:hover, a:focus, a:visited {
	text-decoration: none !important;
	outline: none !important;
}
img {
  -webkit-user-select: none;  /* Chrome all / Safari all */
  -moz-user-select: none;     /* Firefox all */
  -ms-user-select: none;      /* IE 10+ */
  user-select: none;  
}
p {
	line-height: 1.5;
}
.section-wrapper {
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	position: relative;
}
.flex-control-nav {
	bottom: 10px;
	z-index: 2;
}
.flex-control-paging li {
	position: relative;
	display: inline-block;
	margin: 0 5px 5px;
	width: 12px;
	height: 12px;
	cursor: pointer;
}

.flex-control-paging li a {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: none;
	border-radius: 50%;
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.6);
	text-indent: -999em; /* make the text accessible to screen readers */
	cursor: pointer;
	position: absolute;
}
.flex-control-paging li a:focus {
	outline: none !important;
}
.flex-control-paging li a {
	overflow: hidden;
	background-color: rgba(255,255,255,0.6);
	box-shadow: inset 0 0 0 1px transparent;
	-webkit-transition: background 0.3s ease;
	transition: background 0.3s ease;
}
.flex-control-paging li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 0;
	left: 0;
	width: 100%;
	background-color: #39aea8;
	box-shadow: 0 0 1px #39aea8;
	-webkit-transition: height 0.3s ease;
	transition: height 0.3s ease;
}
.flex-control-paging li a:hover,
.flex-control-paging li a:focus {
	background-color: rgba(255,255,255,0.6);
}
.flex-control-paging li a.flex-active {
	background-color: #39aea8;
}
.flex-control-paging li a.flex-active::after {
	height: 100%;
}
/*END Overwrite Flexslider CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN GLOBAL CSS*/
.primary-color {color: #f8a501;}
.secondary-color {color: #f11f0d;}
.white-color {color: #fff;}
.custom-font {font-family: Adam;}
.default-color {color: #333;}
/*END GLOBAL CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN WRAPPER CSS*/

/*END WRAPPER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN HEADER CSS*/
/*END HEADER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN CONTENT CSS*/
h1,h2,h3,h4,h5,h6,ul,p {
	margin: 0;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	line-height: 1.5;
}
section {
	float: left;
	width: 100%;
	position: relative;
}
#main {
	float: left;
	width: 100%;
    margin-top: 113px;
}
.row-eq-height-md, .row-eq-height-sm, .row-eq-height-xs {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
button, button:focus {outline:0 !important;}
section#products {
	overflow-x: hidden;
}
/*END CONTENT CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN FOOTER CSS*/
footer {
	float: left;
	width: 100%;
	background: url('../images/blue-overlay.png');
	color: #fff;
	font-size: 12px;
	padding: 15px 0;
	position: relative;
	z-index: 1;
  font-weight: 300;
}
	footer span {
		font-size: 12px;
		color: #666;
	}
	footer span a {
		color: inherit;
		font-size: inherit;
	}
	footer span a:hover, footer span a:focus {
		color: #f41f0d;
	}
/*END FOOTER CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
input, textarea, select, button {
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
}
/*BEGIN FORM CSS*/
input, textarea, select {
	-webkit-appearance: none;
    -moz-appearance:    none;
    appearance:         none;
    border-radius: 0 !important;
}
.parsley-errors-list li {
	list-style: none;
	color: red;
	font-size: 13px;
	margin-top: -20px;
  margin-bottom: 5px;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #001c2d;
  font-family: Lato;
  opacity: 1;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #001c2d;
  font-family: Lato;
  opacity: 1;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #001c2d;
  font-family: Lato;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 18- */
  color: #001c2d;
  font-family: Lato;
  opacity: 1;
}
/*END FORM CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/*BEGIN OVERWRITE BOOTSTRAP CSS*/

/*END BOOTSTRAP CSS*/
/*-------------------------------------------*/
/*-------------------------------------------*/
/* Smartphone and Tablet view */
@media (min-width: 576px) {
    .padding-left-relative-to-container {
        padding-left: calc(50% - 255px);
    }
    .padding-right-relative-to-container {
        padding-right: calc(50% - 255px);
    }
}
@media (min-width: 768px) {
    .padding-left-relative-to-container {
        padding-left: calc(50% - 345px);
    }
    .padding-right-relative-to-container {
        padding-right: calc(50% - 345px);
    }
}
@media (min-width: 992px) {
    .padding-left-relative-to-container {
        padding-left: calc(50% - 465px);
    }
    .padding-right-relative-to-container {
        padding-right: calc(50% - 465px);
    }
}
@media (min-width: 1200px) {
	.padding-left-relative-to-container {
  		padding-left: calc(50% - 555px);
  	}
  	.padding-right-relative-to-container {
  		padding-right: calc(50% - 555px);
  	}
}
@media (min-width: 1320px) {
  .container {
    width: 1200px;
  }
  .small-container {
  	width: 1000px;
  }
  .padding-left-relative-to-container {
  	padding-left: calc(50% - 585px);
  }
  .padding-right-relative-to-container {
  	padding-right: calc(50% - 585px);
  }
}
@media (min-width: 1420px) {
  .container {
    width: 1300px;
  }
  .small-container {
  	width: 1000px;
  }
   .padding-left-relative-to-container {
  	padding-left: calc(50% - 635px);
  }
   .padding-right-relative-to-container {
  	padding-right: calc(50% - 635px);
  }
}
@media (min-width: 1520px) {
  .container {
    width: 1400px;
  }
  .small-container {
  	width: 1000px;
  }
   .padding-left-relative-to-container {
  	padding-left: calc(50% - 685px);
  }
  .padding-right-relative-to-container {
  	padding-right: calc(50% - 685px);
  }
}
@media (min-width: 1620px) {
  body {
    font-size: 18px;
  }
  .container {
    width: 1500px;
  }
  .small-container {
  	width: 1000px;
  }
  .padding-left-relative-to-container {
  	padding-left: calc(50% - 735px);
  }
  .padding-right-relative-to-container {
  	padding-right: calc(50% - 735px);
  }
}
@media (min-width: 1720px) {
  .container {
    width: 1600px;
  }
  .small-container {
  	width: 1000px;
  }
  .padding-left-relative-to-container {
  	padding-left: calc(50% - 795px);
  }
  .padding-right-relative-to-container {
  	padding-right: calc(50% - 795px);
  }
}
@media (min-width: 1820px) {
  .container {
    width: 1700px;
  }
  .small-container {
  	width: 1100px;
  }
  .padding-left-relative-to-container {
  	padding-left: calc(50% - 835px);
  }
  .padding-right-relative-to-container {
  	padding-right: calc(50% - 835px);
  }
}
@media (min-width: 1920px) {
  .container {
    width: 1800px;
  }
  .small-container {
  	width: 1200px;
  }
  .padding-left-relative-to-container {
  	padding-left: calc(50% - 885px);
  }
  .padding-right-relative-to-container {
  	padding-right: calc(50% - 885px);
  }
}

@media (max-width: 1199px) { /* 1200px large */	
  	footer * {text-align: center;}
  	footer span {margin-top: 5px;}
    #main {
        margin-top: 113px;
    }
}
@media (max-width: 991px) and (min-width: 768px) {
    #main {margin-top: 75px;}
}
@media (max-width: 991px) { /* 992px medium */
}
@media (max-width: 767px) { /* 768px small */
    h2 {font-size: 28px;}
    #main {
        margin-top: 90px;
    }
}
@media(max-width: 767px) and (min-width: 600px){
	
}
@media (max-width: 575px) { /* 600px */
    #main {margin-top: 75px;}
    .container {width: 100%;}
    .padding-left-relative-to-container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .padding-right-relative-to-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

@media (max-width: 479px) { /* 480px */


}
@media(max-width: 376px) {
	#main {margin-top: 70px;}
}