/* Begin */
@font-face
{
  font-family: MYRIADPROREGULAR;
  src: url(font/MYRIADPRO-REGULAR.OTF);
}
@font-face
{
  font-family: MYRIADPROBOLD;
  src: url(font/MYRIADPRO-BOLD.OTF);
}
@font-face
{
  font-family: Centurygothic;
  src: url(font/Centurygothic.ttf); 
}  
@font-face
{
  font-family: Gothicbold;
  src: url(font/Gothicbold.ttf);  
}
body
{
font-family: "Centurygothic", Tahoma, Times, serif;
}	
/* Header */
.bar
{
background-color: #4b8cca;
color: #ffffff;
padding:5px;
}
.phone
{
	padding-right:2%;
}
.mail
{
	padding-right:2%;
}
#width-max
{
	width:100%!important;
}
/* Heading */
.mainheading
{
font-family: "MYRIADPROBOLD", Tahoma, Times, serif;
font-family:2.45em;
}
.subheading
{
font-family: "MYRIADPROBOLD", Tahoma, Times, serif;	
font-size:1.75em;
color:#ffffff;
}
.subheadings
{
font-family: "MYRIADPROBOLD", Tahoma, Times, serif;	
font-size:1.75em;
color:#035aaa;	
}
a.icon:hover, a.icon:active, a.icon:link {
  color: #ffffff;
}
.menu
{
	font-family: "Gothicbold", Tahoma, Times, serif;
	font-size:1.2em;
}
.menu a:link {
  color: #4b8cca!important;
  background-color: transparent;
  text-decoration: none;
}

.menu a:visited {
  color: #4b8cca!important;
  background-color: transparent;
  text-decoration: none;
}

.menu a:hover {
  color: #000000!important;
  background-color: transparent;
  text-decoration: underline;
}

.menu a:active {
  color: #000000!important;
  background-color: transparent;
  text-decoration: underline;
}
.bgaboutus
{
	font-family: "Centurygothic", Tahoma, Times, serif;
	background-color: #035aaa;
	color:#ffffff;
}
.bgwhy
{
	font-family: "Centurygothic", Tahoma, Times, serif;
	background-color: #4b8cca;
	color:#ffffff;
}
.bgplan
{
	font-family: "Centurygothic", Tahoma, Times, serif;
	background-color: #035aaa;
	color:#ffffff;
}
.btn-custom 
{
	background-color: #035aaa;
	color:#ffffff;
}
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open>.dropdown-toggle.btn-custom {
  color: #4b8cca;
  text-decoration: none;
}
/* footer */
.bgfooter
{
background-color: #4b8cca;
color: #ffffff;
padding-top:1.2em;
padding-bottom:0.6em;	
}
.bgfooter a:link {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}

.bgfooter a:visited {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}

.bgfooter a:hover {
  color: #000000;
  background-color: transparent;
  text-decoration: underline;
}

.bgfooter a:active {
  color: #ffffff;
  background-color: transparent;
  text-decoration: underline;
}

.photo-gallery {
  color:#313437;
  background-color:#fff;
}

.photo-gallery p {
  color:#7d8285;
}

.photo-gallery h2 {
  font-weight:bold;
  margin-bottom:40px;
  padding-top:40px;
  color:inherit;
}
/* Responsive */
@media all and (min-device-width: 320px) and (max-device-width: 767px) { 
.logo
{
	padding-top:0.5%;
}
.button
{
	padding-top:1.75%;
	margin:1%;
}
.menu
{
	padding-top:2%;
}
.mobile
{
	display:block;
}
.desktop
{
	display:none;
}
}
@media (max-width:767px) {
  .photo-gallery h2 {
    margin-bottom:25px;
    padding-top:25px;
    font-size:24px;
  }
}

.photo-gallery .intro {
  font-size:16px;
  max-width:500px;
  margin:0 auto 40px;
}

.photo-gallery .intro p {
  margin-bottom:0;
}

.photo-gallery .photos {
  padding-bottom:20px;
}

.photo-gallery .item {
  padding-bottom:30px;
}
@media all and (min-device-width: 768px) and (max-device-width: 1023px) { 
.logo
{
	padding-top:0.5%;
}
.button
{
	padding-top:2.1%;
}
.menu
{
	padding-top:1.2%;
}
}
@media all and (min-device-width: 1024px) and (max-device-width: 1365px) { 
.logo
{
	padding-top:0.33%;
}
.phone
{
	padding-right:2%;
}
.mail
{
	padding-right:2%;
}
.button
{
	padding-top:2.7%;
}
.menu
{
	padding-top:1.1%;
}
}
@media all and (min-device-width: 1366px) and (max-device-width: 1600px) { 
.logo
{
	padding-top:0.0%;
}
.phone
{
	padding-right:2%;
}
.mail
{
	padding-right:2%;
}
.button
{
	padding-top:2.75%;
}
.menu
{
	padding-top:1.55%;
}
}
@media all and (min-device-width: 1601px) and (max-device-width: 1920px) { 
.logo
{
	padding-top:0.0%;
}
.phone
{
	padding-right:2%;
}
.mail
{
	padding-right:2%;
}
.button
{
	padding-top:2.5%;
}
.menu
{
	padding-top:1.25%;
	padding-left:7%;
}
}
@media all and (min-device-width: 1921px) and (max-device-width: 2560px) { 
.logo
{
	padding-top:0.0%;
}
.phone
{
	padding-right:2%;
}
.mail
{
	padding-right:2%;
}
.button
{
	padding-top:2.1%;
}
.menu
{
	padding-top:1.1%;
	padding-left:7%;
}
}
@media all and (min-device-width: 2561px) and (max-device-width: 3840px) { 
.logo
{
	padding-top:0.0%;
}
.phone
{
	padding-right:2%;
}
.mail
{
	padding-right:2%;
}
.button
{
	padding-top:1.75%;
}
.menu
{
	padding-top:0.85%;
	padding-left:7%;
}
}
/* End */
