/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

:root{
  --blue:#007bff;
  --indigo:#6610f2;
  --purple:#6f42c1;
  --pink:#e83e8c;
  --red:#dc3545;
  --orange:#fd7e14;
  --yellow:#ffc107;
  --green:#28a745;
  --teal:#20c997;
  --cyan:#17a2b8;
  --white:#fff;
  --gray:#6c757d;
  --gray-dark:#343a40;
  --primary:#007bff;
  --secondary:#6c757d;
  --success:#28a745;
  --info:#17a2b8;
  --warning:#ffc107;
  --danger:#dc3545;
  --light:#f8f9fa;
  --dark:#343a40;
  --breakpoint-xs:0;
  --breakpoint-sm:576px;
  --breakpoint-md:768px;
  --breakpoint-lg:992px;
  --breakpoint-xl:1200px;
  --font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace
}

*,::after,::before{
  box-sizing:border-box
}

html{
  font-family:sans-serif;
  line-height:1.15;
  -webkit-text-size-adjust:100%;
  -webkit-tap-highlight-color:transparent
}

article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{
  display:block
}

body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#212529;
  text-align:left;
  background-color:#fff
}

hr{
  box-sizing:content-box;
  height:0;
  overflow:visible
}

h1,h2,h3,h4,h5,h6{
  margin-top:0;
  margin-bottom:.5rem
}

p{
  margin-top:0;
  margin-bottom:1rem
}

abbr[title]{
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
  text-decoration:underline dotted;
  cursor:help;
  border-bottom:0;
  -webkit-text-decoration-skip-ink:none;
  text-decoration-skip-ink:none
}

address{
  margin-bottom:1rem;
  font-style:normal;
  line-height:inherit
}

dl,ol,ul{
  margin-top:0;
  margin-bottom:1rem
}

ol ol,ol ul,ul ol,ul ul{
  margin-bottom:0
}

dt{
  font-weight:700
}

dd{
  margin-bottom:.5rem;
  margin-left:0
}

blockquote{
  margin:0 0 1rem
}

b,strong{
  font-weight:bolder
}

small{
  font-size:80%
}

sub,sup{
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline
}

sub{
  bottom:-.25em
}

sup{
  top:-.5em
}

a{
  color:#007bff;
  text-decoration:none;
  background-color:transparent
}

a:hover{
  color:#0056b3;
  text-decoration:underline
}

a:not([href]){
  color:inherit;
  text-decoration:none
}

a:not([href]):hover{
  color:inherit;
  text-decoration:none
}

code,kbd,pre,samp{
  font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  font-size:1em
}

pre{
  margin-top:0;
  margin-bottom:1rem;
  overflow:auto;
  -ms-overflow-style:scrollbar
}

figure{
  margin:0 0 1rem
}

img{
  vertical-align:middle;
  border-style:none
}

svg{
  overflow:hidden;
  vertical-align:middle
}

table{
  border-collapse:collapse
}

caption{
  padding-top:.75rem;
  padding-bottom:.75rem;
  color:#6c757d;
  text-align:left;
  caption-side:bottom
}

th{
  text-align:inherit
}

label{
  display:inline-block;
  margin-bottom:.5rem
}

button{
  border-radius:0
}

button:focus{
  outline:1px dotted;
  outline:5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea{
  margin:0;
  font-family:inherit;
  font-size:inherit;
  line-height:inherit
}

button,input{
  overflow:visible
}

button,select{
  text-transform:none
}

select{
  word-wrap:normal
}

[type=button],[type=submit],button{
  -webkit-appearance:button
}

[type=button]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){
  cursor:pointer
}

[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
  padding:0;
  border-style:none
}

textarea{
  overflow:auto;
  resize:vertical
}

fieldset{
  min-width:0;
  padding:0;
  margin:0;
  border:0
}

legend{
  display:block;
  width:100%;
  max-width:100%;
  padding:0;
  margin-bottom:.5rem;
  font-size:1.5rem;
  line-height:inherit;
  color:inherit;
  white-space:normal
}

progress{
  vertical-align:baseline
}

output{
  display:inline-block
}

summary{
  display:list-item;
  cursor:pointer
}

template{
  display:none
}

[hidden]{
  display:none!important
}

.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{
  margin-bottom:.5rem;
  font-weight:500;
  line-height:1.2
}

.h1,h1{
  font-size:2.5rem
}

.h2,h2{
  font-size:2rem
}

.h3,h3{
  font-size:1.75rem
}

.h4,h4{
  font-size:1.5rem
}

.h5,h5{
  font-size:1.25rem
}

.h6,h6{
  font-size:1rem
}

hr{
  margin-top:1rem;
  margin-bottom:1rem;
  border:0;
  border-top:1px solid rgba(0,0,0,.1)
}

.small,small{
  font-size:80%;
  font-weight:400
}

.mark,mark{
  padding:.2em;
  background-color:#fcf8e3
}

.list-inline{
  padding-left:0;
  list-style:none
}

.list-inline-item{
  display:inline-block
}

.list-inline-item:not(:last-child){
  margin-right:.5rem
}

.blockquote{
  margin-bottom:1rem;
  font-size:1.25rem
}

.img-fluid{
  max-width:100%;
  height:auto
}

.figure{
  display:inline-block
}

code{
  font-size:87.5%;
  color:#e83e8c;
  word-wrap:break-word
}

a>code{
  color:inherit
}

kbd{
  padding:.2rem .4rem;
  font-size:87.5%;
  color:#fff;
  background-color:#212529;
  border-radius:.2rem
}

kbd kbd{
  padding:0;
  font-size:100%;
  font-weight:700
}

pre{
  display:block;
  font-size:87.5%;
  color:#212529
}

pre code{
  font-size:inherit;
  color:inherit;
  word-break:normal
}

.container{
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto
}

@media (min-width:576px){
  .container{
    max-width:540px
  }
}

@media (min-width:768px){
  .container{
    max-width:720px
  }
}

@media (min-width:992px){
  .container{
    max-width:960px
  }
}

@media (min-width:1200px){
  .container{
    max-width:1140px
  }
}

.container-fluid{
  width:100%;
  padding-right:15px;
  padding-left:15px;
  margin-right:auto;
  margin-left:auto
}

@media (min-width:576px){
  .container{
    max-width:540px
  }
}

@media (min-width:768px){
  .container{
    max-width:720px
  }
}

@media (min-width:992px){
  .container{
    max-width:960px
  }
}

@media (min-width:1200px){
  .container{
    max-width:1140px
  }
}

.row{
  display:flex;
  flex-wrap:wrap;
  margin-right:-15px;
  margin-left:-15px
}

.col,.col-12,.col-4,.col-6,.col-8,.col-lg-10,.col-lg-12,.col-lg-4,.col-lg-6,.col-lg-8,.col-md-10,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-sm-12,.col-sm-6{
  position:relative;
  width:100%;
  padding-right:15px;
  padding-left:15px
}

.col{
  flex-basis:0;
  flex-grow:1;
  min-width:0;
  max-width:100%
}

.col-4{
  flex:0 0 33.333333%;
  max-width:33.333333%
}

.col-6{
  flex:0 0 50%;
  max-width:50%
}

.col-8{
  flex:0 0 66.666667%;
  max-width:66.666667%
}

.col-12{
  flex:0 0 100%;
  max-width:100%
}

@media (min-width:576px){
  .col-sm-6{
    flex:0 0 50%;
    max-width:50%
  }

  .col-sm-12{
    flex:0 0 100%;
    max-width:100%
  }
}

@media (min-width:768px){
  .col-md-2{
    flex:0 0 16.666667%;
    max-width:16.666667%
  }

  .col-md-3{
    flex:0 0 25%;
    max-width:25%
  }

  .col-md-4{
    flex:0 0 33.333333%;
    max-width:33.333333%
  }

  .col-md-5{
    flex:0 0 41.666667%;
    max-width:41.666667%
  }

  .col-md-6{
    flex:0 0 50%;
    max-width:50%
  }

  .col-md-7{
    flex:0 0 58.333333%;
    max-width:58.333333%
  }

  .col-md-10{
    flex:0 0 83.333333%;
    max-width:83.333333%
  }

  .col-md-12{
    flex:0 0 100%;
    max-width:100%
  }
}

@media (min-width:992px){
  .col-lg-4{
    flex:0 0 33.333333%;
    max-width:33.333333%
  }

  .col-lg-6{
    flex:0 0 50%;
    max-width:50%
  }

  .col-lg-8{
    flex:0 0 66.666667%;
    max-width:66.666667%
  }

  .col-lg-10{
    flex:0 0 83.333333%;
    max-width:83.333333%
  }

  .col-lg-12{
    flex:0 0 100%;
    max-width:100%
  }
}

.table{
  width:100%;
  margin-bottom:1rem;
  color:#212529
}

.table td,.table th{
  padding:.75rem;
  vertical-align:top;
  border-top:1px solid #dee2e6
}

.table thead th{
  vertical-align:bottom;
  border-bottom:2px solid #dee2e6
}

.table tbody+tbody{
  border-top:2px solid #dee2e6
}

.form-control{
  display:block;
  width:100%;
  height:calc(1.5em + .75rem + 2px);
  padding:.375rem .75rem;
  font-size:1rem;
  font-weight:400;
  line-height:1.5;
  color:#495057;
  background-color:#fff;
  background-clip:padding-box;
  border:1px solid #ced4da;
  border-radius:.25rem;
  transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .form-control{
    transition:none
  }
}

.form-control::-ms-expand{
  background-color:transparent;
  border:0
}

.form-control:-moz-focusring{
  color:transparent;
  text-shadow:0 0 0 #495057
}

.form-control:focus{
  color:#495057;
  background-color:#fff;
  border-color:#80bdff;
  outline:0;
  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}

.form-control::-moz-placeholder{
  color:#6c757d;
  opacity:1
}

.form-control:-ms-input-placeholder{
  color:#6c757d;
  opacity:1
}

.form-control::placeholder{
  color:#6c757d;
  opacity:1
}

.form-control:disabled{
  background-color:#e9ecef;
  opacity:1
}

input[type=time].form-control{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none
}

select.form-control:focus::-ms-value{
  color:#495057;
  background-color:#fff
}

select.form-control[size]{
  height:auto
}

textarea.form-control{
  height:auto
}

.form-group{
  margin-bottom:1rem
}

.btn{
  display:inline-block;
  font-weight:400;
  color:#212529;
  text-align:center;
  vertical-align:middle;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  background-color:transparent;
  border:1px solid transparent;
  padding:.375rem .75rem;
  font-size:1rem;
  line-height:1.5;
  border-radius:.25rem;
  transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce){
  .btn{
    transition:none
  }
}

.btn:hover{
  color:#212529;
  text-decoration:none
}

.btn:focus{
  outline:0;
  box-shadow:0 0 0 .2rem rgba(0,123,255,.25)
}

.btn:disabled{
  opacity:.65
}

.btn:not(:disabled):not(.disabled){
  cursor:pointer
}

fieldset:disabled a.btn{
  pointer-events:none
}

.btn-primary{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.btn-primary:hover{
  color:#fff;
  background-color:#0069d9;
  border-color:#0062cc
}

.btn-primary:focus{
  color:#fff;
  background-color:#0069d9;
  border-color:#0062cc;
  box-shadow:0 0 0 .2rem rgba(38,143,255,.5)
}

.btn-primary:disabled{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#0062cc;
  border-color:#005cbf
}

.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(38,143,255,.5)
}

.btn-secondary{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-secondary:hover{
  color:#fff;
  background-color:#5a6268;
  border-color:#545b62
}

.btn-secondary:focus{
  color:#fff;
  background-color:#5a6268;
  border-color:#545b62;
  box-shadow:0 0 0 .2rem rgba(130,138,145,.5)
}

.btn-secondary:disabled{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#545b62;
  border-color:#4e555b
}

.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(130,138,145,.5)
}

.btn-success{
  color:#fff;
  background-color:#28a745;
  border-color:#28a745
}

.btn-success:hover{
  color:#fff;
  background-color:#218838;
  border-color:#1e7e34
}

.btn-success:focus{
  color:#fff;
  background-color:#218838;
  border-color:#1e7e34;
  box-shadow:0 0 0 .2rem rgba(72,180,97,.5)
}

.btn-success:disabled{
  color:#fff;
  background-color:#28a745;
  border-color:#28a745
}

.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#1e7e34;
  border-color:#1c7430
}

.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(72,180,97,.5)
}

.btn-info{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}

.btn-info:hover{
  color:#fff;
  background-color:#138496;
  border-color:#117a8b
}

.btn-info:focus{
  color:#fff;
  background-color:#138496;
  border-color:#117a8b;
  box-shadow:0 0 0 .2rem rgba(58,176,195,.5)
}

.btn-info:disabled{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}

.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#117a8b;
  border-color:#10707f
}

.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(58,176,195,.5)
}

.btn-warning{
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-warning:hover{
  color:#212529;
  background-color:#e0a800;
  border-color:#d39e00
}

.btn-warning:focus{
  color:#212529;
  background-color:#e0a800;
  border-color:#d39e00;
  box-shadow:0 0 0 .2rem rgba(222,170,12,.5)
}

.btn-warning:disabled{
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active{
  color:#212529;
  background-color:#d39e00;
  border-color:#c69500
}

.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(222,170,12,.5)
}

.btn-danger{
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}

.btn-danger:hover{
  color:#fff;
  background-color:#c82333;
  border-color:#bd2130
}

.btn-danger:focus{
  color:#fff;
  background-color:#c82333;
  border-color:#bd2130;
  box-shadow:0 0 0 .2rem rgba(225,83,97,.5)
}

.btn-danger:disabled{
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}

.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#bd2130;
  border-color:#b21f2d
}

.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(225,83,97,.5)
}

.btn-light{
  color:#212529;
  background-color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-light:hover{
  color:#212529;
  background-color:#e2e6ea;
  border-color:#dae0e5
}

.btn-light:focus{
  color:#212529;
  background-color:#e2e6ea;
  border-color:#dae0e5;
  box-shadow:0 0 0 .2rem rgba(216,217,219,.5)
}

.btn-light:disabled{
  color:#212529;
  background-color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active{
  color:#212529;
  background-color:#dae0e5;
  border-color:#d3d9df
}

.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(216,217,219,.5)
}

.btn-dark{
  color:#fff;
  background-color:#343a40;
  border-color:#343a40
}

.btn-dark:hover{
  color:#fff;
  background-color:#23272b;
  border-color:#1d2124
}

.btn-dark:focus{
  color:#fff;
  background-color:#23272b;
  border-color:#1d2124;
  box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}

.btn-dark:disabled{
  color:#fff;
  background-color:#343a40;
  border-color:#343a40
}

.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#1d2124;
  border-color:#171a1d
}

.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(82,88,93,.5)
}

.btn-outline-primary{
  color:#007bff;
  border-color:#007bff
}

.btn-outline-primary:hover{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.btn-outline-primary:focus{
  box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-primary:disabled{
  color:#007bff;
  background-color:transparent
}

.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#007bff;
  border-color:#007bff
}

.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(0,123,255,.5)
}

.btn-outline-secondary{
  color:#6c757d;
  border-color:#6c757d
}

.btn-outline-secondary:hover{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-outline-secondary:focus{
  box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-secondary:disabled{
  color:#6c757d;
  background-color:transparent
}

.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#6c757d;
  border-color:#6c757d
}

.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(108,117,125,.5)
}

.btn-outline-success{
  color:#28a745;
  border-color:#28a745
}

.btn-outline-success:hover{
  color:#fff;
  background-color:#28a745;
  border-color:#28a745
}

.btn-outline-success:focus{
  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-success:disabled{
  color:#28a745;
  background-color:transparent
}

.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#28a745;
  border-color:#28a745
}

.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(40,167,69,.5)
}

.btn-outline-info{
  color:#17a2b8;
  border-color:#17a2b8
}

.btn-outline-info:hover{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}

.btn-outline-info:focus{
  box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-info:disabled{
  color:#17a2b8;
  background-color:transparent
}

.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#17a2b8;
  border-color:#17a2b8
}

.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(23,162,184,.5)
}

.btn-outline-warning{
  color:#ffc107;
  border-color:#ffc107
}

.btn-outline-warning:hover{
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-outline-warning:focus{
  box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-warning:disabled{
  color:#ffc107;
  background-color:transparent
}

.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active{
  color:#212529;
  background-color:#ffc107;
  border-color:#ffc107
}

.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(255,193,7,.5)
}

.btn-outline-danger{
  color:#dc3545;
  border-color:#dc3545
}

.btn-outline-danger:hover{
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}

.btn-outline-danger:focus{
  box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-danger:disabled{
  color:#dc3545;
  background-color:transparent
}

.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#dc3545;
  border-color:#dc3545
}

.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(220,53,69,.5)
}

.btn-outline-light{
  color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-outline-light:hover{
  color:#212529;
  background-color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-outline-light:focus{
  box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-light:disabled{
  color:#f8f9fa;
  background-color:transparent
}

.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active{
  color:#212529;
  background-color:#f8f9fa;
  border-color:#f8f9fa
}

.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(248,249,250,.5)
}

.btn-outline-dark{
  color:#343a40;
  border-color:#343a40
}

.btn-outline-dark:hover{
  color:#fff;
  background-color:#343a40;
  border-color:#343a40
}

.btn-outline-dark:focus{
  box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-outline-dark:disabled{
  color:#343a40;
  background-color:transparent
}

.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active{
  color:#fff;
  background-color:#343a40;
  border-color:#343a40
}

.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus{
  box-shadow:0 0 0 .2rem rgba(52,58,64,.5)
}

.btn-link{
  font-weight:400;
  color:#007bff;
  text-decoration:none
}

.btn-link:hover{
  color:#0056b3;
  text-decoration:underline
}

.btn-link:focus{
  text-decoration:underline
}

.btn-link:disabled{
  color:#6c757d;
  pointer-events:none
}

.btn-group-lg>.btn,.btn-lg{
  padding:.5rem 1rem;
  font-size:1.25rem;
  line-height:1.5;
  border-radius:.3rem
}

.btn-group-sm>.btn,.btn-sm{
  padding:.25rem .5rem;
  font-size:.875rem;
  line-height:1.5;
  border-radius:.2rem
}

.btn-block{
  display:block;
  width:100%
}

.btn-block+.btn-block{
  margin-top:.5rem
}

input[type=button].btn-block,input[type=submit].btn-block{
  width:100%
}

.collapse:not(.show){
  display:none
}

.btn-group,.btn-group-vertical{
  position:relative;
  display:inline-flex;
  vertical-align:middle
}

.btn-group-vertical>.btn,.btn-group>.btn{
  position:relative;
  flex:1 1 auto
}

.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{
  z-index:1
}

.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{
  z-index:1
}

.btn-toolbar{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start
}

.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){
  margin-left:-1px
}

.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
  border-top-right-radius:0;
  border-bottom-right-radius:0
}

.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){
  border-top-left-radius:0;
  border-bottom-left-radius:0
}

.btn-group-vertical{
  flex-direction:column;
  align-items:flex-start;
  justify-content:center
}

.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{
  width:100%
}

.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){
  margin-top:-1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){
  border-bottom-right-radius:0;
  border-bottom-left-radius:0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){
  border-top-left-radius:0;
  border-top-right-radius:0
}

.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{
  margin-bottom:0
}

.nav{
  display:flex;
  flex-wrap:wrap;
  padding-left:0;
  margin-bottom:0;
  list-style:none
}

.nav-link{
  display:block;
  padding:.5rem 1rem
}

.nav-link:focus,.nav-link:hover{
  text-decoration:none
}

.navbar{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  padding:.5rem 1rem
}

.navbar .container,.navbar .container-fluid{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between
}

.navbar-brand{
  display:inline-block;
  padding-top:.3125rem;
  padding-bottom:.3125rem;
  margin-right:1rem;
  font-size:1.25rem;
  line-height:inherit;
  white-space:nowrap
}

.navbar-brand:focus,.navbar-brand:hover{
  text-decoration:none
}

.navbar-nav{
  display:flex;
  flex-direction:column;
  padding-left:0;
  margin-bottom:0;
  list-style:none
}

.navbar-nav .nav-link{
  padding-right:0;
  padding-left:0
}

.navbar-collapse{
  flex-basis:100%;
  flex-grow:1;
  align-items:center
}

.navbar-toggler{
  padding:.25rem .75rem;
  font-size:1.25rem;
  line-height:1;
  background-color:transparent;
  border:1px solid transparent;
  border-radius:.25rem
}

.navbar-toggler:focus,.navbar-toggler:hover{
  text-decoration:none
}

.navbar-toggler-icon{
  display:inline-block;
  width:1.5em;
  height:1.5em;
  vertical-align:middle;
  content:"";
  background:no-repeat center center;
  background-size:100% 100%
}

@media (max-width:991.98px){
  .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{
    padding-right:0;
    padding-left:0
  }
}

@media (min-width:992px){
  .navbar-expand-lg{
    flex-flow:row nowrap;
    justify-content:flex-start
  }

  .navbar-expand-lg .navbar-nav{
    flex-direction:row
  }

  .navbar-expand-lg .navbar-nav .nav-link{
    padding-right:.5rem;
    padding-left:.5rem
  }

  .navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid{
    flex-wrap:nowrap
  }

  .navbar-expand-lg .navbar-collapse{
    display:flex!important;
    flex-basis:auto
  }

  .navbar-expand-lg .navbar-toggler{
    display:none
  }
}

.navbar-light .navbar-brand{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-nav .nav-link{
  color:rgba(0,0,0,.5)
}

.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{
  color:rgba(0,0,0,.7)
}

.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{
  color:rgba(0,0,0,.9)
}

.navbar-light .navbar-toggler{
  color:rgba(0,0,0,.5);
  border-color:rgba(0,0,0,.1)
}

.navbar-light .navbar-toggler-icon{
  background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.breadcrumb{
  display:flex;
  flex-wrap:wrap;
  padding:.75rem 1rem;
  margin-bottom:1rem;
  list-style:none;
  background-color:#e9ecef;
  border-radius:.25rem
}

@keyframes progress-bar-stripes{
  from{
    background-position:1rem 0
  }

  to{
    background-position:0 0
  }
}

.progress{
  display:flex;
  height:1rem;
  overflow:hidden;
  line-height:0;
  font-size:.75rem;
  background-color:#e9ecef;
  border-radius:.25rem
}

.media{
  display:flex;
  align-items:flex-start
}

.media-body{
  flex:1
}

.carousel{
  position:relative
}

@keyframes spinner-border{
  to{
    transform:rotate(360deg)
  }
}

@keyframes spinner-grow{
  0%{
    transform:scale(0)
  }

  50%{
    opacity:1;
    transform:none
  }
}

.bg-light{
  background-color:#f8f9fa!important
}

a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{
  background-color:#dae0e5!important
}

.border{
  border:1px solid #dee2e6!important
}

.rounded{
  border-radius:.25rem!important
}

.clearfix::after{
  display:block;
  clear:both;
  content:""
}

.d-block{
  display:block!important
}

.embed-responsive{
  position:relative;
  display:block;
  width:100%;
  padding:0;
  overflow:hidden
}

.embed-responsive::before{
  display:block;
  content:""
}

.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  border:0
}

.embed-responsive-16by9::before{
  padding-top:56.25%
}

.justify-content-center{
  justify-content:center!important
}

.align-items-center{
  align-items:center!important
}

.float-right{
  float:right!important
}

.shadow{
  box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important
}

.w-100{
  width:100%!important
}

.mt-0{
  margin-top:0!important
}

.mb-5{
  margin-bottom:3rem!important
}

.px-0{
  padding-right:0!important
}

.px-0{
  padding-left:0!important
}

.ml-auto{
  margin-left:auto!important
}

@media (min-width:768px){
  .mb-md-0{
    margin-bottom:0!important
  }
}

.text-right{
  text-align:right!important
}

.text-center{
  text-align:center!important
}

@media (min-width:768px){
  .text-md-left{
    text-align:left!important
  }

  .text-md-right{
    text-align:right!important
  }
}

@media (min-width:992px){
  .text-lg-left{
    text-align:left!important
  }

  .text-lg-right{
    text-align:right!important
  }
}

@media print{
  *,::after,::before{
    text-shadow:none!important;
    box-shadow:none!important
  }

  a:not(.btn){
    text-decoration:underline
  }

  abbr[title]::after{
    content:" (" attr(title) ")"
  }

  pre{
    white-space:pre-wrap!important
  }

  blockquote,pre{
    border:1px solid #adb5bd;
    page-break-inside:avoid
  }

  thead{
    display:table-header-group
  }

  img,tr{
    page-break-inside:avoid
  }

  h2,h3,p{
    orphans:3;
    widows:3
  }

  h2,h3{
    page-break-after:avoid
  }

  @page{
    size:a3
  }

  body{
    min-width:992px!important
  }

  .container{
    min-width:992px!important
  }

  .navbar{
    display:none
  }

  .table{
    border-collapse:collapse!important
  }

  .table td,.table th{
    background-color:#fff!important
  }
}

/*
Use Google fonts locally - from
https://google-webfonts-helper.herokuapp.com/fonts/roboto?subsets=latin-ext,latin
*/

/* roboto-100 - latin_latin-ext */

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-weight: 100;

  font-display: swap;

  src: url('/fonts/roboto-v18-latin_latin-ext-100.eot'); /* IE9 Compat Modes */

  src: local('Roboto Thin'), local('Roboto-Thin'),
       url('/fonts/roboto-v18-latin_latin-ext-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v18-latin_latin-ext-100.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-100.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-100.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v18-latin_latin-ext-100.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-300 - latin_latin-ext */

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url('/fonts/roboto-v18-latin_latin-ext-300.eot'); /* IE9 Compat Modes */

  src: local('Roboto Light'), local('Roboto-Light'),
       url('/fonts/roboto-v18-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v18-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v18-latin_latin-ext-300.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-regular - latin_latin-ext */

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url('/fonts/roboto-v18-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */

  src: local('Roboto'), local('Roboto-Regular'),
       url('/fonts/roboto-v18-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v18-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v18-latin_latin-ext-regular.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-500 - latin_latin-ext */

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-weight: 500;

  font-display: swap;

  src: url('/fonts/roboto-v18-latin_latin-ext-500.eot'); /* IE9 Compat Modes */

  src: local('Roboto Medium'), local('Roboto-Medium'),
       url('/fonts/roboto-v18-latin_latin-ext-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v18-latin_latin-ext-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-500.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v18-latin_latin-ext-500.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-700 - latin_latin-ext */

@font-face {
  font-family: 'Roboto';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url('/fonts/roboto-v18-latin_latin-ext-700.eot'); /* IE9 Compat Modes */

  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/fonts/roboto-v18-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-v18-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-v18-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-v18-latin_latin-ext-700.svg#Roboto') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-300 - latin_latin-ext */

@font-face {
  font-family: 'Roboto Condensed';

  font-style: normal;

  font-weight: 300;

  font-display: swap;

  src: url('/fonts/roboto-condensed-v16-latin_latin-ext-300.eot'); /* IE9 Compat Modes */

  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'),
       url('/fonts/roboto-condensed-v16-latin_latin-ext-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-300.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin_latin-ext */

@font-face {
  font-family: 'Roboto Condensed';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url('/fonts/roboto-condensed-v16-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */

  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'),
       url('/fonts/roboto-condensed-v16-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin_latin-ext */

@font-face {
  font-family: 'Roboto Condensed';

  font-style: normal;

  font-weight: 700;

  font-display: swap;

  src: url('/fonts/roboto-condensed-v16-latin_latin-ext-700.eot'); /* IE9 Compat Modes */

  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'),
       url('/fonts/roboto-condensed-v16-latin_latin-ext-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/roboto-condensed-v16-latin_latin-ext-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* glegoo-regular - latin_latin-ext */

@font-face {
  font-family: 'Glegoo';

  font-style: normal;

  font-weight: 400;

  font-display: swap;

  src: url('/fonts/glegoo-v7-latin_latin-ext-regular.eot'); /* IE9 Compat Modes */

  src: local('Glegoo'), local('Glegoo-Regular'),
       url('/fonts/glegoo-v7-latin_latin-ext-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/glegoo-v7-latin_latin-ext-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/glegoo-v7-latin_latin-ext-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/glegoo-v7-latin_latin-ext-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/glegoo-v7-latin_latin-ext-regular.svg#Glegoo') format('svg'); /* Legacy iOS */
}

/*
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700);
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Glegoo);
*/

body {
  font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Roboto Condensed", sans-serif;
}

h2 {
  font-size: 26px;
}

p {
  font-family: "Roboto", sans-serif;
  line-height: 22px;
  font-size: 16px;
  font-weight: 300;
}

body {
  background: #ffffff;
}

ul {
  padding-left: 0;
}

ul li {
  list-style: none;
}

a:hover {
  text-decoration: none;
}

.section-heading {
  text-align: center;
  margin-bottom: 65px;
}

.section-heading p {
  font-size: 14px;
  font-weight: 300;
  color: #727272;
  line-height: 20px;
}

.title {
  font-size: 30px;
  line-height: 1.1;
  font-weight: 300;
  color: #333;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.subtitle {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 18px;
  text-transform: uppercase;
}

.subtitle-des {
  color: #727272;
  font-size: 14px;
  margin-bottom: 35px;
  font-weight: 300;
}

.pages {
  padding: 80px 0 40px;
}

.moduler {
  padding: 140px 0;
}

.global-page-header {
  background-attachment: fixed;
  background-size: cover;
  padding: 120px 0 25px 0;
  position: relative;
  background: #02bdd5;
  color: #fff;
}

.global-page-header h2 {
  font-size: 42px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
}

.global-page-header .breadcrumb {
  background: none;
  font-size: 16px;
  padding: 8px  0;
  display: block;
}

.global-page-header .breadcrumb .active, .global-page-header .breadcrumb li a {
  color: #fff;
}

.global-page-header .block {
  position: relative;
  z-index: 9;
  text-align: center;
}

.company-description {
  padding: 70px 0;
}

.company-description .block h3 {
  margin-top: 0;
}

.company-description .block p {
  color: #727272;
}

/*=== MEDIA QUERY ===*/

.top-bar {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  color: #fff;
  transition: all 0.2s ease-out 0s;
  padding: 15px 0;
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid #dedede;
  z-index: 10;
}

.top-bar.animated-header {
  padding: 20px 0;
  background: #fff;
  box-shadow: none;
}

.navbar {
  border: 0;
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}

.navbar.bg-light {
  background: #fff !important;
}

.navbar .nav-item .nav-link {
  color: #444 !important;
  font-size: 14px;
  font-weight: 500;
  transition: .3s all;
  text-transform: uppercase;
  padding: 5px 15px;
  display: block;
}

.navbar .nav-item .nav-link:hover {
  color: #02bdd5 !important;
}

.navbar .nav-item:last-child .nav-link {
  padding-right: 0;
}

#hero-area {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  padding: 230px 0;
  color: #fff;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  position: relative;
}

#hero-area:before {
  content: '';
  z-index: 9;
  background: rgba(255, 255, 255, 0.78);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#hero-area .block {
  position: relative;
  z-index: 9;
}

#hero-area h1 {
  font-size: 40px;
  line-height: 50px;
  color: #333;
  font-weight: 700;
  margin-bottom: 15px;
  text-transform: uppercase;
}

#hero-area h2 {
  font-size: 18px;
  font-weight: 300;
  margin-bottom: 38px;
  line-height: 27px;
  text-transform: uppercase;
  color: #666;
  font-family: 'Roboto', sans-serif;
  margin-top: 25px;
}

#hero-area .btn {
  background: #414141;
  border: none;
  color: #fff;
  padding: 20px 35px;
  margin-top: 30px;
  font-size: 16px;
  font-size: 13px;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: normal;
  border-radius: 0;
}

#call-to-action {
  background: #02bdd5;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px 0;
  text-align: center;
  position: relative;
  color: #fff;
}

#call-to-action .block {
  position: relative;
  z-index: 9;
  color: #fff;
}

#call-to-action .block h2 {
  margin-bottom: 15px;
  color: #fff;
}

#call-to-action .block p {
  font-size: 15px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  margin-top: 20px;
}

#call-to-action .block .btn-contact {
  background: #fff;
  border: 2px solid #fff;
  color: #02bdd5;
  padding: 15px 34px;
  margin-top: 20px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0;
  transition: all linear .2s;
}

#call-to-action .block .btn-contact i {
  margin-right: 10px;
}

#call-to-action .block .btn-contact:hover {
  color: #fff;
  background: #02bdd5;
}

#about {
  padding: 110px 0;
}

#about .block {
  padding: 20px 30px 0 30px;
}

#about .block h2 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
  text-transform: uppercase;
}

#about .block p {
  color: #727272;
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 35px;
}

#about .block img {
  max-width: 100%;
}

.about-feature .block {
  color: #fff;
  padding: 85px 65px;
  float: left;
}

.about-feature .block p {
  font-weight: 300;
}

.works {
  padding: 80px 0;
  background: #FCFCFC;
}

.works .block {
  position: relative;
  z-index: 99;
}

.works .block h4 {
  padding: 20px 15px;
  margin-top: 0;
  color: #666;
}

figure {
  background: #fff;
  margin-bottom: 45px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.04), 0 2px 10px 0 rgba(0, 0, 0, 0.06);
}

figure .img-wrapper {
  position: relative;
  overflow: hidden;
}

figure img {
  transform: scale3d(1, 1, 1);
  transition: transform 400ms;
}

figure:hover img {
  transform: scale3d(1.2, 1.2, 1);
}

figure:hover .overlay {
  opacity: 1;
}

figure:hover .overlay .buttons a {
  transform: scale3d(1, 1, 1);
}

figure .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px;
  text-align: center;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 400ms;
}

figure .overlay a {
  display: inline-block;
  color: #fff;
  padding: 10px 23px;
  line-height: 1;
  border: 1px solid #fff;
  border-radius: 0px;
  margin: 4px;
  transform: scale3d(0, 0, 0);
  transition: all 400ms;
}

figure .overlay a:hover {
  text-decoration: none;
}

figure .overlay:hover a {
  transform: scale3d(1, 1, 1);
}

figure .buttons {
  margin-top: 40%;
  text-align: center;
  transform: translateY(-50%);
  display: inline-block;
}

figure .buttons a:hover {
  background: #02bdd5;
  border-color: #02bdd5;
}

figure .buttons a:focus {
  text-decoration: none;
}

figure figcaption {
  padding: 20px 25px;
  margin-top: 0;
  color: #666;
}

figure figcaption h4 {
  margin: 0;
}

figure figcaption h4 a {
  color: #02bdd5;
}

figure figcaption p {
  font-size: 14px;
  margin-bottom: 0;
  margin-top: 5px;
}

#feature {
  padding: 80px 0;
}

#feature .media {
  margin: 0px 0 70px 0;
}

#feature .media .media-left {
  padding-right: 25px;
}

#feature h3 {
  color: #222222;
  font-size: 18px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 20px;
  margin: 0px 0px 15px;
  font-weight: 400;
}

#feature p {
  line-height: 25px;
  font-size: 14px;
  color: #777777;
}

#feature .icon {
  text-decoration: none;
  color: #fff;
  background-color: #02bdd5;
  height: 100px;
  text-align: center;
  width: 100px;
  font-size: 50px;
  line-height: 100px;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-shadow: #00a4ba 1px 1px, #00a4ba 2px 2px, #00a4ba 3px 3px, #00a4ba 4px 4px, #00a4ba 5px 5px, #00a4ba 6px 6px, #00a4ba 7px 7px, #00a4ba 8px 8px, #00a4ba 9px 9px, #00a4ba 10px 10px, #00a4ba 11px 11px, #00a4ba 12px 12px, #00a4ba 13px 13px, #00a4ba 14px 14px, #00a4ba 15px 15px, #00a4ba 16px 16px, #00a4ba 17px 17px, #00a4ba 18px 18px, #00a4ba 19px 19px, #00a4ba 20px 20px, #00a4ba 21px 21px, #00a4ba 22px 22px, #00a4ba 23px 23px, #00a4ba 24px 24px, #00a4ba 25px 25px, #00a4ba 26px 26px, #00a4ba 27px 27px, #00a4ba 28px 28px, #00a4ba 29px 29px, #00a4ba 30px 30px, #00a4ba 31px 31px, #00a4ba 32px 32px, #00a4ba 33px 33px, #00a4ba 34px 34px, #00a4ba 35px 35px, #00a4ba 36px 36px, #00a4ba 37px 37px, #00a4ba 38px 38px, #00a4ba 39px 39px, #00a4ba 40px 40px, #00a4ba 41px 41px, #00a4ba 42px 42px, #00a4ba 43px 43px, #00a4ba 44px 44px, #00a4ba 45px 45px, #00a4ba 46px 46px, #00a4ba 47px 47px, #00a4ba 48px 48px, #00a4ba 49px 49px, #00a4ba 50px 50px, #00a4ba 51px 51px, #00a4ba 52px 52px, #00a4ba 53px 53px, #00a4ba 54px 54px, #00a4ba 55px 55px, #00a4ba 56px 56px, #00a4ba 57px 57px, #00a4ba 58px 58px, #00a4ba 59px 59px, #00a4ba 60px 60px, #00a4ba 61px 61px, #00a4ba 62px 62px, #00a4ba 63px 63px, #00a4ba 64px 64px, #00a4ba 65px 65px, #00a4ba 66px 66px, #00a4ba 67px 67px, #00a4ba 68px 68px, #00a4ba 69px 69px, #00a4ba 70px 70px, #00a4ba 71px 71px, #00a4ba 72px 72px, #00a4ba 73px 73px, #00a4ba 74px 74px, #00a4ba 75px 75px, #00a4ba 76px 76px, #00a4ba 77px 77px, #00a4ba 78px 78px, #00a4ba 79px 79px, #00a4ba 80px 80px, #00a4ba 81px 81px, #00a4ba 82px 82px, #00a4ba 83px 83px, #00a4ba 84px 84px, #00a4ba 85px 85px, #00a4ba 86px 86px, #00a4ba 87px 87px, #00a4ba 88px 88px, #00a4ba 89px 89px, #00a4ba 90px 90px, #00a4ba 91px 91px, #00a4ba 92px 92px, #00a4ba 93px 93px, #00a4ba 94px 94px, #00a4ba 95px 95px, #00a4ba 96px 96px, #00a4ba 97px 97px, #00a4ba 98px 98px, #00a4ba 99px 99px, #00a4ba 100px 100px;
}

.wrapper_404 h1 {
  font-size: 200px;
  color: #02bdd5;
  line-height: 1;
}

.wrapper_404 h2 {
  font-size: 50px;
  margin-top: 0;
}

.wrapper_404 .btn-home {
  background: #414141;
  border: none;
  color: #fff;
  padding: 20px 35px;
  margin-top: 10px;
  font-size: 16px;
  font-size: 13px;
  line-height: 1em;
  text-transform: uppercase;
  letter-spacing: normal;
  border-radius: 0;
  transition: all linear .2s;
}

#blog-full-width {
  padding: 40px 0 80px;
}

article {
  padding: 30px 0;
}

.blog-content h2 {
  font-family: 'Roboto', sans-serif;
}

.blog-content h2 a {
  color: #444;
  font-weight: 400;
  font-size: 30px;
}

.blog-content .blog-meta {
  color: #9a9a9a;
  font-weight: 300;
  margin-bottom: 25px;
}

.blog-content .blog-meta span:after {
  content: '/';
  padding: 0 3px 0 6px;
}

.blog-content .blog-meta a {
  color: #acacac;
}

.blog-content .blog-meta p {
  margin-top: 20px;
}

.blog-content .btn-details {
  color: #02bdd5;
  padding: 0;
  background: #02bdd5;
  color: #fff;
  padding: 8px 18px;
  border-radius: 0;
  margin-top: 15px;
  border: 1px solid #fff;
  box-shadow: 0px 0px 0px 1px #02bdd5;
}

.blog-post-image {
  margin-top: 30px;
  margin-bottom: 20px;
}

#clients {
  padding: 30px 0 60px;
}

#contact-section {
  padding: 90px 0;
}

#contact-section .contact-form {
  margin-top: 42px;
}

#contact-section .contact-form .btn-send {
  color: #fff;
  outline: none;
  background: #02bdd5;
  transition: all linear .2s;
  border-color: #02bdd5;
  border-radius: 0;
}

#contact-section input {
  display: block;
  height: 40px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  border-radius: 1px;
  border: 1px solid rgba(111, 121, 122, 0.3);
  box-shadow: none;
  -webkit-box-shadow: none;
}

#contact-section textarea {
  display: block;
  border-radius: 0;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #cccccc;
  box-shadow: none;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

#contact-section .address, #contact-section .email, #contact-section .phone {
  text-align: center;
  background: #F7F7F7;
  padding: 20px 0 40px 0;
  margin-bottom: 20px;
}

#contact-section .address i, #contact-section .email i, #contact-section .phone i {
  font-size: 45px;
  color: #02bdd5;
}

#contact-section .address h5, #contact-section .email h5, #contact-section .phone h5 {
  font-size: 16px;
  line-height: 1.4;
}

#contact-section .address-details {
  padding-top: 70px;
}

.gallery {
  padding: 100px;
}

.gallery figure .buttons {
  left: 40%;
}

.portfolio-meta span {
  margin: 5px 10px;
  font-weight: 300;
}

.portfolio-meta span a {
  color: #fff;
}

.single-post {
  padding: 80px 0 20px;
}

.single-post .post-content {
  padding: 40px 0;
}

.post-content blockquote p {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}

.single-post .post-content ol li, .single-post .post-content ul li {
  color: #666;
}

.single-post .media {
  border: 1px solid #dedede;
  padding: 30px 20px;
}

.single-post .media .media-body a {
  color: #02bdd5;
  font-size: 12px;
}

.single-post .media .media {
  border: none;
}

/* portfolio single */

.work-single {
  padding: 100px 0 20px;
}

.work-single h3 {
  font-size: 30px;
  margin-bottom: 25px;
}

.work-single-image {
  margin-bottom: 35px;
}

.work-single-content p {
  margin-bottom: 30px;
}

.work-single blockquote {
  margin-bottom: 30px;
  padding: 30px 25px;
  background: #eae9ec;
  color: #848484;
}

.work-single blockquote p {
  margin-bottom: 0;
}

.btn-work {
  color: #fff;
  background: #02bdd5;
  border-radius: 0;
}

#product-showcase-banner {
  padding-top: 160px;
}

#product-showcase-banner .block {
  padding: 20px 0 20px 50px;
}

#product-showcase-banner .block h2 {
  font-size: 40px;
  color: #02bdd5;
  margin-bottom: 20px;
  margin-top: 0;
}

#product-showcase-banner .block p {
  color: #666;
  line-height: 25px;
}

#product-showcase-banner .block .buttons {
  margin-top: 25px;
}

#product-showcase-banner .block .buttons .btn {
  color: #fff;
  border: none;
  padding: 12px 40px;
  transition: .2s all;
  letter-spacing: 2px;
  font-size: 15px;
}

#product-showcase-banner .block .buttons .btn-demo {
  background: #5abd4f;
  margin-right: 8px;
  border-bottom: 3px solid #429E38;
}

#product-showcase-banner .block .buttons .btn-demo:hover {
  background: #429E38;
}

#product-showcase-banner .block .buttons .btn-buy {
  background: #00AEDA;
  border-bottom: 3px solid #0190B5;
}

#product-showcase-banner .block .buttons .btn-buy:hover {
  background: #0190B5;
}

#product-showcase-banner .block .buttons .btn-buy span {
  margin-right: 8px;
  font-weight: bold;
}

.service-page .service-parts .block {
  margin-bottom: 40px;
  text-align: center;
}

.service-page .service-parts .block i {
  font-size: 35px;
  color: #02bdd5;
}

.service-page .service-parts .block p {
  padding: 0 8px;
  font-size: 14px;
  color: #777;
  line-height: 1.7;
}

#team {
  margin: 50px 0;
}

.team-member {
  margin-top: 30px;
}

.team-member:hover .team-img img {
  opacity: .8;
}

.team-member .team-img {
  position: relative;
  margin-bottom: 20px;
}

.team-member .team-img .team-pic {
  width: 100%;
}

.team-member .team_designation {
  font-size: 13px;
}

.team-member h3 {
  color: #02bdd5;
  margin-bottom: 0;
  font-size: 20px;
}

.team-member p {
  font-size: 14px;
}

.team-member .social-icons a {
  background: #02bdd5;
  color: #fff;
  padding: 4px 8px;
  display: inline-block;
  font-size: 15px;
}

.team-member .social-icons .facebook {
  padding: 4px 12px;
}

#footer {
  background: #fff;
  padding: 25px 0;
  color: #555;
}

#footer .copyright {
  font-size: 13px;
  margin-bottom: 0;
}

#footer .copyright a {
  color: #02bdd5;
}

#footer .social {
  text-align: right;
  margin-bottom: 0;
}

#footer .social li {
  display: inline-block;
  margin-right: 15px;
}

#footer .social li a {
  font-size: 22px;
  color: #02bdd5;
}

ul.social-icons {
  height: auto;
  overflow: hidden;
  list-style: none !important;
  margin-bottom: 10px;
}

ul.social-icons li {
  float: none;
  display: inline-block;
  height: 36px;
}

#copyright a:hover, #copyright nav .menu li a:hover {
  color: #e4e4e4 !important;
}

#copyright a {
  text-decoration: none;
}

#copyright a:hover {
  text-decoration: none;
}

/* le texte défilant en intro */

/* les chambres */

/* special prices */

.special-price h5 {
  margin-bottom: 20px;
  color: #b37ea7;
  text-align: center;
  font-size: 130%;
  /* text-decoration: none; */
  background-color: #EEEEEE;
  color: #b37ea7;
  padding: 2px 6px 2px 6px;
  border-top: 1px solid #b5dee4;
  border-right: 1px solid #b37ea7;
  border-bottom: 1px solid #b37ea7;
  border-left: 1px solid #b5dee4;
}

/* special prices PROMO */

/* tables via markdown */

table {
  border-collapse: collapse;
  width: 100%;
  margin: 40px;
}

td {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0.6rem;
}

/* espace entre boutons CTA */

.btn-cta {
  margin-bottom: 80px;
}

/* Bouton click pour téléphoner */

.click-to-tel {
  margin-top: 0px;
  padding: 5px 0;
  text-align: center;
  border-radius: 3px;
}

/* Bouton du téléphone */

.btn-main-tel {
  font-size: 16px;
  color: #fff;
  outline: none;
  background: #b37ea7;
  transition: all linear .2s;
  border-color: #b37ea7;
  border-radius: 0;
}

/* dates d'ouverture */

/* Pour message box fixe sur le coté droit */

.MsgBoxLocal {
  font-size: 16px;
  border: 1px solid;
  margin: 0px 0px;
  padding:10px 15px 15px 15px;
  text-align: center;
  line-height: 12px;
  float: left !important;
  left: auto;
  right: 40px;
  top: auto;
  bottom: 60%;
  z-index: 999 !important;
  position: fixed;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
  transform: rotate(-90deg);
  transform-origin: right top 0;
  border-radius: 0px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  color: #DFF2BF;
  background-color: rgb(211, 131, 34);
  background-repeat: no-repeat;
  background-position: 10px center;
}

/* Passage de la MsgBox en bas et en dessous des cookies. */

.MsgBoxLocal {
  padding:10px 15px 10px 15px;
  float: bottom !important;
  left: auto;
  right: 5px;
  top: auto;
  bottom: 0%;
  z-index: 999 !important;
  position: fixed;
  transform: rotate(0deg);
}

.MsgBoxLocal p {
  font-size: 14px;
  font-style: normal;
  text-align: center;
  -webkit-text-emphasis: 600;
          text-emphasis: 600;
  line-height: 12px;
}

.MsgBoxLocal a {
  color: white;
  text-align: center;
  -webkit-text-emphasis: 500;
          text-emphasis: 500;
}

/* */

.title {
  padding-bottom: 10px;
  margin-bottom: 2px;
  text-align: center;
}

.title h2 {
  font-size: 25px;
  color: #232323;
  text-transform: capitalize;
  margin-bottom: 8px;
  margin-top: 20px;
  font-weight: 700;
}

.title h4 {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  letter-spacing: 3.3px;
  text-transform: uppercase;
  margin-top: 10px;
}

.block {
  margin-bottom: 40px;
}

.block h1 {
  margin-top: 15px;
  padding-bottom: 10px;
}

.block h2 {
  margin-top: 10px;
  padding-bottom: 10px;
}

/* Icones de legal */

/* Colonne 1 */

#about .row i {
  font-size: 35px;
  color: #b37ea7;
}

/* Colonne 2 */

#about .block i {
  font-size: 25px;
  color: #b37ea7;
}

/* Icones de feature / cabinet */

.service-page .service-parts .block i {
  color: #b37ea7;
}

/* Icones de access */

.service-list .block i {
  color: #b37ea7;
}

.map-area h2 {
  margin-top: 10px;
  padding-bottom: 10px;
}

/* Pour randonnées */

.about-section {
  padding: 15px;
}

/* feature */

#feature {
  padding: 35px 0;
}

#feature .icon {
  text-decoration: none;
  /* diminue taille des icones rondes */
  height: 50px;
  width: 50px;
  font-size: 30px;
  line-height: 52px;
  color: #fff;
  background-color:#b37ea7;
  text-shadow: #b37ea7 1px 1px, #b37ea7 2px 2px, #b37ea7 3px 3px, #b37ea7 4px 4px, #b37ea7 5px 5px, #b37ea7 6px 6px, #b37ea7 7px 7px, #b37ea7 8px 8px, #b37ea7 9px 9px, #b37ea7 10px 10px, #b37ea7 11px 11px, #b37ea7 12px 12px, #b37ea7 13px 13px, #b37ea7 14px 14px, #b37ea7 15px 15px, #b37ea7 16px 16px, #b37ea7 17px 17px, #b37ea7 18px 18px, #b37ea7 19px 19px, #b37ea7 20px 20px, #b37ea7 21px 21px, #b37ea7 22px 22px, #b37ea7 23px 23px, #b37ea7 24px 24px, #b37ea7 25px 25px, #b37ea7 26px 26px, #b37ea7 27px 27px, #b37ea7 28px 28px, #b37ea7 29px 29px, #b37ea7 30px 30px, #b37ea7 31px 31px, #b37ea7 32px 32px, #b37ea7 33px 33px, #b37ea7 34px 34px, #b37ea7 35px 35px, #b37ea7 36px 36px, #b37ea7 37px 37px, #b37ea7 38px 38px, #b37ea7 39px 39px, #b37ea7 40px 40px, #b37ea7 41px 41px, #b37ea7 42px 42px, #b37ea7 43px 43px, #b37ea7 44px 44px, #b37ea7 45px 45px, #b37ea7 46px 46px, #b37ea7 47px 47px, #b37ea7 48px 48px, #b37ea7 49px 49px, #b37ea7 50px 50px, #b37ea7 51px 51px, #b37ea7 52px 52px, #b37ea7 53px 53px, #b37ea7 54px 54px, #b37ea7 55px 55px, #b37ea7 56px 56px, #b37ea7 57px 57px, #b37ea7 58px 58px, #b37ea7 59px 59px, #b37ea7 60px 60px, #b37ea7 61px 61px, #b37ea7 62px 62px, #b37ea7 63px 63px, #b37ea7 64px 64px, #b37ea7 65px 65px, #b37ea7 66px 66px, #b37ea7 67px 67px, #b37ea7 68px 68px, #b37ea7 69px 69px, #b37ea7 70px 70px, #b37ea7 71px 71px, #b37ea7 72px 72px, #b37ea7 73px 73px, #b37ea7 74px 74px, #b37ea7 75px 75px, #b37ea7 76px 76px, #b37ea7 77px 77px, #b37ea7 78px 78px, #b37ea7 79px 79px, #b37ea7 80px 80px, #b37ea7 81px 81px, #b37ea7 82px 82px, #b37ea7 83px 83px, #b37ea7 84px 84px, #b37ea7 85px 85px, #b37ea7 86px 86px, #b37ea7 87px 87px, #b37ea7 88px 88px, #b37ea7 89px 89px, #b37ea7 90px 90px, #b37ea7 91px 91px, #b37ea7 92px 92px, #b37ea7 93px 93px, #b37ea7 94px 94px, #b37ea7 95px 95px, #b37ea7 96px 96px, #b37ea7 97px 97px, #b37ea7 98px 98px, #b37ea7 99px 99px, #b37ea7 100px 100px;
}

/* plus d'information */

#feature .btn {
  background: #f0d9ee;
  border: 1px solid grey;
  border-radius: 50;
  color: grey;
  padding: 10px 10px;
  margin-top: 0px;
  font-size: 13px;
  line-height: 1em;
  /*text-transform: uppercase;*/
  letter-spacing: normal;
}

#consultation .btn {
  background: #f0d9ee;
  border: 1px solid grey;
  border-radius: 50;
  color: grey;
  padding: 10px 10px;
  margin-top: 0px;
  font-size: 13px;
  line-height: 1em;
  /*text-transform: uppercase;*/
  letter-spacing: normal;
}

#contact-section .vcf {
  background: #f0d9ee;
  border: 1px solid grey;
  border-radius: 50;
  color: grey;
  padding: 10px 10px;
  margin-top: 0px;
  font-size: 13px;
  line-height: 1em;
  /*text-transform: uppercase;*/
  letter-spacing: normal;
}

#contact-section .vcf i {
  font-size: 25px;
}

/* Agenda */

#agenda {
  background: #fff;
  background-size: cover;
  background-attachment: fixed;
  padding: 80px 0;
  text-align: center;
  position: relative;
  color: #fff;
}

#agenda .block {
  position: relative;
  z-index: 9;
  color: #fff;
}

#agenda .block h2 {
  margin-bottom: 15px;
  color: #000;
}

#agenda .block p {
  font-size: 15px;
  font-weight: 300;
  font-family: 'Roboto', sans-serif;
  margin-top: 20px;
}

#agenda .block .btn-contact {
  background: #fff;
  border: 2px solid #fff;
  color: #b37ea7;
  padding: 15px 34px;
  margin-top: 20px;
  font-size: 12px;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 30px;
  transition: all linear .2s;
}

/* améliore visibilité des choix de menus */

/* décors du survol */

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:active, .navbar .navbar-nav > li > a:focus {
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
}

.navbar .nav-item .activemenu {
  background-color:  #b37ea7;
  color: white !important;
}

.navbar .nav-item .nav-link:hover {
  color: #b37ea7 !important;
}

/* icone du menu */

.navbar i {
  color: #b37ea7;
  padding: 2px;
}

.navbar .activemenu i {
  color: white;
}

/* Boutons */

#call-to-action .block .btn-contact:hover {
  background: #b37ea7;
}

#call-to-action .block .btn-contact {
  color: #b37ea7;
  font-size: 18px;
  padding: 10px 30px;
  border-radius: 30px;
}

#call-to-action .block .btn-contact i {
  color: #b37ea7;
  font-size: 25px;
}

/* Titre du CTA (nouveau <p id="cta-title">) */

#call-to-action .block #cta-title {
  font-size: 25px;
  font-weight: 700;
  font-family: 'Roboto', sans-serif;
  text-transform: capitalize;
  margin-top: 20px;
  margin-bottom: 8px;
}

/* Image d'accueil BANNER */

#hero-area {
  color: #b37ea7;
  padding: 120px 0;
  padding-bottom: 15px;
}

#hero-area:before {
  background: rgba(255, 255, 255, .65);
}

#hero-area .btn {
  background: #b37ea7;
  font-size: 18px;
  margin-top: 4px;
}

/* titre et textes du BANNER */

#hero-area h1 {
  margin-top: 50px;
  font-size: 24px;
  line-height: 100%;
}

#hero-area h2 {
  font-size: 14px;
  /* font-weight: 400; */
  margin-bottom: 25px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.9);
}

#hero-area h3 {
  font-size: 18px;
  font-weight: 400;
  text-shadow: 0 1px 1px rgba(121, 3, 101, 0.9);
}

#hero-area h4 {
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 25px;
}

/* Image des drapeaux de sélecton */

img.selected {
  border: 1px solid #b37ea7;
  padding: 3px;
  margin: 1px;
}

img.notselected {
  padding: 2px;
  margin: 1px;
}

/* Global page Header */

.global-page-header {
  background: #b37ea7;
  color: #fff;
  padding: 120px 0 5px;
}

/* Carousel pour Derib */

/* Carousel pour CABINET */

#cabinet {
  padding: 0px 0 0px;
}

/* Carousel pour Bar */

#about-carousel {
  padding: 30px 0 0px;
}

p.hidden {
  visibility: hidden;
}

/* Flags navigation */

.flagselect {
  border: 1px solid #333333;
  padding: 0px;
  margin: 0px;
  font-weight: bold;
  color: black;
  font-size: 90%;
}

.flagnoselect {
  padding: 0px;
  margin: 0px;
  color: #333333;
  font-size: 90%;
}

/* listes dans les posts .md */

.single-post .post-content ol li, .single-post .post-content ul li {
  color: #666;
  list-style-type: disc;
}

/* listes dans les pages via data/yml */

.content ul li {
  color: #666;
  list-style-type: disc;
  margin-left: 50px;
}

/* Pour les photos vintage sur téléphone */

.gallery {
  padding: 30px;
}

/* Pour le label de chargement sur le form */

/* Communication de crise */

.crise {
  background: #e7d0e2;
  padding: 20px;
  margin: 10px;
  border: 2px solid #873c76;
  border-radius: 15px;
}

.crise h3{
  color: #873c76;
  text-align: center;
  font-size: 23px;
}

.crise p {
  color: #873c76;
  text-align: center;
}

/* ZZZ */

/* Envoi deformulaire */

#contact-section .contact-form .btn-send {
  color: #fff;
  outline: none;
  background: #b37ea7;
  transition: all linear .2s;
  border-color: #b37ea7;
  border-radius: 0;
}

#contact-section .address i, #contact-section .email i, #contact-section .phone i {
  color: #b37ea7;
}

#call-to-action {
  background: #b37ea7;
  color: #fff;
}

#footer .copyright a {
  color: #b37ea7;
}

#footer .social li a {
  font-size: 33px;
  color: #b37ea7;
}

/* pages générales */

#consultation .content h2 {
  margin-top: 20px;
  margin-bottom: 12px;
  color: #b37ea7;
  border-bottom: 1px solid #b37ea7;
}

/* gestion gras et italique du markdown */

#consultation strong,em {
  color: #b37ea7;
}

#feature strong,em {
  color: #b37ea7;
}

#corona strong,em {
  color: #b37ea7;
}

#access strong,em {
  color: #b37ea7;
}

#service-page strong,em {
  color: #b37ea7;
}

/* Divers tweek de mise en page */

#contact-section {
  padding: 10px 0;
}

#contact-section .address-details {
  padding-top: 10px;
}

/* page 404 */

.wrapper_404 h1 {
  color: #b37ea7;
}

#access .block h3 {
  border-bottom: 1px solid #b37ea7;
}

/* section Corona */

#corona {
  padding: 80px 0;
}

#corona .media {
  margin: 0px 0 70px 0;
}

#corona .media .media-left {
  padding-right: 25px;
}

#corona p {
  line-height: 22px;
  font-size: 15px;
  color: #777777;
}

#corona .corona-heading h2 {
  margin-top: 40px;
}

/* pour ribbon */

#corona .corona-heading{
  margin-right: -15px;
}

#corona .corona-heading h3 {
  text-align: center;
  margin-bottom: 35px;
  color: #b37ea7;
  font-size: 22px;
  line-height: 22px;
  font-weight: 300;
}

#corona .bordercorona {
  border: 2px solid #b37ea7;
  box-shadow: 10px 5px 5px #f0d9ee;
}

#corona .corona {
  margin: 0px 0 30px 0;
}

#corona .icon {
  text-decoration: none;
  /* diminue taille des icones rondes */
  height: 50px;
  width: 50px;
  text-align: center;
  font-size: 30px;
  line-height: 52px;
  color: #fff;
  background-color:#b37ea7;
  overflow: hidden;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  text-shadow: #b37ea7 1px 1px, #b37ea7 2px 2px, #b37ea7 3px 3px, #b37ea7 4px 4px, #b37ea7 5px 5px, #b37ea7 6px 6px, #b37ea7 7px 7px, #b37ea7 8px 8px, #b37ea7 9px 9px, #b37ea7 10px 10px, #b37ea7 11px 11px, #b37ea7 12px 12px, #b37ea7 13px 13px, #b37ea7 14px 14px, #b37ea7 15px 15px, #b37ea7 16px 16px, #b37ea7 17px 17px, #b37ea7 18px 18px, #b37ea7 19px 19px, #b37ea7 20px 20px, #b37ea7 21px 21px, #b37ea7 22px 22px, #b37ea7 23px 23px, #b37ea7 24px 24px, #b37ea7 25px 25px, #b37ea7 26px 26px, #b37ea7 27px 27px, #b37ea7 28px 28px, #b37ea7 29px 29px, #b37ea7 30px 30px, #b37ea7 31px 31px, #b37ea7 32px 32px, #b37ea7 33px 33px, #b37ea7 34px 34px, #b37ea7 35px 35px, #b37ea7 36px 36px, #b37ea7 37px 37px, #b37ea7 38px 38px, #b37ea7 39px 39px, #b37ea7 40px 40px, #b37ea7 41px 41px, #b37ea7 42px 42px, #b37ea7 43px 43px, #b37ea7 44px 44px, #b37ea7 45px 45px, #b37ea7 46px 46px, #b37ea7 47px 47px, #b37ea7 48px 48px, #b37ea7 49px 49px, #b37ea7 50px 50px, #b37ea7 51px 51px, #b37ea7 52px 52px, #b37ea7 53px 53px, #b37ea7 54px 54px, #b37ea7 55px 55px, #b37ea7 56px 56px, #b37ea7 57px 57px, #b37ea7 58px 58px, #b37ea7 59px 59px, #b37ea7 60px 60px, #b37ea7 61px 61px, #b37ea7 62px 62px, #b37ea7 63px 63px, #b37ea7 64px 64px, #b37ea7 65px 65px, #b37ea7 66px 66px, #b37ea7 67px 67px, #b37ea7 68px 68px, #b37ea7 69px 69px, #b37ea7 70px 70px, #b37ea7 71px 71px, #b37ea7 72px 72px, #b37ea7 73px 73px, #b37ea7 74px 74px, #b37ea7 75px 75px, #b37ea7 76px 76px, #b37ea7 77px 77px, #b37ea7 78px 78px, #b37ea7 79px 79px, #b37ea7 80px 80px, #b37ea7 81px 81px, #b37ea7 82px 82px, #b37ea7 83px 83px, #b37ea7 84px 84px, #b37ea7 85px 85px, #b37ea7 86px 86px, #b37ea7 87px 87px, #b37ea7 88px 88px, #b37ea7 89px 89px, #b37ea7 90px 90px, #b37ea7 91px 91px, #b37ea7 92px 92px, #b37ea7 93px 93px, #b37ea7 94px 94px, #b37ea7 95px 95px, #b37ea7 96px 96px, #b37ea7 97px 97px, #b37ea7 98px 98px, #b37ea7 99px 99px, #b37ea7 100px 100px;
}

/* The close button */

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 22px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.5s;
  border: 1px solid #fff;
  padding: 2px 4px;
}

/* When moving the mouse over the close button */

.closebtn:hover {
  color: black;
}

/* iframe des maps */

.map-responsive{
  overflow:hidden;
  padding-bottom:56.25%;
  position:relative;
  height:0;
}

.map-responsive iframe{
  left:0;
  top:0;
  height:100%;
  width:100%;
  position:absolute;
}

/* bandeau oblique */

.parent {
  overflow: hidden; /* required */
  position: relative; /* required  for demo*/
}

.ribbon {
  margin: 0;
  padding: 0;
  background: #4eaf4e;
  color:white;
  font-weight: 400;
  padding:0 0;
  position: absolute;
  top:0;
  right:0;
  transform: translateX(30%) translateY(0%) rotate(45deg);
  transform-origin: top left;
}

.ribbon:before,
.ribbon:after {
  content: '';
  position: absolute;
  top:0;
  margin: 0 -1px; /* tweak */
  width: 100%;
  height: 100%;
  background: #4eaf4e;
}

.ribbon:before {
  right:100%;
}

.ribbon:after {
  left:100%;
}

.parent p {
  color: white !important;
}

.ribbon.closed {
  background:red;
}

.ribbon.closed:before,
.ribbon.closed:after {
  background: red;
}

/* pour ribbon */

#corona .corona-heading{
  margin-right: -15px;
}

/* pour fom */

#contact-form .form-control-label {
  font-size: 65%;
  font-style: italic;
  padding: 1px 1px;
  margin: 1px 1px;
}

/* Testimonials */

.avis {
  background: #e7d0e2;
  padding: 5px;
  margin-block-start: 5px;
  border: 1px dashed #873c76;
  border-radius: 10px;
}

.avis h4{
  color: #873c76;
}

.avis p{
  font-size: 90%;
}

.iconavis {
  color: #873c76;
  font-size: 70%;
}

#doc h2 {
  border: 2px double #873c76;
  padding: 10px;
  margin-bottom: 30px;
  font-variant: small-caps;
}

#doc h3 {
  border-bottom: 1px solid #873c76;
  padding: 10px;
  margin-bottom: 30px;
  font-variant: small-caps;
}

/* Pour Infos utiles */

.info-utiles-box,
.faq-box {
  margin-top: 30px;
  padding: 25px 30px;
  background: #f9f9f9;
  border-radius: 8px;
}

.info-utiles-list {
  margin: 0;
  padding-left: 20px;
}

.info-utiles-list li {
  margin-bottom: 8px;
}

/* Pour Questions fréquentes */

.faq-box {
  margin-top: 30px;
  padding: 25px 30px;
  background: #f9f9f9;
  border-radius: 8px;
}

.faq-list {
  margin-top: 20px;
}

.faq-item {
  margin-bottom: 12px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 6px;
  background: #fff;
  overflow: hidden;
}

.faq-item summary {
  position: relative;
  display: block;
  padding: 18px 52px 18px 20px;
  cursor: pointer;
  font-weight: 700;
  line-height: 1.5;
  color: #232323;
  background: #f8f6f2;
  transition: background 0.2s ease, color 0.2s ease;
  list-style: none;
}

.faq-item summary:hover {
  background: #f4f4f4;
  color: #000;
}

.faq-item summary::-webkit-details-marker {
  display: none;
}

.faq-item summary::after {
  content: "+";
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 1;
  font-weight: 400;
  color: #e67e22;
  transition: transform 0.25s ease, color 0.25s ease;
}

.faq-item[open] summary {
  background: #f7f7f7;
}

.faq-item[open] summary::after {
  content: "−";
  color: #232323;
}

.faq-answer {
  display: grid;
  grid-template-rows: 0fr;
  opacity: 0;
  background: #fff;
  transition:
    grid-template-rows 0.28s ease,
    opacity 0.22s ease;
  transition:
    grid-template-rows 0.28s ease,
    opacity 0.22s ease,
    -ms-grid-rows 0.28s ease;
}

.faq-answer-inner {
  overflow: hidden;
}

.faq-answer-text {
  padding: 4px 24px 24px 24px;
  transform: translateY(-6px);
  transition: transform 0.28s ease;
}

.faq-answer-text p,
.faq-answer-text ul,
.faq-answer-text ol {
  margin: 0;
  line-height: 1.85;
  font-size: 16px;
  color: #555;
}

.faq-answer-text p + p,
.faq-answer-text p + ul,
.faq-answer-text ul + p,
.faq-answer-text ul + ul,
.faq-answer-text ol + p {
  margin-top: 12px;
}

.faq-answer-text ul,
.faq-answer-text ol {
  padding-left: 18px;
}

.faq-answer-text a {
  color: #e67e22;
  text-decoration: underline;
}

.faq-answer-text a:hover {
  color: #c96512;
}

.faq-item[open] .faq-answer {
  grid-template-rows: 1fr;
  opacity: 1;
}

.faq-item[open] .faq-answer-text {
  transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
  .faq-item summary,
  .faq-item summary::after,
  .faq-answer,
  .faq-answer-text {
    transition: none;
  }
}

/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */

.fab,.far,.fas{
  -moz-osx-font-smoothing:grayscale;
  -webkit-font-smoothing:antialiased;
  display:inline-block;
  font-style:normal;
  font-variant:normal;
  text-rendering:auto;
  line-height:1
}

@keyframes fa-spin{
  0%{
    transform:rotate(0deg)
  }

  to{
    transform:rotate(1turn)
  }
}

.fa-accessible-icon:before{
  content:"\f368"
}

.fa-arrow-alt-circle-left:before{
  content:"\f359"
}

.fa-arrow-alt-circle-right:before{
  content:"\f35a"
}

.fa-award:before{
  content:"\f559"
}

.fa-bicycle:before{
  content:"\f206"
}

.fa-briefcase-medical:before{
  content:"\f469"
}

.fa-bus:before{
  content:"\f207"
}

.fa-calendar-alt:before{
  content:"\f073"
}

.fa-car:before{
  content:"\f1b9"
}

.fa-clinic-medical:before{
  content:"\f7f2"
}

.fa-clock:before{
  content:"\f017"
}

.fa-cloud-download-alt:before{
  content:"\f381"
}

.fa-cloud-showers-heavy:before{
  content:"\f740"
}

.fa-crown:before{
  content:"\f521"
}

.fa-euro-sign:before{
  content:"\f153"
}

.fa-external-link-alt:before{
  content:"\f35d"
}

.fa-facebook:before{
  content:"\f09a"
}

.fa-facebook-square:before{
  content:"\f082"
}

.fa-globe:before{
  content:"\f0ac"
}

.fa-google:before{
  content:"\f1a0"
}

.fa-hand-holding-medical:before{
  content:"\e05c"
}

.fa-heart:before{
  content:"\f004"
}

.fa-home:before{
  content:"\f015"
}

.fa-industry:before{
  content:"\f275"
}

.fa-info-circle:before{
  content:"\f05a"
}

.fa-instagram-square:before{
  content:"\e055"
}

.fa-level-up-alt:before{
  content:"\f3bf"
}

.fa-linkedin:before{
  content:"\f08c"
}

.fa-lock:before{
  content:"\f023"
}

.fa-map-marker-alt:before{
  content:"\f3c5"
}

.fa-newspaper:before{
  content:"\f1ea"
}

.fa-pen-nib:before{
  content:"\f5ad"
}

.fa-phone-alt:before{
  content:"\f879"
}

.fa-phone-square-alt:before{
  content:"\f87b"
}

.fa-route:before{
  content:"\f4d7"
}

.fa-server:before{
  content:"\f233"
}

.fa-shower:before{
  content:"\f2cc"
}

.fa-smile-beam:before{
  content:"\f5b8"
}

.fa-spa:before{
  content:"\f5bb"
}

.fa-star:before{
  content:"\f005"
}

.fa-stopwatch:before{
  content:"\f2f2"
}

.fa-subway:before{
  content:"\f239"
}

.fa-tools:before{
  content:"\f7d9"
}

.fa-train:before{
  content:"\f238"
}

.fa-trophy:before{
  content:"\f091"
}

.fa-twitter-square:before{
  content:"\f081"
}

.fa-user:before{
  content:"\f007"
}

.fa-user-graduate:before{
  content:"\f501"
}

.fa-users:before{
  content:"\f0c0"
}

.fa-venus:before{
  content:"\f221"
}

.fa-walking:before{
  content:"\f554"
}

@font-face{
  font-family:"Font Awesome 5 Brands";

  font-style:normal;

  font-weight:400;

  font-display:block;

  src:url(../webfonts/fa-brands-400.eot);

  src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")
}

.fab{
  font-family:"Font Awesome 5 Brands"
}

@font-face{
  font-family:"Font Awesome 5 Free";

  font-style:normal;

  font-weight:400;

  font-display:block;

  src:url(../webfonts/fa-regular-400.eot);

  src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")
}

.fab,.far{
  font-weight:400
}

@font-face{
  font-family:"Font Awesome 5 Free";

  font-style:normal;

  font-weight:900;

  font-display:block;

  src:url(../webfonts/fa-solid-900.eot);

  src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")
}

.far,.fas{
  font-family:"Font Awesome 5 Free"
}

.fas{
  font-weight:900
}

@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }

  40% {
    transform: translateY(-30px);
  }

  60% {
    transform: translateY(-15px);
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(10px);
  }
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

@keyframes tada {
  0% {
    transform: scale(1);
  }

  10%, 20% {
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    transform: scale(1) rotate(0);
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
  0% {
    transform: translateX(0%);
  }

  15% {
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    transform: translateX(-5%) rotate(-1deg);
  }

  100% {
    transform: translateX(0%);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    transform: scale(1.05);
  }

  70% {
    transform: scale(.9);
  }

  100% {
    transform: scale(1);
  }
}

@keyframes bounceInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(30px);
  }

  80% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(30px);
  }

  80% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes bounceInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    transform: translateX(-30px);
  }

  80% {
    transform: translateX(10px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes bounceInUp {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    transform: translateY(-30px);
  }

  80% {
    transform: translateY(10px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes bounceOut {
  0% {
    transform: scale(1);
  }

  25% {
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    transform: scale(.3);
  }
}

@keyframes bounceOutDown {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

@keyframes bounceOutLeft {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

@keyframes bounceOutRight {
  0% {
    transform: translateX(0);
  }

  20% {
    opacity: 1;
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

@keyframes bounceOutUp {
  0% {
    transform: translateY(0);
  }

  20% {
    opacity: 1;
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInDown {
  animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.fadeInLeft {
  animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.fadeInUp {
  animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translateY(2000px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(2000px);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-20px);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(20px);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-20px);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

@keyframes flip {
  0% {
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    animation-timing-function: ease-out;
  }

  40% {
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    animation-timing-function: ease-out;
  }

  50% {
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    animation-timing-function: ease-in;
  }

  80% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    animation-timing-function: ease-in;
  }

  100% {
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    animation-timing-function: ease-in;
  }
}

@keyframes flipInX {
  0% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

@keyframes flipInY {
  0% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

@keyframes flipOutX {
  0% {
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes lightSpeedIn {
  0% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedOut {
  0% {
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }
}

@keyframes rotateIn {
  0% {
    transform-origin: center center;
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateOut {
  0% {
    transform-origin: center center;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: center center;
    transform: rotate(200deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: left bottom;
    transform: rotate(-90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate(0);
    opacity: 1;
  }

  100% {
    transform-origin: right bottom;
    transform: rotate(90deg);
    opacity: 0;
  }
}

@keyframes slideInDown {
  0% {
    opacity: 0;
    transform: translateY(-2000px);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes slideInLeft {
  0% {
    opacity: 0;
    transform: translateX(-2000px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    transform: translateX(2000px);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideOutLeft {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(-2000px);
  }
}

@keyframes slideOutRight {
  0% {
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    transform: translateX(2000px);
  }
}

@keyframes slideOutUp {
  0% {
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(-2000px);
  }
}

@keyframes hinge {
  0% {
    transform: rotate(0);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    transform: rotate(80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  40% {
    transform: rotate(60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  80% {
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }

  100% {
    transform: translateY(700px);
    opacity: 0;
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translateX(-100%) rotate(-120deg);
  }

  100% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
  0% {
    opacity: 1;
    transform: translateX(0px) rotate(0deg);
  }

  100% {
    opacity: 0;
    transform: translateX(100%) rotate(120deg);
  }
}

/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.3.2
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Hover.css Copyright Ian Lunn 2017. Generated with Sass.
 */

@keyframes hvr-pulse{
  25%{
    transform:scale(1.1)
  }

  75%{
    transform:scale(0.9)
  }
}

@keyframes hvr-pulse-grow{
  to{
    transform:scale(1.1)
  }
}

@keyframes hvr-pulse-shrink{
  to{
    transform:scale(0.9)
  }
}

@keyframes hvr-push{
  50%{
    transform:scale(0.8)
  }

  100%{
    transform:scale(1)
  }
}

@keyframes hvr-pop{
  50%{
    transform:scale(1.2)
  }
}

@keyframes hvr-bob{
  0%{
    transform:translateY(-8px)
  }

  50%{
    transform:translateY(-4px)
  }

  100%{
    transform:translateY(-8px)
  }
}

@keyframes hvr-bob-float{
  100%{
    transform:translateY(-8px)
  }
}

@keyframes hvr-hang{
  0%{
    transform:translateY(8px)
  }

  50%{
    transform:translateY(4px)
  }

  100%{
    transform:translateY(8px)
  }
}

@keyframes hvr-hang-sink{
  100%{
    transform:translateY(8px)
  }
}

@keyframes hvr-wobble-vertical{
  16.65%{
    transform:translateY(8px)
  }

  33.3%{
    transform:translateY(-6px)
  }

  49.95%{
    transform:translateY(4px)
  }

  66.6%{
    transform:translateY(-2px)
  }

  83.25%{
    transform:translateY(1px)
  }

  100%{
    transform:translateY(0)
  }
}

@keyframes hvr-wobble-horizontal{
  16.65%{
    transform:translateX(8px)
  }

  33.3%{
    transform:translateX(-6px)
  }

  49.95%{
    transform:translateX(4px)
  }

  66.6%{
    transform:translateX(-2px)
  }

  83.25%{
    transform:translateX(1px)
  }

  100%{
    transform:translateX(0)
  }
}

@keyframes hvr-wobble-to-bottom-right{
  16.65%{
    transform:translate(8px,8px)
  }

  33.3%{
    transform:translate(-6px,-6px)
  }

  49.95%{
    transform:translate(4px,4px)
  }

  66.6%{
    transform:translate(-2px,-2px)
  }

  83.25%{
    transform:translate(1px,1px)
  }

  100%{
    transform:translate(0,0)
  }
}

@keyframes hvr-wobble-to-top-right{
  16.65%{
    transform:translate(8px,-8px)
  }

  33.3%{
    transform:translate(-6px,6px)
  }

  49.95%{
    transform:translate(4px,-4px)
  }

  66.6%{
    transform:translate(-2px,2px)
  }

  83.25%{
    transform:translate(1px,-1px)
  }

  100%{
    transform:translate(0,0)
  }
}

@keyframes hvr-wobble-top{
  16.65%{
    transform:skew(-12deg)
  }

  33.3%{
    transform:skew(10deg)
  }

  49.95%{
    transform:skew(-6deg)
  }

  66.6%{
    transform:skew(4deg)
  }

  83.25%{
    transform:skew(-2deg)
  }

  100%{
    transform:skew(0)
  }
}

@keyframes hvr-wobble-bottom{
  16.65%{
    transform:skew(-12deg)
  }

  33.3%{
    transform:skew(10deg)
  }

  49.95%{
    transform:skew(-6deg)
  }

  66.6%{
    transform:skew(4deg)
  }

  83.25%{
    transform:skew(-2deg)
  }

  100%{
    transform:skew(0)
  }
}

@keyframes hvr-wobble-skew{
  16.65%{
    transform:skew(-12deg)
  }

  33.3%{
    transform:skew(10deg)
  }

  49.95%{
    transform:skew(-6deg)
  }

  66.6%{
    transform:skew(4deg)
  }

  83.25%{
    transform:skew(-2deg)
  }

  100%{
    transform:skew(0)
  }
}

@keyframes hvr-buzz{
  50%{
    transform:translateX(3px) rotate(2deg)
  }

  100%{
    transform:translateX(-3px) rotate(-2deg)
  }
}

@keyframes hvr-buzz-out{
  10%{
    transform:translateX(3px) rotate(2deg)
  }

  20%{
    transform:translateX(-3px) rotate(-2deg)
  }

  30%{
    transform:translateX(3px) rotate(2deg)
  }

  40%{
    transform:translateX(-3px) rotate(-2deg)
  }

  50%{
    transform:translateX(2px) rotate(1deg)
  }

  60%{
    transform:translateX(-2px) rotate(-1deg)
  }

  70%{
    transform:translateX(2px) rotate(1deg)
  }

  80%{
    transform:translateX(-2px) rotate(-1deg)
  }

  90%{
    transform:translateX(1px) rotate(0)
  }

  100%{
    transform:translateX(-1px) rotate(0)
  }
}

@keyframes hvr-back-pulse{
  50%{
    background-color:rgba(32,152,209,.75)
  }
}

.hvr-bounce-to-right{
  display:inline-block;
  vertical-align:middle;
  transform:perspective(1px) translateZ(0);
  box-shadow:0 0 1px rgba(0,0,0,0);
  position:relative;
  transition-property:color;
  transition-duration:.5s
}

.hvr-bounce-to-right:before{
  content:"";
  position:absolute;
  z-index:-1;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#2098D1;
  transform:scaleX(0);
  transform-origin:0 50%;
  transition-property:transform;
  transition-duration:.5s;
  transition-timing-function:ease-out
}

.hvr-bounce-to-right:active,.hvr-bounce-to-right:focus,.hvr-bounce-to-right:hover{
  color:#fff
}

.hvr-bounce-to-right:active:before,.hvr-bounce-to-right:focus:before,.hvr-bounce-to-right:hover:before{
  transform:scaleX(1);
  transition-timing-function:cubic-bezier(0.52,1.64,.37,.66)
}

@keyframes hvr-ripple-out{
  100%{
    top:-12px;
    right:-12px;
    bottom:-12px;
    left:-12px;
    opacity:0
  }
}

@keyframes hvr-ripple-in{
  100%{
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:1
  }
}

@keyframes hvr-icon-down{
  0%,100%,50%{
    transform:translateY(0)
  }

  25%,75%{
    transform:translateY(6px)
  }
}

@keyframes hvr-icon-up{
  0%,100%,50%{
    transform:translateY(0)
  }

  25%,75%{
    transform:translateY(-6px)
  }
}

@keyframes hvr-icon-drop{
  0%{
    opacity:0
  }

  50%{
    opacity:0;
    transform:translateY(-100%)
  }

  100%,51%{
    opacity:1
  }
}

@keyframes hvr-icon-float-away{
  0%{
    opacity:1
  }

  100%{
    opacity:0;
    transform:translateY(-1em)
  }
}

@keyframes hvr-icon-sink-away{
  0%{
    opacity:1
  }

  100%{
    opacity:0;
    transform:translateY(1em)
  }
}

@keyframes hvr-icon-pulse{
  25%{
    transform:scale(1.3)
  }

  75%{
    transform:scale(0.8)
  }
}

@keyframes hvr-icon-pulse-grow{
  to{
    transform:scale(1.3)
  }
}

@keyframes hvr-icon-pulse-shrink{
  to{
    transform:scale(0.8)
  }
}

@keyframes hvr-icon-push{
  50%{
    transform:scale(0.5)
  }
}

@keyframes hvr-icon-pop{
  50%{
    transform:scale(1.5)
  }
}

@keyframes hvr-icon-bob{
  0%{
    transform:translateY(-6px)
  }

  50%{
    transform:translateY(-2px)
  }

  100%{
    transform:translateY(-6px)
  }
}

@keyframes hvr-icon-bob-float{
  100%{
    transform:translateY(-6px)
  }
}

@keyframes hvr-icon-hang{
  0%{
    transform:translateY(6px)
  }

  50%{
    transform:translateY(2px)
  }

  100%{
    transform:translateY(6px)
  }
}

@keyframes hvr-icon-hang-sink{
  100%{
    transform:translateY(6px)
  }
}

@keyframes hvr-icon-wobble-horizontal{
  16.65%{
    transform:translateX(6px)
  }

  33.3%{
    transform:translateX(-5px)
  }

  49.95%{
    transform:translateX(4px)
  }

  66.6%{
    transform:translateX(-2px)
  }

  83.25%{
    transform:translateX(1px)
  }

  100%{
    transform:translateX(0)
  }
}

@keyframes hvr-icon-wobble-vertical{
  16.65%{
    transform:translateY(6px)
  }

  33.3%{
    transform:translateY(-5px)
  }

  49.95%{
    transform:translateY(4px)
  }

  66.6%{
    transform:translateY(-2px)
  }

  83.25%{
    transform:translateY(1px)
  }

  100%{
    transform:translateY(0)
  }
}

@keyframes hvr-icon-buzz{
  50%{
    transform:translateX(3px) rotate(2deg)
  }

  100%{
    transform:translateX(-3px) rotate(-2deg)
  }
}

@keyframes hvr-icon-buzz-out{
  10%{
    transform:translateX(3px) rotate(2deg)
  }

  20%{
    transform:translateX(-3px) rotate(-2deg)
  }

  30%{
    transform:translateX(3px) rotate(2deg)
  }

  40%{
    transform:translateX(-3px) rotate(-2deg)
  }

  50%{
    transform:translateX(2px) rotate(1deg)
  }

  60%{
    transform:translateX(-2px) rotate(-1deg)
  }

  70%{
    transform:translateX(2px) rotate(1deg)
  }

  80%{
    transform:translateX(-2px) rotate(-1deg)
  }

  90%{
    transform:translateX(1px) rotate(0)
  }

  100%{
    transform:translateX(-1px) rotate(0)
  }
}