/*
font-family: "proxima-nova",sans-serif;
regular 400 normal
bold 700 normal
*/

body { color:#4c4c4a; } /*padding-top: 90px;*/
a:focus, audio:focus,
button:focus,
input:focus,
textarea:focus, select:focus {
outline: none !important;
}
h1, h2, h3 ,h4, h5, h6, p { margin:0; padding:0;}

.header { position: fixed; width: 100%;	background: #ffffff; z-index: 10;}
main { padding:0 !important; margin:0 !important; width: 100%;}
.blackbg { background-color:#000}

.lightbg { background-color:rgba(0,0,0,0.05);}
.whitebg { background-color:#fff !important;}
.blacktxt { color: #000000;}
.whitetxt { color: #ffffff;}

.no-gutter > [class*='col-'] { padding-right:0; padding-left:0;}
.no-gutter > [class*='col-'] > img { padding-right:0; padding-left:0;}

.intro-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 1;
  background-color:rgba(0,0,0,0.8); background-size:cover;
}
#video-background {
/*  making the video fullscreen  */
  position: absolute;
  display: block;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: initial;
  height: auto;
  z-index: -1;
  margin: 0 auto;
  object-fit: cover;
  padding: 0;
}
.arrow-section {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
}
/*Intro*/
.arrow-down {
    margin: 0 auto;
    display: table;
    position: relative;
    top: 95%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	z-index: 3;
}
.intro-content {
    margin: 0 auto;
    display: table;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.backarrow a {font-size:20px; line-height:22px; color:#4c4c4a;}
.backarrow a:hover { color:#000;}

main { /*  clears fullscreen  */ position:absolute; top:100%;}

@media only screen and (max-width : 1200px) {
  .intro-section, .intro-context-section {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-index: 1;
  }
  .intro-section, .intro-context-section { background-position: center center; background-size: cover; background-repeat: no-repeat;}
  .intro-section { background-image: url(../images/home-thumb.jpg);}
  .intro-context-section { background-image: url(../images/home-thumb.jpg);}
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .intro-section { background-image: url(../images/m-home-thumb.jpg);}
  .intro-context-section { background-image: url(../images/m-home-thumb.jpg);}
}

@media only screen and (max-width : 992px) {
  .intro-section { background-image: url(../images/m-home-thumb.jpg);}
  .intro-context-section { background-image: url(../images/m-home-thumb.jpg);}
}

@media only screen and (max-width: 767px) {
  .arrow-down { top: 90%;}
}

/*Start main*/
p a:last-of-type {}

.centText { text-align:center; }
.centTextFoot { text-align:center; }
.rightText { text-align:right; }
.leftText { text-align:left; }

.pt10 { padding-top: 10px;}
.pt15 { padding-top: 15px;}
.pt20 { padding-top: 20px;}
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pt50 { padding-top: 50px;}
.pt60 { padding-top: 60px;}
.pt100 { padding-top: 94px;}
.pt150 { padding-top: 146px;}

.mt100 { margin-top: 94px;}

.pb20 { padding-bottom: 20px;}
.pb30 { padding-bottom: 30px;}
.pb40 { padding-bottom: 40px;}
.pb50 { padding-bottom: 50px;}
.pb60 { padding-bottom: 60px;}

.plr20 { padding-left: 20px;padding-right: 20px;}
.plr60 { padding-left: 60px;padding-right: 60px;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .pt60m { padding-top: 30px;}
  .foot-contacts .pt60m { padding-top: 60px;}
}
@media only screen and (max-width : 992px) {
  .centTextFoot { text-align:left; }
  .pt100m { padding-top: 100px;}
  .pt60m { padding-top: 40px;}
  .pt30m { padding-top: 30px;}
  .pt20m { padding-top: 20px;}
  .foot-contacts .pt20m { padding-top: 0;}
}
@media only screen and (max-width : 767px) {
  .intro-section .pt50 { padding-top: 25px;}
  .intro-section .pb50 { padding-bottom: 25px;}
  .centTextFoot { text-align:left; }
  .pt100 { padding-top: 50px;}
  .pt60 { padding-top: 30px;}
  .pt50 { padding-top: 25px;}
  .pt40 { padding-top: 20px;}
  .pt20m { padding-top: 20px;}
  .foot-contacts .pt20m { padding-top: 20px;}
  .pt25 { padding-top: 13px;}
  .mobpt20 { padding-top: 30px;}
  .pb40 { padding-bottom: 20px;}
  .pb50 { padding-bottom: 25px;}
  .intro .pb50 { padding-bottom: 25px;}
  .pb60 { padding-bottom: 30px;}
  .foot-contacts .pb70 { padding-bottom: 30px;}
}
@media only screen and (max-width: 480px) {
  .pt100 { padding-top: 50px;}
  .mobpt20 { padding-top: 30px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 370px) and (orientation : portrait) {
  .pt100 { padding-top: 50px;}
}

.main-hr hr { border: solid #000; border-width: 2px 0 0; clear: both; padding:0; margin-top: 0px; margin-bottom: 0px; height: 0; }
.divider { text-align: center; overflow: hidden; }
.divider:before, .divider:after { content: ""; display: inline-block; width: 50%; position: relative; vertical-align: bottom; border-bottom: 1px solid #333 }
.divider:before { right: 60px; margin-left: -50%; }
.divider:after { left: 60px; margin-right: -50%; }
/*spacer*/
.spacer-section { padding-top: 50px; text-align: center;}

h1, h1 a, h2, h2 a { font-family: 'Open Sans',sans-serif; font-weight:500; color:#333 !important;}
h2 span, h2 span a { font-family: monospace,monospace,sans-serif; font-weight:400; color:#fff !important;}
.intro-content h2 { color:#fff !important;}
.hero h2, .pullout h2 { color:#fff !important;}
h3, h3 a, .nav-tabs > li > a { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; color:#333 !important;}
h4, h4 a { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; letter-spacing: 1px; color:#333 !important;}
h5, h5 a, h5 a:hover { font-family: monospace,monospace,sans-serif; font-weight:400; font-weight:400; font-style:normal; color:#333 !important;}

.btn-default, .btn-info, .btn-primary { font-size: 12px !important; font-family: monospace,monospace,sans-serif; font-weight:400; text-transform:uppercase;}

p, li { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal; letter-spacing: 1px;}

.dropdown-menu { font-family: monospace,monospace,sans-serif; font-weight:400; font-style:normal;}

a, a:hover, .dropdown-menu { text-decoration: none;}
h3 a:hover { text-decoration: underline;}

h1 { font-size:22px; line-height:28px;}
h2 { font-size:26px; line-height:30px;}
h2 span, h2 span a { font-size:20px; line-height:32px;}
h3 { font-size:24px; line-height:28px;}
.home-section h3 { font-size:20px; line-height:25px;}
h4 { font-size:20px; line-height:25px;}
.overcaption h4, .overcaption h4 a, .overcaption h4 a:hover { font-size:20px; line-height:20px; text-transform:uppercase; color:#fff !important;}
.intro-content h4 { font-size:16px; line-height:16px; color:#fff !important;}
h5 { font-size:16px; line-height:24px; text-transform: none;}
p, li { font-size:18px; line-height:22px; color:#4c4c4a;}
p a, p a:hover { color:#333;}
.hero p, .pullout p, .intro-content p { font-size:18px; line-height:22px; color:#fff;}
.hero p span, .pullout p span, .pullout p span a, .intro-content p span { font-size:16px; line-height:24px; color:#ccc!important;}
.quote-section p span { font-size:16px; line-height:24px;color:#4c4c4a;}
p.p-link a { text-decoration: underline;}
p.p-link a:hover { color:#000!important; text-decoration: underline;}
li span { color:#333;}
li a, li a:hover { color:#333; text-decoration: none;}

ul { padding-left:25px;}
p em { font-style:italic;}
p strong { font-weight:700;}
.caps { text-transform:uppercase;}


@media only screen and (max-width: 767px) {
  h1 { font-size:20px; line-height:20px;}
  h2 { font-size:20px; line-height:24px;}
  h2 span, h2 span a { font-size:20px; line-height:25px;}
  h3 { font-size:18px; line-height:22px;}
  .home-section h3 { font-size:18px; line-height:22px;}
  p, li { font-size:16px; line-height:20px;}
  .hero p, .pullout p { font-size:16px; line-height:18px;}
}
@media only screen and (max-width: 480px) {
  h1 { font-size:20px; line-height:20px;}
  h2 { font-size:20px; line-height:24px;}
  h2 span, h2 span a { font-size:20px; line-height:25px;}
  h3 { font-size:18px; line-height:22px;}
  .home-section h3 { font-size:18px; line-height:22px;}
  p, li { font-size:16px; line-height:20px;}
  .hero p, .pullout p { font-size:16px; line-height:18px;}
}
@media only screen and (max-width : 320px) {
  h1 { font-size:20px; line-height:20px;}
  h2 { font-size:20px; line-height:24px;}
  h2 span, h2 span a { font-size:20px; line-height:25px;}
  h3 { font-size:18px; line-height:22px;}
  .home-section h3 { font-size:18px; line-height:22px;}
  p, li { font-size:16px; line-height:20px;}
  .hero p, .pullout p { font-size:16px; line-height:18px;}
}
@media only screen and (min-device-width : 320px) and (max-device-width : 370px) and (orientation : portrait) {
  h1 { font-size:20px; line-height:20px;}
  h2 { font-size:20px; line-height:24px;}
  h2 span, h2 span a { font-size:20px; line-height:25px;}
  h3 { font-size:18px; line-height:22px;}
  .home-section h3 { font-size:18px; line-height:22px;}
  p, li { font-size:16px; line-height:20px;}
  .hero p, .pullout p { font-size:16px; line-height:18px;}
}

@media (min-width: 1025px) {.vertical-align { display: flex; align-items: center; }}
.container-fluid .col-xs-1, .container-fluid .col-sm-1, .container-fluid .col-md-1, .container-fluid .col-lg-1,
.container-fluid .col-xs-2, .container-fluid .col-sm-2, .container-fluid .col-md-2, .container-fluid .col-lg-2,
.container-fluid .col-xs-3, .container-fluid .col-sm-3, .container-fluid .col-md-3, .container-fluid .col-lg-3,
.container-fluid .col-xs-4, .container-fluid .col-sm-4, .container-fluid .col-md-4, .container-fluid .col-lg-4,
.container-fluid .col-xs-5, .container-fluid .col-sm-5, .container-fluid .col-md-5, .container-fluid .col-lg-5,
.container-fluid .col-xs-6, .container-fluid .col-sm-6, .container-fluid .col-md-6, .container-fluid .col-lg-6,
.container-fluid .col-xs-7, .container-fluid .col-sm-7, .container-fluid .col-md-7, .container-fluid .col-lg-7,
.container-fluid .col-xs-8, .container-fluid .col-sm-8, .container-fluid .col-md-8, .container-fluid .col-lg-8,
.container-fluid .col-xs-9, .container-fluid .col-sm-9, .container-fluid .col-md-9, .container-fluid .col-lg-9,
.container-fluid .col-xs-10, .container-fluid .col-sm-10, .container-fluid .col-md-10, .container-fluid .col-lg-10,
.container-fluid .col-xs-11, .container-fluid .col-sm-11, .container-fluid .col-md-11, .container-fluid .col-lg-11,
.container-fluid .col-xs-12, .container-fluid .col-sm-12, .container-fluid .col-md-12, .container-fluid .col-lg-12 {
    position:relative; min-height:1px; padding-left:0; padding-right:0;
}
/*navbar*/
.navbar {
  margin: 0; border: none;
  -webkit-box-shadow: 0 7px 0px -6px #b5b1b1;
  -moz-box-shadow: 0 7px 6px -6px #b5b1b1;
  box-shadow: 0 7px 6px -6px #b5b1b1;
}
.navbar-fixed-top { border: none; }
.navbar-default {
  background-color: #ffffff;
  border-left:none; border-right:none;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  height: 99px;
}
.navbar-brand { float: left; padding-left:20px; padding-top:34px; height: 61px;}
.navbar-nav {float: right;}
.navbar-right { padding-right:15px; }
.navbar-nav li a { display: block; text-align: center;}
.navbar-default .navbar-nav>li>a {
  font-size: 16px; line-height: 18px; color: #333 ;
  font-family: monospace,monospace,sans-serif; font-weight:400;
  text-transform:uppercase; text-decoration: none; letter-spacing: 2px !important;
  padding: 0; padding-top: 40px; padding-bottom:5px; margin-left: 10px; margin-bottom:30px; margin-right: 10px;
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  background-color: #ffffff !important;
}
.navbar-default .navbar-nav>li>a:hover { background-color: transparent; border-bottom: 1px #333 solid; }
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover { background-color: transparent; border-bottom: 1px #333 solid;}
.navbar-default .navbar-nav>li>a:focus { background-color: transparent; border-bottom: 1px #333 solid;}
.navbar-default .navbar-collapse { border: none; box-shadow: none; margin: 0!important; max-height: none;}
.navbar-nav li a.current { border-bottom: 1px #333 solid !important;}

.dropdown-menu {
  padding: 0; padding-top: 15px; padding-bottom: 20px;
  margin: 0;
  list-style: none;
  text-align: left;
  border: none; border-radius: 0;
  -webkit-box-shadow: 0 7px 0px -6px #b5b1b1;
  -moz-box-shadow: 0 7px 6px -6px #b5b1b1;
  box-shadow: 0 7px 6px -6px #b5b1b1;
  background-clip: padding-box;
}
.dropdown-menu > li > a { color: #333 !important; border-bottom: 1px #ffffff solid; text-align: left; padding-top:5px; padding-left:11px; }
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus { background-color: #ffffff !important; }
.dropdown-menu > li > a:hover > span,
.dropdown-menu > li > a:focus span { color: #333 !important; padding-bottom:5px; border-bottom: 1px #333 solid;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image:none !important;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image:none !important;}
.navbar .nav > li.dropdown.open.active > a:hover,
.navbar .nav > li.dropdown.open > a { background-color: #ffffff !important; border-bottom: 1px #333 solid;}

.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 0px solid transparent;
  border-radius: 4px;
}
.navbar-toggle * {
	-ms-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.navbar-toggle {
	color: #fff;
	height: 22px; width: 22px;
	cursor: pointer;
	padding: 0px;
	border-radius: 0px;	border: none;
	background-color: transparent !important; background-image: none;
}
.navbar-toggle span {
	width: 20px; height: 2px;
	margin-bottom: 3px;
	background-color: #000000;
	display: block;
}
.navbar-toggle span.bar1 {
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
	-ms-transform-origin: 1px 3px;
	-webkit-transform-origin: 1px 3px;
  -moz-transform-origin: 1px 3px;
  -o-transform-origin: 1px 3px;
	transform-origin: 1px 3px;
	width: 24px;
}
.navbar-toggle span.bar2 {
	-ms-transform: rotate(-360deg) scale(0);
	-webkit-transform: rotate(-360deg) scale(0);
  -moz-transform: rotate(-360deg) scale(0);
  -o-transform: rotate(-360deg) scale(0);
	transform: rotate(-360deg) scale(0);
}
.navbar-toggle span.bar3 {
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-ms-transform-origin:9px 2px;
	-webkit-transform-origin: 9px 2px;
	transform-origin: 9px 2px;
	width: 24px;
}
.navbar-toggle.collapsed span.bar1,
.navbar-toggle.collapsed span.bar2,
.navbar-toggle.collapsed span.bar3,
.navbar-toggle.collapsed span.bar4 {
	-ms-transform: none;
	-webkit-transform: none;
	transform: none;
	width: 20px;
}
.navbar-toggle { float: right; margin-top: 18px;}

@media only screen and (min-device-width : 767px) and (orientation : portrait) {
  .navbar-default .navbar-nav>li>a { font-size: 14px; line-height: 16px; letter-spacing: 1px !important; margin-left: 8px; margin-right: 8px;}
  .dropdown-menu > li > a { font-size: 14px; line-height: 18px;}
}

@media only screen and (max-width:767px) {
  .navbar-header { float: right;}
  .navbar-default { height: 70px;}
  .navbar-brand { padding-top:16px; padding-left: 15px; height: 61px;}
  .navbar-default .navbar-nav>li>a { text-align: left; margin:0 !important; padding: 4px 10px; }
  .navbar > .container .navbar-brand { margin-left: 0px;}
  .navbar-left { float: none !important; }
  .navbar-right { float: none !important; }
  .navbar-right { padding-right:0; }

  .navbar-default .navbar-nav>li>a:hover { color: #ffffff; background-color: #000000 !important; border-bottom: 0; }
  .navbar-default .navbar-nav>.active>a,
  .navbar-default .navbar-nav>.active>a:focus,
  .navbar-default .navbar-nav>.active>a:hover { color: #ffffff; background-color: #000000!important;}
  .navbar-default .navbar-nav>li>a:focus { color: #ffffff; background-color: #000000!important;}

  .dropdown-menu { padding: 0; padding-top: 0px; padding-bottom: 0px; background-color: #ffffff !important;}

  .dropdown-menu > li > a { color: #000000 !important; text-align: left; padding-top:5px; padding-left:11px; border-bottom: 1px #fff solid;}
  .dropdown-menu > li > a:hover,
  .dropdown-menu > li > a:focus { background-color: #ffffff !important; border-bottom: 1px #000000 solid;}
  .dropdown-menu > li > a:hover > span,
  .dropdown-menu > li > a:focus span { color: #000000 !important; padding-bottom:5px; border-bottom: 1px #000000 solid;}
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image:none !important;}
  .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-image:none !important;}
  .navbar .nav > li.dropdown.open.active > a:hover,
  .navbar .nav > li.dropdown.open > a { color: #ffffff; background-color: #000000!important; border-bottom: 0;}
}
@media only screen and (max-width:481px) {
  .navbar-default .navbar-nav>li>a { text-align: left; margin:0 !important; padding: 10px;}
  .dropdown-menu > li > a { padding-top:5px; padding-left:11px;}
}

/*accordion*/
.panel-outer { background-color: transparent; width: 100%; z-index: 5000;}
.panel-title > a { text-decoration: none; }
.panel-group .panel { border-radius: 0; box-shadow: none; border: none; background-color: transparent; }
.panel-default > .panel-heading {padding: 0 ;border-radius: 0; border:none; color: #333;	background-color: transparent;}
.panel-default > .panel-heading + .panel-collapse > .panel-body { border: none;	}
.accordion-toggle:hover { text-decoration: none;}
.panel-heading .glyphicon { font-size:14px !important; color: #333; padding-bottom:2px;}
.panel-heading .glyphicon { vertical-align: text-top; padding-top:2px;}
.panel-body ul { padding-left:0}
.panel-body li { list-style-type: none;}
.panel-body ul.list-styled { padding-left:18px}
.panel-body ul.list-styled li { list-style-type: disc; padding-bottom:5px;}

/* featurepics*/
.featurepics { position:relative; overflow:hidden;}
.overcaption {
    position:absolute;
    top:0;
    right:0;
    background:rgba(0, 0, 0, 0.25);
    width:100%;
    height:100%;
    text-align: center;
    z-index:2;
}
.overcaption .captionlink {
  position: relative; text-align:center;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding:0 !important; margin:0 !important;
}
.overcaption .captionlink img { margin: 0 auto; display: table; position: relative;}
.overcaption:hover  {background:rgba(0, 0, 0, 0.65);}

/*parallax*/
.vc-parent { display: table; width: 100%; height: 100%; }
.hero { height: 650px; max-height: 650px; min-height: 650px; max-width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
.pullout { height: 550px; max-height: 550px; min-height: 550px; max-width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat;}

.parallax { background-attachment: fixed; }

.vc-child { display: table-cell; vertical-align: middle; }
/*firefox only hack*/
@-moz-document url-prefix() {
  .vc-child p img { width:100% !important; height:auto; padding-top:50px !important; padding-bottom:50px !important; }
  .hero { height: 550px !important; max-height: 550px; min-height: 550px !important; max-width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }
  .pullout { height: 550px !important; max-height: 550px; min-height: 550px !important; max-width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

}

@media only screen and (max-width : 1200px) {
.collapse.in { display: block !important; }
.hover-box { height: 270px; }
#page-top .intro-section { min-height: 400px; max-height:400px;}
.hero { height: 560px; max-height: 560px; min-height: 560px; max-width: 100%; background-position: center center; background-size: cover; background-repeat: no-repeat; }

.vc-child p img { width:40% !important; height:auto; }
}
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
#page-top .intro-section { min-height: 400px; max-height:400px;}
.hero { height: 280px; max-height: 280px !important; min-height: 280px;}
}
@media only screen and (max-width : 992px) {
#page-top .intro-section { min-height: 500px; max-height:500px;}
.hero { height: 280px; max-height: 280px; min-height: 280px;}
.hover-box { height: 280px; }
.vc-child p img { width:40% !important; height:auto; }
}

@media only screen and (max-width : 767px) {
.hover-box { margin-bottom: 20px; }
#page-top .intro-section { min-height: 360px; max-height:360px;}
.hero { height: 420px; max-height: 420px; min-height: 420px;}
.pullout { height: 420px; max-height: 420px; min-height: 420px;}
.vc-child p img { width:50% !important; height:auto; }
}
@media only screen and (max-width : 575px) {
.hover-box { margin-bottom: 20px; }
#page-top .intro-section { min-height: 360px; max-height:360px;}
.hero { height: 420px; max-height: 420px; min-height: 420px;}
.pullout { height: 320px; max-height: 320px; min-height: 320px;}
.vc-child p img { width:50% !important; height:auto; }
}
@media only screen and (max-width: 320px) {
#page-top .intro-section { min-height: 400px; max-height:440px;}
.hero { height: 420px; min-height: 420px; max-height: 420px; }
.pullout { height: 320px; max-height: 320px; min-height: 320px;}
.vc-child p img { width:60% !important; height:auto; }
}

/* vertical centre*/
.vcenter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 767px) {
  .vcenter { display: block;}
}

.map-route { padding-right: 20px; margin-left: 0; }
/*Google Map*/
.container > #map-canvas, .container-fluid > #map-canvas { margin-right: 0; margin-left: 0; }
#map-canvas { height: 760px; margin: 0; margin-top:0; padding-bottom:0;}
.marker-content { text-align: center; width: 180px; height:auto; margin: 5px; }
.marker-content b { font-size:15px; line-height: 16px;}
.Marker { color:red; text-align: center; width: 540px; margin: 10px; }
  #legend { background: #fff; margin: 10px; padding: 10px; border: 3px solid #999; display:none; }
  #legend h3 { color:#9f9d91; margin-top: 0; }
  #legend { font-size:16px; color:#9f9d91; }
  #legend img { vertical-align: middle; padding-bottom:4px; padding-right:4px; }

@media only screen and (max-width: 767px) {
  #map-canvas { height: 760px; margin: 0; margin-top:0; padding-bottom:0;}
}

/*Footer Styles*/
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome; font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
 opacity: .85;
}
.fa:hover { opacity: 1;}
.fa-twitter-square, .fa-facebook-square, .fa-linkedin-square, .fa-instagram, .fa-external-link-square  { font-size:30px; line-height:35px; opacity: .85; color:#333;}
p.footnote { font-size:12px; line-height:12px; color:#333; text-transform: none;}
p.footnote img { margin: 0 auto; display: table; position: relative;}



@-moz-document url-prefix() { fieldset { display: table-cell; }}