@charset "utf-8";
/* CSS Document */

/*
html .collapse{
	font-family: 'Open Sans', sans-serif;
}
*/

html .collapse{
	font-family: 'Montserrat', sans-serif;
}

/*
h1,h2,h3,h4 { font-family: 'Open Sans', sans-serif; font-weight: 400; }
p,a, ol, li	{ font-family: 'Open Sans', sans-serif; font-size:1.11em;}	
*/

/*
h1,h2,h3,h4 { font-family:'Conv_GothamBold',Sans-Serif; }
p,a, ol, li	{ font-family:'Conv_GothamBook',Sans-Serif; }	
*/

h1 { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:2.5em;}
h2, h4 { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:2em;}
h3 { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:1.8em;}
p, li, form, button, blockquote, table  { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:1em;}


.dropdown-menu>li>a, .navbar-inverse .navbar-nav>li>a  { font-family: 'Montserrat', sans-serif; font-weight:500; font-size:1.1em;}

.mainlogo {
	font-family: 'Playfair Display', serif;
}


ol.lowerroman {list-style-type: lower-roman;}
ol.loweralpha {list-style-type: lower-alpha;}



/* form mail error message */
.help-block {
	font-size:1em;
}
/* form mail error message */

.navbar-brand {
	font-weight:600;
	margin: 0;
	padding: 0;
}


.navbar-container-background {
	/* background color for navbar-inverse */
	 background-color: #001a33;
}


.footer {
	/* background-color:#000; */
	background-color:#001a33;
	border-color:#e7e7e7;
	padding-top:30px;
	color:#777777;
}

.zero-margin {
	margin-top: 0px;
}

.zero-margin-absolute {
	margin: none;
	padding: none;
	padding-bottom: 0px;
}
.top-bottom-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.top-bottom-5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.top-90 {
	margin-top: 90px;
}

.top-minus-10{
	margin-top:-10px;
}

.top-minus-5{
	margin-top:-5px;
}


.no-padding{
	padding:0px;
}

.padding-20{
	padding: 20px;
}

.padding-50{
	padding:50px;
}

.padding-80{
	padding:80px;
}

.two-section-padding{
	padding: 50px 80px 50px 80px;
}

.left-right-80{
	padding-left:80px;
	padding-right:80px;
}


.col-top-right-80{
	padding: 80px 80px 0px 0px;
}

.bottom-left-80{
	padding: 0px 0px 80px 80px;
}


.col-right-80{
	padding: 0px 80px 0px 0px;
}


body {
	/* margin: 50px 0 0;  */
	margin: 0px 0 0;
	overflow-x: hidden;
	/* padding-top:70px;*/  /* hide this in under construction mode */
}


.text-centered-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


.text-block {
    display: inline-block;
    width: 60%;
    /* border: 1px solid #000; */
	background-color:hsla(0,0%,100%,0.70);
    text-align: center;
	padding:10px;
}

/* jumbotron */

.jumbotronbg01{
	background-image:url(../images/jumbo-01.jpg);
	min-height: 250px;
	min-width:100%;	
}


.jumbotronbg02{
	background-image:url(../images/jumbo-02.jpg);
	min-height: 250px;
	min-width:100%;	
}


.jumbotronbg03{
	background-image:url(../images/jumbo-03.jpg);
	min-height: 250px;
	min-width:100%;	
}


.jumbotronbg04{
	background-image:url(../images/jumbo-04.jpg);
	min-height: 250px;
	min-width:100%;	
}


.jumbotronbg05{
	background-image:url(../images/jumbo-05.jpg);
	min-height: 250px;
	min-width:100%;	
}


.jumbotronbg06{
	background-image:url(../images/jumbo-06.jpg);
	min-height: 250px;
	min-width:100%;	
}

.jumbotronbg07{
	background-image:url(../images/jumbo-07.jpg);
	min-height: 250px;
	min-width:100%;	
}


.jumbotronbg08{
	background-image:url(../images/jumbo-08.jpg);
	min-height: 250px;
	min-width:100%;	
}

.jumbotronbg12{
	background-color: rgba(245, 245, 245, 0.9);
	min-height: 250px;
	min-width:100%;	
}

.jumbotronbg-full{
	background-image:url(../images/img027.jpg);
	background-position:center;
	min-height: 100vh;
	margin-bottom:0px;
}



/* sets the height to full screen */
.min-height-100{
		min-height: 100vh;
}

.min-height-50{
		min-height: 50vh;
}

.container-fluid{
	 padding-right: 0; /*15px in bootstrap.css*/
     padding-left: 0;  /*idem*/
     margin-right: auto;
     margin-left: auto;
}

.jumbotron {
	   border-radius: 0 !important;
}


/* align text center */

.text-center-page {
    text-align: center;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	width: 70%;
	padding-left:10px;
	padding-right:10px;
  }


.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

.vcenter {
/*    display: inline-block; */
	 position: absolute;
	top: 50%;
	left: 50%
	transform: translate(-50%,-50%);
}


.vtop {
    display: inline-block;
    vertical-align: top;
    float: none;
}


.text-indent {
	padding-left: 1.3em;
    text-indent:-1.2em;
}

.bullet-indent {
	padding-left: 4.5em;
}


/* navbar */
.navbar { font-family: 'Open Sans', sans-serif !important;}




/* bigger font size */

.big-font {
	font-size: 1.5em;
}

.jumbotron p {
	font-size: 1.2em;
}

.white-font{
	color:#FFF;
}

.font-orange{
	color:#F60;
}

.font-green{
	color:#6C0;
}

.font-blue{
	color:#00B3FF;
}

.font-yellow{
	color:#fbb040;
}

.text-glow {
    text-shadow: 1px 1px 2px #000000;
}


.text-danger {
	color: #FF0000;
}

.well {
   background-color: rgba(245, 245, 245, 0.4);
   border-radius: 0 !important;
   border:none;
}

.well-white {
   background-color: rgba(245, 245, 245, 0.95);
   border-radius: 0 !important;
   border:none;
   padding-top:10px;
   margin-top:10px;
   margin-bottom:30px;
}


.well-white02 {
   background-color: rgba(255, 255, 255, 0.7);
   border-radius: 0 !important;
   border:none;
   padding-top:10px;
   margin-top:10px;
   margin-bottom:30px;
}



.well-grey {
   background-color: rgba(13, 13, 13, 0.5);
   border-radius: 0 !important;
   border:none;
   padding-top: 20px;
   padding-bottom: 20px;
   margin-top:10px;
   margin-bottom:30px;
}


.well-grey02 {
   background-color: rgba(13, 13, 13, 0.7);
   border-radius: 0 !important;
   border:none;
   padding-top: 10px;
   padding-bottom: 20px;
   padding-left:30px;
   padding-right:40px;
   margin-top:10px;
   margin-bottom:30px;
   
}

.grey-screen {
   background-color: rgba(13, 13, 13, 0.7);
   /*height: 100vh; */
   width: 100%;
}

.grey-screen02 {
   background-color: rgba(13, 13, 13, 0.2);
   /*height: 100vh; */
   width: 100%;
}

.grey-screen03 {
   background-color: rgba(13, 13, 13, 0.5);
   /*height: 100vh; */
   width: 100%;
}

.grey-screen04 {
   background-color:hsla(0,0%,0%,0.25);
   /*height: 100vh; */
   width: 100%;
}

.grey-screen05{
   background-color:hsla(0,0%,0%,0.75);
   /*height: 100vh; */
   width: 100%;
}


.grey-screen06{
   background-color:hsla(0,0%,0%,0.50);
   /*height: 100vh; */
   width: 100%;
}


.grey-screen07{
   background-color:hsla(0,0%,0%,0.60);
   /*height: 100vh; */
   width: 100%;
}



.grey-screen10{
   background-color:hsla(0,0%,100%);
   padding: 20px;

}


.blue-screen01{
   background-color:hsla(212,93%,11%,0.75);
   /*height: 100vh; */
   width: 100%;
}


.blue-screen02{
   background-color: hsla(209,100%,10%,0.85);
   /*height: 100vh; */
   width: 100%;
}



.well-large {
   background-color: rgba(13, 13, 13, 0.7);
   border-radius: 0 !important;
   border:none;
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh;

} 


hr {
  max-width: 50px;
  border-width: 3px;
  /* border-color: #F60; */
  /* border-color: #004472; */
  border-color:#fbb040;
  border-color:#6DC9FC;
}

.long-line {
  max-width: 100%;
  border:0;
  border-top: 1px;
  border-style:solid;
  border-color: #eee;
  /* border-color: #F60; */
}


.justify-center {
	text-align: justify; text-align-last: center;
}


/* table header */
.thead-dark{
	color:#fff;
	background-color:#212529;
}
/* table header */


/* background colour */

.background-orange {
	background-color: #fbb040;
}

/* background colour */


/* button */

.btn.outline {
	background: none;
	padding: 12px 22px;
}


.btn-primary.outline {
	border: 2px solid #0099cc;
	color: #0099cc;
}

.black-hr-line {
	border-color:#333;
}


.background02 {
	background-image:url(../images/img002.jpg);
	background-position:center;
}


.background03 {
	background-image:url(../images/img003.jpg);
	background-position:center;
}


.background07 {
	background-image:url(../images/img007.jpg);
	background-position:center;
}


.background09 {
	background-image:url(../images/img009.jpg);
	background-position:center;
}


.background17 {
	background-image:url(../images/img017.jpg);
	background-position:center;
}


.background21 {
	background-image:url(../images/img021.jpg);
	background-position:center;
}


.background22 {
	background-image:url(../images/img022.jpg);
	background-position:center;
}


.background25 {
	background-image:url(../images/img025.jpg);
	background-position:center;
}


.background29 {
	background-image:url(../images/img029.jpg);
	background-position:center;
}

.background30 {
	background-image:url(../images/img030.jpg);
	background-position:center;
}

.background31 {
	background-image:url(../images/img031.jpg);
	background-position:center;
}

.background32 {
	background-image:url(../images/img032.jpg);
	background-position:center;
}




.wrapper{
    background-image:url(../images/img007.jpg);
	background-position:center;
}

.top-container{
	margin-top: 90px;
}

.top-container-40{
	margin-top: 40px;
}


/* ordered list */

.roman-list {
    list-style-type:lower-roman;
}


/* unordered list */

ul {
	margin-left:-20px;
}



/* ======= background color ====== */
.grey-bg01{
	background-color:#333;
}


footer{
	background-color:#333;
	color:#999;
}

/* =========== test area ============ */
#background-video {
    position: absolute;
    top:0;
    left:0;
    z-index: -999;
    width: 100%;
    height: 100%;
}


/* =========== test area ============ */




/*====== columns ========= */

/* centered columns styles */
.row-centered {
    text-align:center;
}


.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	/*padding: 10px;*/
	vertical-align:middle;
}

.col-centered-vertical-top {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	padding: 10px;
	vertical-align:top;
}

.col-centered-vertical-top-padding-30 {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
	padding: 30px;
	vertical-align:top;
}




.pull-right {
	vertical-align: middle;
	float:none;
}

.pull-left {
	top: 50%;
}



/* ======= navbar height ========== */

.navbar .container  { 
	min-height: 83px;
	padding-top: 1em;
}


/* for transparent effect
.navbar {
	 background-color: rgba(13, 13, 13, 0.7); 
}
*/


/* ======= navbar height ========== */





/* back to top */

.back-to-top {
	border-radius: 50%;
	width: 60px;
    height: 60px;
	padding-top:15px;

	text-align:center;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display:none;
}

/* back to top */



.btn-primary {
	background-color:#004472;
	border-color:#004472;
	/*
	background-color: #F60;
	border-color: #F60;
	*/
}


.btn-primary:hover {
	background-color: #B84200;
	border-color: #B84200;
}


.btn-success:active:focus {
  background-color: #F60; 
  border-color: #F60;
}


.btn-dark {
	background-color: #000;
	border-color: #F60;
	color: #FFF;
}


.btn-dark:hover {
	background-color: #B84200;
	border-color: #B84200;
	color:#FFF;
}


.btn-dark:success:active:focus {
  background-color: #F60; 
  border-color: #F60;
  color:#fff;
}


/* ====== customized button === */

/*
.btn-primary, .btn-primary:hover, .btn-primary:active, .btn-primary:visited {
    background-color: #8064A2 !important;
}
*/

/* ====== customized button === */


.page-header{
	margin-top:0px;
}


.border-right {
    border-right: 1px solid #ddd;
}
.borders {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: -1px;
}
.border-left {
    border-left: 1px solid #ddd;
}


/* ====== navigation bar fades ==== */
/* .navbar-fixed-top { background-color: rgba(5, 5, 5, 0.7);transition: background-color 2s ease 0s;}
/* .navbar-fixed-top.opaque { background-color: rgba(5, 5, 5, 1);transition: background-color 2s ease 0s;}
/* ====== navigation bar fades ==== */


/* remove this for fading navigation */
.navbar-inverse { 
	background-color:#000000;
}


.col-xs-12{
	text-align:left;
}



/* hide for mobile */

.hidden-lg {
  @media (min-width: @screen-md-min) and (max-width: @screen-lg-max) {
    .responsive-invisibility();
  }
}


.hidden-md {
  @media (min-width: @screen-md-min) and (max-width: @screen-md-max) {
    .responsive-invisibility();
  }
}


.hidden-sm {
  @media (min-width: @screen-sm-min) and (max-width: @screen-sm-max) {
    .responsive-invisibility();
  }
}

.hidden-xs {
  @media (max-width: @screen-xs-max) {
    .responsive-invisibility();
  }
}


.mobile-margin { 
	margin-top: 50px;
}



/* dropdown nav on mobile */
@media (max-width: 767px){
	.navbar-nav > li > a {
    line-height: 20px;
	margin-top:0;
	}
}

@media (max-width: 767px){
	.navbar-brand {
	width: 270px;
	vertical-align:middle;
	margin-top: 5px;
	}
}

/* dropdown nav on mobile */


/* hide for mobile */

@media (max-width: 767px) {
    .col-xs-12 { 
	/* padding:30px 50px 30px 50px;*/
	}
	
	.col-xs-pull-6 {
    right: 0%;
	}
	.col-xs-push-6 {
    left: 0%;

}






/* mousey */
.scroll-downs {
  position: absolute;
  top: 85%;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  
  width :34px;
  height: 55px;
}
.mousey {
  width: 3px;
  padding: 10px 15px;
  height: 35px;
  border: 2px solid #fff;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
}
.scroller {
  width: 3px;
  height: 10px;
  border-radius: 25%;
  background-color: #fff;
  animation-name: scroll;
  animation-duration: 2.2s;
  animation-timing-function: cubic-bezier(.15,.41,.69,.94);
  animation-iteration-count: infinite;
}
@keyframes scroll {
  0% { opacity: 0; }
  10% { transform: translateY(0); opacity: 1; }
  100% { transform: translateY(15px); opacity: 0;}
}

/* mousey */



.truncate-ellipsis {
    display: table;
    table-layout: fixed;
    width: 100%;
    white-space: nowrap;
}
 
.truncate-ellipsis > * {
    display: table-cell;
    overflow: hidden;
    text-overflow: ellipsis;
}


/* pages */







/* xs < 768 */
@media screen and (max-width: 767px) {
    body {
        font-size: 1.19em;
    }
}

/* sm */
@media screen and (min-width: 768px) {
    body {
        font-size: 1em;
    }
}

/* md */
@media screen and (min-width: 992px) {
    body {
        font-size: 0.9em;
    }
}

/* lg */
@media screen and (min-width: 1200px) {
    body {
        font-size: 1.2em;
    }
}



/* blockquote */
blockquote{
    border-left:none;
}

.quote-badge{
    background-color: rgba(0, 0, 0, 0.2);   
}

.quote-box{
    
    overflow: hidden;
    margin-top: -50px;
    padding-top: -100px;
    border-radius: 17px;
	border-style:solid;
	border-color:#F60;
    /*background-color: #F60;*/
    margin-top: 25px;
    color:white;
    width: 325px;
    /* box-shadow: 2px 2px 2px 2px #E0E0E0; */    
}


.quotation-mark{
    
    margin-top: -10px;
    font-weight: bold;
    font-size:100px;
    color:white;
    font-family: "Times New Roman", Georgia, Serif;
    
}

.quote-text{
    
    font-size: 19px;
    margin-top: -65px;
}

.blog-post-bottom {
	font-size:0.8em;
}
/* blockquote */


.center {
    margin: auto;
    width: 50%;
    /* border: 3px solid green;*/
    padding: 10px;
}




/* min height for thumbnail */

.min-height-thumbnail {
	min-height: 380px;
}


/* min height for thumbnail */




/* form */

.jf-form{
  margin-top: 28px;
}

.jf-form > form{
  margin-bottom: 32px;
}

.jf-option-box{
  display: none;
  margin-left: 8px;
}

.jf-hide{
  display: none;
}

.jf-disabled {
    background-color: #eeeeee;
    opacity: 0.6;
    pointer-events: none;
}

/* 
overwrite bootstrap default margin-left, because the <label> doesn't contain the <input> element.
*/
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
  position: absolute;
  margin-top: 4px \9;
  margin-left: 0px;
}

div.form-group{
  padding: 8px 8px 4px 8px;
}

.mainDescription{
  margin-bottom: 10px;
}

p.description{
  margin:0px;
}

p.error, p.validation-error{
  padding: 5px;
}

p.error{
  margin-top: 10px;
  color:#a94442;
}

p.server-error{
  font-weight: bold;
}

.jf-copyright{color: #888888; display: inline-block; margin: 16px;display:none;}

.form-group.required .control-label:after {
    color: #dd0000;
    content: "*";
    margin-left: 6px;
}

.submit .btn.disabled, .submit .btn[disabled]{
  background: transparent;
  opacity: 0.75;
}

/* for image option with span text */
.checkbox label > span, .radio label > span{
  display: block;
}

.form-group.inline .control-label,
.form-group.col-1 .control-label,
.form-group.col-2 .control-label,
.form-group.col-3 .control-label
{
  display: block;
}

.form-group.inline div.radio,
.form-group.inline div.checkbox{
  display: inline-block;
}

.form-group.col-1 div.radio,
.form-group.col-1 div.checkbox{
  display: block;
}

.form-group.col-2 div.radio,
.form-group.col-2 div.checkbox{
  display: inline-flex;
  width: 48%;
}

.form-group.col-3 div.radio,
.form-group.col-3 div.checkbox{
  display: inline-flex;
  width: 30%;
}

.clearfix:after {
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}


/* form */



/* card */
.card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
    border-radius: 5px; /* 5px rounded corners */
	margin-top:30px;
}

/* On mouse-over, add a deeper shadow */
.card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


/* Add rounded corners to the top left and the top right corner of the image */
.imgcard {
    border-radius: 5px 5px 0 0;
}

/* card */


.cardcontainer {
	margin: 20px;
	padding-bottom:10px;
	min-height:100px;
}


/* clip image */

.img-clip {
    /*position: absolute;*/
    clip: rect(0px,20px,100px,0px);
}


/*image gallery thumbnail */
.thumb-bottom {
	padding-bottom:3px;
}

/*image gallery thumbnail */

/* hide form copyright */
.jf-copyright {
	display: none !important;
}
/* hide form copyright */