@font-face {
font-family: 'Adobe Arabic';
src: url('../../fonts/AdobeArabic.eot');
src: url('../../fonts/AdobeArabic.eot?') format('embedded-opentype'),
url('../../fonts/AdobeArabic.woff') format('woff'),
url('../../fonts/AdobeArabic.ttf') format('truetype');
src: url('../../fonts/AdobeArabic.otf'); }

@font-face {
font-family: 'DroidKufi';
src: url('../../fonts/DroidKufi.eot');
src: url('../../fonts/DroidKufi.eot?') format('embedded-opentype'),
url('../../fonts/DroidKufi.woff') format('woff'),
url('../../fonts/DroidKufi.ttf') format('truetype');}

/* Global */

h1,h2,h3,h4,h5,h6,h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{
	font-family: 'DroidKufi' !important;
}
nav:not(.nav-socials) a,.h-block span,.lang span,p,li,strong,button,.copy{
	font-family: 'Adobe Arabic' !important;
	font-size:16pt !important;
}
.copy span a{
	font-size:20pt
}

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

a h1 {
    margin-bottom: 30px;
}
.bg-image h1{
	float:right
}
.bg-image .pull-right{
	direction:rtl
}
p,ul{
	direction:rtl;
	text-align:right;
	
}
a:hover {
    cursor: pointer;
}

img {
    width: 100%;
}
.slider-content > div,.slider-content > div > div,.slider-content .btn{
	float:right
}
.slider-content a.prev,.slider-content a.next{
	float:left
}
.slider-content h1{
	width:100%;
	padding:10px 15px 10px 0;
	text-align:right
}
.slider-content p{
	text-align:right;
	padding-right:15px
}
.slider-content .btn{
	margin-right:15px
}

.column-margined {
    margin-bottom: 30px;
}

.float-right {
    float: left;
}
.topmenu .nav-top{
	text-align:right;
	direction:rtl
}
.header #logo{
	float:right
}
.header h4{
	text-align:right
}
.header .lang{
	list-style-type: none;
	padding: 5px 0px;
	float:left;
}
.header .lang li{
	float:right;
	margin-right:5px
}
.header .lang li img{
	width:25px
}
.navbar-main > li > a,.navbar-main > li > .dropdown-menu > li > a{
	font-weight:500
}

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;
	text-align:right
}

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

footer h1,footer h4,footer p,.contact-info span {
    color: #fff;
	text-align:right
}
footer .copy{
	line-height:65px
}
.copy .developed_by,.copy .developed_by a{
	float:left;
	padding:0 5px
}
footer .part_one{
	float:right
}
.dropdown i{
	float: left;
    margin-right: 5px;
}

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

/* Presentation */

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

.presentation h2 {
    margin-top: 30px;
    margin-bottom: 30px;
	letter-spacing:0px 
}
.presentation.about-home p{
	text-align:center
}

.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:400px;
	margin-bottom:40px;
    color: #333;
    background: #fff;
}

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

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

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

.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;
	right: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;
    right: 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 h2 {
    margin-top: 30px;
}


.our-services div > a{
	position:relative;
	padding:40px 105px 0px 10px;
	display:block;
	cursor:pointer;
	border:1px #eee solid;
	border-left:none;
	height:180px;
	margin-bottom:40px;
	text-align:right
}
.our-services div > a:after{
	display:block;
	content:"";
	position:absolute;
	left: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;
	right:-10px;
	top:45px;
	display:block;
	border:1px solid #eee;
	background:#fff;
	border-left: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-left: 25px solid transparent;
	top:-1px;
	left:-25px;
}
.our-services div > a > span:after{
    border-bottom-color: #fff; 
	top:-2px;
	left:-23px;
}
.our-services div > a > span > i{
	margin-right: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;
}
.partners a  h1,.testimonials a  h1,.contact  h1{
	text-align:right
}
.contact,.gallery,.testimonial,.estimate,.recruitment,.product,.nos-services-index,footer,form select{
	direction:rtl !important
}
.select2-container--bootstrap .select2-selection--single .select2-selection__arrow{
	left:12px;
	right:auto
}
.select2-container--bootstrap .select2-selection--single .select2-selection__rendered,.select2-container--bootstrap .select2-search--dropdown .select2-search__field,.select2-container--bootstrap .select2-results__option,.select2-container--bootstrap .select2-selection--multiple .select2-search--inline .select2-search__field{
	text-align:right
}
.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;
/* } */