/* Global */
.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #333;
    opacity: 0.8;
}

a h1 {
    margin-bottom: 30px;
}

a:hover {
    cursor: pointer;
}

img {
    width: 100%;
}
.header .lang{
	list-style-type: none;
	padding: 5px 0px;
	float:right
}
.header .lang span{
	margin-bottom:5px;
}
.header .lang li{
	float:left;
	margin-left:5px
}
.header .lang li img{
	width:25px
}
.column-margined {
    margin-bottom: 30px;
}

.float-right {
    float: right;
}

textarea {
    resize: vertical;
}

/* Footer */
footer {
    background: url(../img/background.jpg);
    background-attachment: fixed;
    background-size: cover;
}
footer nav {
    display: inline-block;  
    width: 48%;
    margin: auto;
}

@media(max-width:768px) {
    footer nav {
        display: block;  
        width: 100%;
        margin: auto;
    }
}

footer h1 {
    color: #fff;
}

/*----- Page : Index  -----*/

/* Presentation */

.presentation a:hover {
    text-decoration-line: none;
}

.presentation h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.btn-readmore, .btn-readmore:hover {
    background-color: #a91605;
    color: #fff;
    margin-top: 40px;
}

.bootstrap-select {
    display: inline !important;
}

.map-height {
    height: 300px;
}

/* Our Products */

.products {
    position: relative;
    width: 100%;
    color: #fff;
    background: #333;
}

.products a:hover {
    text-decoration: none;
}

.products h1, .products h2, .products h4, .products p {
    color: #fff;
} 

.products h2 {
    margin-top: 30px;
}

.our-products div > a {
    position:relative;
	padding:0px;
	display:block;
	cursor:pointer;
	height:300px;
	margin-bottom:40px;
    color: #333;
    background: #fff;
}

.our-products div > a .img-product {
    height: 80%;
    width: 100%;
    overflow: hidden;
}

.our-products div > a .img-product img {
    width: 100%;
}

.our-products div > a .text-product {
    height: 20%;
    width: 80%;
    margin: auto;
    overflow: hidden;
}

.our-products div > a:hover {
	text-decoration:none;
}

.our-products div > a > span {
	text-align:center;
	padding-top:15px;
	width:70px;
	height:80px;
	position:absolute;
	left:40px;
	top:15px;
	display:block;
    color: #fff;
}

.our-products div > a h4, .our-products div > a p {
    color: #333;
}

.new-product-label {
    position: absolute;
    top: 10px;
    left: 25px;
    padding: 3px 10px;
    background-color: red;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
}

/* End Our Products */


/* Our Services */

.services a:hover {
    text-decoration:none;
}
.services p{
	font-size:11pt
}

.services h2 {
    margin-top: 30px;
}

.our-services div > a{
	position:relative;
	padding:40px 10px 0px 105px;
	display:block;
	cursor:pointer;
	border:1px #eee solid;
	border-right:none;
	height:180px;
	margin-bottom:40px;
	overflow:hidden
}
.our-services div > a:after{
	display:block;
	content:"";
	position:absolute;
	right:0px;
	top:-1px;
	bottom:-1px;
	width:4px;
}
.our-services div > a:hover{
	text-decoration:none;
}
.our-services div > a > span{
	text-align:center;
	padding-top:15px;
	width:70px;
	height:80px;
	position:absolute;
	left:-10px;
	top:45px;
	display:block;
	border:1px solid #eee;
	background:#fff;
	border-right:none;
}
.our-services div > a > span:before, .our-services div > a > span:after{
	content:"";
	display:block;
	position:absolute;
	width: 0;
    height: 0;
    border-bottom: 80px solid #eee; 
    border-right: 25px solid transparent;
	top:-1px;
	right:-25px;
}
.our-services div > a > span:after{
    border-bottom-color: #fff; 
	top:-2px;
	right:-23px;
}
.our-services div > a > span > i{
	margin-left:5px;
}
.our-services div > a:hover > span > i{
	color:#fff;
}
/* End Our Services */

/* Gallery */

.fleet-gallery a:hover {
    text-decoration: none;
}

.fleet-gallery h2 {
    margin-top: 30px;
}

/* Partners */
#partners .owl-item {
    width: 160px;
    height: 160px;
}

#partners a {
    background: none; 
    padding: 0;
    border: none;
}

#partners img {
    max-height: 160px;
    max-width: 160px;
}

.partner-elem {
    margin-bottom: 40px;
}

/*----- Page : Nos Services  -----*/

.nos-services-index h3 {
    margin-top: 0 !important;
}

@media screen and (min-width: 768px) {
    .nos-services-index .column-info div + div {
    margin-top: 0px;
    }
}

.dropzone {
    min-height: 100px;
    padding: 0;
    margin-top: 24px;
    border: 2px dashed #0087F7;
    border-radius: 5px;
    background: white;
}

/*----- Page : Diapo -----*/
.pp_gallery img {
    width: 50px !important;
}

/*those lines taken from the bib Animate.css - http://daneden.me/animate*/
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@media screen and (max-width: 767px){
	.topmenu nav{
		height:auto
	}
}
@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
}


@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}


@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInRight {
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}


@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0, 0, 1, -200deg);
        transform: rotate3d(0, 0, 1, -200deg);
        opacity: 0;
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1;
    }
}

.rotateIn {
    -webkit-animation-name: rotateIn;
    animation-name: rotateIn;
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3);
    }

    50% {
        opacity: 1;
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name: zoomIn;
}

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInLeft {
    -webkit-animation-name: zoomInLeft;
    animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInRight {
    -webkit-animation-name: zoomInRight;
    animation-name: zoomInRight;
}


@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
        -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    }
}

.zoomInUp {
    -webkit-animation-name: zoomInUp;
    animation-name: zoomInUp;
}


@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;
}