html, body {
	padding:0px;
	margin:0px;
	    height:100%;

}
body {
	font-family: 'Raleway', sans-serif;
				font-size:13px;
				line-height:18px;
				color:#6d6e71;
				background: #8c93a6;

}
.codepro {				font-family: 'code_pro_light_lcregular', Arial, Sans-Serif;}
.black { color:#000;}
.allcaps {text-transform:uppercase;}
.nav { color:#898a8c;
font-size:20px;
text-decoration:none;
font-family: 'code_pro_light_lcregular', Arial, Sans-Serif;

}
.nav2 { color:#000;
font-size:20px;
text-decoration:none;
font-family: 'code_pro_light_lcregular', Arial, Sans-Serif;

}
a {color:#8d94a7;text-decoration:none;}
a:hover.nav { color:#343434;
text-decoration:none;
}
.light { color:#343434;}
.largeheader {
	font-size:24px;
		font-family: 'code_pro_light_lcregular', Arial, Sans-Serif;

	color:#000;
	border-bottom: 1px solid #000;
	padding-bottom:10px;
	margin-bottom:10px;
}
.blue {
	color:#8d94a7;
}
.small {font-size:10px;}
.smallheader {
	font-size:20px;
	color:#8d94a7;
	margin-top:10px;
	margin-bottom:5px;
	font-family: 'code_pro_light_lcregular', Arial, Sans-Serif;
}
.header {
	font-size:24px;
	color:#8d94a7;
	font-family: 'code_pro_light_lcregular', Arial, Sans-Serif;
	border-bottom: 1px solid #8d94a7;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:10px;
}
.servicesheader {
	font-size:24px;
	color:#8d94a7;
	border-bottom: 1px solid #000;
	padding-top:10px;
	padding-bottom:10px;
	margin-top:0px;
	font-family: 'code_pro_light_lcregular', Arial, Sans-Serif;
}
.name {	border-bottom: 1px solid #8d94a7;margin-bottom:5px;
}
.homeheader {
	font-size:20px;
	color:#8d94a7;
	font-family: 'code_pro_light_lcregular', Arial, Sans-Serif;
	border-top: 1px solid #8d94a7;
	padding-top:10px;
	margin-top:10px;
}



@font-face {
    font-family: 'code_pro_light_lcregular';
    src: url('code_pro_light_lc-webfont.eot');
    src: url('code_pro_light_lc-webfont.eot?#iefix') format('embedded-opentype'),
         url('code_pro_light_lc-webfont.woff') format('woff'),
         url('code_pro_light_lc-webfont.ttf') format('truetype'),
         url('code_pro_light_lc-webfont.svg#code_pro_light_lcregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
#twitter_update_list {
overflow:auto;
	list-style: none;
width:410px;
padding-right:35px;
padding-left:35px;
	}
#twitter_update_list li {
	padding-bottom: 7px;
	margin-bottom: 9px;
	}
#twitter_update_list span, #twitter_update_list span a {
	color: #000;
	}
#twitter_update_list a {
	color: #000;
		text-decoration: underline;

	}
	
	
.showmobile {display:none;}
.hidemobile {display:block;}

.abouttext {max-width: 410px;width:100%; padding-left: 35px; padding-right: 35px;}

.home1 {float:left;width:260px;padding-left:45px;}
.home2 {float:left;width:260px;padding-left:45px;}
.home3 {float:left;width:259px;padding-right:45px;padding-left:45px;}
	
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	* {max-width:100%}

html, body, .mainwrapper {
	max-width: 100%;background:#fff;
}

/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: none;
}


.hidemobile {	display: none !important;}
.showmobile {display:block;}


 }

	  
 @media (max-width: 736px) {
	 	* {max-width:100%}

html, body, .mainwrapper {
	max-width: 100%;background:#fff;

}

div#rotator ul li img {min-width:100vw;}
/* disable webkit text size adjust (for iPhone) */
html {
	-webkit-text-size-adjust: none;
}

.hidemobile {	display: none !important;}
.showmobile {display:block;}

.abouttext {max-width: calc(100vw - 20px);width:100%; margin-left: 10px; margin-right: 10px;padding-left: 0px; padding-right: 0px;}
.abouttext img {max-width:calc(100vw - 20px);}

.home1 {float:none;width:calc(100vw - 20px);padding-right:0px;padding-left:0px;margin-left:10px;margin-right:10px;margin-bottom:40px;}
.home2 {float:none;width:calc(100vw - 20px);padding-right:0px;padding-left:0px;margin-left:10px;margin-right:10px;margin-bottom:40px;}
.home3 {float:none;width:calc(100vw - 20px);padding-right:0px;padding-left:0px;margin-left:10px;margin-right:10px;margin-bottom:0px;}


 }
 




.nav-list {
    padding: 0;
    margin: 0 -15px 0 -15px;
}
.nav-item {
    display: table-cell;
    vertical-align: middle;
    width: 20%;
    padding: 0 1.5%;
    text-transform: uppercase;
    font-size: 14px;
    color: #7cb1c5;
    text-align: center;
}

.nav-item a {
    position: relative;
    display: block;
    border-top: 2px solid #e0e1e2;
    border-bottom: 2px solid #e0e1e2;
    line-height: 55px;
    text-decoration: none;
    overflow: hidden;
}



.nav-item a:hover:after,  .nav-item.current a:after {
    left: -30%;
    opacity: 1;
}
.nav-item.current a, .nav-item a:hover {
    font-weight: bold;
}

.nav-item.logo {
    padding: 0;
}

.nav-item.logo a {
    border: 0;
    width: 273px;
}

.nav-item.logo a:after {
    display: none;
}
.mobile-nav {
	display: none;
}

.mobile-nav .nav-list {
    display: none;
}

.mobile-nav-toggle {
    position: absolute;
    right: 10px;
    top: 22px;
    z-index: 2;
    width: 26px;
    height: 22px;
    cursor: pointer;
    padding-left: 50px;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    background: url(http://www.oggisalonandspa.com/mobile_toggle.png) right 0 no-repeat;
}   
.mobile-nav-toggle.active {
    background-position: right bottom;
}



@media screen and (max-width: 768px) {
    #D3cpWidget {
        width: 100%
    }
    .nav-item.logo a {
    	width: auto;
    	min-width: 150px;
    }
    .rt-bl2-header {
        width: 50%
    }
    .mobile-ph {
        display: block;
    }
   
}

@media screen and (max-width: 510px) {
 
	.mobile-nav {
		display: block;margin-bottom:70px;
	}
	.nav {
		display: none;
	}
	.mobile-nav .nav-list {
		padding-top: 70px;
		margin: 0;margin-bottom:-70px;
	}
    .mobile-nav .logo {
    	position: absolute;
		top: 10px;
		left: 10px;
		width: 100%;
		text-align: left;
    }
    .mobile-nav .nav-item {
    	display: inline-block;
width: 44%;
padding: 0 3%;
margin: 0 -4px -2px 0;
font-size: 16px;
    }
   
    .mobile-width > [class*="col-"] {
        font-size: 18px;
        width: 100%;
        padding: 10px 20px;
        line-height: 1.3;
    }
  
}