body
	{
    background-color: #ccc;
	font-family: trebuchet ms, verdana, arial, tahoma; 
	font-size: 16px;
        }
h1,h2,h3,h4 
	{
        font-size: 100%;
	}
p
	{
        font-size: 100%; /*93.75%;*/
	}
div#header
	{
	border: 0 solid #000; height: 120px;padding: 0;
	padding-top: 10px; margin-bottom: 20px;background-color: #fff;
	}



div#header h3
	{
	margin-left: 5px;
	}
	
div#container
	{
	border: 0; margin: auto;margin-top: 5px;
    }

div#menus
	{
    border-radius: 10px;
    box-shadow: 1px 1px 0 0 rgba(221,221,221,1);
    margin: 0 auto;padding: 10px;padding-bottom: 3px;margin-bottom: 0px;padding-left: 5px;padding-top: 4px;background:rgba(255,255,255,0.90);
	}
div#menu
	{
	padding: 0px;padding-top: 7px;margin: 0px;margin-left: 6px;
	}

div#menu ul
	{
	list-style-type:none;margin:0;padding:0;
	}
div#menu li
	{
	float:left;height: 39px;
	}
div#content-form
	{
    border-radius: 10px;
    box-shadow: 1px 1px 0 0 rgba(221,221,221,1);
    /*background: linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));background:rgba(255,255,255,0.9);*/
    /*background: none; background: #fff;opacity: 0.90;filter: alpha(opacity=90);*/
    min-height: 510px;
    
	}
        	
div#content
	{
	padding: 0px; margin: auto; 
	}
div#content p
	{
	color: #555;
	}	
div#tipslin
	{
	color: #555;
	}	
	
div#content ul
	{
	list-style-type:none;margin:0;padding:0;overflow:hidden;
	}
	
.banner-h {text-align: center;font-weight: bold;margin-right: 5px;text-transform: uppercase; }

.banner {text-align: center;font-weight: bold;margin-right: 30px;text-transform: uppercase; }

.help-links { 
  margin-right: 30px;
  
}

.help-links h4 { 
  text-align: center;border-top: 1px solid #ccc;padding-top: 20px;margin-top: 30px;color: #555;text-transform: uppercase;
}	
	
.help-links ul { 
  margin-left: 0;padding-left: 0;text-align: center;
}	

.help-links ul li { 
  display: inline-block;text-transform: uppercase;font-size: 81.25%;margin: 5px;
}	

div#footer
	{
	padding: 0; 
	color: #555;padding-top: 25px;margin-top: 20px;
        background-color: #fff;border-top: 0 solid #aaa;padding-bottom: 1px;
	/* for IE */
	/*filter:alpha(opacity=80);*/
	/* CSS3 standard */
	/*opacity:0.8;*/
          
	}

@media (max-width: 600px) {
  
  div#header {
   margin-bottom: 0;
   padding-right: 0;
  }
  div#menus {
    border-radius: 0;
    padding-top: 2px;
    padding-bottom: 4px;
    
  }
  div#sc {
    margin-right: 10px;
    padding-right: 0;
    
  }
  div#footer {
    margin-top: 10px;

  }
  
}

@media (min-width: 567px) {
  
  div#sc h1 {
    
    
  }
  div#sc h2 {
    display: none;
    
  }
  div#logo img {
    height: 83px;
    
  }
  div#pobvid {
    margin-top: 50px;
    display: inline-block;

  }
    
}
@media (max-width: 899px) {
  
  div#header {
    
    
    
  }
}

@media (max-width: 567px) {
  
  div#sc h1 {
    display: none;
    
  }
  div#header {
    
    
	
  }
  div#logo img {
    height: 63px;margin-top: 10px;
    
    
  }
  div#pobvid {
    width: 90%;
    overflow: hidden;
    margin-top: 10px;
       
  }
  div#linvid {
    width: 95%;
    overflow: hidden;
    
        
  }
    
}


@media (max-width: 600px) {
   
   div#content-form {
    margin-top: 10px;
  }
}

div#footer img
	{
	margin: 0px;padding: 0px;
        	
	}

div#footer p
	{
	font-family: trebuchet ms, verdana, arial, tahoma;
	}
div#footer ul
	{
	list-style-type:none;margin: 0px;padding: 0px;overflow:hidden;margin-bottom: 27px;
	}
div#footer li
	{
	display: inline-block;
	margin: 10px 12px;
	vertical-align: middle; /* for Safari 7/8 */
	}	

/*h1,h2,h3,h4,h5,h6,p 
	{
margin: 0;
padding: 0;
	}*/

span.number
	{
	}	
div#menu span
        {     
    }

/*links*/

div#header a:link {color: #007;text-decoration: none;}
div#header a:visited {color: #007;text-decoration: none;}
div#header a:hover {color: #58565A; background-color: none;text-decoration: none;}
div#header a:active {color: #00a;text-decoration: none;}

div#content a:link {color: #1874CD; text-decoration: none; }
div#content a:visited {color: #1874CD; text-decoration: none;}
div#content a:hover { color: #5CACEE; text-decoration: none;}
div#content a:active {color: #5CACEE; text-decoration: none;}

div#menu a:link {display:block;color:#fff;text-align:center;padding-top: 9px;padding-left: 25px; padding-right: 25px;text-decoration:none;text-transform:uppercase;font-size: 81.25%;border-radius: 5px;box-shadow: 1px 1px 0 0 rgba(221,221,221,1);background: /*linear-gradient(rgba(254, 233, 192, 1), rgba(254, 233, 192, 1));*/#1874CD;}
div#menu a:visited {display:block;color:#fff;background-repeat: no-repeat;text-align:center;padding-top: 9px;padding-left: 25px; padding-right: 25px;text-decoration:none;text-transform:uppercase;font-size: 81.25%;border-radius: 5px;box-shadow: 1px 1px 0 0 rgba(221,221,221,1);background: /*linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));*/#1874CD;}
div#menu a:hover {display:block;color: #fff;text-align:center;padding-top: 9px;padding-left: 25px; padding-right: 25px;font-size: 81.25%;border-radius: 5px;box-shadow: 1px 1px 0 0 rgba(221,221,221,1);background: /*linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));*/#5CACEE;text-transform:uppercase;}
div#menu a:active {display:block;color: #fff;text-align:center;padding-top: 9px;padding-left: 25px; padding-right: 25px;font-size: 81.25%;border-radius: 5px;box-shadow: 1px 1px 0 0 rgba(221,221,221,1);background: /*linear-gradient(rgba(255, 255, 255, 1), rgba(255, 255, 255, 1));*/#5CACEE;text-transform:uppercase;}

div#on a:link {display:block;color:#fff;border-radius: 5px;text-align:center;margin: 0px;padding: 8px;text-decoration:none;text-transform:none;font-size: 81.25%;box-shadow: 1px 1px 0 0 rgba(221,221,221,1);background: #1874CD;}
div#on a:visited {display:block;color:#fff;border-radius: 5px;text-align:center;margin: 0px;padding: 8px;text-decoration:none;text-transform:none;font-size: 81.25%;box-shadow: 1px 1px 0 0 rgba(221,221,221,1);background: #1874CD;}
div#on a:hover {display:block;color: #fff;border-radius: 5px;text-align:center;margin: 0px;padding: 8px;text-decoration:none;text-transform:none;font-size: 81.25%;box-shadow: 1px 1px 0 0 rgba(221,221,221,1);background: #5CACEE;}
div#on a:active {display:block;color: #fff;border-radius: 5px;text-align:center;margin: 0px;padding: 8px;text-decoration:none;text-transform:none;font-size: 81.25%;box-shadow: 1px 1px 0 0 rgba(221,221,221,1);background: #5CACEE;}

div#footer a:link {color: #1874CD;text-decoration: none;text-transform:uppercase;font-size: 89.50%;}
div#footer a:visited {color: #1874CD;text-decoration: none;text-transform:uppercase;font-size: 89.50%;}
div#footer a:hover {color: #5CACEE; background-color: #fff;text-transform:uppercase;text-decoration: none;font-size: 89.50%;}
div#footer a:active {color: #5CACEE;text-decoration: none;text-transform:uppercase;font-size: 89.50%;}

#menus
{
        background: #fff;
}
#menu a
{
        background: #fee9c0;
}

@media (min-width: 900px) {
  
  #logo {
    padding-left: 172px; 
	
  }
  #sc {
    margin-right: 180px; 
	
  }
  
}
@media (max-width: 899px) {
  
  #logo {
    padding-left: 10px; 
	
  }
  #sc {
    margin-right: 15px; 
	
  }

  
  
  
}

div#reviews p { text-align: justify;margin-right: 0px; margin-left: 0px; margin-top: 15px;font-size: 93%;}

.review { margin-left: 0; padding: 0; margin-right: 35px;border-top: 1px solid #ccc;}

.review-year { margin-left: 0; padding: 0; margin-right: 35px;margin-bottom: 8px;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

.rev-year { 
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 6px;
    padding-top: 8px;
    font-weight: bold; width: 90%;text-align: center !important;
}

.recycle img {
  float: left;
  border-radius: 5px;
  width:45px;
  height:45px;
  margin-right:10px;
  margin-top: 3px;
  margin-bottom: 3px;
}

#hlinks li {display: inline-block;text-transform: uppercase;font-size: 81.25%;margin: 5px;}

div#sm  { padding: 5px;padding-top: 0;padding-left: 8px; }

div#sm ul li {  margin: 6px;font-size: 14px;margin-left: 4px;}

div#sm a:link {font-size: 87.50%;}
div#sm a:visited {font-size: 87.50%;}
div#sm a:hover {font-size: 87.50%;}
div#sm a:active {font-size: 87.50%;}


#menu a
{
font-family : trebuchet ms, verdana, arial, tahoma;
	/*font-size : 0.8125em;*/
	margin-top: 0px;padding: 10px;
}


#contact-form .err
{
	font-family : trebuchet ms, verdana, arial, tahoma;
	color: red;
    margin: 0px;
}
#footer a
{
font-family : trebuchet ms, verdana, arial, tahoma;
	/*font-size : 10px;*/
	margin-top: 0px;
}
div#content p
	{
	color: #666;
	}	


/*Style for dropdown links*/
#menu li:hover ul a {
	background: #f3f3f3;
	color: #2f3036;
	height: 20px;
	line-height: 20px;
}

/*Hover state for dropdown links*/
#menu li:hover ul a:hover {
	background: #19c589;
	color: #fff;
}

/*Hide dropdown links until they are needed*/
#menu li ul {
	display: none;
}

/*Make dropdown links vertical*/
#menu li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
#menu li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
#menu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu, .hamburger {
	font-family : trebuchet ms, verdana, arial, tahoma;
	text-decoration: none;
	color: #060;
	text-align: left;
	padding: 10px 5px;
	display: none;
	cursor: pointer;
}

/*Hide checkbox*/
/*input[type=checkbox]{
    display: none;
}*/

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu-inner{
    display: block;
	
}

/*Responsive Styles*/
@media screen and (max-width : 1083px){
	/*Make dropdown links appear inline*/
	#menu {
		min-height: 40px;/*adjust to change ham size*/
	}
	#menu ul {
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	#menu li {
		margin-bottom: 3px;
	}
	/*Make all menu links full width*/
	#menu ul li, li a {
		width: 70%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
		background-color: #fff;
	}
	.hamburger  {
		display:block;
		/*background-color: #fff;*/
	}
	#para-h {
		margin-top: 10px;/* 24px */
         }
                         
}
@media screen and (max-width : 492px){

	#para-h {
		margin-top: 10px;
         }
                         
}

@media screen and (min-width : 1084px){
	
    #on {
		display:none;
         }
        
       
}
/* to center tablets change to 900px */
@media screen and (min-width : 1084px){
        #menu ul {
           /*position: relative; left: 18.25%;*/
           width: 100%;
           display: table;
           text-align: center;
	
    }
         #menu  ul li{
          display: inline-block;
          float: none;
    }
}
@media (min-width: 900px) {
  
  #menus {
    width: 74.50%;
	
  }
  
}

@media (max-width: 900px) {
  
  #menus ul {
    position: relative; left: 0%;
	
  }
}

/* ------order now----order--------- */
/* --desk-- */

@media (min-width: 1150px) {
  
  #order {
    
        /*position: absolute;top: 440px; was 540px;*/
  }
  #order-now {
    
	position: absolute; top: 10px; 
  }
  
  
}

/* --tablet-- */

@media (max-width: 1150px) {
  
  #order {
    
        /*position: absolute;top: 1225px;*/
  }
  #order-now {
    
         position: absolute;top: 510px;
  }
  
  
}



/* --mobile-- */

@media (max-width: 586px) {
  
  #order {
    
        /*position: absolute;top: 1225px;*/
  }
  #order-now {
    
         position: absolute;top: 610px;
  }
  
  
}

/*----------------------------------*/
#content-form {
    margin: auto;
    padding-left: 30px;
    padding-top: 10px;
    background-color: #fff;
    margin-top: 15px;
    padding-bottom: 50px;
    
}

@media (min-width: 900px) {
  
  #content-form {
    width: 73.60%;
  }
}

input.ecwid-SearchPanel-field {
 width: 50px; /* change width as needed*/
 height: 20px; /* change height as needed*/
 border: solid 1px #000000; /* change border color */
 background-color: #ffffff; /* change background colour */
 font-size: 12px; /* change font size in search field */
 color: #000000; /* change font color in search field */
}


button.ecwid-SearchPanel-button {
 width: 50px; /* change width as needed*/
 height: 20px; /* change height as needed*/
 border: solid 1px #ffffff; /*change border color */  
 /*background: transparent url(image/button_search.png) no-repeat bottom center !important;*/ /*add bacground image*/
}

#search-block { float: left;width: 145px;margin: 10px;height: 15px;margin-top: 8px;}
body
	{
    background-color: #ccc;
	background-image: url(https://skisnowboardboothorn.com/images/porc14.jpg);
    background-size: 200%;
    background-repeat: repeat;
    background-attachment:fixed;
    /*background-color: #7083a1;*/
	font-family: trebuchet ms, verdana, arial, tahoma; 
	}
@media (max-width: 600px) {
  
  body {
     background: #ccc;
     background-image: url(https://skisnowboardboothorn.com/images/porc3.jpg);
     background-size: 250%;
     background-repeat: repeat;
     background-attachment: fixed;
  }
  
}

label,a, body {
	font-family : trebuchet ms, verdana, arial, tahoma;
	font-size : 100%; 
}




@media (min-width: 1800px) {
  
  div#menu a:link {margin: 0px;font-size: 110%;}
  div#menu a:visited {margin: 0px;font-size: 110%;}
  div#menu a:hover {margin: 0px;font-size: 110%;}
  div#menu a:active {margin: 0px;font-size: 110%;}
}

@media (max-width: 300px) {
  
  div#header 
	{
	font-size: 87.50%;
	}
}
@media (min-width: 300px) {
 
  div#header 
	{
	font-size: 93.75%;
	}
}
@media (min-width: 325px) {
 
  div#header 
	{
	font-size: 100%;
	}
}
@media (min-width: 1800px) {
  
   div#content h1
	{
	font-size: 118.75%;
	}
  div#content p
	{
	font-size: 100.00%;
	}
  div#menus
	{
	padding-bottom: 8px;
	}
  div#menu li
	{
	height: 46px;
	}
  div#header 
	{
	font-size: 130%;
        
	}
  div#services ul li 
	{
	font-size: 150%;
	}
  div#footer 
	{
	font-size: 110%;
	}
}

@media (max-width: 602px) {
  
  div#header  {
    height: 100px;
	
  }
  div#miniview  {
    position: absolute; top: 26px;left: 22%;background:rgba(255,255,255,1.0);height: 22px;width: 101px;border-radius: 5px;border: 1px solid #E9F2FA;padding: 10px;padding-top: 4px;padding-left: 6px;
	
  }
  div#miniview2  {
   position: absolute; top: 26px;left: 22%;background:rgba(255,255,255,1.0);height: 22px;width: 101px;border-radius: 5px;border: 1px solid #E9F2FA;padding: 10px;padding-top: 4px;padding-left: 6px;
	
  }

}

@media (min-width: 602px) {
  
  div#header  {
    height: 110px;
	
  }
  div#miniview  {
    position: absolute; top: 26px;left: 22.5%;background:rgba(255,255,255,1.0);height: 22px;width: 101px;border-radius: 5px;border: 1px solid #E9F2FA;padding: 10px;padding-top: 4px;padding-left: 6px;
	
  }
  div#miniview2  {
    position: absolute; top: 26px;left: 22.5%;background:rgba(255,255,255,1.0);height: 22px;width: 101px;border-radius: 5px;border: 1px solid #E9F2FA;padding: 10px;padding-top: 4px;padding-left: 6px;
	
  }
     
}

@media (min-width: 900px) {
  
  div#header  {
    height: 110px;
	
  }
  div#miniview  {
    position: absolute; top: 26px;left: 29%;background:rgba(255,255,255,1.0);height: 22px;width: 101px;border-radius: 5px;border: 1px solid #E9F2FA;padding: 10px;padding-top: 4px;padding-left: 6px;
	
  }
  div#miniview2  {
    position: absolute; top: 26px;left: 29%;background:rgba(255,255,255,1.0);height: 22px;width: 101px;border-radius: 5px;border: 1px solid #E9F2FA;padding: 10px;padding-top: 4px;padding-left: 6px;
	
  }

}
@media (min-width: 1200px) {
  
  div#header  {
    height: 110px;
	
  }
  div#miniview  {
    position: absolute; top: 26px;left: 22.5%;background:rgba(255,255,255,1.0);height: 22px;width: 101px;border-radius: 5px;border: 1px solid #E9F2FA;padding: 10px;padding-top: 4px;padding-left: 6px;
	
  }
  div#miniview2  {
    position: absolute; top: 26px;left: 22.5%;background:rgba(255,255,255,1.0);height: 22px;width: 101px;border-radius: 5px;border: 1px solid #E9F2FA;padding: 10px;padding-top: 4px;padding-left: 6px;
	
  }

}


@media (min-width: 1400px) {
  
  div#header  {
    height: 120px;padding-left: 25px; padding-right: 25px;
	
  }
 /*.recycle img  {
    margin-bottom: 15px;
	
  }*/
      
}
@media (min-width: 1600px) {
  
  div#header  {
    height: 120px;padding-left: 60px; padding-right: 60px;
	
  }
      
}
@media (min-width: 1800px) {
  
  div#header  {
    height: 120px;padding-left: 75px; padding-right: 75px;
	
  }
      
}
@media (min-width: 2100px) {
  
  div#header  {
    padding-left: 175px; padding-right: 175px;
	
  }
      
}

div#sm a:link {font-size: 97.30%;}
div#sm a:visited {font-size: 97.30%;}
div#sm a:hover {font-size: 97.30%;}
div#sm a:active {font-size: 97.30%;}

div#sm ul li {font-size: 100%;}

#benefits {padding: 20px;padding-left: 0;margin-left: 0;margin-right: 0;padding-top: 0;}

#benefits ul li {
    font-size: 93.75%;
    background-image:url(https://skisnowboardboothorn.com/images/diamond12.png);
	background-repeat:no-repeat;
	background-position: 0 13px;
    padding: 10px;	
	padding-left:16px;
	color: #58565A;
	margin: 10px 18px;margin-left: 1px;
	overflow:hidden;}
	
#tipslin ol li {
    font-size: 93.75%;
    padding: 7px;	
	padding-left: 1px;
	color: #58565A;
	margin: 5px;
	margin-left: 0px;
	}
#tipslin ol {
   	padding-left: 25px;
	}
	
#help ul li {
    font-size: 93.75%;
    background-image:url(https://skisnowboardboothorn.com/images/dia12.png);
	background-repeat:no-repeat;
	background-position: 0 13px;
    padding: 10px;	
	padding-left:16px;
	color: #58565A;
	margin: 10px 18px;margin-left: 1px;
	overflow:hidden;}	
	

/*Galaxy S7 and S8 */
@media only screen and (min-device-width : 360px) and (max-device-width : 640px){


}

/*.ecwid-minicart-mini-rolloverContainer ecwid ecwid-minicart-mini-rolloverContainer-Mini {  position: absolute; top: 31px; }*/

/*html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}*/


#show-menu {
  display: none;
}

.hamburger { 
  margin-top: -7px;/*adjust to change ham size*/
  float: right;
  margin-right: 5%;
  cursor: pointer;
}

.hamburger div {
  position: relative;
  width: 1.5em;/*adjust to change ham size*/
  height: 3px;/*adjust to change ham size*/
  border-radius: 3px;
  background-color: #1874CD;
  margin-top: 4px;/*adjust to change ham size*/
  transition: all 0.2s ease-in-out;
  
}

#show-menu:checked + .hamburger .top-bun {
  transform: rotate(-45deg);
  margin-top: 12px;/*adjust to change ham size*/
}
#show-menu:checked + .hamburger .bottom-bun {
  opacity: 0;
  transform: rotate(45deg);
}
#show-menu:checked + .hamburger .meat {
  transform: rotate(45deg);
  margin-top: -3px;/*adjust to change ham size*/
}

#show-menu:checked + .hamburger + .nav {
  top: 0;
  transform: scale(1);
}