@import 'bootstrap/css/flatly/bootstrap.min.css';

html, body {width: 100%; height: 100%; overflow-x:hidden;}

body.postid-1779 {height: auto;}


a {color: #a7a9ac}

a:hover, a:focus {
    color: #a7a9ac;
    text-decoration: none;
}


body {font-family: "HelveticaNeueLTStd-Lt", Helvetica, Arial, san-serif; font-weight: 300; font-size: 16px; line-height: 1.6; color: rgba(49,49,49,1.00) }

/*
Custom Font - "canada-type-gibson"
Light: 300
Regular: 400;
Semi-bold: 600;
*/

 /* RESPONSIVE CONTAINER */
.page-template-page-template-full  #container {padding: 90px; width: 1100px; box-sizing: border-box; max-width: 100%;}

#header {width: 397px; padding: 90px 40px 0 40px;
		margin-left: -397px;
		-webkit-transition: margin-left 0.8s ease-in-out;
		-moz-transition: margin-left 0.8s ease-in-out;
		-ms-transition: margin-left 0.8s ease-in-out;
		-o-transition: margin-left 0.8s ease-in-out;
		transition: margin-left 0.8s ease-in-out;
		border-right: 1px solid rgba(0,0,0,.1);
		box-sizing: border-box;
		
		/* -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		*/
}
#menu-main-menu {width: 100%;}
		
#mobtog {display: block; width: 36px; height: 25px; background-image: url(img/menu-icon-toggle-white@2x.png); background-size: 36px 25px; text-indent: -1000px; background-repeat:no-repeat; background-position: left center; background-color: rgba(0,0,0,.5); background-position: center center; padding: 20px; box-sizing: content-box; position: fixed; top: 0; left: 0;
-webkit-transition: background-color 0.8s ease-in-out;
	-moz-transition: background-color 0.8s ease-in-out;
	-ms-transition: background-color 0.8s ease-in-out;
	-o-transition: background-color 0.8s ease-in-out;
	transition: background-color 0.8s ease-in-out;
	 }
.open #mobtog {background-image: url(img/menu-icon-toggle-close-white@2x.png); background-color : #c7a42e}
	
		
/* EXPAND */
#header.expand {width: 397px; margin-left: 0;}
#header.expand ul a {
	width: auto;
	text-indent: 0px; 
	-webkit-transition: text-indent 0.8s ease-in-out;
	-moz-transition: text-indent 0.8s ease-in-out;
	-ms-transition: text-indent 0.8s ease-in-out;
	-o-transition: text-indent 0.8s ease-in-out;
	transition: text-indent 0.8s ease-in-out;
}
		
h1, h2, h3, h4, h5 {font-family: "HelveticaNeueLTStd-UltLt", Helvetica, Arial, san-serif; font-weight: 100; text-transform: uppercase; color: #c7a42e}
h1 {font-weight: 100; color: #c7a42e; text-transform: uppercase; font-size: 36px; margin-bottom: 30px;} 
h3 {	text-transform: uppercase; color:#c7a42e;}
.btn {border-radius: 30px; border: none; text-transform: uppercase; }
.btn-default {background: #009fe3;}
	.btn-success {background: #c7a42e;}
	
		
		
hr {
    border-top: 1px solid #ecf0f1;
    clear: left;
    width: 100%;
    max-width: 100px;
	max-width: 100%;
    margin: 60px auto;
    display: block;}
	
	
	/*
	
@media only screen and (max-width: 900px) {.container {width: 800px;}}
@media only screen and (max-width: 800px) {.container {width: 700px;}}
@media only screen and (max-width: 700px) {.container {width: 600px;}}
@media only screen and (max-width: 600px) {.container {width: 500px;}}
@media only screen and (max-width: 500px) {.container {width: 400px;}}
@media only screen and (max-width: 400px) {.container {width: 350px;}}
*/


