/*------------------------------------------------------------------
[Master Stylesheet]

Author: AtypicalThemes
Template: Meteor - Creative Corporate Template.
Version:	1.2

This file contains the styling for the actual theme, this
is the file you need to edit to change the look of the
theme.

-------------------------------------------------------------------
Table of contents

    I.General
    II.Page Prealoader
    III.Header & Navigation
    IV.Hero Section
    V.About Section
     - Stats
    VI.Team Section
    VII.Services Section
     - Custommer Logos
    VIII.Portfolio Section
    IX.Skills Section
     - Testimonials
    X.Pricing Section
     - Newsletter
    XI.Contact Section
    XII.Footer
    XIII.404 Page
-------------------------------------------------------------------
[Color codes]

Background:	#FFFFFF; (white)
Content:	#33333; (light black)
Footer:		#F9F9F9; (light grey)

a (standard):	#777; (light grey)
a (hover): #000; (black)
a (visited):	#999; (light grey)
a (active):	#999; (light grey)

a (portfolio caption): #3498DB; (light blue)

[Colors]

Primary Color: #E9D460;
Secondary Color: #F3DD65;
-------------------------------------------------------------------*/

/*@import url('https://fonts.googleapis.com/css?family=Cabin:400,600|Droid+Sans');*/ /* Cabin & Droid Sans Fonts */

/* vietnamese */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvptnsBXw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvp9nsBXw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvqdns.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* vietnamese */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6XvptnsBXw.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  font-display: swap;
}
/* latin-ext */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvp9nsBXw.woff2) format('woff2');
  unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Cabin';
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/cabin/v26/u-4i0qWljRw-PfU81xCKCpdpbgZJl6Xvqdns.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}
/* latin */
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/droidsans/v18/SlGVmQWMvZQIdix7AFxXkHNSbQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  font-display: swap;
}

/* -PAGE LOADER KEYFRAMES- */
@keyframes spin {
    0%   {
        -webkit-transform: rotate(0deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(0deg);  /* IE 9 */
        transform: rotate(0deg);  /* Firefox 16+, IE 10+, Opera */
    }
    100% {
        -webkit-transform: rotate(360deg);  /* Chrome, Opera 15+, Safari 3.1+ */
        -ms-transform: rotate(360deg);  /* IE 9 */
        transform: rotate(360deg);  /* Firefox 16+, IE 10+, Opera */
    }
}

/* --------------------------- /////////// I. GENERAL /////////// --------------------------- */
/* -Color- */
.colored {
    color: #E9D460;
}
/* -Link Styling- */
a {
    color: #777;
    font-family: Cabin, sans-serif;
	text-decoration: none;
}
a:visited {
    color: #999;
    text-decoration: none;
}
a:hover {
    color: #E9D460;
	text-decoration: none;
}
a:active {
    color: #E9D460;
    text-decoration: none;
}
a:focus {
    color: #E9D460;
    text-decoration: none;
}
/* -Resets- */
html, body { 
    color: #333;
    font-size: 16px;
    line-height: 1.5rem; /* 24px */
    max-width: 100%;
	overflow-x: hidden;
}
/* -Full width fluid container- */
.full-width {
    padding-left: 0;
    padding-right: 0;
}
/* -Text Styling */
h1,h2,h3,h4,h5,h6 {
	font-family: Cabin, sans-serif;
    font-weight: 600;
}
h1 {
    font-size: 2.25rem; /* 36px */
} 
h2 {
    font-size: 1.50rem; /* 24px */
}
h3 {
    font-size: 1.25rem; /* 20px */
}
p {
    font-family: Droid Sans, sans-serif;
    font-size: 0.9375rem; /* 15px */
}
.heading {
	margin-bottom: 5px;
}
.strong {
    font-weight: 700;
}
.subtle {
	color: #777;
}
.spaced {
    letter-spacing: 10px;
}
.text-center {
	text-align: center;
}
.text-left {
    text-align: left;
}
.text-right {
    text-align: right;
}
ul {
    list-style-type: none;
}
/* -Margins and Floats- */
.floated-left {
     float: left;
}
.floated-right {
    float: right;
}
.inline {
	display: inline;
}
.offset {
	margin-left: 10px;
}
.tiny-margin {
    margin-bottom: 1.5em /* 24px */
}
.small-margin {
	margin-bottom: 3em; /* 48px */
}
.medium-margin {
	margin-bottom: 6em; /* 96px */
}
.large-margin {
	margin-bottom: 12em; /* 192px */
}
/* -RESPONSIVE STYLES- */
@media (min-width: 320px) and (max-width : 640px) {
    .large-margin {
	   margin-bottom: 6em; /* 96px */
}
}
/* -<hr>- */
hr {
    border-top: 1px solid #DDD;
	width: 100%;
	margin: 20px 0 20px 0;
}
.hr-left {
    border-top: 1px solid #DDD;
	display: inline-block;
    height: 1px;
	width: 20%;
	margin-right: 15px;
	margin-bottom: 10px;
}
.hr-right {
    border-top: 1px solid #DDD;
	display: inline-block;
    height: 1px;
	width: 20%;
	margin-left: 15px;
	margin-bottom: 10px;
}
/* Underlines */
.short-hr-center::after {
    border-top: 3px solid;
    border-color: #E9D460;
    content: "";
    display: block;
    height: 1px;
    width: 35px;
    margin: 8px auto;
}
.short-hr-left::after {
    border-top: 3px solid;
    border-color: #E9D460;
	content: "";
	display: block;
	height: 1px;
	width: 45px;
	margin: 8px auto 0 0;
}
/* General input fields */
input {
    height: 45px;
    padding-left: 10px;
    border: 1px solid #D4D4D4 !important;
}
input:focus {
    border: 1px solid #333;
    outline: none;
}
textarea {
    height: 150px;
	width: 100%;
    max-width: 100%;
	padding-top: 10px;
	padding-left: 10px;
    border: 1px solid #D4D4D4 !important;
}
textarea:focus {
    border: 1px solid #333;
    outline: none;
}
/* -General Button Styles */
.button {
    background: #E9D460;
    border: none;
    border-radius: 2px;
    color: #FFF;
    display: block;
    font-family: Cabin, sans-serif;
    font-weight: bold;
    height: 30px;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    outline: none;
    transition: all 0.2s ease;
    font-size: 16px;
    text-transform: capitalize;
    padding: revert;
}
.button:hover {
	background: #333;
	color: #FFF;
    text-decoration: none;
}
/* -Parallax / image bg section */
.img-background {
    background-image: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)), url('https://shireentrading.com/wp-content/uploads/2023/05/hero.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: auto;
    padding: 70px 50px;
}
/* --------------------------- /////////// II. PAGE PRELOADER /////////// --------------------------- */
/* -Loading Screen- */
#loader-wrapper {
    background: #FFF;
    height: 100%;
    width: 100%;
    left: 0;
    position: fixed;
    top: 0;
    z-index: 1000;
}
.loader-logo {
    position: relative;
    left: 50%;
    top: 50%;
    margin: -75px 0 0 -30px;
}
.loader-text {
    position: relative;
    left: 50%;
    top: 50%;
    margin: 60px 0 0 -80px;
}
/* -Loading Icon- */
#loader {
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    border: 3px solid transparent;
    border-radius: 50%;
    border-top-color: #F3DD65; /* color of the outermost ring */
    display: block;
    width: 110px;
    height: 110px;
    left: 50%;
    top: 50%;
    margin: -70px 0 0 -70px;
    position: relative;
    z-index: 1001;
}
#loader:before {
    -webkit-animation: spin 1.6s linear infinite;
    animation: spin 1.6s linear infinite;
    border: 3px solid transparent;
    border-top-color: #F3DD65; /* color of the middle ring */
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
}
/* -Loading Screen Animation- */
.loaded {
    -moz-transform: translate3d(0px, -100%, 0px);
    -webkit-transform: translate3d(0px, -100%, 0px);
    -o-transform: translate(0px, -100%);
    -ms-transform: translate(0px, -100%);
    transform: translate3d(0px, -100%, 0px);
    -webkit-transition: all 0.5s linear; 
    transition: all 0.5s linear;
}

/* --------------------------- /////////// III. HEADER & NAVIGATION /////////// --------------------------- */
/* -Navbar Syling- */
.main-navbar {
	background-color: rgba(255,255,255,0);
    border: 1px solid rgba(255,255,255,0);
    z-index: 900;
    transition: 0.3s;
}
.scrolled {
    background-color: rgba(255,255,255,1);
    z-index: 900;
    border: 1px solid #f9f9f9;
    max-height: 102px;
}
.navbar-nav {
    margin-top: 15px;
}
.navbar-default .navbar-nav>li>a {
    font-size: 1.125rem; /* 18px */
    font-weight: 400;
    padding-top: 10px;
}
.navbar-default .navbar-nav>li>a { /* nav link color */
	color: #333;
    -webkit-transition: all 0.2s ease;
    -moz-transition:    all 0.2s ease;
    -ms-transition:     all 0.2s ease;
    -o-transition:      all 0.2s ease;  
}
.navbar-default .navbar-nav>li>a:hover { /* hovered nav link color */
	color: #E9D460;
}
.navbar-default .navbar-nav>li>a:focus{ /* active nav link color */
/*	color: #E9D460;*/
}
.navbar-default .navbar-brand  {  /* logo */
    padding: 0px 0 10px 0;
    height: auto;
    max-height: 100px;
    margin-left: 10px !important;
}
.navbar-default .navbar-toggle .icon-bar { 
	background-color: #333; /* menu button bars color */
}
.navbar-default .navbar-toggle {  /* menu button for mobile */
    border: none;
    border-radius: 1px;
    margin-top: 10px;
}
#hamburger .icon-bar {
    transition: .3s ease-in-out;
    cursor: pointer;
    margin-top: 6px;
}
#hamburger .icon-bar:nth-child(1) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger .icon-bar:nth-child(2) {
   -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger .icon-bar:nth-child(3) {
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
}
#hamburger.open .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
#hamburger.open .icon-bar:nth-child(2) {
    width: 0%;
    opacity: 0;
}
#hamburger.open .icon-bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.navbar-default .navbar-toggle:hover {  
    background: none; /* menu button hover color */
}
.navbar-default .navbar-toggle:focus {
    background: none; /* menu button active color */
}
img.custom-logo {
    width: 100%;
    height: auto;
}
.collapse.navbar-collapse.navHeaderCollapse {
    overflow: hidden!important;
    padding-top: 30px;
}
/* -RESPONSIVE STYLES- */
@media (min-width : 320px ) and (max-width : 768px) {
    .main-navbar {
        background-color: rgba(255,255,255,1);
    }
}

/* --------------------------- /////////// IV. HERO SECTION /////////// --------------------------- */
/* -Hero Image- */
.hero-unit {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url('https://shireentrading.com/wp-content/uploads/2023/05/hero.webp');
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    height: auto;
}
/* -Hero Image Caption- */
.hero-caption {
    color: #333;
	text-shadow: none; 
    padding: 20px;
    margin: auto;
}
.hero-tags {
    font-family: Cabin, sans-serif;
    font-size: 1.125rem; /* 18px */
}
/* -RESPONSIVE STYLES- */
@media (min-width : 320px) {
    .hero-unit {
        height: 100vh;
    }
    .hero-caption {
        width: 80%;
        margin-top: 25vh;
    }
    .tagline {
        font-size: 2rem; /* 32px */
    }
}
@media (min-width : 480px) {
    .tagline {
        font-size: 2.5rem; /* 40px */
    }
}
@media (min-width : 640px) {
    .tagline {
        font-size: 3rem; /* 48px */
    }
    .hero-caption {
        margin-top: 35vh;
    }
}
@media (min-width : 1024px) {
    .tagline {
        font-size: 3.5rem; /* 56px */
    }
}

/* --------------------------- /////////// V. ABOUT SECTION /////////// --------------------------- */
.awards-img {
    margin: auto;
}
.small-card {
    background: #F5F5F5;
    padding: 5%;
    transition: 0.4s ease;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.11);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    min-height: 205px;
}
.small-card:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.10);
}
/* -RESPONSIVE STYLES- */
@media (min-width : 320px) and (max-width : 1023px) {
    .card {
        margin: 20px auto;
    }
    #about-section .col-md-4 {
        margin-bottom: 1.5rem; /* 24px */
    }
}
@media (min-width : 640px) and (max-width : 1023px) {
    #about-section .col-md-4 {
        padding: 0 10% 0 10%;
    }
}

/* --------------------------- ////  STATS //// --------------------------- */
#stats h1 {
    font-size: 3.5rem; /* 32px */
}
.plus {
    font-size: 3.5rem; /* 32px */
}
/* -RESPONSIVE STYLES- */
@media (min-width : 768px) and (max-width : 991px) {
    #stats .col-sm-6 {
        margin-bottom: 2em;
    }
}
/* --------------------------- /////////// VI. TEAM SECTION /////////// --------------------------- */
.team-img {
    margin-right: auto;
    margin-left: auto;
    -webkit-clip-path: polygon(0 80%, 0% 0%, 100% 0%, 100% 80%, 50% 100%);
    clip-path: polygon(0 80%, 0% 0%, 100% 0%, 100% 80%, 50% 100%);
    transition: 0.7s ease;

}
.team-card:hover > img {
    transform: translateY(-25px);
}
#team-section p {
    margin-bottom: 5px;
}
#team-section h3 {
    margin-bottom: 5px;
}
#team-section ul {
    padding: 0;
}
#team-section li {
    color: #555;
    display: inline;
    padding-left: 5px;
    padding-right: 5px;
}
#team-section li > a {
    color: #555;
}
#team-section li > a:hover {
    color: #E9D460;
}
/* -RESPONSIVE STYLES- */
@media (min-width : 320px) and (max-width : 1023px) {
    #team-section .col-md-3 {
        margin-bottom: 1.5rem; /* 24px */
    }
}

/* --------------------------- /////////// VII. SERVICES SECTION /////////// --------------------------- */
#services-section .col-md-4 {
    padding: 0;
}
.service-card {
    background: #F5F5F5;
    min-height: 220px;
    position: relative;
    padding: 45px 30px 45px 30px;
    margin-left: 5px;
    z-index: 5;
    cursor: pointer;
    transition: 0.4s ease;
}
.expanding-div {
    width: 100%;
    height: 5px;
    background: #F3DD65;
    position: absolute;
    bottom: 0;
    left: 0;  
    z-index: -5;
    transition: 0.4s ease-in-out;
}
.service-card:hover {
    color: #2B2B2B;
}
.service-card:hover .expanding-div {
    height: 100%;
}
.service-card:hover > i {
    color: #FFF;
}
.service-card i {
    display: inline-block;
    vertical-align: middle;
    transition: 0.4s ease;
}
.service-card h2 {
    display: inline-block;
    margin-left: 15px;
}
.service-card p {
    margin-top: 10px;
}
.card-row {
    margin-bottom: 5px;
}
/* -RESPONSIVE STYLES- */
@media (min-width : 320px) and (max-width : 991px) {
    .service-card {
        width: 95%;
        margin-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media (min-width : 768px) and (max-width : 991px) {
     .service-card {
        width: 75%;
    }
    
}
/* --------------------------- //// CUSTOMMER LOGOS //// --------------------------- */
#custommers ul {
    padding: 0;
}
#custommers li {
    display: inline-block;
    margin: 0 25px;
    transform: scale(0.9, 0.9);
    transition:      all 0.4s ease-out;
}
#custommers li:hover {
    -webkit-transform: scale(1.1, 1.1);
}
#custommers li > img {
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

/* --------------------------- /////////// VIII. PORTFOLIO SECTION /////////// --------------------------- */
.portfolio-grid {
    margin-left: 0;
} 
.portfolio-tags li {
    display: inline;
    margin-right: 10px;
    font-size: 1.125rem;
}
.portfolio-tags {
    text-align: center;
    margin-bottom: 3%;
    padding: 0;
}
/* -Portfolio Projects- */
.grid-item {
    display: inline-block;
    padding: 0;
    margin-bottom: 0;
}
.grid-item a {
    color: #333;
}
.lb-caption a {
    color: #3498DB;
}
.lb-caption a:hover {
    color: #2980B9;
}
.caption-title {
    border-left: 3px solid #E9D460;
    height: 0;
    width: 50%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-right: 30%;
    background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
    transition: 0.5s ease;
    -webkit-clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 50% 0);
    clip-path: polygon(0% 0%, 0% 100%, 100% 100%, 100% 50%, 50% 0);
}
.caption:hover > .caption-title {
    height: 100%;
    width: 100%;
}
.caption:hover > .caption-title .text-wrap {
    opacity: 1;
}
.text-wrap {
    margin-top: 15%;
    margin-left: 7%;
    padding: 10px;
    opacity: 0;
    transition: 0.5s ease-in-out;
}
.text-wrap p {
    margin-top: 5px;
}
.text-wrap h2 {
    margin-bottom: 5px;
}
/* -RESPONSIVE STYLES- */
@media (min-width : 560px) and (max-width : 760px) {
    .caption-title h2 {
        font-size: 2.5rem; 
    }
}

/* --------------------------- /////////// IX. SKILLS SECTION /////////// --------------------------- */
.skills{
    color: #333;
	width: 100%;
}
.skills .skillbar {
    background-color: #DDD;
	box-sizing: border-box;
	width: auto;
    margin-bottom: 20px;
	position: relative;
}
.skills .count-bar {
    background-color: #E9D460;
    height: 3px; /* skillbar height */
	width: 0px;
	position: relative;
}
.skills .title {
    color: #333;
    font-family: Cabin, sans-serif;
	font-size: 16px;
	font-weight: bold;
    line-height: 32px;
	padding-left: 5px;
	text-transform: uppercase;
}
.skills .count {
    color: #333;
    font-family: Cabin, sans-serif;
    font-size: 16px;
	font-weight: bold;
    line-height: 12px;
	position: absolute;
	top: -20px;
	right: 12px;   
}

/* --------------------------- /////////// TESTIMONIALS /////////// --------------------------- */
/* -Testimonial Portrait- */
.testimonial-img {
    border-radius: 50%;
    height: auto;
    width: 15%;
    position: relative;
    left: 50%;
    top: 0;
}
/* -Testimonial Person Name- */
.testimonial-name-wrapper {
    position: absolute;
    padding-top: 15px;
    left: 68%; 
}
.testimonial-name {
    font-family: Cabin, sans-serif;
    font-size: 1.125rem; /* 18px */
    margin-bottom: 5px;
}
.testimonial {
    font-family: Droid Sans, sans-serif;
    font-size: 1.125rem; /* 18px */
    font-style: italic;
    line-height: 1.5em; /* 24px */
    padding: 10px 0 10px 0;
}
/* -Left Arrow */
.control-left {
    display: inline-block;
    position: absolute;
    top: 40%;
}
/* -Right Arrow- */
.control-right {
    display: inline-block;
    position: absolute;
    top: 40%;
    right: 0;
}
.control {
    color: #D4D4D4;
    z-index: 5;
}
.control:hover {
    color: #333;
}
/* -RESPONSIVE STYLES- */
@media (min-width : 320px) and (max-width : 767px) {
    .control {
        display: none;
    }
}
/* --------------------------- /////////// X. PRICING SECTION /////////// --------------------------- */
.panel {
    border: none;
    border-radius: 0;
}
.special {
    background: #F3DD65;
    color: #333;
    border-radius: 0;
}
.panel-default .panel-heading {
    background: #F5F5F5;
    color: #333;
    border: none;
    border-radius: 0;
}
.panel-default .panel-heading p {
    margin: 30px auto;
}
.panel-heading.special p {
    margin: 30px auto;
}
.price-tag {
    font-size: 3rem;
    font-family: Droid Sans, sans-serif;
}
.panel-body {
    background: #F5F5F5;
    border: none;
    border-radius: 0;
}
.panel-body.special {
    background: #F3DD65;
}
.panel-body ul {
    padding: 0;
}
.panel-body ul > li {
    padding: 5px 5px 5px 5px;
}
.panel-footer {
    background: #F5F5F5;
    border: none;
    border-radius: 0;
}
.panel-footer .button {
    width: 144px;
    height: 45px;
    margin: 25px auto;
}
.panel-footer.special {
    background: #F3DD65;
}
.panel-footer.special .button {
    background: #333;
    color: #E9D460;
}
.panel-footer.special .button:hover {
    background: #FFF;
    color: #333;
}
/* -RESPONSIVE STYLES- */
@media (min-width : 640px) and (max-width : 991px) {
    #pricing-section .col-md-4 {
        padding: 0 10% 0 10%;
    }
}
@media (min-width : 768px) and (max-width : 991px) {
     .panel {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }  
}

/* --------------------------- /////////// NEWSLETTER /////////// --------------------------- */
#newsletter input {
    width: 100%;
    /*color: #333;*/
    display: inline;
}
#newsletter .button {
    width: 150px;
    height: 45px;
    margin: 0;
    display: inline;
}
/* -RESPONSIVE STYLES- */
@media (min-width : 320px) and (max-width : 480px) {
    #newsletter input {
        width: 80%;
        margin-bottom: 10px;
    }
}
/* --------------------------- /////////// XI. CONTACT SECTION /////////// --------------------------- */
#contact-section input {
    height: 45px;
    width: 100%;
	padding-left: 10px;
    background: #F5F5F5;
    border-top: 1px solid #F5F5F5 !important;
    border-right: 1px solid #F5F5F5 !important;
    border-bottom: 3px solid #E9D460 !important;
    border-left: 1px solid #F5F5F5 !important;
}
#contact-section input:focus {
    background: #E9D460;
    color: #333;
}
#contact-section textarea {
    background: #F5F5F5;
    border-top: 1px solid #F5F5F5 !important;
    border-right: 1px solid #F5F5F5 !important;
    border-bottom: 3px solid #E9D460 !important;
    border-left: 1px solid #F5F5F5 !important;
}
#contact-section textarea:focus {
    background: #E9D460;
    color: #333;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #999;
    font-family: Droid Sans , sans-serif;
    font-size: 0.875rem; /* 14px */
    text-transform: uppercase;
}
::-moz-placeholder { /* Firefox 19+ */
    color: #777;
    font-family: Droid Sans , sans-serif;
    font-size: 0.875rem; /* 14px */
    text-transform: uppercase;
}
:-ms-input-placeholder { /* IE 10+ */
    color: #777;
    font-family: Droid Sans , sans-serif;
    font-size: 0.875rem; /* 14px */
    text-transform: uppercase;
}
:-moz-placeholder { /* Firefox 18- */
    color: #777;
    font-family: Droid Sans , sans-serif;
    font-size: 0.875rem; /* 14px */
    text-transform: uppercase;
}
.icon-contact {
    border: 1px solid #4B4B4B;
    border-radius: 1px;
    color: #4B4B4B;
	display: inline-block;
    font-size: 2rem;
	padding: 10px;
	vertical-align: middle;
}
#map-canvas {
    border: 1px solid #D8D8D8;
    height: 445px;
	width: 100%;  
}
#contact-section .button {
    height: 45px;
    width: 100%;
}
.contact-info p {
    margin-top: 10px;
}
/* -RESPONSIVE STYLES- */
@media (min-width : 320px) and (max-width : 991px) {
    .contact-info .col-md-4 {
        margin-bottom: 20px;
    }
}

/* --------------------------- /////////// XII. FOOTER /////////// --------------------------- */
#footer {
    background-color: #F9F9F9; /* footer color */
    border-top: 3px solid #E9D460;
    color: #333;
	height: auto;
    padding: 15px;
}
#footer p {
    font-size: 0.875rem; /* 14px */
    margin-top: 5px;
    margin-bottom: 0;
}
.social-links {
    margin-right: 5px;
    padding: 0;
    margin-left: 0px;
}
.social-links li {
    display: inline;
}
.social-links li > a > i {
    color: #333;
    padding: 5px;
    text-align: center;
    -webkit-transition: all 0.2s ease;
	-moz-transition:    all 0.2s ease;
	-o-transition:      all 0.2s ease;
}
.social-links li > a > i:hover {
    color: #E9D460;  
}
/* -Copyright Text- */
#copyright {
    color: #333;
	font-family: Cabin , sans-serif;
    margin-top: 5px;
}

/* --------------------------- /////////// XIII. 404 Page /////////// --------------------------- */
#container-404 {
    background-image: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url(../images/404.jpg);
    background-position: center;
    background-size: cover;
    height: 100vh;
    width: 100%;
}
.text-404 {
   margin-top: 30vh;
}
.text-404 h1 {
    font-size: 7rem;
}
.text-404 p {
    font-size: 1.5rem;
}





.wpcf7-submit.sbt-btn {
    background: #E9D460 !important;
    border: none;
    border-radius: 2px !important;
    color: #FFF;
    display: block !important;
    font-family: Cabin, sans-serif;
    font-weight: bold;
    height: 30px !important;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    outline: none;
    transition: all 0.2s ease;
    /* border: none; */
    font-size: 16px;
    height: 45px !important;
    padding: unset;
}
#contact-section input.wpcf7-form-control.has-spinner.wpcf7-submit.sbt-btn {
    border: none !important;
}
.wpcf7-submit.sbt-btn:hover {
    background: #333 !important;
    border-bottom: none !important;
    text-decoration: none;
}
a.custom-logo-link {
    margin-left: 10px;
    display: block;
}
/*.tnp-field.tnp-field-email {
    display: flex;
    justify-content: center;
}*/
.tnp.tnp-subscription input.tnp-submit {
    width: 200px !important;
    background: #E9D460 !important;
    border: none !important;
    border-radius: 2px;
    color: #FFF !important;
    display: block !important;
    font-family: Cabin, sans-serif;
    font-weight: bold;
    /* height: 30px; */
    width: auto;
    margin-left: 6px;
    /* margin-right: auto; */
    /* margin-top: 20px; */
    /* margin-bottom: 20px; */
    outline: none;
    transition: all 0.2s ease;
    text-transform: uppercase;
    height: 45px;
    font-size: 16px;
}
.tnp-subscription input.tnp-submit:hover {
    background: #333 !important;
    text-decoration: none;
}
.wpcf7-response-output {
    font-family: Droid Sans, sans-serif;
    text-align: center;
    margin-top: -25px;
    color: red;
}
.screen-reader-response {
    display: none;
}
span.wpcf7-not-valid-tip {
    color: red;
    font-family: Droid Sans, sans-serif;
}
.col-md-4.abt-left {
    height: 412px;
}
.col-md-4.abt-left img {
    object-fit: cover;
    height: 100%;
}
.tnp-field.tnp-field-email label {
    display: none;
}
.tnp.tnp-subscription form {
    display: flex;
    justify-content: center;
}
.tnp-field.tnp-field-email {
    width: 33%;
}
.tnp.tnp-subscription input.tnp-email {
    width: 100%;
}
a.footer-privacy-link {
    color: #333;
    margin-top: 15px;
}
section#hero-section {
    padding-top: 0px;
    padding-bottom: 0px;
}
ul#menu-main-menu li {
    margin: 0px;
}
.tnp-subscription {
    margin: auto;
    max-width: none;
}
input#tnp-1{
    background: transparent !important;
    height: 45px !important;
    padding-left: 10px !important;
}
div#contact-section {
    margin-bottom: 20px;
}
.wpcf7-spinner {
    position: absolute;
}
#footer ul.social-links li {
    margin: 0px;
}

@media screen and (max-width: 767px)
{
    #about-section .row {
    padding: 8px;
}
img.custom-logo {
    width: 80%;
    height: auto;
}
.navbar-default .navbar-toggle {
    margin-top: -1px;
    margin-right: -15px;
}
section#hero-section {
    margin-top: 60px;
}
a.custom-logo-link {
    margin-left: 5px;
}
.navbar-header button#hamburger {
    position: absolute;
    right: 31px;
    top: 10px;
}
.navbar-collapse.navHeaderCollapse.collapse.in {
    background: #fff;
}
}

.pe-4x {font-size: 4em;}.pe-3x {font-size: 3em;}.width100.suga-slider-group{width:104%!important}.testimonials-wrapper{min-height:200px}.modal-open{padding-right:0!important}.expanding-div1{width:100%;height:5px;background:#f3dd65;position:absolute;bottom:0;left:0;z-index:-5;transition:.4s ease-in-out}.img_jotex{margin-top:10%}.right_text{text-align:left}.strong1{font-size:25px;margin-top:5px;font-weight:700}.stront1{vertical-align:middle;float:left;margin-top:19px}.width-60{width:60%}.collapse.navbar-collapse.navHeaderCollapse{overflow:hidden!important;padding-top:30px}.wid100{width:100%}.jott li img{max-width:150px}.wid50{width:50%;margin:0 auto}@media only screen and (min-width:768px) and (max-width:1130px){.testimonials-wrapper{min-height:220px}}@media only screen and (min-width:768px) and (max-width:991px){.width-60{width:40%}.collapse.navbar-collapse.navHeaderCollapse{overflow:hidden!important;padding-top:1px}.img-123{padding-left:0;padding-right:0;padding-top:0}}@media screen and (max-width:768px){.testimonials-wrapper{min-height:225px}.wid50{width:100%;padding:10px}.wi100{padding:10px}.right_text p{padding:10px}.img-123{padding-left:0;padding-right:0;padding-top:0}}@media only screen and (max-width:767px){.testimonials-wrapper{min-height:225px}.width-60{width:100%}.wid100.navbar-brand{width:70%}.awards-img{max-width:100%!important}}@media only screen and (max-width:640px){.testimonials-wrapper{min-height:225px}.awards-img{max-width:90%!important;margin-top:15px}.width100.suga-slider-group{width:100%!important}#logos .width100.suga-slider-group li{width:24%!important}.img-123{padding-bottom:20px; padding-top: 20px}}@media only screen and (max-width:590px){.testimonials-wrapper{min-height:250px}}@media only screen and (max-width:550px){.testimonials-wrapper{min-height:290px}}@media only screen and (max-width:432px){.testimonials-wrapper{min-height:315px}}@media only screen and (max-width:390px){.testimonials-wrapper{min-height:345px}}@media only screen and (max-width:349px){.testimonials-wrapper{min-height:370px}.testimonials-wrapper{min-height:370px}}@media only screen and (max-width:345px){.testimonials-wrapper{min-height:408px}}.suga-slider-wrap{overflow:hidden;margin:0px 1em}.suga-slide{float:left;position:relative;margin-left:0;padding-right:8px}#logos .width100.suga-slider-group li{width:16%;margin:0}.navHeaderCollapse a.active{color:#e9d460!important}.spaced{letter-spacing:10px}.carousel-caption{top:35%}.caption-title{background:#e9d460;color:#000}.about_content_right_img,.about_content_left_img{width: 100%;}