@import "_normalize.less.css";
@import "remixins.less.css";

html,
button,
input,
select,
textarea {
    color: #222;
}

.bg-cover {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

body {
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* forms */
.form{
    ul{list-style: none;}
    textarea,
    input[type="text"],
    input[type="password"]{
        width:350px;
        height:26px
    }
    label{
        text-align:right;
        line-height:30px;
        cursor: pointer;
        display: inline-block;
        width:190px;
        vertical-align: top;
        padding:0 15px 0 0;
        position:relative;
    }
    textarea{height:200px;}
    .small{width:80px !important}
    .half{width:174px !important}
    .desc{
        display:inline-block;
        margin-left:14px;
    }
    .rdio{
        line-height:30px;
        vertical-align:middle;
        display:inline-block;
        input[type="radio"]{height:13px;}
        span{margin:0 15px 0 5px;}
    }
    select{
        width:355px;
        height:30px;
        &.half{width:184px !important}
        &.multiple{height: auto !important}
    }
    input[type="file"]{width:374px;}

    input[type="text"].error,
    textarea.error {
        background: #de8989;
        border:1px solid #d34a4a
    }
    span.error{
        color:red;
        line-height:30px;
    }
    .obg{
        background: #00f;
        height:12px;
        width:12px;
        display:inline-block;
        margin-right:5px;
    }
    .legal{margin-left:208px;}
    .termos{margin-left:208px}
    .checkboxAuto{float:left;margin-left:185px;margin-top:5px}
    input[type="button"],
    input[type="submit"],
    input[type="reset"]{
        height:30px;
        border:1px solid #ccc;
        line-height:1em
    }
    .buttonForm{margin-left:208px}
}


.f_trajan_reg{font-family:'trajan-pro-3';font-weight: 400;}
.f_trajan_bold{font-family:'trajan-pro-3';font-weight: 700;}
.f_ral_reg {font-family: 'Raleway', sans-serif;font-weight: 400;}
.f_ral_bold {font-family: 'Raleway', sans-serif;font-weight: 700;}


/*HELPERS*/
.rounded(@size){
    -moz-border-radius: @size;border-radius: @size;}
.ul_reset{margin:0px;padding:0px;li{list-style:none;}}
.reset{margin:0px;padding:0px;}
._sprite(@left, @top){
    background-position:-@left -@top;
}
.sprite{background-image:url('../../images/sprite.png');background-repeat:no-repeat;}
.sprite-x2{background-image:url('../../images/sprite_retina.png');background-repeat:no-repeat;background-size:500px 300px;}
.transparent{
   zoom: 1;
   filter: alpha(opacity=70);
   opacity: 0.7;
}
.fLeft{float:left;}
.fRight{float:right;}
.tLeft { text-align: left; }
.tRight { text-align: right; }
.m_center{margin-left:auto;margin-right:auto;}
.boxsizing{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
.clear { clear: both; }
.no-underline {
  a { text-decoration: none !important; }
}
.outer-center{float: right;right: 50%;position: relative;}
.inner-center{float: right;right: -50%;position: relative;}
.shadow (@ho, @vo, @br, @sr, @c){
  -moz-box-shadow:    @ho @vo @br @sr @c;
  -webkit-box-shadow: @ho @vo @br @sr @c;
  box-shadow:         @ho @vo @br @sr @c;
}
.transition(@time) {
  -webkit-transition: all @time ease-in-out;
  -moz-transition: all @time ease-in-out;
  transition: all @time ease-in-out;
}
.color__temp(@out, @hover) {
  color: @out;
  a { color: @out; }
  a:hover { color: @hover; }
}

/*VARS*/
@gray: #8f8f8f;
@gray2: #bdbdbd;
@gold: #c9a44b;
@gold2: #866913;

.gray {.color__temp(@gray, @gold);}
.white {.color__temp(#fff, @gold);}

/*ICONS*/
.round__icon {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 10pt;
  text-align: center;
  vertical-align: middle;
  color: #fff;
  background-color: @gray2;
  cursor: pointer;
  .rounded(15px);
}
.round__icon:hover { background-color: @gold; }
.icon-logo {
  width: 336px;
  height: 96px;
  ._sprite(0px, 0px);
}
.icon-bullet {
  width: 41px;
  height: 20px;
  ._sprite(24px, 96px);
}
.icon-bullet--small {
  width: 30px;
  height: 14px;
  ._sprite(65px, 96px);
}
.icon-netmais_w {
  width: 24px;
  height: 22px;
  ._sprite(0px, 96px);
}
.icon-netmais_b {
  width: 24px;
  height: 22px;
  ._sprite(95px, 96px);
}
.icon-iata{
  width: 71px;
  height: 30px;
  ._sprite(120px, 97px);
  margin-left: 140px;
  margin-top: -10px;
}
.icon-apavt{
  width: 46px;
  height: 30px;
  ._sprite(192px, 97px);
  margin-left: 10px;
  margin-top: -10px;
}
.icon-provedor{
  width: 54px;
  height: 30px;
  ._sprite(239px, 97px);
  margin-left: 10px;
  margin-top: -10px;
}
.icon-travelport{
  width: 100px;
  height: 30px;
  ._sprite(0px, 119px);
  margin-left: 10px;
  margin-top: -10px;
}
.icon-close-gold{
  width: 25px;
  height: 24px;
  ._sprite(294px, 97px);
}
.logo_with_chat{margin-right: 270px;}

.icon-info-gold{
  width: 40px;
  height: 40px;
  ._sprite(0px,150px);
}
.icon-picture-gold{
  width: 40px;
  height: 40px;
  cursor: pointer;
  ._sprite(42px,150px);
}
.icon-arrow-left{
  width: 30px;
  height: 50px;
  ._sprite(0px,195px);
}
.icon-arrow-right{
  width: 30px;
  height: 50px;
  ._sprite(31px,195px);
}
.icon-close-white{
  width: 30px;
  height: 30px;
  ._sprite(320px,97px);
}


/* styles */
.typekit-badge { display: none !important; }
body, html{
  .reset;
  font-size: 62.5%;
  background-color: #dadada;
}
.main { 
  width: 100%; 
  min-width: 1000px;
  font-size: 13pt;
}
.main__top{
  position: fixed;
  z-index: 1010;
  background-color: #fff;
}
.main__top-left {
  width: 45%;
  height: 150px;
  float: left;
  .main__top-container {
    width: 453px;
    float: right;
  }
}
.main__top-right {
  width: 55%;
  height: 150px;
  float: right;
  .main__top-container {
    position: relative;
    width: 560px;
    height: 150px;
    float: left;
  }
}
.main--content {
  position: absolute;
  z-index: 200;
  top: 150px;
  width: 100%;
  height: 100%;
}
.main-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center top;
  .bg-cover;
}
.cycle__warper{
  position:fixed;
  width:100%;
  height:100%;
}
.cycle__backgrounds {
  position: absolute !important;
  z-index: 1;
  width: 100%;
  height: 100%;
}
.cycle__backgrounds--cover:before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  height: 600px;
  background-color: #f00;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,131313+100&0.69+0,0+87 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.69) 0%, rgba(17,17,17,0) 87%, rgba(19,19,19,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.69) 0%,rgba(17,17,17,0) 87%,rgba(19,19,19,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.69) 0%,rgba(17,17,17,0) 87%,rgba(19,19,19,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0000000', endColorstr='#00131313',GradientType=0 ); /* IE6-9 */
}

.programas__page_left {
  .page__content-bottom,
  .page__subnav {
    position: fixed;
    left: 50%;
    margin-left: -530px;
  }
  .page__content-bottom {
    margin-left: -500px;
  }
}
@media only screen and (max-width: 1024px){
  .programas__page_left {
    .page__subnav {
      margin-left: -504px;
    }
    .page__content-bottom {
      margin-left: -470px;
    }
  }
}
@media only screen and (max-width: 48.000em){
  .programas__page_left {
    .page__subnav {
      margin-left: -387px;
    }
    .page__content-bottom {
      margin-left: -354px;
    }
  }
}

.pager {
  ul {
    .ul_reset;
    li{
      width: 10px;
      height: 10px;
      float: left;
      margin:0 3px;
      background-color: #fff;
      cursor: pointer;
      .rounded(10px);
    }
    li.selected { background-color: @gold; }
  }
  .arrow { diplay:none; }
}
.warper {
  width:1020px;
  .m_center;
}
.warper--top {
  position: relative;
  height: 150px;
}

.warper_home {
  width:100%;
  max-width: 1020px;
  .m_center;
}

.main__nav {
  position: absolute;
  bottom: 24px;
  right: 15px;
  height: 20px;
}
.main__nav-ul {
  .ul_reset;
  li {
    .reset;
    margin-left: 25px;
    float: left;
    font-size: 13pt;
    .f_ral_reg;
    text-transform: uppercase;
    .gray;

    a { text-decoration: none; }
  }
}
.text-lang{
  color: @gray;
  text-decoration: none;
  .f_ral_reg;
  font-size: 10pt;
  line-height: 17pt;
  div{ width:18px; }
}
.text-lang:hover{
  color: @gold;
  
}

.mobile__menu {
  position: fixed;
  z-index: 3000;
  right: 0px;
  width: 55%;
  height: 100%;
  font-size: 10pt;
  visibility: hidden;
  background-color: #fff;
  overflow: auto;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.5s, visibility 0.5s;
  transition: transform 0.5s, visibility 0.5s;
  .no-underline;
  
  nav { margin-top: 155px; }
  .icon-right { display: none; }
  a { color: #000; }
  a:hover { color: @gold2; }
  ul {
    width: 100%;
    .ul_reset;
    li{
      position: relative;
      padding: 10px 17px;
      .f_ral_reg;
      text-transform: uppercase;
      cursor: pointer;
      .boxsizing;      
    }
    li:hover {
      color: @gold2;
      a, a:hover { color: @gold2; }
    }
    li:before { //Position fontello icons
      position: absolute;
      right: 10px;
    }
    .icon-mobile {
      width: 100%;
      height: 45px;
    }
  }
}

.mobile__menu-button{
  position: absolute;
  bottom: 15px;
  right: 15px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: none;
  vertical-align: middle;
  font-size: 24pt;
  color: @gold2;
  background-color: #fff;
  cursor: pointer;
}

.mobile__cancel-button{
  position: absolute;
  top: 10px;
  right: 15px;
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: none;
  vertical-align: middle;
  font-size: 18pt;
  color: @gold2;
  background-color: #fff;
  cursor: pointer;
}

.mobile__menu--open {
  visibility: visible;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.blur__filter:before {
  position: fixed;
  visibility: hidden;
  z-index: 2500;
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255, 0.3);
  opacity: 0;
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
  content: '';
}
.blur__filter--on {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}
.blur__filter--on:before {
  visibility: visible;
  opacity: 1;
}


.contents { top: 150px; }
.contents--home {
  width: 1020px;
}
.contents-home__container {
  width: 405px;
  margin-top: 130px;
  text-align: center;

  h1 {
    .reset;
    font-size: 22pt;
    .f_trajan_reg;
    color: @gold2;
  }

  p {
    font-size: 11pt;
    line-height: 13pt;
    color: #fff;
    .f_ral_reg;
  }
}

.bottom {
  position: absolute;
  bottom: 0px;
  z-index: 201;
  width: 100%;
  padding-bottom: 15px;
  font-size: 9pt;
  .f_ral_reg;
  color: #fff;
}
.bottom--fixed {
  bottom: auto;
  top: 640px;
}

.page {
  width: 100%;
  height: 100%;
}
.page__left { 
  width: 45%; 
  height: 100%;
  float: left;
}
.page__right {
  position: relative;
  width: 55%; 
  height: 100%;
  float: right;
}
.page__column--bg {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  .shadow (0px, 0px, 30px, 0px, #000);
}
.page__subnav {
  
  width: 453px;
  height: 100%;
  padding-left: 30px;
  float: right;
  .boxsizing;

  ul{
    .ul_reset;
    margin-bottom: 50px;
    li{
      font-size: 12pt;
      .f_ral_reg;

      a { 
        text-decoration: none; 
        cursor: pointer;
      }
    }
    li.selected { a { color: @gold; } }
  }
}
.page__subnav-bottom {
  display: none;
  position: absolute;
  bottom: 30px;
  width: 300px;
  height: 100px;
  background-color: #f00;
}
.page__content {
  position: relative;
  width: 550px;
  min-height: 100%;
  float: left;
  .boxsizing;
}
.page__content--contactos { position: static; }
.page__content-bottom {
  position: absolute;
  bottom: 20px;
  right: 30px;
  width: 943px;
  height: 30px;
  margin-top: 30px;
  font-size: 8pt;
  color: #fff;
}
.page__content-bottom--contactos {
  right: auto;
  left: -423px;
}
.page__content-bottom__header {
  position: absolute;
  top:-100px;
  .f_trajan_reg;
  font-size: 14pt;
  line-height: 17pt;
  text-transform: uppercase;
}
.page__areatitle {
  .reset;
  margin-top: 70px;
  margin-bottom: 15px;
  font-size: 28pt;
  .f_ral_reg;
  font-weight: 300;
  color: #fff;
}
.google__maps {
  position: absolute;
  width: 100%;
  height: 100%;
}

.icon_gallery{

}
.icon_gold{
  float: left;
  margin-right: 10px;
}


.transition(@time) {
  -webkit-transition: all @time ease-in-out;
  -moz-transition: all @time ease-in-out;
  transition: all @time ease-in-out;
}
._transform(@x, @y, @z) {
  -moz-transform: translate3d(@x, @y, @z);
  -webkit-transform: translate3d(@x, @y, @z);
  transform: translate3d(@x, @y, @z);
}

.galeria{
  position: fixed;
  z-index: 1000;
  height: ~"calc(100% - 150px)";
  width: 100%;
  top: 150px;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  background-color: #2F2F2F;
  .transition(0.3s);
  
  .galeria_titulo{
    position: absolute;
    width: 100%;
    height: 70px;
    top: 0;
    left: 0;
    z-index: 2;
    background-color: rgba(0,0,0,0.2);
    h1{
      text-align: center;
      font-size: 26px;
      font-family: Raleway;
      font-weight: 300;
      color: #fff;
      margin: 0; 
      padding-top: 15px;
    }
  }
  .box_bg {
    position: absolute;
    background-color: rgba(0,0,0,0.2);
    padding:20px;
    cursor: pointer;
  }
  .close_box{
    right:0;
    margin-top: -51px;
  }
  .arrow_box_left{
    z-index: 2;
    top: 50%;
    margin-top: -45px;
  }
  .arrow_box_right{
    z-index: 2;
    top: 50%;
    right: 0;
    margin-top: -45px;
  }
  .icon-arrow-left{ 
  }
  .icon-arrow-right{
  }
  .cycle__galeria_items {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;    
  }
  .cycle__galeria_item {
    width: 100%;
    height: 100%;
    img {
      position: absolute;
      top: 50%;
      left: 50%;
      max-width: 100%;
      max-height: 100%;
      ._transform(-50%, -50%, 0);
    }
  }
}
.galeria--open {
  opacity: 1;
  visibility: visible;
}




/* ---------------------------- BLOCO DE DESTAQUES - HOME ---------------------------- */
.destaque_home-container{
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
  z-index: 999999999;
  .contents--home{
    position: relative;
  }
  .icon-close-gold{
    position: absolute;
    top: 15px;
    right: 20px;
    cursor: pointer;
    z-index: 500;
  }
  .btn_more{
    position: absolute;
    bottom: 15px;
    right: 20px;
    font-size: 12px;
    line-height: 12px;
    color: #FFFFFF;
    padding: 6px 9px;
    background-color: #acacac;
    z-index: 500;
  }
  .destaque_home-item{
    xdisplay: table;
    width: 100%;
    .left{
      float: left;
      width: 50%;
      height: 160px;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }
    .right{
      float: right;
      width: 49%;
      padding: 15px 20px 15px 20px;
      .boxsizing;
      h1, h2, h3, p{ margin:0;padding:0; }
      h1{ 
        .f_trajan_reg;
        font-size: 24px;
        line-height: 28px;
        text-transform: uppercase;
        color: @gold2;
        padding-bottom: 5px;
        padding-right: 35px;
      }
      h2{
        .f_ral_bold;
        font-size: 17px;
        line-height: 20px;
        text-transform: uppercase;
        color: #656565;
        padding-bottom: 2px;
      }
      h3{
        .f_ral_bold;
        font-size: 15px;
        line-height: 19px;
        color: #656565;
        padding-bottom: 4px;
      }
      div, p{
        font-size: 13px;
        line-height: 17px;
        color: #656565;
        padding-right: 110px;
      }
    }  
  }  
}


.editor {
  width: 100%;
  padding: 80px 30px 40px 30px;
  font-size: 11pt;
  .f_ral_reg;
  color: #656565;
  .boxsizing;

  a { 
    color: @gray; 
    text-decoration: none;
  }
  a:hover { color: @gold; }

  p {
    .reset;
    position: relative;
    margin-bottom: 15px;
  }
  p:last-child { margin-bottom: 40px; }
  h1 {
    position: relative;
    .reset;
    padding-left: 35px;
    margin-bottom: 15px;
    font-size: 20pt;
    .f_ral_reg;
    color: @gold2;
  }
  h1:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 13px;
    .icon-bullet--small;
    .sprite;
  }
  h2 {
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 24pt;
    line-height: 24pt;
    .f_ral_reg;
    color: @gold;
  }
  h3 {
    margin-top: 15px;
    margin-bottom: 0px;
    font-size: 12pt;
    line-height: 15pt;
    .f_ral_bold;
  }
  p.small {
    font-size: 13px;
  }
  .subtitulo1 {
    .reset;
    margin-bottom: 20px;
    font-size: 22px;
    color: #866913;
  }
  .subtitulo2 {
    .reset;
    font-size: 16px;
    color: #866913;
    text-transform: uppercase;
  }
  .subtitulo3 {
    .reset;
    font-size: 14px;
    color: #866913;
  }
  .small{ font-size: 10pt;line-height: 12pt; }
  ul{
    margin-top: 5px;
  }
}

.main__subMenu{
  background-color: rgba(250, 250, 250, 0.95);
  position:absolute;
  clear: both;
  width:100%;
  margin-top: 150px;
  box-shadow: inset 0px 5px 5px 0px rgba(214,214,214,0.8);
  display: none;
}
.main__subMenu_container{
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.main__subMenu_left{
  float: left;
  width: 205px;
}
.main__subMenu_right{
  float: right; 
}
.main_subMenu_titulo{
  font-size: 20px;
  color: #cdab59;
  font-family: Raleway;
  margin-top: 25px;
  margin-bottom: 20px;
}
.main_subMenu_list{
  font-size: 14px;
  font-family: Raleway;
  padding-left: 10px;
  margin-bottom: 35px;
  line-height: 1.05;
  list-style-type: none;
  a{
    text-decoration: none;
    color:#656565;
  }
  li{
    margin-bottom: 5px;
  }
  li:hover{
    color: #cdab59;
  }
  li:before{
  content: '.';
  position: absolute;
  font-size: 20px;
  margin-left: -8px;
  margin-top: -10px;

  }
}
.main_subMenu_destaques{
  width: 650px;
  display: flex;
  flex-wrap: wrap;
  a{
    text-decoration: none;
  }
}
.main_subMenu_destaque{
  width: 320px;
}
.main_subMenu_destaque_img{
  float: left;
  margin-bottom: 20px;
  margin-right: 10px;
}
.main_subMenu_destaque_subtitulo{
  color: #cdab59;
  font-size:17px;
  font-family: Raleway;
  line-height: 18px;
  margin:0px;
  padding-right: 10px;
}
.main_subMenu_destaque_subtitulo:hover{
  color:#656565;
}
.main_subMenu_destaque_info{
  color: #656565;
  font-size: 14px;
  font-family: Raleway;
  line-height: 18px;
  margin:0px;
  padding-right: 10px;
}




/*MEDIA QUERYS*/
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
 .sprite { .sprite-x2; }
}

//Mobile First
@media only screen and (min-width: 1em){

}
//0px to 320px
@media only screen and (min-width: 1em) and (max-width: 20em){
  .contents-home__container { width: 100%; }
}
//0 to 768
@media only screen and (max-width: 48.000em){
  .main { min-width: 768px; }
  .main__top-left .main__top-container {
    width: 453px;
    float: left;
  }
  .main__top-right .main__top-container {
    width: 100%;
  }
  .main__nav { display: none; }
  .page__subnav { width: 315px; }
  .page__content { width: 400px; }
  .page__content-bottom { width: 655px; }
  .page__content-bottom__header { font-size: 13pt; }
  .contents--home { width: 768px; } 
  .mobile__menu-button { display: block; }
  .mobile__cancel-button { display: block; }

  .page__content-bottom--contactos { left: -284px; }
  .text-lang{
    margin-right: 10px;
  }
  .icon-iata { margin-left: 17px; }
  .destaque_home-container{
    .destaque_home-item{
      .left{
        height: 220px;
      }
    }  
  }
}
//1200
@media only screen and (min-width: 75.000em){
  .logo_with_chat {
    margin-right: 190px;
  }
}
//1550
@media only screen and (min-width: 96.875em){
  .logo_with_chat {
    margin-right: 0px;
  }
}

/* helpers */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}


@font-face {
  font-family: 'fontello';
  src: url('../webfont/fontello-42503103.eot');
  src: url('../webfont/fontello-42503103.eot#iefix') format('embedded-opentype'),
       url('../webfont/fontello-42503103.woff') format('woff'),
       url('../webfont/fontello-42503103.ttf') format('truetype'),
       url('../webfont/fontello-42503103.svg#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg-42503103.html#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
.icon-linkedin:before { content: '\e800'; } /* '' */
.icon-facebook:before { content: '\e801'; } /* '' */
.icon-mail:before { content: '\e802'; } /* '' */
.icon-twitter:before { content: '\e803'; } /* '' */
.icon-menu:before { content: '\e804'; } /* '' */
.icon-youtube-1:before { content: '\e805'; } /* '' */
.icon-cancel:before { content: '\e806'; } /* '' */