/*----------------------------------------------------------------------------------------------------------------------------------
Html selectors
----------------------------------------------------------------------------------------------------------------------------------*/

*
{
    font-family: 'Source Sans Pro' , sans-serif;
}

body
{
    margin: 0;
    background: url('/_images/bg-ceco-page.png') repeat-x #c8cbff fixed;
}

h1, h2, h3, h4, h5, h6
{
    text-transform: uppercase;
    /*font-family: 'Exo 2' , sans-serif;*/
	font-family: 'Lora', serif;

}

.border{
border:1px solid lime;
}
/*----------------------------------------------------------------------------------------------------------------------------------
Structure
----------------------------------------------------------------------------------------------------------------------------------*/

.row
{
    margin: 0;
}

#main-content-body
{
    margin: 0 auto 0 auto;
    padding: 0;
    background-color: #fff;
}

/*Header ---------------------------------------------------------------------------------------------------------------------*/

#header
{
    height: 150px;
    position: fixed;
    background-color: #fff;
    transition: height 500ms;
    padding: 0;
	z-index:2000;
}

#header.tiny
{
    height: 0;
}

/*Logo ---------------------------------------------------------------------------------------------------------------------*/

#logo
{
    position: absolute;
    width: 100%;
	z-index:2000;
}

#logo a
{
    background: url('/_images/ceco-logo-new.png') no-repeat center;
    background-size: contain;
    width: 275px;
    height: 150px;
    margin: 0 auto;
    display: block;
}

#logo.tiny
{
    width: 100px;
}

#logo.tiny a
{
    width: 100px;
    height: 100px;
}

/*Social ---------------------------------------------------------------------------------------------------------------------*/

#social-network
{
    position: absolute;
    top: 5px;
    right: 10px;
    list-style-type: none;
    margin: 0;
    padding: 0;
	z-index:2000;
}

#social-network li
{
    display: inline;
}

#social-network li a
{
    color: #ccc;
    font-size: 25px;
    display: inline;
    margin: 0 5px;
}

/*Top navigation ---------------------------------------------------------------------------------------------------------------------*/

#navbar-responsive-button
{
	border:1px solid #ccc;
	right:5px;
}

section#navigation
{
    padding: 5px 0 0 0;
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    box-shadow: 0 4px 2px -2px rgba(0, 0, 0, .1);
}

#main-nav
{
    border-radius: 0;
    margin-bottom: 0;
    border: none;
}

#main-nav.container
{
    padding: 0;
}

#main-nav-items ul li a
{
    font-size: 100%;
    color: #532223;
    text-transform: uppercase;
}

.navbar .navbar-nav
{
    display: inline-block;
    float: none;
}

#main-nav-items
{
    text-align: center;
}


.navbar-fixed-top
{
    top: 150px;
}

#main-nav-items ul li a
{
    text-shadow: none;
}

#main-nav-items ul li a:hover
{
    background-color: #fafafa !important;
}

#main-nav-items ul li.active, #main-nav-items ul li.active a, #main-nav-items ul li.active a:hover
{
    color: #fff !important;
    background-color: #e39f88 !important;
}

/*Splash screen ---------------------------------------------------------------------------------------------------------------------*/

#splash
{
    position: relative;
    padding: 0;
    margin: 150px 0 0 0;
	overflow: hidden;
}

#intro-splash
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#intro-splash li
{
    height: 522px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-size: contain;
}

#intro-splash li .splash-title
{
    font: 400 100px/1.5 'Pacifico' , Helvetica, sans-serif;
    text-transform: uppercase;
    font-size: 280%;
    color: #fff;
    margin: 80px 0 0 350px;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}

.bx-has-controls-direction
{
    display: none;
}

.bx-wrapper .bx-viewport
{
    -moz-box-shadow: 0;
    -webkit-box-shadow: 0;
    box-shadow: 0 0 0 0;
    border: none;
    left: 0;
    background: rgba(255, 255, 255, 0.5);
}

#aveda-logo
{
    background: url('/_images/aveda-logo.png') no-repeat center top;
    width: 286px;
    height: 115px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    opacity: 0.5;
	z-index:5000;
}

/*Page sections ---------------------------------------------------------------------------------------------------------------------*/

section.section
{
    min-height: 300px;
}

section.section h2
{
    color: #8a8a8a;
}

/*About ---------------------------------------------------------------------------------------------------------------------*/

#about
{
    margin-bottom: 15px;
    margin-top: 15px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:5px;
}

#about .inner-block
{
    text-align: center;
    padding: 60px;
    font-size: 25px;
    color: #8a8a8a;
    text-shadow: 1px 1px #ccc;
}

/*Services ---------------------------------------------------------------------------------------------------------------------*/

#services
{
    padding: 15px 0;
    text-align: center;
}

#services .service
{
}

#services .service .inner-block
{
    overflow: hidden;
    height: 350px;
    margin: 0 0 15px 0;
    border: 1px solid #eee;
    padding: 15px;
    position: relative;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:5px;
	color: #737373;
}

#services .service .inner-block h2
{
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 115%;
}

#services .service .inner-block .description
{
    font-size: 12px;
}

#services .service .inner-block .picture
{
    background-color: #fff;
	background-repeat:no-repeat;
	background-position:center;
    height: 100px;
    border: 1px solid #eee;
    margin: 0 0 15px 0;
    border-radius: 3px;
}

#services .service .inner-block .pricing
{
    display: none;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #e39f88;
}

#services .service .inner-block .pricing ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#services .service .inner-block .pricing ul li
{
}


.picture.hair
{
background-image:url(/_images/hair.png);
}

.picture.color
{
background-image:url(/_images/color.png);
}

.picture.texture
{
background-image:url(/_images/texture.png);
}

.picture.party
{
background-image:url(/_images/party.png);
}

.picture.makeup
{
background-image:url(/_images/makeup.png);
}

.picture.waxing
{
background-image:url(/_images/waxing.png);
}

.picture.handfoot
{
background-image:url(/_images/handfoot.png);
}

.picture.facial
{
background-image:url(/_images/facial.png);
}


/*Products ---------------------------------------------------------------------------------------------------------------------*/

#products
{
    padding: 30px 0;
	margin-bottom: 15px;
    text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:5px;
}

#products .product
{
}

#products .product a
{
    display: block;
    padding-top: 100px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: top center;
    color: #737373;
}

#products .product a h2
{
	font-size:130%;
}

#products .product a:hover
{
    text-decoration: none;
}

#products .product.hair a
{
    background-image: url('/_images/symbol-hair-care.png');
}

#products .product.makeup a
{
    background-image: url('/_images/symbol-make-up.png');
}

#products .product.skin a
{
    background-image: url('/_images/symbol-skin-care.png');
}

/*Contact ---------------------------------------------------------------------------------------------------------------------*/

.hours-table
{
	margin:5px;
}

.hours-table tbody tr
{
	
}

.hours-table tbody tr td
{
	width:50%;
	padding:3px;
}

.hours
{
	margin:20px 0;
}

.hours .row .day
{
	text-align:right;
}

.hours .row .time
{
	text-align:left;
}

#contact
{
    padding: 15px 0;
}

#contact .bucket
{
}

#contact .bucket .inner-block
{
    overflow: hidden;
    height: 350px;
    margin: 0 0 15px 0;
    border: 1px solid #eee;
    padding: 15px;
    position: relative;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:5px;
	color: #737373;
}


#contact .form-bucket .inner-block
{
    overflow: hidden;
    height: 350px;
    margin: 0 0 15px 0;
    border: 1px solid #eee;
    padding: 15px;
    position: relative;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:5px;
}

#contact .bucket .inner-block h2
{
    margin: 0;
    padding: 0 0 15px 0;
    font-size: 130%;
}

#contact .bucket .inner-block .description
{
    font-size: 12px;
}

#contact .bucket .inner-block ul
{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#contact .bucket .inner-block ul li
{
}

/*Careers ---------------------------------------------------------------------------------------------------------------------*/

#careers
{
    padding: 15px 0;
	margin-bottom: 30px;
    text-align: center;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:5px;
	color: #737373;
}
#careers .heading
{
	font-size: 25px;
	color: #8a8a8a;
	text-shadow: 1px 1px #ccc;
}
/*Footer ---------------------------------------------------------------------------------------------------------------------*/

#footer
{
    height: 600px;
	background-color: rgba(255, 255, 255, 0.9);
	border-radius:5px 5px 0 0;
}