body { background-color:#fff; width:100%; margin:0; padding:0;
		   font-family:"Lucida Grande", Arial, Verdana,  Helvetica, sans-serif; font-weight:normal; font-size:13px; line-height:2; 
			-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:none; color:#999}
	h1 { font-size:60px;
		color:#fff; text-transform:uppercase; font-weight:normal; line-height:1; padding:0; margin:0 0 10px 0;
		transition: all 0.3s ease-out;}


	div { position:relative;}

	.full-wrapper   { width:100%;}
	.inner-wrapper 	{ max-width:1280px; margin:0 auto;}
	.section-height { height:590px}
	#cd.section-height { height:687px}

	.clear { clear:both;}

	.font-sp 		{ font-family: 'Raleway Dots', cursive;}
	.txt-white 		{ color:#fff;}
	.txt-red 		{ color:#ba2950 }
	.img-scale { width:100%; height:auto;}	



	#location { background-color:#333; overflow:hidden;}
	#location .inner-wrapper { height:auto;}
	#location .inner-wrapper .loc-leftcol  { width:50%; float:left}
	#location .inner-wrapper .loc-leftcol .lo-pos { padding:50px; text-transform:uppercase; font-size:18px}
	#location .inner-wrapper .loc-rightcol { width:50%; height:auto; float:left;  overflow: hidden; display:block;}
	#map.map-pos { position:absolute; z-index:5; top:0; left:0; width:100%;  height:100%; background-color:#333}
	.google-map.dimension { width:100%; height:350px;}
        
        #map.map-pos::before {position:absolute; display:block; content:""; z-index:7; top:0; left:0; width:100%; height:100%; }
        
        
	#location a { color:#999; text-decoration:none; transition: all 0.3s ease-out;}
	#location a:hover { color:#ba2950}

	#location .loc-tri-left {	z-index:10;
								width:0; height:0;
								border-style: solid;
								border-width: 350px 0 0 350px;
								border-color: transparent transparent transparent #333;}

    #location .loc-tri-right{	z-index:10; position:absolute; top:0; right:0;
    							width: 0;
								height: 0;
								border-style: solid;
								border-width: 0 0 350px 350px;
								border-color: transparent transparent #333 transparent;
								}


	/* • Back to Top
	------------------------------------------------------------------------- */
	#back-to-top	{ position:fixed; bottom:20px; right:40px; z-index:999; background:#ba2950 url(images/arrow-up.svg) no-repeat center center;
						-webkit-border-radius: 50px;
					       -moz-border-radius: 50px;
					            border-radius: 50px;}
	p#back-to-top  { margin:0; padding:0; width:50px; height:50px;}
	#back-to-top a  { text-decoration:none; display:block; cursor:pointer;
						   -moz-transition:color 1s; 
						-webkit-transition:color 1s;
						     -o-transition:color 1s;}
	#back-to-top a:hover	{ color:#979797;}
	#back-to-top i { font-size:60px; text-align:center; width:80px; margin-top:10px; color:#ccc}


	/* • menu
	------------------------------------------------------------------------- */
	.c-hamburger {z-index:50}
	a {text-decoration:none;}
	nav { position:fixed; left:50px; top:50px; z-index:50; color:#fff }
	nav ul { margin:0; padding:0; display:none}
	nav ul li { margin:0; padding:10px 20px 10px 20px; list-style:none; text-transform:uppercase; font-size:18px; border-bottom:1px solid #212121 }
	nav ul a>li  { color:#fff; text-decoration:none; background-color:#000; opacity:0.8; transition: all 0.3s ease-out;}
	nav ul a:hover>li  { color:#fff; text-decoration:none; background-color:#d31145}
	.menu-overlay { display:none}


	/* ==========================================================================
		Media Styles
	============================================================================= */

  	@media only screen and (max-width:1024px) {
	h1 { font-size:40px;}
		.section-height { height:400px}
		#cd.section-height { height:450px}


    #location .loc-tri-right{ display:none}
	#location .inner-wrapper .loc-leftcol .lo-pos { font-size:16px}
	#location .inner-wrapper .loc-leftcol  { width:100%}
	#location .inner-wrapper .loc-rightcol { width:100%; display:none} 
	.google-map.dimension { width:100%; height:400px; margin-left:70px}
	#location .loc-tri-left  { border-width: 400px 0 0 400px; visibility:visible;}
    #location .loc-tri-right { border-width: 0 0 400px 400px; visibility:hidden;} 
  	nav { left:10px; top:10px;}


  	}

	@media only screen and (max-width: 745px) {
    #location .loc-tri-right{ display:none}
	#location .inner-wrapper .loc-leftcol .lo-pos { font-size:16px}
	.google-map.dimension { width:100%; height:180px; margin-left:auto}
	#location .loc-tri-left  { visibility: hidden;}
    #location .loc-tri-right { visibility:hidden;} 
  	nav { left:0; top:0; width:100%;  }
	nav ul a>li  { opacity:1;}
	.menu-overlay { width:100vw; height:100vh; background-color:#000; top:-0; position:absolute; z-index:-1; opacity:0.9}
 	nav ul li { margin:0; padding:5px 20px; font-size:14px; }

	}
	

	@media only screen and (max-width: 479px) {
	h1 { font-size:30px;}
	.section-height { height:400px}
	#cd.section-height { height:450px}
	#ui.section-height { height:460px}
	#dm.section-height { height:440px}
	#co.section-height { height:450px}


	.google-map.dimension { margin-left:auto}
	#location .inner-wrapper .loc-leftcol .lo-pos { padding:25px;}

	#location .loc-tri-left {	visibility: hidden;}
	#location .loc-tri-right {	visibility: hidden;}
	.google-map.dimension { width:100%; height:250px;}
 	nav ul li { padding:10px 20px 10px 20px; font-size:18px; }

	}