@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700,900,300italic,400italic,700italic,900italic);
@import url(https://fonts.googleapis.com/css?family=Droid+Sans:700);
@import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic);


/* ------------------------------------- START STICKY FOOTER STYLE ------------------------------------- */
html,
body {
  height: 100%;
  color: #5a5a5a;
  font-size: 16px;
  /* The html and body elements cannot have any padding or margin. */
}
html {
  overflow-y: scroll;
}

#wrap {
  min-height: 100%;
  height: auto;
}

#footer {
  background-color: #24343A;
  color: #FFF;
  font-size:16px;
}
/* ------------------------------------- END STICKY FOOTER STYLE ------------------------------------- */


/* ------------------------------------- START GENERAL STYLING ------------------------------------- */
body {
  font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;

}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
}
.no-top-margin {
	margin-top:0px;
}
.no-bottom-margin {
	margin-bottom:0px;
}
.caption-large {
	margin-top:7px;
}
.font-900 {
	font-weight:900;
}
.font-700 {
	font-weight:700;
}
.font-400 {
	font-weight:400;
}
/* ------------------------------------- END GENERAL STYLING ------------------------------------- */


/* ------------------------------------- START NAVBAR ------------------------------------- */
.navbar {
	margin-bottom: 0px;
}
.navbar-inverse .navbar-brand {
  color: #CCC;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
}
.navbar-inverse {
  background-color: #24343A;
  border-color: #24343A;
  font-weight:900;
  font-size:19px;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #CCC;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #CCC;
  background-color: #24343A;
}
.navbar-inverse .navbar-text {
  color: #FFF;
}
.navbar-inverse .navbar-nav > li > a {
  color: #FFF;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #ffffff;
  background-color: #24343A;
}
.dropdown-menu > li > a {
  font-size: 16px;
  font-weight: 400;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  background-color: #24343A;
  /* background-color: #428bca; */
  outline: 0;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #FFF;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #CCC;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #CCC;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-cvmop {
	background-color:#3C5661;
	background-image:url('graphics/cvmop_header_01.jpg');
	background-repeat:no-repeat;
}
@media (min-width: 768px) {
	.navbar-cvmop {
		height: 280px;
	}
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
/* ------------------------------------- END NAVBAR ------------------------------------- */


/* ------------------------------------- START MAIN PAGE FEATURE TEXT ------------------------------------- */
.purpose1 {
	font-family: 'Droid Serif', serif;
	font-size:26px;
	font-weight:400;
	font-style:italic;
}
.purpose2 {
	font-family: 'Droid Sans', sans-serif;
	font-size:28px;
	font-weight:700;
	font-style:normal;
}
.purpose3 {
	font-family: 'Droid Serif', serif;
	font-size:22px;
	font-weight:400;
	font-style:normal;
}
@media (min-width: 768px) {
	.purpose1 {
		font-size:29px;
	}
	.purpose2 {
		font-size:33px;
	}
	.purpose3 {
		font-size:25px;
	}
}
@media (min-width: 992px) {
	.purpose1 {
		font-size:32px;
	}
	.purpose2 {
		font-size:36px;
	}
	.purpose3 {
		font-size:28px;
	}
}
@media (min-width: 1200px) {

}
/* ------------------------------------- END MAIN PAGE FEATURE TEXT ------------------------------------- */


/* ------------------------------------- START MEDIA QUERIES FOR VARIOUS SCREEN SIZES ------------------------------------- */
/* --------------------------------- START PHONE (DEFAULT) --------------------------------- */
#wrap {
  /* Negative indent footer by its height */
  margin: 0 auto -183px;
  margin-top:50px;
  /* Pad bottom by footer height */
  padding: 0 0 183px;
}
#footer {
  height: 183px;
}
.lead {
	font-size:18px;
}
.lead-small {
	font-size:17px;
}
h1,
.h1 {
	font-size:34px;
}
h2,
.h2 {
	font-size:23px;
}
h3,
.h3 {
	font-size:19px;
}
.footer-left {
	text-align:center;
}
.footer-right {
	text-align:center;
}
.topmargin-xs {
	margin-top:20px;
}
.topmargin-sm {
	margin-top:30px;
}
.topmargin-md {
	margin-top:35px;
}
.topmargin-lg {
	margin-top:40px;
}
.topmargin-xl {
	margin-top:50px;
}
.bottommargin-xs {
	margin-bottom:20px;
}
.bottommargin-sm {
	margin-bottom:30px;
}
.bottommargin-md {
	margin-bottom:35px;
}
.bottommargin-lg {
	margin-bottom:40px;
}
.bottommargin-xl {
	margin-bottom:50px;
}
/* --------------------------------- END PHONE (DEFAULT) --------------------------------- */


/* --------------------------------- START TABLET --------------------------------- */
@media (min-width: 768px) {
	#wrap {
		margin-top:0px;
	}
	.lead {
		font-size:20px;
	}
	.lead-small {
		font-size:18px;
	}
	h1,
	.h1 {
		font-size:36px;
	}
	h2,
	.h2 {
		font-size:26px;
	}
	h3,
	.h3 {
		font-size:21px;
	}	
	.topmargin-xs {
		margin-top:20px;
	}
	.topmargin-sm {
		margin-top:30px;
	}
	.topmargin-md {
		margin-top:35px;
	}
	.topmargin-lg {
		margin-top:40px;
	}
	.topmargin-xl {
		margin-top:50px;
	}
	.bottommargin-xs {
		margin-bottom:20px;
	}
	.bottommargin-sm {
		margin-bottom:30px;
	}
	.bottommargin-md {
		margin-bottom:35px;
	}
	.bottommargin-lg {
		margin-bottom:40px;
	}
	.bottommargin-xl {
		margin-bottom:50px;
	}
}
/* --------------------------------- END TABLET --------------------------------- */


/* --------------------------------- START LAPTOP --------------------------------- */
@media (min-width: 992px) {
	#wrap {
		margin: 0 auto -87px;
		padding: 0 0 87px;
	}
	#footer {
		height: 87px;
	}
	.lead {
		font-size:21px;
	}
	.lead-small {
		font-size:19px;
	}
	h1,
	.h1 {
		font-size:40px;
	}
	h2,
	.h2 {
		font-size:30px;
	}
	h3,
	.h3 {
		font-size:24px;
	}
	.footer-left {
		text-align:left;
	}
	.footer-right {
		text-align:right;
	}
	.topmargin-xs {
		margin-top:35px;
	}
	.topmargin-sm {
		margin-top:45px;
	}
	.topmargin-md {
		margin-top:50px;
	}
	.topmargin-lg {
		margin-top:60px;
	}
	.topmargin-xl {
		margin-top:70px;
	}
	.bottommargin-xs {
		margin-bottom:35px;
	}
	.bottommargin-sm {
		margin-bottom:45px;
	}
	.bottommargin-md {
		margin-bottom:50px;
	}
	.bottommargin-lg {
		margin-bottom:60px;
	}
	.bottommargin-xl {
		margin-bottom:70px;
	}
}
/* --------------------------------- END LAPTOP --------------------------------- */


/* --------------------------------- START DESKTOP --------------------------------- */
@media (min-width: 1200px) {
	
}
/* --------------------------------- END DESKTOP --------------------------------- */
/* ------------------------------------- END MEDIA QUERIES FOR VARIOUS SCREEN SIZES ------------------------------------- */


/* ------------------------------------- START FANCYBOX ------------------------------------- */
.fancybox-error {
	font: inherit;
}
.fancybox-title {
	font: inherit;
	font-weight:400;
	color: #5a5a5a;
}
.col-fancybox {
	margin-top:15px;
}
.caption-fancybox {
	text-align:center;
	font-weight:300;
	font-size:15px;
}
/* ------------------------------------- END FANCYBOX ------------------------------------- */