/*------------------------------------------------------------------
[Table of contents]

1. Body
2. Global Styles
3. Typography
4. Colors
5. Header
6. Topbar / .h-topbar
7. Navbar / .h-navbar
8. Logo / .navbar-brand
9. Navigation / .navbar-nav
10. Home Slider / .home-slider
11. Main Content / main
12. Footer / .footer
13. Inner Header Banner / .inner-banner
14. Inner Page Heading / .page-heading
-------------------------------------------------------------------*/
/** ========= GLOBAL STYLES ========= **/
body{font-size:14px; line-height:1.8em; color:#333; font-family: 'Roboto', sans-serif; background-color:#fff; font-weight:400; letter-spacing: 1px;}

* { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; outline: none;}
img{max-width:100%;}
input, textarea{font-family: 'DM Sans', sans-serif;}

.clr{clear:both;}
.clearfix:after {display: block; content: ''; width: 100%; clear: both; }

::-webkit-input-placeholder{color:#505050;}
::-moz-placeholder{color:#505050;}
:-ms-input-placeholder{color:#505050;}
:-moz-placeholder{color:#505050;}

input:disabled, textarea:disabled, select:disabled, button:disabled{background:rgba(0,0,0,0.2) !important;}

/** ========= TYPOGRAPHY ========= **/
a{color:#333; text-decoration:none; transition:0.3s;}
a:hover{text-decoration:none; color:var(--primary-color);}
p{margin-bottom:30px;}
.pr-text-big{font-size:18px;}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-family: 'Montserrat', sans-serif; color:#333; margin:0 0 15px; line-height:1.25; letter-spacing: 0.5px;}
.h1, h1{font-size:48px;}
.h2, h2{font-size:36px;}
.h3, h3{font-size:30px;}
.h4, h4{font-size:24px;}
.h5, h5{font-size:18px;}
.h6, h6{font-size:16px;}

.fw-3{font-weight:300 !important;}
.fw-4{font-weight:400 !important;}
.fw-5{font-weight:500 !important;}
.fw-6{font-weight:600 !important;}
.fw-7{font-weight:700 !important;}
.fw-8{font-weight:800 !important;}

.btn{background: rgb(252,185,20);   background: linear-gradient(90deg, rgba(252,185,20,1) 0%, rgba(237,40,62,1) 100%); border:none; color:#fff;  border-radius:5px; font-size:16px; line-height:16px; font-weight: 700; text-align:center;  padding:15px 25px; margin-bottom: 10px; transition:0.3s;}
.btn:hover{background: rgb(237,40,62);  background: linear-gradient(90deg, rgba(237,40,62,1) 0%, rgba(252,185,20,1) 100%); color:#fff; }


.btn-white-border{border:#fff 2px solid; color:#fff; background-color:inherit;}
.btn-white-border:hover{background-color:#fff; color:var(--primary-color);}

.btn-primary{color:#fff; background-color:#007bff; border-color:#007bff;}
.btn-secondary{color:#fff; background-color:#6c757d; border-color:#6c757d;}
.btn-success{color:#fff; background-color:#28a745; border-color:#28a745;}
.btn-danger{color:#fff; background-color:#dc3545; border-color:#dc3545;}
.btn-warning{color:#212529; background-color:#ffc107; border-color:#ffc107;}
.btn-info{color:#fff; background-color:#17a2b8; border-color:#17a2b8;}
.btn-light{color:#212529; background-color:#f8f9fa; border-color:#f8f9fa;}
.btn-dark{color:#fff; background-color:#343a40; border-color:#343a40;}

b, strong{font-weight:700;}
.text-normal{text-transform:none;}

ul.list{padding:0; margin:0 0 30px;}
ul.list li{margin-bottom:20px; line-height:normal; position:relative; display:block; list-style:none;}
ul.list li:before{content:"\f058"; color:var(--primary-color); font-family: FontAwesome; margin-right:10px;}

.image-border-radius{border-radius:15px;}


.btn-animation{position:relative;}
.btn-animation:hover {
  color: var(--primary-color);
  background: transparent;
   box-shadow:none;
}
.btn-animation:before,
.btn-animation:after{
  content:'';
  position:absolute;
  top:0;
  right:0;
  height:2px;
  width:0;
  background: var(--primary-color);
  box-shadow:
   -1px -1px 5px 0px #fff,
   7px 7px 20px 0px #0003,
   4px 4px 5px 0px #0002;
  transition:400ms ease all;
}
.btn-animation:after{
  right:inherit;
  top:inherit;
  left:0;
  bottom:0;
}
.btn-animation:hover:before,
.btn-animation:hover:after{
  width:100%;
  transition:800ms ease all;
}

/** ========= COLORS ========= **/
.text-white{color:#fff;}
.text-black{color:#333;}
.text-yellow{color:#fcb914;}

.bg-gradiant{background: rgb(252,185,20);  background: linear-gradient(90deg, rgba(252,185,20,1) 0%, rgba(237,40,62,1) 100%);}
.bg-purple{background-color: #27073d;}
.bg-yellow{background-color:#fcb914;}
.bg-black{background-color:#000;}
/** ========= HEADER ========= **/
.header-topbar{background-color: #000; color: #fff; padding: 8px 0;}
.header-topbar .tb-contact-info{color: #fff; display: inline-block; margin-right:10px;}
.topbar-right{text-align: right;}
.login-btn{text-transform: uppercase; padding: 8px 30px; margin: 0;}

.navbar-brand img{max-width: 136px;}
/* navbar */
.navbar-expand-lg .navbar-nav .nav-link{font-size:16px; line-height:16px; color:#fff; text-transform:uppercase;  padding: 10px 20px; border-radius: 3px; font-family: 'Montserrat', sans-serif;}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{color:#ed283e; background-color: #fff;}

.dropdown-item{font-weight:700; text-transform:uppercase;}
.dropdown-item:hover, .dropdown-item.active, .dropdown-item:active{background-color:var(--primary-color); color:var(--primary-text-color);}
.nav-link:focus, .nav-link:hover{color:#958aff;}

/** ========= MAIN SECTION ========= **/
section.page-section{overflow:hidden; padding:65px 0;}

.heading-line-left{padding-left:70px; position:relative;}
.heading-line-left:after{ position:absolute; content:""; left:0; top:50%; transform:translate(0,-50%); width:56px; height:2px; background:var(--primary-color);}
.heading-line-right{padding-right:70px; position:relative;}
.heading-line-right:after{ position:absolute; content:""; right:0; top:50%; transform:translate(0,-50%); width:56px; height:2px; background:var(--primary-color);}
.heading-line-both{padding-left:70px; padding-right:70px; position:relative;}
.heading-line-both:before{ position:absolute; content:""; left:0; top:50%; transform:translate(0,-50%); width:56px; height:2px; background:var(--primary-color);}
.heading-line-both:after{ position:absolute; content:""; right:0; top:50%; transform:translate(0,-50%); width:56px; height:2px; background:var(--primary-color);}
/** ========= HOME SLIDER ========= **/
.home-slider .item {
    width: 100%;
    height: 570px;
    position: relative;
}

.slider-txt {
	max-width: 1320px;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translate(0,-50%);
}
.slider-txt h2{font-size: 72px; line-height: 72px; text-transform: uppercase;}
.slider-txt p{font-size: 24px; line-height: 30px;}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{background:rgba(0,0,0,0.5); color:#fff; width:100px; height:100px; line-height:100px; text-align:center; position:absolute; top:50%; transform:translate(0,-50%);}
.owl-carousel .owl-nav button.owl-next{right:0;}
.owl-carousel .owl-nav button.owl-prev{left:0;}
.owl-nav button.owl-next:after{content:"\f054"; font-family: FontAwesome; font-size:18px;}
.owl-carousel .owl-nav button.owl-prev:after{content:"\f053"; font-family: FontAwesome; font-size:18px;}
.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span{display:none;}

/** ========= HOME products ========= **/
.product-box{background-color: #fff; text-align: center; border-radius: 15px; margin-bottom: 25px; overflow: hidden;}
.product-img{}
.product-img img{display: inline; vertical-align: middle;}

.product-name{font-size: 14px; line-height: 14px; color: #fff; padding: 15px 5px; margin: 0; background: rgb(252,185,20);  background: linear-gradient(90deg, rgba(252,185,20,1) 0%, rgba(237,40,62,1) 100%); text-transform: uppercase;}

/** ========= HOME featured ========= **/
.featured-box{border-radius: 15px; text-align: center; padding-bottom: 50px; margin-bottom: 25px; height: 100%; position: relative; overflow: hidden; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);  -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.08);}
.featured-title{text-transform: uppercase; padding: 40px 20px; margin: 0;}
.learn-more-btn{display: block; position: absolute; bottom: 0; left: 0; right: 0; border-radius: 0; margin: 0;}
/** ========= FOOTER ========= **/ 

footer#footer{text-align: center;   font-size: 14px;  line-height: 24px; color: #fff; padding: 65px 0;}

footer#footer a, footer#footer p, footer#footer h6{color:#fff;}

/* footer socials */
.footer-socials{margin-bottom: 25px;}
.footer-socials a{display:inline-block; vertical-align:top; font-size:24px; color:var(--primary-color) !important; margin-right:5px;}

/* menus */
.footer-menu{margin:0 0 15px; padding:0;}
.footer-menu li{display:inline-block; vertical-align: top; list-style:none;  position:relative; padding:0 20px; margin-bottom: 10px;}
.footer-menu li a{ font-size: 14px; line-height:14px; text-transform: uppercase;  letter-spacing: 2px;  transition:0.3s; color:#fff;}

.text-copyright{margin-bottom: 0;}


/** ========= RESPONSIVE ========= **/
@media only screen and (max-width:1400px) {
    .slider-txt{max-width: 1140px;}
}
@media only screen and (max-width:1199px) {
    .slider-txt{max-width: 960px;}
}
@media only screen and (max-width:991px) {
    .slider-txt{max-width:720px;}
}
@media only screen and (max-width:768px) {
    .slider-txt{max-width: 540px; padding: 0 20px;}
}
@media only screen and (max-width:1199px) {
	.navbar-expand-lg .navbar-nav .nav-link{padding-left:13px; padding-right:13px; font-size: 14px;}
	
}
@media only screen and (max-width:991px) {
	.h1, h1{font-size:2.8666666666666667em;}
	.h2, h2{font-size:2.4em;}
	.h3, h3{font-size:2em;}
	.h4, h4{font-size:1.6em;}
	.h5, h5{font-size:1.2em;}
	.h6, h6{font-size:1em;}

	.pr-text-big{font-size:1em;}

	.btn{padding:12px 20px;}
	
    .header-topbar, .topbar-right{text-align: center;}
	button.navbar-toggler{background-color:#000; box-shadow: none;}
		
	.navbar-collapse{position: absolute; top:100%; right:0; background:#000; color:#fff; width:100%; padding:40px 20px 20px; border-radius: 0 0 15px 15px; z-index:999;}
    .dropdown-menu{min-width:inherit; background:none; border:none; padding:0; left:0; transform:translate(0); margin:0; text-align:left;}
	.dropdown-item{color:#fff;}
	.nav{display:block;}
	.h-navbar nav.navbar li.nav-item{display:block;}
	.navbar-expand-lg .navbar-nav .nav-link{background-color:inherit; color:#fff; border-radius: 0; padding: 10px 18px 10px 5px;}
	.navbar-nav .nav-link.active, .navbar-nav .nav-link.show{background-color:inherit; color:#fcb914; border-bottom:#fcb914 1px solid;}
	
	.home-slider .item{height: 450px;}
	.slider-txt h2 {font-size: 48px;line-height: 48px;}
	.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
		background:inherit;
		color: #fff;
		width: 50px;
		height: 50px;
		line-height: 50px;}
	section.page-section{padding:45px 0;}

    .featured-box{height: auto;}
	
}
@media only screen and (max-width:767px) {
	.h1, h1{font-size:2.4em;}
	.h2, h2{font-size:2em;}
	.h3, h3{font-size:1.8em;}
	.h4, h4{font-size:1.4em;}
	.h5, h5{font-size:1.1em;}
	
	.slider-txt p {font-size: 20px;}
}

@media only screen and (max-width:575px) {
	.h1, h1{font-size:2em;}
	.h2, h2{font-size:1.8em;}
	.h3, h3{font-size:1.4em;}
	.h4, h4{font-size:1.2em;}
	
	.home-slider .item {height: 300px;	}
	.slider-txt{text-align: center;}
	.slider-txt h2 {font-size: 36px; line-height: 36px;}
	.slider-txt p {font-size: 18px;}
	
}