@charset "utf-8";
/* CSS Document */
html,
body {
height: 100%;
}

.header {
height: 100%;
background:none no-repeat center center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
position:relative;
}

.video-block {
height: 100%;
}

.header-content {
	text-align:center;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0 20px;
	z-index:10;
	width:100%;
	z-index:100;
  }
 
header.carousel .carousel-inner > .item img{ width:100%; height:auto;}
  
.header-img-xs{ position:absolute; top:0; left:0; right:0; z-index:98; background:none none center center; background-size:cover; z-index:101;}  
 
.header-content h2{ color:#fff; font-size:40px; margin:40px 0;} 
.header-content a{ background:#ed1c24; padding:10px 30px; background:#ed1c24; border-radius:40px; color:#fff; font-size:18px; font-weight:700; display:inline-block;}
.header-content a:hover{ background:#231f20; text-decoration:none;}
 
.header-overlay{ margin:0; padding:0; position:absolute; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0, 0.5); z-index:99;}

.navbar-wrapper{ position:relative; padding-right:60px;}

.search-btn{ height:45px; width:45px; line-height:45px; background:#ed1c24; color:#fff !important; font-size:22px !important; text-align:center; position:absolute; top:50%; margin-top:-22px; right:0; z-index:110}
.cart-btn{ height:45px; width:45px; line-height:45px; background:#ed1c24; color:#fff !important; font-size:22px !important; text-align:center; position:absolute;  top:50%; margin-top:-22px; right:50px;  z-index:110}
.cart-btn span{ position:absolute; bottom:-3px; left:-3px; height:25px; width:25px; background:#000; font-size:11px; border-radius:50%; line-height:25px; text-align:center;}
.search-site{ position:absolute; top:100%; left:0; right:0; padding:0; background:rgba(255, 255, 255, 0.9); border-top:1px solid #fff;}
.search-site .form-control{ height:45px; border-radius:0; box-shadow:none;}
.search-site input[type=submit]{ background:#ed1c24; color:#fff; border:none; cursor:pointer; text-align:center; width:100%; font-size:18px; cursor:pointer; line-height:45px; font-family: 'Montserrat', sans-serif;}


.navbar-custom {
margin-bottom: 0;
border-bottom: 1px solid rgba(255,255,255,.3);
text-transform: uppercase;
background-color: #fff;
padding:10px 0;
}

.navbar-custom .navbar-brand {
font-weight: 700;
}

.navbar-custom .navbar-brand:focus {
outline: 0;
}

.navbar-custom .navbar-brand .navbar-toggle {
padding: 4px 6px;
font-size: 16px;
color: #fff;
}

.navbar-custom .navbar-brand .navbar-toggle:focus,
.navbar-custom .navbar-brand .navbar-toggle:active {
outline: 0;
}
/*
.navbar-custom a {
color: #231f20;
font-size:14px;
font-family: 'Montserrat', sans-serif;
}

.navbar-custom .nav li a {
-webkit-transition: background .3s ease-in-out;
-moz-transition: background .3s ease-in-out;
transition: background .3s ease-in-out;
}

.navbar-custom .nav li a:hover {
outline: 0;
color: #ed1c24;
background-color: transparent;
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:active {
outline: 0;
background-color: transparent;
}

.navbar-custom .nav li.active {
outline: 0;
}

.navbar-custom .nav li.active a {
background-color: rgba(255,255,255,.3);
}

.navbar-custom .nav li.active a:hover {
color: #fff;
}

@media(min-width:768px) {
.navbar-custom {
padding: 10px 0;
border-bottom: 0;
background: rgba(255,255,255, 0.9);
-webkit-transition: background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition: background .5s ease-in-out,padding .5s ease-in-out;
transition: background .5s ease-in-out,padding .5s ease-in-out;
}

.navbar-custom.top-nav-collapse {
padding:5px 0;
border-bottom: 1px solid rgba(255,255,255,.3);
background:rgba(255,255,255, 0.9);
}
}*/


.header-wrap{ position:relative;}

.navigation{ padding-right:130px;}
.menu{display:table; margin:0; padding:0; list-style:none; width:100%}
.menu li{display:table-cell; position:relative; z-index:100; font-size:16px; position:relative; text-transform:uppercase; font-weight:700; line-height:50px; text-align:center; font-family: 'Montserrat', sans-serif;}
.menu li a{text-decoration:none; padding:0 10px; display:block; color:#231f20; -webkit-transition:all 0.2s ease-in-out 0s; -moz-transition:all 0.2s ease-in-out 0s; -o-transition:all 0.2s ease-in-out 0s; -ms-transition:all 0.2s ease-in-out 0s; transition:all 0.2s ease-in-out 0s; }
.menu li a:hover, .menu li:hover > a,  .menu li.active > a{color:#ed1c24;  }
.menu ul{display:none; margin:0; padding:0; width:240px; position:absolute; top:100%; left:50%; margin-left:-120px; background:#ffffff; }
.menu ul li{display:block; float:none; background:none; margin:0; padding:0; border-top:1px solid #ccc; line-height:25px;}
.menu ul li a{font-size:14px; font-weight:normal; display:block; color:#231f20; background:#fff; padding:5px 10px; white-space:nowrap;  }
.menu ul li a:hover, .menu ul li:hover > a{background:#f2f2f2; color:#ed1c24; }
.menu ul li:before{ display:none;}
.menu li:hover > ul{display:block; }
.menu ul ul{left:100%; top:0px; }
.mobile-menu{display:none; height:45px; width:45px; line-height:45px; background:#ed1c24; color:#fff !important; font-size:22px !important; text-align:center; position:absolute; top:50%; margin-top:-22px; right:100px; z-index:110}
.mobile-menu:hover{ color:#fff; text-decoration:none; background:#ed1c24;}
@media (max-width: 991px) {
.navigation{ margin:0; padding:0;}
.menu{display:none; float:none; }
.mobile-menu{display:block; }
nav{margin:0; background:none; }
.menu li{display:block; margin:0; background:none;border-top:1px solid #ccc; }
.menu li a{ padding:0 20px; background:#fff; }
.menu ul{display:block; position:relative; top:0; left:0; width:100%; margin-left:0;}
.menu ul ul{left:0; margin-left:0;}
.menu{ position:absolute; top:100%; right:0; left:0; width:auto; z-index:999;}
.menu ul li:first-child{ border:none;}
}


.intro {display:table; width:100%;height: auto;}
.intro .intro-body {display:table-cell; vertical-align:middle;}


.anchor{ padding-top:80px !important;}


.content-wrapper{ margin:0; padding:0;}

.sky-bg{ background:#EDF3F4;}
.white-bg{ background:#fff;}

.product-block{ margin:0; padding:30px 0;}
.product-block h2{ margin:0; padding:0 0 10px ; color:#231f20; border-bottom:1px solid #ed1c24; font-size:24px; text-align:center;}
.show-case{ margin:30px 0 0 0; padding:15px; text-align:center;}
.show-case:hover{-webkit-box-shadow: 0 0 25px 0 rgba(0,0,0,0.1); box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);}
.product-image img{ height:auto; width:100%; -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1); box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);}
.price{ margin-bottom:10px; font-size:30px; font-weight:700; line-height:30px;}
.show-case h4{ font-size:16px;  height:40px}

.collection{ margin:0; padding:120px 0; text-align:center; background:url(../images/banner-home-1.jpg) no-repeat center center; background-size:cover; color:#fff;}
.collection a{ color:#fff; font-weight:700; font-size:16px;}
.collection a:hover{ color:#ccc; text-decoration:none;}
.collection h1{ margin:0 0 10px 0; padding:0;}

.three-col{ margin:0; padding:30px 0 0 0; text-align:center;}
.three-col .col-sm-4{ margin-bottom:30px;}
.three-col i{ font-size:60px; color:#ed1c24}
.three-col h4{ font-size:20px; font-weight:700; margin:20px 0;}

.latest-blog{ margin:0; padding:30px 0;}
.latest-blog h2{ margin:0; padding:0 0 10px ; color:#231f20; border-bottom:1px solid #ed1c24; font-size:24px; text-align:center;}
.latest-blog .blog-image{ margin:0; padding:0;}
.latest-blog .blog-image img{ height:auto; width:100%;  -webkit-box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1); box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);}
.latest-blog h3{ margin:0; padding:10px 0; font-size:18px;}
.latest-blog h6{ margin:0; padding:0 0 10px 0; font-size:12px;}
.latest-blog .col-md-3{ margin-top:30px;}

.footer{ margin:0; padding:30px 0; color:#fff; text-align:center; background:#231f20;}
.footer a{ color:#fff;}
.footer a:hover{ color:#fff; text-decoration:underline;}
.footer ul{ margin:0; padding:0 0 15px 0; list-style:none;}
.footer ul li{ margin:0 5px; display:inline-block;}
.footer p{ margin:0; padding:0;}

.footmenu{ margin:0 15px; padding:0; list-style:none;}
.footmenu li{ margin:0; padding:0; line-height:20px;}

.page-header h1{ margin:0; padding:0; text-transform:uppercase;}
.page-header p{ margin:0; padding:8px 0 0 0; text-transform:uppercase;}

.wrapper{ margin:0; padding:50px 0;}

.step-heading{ margin:0; padding:0 0 0 140px; height:52px; line-height:52px; position:relative; background:#171214; color:#fff;}
.step-heading h3{ padding:0; margin:0; text-align:center; width:110px; background:#E41423; position:absolute; left:0; bottom:0; top:0; line-height:52px; position:absolute}
.step-heading h3:after{   border-bottom: 28px solid transparent;
border-left: 23px solid #E41423;
border-top: 25px solid transparent;
content: "";
position: absolute;
right: -23px;
top: 0;
}

#owl-demo .item{padding: 0 10px; margin:0; color: #FFF;}
#owl-demo .item h5{ margin:0 0 15px 0; padding:15px 0; text-transform:uppercase; font-weight:700; color:#c59a6d; font-size:18px; position:relative;}
#owl-demo .item h5:after{ background:#c59a6d; height:1px; position:absolute; bottom:-3px; width:80px; content:''; left:0;}
.customNavigation{text-align: center; margin-top:20px; }
.owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100); /*IE7 fix*/opacity: 1; text-decoration: none; }
.owl-theme .owl-controls .owl-page{display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */}
.owl-theme .owl-controls .owl-page span{display: block; width:12px; height:12px; margin:5px 3px;background: #231f20; border:1px solid #231f20;  -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ background:#E41423; border:1px solid #E41423;}
.owl-theme .owl-controls .owl-page span.owl-numbers{height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
.owl-item.loading{min-height: 150px; background: url(../images/bx_loader.gif) no-repeat center center}
.owl-pagination{ padding-top:20px; text-align:center;}

.box-wrapper{ margin:0 0 20px 0; padding:20px;}
.box-wrapper .form-control{ height:45px; border-radius:0}
.category-chooser .btn {border-radius:0; text-align:center; padding:10px; background:#fff; border-width:4px; display:block;}
.category-chooser input[type-radio]{ display:block; position:relative;}
.category-chooser .btn .cat-name{ display:inline-block; margin:0 0 5px; padding:0; background:#171214; border-radius:30px; padding:6px 10px; color:#fff; font-size:13px; text-transform:uppercase;}
.category-chooser .btn .cat-image{ padding:0 10px;}
.category-chooser .btn .cat-image img{ height:400px;}
.category-chooser .btn.active .cat-name{ background:#E41423;}

.category-chooser input[type="radio"], .attachment-chooser input[type="radio"]{
position: absolute !important;
clip: rect(0, 0, 0, 0) !important;
pointer-events: none !important;
}

.product-meta, .product-description{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc;}

.addtocart{ margin:0; padding:8px 25px; color:#fff; background:#E41423; border:none; cursor:pointer; font-family:"Montserrat",sans-serif; font-size:18px;}
.addtocart:hover{ background:#231f20}

.color-chooser .btn{ border:none; padding:0; border-radius:0; margin:0; float:none; vertical-align:top}
.color-chooser .btn img{ border:2px solid #fff;}
.color-chooser .btn.active img{ border:2px solid #E41423;}
.color-chooser .btn span{ font-size:12px; display:block; margin:5px 0; text-align:center;}

.big-btn{ margin:0; padding:12px 30px; display:inline-block; color:#fff; font-size:18px; font-weight:700; background:#E41423; border:none; cursor:pointer;}
.big-btn:hover{ background:#231f20;}

.attachment-chooser{ margin-top:15px; padding-top:15px; border-top:1px solid #ccc}
.attachment-chooser ul{ margin:0 -5px; padding:0; list-style:none;}
.attachment-chooser .btn-group{ display:block;}
.attachment-chooser ul:before, .attachment-chooser ul;after{ content:''; display:table;}
.attachment-chooser ul:after{ clear:both;}
.attachment-chooser ul li{ padding:0 5px; float:left; width:20%; text-align:center; margin-bottom:10px;}
.attachment-chooser ul li span{ display:block; padding:5px; height:50px; font-size:12px;}
.attachment-chooser a.attact-link{ border-radius:0; margin-bottom:12px; border-width:4px; display:block; padding:0; text-align:center; border:2px solid #ccc;}
.attachment-chooser a.attact-link:hover, .attachment-chooser a.attact-link.active{ border-color:#E41423; color:#E41423; text-decoration:none;}
.attachment-chooser ul li button{margin:0; padding:4px 10px; color:#fff; background:#E41423; border:none; cursor:pointer; font-family:"Montserrat",sans-serif; font-size:14px;}


.listing .show-case{ margin-bottom:30px; margin-top:0;}

.news-list{ margin:0; padding:0; list-style:none;}
.news-list li{ margin-bottom:20px; padding:0 0 20px; border-bottom:1px solid #e8e7e7;}
.news-list li:last-child{ margin:0; padding:0; border:none;}
.news-img{ border:2px solid #e8e7e7}
.news-img img{ width:100%; height:auto;}
.news-description{ padding:0;}
.news-description h3{ margin:0; padding:0 0 15px; /*color:#2a333e;*/ font-size:20px; font-weight:700; text-transform:uppercase;}
.news-description p{ margin:0; padding:0 0 15px; /*color:#647181;*/ line-height:25px;}
.news-description h2{ margin:0; padding:0 0 15px 0; /*color:#2a333e;*/ font-size:24px; font-weight:700; text-transform:uppercase;}

.product-img{ margin:0 0 20px 0; padding:15px; text-align:center; border:1px solid #ccc; -webkit-box-shadow: 3px 3px 0 2px rgba(0,0,0,0.3); box-shadow: 3px 3px 0 2px rgba(0,0,0,0.3);}
.details h2, .details h3, .details h4, .details h5{ margin:0 0 12px 0 ; padding:0;}
.details h5{ font-size:16px;}
.details h3 span{ color:#E41423; font-size:16px;}

#masonary{ margin:0 -10px 0 -10px; }
.column {float: left; }
.size-1of4 {width: 25%; padding:0 10px; }
.size-1of3 {width: 33.333%; padding:0 10px; }
.size-1of2 {width: 50%; padding:0 10px; }
.size-1of1 {width: 100%; padding:0 10px; }
/* Configurate salvattore with media queries */
@media screen and (max-width: 480px) {
#masonary[data-columns]::before {content: '1 .column.size-1of1'; }
}
@media screen and (min-width: 481px) and (max-width: 700px) {
#masonary[data-columns]::before {content: '2 .column.size-1of2'; }
}
@media screen and (min-width: 701px) and (max-width: 850px) {
#masonary[data-columns]::before {content: '3 .column.size-1of3'; }
}
@media screen and (min-width: 851px) {
#masonary[data-columns]::before {content: '4 .column.size-1of4'; }
}


table.variations  > tbody > tr > td{ text-align:left;}

/* #Media Queries
================================================== */
/* Large desktop */

@media (min-width: 992px) and (max-width: 1024px) {
.navbar-custom a{ font-size:14px;}
.nav > li > a{ padding-right:6px; padding-left:6px;}
} 
/* END__ */
@media (min-width: 768px) and (max-width: 991px) {
.navbar-header {float:none; }
.navbar-toggle {display:block; }
.navbar-collapse {border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1); }
.navbar-collapse.collapse {display:none !important; }
.navbar-nav {float:none !important; margin:7.5px 0; }
.navbar-nav >li {float:none; }
.navbar-nav > li> a {padding-top:10px; padding-bottom:10px; }
.navbar-text {float:none; margin:15px 0; }
/* since 3.1.0 */
.navbar-collapse.collapse.in { display:block !important; }
.collapsing {overflow:hidden!important; }
.navbar-right{ float:none !important;}
.navbar-brand{ line-height:45px;}
.navbar-nav{margin-top:0; margin-bottom:0;}
.navbar-toggle{ margin-right:0;}
.navbar-fixed-top, .navbar-fixed-bottom{ position:relative;}
.navbar-collapse{ position:absolute; top:100%; left:0; right:0; background:rgba(255,255,255, 0.8);}
.page-header{ padding-top:30px;}
.attachment-chooser ul li{ width:33.333%; margin-bottom:16px;}
.navbar-header{ float:left; margin:0; padding:0 0 0 15px}
.navbar-fixed-top, .navbar-fixed-bottom{ padding:10px 0}
.video-block{ display:none;}
.header-xs{ display:block;}
.header{ background-image:url(https://www.accesseventsolutions.com/stuff/contentmgr/files/0/d1b85a9bcc2c6ebacbd1f488b324707d/slides/music_custom_lanyards2.jpg); height:80%}
.anchor{ padding-top:30px !important;}
.navbar-toggle{ height:50px; width:50px; line-height:50px;}
} 
/* END__ */
@media only screen and (max-width: 767px) {
.navbar-fixed-top, .navbar-fixed-bottom{ position:relative; padding:10px 15px}
.navbar-collapse{ position:absolute; top:100%; left:15px; right:15px; background:rgba(255,255,255, 0.8);}
.page-header{ padding-top:30px;}
.attachment-chooser ul li{ width:50%; margin-bottom:16px;}
.news-description{ padding:20px 0 0;}
.navbar-header{ float:left; margin:0; padding:0 0 0 15px}
.navbar-fixed-top, .navbar-fixed-bottom{ padding:10px 0}
.search-site .row{ margin-left:-3px; margin-right:-3px;}
.search-site .col-xs-8, .search-site .col-xs-4{ padding-left:3px; padding-right:3px;}
#carousel-example-generic{ display:none;}
.video-block{ display:none;}
.header-xs{ display:block;}
.video-block{ display:none;}
.header-content h2{ font-size:26px; margin:15px 0}
.header-content img{ width:280px;}
.header{ background-image:url(https://www.accesseventsolutions.com/stuff/contentmgr/files/0/d1b85a9bcc2c6ebacbd1f488b324707d/slides/music_custom_lanyards2.jpg); height:80%}
.anchor{ padding-top:30px !important;}
.navbar-header img{ height:40px;}
/*.search-btn, .cart-btn{ height:40px; width:40px; line-height:40px;}*/
} 
/* END__ */
/* Landscape phones and down */
@media (max-width: 480px) {
} 
/* END__ */

