@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&display=swap');
@import url('https://fonts.googleapis.com/css?family=Raleway&display=swap');


body{
  margin: 0;
  padding: 0;
  background-color: #fff;
  line-height: 25px;
  font-family: 'Raleway','Arial','Helvetica',sans-serif;
  font-size: 16px;
  scroll-behavior: smooth;
  color: #444;
}
ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

a:hover,
a:visited,
a:active,
a:link{
    text-decoration: none;
}
label {
	font-weight: 300
}
.bg-primary {
	color: #fff;
	background-color: #10b86a;
}

.cm-title {
	border-bottom: 1px solid #10b86a;
	margin-top: 0;
	padding-bottom: 7px;
	text-transform: uppercase;
	color: #10b86a;
}

.top_header_area{
    background-color: #10b86a;
    padding: 8px 0px;
    border-bottom: 1px solid #10b86a;
}
.th_left_content ul li{
    display: inline-block;
    font-size: 18px;
    color: #fff;
    font-family: none;
}
.th_right_content{
    text-align: right;
}
.th_right_content ul li{
    display: inline-block;
}
.th_right_content ul li a{
    display: block;
    color: #fff;
    padding-right: 0px;
    padding-left: 18px;
    font-size: 15px;
}

/* navbar start */
.header_nav_area{
    -webkit-box-shadow: 0 10px 50px -2px rgba(0,0,0,.14);
     box-shadow: 0 10px 50px -2px rgba(0,0,0,.14);
     border-bottom: 1px solid #d2d3d4;
}
.header_nav_area .navbar-default {
    background-color: #FFF;
    border-color: #fff;
}
.header_nav_area .navbar-default .navbar-nav > li > a {
	color: #10b86a !important;
	text-transform: uppercase;
	font-size: 14px;
	transition: all .5s;
	padding: 10px 15px;
	margin-left: 8px;
	font-weight: 900;
	transition: all linear .5s;
}
.header_nav_area .navbar-default .navbar-nav > li:hover a {
    color: #fff !important;
    background: #046a32 !important;
}
.deodropdown.open > a {
    color: #fff !important;
    background: #046a32 !important;
  }
.header_nav_area .navbar-default .navbar-nav > li {
	border-right: 1px solid #10b86a;
}
.header_nav_area .navbar-default .navbar-nav > li:last-child{
	border-right: none;
}
.header_nav_area .navbar-default .navbar-nav > li > .dropdown-menu > li:hover a {
    color: #fff !important;
    background: red !important;
}
.borderRightNone{
    border-right:none!important;
}
.navbar-nav {
	padding: 16px 0px;
}
.header_nav_area .navbar-brand>img {
    display: block;
    width: 350px;
}
.navbar-brand {
	padding: 6px 0px!important;
	font-size: 18px;
}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
	margin-left: 0px!important;
}

.header_nav_area .navbar-right .dropdown-menu{
    right: auto !important;
}

.header_nav_area .navbar-default .navbar-nav>.active>a, 
.header_nav_area .navbar-default .navbar-nav>.active>a:focus, 
.header_nav_area .navbar-default .navbar-nav>.active>a:hover {
    color: #fff;
}

.header_nav_area .navbar-default .navbar-nav>.open>a, 
.header_nav_area .navbar-default .navbar-nav>.open>a:focus, 
.header_nav_area .navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent;
}

.header_nav_area .navbar-default .navbar-nav > li > .dropdown-menu{
    border-top: 3px solid #10b86a;
}

.header_nav_area .navbar-default .dropdown-menu{
    padding: 0;
    background-color: #046a32;
    margin-left:7px;
}

.header_nav_area .navbar-default .dropdown-menu li a{
   padding: 10px;
   transition: all .5s;
   color: #fff;
   text-transform: uppercase;
}


/* revolution Slider */
.revolution{
    height: 355px;
    width: 100%;
}
.fullwidthbanner-container {
    width: 100% !important;
    position: relative;
    padding: 0;
    max-height: 500px !important;
    overflow: hidden !important;
    margin-top: -20px;
}
.revolution ul {
    visibility: hidden;
    margin: 0;
    list-style: none;
}
.tp-caption.bold {
    font-size: 30px;
    line-height: 1;
    font-weight: 600;
    color: #FFF;
}
.tp-caption.lite {
    font-size: 30px;
    line-height: 1;
    color: #F5F5F5;
    font-weight: 400;
}
.tp-caption.white-bg {
    background: rgba(0,0,0,.9);
    color: #FFF !important;
    padding: 20px 20px 16px 20px !important;
    font-size: 50px !important;
    font-weight: 100;
}
.tp-caption.lite.white-bg{
    font-size: 30px !important;
    padding: 10px !important;
    margin-top: 10px;
    letter-spacing: 0;
}
.tp-caption.green-bg {
    background: rgba(0, 0, 0, .9);
    color: #FFF !important;
    padding: 20px 20px 16px 20px !important;
    font-size: 50px !important;
    font-weight: 900;
    opacity: .7!important;
}
.tp-caption.lite.green-bg{
    font-size: 30px !important;
    padding: 10px !important;
    margin-top: 10px !important;
    letter-spacing: 0;
    opacity: .7!important;
}
.tp-caption.navy-bg {
    background: rgba(41, 87, 140,.5);
    color: #FFF !important;
    padding: 20px 20px 16px 20px !important;
    font-size: 50px !important;
    font-weight: 100;
}
.tp-caption.lite.navy-bg{
    font-size: 30px !important;
    padding: 10px !important;
    margin-top: 10px;
    letter-spacing: 0;
}

.tp-caption.opacity-bg {
    background: rgba(9, 52, 93, .7);
    color: #FFF;
    padding: 10px 15px;

}
.tp-caption a.btn {
    color: #fff
}
.tp-caption .dotted {
    border-bottom: 1px dotted #fa6c65
}
.tp-leftarrow.default,
.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    top: 50% !important;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: #10b86a;
    color: #f7f7f7;
    line-height: 1;
    font-size: 35px;
    width: 35px;
    height: 35px;
    /* -webkit-border-radius: 3px; */
    /* border-radius: 3px; */
    text-align: center;
    line-height: 35px;
}
.tparrows:before {
    font-family: 'fontAwesome';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
}
.tp-leftarrow.default:before {
    content: '\f104'
}
.tp-rightarrow.default:before {
    content: '\f105'
}
.tparrows:hover {
    background: #10b86a;
}
.tp-bullets.simplebullets.round .bullet {
    width: 12px;
    height: 12px;
    margin-left: 4px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-transition: all 200ms ease-in;
    -o-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    background: rgba(0,0,0,0.3);
}
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover {
    background: rgba(0,0,0,0.5)
}
.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.tp-loader {
    background: url(style/images/loading.gif) no-repeat;
    background-color: #fff;
    margin: -15px -15px;
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute;
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
}
@media only screen and (-Webkit-min-device-pixel-ratio: 1.5), only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { 
    .tp-loader {
        background-image: url(style/images/loading@2x.gif)
    }
}
.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(../img/timer.png);
    position: absolute;
    z-index: 200;
}

/* about area */
.about_area{
    padding-top: 50px;
    padding-bottom: 50px;
    background: #fff;
}

.about_area p{
    text-align: justify;
    color: #777;
}
.para-color{
    cursor: pointer;
    color: #00bcd4;
    transition: all .5s;
}
.para-color:hover{
    color: #00AC7A;
    transition: all .5s;
}
.ab_content{}
.ab_content h2{
    text-transform: uppercase;
    color: #0e335f;
    font-size: 28px;
    font-weight: 900;
}
.ab_content p{}

.ab_img{
    height: 360px;
    position: relative;
}
.ab_img img{
    width: 100%;
    height: 100%;
    margin-top: 20px;
}

a.play-btn {
    display: inline-block;
    width: 70px;
    height: 70px;
    background: #fff;
    color: #7249AC;
    border-radius: 50%;
    line-height: 70px;
    font-size: 20px;
    position: absolute;
    left: 0;
    top:0;
    text-align: center;
}

.ripple {
    position: absolute;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    background-color: #FFF;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-animation: ripple 1s linear infinite;
    animation: ripple 1s linear infinite;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@-webkit-keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 
                        0 0 0 10px rgba(255, 255, 255, 0.3), 
                        0 0 0 20px rgba(255, 255, 255, 0.3), 
                        0 0 0 30px rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 
                        0 0 0 10px rgba(255, 255, 255, 0.3), 
                        0 0 0 20px rgba(255, 255, 255, 0.3), 
                        0 0 0 30px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 
                        0 0 0 20px rgba(255, 255, 255, 0.3), 
                        0 0 0 30px rgba(255, 255, 255, 0.3), 
                        0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 
                        0 0 0 20px rgba(255, 255, 255, 0.3), 
                        0 0 0 30px rgba(255, 255, 255, 0.3), 
                        0 0 0 40px rgba(255, 255, 255, 0);
  }
}
@keyframes ripple {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 
                        0 0 0 10px rgba(255, 255, 255, 0.3), 
                        0 0 0 20px rgba(255, 255, 255, 0.3), 
                        0 0 0 30px rgba(255, 255, 255, 0.3);
            box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 
                        0 0 0 10px rgba(255, 255, 255, 0.3), 
                        0 0 0 20px rgba(255, 255, 255, 0.3), 
                        0 0 0 30px rgba(255, 255, 255, 0.3);
  }
  100% {
    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 
                        0 0 0 20px rgba(255, 255, 255, 0.3), 
                        0 0 0 30px rgba(255, 255, 255, 0.3), 
                        0 0 0 40px rgba(255, 255, 255, 0);
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3), 
                        0 0 0 20px rgba(255, 255, 255, 0.3), 
                        0 0 0 30px rgba(255, 255, 255, 0.3), 
                        0 0 0 40px rgba(255, 255, 255, 0);
  }
}

/* .ab_img{
    height: 360px;
    position: relative;
}
.ab_img img{
    width: 100%;
    height: 100%;
} */
/* .play_btn{
    width:50px;
    height:50px;
    background:#FFF;
    text-align:center;
    font-weight:bold;
    font-size:20px;
    line-height:50px;
    border-radius:50%;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    cursor: pointer;
    z-index: 99999;
}
.play_btn::after{
    position:absolute;
    content:'';
    border:3px solid #FFF;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index: 99999;
    border-radius:50%;
    animation:animate 2s 1s linear infinite;
            }
.play_btn::before{
    position:absolute;
    content:'';
    border:3px solid #FFF;
    left:0;
    right:0;
    bottom:0;
    top:0;
    z-index: 99999;
    border-radius:50%;
    animation:animate 2s linear infinite;
            }
@keyframes animate{
  100%{
    transform:scale(2);
    opacity:0
  }
} */
/* services */
.services{}
.services h2{
    color: #ee1c24;
    padding: 20px;
    text-align: center;
    margin: 0;
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 50px;
}
.all_services{
    /*background: url(../images/bbg.jpg);*/
    background: #e6f4ec;
    padding-top: 20px;
    padding-bottom: 30px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.single_services{
    background-color: #fff;
    padding: 15px;
    margin-bottom:30px;
}
.inner_single_services{
    background-color: #EBEDEF;
    padding-bottom: 20px;


}
.inner_single_services img{
    padding: 5px;
    width: 100%;
}
.inner_single_services h4{
    color: #ee1c24;
    transition: all .5s;
    text-align: center;
    font-size: 25px;
}
.inner_single_services h4:hover{
    color: #00AC7A;
    transition: all .5s;
}
.inner_single_services p{
    text-align: center;
    color: #777;
    padding-left: 10px;
    padding-right: 10px;
}
.inner_single_services a{
    color: #444;
    font-size: 12px;
    font-weight: 900;
    padding: 8px 20px;
}
.inner_single_services a.sbtn{
    background-color: #ee1c24;
    border-radius: 0;
    margin-top: 10px;
    transition: all .5s;
    color: #fff;
}
.inner_single_services a.sbtn:hover{
    background-color: #ea7164;
    color: #FFF;
    transition: all .5s;
}
/*.triangle{
    width: 40px;
    height: 40px;
    background-color: #fff;
    position: absolute;
    left: 48%;
    transform: rotate(45deg);
    margin-top: -10px;
    
}*/
.triangle{
    width: 0px;
    height: 0px;
    border-right: 40px solid transparent;
    border-top: 40px solid #fff;
    border-left: 40px solid transparent;
    border-bottom: 40px solid transparent;
    position: absolute;
    left: 48%;
    margin-top: 30px;
    
}

/* partner */
.partner{
    padding-top: 30px;
    padding-bottom: 20px;
    background: #fff;
}
.partner h2 {
    text-align: center;
    color: #ea7164;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
}
.all_partners{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    flex-direction: row;
    height: 120px;
    overflow: hidden;

}
.single_partner img{
    transition: all .5s;
    width: 100%;
    height: 100%;
}
.single_partner img:hover{
    transform: scale(1.3);
    transition: all .5s;
}
.p_left{
    position: absolute;
    top: 30%;
    left: -50px;
    transform: translateY(-30%);
    background: #10b86a;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
}

.p_right{
    position: absolute;
    top: 30%;
    right: -50px;
    transform: translateY(-30%);
    background: #10b86a;
    width: 30px;
    height: 30px;
    color: #fff;
    line-height: 30px;
}

.ap_left{
    position: absolute;
    top: 30%;
    left: 0;
    background: rgba(0,0,0,.5);
    width: 50px;
    height: 100px;
    color: #b5aaaa;
    line-height: 100px;
    font-size: 60px;
  
}
.ap_right{
    position: absolute;
    top: 30%;
    right: 0;
    background: rgba(0,0,0,.5);
    width: 50px;
    height: 100px;
    color: #b5aaaa;
    line-height: 100px;
    font-size: 60px;
}

.mini_partner{
    padding: 20px;
}

/* payment method */
.payment_method{
    padding-bottom: 50px;
    padding-top: 50px;
    background: #fff;
}
.payment_method h2{
    text-align: center;
    position: relative;
    font-size: 35px;
    color: #000;
}
.payment_method h2:after{
    content: "";
    position: absolute;
    top: 17px;
    right: 0;
    height: 1px;
    background-color: #000;
    width: 25%;
}
.payment_method h2:before{
    content: "";
    position: absolute;
    top: 17px;
    height: 1px;
    background-color: #000;
    width: 25%;
    left: 0;
}
.payment_method img{
    margin: 0 auto;
    padding-top: 20px;
}


/* hajj css */
.hajj_content{}
.hajj_content h1{
    text-align: center;
    font-size: 40px;
    font-weight: 100;
    padding-bottom: 10px;
    color: #f61d25;
}
.hajj_content h3{
    text-align: center;
    color: #777;
    padding-bottom: 10px;
    font-size: 26px;
}
.hajj_content p{
    color: #ac7a7a;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
    padding-bottom: 30px;
}

.hajj_package_area{
    background-color: #e6f4ec;
    padding-bottom: 100px;
    padding-top: 100px;
    position: relative;

}
.single_package{
    background-color: #EBEDEF;
    padding-bottom: 40px;
    padding-top: 40px;
    margin-bottom: 30px;
    text-align: center;
}
.single_package img{
    margin: 0 auto;
    border: 10px solid #E2E4E6;

}
.single_package h4{
     text-align: center;
    padding-top: 20px;
    cursor: pointer;
}
.single_package h4>a{
    color: #10b86a;
    transition: all .5s;
    font-size: 25px;
}
.single_package h4>a:hover{
    color: #3DB081;
    transition: all .5s;
}
.single_package p{
    text-align: center;
    color: #777;
    
}

.single_package a.pd{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #046a32;
    padding: 12px 40px;
    margin-top: 10px;
    display: inline-block;
    transition: all linear .5s;
    -webkit-transition: all linear .5s;
    -moz-transition: all linear .5s;
    -ms-transition: all linear .5s;
    -o-transition: all linear .5s;
}
.single_package a.pd:hover{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background-color: #10b86a;
    padding: 12px 40px;
    margin-top: 10px;
    display: inline-block;

}

/* .rotate{
    position: absolute;
    top: -24px;
    left: 50%;
    width: 50px;
    height: 50px;
    background-color: white;
    transform: rotate(45deg) translate(-50%, 24%);
} */

/* when-is-hajj-2019 */
.header_nav_area .navbar{
    margin-bottom: 0px;
}
.banner{
   background-color: #046831;
    border-top: 1px solid #d2d3d4;
    border-bottom: 1px solid #d2d3d4;
    min-height: 60px;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 15px;
    height: 87px;
}
.banner h4{
     text-transform: uppercase;
    font-size: 24px;
     color: #fff;
    font-weight: 500;
    margin: 0;
    padding-top: 10px;
}
.banner ul{}
.banner ul li{
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 700;
    color:#fff;
}
.banner ul li a{
    color: #fff;
    text-transform: capitalize
}
.when_is_hajj_content{
    padding-top: 70px;
    padding-bottom: 200px;
}
.when_is_hajj_content p{
    color: #777;
}


/* hajj-2020-pre-registration */
.registration_area{
    padding-top: 70px;
    padding-bottom: 100px;
    background: #fff;
}

.regi_content{
    text-align: center;
    padding-bottom: 50px;
}
.form_area .nav-tabs>li {
    margin-bottom: 0px;
    width: 50%;
    background-color: #eee;
    color: #555;
    text-align: center;
}
.form_area .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    color: #000;
}
.form_area .nav-tabs {
    border: 1px solid #ddd;
}
.form_area .tab-content{
    border: 1px solid #ccc;
    padding: 20px;
    background-color: #ddd;
}
.form_area .tab-content a.sb{
    text-transform: uppercase;
    background-color: #96C346;
    color: #fff;
    font-weight: 900;
    font-size: 14px;
    padding: 10px 30px;
    margin-top: 10px;
    display: inline-block
}
.requirment_area{
    padding-top: 70px;
    padding-bottom: 100px;
    color: #777;
}
.perform_content p{
    text-align: center;
    color: #777;
    padding-bottom: 50px;
}

/* about page */
.about-page{
    padding-top: 70px;
    padding-bottom: 70px;
}
.about-page p{
    color: #777;
}


/* blog page */
.blog-page{
    padding-top: 20px;
    padding-bottom: 50px;
}
.single_blog{
    box-shadow: 0px 2px 0px #ebebeb;
    border: 1px solid #e8dcdc;
    border-bottom: 2px solid #e8dcdc;
    margin-bottom: 40px;
}
.single_blog img{
	width: 100%;
    min-height: 270px;
}
.single_blog h4 {
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #FFF;
	font-size: 16px;
	margin:0;
	background-color: #10b86a;
	border-left: 10px solid #201968;
	transition: all linear .5s;
	-webkit-transition: all linear .5s;
	-moz-transition: all linear .5s;
	-ms-transition: all linear .5s;
	-o-transition: all linear .5s;
}
.single_blog h4:hover{
    color: #0a0447;
    transition: all .5s;
}
.load_more{
    background-color: #eee;
    padding: 20px;
    text-align: center;
    color: #555;
    font-weight: 900;
}

/* blog detail */
.blog_detail{
  padding-top: 50px;
  padding-bottom: 100px; 
}

.single_detail{}
.single_detail h4{
    margin-bottom: 0;
    color: #555;
    font-size: 25px;
    padding-top: 5px;
}
.single_detail img{}
.single_detail ul{}
.single_detail ul li{
    display: inline-block;
    color: #777;
}
.single_detail ul li a{
    color: #777;
    padding-right: 2px;
}
.single_detail p{
    color: #666;
    text-align: justify;
    font-size: 18px;
    padding-top: 10px;
}

.trend_post{}
.trend_post h3{
    background-color: #0e335f;
    margin:0;
    color: #fff;
    padding: 10px;
}

/* career */
.opening_job_area{
    text-align: center;
    padding-top: 50px;
    background-color: #c6c6c6

}

.opening_job_area h4{
    color: #555;
    font-size: 30px;
}
.opening_job_area p{
    padding-bottom: 10px;
    color: #777;
}
.career_form_area{
    background-color: #C6C6C6;
}
.career_form{
    background-color: #fff;
    padding: 50px 30px;
    margin-bottom: 50px;
    border: 1px solid #ffe7e7;
}
.cbtn{
    background-color: #046831;
    color: #fff;
    font-weight: 900;
    padding: 10px 30px;
    text-align: center;
    transition: all .5s;
    border: 0;
    margin-top: 18px;
    text-transform: uppercase;
    font-size: 14px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -ms-border-radius: 7px;
    -o-border-radius: 7px;
}
.cbtn:hover{
   background-color: #10b86a;
   transition: all .5s;
}
.career_form label{
    color: #333;
    font-weight: 300;
}
.form-control {
	min-height: 40px;
    font-family: sans-serif;
}


/* testnomial */
.testimonialText{
    text-align: center;
}
.testimonialText img{
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.testimonial_subtitle {
	color: #b7b2b2;
	font-size: 13px;
	font-weight: bold;
}
.testimonial_para{
    font-size: 18px;
	text-align: justify;
    padding-top: 10px;
    color:#fff;
    height: 100px;
    overflow-y: scroll;
    scrollbar-width: none;
}
.testimonial_para::-webkit-scrollbar{
	display: none;
}

.testimonalName{
    color:#10b86a;
    margin-bottom: 0px;
    font-weight: bold;
}
  .testimonial_btn{
    background: #10b86a;
    border:none;
    color: #fff !important;
 }
 .btn-default:hover {
	color: #fff;
	background: #10b86a;
}
 .seprator {
    height: 2px;
    width: 56px;
    background-color: #000;
    margin: 7px 0 10px 0;
}
.reviews_client {
    padding-top: 50px;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
}
.reviews_client:after {
    position: absolute;
    content:'';
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:#000;
    opacity: .9;
    z-index: -1;
}
.testimonialHeader{
    color:#fff;
    font-weight: bold;
    padding-bottom: 20px;
}


.mini_facebook{
    display: none;
}

/* contact */
.contact_area{
    padding-top: 50px;
    padding-bottom: 100px;
}
.contact_form{
    background-color:  #046831;
    display: flow-root;
    height: 500px;
    padding-left: 30px;
}

.contact_form .input-group{
    margin-bottom: 10px;
}
.contact_form h4{
    font-size: 25px;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 10px;
    text-transform: uppercase;
}
.contact_form input.form-control{
    border-radius: 0;
    border: 0;
    background-color: #fff;
}
.contact_form textarea.form-control{
    border-radius: 0;
    border: 0;
    background-color: #fff;
}
.contact_form input::placeholder{
    color: #333;
}
.contact_form textarea::placeholder{
    color: #333;
}

.cnbtn{
    background-color: #10b86a;
    color: #fff;
    padding: 10px 30px;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    border: 0;
    transition: all .5s;
}
.cnbtn:hover{
    background-color: #fff;
    transition: all .5s;
    color: #10b86a;
}

.contact_address{
    padding-top: 50px;
    padding-bottom: 70px;
}

.single_item_cn{
    text-align: center;
    border: 1px solid #10b86a;
    min-height: 210px;
    padding: 20px;
    position: relative;
    background-color: #fff;
}

.single_item_cn i{
   background-color: #10b86a;
    width: 80px;
    height: 80px;
    text-align: center;
    line-height: 80px;
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: -50px;
    left: 50%;
    transform: translate(-50%);
    border-radius: 100px;
    transition: all .5s;
}
.single_item_cn:hover i{
    background-color: #036831;
    transition: all .5s;

}
.single_item_cn:hover{
    animation: bmove 5s infinite;
    transition: all .5s;

}
@keyframes bmove{
    0%{
        border-top: 1px solid #036831;
        
    }
    25%{
        
        border-top: 1px solid #036831;
        
    }
    50%{
       
        border-right: 1px solid #036831;
        
    }
    75%{
       
        border-bottom: 1px solid #036831;
        
    }
    100%{
        
        border-left: 1px solid #72A21A;
       
    }
}
.single_item_cn h4{
    color: #555;
    margin: 0;
    padding-top: 50px;
}
.single_item_cn p{
    color: #777;
    padding-top: 10px;
}


/* services */
.air_tic{
    padding-top: 50px;
    padding-bottom: 100px;
    color: #000;
}

.air_tic label{
    margin-bottom: 0;
}
.vp_area{
    padding-top: 50px;
    padding-bottom: 100px;
}

.vp_area p{
    color: #555;
}
.vp_area li{
    color: #555;
}
.flag_area{}
.flag_area img{
    margin-top: 75px;
    border: 2px solid #03A9F4;
}

.national_info{}
.national_info h2{
    color: #555;
}
.hb_area{
    padding-top: 50px;
    padding-bottom: 100px;
}

.border_line {
	border: 1px solid #f7a5a9;
	padding: 20px;
	background-color: #f7a5a9;
}

/* umrah */
.process_of_umrah{
     padding-top: 50px;
    padding-bottom: 100px;
    color: #777;
}


/* gallery */
.gallery_area{
    padding-top: 50px;
    padding-bottom: 100px;
}
.gallery_area h1 {
	color: #10b86a;
	border-bottom: 1px solid #10b86a;
	padding-bottom: 10px;
}

.single_album{
    position: relative;
    margin-bottom: 20px;
}
.single_album .img_effect{
    width: 100%;
    height: 300px;
    overflow: hidden
}
.single_album .img_effect img{
    width: 100%;
    height: 100%;
    transition: transform 1s; 
}
.single_album:hover .img_effect img{
     transform: scale(1.2);
}

.single_album .view{
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5);
    color: #76ce26;
    text-align: center;
    line-height: 200px;
    font-size: 50px;
    display: none;
}
.single_album .count_photo{
    background-color: rgba(255,255,255,.5);
    position: absolute;
    top: 0;
    right: 0;
}
.single_album .count_photo p{
    text-align: center;
    margin: 0;
    padding: 2px 5px;
    font-size: 12px;
    color: #000;
}
.single_album .album_title{}
.single_album .album_title h4{
    background: #cb7679;
    margin: 0;
    padding: 15px 10px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
} 
.left_move{
    position: absolute;
    top: 50%;
    left: 3%;
    background: #000;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 900;
}
.right_move{
    position: absolute;
    top: 50%;
    right: 3% !important;
    background: #000;
    height: 50px;
    width: 50px;
    line-height: 50px;
    text-align: center;
    font-weight: 900;
}
.gallery-title{background-color: rgba(0, 0, 0, .50);}
.gallery-title h3{
    text-transform: uppercase;
    font-weight: 900;
}

/* common detail */
.common_detail_area{
    padding-top: 50px;
    padding-bottom: 100px;
}
.common_detail_area .tab-content{
    background-color: #f0f7f1;
    padding: 20px;
    border: 1px solid #d4ebd7;
    border-top: none;
}
.common_detail_area .nav-tabs{
    background-color: #201969;
    color: #f9f9f9;
}
.common_detail_area .nav-tabs li{
      
}

.common_detail_area .nav-tabs li a{
    color: #e8e8e8;
    font-size: 14px;
}

.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid #78323200;
	border-radius: 0px;
}
.nav-tabs > li > a:hover {
	border-color: #eee #eee #ddd;
	color: #fff !important;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -2px;
}
.nav > li > a:focus, .nav > li > a:hover {
	text-decoration: none;
	background-color: #10b86a !important;
    color:#fff!important;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	color: #fff;
	cursor: default;
	background-color: #10b86a;
	border: 1px solid #10b86a;
	border-bottom-color: transparent;
	color: #fff!important;
}
.available_packages{
    background-color: #161616;
    padding-bottom: 50px;
}
.available_packages h2{
    background-color: #10b86a ;
    padding: 20px;
    text-align: center;
    color: #fff;

}
.form_area .nav-tabs li.active a{
	color: #fff !important;
    background-color: #10b86a!important;
}

button.sb {
    background-color: #10b86a;
    font-size: 18px;
    padding: 8px 35px;
    color: #fff;
    border:none;
    border-radius:3px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
}
button.sb:hover {
    background-color: #201967;
    -o-border-radius:7px;
}
.single_ap{
    background-color: #fff;
    padding-bottom: 20px;
}
.single_ap img{
    width: 100%;

}
.single_ap h4{
    padding-top: 5px;
    text-align: center;
    color: #0d325e;
}
.single_ap h4:hover{
    color: #000;
}

/* search field */
#keyboard{
    width: 100%; 
    color: #333;
}
#search{
    background-color: #bb6b48;
    color: #fff; 
    cursor: pointer;
}
.search_field{
    background-color: #10b86a;
    width: 18%;
    position: absolute;
    right: 16px;
    top: 138px;
    padding: 29px 20px;
    color: #777;
    z-index: 99999;
}
.search_field input{
    border: 1px solid #ddd;
    padding: 0 10px;
    font-size: 12px;
}

.search_field input::placeholder{
   color: #999;
}

.search_btn{
    display: inline-block !important;
    padding-left: 10px;
}
.search_btn i{
    width: 40px;
    height: 40px;
    border: 1px solid #10b86a;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    font-size: 14px;
    color: #ffffff;
    background-color: #10b86a;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}
.input-group-addon {
	border:none;
}

.mini_single_partner img{
    transition: all .5s;
    padding: 10px;
    width: 100% !important;
    height: 120px;
    opacity: .9;
}
.mini_single_partner img:hover{
    transform: scale(.9);
    transition: all .5s;
}

/* footer */
.top_footer{
    background-color: #ffb4b7;
    padding-top: 40px;
    padding-bottom: 40px;
}
.tf_left img{
    width: 370px;
    margin-top: -16px;
    margin-bottom: 10px;
}

.tf_left p{
    color: #0b342a;
}
.tf_left a{
    color: #0b342a;
    transition: all .5s;
}
.tf_left a:hover{
    color: #00AC7A;
    transition: all .5s;
}
.tf_right{
    color: #0b342a;
    font-family: none;
    font-size: 18px;
}
.tf_right h4{
    color: #0b342a;
    font-size: 20px;
    text-transform: uppercase;
}

.bottom_footer {
	background-color: #f7a5a9;
	border-top: 1px solid #f7a5a9;
    padding:10px 0px;
}
.bottom_footer p{
    color: #0b342a;
    font-size: 12px;
    margin-bottom: 0;
}
.footer_social{
    text-align: center;
}
.footer_social ul li{
    display: inline-block;
}
.footer_social ul li a{
    display: block;
    color: #c7c2c2;
    padding: 5px 10px;
}
.hrsoftbdText{
    text-align: right;
}
.hrsoftbdText a{
    color:#8abdf1;
}
.hrsoftbdText a:hover{
    color:#10b86a;
}
.cn_btn{
	border: 0;
    border-radius: 0;
    padding: 10px 20px;
    font-size: 16px;
    margin-top: 10px;
    background-color: #0e335f;
    transition: .5s;
}
.cn_btn:hover {
   padding-left: 10px;
}

.staff-area{
    padding-top: 30px;
    padding-bottom: 70px;
}
.staff-area h2 {
    padding-bottom: 10px;
    position: relative;
    margin-bottom: 20px;
    color: #012544;
}

.staff-area h2:after{
content: "";
position: absolute;
bottom: 0;
left: 0;
background-color: #0e335f;
width: 50px;
height: 3px;
}
.staff-area td {
    color: #012544;
}

/* .contact_banner{
    background-size: cover; 
    background-position: center;
    background-repeat:no-repeat;
    width: 100%;
    height: 300px;
    position: relative;
}
.contact_banner h2{
    position: absolute;
    top: 50%;
    left: 7%;
    color: #fff;
    background-color: #0e335f;
    padding: 13px 50px;
    font-size: 35px;
    transform: translate(-20%, -50%);
}
.contact_banner h2:after{
    content: "";
    position: absolute;
    width: 65px;
    height: 65px;
    background-color: #0e335f;
    transform: rotate(45deg);
    top: 0;
    right: -40px;
    bottom: 0;
} */

.extra-menu {
    
}
.extra-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.extra-menu ul li {
    display: inline-block;
}
.extra-menu ul li a{
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    color: #0b342a;
    padding-right: 8px;
    transition: all .5s;
    font-weight: 500;
}
.extra-menu ul li a:hover{
    color: #8c8989;
    transition: all .5s;
}

table {
    width: 100% !important;
}
table th,
table td {
    padding: 10px;
}
.scroll_fixed{ 
    color: #fff;
}
.scroll_fixed p{
    margin: 0;
    padding: 8px 0;
    font-size: 16px;
    text-align: center;
    font-family: none;
}

.fixed{
    position: fixed;
    top: 0;
    width: 100%;
    margin-top: 0;
    z-index: 99999;
}
.preloader{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 99999;
}

.preloader .spinner {
    width: 40px;
    height: 40px;
    background-color: #333;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
    animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
    0% { -webkit-transform: perspective(120px) }
    50% { -webkit-transform: perspective(120px) rotateY(180deg) }
    100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
    0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
    } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
    } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    }
}

.share_part{
    margin-top:40px;
}
.share_part h3{
    font-size: 24px;
    font-weight: bold;
    color:#0d325e;
}
.share_part .share_icon a i{
	background: #046a32;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 5px;
	color: #fff;
    transition: all linear .5s;
}
.share_part .share_icon a:hover i{
	background: #10b86a;
}
.modal-header .close {
	margin-top: -2px;
    font-size: 52px;
}
.modal-header {
	padding: 0px 15px;
}
.proprietor{
    text-align: center;
}
.proprietor_img img{
    width: 200px;
    border:2px solid black;
}
.proprietor p{
    font-weight: bold;
}
.contact_img{
    margin-top:30px;
    margin: 30px auto;
    text-align: center;
}
.contact_img img{
    width: 80%;
}
.sidelogo img{
    width: 100%;
}

.textCenter{
    text-align: center;
}

.memberCard{
    box-shadow: 0px 0px 5px #086d36;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    padding:25px 10px;
    text-align: center;
}
.memberCard img{
    border: 1px solid #d7e4dd;
    border-radius: 3px;
    width: 175px;
}
.memberCard h3{
    font-size: 18px;
    color:#046a32;
    margin-bottom:0px;
}
.memberCard p{
    font-size: 15px;
    font-weight: bold;
    color:#f34141;
    margin:0;
}
.memberCard h4{
    font-size: 17px;
    color:#046a32;
    margin-top:0px;
}