/* Global */
body { background: #fff; font-family: 'Source Sans Pro', sans-serif; font-weight: normal; font-style: normal; font-size: 16px; line-height: 1; color: #000; position: relative; -webkit-font-smoothing: antialiased; }

h1, h2, h3, h4, h5, h6 {font-family: 'Noticia Text', serif; font-weight: bold; font-style: normal; color: #000; text-rendering: optimizeLegibility; line-height: 1.1; margin-bottom: 14px; margin-top: 14px; }
p { font-family: inherit; font-weight: normal; font-size: 15px; line-height: 1.6; margin-bottom: 17px; }
a { color: #C01C35; text-decoration: none; line-height: inherit; }
a:hover { color: #000; }
a:focus { color: #000; outline: none; }
iframe {border: 0;}
/* Header */

.staticmenu {width:100%; position: fixed; z-index:8001; 
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.35);
box-shadow:         1px 1px 4px rgba(0,0,0,0.35);
background:#fff; padding:7px 0;}

.logo {text-align: left; padding: 10px 0;}

.navigation{ margin:0; float:right; padding:0;}
nav { position: relative; float:right;}
nav ul {list-style-type: none; padding:0; margin:0;}
nav ul li {float: left; position: relative; font-size: 16px; font-weight: 400; margin:12px 4px 0; }
nav ul li:last-child {border-right: 0; margin-right: 0 }
nav ul li a {text-align: center;display:block;text-decoration:none; color: #000; padding: 3px 20px; }
nav ul li.active a {background:#e9e9e9; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
nav .dropdown {display: none;}


@media only screen and (max-width: 800px) { 
.staticmenu {position: relative}    
.logo {margin:0 auto; text-align:center;}
nav {float:none; margin:0 auto; text-align:center;}
nav .dropdown {display: inline-block; width:90%; margin:0 auto; margin-top:15px; margin-bottom:15px;}
nav ul.navigation { display:none; }
nav ul li {display:block; width:100%}
}

h1.headcenter {padding:78px 0; font-size:69px; text-align:center; font-weight:bold;  color: #494949;}
h1.headcenter span {color: #C01C35;}

h2.title {font-size:69px; text-align:center; font-weight:bold; color: #fff; border-top:4px double #333; padding-top: 20px; }

@media only screen and (max-width: 767px) { 
h1.headcenter {font-size:39px; margin-top: 80px; }
h2.title {font-size:24px; }
}

.item {padding:0; }
.content {margin-top: 35px;}

.content h3 {font-size:22px; font-weight:bold; color: #000; border-bottom:4px double #ccc; padding-bottom: 15px; }

	
/* parallax home */
#home{
	background: url(../images/backgrounds/home.jpg) top center repeat fixed;
	width: 100%;
	min-height: 1000px;
}



/* parallax brand */
#brand{
	background: #fff;
	width: 100%;
    min-height: 1000px;
}

#brand .headimg{
	background: url(../images/backgrounds/brand-head-bg.jpg) center center no-repeat fixed;
    -moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover;
	width: 100%;
    padding: 60px 0 15px;
}

@media only screen and (max-width: 900px) { 
#brand .headimg { padding: 0 0 15px;}
}


.quote { padding:20px; text-align: center; color: #ccc;  }
.quote p { line-height: 1.6; font-size: 32px; font-weight: bold; font-family: 'Noticia Text', serif;  }
.quote p:before { content:"❝"; padding-right:10px  }
.quote p:after { content:"❞"; padding-left:10px  }
.quote cite:before { content:"— "   }
.quote cite:after { content:" —"   }


/* parallax collections */
#collections{
	background: #494949 url(../images/backgrounds/col-bg.png) fixed;
	width: 100%;
    min-height: 1000px;
    padding: 108px 0 0;
}

@media only screen and (max-width: 800px) { 
#collections { padding: 30px 0 15px;}
}

/* Collections Filter */
.filter li { float: left; font-size: 13px; display: block; width: 100%; background: #000; margin-bottom: 5px; padding: 2px 6px}
.filter li:hover, .filter li.current { background: #333; color: #000}
.filter a {color: #fff; text-decoration: none; }
.filter li:hover a, .filter li.current a {color: #fff}
.portfolio li {}



/* parallax boutiques */
#boutiques{
	background: #fff;
	width: 100%;
    min-height: 1000px;
}

#boutiques .headimg{
	background: url(../images/backgrounds/boutiques-head-bg.jpg) top center no-repeat fixed;
    -moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover;
	width: 100%;
    padding: 0x 0 15px;
}

@media only screen and (max-width: 800px) { 
#boutiques .headimg { padding: 0 0 15px;}
}

/* Tabs ---------------------- */
dl.tabs.vertical { height: auto; padding-right:30px; margin-top:10px; border-bottom:0;  z-index:8000; position:relative}
dl.tabs.vertical dt, dl.tabs.vertical dd { float: none; height: auto; }
dl.tabs.vertical dd { margin-bottom:2px; }
dl.tabs.vertical dd a { background: #000; border: none; color: #fff; display: block;  height: auto; line-height: 1;padding:10px 5px; margin:0; }
dl.tabs.vertical dd a:hover { background: #666;color: #fff; }
dl.tabs.vertical dd.active { margin-top: 0; border: none;  }
dl.tabs.vertical dd.active a { background: #666; border: none; color: #fff; margin: 0; position: static; top: 0; font-weight:normal; padding:10px 5px }
dl.tabs.vertical dd:first-child a.active { margin: 0; }

dl.tabs { border-bottom: solid 1px #e6e6e6; display: block; height: 40px; padding: 0; margin-bottom:10px; }
dl.tabs.contained { margin-bottom: 0; }
dl.tabs dt { color: #b3b3b3; cursor: default; display: block; float: left; font-size: 13px; height: 40px; line-height: 40px; padding: 0 9px 0 20px; width: auto; text-transform: uppercase; }
dl.tabs dt:first-child { padding: 0 9px 0 0; }
dl.tabs dd { display: block; float: left; padding: 0; margin: 0; }
dl.tabs dd a { background: #e9e9e9 url(../images/backgrounds/open-tab-bg.png) repeat-x; border: none; color: #fff;  height: 40px; line-height: 40px; padding: 0px 21px; margin: 0 3px; }
dl.tabs dd.active { color: #fff; margin-top: 0;border: 0; }
dl.tabs dd.active a { cursor: default; background: #d34432 url(../images/backgrounds/close-tab-bg.png) repeat-x; color: #fff; border: none; font-weight: bold; margin:0; }
dl.tabs dd:first-child { margin-left: 0; }

@media only screen and (max-width: 767px) { 
dl.tabs.vertical { padding-right:0;}
}

ul.tabs-content { display: block; margin: 0 0 20px; padding: 0; }
ul.tabs-content > li { display: none; }
ul.tabs-content > li.active { display: block; }
ul.tabs-content.contained { padding: 0; }
ul.tabs-content.contained > li { border: solid 0 #e6e6e6; border-width: 0 1px 1px 1px; padding: 20px; }
ul.tabs-content.contained.vertical > li { border-width: 1px 1px 1px 1px; }

.no-js ul.tabs-content > li { display: block; }

.boutiquetitle{
	margin:10px 0; padding:0;
	line-height:17px;
	color:#000;
	border-bottom:solid 1px #bec2c9;
	padding-bottom:0px !important;
}
.boutiquetitle span {margin: 0; padding:0px; font-size:15px; border-bottom:solid 1px #d52b27; display:inline-block; margin-bottom:-1px; padding-bottom:7px; }

/* parallax contact */
#contact{
	background: #fff;
	width: 100%;
    min-height: 1000px;
}

#contact .headimg{
	background: url(../images/backgrounds/contact-head-bg.jpg) top center no-repeat fixed;
    -moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover;
	width: 100%;
    padding: 60px 0 15px;
}

@media only screen and (max-width: 800px) { 
#contact .headimg { padding: 0 0 15px;}
}

#maplocation img { max-width: none; height: auto; }
.gmap3{border: 6px solid #e6e6e6; width: 100%; height: 400px;}
.gmaplabels { color: #fff; background: #d74937; font-size: 12px; text-align: center; font-weight:bold; border: 1px solid #666; padding:7px; white-space: nowrap;}
#sendstatus { margin: 0;}


/* blog */
#blog{
	background: #fff;
	width: 100%;
}

#blog .headimg{
	background: url(../images/backgrounds/blog-head-bg.jpg) top center no-repeat fixed;
    -moz-background-size:cover; 
-webkit-background-size:cover; 
background-size:cover;
	width: 100%;
    padding: 60px 0 15px;
}

@media only screen and (max-width: 800px) { 
#blog .headimg { padding: 0 0 15px;}
}

/* Breadcrums ---------------------- */
ul.breadcrumbs { display: block; padding: 6px 10px 7px; border-bottom: 1px solid #e9e9e9; overflow: hidden; margin-left: 0; }
ul.breadcrumbs li { margin: 0; padding: 0 12px 0 0; float: left; list-style: none; }
ul.breadcrumbs li a, ul.breadcrumbs li span { text-transform: uppercase; font-size: 13px; font-size: 1.3rem; padding-left: 12px; }
ul.breadcrumbs li:first-child a, ul.breadcrumbs li:first-child span { padding-left: 0; }
ul.breadcrumbs li:before { content: "/"; color: #aaa; }
ul.breadcrumbs li:first-child:before { content: " "; }
ul.breadcrumbs li.current a { cursor: default; color: #333; }
ul.breadcrumbs li:hover a, ul.breadcrumbs li a:focus { text-decoration: underline; }
ul.breadcrumbs li.current:hover a, ul.breadcrumbs li.current a:focus { text-decoration: none; }
ul.breadcrumbs li.unavailable a { color: #999; }
ul.breadcrumbs li.unavailable:hover a, ul.breadcrumbs li.unavailable a:focus { text-decoration: none; color: #999; cursor: default; }

/* Blog Posts---------------------- */
.post {padding-top: 20px;}
.panel.light { padding:0; background: #f6f6f6; border: 0; }
.panel.light h4 {position: absolute; left:15px; top: 0; background: #000; color:#fff; padding:68px 30px  30px; line-height: 1.3; font-size:29px; margin: 0; display:inline; width: 215px;}
.panel.light h4 a {color:#fff;}
.panel.light p {padding: 10px 20px}
.date {position: absolute; left:43px; top: 18px; background: #C01C35; padding:10px; font-size:17px; color:#fff;z-index: 100;}
.bloginfo { display: block; padding:10px; overflow: hidden; border-top: 1px solid #e5e5e5; background: #ede9e6;}
.bloginfo ul li { margin: 0 30px 0 0; float: left; list-style: none; padding:3px 6px;font-size: 14px}
.bloginfo ul li a { color: #604160}
.bloginfo ul li.author { padding: 6px 0 6px 34px; background: url(../images/icons/author.png) no-repeat 10% 50%; list-style: none;}
.bloginfo ul li.comments { padding: 6px 0 6px 34px; background: url(../images/icons/comment.png) no-repeat 10% 50%; list-style: none;}
.bloginfo ul li.more { padding: 4px 6px; background: #C01C35; list-style: none; float: right; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px; -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.45);
box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.45);}
.bloginfo ul li.more a {
    color: #fff;
}
@media only screen and (max-width: 800px) {
    .bloginfo ul li {
        display: block;
        width: 100%;
        margin-bottom: 4px;
    }

    .panel.light h4 {
        position: relative;
        left: 0px;
        background: #000;
        color: #fff;
        padding: 15px;
        line-height: 1.3;
        font-size: 15px;
        margin: 0;
        display: block;
        width: 100%;
    }

    .bloginfo ul li.author {
        padding: 6px 0 6px 84px;
         display: block;
        float: left;
    }

    .bloginfo ul li.comments {
        padding: 6px 0 6px 84px;
        display: block;
         float: left;
    }

    .bloginfo ul li.more {
        float: none;
        clear: both;
    }
}

/* Pagination ---------------------- */
.panel.pagination { padding: 10px; border: 0; background: #ede9e6;
-webkit-box-shadow: 1px 1px #ccc, 2px 2px #ccc, 3px 3px #ccc;
-webkit-transition: ll 0.12s ease-out
-moz-transition: ll 0.12s ease-out}
ul.pagination { display: block; margin-left: -5px; }
ul.pagination li { float: left; display: block; color: #999;  margin-left: 5px; }
ul.pagination li a { display: block; padding: 1px 7px 1px; color: #555; background:#fff; border:1px solid #e6e6e6; }
ul.pagination li:hover a, ul.pagination li a:focus { background: #C01C35; color: white; }
ul.pagination li.unavailable a { cursor: default; color: #999; }
ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus { background: transparent; }
ul.pagination li.current a { background: #C01C35; color: white; font-weight: bold; cursor: default;  }
ul.pagination li.current a:hover { background: #C01C35; }

.search{  width: auto; cursor: pointer; display: inline-block; line-height: 1; margin: 0; outline: none; padding: 9px 17px; position: relative; text-align: center; text-decoration: none; background:#C01C35;
    border:0; color:#fff; font-size:13px;}	

/* Accordion ---------------------- */
ul.accordion { margin: 0 0 22px 0; border-bottom: 1px solid #e9e9e9; }
ul.accordion li { list-style: none; margin: 0; padding: 0; border-top: 1px solid #e9e9e9; }
ul.accordion li ul {margin:0; padding:0}
ul.accordion li ul li{ padding: 6px 0 6px 20px; border-bottom:1px solid #e9e9e9; border-top:0; background-image: url(../images/icons/arrow.png); background-repeat: no-repeat;background-position: 0 50%; list-style: none; }
ul.accordion li ul li a { color: #000 }
ul.accordion li .title { cursor: pointer; background: #f6f6f6; padding: 15px; margin: 0; position: relative; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; -webkit-transition: 0.15s background linear; -moz-transition: 0.15s background linear; -o-transition: 0.15s background linear; transition: 0.15s background linear; }
ul.accordion li .title h1, ul.accordion li .title h2, ul.accordion li .title h3, ul.accordion li .title h4, ul.accordion li .title h5 { margin: 0; }
ul.accordion li.active .title h1, ul.accordion li.active .title h2, ul.accordion li.active .title h3, ul.accordion li.active .title h4, ul.accordion li.active .title h5 {color:#fff; }
ul.accordion li .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: transparent #9d9d9d transparent transparent; position: absolute; right: 15px; top: 21px; }
ul.accordion li .accordioncontent { display: none; padding: 15px; }
ul.accordion li.active { border: 0 }
ul.accordion li.active .title { background: #C01C35; padding-top: 13px; color:#fff; }
ul.accordion li.active .title:after { content: ""; display: block; width: 0; height: 0; border: solid 6px; border-color: #fff transparent transparent transparent; }
ul.accordion li.active .accordioncontent { background: white; display: block; border-left: 1px solid #e9e9e9; border-right: 1px solid #e9e9e9; }


/* COMMENTS LIST */

ol.commentlist { margin: 0 0 0 0; padding: 0 0 0 0; }
ol.commentlist li { position: relative; list-style: none; }
ol.commentlist li.comment { position: relative; margin-top: 20px; }
ol.commentlist li.comment:first-child { margin-top: 0; }
ol.commentlist > li { margin-left: 0; padding-left: 0; }
ol.commentlist li ul.reply { padding-left: 48px; margin-top:20px; }

ol.commentlist li .comment-author img.avatar { position: absolute; top: 0; left: 0;}
ol.commentlist li .comment-author span{ font-weight: bold; font-style: normal; font-size: 12px;  }

ol.commentlist li .comment-text { position: relative; padding: 9px 10px 10px 10px; margin: 0 0 0 80px; background-color: #f9f9f9; border: solid 1px #e7e7e7; overflow:hidden;}
ol.commentlist li .comment-text > p { margin-top: 10px !important; }

@media only screen and (max-width: 480px) {
    ol.commentlist li ul.reply { padding-left: 0;}
}

#sendstatus { margin: 0;}
.gmap3{border: 6px solid #e6e6e6; width: 100%; height: 150px;}
.gmaplabels { color: #fff; background: #000; font-size: 12px; text-align: center; font-weight:bold; border: 1px solid #666; padding:7px; white-space: nowrap;}
#maplocation img { max-width: none; height: auto; }

/* Lists ---------------------- */
ul.social { list-style: none; padding:5px 0}
ul.social li { float:left; display:inline; margin-right:7px;}

ul.smallarrow li { padding: 6px 0 6px 20px; border-bottom:1px solid #e6e6e6;  background: url(../images/icons/arrow.png) no-repeat 0 50%; list-style: none;}
ul.bottombrd li { padding: 6px 0; border-bottom:1px solid #e6e6e6;  list-style: none;}
ul.categories li { padding: 6px 0 6px 20px; border-bottom:1px solid #e9e9e9;  background: url(../images/icons/arrow.png) no-repeat 0 50%; list-style: none;}
ul.categories li a {color: #000}
ul li.email { padding: 6px 0 6px 20px; border-bottom:1px solid #e6e6e6;  background: url(../images/icons/arrow.png) no-repeat 0 50%; list-style: none; margin: 0}

/* Footer ---------------------- */
.footer{ width: 100%; background: url(../images/backgrounds/home.jpg); padding:15px 0 15px;border-top:1px solid #5d5d5d; margin-top: 50px; }
.footer h4 {color:#fff; border-bottom:4px double #444; padding: 0 0 15px;}
.footer a {color:#ccc;}
.footer a:hover {color:#fff;}

/* Tweets ---------------------- */
#tweets ul {list-style: none;}
#tweets ul li{padding:6px 0 6px 33px;border-bottom:1px solid #3f3f3f; color:#fff; background: url(../images/icons/twitter-icon.png) no-repeat 0 30%}
#tweets ul li:last-child{border-bottom:0}

.tagcloud a{
        display: block;
        float: left;
        padding: 5px 7px;
        margin: 0 3px 3px 0;
        -webkit-border-radius: 3px;
           -moz-border-radius: 3px;
            -ms-border-radius: 3px;
                border-radius: 3px;
    }
.tagcloud a{ color: #fff; }
.tagcloud a:hover{ color: #fff; }
.tagcloud a{ background-color: #000; }
.tagcloud a:hover{ background-color: #C01C35; }