/* ===========================================================================================================
EXTRA THEME RELATED CHANGES
=========================================================================================================== */
/* common used classes */
.clear {clear:both;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.hidden {display:none;}
.gui-blog-article p {margin-bottom:20px;}
.gui a.gui-action-delete {background-repeat:no-repeat;}
img {max-width:100%; height:auto;}
/* img:hover {opacity:0.8;} */

/* Form Elements */
header #formSearch {max-width:100%; width:250px;}
header input[type="text"] {border-color:#bbb; width:100%; max-width:250px;}
input[type= "submit"], input[type= "button"], button {border:none;}

.topnav .container > .leftlinks, .topnav .container > .rightlinks {margin-top:8px; position:relative;}
.rightlinks .cart.right, .rightlinks .my-account.right, .right.comparelink {margin-top:8px;}
.topnav .leftlinks option, select option {padding:5px 10px; border-right:1px solid;}
.topnav .leftlinks select {padding:0;}
.topnav .languages {width:auto;margin-right:10px;}
.topnav .currencies {width:auto;}
.topnav .currencies a {clear:both; float:left; display:none; visibality : hidden; opacity:0; min-width:80px; border:1px solid #e2e2e2; background:#f1f1f1; padding:5px 10px; border-top:none;}
.topnav .currencies a.active, .topnav .currencies a:first-child {border-top:1px solid #e2e2e2;}
.topnav .currencies:hover a, .topnav .currencies .active {display:block; visibality : visible; opacity:1;}
.topnav .currencies a:hover, .topnav .currencies .active {background:#d32e2e; color:#fff;}


/* Custom Select Box */
select, .topnav .leftlinks select {background:#fff url('selectarrow.png') 100% 50% no-repeat; border:1px solid #ddd; padding:0 30px 0 10px; line-height:28px; -moz-appearance:none; -webkit-appearance:none; cursor:pointer; border-radius:0;/* min-width:65px;*/height:30px;}
.sidebar select {line-height:30px;}
.sidebar select option {padding:5px;}

/* Message Notifications */
.gui-messages ul, .messages ul { margin-bottom: 20px; color: #444; background:#efefef; border:1px solid #dedede;}
.gui-messages ul.gui-info {background:#efefef; border:1px solid #dedede;}
.gui-messages ul.gui-success {background: #d7fae1; border:1px solid #a1efb7;}
.gui-messages ul.gui-error {background: #fcd6d4; border:1px solid #fb9994;}
.gui-blog-article-more {clear:both; padding-top:20px; text-align:right;}
.gui-blog-comment .gui-messages {display:none;}
/* #gui-wrapper.gui-checkout .gui-progressbar.gui-fixed {position:relative !important; z-index:1 !important;} */

/* .gui-checkout .gui-progressbar.gui-fixed {margin-top:63px;} */




/* ===========================================================================================================
THEME STYLING
=========================================================================================================== */
body {margin-top:0 !important;}

.wsa-demobar {opacity:0.8;} /* Demo bar */
.wrapper > .content, .textpage {min-height:400px;}
/* Tags */
/* .tags a:before {color: #ccc; content: "\f02b"; font-family: FontAwesome; font-size: 18px; padding-right: 5px;} */
.tags a { font-size: 14px;  background-image: url('tag.png'); background-position:0 0; background-size:24px 100%; background-repeat:no-repeat; padding:3px 10px 3px 20px; border-radius:0 3px 3px 0; text-decoration:none; margin-right:8px; margin-bottom:10px; display:block; float:left;}
.products .product .image-wrap .product-tags {  position: relative; z-index: 1;}
.products .product .image-wrap .sale-new.sale {top:15px; left: auto; right: -25px; position:absolute; width:100px;  -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg);}
.products .product .image-wrap .sale-new {background:#d32e2e; top:8px; right:auto; left:-20px; position:absolute; width:80px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

/* Site buttons */
.products .product .image-wrap .btn.addtocart {display:block; font-size:14px; font-weight:bold; margin:-20px auto 0;}

/* Header */
header.sticky .navigation {background: #fff; left: 0; margin: 0 auto; opacity: 0.9; position: fixed; top: 0; width: 100%; z-index: 3; padding:10px 0; border-bottom:1px solid #e2e2e2;}
/* USP Bar */
.proswrapper {border: 1px solid #efefef; border-left:none; border-right:none; margin-bottom: 20px; background:#fff;}
.pro .box {color: #444; padding: 5px 0; font-weight:bold;}
.pro .box > span {display:none;}
.pro:first-child .box {border-left:none; padding-left:10px;}

.proswrapper.custom {border-left:none; border-right:none;}
.proswrapper.custom .pros span {display: inline-block; font-weight: bold; margin: 5px 40px;}


/* If Headline Slider than Right Add Banners*/
header.sticky .navigation > .align {width:100%; max-width:1180px; margin:0 auto;}
.sliderbanner-right {margin-bottom:20px;}
.sliderbanner-right li {margin-top:20px;}
.sliderbanner-right li:first-child {margin-top:0;}
.homeslider .col-lg-9 .slider img {/* max-height:400px; */ width:auto; margin:0 auto;}

/* If no Headline Slider than Right Add Banners*/
.sliderbanner-right.no-slider {width:100%;}
.sliderbanner-right.no-slider li {margin-top:0; width:50%;}

/* Search Auto Complete */
.autocomplete {padding:0; top:31px;}
.autocomplete.noresults {display:none !important;}
.autocomplete .products, .autocomplete .more {padding:15px;}
.autocomplete .more {border-top:1px solid;}
.autocomplete:before {content:"\f0de"; font-family:FontAwesome; font-size:15px; position:absolute; top:-6px; left:10px;}
.autocomplete h4 {font-size:14px; font-weight:normal; margin-bottom:10px;}
.autocomplete h4 p {margin-bottom:10px;}
.autocomplete img {float:left; marign-right:10px;}
.autocomplete .products .product {margin:0 auto; overflow:hidden;}
.autocomplete .searchcontent {margin-left:45px;}

/* Navigation */
nav.desktop .item {position:relative;}
nav.desktop .subnav {left:0; right:auto;}
nav.desktop li.item.menu-item-right .subnav {left:auto; right:0;}

/* Second Level */
nav.desktop .subnav .subnav {padding:0 0 0 7px; left:100%; background:none;}
nav.desktop .subnav .subnav:after {content:"\f0d9"; font-family:FontAwesome; font-size:20px; position:absolute; top:8px; left:0;}
nav.desktop li.item.menu-item-right .subnav::before {left:auto; right:10px;}
nav.desktop li.item.menu-item-right .subnav .subnav {left:auto; right:100%; padding:0 7px 0 0;}
nav.desktop li.item.menu-item-right .subnav .subnav:after {content:"\f0da"; font-family:FontAwesome; font-size:20px; position:absolute; top:8px; left:0;}
/* nav li ul {overflow:auto;} 
nav.desktop ul ul, nav.desktop ul ul li {overflow-y:auto; overflow-x:hidden;}*/


/* Header Preset - 1 */
.Preset_1 nav.desktop .subnav {background-color:transparent;}
.Preset_1 .navigation {padding:0;}
.Preset_1 .logo {display:block; margin:20px auto; text-align:center; float:none; clear:both; width:100%;}
.Preset_1 .logo a {display:table;}
.Preset_1 .logo a, .Preset_1 .logo a img {margin:0 auto; text-align:center;}
.Preset_1 nav.nonbounce.desktop.vertical {clear: both; display: block; float: left; width: 100%; padding: 10px 0; margin: 0 auto 20px; border-top: 1px solid; border-bottom: 1px solid;}
.Preset_1 nav.desktop > ul {margin: 0 auto; text-align: center; float:none;}
.Preset_1 nav.desktop .item {text-align:left; float:none; display:inline-block;}
.Preset_1 .left.leftlinks {float:right !important;}
.Preset_1 .right.rightlinks {float:left !important;}
.Preset_1 .topnav .currencies, .Preset_1 .topnav .languages {width: auto; float: right !important; margin-left:10px;}
.Preset_1 .right.headersearch {float:left !important;}
.Preset_1 #formSearch {margin-left:auto;}

/* Header Preset - 2 */
.Preset_2 .logo {display:block; margin:20px auto; text-align:center; float:left; clear:none; width:auto;}
.Preset_2 .logo a {display:block; float:left;}
.Preset_2 nav.desktop .subnav {background-color:transparent;}
.Preset_2 .navigation {padding:0;}
.Preset_2 nav.nonbounce.desktop.vertical {clear: both; display: block; float: left; width: 100%; padding: 10px 0 11px; margin: 0 auto 20px; border-top: 1px solid; border-bottom: 1px solid;}
.Preset_2 nav.desktop > ul {margin: 6px auto 0; text-align: left; float:left;}
.Preset_2 nav.desktop .item {text-align:left; float:none; display:inline-block;}
.Preset_2 nav.desktop .item:first-child a {padding-left:0;}
.Preset_2 nav.desktop .item .subitem a {padding:10px;}
.Preset_2 .Preset_2Search, .Preset_2 .Preset_2HeaderRight {display:block !important; float:right;}
.Preset_2 .headersearch {position:relative;}
.Preset_2 .headersearch .searchicon { position: absolute; right: 0; top: 0; padding: 3px 6px; cursor: pointer;}
.Preset_2 .autocomplete {margin-left:10px;}
.Preset_2 .autocomplete:before, .Preset_2 .topnav {display:none;}
.Preset_2 .left.leftlinks {float:right !important; margin-top:10px; clear:both;}
.Preset_2 .left.leftlinks .left {margin-left:10px;}
.Preset_2 .right.rightlinks {clear:both;}
.Preset_2 .rightlinks .cart.right, .Preset_2 .rightlinks .my-account.right, .Preset_2 .right.comparelink {font-size:13px; text-decoration:none; margin-left:20px;}



/* HOme Page */
.homeAddBanners {margin-bottom:20px;}

/* Owl Slider buttons */
.owl-buttons {float: right; position: absolute; right: 0; top: -74px; width: 72px;}
.owl-prev::before, .owl-next::before {border: 2px solid #ccc; border-radius: 50%; color: #ccc; display: block; float: left; font-family: "FontAwesome"; font-size: 28px; height: 30px; line-height: 23px; width: 30px;}

.homeslider .banner .headline {margin-bottom:20px;}


#related-product.owl-carousel .owl-wrapper-outer {margin-top:15px; clear:both; float:left; width:100%;}
.owl-prev:before {content:"\f104"; margin-right:4px;}
.owl-next:before {content:"\f105";}

.products .owl-wrapper .product {margin-bottom:0;}

/* Home Page Tabs */
.resp-accordion {display:none;}
.resp-tabs-container {clear: both; margin-top:35px; float:left; width:100%;}
.owl-item .item {margin-left: 10px; margin-right: 10px;}
#tabs ul, .relatedproduct {border-bottom: 1px solid; margin: 0 auto; position: relative; float:left; width:100%;}
#tabs > ul li, .relatedproduct > h3 {color: #666; cursor: pointer; font-size: 16px; line-height: 16px; padding: 15px 26px; text-transform: uppercase; float:left; width:auto; position:relative;}
#tabs ul li.resp-tab-active {background: #d32e2e;}
#tabs ul li.resp-tab-active:after, .relatedproduct > h3:after, .tabs ul li.active a:after {top: 100%; left: 35px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-width: 20px; margin-left: -20px;}

.tab-container .products .product {margin-bottom:0;}

.categories.row .homecategory {overflow: hidden;}
.categories.row .homecategory .category, .categories .category {padding-left:10px; padding-right:10px; margin-bottom:20px;}
.categories.row .homecategory .category > a, .categories .category > a  {border:1px solid #efefef; display:block;}
.categories .category span.title {border: 1px solid; top: 0; display: block; float: left; left: 10px; margin: 0; padding: 5px 10px; position: absolute;}
.categories .category span.amount {border: 1px solid #efefef; bottom: 0; padding: 5px 10px; position: absolute; right: 10px; color:#fff;}


/* Brand Slider */
h3.brandtitle {margin:20px auto;}
h3.tagtitle {margin-top:50px;}
.brands {overflow:hidden;}
.brands .slider {margin-bottom:0; clear:both; overflow:hidden;}
.brands .slider ul {margin-left:-10px;}
.brands .slider li {margin:0 10px; max-width:280px;}

/* Tags on Home Page */
.tags-actions {margin:20px -10px 0;}
.tags .tags-actions {margin:20px auto 0;}
.page.tags .tags-actions {margin:0 auto;}

/* Home Blog */
.blog-header > h3 {margin: 30px auto 20px;}
.blog-articles.row .description > h4 a {font-size: 15px; font-weight: bold; clear:both; display:block; margin-top:10px;}
.blog-articles.row .date {font-size:12px; font-style:italic; text-align:left; float:left; display:block;}
.blog-articles.row .article-content {clear:both;}
.article-content a.right {clear: both; display: block; font-weight: normal;}
.blog-articles img {border: 4px double; margin-top: 5px;}



/* Footer */
footer {margin-top:50px;}
.social-media .social-icon {border-radius:100%; margin-left:6px;}
.social-media .social-icon:first-child {margin-left:0;}
.social-media > span {position:relative; top:-8px; font-size:18px;}

footer form {display:block;}
footer .formLogin > input {clear: both; float: left; margin-bottom: 10px; max-width:260px;}
footer .formLogin > input.btn {padding-left:20px; padding-right:20px; position:relative; margin-top:10px; border-radius:0;}
footer .formLogin > label {float:left; display:block; clear:both; padding:15px 0; margin:0 auto;}

footer .links.row {padding:20px 0;}
footer .links.row ul {margin-bottom:30px; overflow:hidden;}
/* .links.row li {width:50%; float:left;} */
.footerloginlinks.clear li {width:100%;}
.links.row li a:before {content:"\f105"; font-family:FontAwesome; margin-right:10px;}
.links.row li a:hover, .links.row li a:focus,  .links.row .contact.email a:hover, .links.row .contact.email a:focus {text-decoration:none;}
footer .links.row > div > strong, footer .footerbottom .paymentmethod > strong {font-size:18px; margin-bottom:10px; display:block; text-transform:uppercase;}
footer .links.row > div > strong.addresstitle {display:block; clear:both; text-transform:none; color:#444; font-size:14px; margin:0 auto;}
.paymentmethod a {display: block; float: left; margin: 0 5px 10px; height: 30px;}
.paymentmethod a > img {max-width:45px;}
.paymentmethod {margin-left:-5px;}
.paymentmethod > strong {margin-left:5px;}
.contact.email > a:before {border: 1px solid; border-radius: 50%; content: "@"; display: inline-block; font-size: 16px; font-weight: bold; height: 25px; line-height: 18px; margin-right: 10px; text-align: center; width: 25px;}
.contact.phone:before {border: 1px solid; border-radius: 50%; content: "\f095"; display: inline-block; font-family: FontAwesome; font-size: 16px; height: 25px; line-height: 25px; margin-right: 10px; text-align: center; width: 25px;}
.contact.phone {margin-bottom:10px;}

.FooterSeals iframe {float: left; height: 110px; margin: 0 10px 10px 0; /* max-width: 45%; */}
.FooterSeals iframe:first-child {top:-5px; position:relative; height:120px;}



/* Blog Page */
.gui-blog-article ul {overflow:hidden;}
.gui-blog-commentlist article.gui-blog-comment-admin{padding-right:20px;}
.gui-blog-commentlist header img {left:10px;}
.gui-blog-commentlist header {height: auto; padding: 8px 15px; background:#f5f5f5; overflow:hidden;}
.gui-blog-commentlist .gui-blog-comment-admin header {background:#fff;}
.gui-blog-commentlist p {padding:10px 15px 20px;}
.gui-checkout .gui-progressbar ul li.gui-done a:first-child {background-image:none;}
.gui-checkout .gui-progressbar ul li.gui-done a, .gui-checkout .gui-progressbar {background-color:#fff;}
.gui ul.gui-products li .gui-products-title {white-space:normal; padding-right:30px;}
.gui-image-50 img {max-width:none !important;}

.gui-block-productlist li .gui-block-productlist-text a {white-space:normal;}
.gui ul.gui-products li .gui-products-option, .gui-block-productlist li .gui-block-productlist-option {top:10px; right:10px;}



/* Common Product Item */
.products .product .image-wrap img {overflow:hidden; -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear;}
.products .product:hover .image-wrap .description {padding:0; background-color: #fff; opacity: 0.9; border:1px solid #e2e2e2; border-bottom:none; /* cursor:pointer; */}
.products .product .image-wrap:hover .description a .text {color:#444;}


 .products .product:hover .image-wrap img {-moz-transform: scale(1.02); -webkit-transform: scale(1.02); -o-transform: scale(1.02); -ms-transform: scale(1.02); -webkit-transition: all .4s linear; -moz-transition: all .4s linear; -ms-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; opacity:0.5;}


.image-wrap .description .glyphicon {width: 50px; height: 50px; display: inline-block; margin: 30px 5px 0 ; background: #444; border-radius: 100%; font-size: 15px; line-height: 45px; color:#fff; border:2px solid #444;}
.image-wrap .description .glyphicon:hover {background:#fff; color:#444;}
.products .product .image-wrap .description .stars {margin-bottom: 10px; text-align:center;}
.image-wrap .description .stars .glyphicon {background: none; width: auto; color:#444; height:auto; line-height:normal; margin:0 auto; border:none;}
.product .info, .product .info small {color:#d32e2e;}
.products .product .info .title {text-align:center;}
.products .product a .sale-new {color:#fff;}
.productbottom.row {float:left; width:100%; clear:both; margin:10px auto;}
.product-option, .product-price {overflow:hidden;}
.product-info .product-price {padding:0;}
.products .product {background:#fff; position:relative; overflow:hidden;}
.products .product .description .text > .clear { position: absolute; bottom: 88px; left: 50%; margin-left: -88px; position: absolute;}
.products .product .text > a {display:block;}

.products .product:hover .image-wrap .description.btncover {height:auto !important; background:none; position:absolute; top:50%; bottom:auto; margin-top:-30px; border:none;}
.products .product:hover .image-wrap .description.btncover .btn.addtocart {text-align:center; margin:20px auto 0;}
.products .product:hover .image-wrap .description .glyphicon {text-align:center; margin:0 5px;}
.products .product:hover .image-wrap .description > .clear {text-align:center; margin:0 auto;}

div.stars {margin:0 auto; text-align:center; clear:both;}
#review-tab div.stars {text-align: left;}
#review-tab .bottom .right {clear: both; display: block; float: left !important; width: 100%;}
div.stars .glyphicon-star {color:#fab42a;}
div.stars .glyphicon-star.no-star {color:#d1d1d0;}
.pricebox {text-align: center; font-size:16px; font-weight:600;}
.pricebox small.srp {margin-right: 20px;}
.pricebox small.srp, .products .product .info .old-price {font-size:14px; font-weight:normal;}
.products .product .viewbtn {background: #d32e2e; border-radius: 50%; color: #fff; display: block; font-size: 16px; font-style: italic; font-weight: bold; height: 80px; line-height: 80px; margin: 0 auto; text-align: center; width: 80px; opacity:0.9;}

.ratingwrapper {min-height:20px; margin:0 auto; text-align:center;}
.product .ratingwrapper .yotpo .pull-left {float: none !important; margin: 0 auto !important; text-align: center !important;}

.brandtitletag {bottom: 8px; font-size: 14px; font-style: italic; left: 0; line-height: normal; padding: 5px 7px; position: absolute; z-index: 1;}
.brandtitletag.list {bottom:auto; top:8px;}



/* Product List View */
.products .product.list .image-wrap img {max-width:200px; border:none; margin:20px 0 20px 20px;}
.products .product.list .image-wrap a { float:left;}
.products .product.list .image-wrap .description {position:relative; height:100% !important; width:auto !important; opacity:1;}
.products .product.list .image-wrap .description a {float:none;}
.products .product .image-wrap .description .text {overflow:visible;}
.products .product.list .image-wrap .description {border:none; padding:20px;}
.products .product.list .description.text-center .text > a {text-align:left;}
.products .product.list .description.text-center .text > .clear a {float:none; display:inline-block; *display:inline;}
.products .product.list .image-wrap {border:1px solid #e2e2e2; overflow:hidden;}
.products .product.list .info.strict {min-height:100%; overflow:hidden; background:#efefef; font-size:18px; margin-top:20px; padding:8px 15px;}
.products .product.list .description .text > .clear {position:relative; bottom:0; left:0; margin-left:auto;}
.products .product.list .image-wrap .description .glyphicon {margin:20px 5px 0;}
.products .product.list .image-wrap .description .glyphicon.glyphicon-star {color:#fab42a; margin:10px auto;}
.products .product.list .image-wrap .description .glyphicon.glyphicon-star.no-star {color:#d1d1d0;}
.product.list .description > h2 {margin-top:20px;}



/* Category and Inner Pages */
.breadcrumbs {margin:0 -10px 20px;}
.breadcrumbs a:first-child {margin-left:0;}
.page-title.row {margin-top:40px; margin-bottom:20px;}
.sidebar .subtitle {font-size: 16px; font-weight: normal; margin-bottom: 20px; padding: 10px;}
.sort .sidebar .subtitle {margin-bottom:10px;}
 
.sidebar .box {margin:0 10px;}
.sidebar .box h3.subtitle {margin:20px -10px;}
.sidebar .box:first-child h3.subtitle {margin-top:0;}
.sidebar .sidecategorylist.box h3 {margin-bottom: 0;}


/* Product Details */
.thumbs.row {margin-top:20px}
.thumbs a {cursor:pointer; padding:8px 0; display:block;}
.thumbs img {/* margin-bottom:15px; */ border:1px solid;}
.relatedproduct {margin-bottom:20px;}
.relatedproduct > h3 {margin:0 auto; }
.thumbs > div {position:relative;}
.product-wrap .col-md-1.col-sm-1 {padding-top:10px; padding-bottom:10px; }
/*.thumbs .active:after {content: "\f0da"; font-family: FontAwesome;font-size: 25px; position: absolute; right: -8px; top: 22%;} */
.thumbs .active img {opacity:0.5;}
.product-tabs.clear {margin:40px auto;}
.product-page {font-size:16px; color:#000; font-weight:normal; margin:0 auto;}
.label, .product-configure-options-option label {float:left; min-width:140px;}
.cart .label {min-width:90px; margin-top:7px;}
.product-price .value {float:left;}
.spec-title {padding-right:10px;}
.review > strong {font-size:150%; line-height:normal}
.review > small {clear: both; display: block; font-style: italic;}
.product-info .clear {margin:10px auto;}
.cart.clear .actions.left {overflow: hidden;}
.right.icons a {margin-left:10px;}
.right.icons a:hover {text-decoration:none; color:#444; }
.price > strong {font-size: 40px;}
.in-stock {color: #00a651;}
.out-of-stock {color:#d32e2e;}
.social-media.clear {float: left; padding: 10px 0 20px; width: 100%; border-bottom:1px solid;}
.strict-shipping.row {clear:both;}

.product-tabs .resp-tabs-container {margin-top:-1px; padding-top:35px; border-top:1px solid;}
.product-tabs #tabs ul {border:none;}
.tab-content {max-height:100% !important;}
.products.related {clear:both; margin-top:20px; float:left; width:100%;}

/* Product thumb Verticle Carousel */
.cycle-carousel-wrap {max-width:100%;}
.product-wrap #prev3, .product-wrap #next3 {position:absolute; z-index:3; left:0; line-height:normal; width:90%;}
.product-wrap #prev3 {margin-top:-13px;}
.product-wrap #next3 {bottom:0; margin-bottom:-3px;}

.product-wrap #prev3 i:before {background:#efefef; color: #444; content: "\f0d8"; font-family: fontawesome; font-size: 20px; line-height: normal; opacity: 0.9; position: absolute; text-align: center; top: 0; width: 90%; margin-left:10px;}
.product-wrap #next3 i:before {background:#efefef; color: #444; content: "\f0d7"; font-family: fontawesome; font-size: 20px; line-height: normal; opacity: 0.9; position: absolute; text-align: center; bottom: 0; width: 90%; margin-left:10px;}

.images #prevmain, .images #nextmain {display:none;}
.images #prevmain.disable, .images #nextmain.disable {opacity:0.3; cursor:default;}

.price-wrap.clear .shipping-cost {display:inline; width:auto;}

.product-configure-custom-option input, .product-configure-custom-option textarea, .product-configure-custom-option select{max-width:100%; clear:both; float:none;}

.thumbs.cycle-slideshow {min-height:350px;}



/* Yotpo Review */
.yotpo .text-box {clear:both; width:100% !important; min-width:100% !important; padding:10px !important; float:left;}
.product.list .yotpo .pull-left {text-align:center !important; float:none !important;}
#yotpo_stars .yotpo a {text-transform:uppercase !important;}




/* Tree View Styling */
.sidebar .treeview .item {border:none; padding:0;}
.sidebar .treeview .item a {padding:10px 0; display:block; border-top:1px solid #ddd; margin:0 auto;}
.sidebar .treeview .item:first-child > a {border:none;}
.sidebar .treeview .item .subitem > a {padding:10px;}
.sidebar .treeview .item .subitem li > a {padding:10px 10px 10px 20px;}



/* Content Page */
.page p {text-align:justify;}

.page h1, .page h2, .page h3, .page h4, .page h5, .page h6 {margin-bottom:20px; line-height:normal;}
.page h2 {font-size:1.550em;}
.page h3 {font-size:1.450em;}
.page h4 {font-size:1.350em;}
.page h5 {font-size:1.250em;}
.page h6 {font-size:1.150em;}
.page ol {padding-left:20px;}
.page ul {padding-left:7px;}
.page blockquote {background: #f2f2f2; border-left: 3px solid; margin: 20px 35px; padding: 10px 20px;}

.page table {border-collapse:collapse;}
.page table th, .page table td {padding:5px 10px; border:1px solid #ddd;}
.page table td {padding:2px 10px;}
.page table th {background:#f2f2f2;}

.page .documentation h3 {background: #f2f2f2; border-left: 3px solid; font-weight: normal; margin-top: 20px; padding: 10px 15px;}
.page .documentation h2 {padding-bottom:0; margin-bottom:0;}

/* GUI Block Styling */
.gui-block-title {background-color: #f2f2f2; color: #888; text-transform: uppercase;}
.gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image, .gui-input, .gui-text, .gui-select, .gui-number {border-color:#ddd;}
.gui-select select {line-height:normal;}
/* .gui-blog-article-comments span, .gui-blog-article-comments a:hover span {background:none;} */
.gui-blog-article-comments a {position:relative;}
/* .gui-blog-article-comments a:before {content:"\f086"; font-family:FontAwesome;  color:#444; font-size:35px; position:absolute; left:0; top:0; line-height:normal; z-index:1;} */
.gui-blog-article-comments span {line-height:25px; width:30px; position:relative; z-index:3;}

.gui-div-sitemap-sitemap .gui-list {float:left; width:32%; margin-left:2%;}
.gui-div-sitemap-sitemap .gui-list:first-child {margin-left:0;}
.gui-div-sitemap-sitemap .gui-spacer {display:none;}

#gui-form-cart .gui-button-small {float:right;}

/* Checkout Page Styling */
.gui-checkout .gui-progressbar ul li a {color:#abb3b3 !important;}
.gui-checkout .gui-progressbar ul li.gui-active a {color:#333 !important;}
.gui-checkout .gui-progressbar ul li.gui-done a span {background-position:-54px -7px !important; opacity:0.5;}

/* OL UL Styling */
.tab-content ul, .tab-content ul li,  .contentbox ul, .contentbox ul li {list-style:disc;}
.tab-content ul, .contentbox ul, .contentbox ol {padding-left:20px;}

/* bundle product styles */

.bundleProducts { margin-top:40px; }

.bundleProductsTitle { margin-bottom:30px; }
.bundleProductsTitle > h3 {margin:0 auto; }

.bundleProductsTitle {border-bottom: 1px solid; position: relative; float:left; width:100%;}
.bundleProductsTitle > h3 {color: #666; cursor: pointer; font-size: 16px; line-height: 16px; padding: 15px 26px; text-transform: uppercase; float:left; width:auto; position:relative;}
.bundleProductsTitle > h3:after {top: 100%; left: 35px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-width: 20px; margin-left: -20px;}

.bundledMain { padding-right:65px; background:url(bundle-plus.png) right center no-repeat;} 
.bundledMain .image-wrap { border:1px solid #efefef; margin-bottom:10px; height:235px; overflow:hidden; }
.bundledMain .info .title { color: #888888; text-align: center; display: block;  font-weight: 600; line-height: 20px;  text-decoration: none; } 
.bundledMain .info .title:hover { color: #d32e2e;}

.bundledWrap .bundled { float:left; width:100%; padding:0 10px; }
.bundledWrap .bundled .image-wrap { margin-bottom:10px;}
.bundledWrap .bundled .info { line-height:1.5; text-align:center; }
.bundledWrap .bundled .info a { color: #888888; }
.bundledWrap .bundled .info a:hover { color: #d32e2e; text-decoration:none;}

.bundle-actions {  margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #efefef;}
.bundledCarousel { position:relative; padding:20px 50px; height:235px; overflow:hidden; border:1px solid #efefef; }

.bundlecart .info h4 { font-size:17px;}
.bundlecart .info .discount { color: #333333; margin-bottom:10px; font-weight:700; }
.bundlecart .info .old-price { text-decoration: line-through; }
.bundlecart .info .price { font-weight:700; margin-bottom:10px; font-size:15px; }
.bundledCarousel .owl-buttons { float:none; position:static; right:auto; top:auto; width:auto;}
.bundledCarousel .owl-buttons .owl-prev, .bundledCarousel .owl-buttons .owl-next { position:absolute; width:20px; height:20px; top:50%; margin-top:-10px;}
.bundledCarousel .owl-buttons .owl-prev { background:url(bundle-carousel-arrow.png) 5px 4px no-repeat; left:22px;}
.bundledCarousel .owl-buttons .owl-next { background:url(bundle-carousel-arrow.png) 5px -62px no-repeat; right:22px;}
.bundledCarousel .owl-buttons .owl-prev:hover { background-position: 5px -128px;}
.bundledCarousel .owl-buttons .owl-next:hover { background-position: 5px -194px; }
.bundledCarousel .owl-buttons .owl-prev:before, .bundledCarousel .owl-buttons .owl-next:before { content:""; display:none;}
.bundlecart .info { text-align:right; }
.bundledCarousel .owl-controls { display:block!important;}







.Preset_2HeaderRight, header.Preset_2.sticky .logo, header.Preset_2.sticky .Preset_2HeaderRight, header.Preset_2.sticky .logo {  -webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
transition: all 400ms ease-in-out 0s; }

header.Preset_2.sticky .Preset_2HeaderRight { display:none!important; }
header.Preset_2.sticky .logo { display:none; }
header.Preset_2.sticky nav.nonbounce.desktop.vertical { margin-bottom:0; }




.Preset_1 .logo, header.Preset_1.sticky .logo { -webkit-transition: all 400ms ease-in-out 0s;
-moz-transition: all 400ms ease-in-out 0s;
-o-transition: all 400ms ease-in-out 0s;
-ms-transition: all 400ms ease-in-out 0s;
transition: all 400ms ease-in-out 0s;  }

header.Preset_1.sticky .logo { display:none ; }
header.Preset_1.sticky nav.nonbounce.desktop.vertical { margin-bottom:0; }