/*===================== 

	Color information

	

	- Light Blue: #6dc6e7;

	- Darker Blue: #2885b3;

	- Light Blue-Gray Tint: #e6ecf5;

	-

		 

=======================*/

/*===================== 

	CSS reset/normalize 

=======================*/



/**Correct `block` display not defined in IE 8/9.**/

article,aside,details,figcaption,figure,footer,header,hgroup,

main,nav,section,summary {display: block;}

pre {white-space: pre-wrap;}

small { font-size: 80%;}





/*===================== 

	base styles 

=======================*/



html {

	  font-size: 100%;

    -ms-text-size-adjust: 100%; /* 2 */

    -webkit-text-size-adjust: 100%; /* 2 */

	}



body {

    font-family: 'Open Sans', sans-serif;

    margin: 0;

	padding:0;

	color:#000;

	}



svg:not(:root) {overflow: hidden;/*reset*/}

	

/* clear floats */ 

.group:before,

.group:after {content: ""; display: table;} 

.group:after {clear: both;}

.group {zoom: 1;}	

.clear { clear: both;}

	

/*image replacement*/

.hide-text {

	text-indent:  100%;

	white-space:  nowrap;

	overflow:  hidden;

	}	



hr {

    -moz-box-sizing: content-box;

    box-sizing: content-box;

	border-style: solid;

    height: 0;

	} 



img { border: 0; max-width:100%;} 

img.image-right{float:right;margin:0 0 15px 20px;max-width:50%;}



	

/*===================== 

	typography 

=======================*/



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

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

	margin: 0;

	padding:0 0 2% 0;

	font-weight:700;

	line-height:1.5em;

	color:#000;

	}

	h1 {

		font-size: 36px;

	}

	h2 {

		font-size:30px;

	}

	h3 {

		font-size: 24px;

	}

	h4 {

		font-size: 20px;

	}

	h5 {

		font-size: 18px;

	}



p {

    font-family: 'Open Sans', sans-serif;

	padding: 0 0 2% 0;

	font-size:18px;

	line-height:1.5em;

	margin: 0;

	}

strong{font-weight:700;}



/*===================== 

	link styles 

=======================*/



a.link:focus {outline: thin dotted;/*reset*/

	}



	

a {

    text-decoration:none;

	color:inherit;

}



a:hover  {

	text-decoration: none;

	color: #85c869;

	} 

	



.appbutton:hover{background:#262626;color:#fff;}



.appbutton{    
	display: block;
    padding: 12px 30px;
    border: #000000 1px solid;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    max-width: 300px;
    color: #000;
    text-align: center;
    margin: auto;
}

 

.yellow{background:#FDE000;}

 



#maininv {box-sizing: border-box;padding:2em;}

/* INVENTORY BUTTONS */
.homeinventory {width:25%; padding:1%; float:left;}
.homeinventory img {width:100%;}

.hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default;}
.hovereffect .overlay {width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}

.hovereffect img {display: block; position: relative; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in;}
.hovereffect:hover img {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /><feGaussianBlur stdDeviation="3" /></filter></svg>#filter');
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.hovereffect a.info {display:inline-block; margin:4%; font-size:22px; font-weight:700; width:90%; height:70%; color:#fff; line-height:30px; text-decoration: none; padding-top:23%; -webkit-transition: all 0.4s ease-in; transition: all 0.4s ease-in; opacity:0;}

.hovereffect:hover a.info {opacity:	1;}

.hovereffect:hover .overlay {background-color: rgba(39, 48, 67, 0.75);}

@media screen and (max-width: 800px) and (min-width:461px) {
	.homeinventory {width:48%;}
}

@media(max-width:460px ){
	.homeinventory {width:98%; float:none;margin-top:1em;}
}

		





/*===================== 

	list styles 

=======================*/

ul.list{

	margin:0;

	padding: 0 0 5% 7%;

}

ul.list li{

	font-size:16px;

}





/*===================== 

	header styles 

=======================*/

.topbar{background:#231f20; padding:2px 0;font-size:14px;color:#fff;}

.topbar p{padding:0 0 0 0;}

.topbar i{margin-right:5px;}

.topbar ul{list-style:none;}

.topbar ul li{float:left;padding:7px 40px 7px 0;}

.topbar ul li:last-child{float:right;padding:7px 0 7px 0;}



header{width:100%;margin:0;    background: #231e1b;
 -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;border-bottom:#85C869 4px solid;}



.headerwrap{width:98%;max-width:1650px;margin:0 auto;}

.logo{float:left;width:38%;z-index: 100;position: relative;}

.header-right{float:right;width:61%;margin-top: 2.5%;}

.address{text-align:right;padding-top:10px;}

.address h2{padding:0;color:#000;}

.address h5{padding:0;color:#000;}

.logo{
    display:flex; 
    align-items: center;
}
.logo p{
    width:400px;
    text-align:center;
}

.logo img{
    padding-right:15px;
}

.hero {

    min-height: 680px;

    background: transparent;

	position:relative;

	z-index:99;

	background:url(../img/slides/nivo/bg-1.jpg) bottom center no-repeat scroll; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;

}



.hero-text{text-transform:uppercase;color:#fff;font-size:28px;font-family: 'Open Sans', sans-serif;font-weight:600;text-shadow: 3px 4px 3px #231E1B;bottom: 35%;position: absolute;left: 5%;}

.hero-text span{font-size:70px;font-family: 'Oswald', sans-serif;font-weight:700;color:#ffffff;}

.hero-button{position:relative;font-family: 'Oswald', sans-serif;font-size:.8em;width:220px;padding: 15px;border:#fff 1px solid;border-radius:3px;display: inline-block;text-align: center;line-height: .8em;margin-top:20px;text-shadow: 0px 0px 0px rgba(56, 96, 102, 1);color:#fff;text-decoration:none;}

.hero-button:after {content: " ";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0.6;background: #000; transition: .3s all;display:block;z-index:-1;}

.hero-button:hover:after {opacity: 0.8;background: #FDE000;}

.hero-button:hover {color:#000;}



.testimonials{width: 96%;max-width: 980px;padding:30px 0;text-align:center;color:#fff;margin: 0 auto;}

.testimonials h2{font-size:36px;color:#fff;}

.testimonials p{font-size:24px;}

.testimonials .wrapper{width:960px;}

.hero-border{margin-top:-80px;z-index: 9999;position: relative;width: 100%;}

.hero-border img{display:block;width:100%;height:80px;}

.listing{padding:15px;border:#ccc 1px solid;border-radius:3px;}

.listing a{text-decoration:none;}

.listing p{color:#000;font-weight:400;font-size:16px;font-family: 'Oswald', sans-serif;}

.listing p span{color:#f00;font-weight:700;font-style:italic;text-decoration:underline;font-size:16px;}

.listing:hover p{text-decoration:none;}

/*===================== 

	nav styles 

=======================*/

/* see menumaker.css for additional nav styles */



.carousel-wrapper{

  height:400px;

  position:relative;

  width:100%;

  margin:0 auto;

	text-align:center;

	color:#fff;

}

.carousel-item{

  position:absolute;

  top:0;

  bottom:0;

  left:0;

  right:0;

  padding:25px 50px;

  opacity:0;

  transition: all 0.5s ease-in-out;

}

.arrow{

  border: solid white;

    border-width: 0 3px 3px 0;

    display: inline-block;

    padding: 12px;

}



.arrow-prev{

  left:30px;

  position:absolute;

  top:50%;

  transform:translateY(-50%) rotate(135deg);

}

 

.arrow-next{

    right:30px;

  position:absolute;

  top:50%;

  transform:translateY(-50%) rotate(-45deg);

  }



.light{

  color:white;

}





/*Select every element*/

[id^="item"] {

    display: none;

  }



.item-1 {

    z-index: 2;

    opacity: 1;

  background:url(../img/slides/nivo/1.jpg) center center scroll;

  background-size:cover;

  }

.item-2{

  background:url(../img/slides/nivo/2.jpg) center center scroll;

   background-size:cover;

}

.item-3{

  background:url(../img/slides/nivo/3.jpg) center center scroll;

   background-size:cover;

}



*:target ~ .item-1 {

    opacity: 0;

  }



#item-1:target ~ .item-1 {

    opacity: 1;

  }



#item-2:target ~ .item-2, #item-3:target ~ .item-3 {

    z-index: 3;

    opacity: 1;

  }



#center-text{

	text-align: center;

	font-size: 20px;

	

}



#logo2{

width: 218px;

}





/*===================== 

	content styles 

=======================*/

.wrapper{width:96%;max-width:1280px;margin:0 auto;padding:0;}

.container{width:100%;max-width:1280px;margin:0 auto;}





	

/*===================== 

	slideshow styles 

=======================*/

.slides{background:url(../siteart/concrete_wall.png) repeat;padding:0;color:#fff;position:relative;}



.cycle-slideshow{box-shadow: 0px 2px 5px 1px rgba(0,0,0,.75);}

.cycle-slideshow img{

	width:100%;

}



/* pager */

.cycle-pager { 

    text-align: center; width: 100%; z-index: 500; position: absolute; bottom: 10px; overflow: hidden;display:none;

}

.cycle-pager span { 

    font-family: arial; font-size: 50px; width: 16px; height: 16px; 

    display: inline-block; color: #ddd; cursor: pointer; transition: all .5s ease-in-out; 

}

.cycle-pager span.cycle-pager-active { color:#2885b3;}

.cycle-pager > * { cursor: pointer;}







	







/*Needed for Parallax*/

.parallax-window1 {

    min-height: 680px;

    background: transparent;

	position:relative;

	z-index:99;

}



.parallax-window2 {

    min-height: 300px;

    background: transparent;

}

/*Needed for Parallax*/







/*===================== 

	layout styles 

=======================*/

.padit{padding:2% 0;}

.welcome h1{color:#000;}

.welcome{background:#ffffff; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.scrolling{display:block;background:url(../siteart/scrollingbg.jpg) repeat; padding:30px 0; border-top:#85c869 4px solid;}

.logos{text-align:center;padding:50px 0 40px;background:#fff;}

.logos img{margin:10px 30px;max-width: 160px;max-height: 70px;vertical-align:middle;display:inline-block;}



#shopit{position:relative;}

.shopit-sale{position:absolute;top:0;left:0;max-width:13%;}



.homebanner{
	color:#000;
    font-weight: 700;
    /*text-transform: uppercase;*/
    font-size: 26px;
    line-height: 1.6em;
	margin:auto;
	vertical-align:middle;
	width:75%;
	padding: 10px;
}



/*===================== 

	Youtube styles 

=======================*/







.youtube {

    background-color: #000;

    margin-bottom: 30px;

    position: relative;

    padding-top: 37.8%;

    overflow: hidden;

    cursor: pointer;

	border:#ccc 4px solid;

	margin: 0px 50px 0px 50px;

}



.youtube h5 {

	position:absolute;

	color:#fff;

	padding:10px;

	top:0;

	z-index:10;

}

.youtube img {

    width: 100%;

	height:auto;

    top: -16.84%;

    left: 0;

    opacity: 0.7;

}

.youtube .play-button {

    width: 90px;

    height: 60px;

    background-color: #333;

    box-shadow: 0 0 30px rgba( 0,0,0,0.6 );

    z-index: 1;

    opacity: 0.8;

    border-radius: 6px;

}

.youtube .play-button:before {

    content: "";

    border-style: solid;

    border-width: 15px 0 15px 26.0px;

    border-color: transparent transparent transparent #fff;

}

.youtube img,

.youtube .play-button {

    cursor: pointer;

}

.youtube img,

.youtube iframe,

.youtube .play-button,

.youtube .play-button:before {

    position: absolute;

}

.youtube .play-button,

.youtube .play-button:before {

    top: 50%;

    left: 50%;

    transform: translate3d( -50%, -50%, 0 );

}

.youtube iframe {

    height: 100%;

    width: 100%;

    top: 0;

    left: 0;



}

.youtube-mobile{display:none;}

.video{background: #fafafa;padding: 40px 0;border-top:#ccc 1px solid;}

.video video{width:96%;margin: 0 auto;display: block;border:#ccc 4px solid;}

.video .videotextbox{float:left;width:50%;text-align:center;}

.video .videotextbox img{max-width:73%;height:auto;}





/*===================== 

	Form styles 

=======================*/

.order-form{display:block;background:#fafafa;padding:15px;border:#ccc 1px solid;}



#formpage{padding:0 10px;}



form{

	margin:0 0 0;

}

label{

	display:block;

	font-size:16px;

	padding-top: 4%;

	width:100%;

}


#inventory label{

	display:unset;

	font-size:unset;

	padding-top: unset;

	width:unset;

}

input:not([type='checkbox']) {

	border: #999999 solid 1px;

	border-radius: 2px;

	padding: 8px;

	font-size:14px;

	box-sizing:border-box;

	width:98%;

	margin:0 1% 10px;

	-webkit-appearance: none;

}

input.half{width:48%;float:left;}



input:focus{

	border: #2885b3 solid 1px;

}

.button2{

display: block;
    max-width: 300px;
    padding: 15px 32px;
    margin: 0 auto 20px;
    border: #47423F solid 3px;
    background-color: #47423F;
    color: #fff;
    border-radius: 2px;

}



.button2:hover{

    background-color: #FDE000;
    cursor: pointer;
    color: #000;

}


a.quote {
  padding: 8px 20px;
  color: #000 !important;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 6px;
}

a.quote:hover {
    color:#fff !important;
}



select{

	border: #999999 solid 1px;

	border-radius: 2px;

	padding: 8px;

	font-size:14px;

	box-sizing:border-box;

	width:98%;

	margin:0 1% 10px;

	color:#6d6d6d;
	background-color: #fff;

}



textarea{

	border: #999999 solid 1px;

	border-radius: 2px;

	padding: 1%;

	font-size:14px;

	width:98%;

	margin:0 1% 10px;

	box-sizing:border-box;

}



.CaptchaPanel {

    margin: 0px 0px 0px 0px !important;

    text-align: center;

    padding: 0px !important;

}



.CaptchaImagePanel,

.CaptchaMessagePanel,  

.CaptchaAnswerPanel, 

.CaptchaWhatsThisPanel {

	margin:0px 0px 0px !important;

	font-size: 12px;

	color: #000;

	text-align: left !important;

	font-weight:normal!important;

	padding:0px 0 0!important;

	box-sizing:border-box;

	}



.CaptchaImagePanel{float:left;margin-right:10px !important;}

.CaptchaMessagePanel{}

#CaptchaAnswer{margin:5px 0; width:50%;}

fieldset{width:98%;box-sizing:border-box;margin:0 1% 15px;background:#fff;}

.continue{background:none;border:none;color:#fff;text-align:left;padding:0 0 0 0;cursor:pointer;width: 77px;font-family: FontAwesome, ‘Helvetica Neue’, Helvetica, Arial, sans-serif; }

.continue:hover{color:#85c869;}







/*--------Scrolling Inventory--------*/



.mobilecontainer { 

	overflow:hidden; /* must have this property for mobile phones and tablet display! */

	width:100%; 

	margin:0 auto;

	height:92px; 

	padding:0;

	background:#000;

}

iframe.banner {

	width:100%;

	height:92px;

	background:#000

}





/*  SECTIONS  */

.section {

	clear: both;

	padding: 0px;

	margin: 0px;

}





/*  COLUMN SETUP  */

.col {

	display: block;

	float:left;

	margin: 1% 0 1% 2.0%;

}

.col:first-child { margin-left: 0; }



.hosted-content .addthis_inline_share_toolbox{display:none;}

.hosted-content #main-search{display:none;}

.hosted-content .listings-wrapper .hosted-theme .btn{z-index:999;}

.hosted-content h1{text-transform:uppercase;padding-top:15px;font-size:28px;}

/*  GROUPING  */

.group:before,

.group:after { content:""; display:table; }

.group:after { clear:both;}

.group { zoom:1; /* For IE 6/7 */ }





/*  GRID OF TWELVE  */

.span_12_of_12 {

	width: 100%;

}



.span_11_of_12 {

  	width: 91.5%;

}

.span_10_of_12 {

  	width: 83%;

}



.span_9_of_12 {

  	width: 74.5%;

}



.span_8_of_12 {

  	width: 66%;

}



.span_7_of_12 {

  	width: 57.5%;

}



.span_6_of_12 {

  	width: 49%;

}



.span_5_of_12 {

  	width: 40.5%;

}



.span_4_of_12 {

  	width: 32%;

}



.span_3_of_12 {

  	width: 23.5%;

}



.span_2_of_12 {

  	width: 15%;

}



.span_1_of_12 {

  	width: 6.5%;

}





/*  GRID OF FOUR  */

.span_4_of_4 {

	width: 100%;

}

.span_3_of_4 {

	width: 74.5%;

}

.span_2_of_4 {

	width: 49%;

}

.span_1_of_4 {

	width: 23.5%;

}



/*  GRID OF THREE  */

.span_3_of_3 { width: 100%; }

.span_2_of_3 { width: 66.13%; }

.span_1_of_3 { width: 32.26%; }





/*  GO FULL WIDTH BELOW 480 PIXELS */

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

	.col {  margin: 4% 0 4% 0%; }

	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }

	.span_3_of_3, .span_2_of_3, .span_1_of_3 { width: 100%; }

    .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12 {

	width: 100%; 

	}			

}





/*===================== 

	footer styles 

=======================*/

/*url(../siteart/footerbg.jpg) center center no-repeat */



.social{padding-top: 4px;}

.social a{margin-right: 7px;}

.social-col{

	padding: 2px;

    text-align: center;

    display: inline-block;

}

.social:after{

	content: "";

	clear: both;

	display: table;

}



.pagebottom{padding:50px 0;background:#231e1b; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;border-top:#FDE000 4px solid;border-bottom:#FDE000 3px solid;}

.pagebottom p{color:#fff;font-size:14px;}

.pagebottom h5{color:#fff;}

.pagebottom a{color:#fff;}

.pagebottom a:hover{color:#85c869;}

.pagebottom i{font-size:24px;}



footer {

	margin: 0 auto;

	padding:0 0;

	width: 100%;

	background:#000;

	color:#fff;

	font-size:14px;

	font-weight:bold;

	}

footer .copyright{text-align:right;}

footer .hosted{font-size:14px;}



	

a.footerlink:link,

a.footerlink:visited, 

a.footerlink:active {

	text-decoration: none; 

	font-size:11px;

	color: #ccc;

	border-bottom:none;

	}

	a.footerlink:hover {

		text-decoration:none; 

		font-size:11px;

		color: #fff;

		}



.footertext {

	font-size:11px; 

	color:#666;

	}



.smallfootertext {

	font-size:11px; 

	color:#666;

	}



.divfooter {

	text-align:center; 

	margin:0 auto;

	}



/*===================== 

	Responsive styles 

=======================*/

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

.parallax-window1 {

    min-height: 580px;

    background: transparent;

	position:relative;

	z-index:99;

}

.hero {min-height: 580px;background:url(../img/slides/nivo/bg-1.jpg) center center no-repeat scroll;}

}

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

.homebanner{

	width:95%;

}
}

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

.homebanner{
    width:95%;
    
}

}


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

.parallax-window1 {

    min-height: 500px;

    background: transparent;

	position:relative;

	z-index:99;

}

.hero {min-height: 480px;}

.hero-text{text-transform:uppercase;color:#fff;font-size: 24px;font-family: 'Open Sans', sans-serif;font-weight:600;text-shadow: 1px 2px 2px #000;bottom: 35%;position: absolute;left: 5%;}

.hero-text span{font-size: 68px;font-family: 'Oswald', sans-serif;font-weight:700;color:#ffffff;}

.logos img{margin:10px 30px;max-width: 240px;max-height: 80px;vertical-align:middle;display:inline-block;}



.youtube{margin: 0px 20px 0px 20px; padding-top: 56.75%;}

.youtube-desktop {display:none;}

.youtube-mobile {display:inline;}



}

@media screen and (max-width: 904px) {
.hero-text span{font-size: 56px;}
	
	
}

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

.hero{background:url(../img/slides/nivo/bg-1.jpg)  center center no-repeat; background-size:cover;}

.item-1 {

  background:url(../img/slides/nivo/1.jpg) center center no-repeat;

  background-size:cover;

  }

.item-2{

  background:url(../img/slides/nivo/2.jpg) center center no-repeat;

   background-size:cover;

}

.item-3{

  background:url(../img/slides/nivo/3.jpg) center center no-repeat;

   background-size:cover;

}



.logo{text-align:center;width:95%;margin-top: 10px;z-index: 100;}

.logo img{text-align:center;width:80%;}

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



p {font-size:14px;}

.hero-text{font-size: 20px;top: 30%;}

.hero-border{display: none;}

.carousel-wrapper{height: 360px;}

.testimonials h2{font-size:32px;color:#fff;}

.testimonials p{font-size:19px;}

}

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

.hero-text{font-size: 20px;top: 15%;}

}



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

.testimonials h2{font-size:25px;color:#fff;}

.testimonials p{font-size:17px;}	

}

@media screen and (max-width: 500px){
.logo img{text-align:center;width:100%;}
.logo img{
    padding-right:0;
}
.logo p{
    font-size:13px;
}
}
@media screen and (max-width: 680px){

.hero-text span{font-size: 48px;}

.pagebottom{padding:20px 0;text-align: center;}

.divfooter {text-align:center;}	

footer .copyright{text-align:center;}

footer .hosted{text-align:center;}

.video video{float:none;width:96%;}

.video .videotextbox{float:none;width:100%;text-align:center;}

img.image-right{float:none;margin:0 0 15px 0;max-width:100%;}

.bottom-logo img{text-align:center;width:75%; margin-top: -30px;}

}

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

.youtube {margin: 0px 10px 0px 10px;}

.testimonials h2{font-size:25px;color:#fff;}

.testimonials p{font-size:17px;}

.hideonsmall {display:none !important;}

}

@media screen and (min-width: 530px){
.showonsmall {display:none !important;}
}


.whyjnr,.home-categories{
    padding: 75px 0;
    background-image: url(../img/home-categories.jpg);
    background-size: cover;
    background-position: 50% 50%;
    box-shadow: rgb(0 0 0 / 55%) 0 0 0 1000000px inset;
}
.whyjnr{
    border-top: 5px solid #FDE000;
    border-bottom: 5px solid #FDE000;
     background-image: url(../img/bg-whyus.jpg);
}

.whyjnr .container{
    padding-right: 15px;
    padding-left: 15px;
}

.whyjnr .container h3,.home-categories h3{
    text-align: center;
    font-size: 36px;
    margin-bottom: 30px;
    color:white;
}

.whyjnr .container h4, .whyjnr .container p{
    text-align:center;
     color:white;
}

.whyjnr img{
    filter: invert(74%) sepia(96%) saturate(549%) hue-rotate(0deg) brightness(101%) contrast(109%);
}

.whyjnr-inner{
    margin-bottom:35px;
}

@media screen and (max-width: 1199px) {
    .whyjnr .container .row{
        margin:0;
    }
}

.qform label {
   margin-left:15px; 
   padding-bottom:5px;
   padding-top: 12px;
}

.qform p {
    margin-left:15px; 
    margin-right:15px; 
   padding-bottom:5px;
   padding-top: 12px;

  font-size: 16px;
}



/*------Nav Top ---------*/
.header-top:not(.banner) {
    background-color: #85C869;
    padding: 5px 0;
}
.header-top {
    color: #ffffff;
    font-size: 16px;
    font-weight: 300;
}
.header-top a {
    color:#fff;
}
.header-top a:hover{
    color:#FDE000;
}

	.container-top {
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;
	}
	.header-top .list-inline {
    display: inline-block;
}
.list-inline {
    margin-top: 9px;
    margin-bottom: 8px;
}
.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
	@media (min-width: 768px){
		.container-top {
			max-width: 750px;
		}
	}
	@media (min-width: 992px){
		.container-top {
			max-width: 970px;
		}
	}
	@media (min-width: 1200px){
		.container-top {
			max-width: 1650px;
		}
	}	
	
	
	.row {
    margin-right: -15px;
    margin-left: -15px;
		
}



.img-fluid{
    max-width:100%;
    height:auto;
}
.d-block{
    display:block;
}
.mx-auto{
    margin:0 auto;
}
.mr-auto{
    margin-right:auto;
}
.ml-auto{
    margin-left:auto;
}

.contain ul li{
    font-size:18px;
    line-height: 27px;
}

.primary .nav-products{
    display:none;
}



.nav-title{
    color:white;
    font-size:21px;
}

@media (max-width: 1523px){
    .nav-title{
    font-size:20px;
    }	    
}

@media (max-width: 1453px){
    .nav-title{
    font-size:17px;
    }	    
}

@media (max-width: 1200px){
    .nav-title{
    font-size:16px;
    font-weight:bold;
    }	    
}

.header-submenu{
    display:flex;
    padding-left: 5px;
    padding-right: 5px;
}

.header-submenu h5{
    text-align:center;
    color:white;
}
.header-submenu .header-submenu-inner:first-child{
     border-left:1px solid white;
}
.header-submenu-inner{
    border-right:1px solid white;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    
    transition:all ease 0.3s;
}

.header-submenu-inner h4{
    color:white;
    text-align:center;
}

.hidden{
    visibility: hidden;
}

.inner-pages-sub{
    text-align: right;
    color: white;
    text-shadow: 1px 2px black;
}

.header-submenu-inner:hover img{
    filter: grayscale(100) brightness(60%);
}

.home-header .in-nav{
    display:none;
}

@media (max-width: 800px){
    .in-nav{
    display:none;
}

.header-submenu{
    flex-wrap:wrap;
}

.header-submenu-inner{
    flex: 0 0 50%;
    max-width: 50%;
    border:1px solid white !important;
}

}

#scrollUp,
#back-top {
    background: #FDE000;
    height: 50px;
    width: 50px;
    right: 31px;
    bottom: 18px;
    position: fixed;
    z-index: 10;
    color: #fff;
    font-size: 20px;
    text-align: center;
    border-radius: 50%;
    line-height: 48px;
    border: 2px solid transparent;
    box-shadow: 0 0 10px 3px rgba(108, 98, 98, 0.2)
}

@media (max-width: 575px) {
    #scrollUp,
    #back-top {
        right: 16px
    }
}

#scrollUp a i,
#back-top a i {
    display: block;
    line-height: 50px
}

#scrollUp:hover {
    color: #fff
}

/*--- HOME OWL CAROUSEL ---*/


.home-reviews .item{
    background-size: cover;
    background-repeat: no-repeat;
    height:400px;
   
    display: flex;
    justify-content: center;
    align-items: center;
}

.home-reviews-review1{
    background: url(../img/home-slider1.jpg) center center;
}

.home-reviews-review2{
    background: url(../img/home-slider2.jpg) center center;
}

.home-reviews-review3{
    background: url(../img/home-slider3.jpg) center center;
}

.inner-pages-carousel .home-reviews .item{
    height:auto;
    /*box-shadow: rgb(0 0 0 / 30%) 0 0 0 1000000px inset;*/
}

.inner-pages-carousel .owl-nav i{
    color:#85C869;
}
.inner-pages-carousel{
    padding-top:20px;
    padding-bottom:20px;
}

.green-border{
    border-top: 7px solid #85C869;
    margin-bottom: 10px;
}

.home-reviews-bale1{
    background: url(../img/bale-1.jpg) center center;
}

.home-reviews-bale2{
    background: url(../img/bale-2.jpg) center center;
}

.home-reviews-bale3{
    background: url(../img/bale-3.jpg) center center;
}

.home-reviews-caption h3,.home-reviews-caption p,.home-reviews-caption ul li{
    color:white;
    text-align:center;
}
.home-reviews-caption ul li{
    align-items:left!important;
}
.home-reviews-caption h3{
    font-size: 36px;
}
.home-reviews-caption p{
    max-width:900px;
    font-size: 24px;
}

@media (max-width: 580px){
    .home-reviews-caption h3{
    font-size: 25px;
}

.home-reviews-caption p{
    max-width:100%;
    font-size: 17px;
    line-height:25px;
    padding-left:5px;
    padding-right:5px;
}

}

.home-reviews{
     position:relative;
}

.home-reviews .owl-next,.home-reviews .owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color:white !important;
    font-size:35px !important;
}

.home-reviews .owl-prev{
    left: 20px;
}
.home-reviews .owl-next{
    right: 20px;
}

th, td {
    width:1px;
}

.max-1500{
    max-width: 1543px;
}

.inner-page-owlslider .owl-next,.inner-page-owlslider .owl-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color:white !important;
    font-size:35px !important;
}

.inner-page-owlslider .owl-prev{
    left: 20px;
}
.inner-page-owlslider .owl-next{
    right: 20px;
}