@font-face {
    font-family: 'Arista 2.0';
    font-style: normal;
    font-weight: normal;
    src: local('Arista 2.0'), url('../fonts/Arista2.0.woff') format('woff');
}

* {
    margin: 0;
    padding: 0;
}


/*html, body {*/
/*max-width: 100%;*/
/*overflow-x: hidden;*/
/*}*/
body {
    font-family: 'Philosopher', sans-serif;
    font-size: 14px;
    color: #000;
}

/*Header*/
.header {
    background-color: #f8c21e;
    padding: 15px 0px 0px 0px;
    border-bottom: 3px solid #00a2a8;
    box-shadow: 2px 3px #444;
}

.islamic-date p {
    font-size: 18px;
    font-family: arial;
    font-weight: 600;
    padding-top: 20px;
}

.header-contact {
    font-family: Arial;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 0px 0px 0px;
}

.header-phone {
    font-family: 'Philosopher', sans-serif;
    font-size: 28px;
    color: #000;
}

.header-contact p {
    margin: 0px;
}

.header-contact-top {
    margin: -3px !important;
}

.header-phone i {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
    font-size: 22px;
}

.main-menu .nav-link {
    font-family: 'Philosopher', sans-serif;
    font-size: 16px;
    color: #000 !important;
    font-weight: bold;
    text-transform: uppercase;
}

.dropdown:hover > .dropdown-menu {
    display: block;
	top: 93%;
    padding: 0px;
}

/*.dropdown > .dropdown-toggle:active {*/
/*!*Without this, clicking will make it sticky*!*/
/*pointer-events: none;*/
/*}*/
.dropdown-menu {
    background: #f8c21e;
}

/*Header Close*/

/*Main*/
.main {
    padding: 60px 0px;
}

/*Main CLose*/
/*Slider Form*/
.bg-yellow {
    background: #f8c21e !important;
	margin: 0px !important;
}

.border-yellow {
    border: 1px solid #f8c21e !important;
}

.input-group-text {
    border: 1px solid #f8c21e !important;
    padding: 5px 10px !important;
}

.btn-custom {
    background: #f8c21e;
    width: 100%;
    font-size: 16px;
    font-family: Arial;
    font-weight: bold;
    border-bottom: 2px solid #000;
    border-radius: 0;
}

.contact form .form-control,
.contact form .input-group-prepend .input-group-text,
.beat-my-price form .form-control,
.beat-my-price form .input-group-prepend .input-group-text {
    background: #f8c21e;
    font-size: 16px;
    font-weight: bold;
    border-bottom: 2px solid #000 !important;
    border: 0;
    border-radius: 0;
    color: #000000;
}

.form-control::placeholder,
.form-control {
    color: #000 !important;
}


/*Slider*/
.carousal-img {
    width: 100%;
    height: auto;
}

/*Slider Close*/

/*Latest News*/
.latest-news {
    font-size: 16px;
    font-family: 'Philosopher', sans-serif;
    font-weight: 600;
}

.latest-news p {
    padding: 15px 10px;
    background: #f8c21e;
    margin: 0px;
    border-bottom: 2px solid #000;
}

.news-text {
    font-size: 16px;
    font-family: 'Philosopher', sans-serif;
    font-weight: 600;
}

.news-text marquee {
    padding: 14px 10px;
    margin: 0px;
    box-shadow: 2px 3px 0.25rem rgba(0, 0, 0, .5) !important;
    border: 1px solid #eee;
    border-bottom: 0px;
}

/*Latest News Close*/
/*Slider Form Close*/


/*Footer*/
/*Testimonial*/
.testimonial-block {
    background-image: url('../img/footer/newsletter-full.jpg');
    background-size: cover;
}

.carousel .testimonial {
    padding: 30px 0 10px;
}

.carousel .overview {
    font-style: italic;
}

.testimonial-outer {
    background: #f8c21e;
    border: 2px solid #fff;
    border-radius: 15px;
}

.carousel-control-next {
    justify-content: flex-start !important;
    width: auto !important;
}

.carousel-control-prev {
    justify-content: flex-end !important;
    width: auto !important;
}

.test {
    padding: 100px 0px;
}

.quote {
    background-image: url('../img/footer/quote-bg.jpg');
    padding: 60px 0px 0px 0px;
    background-size: cover;
}

.quote-heading {
    font-size: 22px;
    font-family: 'Philosopher', sans-serif;
}

/*Testimonial CLOSE*/

/*FOOTER LINKS*/
.footer h5 {
    color: #058186;
    font-family: Arial;
    font-size: 18px;
    font-weight: 600;
}

.quick-links li {
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
}

.quick-links li a {
    color: #000;
}

/*FOOTER LINKS CLOSE*/
/*footer contact*/
.footer-contact {
    background-color: #f8c21e;
    font-size: 16px;
}

.footer-contact span {
    font-weight: 600;
}

.footer-contact-heading {
    font-family: 'Philosopher', sans-serif !important;
    color: #000 !important;
    font-size: 18px !important;
}

.footer-contact-column.bg-green {
    background-color: #01bfa5;
}

.footer-contact a {
    color: #000;
    font-family: 'Philosopher', sans-serif;
}

.footer .fa-phone {
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    -ms-filter: fliph;
    filter: fliph;
}

.footer-phone,
.footer-whatsapp {
    font-size: 22px;
    font-family: 'Philosopher', sans-serif;
}

/*Footer Top*/
.footer-top img {
    width: 100% !important;
}

/*Footer Top Close*/
/*footer contact CLOSE*/
/*Footer Close*/

/*PAGE MAIN BANNER*/
.page-banner {
    background-size: cover;
    min-height: 350px;
    margin-top: 3px;
}

.page-banner-heading {
    font-family: 'Philosopher', sans-serif;
    font-size: 60px;
}

.page-banner-subheading {
    font-family: 'Philosopher', sans-serif;
    font-size: 16px;
}

/*Transport Page Banner Image*/
.banner-transport {
    background-image: url("../img/transport/transport-banner.jpg");
}

/*Transport Page Banner Image Close*/
/*PAGE MAIN BANNER CLOSE*/

/*PACKAGE TAB*/
.package-tab {
    background-image: url("../img/bread-bg.jpg");
    border-radius: 0;
    padding: .75rem 1rem;
}

.package-tab-center-hajj-tab {
    margin: 0 auto;
    width: 230px;
}

.package-bread {
    border: 2px solid rgba(0, 171, 175, 0.6) !important;
    padding: 2px 10px;
    font-weight: 500;
    font-size: 13px;
}

.package-bread:hover,
.package-bread:focus,
.package-bread:active {
    background: #f8c21e;
    color: #000 !important;
}

.package-tab-inner .nav-item {
    margin-right: .4rem;
}

.package-tab-center {
    margin: 0 auto;
    max-width: 1110px;
}

/*PACKAGE TAB CLOSE*/
/*BREADCRUMB*/
.breadcrumb {
    background-image: url("../img/bread-bg.jpg");
    border-radius: 0;
}

.btn-bread {
    border: 2px solid rgba(0, 171, 175, 0.6);
    padding: 2px 10px;
    font-weight: 600;
}

.btn-bread:hover,
.btn-bread:focus,
.btn-bread:active {
    background: #f8c21e;
    color: #000 !important;
}

.bread-angle {
    color: #f8c21e;
}

/*BREADCRUMB CLOSE*/
/*HEADING*/
.heading {
    background-image: url("../img/heading-bg.jpg");
    background-size: cover;
    background-position: center;
    padding: 10px;
    border-bottom: 5px solid #026e6e;
	margin-right: 0px !important;
    margin-left: 0px !important;
}

.heading h1 {
    font-weight: 600;
}

.heading-border-top {
    background-image: url("../img/heading-bg.jpg");
    background-size: cover;
    background-position: center;
    padding: 10px;
    border-top: 5px solid #026e6e;
    border-bottom: 5px solid #026e6e;
	margin-right: 0px !important;
    margin-left: 0px !important;
}

.heading h1 {
    font-weight: 600;
}

/*HEADING CLOSE*/
/*Transport Page content*/
.transport .img-wrapper {
    position: relative;
}

.transport .img-wrapper .bottom-right {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #f6c11d;
    padding: 1px 10px;
    font-family: Arial;
    font-weight: 800;
    border: 4px solid white;
    font-size: 12px;
}

.transport-detail {
    font-family: 'Arista 2.0';
    text-transform: uppercase;
}

.transport-package-title {
    padding: 5px 10px;
    border: 3px solid #f6c11d;
    background: #00abaf;
    color: #fff;
}

.transport-package-title h4 {
    padding: 0;
    margin: 0;
    font-size: 22px;
}

.transport-package-title .price {
    color: #000;
}

.transport-package-item {
    border: 3px solid #f6c11d;
    background: #157e83;
    color: #fff;
}

.transport-package-item h4,
.transport-package-item h6 {
    padding: 0;
    margin: 0;
}

.transport-package-item .left,
.transport-package-item .right {
    padding: 5px 10px;
}

.transport-package-item .left {
    padding-top: 8px;
}

.transport-package-item .price {
    color: #fff;
    background: #363739;
}

.transport-package-item .price h4 {
    font-family: Arial;
    font-weight: 600;
}

/*Transport Page content Close*/

/*HEADING*/
.title-hr {
    color: #026e6e;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}

.title-hr hr {
    display: inline-flex;
    margin: 5px 10px;
    border-top: 3px solid #026e6e;
    text-align: left;
}

.title-hr-center {
    color: #026e6e;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
	    font-size: 22px;
}

.title-hr-center hr {
    display: inline-block;
    width: 20%;
    margin: 5px 10px;
    border-top: 3px solid #026e6e;
    text-align: center;
}

.title-hr-left {
    color: #026e6e;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
}

.title-hr-left hr {
    display: inline-block;
    width: 20%;
    margin: 5px 10px;
    border-top: 3px solid #026e6e;
    text-align: left;
}


.package-info {
	
	    top: 0px;
	
}

.hotel-info {
	top: 0px;	
}

.hotel-info1 {
	top: 0px;	
}


/*HEADING CLOSE*/
/*HOMEPAGE PACKAGES*/
.nav-link.package-category-link {
    color: #000000 !important;
    border: 1.5px solid #d1ecf1;
    padding: 7px 5px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
}

.nav-link.package-category-link:hover,
.nav-link.package-category-link:active,
.nav-link.package-category-link:hover:focus {
    color: #000000 !important;
    background-color: #f6c11d;
}

.package-tab-center .nav-tabs {
    border-bottom: none !important;
}

/*HOMEPAGE PACKAGES CLOSE*/

/*Package box*/
.package-wrapper {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #01b79e;
    background: #057e82;
    margin-bottom: 40px;
}

.package-wrapper .img-wrapper {
    position: relative;
}

.package-img {
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px 15px 0px 0px;
    width: 100%;
}

.package-title.bottom-center {
    position: absolute;
    bottom: 10px;
    padding: 10px 25px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    text-align: center;
    left: 0;
    right: 0;
    width: auto;
    /* margin: 0 10%; */
}

.package-title.bottom-center .title {
    background: rgba(0, 0, 0, 0.6);
    padding: 10px 5px;
    margin: 0;
}

.package-wrapper .star {
    padding: 8px;
    background-color: #057e82;
    color: #f8c21e;
    text-shadow: 0px 4px 5px #046265;
}

.package-wrapper .room {
    padding: 8px;
    background-color: #f8c21e;
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 15% 100%);
}

.package-wrapper .includes {
    background-image: url(../../images/face-bg.png) !important;    background: #fff;
    padding: 20px 15px;
    clip-path: polygon(0 0%, 100% 0%, 94% 100%, 0% 100%);
    border-bottom: 2px solid rgba(0, 0, 0, .5) !important;
}

.package-wrapper .hotel {
        background-image: url(../../images/face-bg.png) !important;    background: #fff;
    padding: 20px 16px;
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 6% 100%);
    border-bottom: 2px solid rgba(0, 0, 0, .5) !important;
}

.package-wrapper .price {
    background: #f8c21e;
    padding: 5px;
}

.package-wrapper .price span {
    font-size: 18px;
}

.package-wrapper .call {
    color: #fff;
    padding: 10px;
}

.package-wrapper .call a {
    color: #fff;
    padding: 10px;
    font-weight: bold;
}

.package-wrapper .call a:hover,
.package-wrapper .call a:active,
.package-wrapper .call a:focus {
    color: #fff;
    text-decoration: none;
}

.package-wrapper .detail {
    background: #fff;
    padding: 10px;
    clip-path: polygon(0px 0px, 100% 0%, 100% 100%, 0% 100%);
        border-bottom-right-radius: 12px;
    border-bottom-left-radius: 12px;
}

.package-wrapper .detail a {
    color: #000;
    padding: 10px;
    font-weight: bold;
}

.package-wrapper .detail a:hover,
.package-wrapper .detail a:active,
.package-wrapper .detail a:focus {
    color: #000;
    text-decoration: none;
}

/*Package box CLOSE*/
.form-control {
    padding: 8px !important;
}

.form-control:focus {
    box-shadow: 0 0 0 0 !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type=number] {
    -moz-appearance: textfield; /* Firefox */
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

/*Form Validation*/
.error::placeholder,
.error {
    color: red !important;
    /*border: 1px solid red !important;*/
}
.form-control.is-invalid, .was-validated .form-control:invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + .75rem) !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center right calc(.375em + .1875rem) !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}
.custom-alert {
    font-size: 16px !important;
    font-family: Arial !important;
}

/*INNER PAGE*/
.border-grey {
    border: 1px solid #ccc;
    background: #f5f5f5;
	margin-bottom: 20px !important;
}
.info-wrapper h6 {
        margin: 5px !important;
    font-size: 13px;
    line-height: 1.5;
}
/*PRICE TAG*/

.circle {
    background: #333;
    padding: 20px 10px;
    text-align: center;
    height: 130px;
    width: 130px;
    border: 3px solid #F2F2F2;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0 0 5px #333;
}

.circle span.price-large {
    font-size: 30px;
    color: #ffcc00;
}

.price-small {
    font-size: 20px;
}

.price-icon {
    font-size: 24px;
}

.circle p {
    margin-top: 5px;
    background: red;
    padding: 1px;
    margin-bottom: 0px;	    border-radius: 24px;
}

/*.circle:before {*/
    /*content: '';*/
    /*position: absolute;*/
    /*border: 3px solid #333;*/
    /*z-index: -1;*/
/*}*/
.hotel-title {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 10px;
	height: 99px;
}

.hotel-title .fas {
    color: #f8c21e;
    text-shadow: 0px 1px 1px #333;
}

/*GALLERY */
.hotel-gallery .imageGallery img {
    margin: 3px;
    border: 2px solid #ccc;
}
/*PACKAGE DETAILS TABS*/
.nav-tabs.package-detail-tabs {
    border-bottom: 5px solid #026e6e;
}
.nav-tabs.package-detail-tabs .nav-link {
    border-radius: 10px 10px 0px 0px;
    margin: 0px 5px;
    background: #f8c21e;
    color: #000 !important;
    font-size: 18px;
}
.nav-tabs.package-detail-tabs .nav-link:first-child {
    margin-left: 0;
}
.nav-tabs.package-detail-tabs .nav-link:last-child {
    margin-right: 0;
}
.nav-tabs.package-detail-tabs .nav-link.active {
    background: #026e6e;
    color: #fff !important;
    border: none;
}
/*INNER PAGE CLOSE*/

.float-left {
    float: left!important;
	font-size: 20px;
}
.text-right {
    text-align: right!important;
    width: 110px;
    float: right;
}

.circle {
background: #333;
    padding: 5px 5px;
    text-align: center;
    height: 113px;
    width: 100%;
    border: 3px solid #F2F2F2;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 0px;
    color: #fff;
    box-shadow: 0 0 0 5px #333;
    margin-top: 185px !important;
}

.adult {
   width: 80px;position: absolute;
}
.number {width: 80px;position: absolute; margin-left: 95px;}
.infant {width: 80px;position: absolute;margin-left: 96px;}


.calls {width: 80px;position: absolute;margin-left: 96px;}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
	    margin-top: 66px;
}

.whitegrey{
	background: #f8f6f4;box-sizing: inherit;margin-top: -16px;margin-bottom: 16px;
}
.gridwrap{
	padding: 0 20px;max-width: 1264px;margin: auto;position: relative;clear: both;box-sizing: inherit;content: 
}
.hajjheading{
padding-top: 30px;padding-bottom: 30px;clear: both;width: 100%;    border-top: 0;border-bottom: 0;background-clip: padding-box;position: relative;
}

.hajjheadingsub{
width: 100%;text-align: center;margin-bottom: 0;margin-top: 0;color: #041e41;
}


/*Hajj Package Red*/

.red_row1{
	
	clear: both;box-sizing: inherit;
}

.red_hidebleed_outer {
margin-bottom: 0;margin-top: 0;border-radius: 2px;margin-left: 20px;margin-right: 20px;overflow: hidden;clear: both;width: 100%;
}
.red_hidebleed_inner{
/*margin-left: -20px;margin-right: -20px;*/flex-wrap: wrap;width: 100%;display: -webkit-box;display: -ms-flexbox;    display: flex;
}

.red_hajj_package{
	background: #d8483c;color: #d8483c;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0px;position: relative;z-index: 1;width: 100%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;
}
.red_hajj_package img{
	 width:100%;
}

.red_package_stub {
 float: right !important;padding-bottom: 20px;color: #d8483c;top: 38%;bottom: auto;right: 0;-ms-transform: translate(0%,-50%);transform: translate(0%,-50%); width: 80px;height: 80px;display: none;position: absolute;bottom: 0;border-radius: 50%;background: currentColor;-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);transform: translate(-50%,0%);left: 95%;box-sizing: inherit;
}
.red_package_body {
	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #fff;width: 100%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;position: relative;height: 361px;
}
.red_flex_fill {
	-webkit-box-flex: 1;-ms-flex: 1 0 0;flex: 1 0 0;height: auto;
	}
	
.red_package_title_summary {
 color: #d8483c;margin-top: 28px;font-size: 1.714rem;font-weight: 600;margin: .83em 0;
 }

.red_type {
color: #041e41!important;font-size: 22px;font-weight: 600;margin: 1em 0;
 }
.red_package_prices_summary {
font-size: 17px;font-weight: 700;margin: 1em 0;
 }
  .red_package_prices_summary span {
color: #9a9a99;
 }
 
  .red_package_tagline_summary{
font-size: 15px;margin: 1.5em 0;box-sizing: inherit;
 } 
  .red_flex_v{
 -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 20px;background: #fff;height:auto;padding-top: 0px;
 }
 
   .red_flex_v flex_fill{
-webkit-box-flex: 1;-ms-flex: 1 0 0; flex: 1 0 0;
 }
  
   .red_flex_v a{
margin-bottom: 20px;color: #fff;background: #d8483c;display: block;text-align: center;width: 100%;text-transform: uppercase;font-family: &quot;Roboto Slab&quot;,serif;text-decoration: none;border-radius: 2px;font-size: 18px;padding: 13px 18px;border: 0;
 }
 
 
 /*Hajj Package Dark Blue*/

.dark_blue_hidebleed_outer {
margin-bottom: 0;margin-top: 0;border-radius: 2px;margin-left: 20px;margin-right: 20px;overflow: hidden;clear: both;width: 100%;}
.dark_blue_hidebleed_inner{
/*margin-left: -20px;margin-right: -20px;*/flex-wrap: wrap;width: 100%;display: -webkit-box;display: -ms-flexbox;    display: flex;}

.dark_blue_hajj_package{
background: #114553;color: #114553;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0px;position: relative;z-index: 1;width: 100%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;}
.dark_blue_hajj_package img{
	 width:100%;
}

.dark_blue_package_stub {
float: right !important;padding-bottom: 20px;color: #114553;top: 38%;bottom: auto;right: 0;-ms-transform: translate(0%,-50%);transform: translate(0%,-50%); width: 80px;height: 80px;display: block;position: absolute;bottom: 0;border-radius: 50%;background: currentColor;-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);transform: translate(-50%,0%);left: 95%;box-sizing: inherit;
}
.dark_blue_package_body {
-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #fff;width: 100%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;position: relative;height: auto;}
.dark_blue_flex_fill {
-webkit-box-flex: 1;-ms-flex: 1 0 0;flex: 1 0 0;height: auto;}
	
.dark_blue_package_title_summary {
 color: #114553;margin-top: 28px;font-size: 1.714rem;font-weight: 600;margin: .83em 0;
 }

.dark_blue_type {
color: #041e41!important;font-size: 22px;font-weight: 600;margin: 1em 0;
 }
.dark_blue_package_prices_summary {
font-size: 17px;font-weight: 700;margin: 1em 0;
 }
  .dark_blue_package_prices_summary span {
color: #9a9a99;
 }
 
  .dark_blue_package_tagline_summary{
font-size: 15px;margin: 1.5em 0;box-sizing: inherit;
 } 
  .dark_blue_flex_v{
 -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 20px;background: #fff;height: auto;padding-top: 0px; }
 
   .dark_blue_flex_v flex_fill{
-webkit-box-flex: 1;-ms-flex: 1 0 0; flex: 1 0 0;
 }
  
   .dark_blue_flex_v a{
margin-bottom: 20px;color: #fff;background: #114553;display: block;text-align: center;width: 100%;text-transform: uppercase;font-family: &quot;Roboto Slab&quot;,serif;text-decoration: none;border-radius: 2px;font-size: 18px;padding: 13px 18px;border: 0; }
 
  
 
 /*Hajj Package Light Blue*/

.light_blue_hidebleed_outer {
margin-bottom: 0;margin-top: 0;border-radius: 2px;margin-left: 20px;margin-right: 20px;overflow: hidden;clear: both;width: 100%;}

.light_blue_hidebleed_inner{
/*margin-left: -20px;margin-right: -20px;*/flex-wrap: wrap;width: 100%;display: -webkit-box;display: -ms-flexbox;    display: flex;}

.light_blue_hajj_package{
background: #0092a1;color: #0092a1;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 0px;position: relative;z-index: 1;width: 100%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;}

.light_blue_hajj_package img{
width:100%;}

.light_blue_package_stub {
 float: right !important;padding-bottom: 20px;color: #0092a1;top: 38%;bottom: auto;right: 0;-ms-transform: translate(0%,-50%);transform: translate(0%,-50%); width: 80px;height: 80px;display: block;position: absolute;bottom: 0;border-radius: 50%;background: currentColor;-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);transform: translate(-50%,0%);left: 95%;box-sizing: inherit;}

.light_blue_package_body {
-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #fff;width: 100%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;position: relative;height: auto;}

.light_blue_flex_fill {
-webkit-box-flex: 1;-ms-flex: 1 0 0;flex: 1 0 0;height: auto;}
	
.light_blue_package_title_summary {
 color: #0092a1;margin-top: 28px;font-size: 1.714rem;font-weight: 600;margin: .83em 0;}

.light_blue_type {
color: #041e41!important;font-size:22px;font-weight: 600;margin: 1em 0;}

.light_blue_package_prices_summary {
font-size: 17px;font-weight: 700;margin: 1em 0; }
  .light_blue_package_prices_summary span {
color: #9a9a99;
 }
 
  .light_blue_package_tagline_summary{
font-size: 15px;margin: 1.5em 0;box-sizing: inherit; } 
  .light_blue_flex_v{
-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 20px;background: #fff;height: auto;padding-top: 0px;}
 
   .light_blue_flex_v flex_fill{
-webkit-box-flex: 1;-ms-flex: 1 0 0; flex: 1 0 0; }
  
   .light_blue_flex_v a{
margin-bottom: 20px;color: #fff;background: #0092a1;display: block;text-align: center;width: 100%;text-transform: uppercase;font-family: &quot;Roboto Slab&quot;,serif;text-decoration: none;border-radius: 2px;font-size: 18px;padding: 13px 18px;border: 0;}
 
   /*Experience What Matters section*/

  .leavetheresttous {}
  .leavetheresttous img {width: 100%;}
  .leavetheresttouscontent {}   
  .contentheadingleft {text-align: justify;}
  .contentheadingleft h2{font-size: 30px;font-family: fantasy;color: #0092a1;}
  .contentheadingright {text-align: justify;}
 
   /* With us you get:*/
  .typeblock_bg {
	  background-image: url(../../hajj-packages/images/bg.png);background-size: cover;background-position: center;padding: 10px; border-top: 5px solid #026e6e;border-bottom: 5px solid #026e6e; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 0px !important; color: #fff;
  }
  .typeblock_packagefeatures {
	max-width: 1264px;margin: auto;position: relative;padding: 0 20px;clear: both;
  }
 
 
   .typeblock_heading {padding-top: 10px;padding-bottom: 10px;}

   .typeblock_heading h1 { margin-bottom: 0;
    margin-top: 0;
    color: #ffffff;
    text-align: center;
    font-size: 40px;
    text-decoration: underline;
}





@media (min-width:420px){.container{max-width:420px}.text-center {text-align: center!important;}.text-right {text-align: right!important;}



}
@media (min-width:576px){.container{max-width:576px}.text-center {text-align: center!important;}.text-right {text-align: right!important;}}
@media (min-width:768px)
{.container{max-width:720px}.text-center {text-align: center!important;}.text-right {text-align: right!important;}.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.float-left {
    float: left!important;
}

.text-left {
    text-align: left!important;
}


}


@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}


.title-hr-center {
    color: #026e6e;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
	    font-size: 26px;
}

.hotel-info {
    top: 0px;
    position: relative;
    float: right;
}
.hotel-info1 {
    top: 0px;
    position: relative;
    float: right;
}

.package-info {
	
	        top: 0px;
    position: relative;
    float: left;
	}

.circle {
    background: #333;
    padding: 20px 10px;
    text-align: center;
    height: 130px;
    width: 130px;
    border: 3px solid #F2F2F2;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    border-radius: 50%;
    color: #fff;
    box-shadow: 0 0 0 5px #333;
	    margin-top: 0px !important;
}
.info-wrapper h6 {
    margin: 5px !important;
	font-size: 15px;
	line-height: 1.2;
}

.heading4 {
	
}
.hotel-title {
    background: #f7f7f7;
    border: 1px solid #ccc;
    padding: 10px;
    height: 45px;
}

.adult {width: 130px;position: absolute;}
.number {width: 130px; position: absolute; margin-left: 160px;}
.infant {width: 130px;position: absolute;margin-left: 162px;}

.modal.show .modal-dialog {
    -webkit-transform: none;
    transform: none;
}




.whitegrey{
	background: #f8f6f4;box-sizing: inherit;margin-top: -16px;margin-bottom: 16px;
}
.gridwrap{
	padding: 0 20px;max-width: 1264px;margin: auto;position: relative;clear: both;box-sizing: inherit;content: 
}
.hajjheading{
padding-top: 60px;padding-bottom: 30px;clear: both;width: 100%;    border-top: 0;border-bottom: 0;background-clip: padding-box;position: relative;
}

.hajjheadingsub{
width: 100%;text-align: center;margin-bottom: 0;margin-top: 0;color: #041e41;
}


/*Hajj Package Red*/

.red_row1{
	
	clear: both;box-sizing: inherit;
}

.red_hidebleed_outer {
margin-bottom: 0;margin-top: 0;border-radius: 2px;margin-left: 20px;margin-right: 20px;overflow: hidden;clear: both;width: 100%;
}
.red_hidebleed_inner{
margin-left: -20px;margin-right: -20px;flex-wrap: wrap;width: 100%;display: -webkit-box;display: -ms-flexbox;    display: flex;
}

.red_hajj_package{
	background: #d8483c;color: #d8483c;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 20px;position: relative;z-index: 1;width: 33%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;
}
.red_hajj_package img{
	 width:100%;
}

.red_package_stub {
 float: right !important;padding-bottom: 20px;color: #d8483c;top: 38%;bottom: auto;right: 0;-ms-transform: translate(0%,-50%);transform: translate(0%,-50%); width: 80px;height: 80px;display: block;position: absolute;bottom: 0;border-radius: 50%;background: currentColor;-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);transform: translate(-50%,0%);left: 95%;box-sizing: inherit;
}
.red_package_body {
	-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #fff;width: 42.5%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;position: relative;height: 361px;
}
.red_flex_fill {
	-webkit-box-flex: 1;-ms-flex: 1 0 0;flex: 1 0 0;height: 226px;
	}
	
.red_package_title_summary {
 color: #d8483c;margin-top: 28px;font-size: 1.714rem;font-weight: 600;margin: .83em 0;
 }

.red_type {
color: #041e41!important;font-size: 1.714rem;font-weight: 600;margin: 1em 0;
 }
.red_package_prices_summary {
font-size: 17px;font-weight: 700;margin: 1em 0;
 }
  .red_package_prices_summary span {
color: #9a9a99;
 }
 
  .red_package_tagline_summary{
font-size: 15px;margin: 1.5em 0;box-sizing: inherit;
 } 
  .red_flex_v{
 -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 20px;background: #fff;height: 361px;padding-top: 307px;
 }
 
   .red_flex_v flex_fill{
-webkit-box-flex: 1;-ms-flex: 1 0 0; flex: 1 0 0;
 }
  
   .red_flex_v a{
margin-bottom: 20px;color: #fff;background: #d8483c;display: block;text-align: center;width: 100%;text-transform: uppercase;font-family: &quot;Roboto Slab&quot;,serif;text-decoration: none;border-radius: 2px;font-size: 18px;padding: 13px 18px;border: 0;
 }
 
 
 /*Hajj Package Dark Blue*/

.dark_blue_hidebleed_outer {
margin-bottom: 0;margin-top: 0;border-radius: 2px;margin-left: 20px;margin-right: 20px;overflow: hidden;clear: both;width: 100%;}
.dark_blue_hidebleed_inner{
margin-left: -20px;margin-right: -20px;flex-wrap: wrap;width: 100%;display: -webkit-box;display: -ms-flexbox;    display: flex;}

.dark_blue_hajj_package{
background: #114553;color: #114553;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 20px;position: relative;z-index: 1;width: 33%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;}
.dark_blue_hajj_package img{
	 width:100%;
}

.dark_blue_package_stub {
float: right !important;padding-bottom: 20px;color: #114553;top: 38%;bottom: auto;right: 0;-ms-transform: translate(0%,-50%);transform: translate(0%,-50%); width: 80px;height: 80px;display: block;position: absolute;bottom: 0;border-radius: 50%;background: currentColor;-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);transform: translate(-50%,0%);left: 95%;box-sizing: inherit;
}
.dark_blue_package_body {
-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #fff;width: 42.5%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;position: relative;height: 361px;}
.dark_blue_flex_fill {
-webkit-box-flex: 1;-ms-flex: 1 0 0;flex: 1 0 0;height: 226px;}
	
.dark_blue_package_title_summary {
 color: #114553;margin-top: 28px;font-size: 1.714rem;font-weight: 600;margin: .83em 0;
 }

.dark_blue_type {
color: #041e41!important;font-size: 1.714rem;font-weight: 600;margin: 1em 0;
 }
.dark_blue_package_prices_summary {
font-size: 17px;font-weight: 700;margin: 1em 0;
 }
  .dark_blue_package_prices_summary span {
color: #9a9a99;
 }
 
  .dark_blue_package_tagline_summary{
font-size: 15px;margin: 1.5em 0;box-sizing: inherit;
 } 
  .dark_blue_flex_v{
 -webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 20px;background: #fff;height: 361px;padding-top: 307px; }
 
   .dark_blue_flex_v flex_fill{
-webkit-box-flex: 1;-ms-flex: 1 0 0; flex: 1 0 0;
 }
  
   .dark_blue_flex_v a{
margin-bottom: 20px;color: #fff;background: #114553;display: block;text-align: center;width: 100%;text-transform: uppercase;font-family: &quot;Roboto Slab&quot;,serif;text-decoration: none;border-radius: 2px;font-size: 18px;padding: 13px 18px;border: 0; }
 
  
 
 /*Hajj Package Light Blue*/

.light_blue_hidebleed_outer {
margin-bottom: 0;margin-top: 0;border-radius: 2px;margin-left: 20px;margin-right: 20px;overflow: hidden;clear: both;width: 100%;}

.light_blue_hidebleed_inner{
margin-left: -20px;margin-right: -20px;flex-wrap: wrap;width: 100%;display: -webkit-box;display: -ms-flexbox;    display: flex;}

.light_blue_hajj_package{
background: #0092a1;color: #0092a1;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;margin-bottom: 20px;position: relative;z-index: 1;width: 33%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;}

.light_blue_hajj_package img{
width:100%;}

.light_blue_package_stub {
 float: right !important;padding-bottom: 20px;color: #0092a1;top: 38%;bottom: auto;right: 0;-ms-transform: translate(0%,-50%);transform: translate(0%,-50%); width: 80px;height: 80px;display: block;position: absolute;bottom: 0;border-radius: 50%;background: currentColor;-webkit-transform: translate(-50%,0%); -ms-transform: translate(-50%,0%);transform: translate(-50%,0%);left: 95%;box-sizing: inherit;}

.light_blue_package_body {
-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;background: #fff;width: 42.5%;padding: 0 20px;border-top: 0;border-bottom: 0;float: left;background-clip: padding-box;position: relative;height: 361px;}

.light_blue_flex_fill {
-webkit-box-flex: 1;-ms-flex: 1 0 0;flex: 1 0 0;height: 245px;}
	
.light_blue_package_title_summary {
 color: #0092a1;margin-top: 28px;font-size: 1.714rem;font-weight: 600;margin: .83em 0;}

.light_blue_type {
color: #041e41!important;font-size: 1.714rem;font-weight: 600;margin: 1em 0;}

.light_blue_package_prices_summary {
font-size: 17px;font-weight: 700;margin: 1em 0; }
  .light_blue_package_prices_summary span {
color: #9a9a99;
 }
 
  .light_blue_package_tagline_summary{
font-size: 15px;margin: 1.5em 0;box-sizing: inherit; } 
  .light_blue_flex_v{
-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding: 0 20px;background: #fff;height: 361px;padding-top: 307px;}
 
   .light_blue_flex_v flex_fill{
-webkit-box-flex: 1;-ms-flex: 1 0 0; flex: 1 0 0; }
  
   .light_blue_flex_v a{
margin-bottom: 20px;color: #fff;background: #0092a1;display: block;text-align: center;width: 100%;text-transform: uppercase;font-family: &quot;Roboto Slab&quot;,serif;text-decoration: none;border-radius: 2px;font-size: 18px;padding: 13px 18px;border: 0;}
 
  /*Experience What Matters section*/

 
 .leavetheresttous {
position: absolute;float: left;}
 
  .leavetheresttous img {
width: 100%;}
  
 .leavetheresttouscontent {
position: inherit; float: right;}
 
   
 .contentheadingleft {
position: absolute;}
 
  .contentheadingleft h2{
font-size: 30px;font-family: fantasy;color: #0092a1;}
 
 .contentheadingright {
    position: inherit;
    float: right;}
 

   /*Experience What Matters section*/

  .leavetheresttous {}
  .leavetheresttous img {width: 100%;}
  .leavetheresttouscontent {}   
  .contentheadingleft {text-align: justify;}
  .contentheadingleft h2{font-size: 30px;font-family: fantasy;color: #0092a1;}
  .contentheadingright {text-align: justify;}
 
   /* With us you get:*/
  .typeblock_bg {
	  background-image: url(../../hajj-packages/images/bg.png);background-size: cover;background-position: center;padding: 10px; border-top: 5px solid #026e6e;border-bottom: 5px solid #026e6e; margin-right: 0px !important; margin-left: 0px !important; margin-bottom: 0px !important; color: #fff;
  }
  .typeblock_packagefeatures {
	max-width: 1264px;margin: auto;position: relative;padding: 0 20px;clear: both;
  }
 
 
   .typeblock_heading {padding-top: 60px;padding-bottom: 30px;clear: both;width: 100%;}

   .typeblock_heading h1 { margin-bottom: 0;margin-top: 0;color: #ffffff;text-align: center;font-size: 3.429rem;font-weight: normal;font-family: inherit;width: 100%;
}


}