/* --- BENTLEY - Stylesheet --- */
html, body { height:100%; }
/* --- Typography --- */
* { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; }
body { font-size:16px; line-height:1.4; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; }
h1 { font-size:44px; font-size:60px; line-height:40px; line-height:55px; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; font-weight:200; font-weight:100; margin-bottom:30px; }
h2 { font-size:24px; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; font-weight:800; }
h3 { font-size:24px; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; font-weight:300; }
h4 { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; }
h5 { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; }
h6 { font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; }
table.table, table.table * { vertical-align:middle; }
table.table p { line-height:30px; margin:0; }
.move-up, .move-down { font-family:"FontAwesome"; }
form { display:inline; }
::selection { color:white; background:#7C211E; }
::-moz-selection { color:white; background:#7C211E; }
a { color:black; }
a:hover { color:#7C211E; }
p { font-size:16px; line-height:1.4; font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; font-weight:300; }
p.lead { font-weight:200; }
hr {
height:1px;
margin:30px 0;
border:0;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 1), rgba(146, 139, 141, 1), rgba(255, 255, 255, 1));
background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 1), rgba(146, 139, 141, 1), rgba(255, 255, 255, 1));
background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 1), rgba(146, 139, 141, 1), rgba(255, 255, 255, 1));
background-image: -o-linear-gradient(left, rgba(255, 255, 255, 1), rgba(146, 139, 141, 1), rgba(255, 255, 255, 1));
}
h1.homepage-h1 { text-align:center !important; }
ol.numbered-list { }
ol.numbered-list li { margin-bottom:10px; }
ol.numbered-list li:last-child { margin-bottom:0px; }
/* --- Header --- */
header { text-align:center; background:rgba(0, 0, 0, 1); }
/* --- Footer --- */
footer { background:rgba(0, 0, 0, 1); padding-bottom:12px; }
footer .container-fluid { background:rgba(146, 139, 141, 1); padding-top:10px; padding-bottom:10px; }
footer .container .btn-toolbar { }
footer .container .btn-toolbar .btn.btn-icon { padding:6px 8px; /*border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px;*/ }
footer .container .btn-toolbar .btn.btn-icon .fa { width:16px !important; font-size:17px; color:rgba(255, 255, 255, 1); position:relative; top:1px; }
footer .container .btn-toolbar .btn.btn-icon:hover > .fa { color:rgba(255, 255, 255, 1); }
footer .container .btn-toolbar .btn.btn-icon:hover { border-color:rgba(0,0,0,0.2); }
footer .container .btn-toolbar .btn.btn-icon.facebook:hover { background:#475a95; }
footer .container .btn-toolbar .btn.btn-icon.twitter:hover { background:#61abea; }
footer .container .btn-toolbar .btn.btn-icon.weibo:hover { background:#b13131; }
footer .container .btn-toolbar .btn.btn-icon.instagram:hover { background:#3e729a; }
footer h4 { font-size:12px; line-height:22px; margin:22px 0 0 0; padding:0; font-weight:500; color:rgba(255, 255, 255, 1); letter-spacing:0.15em; text-transform:uppercase; }
footer ul.footer-links,
footer ul.footer-links li { list-style:none; padding-left:0; }
footer ul.footer-links li a { font-size:11px; line-height:22px; margin:0; padding:0; text-transform:none; font-weight:300; color:rgba(255, 255, 255, 1); }
footer .footer-rule-bottom { width:100%; border-bottom:1px solid rgba(146, 139, 141, 1); padding-top:12px; }
footer .input-group.newsletter-signup { width:100%; margin-bottom:10px; }
footer .btn-toolbar .pull-right { width:100% !important; text-align:center; }
footer .btn-toolbar .pull-left { width:100% !important; text-align:center; }
@media(min-width:768px){
footer .input-group.newsletter-signup { width:300px; margin-bottom:0px; }
footer .btn-toolbar .pull-right { width:auto !important; text-align:right; }
footer .btn-toolbar .pull-left { width:auto !important; text-align:left; }
}
footer .copyright { width:auto; text-align:center; text-transform:uppercase; color:rgba(146, 139, 141, 1); font-weight:400; font-size:10px; padding-top:20px; margin-bottom:0; letter-spacing:0.05em; }
footer .copyright > a { color:rgba(146, 139, 141, 1); font-weight:600; font-size:10px; letter-spacing:0.05em; }
footer .copyright.pull-right { text-align:center; float:none; width:100%; margin-bottom:20px; }
footer .follow-txt { font-size:14px; font-weight:500; text-transform:uppercase; color:rgba(255, 255, 255, 1); margin-right:7px; position:relative; top:1px; letter-spacing:0.05em; }
@media(min-width:768px){
footer .copyright { text-align:left; }
footer .copyright.pull-right { text-align:right; float:right; width:auto; }
}
/* --- Header --- */
nav { margin-bottom:0 !important; border-bottom:1px solid rgba(24, 24, 24, 1) !important; background:rgba(0, 0, 0, 1) url(../images/nav-bg.png) top center repeat-x !important; text-align:left; box-shadow:0 2px 4px rgba(0,0,0,0.3); -moz-box-shadow:0 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3); }
nav .container { /*padding-left:0;*/ }
nav .nav.navbar-nav { margin:0; }
nav .nav > li > a { color:rgba(255, 255, 255, 1) !important; text-transform:uppercase !important; font-weight:500; font-size:12px !important; line-height:12px; padding:17px 17px !important; }
nav .nav.navbar-right > li > a { color:rgba(255, 255, 255, 1) !important; font-size:16px !important; font-weight:500; padding:19px 17px !important; }
nav .nav.navbar-right > li > a > span { margin-top:-2px; }
nav .nav.navbar-right > li > div.dropdown-menu.search-menu { padding:0px 5% 20px 5%; min-width:90%; }
nav .nav.navbar-right > li > div.dropdown-menu.search-menu input[type="text"].form-control { color:rgba(255, 255, 255, 1); font-weight:500; background:rgba(34, 34, 34, 1); border-color:rgba(24, 24, 24, 1); box-shadow:inset 0 2px 4px rgba(0,0,0,0.1); -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,0.1); border-radius:17px 0 0 17px; -moz-border-radius:17px 0 0 17px; -webkit-border-radius:17px 0 0 17px; }
nav .nav.navbar-right > li > div.dropdown-menu.search-menu input[type="text"].form-control:focus { background:rgba(24, 24, 24, 1); box-shadow:inset 0 2px 6px rgba(0,0,0,0.9); -moz-box-shadow:inset 0 2px 6px rgba(0,0,0,0.9); -webkit-box-shadow:inset 0 2px 6px rgba(0,0,0,0.9); }
nav .nav.navbar-right > li > div.dropdown-menu.search-menu button.btn { border-radius:0 17px 17px 0; -moz-border-radius:0 17px 17px 0; -webkit-border-radius:0 17px 17px 0; }
nav .nav.navbar-right > li > div.dropdown-menu.search-menu button.btn:focus { outline:none; }
.navbar-collapse { max-height:100%; padding-right:0; }
@media (min-width:768px){
nav .navbar-collapse { padding-right:15px; }
nav .nav.navbar-nav { margin:0px -15px }
nav .nav.navbar-right > li > a { color:rgba(146, 139, 141, 1) !important; font-size:12px !important; padding:19px 13px !important; }
nav .nav.navbar-right > li > div.dropdown-menu.search-menu { padding:20px; min-width:350px; }
}
nav .nav.navbar-right > li > a { line-height:16px; padding:19px 13px !important; }
nav .nav.navbar-left > li > a { line-height:16px; padding:19px 17px !important; }
/* --- Article --- */
article { background:rgba(255, 255, 255, 1); padding-top:40px; text-align:left; }
article header h1 { font-size:23px; line-height:1.2em; text-align:left; font-weight:200; letter-spacing:0.05em; padding:0 15px 5px 15px; margin-bottom:10px; }
article header,
article section,
article footer { background:rgba(255, 255, 255, 1); }
article header h1:first-child,
article section h1:first-child { margin-top:0; }
article footer { padding-bottom:30px; }
article section hr { margin:30px auto 30px auto; }
@media (min-width:767px){
article header h1 { font-size:25px; }
article section hr { max-width:750px; }
}
@media (min-width: 991px){
article header h1 { font-size:28px; }
article section hr { max-width:970px; }
}
@media (min-width: 1200px){
article section hr { max-width:1170px; }
}
/* --- Aside --- */
aside { }
/* --- GLOBAL ELEMENTS --- */
/* Logo */
h1#logo { font-size:30px; line-height:2em; } /*Only if ![]()
is missing...*/
img#logo { max-height:125px; margin:0 auto; padding:23px 0; border:0; display:block; }
@media (min-width: 480px){ max-height:110px; }
@media (min-width: 768px){ img#logo { max-height:135px; } }
@media (min-width: 991px){ img#logo { max-height:150px; } }
@media (min-width: 1200px){ /*---*/ }
/* --- LARGE SLIDES --- */
#large-slideshow.carousel { display:none; }
#large-slideshow.carousel .carousel-inner .item,
#large-slideshow.carousel .carousel-inner .active,
#large-slideshow.carousel .carousel-inner { max-height:544px; height:100%; text-align:center; }
#large-slideshow.carousel .carousel-inner > .item { background:black; text-align:center; height:100%; }
#large-slideshow.carousel .carousel-inner > .item img { margin:0 auto; max-height:544px; }
#large-slideshow.carousel .carousel-inner > .item > .fill { width:100%; height:100%; background-position:center; background-size:contain; background-repeat:no-repeat;}
#large-slideshow.carousel .carousel-indicators { position:absolute; bottom:-41px; }
#large-slideshow.carousel .carousel-indicators li { border-color:rgba(146, 139, 141, 1) !important; background:rgba(146, 139, 141, 1) !important; }
#large-slideshow.carousel .carousel-indicators li.active { border-color:rgba(0, 0, 0, 0.1) !important; background:#7C211E !important; }
#large-slideshow.carousel .carousel-control .icon-prev,
#large-slideshow.carousel .carousel-control .icon-next { width:20px; height:20px; line-height:1; font-size:20px; margin-top:-4px; margin-left:-4px; opacity:0.3; }
#large-slideshow.carousel .carousel-control.left:hover > .icon-prev { opacity:1; }
#large-slideshow.carousel .carousel-control.right:hover > .icon-next { opacity:1; }
#large-slideshow.carousel .carousel-control .icon-prev:before { content:"\e071"; font-family:'Glyphicons Halflings'; }
#large-slideshow.carousel .carousel-control .icon-next:before { content:"\e075"; font-family:'Glyphicons Halflings'; }
#large-slideshow.carousel .carousel-inner .item .carousel-caption { width:86%; margin:0 auto; left:7%; right:7%; padding-bottom:0; padding-top:0; }
#large-slideshow.carousel .carousel-inner .item .carousel-caption h1 { color:white; font-weight:200; font-size:25px; line-height:1.1em; margin:0 0 15px 0; padding:0; letter-spacing:0.04em; }
#large-slideshow.carousel .carousel-inner .item .carousel-caption p { color:white; font-weight:400; font-size:13px; line-height:1.1em; margin:0; padding:0; letter-spacing:0.02em; }
#large-slideshow.carousel .carousel-inner .item .carousel-caption .left { text-align:left; width:50%; }
#large-slideshow.carousel .carousel-inner .item .carousel-caption .right { text-align:right; }
#large-slideshow.carousel .carousel-inner .item .carousel-caption.top { top:10%; bottom:auto; }
@media (min-width: 600px){
#large-slideshow.carousel { display:block; }
}
/* --- WIDGETS --- */
article header .static-container { max-width:970px !important; margin:19px auto; }
article header .static-container .widget { position:relative; background:transparent; max-width:293px; height:auto; display:block; margin:0 auto 19px auto; }
article header .static-container .widget img { display:block; z-index:1; }
article header .static-container .widget img.img-rounded { border-radius:3px; -webkit-border-radius:3px; }
article header .static-container .widget span { display:block; border-radius:3px; -webkit-border-radius:3px; width:100%; height:100%; position:absolute; top:0; left:0; box-shadow:0 1px 2px rgba(255,255,255,0.3), inset 0 -5px 20px 1px rgba(0,0,0,0.5); z-index:2; }
article header .static-container .widget-text-below { background:none; text-align:center; padding-bottom:30px; }
article header .static-container .widget-text-below h5 { font-size:15px; font-weight:bold; margin-bottom:5px; text-align:center; }
article header .static-container .widget-text-below p { font-size:15px; line-height:18px; font-weight:200; margin-bottom:12px; padding:0 20px; text-align:center; }
article header .static-container .widget-text-below a { font-size:11px; font-weight:bold; margin-bottom:30px; text-decoration:underline; color:#888; }
article header .static-container .widget-text-below a:hover { color:#7C211E; }
article footer .static-container { max-width:970px !important; margin:0px auto 19px auto; }
article footer .static-container .widget { background:rgba(0, 0, 0, 1); max-width:293px; height:auto; display:block; margin:0 auto 16px auto; }
article footer .static-container .widget img { display:block; }
article footer .static-container .widget img.img-rounded { border-radius:3px; -webkit-border-radius:3px; }
article footer .static-container .widget-text-below { background:none; text-align:center; padding-bottom:30px; border-bottom:1px solid rgba(146, 139, 141, 0.3); }
article footer .static-container .widget-text-below p { font-size:15px; line-height:18px; font-weight:200; margin-bottom:12px; padding:0 20px; text-align:center; }
article footer .static-container .widget-text-below a { font-size:11px; font-weight:bold; margin-bottom:30px; text-decoration:underline; color:rgba(146,139,141,1); text-align:center; }
article footer .static-container .widget-text-below a:hover { color:#7C211E; }
article footer .static-container .widget-text-above h5 { font-size:15px; font-weight:bold; margin-top:20px; margin-bottom:20px; text-align:center; }
@media (min-width: 767px){
article footer .static-container { margin-top:40px; }
article header .static-container .widget,
article footer .static-container .widget { width:220px; height:auto; }
article footer .static-container .widget-text-above h5 { margin-top:10px; }
article header .static-container .widget-text-below,
article footer .static-container .widget-text-below { padding-bottom:0px; border-bottom:0; }
article footer .static-container .widget-text-below p,
article header .static-container .widget-text-below p { text-align:left; max-width:293px; padding:0 20px 0 0; }
article footer .static-container .widget-text-below a,
article header .static-container .widget-text-below a { text-align:left; padding:0; display:block; }
article header .static-container .widget-text-below h5 { text-align:left; max-width:293px; padding:0 20px 0 0; }
}
@media (min-width: 991px){
article header .static-container .widget,
article footer .static-container .widget { width:293px; height:auto; }
}
article section .featurette { max-width:970px; }
article section .featurette h1 { font-weight:200; font-size:40px; line-height:44px; margin-bottom:30px; margin-top:0; }
article section .featurette p { font-size:16px; font-weight:200; line-height:27px; margin-bottom:2em; }
article section .featurette a { font-weight:700; color:rgba(146,139,141,1); margin-bottom:17px; display:block; }
article section .featurette a:hover { color:#7C211E; }
article section .featurette img { max-width:100%; height:auto; margin:0 auto; }
article section .featurette .feature-img { text-align:center; }
article section .featurette .feature-text { text-align:center; height:auto; display:block; }
article section .featurette .feature-text table,
article section .featurette .feature-text table tr,
article section .featurette .feature-text table td { vertical-align:middle; height:100%; }
@media (min-width: 480px){
article section .featurette .feature-text { text-align:left; }
}
@media (min-width: 767px){
article section .featurette a { margin-bottom:0 !important; }
article section .featurette .feature-text { height:403px; }
}
@media (min-width: 991px){
article section .featurette .feature-text { height:485px; }
}
/* --- OTHER --- */
.pagination { background:rgba(146, 139, 141, 0.05); border:1px solid rgba(146, 139, 141, 0.3); border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; }
.pagination li { }
.pagination li a { line-height:1; padding:12px; color:rgba(0,0,0,0.4); background:none; border:none; font-weight:bold; text-shadow:none !important; -webkit-font-smoothing: antialiased; }
.pagination li a:hover,
.pagination li a:focus { background:none; border:none; color:rgba(0,0,0,1); text-decoration:underline; }
.pagination li:first-child,
.pagination li:last-child { }
.pagination li:first-child a,
.pagination li:last-child a { font-family:"entypo" !important;color:rgba(0,0,0,0.4); font-size:40px; line-height:1; padding:0 8px; }
.pagination li a:first-child:hover,
.pagination li a:first-child:focus,
.pagination li a:last-child:hover,
.pagination li a:last-child:focus { background:none; border:none; color:rgba(0,0,0,1); text-decoration:none; }
article section .inner-page-img { max-width:100%; height:auto; margin:0 auto; }
article section .inner-page-img-full { max-width:100%; height:auto; margin:20px auto 0 auto; }
.article { max-width:358px; display:block; margin:0 auto; text-align:center; background:rgba(146, 139, 141, 0.1); border:1px solid rgba(146, 139, 141, 0.2); margin-bottom:15px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; box-shadow:0 2px 4px rgba(146, 139, 141, 0.3); -moz-box-shadow:0 2px 4px rgba(146, 139, 141, 0.3); -webkit-box-shadow:0 2px 4px rgba(146, 139, 141, 0.3); }
.article .box { background:rgba(255, 255, 255, 1); border-bottom:1px solid rgba(146, 139, 141, 0.3); min-height:50px; box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; }
.tab-content { padding:30px 15px; }
/* --- COLLECTIONS --- */
.collections { padding-top:20px; }
.collections .row { display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; padding: 20px; }
.collections h2 { min-width: 100%; border-bottom:1px solid rgba(146,139,141,0.2); padding-bottom:0.70em; font-weight:300; text-transform:uppercase; text-align:center; font-size:20px; letter-spacing:0.15em; margin-bottom:45px; }
.collection img { max-width:100%; }
.collections .collection { width: 100%; display: block; max-width: 100%; padding: 10px; }
.collection, .collection * { text-align:center; text-decoration:none !important; cursor:pointer !important; }
.collection h5 { margin-top:0; margin-bottom:20px; color:rgba(146,139,141,1); } /* rgba(0,0,0,1) */
.collection:hover > h5 { color:#7C211E; text-decoration:none !important; }
@media (min-width: 767px){
.collections .collection { width: 100%; display: block; max-width: 100%; }
}
@media (min-width: 991px){
.collections .collection { max-width: 33.3334%; }
}
@media (min-width: 1200px){
.collections .collection { max-width: 20%; }
}
.og-details h3 { color:rgba(0,0,0,1); font-weight:200; font-size:44px; padding:10px 0 10px; margin-bottom:10px; }
.og-details p { color:rgba(0,0,0,0.8); font-weight:200; font-size:16px; line-height:22px; }
.og-details p b { color:rgba(0,0,0,1); font-weight:600; text-transform:uppercase; font-size:12px; }
/* --- IFRAME CONTENT --- */
.catalogue-wrap,
.video-wrap { text-align:center; }
.issuu-catalogue { width:290px; height:102px; margin:0 auto 0 auto; }
.youtube-video-player { width:290px; height:163px; margin:0 auto 10px auto; }
@media (min-width: 480px){
.issuu-catalogue { width:450px; height:159px; }
.youtube-video-player { width:450px; height:253px; }
}
@media (min-width: 767px){
.issuu-catalogue { width:720px; height:254px; }
.youtube-video-player { width:720px; height:450px; }
}
@media (min-width: 991px){
.issuu-catalogue { width:940px; height:481px; }
.youtube-video-player { width:940px; height:529px; }
}
@media (min-width: 1200px){
.issuu-catalogue { width:1140px; height:552px; }
.youtube-video-player { width:1140px; height:641px; }
}
/* -- Pagination -- */
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active:hover > a,
.pagination > .active:hover > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus { background:#7C211E !important; background-color:#7C211E !important; color:white !important; }
/* --- Log In --- */
.log-in-form { margin:100px auto; padding:10px 30px 30px 30px; max-width:330px; height:auto; background:white; border:1px solid rgba(146,139,141,0.5); border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; box-shadow:0 1px 4px rgba(146,139,141,0.4); -moz-box-shadow:0 1px 4px rgba(146,139,141,0.4); -webkit-box-shadow:0 1px 4px rgba(146,139,141,0.4); }
.log-in-form .text-center { color:rgba(146,139,141,1); font-size:0.8em; font-weight:400; margin:15px 0 0 0; padding:0; }
.log-in-form .text-center a { color:#7C211E; font-weight:500; }
/* --- Superbox --- */
.superbox-active { word-spacing: 0; letter-spacing: 0; font-size: 0; margin-bottom:50px; }
.superbox-active * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; word-spacing: normal; letter-spacing: normal; font-size: 16px; }
.superbox-active h6 { font-size:12px !important; font-weight: 500;}
.superbox-active .superbox-list { display:inline-block; width:50%; zoom:1; text-align:center; vertical-align:bottom; position:relative; }
.superbox-active .superbox-O:before { top:auto; bottom:0; z-index:1000; border:solid transparent; content:" "; height:0; width:0; position:absolute; pointer-events:none; border-bottom-color:rgba(146,139,141,0.2); border-width:15px; left:50%; margin:5px 0 0 -15px; }
.superbox-active .superbox-list img { position:relative; max-width:100%; height:auto; vertical-align:bottom; cursor:pointer; }
.superbox-active .superbox-list img:hover { opacity:.8; }
.superbox-active .superbox-show { position:relative; display:none; float:left; min-height:1px; padding:5% 0; width:100% !important; height:auto; max-height:none; background:rgba(146,139,141,0.2); border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; margin-bottom:50px; }
.superbox-active .superbox-show img.superbox-current-img { max-width:90%; background-color:white; display:block; float:none; border:0; margin:0 auto; box-shadow:0 1px 4px rgba(146,139,141,0.4); opacity:0; }
.superbox-active .superbox-show div.superbox-current-img-box { width:100%; max-height:100%; display:block; float:left; text-align:center; padding-right:0; }
.superbox-active .superbox-show div.superbox-current-img-box .product_sku { display:block; text-align:center; color:rgba(146,139,141,1); position:relative; top:-26px; font-size:13px; font-weight:400; text-transform: uppercase; }
.superbox-active .superbox-show div.superbox-current-img-box .product_sku:before,
.superbox-active .superbox-show div.superbox-current-img-box .product_sku:after { clear:both; float:none; display:block; content:""; }
.superbox-active .superbox-show div.superbox-current-img-box .product_sku:hover { color:#7C211E; }
.superbox-active .superbox-show .superbox-text { opacity:1.0; width:90%; margin-left:5%; margin-top:6%; display:block; float:left; text-align:left; padding:0px; }
.superbox-active .superbox-show .superbox-text h3 { color:rgba(0,0,0,1); font-weight:100; font-size:30px; line-height:34px; margin-top:-5px; }
.superbox-active .superbox-show .superbox-text p { margin-bottom:0; }
.superbox-active .superbox-show .superbox-text .socialLinks { padding:0; height:44px; width:auto; display:block; }
.superbox-active .superbox-show .superbox-text .socialLinks a { padding:0; background:rgba(0,0,0,1); border:1px solid rgba(0,0,0,0.15); display:block; float:left; text-align:center; clear:none; width:34px; line-height:28px; margin-right:5px; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
.superbox-active .superbox-show .superbox-text .socialLinks a .fa { font-size:20px; color:rgba(255,255,255,1); line-height:30px; padding:0; margin:0 auto; text-align:center; }
.superbox-active .superbox-show .superbox-text .socialLinks a.facebook:hover { background:#475a95; }
.superbox-active .superbox-show .superbox-text .socialLinks a.twitter:hover { background:#61abea; }
.superbox-active .superbox-show .superbox-text .socialLinks a.weibo:hover { background:#b13131; }
.superbox-active .superbox-show .superbox-text .socialLinks a.instagram:hover { background:#3e729a; }
.superbox-active .superbox-close, .superbox-active .superbox-prev, .superbox-active .superbox-next { position:absolute; width:30px; height:30px; color: #fff; text-decoration: none; opacity:0; cursor:pointer; }
.superbox-active .superbox-close { top:20px; right:15px; }
.superbox-active .superbox-close .glyphicon { color:rgba(146,139,141,0.4); }
.superbox-active .superbox-close .glyphicon:hover,
.superbox-active .superbox-close .glyphicon:focus { color:rgba(146,139,141,1); }
.superbox-active .superbox-prev, .superbox-active .superbox-next { top:50%; margin-top: -15px; }
.superbox-active .superbox-prev { left:10px; }
.superbox-active .superbox-next { right:10px; }
.superbox-active .superbox-show > a > i { font-size: 30px; }
.superbox-active .superbox-close:hover, .superbox-active .superbox-prev:hover, .superbox-active .superbox-next:hover { text-decoration:none; opacity:1 ! important; }
.superbox-active .superbox-float { float:left; }
/* --- Resonsive Rules --- */
.superbox-active .superbox-2 { width:50%; }
.superbox-active .superbox-4 { width:25%; }
.superbox-active .superbox-5 { width:20%; }
.superbox-active .superbox-8 { width:12.5%; }
@media (min-width: 411px) {
.superbox-active .superbox-close { top:2.45%; right:1.6%; }
.superbox-active .superbox-show img.superbox-current-img { max-width:100%; max-height:auto; }
.superbox-active .superbox-show div.superbox-current-img-box { width:50%; height:auto; max-height:none; padding:0 5%; }
.superbox-active .superbox-show .superbox-text { width:50%; margin-left:0; margin-top:0; padding-right:5%; }
.superbox-active .superbox-show .superbox-text h3 { font-size:28px; line-height:30px; }
}
@media (min-width: 767px) {
.superbox-active .superbox-show { max-height:50%; }
.superbox-active .superbox-show img.superbox-current-img { max-width:100%; max-height:80%; }
.superbox-active .superbox-show div.superbox-current-img-box { max-height:100%; }
.superbox-active .superbox-show .superbox-text h3 { font-size:36px; line-height:33px; }
}
@media (min-width: 991px) {
.superbox-active .superbox-show img.superbox-current-img { max-width:100%; max-height:75%; }
.superbox-active .superbox-show .superbox-text h3 { font-size:42px; line-height:40px; }
}
@media (min-width: 1200px) {
/**/
}
.product_sku { display:block; cursor:pointer; text-align:center; color:rgba(146,139,141,1); position:relative; top:0px; padding-bottom:30px; font-size:13px; font-weight:400; text-transform: uppercase; }
.product_sku:before,
.product_sku:after { clear:both; float:none; display:block; content:""; }
.product_sku:hover { color:#7C211E; }
/* -- Admin Styles -- */
.panel-default > .panel-heading { font-weight:600; }
.mce-tinymce.mce-panel { border:1px solid #ccc !important; }
.mce-btn-group .mce-last { border-right:1px solid #ccc !important; }