/**
 * Name: base.css
 *
 *	T.O.C
 *	
 *	#CssReset
 *	#Typography
 *		#Links
 *		#Lists
 *		#Images
 *		#Tables
 *		#Forms
 *		#Misc
 */

@font-face {
  font-family: "roboto";
  src: url("/RobotoCondensed-Light.ttf");
}

#page-header h1 {
  font-family: roboto;
  font-size: 26px;
  color: white;
  padding: 0px;
  margin-bottom: 0px;
}

/* ==========================================================================
   #CssReset
   ========================================================================== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
	 * 1. Always force vertical scroll
	 * 2. Prevent iOS text size adjust after orientation change, without disabling user zoom.
	 * 3. For animations
	 */

html {
  font-size: 100%;
  overflow-y: scroll; /* 1  */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden; /* 3 */
}

/* ==========================================================================
   #Typography
   ========================================================================== */

/**
	 * 1. For animations
	 */

body {
  overflow-x: hidden; /* 1 */
  background-color: #fff;
  color: #022b36;
  font: 13px "Open Sans", Arial, sans-serif;
  line-height: 24px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Oswald", Arial, sans-serif;
  font-weight: normal;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}

h1 {
  /* margin-bottom: 14px; */
  font-size: 32px;
  line-height: 50px;
}

h2 {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 40px;
}

h3 {
  margin-bottom: 8px;
  font-size: 18px;
  line-height: 34px;
}

h4 {
  margin-bottom: 4px;
  font-size: 16px;
  line-height: 30px;
}

h5 {
  font-size: 14px;
  line-height: 24px;
}

h6 {
  font-size: 12px;
  line-height: 21px;
}

p {
  margin-bottom: 20px;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
small {
  font-size: 60%;
}

sub {
  vertical-align: sub;
  font-size: 75%;
}

sup {
  vertical-align: super;
  font-size: 75%;
}

abbr[title] {
  border-bottom: 1px dotted #999;
  cursor: help;
}

address {
  display: block;
  margin-bottom: 20px;
}

blockquote {
}

blockquote p {
  font-style: italic;
}

blockquote span {
  display: block;
  margin-top: 5px;
  color: #999999;
}

blockquote span:before {
  content: "\2013 \00A0";
}

hr {
  height: 0;
  border: solid #efefef;
  border-width: 1px 0 0 0;
  margin: 30px 0;
}

code,
pre {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  padding: 1px 4px;
  border: 1px solid #e1e1e8;
  background-color: #f7f7f7;
  color: #d14;
}

pre {
  overflow-x: auto;
  display: block;
  padding: 20px;
  border: 1px solid #e1e1e8;
  margin-bottom: 20px;
  white-space: pre-wrap;
  background-color: #f7f7f7;
}

/* Typography Helper Classes */

/**
	 * <div class="hr"></div> acts like an <hr />
	 */

.hr {
  border-top: 1px solid #efefef;
  margin: 30px 0;
}

.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

.text-highlight {
  color: #18829c;
}

.text-uppercase {
  text-transform: uppercase;
}

.mute {
  color: #aaa;
}

p.last,
h1.last,
h2.last,
h3.last,
h4.last,
h5.last,
address.last {
  margin-bottom: 0;
}

/* #Links
   ========================================================================== */

a,
a:visited {
  color: #18829c;
  text-decoration: none;
}

/**
	* 1. Remove the gray background color from active links in IE 10.
	*/

a:active {
  background: transparent; /* 1 */
}

a:hover,
a:focus {
  outline: 0;
  text-decoration: underline;
}

/* #Lists
   ========================================================================== */

ul,
ol {
  margin-bottom: 20px;
  list-style-position: inside;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin-bottom: 0;
  margin-left: 30px;
}

li {
}

ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}

/* List Helper Classes */

ul.last,
ol.last {
  margin-bottom: 0;
}

/* #Images
   ========================================================================== */

img {
  border: none;
}

/* Images Helper Classes */

.img-align-left {
  float: left;
  margin: 5px 10px 0 0;
}

.img-align-right {
  float: right;
  margin: 5px 0 0 10px;
}

/* #Tables
   ========================================================================== */

table {
  width: 100%;
  margin-bottom: 20px;
  border-collapse: collapse;
  border-spacing: 0;
  background-color: transparent;
}

caption {
  margin: 20px 0;
  text-align: center;
}

table th,
table td {
  padding: 15px 8px;
  border-top: 1px solid #b4bfc3;
  text-align: center;
  vertical-align: top;
}

table th {
  border-top: none;
  background-color: #18829c;
  color: #fff;
  font: 16px "Oswald", Arial, sans-serif;
}

table thead th {
  vertical-align: bottom;
}

/* #Forms
   ========================================================================== */

form {
}

fieldset {
}

form p {
}

label {
  display: block;
  margin-bottom: 5px;
}

label span {
  color: #ff0000;
}

select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}

/*
	 * 1. stop safari from overwriting input styles
	 */

input,
textarea,
select {
  -webkit-appearance: none; /* 1 */
  display: block;
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 12px 10px;
  border: 1px solid #c8d3d7;
  margin-bottom: 10px;
  background: transparent;
  font: 13px "Open Sans", Arial, sans-serif;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
textarea:focus {
  border-color: #b4bfc3;
  outline: 0;
}

select {
  height: 45px;
}

select:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

textarea {
  min-height: 100px;
  overflow: auto;
}

.radio,
.checkbox {
  min-height: 18px;
  padding-left: 18px;
}

.radio input[type="radio"],
.checkbox input[type="checkbox"] {
  float: left;
  margin-left: -18px;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #ccc;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
}

/* #Misc
   ========================================================================== */

.javascript-required {
  padding: 15px 0;
  background-color: #f00;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

/**
 * Name: grid.css
 *
 *	T.O.C
 *	
 *	#Base Grid
 *  #Large Display
 *	#Tablet (Portrait)
 *  #Mobile (Portrait and landscape)
 *  #Align
 *	#Responsive Images and embeds
 *	#Clearing
 *  #ResponsiveFormInputs
 */

/* ==========================================================================
   #Base Grid
   ========================================================================== */

.row {
  position: relative;
  width: 940px;
  margin: 0 auto;
}

.row .row {
  width: auto;
  margin: 0;
}

.span1,
.span2,
.span3,
.span4,
.span5,
.span6,
.span7,
.span8,
.span9,
.span10,
.span11,
.span12 {
  float: left;
}

.span1 {
  width: 60px;
  margin-left: 20px;
}

.span2 {
  width: 140px;
  margin-left: 20px;
}

.span3 {
  width: 220px;
  margin-left: 20px;
}

.span4 {
  width: 300px;
  margin-left: 20px;
}

.span5 {
  width: 380px;
  margin-left: 20px;
}

.span6 {
  width: 460px;
  margin-left: 20px;
}

.span7 {
  width: 540px;
  margin-left: 20px;
}

.span8 {
  width: 620px;
  margin-left: 20px;
}

.span9 {
  width: 700px;
  margin-left: 20px;
}

.span10 {
  width: 780px;
  margin-left: 20px;
}

.span11 {
  width: 860px;
  margin-left: 20px;
}

.span12 {
  width: 940px;
  margin-left: 20px;
}

.span1:first-child,
.span2:first-child,
.span3:first-child,
.span4:first-child,
.span5:first-child,
.span6:first-child,
.span7:first-child,
.span8:first-child,
.span9:first-child,
.span10:first-child,
.span11:first-child,
.span12:first-child {
  margin-left: 0;
}

.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}

/* ==========================================================================
#Large Display
========================================================================== */

@media (min-width: 1400px) {
  .row {
    width: 1170px;
  }

  .span1 {
    width: 70px;
    margin-left: 30px;
  }

  .span2 {
    width: 170px;
    margin-left: 30px;
  }

  .span3 {
    width: 270px;
    margin-left: 30px;
  }

  .span4 {
    width: 370px;
    margin-left: 30px;
  }

  .span5 {
    width: 470px;
    margin-left: 30px;
  }

  .span6 {
    width: 570px;
    margin-left: 30px;
  }

  .span7 {
    width: 670px;
    margin-left: 30px;
  }

  .span8 {
    width: 770px;
    margin-left: 30px;
  }

  .span9 {
    width: 870px;
    margin-left: 30px;
  }

  .span10 {
    width: 970px;
    margin-left: 30px;
  }

  .span11 {
    width: 1070px;
    margin-left: 30px;
  }

  .span12 {
    width: 1170px;
    margin-left: 30px;
  }
}

/* ==========================================================================
#Tablet (Portrait)
========================================================================== */

@media (min-width: 768px) and (max-width: 979px) {
  .row {
    width: 705px;
  }

  .span1 {
    width: 45px;
    margin-left: 15px;
  }

  .span2 {
    width: 105px;
    margin-left: 15px;
  }

  .span3 {
    width: 165px;
    margin-left: 15px;
  }

  .span4 {
    width: 225px;
    margin-left: 15px;
  }

  .span5 {
    width: 285px;
    margin-left: 15px;
  }

  .span6 {
    width: 345px;
    margin-left: 15px;
  }

  .span7 {
    width: 405px;
    margin-left: 15px;
  }

  .span8 {
    width: 465px;
    margin-left: 15px;
  }

  .span9 {
    width: 525px;
    margin-left: 15px;
  }

  .span10 {
    width: 585px;
    margin-left: 15px;
  }

  .span11 {
    width: 645px;
    margin-left: 15px;
  }

  .span12 {
    width: 705px;
    margin-left: 15px;
  }

  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}

/* ==========================================================================
#Mobile (Portrait and Landscape )
========================================================================== */

@media (max-width: 767px) {
  .row {
    width: auto;
  }

  .span1,
  .span2,
  .span3,
  .span4,
  .span5,
  .span6,
  .span7,
  .span8,
  .span9,
  .span10,
  .span11,
  .span12 {
    float: none;
    display: block;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: 0;
  }

  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}

/* ==========================================================================
#Align
========================================================================== */

.float-left {
  float: left;
}
.float-right {
  float: right;
}

/* ==========================================================================
#Responsive Images and Embeds
========================================================================== */

.responsive-img {
  max-width: 100%;
  height: auto;
}

/**
  * 1. 16/9 ratio
  */

.responsive-embed {
  position: relative;
  overflow: hidden;
  height: 0;
  padding: 0;
  padding-bottom: 56.25%; /* 1 */
  margin-bottom: 20px;
}

.responsive-embed iframe,
.responsive-embed object,
.responsive-embed embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ==========================================================================
#Clearing
========================================================================== */

/**
  * Automatically Clear Fix rows
  */

.row:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/**
  * Clear Fix hack
 * Usage:  add  class="fixed"  to div's that have floated elements in them
  */

.fixed:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/**
  * Clear content
 * Usage:  <br class="clear"> 
  */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* ==========================================================================
#ResponsiveFormInputs
========================================================================== */

/**
 * 1. Reset float inherited from .span*	
  * 2. Reset margin-left inherited from .span*
  */

input.span1,
textarea.span1,
select.span1,
input.span2,
textarea.span2,
select.span2,
input.span3,
textarea.span3,
select.span3,
input.span4,
textarea.span4,
select.span4,
input.span5,
textarea.span5,
select.span5,
input.span6,
textarea.span6,
select.span6,
input.span7,
textarea.span7,
select.span7,
input.span8,
textarea.span8,
select.span8,
input.span9,
textarea.span9,
select.span9,
input.span10,
textarea.span10,
select.span10,
input.span11,
textarea.span11,
select.span11,
input.span12,
textarea.span12,
select.span12 {
  float: none; /* 1 */
  margin-left: 0; /* 2 */
}

/**
 * Name: elements.css
 *
 *	T.O.C
 *	
 *	#Accordions
 *  #Alerts
 *  #Animations
 *  #Back to top
 *	#Buttons
 *	#Callout Boxes
 *	#Custom Lists
 *	#Dividers
 *  #Fullwidth Section
 *	#Google Maps
 *  #Headlines
 *	#Icon Boxes
 *	#Milestones
 *	#Our Process
 *	#Pie charts
 *	#Pricing Tables
 *	#ProgressBars
 *	#SocialMedia
 *	#Styled Tables
 *	#Tabs
 *	#Testimonials
 *  #WordPress Widgets
 *  #WordPress Comments
 *  #WordPress Comment Form
 */

/* ==========================================================================
   #Accordions
   ========================================================================== */

/* Accordion & Toggles */

.accordion,
.toggle {
  margin-bottom: 30px;
}

.accordion-item,
.toggle-item {
  margin-bottom: 10px;
}

.accordion-item-toggle,
.toggle-item-toggle {
  position: relative;
  display: block;
  padding: 15px 25px;
  border: 1px solid #b4bfc3;
  font: 16px "Oswald", sans-serif;
  text-transform: uppercase;
}

a.accordion-item-toggle,
a.toggle-item-toggle {
  color: #022b36;
}

.accordion-item-toggle:after,
.toggle-item-toggle:after {
  position: absolute;
  top: 15px;
  right: 25px;
  font-size: 18px;
  font-family: "FontAwesome";
  content: "";
}

.accordion-item-toggle.active:after,
.toggle-item-toggle.active:after {
  content: "";
}

.accordion-item-toggle:hover,
.accordion-item-toggle.active,
.toggle-item-toggle:hover,
.toggle-item-toggle.active {
  background-color: #18829c;
  border-color: #18829c;
  color: #fff;
  text-decoration: none;
}

.accordion-item-content,
.toggle-item-content {
  display: none;
  padding: 20px 20px 10px 45px;
}

.accordion-item-content p:last-child,
.toggle-item-content p:last-child {
  margin-bottom: 0;
}

/*
	 * 1. Clearfix hack 
	 */

.accordion-item-content:after,
.toggle-item-content:after {
  /* 1 */
  visibility: hidden;
  display: block;
  height: 0;
  font-size: 0;
  content: " ";
  clear: both;
}

@media (max-width: 767px) {
  .accordion-item-content,
  .toggle-item-content {
    padding-left: 0;
  }
}

/* ==========================================================================
   #Alerts
   ========================================================================== */

.alert {
  padding: 13px 15px;
  border: 1px solid #b4bfc3;
  margin-bottom: 30px;
  font: 18px "Oswald", sans-serif;
  text-align: center;
}

.alert i {
  margin-right: 7px;
  font-size: 18px;
}

.alert.info {
  border: 1px solid #8bc1cd;
  background-color: #8bc1cd;
  color: #fff;
}

.alert.success {
  border: 1px solid #18829c;
  background-color: #18829c;
  color: #fff;
}

.alert.error {
  border: 1px solid #032b35;
  background-color: #032b35;
  color: #fff;
}

.alert.warning {
  border: 1px solid #ff0030;
  background-color: #ff0030;
  color: #fff;
}

/* ==========================================================================
   #Animations
   ========================================================================== */

.animate {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  visibility: hidden;
}

.animate.visible {
  visibility: visible;
}

.animate.hidden {
  visibility: hidden;
}

/* ==========================================================================
   #Back to top
   ========================================================================== */

#back-to-top {
  position: fixed;
  z-index: 1000;
  right: -40px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  background-color: #18829c;
  color: #fff;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

#back-to-top i {
  font-size: 24px;
  line-height: 40px;
  font-weight: normal;
  vertical-align: top;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
}

#back-to-top:hover {
  opacity: 1;
}

#back-to-top.visible {
  right: 40px;
}

#back-to-top.gone {
  right: -40px;
}

/* ==========================================================================
   #Buttons
   ========================================================================== */

.btn {
  display: inline-block;
  padding: 8px 30px;
  border: 1px solid #18829c;
  margin: 0 5px 20px 0;
  background-color: #18829c;
  color: #fff;
  font-family: "Oswald", sans-serif;
  line-height: 18px;
  text-decoration: none !important;
  vertical-align: middle;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

a.btn {
  color: #fff;
}

.btn:focus {
  outline: 0;
}

.btn-large {
  padding: 20px 60px;
  font-size: 18px;
}

.btn i,
.btn-large i {
  float: left;
  margin: 2px 8px 0 -4px;
  font-size: 14px;
  line-height: 14px;
}

.btn-large i {
  margin-top: 0;
  font-size: 18px;
  line-height: 18px;
}

.btn:hover {
  background: #fff;
  color: #022b36;
}

/* Buton Colors */

.btn-white {
  border: 1px solid #dddddd;
  background-color: #f7f7f7;
  color: #444;
}

a.btn-white {
  color: #444;
}
.btn-white:hover {
  background: #fbfbfb;
}

.btn-black {
  border: 1px solid #464646;
  background-color: #464646;
  color: #fff;
}

a.btn-black {
  color: #fff;
}
.btn-black:hover {
  background: #535353;
}

.btn-blue {
  border: 1px solid #1f70ad;
  background-color: #2778c8;
  color: #fff;
}

a.btn-blue {
  color: #fff;
}
.btn-blue:hover {
  background: #287fc8;
}

.btn-red {
  border: 1px solid #b23730;
  background-color: #c74039;
  color: #fff;
}

a.btn-red {
  color: #fff;
}
.btn-red:hover {
  background: #ce4640;
}

.btn-green {
  border: 1px solid #819633;
  background-color: #8da046;
  color: #fff;
}

a.btn-green {
  color: #fff;
}
.btn-green:hover {
  background: #93a749;
}

/* ==========================================================================
   #Callout Boxes
   ========================================================================== */

.callout-box {
  padding: 30px 20px;
  margin-bottom: 30px;
  background-color: #333;
}

/**
 	 * Callout box with one background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */

.callout-box.bg-img {
  background-repeat: no-repeat; /* 1 */
  background-position: center center;
  -webkit-background-size: cover;
  background-size: cover;
  color: #fff;
}

/**
 	 * Callout box with repeating background image
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .callout-box
	 *
	 */

.callout-box.bg-pattern {
  background: repeat top left; /* 1 */
  color: #fff;
}

.callout-box.bordered {
  border: 1px solid #efefef;
  background-color: #f5f5f5;
}

/**
 	 * Callout box grid system
 	 *
	 * 1. overwriting inherited .row width to 100% in order to make it fluid
	 *
	 */

.callout-box .row {
  width: 100%; /* 1 */
}

.callout-box .span1,
.callout-box .span2,
.callout-box .span3,
.callout-box .span4,
.callout-box .span5,
.callout-box .span6,
.callout-box .span7,
.callout-box .span8,
.callout-box .span9,
.callout-box .span10,
.callout-box .span11,
.callout-box .span12 {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
}

.callout-box .span12 {
  width: 100%;
}
.callout-box .span11 {
  width: 91.6666666667%;
}
.callout-box .span10 {
  width: 83.3333333333%;
}
.callout-box .span9 {
  width: 75%;
}
.callout-box .span8 {
  width: 66.6666666667%;
}
.callout-box .span7 {
  width: 58.3333333333%;
}
.callout-box .span6 {
  width: 50%;
}
.callout-box .span5 {
  width: 41.6666666667%;
}
.callout-box .span4 {
  width: 33.3333333333%;
}
.callout-box .span3 {
  width: 25%;
}
.callout-box .span2 {
  width: 16.66666666666667%;
}
.callout-box .span1 {
  width: 8.333333333333333%;
}

@media (max-width: 767px) {
  .callout-box .span1,
  .callout-box .span2,
  .callout-box .span3,
  .callout-box .span4,
  .callout-box .span5,
  .callout-box .span6,
  .callout-box .span7,
  .callout-box .span8,
  .callout-box .span9,
  .callout-box .span10,
  .callout-box .span11,
  .callout-box .span12 {
    width: 100%;
  }
}

/* ==========================================================================
   #Custom Lists
   ========================================================================== */

/**
 	 * Custom lists
 	 *
	 * 1. unstyled list
	 * 2. list with squares for bullets
	 * 3. list with discs for bullets
	 *
	 */

ul.unstyled {
  list-style-type: none;
} /* 1 */
ul.square {
  list-style-type: square;
} /* 2 */
ul.circle {
  list-style-type: circle;
} /* 3 */

/**
 	 * FontAwesome lists
 	 *
	 * 1. Check list
	 * 2. Fill Circle list
	 *
	 */

ul.check,								/* 1 */
	ul.fill-circle {
  list-style: none;
} /* 2 */

ul.check li:before,
ul.fill-circle li:before {
  position: relative;
  top: -1px;
  width: auto;
  height: auto;
  margin-right: 8px;
  color: #18829c;
  font-family: "FontAwesome";
  font-size: 12px;
  font-style: normal;
}

ul.check li:before {
  content: "";
}

ul.fill-circle li:before {
  font-size: 8px;
  content: "";
}

ul.check li,
ul.fill-circle li,
ul.unstyled li,
ul.square li,
ul.circle li {
  margin-bottom: 10px;
}

ul.check li:last-child,
ul.fill-circle li:last-child,
ul.unstyled li:last-child,
ul.square li:last-child,
ul.circle li:last-child {
  margin-bottom: 0;
}

/* ==========================================================================
   #Dividers
   ========================================================================== */

.divider {
  position: relative;
  width: 75%;
  margin: 50px auto;
  text-align: center;
}

.divider:before {
  position: absolute;
  bottom: -11px;
  right: 0;
  left: 0;
  color: #18829c;
  font-family: "FontAwesome";
  font-size: 8px;
  content: "  ";
}

.divider.single-line {
  border-top: 1px solid #c8d3d7;
}

.divider.double-line {
  border-top: 4px double #c8d3d7;
}

.divider.single-dotted {
  height: 1px;
  background: url(../images/bg-single-dotted.gif) repeat-x top left;
}

.divider.double-dotted {
  height: 4px;
  background: url(../images/bg-double-dotted.gif) repeat-x top left;
}

.divider.double-dotted:before,
.divider.divider.double-line:before {
  bottom: -9px;
}

/* ==========================================================================
   #Fullwidth Section
   ========================================================================== */

/**
 	 * Full width section
 	 *
	 * 1. background-image must be supplied using inline css as it is different for every .fullwidth-section
	 *
	 */

.fullwidth-section {
  overflow: hidden;
  position: relative;
  z-index: 0;
  padding: 30px 0;
  margin: 50px 0;
  color: #fff;
  background-color: #18829c;
  background-attachment: scroll;
  background-repeat: no-repeat; /* 1 */
  background-position: 50% 0;
  -webkit-background-size: cover;
  background-size: cover;
}

.fullwidth-section-content {
  position: relative;
  z-index: 3;
}

.fullwidth-section-overlay {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/pattern.png);
  background-repeat: repeat;
  background-position: 0 0;
}

.fullwidth-section-video {
  position: absolute;
  z-index: 1;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.parallax.parallax-enabled {
  background-attachment: fixed !important;
  -webkit-background-size: cover;
  background-size: cover;
}

.fit-vids-style {
  display: none;
} /* added by ytplayer */

.fullwidth-section,
.fullwidth-section a.accordion-item-toggle,
.fullwidth-section a.toggle-item-toggle,
.fullwidth-section ul.check li:before,
.fullwidth-section ul.fill-circle li:before,
.fullwidth-section .icon-box-1 a,
.fullwidth-section .icon-box-2 a,
.fullwidth-section .icon-box-3 a,
.fullwidth-section .icon-box-1 a:hover,
.fullwidth-section .icon-box-2 a:hover,
.fullwidth-section .icon-box-3 a:hover,
.fullwidth-section .icon-box-1 i,
.fullwidth-section .icon-box-2 i,
.fullwidth-section .icon-box-3 i,
.fullwidth-section .tabs-container .tabs-menu li a,
.fullwidth-section .process-summary li:after,
.fullwidth-section .ewf_widget_twitter a,
.fullwidth-section #twitter-slider-controls a,
.fullwidth-section .headline:after {
  color: #fff;
}

.fullwidth-section .accordion-item-toggle,
.fullwidth-section .toggle-item-toggle,
.fullwidth-section .btn,
.fullwidth-section .milestone,
.fullwidth-section .process-builder ul:before,
.fullwidth-section .pricing-table,
.fullwidth-section .pricing-table h3,
.fullwidth-section .tabs-container .tabs-menu li a,
.fullwidth-section .process-summary li:before,
.fullwidth-section .vertical-tabs-container,
.fullwidth-section .vertical-tabs-container .tabs-menu,
.fullwidth-section .vertical-tabs-container .tabs-menu li a,
.fullwidth-section .headline {
  border-color: #fff;
}

.fullwidth-section .btn {
  background-color: transparent;
}

.fullwidth-section .btn:hover {
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
}

.fullwidth-section .pricing-table .btn {
  background-color: #fff;
  color: #022b36;
}

.fullwidth-section .pricing-table .btn:hover {
  background-color: #18829c;
  color: #fff;
}

.fullwidth-section .testimonial blockquote {
  color: #022b36;
}

.fullwidth-section .ewf_widget_twitter {
  margin-bottom: 0;
}

.fullwidth-section .callout-box {
  background-color: transparent;
  padding: 0;
  padding-top: 20px;
  margin-bottom: 0;
}

.fullwidth-section .divider:before {
  color: #c8d3d7;
}

.fullwidth-section .tabs-container .tabs-menu li a:hover,
.fullwidth-section .tabs-container .tabs-menu li.active a {
  border-color: #fff;
  background-color: #fff;
  color: #022b36;
}

/* Full width section backgrounds */

#bg-1,
#bg-1a {
  padding-top: 50px;
  padding-bottom: 0;
  border-top: 1px solid #b4bfc3;
  border-bottom: 1px solid #b4bfc3;
  background-color: #eceaea;
  color: #022b36;
}

#bg-1.fullwidth-section .headline:after,
#bg-1a.fullwidth-section .headline:after {
  color: #18829c;
}

#bg-1.fullwidth-section .headline,
#bg-1a.fullwidth-section .headline {
  border-bottom-color: #c8d3d7;
}

#bg-2 {
  padding-top: 100px;
  background-image: url(../../_content/backgrounds/1920x1000-1.jpg);
}

#bg-3 {
  padding: 70px 0 55px 0;
  margin-bottom: 0;
  background-image: url(../../_content/backgrounds/1920x1000-2.jpg);
}

#bg-4 {
  background-image: url(../../_content/backgrounds/1920x1000-3.jpg);
}

@media (max-width: 767px) {
  .fullwidth-section .tabs-container .tabs-menu li:first-child a {
    border-top-color: #fff;
  }
  .fullwidth-section .tabs-container .tabs-menu li.active a {
    border-color: #fff;
  }

  .fullwidth-section .vertical-tabs-container .tabs-menu li.active a {
    border-bottom-color: #fff;
  }
}

/* ==========================================================================
   #Google Maps
   ========================================================================== */

.google-map {
  height: 200px;
}

.map {
  width: 100%;
  height: 650px;
  margin: 50px 0;
}

@media (max-width: 767px) {
  .map {
    height: 350px;
  }
}

/* ==========================================================================
   #Headlines
   ========================================================================== */

.headline {
  position: relative;
  width: 75%;
  border-bottom: 1px solid #c8d3d7;
  margin: 50px auto;
  text-align: center;
}

.headline:after {
  position: absolute;
  bottom: -12px;
  right: 0;
  left: 0;
  color: #18829c;
  font-family: "FontAwesome";
  font-size: 8px;
  content: "  ";
}

/* ==========================================================================
   #Icon Boxes
   ========================================================================== */

/* Icon Box 1
   ========================================================================== */

.icon-box-1 {
  position: relative;
  margin: 50px 0;
}

.icon-box-1 > i {
  float: left;
  display: block;
  margin-top: 6px;
  color: #18829c;
  font-size: 50px;
  line-height: 50px;
}

.icon-box-1 > img {
  float: left;
  display: block;
}

.icon-box-1 h3 {
  margin-bottom: 0;
  text-transform: uppercase;
}

.icon-box-1 a {
  color: #022b36;
  text-decoration: none;
}

.icon-box-1 a:hover {
  color: #18829c;
}

.icon-box-1 a i {
  position: relative;
  top: 5px;
  color: #18829c;
  font-size: 22px;
  line-height: 22px;
}

.icon-box-1 .icon-box-content {
  margin-left: 90px;
}

/* Icon Box 2
   ========================================================================== */

.icon-box-2 {
  position: relative;
  margin-bottom: 50px;
  text-align: center;
}

.icon-box-2 > i {
  display: block;
  margin-bottom: 25px;
  color: #18829c;
  font-size: 50px;
}

.icon-box-2 h3 {
  margin-bottom: 12px;
}

.icon-box-2 > img {
  margin-bottom: 10px;
}

.icon-box-2 a {
  color: #022b36;
  text-decoration: none;
}

.icon-box-2 a:hover {
  color: #18829c;
}

.icon-box-2 a i {
  position: relative;
  top: 5px;
  color: #18829c;
  font-size: 22px;
  line-height: 22px;
}

.icon-box-2 .icon-box-content {
}

/* Icon Box 3
   ========================================================================== */

.icon-box-3 {
  position: relative;
  margin-bottom: 50px;
}

.icon-box-3 > i {
  float: left;
  margin: 0 40px 10px 15px;
  color: #18829c;
  font-size: 50px;
}

.icon-box-3 > img {
  float: left;
  margin-right: 10px;
}

.icon-box-3 h3 {
  padding-top: 8px;
  margin-bottom: 0;
  text-transform: uppercase;
}

.icon-box-3 a {
  color: #022b36;
  text-decoration: none;
}

.icon-box-3 a:hover {
  color: #18829c;
}

.icon-box-3 a i {
  position: relative;
  top: 5px;
  color: #18829c;
  font-size: 22px;
  line-height: 22px;
}

/* Icon Box 4
   ========================================================================== */

.icon-box-4 {
  position: relative;
  margin-bottom: 20px;
}

.icon-box-4 > i {
  float: left;
  display: block;
  color: #18829c;
  font-size: 50px;
  line-height: 50px;
}

.icon-box-4 > img {
  float: left;
  display: block;
}

.icon-box-4 h2 {
  padding-top: 5px;
  margin-bottom: 5px;
  color: #18829c;
  text-transform: uppercase;
}

.icon-box-4 .icon-box-content {
  margin-left: 60px;
}

.icon-box-4 .icon-box-content p {
  padding-top: 12px;
}
.icon-box-4 .icon-box-content h2 + p {
  padding-top: 0;
}

@media (min-width: 768px) and (max-width: 979px) {
  .icon-box-4 > i {
    font-size: 30px;
  }

  .icon-box-4 .icon-box-content {
    margin-left: 30px;
  }
}

/* ==========================================================================
   #Milestones
   ========================================================================== */

.milestone {
  position: relative;
  padding: 15px 0 30px 0;
  border: 1px solid #b4bfc3;
  margin: 30px 0 50px 0;
  text-align: center;
}

/*
	 * 1. Clearfix hack 
	 */
.milestone:after {
  /* 1 */
  visibility: hidden;
  display: block;
  height: 0;
  font-size: 0;
  content: " ";
  clear: both;
}

.milestone i {
  z-index: 20;
  margin-right: 10px;
  font-size: 32px;
}

.milestone .milestone-value {
  z-index: 10;
  color: #b4bfc3;
  font-family: "Oswald", sans-serif;
  font-size: 48px;
  line-height: 72px;
}

.milestone .milestone-description {
  font-size: 14px;
  line-height: 24px;
}

/* ==========================================================================
   #Our Process
   ========================================================================== */

.process-builder {
  margin: 50px 0;
}

.process-builder ul:before {
  position: absolute;
  top: 120px;
  left: 125px;
  display: block;
  width: 75%;
  height: 0;
  border-top: 1px dashed #666;
  content: "";
}
.process-builder ul {
  list-style: none;
}

.process-builder ul li {
  float: left;
  width: 20%;
  text-align: center;
}

.process-builder ul li i {
  font-size: 75px;
  line-height: 140px;
}

.process-builder ul li a {
  position: relative;
  display: inline-block;
  overflow: hidden;
  width: 140px;
  height: 140px;
  border: 1px solid #b4bfc3;
  margin-bottom: 20px;
  background-color: #fff;
  background-clip: padding-box;
  text-decoration: none;
}

.process-builder ul li a.active:before {
  position: absolute;
  bottom: 5px;
  right: 0;
  left: 0;
  font-family: "FontAwesome";
  content: "";
}

.process-description h1 {
  float: left;
  margin-top: 30px;
  font-size: 72px;
  line-height: 72px;
}

.process-description .process-description-inner {
  padding-top: 30px;
  margin-left: 50px;
}

.process-description .process-description-inner h3 {
  margin-bottom: 25px;
}

/* Process Summary */

.process-summary {
  margin-bottom: 100px;
  list-style: none;
  text-align: center;
}

.process-summary li {
  position: relative;
  display: inline-block;
  padding-right: 120px;
  font: 24px "Oswald", Arial, sans-serif;
  text-transform: uppercase;
}

.process-summary li:last-child {
  padding-right: 0;
}

.process-summary li:before {
  position: absolute;
  top: 50%;
  right: 15px;
  width: 90px;
  border-top: 1px solid #b4bfc3;
  content: "";
}

.process-summary li:after {
  position: absolute;
  top: 50%;
  right: 20%;
  margin-top: -4.5px;
  color: #18829c;
  font-family: "FontAwesome";
  font-size: 8px;
  content: "  ";
}

.process-summary li:last-child:before,
.process-summary li:last-child:after {
  display: none;
}

@media (min-width: 1400px) {
  .process-summary li {
    padding-right: 150px;
  }
  .process-summary li:before {
    width: 120px;
  }
  .process-summary li:after {
    right: 25%;
  }
}

@media (min-width: 768px) and (max-width: 979px) {
  .process-builder ul:before {
    top: 100px;
    left: 70px;
  }

  .process-builder ul li i {
    font-size: 60px;
    line-height: 100px;
  }

  .process-builder ul li a {
    width: 100px;
    height: 100px;
  }

  .process-summary li {
    padding-right: 50px;
  }
  .process-summary li:before {
    width: 20px;
  }
  .process-summary li:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .process-builder {
    margin-bottom: 20px;
  }

  .process-builder ul:before {
    border-top: none;
  }

  .process-builder ul li i {
    font-size: 18px;
    line-height: 50px;
  }

  .process-builder ul li a {
    width: 50px;
    height: 50px;
  }

  .process-builder ul li a.active:before {
    bottom: -2px;
    font-size: 8px;
  }

  .process-description h1 {
    margin-top: 0;
  }
  .process-description .process-description-inner {
    padding-top: 0;
  }

  .process-summary li {
    display: block;
    padding-right: 0;
  }

  .process-summary li:before,
  .process-summary li:after {
    display: none;
  }
}

/* ==========================================================================
   #Pie charts
   ========================================================================== */

.pie-chart {
  position: relative;
  margin: 40px auto 10px;
  text-align: center;
}

.pie-chart canvas {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
}

.pie-chart i,
.pie-chart .pie-chart-custom-text,
.pie-chart .pie-chart-percent {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  color: #022b36;
  text-align: center;
}

.pie-chart img {
  max-width: 100%;
  vertical-align: middle;
}

.pie-chart .pie-chart-custom-text {
  font-size: 18px;
}

.pie-chart .pie-chart-percent {
  font-size: 16px;
  font-weight: 700;
}

.pie-chart-description {
  display: block;
  font-size: 12px;
  text-align: center;
}

.pie-chart-description h1,
.pie-chart-description p {
  margin-bottom: 0;
}

/* ==========================================================================
   #Pricing Tables
   ========================================================================== */

.pricing-table {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #b4bfc3;
  margin-bottom: 100px;
  text-align: center;
  -webkit-transition: background-color 0.3s ease 0s;
  transition: background-color 0.3s ease 0s;
}

.pricing-table-header {
  margin-bottom: 20px;
}

.pricing-table-header h3 {
  padding: 10px 0;
  border-bottom: 1px solid #b4bfc3;
  margin-bottom: 15px;
}

.pricing-table-header h1 {
  margin-bottom: 20px;
  font-size: 48px;
}

.pricing-table-header h1 sup {
  font-size: 30px;
}

.pricing-table-offer {
}

.pricing-table-offer ul {
  list-style: none;
}

.pricing-table-offer ul li {
  padding: 10px 0;
}

.pricing-table .btn {
  margin-bottom: -17px;
}

/* ==========================================================================
   #ProgressBars
   ========================================================================== */

.progress-bar-description {
  display: block;
  margin-bottom: 15px;
  font-family: "Oswald", sans-serif;
  line-height: 14px;
  text-transform: uppercase;
}

.progress-bar-description span {
  float: right;
}

.progress-bar {
  position: relative;
  display: block;
  height: 35px;
  margin-bottom: 15px;
  background-color: #c8d3d7;
}

.progress-bar .progress-bar-outer {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #18829c url(../images/pattern.png) repeat top left;
}

.progress-bar .progress-bar-outer .progress-bar-inner {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  display: block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}

/* ==========================================================================
   #SocialMedia
   ========================================================================== */

a.social-icon {
  float: left;
  display: block;
  width: 35px;
  border: 1px solid #18829c;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #18829c;
  color: #fff;
  text-align: center;
}

a.social-icon:last-child {
  margin-right: 0;
}

a.social-icon i {
  font-size: 18px;
  line-height: 35px;
}

a.social-icon:hover {
  text-decoration: none;
}

a.facebook-icon:hover {
  background-color: #0e59a0 !important;
}
a.twitter-icon:hover {
  background-color: #0ea4ff !important;
}
a.dribble-icon:hover {
  background-color: #ea73a0 !important;
}
a.pinterest-icon:hover {
  background-color: #d73532 !important;
}
a.googleplus-icon:hover {
  background-color: #282927 !important;
}
a.tumblr-icon:hover {
  background-color: #586980 !important;
}
a.instagram-icon:hover {
  background-color: #82685a !important;
}
a.rss-icon:hover {
  background-color: #f79638 !important;
}
a.linkedin-icon:hover {
  background-color: #018faf !important;
}
a.skype-icon:hover {
  background-color: #00b0f6 !important;
}
a.flickr-icon:hover {
  background-color: #0061db !important;
}
a.vimeo-icon:hover {
  background-color: #63879c !important;
}
a.github-icon:hover {
  background-color: #3b3b3b !important;
}
a.youtube-icon:hover {
  background-color: #cc181e !important;
}
a.windows-icon:hover {
  background-color: #6dc2e9 !important;
}
a.dropbox-icon:hover {
  background-color: #007ee5 !important;
}
a.xing-icon:hover {
  background-color: #026566 !important;
}
a.adn-icon:hover {
  background-color: #1ea076 !important;
}
a.android-icon:hover {
  background-color: #98cb02 !important;
}
a.apple-icon:hover {
  background-color: #000000 !important;
}
a.behance-icon:hover {
  background-color: #2d9ad2 !important;
}
a.bitbucket-icon:hover {
  background-color: #214f81 !important;
}
a.bitcoin-icon:hover {
  background-color: #f7931b !important;
}
a.codepan-icon:hover {
  background-color: #000000 !important;
}
a.css3-icon:hover {
  background-color: #3289ce !important;
}
a.delicious-icon:hover {
  background-color: #3399fe !important;
}
a.deviantart-icon:hover {
  background-color: #c8da30 !important;
}
a.digg-icon:hover {
  background-color: #0080c2 !important;
}
a.drupal-icon:hover {
  background-color: #0077b9 !important;
}
a.empire-icon:hover {
  background-color: #000000 !important;
}
a.foursquare-icon:hover {
  background-color: #daecb0 !important;
}
a.git-icon:hover {
  background-color: #f34f29 !important;
}
a.gitti-icon:hover {
  background-color: #634c3e !important;
}
a.hacker-news-icon:hover {
  background-color: #f18642 !important;
}
a.html5-icon:hover {
  background-color: #e54c1f !important;
}
a.joomla-icon:hover {
  background-color: #016fb9 !important;
}
a.jsfiddle-icon:hover {
  background-color: #4679a4 !important;
}
a.linux-icon:hover {
  background-color: #fece0e !important;
}
a.maxcdn-icon:hover {
  background-color: #f36f20 !important;
}
a.openid-icon:hover {
  background-color: #fe6101 !important;
}
a.pagelines-icon:hover {
  background-color: #3783e3 !important;
}
a.pied-piper-icon:hover {
  background-color: #0c7b48 !important;
}
a.qq-icon:hover {
  background-color: #23286c !important;
}
a.rebel-icon:hover {
  background-color: #000000 !important;
}
a.reddit-icon:hover {
  background-color: #cee3f8 !important;
}
a.renren-icon:hover {
  background-color: #0d81e4 !important;
}
a.share-icon:hover {
  background-color: #252525 !important;
}
a.slack-icon:hover {
  background-color: #453744 !important;
}
a.soundcloud-icon:hover {
  background-color: #fe4e00 !important;
}
a.spotify-icon:hover {
  background-color: #80bb41 !important;
}
a.stack-exchange-icon:hover {
  background-color: #265a93 !important;
}
a.stackoverflow-icon:hover {
  background-color: #fea501 !important;
}
a.steam-icon:hover {
  background-color: #191919 !important;
}
a.stumbleupon-icon:hover {
  background-color: #f04f23 !important;
}
a.tencent-weibo-icon:hover {
  background-color: #0063a7 !important;
}
a.trello-icon:hover {
  background-color: #226784 !important;
}
a.vine-icon:hover {
  background-color: #00b081 !important;
}
a.vk-icon:hover {
  background-color: #50769d !important;
}
a.wechat-icon:hover {
  background-color: #a4dc31 !important;
}
a.weibo-icon:hover {
  background-color: #d82828 !important;
}
a.wordpress-icon:hover {
  background-color: #454442 !important;
}
a.yahoo-icon:hover {
  background-color: #4b04a8 !important;
}

/* ==========================================================================
   #Styled Tables
   ========================================================================== */

.table-bordered {
  border: 1px solid #b4bfc3;
  border-left: none;
  border-collapse: separate;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #b4bfc3;
}

.table-bordered caption + thead tr:first-child th,
.table-bordered caption + tbody tr:first-child th,
.table-bordered caption + tbody tr:first-child td,
.table-bordered colgroup + thead tr:first-child th,
.table-bordered colgroup + tbody tr:first-child th,
.table-bordered colgroup + tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: none;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 8px;
}

@media (max-width: 480px) {
  /**
		 * Force table to not be like tables anymore
		 */

  table,
  thead,
  tbody,
  th,
  td,
  tr {
    display: block;
  }

  /**
		 * Hide table headers
		 */

  thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
  }

  .table-bordered {
    border-top: none;
  }
  tr {
    border-top: 1px solid #555;
  }

  td:first-child {
    border-top: none !important;
  }
}

/* ==========================================================================
   #Tabs
   ========================================================================== */

/* Horizontal tabs */

/*
    *  1. Wraps around a horizontal tab group
	*/

.tabs-container {
} /* 1 */

.tabs-container .tabs-menu {
  margin-top: 10px;
  margin-bottom: 0;
  list-style: none;
}

.tabs-container .tabs-menu li {
  display: inline;
}

.tabs-container .tabs-menu li a {
  float: left;
  display: block;
  padding: 15px 30px;
  border: 1px solid #b4bfc3;
  margin-right: 5px;
  color: #022b36;
  font: 16px "Oswald", sans-serif;
  text-decoration: none;
  text-transform: uppercase;
}

.tabs-container .tabs-menu li:last-child a {
  margin-right: 0;
}

.tabs-container .tabs-menu li a:hover {
  text-decoration: none;
}

.tabs-container .tabs-menu li a:hover,
.tabs-container .tabs-menu li.active a {
  border-color: #18829c;
  background-color: #18829c;
  color: #fff;
}

.tabs-container .tabs {
  margin-bottom: 30px;
}

.tabs-container .tab-content {
  padding-top: 25px;
}

/* Vertical tabs */

.vertical-tabs-container {
  position: relative;
  border: 1px solid #b4bfc3;
}

.vertical-tabs-container .tabs-menu {
  float: left;
  width: 179px;
  border-right: 1px solid #b4bfc3;
  margin-bottom: 0;
  list-style: none;
}

.vertical-tabs-container .tabs-menu li a {
  display: block;
  padding: 15px 25px;
  border-right: 1px solid #b4bfc3;
  border-bottom: 1px solid #b4bfc3;
  margin-right: -1px;
  color: #022b36;
  font: 16px "Oswald", sans-serif;
  text-decoration: none;
}

.vertical-tabs-container .tabs-menu li.active a {
  border-right-color: #18829c;
  background-color: #18829c;
  color: #fff;
}

.vertical-tabs-container .tabs {
  margin-left: 180px;
}

.vertical-tabs-container .tab-content {
  padding: 25px;
}

@media (min-width: 768px) and (max-width: 979px) {
  .tabs-container .tabs-menu li a {
    padding: 10px 15px;
  }
}

@media (max-width: 767px) {
  .tabs-container .tabs-menu {
    border-bottom: none;
  }

  .tabs-container .tabs-menu li {
    display: block;
  }

  .tabs-container .tabs-menu li a {
    float: none;
    display: block;
    padding: 20px 25px;
    border: 1px solid #b4bfc3;
    border-top: none;
    margin: 0;
  }

  .tabs-container .tabs-menu li a:hover {
    text-decoration: none;
  }

  .tabs-container .tabs-menu li:first-child a {
    border-top: 1px solid #b4bfc3;
  }

  .tabs-container .tabs-menu li.active a {
    padding: 20px 25px;
    border-color: #b4bfc3;
    border-bottom-color: #18829c;
    margin: 0px;
    background-color: #fff;
    color: #18829c;
  }

  .vertical-tabs-container .tabs-menu {
    float: none;
    width: 100%;
  }

  .vertical-tabs-container .tabs {
    margin-left: 0;
  }

  .vertical-tabs-container .tabs-menu li a {
    padding: 20px 25px;
    border-right: none;
    margin-right: 0;
  }

  .vertical-tabs-container .tabs-menu li.active a {
    border-bottom-color: #18829c;
  }
}

/* ==========================================================================
   #Testimonials
   ========================================================================== */

.testimonial {
  margin-bottom: 50px;
}

.testimonial blockquote {
  position: relative;
  padding: 20px 20px 25px 35px;
  border: 1px solid #b4bfc3;
  margin-left: 170px;
  background-color: #fff;
}

.testimonial blockquote:after {
  position: absolute;
  z-index: 10;
  top: -1px;
  left: -31px;
  width: auto;
  height: auto;
  border-width: 15px;
  border-style: solid;
  border-color: #b4bfc3 #b4bfc3 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  content: "";
  -moz-transform: scale(0.9999);
}

.testimonial blockquote:before {
  position: absolute;
  z-index: 12;
  top: 0;
  left: -28px;
  border-width: 15px;
  border-style: solid;
  border-color: #fff #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
  content: "";
  -moz-transform: scale(0.9999);
}

.testimonial blockquote h5 {
  margin-bottom: 15px;
  color: #18829c;
}

.testimonial img {
  float: left;
}

@media (max-width: 767px) {
  .testimonial img {
    float: none;
    display: block;
    margin-bottom: 45px;
  }

  .testimonial blockquote {
    margin-left: 0;
  }

  .testimonial blockquote:after {
    top: -30px;
    left: -1px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #b4bfc3 #b4bfc3;
  }

  .testimonial blockquote:before {
    top: -28px;
    left: 0;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff #fff;
  }
}

/* ==========================================================================
   #WordPress Widgets
   ========================================================================== */

/* WordPress Widget Defaults */

.widget {
  margin-bottom: 60px;
}

.widget-title {
  margin-bottom: 30px;
  line-height: 18px;
}

#footer-middle .widget-title {
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 24px;
}

#footer-middle .widget {
  margin-bottom: 30px;
}

#header-top .widget:last-child,
#footer-top .widget:last-child,
#footer-bottom .widget:last-child {
  margin-bottom: 0;
}

#footer-top .widget:first-child {
  margin-top: 50px;
}
#footer-top .widget:last-child {
  margin-bottom: 60px;
}

#footer-top .widget_text h1,
#footer-top .widget_text p {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  #footer-top-widget-area-1 {
    padding-top: 50px;
  }
  #footer-top-widget-area-2 {
    padding-bottom: 50px;
  }
}

/* Text Widget */

.widget_text {
}

.textwidget {
}

/* Search Widget */

.widget_search {
}

#searchform {
  position: relative;
}

.screen-reader-text {
  display: none;
}

#s {
  display: inline-block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#searchsubmit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 12px;
  border: none;
  background: url(../images/bg-search.png) no-repeat center center;
}

/* Recent Entries Widget */

.widget_recent_entries {
}

.widget_recent_entries ul {
  margin-bottom: 0;
  list-style: none;
}

.widget_recent_entries ul li {
  margin-bottom: 20px;
}
.widget_recent_entries ul li:last-child {
  margin-bottom: 0;
}

.widget_recent_entries ul li img {
  float: left;
  display: block;
  margin-right: 10px;
}

.widget_recent_entries ul li a {
  color: #022b36;
}

.widget_recent_entries ul li .post-date {
  display: block;
  color: #18829c;
}

/*
	 * 1. Clearfix hack 
	 */

.widget_recent_entries ul li:after {
  /* 1 */
  visibility: hidden;
  display: block;
  height: 0;
  font-size: 0;
  content: " ";
  clear: both;
}

@media (min-width: 768px) and (max-width: 979px) {
  .widget_recent_entries ul li img {
    display: none;
  }
}

/* Pages Widget */

.widget_pages {
}

.widget_pages ul {
  margin-bottom: 0;
  list-style: square;
  list-style-position: inside;
}

.widget_pages ul li {
  padding: 10px 15px;
  border-bottom: 1px solid #c8d3d7;
}

.widget_pages a {
  color: #022b36;
}

/* Archive Widget */

.widget_archive {
}

.widget_archive ul {
  margin-bottom: 0;
  list-style: square;
  list-style-position: inside;
}

.widget_archive ul li {
  padding: 10px 15px;
  border-bottom: 1px solid #c8d3d7;
}

.widget_archive ul li span {
  float: right;
}

.widget_archive a {
  color: #022b36;
}

.widget_archive select {
}

.widget_archive option {
}

/* Categories Widget */

.widget_categories {
}

.widget_categories ul {
  margin-bottom: 0;
  list-style: square;
  list-style-position: inside;
}

.widget_categories ul li {
  padding: 10px 15px;
  border-bottom: 1px solid #c8d3d7;
}

.widget_categories ul li span {
  float: right;
}

.widget_categories a {
  color: #022b36;
}

.widget_categories ul ul.children {
}

.widget_categories select {
}

.widget_categories select#cat {
}

.widget_categories select.postform {
}

.widget_categories option {
}

.widget_categories .level-0 {
}

.widget_categories .level-1 {
}

.widget_categories .level-2 {
}

.widget_categories .level-3 {
}

/* Meta Widget */

.widget_meta {
}

.widget_meta ul {
  margin-bottom: 0;
  list-style: square;
  list-style-position: inside;
}

.widget_meta ul li {
  padding: 10px 15px;
  border-bottom: 1px solid #c8d3d7;
}

.widget_meta a {
  color: #022b36;
}

/* Recent Comments Widget */

.widget_recent_comments {
}

#recentcomments {
  margin-bottom: 0;
  list-style: none;
}

#recentcomments li {
}

#recentcomments li a {
}

.recentcomments {
}

/* Tag Cloud Widget  */

.widget_tag_cloud {
}

.widget_tag_cloud a {
  display: inline-block;
  margin: 0 3px 5px 0;
  padding: 5px 10px;
  border: 1px solid #18829c;
  background-color: #18829c;
  color: #fff;
}

.widget_tag_cloud a:hover {
  background-color: #fff;
  color: #022b36;
  text-decoration: none;
}

.widget_tag_cloud a:after {
}
.widget_tag_cloud a:before {
}

/* Calendar Widget */

.widget_calendar {
}

#calendar_wrap {
}

#calendar_wrap th {
}

#calendar_wrap td {
}

#wp-calendar tr td {
}

#wp-calendar caption {
}

#wp-calendar a {
}

#wp-calendar #today {
}

#wp-calendar #prev {
}

#wp-calendar #next {
}

#wp-calendar #next a {
}

#wp-calendar #prev a {
}

/* Custom Menu Widget */

.widget_nav_menu {
}

.widget_nav_menu ul {
  margin-bottom: 0;
  list-style: square;
  list-style-position: inside;
}

.widget_nav_menu ul li {
  padding: 10px 15px;
  border-bottom: 1px solid #c8d3d7;
}

.widget_nav_menu a {
  color: #022b36;
}

/* RSS Widget */

.widget_rss {
}

.widget_rss ul {
  list-style: none;
}

/* EWF Navigation */

.ewf_widget_navigation {
}

.ewf_widget_navigation ul {
  margin-bottom: 0;
  list-style-type: none;
  list-style-position: outside;
}

.ewf_widget_navigation li {
  border-bottom: 1px solid #c8d3d7;
}

.ewf_widget_navigation li a {
  display: block;
  padding: 10px 0;
}

.ewf_widget_navigation li a:hover {
  text-decoration: none;
}

.ewf_widget_navigation li a {
  color: #022b36;
}

.ewf_widget_navigation li.current a:hover {
  text-decoration: none;
}

/* Custom - EWF Flickr Widget */

.ewf_widget_flickr {
}

#flickr-feed {
}

#flickr-feed .flickr_badge_image {
  display: inline;
}

#flickr-feed img {
  width: 83px;
  height: auto;
  border: none;
  padding: 0 7px 0 0;
}

@media (min-width: 768px) and (max-width: 979px) {
  #flickr-feed img {
    width: 75px;
  }
}

/* Custom - Twitter Widget */

.ewf_widget_twitter {
}

.ewf_widget_twitter p {
  float: left;
}

.ewf_widget_twitter p i {
  font-size: 50px;
  vertical-align: middle;
}

#tweet {
  margin-left: 120px;
}

#tweet ul {
  margin-top: 12px;
  margin-bottom: 0;
  list-style: none;
}

#tweet .tweet {
  word-wrap: break-word;
}

#tweet .interact {
  display: none;
}

@media (max-width: 767px) {
  .ewf_widget_twitter p {
    float: none;
  }
  #tweet {
    margin-left: 0;
  }
}

/* Custom - Recent Posts Widget */

.ewf_recent_posts {
}
.ewf_recent_posts .tabs-container .tabs-menu {
  margin-bottom: 35px;
}
.ewf_recent_posts .tabs-container .tabs-menu li a {
  padding: 15px 20px;
}

@media (min-width: 768px) and (max-width: 979px) {
  .ewf_recent_posts .tabs-container .tabs-menu li a {
    padding: 7px 10px;
  }
}

/* Custom - Contact Info Widget */

.ewf_contact_info {
}

.ewf_contact_info ul {
  margin-bottom: 0;
  list-style: none;
}

.ewf_contact_info ul li {
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
}

.ewf_info ul li:last-child {
  margin-bottom: 0;
}

.ewf_contact_info ul li i {
  position: absolute;
  top: 7px;
  left: 0;
}

.ewf_contact_info ul li a {
  color: #022b36;
}

#header-top .ewf_contact_info ul {
  margin-top: 5px;
}

#header-top .ewf_contact_info ul li {
  display: inline-block;
  margin-right: 15px;
  margin-bottom: 0;
}

#header-top .ewf_contact_info ul li:last-child {
  margin-right: 0;
}

#header-top .ewf_contact_info ul li i {
  color: #18829c;
}
#header-top .ewf_contact_info ul li a {
  color: #bbb;
}

/* Custom - Newsletter Subscribe Widget */

#newsletter-subscribe-form {
  position: relative;
}

#newsletter-subscribe-form input[type="text"] {
  width: 100%;
  height: 45px;
  margin-bottom: 0;
}

#newsletter-subscribe-form input[type="submit"] {
  position: absolute;
  top: 0;
  right: -1px;
  height: 45px;
  padding: 11px 25px;
  margin: 0;
}

#footer-top #newsletter-subscribe-form {
  margin-top: 20px;
}

#footer-top #newsletter-subscribe-form input[type="text"] {
  border-color: rgba(255, 255, 255, 0.3);
  color: #fff;
}

#footer-top #newsletter-subscribe-form input[type="text"]:focus {
  background-color: #fff;
  color: #022b36;
}

#footer-top #newsletter-subscribe-form input[type="submit"] {
  border-color: #021b22;
  background-color: #021b22;
  color: #18829c;
}

#footer-top #newsletter-subscribe-form input[type="submit"]:hover {
  color: #fff;
}

/* Custom - Social Media Widget */

.ewf_social_media {
}

#header-top .ewf_social_media {
  float: right;
}

#header-top .ewf_social_media a.social-icon {
  width: 30px;
  height: 30px;
  background-color: transparent;
  color: #bbb;
}

#header-top .ewf_social_media a.social-icon i {
  line-height: 30px;
}

/*
	 * 1. Clearfix hack 
	 */

.ewf_social_media:after {
  /* 1 */
  visibility: hidden;
  display: block;
  height: 0;
  font-size: 0;
  content: " ";
  clear: both;
}

/* ==========================================================================
   #WordPress Comments
   ========================================================================== */

.comments-area {
  margin-top: 100px;
}

.comments-title {
}
.comment-reply-title {
}

.commentlist .reply {
}
.commentlist .reply a {
  margin-left: 95px;
}

.commentlist .alt {
}
.commentlist .odd {
}
.commentlist .even {
}
.commentlist .thread-alt {
}
.commentlist .thread-odd {
}
.commentlist .thread-even {
}
.commentlist li ul.children .alt {
}
.commentlist li ul.children .odd {
}
.commentlist li ul.children .even {
}

.commentlist .vcard {
}
.commentlist .vcard cite.fn {
}
.commentlist .vcard span.says {
  display: none;
}

.commentlist .vcard img.photo {
  float: left;
}

.commentlist .vcard img.avatar {
}
.commentlist .vcard cite.fn a.url {
  margin-left: 15px;
  color: #022b36;
  font: 18px "Oswald", sans-serif;
}

.commentlist .comment-meta {
  margin-left: 95px;
}
.commentlist .comment-meta a {
}
.commentlist .commentmetadata {
}
.commentlist .commentmetadata a {
}

.commentlist .parent {
}
.commentlist .comment {
}
.commentlist .children {
}
.commentlist .pingback {
}
.commentlist .bypostauthor {
}
.commentlist .comment-author {
}
.commentlist .comment-author-admin {
}

.commentlist {
  margin: 50px 0;
  list-style: none;
}

.commentlist li {
}

.commentlist li p {
  margin-bottom: 0;
  margin-left: 95px;
}

.commentlist li ul {
  margin-left: 80px;
  list-style: none;
}

.commentlist li ul.children li {
}
.commentlist li ul.children li.alt {
}
.commentlist li ul.children li.byuser {
}
.commentlist li ul.children li.comment {
}
.commentlist li ul.children li.bypostauthor {
}
.commentlist li ul.children li.comment-author-admin {
}

#cancel-comment-reply {
}

#cancel-comment-reply a {
}

.comment-body {
  margin-bottom: 60px;
}

@media (max-width: 767px) {
  .commentlist .vcard img.photo {
    float: none;
    display: block;
    margin-bottom: 20px;
  }

  .commentlist .vcard cite.fn a.url,
  .commentlist .reply a,
  .commentlist .comment-meta,
  .commentlist li p,
  .commentlist li ul {
    margin-left: 0;
  }

  .commentlist .comment-meta,
  .commentlist li p {
    margin-bottom: 20px;
  }
}

/* ==========================================================================
   #WordPress Comment Form
   ========================================================================== */

/* Blog Post Comment Form */

.nocomments {
  display: none;
}

.nav-previous,
.nav-next {
  display: none;
}

.must-log-in {
  display: none;
}

.logged-in-as {
  display: none;
}

/* Comment Form */

#commentform {
  margin-top: 50px;
}

#commentform p {
  margin-bottom: 30px;
}

#commentform input[type="text"] {
  padding: 9px 10px;
}

/* Comment notes */

.comment-notes {
  display: none;
}

/* Comment author field. */

.comment-form-author {
}

.comment-form-author label {
  display: none;
}

.comment-form-author input#author {
}

/* Comment email field. */

.comment-form-email {
}

.comment-form-email label {
  display: none;
}

.comment-form-email input#email {
}

/* Comment URL field. */

.comment-form-url {
}

.comment-form-url label {
  display: none;
}

.comment-form-url input#url {
}

/* Required (*) text. */

#commentform .required {
}

/* Comment form comment. */

.comment-form-comment {
}

.comment-form-comment label {
  display: none;
}

.comment-form-comment textarea#comment {
}

/* Allowed tags paragraph. */

.form-allowed-tags {
  display: none;
}

.form-allowed-tags code {
}

/* Paragraph that wraps the submit button and hidden comment ID fields. */

.form-submit {
  text-align: right;
}

/* Submit button. */

#commentform #submit {
  margin-right: 0;
  font: 13px "Open Sans", Arial, sans-serif;
}