/*
  	Flaticon icon font: Flaticon
  	Creation date: 19/05/2020 11:17
  	*/
	
	@font-face {
	    font-family: "Flaticon";
	    src: url("../fonts/Flaticon.eot");
	    src: url("../fonts/Flaticond41d.eot?#iefix") format("embedded-opentype"), url("../fonts/Flaticon.woff2") format("woff2"), url("../fonts/Flaticon.woff") format("woff"), url("../fonts/Flaticon.ttf") format("truetype"), url("../fonts/Flaticon.svg#Flaticon") format("svg");
	    font-weight: normal;
	    font-style: normal;
	}
	
	@media screen and (-webkit-min-device-pixel-ratio:0) {
	    @font-face {
	        font-family: "Flaticon";
	        src: url("../fonts/Flaticon.svg#Flaticon") format("svg");
	    }
	}
	
	[class^="flaticon-"]:before,
	[class*=" flaticon-"]:before,
	[class^="flaticon-"]:after,
	[class*=" flaticon-"]:after {
	    font-family: Flaticon;
	    font-size: 20px;
	    font-style: normal;
	    margin-left: 20px;
	}
	
	.flaticon-quality:before {
	    content: "\f100";
	}
	
	.flaticon-responsibility:before {
	    content: "\f101";
	}
	
	.flaticon-heart:before {
	    content: "\f102";
	}
	/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
	
	body {
	    background: #fff;
	    color: #000000;
	    font-family: "Open Sans", sans-serif;
	    overflow-x: hidden;
	}
	
	a {
	    color: #a10909;
	    transition: 0.5s;
	}
	
	a:hover,
	a:active,
	a:focus {
	    color: #a10909;
	    outline: none;
	    text-decoration: none;
	}
	
	p {
	    padding: 0;
	    margin: 0 0 30px 0;
	    font-size: 14px;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
	    font-family: 'Dosis', sans-serif;
	    font-weight: 400;
	    margin: 0 0 20px 0;
	    padding: 0;
	}
	/* Back to top button */
	
	.back-to-top {
	    position: fixed;
	    display: none;
	    background: #a10909;
	    color: #fff;
	    width: 44px;
	    height: 44px;
	    text-align: center;
	    line-height: 1;
	    font-size: 16px;
	    border-radius: 50%;
	    right: 15px;
	    bottom: 15px;
	    transition: background 0.5s;
	    z-index: 11;
	}
	
	.back-to-top i {
	    padding-top: 12px;
	    color: #fff;
	}
	/* Prelaoder */
	
	#preloader {
	    position: fixed;
	    top: 0;
	    left: 0;
	    right: 0;
	    bottom: 0;
	    z-index: 9999;
	    overflow: hidden;
	    background: #fff;
	}
	
	#preloader:before {
	    content: "";
	    position: fixed;
	    top: calc(50% - 30px);
	    left: calc(50% - 30px);
	    border: 6px solid #f2f2f2;
	    border-top: 6px solid #a10909;
	    border-radius: 50%;
	    width: 60px;
	    height: 60px;
	    -webkit-animation: animate-preloader 1s linear infinite;
	    animation: animate-preloader 1s linear infinite;
	}
	
	@-webkit-keyframes animate-preloader {
	    0% {
	        -webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}
	
	@keyframes animate-preloader {
	    0% {
	        -webkit-transform: rotate(0deg);
	        transform: rotate(0deg);
	    }
	    100% {
	        -webkit-transform: rotate(360deg);
	        transform: rotate(360deg);
	    }
	}
	
	.container {
	    max-width: 1170px;
	}
	/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
	
	#topbar {
	    padding: 0 0 10px 0;
	    font-size: 14px;
	    transition: all 0.5s;
	}
	
	#header .social-links {
	    text-align: left;
	    float: left;
	}
	
	#header .social-links a {
	    color: #fff;
	    padding: 4px 8px;
	    display: inline-block;
	    line-height: 1px;
	    font-size: 14px;
	}
	
	#header .social-links a:hover {
	    color: #a10909;
	}
	
	#header .social-links a:first-child {
	    border-left: 0;
	}
	/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
	
	#header {
	    height: 70px;
	    transition: all 0.5s;
	    z-index: 997;
	    transition: all 0.5s;
	    padding: 30px 0;
	    position: fixed;
	    left: 0;
	    top: 0;
	    right: 0;
	    transition: all 0.5s;
	    z-index: 997;
	}
	
	#header.header-scrolled,
	#header.header-pages {
	    height: 70px;
	    padding: 15px 0;
	    background-color: #fff;
	    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.3);
	}
	
	#header.header-scrolled #topbar,
	#header.header-pages #topbar {
	    display: none;
	}
	
	#header .logo {
	    display: none;
	}
	
	#header.header-scrolled .logo.stickyLogo {
	    display: block;
	}
	
	#header.header-scrolled .scroll-remove {
	    display: none;
	}
	
	#header .logo h1 {
	    font-size: 36px;
	    margin: 0;
	    padding: 0;
	    line-height: 1;
	    font-weight: 400;
	    letter-spacing: 3px;
	    text-transform: uppercase;
	}
	
	#header .logo h1 a,
	#header .logo h1 a:hover {
	    color: #413e66;
	    text-decoration: none;
	}
	
	#header .logo img {
	    padding: 0;
	    margin: 0px 0;
	    max-height: 38px;
	    vertical-align: top;
	}
	
	.main-pages {
	    margin-top: 60px;
	}
	/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/
	
	#intro {
	    width: 100%;
	    height: 100vh;
	    position: relative;
	    background: #f5f8fd url("../img/intro-bg.jpg") center top no-repeat;
	    background-size: cover;
	}
	
	#intro .intro-info h2 {
	    color: #413e66;
	    margin-bottom: 40px;
	    font-size: 48px;
	    font-weight: 700;
	}
	
	#intro .intro-info h2 span {
	    color: #a10909;
	}
	
	#intro .intro-info .btn-get-started,
	#intro .intro-info .btn-services {
	    font-size: 13px;
	    font-weight: 600;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    display: inline-block;
	    padding: 10px 32px;
	    border-radius: 4px;
	    transition: 0.5s;
	    color: #fff;
	    background: #a10909;
	    color: #fff;
	}
	
	#intro .intro-info .btn-get-started:hover,
	#intro .intro-info .btn-services:hover {
	    background: #0a98c0;
	}
	/*--------------------------------------------------------------
# Banner Section
--------------------------------------------------------------*/
	
	#home-banner .carousel-item {
	    background: #000;
	}
	
	#home-banner .carousel-item>img {
	    opacity: 0.4;
	    width: 100%;
	}
	
	#home-banner .carousel-item .carousel-caption {
	    top: 15%;
	}
	
	#home-banner .carousel-item .carousel-caption img {
	    margin: 0 auto 15px;
	    display: block;
	}
	
	#home-banner .carousel-item .carousel-caption h1 {
	    font-family: 'Dosis', sans-serif;
	    text-transform: uppercase;
	    font-weight: 100;
	    font-size: 33px;
	}
	
	#home-banner .carousel-item .carousel-caption h2 {
	    font-family: 'Dosis', sans-serif;
	    text-transform: uppercase;
	    font-weight: 100;
	    font-size: 84px;
	    margin-bottom: 0;
	}
	
	#home-banner .carousel-item .carousel-caption p {
	    font-weight: 100;
	    font-size: 24px;
	}
	
	#home-banner .carousel-indicators {
	    bottom: 0;
	}
	
	#home-banner .carousel-indicators li {
	    width: 12px;
	    height: 12px;
	    border-radius: 50%;
	}
	
	#home-banner .carousel-indicators .active {
	    background-color: #a10909;
	}
	/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
	/* Desktop Navigation */
	
	.main-nav {
	    /* Drop Down */
	    /* Deep Drop Down */
	}
	
	.main-nav,
	.main-nav * {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	}
	
	.main-nav>ul>li {
	    position: relative;
	    white-space: nowrap;
	    float: left;
	}
	
	.main-nav a {
	    display: block;
	    position: relative;
	    color: #fff;
	    padding: 5px 8px;
	    transition: 0.3s;
	    font-size: 14px;
	    font-family: 'Dosis', sans-serif;
	    text-transform: uppercase;
	    font-weight: 600;
	    letter-spacing: 3px;
	}
	
	.main-nav a:hover,
	.main-nav .active>a,
	.main-nav li:hover>a {
	    color: #fff;
	    text-decoration: none;
	    background: #a10909;
	}
	
	#header.header-scrolled .main-nav a {
	    color: #333;
	}
	
	#header.header-scrolled .main-nav a:hover,
	#header.header-scrolled .main-nav .active>a,
	#header.header-scrolled .main-nav li:hover>a {
	    color: #fff;
	    text-decoration: none;
	    background: #a10909;
	}
	
	.main-nav .drop-down ul {
	    display: block;
	    position: absolute;
	    left: 0;
	    top: calc(100% - 30px);
	    z-index: 99;
	    opacity: 0;
	    visibility: hidden;
	    padding: 10px 0;
	    background: #fff;
	    box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
	    transition: ease all 0.3s;
	}
	
	.main-nav .drop-down:hover>ul {
	    opacity: 1;
	    top: 100%;
	    visibility: visible;
	}
	
	.main-nav .drop-down li {
	    min-width: 180px;
	    position: relative;
	}
	
	.main-nav .drop-down ul a {
	    padding: 10px 20px;
	    font-size: 14px;
	    font-weight: 500;
	    text-transform: none;
	    color: #065e77;
	}
	
	.main-nav .drop-down ul a:hover,
	.main-nav .drop-down ul .active>a,
	.main-nav .drop-down ul li:hover>a {
	    color: #fff;
	    background: #a10909;
	}
	
	.main-nav .drop-down>a:after {
	    content: "\f107";
	    font-family: FontAwesome;
	    padding-left: 10px;
	}
	
	.main-nav .drop-down .drop-down ul {
	    top: 0;
	    left: calc(100% - 30px);
	}
	
	.main-nav .drop-down .drop-down:hover>ul {
	    opacity: 1;
	    top: 0;
	    left: 100%;
	}
	
	.main-nav .drop-down .drop-down>a {
	    padding-right: 35px;
	}
	
	.main-nav .drop-down .drop-down>a:after {
	    content: "\f105";
	    position: absolute;
	    right: 15px;
	}
	/* Mobile Navigation */
	
	.mobile-nav {
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    z-index: 9999;
	    overflow-y: auto;
	    left: -260px;
	    width: 260px;
	    padding-top: 18px;
	    background: rgba(0, 0, 0, 0.8);
	    transition: 0.4s;
	}
	
	.mobile-nav * {
	    margin: 0;
	    padding: 0;
	    list-style: none;
	}
	
	.mobile-nav a {
	    display: block;
	    position: relative;
	    color: #fff;
	    padding: 10px 20px;
	    font-weight: 500;
	}
	
	.mobile-nav a:hover,
	.mobile-nav .active>a,
	.mobile-nav li:hover>a {
	    color: #fff;
	    text-decoration: none;
	    background: #a10909;
	}
	
	.mobile-nav .drop-down>a:after {
	    content: "\f078";
	    font-family: FontAwesome;
	    padding-left: 10px;
	    position: absolute;
	    right: 15px;
	}
	
	.mobile-nav .active.drop-down>a:after {
	    content: "\f077";
	}
	
	.mobile-nav .drop-down>a {
	    padding-right: 35px;
	}
	
	.mobile-nav .drop-down ul {
	    display: none;
	    overflow: hidden;
	}
	
	.mobile-nav .drop-down li {
	    padding-left: 20px;
	}
	
	.mobile-nav-toggle {
	    position: fixed;
	    right: 0;
	    top: 0;
	    z-index: 9998;
	    border: 0;
	    background: none;
	    font-size: 24px;
	    transition: all 0.4s;
	    outline: none !important;
	    line-height: 1;
	    cursor: pointer;
	    text-align: right;
	}
	
	.mobile-nav-toggle i {
	    margin: 18px 18px 0 0;
	    color: #fff;
	    background: #a10909;
	    padding: 3px 5px;
	    border-radius: 3px;
	}
	
	.mobile-nav-overly {
	    width: 100%;
	    height: 100%;
	    z-index: 9997;
	    top: 0;
	    left: 0;
	    position: fixed;
	    background: rgba(0, 0, 0, 0.7);
	    overflow: hidden;
	    display: none;
	}
	
	.mobile-nav-active {
	    overflow: hidden;
	}
	
	.mobile-nav-active .mobile-nav {
	    left: 0;
	}
	
	.mobile-nav-active .mobile-nav-toggle i {
	    color: #fff;
	}
	/*--------------------------------------------------------------
# Sections
--------------------------------------------------------------*/
	/* Sections Header
--------------------------------*/
	
	.section-header h3 {
	    font-size: 32px;
	    color: #000;
	    text-align: center;
	    font-weight: normal;
	    position: relative;
	    font-family: 'Dosis', sans-serif;
	    text-transform: uppercase;
	    letter-spacing: 8px;
	}
	
	.section-header p {
	    text-align: center;
	    margin: auto;
	    font-size: 15px;
	    padding-bottom: 60px;
	    color: #000;
	    width: 50%;
	}
	/* Section with background
--------------------------------*/
	
	.section-bg {
	    background: #f5f8fd;
	}
	/* About Us Section
--------------------------------*/
	
	#about {
	    padding: 60px 0;
	}
	
	#about .about-content {
	    padding-top: 40px;
	}
	
	#about .about-content h2 {
	    color: #413e66;
	    font-weight: 700;
	}
	
	#about .about-content h3 {
	    color: #696592;
	    font-weight: 400;
	    font-size: 22px;
	    font-style: italic;
	}
	
	#about .about-content ul {
	    list-style: none;
	    padding: 0;
	}
	
	#about .about-content ul li {
	    padding-bottom: 10px;
	}
	
	#about .about-content ul li i {
	    font-size: 20px;
	    padding-right: 4px;
	    color: #a10909;
	}
	
	#about .about-img {
	    position: relative;
	    margin: 30px 30px 30px 30px;
	}
	
	#about .about-img img {
	    width: 100%;
	    border: 8px solid #fff;
	    transition: .5s;
	}
	
	#about .about-img img:hover {
	    width: 100%;
	    -webkit-transform: scale(1.03);
	    transform: scale(1.03);
	}
	
	#about .about-img::before {
	    position: absolute;
	    left: -31px;
	    top: -30px;
	    width: 90%;
	    height: 92%;
	    z-index: -1;
	    content: '';
	    background-color: #ebf1fa;
	    transition: .5s;
	}
	
	#about .about-img::after {
	    position: absolute;
	    right: -31px;
	    bottom: -30px;
	    width: 90%;
	    height: 92%;
	    z-index: -1;
	    content: '';
	    background-color: #ebf1fa;
	    transition: .5s;
	}
	/* Services Section
--------------------------------*/
	
	#services {
	    padding: 60px 0 40px 0;
	}
	
	#services .box {
	    padding: 30px;
	    position: relative;
	    overflow: hidden;
	    border-radius: 10px;
	    margin: 0 10px 40px 10px;
	    background: #fff;
	    box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
	    transition: all 0.3s ease-in-out;
	    text-align: center;
	}
	
	#services .box:hover {
	    -webkit-transform: scale(1.1);
	    transform: scale(1.1);
	}
	
	#services .icon {
	    margin: 0 auto 15px auto;
	    padding-top: 12px;
	    display: inline-block;
	    text-align: center;
	    border-radius: 50%;
	    width: 60px;
	    height: 60px;
	}
	
	#services .icon i {
	    font-size: 36px;
	    line-height: 1;
	}
	
	#services .title {
	    font-weight: 700;
	    margin-bottom: 15px;
	    font-size: 18px;
	}
	
	#services .title a {
	    color: #111;
	}
	
	#services .box:hover .title a {
	    color: #a10909;
	}
	
	#services .description {
	    font-size: 14px;
	    line-height: 28px;
	    margin-bottom: 0;
	    text-align: left;
	}
	/* Why Us Section
--------------------------------*/
	
	#why-us {
	    padding: 60px 0;
	}
	
	#why-us .why-us-content .features {
	    margin: 0 0 15px 0;
	    padding: 0;
	    transition: 0.3s ease-in-out;
	}
	
	#why-us .why-us-content .features i {
	    font-size: 36px;
	    float: left;
	}
	
	#why-us .why-us-content .features h4 {
	    font-size: 24px;
	    font-weight: 600;
	    margin-left: 56px;
	    color: #413e66;
	    margin-bottom: 5px;
	}
	
	#why-us .why-us-content .features p {
	    font-size: 16px;
	    margin-left: 56px;
	    color: #555186;
	}
	
	#why-us .counters {
	    padding-top: 40px;
	}
	
	#why-us .counters span {
	    font-weight: bold;
	    font-size: 48px;
	    display: block;
	    color: #555186;
	}
	
	#why-us .counters p {
	    padding: 0;
	    margin: 0 0 20px 0;
	    font-size: 14px;
	    color: #8a87b6;
	}
	/* Call To Action Section
--------------------------------*/
	
	#call-to-action {
	    /* background: #2d2b46;*/
	    background-size: cover;
	    padding: 60px 0;
	}
	
	#call-to-action .cta-title {
	    color: #fff;
	    font-size: 20px;
	    font-weight: 600;
	    text-transform: uppercase;
	    letter-spacing: 5px;
	}
	
	#call-to-action .cta-text {
	    color: #fff;
	}
	
	#call-to-action .cta-btn {
	    background: #fff;
	    font-weight: normal;
	    font-size: 16px;
	    letter-spacing: 1px;
	    display: inline-block;
	    padding: 8px 26px;
	    border-radius: 3px;
	    transition: 0.5s;
	    margin: 10px;
	    border: 1px solid #fff;
	    color: #000;
	    font-family: 'Dosis', sans-serif;
	    text-transform: uppercase;
	    letter-spacing: 5px;
	}
	
	#call-to-action .cta-btn:hover {
	    background: #a10909;
	    color: #fff;
	    border: 1px solid #ccc;
	}
	/* Features Section
--------------------------------*/
	
	#features {
	    padding: 80px 0;
	}
	
	#features h4 {
	    font-weight: 600;
	    font-size: 24px;
	}
	/* Portfolio Section
--------------------------------*/
	
	#portfolio {
	    padding: 60px 0;
	}
	
	#portfolio #portfolio-flters {
	    padding: 0;
	    margin: 5px 0 35px 0;
	    list-style: none;
	    text-align: center;
	}
	
	#portfolio #portfolio-flters li {
	    cursor: pointer;
	    margin: 15px 15px 15px 0;
	    display: inline-block;
	    padding: 6px 10px;
	    font-size: 16px;
	    line-height: 20px;
	    color: #413e66;
	    margin-bottom: 5px;
	    transition: all 0.3s ease-in-out;
	}
	
	#portfolio #portfolio-flters li:hover,
	#portfolio #portfolio-flters li.filter-active {
	    color: #a10909;
	}
	
	#portfolio #portfolio-flters li:last-child {
	    margin-right: 0;
	}
	
	#portfolio .portfolio-item {
	    position: relative;
	    overflow: hidden;
	    margin-bottom: 30px;
	}
	
	#portfolio .portfolio-item .portfolio-wrap {
	    overflow: hidden;
	    position: relative;
	    margin: 0;
	}
	
	#portfolio .portfolio-item .portfolio-wrap:hover img {
	    opacity: 0.4;
	    transition: 0.3s;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info {
	    position: absolute;
	    top: 0;
	    right: 0;
	    bottom: 0;
	    left: 0;
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    text-align: center;
	    opacity: 0;
	    transition: 0.2s linear;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 {
	    font-size: 22px;
	    line-height: 1px;
	    font-weight: 700;
	    margin-bottom: 14px;
	    padding-bottom: 0;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a {
	    color: #fff;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info h4 a:hover {
	    color: #a10909;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info p {
	    padding: 0;
	    margin: 0;
	    color: #f8fcff;
	    font-weight: 500;
	    font-size: 14px;
	    text-transform: uppercase;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview,
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details {
	    display: inline-block;
	    line-height: 1;
	    text-align: center;
	    width: 36px;
	    height: 36px;
	    background: #a10909;
	    border-radius: 50%;
	    margin: 10px 4px 0 4px;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview i,
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details i {
	    padding-top: 6px;
	    font-size: 22px;
	    color: #fff;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover,
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover {
	    background: #000;
	}
	
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-preview:hover i,
	#portfolio .portfolio-item .portfolio-wrap .portfolio-info .link-details:hover i {
	    color: #fff;
	}
	
	#portfolio .portfolio-item .portfolio-wrap:hover {
	    background: #282646;
	}
	
	#portfolio .portfolio-item .portfolio-wrap:hover .portfolio-info {
	    opacity: 1;
	}
	/* Testimonials Section
--------------------------------*/
	
	#testimonials {
	    padding: 60px 0;
	}
	
	#testimonials .section-header {
	    margin-bottom: 40px;
	}
	
	#testimonials .testimonial-item .testimonial-img {
	    width: 120px;
	    border-radius: 50%;
	    border: 4px solid #fff;
	    float: left;
	}
	
	#testimonials .testimonial-item h3 {
	    font-size: 20px;
	    font-weight: bold;
	    margin: 10px 0 5px 0;
	    color: #111;
	    margin-left: 140px;
	}
	
	#testimonials .testimonial-item h4 {
	    font-size: 14px;
	    color: #999;
	    margin: 0 0 15px 0;
	    margin-left: 140px;
	}
	
	#testimonials .testimonial-item p {
	    font-style: italic;
	    margin: 0 0 15px 140px;
	}
	
	#testimonials .owl-nav,
	#testimonials .owl-dots {
	    margin-top: 5px;
	    text-align: center;
	}
	
	#testimonials .owl-dot {
	    display: inline-block;
	    margin: 0 5px;
	    width: 12px;
	    height: 12px;
	    border-radius: 50%;
	    background-color: #ddd;
	}
	
	#testimonials .owl-dot.active {
	    background-color: #a10909;
	}
	/* Clients Section
--------------------------------*/
	
	.marT100 {
	    margin-top: 100px;
	}
	
	#clients {
	    padding: 60px 0 60px 0;
	}
	
	#clients .section-header h3 {
	    font-size: 24px;
	    letter-spacing: 5px;
	    font-weight: 300;
	    margin-bottom: 50px;
	}
	
	#clients img {
	    max-width: 80%;
	    margin: 0 auto;
	    opacity: 1;
	    transition: 0.3s;
	    padding: 15px 0;
	    border: 1px solid #000;
	}
	
	#clients img:hover {
	    opacity: 0.5;
	}
	
	#clients .owl-nav,
	#clients .owl-dots {
	    margin-top: 5px;
	    text-align: center;
	}
	
	#clients .owl-dot {
	    display: inline-block;
	    margin: 0 5px;
	    width: 12px;
	    height: 12px;
	    border-radius: 50%;
	    background-color: #ddd;
	    display: none;
	}
	
	#clients .owl-dot.active {
	    background-color: #a10909;
	}
	
	.owl-prev {
	    width: 15px;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    margin-left: -20px;
	    display: block !important;
	    border: 0px solid black;
	    font-size: 30px!important;
	}
	
	.owl-next {
	    width: 15px;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    right: -20px;
	    display: block !important;
	    border: 0px solid black;
	    font-size: 30px!important;
	}
	
	.parallax {
	    width: 100%;
	    display: block;
	    position: relative;
	    overflow: hidden;
	    background-attachment: fixed;
	    background-repeat: no-repeat;
	    background-position: center center;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    padding: 140px 0;
	    padding-top: 140px;
	    padding-bottom: 140px;
	}
	
	.relative {
	    position: relative;
	}
	
	.bg-dark-alfa-70::before,
	.bg-dark-alfa-70 .YTPOverlay::before {
	    content: " ";
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background: rgba(17, 17, 17, .4);
	}
	
	.align-left {
	    text-align: left !important;
	}
	
	#production-capacity {
	    padding: 60px 0;
	    overflow-x: hidden;
	}
	
	#production-capacity h3 {
	    color: #fff;
	    text-transform: uppercase;
	}
	
	.pro-right-graph img {}
	
	#vision-mission {
	    padding: 40px 0;
	    background: url(../img/vm-bg.jpg) no-repeat 0 0;
	    background-size: cover;
	}
	
	#vision-mission .vM-content h4 {
	    color: #fff;
	    letter-spacing: 5px;
	}
	
	#vision-mission .vM-content h4 i {
	    font-size: 50px;
	    color: #a10909;
	    background: #fff;
	    width: 60px;
	    height: 60px;
	    display: inline-block;
	    padding: 1px 8px;
	    border-radius: 50%;
	    vertical-align: middle;
	}
	
	#vision-mission .vM-content ul {
	    list-style: none;
	    padding: 0;
	    margin-bottom: 0;
	}
	
	#vision-mission .vM-content ul li {
	    padding-bottom: 6px;
	    color: #fff;
	    font-size: 14px;
	    display: flex;
	}
	
	#vision-mission .vM-content ul li i {
	    font-size: 20px;
	    padding-right: 10px;
	    color: #fff;
	}
	
	#pro-cat {
	    padding: 60px 0;
	}
	
	#pro-cat h3 {
	    font-size: 28px;
	    color: #000;
	    font-weight: normal;
	    position: relative;
	    font-family: 'Dosis', sans-serif;
	    text-transform: uppercase;
	    letter-spacing: 5px;
	    margin-bottom: 30px;
	}
	
	.pro-cat-content p {
	    margin: 0 0 15px 0;
	}
	
	.pro-cat-img {
	    padding: 0 5%;
	}
	
	.pro-cat-img img {
	    float: right;
	}
	
	#why-gasgl {
	    padding: 40px 0;
	}
	
	#why-gasgl .section-header {
	    margin-bottom: 20px;
	}
	
	#why-gasgl .section-header p {
	    color: #fff;
	    padding-bottom: 0;
	}
	
	#why-gasgl .section-header h3 {
	    color: #fff;
	}
	
	#why-gasgl .section-header img {
	    width: 200px;
	    margin: 0 auto 20px;
	    display: block;
	}
	
	.why-gasgl-content {
	    text-align: center;
	    color: #fff;
	}
	
	.why-gasgl-content i::before {
	    font-size: 60px;
	}
	
	.why-gasgl-content h3 {
	    font-size: 18px;
	    letter-spacing: 2px;
	}
	
	.why-gasgl-content p {
	    color: #b1b1b1;
	    margin-bottom: 0;
	}
	
	#quality-complianceTop {
	    padding: 60px 0;
	}
	
	#quality-complianceTop p {
	    padding-bottom: 0;
	}
	
	#quality-complianceTop .section-header img {
	    width: 200px;
	    margin: 0 auto 20px;
	    display: block;
	}
	
	#quality-complianceBottom {
	    padding: 60px 0;
	}
	
	#quality-complianceBottom .section-header h3 {
	    color: #fff;
	    letter-spacing: 2px;
	}
	
	#quality-complianceBottom p {
	    color: #b1b1b1;
	    margin-bottom: 0;
	    width: 70%;
	    padding-bottom: 0;
	}
	
	#logoBox {
	    position: absolute;
	    width: 100%;
	}
	
	.LogoBoxDiv {
	    background: #fff;
	    padding: 20px 0;
	    border-radius: 10px;
	    margin: 0 auto;
	    width: 770px;
	    position: absolute;
	    top: -70px;
	    overflow-x: hidden;
	    left: 0;
	    right: 0;
	    -webkit-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
	    -moz-box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
	    box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.4);
	}
	
	.LogoBoxDiv ul {
	    margin: 0;
	    padding: 0;
	    text-align: center;
	}
	
	.LogoBoxDiv li {
	    display: inline-block;
	    margin: 0 10px;
	    width: 130px;
	}
	
	.LogoBoxDiv li img {
	    width: 100%;
	}
	/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
	
	#footer {
	    padding: 30px 0 30px 0;
	    font-size: 14px;
	    background: #363636;
	}
	
	#footer .footer-top {
	    padding: 60px 0 30px 0;
	    background: #f5f8fd;
	}
	
	#footer .footer-top .footer-info {
	    margin-bottom: 30px;
	}
	
	#footer .footer-top .footer-info h3 {
	    font-size: 34px;
	    margin: 0 0 20px 0;
	    padding: 2px 0 2px 0;
	    line-height: 1;
	    color: #413e66;
	    font-weight: 400;
	    letter-spacing: 3px;
	    text-transform: uppercase;
	}
	
	#footer .footer-top .footer-info p {
	    font-size: 13px;
	    line-height: 24px;
	    margin-bottom: 0;
	    color: #000;
	}
	
	#footer .footer-top .social-links a {
	    font-size: 18px;
	    display: inline-block;
	    background: #a10909;
	    color: #fff;
	    line-height: 1;
	    padding: 8px 0;
	    margin-right: 4px;
	    border-radius: 50%;
	    text-align: center;
	    width: 36px;
	    height: 36px;
	    transition: 0.3s;
	}
	
	#footer .footer-top .social-links a:hover {
	    background: #0a98c0;
	    color: #fff;
	}
	
	#footer .footer-top h4 {
	    font-size: 14px;
	    font-weight: bold;
	    color: #413e66;
	    text-transform: uppercase;
	    position: relative;
	    padding-bottom: 10px;
	}
	
	#footer .footer-top .footer-links {
	    margin-bottom: 30px;
	}
	
	#footer .footer-top .footer-links ul {
	    list-style: none;
	    padding: 0;
	    margin: 0;
	}
	
	#footer .footer-top .footer-links ul li {
	    padding: 8px 0;
	}
	
	#footer .footer-top .footer-links ul li:first-child {
	    padding-top: 0;
	}
	
	#footer .footer-top .footer-links ul a {
	    color: #696592;
	}
	
	#footer .footer-top .footer-links ul a:hover {
	    color: #a10909;
	}
	
	#footer .footer-top .footer-contact {
	    margin-bottom: 30px;
	}
	
	#footer .footer-top .footer-contact p {
	    line-height: 26px;
	}
	
	#footer .footer-top .footer-newsletter {
	    margin-bottom: 30px;
	}
	
	#footer .footer-top .footer-newsletter input[type="email"] {
	    border: 0;
	    padding: 6px 8px;
	    width: 65%;
	    border: 1px solid #d9dde6;
	}
	
	#footer .footer-top .footer-newsletter input[type="submit"] {
	    background: #a10909;
	    border: 1px solid #a10909;
	    width: 35%;
	    padding: 6px 0;
	    text-align: center;
	    color: #fff;
	    transition: 0.3s;
	    cursor: pointer;
	}
	
	#footer .footer-top .footer-newsletter input[type="submit"]:hover {
	    background: #0a98c0;
	}
	
	#footer .footer-top .form .form-group {
	    margin-bottom: 15px;
	}
	
	#footer .footer-top .form #sendmessage {
	    color: #fff;
	    background: #a10909;
	    display: none;
	    text-align: center;
	    padding: 15px;
	    font-weight: 600;
	    margin-bottom: 15px;
	}
	
	#footer .footer-top .form #errormessage {
	    color: #fff;
	    display: none;
	    background: red;
	    text-align: center;
	    padding: 15px;
	    font-weight: 600;
	    margin-bottom: 15px;
	}
	
	#footer .footer-top .form #sendmessage.show,
	#footer .footer-top .form #errormessage.show,
	#footer .footer-top .form .show {
	    display: block;
	}
	
	#footer .footer-top .form .validation {
	    color: red;
	    display: none;
	    margin: 0 0 20px;
	    font-weight: 400;
	    font-size: 13px;
	}
	
	#footer .footer-top .form label {
	    color: #413e66;
	    font-weight: 500;
	}
	
	#footer .footer-top .form input,
	#footer .footer-top .form textarea {
	    border-radius: 0;
	    box-shadow: none;
	    border: 1px solid #dce1ec;
	    font-size: 14px;
	}
	
	#footer .footer-top .form input::-webkit-input-placeholder,
	#footer .footer-top .form textarea::-webkit-input-placeholder {
	    color: #a2a0bd;
	}
	
	#footer .footer-top .form input::-moz-placeholder,
	#footer .footer-top .form textarea::-moz-placeholder {
	    color: #a2a0bd;
	}
	
	#footer .footer-top .form input:-ms-input-placeholder,
	#footer .footer-top .form textarea:-ms-input-placeholder {
	    color: #a2a0bd;
	}
	
	#footer .footer-top .form input::placeholder,
	#footer .footer-top .form textarea::placeholder {
	    color: #a2a0bd;
	}
	
	#footer .footer-top .form button[type="submit"] {
	    background: #a10909;
	    border: 0;
	    border-radius: 3px;
	    padding: 8px 30px;
	    color: #fff;
	    transition: 0.3s;
	}
	
	#footer .footer-top .form button[type="submit"]:hover {
	    background: #0a98c0;
	    cursor: pointer;
	}
	
	#footer .copyright {
	    text-align: center;
	    padding-top: 30px;
	    color: #999999;
	    font-size: 18px;
	    font-family: 'Dosis', sans-serif;
	    letter-spacing: 2px;
	}
	
	#footer .credits {
	    text-align: center;
	    font-size: 14px;
	    padding-top: 4px;
	    color: #999999;
	}
	
	#footer .credits a {
	    color: #fff;
	}
	
	#footer .credits a:hover {
	    color: #0a98c0;
	}
	
	#footer .section-header img {
	    width: 200px;
	    margin: 0 auto;
	    display: block;
	}
	
	.footer-social-links {
	    font-size: 14px;
	    text-align: center;
	    padding: 30px 0 0;
	}
	
	.footer-social-links a {
	    width: 25px;
	    height: 25px;
	    line-height: 25px !important;
	    position: relative;
	    margin: 0 6px;
	    text-align: center;
	    display: inline-block;
	    color: #fff;
	    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	}
	
	.footer-social-links a i,
	.footer-social-links a span[class^=icon] {
	    position: relative;
	    top: 0;
	    left: 0;
	}
	
	.footer-social-links a:before {
	    content: "";
	    display: inline-block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    left: 0;
	    border: 1px solid #fff;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	}
	
	.footer-social-links a:hover {
	    color: #fff;
	}
	
	.footer-social-links a:hover:before {
	    background: #a10909;
	}
	/*======== Inner page Css ==========*/
	
	#inner-banner img {
	    width: 200px;
	    margin: 0 auto 15px;
	    display: block;
	}
	
	#main-inner {}
	
	#main-inner p {
	    margin-bottom: 15px;
	}
	
	.parallax-inner {
	    width: 100%;
	    display: block;
	    position: relative;
	    overflow: hidden;
	    background-attachment: fixed;
	    background-repeat: no-repeat;
	    background-position: center center;
	    -webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	    padding-top: 140px;
	    padding-bottom: 30px;
	}
	
	.hs-line-11 {
	    margin-top: 0;
	    position: relative;
	    font-size: 30px;
	    font-weight: 400;
	    text-transform: uppercase;
	    letter-spacing: 0.5em;
	    line-height: 1.8;
	    opacity: .9;
	    color: #fff;
	    text-align: center;
	}
	
	.mb-20 {
	    margin-bottom: 20px;
	}
	
	.mt-30 {
	    margin-top: 30px;
	}
	
	.hs-line-4 {
	    margin-top: 0;
	    position: relative;
	    font-size: 14px;
	    font-weight: 400;
	    text-transform: uppercase;
	    letter-spacing: 3px;
	    color: rgba(255, 255, 255, .85);
	}
	
	.mod-breadcrumbs {
	    margin-top: -5px;
	    font-size: 11px;
	    font-weight: 400;
	    letter-spacing: 0.4em;
	    text-decoration: none;
	    text-transform: uppercase;
	    color: #fff;
	    text-align: center;
	    padding-right: 10px;
	    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	}
	
	.mod-breadcrumbs a {
	    text-decoration: none;
	    color: rgba(255, 255, 255, .8);
	    -webkit-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -moz-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -o-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -ms-transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	}
	
	.mod-breadcrumbs span {
	    opacity: .65;
	    color: #fff;
	}
	
	.about-content img {
	    width: 100%;
	}
	/*============ Tabs =============*/
	
	#vission-mission-tab {
	    padding: 60px 0;
	}
	
	#vission-mission-tab .section-header img {
	    margin: 0 auto;
	    display: block;
	    width: 200px;
	}
	
	.vM-tab {
	    margin: 20px auto 0 auto;
	    width: 80%;
	}
	
	ul.tabs {
	    margin: 0;
	    padding: 0;
	    float: none;
	    list-style: none;
	    height: 32px;
	    width: 100%;
	    text-align: center;
	}
	
	ul.tabs li {
	    /*float: left;*/
	    margin: 0;
	    cursor: pointer;
	    padding: 0px 30px;
	    height: 34px;
	    line-height: 31px;
	    border-top: 1px solid #333;
	    border-left: 1px solid #333;
	    border-bottom: 1px solid #333;
	    background-color: #fff;
	    color: #333;
	    overflow: hidden;
	    position: relative;
	    display: inline-block;
	    border-radius: 30px;
	    font-family: 'Dosis', sans-serif;
	    letter-spacing: 4px;
	}
	
	.tab_last {
	    border-right: 1px solid #333;
	}
	
	ul.tabs li:hover {
	    background-color: #a10909;
	    color: #fff;
	}
	
	ul.tabs li.active {
	    background-color: #a10909;
	    color: #fff;
	    border-bottom: 1px solid #000;
	    display: inline-block;
	}
	
	.tab_container {
	    border: 1px solid #333;
	    border-top: none;
	    clear: both;
	    float: left;
	    width: 100%;
	    background: #fff;
	    overflow: auto;
	    margin-top: 20px;
	    border-radius: 10px;
	}
	
	.tab_content {
	    padding: 30px;
	    display: none;
	    min-height: 270px;
	}
	
	.tab_drawer_heading {
	    display: none;
	}
	
	.tab_container .vM-content ul {
	    padding: 0;
	    list-style: none;
	}
	
	.tab_container .vM-content ul li {
	    margin-bottom: 10px;
	}
	
	#quality-asurance {
	    padding: 60px 0;
	    background: #fff;
	}
	
	#quality-asurance .banner-decription p {
	    margin-bottom: 10px;
	}
	
	.banner-heading {
	    font-size: 32px;
	    color: #000;
	    font-weight: normal;
	    position: relative;
	    font-family: 'Dosis', sans-serif;
	    text-transform: uppercase;
	    letter-spacing: 5px;
	    margin-bottom: 30px;
	}
	
	.banner-decription {
	    margin-bottom: 35px;
	    font-size: 15px;
	    color: #000;
	}
	
	.btn-mod.btn-round {
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
	}
	
	.banner-image {
	    margin: 20px 0 0 0;
	    text-align: right;
	}
	
	.banner-image img {
	    width: 100%;
	    border-radius: 10px;
	    margin-bottom: 20px;
	}
	
	#business-ethics {
	    padding: 60px 0;
	}
	
	#business-ethics .section-header h3 {
	    margin-top: 0;
	    letter-spacing: 4px;
	    color: #fff;
	}
	
	#key {
	    padding: 60px 0;
	}
	
	.list-items {
	    color: #b1b1b1;
	    display: flex;
	    width: 100%;
	}
	
	.list-items ul {
	    list-style: none;
	    padding-left: 0;
	    margin-bottom: 0;
	}
	
	.list-items ul li {
	    padding: 5px 0;
	    display: flex;
	}
	
	.list-items ul li i {
	    margin-right: 10px;
	}
	
	#key .section-header img {
	    width: 200px;
	    margin: 0 auto 20px;
	    display: block;
	}
	
	#key .section-header h3 {
	    color: #fff;
	    margin: 35px 0;
	    letter-spacing: 4px;
	}
	
	#csr-business,
	#pro-fec {
	    padding: 60px 0;
	}
	
	#pro-fec {
	    background: url(../img/vm-bg.jpg) no-repeat 0 0;
	    background-size: cover;
	    color: #fff;
	}
	
	#pro-fec ul {
	    padding-left: 0;
	    list-style: none;
	}
	
	#pro-fec h3 {
	    margin-bottom: 10px;
	}
	
	#pro-fec ul li {
	    font-size: 14px;
	    padding: 5px 0;
	}
	
	.pro-sec-img img {
	    width: 100%;
	    margin-bottom: 20px;
	}
	
	.pro-sec-img h3 {
	    text-transform: uppercase;
	}
	/* Printing Fecility Section
--------------------------------*/
	
	#prin-fec {
	    padding: 60px 0;
	    overflow: hidden;
	}
	
	#prin-fec #faq-list {
	    padding: 0;
	    list-style: none;
	}
	
	#prin-fec #faq-list li div {
	    margin-top: 15px;
	}
	
	#prin-fec #faq-list a {
	    padding: 22px 0;
	    display: block;
	    position: relative;
	    font-size: 20px;
	    line-height: 1;
	    font-weight: 400;
	    padding-right: 20px;
	    font-family: 'Dosis', sans-serif;
	    font-size: 18px;
	    letter-spacing: 2px;
	    background: #a10909;
	    padding: 15px;
	    color: #fff!important;
	}
	
	#prin-fec #faq-list i {
	    font-size: 24px;
	    position: absolute;
	    right: 10px;
	    top: 13px;
	}
	
	#prin-fec #faq-list p {
	    margin-bottom: 20px;
	}
	
	#prin-fec #faq-list a.collapse {
	    color: #1bb1dc;
	}
	
	#prin-fec #faq-list a.collapsed {
	    color: #000;
	}
	
	#prin-fec #faq-list a.collapsed i::before {
	    content: "\f2c7" !important;
	}
	
	#prin-fec ul {
	    padding-left: 0;
	    list-style: none;
	}
	
	#prin-fec ul li {
	    font-size: 14px;
	    padding: 5px 0;
	}
	
	#prin-fec ul.printing-list li {
	    padding: 5px 0;
	    list-style: decimal;
	    list-style-position: inside;
	    border: none!important;
	}
	/*========== Contact Css =============*/
	
	#map {
	    padding-top: 60px;
	}
	
	.cf-left-col {}
	
	#cont-sec {
	    padding: 60px 0;
	}
	
	#cont-sec .section-header p {
	    color: #fff;
	    border-bottom: 1px solid #666;
	    width: 100%;
	    text-align: center;
	    float: left;
	    padding: 0 10% 25px;
	}
	
	#cont-sec h3 {
	    color: #fff;
	}
	
	.contact-form .form-group {
	    margin-bottom: 10px;
	}
	
	.form input[type="text"],
	.form input[type="email"],
	.form input[type="phone"],
	.form input[type="url"],
	.form input[type="search"],
	.form input[type="tel"],
	.form input[type="password"],
	.form input[type="date"],
	.form input[type="color"],
	.form select {
	    font-size: 12px;
	    font-weight: 400;
	    text-transform: uppercase !important;
	    letter-spacing: 1px;
	    height: 38px;
	    color: #777;
	    border-color: rgba(0, 0, 0, .1);
	    outline: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	    border-radius: 5px;
	    -webkit-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -moz-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -o-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    -ms-transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	    transition: all 0.2s cubic-bezier(0.000, 0.000, 0.580, 1.000);
	}
	
	.form textarea {
	    font-size: 12px;
	    font-weight: 400;
	    text-transform: uppercase;
	    letter-spacing: 1px;
	    color: #777;
	    outline: none;
	    -webkit-box-shadow: none;
	    -moz-box-shadow: none;
	    box-shadow: none;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    border-radius: 5px;
	}
	
	.form textarea:hover {
	    background-color: #ddd;
	}
	
	.form input:hover,
	.form input:focus {
	    background-color: #ddd
	}
	
	.submitSec .submit_btn {
	    background: #a10909;
	    padding: 10px 15px;
	    border-radius: 5px;
	    border: none;
	    float: right;
	    color: #fff;
	}
	
	.submitSec .submit_btn:hover {
	    color: #333;
	    background: #fff;
	}
	
	.contact-item {
	    position: relative;
	    padding-left: 44px;
	    margin-bottom: 20px;
	    color: #444;
	    -webkit-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -moz-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -o-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    -ms-transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	    transition: all 0.27s cubic-bezier(0.300, 0.100, 0.580, 1.000);
	}
	
	.ci-icon {
	    width: 33px;
	    height: 33px;
	    position: absolute;
	    top: 14px;
	    left: 3px;
	    color: #000;
	    text-align: center;
	    line-height: 33px;
	}
	
	.ci-icon::before {
	    content: " ";
	    width: 100%;
	    height: 100%;
	    display: block;
	    position: absolute;
	    top: 0;
	    left: 0;
	    background: #fff;
	    -webkit-border-radius: 2px;
	    -moz-border-radius: 2px;
	    border-radius: 2px;
	    -webkit-transform: rotate(45deg);
	    -moz-transform: rotate(45deg);
	    -o-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	    transform: rotate(45deg);
	}
	
	.ci-icon i,
	.ci-icon span {
	    position: relative;
	}
	
	.ci-title {
	    margin-bottom: 1px;
	    color: #fff;
	    font-size: 16px;
	    font-weight: 400;
	    text-transform: uppercase;
	    letter-spacing: 0.3em;
	    margin-left: 15px;
	}
	
	.ci-text {
	    font-size: 15px;
	    font-weight: 300;
	    margin-left: 15px;
	    color: #fff;
	}
	
	#clientSec {
	    padding: 60px 0;
	}
	
	.clientLogo {
	    margin-bottom: 30px;
	}
	
	.clientLogo img {
	    width: 100%;
	    border: 1px solid #eee;
	    transition: transform 0.3s ease-in-out;
	}
	
	.clientLogo img:hover {
	    transform: scale(1.2);
	}
	
	#sustainability-sec {
	    padding: 60px 0;
	}
	
	#sustainability-sec .section-header img {
	    width: 150px;
	    margin: 0 auto;
	    display: block;
	}
	
	#sustainability-sec .section-header p {
	    width: 80%;
	    padding-bottom: 15px;
	}
	
	.sus-content {
	    min-height: 330px;
	    background: #fff;
	    padding: 4%;
	    -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.36);
	    -moz-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.36);
	    box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.36);
	}
	
	#faq {
	    padding: 60px 0;
	    overflow: hidden;
	    background: #f9f9f9;
	}
	
	#faq #faq-list {
	    padding: 0;
	    list-style: none;
	}
	
	#faq #faq-list li div {
	    margin-top: 15px;
	}
	
	#faq #faq-list a {
	    padding: 22px 0;
	    display: block;
	    position: relative;
	    font-size: 20px;
	    line-height: 1;
	    font-weight: 400;
	    padding-right: 20px;
	    font-family: 'Dosis', sans-serif;
	    font-size: 18px;
	    letter-spacing: 2px;
	    background: #a10909;
	    padding: 15px;
	    color: #fff!important;
	}
	
	#faq #faq-list i {
	    font-size: 24px;
	    position: absolute;
	    right: 10px;
	    top: 13px;
	}
	
	#faq #faq-list p {
	    margin-bottom: 20px;
	}
	
	#faq #faq-list a.collapse {
	    color: #1bb1dc;
	}
	
	#faq #faq-list a.collapsed {
	    color: #000;
	}
	
	#faq #faq-list a.collapsed i::before {
	    content: "\f2c7" !important;
	}
	
	#faq ul {
	    padding-left: 0;
	    list-style: none;
	}
	
	#faq ul li {
	    font-size: 14px;
	    padding: 5px 0;
	}
	
	#faq ul.printing-list li {
	    padding: 5px 0;
	    list-style: decimal;
	    list-style-position: inside;
	    border: none!important;
	}
	
	#csr {
	    padding: 60px 0;
	    border-bottom: 1px solid #ddd;
	}
	
	#csr .section-header img {
	    width: 200px;
	    margin: 0 auto 20px;
	    display: block;
	}
	
	.csr-certification {
	    width: 100%;
	}
	
	.csr-certification .logoarea img {
	    width: 100%;
	    max-width: 200px;
	    margin: 0 auto 20px;
	    display: block;
	    transition: transform 0.3s ease-in-out;
	}
	
	.csr-certification .logoarea img:hover {
	    transform: scale(1.2);
	}
	
	#csr .section-header p {
	    width: 80%;
	    margin-top: 15px;
	    padding-bottom: 0;
	}
	
	#product-cat {
	    padding: 60px 0;
	}
	
	#csr .section-header {
	    margin-bottom: 20px;
	}
	
	.wpcf7-validation-errors {
	    color: #ffdddd;
	}
	
	div.wpcf7-mail-sent-ok {
    color: #fff!important;
	}

	
	
	
	
	
	
	
	
	
	/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/
	
	@media (max-width:1356px) {
	    #home-banner .carousel-item .carousel-caption img {
	        width: 250px;
	    }
	    #home-banner .carousel-item .carousel-caption h1 {
	        margin-bottom: 0;
	    }
	    #home-banner .carousel-item .carousel-caption h2 {
	        font-size: 54px;
	    }
	}
	
	@media (max-width:1248px) {
	    .pro-right-graph img {
	        width: 100%;
	    }
	}
	
	@media (max-width:1099px) {
	    #clients .container {
	        max-width: 80%;
	    }
	    #home-banner .carousel-item .carousel-caption h1 {
	        font-size: 18px;
	    }
	}
	
	@media (min-width: 991px) {
	    #call-to-action .cta-btn-container {
	        display: block;
	        -webkit-box-align: center;
	        -webkit-align-items: center;
	        -ms-flex-align: center;
	        align-items: center;
	        -webkit-box-pack: end;
	        -webkit-justify-content: flex-end;
	        -ms-flex-pack: end;
	        justify-content: flex-end;
	    }
	}
	
	@media (min-width: 992px) {
	    #intro .intro-info {
	        padding-top: 80px;
	    }
	    #testimonials .testimonial-item p {
	        width: 80%;
	    }
	}
	
	@media (max-width: 991px) {
	    #topbar {
	        display: none;
	    }
	    #header {
	        height: 70px;
	        padding: 15px 0;
	    }
	    #header .logo h1 {
	        font-size: 28px;
	        padding: 8px 0;
	    }
	    #why-us .why-us-content {
	        padding-top: 30px;
	    }
	    #pricing {
	        padding-bottom: 30px;
	    }
	    #pricing .card {
	        margin-bottom: 50px;
	    }
	    #home-banner .carousel-item .carousel-caption h1 {
	        font-size: 23px;
	    }
	    #home-banner .carousel-item .carousel-caption h2 {
	        font-size: 60px;
	    }
	    #home-banner .carousel-item .carousel-caption img {
	        width: 20%;
	    }
	    #home-banner .carousel-item .carousel-caption p {
	        font-size: 18px;
	    }
	    #home-banner .carousel-item {
	        max-height: 500px;
	    }
	    #home-banner .carousel-indicators {
	        bottom: 0;
	    }
	    .LogoBoxDiv {
	        width: 98%;
	    }
	    .LogoBoxDiv li {
	        width: 15%;
	    }
	    .pro-cat-img {
	        text-align: center;
	    }
	    .pro-cat-img img {
	        float: none;
	    }
	    .contact-form {
	        margin-bottom: 30px;
	    }
	}
	
	@media (max-width: 768px) {
	    .back-to-top {
	        bottom: 15px;
	    }
	    #faq #faq-list a {
	        font-size: 18px;
	    }
	    #faq #faq-list i {
	        top: 13px;
	    }
	}
	
	@media (max-width: 767px) {
	    #intro {
	        height: auto;
	        padding: 80px 0 60px 0;
	    }
	    #intro .container {
	        height: auto !important;
	    }
	    #intro .intro-img {
	        width: 80%;
	    }
	    #intro .intro-info {
	        text-align: center;
	        padding-top: 40px;
	    }
	    #intro .intro-info h2 {
	        font-size: 34px;
	        margin-bottom: 30px;
	    }
	    .section-header p {
	        width: 100%;
	    }
	    #testimonials .testimonial-item {
	        text-align: center;
	    }
	    #testimonials .testimonial-item .testimonial-img {
	        float: none;
	        margin: auto;
	    }
	    #testimonials .testimonial-item h3,
	    #testimonials .testimonial-item h4,
	    #testimonials .testimonial-item p {
	        margin-left: 0;
	    }
	    .pro-right-graph {
	        margin-bottom: 20px;
	    }
	    #quality-complianceBottom p {
	        width: 100%;
	    }
	    #vission-mission-tab .section-header img {
	        width: 200px;
	        margin: 0 auto;
	        display: block;
	    }
	    .list-items {
	        display: block;
	        width: 70%;
	        margin: 0 auto;
	        text-align: center;
	    }
	}
	
	@media (max-width: 680px) {
	    #home-banner .carousel-item .carousel-caption h1 {
	        font-size: 15px;
	    }
	    #home-banner .carousel-item .carousel-caption h2 {
	        font-size: 34px;
	    }
	    #home-banner .carousel-item .carousel-caption p {
	        font-size: 14px;
	    }
	    #about {
	        padding: 40px 0;
	    }
	}
	
	@media (max-width: 574px) {
	    #footer .footer-top .social-links a {
	        margin-bottom: 25px;
	    }
	    #home-banner .carousel-item .carousel-caption img {
	        width: 22%;
	        margin: 0 auto 5px;
	    }
	    #home-banner .carousel-item .carousel-caption h2 {
	        font-size: 20px;
	    }
	    #home-banner .carousel-item .carousel-caption h1 {
	        font-size: 12px;
	    }
	    #home-banner .carousel-item .carousel-caption p {
	        font-size: 12px;
	        margin: 0;
	    }
	    #home-banner .carousel-item>img {
	        width: 100%;
	    }
	    #home-banner .carousel-indicators {
	        display: none;
	    }
	    #clients {
	        padding: 70px 0 60px 0;
	    }
	}
	
	@media (max-width:480px) {
	    .LogoBoxDiv li {
	        width: 13%;
	    }
	    #about .about-content {
	        padding-top: 0px;
	    }
	    #about,
	    #production-capacity,
	    .pro-cat-content {
	        text-align: center;
	    }
	    .tabs {
	        display: none;
	    }
	    .tab_drawer_heading {
	        background-color: #555;
	        color: #fff;
	        border-top: 1px solid #333;
	        margin: 0;
	        padding: 10px 20px;
	        font-size: 16px;
	        display: block;
	        cursor: pointer;
	        font-weight: 400;
	        letter-spacing: 4px;
	        font-family: 'Dosis', sans-serif;
	        -webkit-touch-callout: none;
	        -webkit-user-select: none;
	        -khtml-user-select: none;
	        -moz-user-select: none;
	        -ms-user-select: none;
	        user-select: none;
	    }
	    .d_active {
	        background-color: #a10909;
	        color: #fff;
	    }
	    .vM-tab {
	        width: 90%;
	    }
	    .tab_content {
	        padding: 30px 20px;
	    }
	}
	
	@media (max-width:380px) {
	    #home-banner .carousel-item .carousel-caption h1 {
	        margin-bottom: 0;
	    }
	    .LogoBoxDiv li {
	        width: 11%;
	    }
	    .owl-prev {
	        margin-left: -10px;
	    }
	    .owl-next {
	        right: -10px;
	    }
	}