/***---Base Rules---***/

* {
   margin: 0;
   padding: 0;
}

body {
   margin: 0;
   padding: 0;
   overflow-x: hidden;
   background: linear-gradient(rgba(0, 0, 0, 0.76), rgba(0, 0, 0, 0.76)),
      url("/images/background.jpg");
   background-attachment: fixed;
}

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: "Montserrat", sans-serif;
   color: #6c757d;
}

p {
   font-family: "nunito", sans-serif;
   font-size: 20px;
   line-height: 30px;
   color: #6c757d;
}

#errorMessage {
   animation: fade-in-out 0.5s;
}

.top-nav-block{
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
  width: 100%;
  height: 9vh;
  background: linear-gradient(rgba(0, 0, 170, 0.8), rgba(0, 0, 170, 0.8));
}

.top-nav-block a p{
color: #fff;

}

nav.stickyadd .top-nav-block{
  background-color: #fff!important;
}

nav.stickyadd .top-nav-block a p{
  color: #000080!important;
}

/******----Navigation Section----******/

.nav-item {
   transform: translate3d(1800%, 0, 0);
}

.nav-item.open-nav-trans {
   transform: translate3d(0, 0, 0);
   transition: all 0.5s ease-out;
}

.nav-item:nth-child(1) {
   transition-delay: 0.1s;
}
.nav-item:nth-child(2) {
   transition-delay: 0.2s;
}
.nav-item:nth-child(3) {
   transition-delay: 0.3s;
}
.nav-item:nth-child(4) {
   transition-delay: 0.4s;
}
.nav-item:nth-child(5) {
   transition-delay: 0.5s;
}

.nav-tel {
   display: flex;
   align-items: center;
   padding-left: 60px;
}

nav.stickyadd .navbar-nav .nav-tel a {
   color: rgb(255, 255, 255) !important;
}

@media only screen and (max-width: 700px) {
   .nav-tel {
      display: none;
   }
}

.nav-tel {
   transform: translate3d(1900%, 0, 0);
}

.nav-tel.open-nav-tel {
   transform: translate3d(0, 0, 0);
   transition: all 0.5s ease-out;
}

.nav-tel:nth-child(6) {
   transition-delay: 0.6s;
}

#nav-phone > a {
   color: rgb(0, 0, 170);
   font-size: 18px;
   font-weight: 600 !important;
   transform: scale(1.2);
}

#nav-phone:hover {
   transform: scale(1.1);
   transition: all 0.5s ease-in-out;
}

nav.stickyadd #nav-phone a {
   color: rgb(255, 255, 255);
}

@media only screen and (min-width: 700px) {
   #nav-phone {
      display: none;
   }
}

/******----Social Media Icons Transition******/
.nav-social-item {
   transform: translate3d(1600%, 0, 0);
   transition: all 0.5s ease-out;
}
.nav-social-item.icon-item-trans {
   transform: translate3d(0, 0, 0);
}

.nav-social-item:nth-child(1) {
   transition-delay: 0.7s;
}
.nav-social-item:nth-child(2) {
   transition-delay: 0.8s;
}
.nav-social-item:nth-child(3) {
   transition-delay: 0.9s;
}

/******----Navigation Configuration Start----******/
nav.r-nav {
   margin-top: 50px;
   background: rgba(255, 255, 255, 255);
   padding: 6px 0;
   transition: 0.5s all;
}
@media only screen and (min-width: 991px) {
   #navbarId {
      width: 100%;
      margin-left: 80px;
   }
}

nav .navbar-brand {
   transition: 0.5s all;
}

nav .navbar-nav li > a {
   color: #000080 !important;
   font-size: 16px;
   letter-spacing: 0.05em;
   font-weight: 600 !important;
   font-family: "nunito", sans-serif;
   transition: 0.5s ease-out;
   position: relative;
}
.navlinks {
   font-size: 600px;
}

@media only screen and (max-width: 991px) {
   .nav-item {
      width: 10%;
   }
   .navbar-toggler {
      height: 34px;
      width: 38px;
      display: flex;
      flex-direction: column;
      align-items: center;
   }

   .navbar-toggler-icon {
      flex-basis: 100%;
   }
}

nav .navbar-nav li > a:hover {
   color: palevioletred !important;
   transform: translateY(-6px);
}

nav .navbar-nav li > a:hover::after {
   content: "";
   width: 30px;
   height: 2px;
   background: palevioletred;
   position: absolute;
   bottom: -4px;
   left: 20px;
}

nav .navbar-nav li {
   margin-left: 4px;
}

.estore-link > * {
   color: red !important;
   font-family: Georgia, "Times New Roman", Times, serif !important;
}

@media only screen and (max-width: 991px) {
   .estore-link {
      width: 100%;
   }
}

/****---Add Stickyadd Class---****/

nav.stickyadd .estore-link > * {
   color: #ffffff !important;
}

nav.r-nav.stickyadd {
   background: linear-gradient(rgba(0, 0, 140, 0.76), rgba(0, 0, 140, 0.76));
   padding: 10px 0;
   box-shadow: 0 1px 8px 3px rgba(0, 0, 0, 0.05);
   transition: 0.5s all ease-in-out;
}

nav.stickyadd .navbar-nav li > a:hover {
   color: palevioletred !important;
}

nav.stickyadd .navbar-nav .nav-link {
   color: #fff !important;
   font-weight: medium !important;
}

/***---Nav Toogler Color settings---***/

.navbar-toggler {
   background-color: #f3f3f3ff !important;
}

nav.stickyadd .navbar-toggler {
   background-color: grey !important;
}

nav.stickyadd .navbar-nav li > a:hover::after {
   content: "";
   width: 30px;
   height: 2px;
   background: #fff;
   position: absolute;
   bottom: -4px;
   left: 20px;
}

/***---Header Section---***/

header {
   width: 100%;
   min-height: 88vh;
   background-image: url("/images/home-top-image.jpg");
   background-attachment: fixed;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}

.call-btn {
   color: rgba(255, 255, 255, 1);
   background: rgba(0, 0, 200, 0.86);
   border-radius: 20px;
   letter-spacing: 1px;
   font-weight: 600;
   font-size: 18px;
   margin-bottom: 1rem;
   transition: 0.5s all !important;
   line-height: 28px;
   text-align: center;
}

.call-btn:hover {
   background-color: #f9f9f9;
   color: palevioletred;
   border-color: palevioletred;
   transition: 0.6s all;
}

header .content-box > h4 {
   color: #fff;
   font-size: 40px;
   z-index: 3;
}

.h-text {
   color: #000080;
}

header .content-box > h1 {
   color: #fff;
   font-size: 48px;
}

header .content-box > p {
   color: #fff;
   margin-bottom: 2rem !important;
   position: relative;
}

/***---Gallery Section---***/

.home-section {
   padding-bottom: 0.2rem;
   background-color: #fff;
}
.image-slide {
   font-size: 2.4rem;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.home-section {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   font-size: 2.7rem;
   font-weight: medium;
   padding-top: 2%;
}

.images-row {
   padding: 6% 0 6% 0;
}

.images-margin {
   padding-top: 4%;
}

.images-padding hr {
   margin: 0;
}

.images-padding {
   padding: 0;
}

.images-row img,
.carousel-image-style img {
   width: 100%;
   background-color: #fff;
   box-shadow: 0 0 1px rgba(0, 0, 0, 0.3);
   transition: ease-in-out 0.5s;
}

.images-row img:hover {
   color: #000;
}
.jumbotron-p {
   border: 1px solid grey;
   padding-bottom: 2%;
}

.comp-imgs {
   height: 50vh;
   width: 100%;
   background-image: url("/images/home-bottom-img.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

.team-heading {
   color: #fff;
   font-size: 2.4rem;
}

.color-wrapper {
   background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));
   padding: 4% 0 6% 0;
}

.para3-color {
   height: 50vh;
   width: 100%;
   background-image: url("/images/mainimage.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

.color-wrapper {
   margin: 0;
}

.team-content {
   background: linear-gradient(rgba(0, 0, 140, 0.76), rgba(0, 0, 140, 0.76));
   padding: 6% 0 6% 0;
}

.services-h4 {
   margin-top: 1%;
   color: #6c757d;
   font-size: 2.4rem;
}
.serviceImgBox {
   z-index: 2;
}

.jumbotron-wrapper {
   padding-top: 2%;
   margin-bottom: 2%;
   border: 1px solid lightgrey;
   border-radius: 4px;
}

.gallery-background {
   background-image: linear-gradient(rgba(0.5), rgba(0.5)), url("/images/background.jpg");
}

.switchoff {
   display: none;
}

/***---Nav Media Query Responsive  ---***/

@media only screen and (max-width: 991px) {
   .carousel-control-prev-icon {
      display: none;
   }
   .carousel-control-next-icon {
      display: none;
   }
   #social-icon-align,
   .navbar-nav {
      margin-left: 1rem;
   }
   #logo {
      width: 140px;
      height: 50px;
      transition: all 0.5s ease-in-out;
   }
}
@media only screen and (min-width: 991px) {
   #logo {
      width: 200px;
      height: 60px;
      transition: all 0.5s ease-in-out;
   }
}

/***---Services Section---***/

.card .img-thumbnail {
   border-radius: 50%;
   padding: 25px;
   background-color: palevioletred;
}

.service-img {
   transition: all 0.5s ease-in-out;
}

/***---Adjusting services images on small screens devices***/
@media only screen and (max-width: 700px) {
   .img-fluid.service-img {
      width: 72%;
   }
}

.open-slide {
   display: flex;
   flex-direction: row;
   width: 30%;
   height: 100vh;
   background: rgba(0, 0, 0, 0.8);
   z-index: 3;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   transform: translate3d(0%, 0, 0);
   transition: all 0.5s ease-out;
}

.carousel-item li {
   font-family: "nunito", sans-serif;
   font-size: 20px;
   line-height: 30px;
   color: #6c757d;
}

.carousel-item h5 {
   font-size: 2rem;
   color: #6c757d;
}

.company-view-image {
   width: 90%;
}

.divine-heading {
   font-size: 2rem;
}

.about-social-icons {
   margin: 10px 0 0 1px;
}

.about-social-icons:hover {
   transition: all 0.5s ease-in-out;
}

nav .list-inline {
   margin-left: 10rem;
   margin-top: 1rem;
}

nav .list-inline .list-inline-item a {
   display: inline-block;
   width: 32px;
   height: 32px;
   line-height: 28px;
   text-align: center;
   color: palevioletred;
   border: 2px solid palevioletred;
   font-size: 20px;
   border-radius: 50%;
}

nav .list-inline .list-inline-item a:hover {
   color: #000;
   transition: 0.5s all;
}
nav.stickyadd .list-inline .list-inline-item a {
   color: #fff;
   border: 2px solid #fff;
}

nav.stickyadd .list-inline .list-inline-item a:hover {
   color: palevioletred;
}

/****---About Section---****/

.card {
   background-color: #f3f3f3 !important;
   border-radius: unset;
}
.about-heading {
   font-size: 2.5rem;
   padding-bottom: 2rem;
}

.founder-icon {
   color: green;
}

.about-wrapper {
   width: 100%;
   height: 80vh;
   background-image: url("/images/it3-img.jpg");
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
   padding: 0;
}

.card-body-trans {
   transition: all 0.8s linear;
}

.about-text-content {
   padding-left: 1.8em;
}

.about-list-items {
   font-size: 20px !important;
   line-height: 26px;
   color: #fff;
}
.about-wrapper h5,
.about-wrapper p,
.about-wrapper-vision,
.about-wrapper-vision-heading {
   color: #fff;
}

.founder-btn {
   border-radius: 20px;
   letter-spacing: 0.5px;
   border-width: 2px;
   margin-bottom: 10px;
}

#social-links {
   margin-left: 0;
}

.color-wrapper .list-inline .list-inline-item a {
   display: inline-block;
   width: 32px;
   height: 32px;
   line-height: 28px;
   text-align: center;
   color: palevioletred;
   border: 2px solid palevioletred;
   font-size: 20px;
   border-radius: 50%;
}

.color-wrapper .list-inline .list-inline-item a:hover {
   color: #000;
   transition: 0.5s all;
}

/***---Footer Wrapper---***/

.form-section {
   background-image: url("/images/contact-img.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-attachment: fixed;
}

footer {
   background: linear-gradient(rgba(0, 0, 140, 0.76), rgba(0, 0, 0, 0.76));
   color: #fff !important;
}

footer .ft {
   padding-top: 2rem;
}

.footer-hr,
.about-hr,
.contact-hr {
   color: #fff;
   margin: 0;
}

.footer-content {
   margin-left: 30px !important;
}
.footer-paragraph {
   color: #fff !important;
}

footer h6 {
   font-size: 1.6rem;
   color: #fff !important;
   margin-bottom: 2rem;
}

footer p,
footer .footer-links {
   color: #fff !important;
   margin: 0 !important;
   font-size: 1.2rem !important;
}
footer .footer-links {
   text-decoration: none;
   font-size: 1.2rem;
   font-weight: medium;
}

footer .footer-links:hover {
   color: palevioletred !important;
   transition: all 0.4s ease-in-out;
}

footer li {
   list-style: none;
   font-size: 1.2rem !important;
}

.c {
   color: #fff !important;
}

.card-row {
   width: 80%;
}

footer #footer-location {
   margin-bottom: 0;
}

/*----------Beginning of Contact Us Page-----------*/

@media only screen and (max-width:700px){
  #form-top-section{
    padding-top: 16% !important;
  }
}

.form-h3 {
   font-size: 32px;
   color: rgba(255, 255, 255, 0.9);
}

.hideForm-h3 {
   display: none;
}

.activeLink {
   color: red;
}
.contact-h3 {
   font-size: 26px;
   color: rgba(255, 255, 255, 0.9);
}

.contact-p {
   color: rgba(255, 255, 255, 0.9);
   font-size: 18px;
}

.form-section-1 {
   margin-top: 62px;
}
.contact-heading {
   font-size: 2.4rem;
   color: rgba(255, 255, 255, 1);
}

.contact-a {
   text-decoration: none;
   color: rgba(255, 255, 255, 0.9);
}
.contact-a:hover {
   color: palevioletred;
   transition: all 0.4s ease-in-out;
}

.form-color {
   background-image: url("/images/contact-top-img.jpg");
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   background-attachment: fixed;
}

@media only screen and (max-width: 700px) {
   .form-color {
      background-image: url("/images/contact-img.jpg");
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      background-attachment: fixed;
   }
}

.form-row {
   margin-top: 4px !important;
}

.contact-para-wrapper {
   background: #f3f3f3;
}

.contact-row {
   padding: 5% 0 5% 0;
}

.contact-row-text {
   padding: 5% 0 2% 0;
}

.text-padding {
   padding: 0 0 6% 0;
}

.errMsg {
   transition: all 0.5s ease-in-out;
   display: none;
   font-size: 18px;
   color: rgb(243, 113, 7);
   border: 1px solid #fff;
   background: linear-gradient(rgba(0, 0, 110, 0.97), rgba(0, 0, 110, 0.97));
   padding: 2%;
   width: 50%;
   position: relative;
   left: 42%;
}

@media only screen and (max-width: 700px) {
   .errMsg {
      font-size: 17px;
      width: 80%;
      position: relative;
      left: 8%;
   }
}

/****-----recaptcha------****/

.rejectText{
  color:#ff0000;
}

.successText{
  color:#008000;
}

.activeLink{
background-color: #ff0000;
}

/***---Brands----***/

.brands-wrapper {
   margin-bottom: 1.5rem;
   background: rgba(255, 255, 255, 1);
   padding-top: 2rem;
   padding-bottom: 2rem;
}

.adjust-img {
   width: 86%;
   background: rgba(255, 255, 255, 1);
}

/***Adjust featured brand images to fit small screens***/
@media only screen and (max-width: 700px) {
   .adjust-img {
      width: 64%;
      margin-top: 1.4rem;
   }
}

.brands-heading {
   font-size: 2.4rem;
}

/***---Services Page----***/
.divide-section {
   background: url("/images/s-img3.jpg");
   width: 100%;
   height: 80vh;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   background-attachment: fixed;
}

@media (max-width: 700px) {
   .divide-section {
      background: url("/images/mimaki-printer.png");
      height: 80vh;
      width: 100%;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
      background-attachment: fixed;
   }
}

.servicepadding {
   padding: 0 !important;
}

.remove-padding {
   padding-left: 0 !important;
   padding-right: 0 !important;
}

.service-wrapper {
   width: 100%;
}
.service-wrapper img {
   width: 94%;
   height: 90%;
}
.services-images {
   padding-bottom: 8rem;
}

.services-images img {
   width: 90%;
   height: 100%;
}

#service-text-col {
   text-align: initial;
   padding-left: 2rem;
}

.services-images li a button {
   display: inline-block;
   border-radius: 30px;
   font-size: 18px;
   transition: all 0.5s;
   line-height: 28px;
   text-align: center;
   font-weight: 600;
}

#embroidery-image img {
   height: 90%;
   padding-top: 30px;
}

.col-padding {
   padding-top: 4rem !important;
   padding-left: 1.4em;
}
.col-padding-img {
   padding-top: 4rem;
}

.services-bottom {
   width: 100%;
   height: 50vh;
   background-image: url("/images/car-sticker.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   background-attachment: fixed;
}

/******----Thank You Page---******/

#thank-you-body-bg {
   background: rgb(244, 244, 244);
}

.thank-you-container {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   margin-top: 1rem;
   padding-top: 4rem;
   height: 50vh;

   overflow-y: scroll;
}

#back-to-home-page {
   text-decoration: none;
   background-color: rgba(0, 0, 200, 0.86);
   color: #ffffff;
   font-size: 24px;
   border-radius: 80px;
   padding-left: 12px;
   padding-right: 12px;
   padding-top: 4px;
   padding-bottom: 6px;
   cursor: pointer;
}

#back-to-home-page:hover {
   opacity: 0.4;
}

#posts-btn {
   border-radius: 40%;
}

#insertList li label {
   color: #ffffff;
}

#insertList li {
   list-style: none;
}

#insertList {
   padding-left: 0;
}

.topPadding{
    margin-top: 0;
    transition: .5s all ease-in-out;
}

.remove{
    display: none;
}