/* Add here all your css styles (customizations) */
.glyphicon
{
    margin-right:4px !important; /*override*/
}

.pagination .glyphicon
{
    margin-right:0px !important; /*override*/
}

.pagination a
{
    color:#555;
}

.panel ul
{
    padding:0px;
    margin:0px;
    list-style:none;
}

#about p {
    line-height: 20px;
    color: #fff;
}

#nav a:visited {
    color: #fff !important;
}

#nav li.active a, #nav li.current a {
    color: #62a70b !important;
}

p {
    margin: 0 0 20px 0;
}

ul.list-inline li {
  display: inline-block;
  text-transform: uppercase;
  padding: 0 10px;
}

ul.list-inline li a {
  padding: 8px 15px;
  border: #62a70b solid 1px;
  background-color: #fff;
}

ul.list-inline li a:hover {
  background-color: #62a70b;
  color: #fff !important;
}

.mb-50 {
  margin-bottom: 50px;
}

.fond-blanc {
  background-color: #fff;
}

.text-center {
  text-align: center;
}

#resume h2 {
    color: #666;
    margin-bottom: 60px;
    letter-spacing: 1px;
    border-color: #62a70b;
    font-size: 28px !important;
}

#contact h2 {
    font-size: 28px !important;
}

.div_page {
  padding-bottom: 72px !important;
  padding-top: 90px !important;
}

#preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-color: #ffffff;
    background: -webkit-linear-gradient(90deg, #ffffff 10%, #ffffff 90%);
    background: -moz-linear-gradient(90deg, #ffffff 10%, #ffffff 90%);
    background: -ms-linear-gradient(90deg, #ffffff 10%, #ffffff 90%);
    background: -o-linear-gradient(90deg, #ffffff 10%, #ffffff 90%);
    background: linear-gradient(90deg, #ffffff 10%, #ffffff 90%);
}

@keyframes animate2 {
  0% {
    box-shadow: inset #62a70b 0 0 0 17px;
    transform: rotate(-140deg);
  }
  50% {
    box-shadow: inset #62a70b 0 0 0 2px;
  }
  100% {
    box-shadow: inset #62a70b 0 0 0 17px;
    transform: rotate(140deg);
  }
}

.button, .button:visited, button, input[type="submit"], input[type="reset"], input[type="button"] {
    background: #62a70b;
}

header .banner {
    vertical-align: bottom;
    padding-bottom: 150px;
}

header .banner-text img {
    margin-bottom: 30px;
}

header .banner-text h1 {
    color: #9ac456;
}

header .banner-text h3 {
    font-family: 'Raleway', sans-serif;
    color: #000;
    margin: 0 auto;
    width: 70%;
    letter-spacing: 12px;
}

#resume {
    padding-bottom: 0;
}

#page {
    background: #fff;
    overflow: hidden;
    padding-bottom: 72px;
    padding-top: 90px;
}

#page .section-title:after {
    background: #fff;
    color: #666;
    content: "\f02d";
}

.page {
    margin-top: 30px;
    margin-bottom: 48px;
    padding-bottom: 24px;
    border-bottom: 1px solid #E8E8E8;
}

.bg-black {
  background-color: #000;
}

.color1 {
  background: #1abc9c;
}
.color2 {
  background: #e74c3c;
}
.color3 {
  background: #34495e;
}
.color4 {
  background: #3498db;
}
.color5 {
  background: #d35400;
}
.color6 {
  background: #9b59b6;
}

.w10 {
    width: 10%;
    -moz-animation: w10 2s ease;
    -webkit-animation: w10 2s ease;
}
.w20 {
    width: 20%;
    -moz-animation: w20 2s ease;
    -webkit-animation: w20 2s ease;
}
.w30 {
    width: 30%;
    -moz-animation: w30 2s ease;
    -webkit-animation: w30 2s ease;
}
.w40 {
    width: 40%;
    -moz-animation: w40 2s ease;
    -webkit-animation: w40 2s ease;
}
.w50 {
    width: 50%;
    -moz-animation: w50 2s ease;
    -webkit-animation: w50 2s ease;
}
.w60 {
    width: 60%;
    -moz-animation: w60 2s ease;
    -webkit-animation: w60 2s ease;
}
.w70 {
    width: 70%;
    -moz-animation: w70 2s ease;
    -webkit-animation: w70 2s ease;
}
.w80 {
    width: 80%;
    -moz-animation: w80 2s ease;
    -webkit-animation: w80 2s ease;
}
.w90 {
    width: 90%;
    -moz-animation: w90 2s ease;
    -webkit-animation: w90 2s ease;
}
.w100 {
    width: 100%;
    -moz-animation: w100 2s ease;
    -webkit-animation: w100 2s ease;
}

@-moz-keyframes w10 {
  0%   { width: 0px;  }
  100% { width: 10%;  }
}
@-moz-keyframes w20 {
  0%   { width: 0px;  }
  100% { width: 20%;  }
}
@-moz-keyframes w30 {
  0%   { width: 0px;  }
  100% { width: 30%;  }
}
@-moz-keyframes w40 {
  0%   { width: 0px;  }
  100% { width: 90%;  }
}
@-moz-keyframes w50 {
  0%   { width: 0px;  }
  100% { width: 50%;  }
}
@-moz-keyframes w60 {
  0%   { width: 0px;  }
  100% { width: 60%;  }
}
@-moz-keyframes w70 {
  0%   { width: 0px;  }
  100% { width: 70%;  }
}
@-moz-keyframes w80 {
  0%   { width: 0px;  }
  100% { width: 80%;  }
}
@-moz-keyframes w90 {
  0%   { width: 0px;  }
  100% { width: 90%;  }
}
@-moz-keyframes w100 {
  0%   { width: 0px;  }
  100% { width: 1000%;  }
}

@-webkit-keyframes w10 {
  0%   { width: 0px;  }
  100% { width: 10%;  }
}
@-webkit-keyframes w20 {
  0%   { width: 0px;  }
  100% { width: 20%;  }
}
@-webkit-keyframes w30 {
  0%   { width: 0px;  }
  100% { width: 30%;  }
}
@-webkit-keyframes w40 {
  0%   { width: 0px;  }
  100% { width: 90%;  }
}
@-webkit-keyframes w50 {
  0%   { width: 0px;  }
  100% { width: 50%;  }
}
@-webkit-keyframes w60 {
  0%   { width: 0px;  }
  100% { width: 60%;  }
}
@-webkit-keyframes w70 {
  0%   { width: 0px;  }
  100% { width: 70%;  }
}
@-webkit-keyframes w80 {
  0%   { width: 0px;  }
  100% { width: 80%;  }
}
@-webkit-keyframes w90 {
  0%   { width: 0px;  }
  100% { width: 90%;  }
}
@-webkit-keyframes w100 {
  0%   { width: 0px;  }
  100% { width: 1000%;  }
}

.popup-modal {
    max-width: 500px;
}

.popup-modal .project-slider {
    margin-top: 16px;
}

.project-slider {
    padding: 15px 15px 0 15px;
}

.owl-controls {
    position: absolute;
    bottom: 30px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

.owl-theme .owl-controls .owl-page span {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000 \9;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #fff;
    border-radius: 10px;
}

.owl-theme .owl-controls .owl-page.active span {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #fff;
}

.owl-theme .owl-controls {
    top: 0;
    width: 100%;
    left: 0;
    margin-top: 0;
    margin-left: 0;
}

.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: block;
    zoom: 1;
    margin: 0;
    font-size: 12px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    vertical-align: middle;
    background: transparent;
    opacity: 0.3;
    transition: opacity .15s ease-in-out;
}

.owl-buttons .owl-prev {
    position: absolute;
    left: 0;
    width: 125px;
    top: 0;
    height: 470px;
    background-image: url("../../images/btn-left.png") !important;
    background-repeat: repeat-y;
}

.owl-buttons .owl-next {
    position: absolute;
    right: 0;
    width: 125px;
    top: 0;
    height: 470px;
    background-image: url("../../images/btn-right.png") !important;
    background-repeat: repeat-y;
}

.owl-buttons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.owl-pagination {
    margin-top: 400px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.hidden {
  display: none;
}

#contact {
  background: #ffffff;
  padding-top: 60px;
  color: #888;
}

.alert {
  padding: 10px;
}

.alert-danger {
    background-color: #f9b9b9;
    border-radius: 5px;
    color: black;
}

.alert-success {
    background-color: #a6e6b4;
    border-radius: 5px;
    color: black;
}

#contact .section-head { margin-bottom: 30px; }
#contact a, #contact a:visited  { color: #c89905; }
#contact a:hover, #contact a:focus { color: #fff; }
#contact h1 {
color: #000000;
border-color: #666;
margin-bottom: 50px;
}
#contact h1:hover {
border-color: #fff;
}
#contact .section-title:after {
background: #ffffff;
content: "\f003";
color: #888;
}
#contact h4 {
font: 16px/24px 'Open Sans', sans-serif;
font-weight: 700;
color: #EBEEEE;
margin-bottom: 6px;
}
#contact p.lead {
font: 18px/36px 'Open Sans', sans-serif;
font-weight: 300;
padding-right: 3%;
text-align: center;
padding: 10px 10%;
}
#contact .header-col { padding-top: 6px; } .form-container {
width: 81%;
margin: 0 auto;
}
#contact form { margin-bottom: 30px; }
#contact label {
font: 15px/24px 'Open Sans', sans-serif;
font-weight: 700;
margin: 12px 0;
color: #EBEEEE;
display: inline-block;
float: left;
width: 10%;
}
#contact input,
#contact textarea,
#contact select {
font-family: 'Open Sans', sans-serif;
padding: 10px 20px;
color: #eee;
background: #373233;
border: 1px solid #373233;
outline: none;
font-size: 15px;
line-height: 24px;
width: 100%;
margin-bottom: 5px;
transition: all .5s;
-webkit-transition: all .5s;
-moz-transition: all .5s;
-ms-transition: all .5s;
-o-transition: all .5s;
}
#contact input:focus,
#contact textarea:focus,
#contact select:focus {
color: #fff;
border: 1px solid #c89905;
}
#contact input[type="submit"] {
font: 16px/30px 'opensans-bold', sans-serif;
background: none repeat scroll 0 0 #0d0d0d;
border: medium none;
border-radius: 3px;
color: #fff;
cursor: pointer;
display: inline-block;
height: auto;
padding: 12px 20px;
letter-spacing: 3px;
text-transform: uppercase;
width: auto;
display: inline-block;
margin: 0px;
margin-right: 5px;
}
#contact input[type="submit"]:hover {
color: #0D0D0D;
background: #fff;
}
div.wpcf7-response-output {
margin: 0px !important;
}
#contact span.required {
color: #c89905;
font-size: 13px;
}
#message-warning {
background: none repeat scroll 0 0 #0f0f0f;
display: none;
font-size: 13px;
margin: 0 auto 20px;
text-align: center;
width: 100%;
}
#message-success {
background: none repeat scroll 0 0 #0f0f0f;
display: none;
font-size: 16px;
margin: 0 auto 20px;
padding: 50px 15px;
text-align: center;
width: 90%;
}
#message-warning { color: #D72828; }
#message-success { color: #c89905; }
#message-warning i,
#message-success i {
margin-right: 10px;
}
#image-loader {
display: none;
position: relative;
left: 18px;
top: 17px;
} #twitter {
margin-top: 12px;
padding: 0;
}
#twitter li {
margin: 6px 0px 12px 0;
line-height: 30px;
}
#twitter li span {
display: block;
}
#twitter li b a {
font: 13px/36px 'Open Sans', sans-serif;
font-weight: 700;
color: #474747 !important;
border: none;
} .map-container {
margin-top: 30px;
}

#map img {
max-width:inherit !important;
}
.contact-area {
min-height: 520px;
}  footer {
padding-top: 48px;
margin-bottom: 48px;
color: #9c9c9c;
font-size: 14px;
text-align: center;
position: relative;
}
footer a, footer a:visited { color: #6c836d; }
footer a:hover, footer a:focus { color: #fff; } footer .copyright {
margin: 0;
padding: 0;
}
footer .copyright li {
display: inline-block;
margin: 0;
padding: 0;
line-height: 24px;
}
.ie footer .copyright li {
display: inline;
}
footer .copyright li:before {
content: "\2022";
padding-left: 10px;
padding-right: 10px;
color: #095153;
}
footer .copyright  li:first-child:before {
display: none;
} footer .social-links {
margin: 18px 0 30px 0;
padding: 0;
font-size: 30px;
}
footer .social-links li {
display: inline-block;
margin: 0;
padding: 0;
margin-left: 42px;
color: #F06000;
}
footer .social-links li:first-child { margin-left: 0; } #go-top {
position: absolute;
top: -24px;
left: 50%;
margin-left: -30px;
}

ul.parsley-errors-list {
    padding-left: 0;
    list-style-type: none;
    margin-top: 5px;
    color: red;
}

li.parsley-length, li.parsley-required, li.parsley-type {
    color: red;
}

@media (min-width: 768px) and (max-width: 991px) {
}

@media (min-width: 768px) {
}

@media (min-width: 992px) {
}

@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 1200px) {
}