html, body {
    overflow-x: clip;
	font-family: nexa;
	letter-spacing: .8px;
	background-image: url(../img/242.jpg);
    scroll-behavior: smooth!important;

} 

::selection {
	/*color: red;*/
	background: rgb(180, 153, 63);
}

::-moz-selection { /* Code for Firefox */
	/*color: red;*/
	background: rgb(180, 153, 63);
}

/*scrollbar*/
/* width */
::-webkit-scrollbar {
	width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 5px #b4993f;
	border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
	background: #b4993f;
	border-radius: 2px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
	background: #4b4b4b; 
}
/*scrollbar  end*/


/*nav menu*/
.top-navbar-header {
    background-color: #373534;
    border-left: 2px solid black;
    border-right: 2px solid black;
    position: fixed;
    width: 100%;
    z-index: 44;
}
.con-padd
{
	width: 100%;
	padding-right: 0px;
	padding-left: 0px;
	margin-right: auto;
	margin-left: auto;
	height: 140px;
}
.nav-company-logos{
	margin-top: -13px;
}



.navbar-light .navbar-nav .nav-link {
	color: rgb(49, 48, 49);
	font-size: 17px;
	font-weight: 500px
}

.navbar-light .navbar-toggler {
	color: rgba(0,0,0,.5);
	border-color: rgba(0,0,0,.1);
	/* padding-right: 2px; */
	margin-right: 27px;
	background-color: #B4993F;
}
.nav-item
{
	padding: 0px 13px;
	font-weight: 700;
}
.navbar-nav {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	/*padding-left: 61px !important;*/
	padding-left: 20px !important;
	/*margin-bottom: 0;*/
	margin-bottom: -30px;
	list-style: none;
}
.ntop
{
	border: 2px solid #373537;
    border-radius: 0px;
    /*background-color: transparent !important;*/
    /*background-color: #fff !important;*/
}
.img-style
{
	position: relative;
    top: 0px;
    left: 51px;
    width: 213px;
}
.img-atol
{
	margin-left: 9px !important;
	width: 61px;
	margin-top: -9px;
}
.n2top {
    padding: 0;
    height: 100px;
    position: fixed;
    width: 100%;
    z-index: 444;
    top: 40px;
    background-color: transparent;
}

.tbrand
{
	width: 20%;
	position: relative;
}
	.text-size-li>a>i
	{
		margin-right: 5px;
	}
	.call-back-hu
	{
		top: 103px;
	}

.modaldialogwidth {
    max-width: 100%!important;
}
	.social-contact
	{
		margin-top: -8px;
	}
    .tab_12
    {
    	margin-top: 7px;
    }
    .tab_12>img
    {
    	/*margin-right: 5px;	*/
    }
    .top-navbar-header
    {
    	background-color: #373534;
    	border-left: 2px solid black;
    	border-right: 2px solid black;
    }

    .top-info-color
    {
    	color: white;
    	font-size: 18px;
    	text-align: center;
    }
    .top-info-color:hover
    {
    	color: white;
    	transition: 0.3s all ease-in-out;
    	transform: scale(1.18);
    }
    .c1<a<img
    {
    	margin-right: 7px!important;
    }
    .nav-css:hover
    {
    	transition: 0.3s all ease-in-out;
    	transform: scale(1.18);
    }
    .umrah-dropdown{
    	position: relative;
	    font-size: 17px;
	    padding: 8px 14px;
    }
    .umrah-dropdown:hover
    {
    	transition: 0.3s all ease-in-out;
    	transform: scale(1.18);
    	color: #3c3b3c;
    	text-decoration: none;
    }
     .umrah-dropdown a:hover{
    	color: #3c3b3c;
    	text-decoration: none;
    }

    .umrah-dropdown:hover .umrah-items{
      display: block !important;
    }
    
    .umrah-items{
    	padding: 6px 10px;
	    width: 220px;
	    left: -10px;
	    top: auto;
	    background: #fff;
	    border-right: 3px solid #bc942e;
	    border-left: 3px solid #bc942e;
	    border-top: 3px solid #fefefe;
	    border-bottom: 3px solid #fefefe;
	    box-shadow: 0px 1px 4px #323132;
    }
    .umrah-items li{
        margin-top: 10px;
    }
    .umrah-items li:hover{
        border-bottom: 2px solid #a18a3c;
        transition: 0.3s all ease-in-out;
    }

    ul.nav li.dropdown:hover > ul.dropdown-menu {
	    display: block;    
	}
	.navbar-toggler>.close {
	    display:inline;
	}
	.navbar-toggler.collapsed>.close, .navbar-toggler:not(.collapsed)>.navbar-toggler-icon {
	    display:none;
	}

/*menuend*/






/**********************
/***** Services *******
/*********************/
@import url('../../maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

.text-muted {
	color: #313235!important;
	line-height: inherit;
	font-size: 16px;
    /*font-weight: 600;*/
    font-family: sans-serif;
        text-align: justify!important;
}
.pkg-heading
{
	color: #373537;
    font-size: 32px;
    font-family: nexa-bold;
    margin-top: 60px;
    margin-bottom: 30px;
    text-align: left;
}

.pkg-heading1 {
    color: #373537;
    font-size: 32px;
    font-family: nexa-bold;
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: left;
}

.pkg-heading2 {
    color: #373537;
    font-size: 32px;
    font-family: nexa-bold;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: left;
}
.aclr{
    color: #b4993f;
    font-weight: 600;
}

.aclr:hover{
   ont-weight: 600;
    text-decoration: none;
    color: #32291b;
}

hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 2px solid #ccc;
	width: 71px;

}
.card-title {
	margin-bottom: .75rem;
	color: #313235;
	font-size: 1.5vw;
	font-family: nexa-bold;
}
section{
	padding: 21px 0;
}
section .section-title{
	text-align:center;
	color:#b4993f;
	margin-bottom:50px;
	text-transform:uppercase;
}
#what-we-do{
	/*background:#ffffff;*/
}
#what-we-do .card{
	padding: 1rem!important;
	border: none;
	border-bottom: 2px solid #434644;
	margin-bottom:1rem;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
	background: transparent;
}
#what-we-do .card:hover{
	-webkit-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	-moz-box-shadow: 5px 7px 9px -4px rgb(158, 158, 158);
	box-shadow: 5px 7px 9px -4px rgb(180, 153, 63);
}
#what-we-do .card .card-block{
	padding-left: 50px;
	position: relative;
}
#what-we-do .card .card-block a{
	color: #b4993f !important;
	font-weight:700;
	text-decoration:none;
}
#what-we-do .card .card-block a i{
	display:none;
	
}
#what-we-do .card:hover .card-block a i{
	display:inline-block;
	font-weight:700;
	
}
#what-we-do .card .card-block:before{
	font-family: Fontawesome;
	position: absolute;
	font-size: 39px;
	color: #b4993f;
	left: 0;
	-webkit-transition: -webkit-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
}
#what-we-do .card .block-1:before{
	content: "\f1ad";
}
#what-we-do .card .block-2:before{
	content: "\f207";
}
#what-we-do .card .block-3:before{
	content: "\f00c";
}
#what-we-do .card .block-4:before{
	content: "\f015";
}
#what-we-do .card .block-5:before{
	content: "\f1b9";
	font-size: 30px;
}
#what-we-do .card .block-6:before{
	content: "\f086";
}
#what-we-do .card:hover .card-block:before{
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);	
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}

/*service end*/


/*FOOTER*/

footer {
	background: #16222A;
	/*background: -webkit-linear-gradient(59deg, #3A6073, #16222A);*/
	background: #2a2a2d;
	margin-top: 0px !important;
	/*background: linear-gradient(180deg, #B4993F, #16222A);*/
	color: white;
	margin-top:100px;
}

footer a {
	color: #fff;
	font-size: 14px;
	transition-duration: 0.2s;
	text-align: left;
	/*margin-top:10px;*/
}
footer li{
	text-align: left;
	margin-top: 8px;
}

footer a:hover {
	color: #B4993F;
	text-decoration: none;
}

.copy {
	font-size: 18px;
	padding-bottom: 0px;
	padding-top: 4px;
	border-top: 2px solid #b4993f;
	margin-top: 11px;
}
.footer-pad h4{
	text-align: left;
    margin-bottom: 20px;
}

.footer-middle {
	padding-top: 1em;
	color: white;
}


/*SOCİAL İCONS*/

/* footer social icons */

ul.social-network {
	list-style: none;
	display: inline;
	/*margin-left: -40px !important;*/
	padding: 0;
}

ul.social-network li {
	display: inline;
	margin: 0 5px;
}


/* footer social icons */

.social-network a.icoFacebook:hover {
	background-color: #3B5998;
}
.social-network a.icotwitter:hover {
    background-color: #55acee;
}

.social-network a.icoLinkedin:hover {
	background-color: #e4405f;
}

.social-network a.icoFacebook:hover i,
.social-network a.icoLinkedin:hover i,
.social-network a.icotwitter:hover i {
	color: #fff;
}

.social-network a.socialIcon:hover,
.socialHoverClass {
	color: #44BCDD;
}

.social-circle li a {
	display: inline-block;
	position: relative;
	margin: 0 auto 0 auto;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align: center;
	width: 30px;
	height: 30px;
	font-size: 15px;
}

.social-circle li i {
	margin: 0;
	line-height: 30px;
	text-align: center;
}

.social-circle li a:hover i,
.triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

.social-circle i {
	color: #595959;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

.social-network a {
	background-color: #F9F9F9;
}



.info-icon{
	padding: 0px 10px;
	list-style-type: none;
	color: #ffffff;
	font-size: 18px;
	font-family: -webkit-body;
}
}
.info-head
{
	/*color: #525252	font-size: 18px;*/
	font-family: nexa-bold;
}

/*
timline2*/

.info-icon >li >img {

	margin-right: 19px;
}

.mt-read-more
{
	margin-top: 10px;
	/*margin-right: 56px;*/
	/*margin-left: 34px;*/
	width: 100%;
	/* color: red; */
	/* border: 2px solid #0f0f0f; */
	/* border-radius: 7px; */
	/* padding: 2px 8px 2px 8px; */
}
}

.info-icon li
{
	margin-bottom: -14px!important;
}



.price-clr
{
	color: #fff;
	font-size: 16px;
	/*float: right;*/
	padding-right: 22px;
	margin-top: 6px;

}
.fa-whatsapp{
	color: #fff;
    font-size: 16px;
    margin-left: -5px;
}
.btn-modal-close{
	background: #b4993f;
    color: #fff;
    border: 0;
    padding: 8px 30px;
    border-radius: 5px;
    border-bottom: 3px solid #32302b;
}


  /* -------------------------------- 

Primary style

-------------------------------- */


*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
@import url('https://fonts.googleapis.com/css?family=Barlow|Slabo+27px&amp;display=swap')

body {

	font-size: 100%;
	/*font-family: "Droid Serif", serif;*/
	/*font-family: 'Slabo 27px', serif;*/
	/*font-family: 'Barlow', sans-serif;*/
	/*font-family: 'Hind Vadodara', sans-serif;*/
	/*font-family: Nexa light;*/
	/*font-family: cursive;*/

	color: #7f8c97;
	background-color: #ffffff;
}



/* -------------------------------- 

Modules - reusable parts of our design

-------------------------------- */
.cd-container {
	/* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
/*.cd-container::after {
	content: '';
	display: table;
	clear: both;
	}*/

/* -------------------------------- 

Main components 

-------------------------------- */
.info-icon >li >img {

	margin-right: 19px;
	width: 27px;
}

#cd-timeline {
	position: relative;
	padding: 2em 0;
	margin-top: 2em;
	margin-bottom: 2em;
}
#cd-timeline::before {
	/* this is the vertical line */
	content: '';
	position: absolute;
	/*top: 0;*/
	top: 33px;
	left: 18px;
	/*height: 100%;*/
	height: 90%;
	width: 4px;
	background: #b4993f;
}
@media only screen and (min-width: 1170px) {
	#cd-timeline {
		margin-top: 3em;
		margin-bottom: 3em;
	}
	#cd-timeline::before {
		left: 50%;
		/*margin-left: -2px;*/
		margin-left: -4px;
	}
}

.cd-timeline-block {
	position: relative;
	margin: 2em 0;
}
.cd-timeline-block:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-block:first-child {
	margin-top: 0;
}
.cd-timeline-block:last-child {
	margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
	.cd-timeline-block {
		margin: 4em 0;
	}
	.cd-timeline-block:first-child {
		margin-top: 0;
	}
	.cd-timeline-block:last-child {
		margin-bottom: 0;
	}
}
.cd-left {
	float: left;
}

.cd-left::before {
	top: 24px;
	left: 100%!important;
	border-color: transparent!important;
	border-left-color: #b4993f !important;
}

.cd-right {
	float: right;
}

.cd-rigth::before {
	top: 24px;
	left: 100%;
	right: auto;
	border-color: transparent;
	border-right-color: white;
}

@media screen and (max-width: 1169px) and (min-width: 240px) {
	.cd-timeline-content::before{
		border: none!important;
	}
	,cd-timeline-content {
		display: block;
	}
	.cd-left, .cd-right {
		float: left;
	}
	.cd-left::before {
		top: 15px!important;
		right: 100%!important;
		left: auto !important;
		border: 7px solid transparent!important;
		border-color: transparent!important;
		border-right: 7px solid white !important
	}

	.cd-timeline-img strong {
		font-size: 15px!important;
	}

}


.cd-timeline-img strong {
	font-size: 21px;
}


.cd-timeline-img {
	font-size: 21px;
	position: absolute;
	top: 0;
	left: 0;
	width: 48px;
	height: 48px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: #ffffff;
	color: #9c9c9c;
	text-align: center;
	line-height: 1;
	font-size: 12px;
	padding-top: 6px;
	-webkit-transform: translateZ(0);
	-webkit-backface-visibility: hidden;
}


.cd-timeline-img.cd-movie {
	background: #c03b44;
}
.cd-timeline-img.cd-location {
	background: #f0ca45;
}
@media only screen and (min-width: 1170px) {
	.cd-timeline-img {
/*    width: 60px;
    height: 60px;
    left: 50%;*/
    width: 172px;
    height: 60px;
    left: 45%;
    margin-left: -30px;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
}
.cssanimations .cd-timeline-img.is-hidden {
	visibility: hidden;
}
.cssanimations .cd-timeline-img.bounce-in {
	visibility: visible;
	-webkit-animation: cd-bounce-1 0.6s;
	-moz-animation: cd-bounce-1 0.6s;
	animation: cd-bounce-1 0.6s;
}
}

@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
	}
}
@-moz-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-moz-transform: scale(0.5);
	}

	60% {
		opacity: 1;
		-moz-transform: scale(1.2);
	}

	100% {
		-moz-transform: scale(1);
	}
}
@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		-moz-transform: scale(0.5);
		-ms-transform: scale(0.5);
		-o-transform: scale(0.5);
		transform: scale(0.5);
	}

	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		-moz-transform: scale(1.2);
		-ms-transform: scale(1.2);
		-o-transform: scale(1.2);
		transform: scale(1.2);
	}

	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1);
	}
}

.cd-timeline-content {
	background-image: url("../img/hu.html") !important;
	background-attachment: fixed !important;
	position: relative;
	margin-left: 60px;
	background: white;
	padding: 1em;
	border: 3px solid #b4993f;
	border-radius: 0 0 10px 10px;
	box-shadow: 0px 3px 25px -6px #656561;
	background-image: url(../img/new-img-b.jpg) !important;
	padding: 100px 0 15px;
	position: relative;
	background-size: 100% 100%;
	margin-bottom: 50px;
}
.cd-timeline-content:after {
	content: "";
	display: table;
	clear: both;
}
.cd-timeline-content h2 {
	color: #fff;
	font-size: 20px!important;
	text-align: center;
	padding-left: 0px;
}
.cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	font-size: 13px;
	font-size: 0.8125rem;
}
.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
	display: inline-block;
}
.cd-timeline-content p {
	margin: 1em 0;
	line-height: 1.6;
}
.cd-timeline-content .cd-read-more {
	float: right;
	padding: .8em 1em;
	background: #acb7c0;
	color: white;
	border-radius: 0.25em;
	background: transparent;
	border: 1px solid white;
	/* box-shadow: 1px 3px 9px #171717; */
	border-radius: 5px;
}
.no-touch .cd-timeline-content .cd-read-more:hover {
	background-color: #bac4cb;
}
.cd-timeline-content .cd-date {
	float: left;
	padding: .8em 0;
	opacity: .7;
}
/*.cd-timeline-content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid #b4993f;
}*/
.img-icon{
	margin-bottom: 10px;
}
@media only screen and (min-width: 768px) {
	.cd-timeline-content h2 {
		font-size: 20px;
		font-size: 1.25rem;
	}
	.cd-timeline-content p {
		font-size: 16px;
		font-size: 1rem;
	}
	.cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: 600;
		/*color: white;*/
	}
}
@media only screen and (min-width: 1170px) {
	.cd-timeline-content {
		margin-left: 0;
		/*padding: 1.6em;*/
		padding: 0.6em;
		/*width: 45%;*/
		width: 38%;
		min-height: 580px;
	}
}

.cd-timeline-content .cd-read-more {
	margin-bottom: 5px;
	border: 1px solid white; 
	border-radius: 5px;
}
.cd-read-more:hover{
	margin-bottom: 5px;
	border: 1px solid white;
	border-radius: 5px;
}

@m
.cd-timeline-content .cd-date {
	position: absolute;
	width: 100%;
	left: 122%;
	top: 6px;
	font-size: 16px;
	font-size: 1rem;
}
.cd-timeline-content .cd-read-more: {
	color: white;
}

.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
	left: auto;
	right: 122%;
	text-align: right;
}
.cssanimations .cd-timeline-content.is-hidden {
	visibility: hidden;
}
.cssanimations .cd-timeline-content.bounce-in {
	visibility: visible;
	-webkit-animation: cd-bounce-2 0.6s;
	-moz-animation: cd-bounce-2 0.6s;
	animation: cd-bounce-2 0.6s;
}
}

@media only screen and (min-width: 1170px) {
	/* inverse bounce effect on even content blocks */
	.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in {
		-webkit-animation: cd-bounce-2-inverse 0.6s;
		-moz-animation: cd-bounce-2-inverse 0.6s;
		animation: cd-bounce-2-inverse 0.6s;
	}
}
@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(20px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}
@keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		-moz-transform: translateX(-100px);
		-ms-transform: translateX(-100px);
		-o-transform: translateX(-100px);
		transform: translateX(-100px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		-moz-transform: translateX(20px);
		-ms-transform: translateX(20px);
		-o-transform: translateX(20px);
		transform: translateX(20px);
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}
@-webkit-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
	}

	100% {
		-webkit-transform: translateX(0);
	}
}
@-moz-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-moz-transform: translateX(100px);
	}

	60% {
		opacity: 1;
		-moz-transform: translateX(-20px);
	}

	100% {
		-moz-transform: translateX(0);
	}
}
@keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		-moz-transform: translateX(100px);
		-ms-transform: translateX(100px);
		-o-transform: translateX(100px);
		transform: translateX(100px);
	}

	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		-moz-transform: translateX(-20px);
		-ms-transform: translateX(-20px);
		-o-transform: translateX(-20px);
		transform: translateX(-20px);
	}

	100% {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

/*
@media only screen and (max-width: 1024px) {
  body {

  	overflow-x: hidden;
    
  }
}
*/

/*form*/

{
	margin-left: 23px;
}

.chckbox-ml
{
	margin-left: 23px;
}

.input-txt-form
{
	background: white!important;
	border: 1px solid #373636 !important; 
}

.input-txt-focus
{
	border: 1px solid #b4993f;

}
.input-txt-focus:focus {
    border: 1px solid #B4993F;
    border-radius: 2px;
    box-shadow: 4px 5px 13px #37363638;
}
.form-custom-style
{
	/*background: #b4993f;*/
	padding-top: 26px;
	padding-bottom: 11px;
	/*border: 1px solid black;*/
	border-radius: 15px;
	box-shadow: 0px 0px 10px #afafaf;
	border-bottom: 1px solid #086f00;

}
.form-custom-style:hover{
	transition: 0.5s all ease-in-out;
    transform: scale(1.03);
    border-bottom: 2px solid #b4993f;
}
.form-custom-style:focus-within
{

	/*box-shadow: 4px 5px 13px #4A4949;*/
	/*box-shadow: 2px 5px 14px -5px #4A4949;*/
	/*box-shadow: 0 0 7px rgba(0, 0, 0, 1);*/
}
.lbl-form
{
	font-size: 25px;
	color: #3c3c3b;
}
.btt-form
{
	border-radius: 10px;
	background: #42403e;
	padding: 8px 30px;
	color: #fff;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1px;
}
.btt-form:hover
{
	background: #b4993f;
    border: 2px solid #333;
    box-shadow: 2px 2px 2px #333;
    color: #fff;
    transition: 0.3s all ease-in-out;
    transform: scale(1.05);

}
/*section infobox*/


.atol-a-btn
{
	color: #5a5a5a;
	font-weight: 500;s
	border-bottom: 2px solid #b4993f;
	font-family: nexa-bold;
}
.atol-a-btn:hover
{
	color: #090101;
	text-decoration: none;
}

.section-text
{
	/*background-image: url('Box 01.png') no-repeat center center;*/
	position: absolute;
	top: 71px;
	left: 56px;
	width: 70%;
	margin: 0 auto;
	letter-spacing: normal;
}
.section-text1
{
	/*background-image: url('Box 01.png') no-repeat center center;*/
	position: absolute;
	top: 90px;
	left: 56px;
	width: 70%;
	margin: 0 auto;
}



/*section infobox end*/
/*
contact us*/

.contact-body{
	/*background: -webkit-linear-gradient(left, #2a2a2d, #b4993f);*/
}
.contact-form{
	background: #b4993f;
	margin-top: 10%;
	margin-bottom: 5%;
	width: 100%;
	box-shadow: 0px 2px 8px black;
	border-radius: 3px;
	/*background: -webkit-linear-gradient(left, #2a2a2d, #b4993f);*/
}
.contact-form .form-control{
	border-radius:1rem;
}
.contact-image{
	text-align: center;
}
.contact-image img{


	border-radius: 6rem;
	width: 37%;
	margin-top: -29%;
	width: 13%;
	margin-top: -8%;
	transform: rotate(1deg);*/
}
.contact-form form{
	padding: 0px 20px;
}
.contact-form form .row{
	margin-bottom: -7%;
}
.contact-form h3{
	margin-bottom: 8%;
	margin-top: -10%;
	text-align: center;
	color: #2a2a2d;
	font-size: 44px;
	font-family: nexa-bold;

}
.contact-form .btnContact {
	width: 50%;
	border: none;
	border-radius: 1rem;
	padding: 1.5%;
	background: #000000;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
	width: 193px;
}
.btnContactSubmit
{
	width: 50%;
	border-radius: 1rem;
	padding: 1.5%;
	color: #fff;
	background-color: #0062cc;
	border: none;
	cursor: pointer;
}


.cont-form
{
	color: #495057;
	background-color: #fff;
	border-color: #ac933e;
	outline: 0;
	box-shadow: 0 0 2 0.2rem rgb(176, 150, 63);
}

.cont-form:focus

{
	box-shadow: 2px 2px 4px #a48c3d;
	border-color: #2a2b2d;
}

/*contact end*/






/* start about flights*/


/*@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css);*/

body 
{
	/*padding-top:50px;*/
}

.box {
	border-radius: 3px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	padding: 10px 25px;
	text-align: right;
	display: block;
	margin-top: 60px;
}
.box-icon {
	background-color: #57a544;
	border-radius: 50%;
	display: table;
	height: 100px;
	margin: 0 auto;
	width: 100px;
	margin-top: -61px;
}
.box-icon span {
	color: #fff;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.info h4 {
	font-size: 26px;
	letter-spacing: 2px;
	text-transform: uppercase;
}
.info > p {
	color: #717171;
	font-size: 16px;
	padding-top: 10px;
	text-align: justify;
}
.info > a {
	background-color: #03a9f4;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
	color: #fff;
	transition: all 0.5s ease 0s;
}
.info > a:hover {
	background-color: #0288d1;
	box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
	color: #fff;
	transition: all 0.5s ease 0s;
}

/*hu*/

.hu-pk
{
	/*background: #e1e1e1;*/
	margin-top: 10px;
}
.hu-upkg
{
	    color: #373537;
    /* font-size: 40px; */
    /* font-weight: 700; */
    font-family: nexa-bold;
    border-bottom: 3px solid #2a2a2d;
    /* margin-top: -22px; */
    border-radius: 0px;
    padding-bottom: 7px;
    background: #b4993f;
}



.margin_60 {
	padding-top: 60px;
	padding-bottom: 60px;
}
.main_title {
	text-align: center;
	font-size: 16px;
	margin-bottom: 30px;
}
.main_title h2 {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: -1px;
	font-size: 30px;
	margin-bottom: 0;
	margin-top: 0;
}
h2 span, h3 span, h4 span, h5 span, h6 span {
	color: #000;
}
.slash{
	font-family: sans-serif;
}
.main_title p {
	font-weight: 300;
	font-size: 20px;
}


.crane_container {
	background-color: transparent;
	-webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
	-moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
	margin: 0 0 30px;
}
.ribbon_3 {
	position: absolute;
	left: 10px;
	top: -5px;
	z-index: 1;
	overflow: hidden;
	width: 75px;
	height: 75px;
	text-align: right;
}
.ribbon_3.popular span {
	/*background: linear-gradient(#f14f3f 0,#cb4335 100%);*/
	background: #fbc925;
}
.ribbon_3 span {
	font-size: 14px;
	font-weight: 700;
	color: #1a1c1f;
	text-align: center;
	line-height: 20px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	width: 100px;
	display: block;
	background: #79A70A;
	background: linear-gradient(#9BC90D 0,#79A70A 100%);
	box-shadow: 0 3px 10px -5px rgba(0,0,0,1);
	text-shadow: 1px 1px 2px rgba(0,0,0,.25);
	position: absolute;
	top: 19px;
	left: -21px;
}
.ribbon_3 span {
	text-transform: uppercase;
}
.ribbon_3.popular span::before {
	border-left: 3px solid #a3362a;
	border-right: 3px solid transparent;
}
.ribbon_3.popular span::after {
	border-left: 3px solid transparent;
	border-right: 3px solid #a3362a;
}

a {
	color: #343333;
}

.carbox {
	display: block; 
	margin-bottom: 20px;
	line-height: 1.42857143;
	background-color: transparent;
	border-radius: 2px;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12); 
	transition: box-shadow .25s; 
	border: 2px solid black;
	min-height: 680px;
	/*padding-bottom: 16px;*/
	/*background-image: url(../img/umrah1.png) !important;*/

}
.umrah_1
{
	/*background-image: url(../img/umrah1.png) !important;*/
}
.carbox:hover {
	box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-transition: all 0.6s ease-in-out 0s;
	transform: scale(1.03);
}
.img-carbox {
	width: 100%;
	height: 204px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	display: block;
	overflow: hidden;
}
.img-carbox img{
	width: 100%;
	height: 212px;
	/* object-fit: cover; */
	transition: all .25s ease;
	/* background: black; */
	opacity: 0.9;
} 
.carbox-content {
	padding:15px;
	text-align:left;
	font-family: -webkit-body;
	font-size: 17px
	line-height: 16px;
}
.carbox-title {
	margin-top:0px;
	font-weight: 700;
	font-size: 1.65em;
}
.carbox-title a {
	color: #000;
	text-decoration: none !important;
}
.carbox-read-more {
	border-top: 1px solid #D4D4D4;
}
.carbox-read-more a {
	text-decoration: none !important;
	padding:10px;
	font-weight:600;
	text-transform: uppercase
}
/* Button Orange Css */
.margin-b-30 {
	margin-bottom: 30px;
}
.btn_orange.medium, a.btn_orange.medium {
	padding: 10px 25px;
	font-size: 14px;
}

.btn_orange, a.btn_orange {
	border: none;
	font-family: inherit;
	color: #fff;
	background: #51bce6;
	cursor: pointer;
	padding: 7px 20px;
	display: inline-block;
	outline: 0;
	font-size: 12px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 700;
}
a.btn_orange, .btn_orange {
	background: #f7941d;
}
.hu-ul
{
	list-style-type: none;
	color: #101010;
	font-size: 16px;
	padding-left: 9px;
	font-family: -webkit-body;
     font-weight: 600;
}



.hu-ul >li >img {
	margin-right: 19px;
	width: 27px;
}


/*about page*/




	.flight-hu-mt
	{
		margin-top: -21px !important;
	}
	.flight-carousel
	{
		padding: 0px;
		/*background-image: ('img/Web banner C.png');*/
	}
/*	.img-height
	{
		height: 309px;
		}*/

		.card-header-hu {
			padding: .75rem 1.25rem;
			margin-bottom: 0;
			background-color: rgba(0,0,0,.03);
			border-bottom: 1px solid rgba(0,0,0,.125);
			background: #b4993f;
			border-top: 2px solid #423f3f;
			font-family: nexa-bold;
		}


		.flight-head
		{
			font-size: 41px;
			font-family: nexa-bold;
			margin-top: 0px;
		}

		/* Make the image fully responsive */
		.carousel-inner img {
			width: 100%;
			height: 100%;
		}

  /**********************
  /***** Services *******
  /*********************/

  section{
  	/*padding: 60px 0;*/
  }

  html {
  	/*font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;*/
  	font-size: 14px;
  }

  h5 {
  	font-size: 1.28571429em;
  	font-weight: 700;
  	line-height: 1.2857em;
  	margin: 0;
  	font-size: 13px;
  }

  .form-on-img
  {
  	position: absolute;
  	top: 220px;
  	left: -8px;
  	display: block;
  }
  .lbl-form-hu
  {
  	color: #b4993f;
  }
.hu-package-pb
{
	padding-bottom: 158px;
}
.form-custom-style-hu
{
	/*background: #b4993f;*/
	padding-top: 30px;
	padding-bottom: 11px;
	/*border: 1px solid black;*/
	border-radius: 15px;

}
.form-custom-style-hu:focus-within
{
	/* box-shadow: 4px 5px 13px #4A4949; */
	/*box-shadow: 2px 5px 14px -5px #ffffff;*/
	/*box-shadow: 0 0 7px rgba(0, 0, 0, 1);*/
}
.hu-last-sec
{
	margin-top: 55px;
}



/*.....flight table*/
table#t2 {
	border-width: 0;
	border-style: outset;
	margin: 20px 0;
	border: 2px solid #000;
	line-height: 2em;
	text-align: center;
	vertical-align: middle;
	width: 100%;
	font-family: nexa;
	margin-bottom: 81px;
	box-shadow: 0px 0px 30px #d0cec8;
}
table#t2 thead tr th.t2 {
	color: #06070c;
	letter-spacing: 1px;
	line-height: 1.7;
	font-size: 21px;
	padding: 4px;
	text-transform: none;
	border-bottom: 1px solid white;
	text-align: center;
	background: white;
	border: 2px solid black;
	background: #b4993f;
	font-family: nexa-bold;
	border-top: 0 !important;
}
table#t2 tbody tr.table-alternate {
	background: none repeat scroll 0 0 #fff;
}
table#t2 tbody tr {
	background: none repeat scroll 0 0 #fff;
}

table#t2 tbody tr td {
	border-width: 0;
	color: #669;
	font-size: 18px;
	border-top: medium none;
	padding: 10px 10px;
	text-align: center;
	line-height: 1.4;
	vertical-align: middle;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	color: #2b292a;
	/*width: 100%;*/

}
.nav-ul{
	font-family: nexa-bold;
	margin-right: 21px;
	    margin-top: -31px;
}
.contact-form{
	margin-top: 200px;
}
.whatsapp-icon-top{
	margin-top: -4px;
}
.whatsapp-icon-footer{
	bottom: 133px;
    position: fixed;
    right: 18px;
    width: 60px;
    z-index: 2;
}
.iframe-footer{
	width: 250px;
	height: 250px;
}
.paragraphs{
	font-size: 18px;
}
.umrah-pkg-images-style{
	width: 500px;
}
.book-home-pkg-umrah{
	position: absolute;
    bottom: 110px;
    left: 175px;
    background: #ab9136;
    padding: 8px 30px;
    font-size: 16px;
    border-radius: 12px;
}
.book-home-pkg-umrah:hover{
    background: #a2800a;
    transition: 0.3s all ease-in-out;
    transform: scale(1.18);
}
.book-home-pkg-umrah-2{
    position: absolute;
    bottom: 110px;
    right: 118px;
    background: #ab9136;
    padding: 8px 30px;
    font-size: 16px;
    border-radius: 12px;
}
.book-home-pkg-umrah-2:hover{
    background: #a2800a;
    transition: 0.3s all ease-in-out;
    transform: scale(1.18);
}
.whatspp-web{
    display: block;
}
.whatspp-mob{
    display: none;
}
.carousel-indicators li{
	/*border-top: 10px solid #b4993f;*/
}
.fa-star{
   color: orange;
}
.pkg-details-btn{
	width: 100%;
    margin: 15px 8px 20px;
    background: transparent;
    border: 3px solid #373534;
    padding: 10px 0px;
    font-size: 14px;
    color: #373534;
    font-weight: 700;
}
.pkg-details-btn:hover{
	background: #373435;
    border: 3px solid #b4993f;
    color: #ffffff;
}
.pkg-enqiry-btn{
	width: 100%;
    margin: 15px -8px 20px;
    background: #b4993f;
    border: 3px solid #b4993f;
    padding: 10px 0px;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
}
.pkg-enqiry-btn:hover{
    color: #ffffff;
    text-decoration: none;
    background: #373534;
}
.star-icons{
	background: #373534;
    padding: 10px 0px;
    margin: 10px -30px 10px 0px;
    color: #fff;
    text-align: center;
}
.pkg-nights{
    background: #b4993f;
    padding: 10px 0px;
    margin: 10px 0;
    color: white;
    width: 100%;
    text-align: center;	
}
.pkg-nights h6{
margin-bottom:0px!important;
}
.text-pkgs{
	background: #5F4100;
    padding: 10px 0px;
    color: white;
    width: 100%;
    text-align: center;
}
.number-pkg{
	margin: 6px 0px;
    font-size: 26px;
    text-align: center;
}
.number-pkg a:hover{
color: #373534;
}
.pkg1:hover{
	transition: 0.5s all ease-in-out;
    transform: scale(1.03);
}
.pkg1{
	background: white;
    box-shadow: 5px 2px 30px #d3d3d4;
    /* padding: 10px 10px; */
    /* border-bottom-right-radius: 50px; */
    border-bottom-left-radius: 50px;
    border: 3px solid #b4993f;
    height: auto;
    /*border-radius: 6px;*/
}
.carousel-indicators li{
	    background-color: #b3973a;
}
.carousel-indicators{
	    bottom: -50px;
}
.text-warning {
    color: #b4993f!important;
    font-size: 22px;
    font-weight: 700;
}
.testimonial-reviews{
	/*box-shadow: 0px 0px 10px #afafaf;*/
    border-left: 3px solid #373534;
    border-right: 4px solid #373534;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #fbfbfb;
    background: #b4993f1f;
    padding: 60px 0px;
}
.review-para{
	font-size: 18px;
}
.carousel-indicators li{
	display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #000\9;
    /* background-color: rgba(0,0,0,0); */
    border: 1px solid #fff;
    border-radius: 10px;
}
.testimonial-star{
	color: orange;
    font-size: 26px;
    margin: 10px 0px 0px;
}


/*Start visa services css*/

 .visa-service-hu
    {
        padding: 0px 0;
        margin-top: 60px;
        margin-bottom: 30px;
    }
    .visa-services-list li{
        list-style: circle;
        margin-top: 10px;
        color: #313235!important;
    line-height: inherit;
    font-size: 18px;
    /* font-weight: 600; */
    font-family: sans-serif;
    text-align: justify!important;
    }

/*End visa services css*/


/*Start umrah pkg details*/

.umrah-pkg-sec{
    background: #ffffff6b;
    /*padding: 0px 6px;*/
    box-shadow: 0px 0px 10px #afafaf;
    border-bottom: 1px solid #086f00;
    /*width: 80%;*/
    /*margin: 0 auto;*/
}
.details-umrah-pkg{
	padding: 10px 10px;
}
.package-include{
	/*font-size: 24px;*/
    /*text-decoration: underline;*/
    margin-bottom: 20px;
    text-align: center;
}
.card-header{
	background: #b4993f;
    color: #fff;
    border-bottom: 1px solid #373534;
    font-size: 18px;
    text-align: center;
}
.icon-call-booking i{
	font-size: 22px;
    margin-left: 10px;
    margin-top: 13px;
}
.icon-call-booking{
	padding: 16px 0px;
	/*border-bottom: 1px solid #373534;*/
}
.call-no-booking{
	padding: 30px 0px;
    font-size: 14px;
    margin-left: 10px;
    border-bottom: 1px solid #373534;
}
.booking-price{
	padding: 10px 10px;
    background: #373534;
    color: #fff;
    text-align: center;
    margin-top: 16px;
    margin-right: 10px;
}
.for-booking{
	background: #ffffff6b;
	box-shadow: 0px 0px 10px #afafaf;
}
.price-sharing-room{
	text-align: center;
    font-weight: 600;
    margin-top: 5px;
    font-size: 22px;
}
.services-umrah{
	font-weight: 600;
	display: inline;
}
.icon-call-booking img{
	width: 23px;
    margin-left: 10px;
    margin-top: 13px;
}
.services-umrah-pkg{
	margin-top: 30px;
}
.pkges{
	width: 90%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 10px;
}
.amazingslider-nav-thumbnail-tite-1{
	display: none !important;
}
.booking-umrah-via-trip{
	background: #5F4100;
}
h4{
	font-size: 16px !important;
}
.transportation{
	margin-top: 30px;
}
.Zairats img{
	width: 200px;
	border-radius: 10px;
	border: 1px solid #B4993E;
}
.text-bold {
    font-size: 16px;
}
.mt-90{
	margin-top: 90px;
}
/*end packages css*/


/*start hotel css*/
.hotel-details{
	background: white;
    box-shadow: 0px 0px 10px;
    padding: 10px 10px;
    border: 3px solid #bd9400;
    border-radius: 10px;
}
.booking-price-hotel{
	padding: 10px 10px;
    background: #bd9400;
    color: #fff;
    text-align: center;
    margin-top: 16px;
    margin-right: 10px;
    border-radius: 8px;
}
.flight-hu-mt
	{
		margin-top: -21px !important;
	}
	.flight-carousel
	{
		padding: 0px;
		/*background-image: ('img/Web banner C.png');*/
	}
	.img-height
	{
		height: 309px;
	}

	.card-header-hu {
		padding: .75rem 1.25rem;
		margin-bottom: 0;
		background-color: rgba(0,0,0,.03);
		border-bottom: 1px solid rgba(0,0,0,.125);
		background: #b4993f;
		border-top: 2px solid #423f3f;
		font-family: nexa-bold;
	}


	.flight-head
	{
		font-size: 41px;
		font-family: nexa-bold;
	}

	/* Make the image fully responsive */
	.carousel-inner img {
		width: 100%;
		height: 100%;
	}

  /**********************
  /***** Services *******
  /*********************/

  html {
  	font-family: Lato, 'Helvetica Neue', Arial, Helvetica, sans-serif;
  	font-size: 14px;
  }

  h5 {
  	line-height: 1.2857em;
  	margin: 0;
  }

  .card {
  	font-size: 1em;
  	overflow: hidden;
  	padding: 0;
  	border: 0 !important;
  	border-radius: .28571429rem;
  	box-shadow: 0px 3px 10px #b7b7b7;
  }
  .card .card-group-item{
  	margin-top: 10px;
  	margin-bottom: 10px !important;
  }

  .card-block {
  	font-size: 1em;
  	position: relative;
  	margin: 0;
  	padding-bottom: 15px;
  	padding-top: 4px;
  	border: none;
  	/*border-top: 2px solid rgba(34, 36, 38, .1);*/
  	box-shadow: none;
  	/*text-align: center;*/
  }

  .card-img-top {
  	display: block;
  	width: 100%;
  	height: auto;
  }

  .card-title {
  	font-size: 1.28571429em;
  	font-weight: 700;
  	line-height: 1.2857em;
  }

  .card-text {
  	clear: both;
  	margin-top: .5em;
  	color: rgba(0, 0, 0, .68);
  }

  .card-footer {
  	font-size: 1em;
  	position: static;
  	top: 0;
  	left: 0;
  	max-width: 100%;
  	padding: .75em 1em;
  	color: rgba(0, 0, 0, .4);
  	border-top: 1px solid rgba(0, 0, 0, .05) !important;
  	background: #fff;
  }

  .card-inverse .btn {
  	border: 1px solid rgba(0, 0, 0, .05);
  }

  .profile {
  	position: absolute;
  	top: -12px;
  	display: inline-block;
  	overflow: hidden;
  	box-sizing: border-box;
  	width: 25px;
  	height: 25px;
  	margin: 0;
  	border: 1px solid #fff;
  	border-radius: 50%;
  }

  .profile-avatar {
  	display: block;
  	width: 100%;
  	height: 100%;
  	border-radius: 50%;
  }

  .profile-inline {
  	position: relative;
  	top: 0;
  	display: inline-block;
  }

  .profile-inline ~ .card-title {
  	display: inline-block;
  	margin-left: 4px;
  	vertical-align: top;
  }

  .text-bold {
  	font-weight: 700;
  }

  .meta {
  	font-size: 1em;
  	color: rgba(0, 0, 0, .4);
  }

  .meta a {
  	text-decoration: none;
  	color: rgba(0, 0, 0, .4);
  }

  .meta a:hover {
  	color: rgba(0, 0, 0, .87);
  }

  /*..... table*/
table#t2 {
	border-collapse: collapse;
	border-width: 0;
	border-style: outset;
	margin: 20px 0;
	border: 3px solid #000;
	line-height: 2em;
	text-align: center;
	vertical-align: top;
	width: 100%;
	font-family: nexa;
	margin-bottom: 81px;
	box-shadow: 2px 5px 16px #b4993f;
}
table#t2 thead tr th.t2 {
	color: #06070c;
	letter-spacing: 1px;
	line-height: 1.7;
	font-size: 21px;
	padding: 4px;
	text-transform: none;
	border-bottom: 1px solid white;
	text-align: center;
	background: white;
	border: 2px solid black;
	background: #b4993f;
	font-family: nexa-bold;
}
table#t2 tbody tr.table-alternate {
	background: none repeat scroll 0 0 #fff;
}
table#t2 tbody tr {
	background: none repeat scroll 0 0 #fff;
}

table#t2 tbody tr td {
	padding: 5px;
	border-width: 0;
	color: #669;
	font-size: 18px;
	border-top: medium none;
	padding: 20px;
	text-align: center;
	line-height: 1.4;
	vertical-align: top;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	color: #2b292a;

}
.tabs-hotels-style{
	background: #b4993f;
    color: #fff;
    padding: 8px 10px;
    font-size: 20px;
    margin-right: 20px;
}
#nav-tab a:hover{
    color: #fff;
}
#nav-tab .active{
  background-color: #42403e;
  color: #fff;
}
.modal-btn-makkah-hotels{
	color: #fff;
}
.modal-btn-makkah-hotels:hover{
	color: #fff;
}
.hotel-book-now{
	margin-top: 80px;
  margin-right: 16px;
  background: #bd9400;
  font-size: 16px;
  border: 0;
  color: #fff;
}
.hotel-book-now:hover{
  background: #373534;
  color: #fff;
}
.tab-pane .card-block{
    text-align: center;
}
/*end hotel css*/

/*start index css*/
  .pkg-price-person
  {
    color: white;
    margin-left: 35px;
    margin-top: 22px;
  }
  .pkg-btn-price
  {
    margin-top: 38px;
    margin-left: 46px;
    background: transparent;
    color: white;
    border: 2px solid white;
    padding: 8px 7px;
    border-radius: 3px;
  }

  .btn-modal-close
  {
    background: #b4993f;
    /* width: 20%; */
    padding: 1px;
    border-radius: 8px;
    border: 2px solid #8c7835;
    color: #fefefe;
    font-size: 20px;
    font-family: nexa-bold;
    padding: 5px 30px;
  }
  a:not([href]):hover {
    color: inherit;
    text-decoration: none;
  }
  .modal-service-content{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 4px dashed white;
}
a:not([href]):hover {
  color: white;
  text-decoration: none;
}
.customer-feedback
{
  font-family: nexa-bold;
}
.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: -63px !important;
  bottom: 0;
  z-index: 1;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease;
}

.testimonial-carousel .carousel-control::before {
  font-size: 5rem !important;
  color: rgb(180, 153, 63) !important;
  -webkit-transition: .4s !important;
  transition: .4s !important;
}
*, *::before, *::after {
  box-sizing: border-box;
}
.testimonial-carousel .carousel-control.left::before {
  content: "\2039";
}
.testimonial-carousel .carousel-control.right::before {
  content: "\203a";
}
  .carousel-inner img {
      width: 100%;
      height: auto!important;
  }

  /*end index css*/

/*start about css*/
  .about-head
  {
    margin-top: 64px;
    font-family: nexa-bold;
 }
 .about-p
 {
  padding-bottom: 40px;
  font-family: nexa-bold;

 }
 .about-hr
 {
  border-bottom: 2px solid #a87022;
}
.about-bg-style 
{
  background: beige;
  background-color: #b4993f;
  clip-path: polygon(0 0,109% 0,104% 80%,0 100%);
}
.section-style{
  background: #000000ab;
    padding: 20px 10px;
    color: #fff !important;
    border-bottom: 3px solid #b4993f;
    border-top: 3px solid #b4993f;
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
}
.section-style a{
    color: #b4993f !important;
    font-weight: 800;
    text-decoration: underline;
}
   .about-services-list li{
        list-style: circle;
      }

.img-style-lm{
	display: none;
}
/*end about css*/

	.pkg-subheading2 {
		color: #b4993f;
		font-size: 24px;
		font-family: nexa-bold;
		margin-top: 60px;
		margin-bottom: 30px;
		text-align: left;
	}
	.pkg-subheading2 span{
        float: right;
	}
	
	/*blog css*/
	
	
	
  .pkg-details-blog {
    width: 33%;
    margin: 15px 8px 20px;
    background: transparent;
    border: 3px solid #373534;
    padding: 10px 0px;
    font-size: 12px;
    color: #373534;
    font-weight: 700;
  }
  .pkg-details-blog:hover {
    background: #373435;
    border: 3px solid #b4993f;
    color: #ffffff;
  }
  .blog-description{
    padding: 20px 12px;
  }
  .blog-description p{

    word-break:break-all; 
    width:auto;
  }
  .details{
   background: #373534;
   padding: 8px 8px;
   color: white;
 }
 .details ul{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px!important;
}
.details ul li{
 float:left;
 padding-right:15px;
 font-size: 12px;

}
.details ul li:last-child {
  float: inherit;
}
.text-pkgs2 {
  background: #5F4100;
  padding: 10px 8px;
  color: white;
  width: 100%;
  /* text-align: center; */
}
.text-pkgs2 h3{
font-size:18px;
}

/*blog detail*/
  .blogs-list{
    padding: 0px 6px;
    margin-top: 49px;
  }
  .blogs-list ul{
    overflow-y: scroll;
    overflow-x: hidden;
    height: 500px;
  }
  .blogs-list li{
    box-shadow: 0px 0px 5px #b4993f;
    margin: 8px 0px;
    padding: 8px 0px;
    background: #e9e8e9;
  }
  .blogs-list a{
   text-decoration: none;
   color: #373534;
 }
 .blog-header {
  padding: 10px;
  background: #b4993f;
  color: white;
}
.blog_sideheading {

  font-size: 16px;
  font-weight: bold;
}
.dt-sc-hr-green-title{

 text-align:center;
 font-weight: bold;
 color: #b4993f;
}
.blog-data{

 box-shadow: 0px 10px 10px #c7c7c7;
 margin-top: 50px;
}
.blog-text{

  padding:10px;
}
.current{
    
    color: #b4993f;
    font-size: 14px;
    font-weight: bolder;
    padding: 0px 8px;
}
.previous{
    
        padding: 0px 8px;
        color: #373534!important;
}
.iconstyle{
    
        font-size: 20px;
    color: #373534;
}

/*////*/
.cup{
    background: #373534;
    padding: 7px 10px;
    margin-bottom: 15px;
}
.cup .star-rate{
 float:right!important;
}
.cup h4{
    font-weight: 600;
    color: white;
}
.mh h5{
        height: 57px;
}

.dropdown-menu li a{

font-size:12px!important;

}
.rounded-circle {
    border-radius: 50% !important;
    width: 100px !important;
    height: auto!important;
    margin-bottom: 18px;
}
.sstyle{
    width:49px;
}

.tncc{
    border: 3px solid #ba9431;
    border-radius: 15px;
    padding: 20px 0px 10px 0px;
    background-image: url("img/240.jpg");
    background-size: cover;
}


.mainformstl{
    z-index: 1;
    position: absolute;
    top: 13vw;
    right: 220px;
    width: 500px;
}

.mainformst2{
    width: 80%;
    margin-left: 10%;
    margin-top: 50px;
}

.dn1200s992{
    display: inline-flex;
}

.ds992{
    display: none;
}