@font-face {
    font-family: 'Flama-Light';
    src: url('/css/fonts/flama-light-webfont.eot');
    src: url('/css/fonts/flama-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/flama-light-webfont.woff') format('woff'),
         url('/css/fonts/flama-light-webfont.ttf') format('truetype'),
         url('/css/fonts/flama-light-webfont.svg#flamalight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Flama-Book';
    src: url('/css/fonts/flama-book-webfont.eot');
    src: url('/css/fonts/flama-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/flama-book-webfont.woff') format('woff'),
         url('/css/fonts/flama-book-webfont.ttf') format('truetype'),
         url('/css/fonts/flama-book-webfont.svg#flamabook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Flama-Basic';
    src: url('/css/fonts/flama-basic-webfont.eot');
    src: url('/css/fonts/flama-basic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/flama-basic-webfont.woff') format('woff'),
         url('/css/fonts/flama-basic-webfont.ttf') format('truetype'),
         url('/css/fonts/flama-basic-webfont.svg#flamabasic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Flama-Medium';
    src: url('/css/fonts/flama-medium-webfont.eot');
    src: url('/css/fonts/flama-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/css/fonts/flama-medium-webfont.woff') format('woff'),
         url('/css/fonts/flama-medium-webfont.ttf') format('truetype'),
         url('/css/fonts/flama-medium-webfont.svg#flamamedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {font-family: flama-basic;font-size: 14px;background: #4b4f60;}

.container { max-width: 960px;}

.top-menu { background: url('/images/menu-back.jpg') no-repeat center center;height: 116px;xmargin-top: 68px;}



.navbar { margin: 0;background: none;border: none;}
.navbar-default .navbar-nav>li>a {height: 40px;}
.navbar-default .navbar-nav>li {margin: 0;padding: 0;}
.navbar-default .navbar-nav>li>a { color: #685e58;font-size: 14px;font-weight: 300;border-top: 7px solid transparent;padding: 10px 10px;xmargin: 0 10px;}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav li:hover a {border-top: none;}
.navbar-default .navbar-nav>li:hover {border-top: 7px solid #bf3037;height: 40px;}
.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:hover, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {background-color: transparent;}
.navbar-default .navbar-brand {margin-top: 10px; padding: 0;}

.navbar-default .navbar-nav>.active>a {border-top: 7px solid #bf3037;}

.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>.open>a:focus {background: url('/images/menu-selected.png') bottom center no-repeat;}

.top-buttons { margin-top: 15px;margin-right: 20px;}
.my-page {display: inline-block;width: 50%;text-align: right;margin-top: 35px;}
.my-page a { margin-right: 5px;color: #685e58;}

.front-content { background: url('/images/front-bg1.jpg') no-repeat center top;}
.front-select { min-height: 300px;xpadding-top: 90px;}
.front-select span { background: #c51a1b;display: block;color: #ffffff;font-size: 22px;padding: 0 0 3px 25px;margin-bottom: 5px;}
.front-select a { display: block;}
.front-select a:hover { text-decoration: none;border-bottom: 2px solid #c51a1b;}
.front-select a:hover span {
background: #b31818; /* Old browsers */
background: -moz-linear-gradient(top,  #b31818 1%, #c51a1b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#b31818), color-stop(100%,#c51a1b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b31818 1%,#c51a1b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b31818 1%,#c51a1b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b31818 1%,#c51a1b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b31818 1%,#c51a1b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31818', endColorstr='#c51a1b',GradientType=0 ); /* IE6-9 */
}

.footer { color: #ffffff;text-align: center;background: url('/images/bottom-line.png') no-repeat center top;padding-top: 5px;margin: 10px 0;}

.content-header { color: #ffffff;font-size: 20px;height: 195px;}
.content-header h1 { font-family: flama-medium;font-size: 24px;margin: 0;margin-top: 130px;}

.main-content {background-image: url('/images/content-back.jpg');background-repeat: no-repeat; background-size:100%; padding-top: 30px;color: #594d44;font-size: 15px;padding-bottom: 30px;background-color: #ffffff;}


.side-nav { }
.side-container {position: fixed;right: 32px; top: 500px;
     transform: rotate(90deg);
    -moz-transform: rotate(90deg);  /* FF3.5+ */
    -o-transform: rotate(90deg);  /* Opera 10.5 */
    -webkit-transform: rotate(-270deg);  /* Saf3.1+, Chrome */
    -moz-transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    
            
            }

.vertical-item {height: 32px;xwidth: 200px;margin-right: 5px;display: inline-block;color: #ffffff;}
.vertical-item a { color: #ffffff;display: inline-block;padding: 4px 10px;font-size: 16px;}
.vertical-item.red { background: url('/images/vertical-back-red.png');}
.vertical-item.red img { margin-right: 10px;}
.vertical-item.grey { background: url('/images/vertical-back-grey.png');}

table { font-size: 13px;}
.table-header { background: #c51a1b;color: #ffffff;font-family: flama-medium;}

strong {font-family: flama-medium;}

.dl:hover { cursor: pointer; }
.dl:hover a img {border: 1px solid #c51a1b;}
.dl:hover a { text-decoration: none;color: #c51a1b;} 
.dl:hover .link {text-decoration: underline;color: #c51a1b;}
.downloads { margin-top: 20px;}
.downloads img { padding: 2px;border: 1px solid #eeeeee;float: left;margin-right: 20px;}
.downloads .link {color: #c51a1b;}
.downloads a:hover img {border: 1px solid #c51a1b;}
.downloads h2 { font-size: 16px;font-family: flama-medium;margin-top: 0;}
.downloads .clearfix { margin-bottom: 30px;}
.download-link { font-size: 13px;}
.download-link:hover .link { text-decoration: underline;}

.content a { color: #c51a1b;}
.content a:hover { text-decoration: underline;color: #c51a1b;} 

.contact-form { margin-top: 20px;}
.numbers {font-family: Flama-Book;}
.xcountry { font-family: Flama-Medium;}
.number-headers { margin-bottom: 0;}
.number-headers td { border-top: none !important;vertical-align: bottom !important;font-size: 12px;}

.left-menu {}
.left-menu .menu-children { margin-left: 15px;}
.left-menu a { display: block;padding: 2px;color: #594d44;}
.left-menu a.active { font-family: Flama-Medium;} 
.left-menu a:hover { background: #b31818;color: #ffffff;text-decoration: none;}

.slide-buttons { background: #f3f3f3;display: none;position: absolute;width: 100%;padding-bottom: 15px;-webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.5);
box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    border-top: 2px solid #4b4f60;z-index: 1000;
}

.video img { margin-bottom: 10px;}
a.video { text-align: center;display: inline-block;}
.video-container { text-align: center;}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Carousel base class */
.carousel {
  height: 300px;
  margin-bottom: 30px;
  margin-top: 30px;
    background: #ffffff;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel .item {
  height: 300px;
  background-color: #ffffff;
}

.carousel-inner { background: #ffffff;}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  xmin-width: 100%;
  height: 300px;
}

.carousel-caption {
    top:0;
    padding: 0 15px;
    text-align: left;
    left: 0;
    right: 0;
    color: #4b4f60;
    text-shadow: none;
    width: 260px;
    background: #ffffff;
}
.carousel-caption h3 { text-transform: uppercase;}


.carousel-indicators {
    position: absolute;
     bottom: 0px; 
     left: 250px; 
    z-index: 1500;
    /* width: 60%; */
    /* margin-left: -30%; */
    padding-left: 0;
    list-style: none;
    text-align: left;
    
}

.carousel-indicators li {
    display: inline-block;
    width: 22px;
    height: 22px;
    margin: 1px;
    text-indent: -999px;
    border: 6px solid #efeff1;
    border-radius: 50%;
    cursor: pointer;
    background-color: #efeff1;
}

.carousel-indicators .active {
    margin: 1px;
    width: 22px;
    height: 22px;
    background-color: #c83637;
}

.item { position: relative;}

.left-arrow { position: absolute;z-index: 1500;top: 140px;left: 10px;cursor: pointer;}
.right-arrow { position: absolute;z-index: 1500;top: 140px;right: 10px;cursor: pointer;}

.cycle-slideshow { float:right;width: 500px;}
.cycle-slideshow div { display: inline-block;}


.references h4 { margin-top: 0;}
.references img { margin-left: 10px;margin-bottom: 10px;}

 @media only screen and (min-width: 1300px) {
            x.main-content { background-size: contain;}
        }


 /*@media (min-width: 768px) {
  ul.nav li:hover > ul.dropdown-menu {
    display: block;
  }
  #navbar {
    text-align: center;
  }
}*/  

/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */