body{
overflow-x: hidden;
}
*{font-family: Open sans;  }

.c-dib_ > * { display: inline-block; }
.txt-sline { white-space:nowrap; }
.c-mw-50p > * { max-width: 47% !important; }
.op87-100 { opacity: 0.87; }
.op87-100:hover { opacity: 1.87; }


a{text-decoration: none !important; }
.android_query{
	margin-left: 20px;
}
.bkground {
background-color: #000000;
}
.bkground p {
color: #cccccc;
font-size: 11px;
font-family: Open sans;
font-style: italic;
padding-top:14px;
margin-bottom: 0;
}
.bkground a {
color: #ffffff;
font-size: 11px;
font-family: Open sans;
padding: 10px;
padding-top: 6px;
}
.bkground img {
padding: 10px;
}
.bkground ul{
float: right;
margin-bottom: 0;
padding: 9px 0;
}
.bkground ul li{
display: inline-block;
list-style-type: none;
}
.bkground ul li a{
color:#ccc;
font-size: 11px;
font-family:Open sans;
padding-left:16px;
}
.bkground ul li a:hover{
color:#3ab6be;
text-decoration: none;
}
.bkground ul li i{
color: #fff;
font-size: 16px;
}
.bkground ul li .fa-search {
padding-left: 10px;
font-size: 12px;
color:#ccc;
}
.bkground ul li  .fa-facebook:hover{
color: #29487d;
}
.bkground ul li .fa-twitter:hover{
color: #1da1f2;
}
.bkground ul li .fa-linkedin:hover{
color: #287bbc;
}
.bkground ul li  .fa-youtube-play:hover{
color: hsl(0, 100%, 50%);
}
.navbar-nav li{
padding: 0 1px;
}
.flt_rite {
float: right;
}
.ntd {
background-color: #ffffff;
padding: 30px;
padding-top: 0;
}
.ntd h2 {
font-size: 24px;
font-weight: 600;
text-align: right;
padding-right: 20px;
}
.frs {
border-right: 3px solid #46c2ca;
}
.algn {
border-right: 3px #46c2ca;
}
.ntd span {
color: #46c2ca;
}
.ntd p {
font-size: 13px;
color: #666666;
}
.blog-back {
background-color: #ffffff;
}
.blog-back h4 {
text-align: center;
color: #000000;
font-weight: 600;
font-size: 22px;
font-family: open sans;
}
.blog-back hr {
height: 4px;
background-color: #46c2ca;
width: 50px;
}
.gall {
padding: 30px;
}
.ims {
margin-bottom: 20px;
}
.ims > .col-sm-3{
position: relative;
}
.dropdown .fa-user-o{
	color: #da3451;
}
.banner {
background: url(../images/banner_02.png) no-repeat center center;
background-size: 100% auto;
background-position-y: 0;
}
.banner .cyber-security h1 {
font-size: 40px;
text-transform: uppercase;
color: #000;
font-weight: 700;
}
.banner .top-banner {
padding-top: 14%;
}
.banner .cyber-security p {
color: #000;
font-size: 14px;
line-height: 5px;
}
.banner .cyber-security button {
text-align: center;
padding: 11px 0;
min-width: 140px;
color: #fff;
background-color: #ed3644;
border: none;
text-align: center;
margin-top: 20px;
font-size: 14px;
cursor: pointer;
}
.banner .about-us {
text-align: center;
padding-top: 20%;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
}
.about-us h5 {
text-transform: uppercase;
font-size: 13px;
color: #fff;
font-weight: 600;
text-align: left;
}
.about-us p {
font-size: 12px;
color: #90dadf;
display: block;
}
.about-us .black_back {
background-color: rgba(0, 0, 0, 0.5);
}
.banner .border h5 {
border-right: 1px solid #fff;
}
.border {
display: inline-block;
width: 100%;
}
.banner .about-us span {
font-weight: 600;
}
.banner .about-us p {
font-size: 12px;
color: #90dadf;
display: inline;
padding: 0px 10px 0;
}
.services h2 {
font-size: 22px;
color: #000;
padding-bottom: 5px;
font-weight: 600;
padding: 10px 0 0px;
text-transform: uppercase;
}
.services hr {
background-color: #46c2ca;
width: 50px;
height: 3px;
margin-left: 0;
}
.services img {
width: 100%;
}
.services p {
font-size: 15px;
color: #666666;
padding: 10px 0 10px;
}
.services_top {
padding-top: 30px;
margin-bottom: 75px;
}
.services_top:hover .img_gallery_project {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 9px 13px 24px;
}
.services_top .img_gallery_project {
position: absolute;
bottom: 0;
overflow: hidden;
width: 92%;
height: 191px;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.services_top .img_gallery_project h5{
display: none;
font-size: 14px;
color: #fff;
position: absolute;
top: 50%
}
.services_top .img_gallery_project:hover h5{
display: block !important;
}
.multiple-items{
overflow-x: hidden;
}
.project {
background: url(../images/blueback_02.png) no-repeat center center;
background-size: 100% 100%;
background-size: 100% auto;
background-position-y: 0;
}
.project h2 {
font-size: 22px;
font-weight: 600;
color: #fff;
padding: 15px 0 15px;
}
.img_gallery_project {
position: absolute;
bottom: 0;
overflow: hidden;
width: 89%;
height: 0;
-webkit-transition: .5s ease;
-o-transition: .5s ease;
transition: .5s ease;
}
.img_gallery_project h5 {
font-size: 13px;
color: white;
}
.ims > .col-sm-3:hover .img_gallery_project {
background-color: rgba(0, 0, 0, 0.7);
color: #fff;
padding: 9px 13px 24px;
}                           /** my-galery**/
.my-galery {
/*background: url(../images/background.png);*/
width: 100%;
padding: 30px 0;
}
.my-galery .clien_p{
background-color: transparent;
border-radius: 0;
padding: 10px 0;
margin-bottom: 0;
text-align: center;
}
.clien_p img{
margin:  0 auto;
}
.my-galery .jumbotron img {
margin-right: 20px;
padding-top: 10px;
}
.clien_p span{
	margin:  0 auto;
	color: #b3001f;
	font-weight: 700;
	font-size: 42px;
	}
.my-galery .clien_p h3 {
font-size: 22px;
padding-top: 13px;
color: #000;
line-height: 20px;
text-transform: uppercase;
}
.my-galery .clien_p p {
font-size: 14px;
color: #000;
}
*:focus{
outline: none !important;
}
/** GALLERY **/
.Gallery .jumbotron {
border: 1px solid #ccc;
border-radius: 0;
background-color: #fff;
padding: 0;
margin-bottom: 0;
}
.Gallery .jumbotron img {
float: left;
margin-right: 20px;
}
.Gallery .jumbotron h3 {
font-size: 14px;
padding-top: 13px;
color: #000;
padding-right: 10px;
font-weight: 500;
line-height: 20px;
}
.Gallery .jumbotron p {
font-size: 13px;
color: #666;
padding-right: 10px;
margin-bottom: 0;
}
.Gallery i {
font-size: 13px;
color: #46c2ca;
}
.read_more{
margin-top: 20px;
display: block;
}
.Gallery span {
font-size: 13px;
color: #46c2ca;
padding-left: 3px;
font-family: Myriad Pro Regular;
}
.Gallery .my-company {
padding: 25px 0;
}
.Gallery .my-company .company img {
float: left;
}
.Gallery .my-company .company {
padding-top: 20px;
}
.Gallery .my-company .jquery {
padding-top: 20px;
}
.Gallery .my-company .cb2 {
padding-top: 20px;
}
.Gallery .my-company .digital {
padding-top: 20px;
}
.Gallery h2 {
text-align: center;
color: #000000;
font-weight: 600;
font-size: 22px;
font-family: open sans;
padding-top: 25px;
}
.our_new_project{
text-align: center;
}
hr {
height: 4px;
background-color: #46c2ca;
width: 50px;
}
.Gallery {
padding: 30px;
}
.Gallery .last_hr {
background-color: #ccc;
width: 100%;
height: auto;
}
.latest_media {
padding-top: 32px;
padding-bottom: 50px;
}
/** MEDIA QUERY **/
@media only screen and (max-width: 992px) {
.footer_back .address p {
line-height: normal;
}
}
                                 /**Header Bottom**/
.header-bottom p {
font-size: 17px;
font-weight: bold;
color: #000000;
padding-top: 30px;
}
.header-bottom .pakistan img {
float: right;
padding-top: 10px;
margin-bottom: 10px;
}
.mail-tender .fa-share-alt {
margin-right: 9px;
color: #f28c08;
font-size: 20px;
border: 2px solid #0082c1;
padding: 4px;   
border-radius: 50%;
height: 35px;
width: 35px;
text-align: center;
padding-top: 6px;
}
.mail-tender .fa-share-alt:hover{
border: 2px solid #f28c08;
-webkit-transform: rotate(360deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.mail-tender .fa-facebook {
color: #110583;
font-size: 18px;
padding: 0 10px;
}
.mail-tender .fa-facebook:hover{	  
-webkit-transform: rotate(360deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.mail-tender .fa-twitter{
color: #2ca7df;
font-size: 18px;
padding: 0 4px;
}
.mail-tender .fa-twitter:hover{	  
-webkit-transform: rotate(360deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.mail-tender .fa-circle{
color: #000ec1;
font-size: 14px;
padding: 0 4px;
}
.mail-tender a#dt-h:hover .fa-circle{	  
-webkit-transform: rotate(180deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.mail-tender .fa-envelope {
margin-right: 9px;
color: #ec4050;
font-size: 22px;
background:#e2eaf1;
padding: 4px;   
border-radius: 50%;
height:40px;
width: 40px;
text-align: center;
padding-top: 7px;	  
}
.mail-tender .list-inline li i {
-webkit-transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.mail-tender .fa-phone {
margin-right: 9px;
color: #ec4050;
font-size: 26px;
background:#e2eaf1;
padding: 4px;   
border-radius: 50%;
height:40px;
width: 40px;
text-align: center;
padding-top: 7px;  
}
.mail-tender .fa-calculator {
margin-right: 9px;
color: #ec4050;
font-size: 22px;
background:#e2eaf1;
padding: 4px;   
border-radius: 50%;
height:40px;
width: 40px;
text-align: center;
padding-top:9px;  
}

.mail-tender span {
color: #333;
font-size: 14px;
vertical-align: text-top;
}
.mail-tender a{
text-decoration: none;
color:#0d6299;
font-size:14px;
}
.mail-tender a span{
text-decoration: none;
color:#0d6299;
font-size:14px;
}
.list-inline li:hover i{	 
-webkit-transform: rotate(360deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.list-inline li a:hover span{
 color:#f28c08;
}
.header-bottom .list-inline-item:not(:last-child) {
margin-right:5px;
}
.top-header{
width:100%;
padding:0 0;
background:#232b6a;
}
p.tagline{
color:#fff;
font-size:11px;
padding:11px 0;
margin:0;
font-weight:normal;
}
                       /* ************************************/
.donate_btn{
 float:right;
 padding:0;
 width:144px;
	height:38px;
 position:relative;
}
.donate_btn a{
background: #ed3644;
color: #ffffff;
padding:0;
font-size:20px;
font-weight:bold;
text-align:center;
width:144px;
height:46px;
line-height:46px;
position:absolute;
right:0;
top:0;
text-transform: uppercase;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
.donate_btn a:hover{
background-color: #f59d13;
color: #ffffff;
height:39px;
font-size:18px;
line-height:39px;
border-radius:0;
}
.social-links{
float:right;
padding:0;
margin:0 5px 0 0;
list-style:none;
}
.social-links li{
position:relative;
padding:0;
width:50px;
height:38px;
float:left;
}
.social-links li a{
position:absolute;
padding:0;
top:11px;
left:0;
width:40px;
height:40px;
text-align:center;
color:#fff;
z-index:99;
background:#232b6a;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.social-links li a i{
font-size:19px;
width:30px;
height:30px;
padding:3px;
padding-top:5px;
margin-top:5px;
border:1px solid #fff;
border-radius: 50%;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.social-links li a:hover{
height:30px;
}
.social-links li a:hover i{
border:1px solid #f59d13;
background:#f59d13;	
}
.right-hdr{
float:right;
position:relative;
right:-13px;
}
.btm-descrpt{
padding:25px 15px 0 15px;
}
.btm-descrpt p{
font-size:14px;
}
p.tagline-b{
font-size:15px;
color:#232b6a;
padding:0;
font-weight:600;
margin:0 0 3px 0;
}
.btm-descrpt h5{
font-size:20px;
color:#000;
margin-bottom:13px;
}
.btn-more{
 width:100%;
 text-align:center;
}
.col-events-info .btn-more{
 width:100%;
 text-align:left;
}
.events-section {
 width:100%;
 padding: 0 0 45px 0;
}
                                /************************************/
.header-bottom .list-inline {
float: right;
}
.pakistan .btn-login {
background: #f28c08;
color: #ffffff;
padding: 10px 30px;
border-radius:5px;
font-size: 14px;
position:relative;
-webkit-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease; 
-webkit-box-sizing: border-box; 
        box-sizing: border-box;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
}
.navbar-light .navbar-nav .nav-link {
font-size: 13px;
color: #ffffff;
position:relative;
font-weight: 600;
text-transform: capitalize;
padding: 11px 16px;
-webkit-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;

}
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .open > .nav-link {
color: #ffffff;
background-color: #b3001f;

}
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
color: #ffffff;
background-color: #b3001f;

}



.navbar-light {
z-index: 999;
width: 100%;
background: #fff;
opacity: 1;
background-color: #000;
padding: 0 20px;
}
.header-bottom .pakistan .list-unstyled {
float: right;
margin-top: 40px;
}
.navbar-toggleable-md  input{
float: right !important;
display: inline-block;
}
.navbar-toggleable-md ul{
width: 100%;
}
.navbar-toggleable-md form{
border-left: 1px solid #ffffff;
}
.navbar-toggleable-md .form-control{
color: #ffffff;
border: none;
background-color: transparent;
font-size: 14px;
}
.navbar-toggleable-md  input::-webkit-input-placeholder {
color: #ffffff;
}
.navbar-toggleable-md  input:-ms-input-placeholder {
color: #ffffff;
}
.navbar-toggleable-md  input::-ms-input-placeholder {
color: #ffffff;
}
.navbar-toggleable-md  input::placeholder {
color: #ffffff;
}
.navbar-toggleable-md  .fa-search{
position: absolute;
right: 15px;
color: #ffffff;
}
/**Header Bottom**/
.myslider {
width: 100%;
}
.top_slid {
position: relative;
}
.top_slid img {
width: 100%;
}
.top_slid .parah {
position: absolute;
top:44%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%;
}

.top_slid .parah h1 {
width:390px;
border: none;
padding:0;
line-height:51px;
font-size:43.55px;
font-weight:700;
color: #fff;
}
.top_slid .parah h1 span{
font-size:51px;
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
display:inline-block;
background:#f5a528;
padding:10px;
line-height:51px;

-webkit-transition: all 500ms ease;

-o-transition: all 500ms ease;

transition: all 500ms ease; 
-webkit-box-sizing: border-box; 
        box-sizing: border-box;

-webkit-transition: 0.5s;

-o-transition: 0.5s;

transition: 0.5s;
}

.top_slid .parah p {
width:370px;
border: none;
margin:21px 0 0 0;
padding:0;
line-height:19px;
font-size:19.39px;
color: #fff;
}

.imgs {
position: relative;
}
.slick-active.firstanimationset h3 {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 1;
-webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 1;
-webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
 transform: none;
}
}
.slick-active.firstanimationset p {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 1;
-webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
 transform: none;
}
}
.slick-active.firstanimationset button {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
 transform: none;
}
}
.slick-active.secoundanimationset h3 {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
 transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
 transform-origin: left bottom;
-webkit-transform: none;
 transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
 transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
 transform-origin: left bottom;
-webkit-transform: none;
 transform: none;
opacity: 1;
}
}
.slick-active.secoundanimationset p {
opacity:1;
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}

@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
 transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
 transform: none;
}
}
.slick-active.secoundanimationset button {
opacity:1;
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
.our-project-slider {
background: url(../images/blueback_02.png);
width: 100%;
padding: 35px 0;
}
.our-project-slider h2 {
color: #fff;
font-size: 22px;
text-transform: uppercase;
}
.our-project{
position: relative;
}
.services .new_slider {
position: absolute;
top: 70px;
height: 191px;
opacity: 0.8;
background-color: #000;
width: 92%;
}
.services .new_slider p {
color: #fff;
padding: 8px 15px;
position: absolute;
bottom: 0;
font-size: 13px;
margin-bottom: 0;
}
.our-project{
background-color: #fff;
border-top: 1px solid #dadada;
}
.our-project-slider .multiple-slider p {
color: #fff;
padding: 8px 15px;
position: absolute;
bottom: 0;
font-size: 13px;
margin-bottom: 0;
}
.our-project-slider .slider-button {
text-align: center;
clear: both;
}
.our-project-slider .slider-button button {
min-width: 142px;
text-align: center;
border: none;
font-size: 14px;
color: #fff;
background-color: #ed3644;
padding: 6px 0;
margin: 0 auto;
margin-top: 30px;
}
.our-project-slider .slider-button button:hover{
background-color: #9c0f1a;
}
.our-project-slider .row {
padding-bottom: 30px;
}
.our-project-slider .tab span {
color: #999;
padding-left: 15px;
}
.our-project-slider .tab {
overflow: hidden;
float: right;
}
.our-project-slider .tab button {
background-color: transparent;
float: left;
border: none;
outline: none;
cursor: pointer;
padding: 14px 8px;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
font-size: 13px;
color: #999;
}
.our-project-slider .tab button:hover {
background-color: transparent;
}
.our-project-slider .tab button.active {
color: #46c2ca;
}
.our-project-slider .tabcontent {
display: none;
padding: 6px 0;
-webkit-animation: fadeEffect 1s;
animation: fadeEffect 1s;
clear: both;
padding-top: 30px;
}
@-webkit-keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeEffect {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.first_ani{
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.first_ani > div {
position: relative;
}
#Current{
display:block;
margin-top: 40px;
}
/** Footer Hover affects **/
.footer_back .Follow-us .fa-facebook:hover{
background-color: #29487d;
}
.footer_back .Follow-us .fa-twitter:hover{
background-color: #1da1f2;
}
.footer_back .Follow-us .fa-youtube:hover{
background-color: hsl(0, 100%, 50%);
}
.footer_back .Follow-us .fa-google-plus:hover{
background-color:#db4437;
}
.myslider{
overflow-x:hidden;
}
.ticker_back{
background-color: rgba(0, 0, 0, 0.5);
float:left;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.ticker_back .latest p{
color:#fff;
font-size:13px;
display:inline-block;
line-height:40px;
margin-bottom: 0;
}
.ticker_back .latest::after {
content: '';
display: inline-block;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-bottom: 7px solid #fff;
border-bottom-color: #fff;
position: absolute;
top: 15px;
left: 100%;
margin-left: -2px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.ticker_back .latest{
border-right:3px solid #fff;
display:inline-block;
float: left;
width: 9%;
max-width: 100px;
position: relative;
}
.ticker_back .news{
float:left;
width:91%;
overflow-x: hidden;
}
.ticker_back .news ul{
margin-bottom:0;
}
.ticker_back .news li{
list-style:none;
float:right;
padding: 0 9px;
line-height: 40px;
}
.ticker_back .news li a{
color:#90dadf;
text-decoration:underline;
font-size:13px;
}
.hedr_b span a{
color:#ec971f;
}
.navContainer {
position: absolute;
width: 100%;
left: 0;
padding: 0 15PX;
bottom: -33px;
}
.paperrelease{
float: left;
width: 68%;
padding-left: 20px;
}
.new_img{
float: left;
width: 32%;
}
.zakat_slider{
background : url(../images/sponsors-bg.jpg);
height: 530px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
text-align: center;
}
.zakat_slider h2{
color: #ffffff;
font-size: 40px;
font-weight: 500;
padding-bottom: 40px;
font-family: 'Aleo', serif;
}
.zakat_slider p{
color: #ffffff;
font-size: 14px;
line-height: 22px;
padding-top: 10px;
font-weight: 600;
}                                              /** IMAGE SECTION **/
.blog-back {
background-color: #ffffff;
padding-top: 30px;
padding-bottom: 30px;
}
.blog-back h4 {
text-align: center;
color: #000000;
font-weight: 600;
font-size: 22px;
font-family: 'Aleo', serif;
}
.blog-back hr {
height: 3px;
background-color: #f28c08;
width: 15%;
}
.gall {
padding: 30px 0 0px;
padding-bottom: 10px;
}
.ims {
margin-bottom: 20px;
}
.ims.gallery .mng-g{
position: relative;
margin-bottom:30px;
}
.ims.gallery .mng-g img {
opacity:1;
-webkit-transition: all 0.5s ease-in;
-o-transition: all 0.5s ease-in;
transition: all 0.5s ease-in;
}
.ims.gallery .mng-g:hover img {
opacity:0.5;
}
                          /* ****************/
.img_gallery_project {
position: absolute;
bottom: 0;
overflow: hidden;
width: 40%;
height:20px;
opacity:0;
-webkit-transition-property: width;
-o-transition-property: width;
transition-property: width;
-webkit-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
        transition-duration: 0.5s;
-webkit-transition-timing-function: linear;
     -o-transition-timing-function: linear;
        transition-timing-function: linear;
}
.img_gallery_project  h5{
font-size: 14px;
}
.ims.gallery .mng-g:hover .img_gallery_project {
background: rgba(0, 0, 0, 0.7);
color: #fff;
display:block;
height:40px;
width:100%;
padding:11px 15px 11px 11px;
opacity:1; 
}
.services_top {
padding-top: 30px;
}
                /** IMAGE GALLERY **/
.bdate {
position: relative;
}
.bdate .blogdate{
position: absolute;
top: -21px;
left: 13px;
color: #ffffff;
}
.bdate .blogdate h3{
background-color: #4665bc;
margin-bottom: 0;
padding: 14px 19px;
font-size: 22px;
}
.bdate .blogdate p{
background-color: red;
text-align: center;
font-size: 14px;
color: #ffffff;
background-color: #323232;
padding: 8px 0;
}
.img-gallery h4 {
text-align: center;
color: #000000;
font-weight: 600;
font-size: 22px;
font-family: open sans;
}
.img-gallery hr {
height: 2px;
background-color: #3955a5;
width: 50px;
}
.newstitle{
padding-left: 26%;
padding-top: 16px;
}
.newstitle h3{
font-size: 20px;
font-weight: 600;
margin-bottom: 5px;
color: #323232;
font-family: open sans; 
}
.newstitle p{
font-size: 13px;
line-height: 22px;
color: #666666;
font-family: open sans;   
}
                                 /** BLOG**/
.blog{
margin:0 auto;
font-size:25px;
margin-top:40px;
margin-bottom:30px;
width: 100%;
}
.blog .col-sm-4{
background-color:#fff;
}
.blog h2{
color:#000000;
font-weight:600;
font-family:Open Sans;
text-align: center;
margin-bottom: 15px;
font-size:30px;
text-transform:uppercase;
}
.blog p{
font-size:12px;
color:#888888;
text-align:center;
padding-bottom: 18px;
display: table;
margin: 0 auto;
}



/*************************** gmd style from here *********************/

.volunteer-section{
width:100%;
padding:59px 0;
}
.volunteer-section:after{
clear:both;
display:block;
content:"";
}
.inner-volunt{
width:100%;
height:100%;
padding:0;
margin:0;
position:relative;
}
.volunt-bg{
background : url(../img/volunteer-img.jpg);
height:300px;
width: 100%;
background-repeat: no-repeat;
background-size: cover;
text-align: center;	
}
.volunt-thumb{
width:100%;
text-align:center;
margin:30px 0 25px 0;
float:left;
}
.volunt-bg h2{
font-size:30px;
font-weight:600;
margin:0 0 15px 0;
text-transform:uppercase;
}
.volunt-bg p{
font-size:16px;
color:#666;
}
.btn-more a{
padding:0 20px;
height:34px;
display:inline-block;
line-height:34px;
text-align:center;
background:#f28c08;
color:#fff;
margin:0 auto;
border-radius: 5px;
}
.btn-more a:hover{
background:#ed3644;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
padding:0 25px;
}
.event-inner{
background:#e2eaf1;
width:100%;
padding:25px 0;
position:relative;
}
.event-inner:after{
clear:both;
display:block;
content:"";
}
.col-event-date{
width:20%;
float:left;
padding:0;
}
.col-event-pic{
width:30%;
float:left;
padding:0;
}
.col-events-info{
width:49%;
float:left;
padding:0 1% 0 0;
}
.date1, .date2{
width:100%;
text-align:center;
padding:0;
color:#000;
display:block;
font-size:14px;
}
.date1 span, .date2 span{
font-size:53px;
color:#ed3644;
font-weight:900;
display:block;
text-align:center;
line-height:55px;
}
.col-events-info p{
color:#666;
font-size:14px;
}
.col-events-info p.date-evn{
font-weight:600;
padding:0 0 5px 0;
margin:0;
color:#ed3644;
}
.col-events-info h3{
color:#000;
font-size:20px;
line-height:21px;
}
.event-inner .btn-more{
display:block;
}
.events-section .carousel-indicators li{
background:#999;
height:10px;
width:10px;
border-radius:50%;
-webkit-box-flex:0;
    -ms-flex:0 auto;
        flex:0 auto;
max-width:inherit;
}
.events-section .carousel-indicators .active{
background:#232b6a;
}
.events-section .carousel{
padding-bottom:65px;
}
.events-section .carousel-indicators{
 bottom:0;
 margin:0;
}
.video-section{
 width:100%;
 padding:0;
}
.video-section:after, .ab-info-section:after{
 clear:both;
 display:block;
 content:"";
}
.video-section im{
 width:100%;
}
.ab-info-section{
 width:100%;
 padding:65px 0 55px 0;
}
.about-inner{
 width:100%;
 padding:11px 0 0 0;
 float:left;
}
.about-inner img{
 margin-bottom:17px;
}
.about-inner p{
 color:#666;
 font-size:14px;
}
.ab-info-section hr{
 float:left;
 margin-top:7px;
 background:#232b6a;
}
.ab-info-section h4{
 font-size:30px;
 text-transform:uppercase;
 font-weight:600;
}
.infor-list-outer{
 width:100%;
 padding:0;
 float:left;
 margin-top:11px;
}
.infor-list-outer:after{
 clear:both;
 display:block;
 content:"";
}
.infor-list{
 width:100%;
 background:#e2eaf1;
 padding:21px 0;
 float:left;
}
.infor-icon{
 width:24%;
 float:left;
 text-align:center;
 padding:0;
}
.infor-info{
 float:right;
 width:73%;
 padding:0 3% 0 0;

}
.infor-info h5{
 color:#000000;
 font-size:20px;
 font-weight:600;
 padding:0;
 margin:0 0 11px 0;
}
.infor-info p{
 color:#666;
 font-size:14px;
 padding:0;
 margin:0 0 7px 0;
}
.infor-info a{
 color:#f28c08;
 font-size:12px;
 padding:0;
 font-weight:600;
 margin:0 0 5px 0;
 text-decoration:none;
}
.infor-info a:hover{
 text-decoration:underline !important;
}
.infor-list-outer .col-sm-6{
 margin-bottom:25px;
}
.map-section{
 width:100%;
 padding:0;
}
.map-section:after, .yellow-section:after{
 clear:both;
 display:block;
 content:"";
}
.yellow-section{
 width:100%;
 background:#f59d13;
 padding:29px 0;
}
.spl-txt{
 float:left;
 width:75%;
 font-size:26px;
 color:#fff;
 font-weight:600;
}
.volntr-btn{
 position:relative;
 float:right;
}
.volntr-btn a{
 width:260px;
 height:58px;
 line-height:51px;
 float:right;
 padding:0;
 font-size:21px;
 font-weight:600;
 margin:0;
 color:#fff;
 text-align:center;
 border:4px solid #fff;
border-radius: 29px;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.volntr-btn a:hover{
 background:#fff;
 color:#f59d13;
}

.footer{
 width:100%;
 padding:0;
}
.footer:after, .footer-btm:after, .footer-top{
 clear:both;
 display:block;
 content:"";
}
.footer-top{
 width:100%;
 padding:35px 0;
 background:#000;
}
.footer-btm{
 width:100%;
 padding:11px 0;
 background:#333333;
}
.copy-right{
 font-size:12px;
 color:#999999;
 padding:0;
 margin:0;
}
.copy-right span{
 color:#999999;
 float: right;
 font-size: 12px;
}
.copy-right a{
	color: #999999;
	font-size: 11px;
}
.footer-top h6{
 font-size:16px;
 color:#fff;
 width:90%;
 padding:0 0 15px 0;
 margin-bottom:0px;
 text-transform: uppercase;
 font-weight: 600;
}
.footer-top p{
 font-size:12px;
 color:#ccc;
 padding:0;
 margin:0;
 line-height:21px;
 padding-bottom: 20px;
}
.footer-top p span{
 color:#7281f8;
}
.footer-top p a{
 color:#f59d13;
 text-decoration:none;
}
.footer-top p a:hover{
 text-decoration:underline !important;
}
.monday_sunday .fa{
color: #b3001f;
padding-right: 10px;
}
.fot-links{
 width:100%;
 padding:0;
 float:left;
 margin:0;
 list-style:none;
}
.fot-links li{
 width:100%;
 float:left;
 padding:0;
 line-height:18px;
 line-height:normal;
 margin:0 0 1px 0;
}
.fot-links li i{
 color:#ba0020;
 font-size:5px;
 vertical-align:middle;
 margin-right:11px;
 -webkit-transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.fot-links li:hover i{
-webkit-transform: rotate(180deg);
 -webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.fot-links li a{
 font-size:12px;
 color:#ccc;
 padding:0;
 margin:0;
 text-decoration:none;
}
.fot-links li a:hover{
 text-decoration:underline !important;
}
.fot-social-links{
width:100%;
float:left;
padding:0;
margin:11px 0 0 0;
list-style:none;
}
.fot-social-links li{
position:relative;
float:left;
margin-right:20px;
}
.fot-social-links li a{
float:left;
text-align:center;
z-index:99;
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.fot-social-links li a i{
font-size:18px;
width:40px;
height:40px;
padding:9px 5px 5px 5px;
color:#fff;
border:2px solid #fff;
border-radius: 50%;
-webkit-transform: rotate(0deg);
 -webkit-transition: -webkit-transform 0.25s ease-in-out;
	
}
.fot-social-links li a i.fa-youtube{
font-size:16px;
}
.fot-social-links li a:hover i{
  border: 2px solid #f28c08;
 -webkit-transform: rotate(360deg);
  -webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.fot-social-links li a:hover i{
border:2px solid #f59d13;
color:#f59d13;
}
.newsletter-section{
width:100%;
float:left;
margin-top:11px;
}
.newsletter-section input{
width:70%;
height:36px;
margin-bottom:15px;
line-height:36px;
float:left;
color:#ccc;
font-size:12px;
padding:0 5px;
border:1px solid #505559;
background:#181f23;
border-radius: 3px;
}
.newsletter-section input#submit-btn{
width:94px;
height:30px;
line-height:30px;
float:left;
padding:0;
color:#fff;
font-size:12px;
font-weight:600;
text-align:center;
border:none;
background:#f28c08;
cursor:pointer;
border-radius: 3px;
}
.newsletter-section input#submit-btn:hover{
color:#000;
}

                    /**************************** end ************************************/
.program_promo .blog p{
color: #000000 !important;
font-size: 18px !important;
padding-bottom: 10px !important;
}
.blog hr{
width:10%;
height:1px;
color:#888888;
text-align:center;
margin:0 auto;
padding-bottom:15px;
}
.blog_imgs h6{
font-size:14px;
color:#525252;
font-weight:500;
padding-top:15px;
}
.blog_imgs span{
color:#333333;
font-size:16px;
text-transform: lowercase;
}
.blog_imgs i{
font-size:16px;
color:#f8920f;
padding-right:5px;
}
.blog_imgs p{
text-align:left;
font-size:13px;
color:#000000;
margin-bottom:0px;
margin-top:5px;
}
.blog_imgs a{
color:#ee665f !important;
font-size:11px;
text-align:left;
cursor: pointer;
}
.blog_imgs img{
width:100%;
}
.blog hr{
width:5%;
height:3px;
color:#f28c08;
text-align:center;
margin:0 auto;
padding-bottom:0px;
background-color: #232b6a;
margin-bottom:5px;
}
.blog_imgs h6{
font-size:14px;
color:#525252;
font-weight:500;
margin-bottom:0px;
}
.texture-bg{
background:#e2eaf1;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-repeat: no-repeat;
background-size: cover;
margin-bottom: 20px;
padding-bottom:3rem;
}
.texture-bg span.btn-more a{
 width:140px;
 padding:0;
}
.texture-bg span.btn-more a:hover{
 width:160px;
}
.jumbotron{
margin-top:0;
padding: 0 !important;
border: 1px solid none;
border-radius: 0px;  
background-color: #ffffff;
min-height:355px;
margin-bottom:3rem;
}
.jumbotron .jumbotron_h{
padding-bottom:0; 
font-weight:600;   
font-size:18px;
color: #000000;
padding-top: 20px;
margin-bottom: 0;
}
.texture-bg .blog p
{
color: #333 !important;
font-size: 18px !important;
padding-bottom: 10px !important;
}
.texture-bg .blog hr{
margin-bottom: 20px !important;
}
.jumbotron .jumbotron_ul{
list-style: none;
padding-left:0px;
margin-bottom: 0;
padding: 10px 20px 20px 20px; 
}
.jumbotron ul li{
position: relative;
padding-left: 30px;
font-size: 13px;
font-weight: 600;
padding-bottom: 6px;
padding-top:6px;
color: #000000;
}
.jumbotron ul li a{
font-size: 13px;   
text-decoration: none;
color: #000000;
}
.jumbotron_li:before {
position: absolute;
top: 13px;
left: 0;
content: ' ';
width: 20px;
height: 30px;
background: url("../images/tick.png")  no-repeat;
}
.decades_great{
padding: 30px 0;
}
.decades_great p{
text-align: center;
width: 82%;
margin: 0 auto;
font-size: 24px;
color: #000;
font-weight: 600;
line-height: 28px;
padding: 20px 0;
}
.our_services{
border-bottom: 1px solid #cecece;
border-right: 1px solid #cecece;
text-align: center;
}
.our_services p{
color: #000000;
font-size: 20px;
font-weight: 600;
line-height: 22px;
padding-top: 20px;
padding-bottom: 10px;
}
.our_services img{
padding-top: 20px;
}
                                    /** FOOTER **/
.footer_overlap{
width: 98%;
border-radius: 39px;
position: absolute;
background-color: #fff;
padding: 30px 29px;
margin: 0 auto;
-webkit-box-shadow: 0px 9px 23px;
box-shadow: 0px 9px 23px;
z-index: 9999;
}
.footer_back {
background-color: #f2f3f5;
margin: 0 auto;
padding: 50px 0;
}
.footer_back h6 {
font-size: 25px;
color: #000000;
font-weight: 600;
font-family: 'Aleo', serif;
text-transform: initial;
}
.footer_back .about p {
line-height: 18px;
color: #000000;
font-size: 12px;
padding-top: 10px;
margin-bottom: 10px;
padding-right: 10px;
}
.footer_back .about a {
font-size: 13px;
color: #46c2ca;
}
.footer_back .address {
padding-top: 0px;
}
.footer_back .address p {
line-height: 18px;
font-size: 12px;
color: #000000;
margin-bottom: 5px;
padding-right: 10px;
}
.footer_back .address span {
line-height: 18px;
font-size: 12px;
color: #007ebb;
margin-bottom: 10px;
padding-right: 10px;     
}
.footer_back .address a {
font-size: 12px;
color: #007bb6;
margin-top: 10px;
}
.footer_back .Follow-us {
padding-top: 10px;
}
.Follow-us ul{
padding-left: 20px;
color:#007dba;
list-style: none;
}
.footer_back .Follow-us ul li::before{
content: "\2022";
color:#007dba;
font-weight: bold;
display: inline-block;
width:1em;
margin-left: -1em;
}
.footer_back .Follow-us ul li {
line-height: 8px;
font-size: 12px;
color: #000000;
padding-top: 5px;
margin-bottom: 10px;
padding-right: 10px;
}
.footer_back .Follow-us i {
color: #fff;
height: 36px;
width: 36px;
border: 2px solid #fff;
text-align: center;
border-radius: 50%;
line-height: 33px;
margin-right: 18px;
margin-top: 10px;
margin-bottom: 10px;
cursor: pointer;
}
.footer_back .Follow-us i:hover {
color: #fff;
background-color: #d9512a;
}
.footer_back .inputs {
border-top: 1px solid #888c8e;
padding-top: 10px;
}
.footer_back .inputs p {
line-height: 15px;
color: #fff;
font-size: 12px;
padding-top: 5px;
margin-bottom: 10px;
padding-right: 10px;
}
.footer_back .inputs input {
max-width: 100%;
background-color: #555c60;
border: none;
padding: 4px 10px;
margin-bottom: 8px;
}
.footer_back .inputs input::-webkit-input-placeholder {
color: #fff;
font-size: 11px;
}
.footer_back .inputs input:-ms-input-placeholder {
color: #fff;
font-size: 11px;
}
.footer_back .inputs input::-ms-input-placeholder {
color: #fff;
font-size: 11px;
}
.footer_back .inputs input::placeholder {
color: #fff;
font-size: 11px;
}
.footer_back .inputs .button button {
min-width: 63px;
color: #fff;
font-size: 11px;
padding: 5px 0;
text-align: center;
background-color: #d9512a;
border: none;
margin-top: 8px;
cursor: pointer;
}
.address p a{
text-decoration: none;
color: #ccc;
}
.backgd{
background : url(../images/bg_blue.png);
padding: 40px 0; 
}
.hedr_b {
background-color: #007fbc;
padding: 15px 0;
position: relative;
}
.hedr_b p {
color: #e7e7e7;
text-align: center;
font-family: open sans;
font-size: 12px;
margin-bottom: 0;
padding-top:190px;
}
.hedr_b span{
float: right;
font-size: 10px;
color:#e7e7e7;
}
.Follow-us ul li a{
color: #000;
font-size: 12px;
text-decoration: none;
}
.Follow-us ul li a:hover{
 color: #352b95;
}
.address .fa{
font-size: 16px;
color: #f28c08;
padding-right: 10px;
-webkit-transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.address p:hover .fa{ 
 -webkit-transform: rotate(180deg);
 -webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.about .fa-facebook{
border: 1px solid #352b95;
border-radius: 50%;
color: #352b95;
font-size: 14px;
height: 25px;
width: 25px;
text-align: center;
line-height: 22px;
cursor: pointer;
background-color: #f1f1f1;
-webkit-transform: rotate(0deg);
 -webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.about .fa-facebook:hover{
 -webkit-transform: rotate(360deg);
 -webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.about .fa-circle{
border: 1px solid #ed1ceb;
border-radius: 50%;
color: #ed1ceb;
font-size: 14px;
height: 25px;
width: 25px;
text-align: center;
line-height: 22px;
cursor: pointer;
background-color: #f1f1f1;
-webkit-transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.about .fa-circle:hover
{  
-webkit-transform: rotate(360deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.about .fa-twitter{
border: 1px solid #2ca7df;
border-radius: 50%;
color: #2ca7df;
font-size: 14px;
height: 25px;
width: 25px;
text-align: center;
line-height: 22px;
cursor: pointer;
background-color: #f1f1f1;
-webkit-transform: rotate(0deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.about .fa-twitter:hover
{	  
-webkit-transform: rotate(360deg);
-webkit-transition: -webkit-transform 0.25s ease-in-out;
}
.fasting_sec{
margin-top: 40px;
}
.fasting_sec img{
margin-top: 40px;
}
.blog-back img{
/*margin-bottom: 30px;*/
width: 100%;
}
form.example input[type=text] {
padding: 10px;
font-size: 17px;
border: 1px solid #b3001f;
float: left;
width: 100%;
background: #f8f8f8;
border-radius: 35px;
font-size: 12px;
padding-left: 20px;
}
form.example button {
float: left;
width: 20%;
background: #b3001f;
color: white;
font-size: 13px;
border: none;
border-left: none;
cursor: pointer;
position: absolute;
right: 30px;
margin:6px 9px;
margin-right: 0px;
border-radius: 17px;
text-transform: uppercase;
padding: 4px;
}
form.example button:hover {
background: #8c051d;
}
form.example::after {
content: "";
clear: both;
display: table;
}

/***************** start by ghulam*/
#navbarNav{
position:relative;
}
.loc-tag{
position:absolute;
right:0;
top:11px;
color:#da3451;
font-size:13px;
}
.loc-tag a{
color:#da3451;
}
.loc-tag a:hover{
color:#fff;
}
.header-bottom .dropdown{
text-align:right;
}
.header-bottom .dropdown .dropdown-toggle{
background:none;
border:none;
outline:none;
-webkit-box-shadow:0 0 0;
        box-shadow:0 0 0;
padding-right:0;
text-align:right;
}
.header-bottom .dropdown .dropdown-toggle span{
color:#666;
}
.header-bottom .dropdown .dropdown-toggle:after{
position:absolute;
 background : url(../img/down-arrow.png);
 border:none;
 width:11px;
 height:7px;
}
.footer-top p a{
color:#ccc;
}
.fot-links li{
margin-bottom:3px;
}
.newsletter-section{
margin:0;
}
.newsletter-section input{
background:#f7f7f7;
color:#666;
margin-bottom:11px;
}
.footer-top p{
padding-bottom:0px;
}
.newsletter-section h3{
color:#b3001f;
font-size:16px;
display: flex;
float: left;
}
.fot-social-links li a{
display:block;
text-indent:-9999px;
width:21px;
height:21px;
float:left;
cursor:pointer;
}
.fot-social-links li{
margin-right:11px;
}
.fot-social-links li.facebook{
background : url(../img/fb-icon.jpg);
width:21px;
height:21px;
float:left;
}
.fot-social-links li.twitter{
background : url(../img/twt-icon.jpg);
width:21px;
height:21px;
float:left;
}
.fot-social-links li.instagram{
background : url(../img/insta-logo.jpg);
width:21px;
height:21px;
float:left;
background-repeat: no-repeat;
background-size: 21px;
border-radius: 5px;
}
.fot-social-links li.youtube{
background : url(../img/youtube-bg.jpg);
width:21px;
height:21px;
float:left;
}
.fot-social-links{
margin-top:5px;
}
.manage_newLinks li{
margin-bottom:5px;
}
.manage_newLinks li a{
margin-left:11px;
}
.move-up{
text-align:center;
margin:0;
padding:0;
}
.copy-right{
margin-top:9px;
}
#header{
background:#fff;
padding:15px 0 15px 0;
}
.app-logo{
float: left;
margin-right: 42px;
height: 54px;
width: 129px;
margin-left: 5px;
}
.parah .app-logo img{
width:158px;
height:55px;

}
.manage img{
width:158px;
height:auto !important;
margin-bottom: 20px;
}
}
.top_slid .parah p{
margin-bottom:40px;
}
                      /******************** end **************/
                      /*********************** Demo - 1 *******************/
.box1 img,.box1:after,.box1:before{width:100%;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.box1 .icon,.box2,.box3,.box4,.box5 .icon li a{text-align:center}
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}
.box1 .title,.box10 .title,.box4 .title,.box7 .title{letter-spacing:1px}
.box3 .post,.box4 .post,.box5 .post,.box7 .post{font-style:italic}
body{background-color:#f2f2f2}
.mt-30{margin-top:30px}
.mt-40{margin-top:40px}
.mb-30{margin-bottom:30px}
.box1 .icon,.box1 .title{margin:0;position:absolute}
.box1{-webkit-box-shadow:0 0 3px rgba(0,0,0,.3);box-shadow:0 0 3px rgba(0,0,0,.3);position:relative}
.box1:after,.box1:before{height:50%;background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0;-webkit-transform:rotateZ(90deg);-ms-transform:rotate(90deg);transform:rotateZ(90deg)}
.box1:after{top:auto;bottom:0;-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}
.box1:hover:after,.box1:hover:before{-webkit-transform:rotateZ(0);-ms-transform:rotate(0);transform:rotateZ(0)}
.box1 img{height:auto;-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}
.box1:hover img{-webkit-filter:sepia(80%);filter:sepia(80%);-webkit-transform:scale(1.3) rotate(10deg);-ms-transform:scale(1.3) rotate(10deg);transform:scale(1.3) rotate(10deg)}
.box1 .title{font-size:19px;font-weight:600;color:#fff;text-transform:uppercase;text-shadow:0 0 1px #004cbf;bottom:10px;left:10px;opacity:0;z-index:2;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transition:all .5s ease .2s;-o-transition:all .5s ease .2s;transition:all .5s ease .2s}
.box1:hover .title{opacity:1;-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
.box1 .icon{padding:7px 5px;list-style:none;background:#004cbf;border-radius:0 0 0 10px;top:-100%;right:0;z-index:2;-webkit-transition:all .3s ease .2s;-o-transition:all .3s ease .2s;transition:all .3s ease .2s}
.box1:hover .icon{top:0}
.box1 .icon li{display:block;margin:10px 0}
.box1 .icon li a{display:block;width:35px;height:35px;line-height:35px;border-radius:10px;font-size:18px;color:#fff;-webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s}
.box2 .icon li a,.box3 .icon a:hover,.box4 .icon li a:hover,.box5 .icon li a,.box6 .icon li a{border-radius:50%}
.box1 .icon li a:hover{color:#fff;-webkit-box-shadow:0 0 10px #000 inset,0 0 0 3px #fff;box-shadow:0 0 10px #000 inset,0 0 0 3px #fff}
@media only screen and (max-width:990px){.box1{margin-bottom:30px}
}
/*********************** Demo - 21 *******************/
.box21{text-align:center;position:relative;margin-bottom: 30px;}
.box21:after,.box21:before{content:"";width:2px;height:2px;border-radius:50%;background:rgba(0,0,0,.35);position:absolute;top:50%;left:50%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
.box21:hover:after,.box21:hover:before{-webkit-transform:scale(400);-ms-transform:scale(400);transform:scale(400)}
.box21:before{-o-transition:all .5s linear .3s;-webkit-transition:all .5s linear .3s;transition:all .5s linear .3s}
.box21:hover:before{-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.box21:after{-o-transition:all .5s linear .6s;-webkit-transition:all .5s linear .6s;transition:all .5s linear .6s}
.box21:hover:after{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.box21 img{width:100%;height:auto}
.box21 .box-content{width:100%;height:100%;position:absolute;top:0;left:0;background:0 0;color:#fff;padding-top:80px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-o-transition:all .3s linear 0s;-webkit-transition:all .3s linear 0s;transition:all .3s linear 0s;z-index:1}
.box21:hover .box-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.box21 .title{font-size:35px;font-weight:700;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:20px;margin-top:20px;color: #ba0020;}
.box21 .description{text-transform: uppercase; font-size:21px;font-style:italic;padding:0 10px;margin:15px 0}
.box21 .read-more{display:block;width:120px;background:#178993;border-radius:5px;font-size:21px;color:#fff;text-transform:uppercase;padding:10px 0;margin:0 auto}
@media only screen and (max-width:990px){.box21{margin-bottom:30px}
}
@media only screen and (max-width:479px){.box21 .box-content{padding-top:0}
}
@media only screen and (max-width:359px){.box21 .title{padding-bottom:10px}
}
.my-galery {
/*background: url(../images/background.png);*/
width: 100%;
padding: 30px 0;
}
.my-galery .clien_p{
background-color: transparent;
border-radius: 0;
padding: 10px 0;
margin-bottom: 0;
text-align: center;
}
.clien_p img{
margin: 0 auto;
    margin-top: 20px;
    border-radius: 50%;
    width: 150px;
    height: 150px;
}
.my-galery .jumbotron img {
margin-right: 20px;
padding-top: 10px;
}
.my-galery .clien_p h3 {
font-size: 22px;
padding-top: 13px;
color: #000;
line-height: 20px;
text-transform: uppercase;
}
.my-galery .clien_p p {
	font-size: 14px;
	color: #000;
	text-align: center;
	margin: 0 auto;
	white-space: normal;
	width: 100%;
	max-width: 700px;
}
*:focus{
outline: none !important;
}
.multiple-slider{
overflow-x: hidden;overflow-y: hidden;
}
.our-project img{
	margin: 0 auto;
    height: auto;
    max-height: 204px;
}
.our-project{
min-height: 300px;
padding: 25px 60px;
}
#Current{
background-color: #ffffff;
}
.drinks{
border-right: 1px solid #dadada;
}
.underline {
text-decoration: none; 
position: relative; 
 }   
.underline:after {
position: absolute;
content: '';
height: 3px;
bottom: -10px;
left: 0;
right: 0;
width: 16%;
background: #b8122f;
z-index: 999;
}
#Current h2{
font-size: 18px;
color: #000;
font-weight: 600;
padding: 20px;
}
/* .parah img{
width: 10%;
} */
.new_slider{
padding-top: 20px;
}
.new_slider p{
font-size: 16px;
color: #000000;
font-weight: 600;
padding-top: 20px;
margin-bottom: 10px;
}
.new_slider span{
font-size: 16px;
color: #000000;
font-weight: 500;
}
.new_slider h6{
font-size: 17px;
color: #b3001f;
font-weight: 600;
}
.clien_p{
border-top: 1px solid #d3d3d3;
}
.hover_afects{
margin-top: 40px;
}
.hover_afects h2 {
font-size: 18px;
color: #000;
font-weight: 600;
padding: 10px;
border-bottom: 1px solid #dadada;
}
.hover_afects .underline:after {
position: absolute;
content: '';
height: 3px;
bottom: -2px;
left: 0;
right: 0;
width: 15%;
background: #b8122f;
z-index: 999;
}
.my-galery .underline:after {
position: absolute;
content: '';
height: 3px;
bottom: -10px;
left: 0;
right: 0;
width: 13%;
background: #b8122f;
z-index: 999;
margin: 0 auto;
}
.my-galery h2{
font-size: 18px;
color: #000;
font-weight: 600;
padding: 10px;
text-align: center;
text-transform: uppercase;
}
.map-sectionz h2 {
font-size: 18px;
color: #000;
font-weight: 600;
padding: 10px;
text-align: center;
margin-bottom: 0;
padding-bottom: 0;
text-transform: uppercase;
}
.map-sectionz .underline:after {
position: absolute;
content: '';
height: 3px;
bottom: -22px;
left: 0;
right: 0;
width: 10%;
background: #b8122f;
z-index: 999;
text-align: left;
margin-left: 12px;
}
.clien_p p{
color: #000000;
font-size: 14px;
line-height: 25px;
padding-top: 15px;
}
.clien_p h3{
color: #333333;
font-size: 18px;
text-transform: uppercase;
padding-top: 15px;
font-weight: 600;
}
.clien_p h4{
color: #b3001f;
font-size: 13px;
text-transform: uppercase;
padding-top: 5px;
font-weight: 600;
}
.map-section{
/*border-top: 1px solid #d3d3d3;*/
/*margin-top: 20px;*/
}
.map-sectionz .underline {
   text-decoration: none; 
   position: relative; 
   text-align: left;
 }
#map{
	height: 435px !important;
}
.about-section
{
	text-align:center;
	margin-top:65px;
}
.about-section h3
{
	font-size:25px;
	color:#b3001f;
	font-weight:600;
	margin-bottom:21px;
}
.red-block
{
	margin-top:65px;
	padding:45px 0;
	background:#b3001f;
	margin-bottom:45px;
}
.red-block h4
{
	font-size:25px;
	color:#fff;
	font-weight:600;
	margin-top:55px;
	margin-bottom:21px;
}
.red-block p
{
	font-size:16px;
	color:#fff;
}

.red-block ul li
{
	font-size:16px;
	color:#fff;
}
/******** contact*/
.contactus-parts h2
{
	margin-bottom:45px;
}
.contactus-parts h2 i
{
	color:#b3001f;
}
.contactus-parts .form-group .col-md-10, .contactus-parts .form-group .col-md-12
{
	padding:0;
}
.contactus-parts .form-group .form-control
{
	padding:1rem;
}
.contactus-parts .form-group .form-control
{
	color:#79929f;
	opacity:0.7;
	border:1px solid #999;
}
.contactus-parts .form-group .btn.btn-primary.btn-lg
{
	background:#b3001f;
	width:200px;
	text-transform:uppercase;
	cursor:pointer;
	margin-top: 20px;
	border:none;
	font-weight:600;
	margin-bottom:21px;
}

.contactus-parts form#contact_form { }
.contactus-parts form#contact_form fieldset { }
.contactus-parts form#contact_form fieldset .form-group { }
.contactus-parts form#contact_form fieldset .form-group input {background-color: #fff !important;padding-top: 14px;padding-bottom: 14px;height: auto;font-size: 16px;}
.contactus-parts form#contact_form fieldset .form-group input[type="text"] {}
.contactus-parts form#contact_form fieldset .form-group input[type="email"] { }
.contactus-parts form#contact_form fieldset .form-group input[type="tel"] { }
.contactus-parts form#contact_form fieldset .form-group textarea {min-height: 140px;resize: none;overflow-y: auto;background-color: #fff !important;padding-top: 12px;padding-bottom: 12px;font-size: 16px;}
.contactus-parts form#contact_form fieldset .form-group button[type="submit"] { }



.contact-list
{
	width:100%;
	float:left;
	padding:0;
	list-style:none;
	margin:0;
}
.contact-list li
{
	width:100%;
	float:left;
	padding:0;
	margin-bottom:25px;
}
.contact-list li .sm-icon
{
	width:7%;
	float:left;
	min-height:60px;
}
.contact-list li .sm-icon i
{
	color:#b3001f;
	font-size:24px;
}
.contact-list li .sm-info
{
	width:90%;
	padding-left:5%;
	float:right;
	font-weight:600;
	color:#2c3d4c;
	font-size:16px;
	line-height:25px;
	border-left:1px solid #ddd;
}
.contact-list li .sm-info a
{
	color:#2c3d4c;
}
.contact-list li .sm-info a:hover
{
	color:#0072bc;
}
.contact-list li .sm-info span
{
	color:#0072bc;
	display:block;
}
#mapinfo p
{
	padding:0;
	margin:0;
	padding-top:7px;
	margin-top:7px;
	border-top:1px solid #ddd;
}
#mapinfo
{
	text-align:center;
	color:#b3001f;
	
	
}


                  /** TABS**/



/*** Content ***/
main {}
  .i-row { padding-top: 40px; padding-bottom: 40px; }
  .i-row-odd { background-color: #ffffff; }
  .i-row-even { background-color: #f7f7f7; }

.section-title { margin-top: 0; margin-bottom: 0.6em; font-weight: 500; }
.section-title .fa { margin-right: 5px; color: #6f5499; }



.d-accordion .panel-heading.collapsed .fa-chevron-up:before { content: '\f078'; }

.contents .underline  {
    font-size: 18px;
    color: #000;
    font-weight: 600;
    padding: 10px;
    border-bottom: 1px solid #dadada;
}
 .contents .underline:after {
    position: absolute;
    content: '';
    height: 3px;
    bottom: -2px;
    left: 0;
    right: 0;
    width: 12%;
    background: #b8122f;
    z-index: 999;
}
.panel-default{
	background-color: #e7e7e7;
	padding: 12px  15px 2px 15px;
	margin-top: 15px;
	border-radius: 3px;
	
}
.panel-title{
font-size: 18px;
margin-bottom: 0;
color: #bb2025;
padding-bottom:  10px;
}
.panel-body{
	border-top: 1px solid #b5b5b5;
}
.panel-body p{
	margin-bottom: 0;
	font-size: 18px;
	color: #333333;
	font-weight: 600;
	padding: 7px 0;
}
.panel-body p span{
	text-align: right;
	float: right;
	color: #bb2025;
}

/************ 10-6-2019*/
#map2{
	margin-top:0;
	height: 320px !important;
}
.map-section2
{
	width:100%;
	height: 320px !important;
}
.go-back
{
	float:right;
}
.go-back a
{
	font-size:12px;
	color:#b3001f;
	font-weight:300;
}
.fix-content
{
	width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
padding-top:29%;
padding-left:25px;
text-align:left;
}

.fix-content h4
{
	color:#fff;
	font-size:32px;
}


.fix-content p
{
	color:#fff;
	font-size:25px;
}

.btm-page h3
{
	color:#b3001f;
	padding-bottom:17px;
	margin-bottom:17px;
	margin-top:15px;
	font-weight:600;
	font-size:21px;
	border-bottom:1px solid #b0b0b0;
	
}
.adr-list
{
	width:100%;
	float:left;
	list-style:none;
	padding:0 0 15px 0;
	margin:0 0 55px 0;
	border-bottom:1px solid #b0b0b0;
}
.adr-list li
{
	width:25%;
	float:left;
	color:#333;
	font-size:18px;
}
.adr-list li i
{
	color:#b3001f;
}
.headings{
	text-align:left;
}
.headings p{
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #333333;
	line-height: 24px;
	margin-bottom: 22px;
	text-align: justify;
}
.headings li{
	list-style:none;
	margin-left:25px;
}
.headings h4{
	margin: 0 0 10px;
	font-size: 20px;
	font-weight: 700;
	color: #da3451;
	text-transform: uppercase;
}

.headings h6{
	margin: 0 0 10px;
	font-size: 16px;
	font-weight: 700;
	color: #da3451;
	text-transform: uppercase;
}
.new_tbl2 .table-striped{
	text-align:left;
}
.new_tbl2 .table-striped th{
	background-color: #b3001f;
    padding-left: 10px;
	color: #fff;
	font-size:14px;
}
.new_tbl2 .table-striped td{
	font-size:13px;
}

.new_tbl2 .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
	padding: 10px 20px;
}
.new_tbl2 table{
	margin: 0 0 1.5em;
    margin-bottom: 1.5em;
	width: 100%;
}

.clear::before, .clear::after, .entry-content::before, .entry-content::after, .comment-content::before, .comment-content::after, .site-header::before, .site-header::after, .site-content::before, .site-content::after, .site-footer::before, .site-footer::after {

    content: "";
    display: table;
    table-layout: fixed;

}
.banner-one{
	position: relative;
}
.banner_img_res{
	width:100%;
	height:auto;
}
.text-one{
position: absolute;
left: 12%;
top: 13%;
z-index:9999;
}
.text-one h1{
	color:#fff;
}
.text-one p{
	color:#fff;
}


/* .banner-ul{
    color: #fff;
    padding: 0;
    padding-left: 18px;
    font-size: 1.5rem;
} */

/* custom csss rehman */
.banner-one{
	position: relative;
}
.banner_img_res{
	width:100%;
	height:auto;
}
/*.text-one{
	position: absolute;
	left: 9%;
	top: 12%;
	z-index:9999;
}
.text-one h1{
	color:#fff;
}
.text-one p{
	color:#fff;
}*/
.qr_marg{
	margin-bottom:40px;
	padding:0 40px 0 0;
}
.new_slider{
	padding:0;
}
[data-toggle~="collapse"] {
	cursor: pointer;
}
.ui-autocomplete{
	z-index: 999;
	background: rgb(255, 255, 255);
	width: 44%;
	list-style: none;
	padding: 7px 35px;
}
.ui-autocomplete li{
	font-size: 14px;
	padding: 3px 10px;
	cursor: pointer;
}
.mobile_banner{
	display:none;
}
.red_back{
	background-color:#b3001f;
}
.easy-autocomplete-container{
	z-index: 99999;
	position: absolute;
	width: 100%;
	top: 100%;
}


.easy-autocomplete-container ul{
	list-style: none;
	position: absolute;
	z-index: 9999;
	background-color: #fff;
	width: 96%;
	top: 100%;
}

.easy-autocomplete-container li{
	font-size: 14px;
	padding: 15px 0px;
	cursor: pointer;
}

/*career-CSS*/

.modal_body_career{
	padding: 20px 0;
}
.modal_body_career h3{
	font-size:18px;
	line-height:23px;
	color:#333333;
	padding-bottom:15px;
	font-weight:600;
}
.modal_body_career p{
	font-size:13px;
	line-height:15px;
	color:#333333;
	display:inline-block;
	padding-top:10px;
}

.form-check{
	display:inline-block;
}
.pad_top_last{
	padding-top:28px;
}
.form-control{
	background-color:#f1f1f1 !important;
	height: 31px;
}
.col-form-label{
	color:#333333 !important;
}
.padtop_form{
	padding-top:10px !important;
}
/*career-CSS*/
.form-control{
	margin-bottom:0.5rem;
}
.form-control{
	background-color:#f1f1f1 !important;
}
.form-control::placeholder{
	color:#333333 !important;
	font-size:12px;
}
.smal_list{
	text-align: center;
}
.smal_list h3{
	font-size:15px;
	padding-bottom:2px;
}
.algn_rght{
	text-align: right;
}
.btn_sub{
	font-size: 12px;
	line-height: 23px;
	margin-right: 10px;
	text-transform: uppercase;
	cursor: pointer;
	background-color: red;
	border: 0;
	padding: 7px 9px;
	color: #fff;
	border-radius:5px;
	font-weight:600;
}
.btn_canc{
	font-size: 12px;
	line-height: 23px;
	margin-right: 10px;
	text-transform: uppercase;
	cursor: pointer;
	background-color: red;
	border: 0;
	padding: 10px 9px;
	color: #fff;
	border-radius:5px;
	font-weight:600;
}
.bck_white{
	background-color: #fff;
}
.form-check-input{
	position: absolute;
	margin-top: 6px;
	margin-left: 4px;
}
.main_heading{
	text-align:center;
	padding:20px 0;
}
.main_heading h2{
font-size: 25px;
	text-transform:uppercase;
}
.red_back{
	background-color:#b3001f;
}





/*about us new css start*/
.min_ban_text img{
	width:100%;
}
.min_ban_text h2{
	font-size:50px;
	position: absolute;
	top: 30%;
	left: 45%;
	border-bottom: 4px solid #fff;
	font-weight: 900;
	color: #fff;
	text-transform: uppercase;
}
.red-block ul{
	padding-left: 15px;
}
.red-block ul li{
	font-size:18px;
}
.grey_back{
	background-color: #ededed;
	padding: 20px 20px;
	min-height: 180px;
}
.image_left img{
	float:left;
	padding-right:30px;
	width: 170px;
	height: 140px;
}
.content_right h2{
	font-size:22px;
	font-weight: 700;
	color:#b3001f;
	text-transform:uppercase;
}
.content_right p{
	font-size:15px;
	font-weight:700;
	color:#000;
	margin-bottom:0;
}
.content_right span{
	font-size:14px;
	font-weight:normal;
	color: #333333;
}
.marg_abt_bot{
	margin:25px 0;
}
.team_ownr{
	margin-bottom:50px;
}
.story_p{
	text-align: left;
}
.story_p p{
	font-size:16px;
	color:#333333;
}
.stor_img_cent{
	padding-left:15px;
}
/*about us new css end*/



/*hungary new css start*/
.wid_full img{
	width:100%;
}
.red_black_text{
	text-align:center;
	padding:50px 0;
}
.red_black_text span{
	font-size:24px;
	font-weight:600;
	color:#d51435;
}
.red_black_text p{
	font-size:24px;
	font-weight:600;
	color:#333333;
	margin-bottom:0;
}
.smal_head{
	font-size:24px;
	font-weight: normal !important;
	color:#333333;
}
.img_spac_yellow{
	padding: 20px 0 70px;
}
.left_img_yellow img{
	float:left;
	padding-right:20px;
}
.head_right_yellow p{
	font-size:32.11px;
	font-weight:600;
	color:#000;
	margin-bottom:0;
	text-transform: uppercase;
}
.head_right_yellow span{
	font-size:32.11px;
	font-weight:600;
	color:#d51435;
	text-transform: uppercase;
	line-height: 0.9;
}
/*hungary new css end*/

/*.slick-track{
	width: auto !important;
	margin-left: 4px;
	margin-right: 0px;
	right: 0;
}*/
/*.wid_auto{
	width: auto !important;
}*/

.deal_p_top{
	font-size:23.35px !important;
	font-weight:600 !important;
	color:#b3001f !important;
	margin-bottom: 0px !important;
}
.deal_p_middle{
	font-size:16px !important;
	font-weight: lighter !important;
	color:#000 !important;
	padding-top: 0px !important;
}
.deal_p_bottom{
	font-size:18px !important;
	font-weight:600 !important;
	color:#000 !important;
}
.deal_span_bottom{
	color:#b3001f !important;
	font-weight: 600 !important;
}


.hung_head {
   text-align: center;
   position: relative;
    
}
.hung_head::after {
    position: absolute;
    content: '';
    height: 3px;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 10%;
    background: #b8122f;
    z-index: 999;
    margin: 0 auto;
}
.pos_rel{
	padding: 40px 0;
}
.hung_head h1 {
	color: #b3001f;
    font-size: 52px;
    font-weight: bold;
}
.hung_head hr {
	background-color: #b3001f;
	width:40%;
}
.mini_back{
	margin-bottom: 20px;
}
.min_ban_text{
	background-image: url('../../uploads/sliders/hungry_banner_lev.png');
	background-size: cover;
	/*height: 465px;*/
	padding-bottom: 70px;
}
.cus_wid{
	width: 80%;
	margin: 0 auto;
}
.triangle {
    width: 174px;
    background: #e21212;
    border: 0;
    padding: 4px;
    position: relative;
    min-height: 0px;
    text-align: center;
    margin-bottom: 22px;
}
.triangle::after {
    content: '';
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 18px;
    border-color: transparent transparent transparent #e21212;
    border-style: solid;
    border-width: 13px;
}
.triangle p{
	font-size: 13px;
	color: #fff;
	margin-bottom: 0;
}
.customer {
    margin-top: 50px;
}

.customer_inner {
    background-color: #fff;
    padding: 20px;
    text-align: center;
    margin: 0 8px;
    max-height: 404px;
    height: 404px;
}

.customer_inner img {
    margin: 0 auto;
    width: 132px;
    height: 132px;
}

.customer_inner h3{
padding-top: 30px;
color:#b3001f;
}
.customer_inner h4{
font-size: 18px;
margin-bottom: 30px;
}

.customer_inner p{
font-size:13px;
}

.korner{
	margin:60px 0 60px 0;
}
.korner_menu{
	margin-top: 20px;
}
.korner_menu h3{
	font-size:24px;
	line-height: 46px;
	color:#000;
	font-weight: bold;
	padding-left:20px;
}
.korner_menu_inner{
	margin-right:20px;
}
.korner_img{
	width: 150px;
	height: 150px;
	text-align: center;
    margin: 0 auto;
}
.korner_menu_inner .col-sm-4{
	padding-right:0;
	text-align: center;
}
.korner_menu_inner .col-sm-8{
	padding-left: 0;
}
.text_right{
	text-align:right;
}
.korner_menu_inner span{
	color:#b3001f;
	font-size:14px;
	font-weight:600;
}
.korner_menu_inner p{
	font-size:13px;
	color:#000;
	font-weight:600;
	padding-top:6px;
	margin-bottom: 6px;
}
.bord_bot_c3{
	border-bottom:1px solid #c3c3c3;
}
.font_weight_norm{
	font-weight:normal !important;
}
.sub_square_image{
	text-align:center;
	margin-bottom:10px;
	position: relative;
}
.sub_square_image h1{
	font-size:16px;
	font-weight: bold;
	color:#b3001f;
	position: absolute;
	top: 32%;
	left: 36%;
}
.disc_p{
	text-align: center;
	margin-bottom:20px;
}
.disc_p p{
	font-size:13px;
	color:#333333;
}
.korner_address_parent{
	margin:30px 0;
}
.korner_address{
	background-color:#fff;
	border:1px solid #d7d7d7;
	padding:24px 0 6px 0;
	border-radius: 8px;
	text-align: center;
	position: relative;
}
.korner_address h1{
	font-size: 20.87px;
    font-weight: bold;
    color: #d51435;
    text-transform: uppercase;
    position: absolute;
    top: -14px;
    left: 50%;
    line-height: 24px;
    background-color: #fff;
    width: 179px;
    margin-left: -80px;
}
.korner_address h3{
	font-size:18px;
	font-weight:bold;
	color:#000;
}
.korner_address h5{
	font-size:20.87px;
	font-weight:bold;
	color:#d51435;
}
.hung_slider_heading{
	padding:15px 0 40px 0;
}
.hung_slider_heading h1::after{
	position: absolute;
	content: '';
	height: 3px;
	top: 19%;
	left: 4%;
	right: 0;
	width: 36%;
	background: #b8122f;
	z-index: 999;
}
.hung_slider_heading h1{
	font-size:20px;
	color:#000;
	font-weight:600;
}
.gas_cont{
	margin:22px 0;
}
.gas_inner{
	background-color:#fff;
	border-radius: 7px;
	padding:12px 28px 12px 28px;
	margin:15px 0 5px 0;
}
.gas_inner_img{
	text-align: center;
}
.gas_inner_img img {
    /*max-height: 100px;*/
    min-height: 100px;
    width: 100%;}
.gas_inner h1{
	font-size:20px;
	font-weight:bold;
	color:#b3001f;
	padding:12px 0 5px 0;
	margin-bottom:0;
}
.gas_inner span{
	font-size:14px;
	color:#b3001f;
	font-weight:bold;
}
.gas_inner p{
	font-size: 13px;
	color: #000;
	font-weight: 600;
	padding-top: 6px;
	margin-bottom: 6px;
}
.prices_div{
	max-height: 100px;
	overflow-y: auto;
	overflow-x: hidden;
}
.gas_back{
	background-image: url('../../webportal/img/gas_banner.jpg');
	background-size:cover;
	height:400px;
	display: flex;
	align-items: center;
}
.gas_inner_heading{
	text-align: left;
	padding-top: 0px;
	color: #fff;
}
.gas_inner_heading h1{
	font-size:32px;
	color:#fff;
	font-weight: bold;
	text-align:center;
	text-transform: uppercase;
	padding-bottom:12px;
}
.gas_inner_heading span{
	color:#fc1b28;
	text-transform: uppercase;
}
.gas_top_head{
	display:inline-block;
}
.gas_red_top_bottom{
	border-top: 2px solid #ff002c;
	border-bottom: 2px solid #ff002c;
	text-align: center;
	padding: 10px 0;
}
.gas_red_top_bottom h2{
	font-size:25px;
	font-weight:bold;
	color:#fff;
}
.korner_menu_inner span p{
	color: #b3001f;
}
.korner_menu_inner .top-text-l178 span p{ color:#242424; font-weight: 700;  }
.korner_menu_inner .top-text-l178 * { color:#242424; font-weight: 700;  }
.subway_slider_img img{
	max-width: 371px;
	max-height: 210px;
}
.location_heading{
	background-color:#fff;
	border-bottom: 1px solid #cdcdcd;
	text-align:center;
	padding: 30px 0;
}
.location_heading h1{
	font-size:26px;
	font-weight:700;
	color:#b3001f;
}
.loaction_heading_bottom{
	background-color:#fff;
	border-bottom: 1px solid #cdcdcd;
	padding:30px 0;
}
.loaction_heading_bottom label{
	font-size:15.83px;
	font-weight:600;
	color:#000;
}
.location_within{
	padding-top:7px;
}
.location_within select{
	border-radius: 4px;
	border: 1px solid #959595;
	color: #959595;
	font-weight: 600;
}
.avaible_on_stores{
	padding:30px 0;
}
.avaible_on_stores h2{
	font-size:20px;
	font-weight:600;
}
.availbe_stores_inner{
	background-color:#fff;
	padding:15px 7px;
	margin: 10px 0;
	border-radius: 7px;
}
.bord_bot_stores{
	border-bottom:1px solid #c3c3c3;
}
.bord_bot_stores h3{
	font-size:16px;
	font-weight:bold;
	color:#b3001f;
}
.bord_bot_stores p{
	font-size:14px;
	font-weight:600;
	color:#000;
	margin-bottom:6px;
	padding-top:6px;
}
.bord_bot_stores i{
	color:#b3001f;
	padding-right: 5px;
}
.align_cent{
	text-align:center;
}
.pad_right_none{
	padding-right:0;
}
.pad_left_none{
	padding-left:0;
}
.pad_top_10{
	padding-top:10px;
}
.pad_top_bot_10_left_right_15{
	padding:10px 15;
}
.find_btn{
	cursor: pointer;
	background-color: #b3001f;
	border: 0;
	padding: 2px 25px;
	margin-left: 0px;
	color: #fff;
	border-radius: 3px;
}
.img-round{
	max-width:252px;
	/*max-height:104px;*/
	overflow:hidden;
	border-radius:8px;
}
.img-round img{
	border-radius: 8px;
	width:100%;
}
.c_location h2{
	font-size: 18px;
	color: #000;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;

}
.c_location::after{
	position: absolute;
    content: '';
    height: 3px;
    top: 9%;
    left: 44%;
    right: 19%;
    width: 10%;
    background: #b8122f;
    z-index: 999;
    text-align: center;
    margin-left: 12px;
}
.white_back_map{
	background-color:#fff;
	padding:20px 0 40px 0;
}
.customer_feed{
	padding:30px 0;
}
.customer_feed_inner h2{
	font-size: 18px;
	color: #000;
	font-weight: 600;
	padding: 10px;
	text-align: center;
	text-transform: uppercase;
	position: relative;

}
.customer_feed_inner h2::after{
	position: absolute;
    content: '';
    height: 3px;
    top: 115%;
    left: 44%;
    right: 19%;
    width: 10%;
    background: #b8122f;
    z-index: 999;
    text-align: center;
    margin-left: 12px;
}
.customer_feed_input{
	padding:30px 0;
}
.sub_btn_form{
	text-align:center;
}
.btn_sub_home{
	cursor: pointer;
	background-color: #b3001f;
	border: 0;
	padding: 7px 40px;
	margin-left: 18px;
	color: #fff;
	text-transform: uppercase;
	font-weight:bold;
	border-radius:4px;
}
.customer_feed_input input{
	width: 100%;
	border: 1px solid #999;
	border-radius:5px;
	padding:10px 10px;
	margin-bottom: 15px;
}
.customer_feed_input input::placeholder{
	color:#333333;
}
.customer_feed_input textarea{
	/* margin:15px 0; */
	border: 1px solid #999;
	border-radius:5px;
	padding:10px 10px;
	max-height:180px;
	width: 100%;
	max-width: 631px;
	min-height: 64px;
	min-width: 100%;
	margin-bottom: 15px;
}
.customer_feed_input textarea::placeholder{
	color:#333333;
}
.align_right{
	text-align:right;
}
.community_back{
	background-image: url(../../webportal/img/community_back.png);
	background-size:cover;
	height:580px;
	padding:40px 0;
	margin-bottom:20px;
}
.community_heading{
	padding: 15px 0 25px 0;
}
.community_heading h1{
	font-size: 20px;
    color: #000;
    font-weight: 600;
}
.community_heading h1::after{
	position: absolute;
    content: '';
    height: 3px;
    top: 9%;
    left: 2%;
    right: 0;
    width: 21%;
    background: #b8122f;
    z-index: 999;
}
.community_inner{
	padding:20px 0 0 0;
}
.community_inner p{
	text-align:justify;
	font-size:14px;
	line-height:1.9;
	color:#333333;
}
.community_inner h5{
	font-size:16px;
	color:#333333;
	line-height:1.9;
}
.community_inner span{
	font-size:19px;
	font-weight:bold;
	color:#b3001f;
}
.community_heading_bottom{
	padding:25px 0;
}
.community_heading_bottom h1{
	font-size:33px;
	color:#000;
	font-weight:bold;
}
.community_heading_bottom span{
	font-size:33px;
	color:#b3001f;
	font-weight:bold;
}
.daily_banner_top img{
	width:100%;
}
.daily_head{
	text-align: center;
	position: relative;
	padding: 20px 0;
}
.daily_head h1{
	color: #b3001f;
    font-size: 52px;
	font-weight: bolder;
	text-transform: uppercase;
}
.daily_head h4{
	color: #000;
    font-size: 15px;
    font-weight: 700;
}
.daily_head h1::after{
	position: absolute;
    content: '';
    height: 5px;
    bottom: 6px;
    left: 0;
    right: 0;
    width: 10%;
    background: #b8122f;
    z-index: 999;
    margin: 0 auto;
}
.daily_deals_inner{
	border: 1px solid #3a3a3a;
    border-radius: 8px;
    padding: 0 0 9px 0;
    margin: 0 0 25px 0;
	text-align: center;
	position: relative;
}
.daily_deals_inner img{
	width:100%;
}
.daily_deals_inner h5{
	font-size:25px;
	color:#b3001f;
	font-weight:bold;
	margin: 0;
    padding: 12px 0px 2px 0;
}
.daily_deals_inner p{
	font-size:18px;
	color:#000;
	font-weight:bold;
	margin-bottom:0;
}
.daily_deals_inner span{
	font-size:16px;
	font-weight:bold;
	color:#b3001f;
}
.thirsty_banner img{
	width:100%;
}
.thirsty_heading{
	padding: 20px 0 30px 0;
}
.thirsty_heading h2{
	font-size: 35px;
	color: #b3001f;
	font-weight: 600;
	padding: 10px;
	border-bottom: none !important;
	margin: 0 auto;
	text-align: center;
	text-transform: uppercase;
	font-weight:bold;
}
.thirsty_heading h2::after{
	position: absolute;
	content: '';
	height: 4px;
	bottom: -2px;
	left: 0;
	right: 0;
	width: 6% !important;
	background: #b8122f;
	z-index: 999;
	margin: 0 auto;
}
.map_location{
	height:435px;
}
.bkground_clr{
	background-color: #fff;
}
.daily_enlarged {
	background-color: #b3001f;
	position: absolute;
	text-align: center;
	margin: 0 auto;
	bottom: 20%;
	left: 0%;
	color: #fff;
	padding: 5px 10px;
	width: 100%;
}
.daily_enlarged h6{
	color: #fff;
	font-size: 13px;
	margin-bottom: 0;
}
.nochange-txt{
	font-size: 1.2vw;
    margin-top: 13px;
	display: block;
}
.counter_main span{
	display: inline-block;
	color:#ccc;
}
.counter_body {
	color: #fff;
	font-size: 22px;
	margin-left: 5px;
	display: inline-block;
  }
  .counter_body span {
    display: inline-block;
    padding: 0px 4px 0 4px;
    border-radius: 3px;
    background: #b3001f;
    font-size: 16px;
}
.top_slid_about{
    position: relative;
}
.top_slid_about img{
    width: 100%;
}