html {
  scroll-behavior: smooth;
}
a, a img, a:hover img {
	outline:0;
	text-decoration:none
}
.lang{
	padding-top:10px;
	}
header h3{
	margin:5px;
	padding-top:10px;
	}
body, p {
	font-size:16px
}
h1, p {
	font-weight:300
}
body, h2 {
	color:#1b1c1e
}
a:hover, h4 {
	color:#fe3032
}
.logo img  {
	max-width:100%
}
img{
	width:100%;
	}
footer, section {
	overflow:hidden
}
.social-icons a, a, a img, a:hover, a:hover img {
	text-decoration:none;
	
}
body {
	font-family:Roboto, sans-serif;
	margin:0;
	padding:0
}
section {
	padding:20px 0;
	background:#f9f9f9;
	margin:50px 0
}
.clr {
	clear:both
}
.side-bar-active{
	background:#333; color:#fff;
}
a img, a:hover img {
	border:none;
	
}
a {
	color:#3c4142;
transition:all .8s ease 0s
}
p {
	color:#565656;
	line-height:28px
}
h1 {
	font-size:37px;
	padding-bottom:15px
}
h2 {
	font-size:30px;
	text-align:center;
	font-weight:300;
}
h4 {
	font-size:16px
}
ul, ul li {
	margin:0;
	padding:0
}
.navigation{background:#fcb100;}
.dropdown:hover .dropdown-menu {
	display:block;
	margin-left:2px;
	z-index:99999;
	position:absolute;
}
.dropdown-menu {
	background:#f7f7f7;
	border:none;
	box-shadow:inherit;
	padding:0
}
.dropdown-menu>li>a {
	color:#333;
	padding:10px 20px
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background:#fe3032
}
.navbar-default .navbar-nav>li>a:hover, .navbar-nav>li>.dropdown-menu {
	border-radius:0!important
}
.nopad {
	padding:0
}

.nomarg {
	margin:0;
	padding:10px;
}
.logo {
	display:block;
}
header {
	top:0;
	overflow:hidden;
	z-index:999;
	background:#fff;
	width:100%;
}
.navbar-default .navbar-nav>li>a {
	background:rgba(0, 0, 0, 0);
	border-bottom:medium none;
	border-left:medium none;
	border-top:medium none;
	color:#1a1a1a;
	font-size:16px;
	text-transform:uppercase
}
.navbar-default .navbar-nav>li>a.bl {
	color:#fe3032;
	font-family:open_sansbold;
	font-size:21px;
	position:relative;
	top:-14px
}
.navbar-default .navbar-nav>li>a.bl span {
	color:#000;
	font-family:open_sansbold
}
.navbar-default .navbar-nav>li>a.bl:focus, .navbar-default .navbar-nav>li>a.bl:hover {
	background-color:transparent!important;
	color:#fe3032
}
.navbar-default .navbar-nav>li>a.bl:focus span, .navbar-default .navbar-nav>li>a.bl:hover span {
	color:#fe3032;
	font-family:open_sansbold
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	background-color:#333!important;
	color:#fff
}
.navbar-default .navbar-nav>li>a#active {
	background-color:#333!important;
	border-radius:4px;
	color:#fff
}
.nav>li>a {
	display:block;
	margin:0 2px;
	padding:15px 20px;
	position:relative
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#333
}
.navbar-nav>li>a.active {
	background-color:#333!important;
	border-radius:0;
	color:#fff
}
#myModal {
	z-index:10000!important
}
a.offers-popup {
	color:#fff
}
a.offers-popup:hover {
	color:#000;
	cursor:pointer
}
div.modal-body p {
	color:#fff;
	font-family:open_sanssemibold;
	font-size:16px
}
div.popup_hm div.modal-footer, div.popup_hm div.modal-header {
	border:none
}
div.popup_hm div.modal-content {
	background-color:#1662b3;
	border:4px solid #fff;
	color:#fff
}
div.popup_hm button.close {
	color:#f7d201;
	font-size:31px;
	margin-top:-8px;
	opacity:1;
	text-shadow:none
}
div.popup_hm button.close:hover {
	color:#000;
	cursor:pointer
}
.navbar-default {
	background:0 0;
	border:none;
}
.navbar{
	min-height:inherit;
	margin:0;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
	width:100%;
	margin:auto;

}
.hidden-desktop, .visible-phone, .visible-tablet {
	display:none!important
}
.visible-desktop {
	display:inherit!important
}
 
.showcase ul img, input {
	width:100%
}
.thumbnail {
	margin-bottom:0;
	border:none;
	padding:1px!important;
	border-radius:0
}
.padding-right {
	padding-right:10px;
	padding-bottom:10px
}
 
.plfnt, footer {
	margin-top:50px;
	color:#fff
}
.plfnt {
	background:#fe3032;
	font-size:22px;
	border:none
}
footer {
	background:#333;
	padding:10px
}
footer h4, footer p {
	color:#fff
}
 
h1 span {
	display:block;
	font-size:16px;
	color:#999
}
.design-by {
	color:#a1a1a1;
	font-size:11px;
	padding:10px
}
.design-by a {
	color:#FC0
}
.design-by a:hover {
	text-decoration:underline
}
.about-us{
	background:url(../images/about-banner.jpg) no-repeat;
	min-height:350px;
	background-size:cover;
}
.about-us h1{
	color:#fff;
	margin:0;
	line-height:350px;
	text-align:center;
	font-weight:900;
} 
.products{
	background:url(../images/about-us.jpg) no-repeat !important;
	min-height:350px;
	background-size:cover !important;
}
.products h1{
	color:#fff;
	margin:0;
	line-height:350px;
	text-align:center;
	font-weight:900;
} 
.faq{
	background:url(../images/faq.jpg) no-repeat !important;
	background-size:cover !important;
}
.faq h1{
	color:#fff;
	margin:0;
	line-height:350px;
	text-align:center;
	font-weight:900;
} 
.term{
	background:url(../images/terms.jpg) no-repeat;
	background-size:cover !important;
}
.term h1{
	color:#fff;
	margin:0;
	line-height:350px;
	text-align:center;
	font-weight:900;
} 
.contact{
	background:url(../images/contact.jpg) no-repeat;
	background-size:cover !important;
}
.contact h1{
	color:#fff;
	margin:0;
	line-height:350px;
	text-align:center;
	font-weight:900;
}
.cat h2{
	background:#F90;
	text-align:left;
	padding:8px 10px;
	font-size:24px;
	font-weight:400;
	color:#000;
	margin:0;
}
.cat ul{
	list-style:none;
	margin:0;
	padding:0;
	background:#f2f2f2;
}
.cat ul li{
	border-bottom:1px solid #ccc;
	
}
.cat ul li:last-child{
	border:none;
}
.cat ul li a{
	padding:5px 10px;
	display:block;
}
.cat ul li a:hover{
	background:#0f0f0f;
	color:#fff;
	padding:5px 10px;
}
.btn-red{
	background:#FE2F30;
	color:#fff;
	margin-top:10px;
	margin-bottom:20px;
	transition: 0.3s;
	border:none;
}
.pro .col-md-3{
	border:1px solid #ccc !important;
	margin-bottom:10px;
	margin:0 5px 10px 5px;
}
 
.btn-submit {
	background: #FE2F2F;
	color: #fff;
	float: left;
	width: 100px
}
.pad{
	padding-top:10px;
	}
 
.design-by {
	color: #a1a1a1;
	font-size: 11px;
	padding: 10px
}
.design-by a {
	color: #FC0
}
.design-by a:hover {
	text-decoration: underline
}
.top-address{
	text-align:center;
	}
@media screen and (min-width:1280px) {
.container {
width:1170px
}
.bluebg {
padding:40px 0 70px
}
}
@media screen and (min-width:996px) and (max-width:1279px) {
.container {
width:960px
}
.navbar-default .navbar-nav>li>a {
font-size:15px;
padding:6px 7px
}
.navbar-default .navbar-nav>li>a.bl {
font-size:15px;
top:-6px
}
}
@media screen and (min-width:768px) and (max-width:995px) {
   
.hidden-desktop {
display:inherit!important
}
.navbar-default .navbar-nav>li>a {
padding:.9em .6em;
font-size:13px
}
.navbar-default .navbar-nav>li>a.bl {
color:#fe3032;
font-family:open_sansbold;
font-size:21px;
position:relative;
top:-16px
}
.pro .col-md-3{
	border: 1px solid #ccc !important;
margin-bottom: 10px;
margin-right: 10px;
width: 31.5%;
float: left;
margin-top: 20px;
}
 

}
@media screen and (min-width:600px) and (max-width:767px) {
.container {
width:560px
}
header {
padding-bottom:30px
}
.navbar {
position:absolute;
left:0;
width:100%;
top:0
}
.navbar-nav {
margin:0;
width:100%
}
.navbar-collapse {
overflow-x:visible;
-webkit-overflow-scrolling:touch;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);
background:#222;
padding:15px 0;
width:100%;
margin-top:5px
}
.navbar-nav>li>.dropdown-menu {
width:100%
}
.navbar-collapse .navbar-nav>li {
display:block;
width:100%;
float:none;
margin:0 auto
}
.navbar-default .navbar-nav>li>a {
padding:.5em 1.81em;
font-size:16px;
color:#fff
}
.navbar-nav .open {
background:#161616
}
.navbar-nav .open .dropdown-menu>li>a {
color:#FFF;
padding:8px 32px
}
.navbar-nav .open .dropdown-menu>li>a:hover {
color:#c8a746!important
}
.navbar-toggle {
margin-top:-45px
}

}
@media screen and (max-width:599px) {
.container {
width:94%
}
 
.navbar-nav {
margin:0;
width:100%
}
.navbar-collapse {
overflow-x:visible;
-webkit-overflow-scrolling:touch;
-webkit-box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow:inset 0 1px 0 rgba(255, 255, 255, .1);
background:#222;
padding:2px 0;
width:100%;
margin-top:5px
}
.navbar-nav>li>.dropdown-menu {
width:100%
}
.navbar-collapse .navbar-nav>li {
display:block;
width:100%;
float:none;
margin:0 auto
}
.navbar-default .navbar-nav>li>a {
padding:.5em 1.81em;
font-size:16px;
color:#fff
}
.navbar-nav .open {
background:#161616
}
.navbar-nav .open .dropdown-menu>li>a {
color:#FFF;
padding:8px 32px
}
.navbar-nav .open .dropdown-menu>li>a:hover {
color:#c8a746!important
}
.navbar-toggle {
margin-top:-92px
}
.navbar-default .navbar-nav>li>a.bl {
padding:.5em 1.51em
}

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

.navbar-default .navbar-nav>li>a.bl {
font-size:18px;
top:-14px;
}
header{
	position:inherit;
}
.navbar-default {
	padding-top:0px
}
.navbar{
	min-height:inherit;
	margin:0;
	width:100%;
}
.carousel{
	margin-top:0;
}
.modal-dialog{
	width:100%;
}
.pro .col-md-3{
	border:1px solid #ccc !important;
	margin-bottom:10px;
	margin-right:10px;
	width:100%;
}
}
.send-btn{
	    margin: 20px 0 0 0;
    width: 120px;
    float: left;
    background: #F44336  !important;
    border-radius: 5px;
    border: none;
    color: #fff !important;
    cursor: pointer;
    padding:5px !important;
    display:block;
}
#bg-blk {
	background: #000000bf;
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 999;
	display: none;
	transition: 0.8s;
	animation: fadeIn 0.5s;
	
}


#contactform h2{color:#7d888e; font-size:25px !important;  margin-bottom:0; margin-top:0; line-height:20px; text-align:left;}
#contactform{display:none; z-index:999999; position: fixed;     background-color: #ffffff;
    width: 450px;     padding: 20px 20px; transform: translate(-50%,-50%); left: 50%;
    top: 50%;
    border-radius: 8px; transition: 0.8s; animation: fadeIn 0.5s; }
		#contactform input,select,textarea{
			    color: #00b140;
    border: 1px solid #ccc;
            
			padding:10px;
			outline: none;
			width:100%;
			font-size:12px;
			padding: 4px 5px;
			    margin-bottom:0px;
			     
		 
		}
	
		#close {
        position: absolute;
    right: 20px;
    border: none;
    border-radius: 100%;
    background: #F44336 ;
    color: #fff;
    width: 25px;
    height: 25px;
    cursor: pointer;
    top: 16px;
    font-size:18px;
    padding:0 !important;
    display:block;
    z-index:9999;
}
		.fifty{width:48% !important; float:left;}
		.right{float:right;}
.left{float:left;}

   
#contactform{margin:0;}
#main-slider {
   padding:0 4%;
    background-size: cover;
}
 



#frmContact {
 
   
    border-radius: 10px;
}

#frmContact div {
    margin-bottom: 15px
}

.demoInputBox {
    padding: 10px;
 
    
    margin-top: 4px;
}

#mail-status{margin-top: 12px}
.Error {
    background-color: #ffe7e7;
    border: #9C0E24 1px solid;
    padding: 0px 15px;
    color: #9C0E24;
    border-radius: 4px;
    font-size: 14px;
    margin: 0;
}

.success {
    background-color: #12CC1A;
    border: #0FA015 1px solid;
    padding: 5px 10px;
    color: #FFFFFF;
    border-radius: 4px;
}

.info {
    font-size: .8em;
    color: #ff0000;
    padding-left: 5px;
    font-size:12px;
    line-height: 10px;
}

.btnAction {
    background-color: black;
    border: 0;
    padding: 10px 40px;
    color: #FFF;
    border: #F0F0F0 1px solid;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
}

.btnRefresh {
    border: 0;
    cursor: pointer;
    text-decoration: underline;
    color: #F44336;
 	font-size: 12px;
    margin: 15px;
}
.btnRefresh:hover{color:#F44336 ;}
#captcha_code {
    vertical-align: middle;
    margin:10px;
    width:70px;
}

.top-margin {
    margin-top: 5px;
}

#loader-icon {
    display: none;
    float: LEFT;
    MARGIN-top: 25px;
    margin-left: 25px;
} 
.clear{clear:both;}
@media only screen and (max-width:768px){
    .pro .col-md-3{width:100% !important;}
    #contactform{width:350px !important; }
    .cat{margin-bottom:20px;}
}
	.my{animation: fadeIn 1s;}
@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}