@import url('https://fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i');
body{margin:0; padding:0; font-size: 14px;/*font-family: 'Roboto', sans-serif;*/font-family: 'Poppins', sans-serif;
}
.post, .page {
    margin: 0 !important;
}
.pull-left{float:left;}
.pull-right{float:right;}
.hide{display:none;}
p{font-size:14px;}
.main-heading img {
    margin: 0 10px;
}
.main-heading{font-size:36px;margin-bottom: 15px;}
header.main-header{moz-box-shadow: 0px 0px 3px #888888;
    -webkit-box-shadow: 0px 0px 3px #888888;
    box-shadow: 0px 0px 3px #888888;

}
.home header.entry-header {
    display: none;
}
.header-top {
    background: #c0c0c0;
}
header div{margin:0;}

.menu-homepage-container {
    float: right;
}

 ul#primary-menu li > a {
    color: #656565;
    padding: 0 15px; text-transform:uppercase; font-size:14px; font-weight:500;
}
ul#primary-menu li ul ul{
    background: #2a2a2a;
}
ul#primary-menu li ul li > a {
    padding: 10px 10px;
    text-align: left;
    color:#fff;
}
ul#primary-menu li ul li:not(:last-child) >a {
   border-bottom: 1px solid #c0c0c0;
}
.sub-menu .pull-right.package-items {
    display: none;
}
.page-id-12000 h1.entry-title,
.page-id-19 h1.entry-title {
    color: #ff0101;
}
@media(min-width:768px){
 ul#primary-menu > li> a {
     line-height: 66px;
 }
}


ul#primary-menu li.current-menu-item a{
    color: #fff;
    background: #2f3191;
}
ul#primary-menu li a:hover{ background:#ec1d24;color: #fff;}
header .container-fluid{padding:0;}
ul.social-content {
    list-style: none;
    padding: 0;
    margin: 0;float:right; line-height:34px;
}
ul.social-content li{display:inline-block;font-size: 16px;    margin: 0 5px;}
ul.social-content li a{font-weight:700;}
footer ul.social-content li {
    display: inline-block;
    font-size: 14px;
    margin: 0 5px;
    line-height: 16px;
}
ul.social-content li:nth-child(odd) a{color:#2e3190;}
ul.social-content li:nth-child(even) a{color:#ec1d24;}
ul.social-content li:last-child a { color: #fff;}

.flash{/*float:right;margin-left:15px; */ float:left; margin-right:10px; background:#ec1d24; }
.flash a{
    display: inline-block;
    padding: 5px 10px;
    height: 36px;
    font-family: roboto;
    font-weight: 600;
    font-size: 14px; line-height:26px;
    animation: blinkingText 2.5s infinite; color:#fff;
}
.flash a {
    color: #fff !important;
    text-decoration: none;
}
.flash a:visited{color:#fff;}
.top-social{margin-top:8px; float:left;}
.top-email{margin:8px 0 0 10px; float:left; font-size:14px;}
.top-email a, .top-email a:visited{color:#2e3190;font-weight: 600;}
.top-social a{transition:all ease-in-out 0.3s;}
.top-social a i{font-size:20px;}
.header-top .top-social a:after {
    background: #fff;
    float: left;
    content: ".";
    position: absolute;
    z-index: 0;
    height: 15px;
    margin-top: 3px;
    width: 14px;
    left: 1px;
    color: transparent;
}
.header-top .top-social a{position:relative;}
.header-top .top-social a i {
    position: relative;
    z-index: 1;
}
i.fab.fa-facebook {
    color: #3a5a97;
}

.header-top i.fab.fa-facebook:hover{color:#1f3e77;}
.header-top i.fa-twitter-square:hover{color:#09a0dc;}
.header-top i.fa-google-plus-square:hover{color:#c7391a;}

i.fa-twitter-square{ color: #31c2fb;}
i.fa-google-plus-square{ color: #d75033;}
.site-logo img {
    width: 237px;
    margin-top: 5px;
}


.call-back-request {
    background: #020f43;    padding: 18px 0 13px;
}
.call-back-request h2 {
    color: #fff;
    margin-bottom: 0px;
    font-size: 16px;
    display: inline-block;
    line-height: 22px;
    margin: 0 !important;
    font-weight: normal;
    text-align: left;
    width: 100px;
}
span.area-code {
    background: white;
    color: black;
    padding: 16px 8px 8px 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.call-back-request  p.response {
    flex: 0 0 100%;
}
.enq-form p.sender-name.capcha {
    width: calc(100% - 70px);
    float: left;
    margin: 0;
}
p.sender-name.capcha-img {
    float: left;
    width: auto;
    background: #fff;
    padding: 8px 9px 3px 0px;
    margin-left: 0px;
    height: 44px !important;
}

.enq-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.enq-form .capcha{width:255px;}
.enq-form .g-recaptcha {
    margin: -16px 0px 0 -18px;
    transform: scale(0.7);
    width: 100%;
	
	/*transform: scale(0.7);
    -webkit-transform: scale(0.7);
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0;*/
}
p.county-phone-number {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
}

.call-back-request p{margin-bottom:0;}
.call-back-request p.sender-name input, .call-back-request p.sender-phone input {
    width: 100%;
    padding: 10px 16px;
    margin-bottom: 0;
}
.call-back-request input[type="submit"] {
    background-color: #ec1d24;
    border-color: #ec1d24;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 14px 16px !important;
}
span.wpcf7-not-valid-tip { font-size: 13px !important;}
input[type="submit"]{cursor:pointer;}
.hotels img, .flights img {
    margin: 0 8px;
}
.feature-media-content img {
    margin-bottom: 15px;
}

.home-box {border:1px solid #fff; padding:10px; margin-top:15px; background:#e9e5d7;    box-shadow: 0 0 2px #888;}
.box-icon { float:left;}
.box-content {float:right; width:70%; font-size:13px;}
.box-content a {
    display: block;
}
.bottom-widget-blocks {
    margin-top: 40px;    font-size: 14px;
    line-height: 18px;margin-bottom: 15px;
}
.bottom-widget-blocks h2.widget-title {
    font-size: 22px;
    font-weight: 700;    margin-bottom: 20px;
}
iframe#twitter-widget-0{height:490px !important;}
iframe#twitter-widget-0 p.timeline-Tweet-text {
    font-family: 'Roboto', sans-serif !important;
}
.multiple-items {
    margin-bottom: 15px !important;
}
h1.title {  color: #2e3190;}
.text-center.testi-author {
    margin: 20px 0;
}
.packages-main {
    padding:40px 0 20px 0;
    background: #236bb3;
    
}
.packages-main h3{
color: #fff; margin-bottom:15px;
}
.packages_info {
    background: #2e3190;
    color: #fff;
    padding: 10px 12px;
    font-size: 14px;
    margin-bottom: 15px;
}
.best-destinations .packages_info {
    background: #fff;
    color: #000;
    padding: 0;
    line-height: 36px;
    font-size: 16px;
    text-transform: uppercase;
}
.blogs-main {
    background: #f8f8f8;
    padding: 30px;
    margin-bottom: 30px;
}
.blogs-main .slick-prev:before, 
.blogs-main .slick-next:before{color:#000;}
.blogs-main .slick-slide img{margin-bottom:10px;}

.blog-archives {
    display: flex;
    justify-content: space-between;
	width: 100%;
}
.blog-archives .row {
    width: 100%;
}
.blog-post {
    border: 1px solid #ccc;
	margin-bottom:25px;padding: 10px;
}
.blog-post img{
	margin-bottom:10px; border:1px solid #ccc;
}
.blog-post .entry-title{margin-bottom:0; min-height:52px;}
.blog-post .entry-meta,
.blog-post .entry-footer {
    font-size: 13px;
}
.blog-post .entry-content,
.blog-post .entry-footer{margin-top:10px;}

/**Pagination**/
.post_pagination {text-align: center;}
.post_pagination a{background:#fff; color:#808080}
.post_pagination a:hover{background:#efefef; color:#808080}
.post_pagination span.current {background: #ec1d25; border:1px solid #ec1d25 !important; color: #fff;}
.post_pagination a, .post_pagination span.current { padding: 7px 10px; display: inline-block; text-decoration: none; border-radius: 4px;   margin-right: 5px; border:1px solid #ccc;}


nav.navigation.posts-navigation {
    width: 100%;
	padding:0 15px;
}
.blog-archive-header{width:100%; }
.package-items a {
    background: red;
    margin-left: 8px;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
	transition:all ease-in-out 0.3s;
}
.package-items a:hover{background:#cc0000;color:#fff; text-decoration:none;}
.package-items a:visited{color:#fff;}
footer.site-footer{color:#fff;padding-top: 30px;}
footer.site-footer ul{margin:0; padding:0;    list-style: none;}
footer.site-footer h4{font-size:20px;    margin-bottom: 18px;}
footer.site-footer{background:#333}

footer.site-footer ul.menu li {
    border-bottom: 1px solid #464646; line-height:28px;
}
footer.site-footer ul.menu li:last-child{border:0;}
footer.site-footer .copyright{background:#333;margin-top: 20px;}

footer.site-footer ul li a {
    color: #bdbdbd;
    font-size: 14px;
}
footer.site-footer .copyright {
    background: #282828;
    padding: 8px 0;
    font-size: 13px;
}
.footer-content p {
    margin-bottom: 10px;
}
.foot-4 .top-social a i {
    font-size: 30px;
    color: #b3b3b3;
}
.foot-4 .top-social a:hover i {
    color: #fff;
}
.foot-4 ul{float:left;}
.foot-4 ul.social-content li a {
    color: #bdbdbd !important ;
}



.posts-single {
    justify-content: space-between;
}
.post-sidebar section#recent-posts-2 {
    background: #f1f1f1;
    padding: 15px;
}
.post-sidebar section ul{margin:0;}














h1 a.download-btn {float: right;}
.download-btn {font-size: 16px; font-weight: 600; background: #ec1d25; padding: 10px 15px; border-radius: 4px; color: #fff; transition:all ease-in-out 0.3s;}
.download-btn:hover{background: #cc060e; color: #fff;}
.page-template-umrah-packages .packages-title {
    display: flex;
    flex-direction: row;
}

.page-template-umrah-packages .packages-title h1 {
    width: auto !important;
    float: none;
}

.page-template-hajj-packages header.entry-header,
.page-template-destinations header.entry-header,
.page-template-umrah-packages header.entry-header,
.page-template-december-umrah-package header.entry-header,
.page-template-ramadan-umrah-package header.entry-header{display:none;}

.page-template-destinations .package_title{
border: 1px solid silver;
border-top: 0;

}







.blog-img {
    min-height: 256px;
    max-height: 256px;
    overflow: hidden;
}
.header-content h1 {
    margin-top: 12px;
}
.win-free-umrah{
    margin-bottom: 30px;
}
.win-free-umrah .enq-form h2{
    text-align: center;
}


.win_umrah .form.wpcf7-form .enq-form div.form-input{
    flex: 1 1 100%;
}



.win_umrah form.wpcf7-form .enq-form div.form-input {
    flex: 1 1 100%;
}

.win_umrah h2 {
    color: white;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    text-align: center !important;
    margin: 0 auto 1rem;
}

.win_umrah input[type="submit"] {
    margin-top: 0 !important;
}

.win_umrah form.wpcf7-form .enq-form div.form-input input{
	margin-bottom:1rem;
}