/* @keyframes */
@keyframes fadein {
    from {opacity:0;}
    to {opacity:1;}
}
@-moz-keyframes fadein { /* Firefox */
    from { opacity:0;}
    to { opacity:1;}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {opacity:0;}
    to {opacity:1;}
}
@-o-keyframes fadein { /* Opera */
    from {opacity:0;}
    to {opacity: 1;}
}
@keyframes slidein {
  from {margin-top: -20px; opacity: 0;}
  to {opacity: 1;}
}

@keyframes mymove {
    from {margin-left: -50px; opacity: 0;}
    to {opacity: 1;}
}
.mymove {animation: mymove 2s;}

/* The element to apply the animation to */
.slide {animation: slidein 2s;}
.fade {animation-name: fadein; animation-duration: 1s;}

/* Layout */
body {-webkit-font-smoothing: antialiased;text-rendering: optimizelegibility;position: relative;font-style: normal;font-family: "azo-sans-web",sans-serif;font-weight: 400;background-color: #ffffff;color: #25292B;}
pre {tab-size: 8; }
ul {margin:0;padding:0;list-style:none;}
ul, ol, dl {position:relative;}
a, a:hover, a:active, a:visited, a:focus {text-decoration:none;}
.center {text-align: center;}
.icon {margin-right: 10px;}

/* Youtube Player */
.vid {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;margin-bottom: 20px;}
.vid iframe,
.vid object,
.vid embed 
{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

/* Colors */
.dark {background-color: #19191b;}
.blue {color: #2c6b86;}
.green {color: #cacf00;}

/* Buttons */
.btncustom {padding: 10px 15px 10px 15px;border: 0px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;color: #ffffff;text-transform: uppercase;background-color: #25292B;}
.btncustom:hover {color: #ffffff;background-color: #3DC8E8;}



/* Top */
.top {padding: 30px 0px 30px 0px;background-color: #25292B;margin-bottom: 80px;}
.top .logo {text-align: left;}
.top .info {text-align: right;padding: 0px 0px 0px 0px;}
.top .info h1 {padding: 0px;margin: 0px;font-size: 2.80em; text-transform: uppercase;}
.top .info .title {margin-top: -6px;margin-bottom: -7px;font-size: 2.80em; text-transform: uppercase;display: block;}
.top .info li {display: inline;text-transform: uppercase;margin-left: 10px;font-size: 1.70em;color: #cacf00;}
.top .info li .icon {color: #cacf00;}
.top .info li a {color:#2c6b86;}
.top .info li a:hover {}

/* NavBar */
.navbar-md {padding: 15px 0px 15px 0px;border: 0px;background-color: #000000;border-radius: 0px;margin-bottom: 0px;}
.navbar-md .navbar-nav>li>a {margin: 0px 12px 0px 12px;padding:0px;font-size: 1.10em;letter-spacing: 0.00em;color: #ffffff;text-transform: uppercase;}
.navbar-md .navbar-nav>li>a:hover {color: #DD942A;background-color: transparent !important;}
.dropdown-menu {background-color: #464844;border: 0px;-moz-animation: fadein 0.5s; -webkit-animation: fadein 0.5s; -o-animation: fadein 0.5s;}
.dropdown-menu>li>a {color: #FFFFFF;font-size: 1.10em;padding:10px;margin: 0px;}
.dropdown-menu>li>a:hover {color: #3DC8E8;font-size: 1.10em;padding:10px;margin: 0px;background-color: transparent !important;}

/* NavBar Burger */
.navbar-md .navbar-toggle {background-color: #DD942A;color: #FFFFFF;border-radius: 0px; padding:3px 6px 3px 6px;}
.navbar-md .navbar-toggle:hover {background-color: #2c6b86;}

/* Bando */
.bando {-webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat;}
.bando .v-center {display:table; width: 100% !important; height: 200px;}
.bando .content {display:table-cell; vertical-align:bottom; animation: fadein 2s;}
.bando .content .box {background-image: url('{site_url}images/bg-bando.png');padding: 40px 0px 40px 0px;text-align: center;}
.bando .content h1 {font-size: 3.00em;margin:0px 0px 10px 0px;padding:0px 0px 10px 0px;line-height: 1.00em;display: inline-block;text-transform: uppercase;}
.bando .content h2 {font-weight: 300;font-size: 1.60em;margin:0px;padding:0px;line-height: 1.30em;text-transform: uppercase;color: #ffffff;}
.home {background-image: url('../images/bando-home.jpg')}
.line-green {background-color: #cacf00;height: 5px;}
.line-blue {background-color: #2c6b86;height: 10px;margin-bottom: 40px;}

/* Services */
.services {text-align: center;}
.services .thumb {padding: 0px;text-align: center;margin-bottom: 40px;}
.services img {margin-bottom: 20px;}
.services .thumb h3 {padding: 0px;margin:0px;font-size: 1.90em;text-transform: uppercase;line-height: 1.00em;color:#2c6b86;}
.services .thumb p {font-size: 1.20em;margin: 0px;padding: 0px 0px 0px 0px;}

/* Pages */
.pages {padding: 30px 0px 0px 0px;text-align: center;}
.pages .thumb {padding: 20px; background-color: #F8F8F8;}
.pages h1 {padding: 0px;margin:0px 0px 120px 0px;font-size: 3.00em;font-weight: 800}
.pages h2 {padding: 0px;margin:0px 0px 0px 0px;font-size: 1.50em;font-weight: 800}
.pages p {padding: 0px;margin:0px 0px 20px 0px;font-size: 1.40em;}


/* Prestations */
.prestations {padding: 40px;text-align: center;background-color: #95b5c2;}
.prestations h3 {padding: 0px;margin:0px 0px 30px 0px;font-size: 2.30em;text-transform: uppercase;color: #2c6b86;}
.prestations h4 {padding: 0px;margin:0px 0px 10px 0px;font-size: 1.30em;line-height: 1.10em;color: #2c6b86;}
.prestations p {font-size: 1.30em;margin: 0px 0px 30px 0px;padding: 0px 0px 0px 0px; line-height: 1.50em; color: #ffffff;}
.prestations ul {margin-bottom:30px;border-left: 1px dashed #2c6b86;padding: 0px 0px 0px 20px;}
.prestations li {font-size: 1.30em;padding: 0px; margin: 0px 0px 15px 0px;line-height: 1.40em;color: #ffffff;text-align: left;}
.prestations li .icon {color: #eff1b2;}

/* Contact */
.contact {padding: 40px 0px 40px 0px;text-align: center;background-color: #eaeae5;}
.contact p {padding:0px;margin: 0px 0px 30px 0px; font-size: 1.40em;}
.contact ul {}
.contact li {display:inline;margin: 0px 10px 0px 10px;}


/* Portfolio */
.portfolio {padding: 40px 0px 40px 0px;text-align:center;background-color: #eaeae5;}
.portfolio-thumb {padding: 0px;margin-bottom: 40px;}
.portfolio-thumb img {margin-bottom: 10px;width: 100px;}
.portfolio-thumb p {font-size: 1.20em;margin: 0px;padding: 0px 0px 0px 0px;}


/* Footer */
.footer {background-color: #2c6b86;padding: 40px 0px 40px 0px;text-align: center;border-top:5px solid #cacf00;}
.footer img {margin-bottom: 30px;}
.footer ul {}
.footer li {font-size: 1.60em; display: inline; margin: 0px 10px 0px 10px;text-transform: uppercase;color: #cacf00;}
.footer li a {color: #FFFFFF;}
.footer li a:hover {color: #cacf00;}
.smallprint li {padding: 0px;margin: 0px 10px 0px 10px;display: inline;font-size: 1.40em;}