@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@600;700&display=swap'); 

body{background-color: rgb(249, 249, 249);}

.top-header{background: #333333;padding-bottom: 15px;}

.top-header ul {

    display: inline-flex;

    list-style-type: none;

    padding-inline-start: 0px;

}

 .top-header ul li {

    padding: 2px 10px;

}

img.sale-flyer {

    width: 115px;

}

img.background {

    position: relative;

    top: 20px;

    width: 124px;

}

a.tour {

    color: #fcb130;

    position: relative;

    top: 22px;

    font-size: 14px;

    background: #ffffff;

    padding: 7px 20px;

    border-radius: 3px;

    text-transform: uppercase;

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

}

.container {

    max-width: 1290px;

}

header{background: #000;}

.navbar-light .navbar-nav .nav-link {

    color: rgb(255 255 255);

}

.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link {

    color: #fcb130;

}

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

    padding-right: 1.8rem;

    padding-left: 1.8rem;

    text-transform: uppercase;

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

}

.sign a {

    background: #fcb130;

    color: #000;

    padding: 8px 20px;

    border-radius: 3px;

    text-transform: uppercase;

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

}



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

    color: #fcb130;

    transition: all .2s ease-in-out!important;

}

.navbar {padding: 2px 5px;}

ul.customers {

    position: relative;

    top: 20px;

}

ul.customers li a {

    color: #fff;

}



.navbar-light .navbar-toggler {

    color: rgb(255 255 255);

    border-color: rgb(255 255 255);

}

.banner {

    background: url(../images/bg.jpg);

    background-position: center;

    background-size: cover;

    padding: 110px 0;

}

section.banner h1 {

    text-align: center;

    line-height: 1.2;

    color: rgb(255, 255, 255);

    text-shadow: rgb(0 0 0) 1px 1px 2px;

    font-family: 'Gemunu Libre', sans-serif;

    font-size: 80px;

    font-weight: 900;

}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {

    font-family: 'Roboto', sans-serif;}

    .banner h3 { 

     color: rgb(255, 255, 255);

    text-shadow: rgb(0 0 0) 1px 1px 2px;

    font-weight: 300;

}

.title h2 { 

    font-family: 'Gemunu Libre', sans-serif;

    font-size: 44px;

    font-weight: 700;

}

.title span {

    color: #e79200;

}

.line {

    height: 1px;

    background: #e79200;

    width: 30px;

}

.card {

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

  max-width: 300px;

  margin: auto;

  text-align: center;

  font-family: arial;

}



.price {

    color: #fcb130;

    font-size: 22px; 

    font-family: 'Roboto';

    font-weight: 600;

    margin-bottom: 2px;

}

section.products h6 {

    font-weight: 700;

    font-size: 20px;

}

.card button {

  border: none;

  outline: 0;

  padding: 12px;

  color: white;

  background-color: #000;

  text-align: center;

  cursor: pointer;

  width: 100%;

  font-size: 18px;

  font-family: 'Roboto';

}



.card button:hover {

  opacity: 0.7;

}

.sticky {

  position: fixed;

  top: 0;

  width: 100%;

  z-index: 999;

  transition: all .2s ease-in-out!important;

}



.sticky + .content {

  padding-top: 102px;

}

.about-us {

    background: #ffede8;

}

p {

    font-family: 'Roboto';

}

.info-wrap .dbox .icon {

    width: 50px;

    height: 50px;

    border-radius: 50%;

    background: #fcb130;

}

.info-wrap .dbox {

    width: 100%;

    margin-bottom: 25px;

}

.info-wrap .dbox p a {

    color: rgb(85 85 85);

}

.info-wrap .dbox .icon span {

    font-size: 20px;

    color: #000;

}

.info-wrap .dbox p span {

    font-weight: 900;

    color: #222;

}

.text.pl-3 {

    position: relative;

    top: 11px;

}

.contactForm .form-control {

    border: none;

    border-bottom: 1px solid rgb(227 140 116 / 68%);

    padding: 17px;

}

#contactForm .form-control {

    font-size: 16px;

}

.map {

    background: #fcb130;

    padding: 2px;

    border-radius: 4px;

    display: block;

}

.guns-used a{

display: block;

    padding: 12px 15px;

    margin: 0;

    font-weight: 700;

    font-size: 18px;

    color: #fff;

    

    text-decoration: none;

    text-align: center;

    text-transform: none;

    background: #fcb130;

    border: 0px solid #000;

    border-radius: 0px;

    transition: 0.5s;

    -webkit-transition: 0.5s;

    -moz-transition: 0.5s;

    -o-transition: 0.5s;

    animation: mymove 3s infinite;

}

.guns-used {

    position: fixed;

    top: 45%;

    height: 0px;

    z-index: 1024;

    right: -7%;

    left: auto;

    -webkit-transform: rotate(

90deg);

    -moz-transform: rotate(90deg);

    -ms-transform: rotate(90deg);

    -o-transform: rotate(90deg);

    transform: rotate(

90deg);

}

 

@keyframes mymove {

  from {background-color: #333333;}

  to {background-color: #fcb130;}

}

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

.top-header {

    display: none;

}	

.guns-used {

    display: none;

}

}