@charset "utf-8";@font-face{font-family:AllerRegular;src:url(../font/Aller_Rg.ttf);}
*{box-sizing:border-box;}
a:link{text-decoration:none;}
a:visited{text-decoration:none;}
a:hover{text-decoration:blink;}
a:active{text-decoration:blink;}
*{margin:0;padding:0;border:0;list-style-type:none;}
body{
	/* [disabled]color:#666; */
	background: #999;
	margin: 0;
	font-family: AllerRegular;
}
.bodyimg{background-image:url(http://yellowmountain.ca/img/General/background.png);background-repeat:no-repeat;background-size:2000px 1081px;}
header{width:90%;margin-top:1%;margin-right:auto;margin-left:auto;padding:0;}
#header-inner{background:linear-gradient(to right, #EEE , #666);height:100px;border-radius:10px 10px 0px 0px;max-width:100%;margin:0px auto;}
#logo{margin:20px;float:left;width:200px;height:60px;background:url(../img/General/YClogoblack.png) no-repeat center;}
#contactinfo{margin:0.6%;float:right;font-size:13px;}
#contactinfo a[href="tel:905-564-1866"]{font-size:19px; color:#FC0; font-weight:bold;}
#contactinfo a{color:#EEE;}
#contactinfo a:hover{color:#FF3;}
#contactinfo a:active{color:#FF0;}
#menu-icon{display:hidden;width:40px;height:40px;background:url(../img/General/menu_icon.png) no-repeat center;}
nav{height:40px;border-radius:0px 0px 10px 10px;max-width:100%;margin:0;background:#666;box-shadow:0px 5px 15px rgba(0,0,0,0.8);text-align:left;padding:0;}
nav ul{margin:0;margin-left:6px;padding:0;}
nav ul li{display:inline-block;font-size:80%;color:#EEE;padding:12px 5px;background:none;}
nav ul li:hover{background:#FF0;color:#222;}
nav ul li a{color:#eee;}
nav ul li:hover a{color:#222;}
nav li.dropdown{display:inline;text-align:center;}
nav li.dropdown a{color:#EEE;}
nav li.dropdown a:hover{background:#FF0;}
.dropdown-content{display:none;position:absolute;background-color:#bbb;min-width:140px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:+2;font-size:80%;}
.dropdown-content a{color:#eee;padding:12px 16px;text-decoration:none;display:block;text-align:center;font-size:14px;transition:ease-in-out;}
.dropdown-content a:hover{color:#222;background:#ff0;transition-duration:0.3s;}
.dropdown:hover .dropdown-content{display:inline-block;top:120px;float:left;transition-duration:0.3s;}
#current, #current a{background:#FF0;color:#222;}
#hidden{display:none}
#specialpage, #specialpage a{}
#specialpage:hover, #specialpage:hover a{}
.maincontainer{display:block;position:inherit;width:86%;margin-right:auto;margin-left:auto;margin-top:3px;background-color:rgba(255, 255, 255, 0.8);box-shadow:0px 5px 25px rgba(0,0,0,0.8);padding:10px;overflow:scroll;font-family:AllerRegular, Arial, Helvetica, sans-serif;}
.maincontainer h1{ margin-left: 15px;}
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background-color:rgba(0, 0, 0, 0);}
::-webkit-scrollbar-thumb{background-color:rgba(230, 230, 0, 1);border-radius:50px;}
::-webkit-scrollbar-button{background-color:rgba(30, 30, 30, 0);}
::-webkit-scrollbar-corner{background-color:rgba(153,153,0,1));}
#invisible{display:visible;}
.inner-wrapper-3{margin-top:8px;width:100%;margin:0 auto;text-align:center;font-size:83%;}
.inner-wrapper-3 h3{color:#06F;font-size:20px;}
.one-third{vertical-align:text-bottom;width:20%;display:inline-block;height:200px;background:rgba(255,255,255,0);background:-webkit-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));background:-o-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));background:-moz-linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));background:linear-gradient(rgba(0,0,0,0.2), rgba(0,0,0,0));border-left:#000 thin solid;border-right:#000 thin solid;border-top:#000 medium solid;padding-right:10px;padding-left:10px;}
footer{background:#000;position:fixed;height:auto;padding:6px;right:0;bottom:0;left:0;text-align:center;z-index:+2;}
#bottomoptions{text-align:left;}
footer img{height:35px;margin-right:auto;margin-left:auto;}
/*--CODE FOR BUTTON ACCORDION---DONT FORGET THE ONE AT MIN SCREEN--*/
div.panel {padding: 0px 4px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out; width:100%; background:rgba(153,153,153,0.2)}
.more{background:rgba(51,51,51,0.3);border-radius:150px; color:#EEE; font-size:14px; margin:3px; display:none;margin-right:auto;margin-left:auto;height:25px;width:25px;}
.more:hover{background:#333; transition:0.4s; cursor:pointer;}
.more:after {content: '\002B';color: #777;font-weight: bold;font-size:23px;margin-left: auto;margin-right:auto;}
.more.active:after {content: "\2212";}
.more:focus{outline: none;}
@media screen and (max-width:925px){.minimenu{visibility:hidden;}
.ad{visibility:hidden;}
nav{margin:0px;padding:0px;height:auto;}
nav ul li{display:inline-block;font-size:80%;color:#EEE;padding:12px 2px;}
.one-third{width:27%;}
.inner-wrapper-3{width:100%;margin:0 auto;text-align:center;font-size:93%;}
.inner-wrapper-3 h3{color:#06F;font-size:18px;}
#bottomoptions{display:none;}
}
@media screen and (max-width:500px){::-webkit-scrollbar{width:5px;height:5px;}
header{position:fixed;margin-left:5%;margin-right:5%;top:-1px;z-index:1000;}
#contactinfo{display:none;}
#header-inner{height:40px;padding:0px 0 0 0;}
nav{height:30px;text-align:center;}
#logo{margin:20px;float:left;width:200px;height:40px;background:url(../img/General/logo_small_text.png) no-repeat center;height:100;width:100;margin:0 auto 0px auto;float:none;display:block;padding:0 0 0 0;background:url(../img/General/logo_small_text.png) no-repeat center;}
#menu-icon{display:inline-block; height:26px; width:33px; margin-top:2px; padding-top:5px;}
nav ul, nav:active ul{display:none;z-index:1000;position:absolute;padding:10px;background:#999;top:100px;right:25%;border-radius:5px 0px 0px 0px;box-shadow:0px 5px 15px rgba(0,0,0,0.8);width:35%;}
nav:hover ul{display:block; top:65px;}
nav ul li{text-align:center;width:100%;padding:8px 3px;}
nav ul li, nav ul li a{ font-size:12px;}
nav li.dropdown{display:inline-block;}
.dropdown:hover .dropdown-content{display:none;}
.maincontainer{width:86%;padding-top:80px;}
#invisible{display:none;}
.one-third{width:30%;height:130px;}
.inner-wrapper-3 h3{font-size:14px;}
.inner-wrapper-3 #ourcompany{font-size:13px;}
footer{background:#000;position:fixed;height:auto;padding:6px;right:0;bottom:0;left:0;text-align:center;z-index:+2;}
footer img{height:15px;margin-right:auto;margin-left:auto;}
.more{display:block;}
}