@import url(http://fonts.googleapis.com/css?family=Francois+One);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* = DEFAULT STYLES = */
body {font-family: 'Droid Sans', sans-serif;font-size:1.5em;background:#FFFDF6;}
a {text-decoration:none;color: #02753e;}
a:hover {text-decoration:underline;}
h1, h2, h3, h4, h5 {font-family: 'Francois One', sans-serif;display:block;padding-bottom:3px;}
h1 {font-size: 2.25em; color: #333230;}
h2 {font-size: 1.8em; color: #02753e;}
h3 {font-size: 1.8em; color: #333230; border-bottom: 2px solid #333230;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}

/* = HEADER = */
#header-container {background:#A1A189;}
#header {padding: 15px 0;}
#header img.header-logo:hover  {opacity:.8;}
#header .c2a {text-align:right; margin-top:10px;color: #333;font-family: 'Francois One', sans-serif;}
#header .c2a .tagline {font-size:22px; letter-spacing: -1px;color:#333;}
#header .c2a .c2a-address {font-size:18px;color:#333;font-weight:normal;}
#header .c2a .c2a-address span {margin:0px 10px;}
#header .c2a .number {font-size:36px;color:#333;}
#header .c2a .email {}
#header .c2a .email a {font-size:19px;color: #333;}
#header .c2a .email a:hover {text-decoration: underline;text-shadow: 1px 1px 1px rgba(0,0,0,0.8); color: #333;}
#header .c2a  social {font-size:38px;}
#header .c2a .social a {font-size:26px;}
#header .c2a .fa.social-effect {color: #333;font-size:38px;-webkit-transition: all 0.10s ease-out;-moz-transition: all 0.10s ease-out;-o-transition: all 0.10s ease-out;}
#header .c2a .fa.social-effect:hover {color: #333;-webkit-transform: scale(1.0);-moz-transform: scale(1.0);-o-transform: scale(1.0);}

/* = NAVIGATION = */
#nav-container {background: #333230 linear-gradient(rgb(51,50,48),rgb(43,27,3))}
#nav-container .nav-inner {border-radius:6px 6px 0px 0px;display: block;position:relative;z-index:9999;}
#nav-container .nav-inner a {color: #fff;border-left:1px solid #333230;font-family: 'Francois One', sans-serif;text-transform:uppercase;font-size:18px;padding:15px 35px;}
#nav-container .nav-inner a.last {border-right:1px solid #333230;}
#nav-container .nav-inner a:hover {color:  #fff;background: #333230;}
#nav-container .nav-inner li.active a {color: #fff;}
#nav-container .nav-inner .navbar {margin:0;}
#nav-container .nav-inner .navbar-default {background-color:transparent;border:0;}
#nav-container .nav-inner .navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {background: #333230;color: #fff;}
#nav-container .navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus {background-color: #333230;}

/* = BANNER = */
#banner-container .banner-padding {padding-left: 0; padding-right: 0;}
#banner-container .carousel-inner {border:none;box-shadow:none;margin-bottom:30px;-webkit-box-shadow: 0px 16px 14px -8px rgba(50, 50, 50, 0.75);-moz-box-shadow: 0px 16px 14px -8px rgba(50, 50, 50, 0.75);box-shadow: 0px 16px 14px -8px rgba(50, 50, 50, 0.75);}

/* FEATURE */
#feature-container {background:#ebebeb;margin-bottom:20px;padding:20px 0px 25px 0px;}
#feature-container .feature-box:hover {opacity:.6;}

/* = CONTENT = */
#content-container {font-size:1.3em;}
#sidebarBox.down {top:0;position:fixed;}
#sidebarBox {right:0;max-width:165px;display:block;background:rgba(255,255,255, .6) !important;border:1px solid #eee !important;margin-right:20px;margin-top:20px;position: absolute;z-index:99999;}

.canadacoins {text-align:center; font-size: 0.7em; padding-bottom: 0; margin-bottom: 0; margin-top: 10px;}



/* CONTACT FORM */
#content-container .contact-form label {cursor:pointer;margin: 9px 0; color: #0c4da2;}
#content-container #hiddencheckbox {margin-right:7px;}

/* = CONTACT INFO = */
#contact-info-container {background:#333230;}
#contact-info-container .contact-info {padding: 10px 0;}
#contact-info-container .contact-info {display: block; color: #fff;font-size:14px;}
#contact-info-container .contact-info span {color:#fff;margin:0px 15px 0px 15px;}
#contact-info-container .contact-info a {color: #fff;}
#contact-info-container .contact-info a:hover {color: #ccc;}

/* = FOOTER = */
#footer-container {background:#C7BFAF;border-top:3px solid #EBA10E;}
#footer-container .footer {padding: 10px 0;}
#footer-container .footer a {color: #000; font-size:11px; font-weight: normal;text-transform:capitalize;}
#footer-container .footer a:hover {color: #333;}
#footer-container .sitemap {}
#footer-container .copyright {}
.clear {clear:both;}

/* = BACK TO TOP = */
#top-link-block.affix-top {position: absolute; bottom: -82px; left: 10px;}
#top-link-block.affix {position: fixed; bottom: 18px; left: 10px;}
.back-to-top {opacity: .6 !important; background: #ccc !important; color: #000 !important;}
.back-to-top:hover {opacity: 1 !important; background: #ccc !important; color: #000 !important;}
.inline-right{float:right;margin:5px 10px 5px 5px;display:inline;}
.inline-left{float:left;margin:5px 5px 5px 10px;display:inline;}

ul.sitemap-page {margin: 20px auto; display:block; max-width: 500px; float: none;}
ul.sitemap-page li { list-style: none;}
ul.sitemap-page li a { font-weight: bold; text-transform: uppercase; text-decoration: none; text-shadow: 1px 1px 1px rgba(0,0,0,0.8); color: #02753e !important; /* CSS3 Transition Effect */-webkit-transition: all 0.12s ease-out;-moz-transition: all 0.12s ease-out;-o-transition: all 0.12s ease-out; text-align: center; font-size: 36px; line-height: 55px; display: block;}
ul.sitemap-page li a:hover {color: #000 !important;text-transform: uppercase; text-decoration: none; /* CSS3 Transform Effect */-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2); text-shadow: 0px 3px 0px #ccc,0px 14px 10px rgba(0,0,0,0.15),0px 24px 2px rgba(0,0,0,0.1),0px 34px 30px rgba(0,0,0,0.1);}

/* = MEDIA QUERIES= */
/* = DEVICES FROM 768px to 1163px - Tablets to Desktop = */
@media (min-width: 768px) and (max-width:1163px){
    h1 {font-size:2em;}
    h2, h3 {font-size:1.5em;font-weight:bold;}
}
/* = DEVICES LESS THAN 768px - General Mobile Cleanup = */
@media (max-width: 768px) {
    h1{font-size:20px;}
    #header img.header-logo {margin:0 auto;}
    #header .contact-info {text-align: center;}
    .carousel-caption{font-size:12px;}
    .carousel-caption .btn {display:none;}
	.canadacoins {margin-right: 120px;}
}
/* = DEVICES FROM 320px to 520px - Mobile Phones = */
@media (min-width: 320px) and (max-width:520px) {
    h1, h2,h3 {font-size:1.3em;}
    #header-container img {margin: 0 auto;}
    #header-container .contact-info{margin-top:10px;padding-top:10px;text-align:center;}
    #nav-container .nav-inner a, #nav-container .nav-inner a.last {border:0;text-align:center;}
    #banner-container {display:none;}
    .sidebarBox {display:none;}
}