/*
  Theme Name: PJT Website
  Description: PJT Website Theme
  Version: 0.1
  Author: MBLM
  Author URI: http://mblm.com/
  Tags: HTML5, CSS3
*/


/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body { overflow-x: hidden !important; }

.main {
    margin: 0px auto;
    background-color: #FFF;
    width: auto;
    max-width: 100%;
    min-height: 700px;
}

.vAlignTop { padding-top: 0; margin-top: 0; }

.highlighted { color: #0691BD; }
.grayChateauColor { color: #6F7880; }
.white { color: #FFF; }
.no-text-dec:hover { text-decoration: none; }
.no-hover:hover,
.no-hover:focus { color: inherit !important; }
.bukcet-gaps { padding: 70px 0 25px 0; }
.hidden-on-mobile { display: block; }
.shown-on-mobile { display: none; }

/* search
–––––––––––––––––––––––––––––––––––––––––––––––––– */
form.searchForm {
  position: relative;
  border-bottom: 1px solid #BBC2C8;
  margin: 10px 0 40px 0;
  padding-bottom: 5px;
}
form.searchForm input[type="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: transparent;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: 45px 45px;
    border-color: -moz-use-text-color -moz-use-text-color #fff;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 0;
    color: #6F7880;
    display: block;
    font: 24px/34px 'SeroExtraThin';
    outline: 0 none;
    padding: 20px 20px 10px 60px;
    width: 100%;
}
form.searchForm label {
    top: -10px;
    color: #6F7880;
    position: absolute;
}

@media (min-width: 768px) {
	form.searchForm input[type="text"] {
		font-size: 28px;
	}
}


/* Gradient
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.background { width: 100%; height: auto; min-height: 100%; position: absolute; left: 0; top: 0; z-index: 0; }
.background.high { z-index: 1; }
.background.secondary { min-height: auto; height: 400px; }

.background.gradient-one,
.gradient-one {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6f94aa+1,1e384c+100 */
  background: #6f94aa; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjElIiBzdG9wLWNvbG9yPSIjNmY5NGFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlMzg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #6f94aa 1%, #1e384c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#6f94aa), color-stop(100%,#1e384c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #6f94aa 1%,#1e384c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #6f94aa 1%,#1e384c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #6f94aa 1%,#1e384c 100%); /* IE10+ */
  background: linear-gradient(135deg,  #6f94aa 1%,#1e384c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f94aa', endColorstr='#1e384c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.background.gradient-two {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#586370+0,6f94aa+100 */
  background: #586370; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTg2MzcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZmOTRhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #586370 0%, #6f94aa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#586370), color-stop(100%,#6f94aa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #586370 0%,#6f94aa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #586370 0%,#6f94aa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #586370 0%,#6f94aa 100%); /* IE10+ */
  background: linear-gradient(135deg,  #586370 0%,#6f94aa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#586370', endColorstr='#6f94aa',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.background.gradient-three {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#586370+0,6a4a88+100 */
  background: #586370; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTg2MzcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZhNGE4OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #586370 0%, #6a4a88 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#586370), color-stop(100%,#6a4a88)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #586370 0%,#6a4a88 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #586370 0%,#6a4a88 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #586370 0%,#6a4a88 100%); /* IE10+ */
  background: linear-gradient(135deg,  #586370 0%,#6a4a88 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#586370', endColorstr='#6a4a88',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.background.gradient-four {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#586370+0,67815a+100 */
  background: #586370; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTg2MzcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzY3ODE1YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #586370 0%, #67815a 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#586370), color-stop(100%,#67815a)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #586370 0%,#67815a 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #586370 0%,#67815a 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #586370 0%,#67815a 100%); /* IE10+ */
  background: linear-gradient(135deg,  #586370 0%,#67815a 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#586370', endColorstr='#67815a',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.background.gradient-five {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#586370+0,2c7c8c+100 */
  background: #586370; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTg2MzcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJjN2M4YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #586370 0%, #2c7c8c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#586370), color-stop(100%,#2c7c8c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #586370 0%,#2c7c8c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #586370 0%,#2c7c8c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #586370 0%,#2c7c8c 100%); /* IE10+ */
  background: linear-gradient(135deg,  #586370 0%,#2c7c8c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#586370', endColorstr='#2c7c8c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.background.gradient-six {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#586370+0,6f94aa+100 */
  background: #586370; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNTg2MzcwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzZmOTRhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #586370 0%, #6f94aa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#586370), color-stop(100%,#6f94aa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #586370 0%,#6f94aa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #586370 0%,#6f94aa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #586370 0%,#6f94aa 100%); /* IE10+ */
  background: linear-gradient(135deg,  #586370 0%,#6f94aa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#586370', endColorstr='#6f94aa',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

.background.gradient-seven {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6f94aa+0,1e384c+100 */
  background: #6f94aa; /* Old browsers */
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjNmY5NGFhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFlMzg0YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(-45deg,  #6f94aa 0%, #1e384c 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#6f94aa), color-stop(100%,#1e384c)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-45deg,  #6f94aa 0%,#1e384c 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-45deg,  #6f94aa 0%,#1e384c 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-45deg,  #6f94aa 0%,#1e384c 100%); /* IE10+ */
  background: linear-gradient(135deg,  #6f94aa 0%,#1e384c 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f94aa', endColorstr='#1e384c',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}

body.background { color: #FFF; }
body.background header { background: none; }
body.background .main { background: none; color: #FFF; }
body.background .footer { background: none; border: none; }
body.background .footer, 
body.background .footer a { color: #FFF; }
body.secondary .footer, body.secondary .footer a { color: #6F7880; }
body.background .footer a:hover { color: #0691BD; }
body.background .header .vertical-devider-line { display: block; }

/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
header {
  max-width: 100%;
  background: #9bacb6; /* Old browsers */
  background: -moz-linear-gradient(-65deg, #9bacb6 0%, #6f94aa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#9bacb6), color-stop(100%,#6f94aa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(-65deg, #9bacb6 0%,#6f94aa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(-65deg, #9bacb6 0%,#6f94aa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(-65deg, #9bacb6 0%,#6f94aa 100%); /* IE10+ */
  background: linear-gradient(115deg, #9bacb6 0%,#6f94aa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9bacb6', endColorstr='#6f94aa',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.header { display: block; margin: 0px auto; position: relative; z-index: 9990; width: auto; max-width: 1280px; padding-top: 25px; height: 96px; }
.header .header-main {  margin-top: -17px; }
.header .logo-left { width: 172px; height: auto; }
.header .logo-right { width: 60px; height: auto; }
.header .hamburger-icon-gap { position: relative; width: 55px; }
.header .vertical-devider-line { display: none; position: absolute; top: -25px; }
.header .vertical-devider-line span { 
	color: #fff; 
	border-right: 1px solid #fff; 
	height: 575px; 
	display: inline-block; 
	-webkit-transition: height .45s ease-in-out; 
	-moz-transition: height .45s ease-in-out; 
	-o-transition: height .45s ease-in-out; 
	transition: height .45s ease-in-out; 	
}
body.secondary .header .vertical-devider-line span { height: 270px; }
.header .hamburger-icon-gap button  { margin:0 auto; z-index: 1; cursor: pointer; display: block; }
.header .header-main .left-logo-gap { margin-left: 30px; }
.header .header-main .left-logo-gap img { margin-top: -20px; }

nav { font-family: 'Sero';  position: relative; z-index: 0; height: 60px; background-color: #FFF; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
.nav > li > a:focus, 
.nav > li > a:hover,
.nav-tabs.lg > li > a { font-size: 22px; }
.nav-tabs.md > li > a { font-size: 18px; }


/* SIDEBAR
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#sidebar { width: 240px; height: 100%; position: fixed; top: 0; left: -240px; background: rgba(37,55,70,.95); z-index: 9999; box-sizing: border-box; padding: 15px; overflow: hidden; -webkit-transition: left .35s ease-in-out; transition: left .35s ease-in-out; }
#sidebar.opened { left: 0; }
#sidebar ul { padding: 0; list-style-type: none; margin: 0; font-family: 'SeroExtraThin';}
#sidebar ul a { display: inline-block; color: #FFF; text-decoration: none; }
#sidebar ul a:hover, 
#sidebar ul a:focus { color: #00C1DE; }

#sidebar > ul { padding: 9px 31px 0 0; height: 100%; overflow-y: auto; margin-right: -31px; }
#sidebar > ul > li > a { font-size: 20px; line-height: 28px; padding: 9px 0; }
#sidebar > ul > li > ul { padding-bottom: 10px; }
#sidebar > ul > li > ul > li a { margin-left: 15px; padding: 2px 0; }

#close-sidebar { position: absolute; margin-top: 20px; right: 15px; }

/* Hero Banner
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.banner { position: relative; overflow: hidden; height: 300px; background-position: center; }
.banner img { min-width: 100%; min-height: 100%; }
.banner .banner-copy { color: #FFF; padding-left: 25px; padding-top: 75px;  border-left: 1px solid #FFF; }
.banner .banner-copy .title { font: 18px/20px 'SeroBold'; }
.banner .banner-copy h2 { margin-bottom: -10px; font-size: 34px; }
.banner .banner-copy h6 { font-size: 18px; font-family: "SeroBold"; font-weight: normal; }

@media (min-width: 768px) {
	.banner .banner-copy { padding-left: 45px; padding-top: 65px; }
	.banner .banner-copy h2 { font-size: 48px; }
}

@media (min-width: 1600px) {
	.banner { height: 400px; }
	.banner .content-wrap { height: 400px; }
}


/* Main
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.rotating-content { min-height: 175px; }
.banner .overlay { text-align: center; height: 300px; }
.banner .overlay:before { content: ''; height: 100%;  display: inline-block; vertical-align: middle; }    
.banner .overlay .img-wrap { display: inline-block; vertical-align: middle; }


/* custom fullPage.css
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#fp-nav ul, .fp-slidesNav ul {
	margin-left: -5px !important;
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span, 
#fp-nav ul li:hover a.active span, 
.fp-slidesNav ul li:hover a.active span {
    background: #FFF none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    height: 10px !important;
    margin: -6px 0 0 -6px !important;
    width: 10px !important;
}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span {
    background: #999999 none repeat scroll 0 0 !important;
    border-radius: 0 !important;
    border: 0 none;
    border-radius: 50%;
    height: 10px !important;
    left: 50%;
    margin: -6px 0 0 -6px !important;
    position: absolute;
    top: 50%;
    transition: all 0.1s ease-in-out 0s;
    width: 10px !important;
    z-index: 0;
}
#fp-nav ul li, .fp-slidesNav ul li {
    display: block;
    height: 10px !important;
    margin: 10px !important;
    position: relative;
    width: 10px !important;
}

.fullpage { margin-top: -96px; z-index: 10; }
.fullpage .section .container { 
	font: 18px/30px 'SeroLight', Arial;
	opacity: 0; 
	-webkit-transition: opacity .5s ease-in-out; 
	-moz-transition: opacity .5s ease-in-out; 
	-o-transition: opacity .5s ease-in-out; 
	transition: opacity .5s ease-in-out; 
}
.fullpage .section .container h1 { padding-left: 50px; }
.fullpage .section .container p { 
	margin-top: 40px; 
	opacity: 0;
	position: relative; 
	left: 60px; 
	-webkit-transition: opacity .5s ease-in-out, left .35s ease-in-out; 
	-moz-transition: opacity .5s ease-in-out, left .35s ease-in-out; 
	-o-transition: opacity .5s ease-in-out, left .35s ease-in-out; 
	transition: opacity .5s ease-in-out, left .35s ease-in-out; 
}
.fullpage .section .container p.last { padding-left: 50px; }

#section1 h1 { font-family: 'Sero'; }


/* Footer
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.footer { border-top: 1px solid #BBC2C8; background-color: #FFF;  margin: 40px auto 20px; width: auto; max-width: 100%; }
.footer .footer-text { font: 14px/20px 'Sero'; margin: 50px 0; }
body.secondary .footer .footer-text { margin-top: 0; }
.footer .footer-text a { text-decoration: none; }
.footer .footer-text span { margin-right: 15px; }
.footer .footer-text span:last-child { margin-right: 0; }
.footer.absolute { position: absolute; bottom: 0px; }

/* Home
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.home-page { margin-top: 250px; }
.home-page .slides { margin-left: 30px; }
.home-page .widgets { margin: 90px -15px 40px -15px; }
.home-page .widgets a:hover { color: #FFF; text-decoration: none; }

/* Secondary Home Page
–––––––––––––––––––––––––––––––––––––––––––––––––– */
body.secondary .home-page { margin-top: 20px; margin-bottom: 0; height: 284px; }

/* Custom Grids
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.grid-cols { }
.grid-cols:before, 
.grid-cols:after {
    content: '';
    display: table;
    clear: both;
}
[class*='grid-col-'] {
  float: left;
  padding: 0; 
}
.grid-col-one-ten { width: 10%; }
.grid-col-two-ten { width: 20%; }
.grid-col-three-ten { width: 30%; }
.grid-col-four-ten { width: 40%; }
.grid-col-half { width: 50%; }
.grid-col-six-ten { width: 60%; }
.grid-col-seven-ten { width: 70%; }
.grid-col-eight-ten { width: 80%; }
.grid-col-nine-ten { width: 90%; }
.grid-col-whole { width: 100%; }

/* Bucket
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.bucket-wrap {
  display: inline-table;
  height: 100%;
}
.bucket {
  display: table-cell; 
  vertical-align: middle;
  padding: 0 100px;
}
.bucket h3 {
  margin-top: 4px;
}
.bucket a {
  color: #0691BD;
}
.darker-font h3,
.darker-font a { color: #0691BD; }
.darker-font h5 { color: #6F7880; }

/* Custom Container
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container-home { margin: 0 auto; background-color: #ffffff; }

/* People 
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.search-people { }
.search-people h5 { margin-bottom: 30px; }
.search-people h5 span.highlight { color: #0691BD; font-weight: bold; }
.search-people h5 a { color: inherit; text-decoration: none; }
.search-people h5 a:hover { color: #0691BD; }

.bio-banner { margin-bottom: 40px; height: 375px; color: #FFF; position: relative; overflow: hidden; background-position: center center; background-size: cover; margin-left: -15px; margin-right: -15px; }
.bio-banner .details { background: #1E384C; opacity: 0.7; height: 375px; padding-left: 40px; padding-top: 80px; width: 100%; }
.bio-banner .details h2 { font-size: 40px; }
.bio-banner .details h5 { font-size: 20px; }

@media (min-width: 768px) {
	.bio-banner { margin-top: 40px; margin-left: auto; margin-right: auto; /*background-position: center center;*/ }
	.bio-banner .details { width: 50%; }
	.bio-banner .details h2 { font-size: 48px; }
	.bio-banner .details h5 { font-size: 24px; }
}

@media (min-width: 992px) {
	.bio-banner .details { width: 43%; }
}

/* Transactions
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.transactions { width: 100%; }
.transactions .heading { width: 100%; }
.transactions .widget { width: 100%; padding: 4px 0; }
.transactions .widget .wrap { padding: 14px 4px 4px 4px; border: 1px solid #E8E8E8; height: 325px; position: relative; text-align: center; }
.transactions .widget .wrap p { color: #586370; font-family: 'SeroLight'; font-size: 16px; line-height: 20px; width: 100%; text-align: center; }
.transactions .widget .wrap p:first-child { min-height: 50px; }
.transactions .widget .wrap p:last-child { position: absolute; left: 0; bottom: 0; min-height: initial; }
.transactions .widget .wrap img { margin: 10px auto 20px; }
.transactions .widget .wrap img.small { width: 128px; height: auto; }
.transactions .widget .wrap.nav { padding: 0; }
.transactions .widget .wrap.nav span { display: block; width: 100%; height: 100%; line-height: 325px; }

.transactions .pending { margin-top: 10px; font-size: 14px; }
.transactions p sup { font-size: 14px; }

.businesses .transactions .widget .wrap p:first-child { min-height: 85px; }

/* this is temp hack until a real solution can be made */
.transactions .row { margin: 0 -4px; }
.transactions .row div[class^="col-"], 
.transactions .row div[class*=" col-"] { padding-right: 4px; padding-left: 4px; }
.transactions .row .no-r-gap { padding-right: 0 !important; }
.transactions .row .no-l-gap { padding-left: 0 !important; }
.no-edge { margin: 0 -15px; }

/* Locations
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.location { margin-bottom: 20px; }

/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
@media (min-width: 1280px) {
  .container-home { max-width: 100%; }
  .container-home .bucket-wrap { float: right; }
  .container-home .bucket-wrap.left { float: left; }
  .container-home .bucket { width: 640px; height: 450px; }
  .hide-at-1280 { display: block; }
  .show-at-1280 { display: none; }
}

@media (max-width: 1280px) {
  .container-home { max-width: 1280px; }
  .hide-at-1280 { display: none; }
  .show-at-1280 { display: block; }
}

@media (max-width: 992px) {
	.transactions .widgets .col .heading h3 br { display: none; }
	.transactions .widgets .col .widget .wrap p { font-size: 14px; line-height: 20px; }
  .bucket-wrap .bucket { padding: 0 40px; }
  .no-m-breaks br, .no-m-breaks br:after { content: ' '; }
}

@media (max-width: 768px) {

	.nav-tabs.lg > li > a { font-size: 16px; }
  
	h1 { font-size: 48px; }
	h3 { font-size: 28px; }
	.background .main [class*='col-'] h3 { font-size: 28px; }
	.background .main [class*='col-'] h5 { font-size: 20px; }
 
	.vAlignTop { margin-top: 10px; }
 
	.home-page { margin-top: 60px; }
	.home-page .slides { margin-left: 55px; }
	.home-page .slides h2 { font-size: 34px; }
  .home-page .widgets { margin: 50px 0 40px 0; }
  body.secondary .home-page { margin-top: 0; height: 304px; }
  body.secondary .home-page .slides h2 { font-size: 36px; }
  body.secondary .home-page .slides h5 { font-size: 20px; }

  body.secondary .header .vertical-devider-line span { height: 330px; }
	
	.header .header-main .left-logo-gap { margin-left: 55px; }
	.header .hamburger-icon-gap { width: 50px !important; }
	.header .vertical-devider-line { left: 50px; }
	.header .vertical-devider-line span { height: 380px; }
	
	.footer.absolute { padding-left: 20px; }
	.footer .footer-text { margin-bottom: 0; margin-top: 20px;}
	.footer .footer-text span { margin: 0 0 4px 0; display: block; font-size: 12px; line-height: 18px; }
	
	#fp-nav { display: none; }
	.fullpage .section .container h1 { font-size: 34px; }
	.fullpage .section .container p { padding-left: 30px; padding-right: 20px; font-size: 14px; margin-left: 0; margin-top: 20px}
  
	.transactions .widgets .heading h3 { font-size: 14px; }
	.transactions .widgets .widget { width: 100%; }
	.transactions .widgets .widget .wrap { height: 280px; }
	.transactions .widgets .widget .wrap p { font-size: 12px; line-height: 18px; }

  .bukcet-gaps { padding: 40px 0 5px 0; }
  .grid-col-half { width: 100%; }
  .full-sm-width { width: 100%; height: auto; }
  .bucket-wrap .bucket { padding: 25px 20px 30px 20px; }
  .heavier-weight-on-mobile,
  .heavier-weight-on-mobile p,
  #sidebar ul { font-family: 'SeroLight'; }
  #sidebar > ul > li > a { padding: 9px 0 4px 0; }
}

@media (max-width: 450px) {
  .hidden-on-mobile { display: none; }
  .shown-on-mobile { display: block; }
  .m-bio { margin-bottom: 40px; }
  .m-bio h2 { font-size: 38px; }
  .m-bio h5 { font-size: 20px; }
}