@font-face {
  font-family: cairo;
  src: url("../../fonts/Cairo-Regular.ttf");
}
@font-face {
  font-family: cairo;
  src: url("../fonts/Cairo-Regular.ttf");
}


/*------------ Padding Left------------*/
.p-l-5{
    padding-right: 5px !important;
}
.p-l-10{
    padding-right: 10px !important;
}
.p-l-15{
    padding-right: 15px !important;
}
.p-l-20{
    padding-right: 20px !important;
}
.p-l-30{
    padding-right: 30px !important;
}
.p-l-40{
    padding-right: 40px !important;
}
.p-l-50{
    padding-right: 50px !important;
}

/*------------ Padding Right------------*/
.p-r-5{
    padding-left: 5px !important;
}
.p-r-10{
    padding-left: 10px !important;
}
.p-r-15{
    padding-left: 15px !important;
}
.p-r-20{
    padding-left: 20px !important;
}
.p-r-30{
    padding-left: 30px !important;
}
.p-r-40{
    padding-left: 40px !important;
}
.p-r-50{
    padding-left: 50px !important;
}

/*------------ Padding Top------------*/
.p-t-5{
    padding-top: 5px !important;
}
.p-t-10{
    padding-top: 10px !important;
}
.p-t-15{
    padding-top: 15px !important;
}
.p-t-20{
    padding-top: 20px !important;
}
.p-t-30{
    padding-top: 30px !important;
}
.p-t-40{
    padding-top: 40px !important;
}
.p-t-50{
    padding-top: 50px !important;
}

/*------------ Padding Bottom------------*/
.p-b-5{
    padding-bottom: 5px !important;
}
.p-b-10{
    padding-bottom: 10px !important;
}
.p-b-15{
    padding-bottom: 15px !important;
}
.p-b-20{
    padding-bottom: 20px !important;
}
.p-b-30{
    padding-bottom: 30px !important;
}
.p-b-40{
    padding-bottom: 40px !important;
}
.p-b-50{
    padding-bottom: 50px !important;
}




/*------------ Home Page ------------*/

body{
    font-family: cairo !important;
    font-size: 14px;
}
#header .header-nav-main nav > ul > li a {
    font-family: cairo !important;
    font-size: 14px;
}
h1, h2, h3, h4, h5, h6 {
    font-family: cairo !important;
}

.btn {
    font-family: cairo !important;
}

#header .header-logo img {
    width: 90%;
}
#header .header-body {
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 0 6px 10px -4px #aaa;
}

html .btn-primary:hover, html.sticky-header-active .btn-sticky-primary:hover, html .btn-primary:focus, html.sticky-header-active .btn-sticky-primary:focus {
    border-color: #333;
    background-color: #333;
    color: #ffffff;
}
.top-sub-title {
    font-family: "Montserrat", sans-serif;
    font-size: 1.2em;
}
.lead {
    font-size: 1.5em;
    line-height: 1.6;
    color: #666;
}

.ho-about-p {
    font-size: 17px;
    text-align: justify;
    line-height: 1.7;
}

.icon-box-info {
    padding-top: 25px;
}

.prod-img{
    width: 100%;
    height: auto !important;
}


#footer .footer-copyright {
    background: #1C1F21;
    margin-top: 5em;
    padding: 2em 0;
    border-top: 1px solid #444;
}


.blog .carousel-indicators {
	left: 0;
	top: auto;
    bottom: -40px;

}

/* The colour of the indicators */
.blog .carousel-indicators li {
    background: #a3a3a3;
    border-radius: 50%;
    width: 8px;
    height: 8px;
}

.blog .carousel-indicators .active {
    background: #707070;
}


.sol-menu a{
    display: inline-block !important;
}

.sol-menu i {
    background: #fff;
    padding: 10px;
    border-radius: 50%;
    color: #ed1b24;
    width: 45px;
    height: 45px;
    text-align: center;
    vertical-align: middle;
    padding-top: 15px;
}


a.btn.btn-dark.btn-2.btn-fs-2.font-weight-semibold.rounded-0.d-none.d-sm-flex.ml-3 {
    font-family: cairo;
}
a.btn.btn-dark.btn-2.btn-fs-2.font-weight-semibold.rounded-0.d-none.d-sm-flex.ml-3:focus {
    box-shadow: none !important;
}

.btn-primary.focus, .btn-primary:focus {
    box-shadow: none !important;
}



/*------------ Contact Us ------------*/


form.form-style-2 .form-control {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.page-header {
    margin: 0;
    min-height: 50px;
    padding: 25px 0;
}

.map-section-BG{
    min-height: 400px;
    padding-top: 100px;
    margin-top: 50px;
}




/*------------ About Us ------------*/

.lead2 {
    font-size: 1.4em;
    line-height: 1.5;
    color: #666;
    text-align: justify;
}

html .nav:not(.nav-tabs) > .nav-item > .nav-link:not(.no-skin).active {
    color: #ed1b24;
    background: #eee;
}

.value-box{
    min-height: 290px;
}

.btn-dark:hover, .btn-dark:focus, html.sticky-header-active .btn-sticky-dark:hover, html.sticky-header-active .btn-sticky-dark:focus {
    box-shadow: none !important;
}




/*------------ Products ------------*/

.pagination .page-item + .page-item.active .page-link {
    background: #666;
    border-color: #333;
}


.news-title{
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px;
}





/*------------ Careers ------------*/

.career-label{
    display: block;
}

.birth-select{
    display: inline-block;
    margin-right: 5px;
}



/*------------ Admin Page ------------*/


.AS-drop li a{
    color: #999 !important;
    padding-left: 10px !important;
}

.AS-drop li a:hover{
    color: #ed1b24 !important;
}
.AS-drop li:hover{
    background: #f4f4f4 !important;
}

.footer-fixed{
    position: fixed;
    width: 100%;
    right: 0;
    bottom: 0;
}




/*------------------ RTL ------------------*/


.icon-box.icon-box-style-4 .icon-box-icon, .icon-box.icon-box-style-7 .icon-box-icon {
    margin-left: 15px;
    margin-right: 0 !important;
}
.text-md-right {
    text-align: left!important;
}
ul.social-icons.social-icons-transparent.social-icons-icon-light.social-icons-lg {
    float: right;
}

.text-left {
    text-align: right !important;
}
.form-check-inline {
    margin-right: 0;
}

.form-check-inline .form-check-input {
    margin-left: .3125rem;
    margin-right: 0;
}

.modal-header .close {
    margin: -1rem !important;
}

.image-frame.image-frame-style-5 {
    direction: ltr;
}




/*------------ Amends ------------*/



.sol-menu i {
    margin-left: 10px;
}
html .btn-primary, html.sticky-header-active .btn-sticky-primary {
    color: #ffffff !important;
}


html .btn-outline.btn-primary, html.sticky-header-active .btn-outline.btn-sticky-primary{
    color: #ed1b24 !important;
}
html .btn-primary:not([disabled]):not(.disabled).active, html.sticky-header-active .btn-sticky-primary:not([disabled]):not(.disabled).active, html .btn-primary:not([disabled]):not(.disabled):active, html.sticky-header-active .btn-sticky-primary:not([disabled]):not(.disabled):active{
    color: #fff !important;
}

.btn-outline.btn-primary:focus, .btn-outline.btn-primary:hover{
    color: #fff !important;
}
a:not(.no-skin):not(.btn):not(.badge):not(.nav-link):hover, a:not(.no-skin):not(.btn):not(.badge):not(.nav-link):focus {
    color: #ed1b24 !important;
}

.rev_slider .caption, .rev_slider .tp-caption{
    font-family: cairo !important;
}


a.link-underline-light {
    display: block;
    border: 0;
}

.social-icons li:hover a {
    color: #ed1b24 !important;
}

.form-control {
    border: 1px solid #ddd;
    border-radius: 4px;
}
.form-control:focus {
    border: 1px solid #aaa;
    border-radius: 4px;
}

.accordion.accordion-style-1 .accordion-header a:before {
    right: auto;
    left: 30px;
}

.taif-slider img{
	background-size: 100%;
    background-position: center center;
	background-repeat: no-repeat;
}
.slider-container {
    background: #fff;
}

.header-top-social-icons{
	margin-left: 15px;
}


.tparrows:before {
    color: #eee;
    text-shadow: 1px 1px 4px #333;
	font-size: 40px;
}

.modal-backdrop{
	display: none;
}


.prog-details-img{
	width: 400px;
    float: left;
    margin: 15px;
}
.prog-slider{
	width: 400px;
	height: 300px;
	overflow: hidden;
	direction: ltr;
}

.owl-carousel.nav-style-2 .owl-nav .owl-prev:before {
    content: '\f105';
}
.owl-carousel.nav-style-2 .owl-nav .owl-next:before {
    content: '\f104';
}

.owl-carousel.nav-style-2 .owl-nav .owl-prev {
    left: auto;
}

/*------------ Media ------------*/
@media (min-width: 360px) {
    .taif-slider img{
		background-size: 101% !important;
    	background-position: center top !important;
		background-repeat: no-repeat;
	}
	.forcefullwidth_wrapper_tp_banner {
		height: 150px !important;
	}
	.taif-slider{
		height: 100% !important;
	}
	.rev_slider{
		height: 100% !important;
	}
	.tp-bgimg.defaultimg {
		background-size: 101% !important;
    	background-position: center top !important;
		background-size: cover !important;
	}
	.tp-bullets{
		top: 120% !important;
		left: 61% !important;
	}
	section.section.bg-light-1{
		padding: 50px 0;
	}
	overflow-hidden mb-5{
		margin-bottom: 20px !important;
	}
	
	
	.offer-details img{
		width: 100%;
	}
	.section {
		padding: 2rem 0;
	}
	h2 {
		font-size: 1.5rem;
	}
}

@media (min-width: 768px) {
    .taif-slider img{
		background-size: 101% !important;
    	background-position: center top !important;
		background-repeat: no-repeat;
	}
	.forcefullwidth_wrapper_tp_banner {
		height: 300px !important;
	}
	.taif-slider{
		height: 100% !important;
	}
	.rev_slider{
		height: 100% !important;
	}
	.tp-bgimg.defaultimg {
		background-size: 101% !important;
    	background-position: center top !important;
		background-size: cover !important;
	}
	.tp-bullets{
		top: 105% !important;
		left: 56% !important;
	}
	section.section.bg-light-1{
		padding: 50px 0;
	}
	overflow-hidden mb-5{
		margin-bottom: 20px !important;
	}
	
	ul.social-icons.social-icons-transparent.social-icons-icon-light.social-icons-lg {
		float: none;
	}
}

@media (min-width: 992px) {
     #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:not(.btn) {
        color: #fff;
         font-size: 1.05em;
    }
    
    #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
        border-radius: 0px 0px 8px 8px;
    }
    
    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        left: auto;
        border-radius: 0px 0px 8px 8px;
    }
    .news-img{
        height: 200px;
        width: 350px;
    }
	.tp-bgimg.defaultimg {
		background-size: 100% !important;
	}
	
	#header .header-nav-main nav > ul li a:not(.btn) .menu-arrow{
		display: none;
	}
}