@import "buttons.css";
@import "modules.css";
@import "header.css";
@import "footer.css";
@import "home.css";
@import "company.css";
@import "news.css";
@import "products.css";

@import "modal.css";
@import "slider.css";
@import "contacts.css";
@import "media.css";
/* styling here */

input[type="file"]{
	color: white;
}
.modal-body {
	padding: 0px; 
}
.critec {
	font-family: Gilroy;
    font-weight: 900;
	    text-decoration: none;
		font-size: 28px;
	text-transform: lowercase;
	line-height: 10px;
}
#products-list h1, #products-list h4 {
	text-transform: capitalize;
}

#single-news .video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}
.modal .video iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 25px;
}


@media (min-width:320px){.block.all-120,.block.all-15,.block.all-150,.block.all-30,.block.all-60,.block.all-90{display:inline-block}.spacer.all-150{height:150px}.spacer.all-120{height:120px}.spacer.all-90{height:90px}.spacer.all-60{height:60px}.spacer.all-30{height:30px}.spacer.all-15{height:15px}.block.all-150{width:150px}.block.all-120{width:120px}.block.all-90{width:90px}.block.all-60{width:60px}.block.all-30{width:30px}.block.all-15{width:15px}.taleft{text-align:left}.tacenter{text-align:center}.taright{text-align:right}.tajustify{text-align:justify}}@media (min-width:576px) and (max-width:767px){.block.sm-120,.block.sm-15,.block.sm-150,.block.sm-30,.block.sm-60,.block.sm-90{display:inline-block}.spacer.sm-150{height:150px}.spacer.sm-120{height:120px}.spacer.sm-90{height:90px}.spacer.sm-60{height:60px}.spacer.sm-30{height:30px}.spacer.sm-15{height:15px}.block.sm-150{width:150px}.block.sm-120{width:120px}.block.sm-90{width:90px}.block.sm-60{width:60px}.block.sm-30{width:30px}.block.sm-15{width:15px}.sm-taleft{text-align:left}.sm-tacenter{text-align:center}.sm-taright{text-align:right}.sm-tajustify{text-align:justify}}@media (min-width:768px) and (max-width:991px){.block.md-120,.block.md-15,.block.md-150,.block.md-30,.block.md-60,.block.md-90{display:inline-block}.spacer.md-150{height:150px}.spacer.md-120{height:120px}.spacer.md-90{height:90px}.spacer.md-60{height:60px}.spacer.md-30{height:30px}.spacer.md-15{height:15px}.block.md-150{width:150px}.block.md-120{width:120px}.block.md-90{width:90px}.block.md-60{width:60px}.block.md-30{width:30px}.block.md-15{width:15px}.md-taleft{text-align:left}.md-tacenter{text-align:center}.md-taright{text-align:right}.md-tajustify{text-align:justify}}@media (min-width:992px) and (max-width:1199px){.block.lg-120,.block.lg-15,.block.lg-150,.block.lg-30,.block.lg-60,.block.lg-90{display:inline-block}.spacer.lg-150{height:150px}.spacer.lg-120{height:120px}.spacer.lg-90{height:90px}.spacer.lg-60{height:60px}.spacer.lg-30{height:30px}.spacer.lg-15{height:15px}.block.lg-150{width:150px}.block.lg-120{width:120px}.block.lg-90{width:90px}.block.lg-60{width:60px}.block.lg-30{width:30px}.block.lg-15{width:15px}.lg-taleft{text-align:left}.lg-tacenter{text-align:center}.lg-taright{text-align:right}.lg-tajustify{text-align:justify}}@media (min-width:1200px){.block.xl-120,.block.xl-15,.block.xl-150,.block.xl-30,.block.xl-60,.block.xl-90{display:inline-block}.spacer.xl-150{height:150px}.spacer.xl-120{height:120px}.spacer.xl-90{height:90px}.spacer.xl-60{height:60px}.spacer.xl-30{height:30px}.spacer.xl-15{height:15px}.block.xl-150{width:150px}.block.xl-120{width:120px}.block.xl-90{width:90px}.block.xl-60{width:60px}.block.xl-30{width:30px}.block.xl-15{width:15px}.xl-taleft{text-align:left}.xl-tacenter{text-align:center}.xl-taright{text-align:right}.xl-tajustify{text-align:justify}}@media (max-width:575px){.block.xs-120,.block.xs-15,.block.xs-150,.block.xs-30,.block.xs-60,.block.xs-90{display:inline-block}.spacer.xs-150{height:150px}.spacer.xs-120{height:120px}.spacer.xs-90{height:90px}.spacer.xs-60{height:60px}.spacer.xs-30{height:30px}.spacer.xs-15{height:15px}.block.xs-150{width:150px}.block.xs-120{width:120px}.block.xs-90{width:90px}.block.xs-60{width:60px}.block.xs-30{width:30px}.block.xs-15{width:15px}.xs-taleft{text-align:left}.xs-tacenter{text-align:center}.xs-taright{text-align:right}.xs-tajustify{text-align:justify}}

body {
	font-family: 'Lato', sans-serif;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body, main {
	min-height: 100vh;
}

button, a {
	transition: all ease-in-out 300ms;
	-webkit-transition: all ease-in-out 300ms;
}

a {
	color: #8c5d2f;
}

 a:hover, a:focus {
	 color: #b28354;
 }

button:hover, button:focus, a:hover, a:focus {
	text-decoration: none;
}

img {
	max-width: 100%;
}

.noPad {
	padding-left: 0;
	padding-right: 0;
}

.pnh-color {
	color: #8c5d2f;
}


.ftitle{
	font-size: 1.125em;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.support-logo1 {
    /*bottom: 110px!important;*/
    background: #9e6a48 !important;
}
.support-logo {
    position: fixed;
    bottom: 90px;
    right: 20px;
    width: fit-content;
    background: #fff;
    z-index:99999;
}
.fa-times-circle {
    position: absolute;
    top: -11px;
    right: -9px;
    font-size: 24px!important;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    text-align: center;
    background: #fff;
}
.support-logo div {
    padding: 15px;
    cursor: pointer;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 9999;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: rgb(49 49 49 / 59%);
  color: white;
  cursor: pointer;
  border-radius: 4px;
  height: 50px;
  width: 50px;
  align-items: center;
  justify-content: center;
  transition: .2s;
}

#myBtn:hover {
  background-color: #555;
}

.search-drop{
    background: #9e6a48;
    border-radius: 0;
    border: 0;
}
.search-drop input{
    background: transparent;
    border: 0;
    border-bottom: white solid 2px;
    color: white;
  }
.search-drop input:focus{
    border: 0;
    outline: none;
    border-bottom: white solid 2px;
    box-shadow: none;
}
.search-drop input::placeholder{
    color: white;
}

@media screen and (max-width: 998px){
    .dropdown .search-drop{
        position: relative!important;
        display: block!important;
        margin-bottom: 15px;
    }
    .dropdown .search-drop input{
        width: 100%;
    }
    #dropdownMenuButtonSearch{
        display: none;
    }
}