/* TOPBAR */
.topbar { height: 35px; line-height: 20px; padding-top: 9px; background-color: #444; color: #fff; text-transform: uppercase; position: fixed; top: 0; width: 100%; z-index: 500; }
.topbar a { text-decoration: none; }
.topbar a:hover { text-decoration: underline; }
.topbar a, .topbar a:hover, .topbar a:visited  { color: #fff; }

.topbar .lang-select { padding: 0; margin: 0; text-align: center; list-style: none; }
.topbar .lang-select li { display: inline-block; }
.topbar .lang-select li:after { content: "|"; margin: 0 7px 0 10px; color: #aaa; }
.topbar .lang-select li:last-child:after { content: ""; margin: 0; }

.topbar .links { padding: 0; margin: 0; text-align: center; list-style: none; }
.topbar .links li { display: inline-block; margin-left: 8px; }
.topbar .links li.book { margin-right: 30px; }

/* NAVBAR */
.navbar { text-transform: uppercase; font-size: 1.8rem; font-weight: 200 }
.navbar-default { background-color: #000; border: none; }
.navbar-default .navbar-nav > li > a { color: #fff; }
.navbar-fixed-top { top: 35px; }

.navbar a { text-decoration: none; }

.dropdown-menu { border: none; text-align: center; }
.dropdown-toggle.center > br { margin: 4px 0; }

/* FOOTER */
.footer { background-color: #000; margin-top: 10px; padding-bottom: 20px; color: #fff; }
.footer ul { list-style: none; }
.footer ul li { display: inline-block; }

.footer .links { background-color: #666; height: 35px; line-height: 3.8rem; margin-bottom: 22px; text-transform: uppercase; }
.footer .links li { margin-left: 30px; }
.footer .links li:first-child { margin-left: 0px; }
.footer .links a { color: #fff; text-decoration: none; }
.footer .links a:hover { text-decoration: underline; }

.footer .social-links { margin-bottom: 18px; }
.footer .social-links ul { padding-left: 0px !important; }
.footer .social-links li { margin-left: 20px; }
.footer .social-links li:first-child { margin-left: 0px; }
.footer .social-links a { color: #fff; }

.footer .newsletter { margin-bottom: 20px; }
.footer .newsletter label { font-weight: 200; text-transform: uppercase; }
.footer .newsletter input, .footer .newsletter button { border: none; font-size: 1.5rem; line-height: 2.2rem; height: 28px; padding: 3px 5px; color: #333; } 
.footer .newsletter button { padding: 3px 8px; background-color: #666; color: #ddd; }
.footer .newsletter button:hover { background-color: #888; color: #fff; }

.footer .address { font-size: 1.7rem; margin-bottom: 15px; }
.footer .address i { font-size: 50%; padding-left: 2px; padding-right: 2px; }
.footer .address p { line-height: 1.35; }
.footer .address p .small { font-size: 1.35rem; }
.footer .address p .demi { margin-bottom: -4px; }
.footer .address p .double { margin-bottom: 5px; }

.footer .partners { margin-top: 20px; }
.footer .partners .title { height: 20px; margin-bottom: 10px; text-transform: uppercase; color: #727272; background: url(../images/footer-partners-background.png) top left repeat-x; }
.footer .partners .title span { background-color: #000; padding: 0 25px 8px; }

.footer .legals, .footer .legals a { color: #aaa; font-size: 1.4rem; text-decoration: none; }
.footer .legals a:hover { text-decoration: underline; } 

@media screen and (max-width: 767px) {
  .navbar-fixed-top { width: 100%; }
  .navbar-fixed-top .navbar-collapse,  .navbar-fixed-bottom .navbar-collapse { max-height: none; }
  .navbar-nav { margin: 0; }
  .navbar-form { margin: 0; }

  .navbar-default .navbar-nav > li > a { font-size: 2.0rem  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; }
  .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #fff; }

  /* General styles for all menus */
  .cbp-spmenu { background: #000; color: #fff; position: fixed; border-top: none; padding: 0; margin: 0 !important; overflow-x: hidden; overflow-y: visible; display: block; visibility: visible; }
  .dropdown-menu { border: none; text-align: left; padding-left: 15px; min-width: 140px; font-size: 1.6rem; }
  .navbar-nav .open .dropdown-menu {width: 140px}
  .navbar-nav .open .dropdown-menu > li > a {padding: 0 10px; margin-bottom: 6px; }
  .navbar-fixed-top .cbp-spmenu { bottom: 0; }

  /* Orientation-dependent styles for the content of the menu */
  .cbp-spmenu-vertical { width: 200px; height: 100%; top: 0; z-index: 1000; }
  .cbp-spmenu-horizontal { width: 100%; height: 150px; left: 0; z-index: 1000; overflow: hidden; }
  .cbp-spmenu-horizontal h3 { height: 100%; width: 20%; float: left; }
  .cbp-spmenu-horizontal a { float: left; width: 20%; padding: 0.8em; border-left: 1px solid #258ecd; }

  /* Vertical menu that slides from the left or right */
  .cbp-spmenu-left { left: -260px; }
  .cbp-spmenu-right { right: -260px; }
  .cbp-spmenu-left.cbp-spmenu-open,  .cbp-spmenu-push-toright .navbar-fixed-top .cbp-spmenu-left.cbp-spmenu-open { left: 0px; }
  .cbp-spmenu-right.cbp-spmenu-open,  .cbp-spmenu-push-toleft .navbar-fixed-top .cbp-spmenu-right.cbp-spmenu-open { right: 0px; }

  /* Horizontal menu that slides from the top or bottom */
  .cbp-spmenu-top { top: -150px; }
  .cbp-spmenu-bottom { bottom: -150px; }
  .cbp-spmenu-top.cbp-spmenu-open { top: 0px; }
  .cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; }

  /* Push classes applied to the body */
  .cbp-spmenu-push { overflow-x: hidden; position: relative; left: 0; }
  .cbp-spmenu-push-toright,  .cbp-spmenu-push-toright .navbar-fixed-top { left: 260px; }
  .cbp-spmenu-push-toleft,  .cbp-spmenu-push-toleft .navbar-fixed-top { left: -260px; }

  /* Transitions */
  .cbp-spmenu,  .cbp-spmenu-push,  .navbar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .topbar { overflow: hidden; height: 65px; }
  .topbar .lang-select, .topbar .links { padding-top: 30px; }
  
  .menuhome > a { padding-left: 2px !important; padding-right: 0px !important; }
  
}

@media only screen and (min-width : 768px){

  /* TOPBAR */ 
  .topbar { background-color: #000; color: #fff; padding-top: 8px; position: relative; top: 0; }
  .topbar .lang-select { text-align: left; padding-left: 20px; font-size: 14px; }
  .topbar .lang-select li:after { content: "|"; margin: 0 5px 0 8px; color: #aaa; }
  .topbar .logo a { margin-left: 50px; }
  .topbar .logo img { margin-bottom: 0; }
  .topbar .links { text-align: right; padding-right: 20px; font-size: 14px; }
  .topbar .links li { display: inline-block; }

  /* NAVBAR */
  /*.navbar .nav li.dropdown:hover ul.dropdown-menu { display: block; } /* Show dropdown menu on hover */
  .navbar { font-size: 1.7rem; letter-spacing: 0; }
  .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; }
  
  .navbar-fixed-top { position: relative; top: 0; }
  .navbar-default .navbar-nav > li > a { color: #000; line-height: 22px  }
  .navbar .number { display: block; padding-top: 15px; margin-bottom: 5px; font-size: 1.3rem; font-family: "Times New Roman", Times, serif; line-height: 1.1rem; color: #666; }
  .navbar-default { background-color: transparent; }
  .navbar-default .navbar-nav > li > a:hover { color: #000; }

  .dropdown-menu { min-width: 110px; width: 110px;  font-size: 1.3rem; padding-top: 0; padding-bottom: 0; }
  .dropdown-menu .arrow { margin: 0 auto 5px auto; width: 0; height: 0; border-style: solid; border-width: 12px 11px 0 11px; border-color: #000 transparent transparent transparent;  }
  .dropdown-menu > li > a { text-align: center; width: 100%; color: #666; margin: 5px 0; line-height: 1.8rem }
  .dropdown-menu > li > a:hover { color: #fff; background-color: #000; }

  .menu1 a { width: 110px; }
  .menu2 a { width: 100px; }
  .menu2 .dropdown-menu {min-width: 100px; width: 100px; }
  .menu3 a { width: 120px; }
  .menu3 .dropdown-menu {min-width: 120px; width: 120px; }
  .menu1, .menu2,  .menu3, .menu4, .menu5, .menu6 { text-align: center; }
  .menu1 a, .menu2 a, .menu3 a, .menu4 a, .menu5 a, .menu6 a { padding-left: 0px !important; padding-right: 0px !important; }
  .menuhome { padding: 0px; text-align: center; background-color: #000; width: 50px; margin:0 5px; }
  .menuhome i { font-size: 30px; color: #fff; line-height: 4.5rem; }
  .menu4 a { width: 110px ; }
  .menu5 a { width: 110px ; }
  .menu6 a { width: 110px ; }

  /* FOOTER */
  .footer { font-size: 1.4rem; }
  .footer .links { height: 45px; line-height: 4.7rem; }
  .footer .newsletter input, .footer .newsletter button { font-size: 1.4rem; line-height: 2.2rem; padding-top: 4px; } 
  .footer .newsletter label { padding-right: 6px; }
  .footer .address p .double { margin-bottom: 5px; }
}


@media only screen and (min-width : 992px){

  /* NAVBAR */
  .navbar { font-size: 1.8rem; letter-spacing: 0.02rem; }
  .navbar .number { padding-top: 20px; }
  .dropdown-menu { min-width: 130px; width: 130px;  font-size: 1.3rem; padding-top: 0; padding-bottom: 0;}

  .menu1 a { width: 140px; margin-left: -5px; }
  .menu1 .dropdown-menu { min-width: 140px; width: 140px; margin-left: -5px; }
  .menu2 a { width: 120px; }
  .menu2 .dropdown-menu { min-width: 120px; width: 120px; }
  .menu3 a { width: 135px; }
  .menu3 .dropdown-menu { min-width: 135px; width: 135px; }
  .menuhome { padding: 0; margin: 0 10px 0 15px; width: 130px; }
  .menuhome a { padding-left: 0px !important; padding-right: 0px !important; }
  .menuhome a img { margin-top: 10px; margin-bottom: 5px; padding-left: 5px; padding-right: 5px; }
  .menuhome div { border-top: 5px solid #fff; } 
  .menu4 a { width: 130px; }
  .menu5 a { width: 130px; }
  .menu6 a { width: 130px; }
}


@media only screen and (min-width : 1200px){

  /* NAVBAR */
  .dropdown-menu { min-width: 150px; width: 150px; font-size: 1.4rem; padding-top: 0; padding-bottom: 0; }
  .navbar-default .navbar-nav > li > a { line-height: 24px; }

  .menu1 a { width: 150px; margin-right: 5px; margin-left: 0px; }
  .menu1 .dropdown-menu { min-width: 150px; width: 150px; margin-left: 0; }
  .menu2 a { width: 150px; margin-right: 0px; }
  .menu2 .dropdown-menu { min-width: 150px; width: 150px; }
  .menu3 a { width: 150px; }
  .menu3 .dropdown-menu { min-width: 150px; width: 150px; }
  .menuhome { padding: 0; margin: 0 20px; width: 190px}
  .menu4 a { width: 150px; margin-left: 5px; }
  .menu4 .dropdown-menu { margin-left: 5px; }
  .menu5 a { width: 150px; margin-left: 5px; }
  .menu6 a { width: 140px; }
  .menuhome a img { margin-top: 0; }
}