@font-face {
    font-family: 'dosisextrabold';
    src: url('fonts/dosis-extrabold-webfont.eot');
    src: url('fonts/dosis-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-extrabold-webfont.woff') format('woff'),
         url('fonts/dosis-extrabold-webfont.ttf') format('truetype'),
         url('fonts/dosis-extrabold-webfont.svg#dosisextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosisbold';
    src: url('fonts/dosis-bold-webfont.eot');
    src: url('fonts/dosis-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-bold-webfont.woff') format('woff'),
         url('fonts/dosis-bold-webfont.ttf') format('truetype'),
         url('fonts/dosis-bold-webfont.svg#dosisbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosisextralight';
    src: url('fonts/dosis-extralight-webfont.eot');
    src: url('fonts/dosis-extralight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-extralight-webfont.woff') format('woff'),
         url('fonts/dosis-extralight-webfont.ttf') format('truetype'),
         url('fonts/dosis-extralight-webfont.svg#dosisextralight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosismedium';
    src: url('fonts/dosis-medium-webfont.eot');
    src: url('fonts/dosis-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-medium-webfont.woff') format('woff'),
         url('fonts/dosis-medium-webfont.ttf') format('truetype'),
         url('fonts/dosis-medium-webfont.svg#dosismedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosislight';
    src: url('fonts/dosis-light-webfont.eot');
    src: url('fonts/dosis-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-light-webfont.woff') format('woff'),
         url('fonts/dosis-light-webfont.ttf') format('truetype'),
         url('fonts/dosis-light-webfont.svg#dosislight') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'dosisregular';
    src: url('fonts/dosis-regular-webfont.eot');
    src: url('fonts/dosis-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-regular-webfont.woff') format('woff'),
         url('fonts/dosis-regular-webfont.ttf') format('truetype'),
         url('fonts/dosis-regular-webfont.svg#dosisregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosissemibold';
    src: url('fonts/dosis-semibold-webfont.eot');
    src: url('fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dosis-semibold-webfont.woff') format('woff'),
         url('fonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('fonts/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nothing_you_could_do_boldbold';
    src: url('fonts/nothingyoucoulddobold-webfont.eot');
    src: url('fonts/nothingyoucoulddobold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nothingyoucoulddobold-webfont.woff') format('woff'),
         url('fonts/nothingyoucoulddobold-webfont.ttf') format('truetype'),
         url('fonts/nothingyoucoulddobold-webfont.svg#nothing_you_could_do_boldbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'nothing_you_could_doregular';
    src: url('fonts/nothingyoucoulddo-webfont.eot');
    src: url('fonts/nothingyoucoulddo-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nothingyoucoulddo-webfont.woff') format('woff'),
         url('fonts/nothingyoucoulddo-webfont.ttf') format('truetype'),
         url('fonts/nothingyoucoulddo-webfont.svg#nothing_you_could_doregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

::-moz-selection{ background: #ff9e10; color:#fff; text-shadow: none; }
::selection { background:#ff9e10; color:#fff; text-shadow: none; }

body { margin:0; padding:0; background:#fff; }
body, input, textarea, submit {  font-family: 'dosisregular'; }
section, article, footer { width:100%; position: relative; float:left; overflow: hidden; }
p { color:#444; font-size:16px; line-height:150%; margin: 7px 0; }
p.include { font-size:21px; }
a { color:#000; text-decoration: none; font-family: 'dosisregular'; }
h1 { font-size:50px; color:#444;  font-family: 'dosismedium'; font-weight: 500; margin: 0px; text-align:center; }
h1.white { color:#fff; }
span.first-letter { float:left; font-size:60px; line-height:50px; margin-right:5px; }

.relative { float:left; width:100%; height:100%; position:relative; perspective:800px; }
.center { text-align:center; }
.container { width:100%; float: left; }
.box { min-height:100px; text-align:center; position: relative; }

.hovicon { display: inline-block; position: relative; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); }
.hovicon:before { content: ''; position: absolute; border: #ff9e10 solid 3px; border-radius:50%; top: 0; right: 0; bottom: 0; left: 0; -webkit-transition-duration: 0.3s; transition-duration: 0.3s;  -webkit-transition-property: top, right, bottom, left; transition-property: top, right, bottom, left; }
.box:hover .hovicon:before { top: -10px; right: -10px; bottom: -10px; left: -10px; }
.icon { width:60px; height: 60px;  background: #ff9e10; border-radius: 50%; position: absolute; left: 50%; margin-left: -30px; z-index: 2; }
.icon img { position: absolute; left:50%; margin-left: -30px; top:50%; margin-top:-30px; }
.mt-20 { margin-top:20px; }

div.bt { float:left; background: rgba(255,255,255,0); color:#fff; border:3px solid #ff9e10; color: #fff;  cursor: pointer;  
                       font-size: 16px; height: 54px; line-height: 54px; position: relative; overflow: hidden;  text-align: center; text-transform: uppercase; padding:0 15px; }
					   
/*** GRIDS ***/

 *, *:before, *:after { box-sizing: border-box; }

div [class*="one-"] { float:left; } 
.one-second { width:50%; }
.one-half { width:25%; }
.one-half2 { width:75%; }
.one-third { width:31.33%; margin:0 2% 0 0; }
.one-fourth { width:23%; margin:0 1%; }
.one-fifth { width:18%; margin:0 1%; }
.one-six { width:14.66%; margin:0 1%; }

.row { width:1145px; margin:auto; }
.row2 { width: 1050px; margin-bottom: 60px; }
.header { margin-bottom: 40px; position: relative; overflow:hidden;}
.header p { margin-top:25px!important; font-family: 'nothing_you_could_doregular'; font-size:22px!important; letter-spacing: 1px; }
.header.white h1, .header.white p { color:#fff; }
.underline { width:60px; height: 3px; position: absolute; background: #ff9e10; left:50%; margin-left: -30px; margin-top: 10px; opacity:1; }
.underline.start { opacity:0; }

.about { width: 100%; margin:50px 0 10px; text-align: center; }
.small-bg { background-attachment: fixed !important; background-size: cover !important; height: 500px; width:100%; float: left;  }
.overlay { background: url("../img/pattern2.png") repeat scroll 0 0 rgba(0, 0, 0, 0.4); height:100%; float:left; width:100%; }
.overlay p {  color: #fff; margin: auto; max-width: 830px; text-align: center; width: 100%; }
#products .overlay p {  font-size:25px; font-family: 'nothing_you_could_doregular';  }

.exit { width: 32px; height: 32px; background: rgba(211,211,211, 0); position: absolute; right: -25px; top: -25px; cursor:pointer; }
.exit-product, .exit-image { background: url("../img/off.png") no-repeat scroll center center; position: absolute; height: 32px; width: 32px; left:50%; margin-left: -20px; top:50%; margin-top:-15px; z-index:10; }
.exit-product, .exit-image2 { background: url("../img/off.png") no-repeat scroll center center; }
.exit-image:hover { cursor: pointer;  }

.arrow { cursor: pointer;  height: 46px; position: absolute; top:50%; margin-top:-23px; width:25px; }
.arrow-next { right:-28px; }
.arrow-back { left:-28px; }

.header h1.start, .header p.start { opacity:0;  }
.header h1, .header p { opacity:1; margin-top: 0px; }

@media screen and (max-width: 1150px) { .row { width:1024px; } }
@media screen and (max-width: 1024px) { .row { width:900px;  } #menu .row { width:1000px; }  }
@media screen and (max-width: 950px)  { .row { width:768px;  } }
@media screen and (max-width: 768px)  {	.row { width:100%; }  .one-six { width:31.33%; margin:0 1%; } }
@media screen and (max-width: 600px)  {	 }
@media screen and (max-width: 480px)  { }
@media screen and (max-width: 320px)  {  }

/*** END GRIDS ***/

/* Animated elements */

#box-movie .small-movie .next, input, textarea, div.bt { transition: .3s linear; -ms-transition: .3s linear; -webkit-transition: .3s linear; box-shadow:none!important; }

#cookie-info, #services div.one-fourth, #contact div.icon img, #products div.menu-products li a, div.exit-image, #services div.next-services .box img,
#banner div.text-movie, #banner div.play, #products-view div.main-photo img,
#promotions div.box, #promotions div.promotions-image, #promotions div.promotions-image > div:after, #promotions div.promotions-image > div:before,
#partners div.spot-logo .bwWrapper::before,
#partners div.spot-logo .bwWrapper:after, #partners div.spot-logo img , #partners div.spot-logo, .hi-icon-effect-3a, .hi-icon, #ipad-small img
{transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; }

#cookie-info a.close, .proposal-popup, #box-proposal-exit, #basket-table .add-remove div, #make-order, #basket-content, #basket, #banner div.square, #about-company .see-more, #products div.box span.more, #small-menu li
{ transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; }
#popup-product-details, div.spot { transition: all 0.5s cubic-bezier(0, 0.795, 0.125, 1) 0s; -webkit-transition: all 0.5s cubic-bezier(0, 0.795, 0.125, 1) 0s; }

/* Slow animations */
#iphone, #ipad, .underline, #about-company .box, .header h1, .header p, #contact .box,
#services div.box-services .box .icon, 
#tv-screen, #banner div.info p, #banner div.devices hr, #banner div.device-inform, #products div.box div.product-overlay, #banner div.devices .product-ico, #banner div.devices div.device-inform  img
 {transition: all .8s ease-out; -ms-transition: all .8s ease-out; -webkit-transition: all .8s ease-out; }

#banner div.movies, #banner div.slogan-box, #banner div.devices, #ipad-small, 
#products div img, .ls-nav ul li a
{transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; }

/**** Loader ***/
#loader-background, #loader { width:100%; height:100%; background:#fff; position:fixed; -webkit-transform: translateY(0%); transform: translateY(0%); left:0; z-index:1000; overflow:hidden; }
#loader-background { z-index:999; background:#000; opacity:1;  }
#loader-background.hide { opacity:0; }
#loader-content { position:absolute; background: url("../img/logo-big.png") no-repeat; left:50%; top:50%; margin-left:-237px; margin-top:-37px; width:475px; height:75px; }
#loader-background, #loader, #loader-content { transition: all 2s ease-out; -ms-transition: all 2s ease-out; -webkit-transition: all 2s ease-out; } 
#loader.hide { -webkit-transform: translateY(-100%); transform: translateY(-100%);} 
#loader-content.hide { top:95%; } 
#percentage-wrapper {   background: none repeat scroll 0 0 #efefef; height: 2px; position: absolute;right: 0; top: 60px; width: 145px;}
#percentage { transition: all .2s linear; -ms-transition: all .3s linear; -webkit-transition: all .3s linear; background:#ff9e10; width:0%; height:100%; position:relative; float:left;  }

/******************* HEADER **********************/
#menu{ position: fixed; background: #FFF; padding: 15px 0; z-index: 30; height: 70px; box-shadow:0px -20px 25px #000; width:100%; }
#menu .box { min-height:50px!important; }
#big-logo { display:none; }
#small-menu li a, #logo img, #menu{transition: all .25s ease-out; -ms-transition: all .25s ease-out; -webkit-transition: all .25s ease-out;  }
#menu.big { height: 100px; padding: 30px 0; }
#logo { width:auto; position: relative; cursor: pointer; margin-top: 0px; text-align:center;}
#logo img { width:100%; height:auto; }
#small-menu { float: left; margin-top:10px; margin-left:40px; }
#small-menu ul { list-style: none outside none; margin:0; padding: 0; }
#small-menu ul li { float:left; }
#small-menu li{ display: inline; font-size:13px; color:#000; cursor:pointer; opacity:1; }
#small-menu li.active { opacity:1; }
#small-menu li.active .link { border-bottom: 4px solid #ff9e10; color:#ff9e10; }
#small-menu li a { font-size: 15px; text-decoration: none;  border-bottom: 4px solid #fff;  padding: 22px 15px;  margin: 0;  text-transform:uppercase; letter-spacing: 1px; font-family:"dosissemibold"; } 

@-moz-document url-prefix() {
    #small-menu li a {
        padding: 21px 15px;
    }
}

#menu.big li a { padding: 33px 0; }
#small-menu li a:hover { color:#ff9e10; }

.popup { position:fixed; width:380px; left:50%; margin-left:-195px; height:390px; margin-top:-190px; padding:25px; z-index:100; background:#ff9e10; top:50%; color:#fff; display:none;  }
.popup label{ width:80px; float:left; text-align:right; padding-right:10px;  }
.popup input, .popup textarea { width:220px; height:35px; line-height:35px; border:#efefef; padding:0 10px; line-height:35px; font-size:16px; color:#222; }
.popup textarea { line-height:22px; resize:none; height: 85px; padding:8px 10px; color:#222; }
.popup .row { margin:6px 0; line-height:35px; width:100%; float:left; }
.popup-filter  { position:fixed; width:100%; height:100%; background:rgba(0,0,0,.8); z-index:99; display:none; } 
#order, #cancel {  margin:0 0 0 30px!important; float:left!important; } 

.proposal-popup { width:1180px; margin-left:-590px; height:650px; margin-top:-325px; left:50%; top:50%; background:#fff; padding:30px; opacity:0; transform:scale(.5); -webkit-transform:scale(.5); display:none; }
.proposal-popup.active { opacity:1; transform:scale(1); -webkit-transform:scale(1); }
.proposal-popup .photo {float:left; width:56%; text-align:center; }
.proposal-popup .photo img {width:100%; }
.proposal-popup .desc {float:left; width:40%; margin-left:2%; }
.proposal-popup .desc p.title { font-size:24px;}
.proposal-popup .exit{  right: -48px; top: -2px; } 
.zoomContainer { z-index:999;}

#service-monitoring .desc,
#service-alarm .desc { height: 590px !important; overflow-y: scroll; width: 52%; padding-right: 20px; }
#service-monitoring .desc { overflow:hidden; }
#service-monitoring .photo { width: 45%; margin-top:78px;}
#service-alarm .photo { width: 45%; margin-top:40px;}

#popup-product { margin-left:-300px!important; margin-top:-100px!important; z-index:99999;
width:600px; 
height:250px; 

background: #292f49; /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover,  #292f49 0%, #1c1c24 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#292f49), color-stop(100%,#1c1c24)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  #292f49 0%,#1c1c24 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover,  #292f49 0%,#1c1c24 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover,  #292f49 0%,#1c1c24 100%); /* IE10+ */
background: radial-gradient(ellipse at center,  #292f49 0%,#1c1c24 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#292f49', endColorstr='#1c1c24',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

#fibaro-ico { position:absolute; left:25px; top:90px; }

#popup-product p.fibaro-title {font-size:28px;  font-family: "dosissemibold"; }
#popup-product p.fibaro-info {font-size:18px;}

#popup-product p { color:#fff; }
.popup-wrapper { border-top:1px solid #4f5271; border-bottom:1px solid #4f5271; height:200px; }

#popup-product .bt { background:#3d4a81; border:0px; width:100px; margin:0 20px;  height: 40px; line-height: 40px;}
#popup-product .bt:hover { background:#606da4; }
#fibaro-no { margin-left:145px!important; }

#popup-product-details { width:800px;  height:475px; display:block; margin-left:-400px!important; margin-top:-237px!important; z-index:99999; background: #fff; padding:30px; opacity:0; transform:scale(.5); -webkit-transform:scale(.5); display:none;  }
#popup-product-details.active {  opacity:1; transform:scale(1); -webkit-transform:scale(1);}
#productTitlle { color: #000; float: left;  font-size: 24px; font-weight: 500; width:100%; text-align: center; margin-top:0; }
#popup-product-details .product-big-photo { float:left; width:48%; height:70%; overflow:hidden; text-align:center; }
#popup-product-details .product-big-photo img { width:auto; max-height:300px; max-width:300px; }
#popup-product-details .product-desc { float:left; width:48%; margin-left:4%; position:relative; }
#popup-product-details .desc { height: 220px; margin-bottom:35px; overflow-y:auto; font-size:15px; color:#888; }
#popup-product-details .price {   font-size: 25px; height: 30px; position: absolute; right: 93px; text-align: right; top: 5px; width: 200px; }

#popup-product-details div.buttons { width:100%; position:relative; height:30px; float:left; text-align:center; }
#popup-product-details div.buttons  div.button {  margin:auto; cursor:pointer; margin:0 5px; text-align:left; width:115px; height:30px; line-height:30px; background-color:#ff9e10; color:#fff; font-size:12px; text-transform:uppercase; overflow:hidden; display:inline-block; text-align:center; } 
#popup-product-details div.buttons  div.button:hover { background-color:#d59319!important; }
#popup-product-details div.button.button-basket  {  }
#popup-product-details div.button.button-close  {  }

a.close { background: url("../img/off.png") no-repeat scroll center center; position: absolute; height: 32px; width: 32px; text-indent:-100px;    margin-right: 5px !important; margin-top: 5px !important; overflow:hidden; }


#basket { position:absolute; top:0; right:0; height:70px; width:70px; background:url('../img/basket-32.png') no-repeat; background-position:center center; background-color:#fff; }
#basket-content .basket-section { float:left; }
#step2 { display:none; }
#basket.areProducts {  background-color:#ff9e10; }
#menu.big #basket{ height:100px; width:100px; }
#basket.active{ background-color:#ff9e10; }
#basket-content { width:400px; height:auto; background:#ff9e10; padding:10px; margin-right:-400px; position:absolute; right:0; margin-top:55px; color:#fff; }
#basket-content { transition: all .3s ease-out 0s; -webkit-transition: all .3s ease-out 0s; }
#basket-content.active { margin-right:0px; }
#menu.big #basket-content { margin-top:70px; }
#basket-table td { padding:5px;  }
#basket-table td.name { min-width:220px; text-align:right; }
#basket-table td.price { width:70px; text-align:right; }
#basket-table td.nr { width:30px; text-align:right;  }
#basket-table .head td.name,
#basket-table .head td.price, 
#basket-table .footer td, 
#basket-table .head td.nr { font-weight:600; }
#basket-table .add-remove { width:60px; }
#basket-table .add-remove div { cursor: pointer; float: left; font-size: 24px; height: 18px;line-height: 11px; text-align: center; width: 18px; }
#basket-table .footer td.name { text-align:right; } 
#basket-empty { float:left; width:100%; text-align:center;  }
#basket-empty p { color:#fff; font-size:20px; }
#basket-products { display:none; }
#cancel, #order, #make-order, #close-order { height:40px; line-height:40px; background:#d59319; border:0px!important; margin: 10px auto 0 auto; width: 120px; float:none; }
#basket-table .add-remove div:hover,
#make-order:hover, #order:hover, #cancel:hover 
{ background:#c28006; }
#basket-order .error { color:red; }
#order-thankyou  { display:none; margin-top:60px;  }

#about-company { /* background: url("../img/tlo.jpg") no-repeat center center; */ background-attachment:fixed;}
#about-company .container { padding-bottom:80px; } 
#about-company p.include { font-size:18px; text-align:justify; color:#444;  line-height:165%; width:46%; margin:0 2%; float:left; }
#about-company .box.start { opacity:0; top:60px; }
#about-company .box  { opacity:1; top:0px; cursor:pointer;  }
#about-company .title { font-size:19px; font-family: 'dosissemibold'; margin-top:70px; } 

#banner {  }
#banner div.main-photo { position: relative; width:100%; height: 990px; perspective:800px; overflow:hidden; }
#banner div.photo { -webkit-transform: translateX(0%); transform: translateX(0%); background-position:center center; background-size:auto; position: absolute; width: 100%; height: 100%; left:0; } 
#banner div.photo { transition: all 1.5s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; -webkit-transition: all 1.5s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; }
#banner div.photo.active { }
#banner div.photo.animating { } 

#banner.p1 div.photo1 { -webkit-transform: translateX(0px); transform: translateX(0%); }
#banner.p1 div.photo2 { -webkit-transform: translateX(100%); transform: translateX(100%); }
#banner.p1 div.photo3 { -webkit-transform: translateX(200%); transform: translateX(200%); }

#banner.p2 div.photo1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
#banner.p2 div.photo2 { -webkit-transform: translateX(0%); transform: translateX(0%); }
#banner.p2 div.photo3 { -webkit-transform: translateX(100%); transform: translateX(100%); }

#banner.p3 div.photo1 { -webkit-transform: translateX(-200%); transform: translateX(-200%); }
#banner.p3 div.photo2 { -webkit-transform: translateX(-100%); transform: translateX(-100%); }
#banner.p3 div.photo3 { -webkit-transform: translateX(0%); transform: translateX(0%); }

#lines-holder { position:absolute; width:1px; height:1px; left:50%; top:50%; display:none; }
#lines-holder-relative { position:relative; }
#lines-holder div.line { width: 158px; height:1px; border-top:1px solid #fff;  position:absolute; left:0px; top:0px; z-index:10; opacity:1; border-top: 2px solid rgba(255, 255, 255, 0.72);}
#lines-holder div.line1 {   left: -180px; top: -91px; transform: rotate(13.9deg); width: 337px; } 
#lines-holder div.line2 { left: -532px; top: -53px; transform: rotate(-7.6deg); width: 529px; } 
#lines-holder div.line3 { left: 148px; top: -58px; transform: rotate(16deg); width: 183px; }
#lines-holder div.line4 {   left: 102px; top: -100px; transform: rotate(90deg); width: 99px; } 
#lines-holder div.line5 { left: 302px; top: -8px; transform: rotate(90deg); width: 51px; }
#lines-holder div.line6 { left: 303px; top: -9px; transform: rotate(90deg); width: 49px; }

#banner div.photo1 { background-image: url("../img/banner1.jpg"); background-size:auto; }
#banner div.photo2 { background-image: url("../img/banner2.jpg"); }
#banner div.photo3 { background-image: url("../img/banner3.jpg"); }
#banner div.photo1 img, .photo2 img { width:100%; height: 100%; }
#banner div.switch-section { width:90px; height: 90px; margin-top:-50px; border:0px solid #fff; position: absolute; top: 50%; cursor:pointer; z-index:10; 
						   transition: all 0.8s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; -webkit-transition: all 0.8s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; opacity:1;
						   perspective:500px;   
						   }

#banner div.switch-section.hide{ opacity:0;}
#banner div.switch-section-left { left:0px; }
#banner div.switch-section-right { right:0px; }
#banner div.switch-section:hover div.switch-bg { transform:rotateY(0deg); -webkit-transform:rotateY(0deg);} 

#banner div.switch-bg { background:rgba(255, 158, 16, .9); position:absolute; width:inherit; height:inherit; transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; transform:rotateY(100deg); -webkit-transform:rotateY(100deg); }
#banner div.switch-bg { transition: all .5s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; -webkit-transition: all .5s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s;  } 
#banner div.switch-bg.switch-bg-right { transform:rotateY(-100deg); -webkit-transform:rotateY(-100deg); transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%;  }
#banner div.prev { background: url("../img/back-big2.png") no-repeat; width:34px; height: 46px; position: absolute; margin-left:-17px; margin-top:-23px; left:50%; top:50%; }
#banner div.prev2 { background: url("../img/next-big2.png") no-repeat; top:50%; left:50%; margin-left:-10px; }
#banner div.circle span { font-size:35px; color:#fff; position: absolute; top:9px; }
#banner div.circle-left span { left:17px; }
#banner div.circle-right span { right:17px; }
#banner.welcome div.slogan-box,
#banner div.slogan-box.hide { opacity:0; }
#banner.welcome div.slogan-box { transform:scale(.5); -webkit-transform:scale(.5); }
#banner div.slogan-box { position: absolute; width:560px; top: 42.6%; text-align: center; left: 50%; margin-left: -280px; opacity:1; transform:scale(1); -webkit-transform:scale(1); z-index:5; }
#banner div.slogan { position: absolute; width: 100%; }
#banner div.slogan span { color:#ff9e10; } 
#banner div.slogan p { font-size: 42px; color:#fff; line-height: 20px; font-family: 'dosisregular'; text-shadow: 0 0 50px rgba(0, 0, 0, 0.7);  }
#banner div.slogan p.italic { font-family: 'nothing_you_could_doregular'; text-transform: none; font-size:36px; }
#banner .photo2 div.slogan p.italic { font-size:26px; line-height:140%; text-shadow:0 0 10px #000;  }
#banner .photo3 div.slogan p.italic { font-size:26px; line-height:140%; text-shadow:0 0 10px #000;  }
#banner div.devices { position: absolute; z-index:10; opacity:1; transform:scale(1); -webkit-transform:scale(1); }
#banner div.devices.hide, #banner.welcome div.devices  { opacity:0; } 

#banner div.devices .product-ico { width:50px; height:50px; position:absolute; opacity:0; }

#shines-holder { position:absolute; width:1px; height:1px; left:50%; top:50%;  }
#shines-holder-relative { position:relative; }
#banner div.shine { width: 158px; height:158px; position:absolute; left:0px; top:0px; background:url('../img/shine.png'); z-index:10; opacity:0;}
#banner div.shine { transition: opacity 0.65s linear 0s; -webkit-transition: opacity 0.65s linear 0s; } 
#banner div.shine.show { opacity:1; }
#banner div.shine1 { left: 88px; top: 127px; } 
#banner div.shine2 { left: -315px; top: 137px; }
#banner div.shine3 { left: 446px; top: 137px; }
#banner div.shine4 { left: -1003px; top: 139px; }

#water-holder {  position:absolute; width:1px; height:1px; left:50%; top:50%; z-index:3; }
.water-drops { position:absolute; width:487px; height:199px; background: url("../img/water-spray.png") no-repeat; z-index:2;  display:none; }
#water-drops1 { top:140px; left:448px; }
#water-drops2 { top:160px; left:66px; }
.water-pipe { position:absolute; width:7px; height:18px; background: url("../img/water-pipe.png") no-repeat; top:18px; }
#water-pipe1 {}
#water-pipe2 {}
.water-pipe-wrapper { position:absolute; width:7px; height:18px; overflow:hidden; z-index:1;  }
#water-pipe-wrapper1 { top:304px; left:682px;  }
#water-pipe-wrapper2 { top:330px; left:300px;  }

#banner div.device1 .product-ico { left:-70px; top:0px; }
#banner div.device2 .product-ico { left:-70px; top:0px; }
#banner div.device3 .product-ico { left:-70px; top:0px; }
#banner div.device4 .product-ico { left:-70px; top:0px; }
#banner div.device5 .product-ico { left:-70px; top:0px; }

#banner div.devices.active .product-ico, #banner div.devices:hover .product-ico { opacity:1; }
#banner div.info { position: absolute; } 
#banner div.info hr { height: 2px; background: #fff; margin: 10px 0 10px 0; width:0px; border:none; float:left; }
#banner div.devices.active hr, #banner .photo1 div.devices:hover hr { width:100%;}
#banner div.devices:hover .device-indicator { opacity:1; }
#banner div.info p { font-size:16px; color:#fff; font-weight:600; margin:0; line-height: 15px; width: 100%; text-transform:uppercase; opacity:0; }
#banner div.devices.active .info p, #banner .photo1 div.devices:hover .info p { opacity:1; }
#banner div.device-inform { width:260px; margin-top: 30px; opacity:0; height:0px; overflow:hidden; float: left; }
#banner div.devices.active div.device-inform, #banner .photo1 div.devices:hover div.device-inform { opacity:1; height: 80px; }
#banner div.devices.device4:hover div.device-inform { height: 115px; }
#banner div.device-inform p { font-size:14px; color:#fff; text-transform: uppercase; line-height: 16px; font-family: "dosissemibold"; }
#banner div.device-inform p.info { font-size:13px; font-family: "dosisregular"; }
#banner div.device-inform p.more { font-size:13px; cursor: pointer; }
#banner div.device-inform img { width:14px; height: 14px; position: absolute; right: 6px; bottom: 0; }
#banner div.info-ico { left:50%; margin-top:5px;  opacity:0.5; background: url("../img/loader.png") no-repeat center center; width:64px; height:64px;
					 margin-left:-32px; font-size:25px; color:#fff; text-align:center; position:absolute; 
					 animation:circle 8s linear infinite; -webkit-animation:circle 8s linear infinite;  transition: opacity 0.5s linear 0s;  -webkit-transition: opacity 0.5s linear 0s;  z-index:1; }

#banner div.info-ico-inner { background:url('../img/propozycje.png') no-repeat; left:50%; background-position:center center; width:32px; height:32px; margin-left:-16px; margin-top:20px; position:absolute;}

#banner .photo .slogan-box2 { top:58%; }

#banner div.info-ico.monitoring { margin-left: -80px;}
#banner div.info-ico-inner.monitoring {margin-left:-64px; background:url("../img/services/camera.png") no-repeat scroll -15px -14px rgba(0, 0, 0, 0); }

#banner div.info-ico.alarm { margin-left:20px; }
#banner div.info-ico-inner.alarm  { margin-left:37px; background:url('../img/services/alarm.png') no-repeat scroll -15px -14px rgba(0, 0, 0, 0);  }

#banner div.info-ico.light { margin-left: -80px;}
#banner div.info-ico-inner.light {margin-left:-64px; background:url('../img/propozycje.png') no-repeat scroll -15px -14px rgba(0, 0, 0, 0); }

#banner div.info-ico.automatization { margin-left: -140px;}
#banner div.info-ico-inner.automatization {margin-left:-123px; background:url('../img/settings.png') no-repeat scroll rgba(0, 0, 0, 0); }

#banner div.info-ico.water { margin-left:30px; }
#banner div.info-ico-inner.water  { margin-left:45px; background:url('../img/water.png') no-repeat scroll -15px -14px rgba(0, 0, 0, 0);  }

#banner .banner-overlay   { position:absolute; width:100%; height:100%; background:rgba(0,0,0,.65); opacity:0; transition: opacity 0.65s linear 0s; -webkit-transition: opacity 0.65s linear 0s; z-index:2; } 
#banner .banner-overlay.show { opacity:1; }
#banner .banner-overlay2 { position:absolute; width:100%; height:100%; background:rgba(0,0,0,.8); opacity:0; transition: opacity 0.65s linear 0s; -webkit-transition: opacity 0.65s linear 0s; z-index:1; } 
#banner .banner-overlay2.show { opacity:1; }

@keyframes circle
{
0%   { transform:rotate(0deg); }
100% { transform:rotate(360deg); }
}

@-webkit-keyframes circle 
{
0%   { -webkit-transform:rotate(0deg); }
100% { -webkit-transform:rotate(360deg); }
}

#banner div.devices .device-indicator { opacity:0.5; background: url("../img/loader.png") no-repeat center center; width:64px; height:64px;  position:absolute; 
	animation:circle 8s linear infinite; -webkit-animation:circle 8s linear infinite;  transition: opacity 0.5s linear 0s;  -webkit-transition: opacity 0.5s linear 0s;  }


.devices-holder { position:absolute; width:1px; height:1px; left:50%; top:50%;  }
.devices-holder-relative { position:relative; }
	
#banner div.devices div.device-inform  img { opacity:0; }
#banner div.devices:hover div.device-inform  img { opacity:1; } 
#banner div.device1 .device-indicator { left: 268px; top: 15px; }
#banner div.device2 .device-indicator { top:-82px!important; left:10px; }
#banner div.device3 .device-indicator { top:-82px!important; left:10px; }
#banner div.device4 .device-indicator { left: 6px; top: -80px; }
#banner div.device4 div.device-inform  img { right:10px; bottom: 9px; }
#banner div.device5 .device-indicator { left: 84px; top: 182px; }
#banner div.device1 { left: 193px; top: -228px; }
#banner div.device1 div.device-inform  img { right:5px; bottom: 5px; }
#banner div.device2 { left: -155px; top: 112px; }
#banner div.device2:hover .device-inform { height: 110px!important; }
#banner div.device2 div.device-inform  img { right:-15px; bottom: 18px; }
#banner div.device3 { left: -340px; top: 280px; }
#banner div.device3:hover .device-inform { height:140px!important; }
#banner div.device3 div.device-inform  img { right:0; bottom: 17px;}
#banner div.device4 { left: -564px; top: -105px; }
#banner div.device5 { left: 216px; top: 170px; }
#banner div.device5:hover .device-inform { height:107px!important; }
#banner div.device5 div.device-inform  img { right:10px; }
#banner div.device6 { left: -600px; top: -67px; }
#banner div.device7 { left: -218px; top: -163px; }
#banner div.device8 { left: 316px; top: -18px; }
#banner div.device9 { left: 583px; top: -96px;  }
#banner div.device14 { left: -100px; top: -60px;}
#banner div.device15 { left: -160px; top: -70px;}
#banner div.device16 { left: -160px; top: -70px;}
#banner div.device17 { left: -160px; top: -70px;}

#banner div.photo3 div.device-inform { width:318px; }
#banner div.photo3 .devices.active div.device-inform  { height:130px; }

#banner div.device10 { left: 18px; top: -60px;}
#banner div.device11{   left: -421px; top: -22px;}
#banner div.device12 { left: 175px; top: -321px;}
#alarm-active { width:200px; height:120px; position:absolute; left:-79px; top:29px; opacity:0; background: url("../img/alarm.png") no-repeat; animation:alarm 1s linear infinite; -webkit-animation:alarm 1s linear infinite; }

#tv-screen { position:absolute; z-index:100; top:50%px; width:201px; height: 119px; left:50%; margin-left:-217px; margin-top:-69px; background: url("../img/screen/tv-screen.png") no-repeat; opacity:1; }  
#tv-screen.hide { opacity:0; }
#tv-screen-container { width:193px; height:112px; position:absolute; top:4px; left:4px; overflow:hidden; }
#tv-screen-container img.active { display:block; }
#tv-screen-container img { display:none; position:absolute; width:inherit; height:inherit; }

@keyframes alarm {
	0%   { opacity:.7; }
	50% { opacity:.0; }
	100% { opacity:.7; }
}

@-webkit-keyframes alarm {
	0%   { opacity:.7; }
	50% { opacity:.0; }
	100% { opacity:.7; }
}

#banner div.device13 { left: -188px; top: -387px;}

#banner div.slider { bottom: 5%; left: 50%; margin-left: -25px; position: absolute; width: 50px;  }
#banner div.square { width:12px; height: 12px;  position: absolute; background: #fff; cursor:pointer; z-index:100; }
#banner div.square2 { left:24px;  }
#banner div.square3 { left:48px;  }
#banner div.square.active { background: rgba(255,158,16,1); }

/* background: rgba(76,76,76,1); */

#banner div.description { width: 1050px; margin: 75px auto auto; }
#banner div.row2 { margin-top:80px; }
#banner .box { background-color: rgba(0, 0, 0, 0); overflow: hidden; position: relative; transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; cursor: pointer; }
#banner .box hr { width:40px; height: 2px; position: absolute; background: #ff9e10; left:50%; margin-left: -20px; margin-top: -7px; border:0; }
#banner .box p { font-size:14px; text-transform: uppercase; }
#banner .box p.title {  }
#banner .box p.opis { font-size:14px; text-transform: none; }

#box-movie { width:930px; height: 660px; position: absolute; background: #000; left: 50%; margin-left: -465px;  margin-top: -322px; top: -50%; z-index:20;  }
#box-movie {	transition: all 1.5s cubic-bezier(.29,.93,.57,1) 0s; -webkit-transition: all 1.5s cubic-bezier(.29,.93,.57,1) 0s; -ms-transition: all 1.5s cubic-bezier(.29,.93,.57,1) 0s; }
#box-movie.show { top: 50%;  }

#banner div.movie { margin: 0 auto; padding: 10px; width:100%; height:100%; position:relative; }
#banner div.main { position: relative;  width:100%; height:505px; }
#banner div.main img { }
#banner div.play2 { left: 50%; margin-left: -50px;  margin-top: -28px!important; top: 50%; opacity: 1; z-index:100; }
#banner div.small-movie {  float: left; position: absolute; width: 100%; }
#banner div.next {width:165px; height:85px; margin: 20px 8px; float: left; position: relative; text-align: center; cursor: pointer; opacity:.5;  }
#banner div.next:hover { opacity:1;  } 
#banner div.next p { font-size:13px; color:#fff; text-transform: none; font-family: 'dosismedium'; font-weight:600; margin:5px;  }
#banner div.exit { left:100%; margin-left:15px; top:0px; }
#ipad div.exit { left: 82%; margin-left: -14px; top:43px ; }
#banner div.next:hover .play2 { opacity:1; }
#banner div.main:hover .play2 { opacity:1; }

#lili-img { position:absolute; z-index:10; left:0; top:0; width:100%; height:auto; }
#banner .video { width:100%; height:auto; position:absolute; left:0; top:0; z-index:1; }
.video { display:none; }

#ipad-small {   cursor: pointer; height: 56px; left: 96px; opacity: 1; position: absolute; top: 83px; width: 74px; z-index: 10; opacity:1; }
#ipad-small.hide {opacity:0; }
#ipad-small img {  height: 30px!important; left: 22px; position: absolute; top: 13px; width: 30px!important; transform:scale(1); -webkit-transform:scale(1); opacity:1; }
.welcome #ipad-small img { opacity:0; }
#ipad-small:hover img { transform:scale(1.2); -webkit-transform:scale(1.2); }
#banner div.movies { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); cursor: pointer; height: 80px; left: 350px; opacity: 1; position: absolute; top: 47px; width: 143px; z-index: 10; }
#banner.welcome div.movies, #banner div.movies.hide { opacity:0; }
#banner div.text-movie { position: absolute; right: 20px;  text-align: center; top: 9px;  width: 110px; opacity: 0; text-shadow: 0 0 3px #000; transform:scale(.5); -webkit-transform:scale(.5); }
#banner div.text-movie p { font-size: 17px; color:#fff; text-transform: uppercase; font-family: 'dosissemibold'; line-height: 16px; }
#banner div.text-movie p span { font-size:13px; font-family: 'dosisregular'; }
#banner div.play { cursor:pointer; position: absolute; top: 50%; margin-top:-25px; width: 50px; height: 50px; left: 50%; margin-left: -25px; opacity:1; transform:scale(1); -webkit-transform:scale(1); }
#banner div.movies:hover .play { opacity:0; transform:scale(.5); -webkit-transform:scale(.5); }
#banner div.movies:hover .text-movie { opacity:1; transform:scale(1); -webkit-transform:scale(1); }
#main-play {  opacity:1!important; }

/*****************************************/

/**************** FOOTER *****************/
#footer { }
#footer .fb { position:absolute; right:10px;  top:15px; color:#888; }
#footer div.foot { width:100%; text-align: center; border-top: 1px solid #E4E4E4; }
#footer div.foot p { color:#000; margin: 15px 0; font-size: 15px; }
#footer div.foot p span { font-family: 'dosissemibold'; }
#footer a { font-family: 'dosissemibold'; }

/*****************************************/


/******************* USLGI **********************/
#services { background: url("../img/salon-a.jpg");  background-attachment: fixed; background-position: center top; background-repeat: repeat; position: static; z-index: 3; min-height:800px;}
#services div.container {  padding: 0 0 70px; }
#services div.about { margin-bottom:50px; }
#services div.about p, #services div.about h1 { color:#fff; }
#services div.box-services { width:100%; position: relative; float: left; text-align: center; }
#services div.box-services .box.start .icon { opacity:0; transform:rotate(180deg) scale(1.2); -moz-transform:rotate(180deg) scale(1.2); }
#services div.box-services .box .icon { opacity:1; transform:rotate(0deg) scale(1); -moz-transform:rotate(0deg) scale(1); }
#services div.one-fourth { height: 195px; width:20%; margin:0 2.5%; }
div.image { margin-top: 30px; position: relative; }
#services div.service-txt {  margin-top:65px; float: left; width: 100%; }
#services div.service-txt p { color:#fff; font-size:20px; font-weight: bold; }
#services div.service-txt p.opis { font-size:16.5px; font-weight: normal; }
#services div.service-txt p.read-more { font-size:13px; }
.box.service-intelligence, .box.service-alarm, .box.service-monitoring { cursor:pointer; }

#service-monitoring, #service-alarm { color:#000; }
.box-divide { float:left; width:50%; padding:3%; }

div.next-services { float: left; width:100%; margin-top:100px; }
div.next-services .box { margin-top:3%; }

/*****************************************/


/**************** KONTAKT *****************/
#contact div.box-contact { width:100%; margin-top:50px; float: left; }
#contact .box.start { opacity:0; top: 30px; }
#contact .box { opacity:1; margin-top:0; }
#show-rooms-table td { width:50%; }

#contact .button-box { text-align:center;  width:50%; float:left; }

#contact .container.places  { background: url("../img/kuchnia-blur.jpg") no-repeat center center; background-attachment: fixed; background-size: cover !important; padding:0px; }
@media screen and (-webkit-min-device-pixel-ratio:0) { 
#contact .container.places { background-attachment:scroll!important; }
}

#contact .container.container-contact-form { padding-bottom:10px;}

#contact div.info { width:170px; left:50%; margin-left: -85px;  position: relative; margin-top: 100px; }
#contact div.info p { font-size: 16px; line-height: 22px; margin:0; }
#contact div.info p.name { font-size: 19px; text-transform: uppercase; letter-spacing: 1px; font-family: 'dosissemibold'; }
#contact div.info p span {  }
#contact div.shadow { background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5); float: left; height: 100%; width: 100%; }

#contact .buttons-row { float:left; margin:50px 0; }
#contact .bt-right, #contact .bt-left { width:40%; margin:0 5%; float:left;}

#contact .bt-left div.bt { float:right; }
#contact div.bt span { float:left; line-height:48px; }
#contact div.bt img { margin-top:12px; float:left; margin-right:10px; }
						
#contact div.bt:hover { color:#fff; background:#ff9e10; }

#contact div.contact-form { width:100%; position: relative; float: left; margin: 75px 0 50px 0px;  text-align: center; display: none; }   
#contact div.contact-form h2 { font-size: 24px;  color:#eee; }
#contact form { width:100%; position: relative; float: left; }
#contact form input { width:236px; height: 60px; border:2px solid #ff9e10; float: left; margin: 0 20px 20px; background: rgba(0,0,0,.2); }
#contact form textarea { margin-left: 20px; width: 95.2%; border:2px solid #ff9e10; float: left; background: rgba(0,0,0,.2); resize:none; }
#contact form p input, textarea { font-size:14px; color:#eee; padding: 15px; }
#contact form p input.error, textarea.error { border-color:red!important;  background:none repeat scroll 0 0 rgba(255, 0, 0, 0.2)!important; }
#contact form p.submit > input { text-transform: uppercase; font-size:16px; color:#fff; width:190px; height: 50px; 
                                 left: 50%; margin-left: -95px;  margin-top: 20px; letter-spacing: 1px; position: relative; cursor: pointer;  line-height: 15px; }
#contact form p.submit > input:hover { background:#ff9e10; color:#fff; }
#contact div.exit2 { left: 50%; margin-left: -16px; top: -74px;} 
#contact div.mapa { width:100%; height:0px; float:left; } 
#contact div.mapa.open { height:600px; }

#contact div.triangle { border-left: 3em solid rgba(0, 0, 0, 0);
    border-right: 3em solid rgba(0, 0, 0, 0);
    border-top: 3em solid #fff;
    bottom: 355px;
    left: 50%;
    margin-left: -45px;
    position: absolute; }

#contact .address-info { background:#ff9e10; padding:8px; width:190px; }
#contact .address-info:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 15px 12px 0;
	border-color: transparent #ff9e10 transparent transparent;
	content:"";
	position:absolute;
	top:14px;
	left:-15px;
}

#contact .address-info p { margin:0; color:#fff;  font-size:14px; }
#contact .address-info p span { font-weight:600; font-size:15px; text-transform:uppercase; }


#cookie-info {    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.75);
    bottom: 25px;
    height: 110px;
    padding: 10px 35px 20px 20px;
    position: fixed;
    right: 25px;
    width: 335px;
    z-index: 999999;
	}

#cookie-info.start { right: -360px!important; }
#cookie-info a.close { position:absolute; right:0px; top:0px; width:40px; height:40px; line-height:40px; text-align:center; font-size:40px; background-image: url("../img/off.png"); transform:scale(1); -webkit-transform:scale(1); -ms-transform:scale(1); } 
#cookie-info a.close:hover { transform:scale(.8); -webkit-transform:scale(.8); -ms-transform:scale(.8); }
#cookie-info p a { color:#ff9e10; } 
#cookie-info p a:hover { text-decoration:underline;  } 
#cookie-info p { color:#fff; font-size:13px; } 
	
#privacy { color:#444; }	
#privacy p { font-size:15px;}
	
/*****************************************/

/**************** PRODUKTY *****************/

#products div.box img, #products div.box,  #products div.buttons  div.button 
{ transition: all .3s ease-out; -ms-transition: all .3s ease-out; -webkit-transition: all .3s ease-out;} 

#products { background: url("../img/products-bg.jpg") no-repeat; background-position:center -130px;  } 
#products .about { float:left; width:530px; margin-top:50px; }
#products .about .include { text-align:left; font-size:18px; }
#products .bt { background: none repeat scroll 0 0 #ff9e10; border: 2px solid #ff9e10; color: #fff; float: left; font-size: 12px; height: 45px; line-height: 16px; margin: 20px; padding: 5px 0; width: 163px; } 
#bt-product-catalog { margin-left:70px!important;}
#products .bt:hover { background:#fff; color:#ff9e10; }
#products div.box, #products-section { height:440px; }

#products-section { width:100%; overflow:hidden; position:relative; }
#products-section .products-category { overflow:hidden; position:absolute; width:20000px; left:0;  
transition: left 0.5s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; -webkit-transition: left 0.5s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; }

#products div.box-products { width:100%; margin-top: 150px; float: left; position: relative; padding-top:20px; padding-bottom:10px; }
#products div.box-products span { font-size:13px; color:#878787; font-family: 'dosisregular'; }
#products div.menu-products { width:100%; height:33px; position:relative; float:left; border-bottom: 1px solid #F3F3F3; margin-bottom: 40px; margin-top:0px; }
#products div.menu-products ul { list-style: none outside none; margin:0; padding: 0; text-align: center; }
#products div.menu-products ul li { }
#products div.menu-products li{ display: inline; font-size:13px; color:#000; text-transform:uppercase;  padding: 20px; cursor:pointer; }
#products div.menu-products li a { font-size: 16px; text-decoration: none;  border-bottom: 3px solid rgba(255,255,255,0);  padding: 10px 0;  margin: 0; }
#products div.menu-products li a.active.link {  border-bottom: 3px solid #ff9e10;   }
#products div.menu-products li a:hover { border-bottom: 3px solid #ff9e10;  }
#products div.box { margin-bottom:20px; width: 289px; text-align: left; border-right:1px solid #EEEEEE; background:#fff; margin:0px; box-shadow:0 0 0 0 #eee; z-index:1; float:left; }
#products div.box p.big { font-size:16px; color:#000; text-transform:uppercase;  text-align: center; font-weight:600; overflow:hidden; padding:0 10px; float:left; width:100%; } 
#products div.box p.desc { color: #888; font-size: 14px; padding: 0 15px; margin-top:10px; float:left; text-align: center; height:105px; overflow:hidden;  }
#products div.box .big-desc { display:none; }
#products div.box p.small-info { font-size:14px; float:left; width:100%; text-align:center; color:#444;  margin:0;  }
#products div.box:hover { }

#products div.box-border { }
#products div.price {  bottom: 35px; position: absolute; text-align: center; width:100%; }
#products div.price span { font-size:16px; font-weight:600; color:#333; letter-spacing: 1px; line-height: 22px; }

#products .price-info { float: left; margin-top: 40px; text-align: center; width: 100%; }

#products div.buttons { width:100%;  position:relative; height:30px; bottom:0px; position:absolute; }
#products div.buttons  div.button { position:absolute;  cursor:pointer; text-align:left; width:8px; height:8px; line-height:32px; background:#ff9e10; color:#fff; font-size:12px; text-transform:uppercase; overflow:hidden; }
#products div.buttons  div.button:hover { background-color:#ff9e10!important; }
#products div.buttons  div.button.button-basket {  top:13px; left:48%; background-image: url("../img/basket.png"); background-repeat:no-repeat; background-position:80px center; padding: 0;  }
#products div.buttons  div.button.button-see-more {  top:13px; left:52%; background-image: url("../img/lupa.png"); background-repeat:no-repeat; background-position:89px center; padding: 0;  }

#products div.box:hover div.button.button-basket  { top:0px; left:30px; height:30px; width:110px; padding: 0 15px; border-radius:0; background-color:#ccc; }
#products div.box:hover div.button.button-see-more  { top:0px; left:150px; height:30px; width:110px; padding: 0 10px; border-radius:0%; background-color:#ccc; }

#products div.more {  position: relative; width:100%; }
#products div.more2 { top: 95px; } 
#products div.image { position: relative; width:150px; left:50%; margin-left:-75px; height: 140px; text-align:center; }
#products div.box img { max-height:140px;  }
#products div.more p { font-size:11px; line-height: 18px; color:#A3A3A3; margin: 0; }
#products div.more span { font-weight:600; }
#products div.box:hover img {  }
#products div.box-products div.arrow { top: 47%; }
#products div.product-overlay {  background: none repeat scroll 0 0 rgba(0, 0, 0, 0);  height: 100%;  opacity: 0;  position: absolute; width: 100%; top:0; text-align: center; }
#products div.product-overlay hr { width: 40px; height: 1px; position: absolute; background: #ff9e10; left:50%; margin-left: -20px; top:56%; border: none; }
#products div.product-overlay img { width:24px; height: 24px; position: absolute; left:50%; margin-left: -12px; top:50%; margin-top:-12px; transform:scale(0.3); -webkit-transform:scale(0.3); -ms-transform:scale(0.3); }
#products div.product-overlay p { font-size:11px; color:#444; text-transform: uppercase;  position: absolute;  bottom: 30px; width: 100%; }
#products div.box:hover div.product-overlay { opacity:0; box-shadow: 0 0 15px #cecece inset; }

#products div.small-bg { background: url("../img/salon2.jpg") center center; }
#products div.overlay { padding:210px 0; }
#products div.overlay p.small { font-size:20px; }

#sections-wrapper {  }

#product-details { background: none repeat scroll 0 0 #fff; left: 100%; position: fixed; width: 100%; z-index: 10; padding-top:40px; } 
#product-details { transition: all 1200ms cubic-bezier(0, 1.02, 0.965, 1) 0s; -webkit-transition: all 1200ms cubic-bezier(0, 1.02, 0.965, 1) 0s; }
#product-details.active { left:0; }
body.product section:not(#product-details) { display:none; }
body.product #product-details { float: left; position: relative; width: 100%; } 

/*****************************************/

/************** PROPOZYCJE***************/
#proposals .one-half { width:50%; text-align: left;  }
#proposals .row.more { min-height:900px;}
#box-proposal {  }
#proposals div.box-proposals { visibility:hidden; position: absolute; height:760px; width:1000px; margin-left:-490px; left:50%; margin-top: 80px; }
#box-proposal-exit { right:none; left:50%; top:-67px; opacity:0.5; }
#box-proposal-exit .exit-image { background-image: url("../img/off.png"); }
#box-proposal-exit:hover { opacity:1; }
#proposals div.description {  float: left; }
#proposals div.description p { margin:0; line-height: 20px; }
#proposals div.description p.title { font-size:19px; color:#000; text-transform: uppercase;  font-family: 'dosismedium'; }
#proposals div.description p span { font-family: 'dosismedium'; }
#proposals div.description p span.price { font-size:17px; }
#proposals div.image { position: absolute; right: 25px; top: 20px; }
#proposals div.image img { width: 96%; }
#proposals div.image1 { top: 0px;  }
#proposals div.image1 img { height:365px }
#proposals div.image2 img { margin-left:10px; top: 0px; }
#proposals div.image3 { right: 0px; top: 0px; }
.info-projects { position:absolute; left:0; bottom:10px; width:56%; text-align:center; }
.info-projects p { font-size:13px;   }
.info-price { position:absolute; color:#fff; bottom:-55px;  left:0; width:100%; text-align:center; font-size:11px; }
.info-price p { line-height: 20px; color:#fff; font-size:14px; }
#proposals { min-height:950px!important; }

.dg-container{ width: 100%; height: 580px; position: relative; margin-top:50px; }
.dg-wrapper{
	width: 600px;
	height: 450px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}
.dg-wrapper .small-box {
	width: 600px;
	height: 450px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
	border: 2px solid #efefef;
	cursor:pointer;
	overflow:hidden;
	border-radius:20px;
}
.dg-wrapper .small-box.dg-transition{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.dg-wrapper .description { width:100%; padding: 2px; position: absolute; top:15px;  }
.dg-wrapper .description img { display: block; max-height:340px; max-width:500px; margin: 0 auto; transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1);  }
.dg-wrapper .description img, #proposals div.image{
transition: all 2s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; -webkit-transition: all 2s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s;
}
.small-box:hover  img { transform: scale(1.15); -webkit-transform: scale(1.15); -ms-transform: scale(1.15); }
.dg-wrapper .description p { margin:0; font-size: 14px; color:#888; }
.dg-wrapper .description p a { font-size:19px; color:#000; text-transform: uppercase; text-align: center; width: 100%; float: left; margin-bottom: 20px; font-family: 'dosismedium'; line-height: 190%; }
.dg-wrapper .description p:hover a {  }

.dg-wrapper p div {
	font-style: italic;
	text-align: center;
	line-height: 50px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
	color: #333;
	font-size: 16px;
	width: 100%;
	bottom: -55px;
	display: none;
	position: absolute;
}
.dg-wrapper .description.dg-center div { display: block; }
.dg-container nav {
	width:80px;
	position: absolute;
	z-index: 3;
	bottom: 20px;
	left: 50%;
	margin-left: -40px;
}
.dg-container nav span {
	text-indent: -9000px;
	float: left;
	cursor:pointer;
	width: 34px;
	height: 42px;
	opacity: 0.8;
	background: transparent url(../images/arrows.png) no-repeat top left;	
}
.dg-container nav span:hover { opacity: 1; }
.dg-container nav span.dg-next { background-position: top right; margin-left: 10px; }

/*****************************************/

/************** PARTNERZY ***************/
#partners { background: url("../img/partnerzy-bg.jpg") no-repeat fixed center center / 100% 100% #ffffff; position: static; z-index: 3; }
#partners div.container { padding:0px; }
#partners .about { margin: 50px 0 0; float:left; }
#partners .underline {  }
#partners .bwWrapper { position:relative; display:block; }
#partners .bwWrapper img { border-radius:50%; }
#partners div.box-partners { float: left; position: relative; width:100%; margin:0px auto 25px auto; }
#partners div.spot { cursor: pointer; float: left; padding: 20px 0; }
#partners div.spot-logo { box-shadow:0 0 0 0 rgba(80,80,80,.5); height: 100px; position: relative; text-align: center; background:#fff; width:180px; height:180px; border:8px solid #aaa; margin:auto; overflow:hidden; border-radius:50%; }
#partners div.spot-logo img.full {  }
#partners div.spot:hover div.spot-logo { border:8px solid #ff9e10; box-shadow:0 0 0 20px rgba(80,80,80,.5); }
#partners div.spot:hover img {  }
#partners .arrow { top: 50%; }

#partners div.small-bg { background: url("../img/salon3.jpg") center center; }
#partners div.overlay { padding:210px 0; }
#partners div.overlay p.small { font-size:20px; }
#partners .overlay p {  font-size:25px; font-family: 'nothing_you_could_doregular';  }

#lens-wrapper { width:100%; height:100%; position:absolute; overflow:hidden;}

/*****************************************/

/************** PROMOCJE ***************/
#promotions { background: url("../img/promotions.jpg") no-repeat fixed center center / 100% 100% #ffffff;  position: static; min-height:750px; }
#promotions div.wrapper-box-promotions { width:100%; float: left; position: relative; }
#promotions div.box-promotions { float: left; position: relative; width:100%; margin-top:0px; height:345px; width:100%; overflow:hidden; margin-bottom:50px; }
#promotions div.box { width:345px;  cursor: pointer; float:left; }
#promotions div.box:hover { z-index: 10;  }
#promotions div.promotions-image  { width:280px; height:280px; border-radius:50%; overflow:hidden; border:8px solid #efefef; box-shadow:0 0 0 0 rgba(255,255,255,0); position:relative; margin:auto; }
#promotions div.box:hover div.promotions-image  { border:8px solid #ff9e10; box-shadow:0 0 0 30px rgba(42,40,57,.03); }

#promotions div.promotions-image > div:after { width:200px; height:200px; position:absolute; left:50%; margin-left:-100px; color:#fff; bottom:-200px; border-radius:50%; background:#ff9e10; content:"Zobacz"; padding-top:10px; font-family: 'Dosis', sans-serif;; font-size:10px; } 
#promotions div.box:hover div.promotions-image > div:after { bottom:-165px; }

#box-promotions-wrapper { height:345px; overflow:hidden; position:absolute; width:5000px; left:0; padding-top:34px;  
transition: left 0.5s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; -webkit-transition: all 0.5s cubic-bezier(0.020, 0.490, 0.155, 0.995) 0s; }

#promotions div.promotions-image img{ width:100%; min-height:250px; min-height:250px; }
#promotions .panel-wrapper { padding: 0; }

/*****************************************/

/************** WIDOK PRODUKTOW ***************/
#products-view { /* background: url("../img/tlo.jpg") no-repeat fixed right center rgba(0, 0, 0, 0); */}
#products-view .container { }
#products-view .exit3 { right: 30px; top: 20px;  }
#products-view div.main-photo { width:100%; float: left; overflow: hidden; position: relative;  margin-top: 30px; }
#products-view div.main-photo img { height: auto; width: 100%; vertical-align: middle; }
#products-view div.main-photo:hover img { opacity:0.7; transform: scale(1.2) rotate(2deg); -webkit-transform: scale(1.2) rotate(2deg); -ms-transform: scale(1.2) rotate(2deg); }
#products-view div.box-view-products { position: relative; float: left; width: 100%; margin-top: 40px; }
#products-view div.box-view-products hr { width:100%; background: #e8e8e8; position: absolute; height: 3px; border:none; bottom: 0; margin: 0; }
#products-view div.box { width:47%; padding-bottom: 45px; margin: 0 3% 0 0; }
#products-view div.description { float: left; text-align: left; }
#products-view div.description h2 { font-size: 32px; margin: 10px 0 0; color: #444; font-weight:600; }
#products-view div.description p, #products-view div.box p  { text-align: left; }
#products-view div.box p.scena { font-family: 'Dosis', sans-serif; font-weight:600; text-align: center; }
#products-view div.description p.title { font-size:18px;  font-weight:600; }
#products-view div.image { position:relative; width:100%; text-align: center; }
#products-view div.image img {  }
#products-view div.text { width:455px; margin-left: 41px;   margin-bottom: 20px; }
#products-view div.description ul { line-height: 150%; margin: 0 0 0 15px; padding: 0;  }
#products-view div.description ul li {  font-size:13px; }

#ipad { position:absolute; z-index:100; bottom:-900px; width:1120px; height: 800px; left:50%; margin-left:-560px; background: url("../img/ipad.png") no-repeat; transform-origin: 0% 100%; -webkit-transform-origin: 0% 100%; transform:rotateX(0deg); -webkit-transform:rotateX(0deg);  }  
#ipad-screen { width:534px; height:401px; position:absolute; top:61px; left:290px; overflow:hidden; }
#ipad.show {  bottom:-150px; transform:rotateX(0deg); -webkit-transform:rotateX(0deg); }
#ipad-screen-container img, #ipad-screen-container, #ipad-screen .slider-container { width:534px; height:401px; }
#ipad-screen-container img { position:absolute; left:100%; }
#ipad-screen-container img.active { left:0%; }

#iphone { position:absolute; z-index:100; bottom:-680px; width:700px; height: 649px; left:50%; margin-left:-165px; background: url("../img/hand.png") no-repeat;  }  
#iphone.show { transform:rotate(0deg); -webkit-transform:rotate(0deg); bottom:0px; }
#iphone-close { position:absolute; bottom:-60px; left:84px; border-radius:50%; width:50px; height:50px; cursor:pointer; }
#iphone-close p { position:absolute; width:80px; height:30px; right:-90px; top:10px; color:#888; font-size:10px; text-transform:uppercase; color: #888888; }
#screen { width:220px; height:390px; position:absolute; top:79px; left:336px; overflow:hidden; }
#screen-container img, #screen-container, #screen .slider-container { width:220px; height:390px; }
#screen-container img { position:absolute; left:100%; }
#screen-container img.active { left:0%; }

/*****************************************/



/************** RESPONSIVE ***************/

@media only screen and (max-width: 1680px) and (min-width: 1281px) {

}

@media only screen and (max-width: 1280px) and (min-width: 1181px) {



#banner div.text-movie { right: 27px; top: 25px }
#banner div.text-movie p { font-size: 12px; line-height: 12px; }


}
@media screen and (max-width: 1180px) and (min-width: 1025px) {
.arrow-back { left: -2%; }
.arrow-next { right: -2%; }  
#small-menu { margin-left:20px;}
#small-menu li a { padding:21px 10px;}
}

@media screen and (max-width: 1060px)  {
	#menu .one-half2 { width:auto; }
	#small-menu {  margin-left:10px;}
	.logo-box { width:50px; overflow:hidden; margin-left: 10px;}
	#logo img{ width:295px; }
}

@media screen and (max-width: 990px)  {
	#small-menu {  }
	#small-menu li a { padding:21px 5px;}
	#small-menu { float:left; margin-left:10px;}
	#small-menu li { padding:10px 8px; }
	#small-menu {  margin-top:0px;}
}


@media screen and (max-height: 700px)  {
	#banner div.main-photo { height: 935px; margin-top: -155px; }
	#banner div.main { height:435px; }
	#box-movie.show { top: 61%; z-index:100; }
	#banner div.next { width:140px; }
	#box-movie { height: 590px; margin-left: -400px; width: 800px; }
	#banner div.switch-section {margin-top:0px; }
}