/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */
*, body {
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

.bg-empty {
    background: transparent !important;
}
.bg-primary {
    background-color: #228bdf !important;
}
.bg-success {
    background-color: #00b19d !important;
}
.bg-info {
    background-color: #3ddcf7 !important;
}
.bg-warning {
    background-color: #ffaa00 !important;
}
.bg-danger {
    background-color: #ef5350 !important;
}
.bg-muted {
    background-color: #F5F5F5 !important;
}
.bg-inverse {
    background-color: #4c5667 !important;
}
.bg-purple {
    background-color: #7266ba !important;
}
.bg-pink {
    background-color: #f76397 !important;
}
.bg-white {
    background-color: #ffffff !important;
}
.text-white {
    color: #ffffff !important;
}
.text-danger {
    color: #ef5350;
}
.text-muted {
    color: #98a6ad;
}
.text-primary {
    color: #228bdf;
}
.text-warning {
    color: #ffaa00;
}
.text-success {
    color: #00b19d;
}
.text-info {
    color: #3ddcf7;
}
.text-inverse {
    color: #4c5667;
}
.text-pink {
    color: #f76397;
}
.text-purple {
    color: #7266ba;
}
.text-dark {
    color: #797979 !important;
}
.text-white {
    color: #fff !important;
}
.label {
    color: #ffffff !important;
}
.label-primary {
    background-color: #228bdf;
}
.label-success {
    background-color: #00b19d;
}
.label-info {
    background-color: #3ddcf7;
}
.label-warning {
    background-color: #ffaa00;
}
.label-danger {
    background-color: #ef5350;
}
.label-purple {
    background-color: #7266ba;
}
.label-pink {
    background-color: #f76397;
}
.label-dark {
    background: #4f595b;
}
.label-inverse {
    background-color: #4c5667;
}
.badge-primary {
    background-color: #228bdf;
}
.badge-success {
    background-color: #00b19d;
}
.badge-info {
    background-color: #3ddcf7;
}
.badge-warning {
    background-color: #ffaa00;
}
.badge-danger {
    background-color: #ef5350;
}
.badge-purple {
    background-color: #7266ba;
}
.badge-pink {
    background-color: #f76397;
}
.badge-inverse {
    background-color: #4c5667;
}
.m-0 {
    margin: 0 !important;
}
.mt-0 {
    margin-top: 0px !important;
}
.mt-5 {
    margin-top: 5px !important;
}
.mt-10 {
    margin-top: 10px !important;
}
.mt-15 {
    margin-top: 15px !important;
}
.mt-20 {
    margin-top: 20px !important;
}
.mt-25 {
    margin-top: 25px !important;
}
.mt-30 {
    margin-top: 30px !important;
}
.mt-35 {
    margin-top: 35px !important;
}
.mt-40 {
    margin-top: 40px !important;
}
.mt-45 {
    margin-top: 45px !important;
}
.mt-50 {
    margin-top: 50px !important;
}
.mt-55 {
    margin-top: 55px !important;
}
.mt-60 {
    margin-top: 60px !important;
}
.mt-65 {
    margin-top: 65px !important;
}
.mt-70 {
    margin-top: 70px !important;
}
.mt-75 {
    margin-top: 75px !important;
}
.mt-80 {
    margin-top: 80px !important;
}
.mt-85 {
    margin-top: 85px !important;
}
.mt-90 {
    margin-top: 90px !important;
}
.mt-95 {
    margin-top: 95px !important;
}
.mt-100 {
    margin-top: 100px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}
.mb-5 {
    margin-bottom: 5px !important;
}
.mb-10 {
    margin-bottom: 10px !important;
}
.mb-15 {
    margin-bottom: 15px !important;
}
.mb-20 {
    margin-bottom: 20px !important;
}
.mb-25 {
    margin-bottom: 25px !important;
}
.mb-30 {
    margin-bottom: 30px !important;
}
.mb-35 {
    margin-bottom: 35px !important;
}
.mb-40 {
    margin-bottom: 40px !important;
}
.mb-45 {
    margin-bottom: 45px !important;
}
.mb-50 {
    margin-bottom: 50px !important;
}
.mb-55 {
    margin-bottom: 55px !important;
}
.mb-60 {
    margin-bottom: 60px !important;
}
.mb-65 {
    margin-bottom: 65px !important;
}
.mb-70 {
    margin-bottom: 70px !important;
}
.mb-75 {
    margin-bottom: 75px !important;
}
.mb-80 {
    margin-bottom: 80px !important;
}
.mb-85 {
    margin-bottom: 85px !important;
}
.mb-90 {
    margin-bottom: 90px !important;
}
.mb-95 {
    margin-bottom: 95px !important;
}
.mb-100 {
    margin-bottom: 100px !important;
}
.ml-0 {
    margin-left: 0px !important;
}
.ml-5 {
    margin-left: 5px !important;
}
.ml-10 {
    margin-left: 10px !important;
}
.ml-15 {
    margin-left: 15px !important;
}
.ml-20 {
    margin-left: 20px !important;
}
.ml-25 {
    margin-left: 25px !important;
}
.ml-30 {
    margin-left: 30px !important;
}
.ml-35 {
    margin-left: 35px !important;
}
.ml-40 {
    margin-left: 40px !important;
}
.ml-45 {
    margin-left: 45px !important;
}
.ml-50 {
    margin-left: 50px !important;
}
.ml-55 {
    margin-left: 55px !important;
}
.ml-60 {
    margin-left: 60px !important;
}
.ml-65 {
    margin-left: 65px !important;
}
.ml-70 {
    margin-left: 70px !important;
}
.ml-75 {
    margin-left: 75px !important;
}
.ml-80 {
    margin-left: 80px !important;
}
.ml-85 {
    margin-left: 85px !important;
}
.ml-90 {
    margin-left: 90px !important;
}
.ml-95 {
    margin-left: 95px !important;
}
.ml-100 {
    margin-left: 100px !important;
}
.mr-0 {
    margin-right: 0px !important;
}
.mr-5 {
    margin-right: 5px !important;
}
.mr-10 {
    margin-right: 10px !important;
}
.mr-15 {
    margin-right: 15px !important;
}
.mr-20 {
    margin-right: 20px !important;
}
.mr-25 {
    margin-right: 25px !important;
}
.mr-30 {
    margin-right: 30px !important;
}
.mr-35 {
    margin-right: 35px !important;
}
.mr-40 {
    margin-right: 40px !important;
}
.mr-45 {
    margin-right: 45px !important;
}
.mr-50 {
    margin-right: 50px !important;
}
.mr-55 {
    margin-right: 55px !important;
}
.mr-60 {
    margin-right: 60px !important;
}
.mr-65 {
    margin-right: 65px !important;
}
.mr-70 {
    margin-right: 70px !important;
}
.mr-75 {
    margin-right: 75px !important;
}
.mr-80 {
    margin-right: 80px !important;
}
.mr-85 {
    margin-right: 85px !important;
}
.mr-90 {
    margin-right: 90px !important;
}
.mr-95 {
    margin-right: 95px !important;
}
.mr-100 {
    margin-right: 100px !important;
}
.p-0 {
    padding: 0 !important;
}
.pt-0 {
    padding-top: 0px !important;
}
.pt-5 {
    padding-top: 5px !important;
}
.pt-10 {
    padding-top: 10px !important;
}
.pt-15 {
    padding-top: 15px !important;
}
.pt-20 {
    padding-top: 20px !important;
}
.pt-25 {
    padding-top: 25px !important;
}
.pt-30 {
    padding-top: 30px !important;
}
.pt-35 {
    padding-top: 35px !important;
}
.pt-40 {
    padding-top: 40px !important;
}
.pt-45 {
    padding-top: 45px !important;
}
.pt-50 {
    padding-top: 50px !important;
}
.pt-55 {
    padding-top: 55px !important;
}
.pt-60 {
    padding-top: 60px !important;
}
.pt-65 {
    padding-top: 65px !important;
}
.pt-70 {
    padding-top: 70px !important;
}
.pt-75 {
    padding-top: 75px !important;
}
.pt-80 {
    padding-top: 80px !important;
}
.pt-85 {
    padding-top: 85px !important;
}
.pt-90 {
    padding-top: 90px !important;
}
.pt-95 {
    padding-top: 95px !important;
}
.pt-100 {
    padding-top: 100px !important;
}
.pb-0 {
    padding-bottom: 0px !important;
}
.pb-5 {
    padding-bottom: 5px !important;
}
.pb-10 {
    padding-bottom: 10px !important;
}
.pb-15 {
    padding-bottom: 15px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-25 {
    padding-bottom: 25px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-35 {
    padding-bottom: 35px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.pb-45 {
    padding-bottom: 45px !important;
}
.pb-50 {
    padding-bottom: 50px !important;
}
.pb-55 {
    padding-bottom: 55px !important;
}
.pb-60 {
    padding-bottom: 60px !important;
}
.pb-65 {
    padding-bottom: 65px !important;
}
.pb-70 {
    padding-bottom: 70px !important;
}
.pb-75 {
    padding-bottom: 75px !important;
}
.pb-80 {
    padding-bottom: 80px !important;
}
.pb-85 {
    padding-bottom: 85px !important;
}
.pb-90 {
    padding-bottom: 90px !important;
}
.pb-95 {
    padding-bottom: 95px !important;
}
.pb-100 {
    padding-bottom: 100px !important;
}
.pl-0 {
    padding-left: 0px !important;
}
.pl-5 {
    padding-left: 5px !important;
}
.pl-10 {
    padding-left: 10px !important;
}
.pl-15 {
    padding-left: 15px !important;
}
.pl-20 {
    padding-left: 20px !important;
}
.pl-25 {
    padding-left: 25px !important;
}
.pl-30 {
    padding-left: 30px !important;
}
.pl-35 {
    padding-left: 35px !important;
}
.pl-40 {
    padding-left: 40px !important;
}
.pl-45 {
    padding-left: 45px !important;
}
.pl-50 {
    padding-left: 50px !important;
}
.pl-55 {
    padding-left: 55px !important;
}
.pl-60 {
    padding-left: 60px !important;
}
.pl-65 {
    padding-left: 65px !important;
}
.pl-70 {
    padding-left: 70px !important;
}
.pl-75 {
    padding-left: 75px !important;
}
.pl-80 {
    padding-left: 80px !important;
}
.pl-85 {
    padding-left: 85px !important;
}
.pl-90 {
    padding-left: 90px !important;
}
.pl-95 {
    padding-left: 95px !important;
}
.pl-100 {
    padding-left: 100px !important;
}
.pr-0 {
    padding-right: 0px !important;
}
.pr-5 {
    padding-right: 5px !important;
}
.pr-10 {
    padding-right: 10px !important;
}
.pr-15 {
    padding-right: 15px !important;
}
.pr-20 {
    padding-right: 20px !important;
}
.pr-25 {
    padding-right: 25px !important;
}
.pr-30 {
    padding-right: 30px !important;
}
.pr-35 {
    padding-right: 35px !important;
}
.pr-40 {
    padding-right: 40px !important;
}
.pr-45 {
    padding-right: 45px !important;
}
.pr-50 {
    padding-right: 50px !important;
}
.pr-55 {
    padding-right: 55px !important;
}
.pr-60 {
    padding-right: 60px !important;
}
.pr-65 {
    padding-right: 65px !important;
}
.pr-70 {
    padding-right: 70px !important;
}
.pr-75 {
    padding-right: 75px !important;
}
.pr-80 {
    padding-right: 80px !important;
}
.pr-85 {
    padding-right: 85px !important;
}
.pr-90 {
    padding-right: 90px !important;
}
.pr-95 {
    padding-right: 95px !important;
}
.pr-100 {
    padding-right: 100px !important;
}
.f-10 {
    font-size: 10px !important;
}
.f-20 {
    font-size: 20px !important;
}
.f-22 {
    font-size: 22px !important;
}
.f-24 {
    font-size: 24px !important;
}
.f-26 {
    font-size: 26px !important;
}
.f-28 {
    font-size: 28px !important;
}
.f-30 {
    font-size: 30px !important;
}
.f-40 {
    font-size: 40px !important;
}
.f-50 {
    font-size: 50px !important;
}
.f-60 {
    font-size: 60px !important;
}
.f-70 {
    font-size: 70px !important;
}
.f-80 {
    font-size: 80px !important;
}
.f-90 {
    font-size: 90px !important;
}
.f-100 {
    font-size: 100px !important;
}
.hidden {
    display: none !important;
}
.btn-rounded {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger, .btn-inverse, .btn-purple, .btn-pink {
    color: #ffffff !important;
}
.btn-default {
    background-color: #dae6ec;
    border-color: #dae6ec;
}
.btn-default:focus {
    background-color: #dae6ec;
    border-color: #C2CED4;
}
.btn-default:hover {
    background-color: #dae6ec;
    border-color: #C2CED4;
}
.btn-default:active {
    background-color: #dae6ec;
    border-color: #C2CED4;
}
.btn-default.active, .btn-default:active, .open>.dropdown-toggle.btn-default {
    background-color: #dae6ec !important;
    border-color: #C2CED4 !important;
}
.btn-inverse {
    background-color: #4c5667 !important;
    border: 1px solid #4c5667 !important;
}
.btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.focus, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .open>.dropdown-toggle.btn-inverse {
    background-color: #414a58 !important;
    border: 1px solid #414a58 !important;
}
.btn-purple {
    background-color: #7266ba !important;
    border: 1px solid #7266ba !important;
}
.btn-purple:hover, .btn-purple:focus, .btn-purple:active {
    background-color: #6254b2 !important;
    border: 1px solid #6254b2 !important;
}
.btn-pink {
    background-color: #f76397 !important;
    border: 1px solid #f76397 !important;
}
.btn-pink:hover, .btn-pink:focus, .btn-pink:active {
    background-color: #f64b87 !important;
    border: 1px solid #f64b87 !important;
}


body {
    font-family: 'Laila', serif;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.5px;
    overflow-x: hidden;
}
h1, h2 ,h3 ,h4 ,h5
{
	font-family: 'Fjalla One', sans-serif !important;
	font-weight: normal;
}
p {
    line-height: 28px;
}
.btn {
    font-size: 14px;
    font-weight: 600;
    border-radius: 6px;
    padding: 5px 15px;
}
.btn i {
    font-size: 20px;
    vertical-align: -4px;
}
.btn-theme {
    background-color: #000080;
    color: #fff;
}
.btn-theme:hover {
    color: #fff;
}
a, a:hover {
    text-decoration: none;
}
.container {
    max-width: 1200px;
}
.form-control {
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 6px;
}
.btn-border-white {
    border: 2px solid #fff;
    color: #fff;
}
.btn-border-white:hover {
    background-color: #fff;
    color: #000080;
}

.btn-secondary {
    background-color: #000080;
    border-color: #000080;
    color: #fff;
}

.main-wrap {
    width: 1200px;
    margin: 0 auto;
    box-shadow: 0 0 10px #aaa;
}

.main-header {
    position: sticky;
    top: 0;
    z-index: 666;
    background-color: #43382e;
    -webkit-box-shadow: 0 0 30px rgb(0 0 0 / 30%);
    -moz-box-shadow: 0 0 30px rgba(0,0,0,0.3);
    box-shadow: 0 0 30px rgb(0 0 0 / 30%);
}
.main-header .header-top .header-top-left {
    padding: 5px 0px 5px;
}
.main-header .header-top .header-top-left p {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    margin: 0px;
}
.main-header .header-top .header-top-left i {
    color: #6ec25b;
    font-size: 24px;
    vertical-align: -4px;
}
.main-header .header-top .header-top-left span {
    display: inline-block;
    margin-left: 5px;
}
.main-header .header-top .header-top-right {
    text-align: right;
    padding: 5px 0px 5px;
}
.main-header .header-top .header-top-right .social a {
    color: #fff;
    font-size: 16px;
    margin-left: 15px;
    -webkit-transition: .3s;
    transition: .3s;
}
.main-header .header-top .header-top-right .social a:hover {
    color: #6ec25b;
}
.main-header .header-bottom {
    /*background: #69C7BC;*/
    /*background: -webkit-linear-gradient(left, #69C7BC, #64BE6A);*/
    /*background: -o-linear-gradient(left, #69C7BC, #64BE6A);*/
    /*background: -moz-linear-gradient(left, #69C7BC, #64BE6A);*/
    /*background: -ms-linear-gradient(left,#69C7BC,#64BE6A);*/
    /*background: linear-gradient(left, #69C7BC, #64BE6A);*/
    background: #2185f6;
    position: relative;
    z-index: 999;
}
.main-header .header-bottom .support-bar {
    padding: 15px 0px 15px;
    background-color: #fff;
}
.main-header .header-bottom .logo-wrapper {
    display: table;
    height: 100%;
    max-width: 280px;
    max-height: 50px;
}
.main-header .header-bottom  .logo-wrapper-inner {
    display: table-cell;
    vertical-align: middle;
}
.main-header .header-bottom  .logo-wrapper-inner img {
    width: 100%;
}
.main-header .header-bottom .single-support-info-wrap {
    display: flex;
    align-items: center;
    justify-content: end;
}
.main-header .header-bottom .single-support-info + .single-support-info {
    margin-left: 30px;
}
.main-header .header-bottom .single-support-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.main-header .header-bottom .single-support-info .icon-wrapper {
    margin-right: 10px;
}
.main-header .header-bottom .single-support-info .icon-wrapper i {
    color: #000080;
    font-size: 40px;
}
.main-header .header-bottom .single-support-info h6 {
    font-size: 16px;
    font-weight: 600;
    color: #354363;
    margin-bottom: 0px;
}
.main-header .header-bottom .single-support-info span {
    font-size: 14px;
    font-weight: 400;
    color: #7b7f88;
}
.main-header .header-bottom .navbar {
    padding-left: 0;
    padding-right: 0;
}
.main-header .header-bottom .main-nav {
    position: sticky;
    top: 0;
}
.main-header .header-bottom .main-nav nav.navbar ul li {
    margin-right: 10px;
}
.main-header .header-bottom .main-nav nav.navbar ul li a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
}
.main-header .header-bottom .main-nav nav.navbar ul li a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: -10px;
    background-color: #000080;
}
.main-header .header-bottom .main-nav nav.navbar ul li.active > a {
    color: #fff;
}
.main-header .header-bottom .main-nav nav.navbar ul li > a:hover {
    color: #000080;
}
.main-header .header-bottom .main-nav nav.navbar ul li.active > a::before {
    width: 100%;
}
.main-header .dropdown-menu {
    background-color: #69C7BC;
}
.main-header .header-bottom .main-nav nav.navbar .dropdown-item {
    color: #fff;
    padding: 8px 15px;
}
/* .main-header .header-bottom .main-nav nav.navbar ul li:first-child a.nav-link {
    padding-left: 0px;
} */
/* .main-header .header-bottom::after {
    content: "";
    width: 100%;
    height: 16px;
    position: absolute;
    bottom: -15px;
    left: 0;
    background-image: url('../img/ripped-paper-header-1.png');
    background-position: center center;
    background-size: auto;
} */
.main-header  .dropdown-menu {
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 20%);
    border: 0;
    padding: 10px 0px;
    min-width: 250px;
}
.main-header .dropdown-toggle::after {
    border: 0;
    content: "\f107";
    font-family: 'Line Awesome Free';
    font-weight: 900;
    vertical-align: -1px;
}
.main-header .dropdown-item:focus, .main-header .dropdown-item:hover {
    color: #fff !important;
    text-decoration: none;
    background-color: #4ca99e;
}



.hero-slider-wrap-main {
    position: relative;
}
.hero-slider-wrap-main .hero-slider-overlay {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -30px;
    z-index: 77;
}
.hero-slider-wrap-main #banner-svg-s1 {
    stop-color: #69C7BC;
}
.hero-slider-wrap-main #banner-svg-s2 {
    stop-color: #64BE6A;
}
.hero-slider-wrap-main .nivoSlider {
    margin: 0;
    box-shadow: none;
}
.section-title {
    margin-bottom: 30px;
}
.section-title span.small-text {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
    color: #000080;
    margin: 0;
    display: inline-block;
}
.section-title h2 {
    font-size: 34px;
    color: #000;
    margin: 0;
    margin-bottom: 20px;
    line-height: 48px;
}

.about-content-wrap {
    
    background: #69C7BC;
    background: -webkit-linear-gradient(left, #69C7BC, #64BE6A);
    background: -o-linear-gradient(left, #69C7BC, #64BE6A);
    background: -moz-linear-gradient(left, #69C7BC, #64BE6A);
    background: -ms-linear-gradient(left,#69C7BC,#64BE6A);
    background: linear-gradient(left, #69C7BC, #64BE6A);
    padding-top: 0px;
}
.about-content-wrap .about-content-box {
    height: 600px;
    background-repeat: no-repeat;
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
    margin-top: -200px;
    z-index: 88;
    background-size: contain;
}
.about-content-wrap .about-content-box .about-content-inner {
    width: 720px;
    padding-top: 130px;
    padding-right: 50px;
}
.about-content-wrap .about-content-box .about-content-inner .section-title h2, 
.about-content-wrap .about-content-box .about-content-inner p {
    color: #000080;
}
.section-padding {
    padding: 50px 20px;
}
.animals-we-feed-wrap {
    
    background: #69C7BC;
    background: -webkit-linear-gradient(left, #69C7BC, #64BE6A);
    background: -o-linear-gradient(left, #69C7BC, #64BE6A);
    background: -moz-linear-gradient(left, #69C7BC, #64BE6A);
    background: -ms-linear-gradient(left,#69C7BC,#64BE6A);
    background: linear-gradient(left, #69C7BC, #64BE6A);
    padding-bottom: 200px;
}
.animals-we-feed-wrap .animal-item {
    text-align: center;
}
.animals-we-feed-wrap .animal-item img {
    /* width: 150px;
    margin-bottom: 20px; */
    width: 130px;
    height: 130px;
    border: 4px solid #fff;
    border-radius: 50%;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    margin-bottom: 20px;
}
.animals-we-feed-wrap .animal-item h4 {
    color: #fff;
    margin: 0;
    margin-bottom: 20px;
}
.animals-we-feed-wrap .animal-item .link-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    color: #69C7BC;
}
.animals-we-feed-wrap .animal-item:hover img {
    transform: scale(1.2);
    -webkit-box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);
    box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);
}
.raw-materials-wrap {
    position: relative;
    padding-bottom: 80px;
}
.raw-materials-wrap .top-curve {
    position: absolute;
    width: 100%;
    top: -66px;
    left: 0;
    right: 0;
    
}
.raw-materials-wrap .bottom-curve {
    position: absolute;
    width: 100%;
    bottom: -66px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    left: 0;
    right: 0;
    z-index: 3;
}
.raw-materials-wrap .raw-materials-circle {
    width: 600px;
    height: 600px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
}
.raw-materials-wrap .raw-materials-circle .raw-materials-circle-title {
    margin: 0;
}
.raw-materials-wrap .raw-materials-circle .material-item {
    position: absolute;
}
.raw-materials-wrap .raw-materials-circle .material-item .material-img {
    width: 100px;
    height: 100px;
    display: block;
    border-radius: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    box-shadow: 0px 2px 12px 4px rgb(0 0 0 / 20%);
    margin-bottom: 10px;
}
.raw-materials-wrap .raw-materials-circle .material-item h4 {
    font-size: 15px;
    color: #000;
    margin: 0;
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap {
    position: absolute;
    left: 250px;
    top: 250px;
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(1) {
    transform: rotate(0deg) translate(300px) rotate(0deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(2) {
    transform: rotate(36deg) translate(300px) rotate(-36deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(3) {
    transform: rotate(72deg) translate(300px) rotate(-72deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(4) {
    transform: rotate(108deg) translate(300px) rotate(-108deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(5) {
    transform: rotate(144deg) translate(300px) rotate(-144deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(6) {
    transform: rotate(180deg) translate(300px) rotate(-180deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(7) {
    transform: rotate(216deg) translate(300px) rotate(-216deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(8) {
    transform: rotate(252deg) translate(300px) rotate(-252deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(9) {
    transform: rotate(288deg) translate(300px) rotate(-288deg);
}
.raw-materials-wrap .raw-materials-circle .material-item-wrap .material-item:nth-child(10) {
    transform: rotate(324deg) translate(300px) rotate(-324deg);
}
.products-home-wrap {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 130px;
}
.products-home-wrap::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.2;
}
.products-home-wrap .container {
    position: relative;
    z-index: 33;
}
.products-home-wrap .product-item {
    display: block;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    padding-top: 20px;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.products-home-wrap .product-item::before {
    content: "";
    width: 100%;
    height: 130px;
    background-color: #6BCBD9;
    border-radius: 10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
/* .products-home-wrap .product-item.item-green::before {
    background-color: #81d742;
}
.products-home-wrap .product-item.item-lemon::before {
    background-color: #b2d240;
}
.products-home-wrap .product-item.item-red::before {
    background-color: #ff554e;
}
.products-home-wrap .product-item.item-yellow::before {
    background-color: #f4d735;
}
.products-home-wrap .product-item.item-orange::before {
    background-color: #ffad35;
}
.products-home-wrap .product-item.item-blue::before {
    background-color: #43382e;
} */
.products-home-wrap .product-item img {
    padding: 0;
    position: relative;
    z-index: 3;
    -webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
	height: 200px;
	margin: 0 auto;
    display: block;
}
.products-home-wrap .product-item:hover img {
    transform: translateY(-10px);
}
.products-home-wrap .product-item h2 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    letter-spacing: 0;
    padding: 20px 20px;
    position: relative;
    text-align: center;
    z-index: 4;
}
.products-home-wrap .product-item p {
    color: #000;
    margin-bottom: 0;
}
.products-home-wrap .product-item:hover {
    border-color: #43382e;
} 
.products-home-wrap .product-item:hover img {
    scale: (1.1);
}
.products-home-wrap .section-title {
    position: relative;
}
.products-home-wrap .section-title .products-slider-nav {
    position: absolute;
    right: 0;
    top: 5px;
    display: flex;
}
.products-home-wrap .section-title .products-slider-nav .products-slider-prev, 
.products-home-wrap .section-title .products-slider-nav .products-slider-next {
    font-size: 40px;
    line-height: 1;
    color: #fff;
    cursor: pointer;
}
.products-home-wrap .section-title .products-slider-nav .swiper-button-disabled {
    opacity: 0.5;
}
.team-home-wrap {
    background-color: #eaeaea;
    padding-top: 0px;
    padding-bottom: 0px;
}
.team-home-wrap .team-item {
    text-align: center;
}
.team-home-wrap .team-item .team-image {
    width: 120px;
    min-width: 120px;
    display: inline-block;
    height: 120px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 15px;
    /*border-radius: 50%;*/
    /*border: 4px solid #fff;*/
    /*-webkit-box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);*/
    /*box-shadow: 0 50px 100px rgb(50 50 93 / 10%), 0 15px 35px rgb(50 50 93 / 15%), 0 5px 15px rgb(0 0 0 / 10%);*/
    border-radius: 10px;
}
.team-home-wrap .team-item h3 {
    font-size: 24px;
    color: #000080;
    margin: 0;
    margin-bottom: 10px;
}
.team-home-wrap .team-item p {
    margin: 0;
}
.team-home-wrap .team-col-1, 
.team-home-wrap .team-col-3 {
    margin-top: 160px;
}
.team-home-wrap .team-col-2 .team-item .team-image {
    width: 200px;
    height: 200px;
}
.news-wrap .single-news {
    margin-bottom: 30px;
}
.news-wrap .single-news .part-img {
    overflow: hidden;
    margin-bottom: 20px;
    background: #e8e8e8 url('../img/no_image.jpeg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    min-height: 201px;
    border-radius: 10px;
}
.news-wrap .single-news .part-img img {
    width: 100%;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: 10s;
    transition: 10s;
    border-radius: 10px;
}
.news-wrap .single-news .part-text span.date-n-admin {
    font-size: 14px;
    color: #666666;
    display: inline-block;
    margin: 26px 0 10px;
}
.news-wrap .single-news .part-text a.title {
    text-transform: none;
    color: #283659;
    font-size: 14px;
    font-weight: 700;
    -webkit-transition: .5s;
    transition: .5s;
    display: block;
}
.news-wrap .single-news .part-text h3 {
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 14px;
}

.footer {
    background: #086d0c;
    padding: 50px 0;
    position: relative;
}
/* .footer::before {
    content: "";
    width: 100%;
    height: 16px;
    background-image: url('../img/ripped-paper-base-2.png');
    position: absolute;
    top: -15px;
    left: 0;
    z-index: 10;
    background-size: auto;
} */
.footer .single-foot .footer-logo img {
    margin-bottom: 30px;
    height: 40px;
}
.footer .single-foot .footer-logo p {
    font-weight: 600;
    color: #fff;
}
.footer .useful-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer .useful-links h4 {
    font-size: 18px;
    color: #fff;
    margin-bottom: 30px;
}

.footer .useful-links ul li a {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 12px;
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
.footer .useful-links.links-2-col ul {
    columns: 2;
}
.footer .useful-links ul li a:hover {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    color: #69c7bc;
}

.footer .useful-links ul li a span {
    color: #69c7bc;
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0;
}

.footer .about-area h4 {
    font-size: 18px;
    color: #fff;
    margin-top: -3px;
    margin-bottom: 19px;
}
.footer .about-area ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.footer .about-area ul li {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 17px;
    line-height: 28px;
    position: relative;
    padding-left: 20px;
}

.footer .about-area ul li span {
    display: inline-block;
    color: #69c7bc;
    position: absolute;
    left: 0;
    top: 0;
}

.footer .about-area ul li a {
    color: #fff;
}

.copyright {
    background: #69c7bc;
}

/* .copyright .border-top {
    border-top: 1px solid #172a5b !important;
} */

.copyright p {
    margin-bottom: 0;
    padding: 20px 0;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
}
.footer {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}
.footer::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.7;
}
.copyright {
    background: #64BE6A;
}
.footer .social a {
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    font-size: 18px;
}
body {
    background: #e4e0d7 url(../img/body-bg-wood.jpg) repeat left top;
}
.main-wrap {
    background-color: #fff;
}
/* .main-header .header-bottom, 
.about-content-wrap, 
.animals-we-feed-wrap {
    background: #4bb4af;
}
.hero-slider-wrap-main #banner-svg-s1, 
.hero-slider-wrap-main #banner-svg-s2 {
    stop-color: #4bb4af;
} */
.footer {
    padding-bottom: 0;
}
.copyright {
    margin-top: 30px;
    background-color: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}
.main-wrap {
    width: 1250px;
}
.section-title h2 {
    text-transform: uppercase;
}
.raw-materials-wrap .raw-materials-circle .material-item .material-img {
    background-color: #fff;
}
.units-slider-btn {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #eaeaea;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 10px;
    color: #000080;
}
.home-feature-blocks-wrap {
    /* background-color: #4bb4af; */
    background: #69C7BC;
    background: -webkit-linear-gradient(left, #69C7BC, #64BE6A);
    background: -o-linear-gradient(left, #69C7BC, #64BE6A);
    background: -moz-linear-gradient(left, #69C7BC, #64BE6A);
    background: -ms-linear-gradient(left,#69C7BC,#64BE6A);
    background: linear-gradient(left, #69C7BC, #64BE6A);
    padding-bottom: 120px;
}
.home-feature-blocks-wrap .feature-block {
    text-align: center;
    /* background-color: #fff; */
    border-radius: 30px;
    padding: 30px 30px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.home-feature-blocks-wrap .feature-block a {
    color: #fff;
}
.home-feature-blocks-wrap .feature-block .icon {
    font-size: 60px;
    display: block;
    margin-bottom: 20px;
    color: #fff;
}
.home-feature-blocks-wrap .feature-block .btn {
    width: 40px;
    height: 40px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #000080;
    color: #000080;
    -webkit-transition: all 0.3s ease 0.0s;
    -moz-transition: all 0.3s ease 0.0s;
    transition: all 0.3s ease 0.0s;
}
.home-feature-blocks-wrap .feature-block .btn:hover {
    transform: translateX(10px);
}
.home-raw-materials-wrap {
    position: relative;
    background-color: #e0ecf1;
}
.home-raw-materials-wrap .top-curve {
    position: absolute;
    width: 100%;
    top: -73px;
    left: 0;
    right: 0;
}
.home-raw-materials-wrap .top-curve svg path, 
.home-raw-materials-wrap .bottom-curve svg path {
    fill: #e0ecf1;
}
.home-raw-materials-wrap .bottom-curve {
    position: absolute;
    width: 100%;
    bottom: -72px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    left: 0;
    right: 0;
    z-index: 3;
}
.home-raw-materials-wrap .material-item-wrap {
    padding-top: 30px;
}
.home-raw-materials-wrap .material-item-wrap .material-item {
    text-align: center;
    background-color: #fff;
    padding-top: 20px;
    border-radius: 6px;
    overflow: hidden;
}
.home-raw-materials-wrap .material-item-wrap .material-item .material-img {
    width: 150px;
    height: 120px;
    display: inline-block;
    border-radius: 50%;
    transform: rotate(-15deg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    /* box-shadow: 0px 2px 12px 4px rgb(0 0 0 / 20%); */
    margin-bottom: 10px;
    border: 2px solid #ff9800;
    overflow: hidden;
}
.home-raw-materials-wrap .material-item-wrap .material-item .material-img .image {
    transform: rotate(15deg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: -2px;
    width: 100%;
    height: calc(100% + 4px);
}
.home-raw-materials-wrap .material-item-wrap .material-item h4 {
    text-transform: capitalize;
    font-size: 18px;
    color: #fff;
    margin: 0;
    padding: 10px 15px;
    background-color: #434f6a;
}
.home-raw-materials-wrap .swiper-pagination {
    position: relative;
    margin-top: 30px;
    z-index: 666;
} 
.home-raw-materials-wrap .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.home-raw-materials-wrap .swiper-pagination .swiper-pagination-bullet-active {
    background-color: #000080;
} 
.products-home-wrap {
    padding-bottom: 150px;
}
.team-home-wrap {
    position: relative;
}
.team-home-wrap .top-curve {
    position: absolute;
    width: 100%;
    top: -72px;
    left: 0;
    right: 0;
}
.team-home-wrap .bottom-curve {
    position: absolute;
    width: 100%;
    bottom: -86px;
    -webkit-transform: scaleY(-1);
    transform: scaleY(-1);
    left: 0;
    right: 0;
    z-index: 3;
}
.quick-query-wrap {
    background-color: #4bb4af;
    padding-top: 120px;
}
.news-wrap {
    background-color: #f4f4f4;
    padding-top: 120px;
}
.news-wrap .single-news {
    background-color: #fff;
    border-radius: 10px;
}
.news-wrap .single-news .part-text {
    padding: 20px 30px;
    padding-top: 0;
    min-height: 95px;
}
.news-wrap {
    background-color: #e0ecf1;
}
.units-slider-btn {
    background-color: #fff;
}
.inner-page-title {
    background-color: #e0ecf1;
}
.inner-page-title .page-title {
    font-size: 28px;
    margin: 0px;
    margin-bottom: 10px;
}
.inner-page-title .breadcrumb {
    background-color: transparent;
    justify-content: center;
    padding: 0;
}
.inner-page-title .breadcrumb>li+li:before {
    padding: 0 5px;
    color: #69C7BC;
    content: "/\00a0";
    display: inline-block;
    vertical-align: -1px;
}
.inner-page-title .breadcrumb li a {
    color: #000080;
}
.inner-page-title .breadcrumb>.active {
    color: #000;
}
.about_us_section {
    text-align: center;
    background-color: #fff;
}
.main_heading_green
{
	font-family: 'Fjalla One', sans-serif;
	font-size: 40px;
	color: #000080;
}
.main_subheading
{
	font-family: 'Fjalla One', sans-serif;
	font-size: 30px;
	color: #666666;
}
.main_heading_black
{
	font-size: 40px;
    color: #000;
    margin: 0;
    margin-bottom: 20px;
    line-height: 48px;
    text-align: center;
}
.section_whats_new
{
	background-color: #e0ecf1;
}
.section_features ul
{
	padding-left: 25px;
}
.section_features ul li
{
	list-style: circle;
	font-family: 'Laila', serif;
	margin: 8px 0 0 0;
    font-size: 16px;
    letter-spacing: -0.5px;
}
.quality_section
{
	text-align: center;
}

.section_organisation {
    text-align: center;
    background-color: #e0ecf1;
}
.section_organisation .img-circle {
    border-radius: 50%;
}
.section_organisation h4 {
    font-size: 20px;
    margin-top: 20px;
    color: #000080;
}
.section_organisation h5 {
    font-family: 'Laila', serif !important;
    color: #000;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: -0.5px;
}
.company_policy {
    text-align: center;
    background-image: url(../img/Wheat.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}
.company_policy .section-title h2, 
.company_policy p {
    color: #fff;
}
.section_board_of_directors {
    text-align: center;
    background: #69C7BC;
    background: -webkit-linear-gradient(left, #69C7BC, #64BE6A);
    background: -o-linear-gradient(left, #69C7BC, #64BE6A);
    background: -moz-linear-gradient(left, #69C7BC, #64BE6A);
    background: -ms-linear-gradient(left,#69C7BC,#64BE6A);
    background: linear-gradient(left, #69C7BC, #64BE6A);
}
.section_board_of_directors table td {
    padding: 10px;
    text-align: left;
}
.section_board_of_directors table {
    width: 100%;
    text-align: center;
    border: 1px solid #fff;
    font-family: 'Laila', serif;
    font-weight: 500;
    color: #fff;
}
.section_board_of_directors table tr:first-child {
    font-family: 'Fjalla One', sans-serif;
    background-color: #3756b0;
}
.section_features {
    background-color: #e0ecf1;
}
.products-list-wrap {
    padding-top: 50px;
    padding-bottom: 50px;
}
.products-list-wrap::before {
    display: none;
}
.products-list-wrap .product-item {
    margin-bottom: 30px;
}
.list.styled > ul {
    padding-left: 20px;
    list-style: circle;
}
.list.styled > ul li + li {
    margin-top: 10px;
}
.section_flowchart {
    background-color: #e0ecf1;
    text-align: center;
}
.project_department table {
    border: 1px solid #000080;
}
.project_department table td {
    text-align: center;
    font-family: 'Laila', serif;
    font-weight: 500;
    padding: 10px;
}
.project_head {
    background-color: #e0ecf1;
}
.section_projects h3, 
.project_department h3, 
.project_head h3 {
    font-size: 24px;
    color: #333;
    text-transform: uppercase;
}
.project_head table {
    width: 100%;
    font-family: 'Laila', serif;
    border: 1px solid #000080;
    font-weight: 500;
}
.project_head table td {
    padding: 10px;
}
.section_kflunits .unit_block {
    border-radius: 6px;
    background-color: #e0ecf1;
    overflow: hidden;
}
.section_kflunits .unit_discription {
    padding: 15px 20px;
}
.section_kflunits .unit_discription h3 {
    font-size: 24px;
}
.section_kflunits .unit_discription p {
    margin: 0;
    font-weight: normal;
    color: #333;
}
.section_kflunits .unit_discription p strong {
    font-weight: normal;
}

.section_tenders .tender-item {
    display: block;
    border: 1px solid #eaeaea;
    padding: 15px 20px;
    border-radius: 6px;
}
.section_tenders .tender-item h4 {
    font-size: 18px;
    margin: 0;
    margin-bottom: 5px;
}
.section_tenders .tender-item p {
    margin: 0;
    margin-bottom: 15px;
    color: #333;
}
.section_tenders .tender-item p i {
    font-size: 20px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}
.section_tenders .tender-item + .tender-item {
    margin-top: 30px;
}
.section_tenders .tender-item:hover {
    border-color: #000080;
}
.section_tenders ul {
    padding-left: 20px;
}
.section_tenders ul li {
    list-style: none;
    font-family: 'Laila', serif;
    margin: 15px 0 0 0;
    position: relative;
}
.section_tenders ul li:before {
    position: absolute;
    left: -20px;
    top: 2px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    line-height: 16px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 16px;
    color: #000080;
    content: "\f105";
}
.section_tenders ul li a {
    color: #000;
}
.section_news .news-item {
    padding: 15px 20px;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 40px;
    color: #000;
    border-radius: 6px;
    border: 1px solid #eaeaea;
}
.section_news .news-item .news-item-img {
    overflow: hidden;
    background: #e8e8e8 url('../img/no_image.jpeg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 160px;
    min-height: 90px;
    margin-right: 15px;
    border-radius: 3px;
}
.section_news .news-item .read-more {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    background-color: #000080;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
}
.section_news .news-item h4 {
    font-size: 18px;
    margin: 0;
    margin-bottom: 5px;
}
.section_news .news-item h4 a {
    color: #000;
}
.section_news .news-item + .news-item {
    margin-top: 30px;
}
.section_news .news-item p {
    margin: 0;
    color: #333;
} 
.section_news .news-item p i {
    font-size: 20px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}
.section_news .news-item:hover {
    border-color: #000080;
}

.section_news ul {
    padding-left: 20px;
}
.section_news ul li {
    list-style: none;
    font-family: 'Laila', serif;
    margin: 15px 0 0 0;
    position: relative;
}
.section_news ul li:before {
    position: absolute;
    left: -20px;
    top: 2px;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
    line-height: 16px;
    font-family: 'Line Awesome Free';
    font-weight: 900;
    font-size: 16px;
    color: #000080;
    content: "\f105";
}
.section_news ul li a {
    color: #000;
}
.single-news .news-date i {
    font-size: 20px;
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
}
.gallery_section .isotope-item {
    display: block;
    overflow: hidden;
    margin: 2px;
    position: relative;
}
.gallery_section .isotope-item figure {
    overflow: hidden;
    margin: 0;
}
.gallery_section .isotope-item figure img {
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.gallery_section .isotope-item figcaption {
    position: absolute;
    float: left;
    text-align: center;
    width: 100%;
    top: 0;
    bottom: auto;
    opacity: 0;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    background: none repeat scroll 0 0 rgb(8 32 129 / 60%);
}
.gallery_section .isotope-item .fig-content-wrapper {
    display: table;
    width: 100%;
    height: 100%;
}
.gallery_section .isotope-item figcaption .fig-content {
    display: table-cell;
    vertical-align: middle;
}
.gallery_section .isotope-item figcaption h5 {
    text-transform: uppercase;
    font-size: 18px;
    margin-bottom: 5px;
    color: #fff;
}
.gallery_section .isotope-item figcaption .fig-content > p {
    margin-bottom: 0;
    color: #fff;
}
.gallery_section .isotope-item .fig-overlay {
    display: inline-block;
    margin-top: 10px;
}
.gallery_section .isotope-item .fig-overlay a
{
	border:1px solid;
	width:48px;
	height:48px;
    display: flex;
    align-items: center;
    justify-content: center;
	font-size:18px;
	color:#fff;
    border-radius: 50%;
}
.gallery_section .isotope-item .fig-overlay a:hover
{
	background-color: #000080;
	-webkit-transition:0.4s;
	-moz-transition:0.4s;
	-o-transition:0.4s;
	transition:0.4s;
}
.gallery_section .isotope-item figure:hover figcaption, 
.gallery_section .isotope-item figure.cs-hover figcaption
{
	opacity: 1;
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.gallery_section .isotope-item figure:hover img
{
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-o-transform: scale(1.5);
	-ms-transform: scale(1.5);
	transform: scale(1.5);
}
.lg-sub-html {
    font-family: 'Laila', serif;
}
.blog-area .blog-box-wrap {
    border: 1px solid #e0ecf1;
    margin-bottom: 24px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    
    border-radius: 10px;
}
.blog-area .blog-image {
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}
.blog-area .blog-image img {
    width: 100%;
    -webkit-transition: .4s;
    transition: .4s;
}
.blog-area .blog-content {
    background: #fff;
    -webkit-box-shadow: 7px 10px 40px rgb(13 52 79 / 10%);
    box-shadow: 7px 10px 40px rgb(13 52 79 / 10%);
    padding: 30px;
    border-radius: 45px 45px 10px 10px;
    margin-top: -50px;
    position: relative;
}
.blog-area .text-center {
    text-align: center!important;
}
.blog-area .blog-date i {
    color: #000080;
    font-size: 18px;
    display: inline-block;
    vertical-align: -2px;
}
.blog-area .blog-date span {
    font-size: 13px;
    color: #262626;
    font-weight: 400;
}
.blog-area .blog-title {
    margin: 10px 0;
}
.blog-area .blog-title h4 {
    font-size: 20px;
    margin-bottom: 0;
    -webkit-transition: .4s;
    transition: .4s;
    line-height: 28px;
    color: #000;
}
.blog-area .blog-action {
    text-align: center;
}
.blog-area .blog-action a {
    border: 1px solid #000080;
    font-size: 22px;
    border-radius: 30px;
    display: inline-block;
    height: 32px;
    width: 55px;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000080;
    -webkit-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
.blog-area .blog-box-wrap:hover .blog-action a {
    background-color: #000080;
    color: #fff;
}
.blog-area .blog-image .blog-img {
    height: 240px;
    width: 100%;
    background-color: #fff;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}
.blog-area .widget .widget-title {
    margin-bottom: 15px;
}
.blog-area .widget .widget-title h3 {
    margin: 0;
    font-size: 20px;
}
.blog-area .widget .popular-posts .post-item {
    display: flex;
    align-items: center;
    width: 100%;
}
.blog-area .widget .popular-posts .post-item .post-img {
    width: 90px;
    height: 80px;
    border-radius: 6px;
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    border: 1px solid #e0ecf1;
    margin-right: 15px;
}
.blog-area .widget .popular-posts .post-item .post-content h4 {
    font-size: 16px;
    color: #000;
    margin: 0;
    margin-bottom: 5px;
}
.blog-area .widget .popular-posts .post-item .post-content h6 {
    margin: 0;
    font-size: 14px;
    color: #000;
}
.blog-area .widget .popular-posts .post-item .post-content h6 i {
    color: #000080;
    font-size: 18px;
    display: inline-block;
    vertical-align: -1px;
    margin-right: 5px;
}
.blog-area .widget .popular-posts .post-item + .post-item {
    margin-top: 10px;
}
.blog-area .widget + .widget {
    border-top: 1px solid #eaeaea;
    margin-top: 20px;
    padding-top: 20px;
}
.blog-area .widget .archive-posts ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog-area .widget .archive-posts ul li a {
    display: flex;
    align-items: center;
    color: #000;
}
.blog-area .widget .archive-posts ul li a i {
    width: 30px;
    color: #000080;
    font-size: 20px;
}
.blog-area .widget .archive-posts ul li + li {
    margin-top: 5px;
}
.blog-area .widget .categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.blog-area .widget .categories ul li {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 5px;
}
.blog-area .widget .categories ul li a {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #eaeaea;
    color: #000080;
    font-size: 14px;
    border-radius: 6px;
}
.blog-area .widget .categories ul li a:hover {
    background-color: #000080;
    color: #fff;
}
.blog-area .blog-sinle-box h1 {
    font-size: 30px;
    margin: 0;
    margin-bottom: 10px;
}
.section_contact_form {
    background-color: #e0ecf1;
    padding-bottom: 150px;
}
.section_contact_form h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #000;
    margin-bottom: 20px;
}
.section_contact_form h4 {
    font-size: 18px;
    text-transform: uppercase;
    color: #000080;
}
.section_contact_form .form-control {
    min-height: 40px;
    box-shadow: none;
}
.section_contact_form .form-control:focus {
    border-color: #000080;
}
.head_of_departments {
    background-color: #e0ecf1;
    padding-top: 150px;
}
.head_of_departments table {
    width: 100%;
    border: 1px solid #000080;
    font-family: 'Laila', serif;
    font-weight: 500;
}
.head_of_departments table td {
    padding: 10px;
    font-size: 14px;
}
.head_of_departments table tr:first-child {
    font-family: 'Laila', serif;
    font-weight: 600;
    color: #fff;
    background-color: #000080;
    text-transform: uppercase;
}
.head_of_departments table td span, 
.head_of_departments table td strong {
    color: #000080;
    font-weight: 600 !important;
}
.section_marketing h4 {
    font-size: 20px;
    font-weight: 300;
    text-transform: uppercase;
}
.rtiact-page-wrap table {
    border: 1px solid #dee2e6;
}
.rtiact-page-wrap table td, 
.rtiact-page-wrap table th {
    border: 1px solid #dee2e6;
}
.rtiact-page-wrap ol, 
.rtiact-page-wrap ul {
    margin-bottom: 20px;
}
.career-wrap .career-item h3 {
    margin-bottom: 15px;
}
.career-wrap .career-item .career-content h5 {
    color: #000080;
    font-size: 16px;
    font-weight: normal;
}
.career-wrap .career-item .career-content ul {
    list-style: circle;
    margin-bottom: 30px;
}
.career-wrap .career-item .career-content ul li {
    font-size: 14px;
    margin-top: 10px;
}
.section_kflunits .unit_block {
    margin-bottom: 30px;
}
.home-feature-blocks-wrap .feature-block .feature-mobile {
    display: none;
}

.main-wrap .feature-box {
    text-align: center;
    margin-bottom: 30px;
}
.main-wrap .feature-box i {
    font-size: 40px;
    color: #000080;
    display: block;
    margin-bottom: 10px;
}
.main-wrap .feature-box h4 {
    margin: 0;
    font-size: 15px;
    letter-spacing: -1px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Laila', serif !important;
}
.rtiact-page-wrap ol>li>p:first-child>b {
    font-family: 'Fjalla One', sans-serif !important;
    font-weight: normal;
    font-size: 16px;
    color: #000080;
}
.rtiact-page-wrap ol>li ol li p:first-child>b {
    font-family: 'Laila', serif !important;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    color: #000080;
}

.we-care-wrap {
    position: relative;
    height: 405px;
    max-width: 800px;
    margin: 0 auto;
}
.we-care-wrap .petal {
    position: absolute;
    width: 38%;
}
.we-care-wrap .petal:nth-child(1) {
    top: -12%;
    left: 25%;
}
.we-care-wrap .petal:nth-child(2) {
    right: 0;
    top: 8%;
}
.we-care-wrap .petal:nth-child(3) {
    top: 25%;
    left: 0;
}
.we-care-wrap .petal a {
    display: block;
}
.we-care-wrap .petal a:hover {
    position: relative;
    z-index: 333;
}
.we-care-wrap .petal img {
    width: 100%;
}
.hr-styled {
    border: 0;
    position: relative;
}
.hr-styled::after {
    content: '';
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    background: #333;
    background: -webkit-linear-gradient(left, rgba(247, 218, 26, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(247, 218, 26, 0) 100%);
    background: -moz-linear-gradient(left, rgba(247, 218, 26, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(247, 218, 26, 0) 100%);
    background: -ms-linear-gradient(left, rgba(247, 218, 26, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(247, 218, 26, 0) 100%);
    background: -o-linear-gradient(left, rgba(247, 218, 26, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(247, 218, 26, 0) 100%);
    background: linear-gradient(left, rgba(247, 218, 26, 0) 0%, rgba(255, 255, 255, 0.75) 50%, rgba(247, 218, 26, 0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(247, 218, 26, 0)), color-stop(50%, rgba(255, 255, 255, 0.75)), color-stop(100%, rgba(247, 218, 26, 0)));
}
.our-motto-wrap {
    padding-top: 20px;
}
.units-slider .owl-nav {
    display: flex;
    align-items: center;
    justify-content: center;
}
.units-slider .owl-nav .owl-prev, 
.units-slider .owl-nav .owl-next {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    border-radius: 50%;
    cursor: pointer;
    margin: 0px 5px;
    color: #000080 !important;
}

.products-list-wrap .product-item {
    border-radius: 6px;
    box-shadow: 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%), 0 8px 10px -5px rgb(0 0 0 / 20%);
    background-color: #fff;
    padding: 30px 20px;
    height: 100%;
    margin-bottom: 0px;
}
.products-list-wrap .product-item h2 {
    margin: 0;
    font-size: 18px;
    margin-bottom: 15px;
}
.products-list-wrap .product-item .details {
    font-size: 14px;
}
.products-list-wrap .product-item .details ul {
    list-style-type: circle;
    padding-left: 20px;
    margin-bottom: 0px;
}
.products-list-wrap .product-item .details img {
    width: 100%;
}

.inner-page-title {
    background-image: url('../img/inner-page-banner.jpg');
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.inner-page-title::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #000;
    opacity: 0.5;
}
.inner-page-title .page-title, 
.inner-page-title .breadcrumb li a, 
.inner-page-title .breadcrumb>.active {
    color: #fff;
}


/*.hero-slider-wrap-main{*/
/*    position: relative*/
/*}*/
/*.hero-slider-wrap-main .hero-slider-caption {*/
/*    z-index: 666;*/
/*    position: absolute;*/
/*    width: 60%;*/
/*    left: 0px;*/
/*    right: 0px;*/
/*    margin: 0 auto;*/
/*    text-align: center;*/
/*    top: 30%;*/
/*}*/
/*.hero-slider-wrap-main .hero-slider-caption h1 {*/
/*    color: #082081;*/
/*    font-size: 30px;*/
/*    font-weight: 700;*/
/*    text-shadow: 2px 0 0 #fff, -2px 0 0 #fff, 0 2px 0 #fff, 0 -2px 0 #fff, 1px 1px #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff;*/
/*    text-transform: uppercase;*/
/*}*/
/*.hero-slider-wrap-main .hero-slider a {*/
/*    position: relative;*/
/*}*/
/*.hero-slider-wrap-main .hero-slider a .hero-slider-location {*/
/*    padding: 5px 10px;*/
/*    border-radius: 6px;*/
/*    background-color: #69C7BC;*/
/*    color: #fff;*/
/*    font-size: 12px;*/
/*    position: absolute;*/
/*    top: 30px;*/
/*    right: 30px;*/
/*}*/

.main-header .header-bottom .main-nav nav.navbar ul li.dropdown:hover .dropdown-menu {
    display: block;
}
.nivo-caption {
    top: 20px;
    bottom: auto;
    width: auto;
    right: 40px;
    left: auto;
    border-radius: 4px;
    font-size: 14px;
    background-color: #fff;
    color: #000;
}
.home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner {
    display: flex;
    justify-content: space-between;
    
    max-width: 900px;
    margin: 0 auto;
    /*margin-bottom: 30px;*/
}
.home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal {
    position: relative;
    width: 300px;
    /*height: 150px;*/
    /*border-radius: 50%;*/
    overflow: hidden;
    z-index: 222;
}
.home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal a {
    display: block;
}
.home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal img {
    width: 100%;
}
.home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal:nth-child(1), 
.home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal:nth-child(3) {
    bottom: -120px;
}
.products-home-wrap {
    padding-top: 50px;
}
.home-feature-blocks-wrap {
    padding-bottom: 0px !important;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (max-width: 768px) {
    .main-wrap {
        width: 100%;
    }
    .main-header .header-bottom .single-support-info-wrap {
        display: none;
    }
    .main-header .header-bottom .navbar .navbar-toggler {
        position: absolute;
        right: 0;
        top: -60px;
        border: 0;
        padding: 0;
        height: 40px;
        width: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 32px;
        color: #000080;
    }
    .main-header .header-bottom .navbar .navbar-toggler:not(.collapsed) i::before {
        content: "\f00d" !important;
    }
    .main-header .header-bottom .navbar .right-content {
        position: absolute;
        top: -55px;
        right: 50px;
    }
    .main-header .header-bottom .navbar {
        padding: 0;
    }
    .main-header .header-bottom .main-nav nav.navbar ul li {
        margin: 0;
    }
    .main-header .header-bottom .main-nav nav.navbar ul li a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .main-header .header-bottom .main-nav nav.navbar ul li + li {
        border-top: 1px solid #fff;
    }
    .main-header .dropdown-toggle::after {
        position: absolute;
        right: 0;
    }
    .main-header .header-bottom .main-nav nav.navbar ul li a::before {
        bottom: -1px;
    }
    .about-content-wrap .about-content-box {
        height: auto;
        background-image: none !important;
        margin-top: -90px;
    }
    .hero-slider-wrap-main .hero-slider-overlay {
        bottom: 0px;
    }
    .about-content-wrap .about-content-box .about-content-inner {
        width: 100%;
        text-align: center;
        padding-bottom: 50px;
    }
    .home-raw-materials-wrap .top-curve, 
    .team-home-wrap .top-curve {
        top: -43px;
    }
    .home-raw-materials-wrap .bottom-curve, 
    .team-home-wrap .bottom-curve {
        bottom: -43px;
    }
    .footer .single-foot {
        margin-bottom: 30px;
    }
    .inner-page-title .breadcrumb {
        margin: 0;
    }
    .page-content .quality_section img {
        width: 100%;
    }
    .sub_heading {
        font-size: 26px;
    }
    .we-care-wrap {
        max-width: 600px;
        height: 430px;
    }
    .we-care-wrap .petal a {
        display: block;
    }
    .we-care-wrap .petal a img {
        width: 100%;
    }
    .team-home-wrap .team-col-1, 
    .team-home-wrap .team-col-3 {
        margin-top: 0px;
    }
    .about-content-wrap .about-content-box .about-content-inner .section-title h2, .about-content-wrap .about-content-box .about-content-inner p {
        color: #fff;
    }
}
@media only screen and (max-width: 600px) {
    .main-header .header-bottom .logo-wrapper {
        max-width: 190px;
    }
    .main-header .header-bottom .navbar .navbar-toggler {
        top: -50px;
    }
    .main-header .header-bottom .navbar .right-content {
        top: -47px;
    }
    .home-raw-materials-wrap .top-curve, .team-home-wrap .top-curve {
        display: none;
    }
    .home-raw-materials-wrap .bottom-curve, .team-home-wrap .bottom-curve {
        display: none;
    }
    .home-feature-blocks-wrap {
        padding-bottom: 50px;
    }
    .products-home-wrap {
        padding-top: 50px;
        padding-bottom: 50px;
    }
    .news-wrap {
        padding-top: 50px;
    }
    .section-title h2 {
        font-size: 26px;
    }
    .footer .useful-links {
        margin-bottom: 30px;
    }
    .footer .useful-links h4 {
        margin-bottom: 15px;
    }
    .team-home-wrap .team-item {
        margin-bottom: 30px;
    }
    .section_contact_form {
        padding-bottom: 50px;
    }
    .blog-area .blog-sinle-box {
        margin-bottom: 30px;
    }
    .section-padding {
        padding: 30px 0;
    }
    .inner-page-title {
        padding: 30px 0 !important;
    }
    .home-feature-blocks-wrap .feature-block marquee {
        display: none;
    }
    .home-feature-blocks-wrap .feature-block .feature-mobile {
        display: block;
    }
    .about-content-wrap .about-content-box .about-content-inner {
        padding-right: 0;
    }
    .we-care-wrap {
        height: 260px;
    }
    .home-feature-blocks-wrap .feature-block {
        margin-bottom: 30px;
    }
    .home-feature-blocks-wrap {
        padding-bottom: 0px !important;
    }
    .home-raw-materials-wrap {
        padding-top: 30px !important;
    }
    .home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal {
        width: 100px;
        /*height: 100px;*/
    }
    .home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal:nth-child(1), .home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal:nth-child(3) {
        bottom: 0px;
        margin-top: 50px;
    }
}
@media only screen and (max-width: 320px) {
    .main-header .header-bottom .navbar .right-content .btn {
        padding: 5px 8px;
    }
    .main-header .header-bottom .navbar .right-content .btn span {
        display: none;
    }
    .main-header .header-bottom .navbar .right-content .btn i {
        margin: 0 !important;
    }
    .we-care-wrap {
        height: 180px;
    }
    .home-feature-blocks-wrap .we-feed-wrap .we-feed-wrap-inner .petal {
        width: 100px;
        /*height: 80px;*/
    }
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}