@charset "utf-8";

/* Css Básico
----------------------------------------------------------------------------------------------------*/
* {
  margin: 0px;
  padding: 0px;
  z-index: 1;
  border: 0;
}
body {
  min-width: 978px;
  font: 13px "Open Sans", sans-serif, Arial, Helvetica;
  color: #0c2a46;
  font-weight: normal;
  line-height: 20px;
  background: #fff url(../img/bg.png) repeat-x;
}
#popup {
  background-image: none;
  height: 100px;
}
body,
html {
  height: 100%;
}
html {
  font-size: 100%;
}
a:link,
a:visited,
a:active {
  color: #087cbe;
  text-decoration: none;
}
a:hover {
  color: #ff7200;
}

ul li {
  list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif, Arial, Helvetica;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 36px;
  color: #0c2a46;
  font-weight: 300;
  line-height: 36px;
  margin-bottom: 60px;
}
h2 {
  font-size: 24px;
  color: #0c2a46;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #e7e7e6;
  padding: 0 50px 20px;
  width: 978px;
  position: relative;
  left: -50px;
}
#popup h2 {
  padding: 0 0 20px;
  width: auto;
  margin-top: 30px;
  left: 0;
}
.footer h2 {
  border: 0;
  color: #fff;
  padding: 0;
  width: auto;
  left: 0;
}
h3 {
  font-size: 20px;
  color: #0088ef;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 10px;
}
h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 10px;
}
h5 {
  font-size: 16px;
  color: #0c2a46;
  font-weight: 300;
  line-height: 30px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: 1px dotted #e7e7e6;
  width: 978px;
  position: relative;
}

img {
  border: none;
}
p,
ul,
form {
  margin: 0;
  padding: 0;
}
p {
  margin-bottom: 20px;
}
table,
tbody {
  border-spacing: 0;
  margin: 0px;
  padding: 0px;
  border-spacing: 0 !important;
}
th,
td {
  font-weight: normal;
}

/* Grid
----------------------------------------------------------------------------------------------------*/
div.layout-978 {
  width: 978px;
  margin: 0px auto;
  position: relative;
}

div.row {
  height: 1%;
}
div.row-end {
  clear: both;
  font: 1px/1px sans-serif;
  height: 0;
  overflow: hidden;
}

div.col1,
div.col2,
div.col3,
div.col4,
div.col5,
div.col6,
div.col7,
div.col8,
div.col9,
div.col10,
div.col11,
div.col12 {
  float: left;
  margin-left: 30px;
}
div.col1:first-child,
div.col2:first-child,
div.col3:first-child,
div.col4:first-child,
div.col5:first-child,
div.col6:first-child,
div.col7:first-child,
div.col8:first-child,
div.col9:first-child,
div.col10:first-child,
div.col11:first-child,
div.col12:first-child {
  margin-left: 0px;
}
div.col1 {
  width: 54px;
}
div.col2 {
  width: 138px;
}
div.col3 {
  width: 222px;
}
div.col4 {
  width: 306px;
}
div.col5 {
  width: 390px;
}
div.col6 {
  width: 474px;
}
div.col7 {
  width: 558px;
}
div.col8 {
  width: 642px;
}
div.col9 {
  width: 726px;
}
div.col10 {
  width: 810px;
}
div.col11 {
  width: 894px;
}
div.col12 {
  width: 978px;
}

div.col1,
div.col2,
div.col3,
div.col4,
div.col5,
div.col6,
div.col7,
div.col8,
div.col9,
div.col10,
div.col11,
div.col12 {
  padding: 0px;
  position: relative;
}
div.row {
  padding-top: 10px;
  padding-bottom: 10px;
}
div.row:first-child {
  margin: 0;
  padding-top: 0;
}
div.row:last-child {
  margin: 0;
}

.first {
  margin-left: 0 !important;
}

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clear-height {
  clear: both;
  height: 15px;
  display: block;
}
.clearfix:before,
.clearfix:after {
  content: "\0020";
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}

/* Conteúdo
----------------------------------------------------------------------------------------------------*/
.padding0 {
  padding: 0 !important;
}
.margin0 {
  margin: 0 !important;
}
.margin_top8 {
  margin-top: 8px !important;
}
.margin_top15 {
  margin-top: 15px !important;
}
.margin_left20 {
  margin-left: 20px !important;
}
.margin_left30 {
  margin-left: 30px !important;
}
.right {
  float: right;
}
.left {
  float: left;
}
.center {
  text-align: center;
}
footer {
  height: 237px;
  color: #fff;
  font-size: 13px;
  background: url(../img/bg-footer.png) repeat-x;
}
.footer {
  height: 142px !important;
  padding-top: 40px !important;
  font-weight: 300;
}
.footer a:link,
.footer a:visited,
.footer a:active {
  color: #ffea00;
  text-decoration: none;
}
.footer a:hover {
  color: #00fffc;
}
.mb-10{
  margin-bottom: 10px !important;
}

.divisoria {
  clear: both;
  margin-top: 20px;
  height: 1px;
}
small {
  font-size: 11px;
  color: #7f7f7f;
}

.voltar {
  width: 75px !important;
  float: right !important;
  padding-left: 22px !important;
}
.ico-voltar {
  background: url(../img/seta-voltar.png) no-repeat;
  display: block;
  width: 8px;
  height: 17px;
  float: left;
  margin-top: 6px;
}
.ico-add {
  background: url(../img/seta.png) center center no-repeat;
  display: block;
  width: 26px;
  height: 26px;
  position: absolute;
  right: 10px;
  top: 30%;
  margin-left: 20px;
}

.foto {
  border: 1px solid white;
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

hr {
  margin: 20px 0;
  border: 0;
  border-top: 1px solid #dfdfdf;
  border-bottom: 1px solid white;
}

/* Cabecalho */
.cabecalho {
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
  height: 186px;
}
.cabecalho-inner {
  min-height: 120px;
  padding-right: 0;
  padding-left: 0;
}

.area a {
  position: absolute;
  right: 0;
  width: 200px;
  height: 35px;
  margin-top: 0;
  float: right;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
  text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.3);
}
.area a {
  line-height: 34px;
  padding: 0 16px;
  display: block;
  text-align: center;
  border: 1px solid #1694da;
  -webkit-border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  border-radius: 0px 0px 3px 3px;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  background: #068aee; /* Old browsers */
  background: -moz-linear-gradient(top, #068aee 1%, #037ad3 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #068aee),
    color-stop(100%, #037ad3)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #068aee 1%,
    #037ad3 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #068aee 1%,
    #037ad3 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #068aee 1%, #037ad3 100%); /* IE10+ */
  background: linear-gradient(to bottom, #068aee 1%, #037ad3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#068aee', endColorstr='#037ad3',GradientType=0 ); /* IE6-9 */
}
.area a:hover {
  border: 1px solid #1694da;
  background: #2ba4ff; /* Old browsers */
  background: -moz-linear-gradient(top, #2ba4ff 1%, #4c87eb 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #2ba4ff),
    color-stop(100%, #4c87eb)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #2ba4ff 1%,
    #4c87eb 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #2ba4ff 1%,
    #4c87eb 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2ba4ff 1%, #4c87eb 100%); /* IE10+ */
  background: linear-gradient(to bottom, #2ba4ff 1%, #4c87eb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba4ff', endColorstr='#4c87eb',GradientType=0 ); /* IE6-9 */
}

/* Imagens diversas
----------------------------------------------------------------------------------------------------*/
.ico {
  background: url(../img/imagens.png) no-repeat;
  overflow: hidden;
  text-indent: 5000px;
  display: block;
  position: relative;
  float: left;
}
.logo {
  width: 234px;
  height: 80px;
  background-position: 0 0;
  margin-top: 60px;
}
.logo.on {
  background-position: 0 -80px;
}
.certificado-logo {
  float: left;
  display: block;
  position: absolute;
  width: 320px;
  font-size: 11px;
  line-height: 14px;
  top: 122px;
  margin-bottom: 50px;
}

.cadeado {
  width: 21px;
  height: 21px;
  background-position: -63px -223px;
  margin-right: 10px;
  margin-top: 5px;
}

.anatomia,
.cliente,
.exames,
.resultados,
.manual {
  width: 99px;
  height: 100px;
  clear: both;
  float: none;
  margin: 5px auto 20px;
}

.cliente {
  background-position: -256px 0;
}
.exames {
  background-position: -256px -100px;
}
.resultados {
  background-position: -356px 0;
}
.manual {
  background-position: -356px -100px;
}
.anatomia {
  background-position: -256px -200px;
}

.tel {
  width: 21px;
  height: 21px;
  background-position: 0 -223px;
  margin-right: 5px;
}
.email {
  width: 21px;
  height: 21px;
  background-position: -42px -223px;
  margin-right: 5px;
}
.end {
  width: 21px;
  height: 21px;
  background-position: -21px -223px;
  margin-right: 5px;
  margin-bottom: 20px;
}

.tel2 {
  width: 21px;
  height: 21px;
  background-position: 0 -244px;
  margin-right: 5px;
}
.email2 {
  width: 21px;
  height: 21px;
  background-position: -42px -244px;
  margin-right: 5px;
}
.end2 {
  width: 21px;
  height: 21px;
  background-position: -21px -244px;
  margin-right: 5px;
}

.rss {
  width: 35px;
  height: 35px;
  background-position: -69px -189px;
  float: left;
  margin-left: 5px;
}
.twitter {
  width: 35px;
  height: 35px;
  background-position: -34px -189px;
  float: left;
  margin-left: 5px;
}
.facebook {
  width: 35px;
  height: 35px;
  background-position: 0 -189px;
  float: left;
}

.hover {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 10;
}
.ativo {
  position: absolute;
  left: 0;
  top: 0;
}

ul,
ol {
  list-style-type: none;
}

ul.lista1 {
  margin-bottom: 20px;
}
ul.lista1 > li {
  padding: 0 0 0 25px;
  background: url(../img/dot.png) 0 6px no-repeat;
  margin-bottom: 10px;
}

ul.download > li a.baixar {
  width: auto;
  position: relative;
  padding: 10px 10px 10px 57px;
  background: #fff url(../img/imagens.png) 6px -335px no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
  min-height: 44px;
}
ul.download > li a.pasta {
  width: auto;
  position: relative;
  padding: 10px 10px 10px 57px;
  background: #fff url(../img/imagem3.png) -65px -804px no-repeat;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  display: block;
  min-height: 44px;
}
ul.download > li .baixar:hover {
  color: #fff;
  background: #0088ef url(../img/imagens.png) 6px -335px no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
ul.download > li .pasta:hover {
  color: #fff;
  background: #0088ef url(../img/imagem3.png) -65px -804px no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.uk-slideset li.uk-active {
  text-align: center;
}
.uk-slidenav-position .uk-slidenav-previous {
  left: -50px !important;
}
.uk-slidenav-position .uk-slidenav-next {
  right: -50px !important;
}
.uk-slidenav-previous:before,
.uk-slidenav-next:before {
  color: #0889ec;
}

/* VIA
-------------------------------------------------- */
.via {
  display: block;
  width: 25px;
  height: 13px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.6;
  margin-top: 5px;
  float: right;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.via:hover {
  opacity: 1;
}

.via {
  background-image: url(../img/via-positivo.svg);
}

/* Botoes
----------------------------------------------------------------------------------------------------*/

.botao {
  float: left;
}
a.botao {
  float: none;
}
.botao,
a.botao {
  font: 13px "Open Sans", Arial, Helvetica, sans-serif;
  width: auto;
  line-height: 29px;
  padding: 0 15px;
  cursor: pointer;
  display: block;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
}

.azul,
a.azul {
  color: #fff;
  border: 1px solid #1694da;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background: #068aee; /* Old browsers */
  background: -moz-linear-gradient(top, #068aee 1%, #037ad3 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #068aee),
    color-stop(100%, #037ad3)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #068aee 1%,
    #037ad3 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #068aee 1%,
    #037ad3 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #068aee 1%, #037ad3 100%); /* IE10+ */
  background: linear-gradient(to bottom, #068aee 1%, #037ad3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#068aee', endColorstr='#037ad3',GradientType=0 ); /* IE6-9 */
}
a.azul:hover {
  color: #fff;
  border: 1px solid #1694da;
  background: #2ba4ff; /* Old browsers */
  background: -moz-linear-gradient(top, #2ba4ff 1%, #4c87eb 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #2ba4ff),
    color-stop(100%, #4c87eb)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #2ba4ff 1%,
    #4c87eb 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #2ba4ff 1%,
    #4c87eb 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #2ba4ff 1%, #4c87eb 100%); /* IE10+ */
  background: linear-gradient(to bottom, #2ba4ff 1%, #4c87eb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2ba4ff', endColorstr='#4c87eb',GradientType=0 ); /* IE6-9 */
}

.cinza,
a.cinza {
  color: #0088ef;
  text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.3);
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  background: #fdfdfd; /* Old browsers */
  background: -moz-linear-gradient(top, #fdfdfd 1%, #e1e1e0 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #fdfdfd),
    color-stop(100%, #e1e1e0)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #fdfdfd 1%,
    #e1e1e0 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #fdfdfd 1%,
    #e1e1e0 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #fdfdfd 1%, #e1e1e0 100%); /* IE10+ */
  background: linear-gradient(to bottom, #fdfdfd 1%, #e1e1e0 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e1e1e0',GradientType=0 ); /* IE6-9 */
}
.cinza:hover,
a.cinza:hover {
  color: #0088ef;
  border: 1px solid #fcf2bd;
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 1%, #fcf2bd 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #ffffff),
    color-stop(100%, #fcf2bd)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #ffffff 1%,
    #fcf2bd 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #ffffff 1%,
    #fcf2bd 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #ffffff 1%, #fcf2bd 100%); /* IE10+ */
  background: linear-gradient(to bottom, #ffffff 1%, #fcf2bd 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fcf2bd',GradientType=0 ); /* IE6-9 */
}

/* Menu
----------------------------------------------------------------------------------------------------*/

#menu {
  margin: 90px 0 0 0;
  padding: 0;
  font-size: 14px;
  z-index: 1000;
  position: absolute;
  right: 0;
  height: 38px;
}

/* Top menu items */
#menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}
#menu ul li {
  padding: 0;
  float: left;
  position: relative;
  top: 0;
}
#menu ul li a {
  color: #0c2a46;
  text-align: center;
  display: block;
  white-space: nowrap;
  width: auto;
  margin-left: 4px;
  cursor: pointer;
  padding: 0 13px;
  font-weight: 400;
  line-height: 38px;
  text-transform: uppercase;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 1);

  -webkit-transition-property: all;
  -moz-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

#menu ul li a.active,
#menu ul li a.active:hover,
#menu ul li a.active2 {
  color: #fff;
  text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.3);

  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);

  background: #068aee; /* Old browsers */
  background: -moz-linear-gradient(top, #068aee 1%, #037ad3 100%); /* FF3.6+ */
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(1%, #068aee),
    color-stop(100%, #037ad3)
  ); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(
    top,
    #068aee 1%,
    #037ad3 100%
  ); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(
    top,
    #068aee 1%,
    #037ad3 100%
  ); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #068aee 1%, #037ad3 100%); /* IE10+ */
  background: linear-gradient(to bottom, #068aee 1%, #037ad3 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#068aee', endColorstr='#037ad3',GradientType=0 ); /* IE6-9 */
}
#menu ul li a:hover {
  color: #01cdff;
  background-color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;

  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}

/* INPUTS, BUTTOM & SELECT
----------------------------------------------------------------------------------------------------*/
button {
  margin-left: 10px;
}

form div {
  float: left;
  margin-left: 10px;
}

form div.span1 {
  width: 38px !important;
}
form div.span1 input.span1,
form div.span1 select.span1,
form div.span1 textarea.span1 {
  width: 24px;
  margin-left: 0;
}

form div.span2 {
  width: 155px !important;
}
form div.span2 input.span2,
form div.span2 select.span2,
form div.span2 textarea.span2 {
  width: 141px;
  margin-left: 0;
}

form div.span3 {
  width: 188px !important;
}
form div.span3 input.span3,
form div.span3 select.span3,
form div.span3 textarea.span3 {
  width: 173px;
  margin-left: 0;
}

form div.span4 {
  width: 215px !important;
}
form div.span4 input.span4,
form div.span4 select.span4,
form div.span4 textarea.span4 {
  width: 201px;
  margin-left: 0;
}

form div.span5 {
  width: 274px !important;
}
form div.span5 input.span5,
form div.span5 select.span5,
form div.span5 textarea.span5 {
  width: 261px;
  margin-left: 0;
}

form div.span6 {
  width: 384px !important;
}
form div.span6 input.span6,
form div.span6 select.span6,
form div.span6 textarea.span6 {
  width: 371px;
  margin-left: 0;
}

form div.span7 {
  width: 392px !important;
}
form div.span7 input.span7,
form div.span7 select.span7,
form div.span7 textarea.span7 {
  width: 392px;
  margin-left: 0;
}

form div.span8 {
  width: 451px !important;
}
form div.span8 input.span8,
form div.span8 select.span8,
form div.span8 textarea.span8 {
  width: 451px;
  margin-left: 0;
}

form div.span9 {
  width: 510px !important;
}
form div.span9 input.span9,
form div.span9 select.span9,
form div.span9 textarea.span9 {
  width: 510px;
  margin-left: 0;
}

form div.span10 {
  width: 569px !important;
}
form div.span10 input.span10,
form div.span10 select.span10,
form div.span10 textarea.span10 {
  width: 569px;
  margin-left: 0;
}

form div.span11 {
  width: 628px !important;
}
form div.span11 input.span11,
form div.span11 select.span11,
form div.span11 textarea.span11 {
  width: 628px;
  margin-left: 0;
}

form div.span12 {
  width: 687px !important;
}
form div.span12 input.span12,
form div.span12 select.span12,
form div.span12 textarea.span12 {
  width: 687px;
  margin-left: 0;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  float: left;
  color: #b0b0b0;
  display: inline-block;
  line-height: normal;
  padding: 6px 10px;
  width: 98%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;

  background-color: white;
  border: 1px solid #ccc;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1),
    inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea {
  min-height: 100px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  display: inline-block;
  padding: 4px 6px;
  margin-bottom: 9px;
  font-size: 14px;
  line-height: 21px;
  color: #a5aab2;
  height: 22px;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075),
    0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="checkbox"] {
  margin-right: 10px;
}

label {
  display: block;
  margin-bottom: 5px;
}

.error {
  color: red;
  font-weight: bold;
  margin-bottom: 5px;
}

select {
  width: 100%;
  *width: 100%;
  background-color: white;
  border: 1px solid #ccc;
}
select,
input[type="file"] {
  height: 30px;
  line-height: 30px;
}

.box-area {
  margin: 0 24px 20px 0;
  float: left;
}
.box-area.last {
  margin-right: 0;
}

.customModal {
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  position: fixed;
  z-index: 999;
  top: 0;
  text-align: center;
  vertical-align: center;
  display: none;
}

.customModalBox {
  width: 680px;
  height: 540px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -320px;
  margin-top: -270px;
}

.cookiealert {
  font-size: 12.5px;
  display: flex !important;
  align-items:center;
  position: fixed;
  visibility: hidden;
  z-index: 999;
  bottom: 0;
  left: 16px;
  right: 16px;
  margin: auto;
  max-width: 1334px;
  min-height: 70px;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.4);
  border: solid 1px #eeeeee;
  background-color: #fff;
  transform: translateY(100%);
  transition: all 500ms ease-out;
  
  }


  
  @media only screen and (max-width: 800px){
  .cookiealert.show {
    flex-flow: column;
        }
        .default-btn{
            width: 100% !important;
        }
        .acceptcookies{
            margin-left: 5px !important;
        }
        .cookiealert {
            flex-flow: column;
        }
  }
  
  .alert.text-center.cookiealert.show{
    border-radius: 0px ;
    padding-left: 5px;
  }
  
  /* .btn.btn-cookie{
      color: #fff;
      background-color: #364ea2;
      margin-left: 15px;
  }
  
  .btn-cookie:hover{
    color: #fff;
    background-color: #286090;
    border-color: #204d74;
  }
   */
  .cookiealert.show {
    z-index: 9999;
      padding-left:10px;
      bottom: 16px;
      left: 16px;
      right: 16px;
      opacity: 1;
      visibility: visible;
      transform: translateY(0%);
      transition-delay: 1000ms;
  }
  .cookiealert.show {
    padding-left: 3px;
  }
  
  .cookiealert a.link {
      text-decoration: underline;
  }


.mb-2 {
  margin-bottom: 20px !important;
}

.buttonMazSize {
  padding: 5px 15px !important; 
  max-width: 300px !important;
}

.alignContentCenter {
  display: flex;
  justify-content: center;
}

.ot-form-wrapper {
  max-width: 750px;
  height: 800px;
  border: 1px solid #c0c2c7;
  margin: auto;
}

.ot-form-wrapper iframe {
  width: 100%;
  height: 100%;
  border: none;
}