/*colors:*/

/*extends classes*/

.transitions, #exclusives .card .offer-price, .about-image {

  transition: all 0.3s ease-in-out;

}

.card-img-overlay:hover {

  background-color: #090d1066;

}

/*Body Styles:*/

body {

  position: relative;

  overflow-x: hidden;

  font-family: 'Tajawal', sans-serif !important;

  overflow-x: hidden;

}

.loading{

  background-color: #333;

  position: fixed;

  z-index: 99999;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}

/* Loading */

section{



  height:100vh;

  background:#000;

}





video{



  object-fit: cover;

}



.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 0;

}



.loading h1{

  margin: 0;

  padding:0;

  position: absolute;

  top:50%;

  transform:translateY(-50%);

   width:100%;

  text-align: center;

  color:#ddd;

  font-size:3em;

  letter-spacing: 0.2em;

  direction: ltr;

}



h1 span{



  display: inline-block;

  animation: animate 1s linear forwards;

}



.one {



  color:#ca3839;

  animation-delay:.5s;

}



.tow{color:white;

  animation-delay:1s;}



.three{color:#ca3839;

  animation-delay:2s;}



.four{color:white;

  animation-delay:2.5s;}



.five{color:#ca3839;

  animation-delay:2.75s;}



.six{color:white;

  animation-delay:3s;}



.seven{color:#ca3839;

  animation-delay:3.5s;}



.eight{color:white;

  animation-delay:3.75s;}



.nine{color:#ca3839;

  animation-delay:4s;}



.ten{color:white;

  animation-delay:4.5s;}



.eleven{color:#ca3839;

  animation-delay:4.75s;}



.twilve{color:white;

  animation-delay:5s;}



.thirteen{color:#ca3839;

  animation-delay:5.5s;}



.fourteen{color:white;

  animation-delay:5.75s;}



.fifteen{color:#ca3839;

  animation-delay:6s;}



  .carousel-control-next-icon {

    margin-left: 75%;

  }

@keyframes animate

{

0%

  {

      opacity:0;

      transform:rotateY(90deg);

      filter:blur(10px);



  }



100%

  {

      opacity:1;

      transform:rotateY(0deg);

      filter:blur(0px);

  }



}



/* loading */



/*upper navbars Styles:*/

#upperNavbar {

  display: block;

}



#upperNavbar.hide-nav {

  display: none;

}



#upperNavbar .social-media {

  transition: transform 0.3s ease-in-out;

}



#upperNavbar .social-media:hover svg {

  transform: scale(1.1);

  color: #f3c300 !important;

  transition: 1s ease-in-out;

}



/*Main Navbar Styles:*/

nav#mainNavbar {

  background-color:#1e1e1e !important;

  top: 70px;

  transition: top 0.3s ease-in-out;

  border-bottom: 1px solid #1e1e1e ;

}



nav#mainNavbar.stayback {

  top: 0;

}



nav#mainNavbar .navbar-custom {

  background-color: #1e1e1e;

}



a.navbar-brand.order-lg-last {

  font-size: 30px;

  background-color: linear-gradient(to right, red, yellow) !important;

}



.navbar-dark .navbar-nav .active > .nav-link,

.navbar-dark .navbar-nav .nav-link.active,

.navbar-dark .navbar-nav .nav-link.show,

.navbar-dark .navbar-nav .show > .nav-link {

  color: #ffc107;

}





.navbar-dark .navbar-nav .nav-link {

  color: #fff;

}



input.form-control.mr-sm-2.search:focus {

  border-color: #f3c300;

  outline: none;

  box-shadow: 0 0 0 0.2rem #f3c300;

}



ul.navbar-nav.ml-auto.pr-0 {

  margin-left: 0 !important;

}



/*About Company Section Styles in the home page*/

.about-image:hover {

  transition: .1s ease-out;

}



/*Exclusive sections styles in the home page*/

#exclusives .card {

  position: relative;

}

#our_partners .Data{

  border: 4px double #f3c300;

}

#exclusives .card .offer-price {

  width: 80px;

  height: 80px;

}



#exclusives .card .offer-price h4 {

  line-height: 60px;

}



#exclusives .card:hover .offer-price {

  transform: rotate(360deg) scale(1.2);

}



/*Custom Submit button Styles:*/





#toTop {

  position: fixed;

  right: 3%;

  bottom: 5%;

  z-index: 55555555555;

  cursor: pointer;

  border-radius: 6px;

  transition: 0.3s ease-in-out;

  display: none;

  border: 1px solid #ca3839 !important;

}



#toTop:hover {

  opacity: 1;

}



#about_us,

#exclusives,

#contactus,

#products,

#partners,

#teamWork,

#comDetails {

  margin-top: 100px;

}



textarea.form-control {

  resize: none;

  height: 150px;

}



#carouselExampleCaptions {

  margin-top: 100px;

}



.product {

  position: relative;

  width: 100%;

  max-width: 400px;

  overflow: hidden;

}



.product .overlay {

  position: absolute;

  top: 0;

  bottom: 0;

  left: 0;

  right: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  transition: 0.3s ease;

  background-color: #f3c300;

}

.product img{

  border-radius:10px;

  height: 258px !important;

}

.product .overlay a {

  display: inline-block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  padding-top: 30%;

  color: white;

  font-size: 25px;

  text-decoration: none;

  text-align: center;

}





.product:hover .overlay {

  opacity: 1;

  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  background-color: #1e1e1ebd;

}

/*Products sections style in the home page*/

.product {

  position: relative;

  width: 100%;

  max-width: 400px;

  border-radius: 6px;

  overflow: hidden;

}



.product .overlay {

  position: absolute;

  right: -100%;

  top: 0;

  height: 100%;

  width: 100%;

  opacity: 0;

  transition: 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);

  background-color: #000000bf;

}



.product .overlay a {

  display: inline-block;

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

  padding-top: 35px;

  color: white;

  font-size: 25px;

  text-decoration: none;

  text-align: center;

}



@media screen and (max-width: 992px) {

  .product .overlay a {

    padding: 60px;

  }

}

@media screen and (max-width: 768px) {

  .product .overlay a {

    padding: 70px;

  }

}

.product:hover .overlay {

  opacity: 1;

  right: 0;

}



/*Services Page's Styles:*/

.services .container-fluid{

  padding: 0 4%;

}

#services,.theft_alarm {

  margin: 146px 0;

  font-weight: bold;

}

#services .container,.services .container{

  padding: 0 4%;

}

ul.breadcrumb {

  padding: 10px 57px;

  list-style: none;

  background-color: #eee;

}

ul.breadcrumb li {

  display: inline;

  font-size: 18px;

  color: #f3c300;

}

ul.breadcrumb li+li:before {

  padding: 8px;

  color: black;

  content: "/\00a0";

}

ul.breadcrumb li a {

  color: #0275d8;

  text-decoration: none;

}

ul.breadcrumb li a:hover {

  color: #01447e;

  text-decoration: underline;

}

.services h4 {

  margin: auto;

  color: #f3c300;

  width: 101%;

  padding-right: 34%;

}

.services span{

  color:#6c757d;

}

.services li{

  list-style: circle;

  color:#034195;

}

.services h5{

  padding: 20px;

}

.services li a{

  color:#8e8e8e !important;

}

.services li:hover a{

  color:#f3c300 !important;

}

.embed-responsive,.offer{

  border: 5px solid #FFC107;

  border-radius: 10px;

}

.jumbotron{

      padding: 0 !important;

      margin-bottom: 2rem;

      background-color: #ffffff !important;

      border-radius: .3rem;

}



.portfoli3{

  width: 100%;

  height: 100%;

  border: 1px solid #eee;

}

#portfolio{

  width: 85%;

  margin-right: 96px;

}

.portfoli3{

  position: relative;

}

.portfoli3 img{

  width: 220px;

  height: 220px;

}

.portfoli3 svg{

  opacity: 0;



}

.portfoli3:hover svg{

  opacity: 1;

  position: absolute;

  bottom:21px;

  right:0;

  color:#fff;

  background-color: #f3c300;

  padding: 8px;

  font-size: 41px;

  transition: 1s ease;

}

footer#footer.fixed-footer {

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

}



/*Procusts page's styles:*/

#products {

  margin-top: 150px;

}



#products .card {

  overflow: hidden;

}



#products .card .image-container {

  max-height: 250px;

  overflow: hidden;

}



#products .card .image-container img {

  transition: 0.3s ease-in;

}



#products .card .image-container img:hover {

  transform: scale(1.5);

}



#products .card a {

  text-decoration: none;

  color: #000;

  font-weight: bold;

  transition: 0.3s ease-in-out;

}



#products .card a:hover {

  color: #f3c300;

}

/*About Company Page's Styles:*/

#about_co {

  margin-top: 150px;

}



/*Team Work Page's Styles:*/

#team_work {

  margin-top: 150px;

}



#exclusives {

  margin-top: 150px;

}



/*Partners Pages's Styles:*/

#our_partners {

  margin-top: 150px;

}



/*Order Now Page's Styles:*/

#order_now {

  margin-top: 200px;

}





/*# sourceMappingURL=main.css.map */

/*# sourceMappingURL=main.css.map */



/*# sourceMappingURL=main.css.map */

.bg-light{

  background-color: #fff !important;

}

.bg-warning {

  background-color: #1e1e1e !important;

}

#upperNavbar svg:not(:root).svg-inline--fa {

  overflow: visible;

    color: #d33231;

    font-size: 18px;

    padding-top: 0px;

}

#upperNavbar .text-secondary {

  color: #1e1e1e  !important;

}

#upperNavbar .navbar-light .navbar-text a {

  color: rgb(255, 255, 255);

}

#upperNavbar .social-media svg{

  color:#1e1e1e !important;

  font-size: 20px !important;

  padding-top: 4px !important;

}

#upperNavbar .social-media svg:hover{

  color: #f3c300;

}

 .navbar-light .navbar-text a{

  color: #1e1e1e !important;

  width: 30px;

  height: 30px;

  border: 3px solid #d33231;

  border-radius: 50%;

  padding: 10% 7px;



}

.navbar-dark .navbar-brand {

  color: #ca3839 !important;

  font-size: 20px;

  font-weight: 800;

  width: 200px;

  position: relative;
}

.navbar-dark .navbar-brand div{

  margin: -12px 0 0 -69px;

  color: #d33231;

}

.form-control {

  border: 1px solid rgba(82, 78, 78, 0.5) !important;

  background: rgba(82, 78, 78, 0.5);

}

.form-inline .form-control{

  padding-right: 26px;

  padding-top: 7px;

}

.has-search .form-control-feedback {

  position: absolute;

    z-index: 2;

    display: block;

    width: 1.5rem;

    height: 1.5rem;

    line-height: .5rem;

    margin-right: 2px;

    text-align: center;

    pointer-events: none;

    color: #6c757d;

    padding-left: 4px;

}

.navbar-dark .navbar-toggler {

  background-color: #6c757d;

}

.shift ul li a {

  position:relative;

  z-index: 1;

  color:#fff;

}



.navbar-dark .navbar-nav .order .nav-link:focus, .navbar-dark .navbar-nav .order .nav-link:hover {

  color:#fff;

  background-color:#f3c300;

  transition:0.8s;

}

.navbar-dark .navbar-nav .order .nav-link::before

{

  content: "";

  position: absolute;

  left:0;

  width: 100%;

  height:0%;

  background:#f3c300;

  z-index:-1;

  transition:0.8s;





}



.navbar-dark .navbar-nav .order .nav-link::before

{

  top:0;

  border-radius:0 0 50% 50%;

}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{

  color:#ca3839;

}







.navbar-dark .navbar-nav .nav-link:hover::before

{

  height:100%;

}

.dropdown-item{

    white-space: inherit;

    padding:6px 20px;

    -webkit-transition:padding 0.5s ease;

    -moz-transition:padding 0.5s ease;

    -o-transition:padding 0.5s ease;

    transition:padding 0.5s ease;

}

.dropdown-item:focus, .dropdown-item:hover

{

  background-color: #ca3839;

  color:#fff;

  padding-right:25px;

}

.carousel-indicators li {

  width: 11px !important;

  height: 11px !important;

  border-radius: 50%;

  background-color: #1e1e1e;

}

.carousel-indicators {

  bottom: -82px !important;

}



/**/

@-webkit-keyframes zoom {

  from {

    -webkit-transform: scale(1, 1);

  }

  to {

    -webkit-transform: scale(1.5, 1.5);

  }

}



@keyframes zoom {

  from {

    transform: scale(1, 1);

  }

  to {

    transform: scale(1.5, 1.5);

  }

}



/* .carousel-inner .carousel-item  > img {

  -webkit-animation: zoom 20s;

  animation: zoom 20s;

} */

#about_us{

  border: 1px solid #ca3839;

  padding: 26px;

  border-radius: 10px;

  font-family: 'Tajawal', sans-serif;

  position: relative;

}

#about_us button{

  background-color:  transparent;

  border-color: #ca3839;

  color: #ca3839;

  position: absolute;

  left: 0;

  bottom: 15px;

  z-index: 2;

}

#about_us  p{

  color: #aaa !important;

}

#about_us  p:hover {

  color: #222 !important;

  transition:.8s ease;

}

#about_us  img:hover {

  opacity: 0.5;

  transform: scale(1.1);

  transform: rotateZ(-5deg);

  border-radius: 50%;

  transition:.8s ease;

}

#about_us button:focus,#about_us button:hover{

  color:#fff;

  background-color:#f3c300;

  transition:0.8s;

}

#about_us button::before{

  content: "";

  position: absolute;

  left:0;

  width: 100%;

  height:0%;

  background:#f3c300;

  z-index:-1;

  transition:0.8s;

  color:#fff;



}

#about_us button::before{

  top:0;

  border-radius:0 0 50% 50%;

}

#about_us button:hover::before{

  height:100%;

  color:#fff

}

.about-des{

  position: relative;

}

.img-fluid{

  border-radius: 5px;

}

#exclusives button {

  background-color: #ca3839;

  border-color: #ca3839;

  color: #ffffff;

  /* float: right; */

}

#exclusives button:hover{

  background-color: transparent;

  border-color: #f3c300;

  color: #333;

  transition: .8s ease-in-out;

  transform: scale(1.2);

}

#contactus,.product_links{

  background-color:#f1f1f1;

  padding: 0px;

  color: #fff;

  background: url(../../images/bk.jpg) no-repeat center center fixed;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  -o-background-size: cover;

  background-size: cover;

  min-height: 300px;

}

.contactus{

  background-color: rgba(0,0,0,.5);

  color: #fff;

  min-height: 300px;

  padding-bottom: 50px;

  padding-top: 50px;

  padding: 8%;

}

.contan_links li{

  list-style: circle;

}

.contan_links{

  background-color: rgba(4, 9, 30, 0.92);

  color: #fff;

  padding: 4%;

  width: 101% !important;

  margin-bottom: -100px;

}

.contan_links h5{

  border: 1px solid #fff;

  text-align: center;

  padding: 11px;

  background-color:#ffffff14;

}

.orderNow{

  background-color: #1e1e1e;

  color: #fff;

  padding: 7px !important;

  width: 92%;

  margin-right: 4%;

  margin-top: 12px;

}

.orderNow a{

  color: #fff;

}

.contactus .text-secondary {

    color: #f3c300 !important;

}



.submit-button{

  /* width: 20%; */

  margin-left: 4%;

}

.product p{

  border: 9px double #fff;

  padding: 24px;

}

/* flip */



.flip-card {

  background-color: transparent;

  width: 300px;

  height: 300px;

  perspective: 1000px;

  border-radius: 5px;

  margin: 11px auto;

  overflow: hidden;

}

.flip-card img{

  width: 170px;

  height:300px;

}

.flip-card svg{

  font-size: 26px;

  color: #f3c300;

  position: absolute;

  bottom: 6px;

  right: 4px;



}

.flip-card-inner {

  position: relative;

  width: 80%;

  height: 100%;

  text-align: center;

  transition: transform 0.6s;

  transform-style: preserve-3d;

  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);



}



.flip-card:hover .flip-card-inner {

  transform: rotateY(180deg);

}



.flip-card-front, .flip-card-back {

  position: absolute;

  width: 100%;

  height: 100%;

  -webkit-backface-visibility: hidden;

  backface-visibility: hidden;

  border-radius: 4px;

}



.flip-card-front {

  background-color: #1e1e1e;

  color: black;

}

.flip-card-back a{

  color: #fff;

    background-color: #f3c300 !important;

    border-color: #f3c300 !important;

}

.flip-card-back {

  background-color: #1e1e1e;

  color: white;

  transform: rotateY(180deg);

  transition: 1s;

}

.flip-card-back p{

  padding: 10px;

}

/* owal carosal */

@keyframes scroll {

  0% {

    transform: translateX(0);

 }

  100% {

    transform: translateX(calc(-250px * 7));

 }

}

.slider {

  background: white;

  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125);

  height: 100px;

  margin: auto;

  overflow: hidden;

  position: relative;

  width: 960px;

}

.slider::before, .slider::after {

  background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);

  content: "";

  height: 100px;

  position: absolute;

  width: 200px;

  z-index: 2;

}

.slider::after {

  right: 0;

  top: 0;

  transform: rotateZ(180deg);

}

.slider::before {

  left: 0;

  top: 0;

}

.slider .slide-track {

  animation: scroll 40s linear infinite;

  display: flex;

  width: calc(250px * 14);

}

.slider .slide {

  height: 100px;

  width: 250px;

}

#comDetails{

  padding: 4%;

    color: #fff;

    background-color: #1e1e1e;

}

#comDetails li{

  list-style: none;

}

#comDetails li a{

  color: #fff;

}

#comDetails li a:hover{

  color:#ca3839;

  text-decoration: none;

  transition: .3s ease-in-out;

}

#comDetails span{

  border: 1px solid #fff;

  border-radius: 50%;

  height: 40px;

  width: 40px;

  text-align: center;

  margin: 11px;

  font-size: 21px;

  padding-top: 3px;

}

#comDetails span:hover{

  transition: .3s cubic-bezier(0.6, 0.04, 0.98, 0.335);

  background-color: #fff;

  color: #f3c300;



}

.part3{

  border: 1px dashed #353e45;

  padding: 25px;

}

footer{

  background-color: #ca3839 !important;

  border-top: 1px solid #ca3839;

}

#footer svg{

  color: #f3c300 !important;

}

.border-secondary {

  border-color: #bebdba5e !important;

}



.social{

  margin-top: 45px;

  margin-bottom: 20px;

}

.submit-button {

  text-align: center;

  color: #fff;

  font-size: 20px;

  text-transform: uppercase;

  text-decoration: none;

  box-sizing: border-box;

  border-radius: 5px;

  background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);

  background-size: 400%;

  width: 45%;

  margin-right: 41px;

}







.submit-button:hover {

  color: #222;

  animation: submitAnimation 8s linear infinite;

  -webkit-animation: submitAnimation 8s linear infinite;

}



.submit-button::before {

  content: "";

  position: absolute;

  top: -5px;

  right: -5px;

  left: -5px;

  bottom: -5px;

  z-index: -1;

  background: linear-gradient(90deg, #03a9f4, #f441a5, #ffeb3b, #03a9f4);

  background-size: 400%;

  border-radius: 30px;

  filter: blur(20px);

  opacity: 0;

  transition: 0.5s;

}



.submit-button:hover::before {

  filter: blur(20px);

  opacity: 1;

  animation: submitAnimation 8s linear infinite;

}



@keyframes submitAnimation {

  0% {

    background-position: 0%;

  }

  100% {

    background-position: 400%;

  }

}

.carousel {

  width: 108%;

  height: 500px;

  margin-right: -30px;

  }

  .carousel-inner {

    margin-top: 145px !important;

    position: relative;

    width: 102.3%;

    overflow: hidden;

    margin-left: -15px;

}

  .carousel-inner > .carousel-item > img {

    height:578px;

    position: relative;

    overflow: hidden;

    width:100% !important;



  }

.navbar-expand-lg .navbar-nav .dropdown-menu {

  background-color: #1e1e1e;

}

#order_now .form-control{

  border: 1px solid #c1c1c1 !important;

  background-color: #fff;

}

.solgon{

  color:#fff;



}

.img-thumbnail {



  height: 110px;

  width: 121px;

}

.social{

  padding: 50px;

}

#comDetails a svg{

  color: #fff !important;

}

#comDetails a:hover svg{

  color: #f3c300 !important;

}

#team_work .text-warning,#our_partners .text-warning,#about_co .text-warning,#exclusives .text-warning{

  padding: 30px 0;

}

.btn-outline-warning{

  border-color: #d64140 !important;

}

.text-warning {

  color: #ca3839 !important;

}



.navbar-light .navbar-text a.lang {

    width: 30px;

    height: 30px;

    border-radius: 0%;

}

.navbar-light .navbar-text a:focus, .navbar-light .navbar-text a:hover {

    color: rgba(0, 0, 0, 0.9);

}

.navbar-light .navbar-text a {

    color: #1e1e1e !important;

    width: 30px;

    height: 30px;

    border: 3px solid #d33231;

    border-radius: 50%;

    padding: 10% 7px;

}

.navbar-light .navbar-text a {

    color: rgba(0, 0, 0, 0.9);

}

.btn-outline-warning:hover,.btn-outline-warning:active {

  background-color: #ffffff !important;

}

/* Scrolling */

::-webkit-scrollbar {

  width: 10px;

}



::-webkit-scrollbar-track {

  background-color: #ebebeb;

  -webkit-border-radius: 10px;

  border-radius: 10px;

}



::-webkit-scrollbar-thumb {

  -webkit-border-radius: 10px;

  border-radius: 10px;

  background: #6d6d6d;

}

.xSocial a{

  color: #f3c300 !important;

}

.navbar-light .navbar-text a.lang {

  width: 30px;

  height: 30px;

  border-radius: 0%;

}

.owl-carousel .owl-item img {

  height: 70px;

}

@media screen and (max-width: 992px) {

  .product .overlay a {

    padding: 0 10px;

  }



}

@media (min-width: 10px) and (max-width: 768px) {

  body {

    padding-left: 30px;

  }

  .navbar-dark .navbar-toggler {

    margin-left: 0px !important;

  }

  .product .overlay a {

    padding: 70px;

  }

  .navbar-light .navbar-text a {

    padding: 10% 2px;

  }

  #upperNavbar .text-secondary {

    text-align: center !important;

    font-size: 12px;

    padding: 5px;

  }

  .carousel-inner > .carousel-item > img {

    height: 310px;

  }

  .carousel {

    height: 231px;

  }

  #about_us button {

    bottom: -15px;

  }

  #exclusives .card .offer-button {

    left: 10%;

    width: 80%;

  }



  .contactus {

    padding: 10px  0px;

    height: 637px;



  }

  .product img {

    height: 344px !important;

    width: 100%;

  }

  .flip-card-front, .flip-card-back {

    width: 100%;

  }

  .img-thumbnail {

    width: 100%;

    height: 350px;

  }

  #teamWork{

    padding: 10%;

  }

  #upperNavbar svg:not(:root).svg-inline--fa {

    font-size: 15px;

  }

  .carousel-inner {

    width: 106.3%;

    margin-right: 9px;

  }

  #about_us,#exclusives, #contactus, #products, #partners, #teamWork ,#comDetails,#footer {

    margin-right: 16px;

  }

  .navbar-dark .navbar-toggler {

    background-color: #1e1e1e;

    margin-left: 21px;

  }

  .has-search,.order{    width: 93%;    margin-top: 12px;}

  .has-search .form-control-feedback {

    padding-top: 11px;

  }

  .loading h1{

    font-size: 20px;

  }

  #upperNavbar .text-right {

    text-align: right !important;

    margin-top: -12px;

  }

  footer{

    width: 109%;

  }

  #toTop {

    right: 11%;

  }

  .submit-button{

    width: 85%;

  }

  #products .card{

    width: 100% !important;;

    margin: 10px;

  }

  .face a,.insta a,.linked a{

    margin: 10px;

  }

  #upperNavbar .col-3{

    max-width: 30% !important;

  }

}



.pdf-file {

    background-color: #543838;

    color: #fff;

    padding: 7px;

    border-radius: 5px;

    margin: 10px 0;

}



.pdf-file a {

    color: #fff;

}



.image-container {

    max-width: 250px;

    height: 250px;

    margin: 0 auto;

}



.image-container img.card-img-top {

    width: 250px;

    height: 250px;

    transition: all .3s ease-in-out;

}



.image-container img.card-img-top:hover {

    transform: scale(1.2);

}



.card {

    margin: 10px 0;
    
}



.showOffer {

    margin-top: 147px;

}



.showOffer h2 {

    margin-bottom: 30px;

}

.search-control {

    width: 140px !important;

}



img.card-img-top {

    width: 250px;

    height: 250px;

    margin: 5px auto;

    display: block;

}



.card-body {

    height: 140px;
 

}



.img-partners {

    max-width: 200px !important;

    border: 1px solid #ccc;

    padding: 40px;

    height: 200px;

    margin: 10px 0;

}



svg.svg-inline--fa.fa-headphones.fa-w-16.fa-5x.text-center {

    margin-top: 50px;

}



.services {

    margin-top: 146px;

}