/* ------------------------------------------------------------------- */ /* Table of Contents ---------------------------------------------------------------------- 1. Header 2. Navigation 3. Miscellaneous 4. Schortcodes 5. Revolution Slider 6. Royal Slider 7. ShowBiz Carousel 8. Widgets 9. Portfolio 10. Blog Styles 11. Footer 12. Media Queries ----------------------------------------------------------------------*/ /* page builder styles */ #summer-shirts{margin-top:12px; } #summer-shirts .col-md-8{left:6px;} .page-builder-element .block-E.node-picture-post{margin-left:15px;} .page-builder-element .view-content .block-E.node-picture-post{margin-left:0;} /* / ydv added this */ .allriot-shipping-info{display: inline-block;} .allriot-shipping-info .line1{font-size: 22px; color: #666; display: block; font-weight: 600;} .allriot-shipping-info .line2{font-weight: 400; font-size: 14px; margin:4px 0 0 4px; color:#888; display: block} .region-header-left-col .allriot-shipping-info{margin-top:-9px;} .region-header-left-col .allriot-shipping-info .line1{font-size: 16px; color: #444; font-weight: 400;} .region-header-left-col .allriot-shipping-info .line2{font-weight: 400; font-size: 10px; color:#666; margin:0;} .view-products .view-filters a.shipping-info, .view-collections-in-shop .view-filters a.shipping-info{color:#000; text-decoration: underline} .view-products .view-filters a.shipping-info:hover, .view-collections-in-shop .view-filters a.shipping-info:hover{text-decoration: none} .page-user-orders .field.simple-package-tracking-numbers{margin:36px 0 36px;} .page-user-orders .field.simple-package-tracking-numbers table{margin-bottom:7px;} .page-user-orders .field.simple-package-tracking-numbers .field, .page-user-orders .field-label.simple-package-tracking-numbers-label{margin-left:7px;} .page-user-orders .field-label.simple-package-tracking-numbers-label{margin-bottom:7px; font-size: 16px} .page-user-orders th.views-field.views-field-line-item-title{font-weight: 600} .page-user-orders .field.simple-package-tracking-numbers table a{text-decoration: underline} .page-user-orders .field.simple-package-tracking-numbers table a:hover{text-decoration: none} li.wishlist-product span{display:none;} li.wishlist-product span:first-child{display:block;} .at-share-tbx-element .at-icon-wrapper > *{display:none;} #simplenews-confirm-add-form .form-submit{display: block; margin: 17px 17px 0 0;} #simplenews-confirm-add-form a{transition:0.2s ease-in-out; color:#fff; background: #606060; padding: 7px 14px; text-transform: uppercase;font-weight: 700; font-size: 13px;outline: none;position: relative; top:-28px ;left:110px;} #simplenews-confirm-add-form a:hover{text-decoration: none; background: #808080} .rs-form, .ec-form{display:inline-block;} .rs-form{position: relative; top:-21px; margin-left: 20px} .view-commerce-cart-form .paypal-ec-order-form{display: none;} .view-commerce-cart-form #edit-actions #edit-submit{font-size:14px; padding:9px 15px; float:left;} .view-commerce-cart-form #edit-actions #edit-checkout{background-color:#FF9933; font-size:14px; padding:9px 60px;} .view-commerce-cart-form #edit-actions #edit-checkout:hover{background-color:#606060; color:#fff;} .view-commerce-cart-form .view-header{text-align:right; margin-bottom:34px;} .view-commerce-cart-form .view-header a{color:#606060;} .view-commerce-cart-form .view-header a:hover{color:#FF9933;} .shipping-delivery-on-cart{margin-top:50px;} .shipping-delivery-on-cart .col-md-4.col1, .shipping-delivery-on-cart .page-builder-row-title{padding-left: 0 !important} .shipping-delivery-on-cart .col-md-4.col3{padding-right: 0} .shipping-delivery-on-cart .col-md-12{padding: 0} .shipping-delivery-on-cart .page-builder-row-title{margin-bottom: 30px} .paypal_ec_confirm{text-align:center; font-size:16px;} .paypal_ec_confirm span{font-weight:bold;} #edit-pay-now{width:240px; margin:30px 0 30px 50%; position: relative; left:-120px; font-size:18px; background-color:#FF9933; color:#fff;} #edit-pay-now:hover{background-color:#c0c0c0; } #edit-paypal-ec-review{clear: both;} .page-checkout #top-bar, .page-checkout .head, .page-checkout .head{display:none;} .page-checkout .sf-menu{margin-top:0;} .page-checkout #block-allriot-commerce-tools-cart-shipping-delivery{clear:both;} .paypal-ec-order-form, .paypal-bml-order-form, .payment_methods{text-align:center;} #footer-allriot, #footer-bottom, #footer{background-color:#2b2b2b; color:#cccccc; font-size:15px} #footer-allriot{margin-top:50px;} #footer-allriot .container, .node-type-blog .container{width:100%;} #footer-allriot .col-md-12{margin-top:-17px; position:relative;} #footer-allriot .headline{background:#2b2b2b; color:#ccc; font-family:'nevis'; font-size:16px;} #footer-allriot .block{float:left; width:40%;} .allriot_f_l .block:first-child{margin:0 8% 0 2%;} .allriot_f_r .block:first-child{margin:0 10% 0 0;} .allriot_f_l .block:last-child{margin:0 0 0 10%;} .allriot_f_r .block:last-child{margin:0 2% 0 8%;} #footer-allriot ul{margin-top:10px;} #footer-allriot ul li{padding:0 0 8px 15px; background: url(../images/li-triangle.png) left 3px no-repeat;} #footer-allriot ul li a {font-family:'nevis'; color:#ccc; text-transform: uppercase; font-size:11px;} #footer-allriot ul li a.llower{text-transform: capitalize} #footer-allriot ul li a:hover {color:#ff9933} .allriot_f_l{width:33%; float:left;} .allriot_f_c{width:33%; position:absolute; left:33%;} .allriot_f_r{width:33%; float:left; margin-left:34%;} .allriot_f_c #edit-newsletters, .allriot_f_c p, .allriot_f_c .form-type-textfield label, .allriot_f_c #edit-update{display:none;} .footer-logo{background: url(../images/footer-logo.png) 0 0 no-repeat; height:79px; width:80px; margin:0 auto; position:relative; top:-42px;} .allriot_f_c #top-bar{background:none;} .copyright{border-top:1px solid #ccc; color:#666; font-family:'nevis'; font-size:14px; padding: 17px 0; margin-top:30px; text-transform: uppercase; position:relative;} .copyright .ccol-1{float:left; width:33%; text-align:center;text-align: left; font-family:'Open Sans'; font-size:10px;} .copyright .ccol-2{position:absolute; width:33%; left:33%; text-align:center;} .copyright .ccol-3{width:34%; position:absolute; margin-left:66%; text-align: right; font-family:'Open Sans'; font-size:12px;} .copyright .ccol-3 span{margin-right:8px; font-size:10px; position:relative; top:-8px;} .copyright .ccol-3 img{display:inline-block;} #footer-allriot #top-bar .unite{margin-bottom:16px;} #footer-allriot .enlist{padding:30px 0 17px 0;} #footer-allriot #top-bar .social-icons{float:none; width:240px; margin:0 0 0 50% !important; position:relative; left:-120px;} #footer-allriot #top-bar .social-icons li{margin-right:4px;} #footer-allriot #top-bar .social-icons li a{height:33px; width:33px; font-family:'fontello'; text-transform: none} .allriot_f_c span{display:block; clear:both; text-align:center; font-family: 'nevis'; color:#ccc !important; font-size:16px;} .allriot_f_c #edit-mail{border:1px solid #696969; background:#696969; border-radius:0;} .allriot_f_c .form-type-textfield{float:left; margin:0; width:40%; height:34px;} .allriot_f_c #edit-subscribe{background:#e68f00; color:#fff; padding:8px 14px 8px 14px; float:left; width:60%; height:34px;} #footer-allriot .allriot_f_c .block{width:80%;margin-left:10%;} .view-new-blog-filter-by-tag-for-page-builder .node-picture-post, .view-new-blog-filter-by-tag-for-page-builder .node-blog, .node-blog.node-teaser{overflow:hidden;} .view-new-blog-filter-by-tag-for-page-builder .view-content{margin:0 0 0 15px;} .products-pb .view-content, .images-pb{margin:0 0 0 15px;} .view-blog .view-content{margin:0 0 0 28px;} .view-new-blog-filter-by-tag-for-page-builder .views-row, .view-blog .views-row{margin:15px 0;} .share-select-area.block-enable:hover{opacity:1 !important;} .at4-follow-inner, .at4-share-outer-right, span.at_flat_counter{display:none;} #views_infinite_scroll-ajax-loader{width:43px; margin:20px auto;} #block-system-user-menu{float:left;} #block-allriot-wishlist-allriot-wishlist-menu-item{float:right;} #block-allriot-wishlist-allriot-wishlist-menu-item a{color: #999; font-size: 13px; margin: 12px 14px 14px 0; display:inline-block;} .user-gift-form{margin-bottom: 24px;} .user-gift-form .form-text{width:20%;} .view-new-blog-filter-by-tag-for-page-builder .node-blog, .view-blog .node-blog{position: relative;} .post-img.from-the-blog-image{position:absolute;} .node-blog.node-teaser .from-the-blog-content{position: absolute; bottom: 0; overflow: hidden; width:100%;opacity:0.95; padding:23px;} .view-new-blog-filter-by-tag-for-page-builder .with-subheader.node-blog .from-the-blog-content, .view-blog .with-subheader.node-blog .from-the-blog-content{padding-bottom:28px;} .post-img.from-the-blog-image{margin:0;} .node-blog.node-teaser h5{text-transform: uppercase; color:#333;} .node-blog.node-teaser h5:hover{color:#000;} .node-blog.node-teaser i.fa{font-size:19px; margin-left:2px; position: relative; top:1px; color:#333;} .node-blog.node-teaser:hover i.fa{color:#ff9933;} .node-blog.node-teaser .from-the-blog-content{margin:0 !important;} .node-blog.node-teaser .post{border:none; padding:0; margin:0;} .B2.node-blog.node-teaser .from-the-blog-image{display:none;} .B2.node-blog.node-teaser .from-the-blog-content{height:100% !important; padding-bottom:0; border-bottom:23px solid #f8f8f8;} .node-blog.node-teaser .from-the-blog-content .meta{text-align: center; margin:0;} .B2.node-blog.node-teaser .from-the-blog-content .meta{position:absolute; bottom:11px; padding-right:30px; text-align:center; max-height:391px; height:auto;} .node-blog.node-teaser .field-name-field-sub-header, .node-blog.node-teaser .field-name-body{margin:18px 0 0 0; color:#333;} .node-blog.node-teaser .field-name-field-sub-header:hover, .node-blog.node-teaser .field-name-body:hover{color:#000;} .node-blog.node-teaser .field-name-body p{margin:0;} .node-blog.node-teaser .field-name-field-sub-header .field-item{overflow: hidden; max-height:44px; height:auto;} .node-blog.node-teaser .field-name-field-sub-header p{margin:0;} a.from-the-blog-content{display:block;} .container.main-nav{padding:0 15px;} .main-nav .col-md-12{position:relative; height:50px; border-top:1px solid #c2c2c2; border-bottom:1px solid #c2c2c2; padding:0;} #top-bar, #navigation, #user-menu-wrapper{position:absolute;} #top-bar{width:216px;z-index:2; top:6px;} .allriot_f_c #top-bar, .allriot_allriot_page #top-bar{position:static; width:auto;margin-top: 22px;} .allriot_allriot_page #top-bar{text-align:left; margin:0 auto; width:216px; height:40px; background:none;} .allriot_allriot_page #top-bar .social-icons{display:block !important} #navigation{left:0; right:0; z-index:1;} #user-menu-wrapper{width:245px; right:0;z-index:2;} #user-menu-wrapper ul.menu{display: block; margin: 15px 0 16px; list-style: none; list-style-image: none;} .container.header{width:100%; padding:0;} #search-cart-wrapper{margin-top:31px;} .view-blog .view-filters{visibility:hidden; display:none; height:1px; width:1px;} .page-blog .container, .page-moodboard .container, .page-tis .container{padding:0; width:100%;} .allriot_blog_menu{clear:both; margin:20px auto;} .allriot_blog_menu.container{padding:0;} .allriot_blog_menu ul li{float:left; width:30%; text-align:center;} .allriot_blog_menu ul li.second{margin:0 5%;} .allriot_blog_menu ul li a{display:block; background-color:#b4b1b1; color:#fff; text-transform: uppercase; font-size: 20px; padding:16px 0;} .allriot_blog_menu ul li a:hover, .allriot_blog_menu ul li a.active{background-color:#ff8c4c; transition: background-color 300ms ease-in-out;} .btnpluto{font-weight:400;border:2px solid #ccc;padding:6px 11px;font-size:11px;line-height:12px;background:transparent;text-transform:uppercase;letter-spacing:0.1em;-webkit-border-radius:3px;-moz-border-radius:3px; border-radius:3px; -webkit-transition:all .1s ease;transition:all .1s ease;color:#333;} .btnpluto:hover,.btnpluto:focus, .active.btnpluto{color:#ff9933;border-color:#ff9933;text-decoration:none;outline:none;} .btnpluto:active{outline:0;background-image:none;-webkit-box-shadow:none;box-shadow:none;} .ll a{margin:23px 9px 0 0; float:left;} .ll{float:left; margin:0 0 5px 0;} .rr{float:right; margin-top:23px;} .rr a{color:#fff; border-radius:0; border:none; background:rgba(0,0,0, 0.35); font-weight: bold; padding: 7px 11px;} .rr a:hover{color:#fff;} .allriot_allriot_page{text-align:center; width:56%; margin:0 auto} .page-checkout-complete .alert-danger{display:none;} .page-builder-element .article-follow{width:auto; margin:0;} #allriot_page_builder_share_all_page [id^="twitter-widget-"] {display:block;} .at4-share-outer-right{display:none !important; } #allriot_page_builder_share_all_page .at4-icon.aticon-compact, #allriot_page_builder_share_all_page a.at-svc-compact{background:none;} #allriot_page_builder_share_all_page .addthis_sharing_toolbox{float:left;} #allriot_page_builder_share_all_page .at-share-tbx-element .at-share-btn{width:35px; height:35px; max-width:35px; max-height:35px; background: none !important} .timerCounter .at-share-btn{opacity:0;} #allriot_page_builder_share_all_page .social-buttons{width:130px;} .social-buttons{width:170px; margin:7px auto;} .social-buttons .fb, .social-buttons .tw, .social-buttons .in, .social-buttons .tu, .social-buttons .g, .social-buttons .addthisplus{display:inline-block; width: 35px; height: 35px; cursor:pointer; background: url(../images/soc_ic_sp.png) no-repeat 0 0 scroll transparent; margin-left:5px; background-size: cover} .social-buttons .tw{background-position: -35px 0} .social-buttons .in{background-position: -77px 0} .social-buttons .tu{background-position: -116px 0} .social-buttons .g{background-position: -154px 0} #allriot_page_builder_share_all_page .social-buttons .addthisplus{background: url(../images/soc_ic_sp.png) no-repeat -157px 0 scroll transparent;} h1#page-title.with-right-shipping{width:65%;} .right-shipping{float:right; font-size:16px; font-weight:bold !important;} .right-shipping i{margin-right:8px; font-size:16px;} .page-blog .titlebar, .page-moodboard .titlebar, .page-allriot .titlebar{display:none;} .view-new-blog-filter-by-tag-for-page-builder .views-exposed-form{display:none;} .node-type-blog .titlebar{display:none;} .full-blog-page .header{text-align:center;} .emtweet{float:left; width:31%; margin:0 3% 0 0%;} .emtweet.i-2, .emtweet.i-5, .emtweet.i-8{margin-right:0;} .tweets{margin-left:1.4%;} .full-blog-page .products-pb{clear:both;} .products-pb .node-product-teaser{margin:0; padding:0;} .view-products-for-page-builder-new .products-pb .node-product-teaser{margin:15px 0;} .node-product-display .view-new-blog-filter-by-tag-for-page-builder{margin:0 0 0 15px;} .node-product-display .view-products-for-page-builder-new{margin:9px 0 0 0;} .full-blog-page #block-allriot-blocks-allriot-pb-share-all-page, .full-blog-page .subheader{margin-bottom:15px;} .full-blog-page .subheader, .c1 .post-content{font-size:16px; } .c1 .post-content p{line-height:28px;} .full-blog-page .header h2{margin:15px 0 30px; font-weight:bold;} .full-blog-page .c1, .full-blog-page .c2{float:left; margin-left:4%;} .full-blog-page .c1{width:71%;} .full-blog-page .c2{width:21%;} .full-blog-page .post-img{margin:28px 0;} .full-blog-page .post-content{margin:0 0 0 5%;} .full-blog-page footer.header{margin:0 0 25px 5%; height:70px;} .full-blog-page .jtc{clear:both; padding-top:60px;} .full-blog-page .jtc-title{margin:25px 1% 0 1.4%; padding-bottom:5px;} .full-blog-page .jtc-title h3{padding-top:30px;} .full-blog-page .display-submitted{text-align:left; display:block; padding:25px 0 0 60px;} p.raise-awareness{float:left; font-size:18px; margin:13px 0 0 5%;} .full-blog-page .fa.fa-user{padding-right:8px;} .full-blog-page .products-pb .view td{width:33.3333%;} .full-blog-page .products-pb .view{margin-right:1%; margin-left:-30px;} .products-pb-title{margin:40px 1% 0 1.4%;} .blogpost-title{margin:15px 1% 0 1.4%;} .full-blog-page #allriot_page_builder_share_all_page .social-buttons{padding-top:7px;} .page-shop .titlebar{background: none; margin:13px 0 0 0;} .node-type-product-display .titlebar{display: none;} .node-type-product-display .node-product-display{margin-top:30px;} span.free-shipping{margin-left:18px;} span.free-shipping a{color:#333; text-decoration: underline; font-size:12px;} span.free-shipping a:hover{text-decoration: none;} .node-product-display .field-field-size{float:left; margin:0 20px 0 0;} .node-product-display .share-buttons{clear:both; margin-top:13px !important;} .button-wrapper{position:absolute; text-align:center; width:100%; text-align:center; bottom:50px; display:none;z-index:2;} .share-button{margin:0 auto; width:90px;} .link-button{margin:0 auto; width:px;} .share-button, .link-button a{color:#fff; padding:5px 12px; cursor:pointer; border:1px solid #fff; display:inline-block; -webkit-transition: background 200ms ease-in-out; -moz-transition: background 200ms ease-in-out; -ms-transition: background 200ms ease-in-out; -o-transition: background 200ms ease-in-out; transition: background 200ms ease-in-out; -webkit-transition: border 200ms ease-in-out; -moz-transition: border 200ms ease-in-out; -ms-transition: border 200ms ease-in-out; -o-transition: border 200ms ease-in-out; transition: border 200ms ease-in-out;} .share-button:hover, .link-button a:hover{background:#ff9933; border:1px solid #ff9933;} .share-icons{display:inline-block; bottom:70px; width:90px; height:90px;} .share-icons a{float:left;} .share-icons a.facebook-share{margin:0 5px 5px 0;} .share-icons a.pinterest-share{margin:0 0 5px 5px;} .share-icons a.twitter-share{margin:5px 5px 0 0;} .share-icons a.google-plus-share{margin:5px 0 0 5px;} .share-icons span{font-family: "fontello"; font-size: 20px; line-height: 20px; color: #fff; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; z-index: 20; display:block; height:40px; width:40px; padding-top:10px;} .button-wrapper .share-icons{display:none;} .share-icons .facebook_:before{content: "\66";opacity:1;} .share-icons .facebook_{background:#4a6d9d;} .share-icons .pinterest_:before{content: "\31"; opacity:1;} .share-icons .pinterest_{background:#cb1f25} .share-icons .twitter_:before{content: "\54";} .share-icons .twitter_{background:#3bc1ed;} .share-icons .google_:before{content: "\2b";} .share-icons .google_{background:#d53824;} .post-image{position:relative;} .zzervices-images-with-links .post-image{float:left; margin:15px;} .post-image:hover .button-wrapper{display:block;} .post-image-overlay{background:rgba(0,0,0,0.4); position:absolute; width:100%; height:100%; z-index:1; display:none;} .back-button{display:none;} .view-collections-in-shop .view-filters{padding:0 0 0 15px;} .view-collections-in-shop .view-filters form{margin-bottom:30px; float:left;} .view-products .view-filters form{float:left;} .view-collections-in-shop .view-content, .view-products .view-content{clear:both;} .view-collections-in-shop .free-shipping-returns, .view-display-id-page_shop .free-shipping-returns{float:right; margin:50px 15px 0 0;} .view-products .view-header, .view-collections-in-shop .view-header{margin:30px 0 20px 0;} .view-products .view-header, .view-products .view-footer, .view-collections-in-shop .view-header, .view-collections-in-shop .view-footer{text-align:center;} .view-products .view-header h1, .view-products .view-footer h2, .view-collections-in-shop .view-header h1, .view-collections-in-shop .view-footer h2{text-transform: uppercase; font-size:18px; line-height:2em;} .view-products .view-header span, .view-collections-in-shop .view-header span{text-transform: none;} .view-products .view-filters #allriot_page_builder_share_all_page, .view-collections-in-shop .view-filters #allriot_page_builder_share_all_page{margin-bottom:15px;} .view-products .view-filters a, .view-collections-in-shop .view-filters a{color:#ff9933;} .view-products ul.pager, .view-collections-in-shop ul.pager{margin:0 0 12px 0!important;} .view-collections-in-shop .view-footer{clear:both; padding-top:30px;} .view-collections-in-shop .view-empty, .view-products .view-empty{clear:both; text-align:center; padding:50px 0;} .view-collections-in-shop .view-empty p, .view-products .view-empty p{margin:0 0 3px 0;} p.sorry{font-weight: bold; font-size: 15px} a.clear-shop{padding:8px 16px; display:inline-block; margin-top:12px; color:#fff; text-transform: uppercase; background: #ff9933} .products figure .mediaholder i.fa{color:#fff; position:absolute; font-size: 26px; z-index: 9; padding:10px 17px; cursor:pointer;} .products figure .mediaholder.active i.fa.right, .products figure .mediaholder i.fa.left{display:none;} .products figure .mediaholder.active i.fa.left{display:block;} .products figure .mediaholder a{position: relative; z-index: 1; display: inline-block;} /*.showbiz li:hover .cover, .products figure:hover .cover { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }*/ #product-description .field-name-body p{font-size:16px; line-height:28px;} .node-product-display .field-name-field-product-text-block {clear:both;} .node-product-display .field-name-field-product-text-for-mpp, .node-product-display .field-name-field-product-text-block, .node-product-display .field-name-field-product-text-for-prod-feed, .node-product-display .tweet-title{text-align:center;} .node-product-display .tweet-title {padding:0 0 30px ;} .node-product-display .field-name-field-product-text-block{padding-top:30px;} .node-product-display .view-new-blog-filter-by-tag-for-page-builder .view-content{margin:0 0px 15px 0;} .node-product-display .tweets{margin:0;} .node-product-display .view-products-for-page-builder-new .view-content{margin:0;} .node-product-display .field-name-field-description{border-bottom: 1px solid #ebebeb; margin-top:28px; padding:17px 0 2px 0; border-top: 1px solid #ebebeb;} .node-product-display ul.extra-links li{display: inline-block; margin-right:10%;} .node-product-display ul.extra-links li a{color:#333; text-decoration:underline; font-size:12px; padding:12px 0;} .node-product-display ul.extra-links li a:hover{text-decoration:none;} .node-product-display ul.extra-links li .flag-wrapper a{color:#ff9933; text-decoration:none;} .node-product-display ul.extra-links li:last-child{margin-right:0;} .node-product-display .field-name-field-description hr{display:none;} ul.currency_select_menu li{float:left; visibility: none; opacity: 0; transition:visibility 0s linear 0.1s,opacity 0.1s linear;} ul.currency_select_menu li a, ul.currency_select_menu li.active{display:block; padding:12px 10px 10px 10px; visibility: visible; opacity: 1} ul.currency_select_menu li a{color:#333;} ul.currency_select_menu li a:hover{color:#ff9933;} .currency-wrapper:hover ul li{display:block; transition-delay:0s; visibility: visible; opacity: 1} .region-header-left-col .block{margin-top:40px;} .region-header-left-col .block p{margin:0; padding:0;} #block-commerce-yotpo-product-reviews h2 {text-align: center; margin-top: 40px} .yotpo .yotpo-small-box{padding-top:15px !important;} .link_under_mediaholder{margin:8px 0;} .link_under_mediaholder a{color:#333; margin-right:14px;} #block-allriot-blocks-allriot-leaddyno-affiliate{text-align:center;} #block-allriot-blocks-allriot-leaddyno-affiliate form{margin:30px 0;} #block-allriot-blocks-allriot-leaddyno-affiliate .name{padding: 8px 10px 11px 10px; font-size: 16px; width:30%; margin:20px 0 25px 35%;} #block-allriot-blocks-allriot-leaddyno-affiliate span{margin-right:8px;font-size: 20px} .page-tis h1#page-title, #allriot-tags-wrapper{text-align:center;} .page-tis .titlebar{padding:0 0 20px 0;} .banners img{margin-bottom:30px;} .products-by-tag .node-product-teaser{padding-bottom: 30px} .products-by-tag{margin-top:22px;} .tis-edit-link{position:fixed; background:#ff9933; left:0; z-index:9;} .tis-edit-link a{padding:10px 20px; color:#fff; display:block;} .link-to-shop a{background:#ff9933; color:#fff; font-size:16px; padding:7px 30px; margin:30px 0; display:inline-block;} .page-tis .link-to-shop{margin:7px 0 30px 0;} .page-tis .tis-txt{margin-bottom: 37px} .page-tis .tis-txt, .page-tis .social-buttons, .page-tis .products-by-tag, .page-tis .link-to-shop, .page-tis .banners, .page-tis .about-allriot{margin-left:28px;} .page-tis #allriot_page_builder_share_all_page{width:190px; margin:0 auto;} .page-tis h1#page-title{display:none;} .page-tis .tis-txt h1, .page-tis .tis-txt h2{text-transform: uppercase; font-weight:600;} .page-tis #page-builder-section-6{margin-top:10px;} .terms_and_conditions {text-align: center; padding-bottom:32px;} .dday{margin:0;} .form-item-rname, .form-item-sname{float:left; width:48%;} .form-item-rname{margin-right:4%;} .form-item-message{clear:both;} .form-item-dday, .form-item-dmonth, .form-item-dyear{float:left;} .form-item-dday{width: 65px;} .form-item-dmonth{width:120px;} .form-item-dyear{width:90px;} .form-item-dday, .form-item-dmonth{margin-right:1%;} .node-giftcoupon .form-submit{float:right; margin: -6px 0 0 0;} .field-name-field-giftcoupon-heading{text-align: center} .commerce_payment.panel{display: none} /* default */ .block-A{width:300px; height:178px} .block-B{width:300px; height:386px} .block-C{width:630px; height:178px} .block-D{width:630px; height:386px} .block-E{width:960px; height:388px} .block-F{width:960px; height:592px} /* / mobile for blog-post */ @media screen and (max-width: 768px) { /* mobile */ .full-blog-page #allriot_page_builder_share_all_page .social-buttons{width:auto; padding-top:9px;} .region-header-left-col .block{margin-top:15px; text-align: center} #header-wrapper.col-md-8{width:95%;} ul.currency_select_menu li{float:left; visibility: visible; opacity: 1;} ul.currency_select_menu li a{color:#333;} ul.currency_select_menu li a:hover, ul.currency_select_menu li.active{color:#ff9933;} } @media screen and (max-width: 640px) { /* mobile */ .tweets{margin-left:0;} .emtweet{width:48%; margin:0 2% 0 0;} .emtweet.i-1, .emtweet.i-3, .emtweet.i-5{margin:0;} } @media screen and (max-width: 480px) { /* mobile */ .tweets{margin:0 1%;} .emtweet{width:98%; margin:0} .full-blog-page .c1{width:90%; margin:0 5%;} .full-blog-page .c2{display:none;} p.raise-awareness{font-size:12px;} .full-blog-page #allriot_page_builder_share_all_page .social-buttons{padding-top:7px;} .products-pb .view td{width:96%; margin-left:2%;} .products-pb .view table td[class*="col-"], .full-blog-page .products-pb .view table th[class*="col-"]{float:left;} .products-pb .node-product-teaser{margin:15px 0; padding:0;} .post-image .button-wrapper{display:block !important;} .back-button{position:fixed; bottom:0; left:0; background:#ff9933; color:#fff; padding:2px 8px 2px 6px; cursor:pointer; z-index:99; display:block;} .back-button span{margin:0 2px 0 0; font-size:18px;} .commerce-add-to-cart .form-submit{margin:27px 0;} span.free-shipping{display:block; margin:0;} .zzervices-images-with-links .post-image{float:none;} #header-wrapper #search-cart-wrapper{width:100%;} #header-wrapper .top-search{margin-right:5%;} .page-tis .tis-txt, .page-tis .social-buttons, .page-tis .products-by-tag, .page-tis .link-to-shop, .page-tis .banners, .page-tis .about-allriot{margin:0;} } @media (min-width: 768px) { /* mobile */ .B2.node-blog.node-teaser .from-the-blog-content .meta{max-height:236px;} } @media (min-width:992px) { /* 1020 */ .B2.node-blog.node-teaser .from-the-blog-content .meta{max-height:330px;} .allriot_allriot_page{width:70%;} .ll{width:85%;} .node-product-display .col-md-6.part-1{width:45%; margin-right:3%;} } @media (min-width: 1200px) { /* 1200 */ .rr{margin-top:23px;} .ll{width:90%;} } @media (min-width: 1290px) { /* 1290 */ .allriot_blog_menu.container{width:100%;} } @media (max-width:992px) { /* 1020 */ .node-blog.node-teaser h5{font-size:14px; line-height:16px;} .allriot_allriot_page{width:100%;} .ll{width:85%;} } @media (max-width: 768px) { .allriot_blog_menu li.first{width:100%; margin-bottom:25px;} .allriot_blog_menu li.second{width:47%; margin:0 0 0 0 !important; padding-bottom:25px;} .allriot_blog_menu li.last{width:47%; margin:0 0 0 6%; padding-bottom:25px;} .ll a{margin:0 9px 14px 0;} .ll{width:75%;} .rr{margin:0;} } @media screen and (max-width: 991px) { /* mobile */ .post-img.from-the-blog-image, .B2.node-blog.node-teaser .from-the-blog-content .meta, .blog-filter-pb .B2 .from-the-blog-content{position:relative;} .B2.node-blog.node-teaser .from-the-blog-content{border:none; padding-bottom:0 !important;} .node-blog.node-teaser .from-the-blog-content{padding-left:5px !important; padding-right:5px !important;} .B2.node-blog.node-teaser .from-the-blog-content .meta{max-height:none; height:auto; padding:0; bottom:0;} .block-A.node-blog{width:100%; height:auto} .block-B.node-blog{width:100%; height:auto} .B2.block-B.node-blog{height:auto;} .block-C.node-blog{width:100%; height:auto} .block-D.node-blog{width:100%; height:auto} .block-E.node-blog{width:100%; height:auto} .block-F.node-blog{width:100%; height:auto} } /* / masonry pictures post */ .node-picture-post .post-image{overflow: hidden} @media (min-width: 768px) { /* mobile */ .block-A .post-image{width:216px; height:128px} .block-B .post-image{width:216px; height:286px} .block-C .post-image{width:462px; height:128px} .block-D .post-image{width:462px; height:286px} .block-E .post-image{width:708px; height:282px} .block-F .post-image{width:708px; height:436px} } @media (min-width:992px) { /* 1020 */ .block-A .post-image{width:300px; height:178px} .block-B .post-image{width:300px; height:386px} .block-C .post-image{width:630px; height:178px} .block-D .post-image{width:630px; height:386px} .block-E .post-image{width:960px; height:388px} .block-F .post-image{width:960px; height:592px} } @media (min-width: 1200px) { /* 1200 */ .block-A .post-image{width:360px; height:214px} .block-B .post-image{width:360px; height:458px} .block-C .post-image{width:750px; height:214px} .block-D .post-image{width:750px; height:458px} .block-E .post-image{width:1140px; height:460px} .block-F .post-image{width:1140px; height:704px} } @media (min-width: 1290px) { /* 1290 */ .block-A .post-image{width:390px; height:232px} .block-B .post-image{width:390px; height:494px} .block-C .post-image{width:810px; height:232px} .block-D .post-image{width:810px; height:494px} .block-E .post-image{width:1230px; height:496px} .block-F .post-image{width:1230px; height:760px} } /* / masonry image post */ @media (min-width: 768px) { /* mobile */ .block-A{width:216px; height:128px} .block-B{width:216px; height:286px} .block-C{width:462px; height:128px} .block-D{width:462px; height:286px} .block-E{width:708px; height:282px} .block-F{width:708px; height:436px} } @media (min-width:992px) { /* 1020 */ .block-A{width:300px; height:178px} .block-B{width:300px; height:386px} .block-C{width:630px; height:178px} .block-D{width:630px; height:386px} .block-E{width:960px; height:388px} .block-F{width:960px; height:592px} } @media (min-width: 1200px) { /* 1200 */ .block-A{width:360px; height:214px} .block-B{width:360px; height:458px} .block-C{width:750px; height:214px} .block-D{width:750px; height:458px} .block-E{width:1140px; height:460px} .block-F{width:1140px; height:704px} } @media (min-width: 1290px) { /* 1290 */ .block-A{width:390px; height:232px} .block-B{width:390px; height:494px} .block-C{width:810px; height:232px} .block-D{width:810px; height:494px} .block-E{width:1230px; height:496px} .block-F{width:1230px; height:760px} } @media screen and (max-width: 481px) { /* mobile */ /*.block-A{width:451px; height:auto} .block-B{width:451px; height:auto} .block-C{width:451px; height:auto} .block-D{width:451px; height:auto} .block-E{width:451px; height:auto} .block-F{width:451px; height:auto}*/ .view-new-blog-filter-by-tag-for-page-builder .view-content, .products-pb .view-content, .images-pb, .view-blog .view-content{margin:0;} .view-new-blog-filter-by-tag-for-page-builder .views-row, .views-blog .views-row{margin:15px 0;} .ll{width:100%;} .rr{float:none; margin: 0 0 28px 0; clear:both; text-align:center;} .view-display-id-page_shop .view-header h1, .view-display-id-page_shop .view-footer h2{font-size:14px; line-height:1.5em;} } @media screen and (max-width: 481px) { /* mobile */ .block-A{width:291px; height:auto} .block-B{width:291px; height:auto} .block-C{width:291px; height:auto} .block-D{width:291px; height:auto} .block-E{width:291px; height:auto} .block-F{width:291px; height:auto} } @media only screen and (max-width: 980px) { .allriot_f_l, .allriot_f_r, .allriot_f_c{width:50%; float:none; position:relative; margin:0 0 0 50%; left:-25%; padding-top:30px;clear:both;} .allriot_f_c{padding-top:0;} #footer-allriot #top-bar .social-icons{display:block !important;} #footer-allriot .block{float:none; width:80%; margin: 0 0 0 10%;} #footer-allriot .allriot_f_r .block:last-child, #footer-allriot .allriot_f_l .block:last-child{padding-top:30px; clear:both;} .copyright .ccol-1,.copyright .ccol-2,.copyright .ccol-3{width:50%; float:none; position:relative; margin:0; left:25%; text-align: center;} .copyright .ccol-1,.copyright .ccol-3{padding-top:15px;} .copyright .ccol-3 span{float:none; display:block;} .copyright .ccol-3 img{display:inline;} } @media only screen and (max-width: 800px) { .allriot_f_c{width:98%; float:none; margin:0 0 1% 0; left:0;} .allriot_f_l, .allriot_f_r{width:70%; margin:0; left:15%;} #footer-allriot .allriot_f_c .block{width:60%; margin-left:20%;} .copyright .ccol-1,.copyright .ccol-2,.copyright .ccol-3{width:98%; float:none; position:relative; margin:0; left:1%; text-align: center;} } @media only screen and (max-width: 480px) { #footer-allriot .allriot_f_c .block{width:90%; margin-left:5%;} .allriot_f_l, .allriot_f_r{width:98%; left:1%;} .form-item-dday, .form-item-dmonth, .form-item-dyear{float:none; width:100%;} } /* * end ydv added /* /* ------------------------------------------------------------------- */ /* Header ---------------------------------------------------------------------- */ #top-bar { background: #f5f5f5; color: #909090; padding: 0px 0; } ul.top-bar-menu { margin: 5px 0;} ul.top-bar-menu li { font-size: 13px; display: inline; margin: 0 20px 0 0; } ul.top-bar-menu li a { color: #909090; } ul.top-bar-menu li i { color: #c2c2c2; margin: 0 5px 0 0; } /* Logo ------------------------------------- */ #logo {margin:38px 0 26px 0; text-align:center;} #logo a img { float: left; } #logo a{ font-size:52px; font-weight:bold; color:#333; } .head .col-md-8{width:33.3333%;} /* Language / Currency ------------------------------------- */ .top-bar-dropdown { cursor: pointer; display: inline-block; } .top-bar-dropdown .options { opacity: 0; visibility: hidden; position: absolute; margin: 20px 0 0 0; z-index: 10; -webkit-transition: opacity 200ms ease-in-out; -moz-transition: opacity 200ms ease-in-out; -ms-transition: opacity 200ms ease-in-out; -o-transition: opacity 200ms ease-in-out; transition: opacity 200ms ease-in-out; } .top-bar-dropdown.active .options { opacity: 1; pointer-events: auto; visibility: visible; } .arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #606060; position: absolute; top: -4px; left: 6px; } .top-bar-dropdown span:after { content: ""; font-family: "FontAwesome"; font-size: 12px; color: #bbb; top: -2px; margin-left: 3px; position: relative; } .top-bar-dropdown ul { background: #606060; width: 100px; } .top-bar-dropdown ul li { width: 100px; display: block; } .top-bar-dropdown ul li a { padding: 5px 8px; display: block; color: #ccc; z-index: 10; position: relative; transition: background 0.1s ease-in-out, color 0.1s ease-in-out;; } .top-bar-dropdown ul li a:hover { background: #808080; color: #fff; z-index: 1; position: relative; } /* Social Icons ------------------------------------- */ .social-icons li { display: inline; float: left; margin-right: 4px; } .social-icons li a { width: 42px; height: 42px; display: inline-block; background-color: #f5f5f5; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; position: relative; overflow: hidden; } #top-bar .social-icons li { margin: 0 0 -4px 0; padding: 0; float: left; } #top-bar .social-icons li a { width: 36px; height: 36px; margin: 0; padding: 0; background-color: #fff; } #top-bar .social-icons li a:before, #top-bar .social-icons li a i { font-size: 14px; } #top-bar .social-icons li .twitter:before, #top-bar .social-icons li .twitter i:before { font-size: 12px; } /* Common Styles */ .social-icons li a i { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: absolute; z-index: 20; } .social-icons li a:hover, .social-icons li a i { color: #fff; } .social-icons li a i { top: -30px; opacity:0; } .the-team-social.social-icons li a i, .social-icons li a:hover i { top: 0; opacity: 1; } .twitter:before, .wordpress:before, .facebook:before, .linkedin:before, .steam:before, .tumblr:before, .github:before, .delicious:before, .instagram:before, .xing:before, .amazon:before, .dropbox:before, .paypal:before, .lastfm:before, .gplus:before, .yahoo:before, .pinterest:before, .dribbble:before, .flickr:before, .reddit:before, .vimeo:before, .spotify:before, .rss:before, .youtube:before, .blogger:before, .appstore:before, .digg:before, .evernote:before, .fivehundredpx:before, .forrst:before, .stumbleupon:before, .dribbble:before { font-family: "fontello"; font-size: 16px; line-height: 16px; color: #aaa; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; -ms-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; position: absolute; z-index: 20; } .the-team a:before { display: none; } #top-bar .social-icons a:before { color: #c0c0c0; } .main-nav #top-bar .social-icons li a.facebook:hover i{color:#4a6d9d !important;} .main-nav #top-bar .social-icons li a.twitter:hover i{color:#3bc1ed !important;} .main-nav #top-bar .social-icons li a.instagram:hover i{color:#3f6f94 !important;} .main-nav #top-bar .social-icons li a.gplus:hover i{color:#d53824 !important;} .main-nav #top-bar .social-icons li a.pinterest:hover i{color:#cb1f25 !important;} .main-nav #top-bar .social-icons li a.tumblr:hover i{color:#3d658d !important;} .main-nav #top-bar .social-icons li a:hover, .main-nav #top-bar .social-icons li a{background-color:#fff !important;} /* Icon Styles */ .twitter:before {font-size: 14px;} .icon-twitter {font-size: 14px !important;} .twitter i, .twitter:before { margin: 13px 0 0 12px; } #top-bar .twitter i, #top-bar .twitter:before { margin: 9px 0 0 10px; } .twitter:before { content: "\54"; top: 0; opacity:1; } .twitter:hover:before { top: 30px; opacity: 0; } .twitter:hover { background-color: #3bc1ed !important; } .the-team .twitter { background-color: #3bc1ed; } .dribbble i, .dribbble:before { margin: 13px 0 0 13px; } #top-bar .dribbble i, #top-bar .dribbble:before { margin: 11px 0 0 11px; } .dribbble:before { content: "\44"; top: 0; opacity:1; } .dribbble:hover:before { top: 30px; opacity: 0; } .dribbble:hover { background-color: #ef5a92 !important; } .the-team .dribbble { background-color: #ef5a92; } .facebook i, .facebook:before { margin: 13px 0 0 16px; } #top-bar .facebook i, #top-bar .facebook:before { margin: 11px 0 0 14px; } .allriot_f_c #top-bar .facebook i, .allriot_f_c #top-bar .facebook:before { margin: 9px 0 0 13px; } .facebook:before { content: "\66"; top: 0; opacity:1; } .facebook:hover:before { top: 30px; opacity: 0; } .facebook:hover { background-color: #4a6d9d !important; } .the-team .facebook { background-color: #4a6d9d; } .linkedin i, .linkedin:before { margin: 13px 0 0 13px; } #top-bar .linkedin i, #top-bar .linkedin:before { margin: 11px 0 0 11px; } .linkedin:before { content: "\4c"; top: 0; opacity:1; } .linkedin:hover:before { top: 30px; opacity: 0; } .linkedin:hover { background-color: #0b7bb5 !important; } .the-team .linkedin { background-color: #0b7bb5; } .delicious i, .delicious:before { margin: 13px 0 0 13px; } #top-bar .delicious i, #top-bar .delicious:before { margin: 11px 0 0 11px; } .delicious:before { content: "\23"; top: 0; opacity:1; } .delicious:hover:before { top: 30px; opacity: 0; } .delicious:hover { background-color: #3274d1; } .the-team .delicious { background-color: #3274d1; } .paypal i, .paypal:before { margin: 13px 0 0 13px; } #top-bar .paypal i, #top-bar .paypal:before { margin: 11px 0 0 11px; } .paypal:before { content: "\24"; top: 0; opacity:1; } .paypal:hover:before { top: 30px; opacity: 0; } .paypal:hover { background-color: #2e689a; } .the-team .paypal{ background-color: #2e689a; } .gplus i, .gplus:before { margin: 13px 0 0 13px; } #top-bar .gplus i, #top-bar .gplus:before { margin: 11px 0 0 11px; } .allriot_f_c #top-bar .gplus i, .allriot_f_c #top-bar .gplus:before { margin: 10px 0 0 10px; } .gplus:before { content: "\2b"; top: 0; opacity:1; } .gplus:hover:before { top: 30px; opacity: 0; } .gplus:hover { background-color: #d53824 !important; } .the-team .gplus { background-color: #d53824; } .stumbleupon i, .stumbleupon:before { margin: 13px 0 0 11px; } #top-bar .stumbleupon i, #top-bar .stumbleupon:before { margin: 11px 0 0 9px; } .stumbleupon:before { content: "\2f"; top: 0; opacity:1; } .stumbleupon:hover:before { top: 30px; opacity: 0; } .stumbleupon:hover { background-color: #eb4924; } .the-team .stumbleupon { background-color: #eb4924; } .fivehundredpx i, .fivehundredpx:before { margin: 13px 0 0 11px; } #top-bar .fivehundredpx i, #top-bar .fivehundredpx:before { margin: 11px 0 0 9px; } .fivehundredpx:before { content: "\30"; top: 0; opacity:1; } .fivehundredpx:hover:before { top: 30px; opacity: 0; } .fivehundredpx:hover { background-color: #444; } .the-team .fivehundredpx { background-color: #444; } .pinterest i, .pinterest:before { margin: 13px 0 0 15px; } #top-bar .pinterest i, #top-bar .pinterest:before { margin: 11px 0 0 13px; } .allriot_f_c #top-bar .pinterest i, .allriot_f_c #top-bar .pinterest:before { margin: 10px 0 0 11px; } .pinterest:before { content: "\31"; top: 0; opacity:1; } .pinterest:hover:before { top: 30px; opacity: 0; } .pinterest:hover { background-color: #cb1f25 !important; } .the-team .pinterest { background-color: #cb1f25; } .forrst i, .forrst:before { margin: 13px 0 0 15px; } #top-bar .forrst i, #top-bar .forrst:before { margin: 11px 0 0 13px; } .forrst:before { content: "\3a"; top: 0; opacity:1; } .forrst:hover:before { top: 30px; opacity: 0; } .forrst:hover { background-color: #40833e; } .the-team .forrst { background-color: #40833e; } .digg i, .digg:before { margin: 13px 0 0 12px; } #top-bar .digg i, #top-bar .digg:before { margin: 11px 0 0 10px; } .digg:before { content: "\3b"; top: 0; opacity:1; } .digg:hover:before { top: 30px; opacity: 0; } .digg:hover { background-color: #205685; } .the-team .digg { background-color: #205685; } .spotify i, .spotify:before { margin: 13px 0 0 13px; } #top-bar .spotify i, #top-bar .spotify:before { margin: 11px 0 0 11px; } .spotify:before { content: "\3d"; top: 0; opacity:1; } .spotify:hover:before { top: 30px; opacity: 0; } .spotify:hover { background-color: #6ca405; } .the-team .spotify { background-color: #6ca405; } .reddit i, .reddit:before { margin: 13px 0 0 12px; } #top-bar .reddit i, #top-bar .reddit:before { margin: 11px 0 0 10px; } .reddit:before { content: "\3e"; top: 0; opacity:1; } .reddit:hover:before { top: 30px; opacity: 0; } .reddit:hover { background-color: #404040; } .the-team .reddit { background-color: #404040; } .appstore i, .appstore:before { margin: 13px 0 0 14px; } #top-bar .appstore i, #top-bar .appstore:before { margin: 11px 0 0 12px; } .appstore:before { content: "\41"; top: 0; opacity:1; } .appstore:hover:before { top: 30px; opacity: 0; } .appstore:hover { background-color: #c0c0c0; } .the-team .appstore { background-color: #c0c0c0; } .blogger i, .blogger:before { margin: 13px 0 0 15px; font-size: 14px !important; } #top-bar .blogger i, #top-bar .blogger:before { margin: 10px 0 0 13px; font-size: 12px !important; } .blogger:before { content: "\42"; top: 0; opacity:1; } .blogger:hover:before { top: 30px; opacity: 0; } .blogger:hover { background-color: #ff6501 !important; } .the-team .blogger { background-color: #ff6501; } .dribbble i, .dribbble:before { margin: 13px 0 0 13px; } #top-bar .dribbble i, #top-bar .dribbble:before { margin: 11px 0 0 11px; } .dribbble:before { content: "\44"; top: 0; opacity:1; } .dribbble:hover:before { top: 30px; opacity: 0; } .dribbble:hover { background-color: #ef5a92; } .the-team .dribbble { background-color: #ef5a92; } .evernote i, .evernote:before { margin: 13px 0 0 15px; } #top-bar .evernote i, #top-bar .evernote:before { margin: 11px 0 0 13px; } .evernote:before { content: "\45"; top: 0; opacity:1; } .evernote:hover:before { top: 30px; opacity: 0; } .evernote:hover { background-color: #6bb130; } .the-team .evernote { background-color: #6bb130; } .flickr i, .flickr:before { margin: 13px 0 0 13px; } #top-bar .flickr i, #top-bar .flickr:before { margin: 11px 0 0 11px; } .flickr:before { content: "\46"; top: 0; opacity:1; } .flickr:hover:before { top: 30px; opacity: 0; } .flickr:hover { background-color: #136dd5 !important; } .the-team .flickr { background-color: #136dd5; } .rss i, .rss:before { margin: 13px 0 0 14px; font-size: 14px !important; } #top-bar .rss i, #top-bar .rss:before { margin: 11px 0 0 12px; font-size: 12px !important; } .rss:before { content: "\52"; top: 0; opacity:1; } .rss:hover:before { top: 30px; opacity: 0; } .rss:hover { background-color: #fe8f00; } .the-team .rss { background-color: #fe8f00; } .youtube i, .youtube:before { margin: 13px 0 0 14px; font-size: 18px !important; } #top-bar .youtube i, #top-bar .youtube:before { margin: 10px 0 0 12px; font-size: 16px !important; } .youtube:before { content: "\55"; top: 0; opacity:1; } .youtube:hover:before { top: 30px; opacity: 0; } .youtube:hover { background-color: #bf2f29; } .the-team .youtube { background-color: #bf2f29; } .vimeo i, .vimeo:before { margin: 13px 0 0 13px; font-size: 14px !important; } #top-bar .vimeo i, #top-bar .vimeo:before { margin: 11px 0 0 11px; font-size: 12px !important; } .vimeo:before { content: "\56"; top: 0; opacity:1; } .vimeo:hover:before { top: 30px; opacity: 0; } .vimeo:hover { background-color: #4c8ab0; } .the-team .vimeo { background-color: #4c8ab0; } .xing i, .xing:before { margin: 13px 0 0 14px; } #top-bar .xing i, #top-bar .xing:before { margin: 11px 0 0 12px; } .xing:before { content: "\58"; top: 0; opacity:1; } .xing:hover:before { top: 30px; opacity: 0; } .xing:hover { background-color: #036568; } .the-team .xing { background-color: #036568; } .yahoo i, .yahoo:before { margin: 13px 0 0 11px; } #top-bar .yahoo i, #top-bar .yahoo:before { margin: 11px 0 0 9px; } .yahoo:before { content: "\59"; top: 0; opacity:1; } .yahoo:hover:before { top: 30px; opacity: 0; } .yahoo:hover { background-color: #9251a2; } .the-team .yahoo { background-color: #9251a2; } .amazon i, .amazon:before { margin: 13px 0 0 12px; } #top-bar .amazon i, #top-bar .amazon:before { margin: 11px 0 0 10px; } .amazon:before { content: "\61"; top: 0; opacity:1; } .amazon:hover:before { top: 30px; opacity: 0; } .amazon:hover { background-color: #2f3842; } .the-team .amazon { background-color: #2f3842; } .steam i, .steam:before { margin: 13px 0 0 11px; } #top-bar .steam i, #top-bar .steam:before { margin: 11px 0 0 9px; } .steam:before { content: "\62"; top: 0; opacity:1; } .steam:hover:before { top: 30px; opacity: 0; } .steam:hover { background-color: #383838; } .the-team .steam { background-color: #383838; } .dropbox i, .dropbox:before { margin: 13px 0 0 13px; } #top-bar .dropbox i, #top-bar .dropbox:before { margin: 11px 0 0 11px; } .dropbox:before { content: "\64"; top: 0; opacity:1; } .dropbox:hover:before { top: 30px; opacity: 0; } .dropbox:hover { background-color: #2c92dd; } .the-team .dropbox { background-color: #2c92dd; } .github i, .github:before { margin: 13px 0 0 13px; } #top-bar .github i, #top-bar .github:before { margin: 11px 0 0 11px; } .github:before { content: "\67"; top: 0; opacity:1; } .github:hover:before { top: 30px; opacity: 0; } .github:hover { background-color: #5c7381; } .the-team .github { background-color: #5c7381; } .lastfm i, .lastfm:before { margin: 13px 0 0 11px; } #top-bar .lastfm i, #top-bar .lastfm:before { margin: 11px 0 0 9px; } .lastfm:before { content: "\6c"; top: 0; opacity:1; } .lastfm:hover:before { top: 30px; opacity: 0; } .lastfm:hover { background-color: #d21309; } .the-team .lastfm { background-color: #d21309; } .tumblr i, .tumblr:before { margin: 13px 0 0 15px; } #top-bar .tumblr i, #top-bar .tumblr:before { margin: 11px 0 0 13px; } .allriot_f_c #top-bar .tumblr i, .allriot_f_c #top-bar .tumblr:before { margin: 9px 0 0 12px; } .tumblr:before { content: "\74"; top: 0; opacity:1; } .tumblr:hover:before { top: 30px; opacity: 0; } .tumblr:hover { background-color: #3d658d !important; } .the-team .tumblr { background-color: #3d658d; } .wordpress i, .wordpress:before { margin: 13px 0 0 14px; } #top-bar .wordpress i, #top-bar .wordpress:before { margin: 11px 0 0 12px; } .wordpress:before { content: "\77"; top: 0; opacity:1; } .wordpress:hover:before { top: 30px; opacity: 0; } .wordpress:hover { background-color: #383838; } .the-team .wordpress { background-color: #383838; } .instagram i, .instagram:before { margin: 13px 0 0 14px; } #top-bar .instagram i, #top-bar .instagram:before { margin: 11px 0 0 12px; } .allriot_f_c #top-bar .instagram i, .allriot_f_c #top-bar .instagram:before { margin: 9px 0 0 10px; } .instagram:before { content: "\f31f"; top: 0; opacity:1; } .instagram:hover:before { top: 30px; opacity: 0; } .instagram:hover { background-color: #3f6f94 !important; } .the-team .instagram { background-color: #3f6f94; } /* Web Font */ @font-face { font-family: 'fontello'; src: url('../fonts/fontello.eot?31771571'); src: url('../fonts/fontello.eot?31771571#iefix') format('embedded-opentype'), url('../fonts/fontello.woff?31771571') format('woff'), url('../fonts/fontello.ttf?31771571') format('truetype'), url('../fonts/fontello.svg?31771571#fontello') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'nevis'; src: url('../fonts/Nevis-Bold.eot'); src: url('../fonts/Nevis-Bold.eot') format('embedded-opentype'), url('../fonts/Nevis-Bold.woff') format('woff'), url('../fonts/Nevis-Bold.ttf') format('truetype'), url('../fonts/Nevis-Bold.svg') format('svg'); font-weight: bold; font-style: normal; } .social-icons li i { font-family: "fontello"; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; text-align: center; font-variant: normal; text-transform: none; line-height: 16px; font-size: 16px; width: auto; } .icon-delicious:before { content: '\23'; } /* '#' */ .icon-paypal:before { content: '\24'; } /* '$' */ .icon-gplus:before { content: '\2b'; } /* '+' */ .icon-stumbleupon:before { content: '\2f'; } /* '/' */ .icon-fivehundredpx:before { content: '\30'; } /* '0' */ .icon-pinterest:before { content: '\31'; } /* '1' */ .icon-forrst:before { content: '\3a'; } /* ':' */ .icon-digg:before { content: '\3b'; } /* ';' */ .icon-spotify:before { content: '\3d'; } /* '=' */ .icon-reddit:before { content: '\3e'; } /* '>' */ .icon-appstore:before { content: '\41'; } /* 'A' */ .icon-blogger:before { content: '\42'; } /* 'B' */ .icon-dribbble:before { content: '\44'; } /* 'D' */ .icon-evernote:before { content: '\45'; } /* 'E' */ .icon-flickr:before { content: '\46'; } /* 'F' */ .icon-linkedin:before { content: '\4c'; } /* 'L' */ .icon-rss:before { content: '\52'; } /* 'R' */ .icon-twitter:before { content: '\54'; } /* 'T' */ .icon-youtube:before { content: '\55'; } /* 'U' */ .icon-vimeo:before { content: '\56'; } /* 'V' */ .icon-xing:before { content: '\58'; } /* 'X' */ .icon-yahoo:before { content: '\59'; } /* 'Y' */ .icon-amazon:before { content: '\61'; } /* 'a' */ .icon-steam:before { content: '\62'; } /* 'b' */ .icon-dropbox:before { content: '\64'; } /* 'd' */ .icon-facebook:before { content: '\66'; } /* 'f' */ .icon-github:before { content: '\67'; } /* 'g' */ .icon-lastfm:before { content: '\6c'; } /* 'l' */ .icon-tumblr:before { content: '\74'; } /* 't' */ .icon-wordpress:before { content: '\77'; } /* 'w' */ .icon-linkedin-rect:before { content: '\f31b'; } /* '?' */ .icon-instagram:before { content: '\f31f'; } /* '?' */ /* Skill Bars ------------------------------------- */ .skill-bar { height: 20px; position: relative; margin: 20px 0 42px 0; background-color: #f6f6f6; } .skill-title { display: block; float: left; position: relative; z-index: 5; color: #999; font-size: 14px; font-weight: 700; text-transform: uppercase; top: -27px; width: 100%; } span.skill-title i { float: right; position: relative; display: block; right: 0; color: #c0c0c0; } .skill-bar-value { display: block; height: 100%; position: absolute; z-index: 1; background: #808080; overflow: visible !important; } /* Skill Bars ------------------------------------- */ .info-banner { background: #f6f6f6; display: block; padding: 24px 28px; } .info-content { float: left; } .info-banner p { margin: 0; color: #909090; } .info-banner a.button { float: right; margin: 5px 0 0 0; font-size: 14px; padding: 8px 15px; } .info-banner h3 { font-size: 18px; font-weight: 700; line-height: 26px; } /* Notification Boxes ------------------------------------- */ #result .success, .notification { font-size: 14px; line-height: 18px; margin-bottom: 15px; position: relative; padding: 13px 40px 13px 18px; } .notification p { margin: 0; } .notification span { font-weight: 600; } #result .success, .notification.success, .notification.success strong { background-color: #EBF6E0; color: #5f9025; } .notification.error, .notification.error strong { background-color: #ffe9e9; color: #de5959; } .notification.warning, .notification.warning strong { background-color: #FBFADD; color: #8f872e; } .notification.notice, .notification.notice strong { background-color: #E9F7FE; color: #5091b2; } .notification strong { border: none !important; } .notification.success .close, .notification.error .close, .notification.warning .close, .notification.notice .close { padding: 0px 9px; position: absolute; right: 0; top: 22px; display: block; height: 8px; width: 8px; cursor: pointer; } .notification.success .close {background: url(../images/alert_boxes_close_ico.png) 0 -8px no-repeat;} .notification.error .close {background: url(../images/alert_boxes_close_ico.png) 0 0 no-repeat;} .notification.warning .close {background: url(../images/alert_boxes_close_ico.png) 0 -16px no-repeat;} .notification.notice .close {background: url(../images/alert_boxes_close_ico.png) 0 -24px no-repeat;} /* Counters ------------------------------------- */ .counter-box { display: block; background: #f6f6f6; padding: 40px 20px 37px 20px; text-align: center; } .counter-box p { margin: 5px 0 0 0; padding: 0; color: #909090; font-size: 18px; font-weight: 500; } .counter-box i { font-size: 60px; margin: 0 0 15px 0; color: #d2d2d2; } .counter { display: block; font-size: 32px; font-weight: 700; color: #666; line-height: 28px; } .counter-box.colored { background: #808080; } .counter-box.colored p, .counter-box.colored i, .counter-box.colored .counter {color: #fff} /* Happy Clients ------------------------------------- */ .sb-navigation-left-2, .sb-navigation-right-2, .sb-navigation-left-2.notclickable, .sb-navigation-right-2.notclickable { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sb-navigation-left-2, .sb-navigation-right-2 { cursor:pointer; margin-top: 42px; } .sb-navigation-left-2 {float:left;} .sb-navigation-right-2 {float:right;} .sb-navigation-left-2 i, .sb-navigation-right-2 i { line-height:24px; font-size:24px; color:#c4c4c4; } .sb-navigation-left-2:hover, .sb-navigation-right-2:hover { } .sb-navigation-left-2.notclickable, .sb-navigation-right-2.notclickable { cursor:default; } .sb-navigation-left-2.notclickable i, .sb-navigation-right-2.notclickable i { color: #c4c4c4; } .sb-navigation-left-2.alt, .sb-navigation-right-2.alt { top: 57%; margin: 0; position: absolute; height: 20px; width: 20px; z-index: 99; } .sb-navigation-left-2.alt { left: 10px; } .sb-navigation-right-2.alt { right:0; } .happy-clients-photo img { margin: 0 auto; display: block; margin-bottom: 11px; border-radius: 50%; width: 80px; height: 80px; } .happy-clients-cite { font-size: 24px; font-weight: 300; color: #999; width: 75%; margin: 0 auto; display: block; text-align: center; line-height: 36px; margin-bottom: 7px; } .happy-clients-author { font-size: 18px; font-weight: 500; color: #808080; margin: 0 auto; display: block; text-align: center; line-height: 32px; } /* Additional Menu ------------------------------------- */ #additional-menu { display: block; float: right; margin: 18px 0 20px 0; } #additional-menu ul li { display: inline; padding: 0 11px; float: left; } #additional-menu ul li:first-child { background: none; } #additional-menu ul li:last-child { padding-right: 0; } #additional-menu ul li a { font-size: 13px; color: #999; } #additional-menu ul li a span { color: #bbb; } #additional-menu ul li a:hover, #additional-menu ul li a:hover span { color: #808080; } /* Search ------------------------------------- */ .top-search { float: right; display: block; margin: 0; } .top-search input, .apply-coupon input { font-size: 13px; width: 192px; padding: 10px 13px 10px 13px; float: left; } .apply-coupon input { background-color: #fff; display: inline-block; float: left; margin: 0; border: 0; } .apply-coupon input:focus { background-color: #fff; margin: 0; border: 0; } .top-search button,.searchform-alter input[type="submit"], .searchform-alter button[type="submit"] { background: #c0c0c0; border: none; cursor: pointer; color: #fff; width: 40px; height: 40px; padding: 0; border: none; position: relative; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; border-radius: 0; } .searchform-alter button i,.searchform-alter input[type="submit"] i{ display: block; left: 0; position: relative; top: 0; z-index: 20; } .apply-coupon a { display: block; float: left; } .top-search button:hover { background-color: #808080; } .top-search button i { top: 0; left: 0; position: relative; display: block; z-index: 20; } /* Cart ------------------------------------- */ #cart { float: right; display: block; margin: 0 0 0 15px; position: relative; z-index: 100; } #cart a { color: #fff; } .cart-list { position: absolute; right: 0; margin-top: 50px; background: #f5f5f5; z-index: 9999; display: none; width: 260px; } .cart-list.active { display: block; opacity: 1; visibility: visible; } /* Cart Button */ .cart-btn a.button { padding: 8px 14px 8px 52px; float: left; font-weight: 600; font-size: 14px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .cart-btn a.button.adc:before { content: ""; position: absolute; font-family: "FontAwesome"; padding: 7px 15px 7px 12px; height: 100%; background: rgba(0,0,0,0.06); top:0; left:0; font-size: 13px; } .cart-btn a.button.hovered, .cart-btn a.button:hover { background-color: #606060; } /* Cart List */ #cart ul { padding: 16px; } #cart ul li { border-bottom: 1px solid #e5e5e5; padding: 13px 0; display: block; } #cart ul li:last-child { border-bottom: none; padding: 13px 0 0 0; } #cart ul li:first-child { padding: 0 0 13px 0; } #cart ul li a { display: block; color: #666; font-size: 14px; font-weight: 600; } #cart ul li span { display: block; float: none; padding: 0; font-size: 13px; color: #a0a0a0; line-height: 18px; } #cart ul li a img { display: inline-block; float: left; padding: 0; width: 55px; height: auto; margin: 0 15px 0 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .cart-amount { padding: 9px 0; text-transform: uppercase; font-size: 12px; background-color: #eee; } .cart-list .arrow { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #eee; position: absolute; top: -5px; left: 230px; } .cart-amount span { padding: 0 16px; color: #909090; } .cart-buttons, #cart .links { border-top: 1px solid #e5e5e5; padding: 15px 16px 10px 16px; } .cart-buttons a,#cart .links a { font-size: 12px; text-transform: uppercase; font-weight: 600; font-size: 13px; color: #fff; display: inline-block; width: 100%; text-align: center; padding: 7px 0px; margin: 0 0 5px 0; background-color: #808080; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; position: relative; } .cart-buttons a.view-cart,#cart .links .line-item-summary-view-cart a { background: #c0c0c0; } .cart-buttons a.checkout, #cart .links .line-item-summary-checkout a { background-color: #808080; } .cart-buttons a.view-cart:before, .cart-buttons a.checkout:before { content:""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: none; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .cart-buttons a.view-cart:hover:before, .cart-buttons a.checkout:hover:before,#cart .links a:hover, #cart .links .line-item-summary-checkout a:hover { background-color: #606060; } .cart-buttons a span { position: relative; z-index: 200; } /* Checkout -------------------------------------- */ .checkout-section { background:#f4f4f4; color: #808080; font-size: 16px; font-weight: 600; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 0 15px 0; } .checkout-section.active { background: #3acf87; color: #fff; } a:hover .checkout-section { background: #606060; color: #fff; } .checkout-section p { position: relative; display: inline-block; } .checkout-section span { background: rgba(0,0,0,0.05); display: inline-block; padding: 14px 22px 12px 22px; font-weight: 700; font-size: 14px; margin: 0 10px 0 0; color: #909090; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout-section.active span { background: rgba(0,0,0,0.0.9); color: #fff; } a:hover .checkout-section span { background: rgba(0,0,0,0.15); color: #fff; } .checkout-content, .checkout-delivery, .checkout-summary { margin-bottom: 20px; border-bottom: 1px solid #eee; padding: 0 3px; } .checkout-summary, .checkout-delivery.active { border:0; margin-bottom:0; } .continue.button { width: 100%; text-align: center; padding: 10px 0; margin: 0 0 30px 0; } /* Forms */ .checkout-content select, .checkout-summary select { padding: 10px 12px; cursor: pointer; } .checkout-content select, .checkout-content input { margin: 0 0 15px 0; width: 95.4%; } .checkout-content .half { display: inline-block; width: 45.8%; } .checkout-content .half.first { padding: 0 30px 0 0; } .checkout-content .fullwidth, .checkout-content .fullwidth select, .checkout-content select.fullwidth { display: inline-block; width: 100%; } .checkout-content input.fullwidth, .checkout-content .fullwidth input { display: inline-block; width: 95% } a:hover .checkout-section strong {color: #fff;} .checkout-section strong { float: right; font-size: 14px; margin: 13px 15px 0 0; color: #808080; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .checkout-section strong i { margin: 0 3px 0 0; } /* Checkbox */ input.input-checkbox { width:20px; float: left; position: relative; width: auto !important; } label.checkbox { margin: -5px 0 0 5px; font-weight: 600; float: left; cursor:pointer; } .shippping-checkbox { display: block; margin-top: 15px; } .checkout-content label abbr {color: #d11c1c;} .checkout-content select, .checkout-summary select { overflow: hidden; background: url(../images/down_arrow_select.png) no-repeat right #f5f5f5; appearance:none; -moz-appearance:none; -webkit-appearance:none; } @-moz-document url-prefix() { .checkout-content select, .checkout-summary select { background-image: none; padding-right: 20px; } } /* Address Review & Delivery List */ ul.address-review { margin: 10px 0 24px 0; } ul.address-review li { line-height: 21px; } ul.address-review.summary li { margin: 0 0 10px 0; } ul.address-review.delivery { margin: 10px 0 18px 0; } ul.address-review li strong, ul.delivery-options li strong { margin-bottom: 4px; display: inline-block; } ul.delivery-options li strong { margin-bottom: 7px; color: #909090; font-weight: 500; } ul.delivery-options { margin: 20px 0 24px 0; } .delivery-options li input { margin: 2px 0 0 0; position: absolute; left: 15px; } .delivery-options li label { margin: 0 0 0 21px; color: #606060; } .delivery-options li label span, .delivery-summary { color: #909090; margin-left: 4px; font-weight: 500; } .delivery-options li label span span, .delivery-summary span { color: #d0d0d0; font-size: 11px; display: inline-block; position: relative; top: -2px; } .delivery-option { display: block; margin-top: 5px; float: left; } /* Checkout Cart */ .qty-checkout { text-align: center; } .checkout td.cart-total {padding-right: 35px;} .checkout td {line-height: 20px;} .checkout-section.cart { padding: 12px 23px 14px 23px; background: #606060; color: #fff; margin:0; } .checkout-subtotal { margin: 0 15px 0 5px; color: #808080; float: right; } .checkout-subtotal.summary { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e0e0e0; width: 94.5%; position: relative; text-align: right; } .checkout-subtotal span { color: #606060; margin-left: 5px; } /* Payment & Order Review */ .payment-icons.checkout { float: none; top: 0; position: relative; display: block; } .payment-icons.checkout li { display: inline-block; float: left; } .payment-icons.checkout li img { margin: 0 4px 0 0; border: 1px solid #e0e0e0; padding: 3px; cursor: pointer; } .credit-card-fields span { display: inline; float: left; margin-right: 15px; } .credit-card-fields input { width: 305px; min-width: 100px; } .credit-card-fields select { min-width: 100px; } .order-totals-spacer { border-top: 1px solid #e0e0e0; padding: 10px 0; } /* My Account -------------------------------------- */ .centered { margin: 0 auto !important; float: none !important; display: block !important; } .form-row-wide input {width: 100%;} /*.required {color: #d11c1c;}*/ .rememberme { display: block; margin-top: 10px; } .rememberme {cursor: pointer;} .rememberme input { margin: 0 2px 0 0; top: 1px; display: inline-block; } /* ------------------------------------------------------------------- */ /* Navigation ---------------------------------------------------------------------- */ .sf-menu { position: relative; padding: 0; list-style: none; float: left; width: 100%; max-height: 48px; background-color: #606060; margin: 0; z-index: 99; } #top-bar .f-menu{float:none; width:auto;} .main-nav .sf-menu{text-align:center;} .sf-menu .mega { position: absolute; display: none; top: 100%; left: 0; } .sf-menu > li { float: left; } .main-nav .sf-menu > li{float:none; display:inline-block; top:-1px;} .main-nav .sf-menu > li.first{top:-18px; height:50px;} .sf-menu li:hover > .mega, .sf-menu li.sfHover > .mega { display: block; } .sf-menu > li > a { display: block; position: relative; } /* Current Page */ .sf-menu > li .current { background-color: #505050;} .sf-menu > li:hover .current, .sf-menu > li.sfHover .current { background-color: #808080; } .sf-menu > li > a { color: #fff; padding: 17px 20px 15px 20px; display: inline-block; text-transform: uppercase; font-weight: 600; } .sf-menu .homepage { text-indent: -9999px; display: block; width: 50px; height: 50px; padding: 0; background: url(../images/home.png) 50% no-repeat; } .sf-menu > li:hover, .sf-menu > li.sfHover { background-color: #808080; } .sf-menu > .sf-menu li.dropdown li.sfHover, .sf-menu li.sfHover { background-color: #ededed; } .current, .sf-menu > li, .sf-menu > li:hover, .sf-menu > li.sfHover, .sf-menu > li.sfHover { -webkit-transition: background-color 0.15s ease-in-out; -moz-transition: background-color 0.15s ease-in-out; -o-transition: background-color 0.15s ease-in-out; -ms-transition: background-color 0.15s ease-in-out; transition: background-color 0.15s ease-in-out; } /* Mega Menu */ .mega { background-color: #f9f9f9; padding: 0; box-sizing: border-box; border-bottom: 1px solid #eaeaea; font-size: 13px; } .mega a { color: #909090; padding: 2px 0; display: block; margin-left: 12px; line-height: 19px; -webkit-transition: all 0.15s ease-in-out;; -moz-transition: all 0.15s ease-in-out;; -ms-transition: all 0.15s ease-in-out;; -o-transition: all 0.15s ease-in-out;; transition: all 0.15s ease-in-out;; } .mega a:hover { color: #808080; } .mega-headline { background: #f0f0f0; color: #707070; font-weight: 600; display: block; padding: 8px 12px; margin-bottom: 8px; } .mega ul li p { padding: 0 12px; } .mega ul li p a { color: #808080; text-decoration: underline; display: inline-block; padding: 0; margin: 0; } .mega ul li p a:hover { color: #888; } /* Mega Menu Grid */ .mega-container { margin-left: auto; margin-right: auto; width: 1136px; padding: 30px 22px; } .one-fourth-column, .one-fourth-columns, .one-column, .one-columns, .two-columns, .three-columns, .four-columns, .five-columns, .six-columns { display:inline-block; float: left; position: relative; margin-left: 8px; margin-right: 8px; } .mega-container .one-column { width: 173px; } .mega-container .one-columns { width: 173px; } .mega-container .two-columns { width: 362px; } .mega-container .one-fourth-column { width: 267px; } .mega-container .one-fourth-columns { width: 267px; } .mega-container .three-columns { width: 551px; } .mega-container .four-columns { width: 740px; } .mega-container .five-columns { width: 929px; } .mega-container .six-columns { width: 1118px; } /* Smaller than standard 1180 (devices and browsers) */ @media only screen and (min-width: 960px) and (max-width: 1289px) { .mega-container { margin-left: auto; margin-right: auto; width: 894px; } .mega-container .one-column { width: 133px; } .mega-container .one-columns { width: 133px; } .mega-container .two-columns { width: 282px; } .mega-container .one-fourth-column { width: 207px; } .mega-container .one-fourth-columns { width: 207px; } .mega-container .three-columns { width: 431px; } .mega-container .four-columns { width: 580px; } .mega-container .five-columns { width: 729px; } .mega-container .six-columns { width: 878px; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 990px) { .mega-container { margin-left: auto; margin-right: auto; width: 702px; } .mega-container .one-column { width: 101px; } .mega-container .two-columns { width: 218px; } .mega-container .one-fourth-column { width: 159px; } .mega-container .three-columns { width: 335px; } .mega-container .four-columns { width: 452px; } .mega-container .five-columns { width: 569px; } .mega-container .six-columns { width: 686px; } } /* Basic Dropdown */ .sf-menu li.dropdown, .sf-menu > li { position: relative; } .sf-menu .dropdown ul, .sf-menu > li > ul,.sf-menu li:hover > ul, .sf-menu li.sfHover > ul { position: absolute; display: none; top: 100%; left: 0; z-index: 9; margin-top: 1px; background-color: #f8f8f8; } .sf-menu li.dropdown ul li, .sf-menu li ul li { position: relative; } .sf-menu li.dropdown ul li ul, .sf-menu li ul li ul { position:absolute; display:none; top: 0; left: 200px; z-index: 100; } .sf-menu li.dropdown ul li ul li a, .sf-menu li ul li ul li a { display: block; min-width: 150px; } .sf-menu li.dropdown ul li a , .sf-menu li ul li a{ display: block; min-width: 150px; color: #909090; font-size: 13px; line-height: 18px; padding: 10px 16px; transition: all 0.15s ease-in-out; border-bottom: 1px solid #e9e9e9; margin-top: -1px; } .sf-menu li.dropdown ul li a:hover, .sf-menu li ul li a:hover { background-color: #808080; color: #fff; border-bottom: 1px solid rgba(0, 0, 0, 0.0); } /* Menu Arrows **/ .arrows .with-ul { padding-right: 32px; } .arrows .with-ul:after { content: ''; position: absolute; top: 50%; right: 18px; margin-top: -2px; height: 0; width: 0; border: 4px solid transparent; border-top-color: #FFF; /* edit this to suit design (no rgba in IE8) */ border-top-color: rgba(255,255,255,.5); -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .arrows > .sf-menu li.dropdown ul li .with-ul:after, .arrows > .sf-menu li.dropdown ul li.sfHover .with-ul:after { border-left-color: rgba(0,0,0,0.2); border-top-color: rgba(255,255,255,0); right: 12px; margin-top: -4px; } /* =================================================================== */ /* Mobile Navigation ====================================================================== */ #jPanelMenu-menu { display: none; } @media only screen and (max-width: 767px) { .sf-menu {max-height: none;} #responsive { display: none; } #jPanelMenu-menu { display: block } a.menu-trigger { color: #fff; display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; float: left; background: #606060; position: relative; width: 100%; margin: 15px 0 25px 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.menu-trigger i { padding: 16px 17px; margin: 0 10px 0 0; background: rgba(0,0,0,0.08); font-size: 14px; font-weight: 500; } a.menu-trigger:hover { background: #808080; } } #jPanelMenu-menu a.current { background: #808080 !important; } #jPanelMenu-menu a.current:after, #jPanelMenu-menu .with-ul:after { display: none; } #jPanelMenu-menu li a { display:block; padding: 12px 20px !important; background-color: #505050; /* border-bottom: 1px solid #606060; */ color: #fff; font-weight: 500; -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; font-weight: 600; outline: none; text-transform: uppercase; } #jPanelMenu-menu li a:hover { background-color: #808080; } #jPanelMenu-menu li li a { background-color: #606060; padding-left: 30px !important; text-transform: none; font-weight: 500; } #jPanelMenu-menu li li li a{ padding-left: 50px !important; } #jPanelMenu-menu .one-fourth-column, #jPanelMenu-menu .one-column, #jPanelMenu-menu .two-columns, #jPanelMenu-menu .three-columns, #jPanelMenu-menu .four-columns, #jPanelMenu-menu .five-columns, #jPanelMenu-menu .six-columns { display:inline-block; float: left; position: relative; margin:0; width: 100%; } #jPanelMenu-menu .hidden-on-mobile, #jPanelMenu-menu .mega-headline { display: none; } /* ------------------------------------------------------------------- */ /* Miscellaneous ---------------------------------------------------------------------- */ /* Headline ------------------------------------- */ .headline { font-size: 20px; background-color: #fff; padding-right: 10px; z-index: 5; position: relative; float: left; text-transform: uppercase; } .line { border-bottom: 1px solid #ebebeb; width: 100%; float: left; height: 1px; display: inline-block; margin: -16px 0 25px 0; } /* Parallax ------------------------------------- */ .parallax-banner { position: relative; overflow: hidden; margin: 0 auto; margin-bottom: 40px; height: 200px; opacity: 0 } .parallax-banner img { position: absolute; } .parallax-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; display: block; text-align: center; text-transform: uppercase; font-weight: bold; background-color: transparent; background-color: rgba(0, 0, 0, 0.45); } .parallax-title { position: relative; z-index: 10; font-size: 40px; color: #fff; text-transform: uppercase; font-weight: 700; display: block; top: 0; left: 0; text-align: center; } .parallax-title span { display: block; padding: 15px 0 0 0; font-size: 28px; font-weight: 300; } input[type="button"], input[type="submit"], a.button , .btn, .btn-default{ cursor: pointer; padding: 7px 14px; display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 13px; outline: none; overflow: hidden; position: relative; z-index: 10; color: #fff; background-color: #808080; border: none; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } input[type="button"], input[type="submit"] { padding: 10px 14px; } input[type="button"]:hover, input[type="submit"]:hover { background-color: #c0c0c0; } a.button.dark, .btn,.btn-default { background-color: #606060; } a.button.gray { background-color: #c0c0c0; } a.button.colo, a.button.dark:hover, .btn:hover,.btn-default:hover, a.button.gray:hover, a.button.color:hover { background-color: #c0c0c0; } .button i {margin-right:3px;} /* Parallax Titlebar ------------------------------------- */ .parallax-titlebar { position: relative; overflow: hidden; margin: 0 auto; margin-bottom: 38px; height: 160px; } .parallax-titlebar img { position: absolute; } .parallax-titlebar h2 { position: relative; z-index: 10; font-size: 30px; color: #fff; font-weight: 700; display: block; top: 31%; left: 55px; } .parallax-titlebar span { font-size: 22px; color: #fff; font-weight: 300; display: block; } .parallax-content { position: relative; height: 100%; } /* Titlebar ------------------------------------- */ .titlebar { background-color: #f4f4f4; position: relative; margin: 0 0 50px 0; padding: 34px 0 32px; /* background: url(../images/pattern.png) ;*/ } .titlebar h2,h1#page-title { font-size: 24px; font-weight: 700; line-height: 28px; float: left; width: 100%; } .titlebar span { font-weight: 300; color: #aaa; } .titlebar #breadcrumbs ul { float: left; margin: 0; right: 0; } .titlebar #breadcrumbs a{ color: #606060; } .titlebar #breadcrumbs ul li, .titlebar #breadcrumbs ul li a, .titlebar #breadcrumbs ul li a:hover, .titlebar #breadcrumbs ul li:last-child a { color: #909090; } .titlebar #breadcrumbs ul li:after { color: #bbb; } /* Breadcrumbs ------------------------------------- */ #breadcrumbs ul { float: right; font-size: 13px; margin-top: 27px; font-weight: 500; position: relative; z-index: 10; right: 55px; } #breadcrumbs ul li { display: inline-block; color: #fff; margin: 0 0 0 5px; } #breadcrumbs ul li:after { content: ""; font-family: "FontAwesome"; font-size: 13px; color: #fff; margin: 0 0 0 9px; } #breadcrumbs ul li:last-child:after { content: ""; margin: 0; } #breadcrumbs ul li a, #breadcrumbs ul li a:hover, #breadcrumbs ul li:last-child a { color: #fff; } #breadcrumbs ul li:first-child { padding-right: 0; margin-left: 0; } #breadcrumbs ul li:first-child, #breadcrumbs ul li:last-child { background: none; } #breadcrumbs ul li:last-child { padding:0; font-weight: 600; background: none; } /* Full Width Styles ------------------------------------- */ .fullwidth .parallax-content { margin: 0 auto; } .fullwidth .parallax-banner.fullwidth-element, .fullwidth .parallax-titlebar.fullwidth-element, .fullwidth .parallax-banner img, .fullwidth .parallax-titlebar img { width: 100%; } .fullwidth .parallax-content h2 { left: 0; } .fullwidth .parallax-content #breadcrumbs ul { left: 0; right: 0; } /* Back to Top ------------------------------------- */ #backtotop { position: fixed; right: 0; display: none; bottom: 20px; margin: 0 20px 0 0; } #backtotop a { text-decoration: none; border: 0 none; display: block; width: 45px; height: 45px; background-color: rgba(0,0,0,0.25); color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #backtotop a:after { content: ""; font-family: "FontAwesome"; position: relative; display: block; top: 10px; left: 15px; } #backtotop a:hover { background-color: #808080; } /* Pagination ------------------------------------- */ .pagination { margin: 0; text-align: center; overflow: hidden; } .pagination-next-prev { position: relative; top: -36px; } .pagination ul li { display: inline-block; margin: 0; padding: 0; } .pagination ul li a, .pagination-next-prev ul li a { padding: 9px 14px; border-bottom: none; display: inline-block; color: #fff; background-color: #c0c0c0; font-weight: 700; margin:0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .current-page { background-color: #808080 !important; } .products .pagination ul li a, .products .pagination-next-prev ul li a { background-color: #d0d0d0; } .pagination .current, .pagination ul li a:hover, .pagination-next-prev ul li a:hover { background: #808080; color: #fff; } .pagination-next-prev a.next { float: right; } .pagination-next-prev a.prev { float: left; } .pagination-next-prev ul li a { width: 36px; height: 36px; padding:0; } .pagination-next-prev .prev:before, .pagination-next-prev .next:before { font-family: "FontAwesome"; font-size: 13px; position: relative; display: block; line-height: 19px; } .pagination-next-prev .next:before { content: ""; margin: 9px 0 0 14px;} .pagination-next-prev .prev:before { content: ""; margin: 9px 0 0 12px; } /* Custom Margins for Pages */ .products .pagination-next-prev a.prev { margin: 0 0 0 20px; } .pagination-next-prev.full-width a.prev { margin: 0 0 0 10px; } .pagination-next-prev.full-width a.next { margin: 0 10px 0 0; } .pagination-container { margin: 0 0 40px 0; } .products .pagination-container { margin: 50px 0 0 0; } .masonry.pagination-container { margin: 20px 0 40px 0; } /* 404 Error Page ------------------------------------- */ #not-found { margin: 90px 0 115px 0; } #not-found h2 { text-align: center; font-size: 240px; line-height: 210px; font-weight: 600; letter-spacing: -5px; } #not-found p { text-align: center; font-size: 32px; line-height: 48px; color: #999; } #not-found i { color: #808080; font-size: 210px; top: -12px; position: relative; } /* ------------------------------------------------------------------- */ /* Shortcodes ---------------------------------------------------------------------- */ /* Tabs ------------------------------------- */ .tabs-nav { list-style: none; margin: 0; overflow: hidden; padding: 0; width: 100%; } .tabs-nav li { float: left; line-height: 38px; overflow: hidden; padding: 0; position: relative; } .tabs-nav li a, .tab-reviews { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .tabs-nav li a { background-color: #f6f6f6; border-right: 1px solid #fff; border-bottom: 1px solid #fff; color: #888; font-weight: 600; display: block; letter-spacing: 0; outline: none; padding: 0 20px; text-decoration: none; } .tab-reviews { color: #aaa; } .tabs-nav li.active .tab-reviews { color: #fff; } .tabs-nav li.active a { background: #808080; color: #fff; } .tab-content { padding: 15px 0px; } .tabs-container { overflow: hidden; width: 100%; } /* Regular Table ------------------------------------- */ table.basic-table { width: 100%; border-collapse: separate; border-spacing: 0; border:none; } table.basic-table.shortcode th { text-transform: uppercase; } table.basic-table th { text-align: left; padding: 10px 15px; color: #666; vertical-align: top; font-size: 14px; font-weight: 600; } table.basic-table td { padding: 10px 15px; border-top: none; border-right: none; } .basic-table tr:nth-child(odd) { background-color: #f8f8f8; } .tab-content .basic-table { margin: 0 0 20px 0; } /* Dropcaps ------------------------------------- */ .dropcap { float: left; color: #808080; font-size: 58px; line-height: 54px; padding-top: 4px; padding-right: 10px; margin-top: -2px; font-weight: 600; } .dropcap.full { background: #808080; padding: 3px 5px 5px 5px; margin: 0 5px 0 0; color: #fff; bottom: -5px; position: relative; } /* Highlights ------------------------------------- */ .highlight.color, .highlight.gray, .highlight.light { padding: 2px 6px; color: #fff; } .highlight.color { background: #808080; } .highlight.gray { background: #a0a0a0; } .highlight.light { background: #f2f2f2; color: #909090; } /* Blockquote ------------------------------------- */ blockquote { border-left: 4px solid #808080; padding-left: 20px; color: #999; line-height: 24px; font-style: italic; margin: 5px 0 20px 15px; } /* List Styles ------------------------------------- */ .list-1 li, .list-2 li, .list-3 li, .list-4 li,.item-list ul li,.sidebar ul.menu li { list-style: none; margin: 7px 0; margin-left: 2px; } .list-2 li { list-style: none; margin: 4px 0; margin-left: 2px; } .list-1 li:first-child, .list-2 li:first-child, .list-3 li:first-child, .list-4 li:first-child , .item-list ul li:first-child, .sidebar ul.menu li:first-child{ margin-top: 0; } .list-1 li:before, .list-2 li:before, .list-3 li:before, .list-4 li:before,.item-list ul li:before, .sidebar ul.menu li:before { content: ""; font-family: "FontAwesome"; margin: 0 7px 0 0; position: relative; color: #a0a0a0; } .list-1.color li:before, .list-2.color li:before, .list-3.color li:before, .list-4.color li:before,.item-list ul li:before, .sidebar ul.menu li:before { color: #808080; } .list-1 li:before { content: ""; } .list-2 li:before { content: "•"; font-size: 24px; top: 3px;} .list-3 li:before { content: ""; } .list-4 li:before, .item-list ul li:before, .sidebar ul.menu li:before { content: ""; } /* Tooltips ------------------------------------- */ #tiptip_holder { display: none; position: absolute; left: 0; top: 0; z-index: 99999; font-family: "Open Sans", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; } #tiptip_holder.tip_top { padding-bottom: 5px; -webkit-transform: translateX(12px) } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { color: #fff; font-size: 13px; line-height: 16px; padding: 6px 10px; background-color: #666; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #666; } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #666; } #tiptip_holder.tip_right #tiptip_arrow { border-right-color:#666; } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #666; } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #666; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: #666; } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: #666; } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: #666; } /* Google Maps ------------------------------------- */ #googlemaps { padding-bottom: 30%; } .google-map-container { margin: 0 0 35px 0; } .google-map-container img { max-width: none !important; } /* Contact Details ------------------------------------- */ .contact-informations { } .contact-informations p { margin:0; } .contact-details-alt p { margin: 0 0 0 22px; line-height: 18px; } .contact-informations li i { float: left; margin: 3px 8px 0 0; color: #909090; } .contact-informations li, .contact-informations.second li { padding-bottom: 3px; } /* Contact Form ------------------------------------- */ #contact fieldset div { margin-bottom: 15px; } #contact fieldset div input { width: 240px; } #contact textarea { width: auto; min-width: 97.5%; min-height: 180px; resize: vertical; } #contact input, #contact textarea, #contact select,.contact-form .form-submit { -webkit-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -moz-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -o-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; -ms-transition: background 200ms ease-in-out, border-color 200ms ease-in-out; transition: background 200ms ease-in-out, border-color 200ms ease-in-out; } #contact input:focus #contact textarea:focus, #contact select:focus { outline: none; position: relative; z-index: 5; } #contact input.error, #contact textarea.error, #contact select.error { border: 1px solid #ffeceb; background: #ffeceb; } #contact label { margin-bottom: 5px; } #contact label span { color: #e24747; } #message { margin: 0; padding: 0; display: block; background: transparent none; } /* Example Grid ------------------------------------- */ .example-grid .column, .example-grid .columns { display: block; background:#f2f2f2; padding: 10px 0; text-align: center; color: #909090; font-weight: 600; margin-top: 20px; } .example-grid .column:hover, .example-grid .columns:hover { background:#c0c0c0; color: #fff; transition: all 0.2s ease-in-out; } /* Icons Example */ .icons-example ul li i { color: #606060; width: 25px; } .icons-example ul li { margin: 0 0 4px 4px; } /* Example Gallery */ .example-gallery a { float: left; } .example-gallery strong { display: block; } /* Comments ------------------------------------- */ .comments { margin: 10px 0 0 0; } .comments .button { margin: 0 0 10px 90px; padding: 7px 15px; } .comments ul li { display: block; margin: 0 0 20px 90px; position: relative; } .comments ul li ul li { margin: 20px 0 0 90px; } .comment-content p { margin: 0; line-height: 23px; } .comment-content { background: #f8f8f8; color: #888; padding: 19px 22px 22px 22px; } .comment-content strong { padding-right: 5px; font-size: 14px; color: #666; } .comment-content span { color: #999; } .comments-amount { color: #909090; } .avatar { /* float: left; display: inline-block; position: absolute; left: -90px;*/ } .avatar img { max-width: 70px; } .comment-by { width: 100%; padding-bottom: 8px; padding-top: 5px; } .comment-by span.reply { float: right; display: inline; } .comment-by span.reply a { float: right; height: 17px; margin-left: 5px; font-weight: normal; color: #999; } .comment-by span.reply a i { color: #bbb; transition: all 0.1s ease-in-out; } .comment-by span.reply a:hover, .comment-by span.reply a:hover i { color: #808080; } .comment-by .rating { float: right; position: relative; margin: 0 -10px 0 0; } .comment-by .rating .star-bg:after { color: #ddd; } .comment-by span.date { color: #999; font-weight: 300; background: url('../images/comments-divider.png') no-repeat 0 55%; padding: 0 0 0 9px; margin: 0 0 0 2px; float: none; text-align: left; } /* Add Comment */ .add-comment label { margin: 0 0 4px 0; } .add-comment label span { color: #e24747; } .add-comment input { margin: 0 0 20px 0; min-width: 240px; } .add-comment textarea { margin: 0 0 18px 0; width: auto; min-width: 97.5%; min-height: 180px; resize: vertical; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } /* Content Boxes ------------------------------------- */ .content-box { padding: 32px 28px; margin: 0 0 20px 0; text-align: center; cursor: pointer; } .content-box, .content-box i, .content-box p, .content-box h3 { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .content-box p { margin: 0; color: #fff; } .content-box h3 { line-height: 26px; padding-bottom: 8px; color: #fff; font-weight: 600; } .content-box i { font-size: 80px; height: 80px; color: #fff; margin: 10px 0; display: block; } .content-box.color-effect-1 { background: #38c782; } .content-box.color-effect-2 { background: #0e83cd; } .content-box.color-effect-3 { background: #a558a6; } .content-box.color-effect-4 { background: #ffba35; } .box-icon-wrap { text-align: center; margin: 0 auto; padding: 15px 0 20px 0; max-height: 120px; } .box-icon i { display: inline-block; font-size: 0px; cursor: pointer; margin: 15px 0; width: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; } .box-icon i:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .box-icon i:before { speak: none; font-size: 40px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; } /* Effect 1 */ .box-icon-effect-1 .box-icon i { background: rgba(255,255,255,0.2); color: #fff; -webkit-transition: background 0.2s, color 0.2s; -moz-transition: background 0.2s, color 0.2s; transition: background 0.2s, color 0.2s; } .box-icon-effect-1 .box-icon i:after { top: -7px; left: -7px; padding: 7px; box-shadow: 0 0 0 4px #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; -webkit-transform: scale(.8); -moz-transition: -moz-transform 0.2s, opacity 0.2s; -moz-transform: scale(.8); -ms-transform: scale(.8); transition: transform 0.2s, opacity 0.2s; transform: scale(.8); opacity: 0; } /* Effect 1a */ .content-box:hover .box-icon-effect-1a .box-icon i { background: rgba(255,255,255,1); color: #3acf87; } .content-box:hover .box-icon-effect-1a .box-icon i:after { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } /* Effect 2 */ .box-icon-effect-2 .box-icon i { box-shadow: 0 0 0 4px #fff; overflow: hidden; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; color: #fff; } .box-icon-effect-2 .box-icon i:after { display: none; } .content-box:hover .box-icon-effect-2 .box-icon i { background: #fff; color: #0e83cd; box-shadow: 0 0 0 8px rgba(255,255,255,0.3); } .content-box:hover .box-icon-effect-2a .box-icon i:before { -webkit-animation: toRightFromLeft 0.3s forwards; -moz-animation: toRightFromLeft 0.3s forwards; animation: toRightFromLeft 0.3s forwards; } @-webkit-keyframes toRightFromLeft { 49% { -webkit-transform: translate(100%); } 50% { opacity: 0; -webkit-transform: translate(-100%); } 51% { opacity: 1; } } @-moz-keyframes toRightFromLeft { 49% { -moz-transform: translate(100%); } 50% { opacity: 0; -moz-transform: translate(-100%); } 51% { opacity: 1; } } @keyframes toRightFromLeft { 49% { transform: translate(100%); } 50% { opacity: 0; transform: translate(-100%); } 51% { opacity: 1; } } /* Effect 3 */ .box-icon-effect-3 .box-icon i { box-shadow: 0 0 0 4px #fff; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .box-icon-effect-3 .box-icon i:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: #fff; -webkit-transition: -webkit-transform 0.2s, opacity 0.3s; -moz-transition: -moz-transform 0.2s, opacity 0.3s; transition: transform 0.2s, opacity 0.3s; } /* Effect 3a */ .box-icon-effect-3a .box-icon i { color: #a558a6; } .content-box:hover .box-icon-effect-3a .box-icon i { color: #fff; } .content-box:hover .box-icon-effect-3a .box-icon i:after { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); opacity: 0; } /* Effect 4 */ .box-icon-effect-4 .box-icon i { color: #fff; box-shadow: 0 0 0 3px #fff; -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; } .box-icon-effect-4 .box-icon i:after { top: -2px; left: -2px; padding: 2px; z-index: -1; background: rgba(255,255,255,0.2); -webkit-transition: -webkit-transform 0.2s, opacity 0.2s, background 0.2s; -moz-transition: -moz-transform 0.2s, opacity 0.2s, background 0.2s; transition: transform 0.2s, opacity 0.2s, background 0.2s; } .content-box:hover .box-icon-effect-4a .box-icon i:after { -webkit-transform: scale(0.85); -moz-transform: scale(0.85); -ms-transform: scale(0.85); transform: scale(0.85); } .content-box:hover .box-icon-effect-4 .box-icon i:after { background: #fff; } .content-box:hover .box-icon-effect-4a .box-icon i { color: #ffba35; } /* Accordions & Toggles ------------------------------------- */ .icon-box span i { font-size: 21px; margin: 20px 0; color: #a0a0a0; z-index: 5; position: relative; text-align: center; } .icon-box span { background-color: #f2f2f2; text-align: center; float: left; display: block; width: 60px; height: 60px; } .icon-description { float: left; margin: -65px 0 0 82px; } .icon-description h3 { font-size: 20px; margin-bottom: 4px; } .icon-description a:after { margin: 0 0 0 5px; position: relative; content: ""; font-family: "FontAwesome"; } .icon-description a:hover { color: #888; } .icon-description a { top: -3px; position: relative; display: block; } .icon-box span i, .icon-box span { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .icon-box:hover span { background-color: #808080; } .icon-box:hover span i { color: #fff; } /* Accordions & Toggles ------------------------------------- */ .ui-accordion .ui-accordion-header, .trigger a { display: block; cursor: pointer; position: relative; padding: 0; line-height: 26px; outline: none; color: #888; font-size: 14px; font-weight: 600; background-color: #f6f6f6; -webkit-transition: background-color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out; transition: background-color 200ms ease-in-out; padding: 10px 16px; margin-bottom: 10px; } .ui-accordion .ui-accordion-header-active:hover, .ui-accordion .ui-accordion-header-active, .trigger.active a, .trigger.active a:hover { background: #808080; color: #fff; } .ui-accordion .ui-accordion-header i, .trigger a i { margin: 0 4px 0 0; position: relative; } .ui-accordion .ui-accordion-content, .toggle-container { padding: 0 16px 10px 16px; } .ui-accordion .ui-accordion-content p { margin: 0; } .ui-accordion .ui-accordion-content { } .ui-accordion-icon:before, .ui-accordion-icon-active:before, .toggle-icon:before { font-family:"FontAwesome"; content:""; color: #c0c0c0; font-size: 14px; font-weight: 500; display: block; float: right; line-height: 25px; margin: 2px 4px 0 0; } .toggle-container p { margin: 0; } .ui-accordion-icon-active:before, .trigger.active .toggle-icon:before { content:""; color: #fff; } .faq .toggle-icon:before, .faq .trigger.active .toggle-icon:before { content:""; } /* Share Buttons ------------------------------------- */ .share-buttons { height: auto; position: relative; z-index: 999; } .share-buttons ul li { float:left; display: inline-block; line-height: 24px; background: #fff; overflow: hidden; } .share-buttons ul li { display: inline; } .share-buttons a { color: #fff; font-size: 12px; text-transform: uppercase; font-weight: 700; display: block; padding: 6px 12px; margin: 0 1px 1px 0; line-height: 20px; color: #fff; float: left; width: auto; } .share-buttons ul li:first-child a { background: #808080; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .share-buttons ul li:first-child a.share-hovered { background-color: #c0c0c0;} .share-facebook a { background: #4a6d9d; } .share-twitter a { background: #3bc1ed; } .share-gplus a { background: #d53824; } .share-pinit a { background: #cb1f25; } .og-details .share-buttons { margin: 10px 0; } .product-page section .share-buttons { margin: 10px 0 3px 0;} .post-content .share-buttons { margin: 25px 0 0 0;} /* Pricing Tables ------------------------------------- */ .plan-price h3 { text-align: center; font-size: 20px; padding: 10px 0; margin-bottom: 25px; color: #606060; font-weight: 600; text-align: center; background-color: rgba(0,0,0,0.02); } .plan-price { font-size: 36px; font-weight: 300; color: #606060; text-align: center; padding: 0 0 22px 0; position: relative; } /* Colors */ .plan.color-1 .plan-price, .plan.color-1 a.button { background-color: #f6f6f6; } .plan.color-2 .plan-price, .plan.color-2 a.button { background-color: #3acf87; } .plan.color-3 .plan-price, .plan.color-3 a.button { background-color: #514e9f; } .plan.color-4 .plan-price, .plan.color-4 a.button { background-color: #e54b81; } .plan.color-5 .plan-price, .plan.color-5 a.button { background-color: #a558a6; } .plan-price .value { font-weight: 600; letter-spacing: -1px; } .plan-currency { font-size: 22px; opacity: 0.7; position: relative; margin: 0 -5px 0 0; top: -4px; font-weight: 300; } .period { display: block; font-size: 16px; margin: 2px 0 0 0; opacity: 0.7; } .plan-features { background: #fff; border-top: none; padding: 12px 0 0 0; } .plan-features ul li { padding: 8px 0; text-align: center; } .plan-features a.button { position: relative; display: block; margin: 0 auto; margin: 12px 0; text-align: center; color: #666; padding: 10px 0; font-size: 14px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .color-2 .plan-price, .color-3 .plan-price, .color-4 .plan-price, .color-5 .plan-price, .color-2 .plan-price h3, .color-3 .plan-price h3, .color-4 .plan-price h3, .color-5 .plan-price h3, .color-2 .plan-price .plan-currency, .color-3 .plan-price .plan-currency, .color-4 .plan-price .plan-currency, .color-5 .plan-price .plan-currency, .color-2 .plan-features a.button, .color-3 .plan-features a.button, .color-4 .plan-features a.button, .color-5 .plan-features a.button { color: #fff; } .color-2 .plan-price h3, .color-3 .plan-price h3, .color-4 .plan-price h3, .color-5 .plan-price h3 { background-color: rgba(0,0,0,0.05); } /* ------------------------------------------------------------------- */ /* Revolution Slider ---------------------------------------------------------------------- */ .tp-banner-container { margin: 0 0 50px 0; max-height: 480px; } /* SMOOTHER ANIMATION ON ANDROID */ .tp-simpleresponsive { -webkit-perspective: 1500px; -moz-perspective: 1500px; -o-perspective: 1500px; -ms-perspective: 1500px; perspective: 1500px; } .fullscreen-container { width:100%; position:relative; padding:0; } .fullwidthbanner-container{ width:100%; position:relative; padding:0; overflow:hidden; } .fullwidthbanner-container .fullwidthbanner{ width:100%; position:relative; } .tp-bgimg.defaultimg { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /* Captions ------------------------------------- */ .caption { z-index: 1; position: absolute; } .caption h2 { font-size: 52px; font-weight: 700; color: #fff; text-transform: uppercase; padding: 0 0 15px 0; letter-spacing: -1px; display: block; } .caption h3 { font-size: 32px; font-weight: 300; color: #fff; text-transform: uppercase; padding: 0 0 20px 0; } .caption p { font-size: 16px; font-weight: 500; color: #fff; line-height: 25px; } .caption.dark h2, .caption.dark h3 { color: #505050; padding: 0 0 15px 0; letter-spacing: -1px; font-size: 52px; } .caption.dark h3 { font-size: 32px; padding: 0 0 20px 0; font-weight: 300; } .caption.dark p { color: #999; } /* Caption With Description */ .caption.description { padding: 30px; /* margin: 50px; width: 25%;*/ z-index: 1; background-color: #333; background: rgba(0, 0, 0, 0.7); display: block; } .caption.description h3 { color: #fff; font-size: 16px; padding-bottom: 10px; margin: 0; line-height: 22px; font-weight: 700; position: relative; display: block; letter-spacing: 0; } .caption.description p { margin: 0; line-height: 22px; font-size: 14px; color: #bbb; display: none; display: block; position: relative; float: left; } .tp-simpleresponsive .caption { position: absolute; visibility: hidden; -webkit-font-smoothing: antialiased !important; } .tp-simpleresponsive img { max-width:none; } a.caption-btn { cursor: pointer; padding: 15px 25px; display: inline-block; text-transform: uppercase; font-weight: 700; font-size: 14px; outline: none; overflow: hidden; position: relative; z-index: 10; background-color: #fff; color: #555; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.caption-btn:hover { color: #fff; background: #808080; } /* Navigation Arrows ------------------------------------- */ .tparrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-transition: opacity 0.2s ease-out; -moz-transition: opacity 0.2s ease-out; -o-transition: opacity 0.2s ease-out; -ms-transition: opacity 0.2s ease-out; -webkit-transform: translateZ(5000px); -webkit-transform-style: flat; -webkit-backface-visibility: hidden; z-index:600; position: relative; } .tparrows.hidearrows { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -ms-transition-delay: 0.2s; -o-transition-delay: 0.2s; transition-delay: 0.2s; } .tp-leftarrow, .tp-rightarrow { z-index:100; cursor:pointer; position:relative; width:50px; height:50px; color: #555; background-color: #fff; -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; -o-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-out; } .tp-leftarrow:before, .tp-rightarrow:before { font-family: "FontAwesome"; font-size: 18px; top: 13px; position: relative; } .tp-leftarrow:before { content:""; left: 17px; } .tp-rightarrow:before { content:""; left: 19px; } .tp-leftarrow:hover, .tp-rightarrow:hover { background-color: #808080; color: #fff; } /* Basic Settings ------------------------------------- */ .tp-simpleresponsive img { -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; } .tp-simpleresponsive a{ text-decoration:none;} .tp-simpleresponsive ul { list-style:none; padding:0; margin:0; } .tp-simpleresponsive >ul >li{ list-stye:none; position:absolute; visibility:hidden; } /* CAPTION SLIDELINK **/ .caption.slidelink a div, .tp-caption.slidelink a div { width:3000px; height:1500px; background:url(../images/coloredbg.png) repeat; } /* Loader ------------------------------------- */ .tp-loader { top:50%; left:50%; z-index:10000; position:absolute; } .tp-loader.spinner0 { width: 40px; height: 40px; background:url(../images/loader.gif) no-repeat center center; background-color: #fff; margin-top:-20px; margin-left:-20px; -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out; animation: tp-rotateplane 1.2s infinite ease-in-out; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } @-webkit-keyframes tp-rotateplane { 0% { -webkit-transform: perspective(120px) } 50% { -webkit-transform: perspective(120px) rotateY(180deg) } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg) } } @keyframes tp-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } } /* Magnific Popup CSS ------------------------------------- */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1000; overflow: hidden; position: fixed; background: #000; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: -10px; left: 0; width: 100%; height: 100%; z-index: 1001; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { height: 100%; text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 18px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 505; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #aaa; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 504; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: #fff; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } .mfp-s-loading .mfp-arrow { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; padding: 0; z-index: 506; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { right: 0px; top: 40px; } /* Close Button */ .mfp-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer !important; z-index: 9999; background: #c0c0c0; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mfp-close:before { content: ""; font-family: "FontAwesome"; font-size: 16px; top: 0; left: 0; position: relative; } .mfp-close:hover { background: #808080; } .mfp-counter { position: absolute; top: 0; right: 0; color: #aaa; font-size: 13px; line-height: 18px; } .mfp-arrow { opacity: 0; margin: 0; top: 50%; margin-top: -24px; padding: 0; position: absolute; width: 48px; height: 48px; cursor: pointer; z-index: 9999; background: #c0c0c0; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mfp-arrow:hover { background: #808080; } .mfp-arrow.mfp-arrow-left, .mfp-arrow.mfp-arrow-right { content: ""; font-family: "FontAwesome"; font-size: 16px; } .mfp-arrow.mfp-arrow-right { right: 0; } .mfp-arrow.mfp-arrow-left:before { content: ""; top: 1px; left: -1px; position: relative; } .mfp-arrow.mfp-arrow-right:before { content: ""; top: 1px; left: 1px; position: relative; } .mfp-content:hover .mfp-arrow { opacity: 1; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } .mfp-iframe-holder .mfp-close { top: 0px; } /* Popup */ #small-dialog { background: #fff; padding: 30px 40px 35px 40px; text-align: left; max-width: 800px; margin: 40px auto; position: relative; } #small-dialog h3 { margin-bottom: 20px; } #small-dialog span.line {padding-top: 7px;} .my-mfp-zoom-in .zoom-anim-dialog { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } /* animate in */ .my-mfp-zoom-in.mfp-ready .zoom-anim-dialog { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /* animate out */ .my-mfp-zoom-in.mfp-removing .zoom-anim-dialog { -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } /* Dark overlay, start state */ .my-mfp-zoom-in.mfp-bg { opacity: 0.001; /* Chrome opacity transition bug */ -webkit-transition: opacity 0.3s ease-out; -moz-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } /* animate in */ .my-mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } /* animate out */ .my-mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.4); } .mfp-figure { line-height: 0; } .mfp-bottom-bar { margin-top: -30px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-break: break-word; padding-right: 36px; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } /* Media Queries for Magnific Popup */ @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0 } /* The shadow behind the image */ .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } } @media all and (max-width: 800px) { .mfp-arrow {width: 70px;} } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .mfp-fade.mfp-bg { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.85; } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out; } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; } /* Hover Image Captions ------------------------------------- */ a.img-caption { margin: 0 0 40px 0; display: block; } .img-caption img { position: relative; } .img-caption figure { box-sizing: content-box; overflow: hidden; position: relative; } .img-caption figcaption { background: rgba(0, 0, 0, 0.4); position: absolute; box-sizing: content-box; padding: 12px 25px 14px 25px; bottom: 0; display: block; width: 100%; -webkit-transition: background-color 0.2s ease-in-out; -moz-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; -o-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; } .img-caption:hover figcaption { background: #808080; } .img-caption figcaption h3 { color: #fff; text-transform: uppercase; font-size: 16px; font-weight: 700; line-height: 24px; } .mega .img-caption figcaption h3 { font-size: 14px; line-height: 20px; } .mega .img-caption figcaption span { font-size: 14px; line-height: 14px; } .mega .img-caption figcaption { padding: 10px 20px 10px 20px; } .img-caption figcaption span { color: #fff; font-size: 16px; font-weight: 300; line-height: 16px; display: block; position: relative; opacity: 0; max-height: 0; padding: 0; -webkit-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -moz-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -ms-transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; -o-transition:max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; transition: max-height 0.2s ease-in-out, opacity 0.2s ease-in-out, padding 0.2s ease-in-out; } .img-caption:hover figcaption span { max-height: 50px; opacity: 1; padding: 0 0 4px 0; } /* Product Categories */ .product-categories .img-caption figcaption { background: rgba(0, 0, 0, 0.3); } .product-categories .img-caption:hover figcaption { background: #808080; } .product-categories .img-caption img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; width: 100%; } .product-categories .img-caption:hover img { opacity: 1; } .product-categories .img-caption figcaption h3 { color: #fff; text-transform: none; font-size: 18px; font-weight: 600; line-height: 22px; } .product-categories .img-caption figcaption span { color: #fff; text-transform: none; font-size: 16px; font-weight: 300; line-height: 14px; } /* ------------------------------------------------------------------- */ /* ShowBiz Carousel ---------------------------------------------------------------------- */ .showbiz-navigation { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; } .showbiz { margin: 0 0 45px 0; } .showbiz ul, .showbiz li { list-style: none; margin: 0; padding: 0; } .showbiz ul li { position:relative; -webkit-transform: translateZ(10); -webkit-backface-visibility: hidden; -webkit-perspective: 1000; margin-right: 20px; margin-top: 20px; } .showbiz .overflowholder { overflow: hidden; position: relative; width: 100%; z-index: 2; } .showbiz .overflowholder ul { width: 100000px; position: absolute; top: 0px; left: 0px; } .showbiz .overflowholder ul li { float: left !important; position:relative; } .products .product { margin-top: 20px; position: relative; } .products a { line-height: 18px; } .showbiz .mediaholder, .products .mediaholder { position:relative; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; background:transparent; padding:0px; border:none; overflow: hidden; } .showbiz .mediaholder_innerwrap, .products .mediaholder_innerwrap { position:relative; overflow:hidden; width:100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; } .showbiz .mediaholder img, .products .mediaholder img { width:100%; position:relative; margin-bottom:-5px; } .showbiz .cover, .products .cover { width: 100%; height: 100%; top: 0px; left: 0px; position: absolute; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } /*.showbiz li:hover .cover, .products figure:hover .cover { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }*/ .showbiz li .mediaholder img, .products figure .mediaholder img { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /*.showbiz li:hover .mediaholder img, .products figure:hover .mediaholder img { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); transform: translateX(-100%); }*/ .showbiz .cover, .showbiz li .mediaholder img, .products .cover, .products figure .mediaholder img { -webkit-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); -moz-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); -o-transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); transition: all 500ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */ -webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */ } /* Navigation #1 ------------------------------------- */ .main-nav{width:100%; padding:0;} .showbiz-navigation { width:53px; height:25px; float: right; margin: -27px 0 0 -2px; background: #fff; padding-left: 10px; } .sb-navigation-left, .sb-navigation-right, .sb-navigation-left.notclickable, .sb-navigation-right.notclickable { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .sb-navigation-left, .sb-navigation-right { width: 25px; height: 25px; cursor: pointer; float: left; background-color: #c4c4c4; } .sb-navigation-left { margin-right: 3px; } .sb-navigation-left i, .sb-navigation-right i { line-height:24px; font-size:17px; color:#fff; margin-left: 10px; } .sb-navigation-left:hover, .sb-navigation-right:hover { background-color: #808080; } .sb-navigation-left.notclickable, .sb-navigation-right.notclickable { cursor: default; background-color: #f2f2f2 !important; } .sb-navigation-left.notclickable i, .sb-navigation-right.notclickable i { color: #c0c0c0; } /* ShowBiz Product Styles ------------------------------------- */ .product section { padding: 18px 0 17px 0; text-align: center; background-color: #f6f6f6; } .product section h5 { color: #707070; } .product-button { width: 100%; top: auto; bottom: 0; background: rgba(0, 0, 0, 0.45); position: absolute; z-index: 10; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.1s 0.3s; transition: transform 0.3s, opacity 0.1s 0.3s; } a.product-button { color: #fff; text-align: center; font-weight: 700; text-transform: uppercase; padding: 13px 0; } a.product-button i { margin-right: 4px; top: -1px; position: relative; } .product:hover .product-button { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.3s, opacity 0.1s, background 0.25s; -moz-transition: -moz-transform 0.3s, opacity 0.1s, background 0.25s; transition: transform 0.3s, opacity 0.1s, background 0.25s; } .product-button:hover { background: rgba(0, 0, 0, 0.65); } .product-category { font-size: 12px; font-weight: 700; text-transform: uppercase; color: #aaa; } .product-price, .product-price-discount { font-size: 16px; font-weight: 700; color: #606060; padding: 1px 0 5px 0; display: block; } .product-price-discount { color: #888; text-decoration: line-through; padding: 0; } .product-price-discount i { color: #666; text-decoration: none; display: inline-block; background-color: #ffecb7; padding: 3px 5px; margin: -1px 0 1px 4px; } .product-discount { background-color: #808080; font-weight: 700; text-transform: uppercase; padding: 5px 9px; display: inline-block; position: absolute; color: #fff; z-index: 99; top: 0; right: 0; } /* Products List ------------------------------------- */ ul.product-list { margin: 0; } ul.product-list li { margin: 15px 0 0 0; display: block; float: left; width: 100%; } .product-list img { display: inline; float: left; padding-right: 15px; } .product-list-desc { display: inline; font-size: 16px; color: #666; top: 16px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; left:0; position: relative; } .product-list-desc i { display: block; font-weight: 700; line-height: 24px; color: #606060; } .product-list li a:hover .product-list-desc { left: 4px; } .product-list.top-rated a span { margin: 9px 0 0 0; } .product-list-desc.with-rating { top: 8px; } /* Star Rating */ .rating { box-sizing: content-box; overflow: hidden; position: relative; width: 100px; height: 18px; display: block; } .rating .star-rating { position: relative; width: inherit; display: block; padding: 0; margin: 0; } .rating.five-stars .star-rating:after { width: 100%; } .rating.four-stars .star-rating:after { width: 80%; } .rating.three-stars .star-rating:after { width: 60%; } .rating.two-stars .star-rating:after { width: 40%; } .rating.one-stars .star-rating:after { width: 20%; } .rating .star-rating:after { content:"    "; font-family: "FontAwesome"; color: #ffc741; display: block; position: absolute; font-size: 16px; z-index: 10; letter-spacing: -0.5px; } .rating .star-bg:after { content:"    "; font-family: "FontAwesome"; color: #e0e0e0; display: block; position: absolute; font-size: 16px; z-index: 9; padding: 0; margin: 0; letter-spacing: -0.5px; } /* Rate */ .rate { unicode-bidi: bidi-override; direction: rtl; font-size: 18px; float: left; cursor: pointer; } .rate span.star { font-family: "FontAwesome"; font-weight: normal; font-style: normal; display: inline-block; float: right; padding-right: 2px; } .rate span.star:hover { cursor: pointer; } .rate span.star:before { content: ""; color: #e0e0e0; } .rate span.star:hover:before, .rate span.star:hover ~ span.star:before { content: ""; color: #FFC741; } /* Discount */ .product-list.discount i { text-decoration: line-through; color: #888; margin: 3px 0 0 0; } .product-list.discount i b { color: #666; font-weight: 700; text-decoration: none; display: inline-block; background-color: #ffecb7; padding: 3px 5px; margin: 0 0 0 4px; line-height: 18px; } /* Footer ---------------------------------------------------------------------- */ #footer { background: #606060; color: #d0d0d0; padding: 35px 0 40px 0; margin: 0; } #footer h3.footer { color: #fff; background: #606060; text-transform: uppercase; } #footer .line { border-color: #747474; margin-bottom: 28px; } #footer a { color: #d0d0d0; } /* Bottom Footer ------------------------------------- */ #footer-bottom { background: #505050; color: #a8a8a8; padding: 17px 0 13px 0; } #footer-bottom a { color: #fff; font-weight: 600; } #footer-bottom a { color: #e0e0e0; } /* Newsletter ------------------------------------- */ .newsletter-btn { font-size: 13px; text-transform: uppercase; font-weight: 700; color: #fff; cursor: pointer; float: right; z-index: 5; position: relative; padding: 10px 15px; line-height: 18px; margin: 0; height: 40px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; background-color: #808080; border: none; color: #fff; box-shadow: none; } .newsletter-btn:hover { background-color: #c0c0c0; } input.newsletter { float: left; color: #808080; font-weight: 600; z-index: 1; position: relative; font-size: 13px; width: 85%; margin-top: -40px; padding: 10px 14px; line-height: 18px; height: 20px; background-color: #505050; border: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } input.newsletter::-webkit-input-placeholder { color: #909090; } input.newsletter:-moz-placeholder { color: #909090; } input.newsletter::-moz-placeholder { color: #909090; } input.newsletter:-ms-input-placeholder { color: #909090; } input:focus.newsletter { background-color: #4c4c4c; border: none; color: #999; } /* Footer Links ------------------------------------- */ ul.footer-links { margin: 0 0 15px 0; } .footer-links li a { padding: 0 0 7px 0; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .footer-links li a:hover { padding-left: 3px; color: #fff !important; } .footer-links li:before { font-family: "FontAwesome"; font-size: 12px; content: ""; color: #fff; position: relative; left: 0; top: -1px; padding: 0 7px 0 0; color: #fff; } /* Payment Icons ------------------------------------- */ .payment-icons { float: right; top: -2px; position: relative; } .payment-icons li { display: inline-block; float: left; } .payment-icons li img { margin: 0 0 0 6px; } /* ------------------------------------------------------------------- */ /* Widgets ---------------------------------------------------------------------- */ .widget { margin: 30px 0 0 0; } .widget p { margin: 0 } .widget span.line { margin-bottom: 22px;} /* Categories ------------------------------------- */ #categories { float: left; width: 100%; } #categories li a, #categories li a span { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } #categories li a { display: block; padding: 11px 13px 10px 2px; text-decoration: none; color: #777; border-bottom: 1px solid #eee; margin-top: -1px; } #categories li a:hover, #categories li a.active { background-color: #808080; color: #fff; padding-left: 15px; } #categories li li ul { padding: 0; } #categories li li a.active { background-color: transparent; padding-left: 25px; font-weight: 600; color: #808080; } #categories li li ul { padding-left: 15px; } #categories li li a.active span { color: #808080; } #categories li a span { color: #aaa; } #categories li a:hover span, #categories li a.active span { color: #fff; } #categories li ul { display: none; background-color: #f8f8f8; padding: 15px 0; } #categories li ul li a, #categories li ul li a:hover { padding: 3px 25px 4px 25px; border: none; color: #777; background-color: #f8f8f8; } #categories li ul li a:hover span, #categories li ul li a:hover { color: #808080; } /* Filter By Price ------------------------------------- */ .padding-range { padding: 0 8px; } #price-range { display: block; position: relative; } #price-range input { padding: 0; background:0; border: 0; box-shadow: none; margin: 8px 0 0 4px; color: #888; font-weight: 500; display: inline-block; width: 100px; float: left; font-size: 14px; } #price-range label { float: left; margin: 6px 0 0 0; } #price-range .button { float: right; padding: 6px 13px; margin: 0; } #slider-range { margin: 0 0 16px 0; } #price-range .ui-slider { position: relative; text-align: left; } #price-range .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 17px; height: 17px; margin: -3px 0 0 -8px; cursor: w-resize; } #price-range .ui-slider .ui-slider-range { position: absolute; z-index: 1; height: 11px; display: block; border: 0; background-position: 0; } #price-range .ui-widget-content { background-color: #d4d4d4; border-radius: 25px; } #price-range .ui-widget-header { background: #f0f0f0; } #price-range .ui-state-default { background: #808080; border-radius: 50%; } #price-range .ui-slider.ui-state-disabled .ui-slider-handle, #price-range .ui-slider.ui-state-disabled .ui-slider-range { filter: inherit; } #price-range .ui-slider-horizontal { height: 11px } #price-range .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } #price-range .ui-slider-horizontal .ui-slider-range-min { left: 0; } #price-range .ui-slider-horizontal .ui-slider-range-max { right: 0; } /* Ordering ------------------------------------- */ .selectricWrapper { position: relative; margin: 10px 0 0 20px; width: 205px; cursor: pointer; } .orderby { margin-left: 20px; } .full-width .orderby { margin-left: 0; } .selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .selectricOpen { z-index: 9999; } .selectricOpen .selectricItems { display: block; } .selectricHideSelect { position: relative; overflow: hidden; width: 0; height: 0; } .selectricHideSelect select { position: absolute; left: -100%; display: none; } .selectricInput { position: absolute !important; top: 0 !important; left: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; outline: none !important; border: none !important; background: none !important; } .selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; } .selectric { border: 0px solid #fff; background: #c0c0c0; position: relative; } .selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 40px 0 0; padding: 6px 15px; font-size: 13px; line-height: 28px; color: #fff; min-height: 28px; font-weight: 600; text-transform: uppercase; } .selectric .button { background: #b4b4b4; border-radius: 0px; display: block; position: absolute; right: 0; top: 0; width: 40px; height: 40px; color: #FFFFFF; text-align: center; font: 0/0 a; } .selectric .button:after { content: " "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 0; height: 0; border: 4px solid transparent; border-top-color: #fff; border-bottom: none; } /* Options */ .selectricItems { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #f8f8f8; z-index: 9998; } .selectricItems ul, .selectricItems li { list-style: none; padding: 0; margin: 0; line-height: 20px; font-size: 13px; } .selectricItems ul {margin-top: 1px;} .selectricItems li { padding: 9px 15px; cursor: pointer; display: block; color: #999; border-bottom: 1px solid #e9e9e9; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-out; margin-top: -1px; } .selectricItems li:last-child { border:0; } .selectricItems li:hover { background: #808080; color: #fff; } /* ------------------------------------------------------------------- */ /* Royal Slider ---------------------------------------------------------------------- */ #basic-slider, #product-slider, #product-slider-vertical { width: 100%; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .slider-padding { padding-right: 20px; margin-bottom: 50px; } .royalSlider { width: 560px; height: 632px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .royal-caption { position: absolute; bottom:0; left:0; background: rgba(0,0,0,0.3); color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 700; padding: 8px 16px; text-align: center; } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .grab-cursor { cursor:url(grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(blank.gif); } /* Directional Navigation (Next/Prev) ------------------------------------- */ .rsDefault .rsArrow { height: 100%; width: 36px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsHor .rsArrowLeft { bottom: 0; right: 37px; } .rsDefault.rsHor .rsArrowRight { bottom: 0; right: 0; } .rsDefault .rsArrowIcn,.flex-direction-nav a,.flex-direction-nav a:before { width: 36px; height: 36px; position: absolute; cursor: pointer; color: #fff; bottom: 0; font-family: "FontAwesome"; font-size: 13px; /*background-color: #c0c0c0;*/ -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flex-direction-nav a:before{ position: relative; } .rsDefault .rsArrowIcn:hover ,.flex-direction-nav a:hover{ /* background-color: #808080;*/ } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { position: relative; top: 6px; left: 14px; } .post-img .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .post-img .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { top: 7px; left: 14px; } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn:before, .flex-direction-nav .flex-prev:before { content: ""; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn:before { content: ""; } .flex-direction-nav a.flex-next:before{ content: "\f054"; } .flex-direction-nav .flex-next,.flexslider:hover .flex-next{ right: 0; left: auto; } .flex-direction-nav .flex-prev,.flexslider:hover .flex-prev{ left: 0; right: auto; } .flex-direction-nav .flex-next{ text-align: left; } .flexslider .post-img{ margin-bottom: 0; } .flexslider,section.flexslider{ border: 0 none; border-radius: 0; box-shadow: none; } /* Thumbnails ------------------------------------- */ .rsDefault .rsThumbsHor { width: 100%; height: 105px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 105px; } .rsDefault .rsThumb img { width: 100%; height: 100%; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; opacity: 0.5; filter: alpha(opacity=50); } .rsDefault .rsThumb.rsNavSelected img, .rsDefault .rsThumb:hover img { opacity: 1; filter: alpha(opacity=100); } .rsDefault .rsTmb { display: block; } /* Thumbnails Arrow Icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 30px; margin-top: 10px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #c0c0c0; color: #fff; font-family: "FontAwesome"; font-size: 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 1; visibility: visible; } .rsThumbsVer .rsThumbArrow { top:0 !important; } .rsDefault .rsThumbsArrow:hover { background: #808080; } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:before, .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:before { top: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn:before { content: ""; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn:before { content: ""; } .rsDefault .rsThumbsArrowIcn { top: 47%; left: 50%; position: absolute; cursor: pointer; margin-top: -12px; margin-left: -4px; } .rsDefault .rsThumbsArrowDisabled { opacity:0; visibility: hidden; } /* Preloader */ .rsDefault .rsPreloader { width:20px; height:20px; background-image:url(../images/preloader.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /* Product Page ------------------------------------- */ .product-page { position: relative; } .product-page h2 { font-weight: 600; } .product-page .product-price, .product-page .product-price-discount { font-size: 24px; margin: 5px 0 0 0; font-weight: 500; } .product-page .product-price-discount i { font-weight: 600; } .product-page .product-price { color: #888; font-weight: 500; } .reviews-counter { float: right; position: absolute; top: 2px; right: 0; font-size: 13px; text-transform: uppercase; padding: 0 10px 0 0; color: #a0a0a0; text-align: right; } .reviews-counter .five-stars, .reviews-counter .four-stars, .reviews-counter .three-stars, .reviews-counter .two-stars, .reviews-counter .one-stars { text-align: left; } .reviews-counter .rating { right: -14px; } .reviews-counter span { position: relative; display: block; margin: -2px 0 0 0; color: #a0a0a0; } .product-page .title { padding: 0 0 20px 0; } .product-page section { border-bottom: 1px solid #ebebeb; padding: 20px 0; } .product-page section.project-section { padding: 0 0 22px 0; } .product-page section p a:after { content: ""; font-family: "FontAwesome"; margin: 0 1px 0 3px; font-size: 13px; } /* Variables ------------------------------------- */ .variables select { display: none; } .variables select { width: 100%; padding: 9px; } .variables label { font-weight: 600; color: #606060; } section.variables { padding-bottom: 28px; } .customSelect { position: relative; float: left; width: 100%; background-color: #f5f5f5; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .customSelect .selectedValue { padding: 8px 15px; margin-bottom: 0; font-weight: 500; font-size: 13px; color: #909090; cursor: pointer; } .customSelect.select-open .selectedValue { background-color: #c0c0c0; color: #fff; } .customSelect.select-open .caret { border-top-color: #fff; } .customSelect .selectList { z-index: 100; position: absolute; left: -999em; top: -999em; font-size: 13px; list-style: none; -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box; width: 100%; } .customSelect dd, .customSelect .caret, .customSelect.select-open .caret, .customSelect .selectedValue, .customSelect.select-open .selectedValue { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .customSelect.select-open .selectList { left: 0 !important; top: auto !important; } .customSelect .selectList dl { background: #f8f8f8; border-bottom: 1px solid #e9e9e9; } .customSelect dl, .customSelect dd { margin: 0; } .customSelect dd { zoom: 1; cursor: pointer; padding: 6px 15px; } .customSelect .disabled { color: #999; cursor: default; } .customSelect .selectList dd.hovered { background: #808080; color: #fff; } .customSelect .caret { display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 4px solid #aaa; border-right: 4px solid transparent; border-left: 4px solid transparent; content: ""; } .customSelect .selectValueWrap .caret { position: absolute; top: 18px; right: 18px; cursor: pointer; } /* Quantity ------------------------------------- */ section.linking { border-bottom: 0; padding-top: 28px; } #quantity { position: relative; float: left; } .qty { width: 25px; height: 22px; text-align: center; float: left; padding: 8px 9px; } input.qty { padding: 8px 9px; } .qtyplus, .qtyminus, a.cart-remove { background: #c0c0c0; color: #fff; border: none; float: left; font-family: "FontAwesome"; cursor: pointer; width: 40px; height: 40px; font-size: 13px; outline: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.cart-remove { background-color: #f6f6f6; color: #a0a0a0; } .qtyplus:hover, .qtyminus:hover { background: #808080; color: #fff; } a.cart-remove:hover { background: #df2727; color: #fff; } .qtyplus:before { content: ""; } .qtyminus:before { content: ""; } .cart-remove:before { content: ""; } .qtyplus:before, .qtyminus:before { position: relative; display: block; top: 10px; left: 15px; } .cart-remove:before { position: relative; display: block; top: 8px; left: 15px; } /* Add to Cart Button */ .linking a.button { margin: 0 0 0 25px; padding: 8px 15px 8px 52px; float: left; } .commerce-add-to-cart .btn{ padding: 8px 15px 8px 52px; } .linking a.button.adc:before,.commerce-add-to-cart .btn:before { content: ""; position: absolute; font-family: "FontAwesome"; padding: 8px 15px 8px 12px; height: 100%; background: rgba(0,0,0,0.06); top:0; left:0; } .linking a.button:hover,.commerce-add-to-cart .btn:hover { background-color: #606060; } /* Shopping Cart ------------------------------------- */ table.cart-table { width: 100%; border-collapse: separate; border-spacing: 0; border:none; } table.cart-table th { border: none; background-color: #f6f6f6; text-align: left; padding: 10px 20px; color: #606060; vertical-align: top; font-size: 14px; font-weight: 600; } table.cart-table td { padding: 20px; border-bottom: #eee 1px solid; border-top: none; border-right: none; vertical-align: middle; } table .cart-title a { font-weight: 600; color: #666; } table .cart-title a:hover { color: #808080; } table .cart-total { color: #666; font-weight: 600; } table.cart-table.bottom { margin-top: -1px; } table.cart-table.bottom .cart-btns { float: right; } table.cart-table.bottom .cart-btns a { margin-left: 10px; } table.cart-table.bottom th { padding: 15px; } /* Cart Totals */ .eight.columns.cart-totals { float: right; margin: 45px 0 0 0; } .cart-totals .cart-table th { vertical-align: middle; border-bottom: 1px solid #fff; width: 40%; padding: 10px 15px; } .cart-totals .cart-table td { border-bottom: 1px solid #f0f0f0; padding: 10px 15px; } .cart-totals .cart-table tr:last-child th, .cart-totals .cart-table tr:last-child td {border:0;} table.cart-table.subtotals td { padding: 15px; border: none; vertical-align: middle; } a.button.proceed:hover { background-color: #606060; } a.calculate-shipping { text-align: center; display: block; background: #c0c0c0; color: #fff; padding: 10px; text-transform: uppercase; font-weight: 700; font-size: 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } a.calculate-shipping i { font-size: 14px; padding: 0 2px; } a.calculate-shipping:hover { background: #808080; color: #fff; } /* Responsive Tables */ .st-key { border: none; background-color: #f6f6f6; text-align: left; padding: 10px 20px; color: #606060; vertical-align: top; font-size: 14px; font-weight: 600; width: 40%; border: 1px solid #eee; } .st-val { width: 58%; text-align: left; padding: 10px 20px; border: 1px solid #f0f0f0; border-left:0; } .st-val a { font-weight: 600; color: #666; } .st-val a:hover { color: #808080; } .st-space { height: 25px; } .st-val .cart-remove {color: #a0a0a0;} .st-val .cart-remove:hover {color: #fff;} .stacktable { width: 100%; } .st-head-row { } .st-head-row img { } .st-head-row.st-head-row-main { display: block;} .stacktable.large-only { display: table; } .stacktable.small-only { display: none; } /* ------------------------------------------------------------------- */ /* Portfolio ---------------------------------------------------------------------- */ /* Dynamic Grid ------------------------------------- */ .og-grid { list-style: none; padding: 0; margin: 0 auto; text-align: left; width: 100%; margin-left: 2px; } .og-grid > li.unclickable a { cursor: default; } .og-grid li a img { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } .og-grid > li { display: inline-block; margin: 0 8px 20px 8px; vertical-align: top; height: auto; float: none; } /* Hover Effects */ .dynamic-portfolio-holder { overflow: hidden; position: relative; } .dynamic-portfolio-holder .hover-icon:before, .overflowholder .hover-icon:before { top: 15px; } .og-grid li a:hover .hover-cover { opacity: 0.5; visibility: visible; } .og-grid li a:hover .hover-icon { opacity: 1; visibility: visible; bottom: 0; } .og-grid li a:hover .hover-desc { opacity: 1; visibility: visible; top: 40%; } /* Filtered Element Style */ .og-grid > li.unclickable .hover-desc, .og-grid > li.unclickable .hover-icon, .og-grid > li.unclickable .hover-cover { display: none; } .og-grid > li { -webkit-transition: opacity 0.3s ease-in-out; -moz-transition: opacity 0.3s ease-in-out; -o-transition: opacity 0.3s ease-in-out; -ms-transition: opacity 0.3s ease-in-out; transition: opacity 0.3s ease-in-out; } .og-grid > li.unclickable { opacity: 0.4; } .hover-desc { position: absolute; top:0; left:0; color: #fff; text-align: center; width: 100%; top: 45%; opacity: 0; visibility: hidden; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .hover-desc h5 { color: #fff; font-size: 18px; font-weight: 600; margin-bottom: -2px; } .hover-desc span { color: #fff; text-transform: uppercase; font-size: 12px; font-weight: 700; opacity: 0.7; } .og-expander { position: absolute; background: #f6f6f6; top: auto; left: 10px; margin-top: 20px; margin-bottom: 40px; text-align: left; opacity: 0; overflow: hidden; } .og-expander-inner { padding: 0; height: 100%; } /* Close Button */ .og-close { position: absolute; width: 48px; height: 48px; top: 0; right: 0; cursor: pointer; z-index: 9999; background: #c0c0c0; color: #fff; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .og-close:before { content: ""; font-family: "FontAwesome"; font-size: 16px; top: 15px; left: 18px; position: relative; } .og-close:hover { background: #808080; } /* Details */ .og-details { width: auto; overflow: hidden; position: relative; padding: 0 50px; margin: 45px 0; } .og-details h3 { font-weight: 600; font-size: 24px; padding: 0; margin-bottom: 14px; margin-top: 0; color: #606060; } .og-details p { font-weight: 500; font-size: 14px; line-height: 22px; color: #909090; margin-bottom: 12px; } /* Image Gallery */ .gridslider { float: left; display: inline-block; position: relative; width: 500px; overflow: hidden; } .gridslider img { height: 100%; max-width: inherit; width: auto; } /* Columns Grid */ .gridslider { width: 500px; } .og-expander { width: 1180px; } .og-grid > li { width: 280px; } @media only screen and (min-width: 960px) and (max-width: 1289px) { .gridslider { width: 400px; } .og-expander { width: 940px; } .og-grid > li { width: 220px; } } @media only screen and (min-width: 768px) and (max-width: 959px) { .gridslider { width: 350px; } .og-expander { width: 748px; } .og-grid > li { width: 236px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .gridslider , .og-expander, .og-grid > li { width: 420px; } .og-expander { left:0; } } @media only screen and (max-width: 479px) { .gridslider , .og-expander, .og-grid > li { width: 300px; } .og-expander {left:0;} } /* Portfolio Item ------------------------------------- */ .item-description { padding: 20px 20px 30px 20px; text-align: center; background-color: #f6f6f6; } .item-description h5 { font-size: 16px; font-weight: 500; line-height: 16px; color: #707070; margin: 0; } .item-description span { color: #aaa; font-size: 12px; font-weight: 700; line-height: 12px; margin: 0; text-transform: uppercase; } .portfolio-holder { position: relative; overflow: hidden; width: 100%; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box } .portfolio-holder img { width: 100%; position: relative; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /* Flexslider ------------------------------------- */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} .slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme */ .flexslider { margin: 0 0 0px; position: relative; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a { text-decoration:none; display: block; width: 36px; height: 36px; margin: 0; position: absolute; z-index: 10; overflow: hidden; opacity: 1; cursor: pointer; font-family: "FontAwesome"; font-size: 13px; background-color: #c0c0c0; color: #fff; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .flex-direction-nav .flex-prev { bottom: 0; right: 37px; } .flex-direction-nav .flex-next { bottom: 0; right: 0; } .flex-direction-nav .flex-prev:before, .flex-direction-nav .flex-next:before { position: relative; top: 9px; left: 14px; } .flex-direction-nav .flex-prev:before { content: ""; } .flex-direction-nav .flex-next:before { content: ""; } .flexslider .flex-prev:hover, .flexslider .flex-next:hover { background-color: #808080; } .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; } .flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; } /* Hover / Animations ------------------------------------- */ .hover-cover { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0; visiblity: hidden; } .portfolio-item:hover .hover-cover{ opacity: 0.5; visibility: visible; } .portfolio-item:hover .hover-icon{ opacity: 1; visibility: visible; bottom:0; } .hover-icon { position:absolute; right: 0; bottom: -48px; color:#fff; font-size: 16px; width: 48px; height: 48px; background-color: #808080; border-radius: 0; opacity: 0; visibility: hidden; } .hover-icon:before { height: 19px; width: 19px; top: 12px; left: 18px; content: ""; font-family: "FontAwesome"; position: relative; } .hover-icon.loading:before { content:""; height: 16px; width: 16px; top: 16px; left: 16px; background: url(../images/loading.png) no-repeat; display: block; -webkit-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; } .from-the-blog-image from-the-blog-image-hover:hover{background:rgba(0,0,0, 0.7);} .hover-cover, .hover-icon { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; font-size:14px; } /* Filters ------------------------------------- */ #portfolio-wrapper .portfolio-item { margin-bottom: 20px; } #filters { margin: 0 0 20px 0; float: left; } #filters li { float:left; display: inline-block; line-height: 24px; background: #fff; overflow: hidden; } #filters ul li { display: inline; } #filters a , .views-bs-term-filter a{ color: #999; font-size: 12px; text-transform: uppercase; font-weight: 700; display: inline-block; padding: 6px 12px; margin: 0 1px 0 0; background-color: #f6f6f6; line-height: 20px; -webkit-transition: background-color 200ms ease-in-out, color 200ms ease-in-out; -moz-transition: background-color 200ms ease-in-out, color 200ms ease-in-out; -o-transition: background-color 200ms ease-in-out, color 200ms ease-in-out; -ms-transition: background-color 200ms ease-in-out, color 200ms ease-in-out; transition: background-color 200ms ease-in-out, color 200ms ease-in-out; float: none; outline: 0 none; } #filters a:hover, #filters a.selected,.views-bs-term-filter a:hover, .views-bs-term-filter a.btn-primary { background-color: #808080; color: #fff; outline: 0 none; } /* ------------------------------------------------------------------- */ /* Blog Styles ---------------------------------------------------------------------- */ /* Masonry ------------------------------------- */ .masonry-item .from-the-blog { margin: 0 0 20px 0; } /* Blog Quote */ .post-quote { background: #505050; padding: 25px 25px 10px 25px; } .post-quote blockquote { color: #fff; font-size: 18px; font-style: normal; line-height: 26px; border-left: 1px solid #666; padding: 0 0 0 18px; margin-left: 45px; font-weight: 300; } .post-quote span { text-decoration: none; display: block; margin: 10px 0 0 0; font-size: 14px; color: #d0d0d0; } .post-quote .icon:before { font-family: "FontAwesome"; font-size: 24px; content: ""; color: #fff; position: relative; height: 15px; width: 25px; display: block; float: left; margin: 4px 0 0 0; } /* Blog List ------------------------------------- */ .the-team-content, .from-the-blog-content { background-color: #f8f8f8; padding: 25px 30px; margin: 0; } .the-team-content h5, .from-the-blog-content a h5 { font-weight: 700; line-height: 22px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 0 3px 0; } .the-team h5 { font-size: 18px; margin: 0; } .the-team-content a:hover h5, .from-the-blog-content a:hover h5 { color: #888; } .the-team-content i, .from-the-blog-content i { font-weight: 500; color: #aaa; font-size: 13px; } .the-team-content span, .from-the-blog-content span { font-size: 14px; display: block; margin: 9px 0 14px 0; } .the-team span { margin: 9px 0 17px 0; } .the-team-image, .from-the-blog-image { overflow: hidden; position: relative; } .the-team-image a img, .from-the-blog-image a img { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /*.the-team-image a img, .from-the-blog-image:hover a img { opacity: 0.9; }*/ .from-the-blog-image:hover .hover-icon { visibility: visible; bottom:0; opacity:1; } .from-the-blog-content.no-img { padding-top: 30px; } /* Posts ------------------------------------- */ .post { padding: 0 0 30px 0; margin: 0 0 40px 0; border-bottom: 1px solid #ebebeb; } .post.single { border:0; margin: 0 0 10px 0; } .post #basic-slider { margin-bottom: -23px; } .extra-padding { padding-right: 20px; } .extra-padding.left { padding-left: 20px; } .post-content { margin: 0 0 0 70px; } .post-img { overflow: hidden; margin: 0 0 23px 0; position: relative; } .post-img a:hover .hover-icon { opacity: 1; visibility: visible; bottom: 0; } .post-img a img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden; } /*.post-img a:hover img { opacity: 0.9; }*/ /* Tags */ .meta { color: #909090; margin: 0 0 15px 0; } .meta a { color: #909090; text-decoration: none; } .meta time { margin: 0 0 0 -2px; } .meta a:hover { color: #808080; } .meta i { display: inline-block; margin: 2px 5px 0 0; color: #c0c0c0; } .meta:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} .meta span { margin-right: 12px; float: left; } /* Title */ .meta h2 { line-height: 26px; font-size: 24px; font-weight: 600; margin: 0 0 2px 0; } .meta h2 a { color: #606060; } .meta h2 a:hover { color: #888; } /* Date */ .date { float: left; text-align: center; height: 0; } .date span { display: block; } .day { background: #f6f6f6; padding: 10px; font-size: 16px; font-weight: 500; color: #a0a0a0; } .month { background: #c0c0c0; padding: 0px 10px 2px 10px; color: #fff; font-weight: 700; font-size: 12px; text-transform: uppercase; } /* Tags ------------------------------------- */ .tags { margin: 5px 0 0 0; } .tags a, a.tagclouds { padding: 4px 11px 4px 11px; display: inline-block; color: #999; font-size: 12px; text-transform: uppercase; font-weight: 700; background-color: #f6f6f6; margin: 0 2px 6px 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; } .tags a:last-child, a.tagclouds:last-child { margin-right: 0; } .tags a:hover,a.tagclouds:hover { background: #808080; color: #fff; } /* Widget Tabs ------------------------------------- */ .widget-tabs li { padding: 0 0 15px 0; margin: 15px 0 0 0; border-bottom: 1px solid #ededed; } .widget-tabs li:first-child { margin: 4px 0 0 0; } .widget-tabs li:last-child { border-bottom: 0; } .widget-thumb a img { display: block; width: 74px; height: 74px; float: left; margin: 0 15px 0 0; } .widget-text h4 { font-size: 14px; font-weight: 600; line-height: 21px; padding: 3px 0 0 0; } .widget-text h4 a { color: #666; } .widget-text h4 a:hover { color: #888; } .widget-text span { color: #a0a0a0; font-weight: 500; margin: 4px 0 0 0; display: block; } .widget-tabs.comments .widget-text span { padding: 5px 0 0 0; margin: 0; } /* Blog Tabs */ .tabs-nav.blog li { width: 33.334%; text-align: center; } .tabs-nav.blog li a { padding: 0; } /* Widget ------------------------------------- */ .categories li a { padding: 0 0 7px 0; display: inline-block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; color: #888; } .categories li a:hover { padding-left: 3px; color: #808080 !important; } .categories li:before { font-family: "FontAwesome"; font-size: 12px; content: ""; color: #ddd; position: relative; left: 0; top: -1px; padding: 0 7px 0 0; } /* ------------------------------------------------------------------- */ /* Media Queries ---------------------------------------------------------------------- */ /* Standard 1180 (devices and browsers) */ @media only screen and (min-width: 1200px){ a.menu-trigger { display: none; } } /* Smaller than standard 1180 (devices and browsers) */ @media only screen and (min-width: 960px) and (max-width: 1389px) { #not-found { margin: 50px 0 75px 0; } #not-found h2 { font-size: 210px; line-height: 210px; } #not-found p { font-size: 28px; line-height: 36px; } #not-found i { font-size: 200px; top: -5px; } a.menu-trigger { display: none; } .product-list span { font-size: 14px; } .checkout-content .half { width: 44.5%; } .checkout-content .half.first { padding: 0 30px 0 0; } .checkout-content .fullwidth, .checkout-content .fullwidth select, .checkout-content select.fullwidth { width: 100%; } table.checkout.cart-table td {padding: 15px;} .checkout-content select, .checkout-content input { width: 93.5%; } .checkout-content .half { width: 44.5%; } .checkout-content .half.first { padding: 0 30px 0 0; } .checkout-content .fullwidth, .checkout-content .fullwidth select, .checkout-content select.fullwidth { width: 100%; } } /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 990px) { .sf-menu > li > a { padding: 17px 20px 15px 20px; } .slider-padding { padding-right: 10px; } .share-buttons ul li:first-child a { display: none; } .extra-padding { padding-right: 10px; } .extra-padding.left { padding-left: 10px; } #not-found {margin: 35px 0 60px 0;} #not-found h2 { font-size: 160px; line-height: 160px; } #not-found i { font-size: 155px; top: -4px; } #not-found p { font-size: 22px; line-height: 32px; } a.menu-trigger { display: none; } .product-list span { font-size: 14px; } .product-list-desc, .product-list-desc.with-rating { top: 0; } .sf-menu > li > a { padding: 17px 15px 15px 15px; } .arrows .with-ul { padding-right: 26px; } .arrows .with-ul:after { right: 13px; } .checkout-content select, .checkout-content input { width: 92.4%; } .checkout-content .half { width: 43.2%; } .checkout-content .half.first { padding: 0 30px 0 0; } .checkout-content .fullwidth, .checkout-content .fullwidth select, .checkout-content select.fullwidth { width: 100%; } .hide-on-mobile {display: none;} } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .pagination-next-prev a.prev { margin: 0; } .slider-padding { padding-right: 0; } .og-details { display: inline-block; margin: 30px 0; padding: 0 40px; } .og-grid { margin-left: -8px; } .share-buttons ul li:first-child a { display: none; } .extra-padding, .extra-padding.left { padding: 0; } .parallax-content h2 span {display: none;} .parallax-titlebar #breadcrumbs ul { left:55px; display: block; float: left; top: 30px; } #not-found {margin: 15px 0 25px 0;} #not-found h2 { font-size: 110px; line-height: 120px; } #not-found i { font-size: 105px; top: -2px; } #not-found p { font-size: 22px; line-height: 32px; } #additional-menu { display: none; } #cart { float: left; } .top-search { float: right; } #cart, .top-search { margin: 35px 0 0 0; } .cart-list { left:0; } .cart-list .arrow { left: 20px; } #top-bar .social-icons { display: none; } .parallax-title { font-size: 36px; } .parallax-title span { padding: 10px 0 0 0; font-size: 24px; } .the-team-content, .from-the-blog-content { margin-bottom: 20px; } #footer p { margin-bottom: 20px !important; } .payment-icons { float: left; margin: 15px 0 0 -5px; } .tp-banner-container, ul.product-list {margin-bottom: 35px;} a.img-caption {margin-bottom: 25px;} .caption {margin-top: -40px;} .caption.dark h2, .caption h2 {font-size: 38px; padding-bottom: 0;} .caption.dark h3, .caption h3 {font-size: 24px; padding-bottom: 5px;} .caption.description p { display: none; } .caption.description { width: auto; } .orderby { margin: 40px 0 0 0;} .full-width .orderby { margin: 0;} .products .pagination-next-prev a.prev { margin: 0; } .slider-padding { margin-bottom: 25px;} section.linking { border-bottom: 1px solid #ebebeb; margin-bottom: 50px; padding-bottom: 25px; } .variables label { margin-top: 20px;} section.variables { margin-top: -20px; } .tabs-nav li {width: 100%;} #our-clients img { margin:0 auto; } .counter-box, .icon-description, .related .portfolio-item { margin-bottom: 20px; } input.qty { padding: 8px 7px; } .cart-btns { margin-top: 10px;} .stacktable.large-only { display: none; } .stacktable.small-only { display: table; } table.cart-table.bottom {margin-top: 25px;} .container.cart {top:-25px;} } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) { .top-search input { width: 215px; } .apply-coupon input { width: 233px; } .cart-list { width: 420px; } .checkout-content .half { width: 44%; } .checkout-content .half.first { padding: 0 30px 0 0; } .checkout-content select, .checkout-content input { width: 93.5%; } .checkout-content .fullwidth, .checkout-content .fullwidth select, .checkout-content select.fullwidth { width: 100%; } } /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) { .top-search input { width: 95px } .apply-coupon input { width: 112px; } .top-search { float: right; } .cart-list { width: 300px; } .checkout-content .half { width: 95%; } .checkout-content .half.first { padding: 0 30px 0 0; } .checkout-content .fullwidth, .checkout-content .fullwidth select, .checkout-content select.fullwidth { width: 100%; } } /* Styles for Retina Images */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) { .sf-menu .homepage,.sf-menu > li:first-child > a { background: url(../images/home@2x.png) 50% no-repeat; background-size: 13px 12px; } } /* ------------------------------------------------------------------- */ /* Styles Switcher ---------------------------------------------------------------------- */ #style-switcher h3 { color:#fff; font-size:13px; margin: 5px 0 -5px 1px; font-weight: 600; } #style-switcher { background: #606060; width:205px; position:fixed; top:50px; z-index:9999; left: -205px; } #style-switcher div { padding: 2px 18px 10px 18px; } #style-switcher h2 { background-color: #505050; color: #fff; font-weight: bold; font-size: 14px; padding: 7px 0 6px 20px; } #style-switcher h2 a { background: url("../images/switcher.png") no-repeat 9px center transparent; background-color: #505050; display: block; height: 43px; position: absolute; right: -43px; text-indent: -9999px; top: 0; width: 43px; } .colors { list-style:none; margin: 0 0px 10px 0; overflow: hidden; } .colors li { float:left; margin: 4px 2px 0 2px; } .colors li a { display: block; width: 17px; height: 17px; cursor: pointer; } div.layout-style { padding:0 !important; } .layout-style select { width: 164px; padding: 5px; color: #888; cursor: pointer; font-size: 13px; margin: 2px 0 10px 2px; } .green, .green-bg { background: #3acf87; } .blue, .blue-bg { background: #2db2ea; } .orange, .orange-bg {background: #fa5b0f; } .navy, .navy-bg { background: #495d7f; } .yellow, .yellow-bg { background: #ffb400; } .peach, .peach-bg { background :#fcab55; } .red, .red-bg { background: #dd3737; } .beige, .beige-bg { background: #bfa980; } .pink, .pink-bg { background: #d64391; } .cyan, .cyan-bg { background: #37b6bd;} .celadon, .celadon-bg { background: #74aea1;} .brown, .brown-bg { background: #784e3d; } .cherry, .cherry-bg { background: #911938;} .gray, .gray-bg { background: #808080;} .purple, .purple-bg { background: #917ae9; } .darkcol, .dark-bg { background: #404040; } .light { background: #e9e9e9; } .bg1 { background-image: url("../images/bg/squared_metal.png"); } .bg2 { background-image: url("../images/bg/retina_wood.png"); } .bg3 { background-image: url("../images/bg/brushed_alu.png"); } .bg4 { background-image: url("../images/bg/crisp_paper_ruffles.png"); } .bg5 { background-image: url("../images/bg/navy_blue.png"); } .bg6 { background-image: url("../images/bg/bedge_grunge.png"); } .bg7 { background-image: url("../images/bg/diamond_upholstery.png"); } .bg8 { background-image: url("../images/bg/shattered.png"); } .bg9 { background-image: url("../images/bg/light_toast.png"); } .bg10 { background-image: url("../images/bg/noise_pattern_with_crosslines.png"); } .bg11 { background-image: url("../images/bg/purty_wood.png"); } .bg12 { background-image: url("../images/bg/subtle_stripes.png"); } .bg13 { background-image: url("../images/bg/textured_stripes.png"); } .bg14 { background-image: url("../images/bg/tileable_wood_texture.png"); } .bg15 { background-image: url("../images/bg/stardust.png"); } .bg16 { background-image: url("../images/bg/vichy.png"); } .colors li a.active { box-shadow: 0 0 0 2px #fff inset } #reset {margin: 0 0 10px 2px;} #reset a.button { padding: 7px 14px; font-weight: 700; font-size: 13px; } @media only screen and (max-width: 1024px) {#style-switcher {display: none;}}