/*
** Fonts.
*/

@font-face {
  font-family : 'ComfortaaThin';
  src         : url('/fonts/comfortaa_thin-webfont.eot');
  src         : url('/fonts/comfortaa_thin-webfont.eot?#iefix')               format('embedded-opentype'),
                url('/fonts/comfortaa_thin-webfont.woff')                     format('woff'),
                url('/fonts/comfortaa_thin-webfont.ttf')                      format('truetype'),
                url('/fonts/comfortaa_thin-webfont.svg#sofadi_oneregular')    format('svg');
  font-weight : normal;
  font-style  : normal;
}
@font-face {
  font-family : 'ComfortaaRegular';
  src         : url('/fonts/comfortaa_regular-webfont.eot');
  src         : url('/fonts/comfortaa_regular-webfont.eot?#iefix')            format('embedded-opentype'),
                url('/fonts/comfortaa_regular-webfont.woff')                  format('woff'),
                url('/fonts/comfortaa_regular-webfont.ttf')                   format('truetype'),
                url('/fonts/comfortaa_regular-webfont.svg#sofadi_oneregular') format('svg');
  font-weight : normal;
  font-style  : normal;
}
@font-face {
  font-family : 'ComfortaaBold';
  src         : url('/fonts/comfortaa_bold-webfont.eot');
  src         : url('/fonts/comfortaa_bold-webfont.eot?#iefix')               format('embedded-opentype'),
                url('/fonts/comfortaa_bold-webfont.woff')                     format('woff'),
                url('/fonts/comfortaa_bold-webfont.ttf')                      format('truetype'),
                url('/fonts/comfortaa_bold-webfont.svg#sofadi_oneregular')    format('svg');
  font-weight : normal;
  font-style  : normal;
}
@font-face {
  font-family : 'SofadiOneRegular';
  src         : url('/fonts/sofadione-regular-webfont.eot');
  src         : url('/fonts/sofadione-regular-webfont.eot?#iefix')            format('embedded-opentype'),
                url('/fonts/sofadione-regular-webfont.woff')                  format('woff'),
                url('/fonts/sofadione-regular-webfont.ttf')                   format('truetype'),
                url('/fonts/sofadione-regular-webfont.svg#sofadi_oneregular') format('svg');
  font-weight : normal;
  font-style  : normal;
}

@media screen and (max-width: 768px) {
  h1   { font-size : 18px; }
  h2   { font-size : 16px; }
  h3   { font-size : 14px; }
  h4   { font-size : 12px; }
  h5   { font-size : 10px; }
  body { font-size : 12px; }
}

/*
** Core.
*/

html, body {
  height           : 100%;
  font-size        : 16px;
}

body {
  font-family      : 'ComfortaaThin';
  color            : #1F3F3F; /* DarkSlateGrey */
}

#main {
  padding-top      : 50px; /* navigation height */
  min-height       : 100%;
  height           : auto !important;
  height           : 100%;
  margin           : 0 auto -51px; /* minus footer's height minus one (why latter?) */
}

#footer, .push {
  height           : 50px;
}

h1, h2, h3, h4, h5, h6, th {
  font-family      : 'SofadiOneRegular';
}

.row.beheaded {
  margin-top       : 1em;
}

/*
** Navigation.
*/

ul.nav li a {
  font-family      : 'SofadiOneRegular';
}

.navbar {
  padding          : 0 1em;
}

.navbar-brand {
  padding          : 0;
  padding-right    : 1em;
}

.navbar-brand img {
  height           : 50px;
}

.navbar-toggle .icon-bar {
  background-color : #2F4F4F !important; /* Dark Slate Gray */
}

.motto {
  font-family      : 'ComfortaaRegular';
  font-style       : italic;
}

.motto a {
  text-decoration  : none;
  color            : inherit;
}

.media img {
  width            : 100%;
 /* height           : 387px;      removed since distorded*/
}

/*
** Footer.
*/

#footer {
  margin-bottom    : 0;
}

#footer a {
  font-family      : 'SofadiOneRegular';
}

#footer div {
  padding-top      : 14px;
  font-size        : 14px;
}

#footer a {
  text-decoration  : none;
  color            : #606060 !important; /* Gray (X11) was BEBEBE*/
  margin-right     : .5em;
}

#footer a:hover, #footer a:visited:hover {
  color            : #3399F3 !important; /* FIXME ripped from theme 3399F3*/
  transition       : color 0.3s ease-out 0s; /* CSS3 */
}

#footer a:visited {
  color            : inherit;
}

#footer {
  border-top       : none;
}

/*
** Miscellaneous.
*/

span.company {
  font-variant     : small-caps;
}

.mail, .mailrnd {
  cursor           : pointer;
}

address {
  padding-top      : 1em;
}

.media-object {
  max-width        : 64px;
}

.lead {
  font-family      : 'ComfortaaBold';
}

.report.tail {
  font-style       : italic;
}

.report.body {
  margin-top       : .5em;
}

/*
** Links.
*/

#main a {
  text-decoration  : none;
  color            : inherit;
  border-top       : 1px dotted gray;
  border-bottom    : 1px dotted gray;
}

#main a:hover, #main a:visited:hover {
  color            : #6F9EB0;                /* Cadet Blue  #5F9EA0*/
  transition       : color 0.3s ease-out 0s; /* CSS3 */
}

#main a:visited {
  color            : inherit;
}

/*
** Carousel.
*/

.carousel-control .fa, .carousel-control .fa {
  display          : inline-block;
  position         : absolute;
  top              : 50%;
  z-index          : 5;
}

.carousel-inner .item.dark {
  background-color : black;
}
.carousel-inner .item.dark .carousel-caption h1,
.carousel-inner .item.dark .carousel-caption h2,
.carousel-inner .item.dark .carousel-caption h3,
.carousel-inner .item.dark .carousel-caption h4,
.carousel-inner .item.dark .carousel-caption h5,
.carousel-inner .item.dark .carousel-caption h6 {
  color            : white;
  text-shadow      : 0 1px 2px rgba(1, 1, 1, 0.6)
}

.carousel-indicators .active.lite {
  border           : 1px solid #000000;
}

.carousel-caption, .carousel-indicators {
  display          : none;
}

.carousel, .thumbnail {
  margin-bottom    : 1em;
}

.carousel .item img {
  width            : 100%;
}

/*
** Carousel (fade).
*/

.carousel-fade .carousel-inner .item {
  opacity          : 0;
  
  -webkit-transition-property : opacity;
     -moz-transition-property : opacity;
       -o-transition-property : opacity;
          transition-property : opacity;
  -webkit-transition-duration : 3s;
     -moz-transition-duration : 3s;
       -o-transition-duration : 3s;
          transition-duration : 3s;
}

.carousel-fade .carousel-inner .active {
  opacity          : 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left             : 0;
  opacity          : 0;
  z-index          : 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity          : 1;
}

.carousel-fade .carousel-control {
  z-index          : 2;
}