input, textarea {
 
  font-size:100%; 
  
}


  
}
body{

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

	 div.logoarea { display:none;}
 }
 
 div.logoarea {  
 
/*   display:none;p*/
	position:center;
	z-index:-20; 
	width: 100%; /*767*/
	height: 125;
	top: 190px;
	font:11px;
	margin: 0 auto;
    text-align: left;
		
	overflow: none;
	border:none;
	padding: 0px 0px 15px 0px;
		
	
 }
 @media only screen and (min-width :900px) {

	/* div.logoarea2 { display:none;}*/
 }
 
 div.logoarea2 {  
 
/*   display:none;p*/
	position:fixed;
	z-index:10001;
	width:300; /*767*/
	height: 73px;
	top: 3px;
	left:80px;
	font:11px;
	
    text-align: left;
		border:none;
	overflow:none;
	
		
	
 }
 @media only screen and (max-width :900px) {

	/* div.logo1 { display:none;}*/
 }
 
div.logo1 {  
 
   
	position:relative;
	z-index:-20; 
	width: 100%; /*767*/
	height: 100px;
	top: 0px;
	left: 0px;
	font:11px; background:#fff;
	
	
    text-align: left;
	overflow: none;
	border:none;
	padding: 0px 0px 15px 0px;
		
	
 }
 
 
 
 @media only screen and (max-width : 1020px) {

	 div.socialmedia {}
 }
 
 
 div.socialmedia{  
 position:relative;
/*   display:none;p*/
	
	z-index:96001;
	width: 100%; /*767*/
	height:40;
	top:5px;
	font:40px;
	text-align: center;
	
	overflow: none;
 }

 @media only screen and (max-width : 900px) {
	heading{ font-size:20px;
	
  
 }
 person{ font-size:20px;
 }
para{
 		font-size:20px;
	 }
	 
  
posttime{
 	font-size:20px;
	margin: left;
    text-align: left;
	

 }
	 
	 
redtime{
 	
font-size:20px;
 }
 
	 
 }


heading{
   
    font-Weight:bold;
	color:#000066;
	font-style:normal;

 }
 

person{
   
    font-Weight:normal;
	color:#000000;
	font-style:normal;

 }
 
  
para{
 	color:#000066;
	font-family:calibri;

 }
 
  
posttime{
 	color:blue;
	font-family:calibri;
	font-style:italic;

 }
 
  
redtime{
 	color:red;
	font-family:calibri;
	font-style:italic;

 }
 
 div.searcharea {
     
 
	position:fixed;
	z-index:40002; 
	width: 400px; /*767*/
	height: 8px;
	top: 150px;
	font:11px;
	left:100;
	margin: 0 auto ;
    text-align: right;
		
	overflow: none;
	border:none;
	padding: 0px 0px 30px 0px;
	display:none;
	
	
 }
 
 
 
 #myimg {
   padding:3px;
   /*border:1px solid #021a40;*/
   border:1px solid #003f87;
   background-color:#ffffff;
 
 
}

 #myimg1 {
   padding:3px;
   /*border:1px solid #021a40;*/
   border:1px solid #003f87;
   background-color:#ffffff;
}

 #myimg2 {
   padding:1px;
   /*border:1px solid #021a40;*/
   border:1px solid #eee;
   background-color:#ffffff;
}



  #mystyle{
  color:blue;font-size:10px;font-family:calibri ;
  text-align:centre;
   border:none;
  }
  
  #mystyle:hover{
  border:none;
  text-decoration:none; 

  }


  #myimg2:hover {
   background:#0276FD;
 }

  #myimg3:hover {
   background:#0276FD;
 }
 
  #myimg:hover {
   background:#0276FD;
   
  
 }
  
div.top_icon{position:fixed;
padding: 10px 10px 10px 10px;
left:0px;

bottom:0px;

}

 /*main contents of window */
 div.container {
	position:relative;
	z-index:200; 
	min-width: 200px;
    max-width:1000px;
		
	width: 100%;  
	
	/*/background-image: \bg303.jpg;*/
	border: thin solid #999999;
	border: none;
	height: 3900px;
	background-color: #FFFFFF;
	
	overflow:hidden;

	}
	@media only screen and (min-width :900px) {

	
 }
	
	
	
 div.contentarea {  
   padding: 70px 10px 0px 10px;
	position:relative;
	z-index:40; 
	width: 95%; /*767*/
	height: 3900px;
	left: 2px;
	/*top: 110px*/;
	font:11px;
	text-align:centre;
	border: none;
	background-color: #ffffff;
	margin: 0 auto;
	
	overflow:visible;
	
			 }
			 
			 
 
 div.contentareateam {  
    display:none;
	position:fixed;
	z-index:-20; 
	width:100%; /*767*/
	
    height:180px;
	left: 12px;
	top: 650px;
	font:11px;
	text-align:left;
	  border: double #cccccc; 
	background-color: #FFFFFF;
	margin:  0 auto ;
	padding: 0px 0px 0px 10px;
	overflow: auto;
	
 }
 
div.customarea{


 	/*background-color:#25282B;*/
	border:none;
	
 
   	position:absolute;
	z-index:-20; 
	width:100%; /*767*/
	
    height:3859px;
	top:96px;
	font:11px;
	
	
	/*background-color: #444444;
	*/
	
	overflow:hidden ;
  }
  
  div.garmentbar{background-color:#000000;position:relative;z-index:9010;width:930px;left:40px;height:34px;}/*Orange*/
  
  div.garment1 {background-color:#FED101;position:absolute;z-index:900;width:50px;height:33px;}/*red */
  div.garment2 {background-color:#FED101;position:absolute;z-index:900;width:50px;left:+50px;height:33px;}/*red */
   div.garment3 {background-color:#FED101;position:absolute;z-index:900;width:50px;left:+100px;height:33px;}/*red */
    div.garment4 {background-color:#FED101;position:absolute;z-index:900;width:50px;left:+150px;height:33px;}/*red */
	 div.garment5 {background-color:#FED101;position:absolute;z-index:900;width:50px;left:+200px;height:33px;}/*red */
	 div.garment6 {background-color:#FED101;position:absolute;z-index:900;width:50px;left:+250px;height:33px;}/*red */ 
	
  div.gcolour {background-color:#B1302A;position:absolute;z-index:9020;width:40px;height:40px;}/*red */
  div.gcolour1{background-color:#224D8F;position:relative;z-index:9010;width:40px;top:+40px;height:40px;}/*Royal*/
  div.gcolour2{background-color:#25282B;position:relative;z-index:9010;width:40px;top:+40px;height:40px;}/*Black*/
  div.gcolour3{background-color:#00805E;position:relative;z-index:9010;width:40px;top:+40px;height:40px;}/*Kelly Green*/
  div.gcolour4{background-color:#263147;position:relative;z-index:9010;width:40px;top:+40px;height:40px;}/*Navy*/
  div.gcolour5{background-color:#FED101;position:relative;z-index:9010;width:40px;top:+40px;height:40px;}/*Daisy-----YEllOW*/
  div.gcolour6{background-color:#FFFFFF;position:relative;z-index:9010;width:40px;top:+40px;height:40px;}/*White*/
  div.gcolour7{background-color:#DF6426;position:relative;z-index:9010;width:40px;top:+40px;height:40px;}/*Orange*/
   div.gcolour8{background-color:#71C5E8;position:relative;z-index:9010;width:40px;top:+40px;height:40px;}/*sky blue*/
  div.gcolour9{background-color:#97999B;position:relative;z-index:9010;width:40px;top:+40px;height:40px;} /*sports grey*/
  
  
  div.gcolourbar{background-color:white;position:absolute;z-index:9000;width:40px;height:40*9px;font:11px;}
  
  
  
  
  div.pcolour1{background-color:#F93822;position:relative;z-index:9010;width:20px;left:00px;height:20px;}/*Orange*/
  div.pcolour2{background-color:#00AB84;position:relative;z-index:9010;width:20px;top:-20px;left:+20px;height:20px;}/*Orange*/
   div.pcolour3{background-color:#0F4C81;position:relative;z-index:9010;width:20px;top:-40px;left:+40px;height:20px;}/*Orange*/
   div.pcolour4{background-color:#EFF0F1;position:relative;z-index:9010;width:20px;top:-60px;left:+60px;height:20px;}/*Orange*/
   
  
  
 
  div.pcolour5{background-color:#FFD700;position:relative;z-index:9010;width:20px;top:-80px;left:+80px;height:20px;}/*Orange*/
   div.pcolour6{background-color:#E6BD8F;position:relative;z-index:9010;width:20px;top:-100px;left:+100px;height:20px;}/*Orange*/
   div.pcolour7{background-color:#2D2926;position:relative;z-index:9010;width:20px;top:-120px;left:+120px;height:20px;}/*Orange*/
     div.pcolour8{background-color:#A6A9AA;position:relative;z-index:9010;width:20px;top:-140px;left:+140px;height:20px;}/*Orange*/
	 
	     div.pcolour9{background-color:#FC5608;position:relative;z-index:9010;width:20px;top:-160px;left:+160px;height:20px;}/*Orange*/
	     div.pcolour10{background-color:#56CFFE;position:relative;z-index:9010;width:20px;top:-180px;left:+180px;height:20px;}/*Orange*/
	 
	 
	 
  
  div.paintbar{display:none;background-color:white;position:relative;z-index:9000;width:160px;top:5px;left:50px;height:20px;font:11px;}
  
  div.Imagefill{background-color:#000000;position:absolute;z-index:9010;width:180px;top:20px;left:60px;height:20px;
 font:Geneva, Arial, Helvetica, sans-serif;
                color:white; 
                text-align:center; 
				font-size:15px;}    
  
  
.row::after {
 
  content: "";
  clear: both;
  display: table;


}
  
  
  
      
	  
.thumbcontainer {
 float: left;
  width:20%;
   padding:23px;
 
  
  /*width: 200px;*/
    
  
  
  
} 
	  
	  
.thumbcontainer:hover .image {
  opacity: 0.3;
}

.thumbcontainer:hover .middle {
  opacity: 1;
}

.image {
  opacity: 1; 
  display: block;
  width:100% ;
 
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
  
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position:relative ;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
	  
	  
 
  /*  div.text2t{display:none;background-color:white;position:relative;z-index:9010;width:300px;top:+820px;height:40px;}/*Orange*/
  
  #upload{background-color:black;position:relative;z-index:9010;width:100%;height:820px;}
  
  #panel, #flip {
  padding: 0px;
  text-align: center;
  background-color:#CBC6C6;
  border: solid 1px black;
}

#panel {
  padding: 0px;
  display: none;
}
  
  
  
  
  #panel2, #flip1 {
  padding: 0px;
  text-align: center;
  background-color:#CBC6C6;
  border: solid 1px black;
}

#panel2 {
  padding: 0px;
  display: none;
}
  
  
  
  
  .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 17px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 0px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
  
  
  
  
  
 
 @media only screen and (max-width :490px) {

	 input[type=text], select {  font-size:12px;}
 }
  
  input[type=text], select {
 /* width: 100%;
  width:hieght%20;
  /*0padding: 12px 20px;*/
  background-color: #E1E0E0;
  
  margin:1px;
  display: inline-block;
  
  border: 1px solid #858282;
    
  border-radius: 4px;
  box-sizing: border-box;
}


.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}


.custom-file-input::before {
  text-align:center;
  margin: auto;
  width:110px;
  content: 'Browse..';
  display: inline-block;
  background: linear-gradient(top, #f9f9f9, #e3e3e3);
  border: 1px solid #999;
  border-radius: 3px;
  padding: 5px 8px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  text-shadow: 1px 1px #fff;
  font-weight: 700;
  font-size: 10pt;
  
}
.custom-file-input:hover::before {
  border-color: white;
   cursor: pointer;
} 




.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

label{
    display: inline-block;
	
}

label img{
    pointer-events:none; 
	
}







	div.updatet{background-color:black;position:relative;z-index:9010;width:100%;left:;height:180px;}
	
	
	
  
  			 /* display arena*/
			 
			.button2 {
  background-color: #4CAF50;
  border: none;
  color: white;
  padding: 115px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}



.button {
  color:#ccc;
  background:#fff;
  align:right;
  width:30px;
  height: 38px;
  font:33px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-shadow:1px 1px 1px #000;
  
  border:none;
  
}

.button:hover {
  color:#333;
  cursor: pointer;
 }
 
 
.button1{

z-index:19100;
 

  
  background:black;

display:inline-block;
width:70px;

border:0.1em solid #FFFFFF;
margin:0 0.3em 0.3em 0;
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;
text-shadow:none;

font-family:'Roboto',sans-serif;
font-weight:300;
font:100px;

color:#FFFFFF;
text-align:center;
transition: all 0.2s;
}
.button1:hover{
color:#000000;
background-color:#FFFFFF;
}
@media all and (max-width:30em){
.button1{
display:block;
margin:0.4em auto;
}
}
 
 
 
 
 
 
 
 
.button3{

z-index:19100;
 

  
  background:black;

display:inline-block;
width:70px;

border:0.1em solid #FFFFFF;
margin:0 0.3em 0.3em 0;
border-radius:0.12em;
box-sizing: border-box;
text-decoration:none;
text-shadow:none;

font-family:'Roboto',sans-serif;
font-weight:300;
font:100px;

color:#FFFFFF;
text-align:center;
transition: all 0.2s;
}
.button3:hover{
color:#000000;
background-color:#FFFFFF;
}
@media all and (max-width:30em){
.button3{
display:block;
margin:0.4em auto;
}
}
 
 
 
 
 
 
 
 
 
 
 
.info{position:relative;background-color:#B1302A;left:20px;top:0px;width:180px;} 

#boxes{font:Geneva, Arial, Helvetica, sans-serif;}			 
			 #leftbox { 
                float:left;  
                background:blue; 
                width:95px; 
                height:30px; 
				
				
            } 
            #middlebox{ 
                float:left;  
                background:blue; 
                width:100px; 
                height:30px; 
            } 
            #rightbox{ 
                float:left; 
                background:Blue; 
                width:90px; 
                height:30px; 
            } 
			 
            #rightbox2{ 
                float:left; 
                background:Blue; 
                width:115px; 
                height:30px; 
            } 
			
            h4{background-color:#000000; 
			
			font:Geneva, Arial, Helvetica, sans-serif;
                color:white; 
                text-align:center; 
				font-size:19px;
            }  
			
            h4about{background-color:#ffffff; 
			
			font:Geneva, Arial, Helvetica, sans-serif;
                color:#9C9797; 
                text-align:center; 
				font-size:19px;
            }  
			  h4aboutHead{background-color:#ffffff; 
			
			font:Geneva, Arial, Helvetica, sans-serif;
                color:#B7B7B7; 
                text-align:center;
				  font-weight: bold;
				
				font-size:25px;
            }  
			
            h4dropdown{background-color:#CBC6C6; 
			
			font:Geneva, Arial, Helvetica, sans-serif;
                color:black; 
                text-align:center; 
				font-size:19px;
            }  
			
            h4dropdownclick{background-color:#CBC6C6;
			
			font:Geneva, Arial, Helvetica, sans-serif;
                color:black; 
                text-align:center; 
				font-size:19px;
            }  
			
			
            h5{background-color:#ebf2f2; 
			
			font:Geneva, Arial, Helvetica, sans-serif;
                color:white; 
                text-align:center; 
				font-size:15px;
            }  
			
			
#myUL li a {
  border: 1px solid #ddd;
  margin-top: -1px; /* Prevent double borders */
  background-color: #f6f6f6;
  padding: 12px;
  text-decoration: none;
  text-align:center;
  font-size: 18px;
  color: black;
  display: block;
 
}

#myUL li a:hover:not(.header) {
  background-color: #eee;
  
}
			#myUL li{
  list-style-type: none;
}
			
			
			
			
			
			div.updatei{ position:fixed;z-index:9010;top:210px;left: 90;right: 0;}		
			div.updatei2{ position:fixed;z-index:9010;top:310px;left: 90;right: 0;}		
			
			
				
quote_b a:{
     color:black;
  }
  
quote_b  a:hover { color: #black;text-decoration: none; }
 
quote_b { position:fixed;z-index:9010; text-decoration: none; padding: 12px 12px; background-color:black; border-style: solid; border-color: #ddd; border-radius: 50%; top:120px;
 font-size: 12px;left: 110; right: 0;}	
 	
quote_b:hover{ display: inline-block; background-color:#ddd;
			
			}
				
			
			
			 
 	div.contentareateamprofile {  
	position:static;
	z-index:-10; 
	width: 95%; /*767*/
	height: 900px;
	left: 2px;
	top: 20px;
	font:11px;
	text-align:left;
    border: double #cccccc; 
	background-color:#fff;
	margin:  0 auto ;
	padding: 00px 10px 0px 10px;
	overflow:scroll;

 }
 
 div.contentareateamsquad1 {  
	position:relative;
	z-index:20; 
	width: 80%; /*767*/
	height: 45px;
	
	top: 15px;
	font:11px;
	text-align:center;
	border: double #cccccc; 
	
     
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0px 0px 0px 10px;
	overflow: none;

 }

 
 
 
 div.contentareateamsquad {  
    display:none;
	position:relative;
	z-index:9000; 
/*	width:100%; /*767*/
	
	top: 15px;
	font:11px;
	width:100%;
	
  		
	
	border: double #cccccc; 
	
     
	background-color: #FFFFFF;
	height: 60px;
	/*
	overflow-x: scroll;
    overflow-y: hidden;
	white-space:nowrap;
	*/
	margin: 0 auto;
	
    height: 140px;
    overflow-x:hidden;
 
    overflow-y:scroll;
	
 }
 div.contentareateamsquad2 {  
    display:none;
	position:relative;
	z-index:20; 
	width: 80%; /*767*/
	height: 20px;
	
	top: 1px;
	font:11px;
	text-align:center;
	border: double #cccccc; 
	
     
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 0px 0px 0px 10px;
	overflow: none;

 }
 
  div.contentareateamphoto {  
	position:absolute;
	z-index:9; 
	width: 267px; /*767*/
	height: 140px;
	left: 510px;
	top:200px;
	font:11px;
	text-align:left;
    border:  double #cccccc; 
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	overflow: auto;

 }
			 /* display arena*/	 
 
 div.imagefooter {  
   
	position:relative;
	z-index:-20; 
	width: 99%;
	height: 80px;
	left: 0px;
	top: 50px;
	font:11px;
	text-align:left;
	border: solid #eee;
	background-color:#003F87;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	overflow: none;
 }
 
  div.imagenotice {  
	position:relative;
	z-index:-20; 
	width: 767px;
	height: 120px;
	
	
	font:11px;
	text-align:center;
	border: double #cccccc; 
	background-color:#ffffff;
	margin: 0 auto;
    text-align: left;

	padding: 0px 0px 0px 10px;
	overflow: none;
 }
	
 a:link { 
 color: #999999; 
 text-decoration: none; 
 border:none
 margin: 0 auto;
 text-align: left;
 } 
 a:visited { 
 text-decoration: none; 
 color: #999999; 
 border:none 
 } 
 a:hover { 
 text-decoration: underline; 
 color: #666666; 
 border:none 
 } 
 a:active { 
 text-decoration: none; 
 color: #999999; 
 border:none 
 }





/*
 * Stellarnav.js 2.5.0
 * Responsive, lightweight, multi-level dropdown menu.
 * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com
 * Released under the MIT license
 */
/* all nav */
.stellarnav { position:fixed; width:100%;left:0px;top:0; z-index: 111; line-height: normal;


 }
.stellarnav a { color: #777; }
.stellarnav ul { margin: 0; padding: 0; text-align: center; }
.stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; }
.stellarnav li a { padding: 15px; display: block; text-decoration: none; color: #777; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; }

/* main level */
.stellarnav > ul > li { display: inline-block;  }
.stellarnav > ul > li > a { padding: 20px 40px; }


/* first level dd */
.stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none;color: #777 ; }
.stellarnav li li { display: block; }

/* second level dd */
.stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; }
.stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; }

/* .drop-left */
.stellarnav > ul > li.drop-left > ul { right: 0; }
.stellarnav li.drop-left ul ul { left: auto; right: 220px; }

/* light theme */
.stellarnav.light { background: rgba(255, 255, 255, 1); }
.stellarnav.light a { color: #000; }
.stellarnav.light ul ul { background: rgba(255, 255, 255, 1); }
.stellarnav.light li a { color: #000; }

/* dark theme */
.stellarnav.dark { background: rgba(0, 0, 0, 1);
background-image: url("/krs_designs/navbar.png");
background-repeat: no-repeat; /

 }

.stellarnav.dark a { color: yellow; }
/*   */


.stellarnav.dark ul ul { background: rgba(0, 0, 0, 1); }
.stellarnav.dark li a { color: yellow; } /* menu font colour

/* sticky nav */
.stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; }

/* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/
body.stellarnav-noscroll-x { overflow-x: hidden; }

/* general styling */
.stellarnav li.has-sub > a:after { content: ''; margin-left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid tFFF; display: inline-block; }
.stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 4px; }
.stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; }
.stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; }
.stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; }
.stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; }
.stellarnav.desktop li.has-sub a { padding-right: 5px; }
.stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; }
.stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; }
.stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; }

/* svg icons */
.stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; }
/* svg icons */

.stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; }
.stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; }
.stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; }
.stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
.stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; }
.stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; }
.stellarnav.dark a.dd-toggle .icon-plus:before { border-color: yellow; }
.stellarnav.dark a.dd-toggle .icon-plus:after { border-color: yellow; }

.stellarnav .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; }
.stellarnav .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); }
.stellarnav .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); }
.stellarnav.light .icon-close:before { border-color: #000; }
.stellarnav.light .icon-close:after { border-color: #000; }
.stellarnav.dark .icon-close:before { border-color: yellow; }
.stellarnav.dark .icon-close:after { border-color: yellow; }

/* mobile nav  3 bars size amd stuff*/
.stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 15px; box-sizing: border-box; }
.stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 3px;z-index:9920;  }
.stellarnav .menu-toggle span.bars span { display: block; width: 40px; height: 4px; border-radius: 2px; background: #777; margin: 0 0 6px; }
.stellarnav .full { width: 100%; }
.stellarnav .half { width: 50%; }
.stellarnav .third { width: 33%; text-align: center; }
.stellarnav .location-btn-mobile.third { text-align: center; }
.stellarnav .location-btn-mobile.half { text-align: right; }
.stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; }
.stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; }
.stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; }
.stellarnav.light .menu-toggle span.bars span { background: #000; }
.stellarnav.dark .menu-toggle span.bars span { background: yellow; } /*ther barrs*/
/*.stellarnav.mobile { position:fixed;top:0px; } /* Menu Barr*/


.stellarnav.mobile{ position:fixed;top:0px; }

.stellarnav.mobile ul { position:relative; display: none; }


.stellarnav.mobile.active { padding-bottom: 0; }
.stellarnav.mobile.active > ul { display: block; }
.stellarnav.mobile ul { text-align: left; }
.stellarnav.mobile > ul > li { display: block; }
.stellarnav.mobile > ul > li > a { padding: 15px; }
.stellarnav.mobile ul { background: rgba(221, 221, 221, 1); }
.stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; }
.stellarnav.mobile ul ul ul { left: auto; top: auto; }
.stellarnav.mobile li.drop-left ul ul { right: auto; }
.stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); }
.stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); }
.stellarnav.mobile li a.dd-toggle { border: 0; }
.stellarnav.mobile.light li a.dd-toggle { border: 0; }
.stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; }
.stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; }
.stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; }
.stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; }
.stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); }
.stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); }/*drop Down*/
.stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); }
.stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); }
.stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; }
.stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; }

/* left and right positions */
.stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index:9920; }
.stellarnav.mobile.right > ul { right: 0; }
.stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; }
.stellarnav.mobile.left > ul { left: 0; }
.stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; }
.stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; }
.stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; }
.stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; }
.stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; }
/* left and right positions */

/* mega dd */
.stellarnav.desktop li.mega ul ul { background: none; }
.stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; }
.stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; }
.stellarnav.desktop li.mega ul ul { width: auto; }
.stellarnav.desktop > ul > li.mega { position: inherit; }
.stellarnav.desktop > ul > li.mega > ul { width: 100%; }
.stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; }
.stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; }
.stellarnav.desktop li.mega li li a { padding: 5px 15px; }
.stellarnav.desktop li.mega li.has-sub a:after { display: none; }
.stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; }
/* mega dd */


/* Fallback for slow javascript load */
@media only screen and (max-width : 900px) {
	.stellarnav { overflow:visible; display: block; }
	.stellarnav ul { position: relative; display: none; }
}

/* mobile nav */
@media only screen and (max-width : 420px) {
	.stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; }
}