LED Системи

/*slider css*/ .owl-carousel .owl-wrapper:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel,.owl-carousel .owl-wrapper{display:none;position:relative}.owl-carousel{width:100%;-ms-touch-action:pan-y;margin:0 0 20px;background:#fff;direction:ltr!important;z-index:1}.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel .owl-item{float:left}.owl-controls .owl-buttons div,.owl-controls .owl-page{cursor:pointer}.owl-controls .owl-buttons div{position:absolute}.owl-controls .owl-buttons .owl-prev{left:10px;top:50%}.owl-controls .owl-buttons .owl-next{right:10px;top:50%}.owl-controls{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.grabbing{cursor:url(grabbing.png) 8 8,move}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-wrapper-outer{border:4px solid #fff;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2)}.owl-carousel .owl-buttons div{opacity:0;color:rgba(0,0,0,.8);text-shadow:1px 1px 0 rgba(255,255,255,.3);transition:all .3s ease}.owl-carousel:hover .owl-buttons div{opacity:.7}.owl-carousel .owl-buttons .owl-prev{left:10px}.owl-carousel .owl-buttons .owl-next{right:10px}.owl-carousel .owl-buttons div i{font-size:40px;margin:-20px 0 0}.owl-pagination{text-align:center;top:20px;position:relative}.owl-controls .owl-page{display:inline-block;margin:0 6px}.owl-controls .owl-page span{display:block;width:11px;height:11px;background:rgba(0,0,0,.5);border-radius:20px;box-shadow:inset 0 0 3px rgba(0,0,0,.3)}.owl-controls .owl-page.active span{background:rgba(0,0,0,.9)} .owl-item{height:430px; position:relative} @media (max-width:325px) { .owl-item{height:215px;} } @media (min-width:325px) and (max-width:380px){ .owl-item{height:265px;} } @media (min-width:380px) and (max-width:500px){ .owl-item{height:290px;} } .owl-item img{position:absolute;left:0;right:0;// Modern Browsers - better performance margin:0 auto} /*magnific popup*/ .mfp-container:before,.mfp-figure:after{content:''}.product-thumb .jak{visibility:hidden}.product-thumb:hover .jak{visibility:visible;margin:0 auto;display:block;width:35%}.cc{border:1px solid #0DC0C0;border-radius:15px}.li-style{list-style:none}.custom-popup-class .mfp-container{padding-top:40px;padding-bottom:40px} .custom-popup-class .mfp-content{width:100%;max-width:700px} #popup-with-something{width:100%;height:0;overflow:hidden;padding-top:56.25%}#popup-with-something .mfp-close{top:-44px;color:#FFF;text-align:right;right:1px}.some-element{background:#EBE8E8;position:absolute;top:-3px;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6)}.white-popup{position:relative;background:#FFF;padding:20px;width:auto;max-width:500px;margin:20px auto}.mfp-bg,.mfp-container,.mfp-wrap{width:100%;left:0;top:0;height:100%}.mfp-bg{z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.87;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure{display:none} .mfp-content{color:#000;vertical-align:middle;text-align:left;position:relative;background:#FFF;padding:20px;width:auto;max-width:900px;margin:3% auto 0;display:inline-block} .mfp-ajax-holder .mfp-content,.mfp-inline-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-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#fff position: absolute;top:50%;width:100%;height:100%;text-align:center;margin-top:-.8em;left:8px;right:8px}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:780px) and (orientation:landscape),screen and (max-height:400px){.mfp-preloader{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999999;min-height:100%;text-align:center;font-size:15px;padding:40% 0 0;filter:alpha(opacity=45);background:url(/Sources/image/load.gif) center center no-repeat fixed #fff;margin-top:0}.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(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,.6);position:fixed;text-align:center;padding:0}.mfp-container{padding-left:0;padding-right:0}.mfp-content{color:#000;vertical-align:middle;text-align:left;position:relative;background:#FFF;padding:6px;width:auto;max-width:900px;margin:0 auto;display:inline-block}} @media all and (max-width:530px){ .mfp-preloader{position:fixed;left:0;top:0;width:100%;height:100%; z-index:999999;min-height:100%;text-align:center;font-size:15px; padding:40% 0 0;filter:alpha(opacity=45);background:url(/Sources/image/load.gif) center center no-repeat fixed #fff;margin-top:0} .mfp-content{ color:#000; vertical-align:middle; text-align:left; position:relative; background:#FFF; padding:6px; width:auto; overflow: auto; margin:0 auto; display:inline-block} .mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)} .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0} .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%} .mfp-container{ padding-left:0; padding-right:0; height: 100%; overflow: auto; } } .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}/* Begin social icons */ ul.social-icons{position:relative;margin:0;padding:0;float:right;top:-55px}ul.social-icons li{display:inline-block;list-style:none;padding:0;margin-left:10px;line-height:0;opacity:.3;filter:Alpha(opacity=30);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;transition:all .2s ease-in-out}ul.social-icons li:first-child{margin-left:0}ul.social-icons li:hover{opacity:1;filter:Alpha(opacity=100)} /* Social login */ .box-socialconnect{margin-bottom:20px}.separator{background:url(/image/socialconnect/line-separator.png) 50% 0 no-repeat;height:1px;position:relative;margin:33px 0 35px}.separator span{background:url(/image/socialconnect/circle-separator.png) no-repeat;display:block;width:36px;height:36px;position:absolute;left:50%;top:50%;margin-top:-18px;margin-left:-18px} /* widget contacts */ #live-chat{bottom:0;font-size:12px;right:24px;position:fixed;width:140px;line-height:1em;opacity:.9;z-index:9999;margin:0;background:#293239;border-radius:5px 5px 0 0;cursor:pointer;padding:9px 15px} /* centered */ .col-centered{ text-align: center; } /* live search */ #live-search{width:94%;position:absolute;z-index:1000;padding:5px 0;margin-top:-10px;background-color:#FFF;border:1px solid #DDD;border-bottom-left-radius:10px;border-bottom-right-radius:10px;box-shadow:0 2px 2px #DDD;display:none}#live-search .loading{display:block;margin-left:auto;margin-right:auto}#live-search ul{list-style-type:none;margin:0;padding:0}#live-search ul li{cursor:pointer;padding:5px;margin:0 5px;background-color:#FFF;min-height:40px;clear:both}#live-search ul li:nth-child(even){background-color:#FAFAFA}#live-search ul li:hover{background-color:#F0F7FA}#live-search ul li a{text-decoration:none;display:block}#live-search ul li .product-image{float:left;margin-right:5px}#live-search ul li .product-name p{font-weight:400;font-style:italic;font-size:10px;color:#555;margin:0;padding:0}#live-search ul li .product-name{font-weight:700;float:left;width:60%}#live-search ul li .product-price{text-align:right;font-size:12px;font-weight:700;float:right;margin-top:10px;width:15%}#live-search ul li .product-price .price{color:#333;display:block}#live-search ul li .product-price .special{color:red;text-decoration:line-through;display:block}#live-search .product-price>.special{margin-top:-5px}#live-search .result-text{margin-top:20px;font-weight:700;text-align:center;font-size:11px;line-height:20px;color:#555;background-color:#e6ffff} /* Loading full screen */ .spinner{position:fixed;left:0;top:0;width:100%;height:100%;z-index:9999;min-height:100%;text-align:center;font-size:15px;opacity:.7;-moz-opacity:.45;filter:alpha(opacity=45);background:url(/Sources/image/load.gif) center center no-repeat fixed #fff} /* Loading ajax links */ .LoadAnimationAjaxlinks { width: 100%; z-index: 9999; text-align: center; font-size: 15px; margin:0 auto; display:none; background: white; } .LoadImage1 { width: 120px; height: 120px; z-index: 99999; display: inline-block; margin: 10% auto; font-size: 15px; background: url(/Sources/image/load.gif) no-repeat; } .LoadAnimationAjaxProducts { position: absolute; top: 0; right: 0; width: 100%; height: 60%; background: white url(/Sources/image/load.gif) no-repeat; background-position: center; z-index: 99999; } /* The Modal (background) */ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 9999; /* Sit on top */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.4); /* Black w/ opacity */ } /* Modal Content/Box */ .modal-content { background-color: #fefefe; margin: 15% auto; /* 15% from the top and centered */ padding: 10px 20px 20px 20px; border: 1px solid #888; /*width: 320px; Could be more or less, depending on screen size */ } /* The Close Button */ .close { color: #aaa; float: right; font-size: 28px; font-weight: bold; } .close:hover, .close:focus { color: black; text-decoration: none; cursor: pointer; } @media (max-width:767px){ .LoadImage1 { margin: 40% auto; }.LoadAnimationAjaxProducts{ height:62%;}} /* User menu mobile login */ #login-dp{min-width:250px;padding:4px 14px 4px;overflow:hidden;background-color:rgba(255,255,255)} #login-dp .help-block{font-size:12px} #login-dp .bottom{background-color:rgba(255,255,255,.8);border-top:1px solid #ddd;clear:both;padding:14px} #login-dp .social-buttons{margin:12px 0} #login-dp .social-buttons a{width:49%} #login-dp .form-group{margin-bottom:10px} .btn-fb{color:#fff;background-color:#3b5998} .btn-fb:hover{color:#fff;background-color:#496ebc} .btn-tw{color:#fff;background-color:#55acee} .btn-tw:hover{color:#fff;background-color:#59b5fa} @media(max-width:768px){ #login-dp{color:#000} #login-dp .bottom{background-color:inherit;border-top:0 none} } /* growls */ #growls{z-index:50000;position:fixed; margin-top:50px;}#growls.default{top:10px;right:10px}#growls.tl{top:10px;left:10px}#growls.tr{top:10px;right:10px}#growls.bl{bottom:10px;left:10px}#growls.br{bottom:10px;right:10px}#growls.tc{top:10px;right:10px;left:10px}#growls.bc{bottom:10px;right:10px;left:10px}#growls.bc .growl,#growls.tc .growl{margin-left:auto;margin-right:auto}.growl{opacity:1;filter:alpha(opacity=100);position:relative;border-radius:5px;-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;transition:all .4s ease-in-out}.growl.growl-incoming,.growl.growl-outgoing{opacity:0;filter:alpha(opacity=0)}.growl.growl-small{width:250px;padding:5px;margin:5px}.growl.growl-medium{width:250px;padding:10px;margin:10px}.growl.growl-large{width:400px;padding:15px;margin:15px}.growl.growl-default{color:#FFF;background:#7f8c8d}.growl.growl-notice{border:1px solid #bbdf8d;border-radius:5px;color:#555;margin-bottom:15px;padding:8px 14px 10px;background:#eaf7d9}.growl.growl-warning{border:1px solid #bce8f1;border-radius:5px;color:#31708f;margin-bottom:15px;padding:8px 14px 10px 10px;background:#d9edf7}.growl .growl-close{cursor:pointer;float:right;font-size:14px;line-height:18px;font-weight:400;font-family:helvetica,verdana,sans-serif}.growl .growl-title{font-size:14px;line-height:24px;font-weight:700}.growl .growl-message{font-size:12px;line-height:18px} /* up to top */ .scroll-top-wrapper{position:fixed;display:inline;visibility:hidden;overflow:hidden;text-align:center;opacity:0;font-size:15px;color:#fff!important;text-transform:uppercase;font-weight:600;z-index:1000;background:rgba(0,0,0,.61);width:46px;height:46px;line-height:46px;right:10px;bottom:82px;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;border-radius:10px}.scroll-top-wrapper:hover{background-color:#888}.scroll-top-wrapper.show{visibility:visible;cursor:pointer;opacity:.8}.scroll-top-wrapper i.fa{line-height:inherit} .producttel {font-size: 14px;} .producttel a { color: #2F4F4F; font-size: 15px; } .containeryoutube { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .videoyoutube { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }