@font-face { 
    font-family: "EuropeExt"; 
    src: url('fonts/EuropeExt-Bold.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/EuropeExt-Bold.woff') format('woff'), 
	     url('fonts/EuropeExt-Bold.ttf')  format('truetype');
}
@font-face { 
    font-family: "Europe"; 
    src: url('fonts/Europe-Bold.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/Europe-Bold.woff') format('woff'), 
	     url('fonts/Europe-Bold.ttf')  format('truetype');
}
@font-face { 
    font-family: "FranklinGothic Book";
    src: url('fonts/FRABK.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/FRABK.woff') format('woff'), 
	     url('fonts/FRABK.ttf')  format('truetype');
}
@font-face { 
    font-family: "FranklinGothic Demi"; 
    src: url('fonts/framd.eot?#iefix') format('embedded-opentype'), 
	     url('fonts/framd.woff') format('woff'), 
	     url('fonts/framd.ttf')  format('truetype');
}
.videoWrapper {
	position: relative;
	padding-bottom: 50%;
	padding-top: 25px;
	height: 0;
	margin-bottom: 20px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.playbutton {
    position: absolute; width: auto; height: 70%; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; -webkit-filter: brightness(90%); filter: brightness(90%); transition: filter 0.2s ease
}
.videopopup {
    position: relative; display: block;
}
.videopopup:hover .playbutton {
    -webkit-filter: none; filter: none;
}
.navbar { font-size: 9pt; padding: 0; }
.navbar-brand {padding: 0px; height: 120px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
.navbar-collapse ul li { padding-top: 38px; -webkit-transition: padding-top 0.3s; -moz-transition: padding-top 0.3s; -ms-transition: padding-top 0.3s; -o-transition: padding-top 0.3s; transition: padding-top 0.3s; }
.navbar-toggle { border: 0px; border-radius: 0px; margin-top: 32px; -webkit-transition: margin-top 0.3s; -moz-transition: margin-top 0.3s; -ms-transition: margin-top 0.3s; -o-transition: margin-top 0.3s; transition: margin-top 0.3s; }
.smaller .container .navbar-header .navbar-brand{
    height: 90px;
}
.smaller .container .navbar-collapse ul li{
    padding-top: 24px;
}
.smaller .container .navbar-header .navbar-toggle{
    margin-top: 24px;
}
.navbar-brand img {
  height: 100%;
  width: auto;
  margin-left: 30px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .navbar .container .navbar-header .navbar-brand{
        height: 90px;
    }
    .navbar .container .navbar-collapse ul li{
        padding-top: 24px;
    }
    .navbar .container .navbar-header .navbar-toggle{
        margin-top: 24px;
    }
}
.anchor { display: block; position: relative; top: -60px; visibility: hidden; }
.navbar a { font-family: "Europe"; }
.navbar-collapse{ border: none; box-shadow: none; }
.triangles {  background-image: url("img/triangles.png"); background-repeat: repeat; min-height: 640px; background-size: 500px 500px; }
.triangles h1 { text-align: center; padding-top: 290px; padding-bottom: 0px; margin-bottom: 0px;  font-family: "EuropeExt"; font-size: 48pt; }
.triangles h2 { text-align: center; padding-top: 10px; font-family: "EuropeExt"; font-size: 16pt; line-height: 1.6; }
.triangles img { display: block; margin: auto; }
.triangles a { display: block; margin-top: 70px; }

.graph { min-height: 200px; background-color: #535662; }
.graph h3 { font-family: "Europe"; color: #fff; font-size: 16pt; line-height: 1.4; margin-top: 80px; margin-bottom: 20px; }
.graph p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 12pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; }
.graph h4 { font-family: "Europe"; color: #fff; font-size: 16pt; line-height: 1.4; margin-top: 60px; margin-bottom: 20px; }
.graph ol { padding-left: 0px; font-family: "Europe"; color: #fff; font-size: 12pt;}
.graph li p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 12pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; }
.diagram img{ margin: auto; margin-top: 100px; }
.dashedline{ border-top: 6px dashed #FFF; margin-top: 80px; }

.prog { min-height: 200px; background-color: #535662; padding-bottom: 40px; }
.prog h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 40px; line-height: 1.4; }
.prog h1 { text-align: center; font-family: "EuropeExt"; font-size: 28pt; line-height: 1.4; }
.prog h4 {  font-family: "Europe"; color: #fff; margin-bottom: 20px; font-size: 14pt; text-align: center; line-height: 1.4; }
.prog .panel-body{ padding: 20px !important; padding-top: 0px !important; border: 0px !important; outline: 0px !important; background-color: #DDDFDE; }
.prog .panel-body .vis{ min-height: 480px; }
.prog .panel .panel-default { border: 0px !important; outline: 0 !important; }
.prog .btn { display: block; padding: 0px; margin: auto; width: 280px; height: 50px; font-family: "EuropeExt"; font-size: 12pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }
.prog .btnd { text-align: left; color: #fff; padding: 0px; font-family: "Europe"; font-size: 12pt; border-radius: 0; border: 0; outline: 0 !important; }
.prog p{ font-family: "FranklinGothic Book"; font-size: 12pt; line-height: 1.2; white-space: normal; }
.prog .btn:hover, .prog .btn:active, .prog .btn:focus, .prog .btn:visited { box-shadow: 0px 0px; }
.list-bold{ font-weight: bold; font-size: 14pt !important; }
.prog .scrn { margin-bottom: 12px; margin-top: 12px; padding: 8px; background-color: #B0B1B0; }
.prog .graysc { -webkit-filter: grayscale(100%); filter: grayscale(100%) brightness(100%); transition: filter 0.4s ease; }
.prog .graysc:hover { cursor: pointer; }

.round_reset { border-radius: 0 !important; outline: 0 !important; }

.pri { min-height: 400px; background-color: #545663; padding-bottom: 40px; }
.pri h1 { text-align: center; font-family: "EuropeExt"; font-size: 28pt; line-height: 1.4; }
.pri h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 40px; line-height: 1.4; }
.pri .offer_title { font-family: "Europe"; color: #fff; font-size: 16pt; line-height: 1.4; margin-top: 60px; margin-bottom: 20px; text-align: center;}
.pri h4 { font-family: "Europe"; color: #fff; font-size: 14pt; text-align: center; line-height: 1.4; }
.pri .panel-body{ padding: 20px !important; padding-top: 0px !important; border: 0px !important; outline: 0px !important; background-color: #DDDFDE; }
.pri .panel .panel-default { border: 0px !important; outline: 0 !important; }
.pri .btn { display: block; padding: 0px; margin: auto; width: 280px; height: 50px; font-family: "EuropeExt"; font-size: 72pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }
.pri .btn a { text-decoration: none; color: #333333;}
.pri .btn a:hover { text-decoration: none; color: #333333;}
.pri p{ font-family: "EuropeExt"; font-size: 20pt; text-align: center; padding: 10px; }
.pri .btn:hover, .pri .btn:active, .pri .btn:focus, .pri .btn:visited { box-shadow: 0px 0px; }
.pri h2 { text-align: center; font-family: "EuropeExt"; font-size: 14pt; color: #DDDFDE; line-height: 1.4; margin-bottom: 40px; }
/*.pri li p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 12pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; text-align: left; padding: 0px; }
.pri li { color: #fff; list-style-type: square; font-size: 16pt; }*/
.pri ol { padding-left: 0px; font-family: "Europe"; color: #fff; font-size: 12pt;}
.pri li p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 12pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; text-align: left; padding: 0px; }
/*.pri .offer { font-family: "FranklinGothic Book"; font-size: 12pt; text-align: left; padding: 10px; color: #DDDFDE;}*/
.pri .offer { font-family: "FranklinGothic Book"; color: #ccc; font-size: 12pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; text-align: left; padding-left: 0px;}

.cln { min-height: 400px; background-color: #dddfde; padding-bottom: 20px; }
.cln h4 { text-align: center; font-family: "EuropeExt"; font-size: 14pt; color: #818181; line-height: 1.4; }
.cln h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 20px; line-height: 1.4; }
.cln .panel-body{ padding: 10px !important; padding-top: 0px !important; box-shadow: none !important; border: 0px !important; outline: 0px !important; background-color: #dddfde; }
.cln .panel .panel-default { border: 0px !important; outline: 0 !important; box-shadow: none !important; }
.cln .panel { border: 0px !important; outline: 0 !important; box-shadow: none !important; }
.cln .panel-heading { padding-bottom: 30px; }
.cln .btn { display: block; padding: 0px; margin: auto; margin-top: 20px; width: 300px; height: 50px; font-family: "EuropeExt"; font-size: 12pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }
/*.cln p{ font-family: "EuropeExt"; font-size: 20pt; text-align: center; padding: 10px; }*/
.cln p{ font-family: "FranklinGothic Book"; font-size: 12pt; line-height: 1.2; white-space: normal; }
.cln .btn:hover, .cln .btn:active, .cln .btn:focus, .cln .btn:visited {box-shadow: 0px 0px;}
.cln .bo { min-height: 140px; }
.cln .imcent { display: block; margin: auto;}
.cln .graysc { -webkit-filter: grayscale(100%); filter: grayscale(100%) brightness(100%); transition: filter 0.4s ease; }
.cln .graysc:hover { -webkit-filter: none; filter: none; }

.ser { min-height: 400px; background-color: #545663; padding-bottom: 60px; }
.ser h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 40px; line-height: 1.4; }
.ser h4 { text-align: center; font-family: "EuropeExt"; font-size: 14pt; color: #DDDFDE; line-height: 1.4; margin-bottom: 40px; }
.ser h5 { text-align: center; font-family: "EuropeExt"; font-size: 12pt; color: #fff; line-height: 1.4; margin-bottom: 20px;  }
.ser .imcent { display: block; margin: auto; width: 120px; padding-bottom: 20px; padding-top: 40px; }
.ser .bo { border-top: 8px solid #fff; margin-left: 12px; margin-right: 12px;}

.cnt { min-height: 400px; background-color: #b0b1b0; padding-bottom: 40px; }
.cnt h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 40px; line-height: 1.4; }
.cnt h4 { text-align: center; font-family: "Europe"; font-size: 10pt; color: #DDDFDE; }
.cnt h5 { text-align: center; font-family: "Europe"; font-size: 12pt; color: #fff; line-height: 1.4; margin-bottom: 90px;  }
.cnt .imcent { display: block; margin: auto; width: 120px; padding-bottom: 20px; padding-top: 40px; }

.foot { min-height: 80px; background-color: #545663; padding-top: 24px; }
.foot h4 { text-align: center; font-family: "Europe"; font-size: 10pt; color: #DDDFDE; }

#top_button {
    display: none; /* Hidden by default */
    position: fixed; /* Fixed/sticky position */
    bottom: 15px; /* Place the button at the bottom of the page */
    left: 15px; /* Place the button 30px from the right */
    z-index: 99; /* Make sure it does not overlap */
    border: none; /* Remove borders */
    outline: none; /* Remove outline */
    background-color: #30323c; /* Set a background color */
    color: white; /* Text color */
    cursor: pointer; /* Add a mouse pointer on hover */
    padding: 0px; /* Some padding */
    opacity: 0.5;
    /*height: 100%;*/
}

#top_button:hover {
    background-color: #272932; /* Add a dark-grey background on hover */
    opacity: 0.7;
}


/**********************************************************************************************/
/*************************************** D E S K T O P ****************************************/
/**********************************************************************************************/


@media (min-width: 481px) {
	.collapse_height { height: 420px; }
  .prog .panel-body .vis{ min-height: 700px; }
}

@media (min-width: 767px) and (max-width: 1000px) {
   .collapse_height { height: 640px; }
   .prog .panel-body .vis{ min-height: 700px; }

   .navbar-brand {padding: 0px; height: 72px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
   .navbar-collapse ul li { padding-top: 16px; -webkit-transition: padding-top 0.3s; -moz-transition: padding-top 0.3s; -ms-transition: padding-top 0.3s; -o-transition: padding-top 0.3s; transition: padding-top 0.3s; }
   .navbar-toggle { border: 0px; border-radius: 0px; margin-top: 32px; -webkit-transition: margin-top 0.3s; -moz-transition: margin-top 0.3s; -ms-transition: margin-top 0.3s; -o-transition: margin-top 0.3s; transition: margin-top 0.3s; }
   .smaller .container .navbar-header .navbar-brand{
       height: 72px;
   }
   .smaller .container .navbar-collapse ul li{
       padding-top: 16px;
   }
   .smaller .container .navbar-header .navbar-toggle{
       margin-top: 32px;
   }
}

@media (min-width: 481px) and (max-width: 767px) {
   .collapse_height { height: 600px; }
   .prog .panel-body .vis{ min-height: 700px; }

   .navbar-brand {padding: 0px; height: 90px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
   .navbar-collapse ul li { padding-top: 24px; -webkit-transition: padding-top 0.3s; -moz-transition: padding-top 0.3s; -ms-transition: padding-top 0.3s; -o-transition: padding-top 0.3s; transition: padding-top 0.3s; }
   .navbar-toggle { border: 0px; border-radius: 0px; margin-top: 32px; -webkit-transition: margin-top 0.3s; -moz-transition: margin-top 0.3s; -ms-transition: margin-top 0.3s; -o-transition: margin-top 0.3s; transition: margin-top 0.3s; }
   .smaller .container .navbar-header .navbar-brand{
       height: 90px;
   }
   .smaller .container .navbar-collapse ul li{
       padding-top: 24px;
   }
   .smaller .container .navbar-header .navbar-toggle{
       margin-top: 32px;
   }
   .videotag {width: 480px; height: 270px;
   }
}

/**********************************************************************************************/
/**************************************** M O B I L E *****************************************/
/**********************************************************************************************/

@media (max-width: 481px) {
   .collapse_height { height: 440px; }
   .prog .panel-body .vis{ min-height: 700px; }

  .navbar-brand {padding: 0px; height: 72px; -webkit-transition: height 0.3s; -moz-transition: height 0.3s; -ms-transition: height 0.3s; -o-transition: height 0.3s; transition: height 0.3s; }
  .navbar-collapse ul li { padding-top: 16px; -webkit-transition: padding-top 0.3s; -moz-transition: padding-top 0.3s; -ms-transition: padding-top 0.3s; -o-transition: padding-top 0.3s; transition: padding-top 0.3s; }
  .navbar-toggle { border: 0px; border-radius: 0px; margin-top: 24px; -webkit-transition: margin-top 0.3s; -moz-transition: margin-top 0.3s; -ms-transition: margin-top 0.3s; -o-transition: margin-top 0.3s; transition: margin-top 0.3s; }
  .smaller .container .navbar-header .navbar-brand{
      height: 72px;
  }
  .smaller .container .navbar-collapse ul li{
      padding-top: 16px;
  }
  .smaller .container .navbar-header .navbar-toggle{
      margin-top: 24px;
  }
    .videotag {width: 300px; height: 195px;
}
	.triangles h1 { text-align: center; padding-top: 180px; padding-bottom: 0px; margin-bottom: 0px;  font-family: "EuropeExt"; font-size: 38pt; }
	.triangles h2 { text-align: center; padding-top: 10px; font-family: "EuropeExt"; font-size: 12pt; line-height: 1.6; }
	.triangles a { display: block; margin-top: 80px; }

	.graph { min-height: 200px; background-color: #535662; }
	.graph h3 { font-family: "Europe"; color: #fff; font-size: 12pt; line-height: 1.4; margin-top: 40px; margin-bottom: 20px; }
	.graph p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 10pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; }
	.graph h4 { font-family: "Europe"; color: #fff; font-size: 12pt; line-height: 1.4; margin-top: 40px; margin-bottom: 20px; }
	.graph ol { padding-left: 0px; font-family: "Europe"; color: #fff; font-size: 10pt;}
	.graph li p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 10pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; }

	.diagram { display: none; }
	.dashedline{ border-top: 6px dashed #FFF; margin-top: 40px; }

	.prog { min-height: 200px; background-color: #535662; padding-bottom: 40px; }
	.prog h3{ font-family: "Europe"; color: #fff; font-size: 14pt; text-align: center; margin-top: 50px; margin-bottom: 40px; line-height: 1.4; }
	.prog h1 { text-align: center; font-family: "EuropeExt"; font-size: 22pt; line-height: 1.4; }
	.prog h4 { font-family: font-family: "FranklinGothic Book"; font-size: 12pt; text-align: center; line-height: 1.4; }
	.prog .panel-body{ padding: 10px !important; padding-top: 0px !important; border: 0px !important; outline: 0px !important; background-color: #DDDFDE; }
	.prog .panel .panel-default { border: 0px !important; outline: 0 !important; }
	.prog .btn { display: block; padding: 0px; margin: auto; width: 200px; height: 50px; font-family: "EuropeExt"; font-size: 10pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }
	.prog p{ font-family: "FranklinGothic Book"; font-size: 10pt; line-height: 1.4; white-space: normal; }

	.round_reset { border-radius: 0px !important; outline: 0 !important; }

	.pri { min-height: 400px; background-color: #545663; padding-bottom: 20px; }
	.pri h1 { text-align: center; font-family: "EuropeExt"; font-size: 22pt; line-height: 1.4; }
	.pri h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 20px; line-height: 1.4; }
	.pri h4 { font-family: font-family: "FranklinGothic Book"; font-size: 14pt; text-align: center; line-height: 1.4; }
	.pri .panel-body{ padding: 10px !important; padding-top: 0px !important; border: 0px !important; outline: 0px !important; background-color: #dddfde; }
	.pri .panel .panel-default { border: 0px !important; outline: 0 !important; }
	.pri .btn { display: block; padding: 0px; margin: auto; width: 200px; height: 50px; font-family: "EuropeExt"; font-size: 10pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }
	.pri p{ font-family: "EuropeExt"; font-size: 16pt; text-align: center; padding: 10px; }
	.pri .btn:hover, .prog .btn:active, .prog .btn:focus, .prog .btn:visited {
		box-shadow: 0px 0px;
	}
	.pri h2 { text-align: center; font-family: "EuropeExt"; font-size: 14pt; color: #DDDFDE; line-height: 1.4; margin-bottom: 20px; }
	/*.pri li p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 12pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; text-align: left; padding: 0px; }
	.pri li { color: #fff; list-style-type: square; font-size: 16pt; }
	.pri .offer { font-family: "FranklinGothic Book"; font-size: 12pt; text-align: left; padding: 10px; color: #DDDFDE;}*/
  .pri ol { padding-left: 0px; font-family: "Europe"; color: #fff; font-size: 12pt;}
  .pri li p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 12pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; text-align: left; padding: 0px; }
  /*.pri .offer { font-family: "FranklinGothic Book"; font-size: 12pt; text-align: left; padding: 10px; color: #DDDFDE;}*/
  .pri .offer { font-family: "FranklinGothic Book"; color: #ccc; font-size: 12pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; text-align: left; padding-left: 0px;}

	.cln { min-height: 400px; background-color: #dddfde; padding-bottom: 20px; }
	.cln h4 { text-align: center; font-family: "EuropeExt"; font-size: 10pt; color: #818181; line-height: 1.4; }
	.cln h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 20px; line-height: 1.4; }
	.cln .panel-body{ padding: 10px !important; padding-top: 0px !important; border: 0px !important; outline: 0px !important; background-color: #dddfde; }
	.cln .panel .panel-default { border: 0px !important; outline: 0 !important; }
	.cln .panel-heading { padding-bottom: 30px; }
  .cln .panel { border: 0px !important; outline: 0 !important; box-shadow: none !important; }
	.cln .btn { display: block; padding: 0px; margin: auto; width: 210px; height: 50px; font-family: "EuropeExt"; font-size: 9pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }
	.cln p{ font-family: "FranklinGothic Book"; font-size: 10pt; line-height: 1.2; white-space: normal; }

	.ser { min-height: 400px; background-color: #545663; padding-bottom: 60px; }
	.ser h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 20px; line-height: 1.4; }
	.ser h4 { text-align: center; font-family: "EuropeExt"; font-size: 14pt; color: #DDDFDE; line-height: 1.4; margin-bottom: 40px; }
	.ser h5 { text-align: center; font-family: "EuropeExt"; font-size: 12pt; color: #fff; line-height: 1.4; margin-bottom: 20px;  }
	.ser .imcent { display: block; margin: auto; width: 100px; padding-bottom: 10px; padding-top: 20px; }
	.ser .bo { border-top: 8px solid #fff; margin-left: 12px; margin-right: 12px;}

	.cnt { min-height: 400px; background-color: #b0b1b0; padding-bottom: 40px; }
	.cnt h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 20px; line-height: 1.4; }
	.cnt h4 { text-align: center; font-family: "Europe"; font-size: 10pt; color: #DDDFDE; }
	.cnt h5 { text-align: center; font-family: "Europe"; font-size: 12pt; color: #fff; line-height: 1.4; margin-bottom: 20px;  }
	.cnt .imcent { display: block; margin: auto; width: 100px; padding-bottom: 10px; padding-top: 20px; }

	.foot { min-height: 80px; background-color: #545663; padding-top: 24px; }
	.foot h4 { text-align: right; font-family: "Europe"; font-size: 7pt; color: #DDDFDE; }
}
/*@media (max-width: 481px) {
	@font-face { font-family: "EuropeExt"; src: url(fonts/EuropeExt-Bold.otf); }
	@font-face { font-family: "Europe"; src: url(fonts/Europe-Bold.otf); }
	@font-face { font-family: "FranklinGothic Book"; src: url(fonts/FRABK.otf); }
	@font-face { font-family: "FranklinGothic Demi"; src: url(fonts/framd.otf); }

	.navbar { font-size: 10pt; padding: 1rem;
	}

	.anchor { display: block; position: relative; top: -60px; visibility: hidden; }

	.navbar a {
		font-family: "Europe";
	}

	.navbar-collapse{ border: none; box-shadow: none; }

	.navbar-toggle { border: 0px; border-radius: 0px; }

	.triangles {  background-image: url("img/triangles.png"); background-repeat: repeat; min-height: 540px; background-size: 500px 500px; }

	.triangles h1 { text-align: center; padding-top: 180px; padding-bottom: 0px; margin-bottom: 0px;  font-family: "EuropeExt"; font-size: 38pt; }

	.triangles h2 { text-align: center; padding-top: 10px; font-family: "EuropeExt"; font-size: 12pt; line-height: 1.6; }

	.triangles img { display: block; margin: auto; }

	.triangles a { display: block; margin-top: 80px; }

	.graph { min-height: 200px; background-color: #535662; }

	.graph h3 { font-family: "Europe"; color: #fff; font-size: 12pt; line-height: 1.4; margin-top: 40px; margin-bottom: 20px; }

	.graph p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 10pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; }

	.graph h4 { font-family: "Europe"; color: #fff; font-size: 12pt; line-height: 1.4; margin-top: 40px; margin-bottom: 20px; }

	.graph ol { padding-left: 1.2em; font-family: "Europe"; color: #fff; font-size: 10pt;}

	.graph li p { font-family: "FranklinGothic Book"; color: #ccc; font-size: 10pt; line-height: 1.4; margin-top: 0px; margin-bottom: 0px; }

	.diagram {
		display: none;
	}

	.dashedline{
		border-top: 6px dashed #FFF; margin-top: 40px;
	}

	.prog { min-height: 200px; background-color: #535662; padding-bottom: 40px; }

	.prog h3{ font-family: "Europe"; color: #fff; font-size: 14pt; text-align: center; margin-top: 50px; margin-bottom: 40px; line-height: 1.4; }

	.prog h1 { text-align: center; font-family: "EuropeExt"; font-size: 22pt; line-height: 1.4; }

	.prog h4 { font-family: font-family: "FranklinGothic Book"; font-size: 12pt; text-align: center; line-height: 1.4; }

	.prog .panel-body{ padding: 10px !important; padding-top: 0px !important; border: 0px !important; outline: 0px !important; background-color: #DDDFDE; }

	.prog .panel .panel-default { border: 0px !important; outline: 0 !important; }

	.prog .btn { display: block; padding: 0px; margin: auto; width: 200px; height: 50px; font-family: "EuropeExt"; font-size: 10pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }

	.prog p{ font-family: "FranklinGothic Book"; font-size: 10pt; line-height: 1.4; white-space: normal; }

	.prog .btn:hover, .prog .btn:active, .prog .btn:focus, .prog .btn:visited {
		box-shadow: 0px 0px;
	}

	.round_reset { border-radius: 0px !important; outline: 0 !important; }

	.pri { min-height: 400px; background-color: #545663; padding-bottom: 20px; }

	.pri h1 { text-align: center; font-family: "EuropeExt"; font-size: 22pt; line-height: 1.4; }

	.pri h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 20px; line-height: 1.4; }

	.pri h4 { font-family: font-family: "FranklinGothic Book"; font-size: 12pt; text-align: center; line-height: 1.4; }

	.pri .panel-body{ padding: 10px !important; padding-top: 0px !important; border: 0px !important; outline: 0px !important; background-color: #dddfde; }

	.pri .panel .panel-default { border: 0px !important; outline: 0 !important; }

	.pri .btn { display: block; padding: 0px; margin: auto; width: 200px; height: 50px; font-family: "EuropeExt"; font-size: 10pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }

	.pri p{ font-family: "EuropeExt"; font-size: 16pt; text-align: center; padding: 10px; }

	.pri .btn:hover, .prog .btn:active, .prog .btn:focus, .prog .btn:visited {
		box-shadow: 0px 0px;
	}

	.cln { min-height: 400px; background-color: #dddfde; padding-bottom: 20px; }

	.cln h4 { text-align: center; font-family: "EuropeExt"; font-size: 10pt; color: #818181; line-height: 1.4; }

	.cln h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 20px; line-height: 1.4; }

	.cln .panel-body{ padding: 10px !important; padding-top: 0px !important; border: 0px !important; outline: 0px !important; background-color: #dddfde; }

	.cln .panel .panel-default { border: 0px !important; outline: 0 !important; }

	.cln .panel-heading { padding-bottom: 30px; }

	.cln .btn { display: block; padding: 0px; margin: auto; width: 200px; height: 50px; font-family: "EuropeExt"; font-size: 10pt; background-color: #b0b1b0; border-radius: 0; border: 0; outline: 0 !important; }

	.cln p{ font-family: "EuropeExt"; font-size: 20pt; text-align: center; padding: 10px; }

	.cln .btn:hover, .cln .btn:active, .cln .btn:focus, .cln .btn:visited {
		box-shadow: 0px 0px;
	}

	.cln .imcent { display: block; margin: auto; }
	.cln .bo { min-height: 140px; margin-bottom: 20px; }
	.cln .graysc { -webkit-filter: grayscale(100%); filter: grayscale(100%) brightness(110%) drop-shadow(0px 0px 8px white); transition: filter 0.4s ease; }
	.cln .graysc:hover { -webkit-filter: none; filter: none; }


	.ser { min-height: 400px; background-color: #545663; padding-bottom: 40px; }

	.ser h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 40px; line-height: 1.4; }


	.cnt { min-height: 400px; background-color: #b0b1b0; padding-bottom: 40px; }

	.cnt h3{ font-family: "Europe"; color: #fff; font-size: 16pt; text-align: center; margin-top: 50px; margin-bottom: 40px; line-height: 1.4; }
}*/