/*
 *    Import css stylesheets
 */

@import "resets.css";
@import "components.css";
@import "forms.css";
@import "media.css";
@import "leaflet.css";
@import "slider.css";

/*
 *    Main styles
 */

body {
  font-family: 'Open Sans';
  color: #333;
  background: #ededed;
}

.wrapper {
  display: block;
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
}

#js-detail {
  display: none;
}

.card-inner {
  cursor: pointer;
  -ms-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.card-inner:hover{
  box-shadow: 1px 1px 10px #999;
}

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

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

.hidden {
  display: none;
}

a {
  cursor: pointer;
}

/*
 *    Spinner styles
 */

.cssload-fond{
  position:relative;
  margin: auto;
}

.cssload-container-general
{
  animation:cssload-animball_two 1.6s infinite;
  -o-animation:cssload-animball_two 1.6s infinite;
  -ms-animation:cssload-animball_two 1.6s infinite;
  -webkit-animation:cssload-animball_two 1.6s infinite;
  -moz-animation:cssload-animball_two 1.6s infinite;
  width:77px; height:77px;
}
.cssload-internal
{
  width:77px; height:77px; position:absolute;
}
.cssload-ballcolor
{
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
.cssload-ball_1, .cssload-ball_2, .cssload-ball_3, .cssload-ball_4
{
  position: absolute;
  animation:cssload-animball_one 1.6s infinite ease;
  -o-animation:cssload-animball_one 1.6s infinite ease;
  -ms-animation:cssload-animball_one 1.6s infinite ease;
  -webkit-animation:cssload-animball_one 1.6s infinite ease;
  -moz-animation:cssload-animball_one 1.6s infinite ease;
}
.cssload-ball_1
{
  background-color:rgb(203,32,37);
  top:0; left:0;
}
.cssload-ball_2
{
  background-color:rgb(248,179,52);
  top:0; left:42px;
}
.cssload-ball_3
{
  background-color:rgb(0,160,150);
  top:42px; left:0;
}
.cssload-ball_4
{
  background-color:rgb(151,191,13);
  top:42px; left:42px;
}

@keyframes cssload-animball_one
{
  0%{ position: absolute;}
  50%{top:21px; left:21px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}

@-o-keyframes cssload-animball_one
{
  0%{ position: absolute;}
  50%{top:21px; left:21px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}

@-ms-keyframes cssload-animball_one
{
  0%{ position: absolute;}
  50%{top:21px; left:21px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}

@-webkit-keyframes cssload-animball_one
{
  0%{ position: absolute;}
  50%{top:21px; left:21px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}

@-moz-keyframes cssload-animball_one
{
  0%{ position: absolute;}
  50%{top:21px; left:21px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}

@keyframes cssload-animball_two
{
  0%{transform:rotate(0deg) scale(1);}
  50%{transform:rotate(360deg) scale(1.3);}
  100%{transform:rotate(720deg) scale(1);}
}

@-o-keyframes cssload-animball_two
{
  0%{-o-transform:rotate(0deg) scale(1);}
  50%{-o-transform:rotate(360deg) scale(1.3);}
  100%{-o-transform:rotate(720deg) scale(1);}
}

@-ms-keyframes cssload-animball_two
{
  0%{-ms-transform:rotate(0deg) scale(1);}
  50%{-ms-transform:rotate(360deg) scale(1.3);}
  100%{-ms-transform:rotate(720deg) scale(1);}
}

@-webkit-keyframes cssload-animball_two
{
  0%{-webkit-transform:rotate(0deg) scale(1);}
  50%{-webkit-transform:rotate(360deg) scale(1.3);}
  100%{-webkit-transform:rotate(720deg) scale(1);}
}

@-moz-keyframes cssload-animball_two
{
  0%{-moz-transform:rotate(0deg) scale(1);}
  50%{-moz-transform:rotate(360deg) scale(1.3);}
  100%{-moz-transform:rotate(720deg) scale(1);}
}