.email-img{
    width: auto !important;
}
nav:not(.fixed) .fadein {
    position:absolute;
    left:0;
    margin:auto;
}
nav:not(.fixed) .fadein img {
    position:absolute;
    left:0;
    transition-duration: 1s;
}
  .fixed .fadein #f2{
      display: none;
  }
  .fixed .fadein #f1{
      opacity: 1 !important;
  }

@media (max-width: 991.99px)
{
    .fadein {
        position:unset !important;
        left:auto !important;
        margin:auto !important;
    }
    .fadein img{
        position:unset !important;
        animation: unset !important;
    }
    .fadein #f2{
      display: none !important;
    }
    .fadein #f1{
      opacity: 1 !important;
    }
}
img {
    width: 100%;
}

#pageloader {
    background: rgba(0, 0, 0, 0.95);
}











.social-icon{
					width: 40px;
				}
				@media (min-width: 1400px)
				{
					.social-icon {
						width: 50px;
					}
				}
				@media (max-width: 767.99px)
				{
					.top-bar-right {
						margin-right: 0;
					}
					.btn-theme.light{
						font-size: 8px;
					}
				}






.btn-theme.bg-navy-blue {
		text-transform:uppercase;
	}
    .black-text .tp-caption.NotGeneric-Title, .black-text .NotGeneric-Title {
		color: rgba(0,0,0,1.00);
	}
    .black-text .tp-bgimg{
			background-position: bottom !important
        }
	@media (max-width: 1400px)
	{
		.black-text .tp-bgimg{
			background-position: bottom !important
		}
		
	}
	@media (max-width: 1100px)
	{
		.black-text .tp-bgimg{
			background-position: bottom right !important;
		}
		
	}








.style-one:after {
                position: absolute;
                top: 0;
                left: -55px;
                content: "";
                font-size: 36px;
                font-family: IcoFont;
                color: rgba(6, 22, 58, 0.588);
                line-height: 0.833;
            }






.service-icon {
                border-radius: 0;
                margin-right: 20px;
                background-color: transparent;
                box-shadow: none;
                width: 65px;
                height: 65px;
                z-index: 101;
                text-align: center;
                font-size: 24px;
                color: rgb(0, 0, 0);
                display: flex;
                justify-content: space-around;
                align-items: center;
                overflow: hidden;
            }











.display-center{
                        display: block;
                        text-align: center;
                    }
                    .flip-container {
                        perspective: 1000px;
                        display: inline-block;
                        width: 24%;
                        padding: 20px;
                    }
                    .flip-container:hover .rount-card {
                        transform: rotateY(180deg);
                    }
                    .rount-card {
                        width: 150px;
                        height: 150px;
                    }
                    .front, .back{
                        left: 0;
                        width: 100%;
                        height: 100%;
                        border-radius: 50%;
                        overflow: hidden;
                    }
                    .rount-card {
                        position: relative;
                        transition: 0.5s all;
                        -webkit-transform-style: preserve-3d;
                        transform-style: preserve-3d;
                        border: 5px solid #f4c524;
                        border-radius: 50%;
                        margin: auto;
                        cursor: pointer;
                    }
                    .front, .back {
                        position: absolute;
                        -webkit-backface-visibility: hidden;
                        backface-visibility: hidden;
                    }
                    .back {
                        z-index: 2;
                        transform: rotateY(0deg);
                        display: inline-table;
                        text-align: center;
                    }
                    .front {
                        z-index: 1;
                        transform: rotateY(180deg);
                    }
                    .front i.custom-icon{
                        background-color: #f4c424 !important;
                    }
                    .back h4{
                        display: table-cell;
                        vertical-align: middle;
                        font-size: 16px;
                    }
                    @media screen and (min-width: 768px) and (max-width: 900px) {
                        .flip-container {
                            width: 32%;
                        }
                    }
                    @media screen and (min-width: 480px) and (max-width: 767px) {
                        .flip-container {
                            width: 49%;
                        }
                    }
                    @media screen and (max-width: 479px) {
                        .flip-container {
                            width: 100%;
                        }
                    }


















.widgets .icons-listing li{
                        width: 50%;
                        float: left;
                        padding: 10px;
                    }


                    .widgets .gasoline img{
                        height: 100%;
                        width: 100%;
                    }






#width3.booked-wzs-250-175{
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 0px !important;
}

#width3.booked-wzs-250-175 .booked-wzs-250-175_in{
    border-radius: 0px !important;
}
table.oilpricenettable2{
    width: 100% !important;
    height: 100% !important;
}


@media screen and (max-width: 1024px) {
    .widgets .icons-listing li{
        width: 100%;
    }
}





.news-blog{
                    box-shadow: 0px 0px 1px #e6e6e6;
                    padding: 26px 20px 70px !important;
                    background-color: white;
                }
                .blog-Carousel{
                    width: 100%;
                    float: left;
                    overflow: hidden;
                }
                .blog-Carousel-item{
                    text-align: center;
                    float: left;
                    width: 100%;
                    height: 365px;
                    display: flex !important;
                    flex-wrap: wrap;
                }
                .blog-Carousel-item img{
                    height: auto;
                    width: 100%;
/*                    margin-top: 60px;*/
                }
                .navigetion{
                    position: absolute;
                    bottom: 0;
                    right: 0;
                    display: flex;
                }
                .navigetion-btn{
                    line-height: 50px;
                    width: 50px;
                    height: 50px;
                    text-align: center;
                    font-size: 28px;
                    cursor: pointer;
                }
                .image-section,.content-section{
                    float: left;
                }
                .content{
                    height: 100%;
                    width: 100%;
                    display: inline-table;
                }
                .content p{
                    display: table-cell;
                    vertical-align: middle;
                }
                .background-img{
/*                    background-image: url(http://www.gasdepot.com/images/chicago-business.gif);*/
                    background-repeat: no-repeat;
                    background-position: center;
/*                    background-size: contain;*/
                }