div[class|=main] .p_l{
    color:#0b87b5;
}
div[class=integra-domy-i-mieszkania-15] .p_l{
    color:#a3276b;
}

.head-tsi {
	font-family: 'Ubuntu';
	color:#0b87b5;
	font-size:18px;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}

.head-logo-zasil {
    font-family: 'Ubuntu';
    font-size:40px;
    font-weight: 700;
    letter-spacing: -1px;
    color: #993399;
    margin: 0;
    padding: 0;
    margin-top: 0;
}

.head-zasil {
    font-family: 'Ubuntu';
    color: #993399;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.head-logo-prog {
    font-family: 'Ubuntu';
    font-size:56px;
    letter-spacing: -1px;
    font-weight: 700;
    color: #3481bc;
    margin: 0;
    padding: 0;
    margin-top: 0;
}

.head-prog {
    font-family: 'Ubuntu';
    color: #3481bc;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.head-logo-akces {
    font-family: 'Ubuntu';
    font-size:56px;
    font-weight: 700;
    letter-spacing: -2px;
    color: #99cc00;
    margin: 0;
    padding: 0;
    margin-top: 0;
}

.head-akces {
    font-family: 'Ubuntu';
    color: #99cc00;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.head-logo-obud {
    font-family: 'Ubuntu';
    font-size:56px;
    font-weight: 700;
    letter-spacing: -2px;
    color: #8baed8;
    margin: 0;
    padding: 0;
    margin-top: 0;
}

.head-obud {
    font-family: 'Ubuntu';
    color: #8baed8;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.head-logo-komipow {
    font-family: 'Ubuntu';
    font-size:40px;
    font-weight: 700;
    line-height:40px;
    color: #00b6a7;
    margin: 0;
    padding: 0;
    margin-top: 0;
}

.head-kpow {
    font-family: 'Ubuntu';
    color: #00b6a7;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}


.head-logo-sterowniki {
    font-family: 'Ubuntu';
    font-size:40px;
    font-weight: 700;
    line-height:42px;
    color: #669900;
    margin: 0;
    padding: 0;
    margin-top: 0;
}


.head-sterowniki {
    font-family: 'Ubuntu';
    color: #669900;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}


.head-sygn {
    font-family: 'Ubuntu';
    color: #ff6600;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.head-big-sygn {
    font-family: 'Ubuntu';
    color: #ff6600;
    font-size:40px;
    font-weight: 700;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}


.head-logo-csp {
	font-family: 'Ubuntu';
	font-size:45px;
	font-weight: 700;
	color: #c71555;
	margin: 0;
	padding: 0;
	margin-top: 0;
	line-height: 40px;
	margin-bottom: 25px;
}

.head-csp {
	font-family: 'Ubuntu';
	color: #c71555;
	font-size:18px;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}

.head_art {
    font-family: 'Ubuntu';
    font-size:17px;
    font-weight: 400;
    color: #515151;
}
.head-big {
    font-family: 'Ubuntu';
    font-size:40px;
    font-weight: 700;
    color: #0b87b5;
    margin: 0;
    padding: 0;
    margin-top: 0;
}

.head-logo-czujki {
    font-family: 'Ubuntu';
    font-size:46px;
    font-weight: 700;
    color: #2da2c6;
    margin: 0;
    padding: 0;
	margin-top: -5px;
}

.head-logo {
    font-family: 'Ubuntu';
    font-size:40px;
    font-weight: 700;
    color: #ef7d18;
    margin: 0;
    padding: 0;
    margin-top:-8px;
}
.head-abax {
    font-family: 'Ubuntu';
    color: #ef7d18;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.head-acco-logo {
    font-family: 'Ubuntu';
    font-size:48px;
    font-weight: 700;
    color: #36a7e9;
    margin: 0;
    padding: 0;
    margin-top: 0;
}

.head-acco {
    font-family: 'Ubuntu';
    color: #36a7e9;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.head-micra {
    font-family: 'Ubuntu';
    color: #00755c;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}

.head-czujki {
    font-family: 'Ubuntu';
    color: #2da2c6;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}


.head-ca5pluslogo {
	font-family: 'Ubuntu';
	font-size:40px;
	font-weight: 700;
	color: #57ab27;
	margin: 0;
	padding: 0;
	margin-top:-5px;
}


.head-ca5plus {
	font-family: 'Ubuntu';
	color: #57ab27;
	font-size:18px;
	font-weight: 400;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}

.head-ca5plusb {
	font-family: 'Ubuntu';
	color: #818181;;
	font-size:20px;
	font-weight: 700;
	margin-bottom: 0;
	padding-bottom: 0;
	margin-top: 0;
}


.p1-ca5plus {
	font-family: 'Ubuntu';
	color: #57ab27;
	font-size: 18px;
	font-weight: 300;
	line-height: 22px;
}


.headgray {
    font-family: 'Ubuntu';
    color:#818181;
    font-size:20px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 10px;
}
.head2 {
    font-family: 'Ubuntu';
    color:#0b87b5;
    font-size:18px;
    font-weight: 400;
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
}
.psubhead {
    font-family: 'Ubuntu';
    font-size: 14px;
    color: #818181;
    margin-top: 2px;
    margin-bottom:15px;
}
.p1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #818181;
    margin-bottom:25px;
}

.p1s {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #818181;
    margin-bottom:25px;
}

.p2s {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #818181;
    margin-bottom:25px;
}

.pd {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #818181;
    padding-bottom: 5px;
    background-image: url('/img/pdf_file.png');
    background-repeat: no-repeat;
    padding-left: 30px;
    height: 23px;
    padding-top: 4px;
}

.pd a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #818181;
    font-weight: bold;

}


.phead {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #818181;
    margin-bottom:25px;
}
.dleft {
    width: 320px;
    float:left;
    margin-top: 10px;
}
.dright {
    width: 320px;
    float:right;
    margin-top: 10px;
}
.bimg {
    width:309px;
    height:128px;
}
.smenu {
    width:135px;
    height:120px;
    color:#FFFFFF;
    padding-left: 10px;
    padding-top: 8px;
    opacity: 0;
}
.sbox {
    width: 200px;
    float: left;
    margin-right:20px;
}
.pbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 3px;
    color: #FFFFFF;
}
.pbox a {
    color: #FFFFFF;
    text-decoration:none;
}
.pbox a:hover {
    color: #FFFFFF;
    text-decoration:underline;
}
.tool-tip ,.tool-tip  div{
    width:200px;
    z-index: 13000;
}
.tip-top{
    background: transparent url('/img/bubble.png') repeat scroll left top;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 0 0 0 0;
}
.tip-bottom{
    background: transparent url('/img/bubble.png') repeat scroll left bottom;
}
.tip-title,.tip-text{
    background: transparent url('/img/bubble.png') repeat scroll left 80%;
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 10px;
}
.tip-title,.tool-title{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 700;
    margin: 0;
    padding: 5px;
}
.tool-title{
    background: transparent url('/img/bubble.png') repeat scroll left top;
    padding: 0 0 0 0;
}
.main-392{

}


/* tabelka ABAX */

.wrap-abax {
    overflow:hidden;
    width:97%;
    border-collapse: collapse;
	background-color: #f5f5f5;
	border: #eeeeee 1px solid;
	padding: 0 10px;
}

.row-abax {
    display: table-row;
}
.left-abax {
	font-family: 'Ubuntu';
	font-size:13px;
	color: #ef7d18;
	font-weight: 700;
	padding:10px;
	width: 48%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	vertical-align: middle;
}

.przerwa-abax {width: 4%;}

.right-abax {
	font-family: 'Ubuntu';
	font-size:13px;
	font-weight:normal;
	color: #818181;
	width: 48%;
	display: table-cell;
	border-bottom: 1px solid #e4e4e4;
	padding:10px;
}

.naglowek-abax {
	font-family: 'Ubuntu';
	font-size: 22px;
	font-weight: 500;
	text-align:left;
	border: 0;
	color: #ef7d18
	}

.nom-abax {
	margin:0;
	height: 100%
	}

.noborder-abax {
	border: 0
	}


/* VERSA Plus  */

.clear {clear:both;}
.versaplus-header-lewa {padding-left:25px;width:65%;}
.versaplus-header-prawa {width:28%; float: right; margin-top: -210px;}
h1.versaplus-header {color: #7b7b7b; font-family: 'Ubuntu'; font-size: 31px; border-bottom: 0; margin-bottom:-7px;}
h2.versaplus-header {color: #005ca3; font-family: 'Ubuntu'; font-size: 50px; font-weight: 700;}
.versaplus-header-bialy {color: #ffffff; font-family: 'Ubuntu'; font-size: 27px; font-weight: 700; position: absolute; margin: 533px auto;
  width: 708px;
  text-align: center;}
p.versaplus-header {color: #858585; font-family: 'Ubuntu'; font-size: 16px; font-weight: 300;}
.versaplus-header-bg {background: url('/img/desc/vp-header-bg.jpg'); height: 586px; margin: -200px -20px 0 -20px;}

.vp-granat {color: #005ca3; font-size: 22px; font-family: 'Ubuntu';}

.vp-2 {text-align: center;}
h2.vp-2 {color: #005ca3; font-family: 'Ubuntu'; font-size: 21px; font-weight: 500; text-align: center; margin-bottom: 25px;}

.vp-3 {margin-top:30px;}
.vp-row-2 {display: inline-flex}
.box-nieuzyw {padding: 15px; border: solid #CCCCCC 1px; background-color: #F8F8F8; width: 288px; margin: 7px;}
.box h3 {font-size: 18px; font-family: 'Ubuntu'; color: #0b87b5; font-weight: 500;}

.vp-4-header {color: #059cc7; font-size: 27px; font-family: 'Ubuntu'; font-weight: 300;}
.vp-4-versa {color: #005ca3;}
.vp-4-szary {color: #858585; font-size: 13px; font-family: Verdana, sans-serif;}
.vp-4-niebieski {color: #059cc7; font-size: 13px; font-family: Verdana, sans-serif;}
h2.vp-4-granat {color: #005ca3; font-size: 22px; font-family: 'Ubuntu'; font-weight: 700;}
.vp-row {width:100%;}
.vp-lewa {width: 48%; float: left; margin-top:20px;}
.vp-prawa {width:48%; float: right; margin-top:34px; margin-bottom:5px;}
.vp-prawa-txt {color: #059cc7; font-size: 31px; font-family: 'Ubuntu'; font-weight: 300; margin-top: 5px; text-align: right; z-index:20;}

.vp-5 {clear:both; margin-top:50px;}
p.vp-5 {color: #005ca3; font-family: 'Ubuntu'; font-size: 16px; font-weight: 700; margin-bottom: 25px; padding-top:15px;}
.vp-5-bg {background: url('/img/desc/vp-versa-bg.jpg'); height: 660px; margin-right: -20px;}
.vp-5-lewa-txt {color: #059cc7; font-size: 31px; font-family: 'Ubuntu'; font-weight: 300; margin-top: 5px; z-index:20; line-height: 32px;}
.vp-chmurka {background: #44b5d5; border-radius:4px; padding: 0 6px; color: #ffffff; width: 16% !important; min-height: 87px;}
.vp-chmurka:before {content: ' '; position: absolute; width: 0; height: 0; margin: 87px 0 0 75px; border: 10px solid; border-color: #44B5D5 transparent transparent transparent; display: list-item; list-style: none;}
.vp-col-2 {float: left; width: 18%; margin:0 1%;}

.vp-6 ul {list-style: none; padding:0; margin:0; font-size: 13px; width: 280px;}
.vp-6 li {padding-left: 25px; text-indent: -.7em;}
.vp-6 li:before {content: "• "; color: #005ca3;}

.vp-7 {margin-top:60px;}
.vp-chmurka:hover {margin-top:-5px; cursor: default ;}
.vp-opacity:hover {opacity: 0.8}
.vp-dtop:hover {margin-top:-5px; margin-bottom:5px}

.vp-chmurka_it {
	background: #44b5d5;
	border-radius: 4px;
	padding: 0 6px;
	color: #ffffff;
	width: 16% !important;
	min-height: 113px;
}

.vp-chmurka_it:before {
	content: ' ';
	position: absolute;
	width: 0;
	height: 0;
	margin: 113px 0 0 75px;
	border: 10px solid;
	border-color: #44B5D5 transparent transparent transparent;
	display: list-item;
	list-style: none;
}

.cd-timeline-content, .vp-opacity, .vp-schemat {
	transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
	}

.vp-dtop, .vp-chmurka {
	transition:all .08s ease-in-out;
    -o-transition:all .08s ease-in-out;
    -moz-transition:all .08s ease-in-out;
    -webkit-transition:all .08 ease-in-out;
	}


/* timeline */

.cd-timeline-content:hover {background: rgba(242, 242, 242, 1);}
#cd-timeline {
  position: relative;
  padding: 2em 0;
  margin-top: 2em;
  margin-bottom: 2em;
}
#cd-timeline::before {
  /* this is the vertical line */
  content: '';
  position: absolute;
  top: 0;
  left: 18px;
  height: 83%;
  margin-top:70px;
  width: 4px;
  background: #d7e4ed;
}
@media only screen and (min-width: 1170px) {
  #cd-timeline {
    margin-top: 3em;
    margin-bottom: 3em;
  }
  #cd-timeline::before {
    left: 50%;
    margin-left: -2px;
  }
}
.cd-timeline-block {
  position: relative;
  margin: 2em 0;
}
.cd-timeline-block:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-block:first-child {
  margin-top: 0;
}
.cd-timeline-block:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 1170px) {
  .cd-timeline-block {
    margin: 1.5em 0;
  }
  .cd-timeline-block:first-child {
    margin-top: 0;
  }
  .cd-timeline-block:last-child {
    margin-bottom: 0;
  }
}

.cd-timeline-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  box-shadow: 0 0 0 4px rgb(215, 228, 237), inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
}
.cd-timeline-img img {
	display: block;
	width: 40px;
	height: 40px;
	position: relative;
	left: 50%;
	top: 50%;
	margin-left: -20px;
	margin-top: -20px;
}
.cd-timeline-img.cd-picture, .cd-timeline-img.cd-location, .cd-timeline-img.cd-location, .cd-timeline-img.cd-movie {
  background: #005ca3;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-img {
    width: 60px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    -webkit-transform: translateZ(0);
    -webkit-backface-visibility: hidden;
  }
  }
.cd-timeline-content {
  position: relative;
  margin-left: 60px;
  background: rgba(215, 228, 237, 0.63);
  border-radius: 0.25em;
  padding: 1em;
}
.cd-timeline-content:after {
  content: "";
  display: table;
  clear: both;
}
.cd-timeline-content h2 {
	color: #005CA3;
	font-family: 'Ubuntu';
	font-size: 16px;
}
.cd-timeline-content .cd-date {
  float: left;
  padding: .8em 0;
  opacity: .7;
}
.cd-timeline-content::before {
  content: '';
  position: absolute;
  top: 16px;
  right: 100%;
  height: 0;
  width: 0;
  border: 7px solid transparent;
  border-right: 7px solid white;
}

@media only screen and (min-width: 1170px) {
  .cd-timeline-content {
    margin-left: 0;
    padding: 1.6em;
    width: 38%;
	font-size: 13px;
  }
  .cd-timeline-content::before {
    top: 24px;
    left: 100%;
    border-color: transparent;
    border-left-color: rgba(215, 228, 237, 0.63);
  }

  .cd-timeline-block:nth-child(even) .cd-timeline-content {
    float: right;
  }
  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
    top: 24px;
    left: auto;
    right: 100%;
    border-color: transparent;
    border-right-color: rgba(215, 228, 237, 0.63);
  }

  }
/* ACCO NET  */

.acco-wall div, .acco-wall ul{font-family: 'Ubuntu';}

.acco-header-lewa {padding-left:10px;width:65%;}
h1.acco-header {color: #005ca3; font-family: 'Ubuntu'; font-size: 71px; border-bottom: 0; margin-bottom:-7px; letter-spacing: -3px;}
h2.acco-header {color: #005ca3; font-family: 'Ubuntu'; font-size: 50px; font-weight: 700;}
.acco-header-bialy {color: #ffffff; font-family: 'Ubuntu'; font-size: 24px; font-weight: 500; position: absolute; margin: 340px 30px;}
.acco-header-bg ul {position: relative; display: block; margin: 0; padding: 0; text-align: center; top: 390px; font-family: 'Ubuntu', sans-serif; font-weight: 500; color: #ffffff; font-size: 18px; letter-spacing: -0.2px; list-style-type: none;}
.acco-header-bg ul li {display: inline; padding: 0;}
.acco-header-bg ul li:nth-child(even):before {content: '\2022'; margin-right: 5px;}
p.acco-header {color: #858585; font-family: 'Ubuntu'; font-size: 16px; font-weight: 300; width: 370px; letter-spacing: -0.1px;   line-height: 19px;}
p.acco-header strong {color: #059cc9;}
.acco-header-bg {background: url('//www.satel.eu/img/desc/acconet-bg.jpg'); height: 500px; margin: -284px -20px 0 -20px;}
.acco-header.first-head {width: 330px;}


.acco-granat {color: #005ca3; font-size: 22px; font-family: 'Ubuntu';}

.acco-scheme{margin: -20px -20px 0 -20px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+20,cee1ec+100&0+0,1+100 */
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.2) 20%, rgba(206,225,236,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 20%,rgba(206,225,236,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.2) 20%,rgba(206,225,236,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cee1ec',GradientType=0 ); /* IE6-9 */}

.acco-int-scheme{background: url('//media.satel.pl/img/desc/acco_world.svg') no-repeat;background-position: 0 15px;}

.acco-integration{padding: 0 0 60px 0;}
.acco-integration h2 {color: #005ca3; font-family: 'Ubuntu', sans-serif; font-size: 24px;}
.acco-integration ul {font-family: 'Ubuntu', sans-serif; font-size: 16px; margin-left: 0; list-style-type: none}
.acco-integration ul:first-child {padding-left: 0;}
.acco-integration ul li {margin-left: 0;}
.acco-integration ul li:before {content: '\2022'; margin-right: 5px; margin-left: -10px; color: #005ca3;}
.acco-integration img {position: relative; display: block; margin: auto;}

.acco-2 {text-align: center;}
.acco-2 p {font-size: 16px; color: #858585; text-align: left; font-family: 'Ubuntu'; line-height:19px;}
h2.acco-2 {color: #005ca3; font-family: 'Ubuntu'; font-size: 21px; font-weight: 500; text-align: center; margin-bottom: 25px;}

.acco-3 {margin-top:30px;}
.row {display: inline-flex}

.acco-4-header {color: #059cc7; font-size: 42px; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -1px; margin: 20px 17px;}
.acco-4-szary {color: #858585; font-size: 13px; line-height: 18px;}
.acco-4-niebieski {color: #059cc7; font-size: 13px; font-family: 'Ubuntu'; line-height: 18px; letter-spacing: 0.1px;}
.acco-4 {padding: 10px 20px; margin: 0 -20px; height:270px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #D6EFF6), color-stop(1, #FFFFFF));
	background-image: -o-linear-gradient(bottom, #D6EFF6 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #D6EFF6 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #D6EFF6 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #D6EFF6 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #D6EFF6 0%, #FFFFFF 100%);
}

.acco-4-karta-img{margin-left: -20px;}
.acco-prawa-karta-txt {font-size: 13px; color: #7c7c7c; font-family: Verdana, sans-serif;}
.acco-ludzie {background: url('//www.satel.eu/img/desc/acconet-ludzie-bg.jpg'); min-height: 337px; margin-left: -15px; width: 713px;}
.acco-ludzie-1 {font-size: 21px; font-family: "Ubuntu"; color: #ffffff; text-shadow: 0 0 4.6px rgba(0, 51, 76, 0.69); padding: 248px 0 0 55px;}
.acco-ludzie-2 {font-size: 37px; font-family: "Ubuntu"; color: #ffffff; text-shadow: 0 0 4.6px rgba(0, 51, 76, 0.69); margin: -25px 0 0 115px;}

.acco-row {width:100%; clear:both;}
.acco-lewa {width: 48%; float: left; margin-top:20px;}
.acco-prawa {width:48%; float: right; margin-top:34px; margin-bottom:5px;}

.acco-5 {clear:both; margin-top:50px;}
.acco-5-header {color: #059cc7; font-size: 42px; font-family: 'Ubuntu'; font-weight: 500; letter-spacing: -1px;}
.acco-txt-granat {color: #005ca3;}
p.acco-5 {color: #005ca3; font-family: 'Ubuntu'; font-size: 16px; font-weight: 700; margin-bottom: 25px; padding-top:15px;}
.acco-5-lewa-txt {color: #059cc7; font-size: 31px; font-family: 'Ubuntu'; font-weight: 300; margin: 5px 0 -10px; z-index:20; line-height: 32px; letter-spacing: -1px;}
.acco-col-2 {float: left; width: 18%; margin:0 1%;}
.acco-col-3 {float: left; width: 23%; margin:0 1%;}
.text-center {text-align: center;}

.acco-6 {margin-top: 30px;}
.acco-6 ul {list-style: none; padding:0; margin:0; font-size: 13px; color: #005ca3; letter-spacing: 0.15px;}
.acco-6 li {padding-left: 25px; text-indent: -.7em; padding-bottom: 2px;}
.acco-6 li:before {content: "\2022"; color: #005ca3; margin-right: 5px}

.acco-opacity:hover {opacity: 0.8;}

.cd-timeline-content, .acco-opacity, .acco-schemat, .acco-up a {
	transition:all .2s ease-in-out;
    -o-transition:all .2s ease-in-out;
    -moz-transition:all .2s ease-in-out;
    -webkit-transition:all .2s ease-in-out;
	}

.acco-niebieski-akapit {color: #539CC9; font-family: 'Ubuntu';	font-size: 18px; letter-spacing: -0.2px; line-height: 19px;}
.acco-granatowy-akapit {color: #005ca3; font-family: 'Ubuntu'; font-size: 18px; line-height: 19px;}
.acco-hr-nieb {height: 3px; width:68px; background: #37b0d2; margin:35px auto;}
.acco-up a {font-size: 19px; font-family: 'Ubuntu'; color: #737373; letter-spacing: -1px; text-align:center;}
.acco-up a:hover {color: #000; text-decoration: none;}


/* OPAL i OPAL Plus */
.opal-header-lewa {padding-left:25px;width:65%;}
h1.opal-header {color: #ffba00; font-family: 'Ubuntu'; font-size: 50px; border-bottom: 0; margin-bottom:-7px; font-weight: 700;}
h2.opal-header {color: #7b7b7b; font-family: 'Ubuntu'; font-size: 31px; font-weight:500; line-height: 29px; margin-bottom: 9px;}
.opal-header-bialy {color: #8e8f90; font-family: 'Ubuntu'; font-size: 20px; font-weight: 500; position: absolute; margin: 350px 30px;  letter-spacing: -.8px;}
.opal-header-bialy li {line-height: 14px; margin-left: -20px;}
p.opal-header {color: #9c9c9c; font-family: 'Ubuntu'; font-size: 16px; font-weight: 300; width: 400px; padding-bottom: 5px; padding-top: 10px;}
.opal-header-bg {background: url('/img/desc/opal-header.jpg'); height: 478px; margin: -337px -20px 0 -20px;}
.opal-2 {height: 340px; text-align: center;}

.opal-3 {
	margin:30px -20px 0 -20px;
	padding: 22px;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FAF5F1), color-stop(1, #FFFFFF));
	background-image: -o-linear-gradient(bottom, #FAF5F1 0%, #FFFFFF 100%);
	background-image: -moz-linear-gradient(bottom, #FAF5F1 0%, #FFFFFF 100%);
	background-image: -webkit-linear-gradient(bottom, #FAF5F1 0%, #FFFFFF 100%);
	background-image: -ms-linear-gradient(bottom, #FAF5F1 0%, #FFFFFF 100%);
	background-image: linear-gradient(to bottom, #FAF5F1 0%, #FFFFFF 100%);
	}
.opal-3 h2, .opal-4 h2 {color: #ffba00; font-size: 22px; font-family: 'Ubuntu'; font-weight: 500;}
p.opal-akapit {font-size: 12.75px; font-family: "Verdana"; color: #858585; line-height: 1.38;}

h2.opal-4-granat {color: #005ca3; font-size: 22px; font-family: 'Ubuntu'; font-weight: 700;}
.opal-row {width:100%; margin: 0 -20px;}
.opal-lewa {width: 48%; float: left; margin-top:20px;}
.opal-prawa {width:48%; float: right; margin-top:34px; margin-bottom:5px;}
.opal-prawa-txt {color: #059cc7; font-size: 31px; font-family: 'Ubuntu'; font-weight: 300; margin-top: 5px; text-align: right; z-index:20;}

.opal-check {font-size: 17px; font-weight: 300; font-family: 'Ubuntu'; text-align: left; list-style: none;}
.opal-check li {background: url('/img/desc/opal-check.png') no-repeat left top; padding: 0 0 9px 25px; margin-left: -20px;}
.opal-1-3 {width: 33.3333333%; float: left; text-align: center; font-size: 13px; font-weight: 500; font-family: 'Ubuntu'; margin-top: 5px;}
.opal-big-h2 {font-size: 29px !important;}
.opal-dane-bg {background: url('/img/desc/opal-bg.jpg') no-repeat; margin: 35px -20px 0 -20px; padding: 32px;}
.opal-tabela tr:nth-child(2n+2) {background-color: #e3e3e3;}
.opal-tabela td {padding: 6px 11px; font-family: 'Ubuntu';}
.opal-tabela tr:hover {background: rgba(255, 186, 0, 0.25); transition: .15s all ease-in-out;}
.opal-tabela-check {text-align:center; width: 62px;}
.opal-tabela-check .fa {color: #fdc400; font-size:13px}
.opal-tabela-szary-przod {background: #d6d8d9; border-radius: 5px; padding: 4px 9px; font-size: 10px; border: 1px solid silver; margin: 0 4px;}
.opal-tabela-szary-tyl {background: #aeb2b5; border-radius: 5px; padding: 4px 9px; font-size: 10px; border: 1px solid silver;}
.opal-tabela-bialy {background: #ffffff; border-radius: 5px; padding: 4px 9px; font-size: 10px; border: 1px solid silver; margin-left: 4px;}
.row-opal {display: inline-flex; border-bottom: none;}
.image-opal-hood {max-width: 76%; position: relative; left: 65px; margin-top: -21px;}
.opal-hood-row {margin-bottom: -30px; position: relative; left: -38px;}

/**********************************************************
/
/                                  VERSA - Strona kategorii
/
/*********************************************************/
.versa-kat-header {
    background: url('/img/desc/versa-kat_header-bg.jpg');
    width: 718px;
    margin: -8px 20px -380px -20px;
    height: 385px;
    padding-top: 30px;
    opacity: .2;
}
ul.versa-kat {
    font-size: 13px;
    list-style-type: square;
    color: #059CC7;
}
ul.versa-kat-poznaj {
    list-style-type: none;
}
ul.versa-kat-poznaj a {
   font-size: 16px;
    font-weight: 600;
    font-family: 'Ubuntu';
    color: #FFFFFF !important;
    line-height: 25px;
    background: url('/img/desc/versa-kat_li.png');
    background-repeat: no-repeat;
    background-position: 1px;
    padding-left: 10px;
    margin-left: -35px;
    transition: all .1s ease-in-out;
}
ul.versa-kat-poznaj a:hover {
    padding-left: 14px;
    transition: all .1s ease-in-out;
}
li.versa-kat-plytki {
    display: inline;
    float: left;
    margin-right: -117px;
}
.versa-kat-1 {position: relative; z-index:600; margin-right: -12px;}
.versa-kat-2 {position: relative; z-index:500; margin-right: -34px;}
.versa-kat-3 {position: relative; z-index:400; margin-right: -47px;}
.versa-kat-4 {position: relative; z-index:300; margin-right: -2px;}
.versa-kat-5 {position: relative; z-index:200;}
img.versa-kat-plytki {transition: all .3s ease-in-out; opacity: .85; transform: rotateY(20deg);}
img.versa-kat-plytki:hover {
    transition: all .2s ease-in-out;
    transform: rotate(-10deg);
    margin-top: -22px;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    opacity: 1;
    transform: rotateY(0deg);
    transform: rotateZ(-5deg);
    }
ul.versa-kat-plytki {margin-left: -35px; height: 205px;}
.versa-kat-bg {
    background: url('/img/desc/versa-kat_bg.jpg');
    width: 280px;
    height: 113px;
    display: inline-block;
    padding: 6px 20px;
    margin: 20px 0 20px 0;
	border-radius: 4px;
}
.versa-kat-tabelka {width: 100%;}
.versa-kat-tabelka tr {margin: 5px; transition: .15s all ease-in-out;}
.versa-kat-tabelka tr:nth-child(2n+2) {background-color: #E8E8E8;}
.versa-kat-tabelka tr:hover {background: rgb(0, 59, 101); color: #ffffff;; transition: .15s all ease-in-out;}
.versa-kat-tabelka td {padding: 8px 13px; text-align: center;}
.versa-kat-tabelka td:nth-child(1) {text-align: left;}
.versa-kat-tabelka th {
	font-size: 15px;
    color: #005CA3;
    font-family: 'Ubuntu';
    text-align: center;
}
h2.versa-kat-tabelka {
    color: #818181;
    border-top: 1px solid #005CA3;
    border-bottom: 1px solid #005CA3;
    font-size: 28px;
    font-family: 'Ubuntu';
    font-weight: 700;
    padding: 10px 0;
	margin-bottom:19px;
	text-align: center;
}

.versa-kat-arrow {
    border: 15px solid #FFF;
    border-bottom: none;
    border-color: white transparent transparent transparent;
    position: relative;
    bottom: 6px;
	float: left;
}
.versa-kat-arrow:before, .versa-kat-arrow:after {
	content:'';
	position:absolute;
	bottom:0;
	height:30px;
	background: transparent;
}
.versa-kat-arrow:before {
	right:30px;
}
.versa-kat-arrow:after {
	left:30px;
}

.asd-150_wall
{
  font-family: 'Ubuntu', sans-serif;
  margin-top: -11px;
}

.asd-150_wall .left
{
  float: left;
}

.asd-150_wall .right
{
  float: right;
}

.asd-150_head
{
  position: relative;
  margin-left: -20px;
  width: calc(100% + 40px);
  padding: 20px 20px;
  background: url('/img/desc/asd-150/kurtynowe_head_bg.jpg') no-repeat;
  overflow: auto;
  box-sizing: border-box;
}

.asd-150_head .head2
{
  font-weight: bold;
  color: #818181;
}

.asd-150_head h1
{
  font-size: 50px;
  border: 0;
  color: #007b99;
  font-family: 'Ubuntu', sans-serif;
}

.asd-150_set
{
  margin: -70px 40px 0 40px;
  float: right;
}

.asd-150_head_txt
{
  font-size: 16px;
}

.asd-150_section
{
  overflow: auto;
  margin: 40px 0;
}

.asd-150_section h2
{
  font-family: 'Ubuntu', sans-serif;
  font-size: 22px;
  color: #10809d;
  font-weight: 400;
  line-height: 28px;
}

.asd-150_section.abax h2
{
  color: #e05b3c;
}

.asd-150_section .right img
{
  position: relative;
  display: block;
  margin: auto;
}

.asd-150_section.autonomic .left
{
  width: 350px;
}

.asd-150_section.autonomic .right
{
  width: 328px;
  padding-top: 45px;
}

.asd-150_section.autonomic .right img
{
  float: right;
}

.asd-150_section.abax .left
{
  padding-top: 40px;
  text-align: center;
}

.asd-150_section.abax
{
  margin-bottom: 20px;
}

.asd-150_section.abax .right
{
  width: 350px;
}

.asd-150_wall h3
{
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 400;
  background: #fbfbfb;
  padding: 10px 20px;
  border: 1px solid #e5e5e5;
}

.asd-150_wall h3 .green
{
  color: #10809d;
  font-weight: bold;
}

.asd-150_wall h3 .orange
{
  color: #e05b3c;
  font-weight: bold;
}

.asd-150_section.features
{
  margin-bottom: 0;
}

.asd-150_section.features table
{
  width: 100%;
}

.asd-150_section.features table thead tr td
{
  font-size: 22px;
  padding-bottom: 10px;
  color: #007b99;
}

.asd-150_section.features table thead tr td span
{
  font-weight: 400;
}

.asd-150_section.features table tbody tr:nth-child(odd)
{
  background: #e3e4e5;
}

.asd-150_section.features table tbody td
{
  padding: 8px 5px;
}

.asd-150_section.features table tbody td span:before
{
  content: '\2714';
  color: #007b99;
  margin-right: 5px;
}

.perfecta_logo
{
  width: 250px;
  height: auto;
  margin: 10px 0 0 0;
}

p.perfecta_head_txt
{
  width: 340px;
}

.perfecta_set1
{
  float: right;
}

.perfecta_wall h2
{
  font-family: 'Ubuntu', sans-serif;
  font-size: 23px;
  text-align: center;
  font-weight: 500;
  color: #b6c125 !important;
}

.perfecta_wall .head2
{
  color: #818181;
}

.perfecta_wall h2 span
{
  color: #796450;
}

.perfecta_wall .dcenter
{
  width: 100%;
  float: left;
  margin: 10px 0;
  overflow: auto;
}

.perfecta_wall .dcenter img
{
  position: relative;
  display: block;
  margin: auto;
}

.perfecta_icons_handler
{
  width: 100%;
  margin: 20px 0;
  text-align: center;
}

.perfecta_icons_handler:after, .perfecta_icons_handler:before
{
  content: ' ';
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  margin: 10px 0;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 10%, rgba(182,193,37,1) 50%, rgba(255,255,255,1) 90%);
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 10%,rgba(182,193,37,1) 50%,rgba(255,255,255,1) 90%);
  background: linear-gradient(to right,  rgba(255,255,255,1) 10%,rgba(182,193,37,1) 50%,rgba(255,255,255,1) 90%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.perfecta_icons_handler ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.perfecta_icons_handler ul li
{
  display: inline-block;
  margin: 0 10px;
}

.perfecta-tolltip
{
  position: absolute;
  padding: 10px 10px;
  background: #FFFFFF;
  border: 1px solid #b6c125;
  border-radius: 5px;
}

.perfecta_section
{
  overflow: auto;
  margin: 40px 0;
}

.perfecta_section.wide
{
  width: calc(100% + 29px);
}

.perfecta_content h2
{
  text-align: left !important;
}

.perfecta_content h2.tradition
{
  color: #796450 !important;
}

.perfecta_content h2.innovation
{
  color: #b6c125 !important;
}

.perfecta_content .dright img, .perfecta_content .dleft img
{
  position: relative;
  display: block;
  margin: auto;
}

.perfecta_content .dright p img, .perfecta_content .dleft p img
{
  margin: 0;
}

.perfecta_section > div.middle img
{
    margin-top: 30px;
}

.perfecta_section.differ
{
  margin-bottom: -40px !important;
}

.perfecta_section.differ .dright
{
  width: 400px;
}

.perfecta_section.differ .dleft
{
  width: 278px;
}

.perfecta_section:last-child
{
    margin-bottom: 0;
}

.perfecta_content .attention
{
  width: 100%;
  padding: 0 20px 0 50px;
  font-family: 'Ubuntu', sans-serif;
  line-height: 18px;
  font-size: 12px;
  box-sizing: border-box;
  color: #bab322;
  background: #fbfbfb;
  border: 1px solid #eaeaea;
}

.perfecta_content .attention:after
{
  content: url('/img/desc/perfecta/perfecta_like.svg');
  position: relative;
  display: block;
  clear: left;
  float: left;
  top: -46px;
  left: -38px;
  width: 25px;
  height: 30px;
}

.perfecta_mockup
{
  position: relative;
  width: 320px;
  height: 425px;
  background: url('/img/desc/perfecta/perfecta_phone.jpg') no-repeat center;
  margin: auto;
  overflow: hidden;
}

.perfecta_mockup .phone
{
  position: relative;
  top: 46px;
  left: 77px;
  width: 166px;
  height: 294px;
  overflow: hidden;
}

.perfecta_mockup .controls
{
  width: 100%;
  position: absolute;
  top: 180px;
  overflow: auto;
}

.perfecta_mockup .controls > div
{
  display: inline-block;
  width: 20px;
  height: 30px;
  cursor: pointer;
  margin: 0 20px;
  opacity: 0.1;
  transition: 0.17s;
}

.perfecta_mockup .controls > div:hover
{
  opacity: 0.2;
}

.perfecta_mockup .controls .left
{
  background: url('/img/desc/perfecta/perfecta_arrow.svg') no-repeat;
  float: left;
}

.perfecta_mockup .controls .right
{
  background: url('/img/desc/perfecta/perfecta_arrow.svg') no-repeat;
  transform: rotate(180deg);
  float: right;
}

.perfecta_mockup ul
{
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 1162px;
  position: absolute;
  left: -498px;
}

.perfecta_mockup ul li
{
  position: relative;
  width: 166px;
  margin: 0;
  padding: 0;
  display: inline-block;
  float: left;
}

.perfecta_wall .perfecta_set2 {
    float: right;
    margin-right: -20px;
    margin-top: -40px;
}

.perfecta_wall .system-bezprzewodowy {
    display: flex;
    width: 100%;
    margin-top: 30px;
}

.perfecta_wall .system-bezprzewodowy div:first-child > img {
    margin-bottom: 15px;
}

.perfecta_wall .system-bezprzewodowy ul li > a {
    color: inherit;
    font-weight: bold;
}

.perfecta_wall .system-bezprzewodowy ul {
    margin-top: -15px;
}

.perfecta_wall .system-bezprzewodowy ul li {
    margin: 0;
}

.perfecta_wall .perfecta_mockup-new {
    position: relative;
    width: 320px;
    height: 385px;
    background: url(https://media.satel.pl/img/desc/perfecta/new_phone.png) no-repeat center;
    margin: auto;
    overflow: hidden;
}

.perfecta_wall .perfecta_mockup-new img.phone-cam {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

.perfecta_wall .perfecta_mockup-new .phone {
    position: relative;
    top: 11px;
    left: 77px;
    width: 166px;
    height: 363px;
    overflow: hidden;
    border-radius: 20px;
}

.perfecta_wall .perfecta_mockup-new .controls
{
    width: 100%;
    position: absolute;
    top: 180px;
    overflow: auto;
}

.perfecta_wall .perfecta_mockup-new .controls > div
{
    display: inline-block;
    width: 20px;
    height: 30px;
    cursor: pointer;
    margin: 0 20px;
    opacity: 0.1;
    transition: 0.17s;
}

.perfecta_wall .perfecta_mockup-new .controls > div:hover {
    opacity: 0.2;
}

.perfecta_wall .perfecta_mockup-new .controls .left
{
    background: url('/img/desc/perfecta/perfecta_arrow.svg') no-repeat;
    float: left;
}

.perfecta_wall .perfecta_mockup-new .controls .right
{
    background: url('/img/desc/perfecta/perfecta_arrow.svg') no-repeat;
    transform: rotate(180deg);
    float: right;
}

.perfecta_wall .perfecta_mockup-new ul
{
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 1162px;
    position: absolute;
    left: -498px;
}

.perfecta_wall .perfecta_mockup-new ul li
{
    position: relative;
    width: 166px;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
}


.perfecta_wall .perfecta_micra-set {
    margin-right: -20px;
}

.perfecta_wall .color-gradient {
    background: linear-gradient(to right, #81aa34 0%, #027359 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.perfecta_wall .products {
    margin-top: 25px;
}

.perfecta_wall .stores {
    display: flex;
    flex-direction: row;
}

.perfecta_wall .stores > a.store {
    margin: 0 30px 0 0;
}

.perfecta_wall .products > p {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    width: 70%;
    margin: 0 auto;
    line-height: 24px;
}

.perfecta_wall .detectors-container {
    display:  flex;
    align-items: flex-start;
}

.perfecta_wall .detector-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
    padding: 20px;
}

.perfecta_wall .detector-box > a.link {
    text-align: center;
    font-size: 13px;
    font-weight: 600;
    color: #898989;
    margin-top: 5px;
    flex-direction: column;
    display: flex;
    align-items: center;
}

.perfecta_wall .detector-box > img {
    text-align: center;
}

.perfecta_wall .keyfob-section {
    background: url(https://media.satel.pl/img/desc/perfecta/bg_section.jpg) no-repeat;
    display: flex;
    flex-direction: row;
    width: calc(100% + 40px);
    min-height: 304px;
    margin-left: -20px;
    margin-top: 50px;
}

.perfecta_wall .keyfob-section > div.content {
    flex-direction: row;
    display: flex;
    align-items: flex-end;
}

.perfecta_wall .keyfob-section > div.content img {
    position: relative;
    right: 20px;
    top: 25px;
}
.perfecta_wall .keyfob-section > div.content > div > a.keyfob-link {
    font-size: 18px;
    margin: 0;
    color: #9b9b9b;
    font-weight: bold;
}

.perfecta_wall .keyfob-section > div.content > div {
    padding: 0 40px 40px 40px;
}

.perfecta_wall .keyfob-section > div.content > div > p.p1 {
    margin: 15px 0 0;
}

.perfecta_wall .more-info {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    border-left: solid 4px #b6c125;
    padding: 5px 0;
    margin-top: 50px;
}

.perfecta_wall .more-info > img {
    padding: 0 20px;
    flex: 0 0 auto;
}

.perfecta_wall .more-info > p {
    margin: 0;
}

.perfecta_wall .perfecta_section ul {
    margin-top: -10px;
}

.perfecta_wall .perfecta_section li {
    margin: 5px auto;
    padding: 0;
}

.perfecta_wall .perfecta_section span.green {
    color: #b9ce11;
}

.perfecta_wall .perfecta_section span.pink {
    color: #d12a62;
}

.perfecta_wall .perfecta_section.prf-lcd-buttons {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-direction: row-reverse;
    margin-top: -80px;
}

.perfecta_wall .perfecta_section.prf-lcd-buttons .dright {
    padding-bottom: 35px;
}

.perfecta_wall .img-separator {
    width: calc(100% + 40px);
    margin: 17px 0 0 -20px;
}

.perfecta_wall .mru-section {
    padding:  30px 0;
}

.perfecta_wall .mru-section .schemat {
    display: flex;
    justify-content: center;
    align-items: center;
}
.perfecta_wall .mru-section .schemat div a > p.title {
    text-align: center;
    margin: 0;
    position: relative;
    top: -30px;
    font-weight: bold;
    color: #818181;
}

.perfecta_wall .mru-section .schemat div a:hover > p.title {
    color: none;
}

.perfecta_wall .mru-section .schemat div a {
    color: transparent
}

.perfecta_wall .mru-section .img-separator.rotate {
    width: calc(100% + 40px);
    margin: 20px 0 -50px -20px;
    transform: rotate(180deg);
}

.opal_pro_wall
{
  font-family: 'Ubuntu', sans-serif;
  margin-top: -11px;
}

.opal_pro_wall .left
{
  float: left;
}

.opal_pro_wall .right
{
  float: right;
  width: 320px;
}

.opal_pro_head
{
  position: relative;
  margin-left: -20px;
  width: calc(100% + 40px);
  border-bottom: 1px solid #ececec;
  padding: 20px 20px;
  background: url('/img/desc/opal_pro/opal_pro_head_bg.jpg') no-repeat;
  background-color: #f6f6f6;
  overflow: auto;
  box-sizing: border-box;
}

.opal_pro_head .head2
{
  font-weight: bold;
  color: #818181;
}

.opal_pro_head h1
{
  font-size: 50px;
  border: 0;
  color: #005678;
  font-family: 'Ubuntu', sans-serif;
}

.opal_pro_set
{
  margin: -80px 00px 0 40px;
  float: right;
}

.opal_pro_head_txt
{
  font-size: 16px;
}

.opal_pro_head2_txt
{
  font-size: 22px;
  margin: 25px 0 0 50px;
  line-height: 30px;
}

.opal_pro_head2_txt strong
{
  color: #005678;
}

.opal_pro_section
{
  overflow: auto;
  margin: 40px 0;
}

.opal_pro_section h2
{
  font-family: 'Ubuntu', sans-serif;
  font-size: 22px;
  color: #005678;
  font-weight: 500;
  line-height: 28px;
}

.opal_pro_section.abax h2
{
  color: #e05b3c;
}

.opal_pro_section .right img
{
  position: relative;
  display: block;
  margin: auto;
}

.opal_pro_section.autonomic .left
{
  width: 350px;
}

.opal_pro_section.autonomic .right
{
  width: 328px;
  padding-top: 45px;
}

.opal_pro_section.autonomic .right img
{
  float: right;
}

.opal_pro_section.abax .left
{
  padding-top: 40px;
  text-align: center;
}

.opal_pro_section.abax .right
{
  width: 350px;
}

.opal_pro_wall h3
{
  text-align: center;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 400;
  background: #fbfbfb;
  padding: 10px 20px;
  border: 1px solid #e5e5e5;
}

.opal_pro_wall h3 .green
{
  color: #10809d;
  font-weight: bold;
}

.opal_pro_wall h3 .orange
{
  color: #e05b3c;
  font-weight: bold;
}

.opal_pro_section video
{
  margin: 0;
}

.opal_pro_section.features
{
  margin-bottom: 0;
}

.opal_pro_section.features table
{
  width: 100%;
}

.opal_pro_section.features table thead tr td
{
  font-size: 22px;
  padding-bottom: 10px;
  color: #007b99;
}

.opal_pro_section.features table tbody tr:nth-child(odd)
{
  background: #e3e4e5;
}

.opal_pro_section.features table tbody td
{
  padding: 8px 5px;
}

.opal_pro_section.first
{
  margin: 20px 0;
}

.opal_pro_section .top_icons
{
  margin-bottom: 30px;
}

.opal_pro_section .top_icons ul
{
  list-style-type: none;
  margin: 0 auto;
  padding: 0;
  text-align: center;
}

.opal_pro_section .top_icons:after
{
  content: ' ';
  position: relative;
  display: block;
  width: 100%;
  margin: 20px 0;
  height: 1px;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(left,  rgba(255,255,255,1) 15%, rgba(0,86,120,1) 50%, rgba(255,255,255,1) 85%);
  background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 15%,rgba(0,86,120,1) 50%,rgba(255,255,255,1) 85%);
  background: linear-gradient(to right,  rgba(255,255,255,1) 15%,rgba(0,86,120,1) 50%,rgba(255,255,255,1) 85%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );
}

.opal_pro_section .top_icons ul li
{
  display: inline-block;
  margin: 0 15px;
}

.opal_pro_section .top_features_left ul, .opal_pro_section .top_features_right ul
{
  font-size: 18px;
  font-weight: 300;
  display: inline-block;
  margin: 0 auto;
  width: 290px;
}

.opal_pro_section .top_features_left, .opal_pro_section .top_features_right
{
  position: relative;
  float: left;
}

.opal_pro_section .top_features_left ul li, .opal_pro_section .top_features_right ul li
{
  list-style-type:none;
  margin: 0;
  padding-left: 30px;
  background: url('/img/desc/opal_pro/opal_pro_point.svg') no-repeat left top;
  background-size: 20px;
  background-position: 0 4px;
}

.opal_pro_section.zastosowanie
{
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 0;
  padding: 20px;
  box-sizing: border-box;
  background: -moz-linear-gradient(top,  rgba(245,248,250,1) 0%, rgba(250,252,253,0) 53%, rgba(255,255,255,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(245,248,250,1) 0%,rgba(250,252,253,0) 53%,rgba(255,255,255,0) 100%);
  background: linear-gradient(to bottom,  rgba(245,248,250,1) 0%,rgba(250,252,253,0) 53%,rgba(255,255,255,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f8fa', endColorstr='#00ffffff',GradientType=0 );
}

.opal_pro_section.range
{
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 0;
  padding: 20px;
  box-sizing: border-box;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f5f8fa+100&0+47,1+100 */
  background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(250,252,253,0) 47%, rgba(245,248,250,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(250,252,253,0) 47%,rgba(245,248,250,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(250,252,253,0) 47%,rgba(245,248,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#f5f8fa',GradientType=0 ); /* IE6-9 */
}

.opal_pro_section.zastosowanie img, .opal_pro_section.range img, .opal_pro_section.antymasking img, .opal_pro_section.interior img
{
  position: relative;
  display: block;
  margin: 10px auto;
}

.opal_pro_section.range, .opal_pro_section.temperature, .opal_pro_section.antymasking
{
  margin-top: 20px;
  margin-bottom: 20px;
}

.opal_pro_section.temperature p
{
  margin: 10px 0;
}

.opal_pro_section.temperature img
{
  float: right;
  margin: 45px 0 40px 20px;
}

.opal_pro_section.antymasking p
{
  float: right;
  margin: 10px 0;
}

 .opal_pro_section.interior h2
 {
   font-size: 30px;
   margin-bottom: 40px;
 }

 .opal_pro_section.interior img.case
 {
   float: right;
   width: 160px;
   margin: 0 10px 0 40px;
 }

 .opal_pro_section.additional
 {
   width: calc(100% + 40px);
   margin-left: -20px;
   margin-bottom: 0;
   padding: 20px;
   box-sizing: border-box;
   background: url('/img/desc/opal_pro/opal_pro-bg.jpg') no-repeat;
 }

 .opal_pro_section.additional h2
 {
   font-size: 30px;
   margin: 10px 0 40px 0;
   font-weight: bold;
 }

 .opal_pro_section.additional .left h2,  .opal_pro_section.additional .right h2
 {
   font-size: 22px;
   margin: 0;
 }

 .opal_additional_row
 {
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 0 20px;
  box-sizing: border-box;
  overflow: auto;
 }

  .opal_additional_row.tenderness .left
  {
    width: 328px;
  }

  .opal_additional_row.tenderness .right
  {
    width: 350px;
    padding-top: 10px;
    margin-right: -20px;
  }

  .opal_additional_row.tenderness .right img
 {
   margin: 0;
   float: right;
 }

 .opal_additional_row.montage .left
 {
   width: 320px;
   padding-top: 30px;
 }

 .opal_additional_row.montage .right
 {
   width: 358px;
 }

 .opal_additional_row.lines, .opal_additional_row.tamper
 {
   margin: 20px 0 20px -20px;
 }

 .opal_additional_row.lines .left
 {
   width: 276px;
   margin-right: 0;
 }

 .opal_additional_row.lines .right
 {
   width: 422px;
   margin-right: -20px;
   padding-top: 4px;
 }

 .opal_additional_row.tamper .left
 {
   width: 320px;
   padding-top: 10px;
 }

.opal_pro_table table h2
{
  font-size: 18px;
  margin: 20px 0 0 0 !important;
  padding: 0 0 20px 0;
}

.opal_pro_table table tr td
{
  font-size: 12px;
  padding: 6px 11px;
}

.opal_pro_table table thead tr th:nth-child(1n+2), .opal_pro_table table tbody tr td:nth-child(1n+2)
{
  width: 50px;
  text-align: center;
}

.opal_pro_table table tbody tr td:nth-child(1n+2)
{
  font-size: 20px;
}

.opal_pro_table table tbody tr:nth-child(odd)
{
  background: #F5F5F5;
}

.agate_wall
{
  font-family: 'Ubuntu', sans-serif;
  margin-top: -11px;
}

.agate_wall .left
{
  width: 320px;
  float: left;
}

.agate_wall .right
{
  float: right;
}

.agate_head
{
  position: relative;
  margin-left: -20px;
  width: calc(100% + 40px);
  padding: 20px 20px;
  background: url('//www.satel.eu/img/desc/kurtynowe/kurtynowe_head_bg.jpg') no-repeat;
  overflow: auto;
  box-sizing: border-box;
}

.agate_head .head2
{
  font-weight: bold;
  color: #818181;
}

.agate_head h1
{
  font-size: 50px;
  border: 0;
  color: #006fb4;
  font-family: 'Ubuntu', sans-serif;
}

.agate_set1
{
  float: right;
}

.agate_head_txt
{
  font-size: 17px;
}

.agate_head .button_handler
{
  position: relative;
  width: 310px;
  top: 20px;
  left: 60px;
  margin: 20px;
}

.agate_head button
{
  padding: 10px 15px;
  background: none;
  color: #006fb4;
  font-family: 'Ubuntu', sans-serif;
  font-size: 16px;
  font-weight: 400;
  border: 1.5px solid #006fb4;
  margin: 0 10px;
  cursor: pointer;
  border-radius: 5px;
  transition: 0.3s;
}

.agate_head button:hover
{
  backface-visibility: hidden;
  transform: scale(1.05, 1.05);
}

.agate_head button:focus
{
  outline: 0;
}

.agate_section
{
  overflow: auto;
  margin: 20px 0;
}

.agate_section .right img
{
  position: relative;
  display: block;
  margin: auto;
}


.agate_section.first .left
{
  width: 360px
}

.agate_section.first .right
{
  width: 318px;
  text-align: right;
}

.agate_section.first .right img
{
  float: right;
}

.agate_section.first ul
{
  margin-top: 40px;
  list-style-type: none;
  font-size: 15px;
  padding-left: 10px;
}

.agate_section.first ul li
{
  margin: 5px 0;
}

.agate_section.first ul li:before
{
  content: ' ';
  position: relative;
  display: block;
  float: left;
  margin-right: 10px;
  top: -3px;
  left: 0;
  background: url('//www.satel.eu/img/desc/kurtynowe/agate_point.svg') no-repeat;
  width: 20px;
  height: 20px;
}

.agate_section h2
{
  font-family: 'Ubuntu', sans-serif;
  font-size: 22px;
  color: #006fb4;
  font-weight: 400;
  line-height: 28px;
}

.agate_section .p1
{
  font-family: 'Ubuntu', sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

.agate_section.compact .right
{
  padding-top: 40px;
}

.agate_section.confi
{
  margin-bottom: 0;
}

.agate_section.confi .right
{
  padding-top: 0;
  width: 280px;
}

.agate_section.confi .left
{
  padding-top: 12px;
  width: 396px;
}

.agate_section.confi2
{
  margin-top: 0;
}

.agate_section.confi2 .left
{
  width: 320px !important;
  padding-top: 20px;
  text-align: left;
}

.agate_section.confi2 img
{
  margin-left: 10px;
}

.agate_section.confi2 .right
{
  width: 358px !important;
  padding-top: 40px;
}

.agate_section.temperature .left
{
  margin: 0;
  padding-top: 50px;
  width: 318px;
}

.agate_section.temperature .left p
{
  padding-right: 10px;
}

.agate_section.temperature .right
{
  width: 360px;
}

.agate_section.temperature
{
  margin: 0;
}

.agate_section.temperature2
{
  margin-top: 0;
}

.agate_section.temperature2 p
{
  margin-top: 0;
  font-weight: bold;
}


.agate_section.structure
{
  width: calc(100% + 40px);
  margin-left: -20px;
  margin-bottom: 0;
  padding: 20px 0;
  background: -moz-linear-gradient(top,  rgba(240,241,241,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-linear-gradient(top,  rgba(240,241,241,0.65) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(to bottom,  rgba(240,241,241,0.65) 0%,rgba(0,0,0,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6f0f1f1', endColorstr='#00000000',GradientType=0 );
}

.agate_section.structure h2
{
  text-align: center;
  font-size: 28px;
  font-weight: bold;
}

.agate_section.structure .interior_handler
{
  width: 524px;
  height: 524px;
  margin: 20px auto 0 auto;
}

.agate_section.structure svg
{
  background: url('//www.satel.eu/img/desc/kurtynowe/agate_interior.png') no-repeat;
}

.agate_section.cover
{
  margin-top: 0;
}

.agate_section.cover .right
{
  width: 400px;
}

.agate_section.cover .left
{
  width: 278px;
  padding-top: 30px;
  text-align: center;
}

.agate_section.agate, .agate_section.aocd
{
  width: calc(100% + 40px);
  margin-left: -20px;
  padding: 20px 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f2f2f0+0,ffffff+100&1+0,0+38 */
  background: -moz-linear-gradient(top,  rgba(242,242,240,1) 0%, rgba(247,247,246,0) 38%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(242,242,240,1) 0%,rgba(247,247,246,0) 38%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(242,242,240,1) 0%,rgba(247,247,246,0) 38%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f0', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

  box-sizing: border-box;
}

.agate_section_head
{
  width: 100%;
}

.agate_section_head > div
{
  display: inline-block;
  margin: 0;
  padding: 0;
}

.agate_section_head > div:nth-child(2)
{
  margin-left: 20px;
}

.agate_section_head > div:nth-child(3)
{
  margin-left: 159px;
}

.agate_section_head > div:nth-child(1) h1
{
  font-size: 50px;
  border: 0;
  color: #006fb4;
  font-family: 'Ubuntu', sans-serif;
  padding: 0;
  margin: 0;
}


.agate_section_head h2, .aocd_section_head h2
{
  margin: 0;
  padding: 0;
  font-size: 55px;
  font-weight: bold;
}

.agate_section_head h3, .aocd_section_head h2
{
  margin: 0;
  font-size: 18.75px;
  font-weight: 300;
  font-family: 'Ubuntu', sans-serif;
}

.agate_antymasking
{
  width: 100%;
  text-align: center;
  margin: 20px 0;
}

.agate_lens
{
  width: 100%;
  background: url('//www.satel.eu/img/desc/kurtynowe/agate_budowa.png') no-repeat center;
  min-height: 535px;
  margin: 40px 0;
}
.agate_lens_cz
{
  background: url('//www.satel.eu/img/desc/kurtynowe/cz/agate_budowa.jpg') no-repeat center !important;
}
.agate_lens_de
{
  background: url('//www.satel.eu/img/desc/kurtynowe/de/agate_budowa.jpg') no-repeat center !important;
}
.agate_lens_en
{
  background: url('//www.satel.eu/img/desc/kurtynowe/en/agate_budowa.png') no-repeat center !important;
}
.agate_lens_hu
{
  background: url('//www.satel.eu/img/desc/kurtynowe/hu/agate_budowa.jpg') no-repeat center !important;
}
.agate_lens_it
{
  background: url('//www.satel.eu/img/desc/kurtynowe/it/agate_budowa.jpg') no-repeat center !important;
}
.agate_lens_nl
{
  background: url('//www.satel.eu/img/desc/kurtynowe/nl/agate_budowa.jpg') no-repeat center !important;
}
.agate_lens_ru
{
  background: url('//www.satel.eu/img/desc/kurtynowe/ru/agate_budowa.jpg') no-repeat center !important;
}
.agate_lens_sk
{
  background: url('//www.satel.eu/img/desc/kurtynowe/sk/agate_budowa.jpg') no-repeat center !important;
}

.agate_lens p
{
  position: relative;
  display: block;
  width: 350px;
  left: 310px;
}

.agate_section.aocd .agate_section_head > div:nth-child(3)
{
  margin-left: 81px;
}

img.aocd-250
{
  float: right;
  margin-left: 20px;
}

.agate_section.aocd .blue
{
  color: #006fb4;
}

.agate_section.compare table
{
  width: 100%;
}

.agate_section.compare table tbody tr:nth-child(odd)
{
  background: #e3e4e5;
}

.agate_section.compare table tbody tr td:nth-child(1n+2)
{
  text-align: center;
  font-size: 24px;
  color: #006fb4;
}

.agate_section.compare table tbody tr td.grey
{
  color: #818181;
}

.agate_section.compare table td
{
  padding: 8px 8px;
  line-height: 17px;
}

.agate_section.ranges .right
{
  padding-top: 35px;
}

.agate_section.ranges img
{
  width: 300px;
}

.agate_section.ranges
{
  margin-bottom: 0;
}

.agate_section .agate_antymasking
{
  width: 100%;
}

.agate_section .agate_antymasking .img div
{
  max-width: 200px;
  display: inline-block;
  margin: 0 10px;
}

.agate_section .agate_antymasking .img div
{
  text-align: center;
}

.agate_section .agate_antymasking .img img
{
  margin-bottom: 10px;
}

.agate_section .agate_antymasking .img div span
{
  float: left;
}

.zasilacze-tabela{
	display: table;
  border: 0;
	width: 100%;
  text-align: center;
  font-family: Ubuntu, Myriad Pro, Arial, sans-serif;
}
.zasilaczeRow {
	display: table-row;
  border: 0;
}
.zasilaczeHeading {
	background-color: #EEE;
	display: table-header-group;
  border: 0;
}
.zasilaczeCell p.produkt{
  font-size: 22px;
  font-weight: 500;
  color: #666666;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 7px;
  margin-bottom: 12px;
}
.zasilaczeCell span.opis {
  font-size: 10px;
  font-weight: 300;
  color: #666666;
  display:block;
}
.zasilaczeCell span.dane {
  font-size: 18px;
  font-weight: 600;
  color: #993399;
  display:block;
  margin: 3px 0 5px 0;
}
.zasilaczeCell, .zasilaczeHead {
	display: table-cell;
	padding: 3px 5px;
  vertical-align: middle;
}
.zasilaczeHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
  border: 0;
}
.zasilaczeFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
  border: 0;
}
.zasilaczeBody {
	display: table-row-group;
  border: 0;
}

/****** INTEGRA BIZNES ****** */
.integra-business-wall {
  position: relative;
  display: block; }
  .integra-business-wall h1, .integra-business-wall h2, .integra-business-wall h3, .integra-business-wall h4, .integra-business-wall h5, .integra-business-wall span, .integra-business-wall p, .integra-business-wall ul, .integra-business-wall li, .integra-business-wall div {
    font-family: "Ubuntu", sans-serif;
    border: 0; }
  .integra-business-wall .head {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    position: relative;
    background: url("//media.satel.pl/img/desc/integra_business/integra-business-head-bg.jpg") no-repeat;
    padding: 50px 20px 0 20px;
    min-height: 459px;
    float: none; }
    .integra-business-wall .head h1 {
      color: #006c79;
      font-size: 54px;
      margin: 0; }
    .integra-business-wall .head h2 {
      font-size: 16px;
      color: #006c79;
      margin: 0; }
    .integra-business-wall .head p {
      width: 370px;
      font-size: 18px;
      color: #006c79;
      font-weight: 500; }
  .integra-business-wall .section {
    position: relative;
    display: block;
    overflow: auto;
    margin: 30px 0; }
    .integra-business-wall .section h1 {
      font-size: 26px;
      font-weight: 400; }
    .integra-business-wall .section h2 {
      font-size: 18px;
      color: #006c79;
      font-weight: 600;
      margin-bottom: 0; }
    .integra-business-wall .section p {
      font-size: 16px; }
    .integra-business-wall .section.secure {
      margin-top: -40px; }
  .integra-business-wall .wide-section {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    padding: 0 20px 0 20px;
    box-sizing: border-box;
    position: relative;
    overflow: hidden; }
    .integra-business-wall .wide-section h1 {
      font-size: 26px;
      font-weight: 400; }
    .integra-business-wall .wide-section h2 {
      font-size: 18px;
      color: #006c79;
      font-weight: 600;
      margin-bottom: 0; }
    .integra-business-wall .wide-section p {
      font-size: 16px; }
    .integra-business-wall .wide-section.scheme {
      padding: 40px 0;
      text-align: center;
      background: #95c2c8;
      /* Old browsers */
      background: -moz-radial-gradient(center, ellipse cover, #95c2c8 0%, #7cb2be 100%);
      /* FF3.6-15 */
      background: -webkit-radial-gradient(center, ellipse cover, #95c2c8 0%, #7cb2be 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: radial-gradient(ellipse at center, #95c2c8 0%, #7cb2be 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95c2c8', endColorstr='#7cb2be',GradientType=1 );
      /* IE6-9 fallback on horizontal gradient */ }
      .integra-business-wall .wide-section.scheme img {
        width: 80%;
        height: 80%; }
    .integra-business-wall .wide-section.secure-head {
      background: url("//media.satel.pl/img/desc/integra_business/integra-business-head2-bg.jpg") no-repeat;
      height: 298px; }
      .integra-business-wall .wide-section.secure-head strong {
        font-weight: 400; }
      .integra-business-wall .wide-section.secure-head span {
        color: #006c79;
        position: absolute;
        display: block; }
        .integra-business-wall .wide-section.secure-head span:nth-child(1) {
          font-size: 50px;
          left: 60px;
          top: 60px;
          font-weight: 300;
          opacity: 0.3; }
        .integra-business-wall .wide-section.secure-head span:nth-child(2) {
          font-size: 32px;
          color: #025c67;
          left: 130px;
          top: 105px;
          font-weight: 500; }
        .integra-business-wall .wide-section.secure-head span:nth-child(3) {
          font-size: 32px;
          color: #025c67;
          left: 180px;
          top: 135px;
          font-weight: 300;
          opacity: 0.7; }
    .integra-business-wall .wide-section.integration {
      background: url("//media.satel.pl/img/desc/integra_business/integra_business_integrum_bg.jpg") no-repeat;
      background-position: center bottom;
      padding-bottom: 10px; }
    .integra-business-wall .wide-section.integrum-more {
      height: 574px;
      background: url("//media.satel.pl/img/desc/integra_business/integra_business_integrum_bottom.jpg") no-repeat;
      background-position: center top; }
      .integra-business-wall .wide-section.integrum-more a {
        background: #006c79;
        padding: 20px 10px;
        width: 60%;
        color: #ffffff;
        position: relative;
        display: block;
        top: 390px;
        margin: auto;
        text-align: center;
        font-size: 16px;
        transition: 0.1s;
        transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53); }
        .integra-business-wall .wide-section.integrum-more a:hover {
          text-decoration: none;
          transform: scale(1.1, 1.1); }

/*# sourceMappingURL=main.css.map */

#GPRS-A {
    max-width: 678px;
    height: 600px;
    margin: -11px auto 0 auto;
    font-family: 'Ubuntu', sans-serif;
}

#GPRS-A .head-gprs-a {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-bg-header.jpg') no-repeat;
    padding-left: 20px;
    color: #5c5c5c;
    position: relative;
    width: calc(100% + 40px);
    margin: 0 0 0 -21px;
}

#GPRS-A .left-side {
     float: left;
     width: 335px;
 }

#GPRS-A .right-side {
    float: right;
    width: 335px;
    margin-bottom: 42px;
}


#GPRS-A .head-gprs-a .section-parag {
    padding-left: 0;
    color: #5c5c5c;
    padding-right: 40px;
}

#GPRS-A .lewa{
    float: left;
    width: 335px;
    text-align: left;
    margin-top: -20px;
}

#GPRS-A .prawa {
    float: right;
    width: 335px;
    margin-bottom: 42px;
    text-align: left;
    margin-top: -20px;
}


#GPRS-A .head-title-small {
    font-size: 17px;
    text-transform: uppercase;
    padding-top: 156px;
    width: 400px;
}

#GPRS-A .head-title-main {
    font-size: 80px;
    color: #26b3a8;
    margin: 0;
    font-weight: 500;
    margin-top: -26px;
}


#GPRS-A .header-gsmx-img {
    position: absolute;
    top: 85px;
    right: 67px;
}

#GPRS-A .slider-button-top {
    text-align: center;
    margin-top: -10px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 44%;
}

#GPRS-A .slider-button-top:hover {
    cursor: pointer;
}

#GPRS-A .header-desc {
    padding-right: 20px;
}

#GPRS-A .rest-of-title {
    font-size: 19px;
    letter-spacing: -0.3px;
    clear:both;
    padding-right: 40px;
    padding-top: 20px;
}

#GPRS-A .clear {
    clear: both;
}

#GPRS-A .header-arrows {
    position: absolute;
    bottom: 32%;
    left: 0;
}

#GPRS-A .monitoring .right-side .section-title:first-child {
    padding-top:23px;
}
#GPRS-A .img-functions {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
    padding-right: 39px;
}
#GPRS-A .section-title {
    color: #646466;
    font-size: 26px;
    padding-left: 20px;
    font-weight: 500;
    letter-spacing: -0.8px;
    margin-bottom: -8px;
}

#GPRS-A .section-parag {
    color: #8c8c8c;
    font-size: 16px;
    padding-left: 20px;
    letter-spacing: -0.35px;
}

#GPRS-A .section-green-parag {
    padding-left: 20px;
    color: #26b3a8;
    font-size: 19px;
    letter-spacing: -0.35px;
}

#GPRS-A .green-color {
    color: #26b3a8;
}

#GPRS-A .weight400 {
    font-weight: 400;
}

#GPRS-A .weight500 {
    font-weight: 500;
}

#GPRS-A .compatibility-list {
    padding-left: 0;
    margin-top: -10px;
    margin-bottom: 0;
}

#GPRS-A ul li {
    list-style: none;
    margin-left: 7px;
}

#GPRS-A ul li:before {
    content: '\2022';
    color: #26b3a8;
    position: absolute;
    margin-left: -15px;
}


#GPRS-A .compatibility {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-communication-arrows.png') no-repeat;
    width: 100%;
    background-position: right;
    padding-bottom: 109px;
    background-position-y: 146px;
    background-position-x: 103%;
    padding-top: 5px;
}

#GPRS-A .communication {
    margin-top: -60px;
}

#GPRS-A .gateway-desc {
    color: #8c8c8c;
    font-size: 16px;
    padding-left: 20px;
    letter-spacing: -0.35px;
    margin-right: 20px;
}

#GPRS-A .communication .left-side  {
    margin-top: -10px;
}

#GPRS-A .section-green-title {
    font-size: 26px;
    color: #26b3a8;
    font-weight: 600;
    padding-left: 20px;
    margin-bottom: -10px;
}

#GPRS-A .communication .section-green-parag {
    margin-top: 115px;
    margin-bottom: 0;
}

#GPRS-A .monitoring .section-green-parag {
    margin-left: -20px;
}

#GPRS-A .efektywny-monitoring-img {
    padding-top: 54px;
    padding-left: 3px;
}

#GPRS-A .monitoring .left-side .section-parag {
    color: #646567;
    opacity: .5;
    margin-top: 36px;
}

#GPRS-A .monitor-desc {
    letter-spacing: -0.8px;
    padding: 6px 0 3px 20px;
}

#GPRS-A .monitoring ul {
    margin-bottom: -10px;
    line-height: 1.3;
    margin-left: 15px;
}

#GPRS-A .dual-path-reporting {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-dual-path-arrow.png') no-repeat;
    height: 100%;
    width: 100%;
    background-position: 52% 69%;
}

#GPRS-A .dual-path-reporting .left-side .section-green-title {
    margin-bottom: 0;
}

#GPRS-A .dual-path-reporting .left-side {
    margin-left: -20px;
}

#GPRS-A .dual-path-gradient {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    margin-bottom: -50px;
}

#GPRS-A .dual-path-img {
    padding-top: 49px;
    margin: 0 0 0 -15px;
}

#GPRS-A .computer-img {
    width: 90%;
    padding-top: 25px;
    margin-left: 40px !important;
}

#GPRS-A .flexibility, .compatibility, .communication {
    margin-left: -20px;
}

#GPRS-A .skuteczne-powiadamianie-img {
    margin: -100px 0 0 -20px;
}

#GPRS-A .notifications .right-side {
    margin-top: -130px;
}

#GPRS-A .notifications {
    margin-bottom: 305px;
}

#GPRS-A .notifications .right-side .section-green-parag {
    font-size: 16px;
}

#GPRS-A .gateway {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-border-gateway-gsm.jpg') no-repeat;
    height: 250px;
    padding-top: 27px;
    padding-bottom: 300px;
    background-position-y: -9%;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
}

#GPRS-A .gateway-arrow {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-gateway-arrow.png') no-repeat;
    width: 100%;
    height: 374px;
    background-position-y: 96%;
    background-position-x: 100%;
}

#GPRS-A .gateway  .left-side{
    margin-top: 45px;
}

#GPRS-A .gateway .section-title {
    margin-bottom: -5px;
    margin-top: 16px;
}

#GPRS-A .gateway .left-side .section-green-parag {
    font-size: 16px;
}

#GPRS-A .zdalne-sterowanie-wyjsciami-img {
    position: absolute;
    right: 0;
    bottom: 0;
    top: 52%;
}

#GPRS-A .mobile-access {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-header-arrow.png') no-repeat;
    height: 100%;
    width: 100%;
    background-position-y: 72%;
    background-position-x: -1%;
    margin-left: -20px;
    padding-top: 257px;
}

#GPRS-A .push-info {
    padding-top: 34px;
    font-weight: 400;
    font-size: 19px;
}

#GPRS-A .mobile-access-img {
    margin-top: 75px;
}

#GPRS-A .mobile-access .right-side .section-green-title {
    margin-top: 118px;
    margin-bottom: -8px;
}

#GPRS-A .star-info {
    opacity: 0.5;
    font-size: 14px;
    color: #8c8c8c;
    padding-left: 20px;
    letter-spacing: -0.35px;
}


#GPRS-A .functional {
    clear:both;
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-mobile-accesss-arrow.png') no-repeat;
    width: 100%;
    background-position-y: 85%;
    background-position-x: 60%;
    margin-left: -20px;
    padding-top: 205px;
}


#GPRS-A .functional .left-side {
    margin-top: -107px;
}

#GPRS-A .functional .right-side {
    margin-top: -158px;
}

#GPRS-A .comfort-and-safety-img {
    padding-top: 40px;
}

#GPRS-A .update .section-green-title {
    font-size: 26px;
    margin-top: 0;
    padding-bottom: 17px;
}

#GPRS-A .update .section-parag {
    letter-spacing: -0.6px;
}

#GPRS-A  .update-desc {
    margin-bottom: 3px !important;
    padding-right: 20px;
}


#GPRS-A .update {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
}

#GPRS-A .slider-prsa {
    height: 100%;
    width: 100%;
    text-align: center;
    position: relative;
}


#GPRS-A .slider-bottom {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-slider_bg.png') no-repeat;
    text-align: center;
    position: relative;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    background-position-x: 47%;
    background-position-y: -15%;
    padding-bottom: 90px;
}


#GPRS-A .slider-bottom .prawa .section-green-parag, #GPRS-A .slider-bottom .lewa .section-green-parag  {
    text-align: center;
}
#GPRS-A .slider-big-arrow {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-bg-modules.png') no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    background-position: bottom;
    height: 853px;
}


#GPRS-A .slider-prsa .section-green-title {
    font-size: 22px;
    font-weight: 400;
    padding-top: 15px;
    text-align: left;
    padding-left: 20px;
}

#GPRS-A .update ul li {
    margin-bottom: 3px;
}

#GPRS-A .slider-prsa .section-parag {
    text-align: left;
    padding-right: 20px;
}

#GPRS-A .slider-prsa ul li {
    line-height: 1.2;
}

#GPRS-A .slider-prsa .right-side .section-green-parag, #GPRS-A .slider-prsa .left-side .section-green-parag  {
    margin-bottom: -12px;
    margin-top: 36px;
}

#GPRS-A .icon-list-bar {
    position: absolute;
    bottom: -7%;
    left: 0;
}


#GPRS-A .slider-bottom .buttons {
    text-align: center;
    clear: both;
    padding-top: 12px;
}

#GPRS-A .where-buy {
    padding-top: 110px;
}

#GPRS-A .slider-bottom .section-green-title {
    font-size: 36px;
    color: #26b3a8;
    font-weight: 400;
    padding-top: 38px;
    margin-top: 0;
}

#GPRS-A .where-buy .main-title {
    font-size: 35px;
    color: #909090;
    padding-left: 20px;
    margin-bottom: -24px;
}
#GPRS-A .slider-icon {
    margin-top: -20px;
}

#GPRS-A .slider-title {
    margin-top: 0;
}

#GPRS-A .update p {
    padding-right: 20px;
}

#GPRS-A .where-buy .rest-of-title {
    padding-left: 20px;
    font-size: 14px;
    margin-top: -7px;
    color: #909090;
    padding-bottom: 10px;
}

#GPRS-A .btn-where-buy {
    text-transform: uppercase;
    padding: 9px 25px;
    border: 1px solid #d3d3d3;
    color: #909090;
    font-size: 12px;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 15px;
}

#GPRS-A .update  ul, #GPRS-A .slider-prsa ul, #GPRS-A .mobile-access ul {
    padding-left: 35px;
}

#GPRS-A .img-center {
    display: block;
    margin: 0 auto;
}

#GPRS-A .slider-bottom .lewa ul li {
    margin-bottom: 3px;
    padding-left: 20px;
}

#GPRS-A .slider-bottom .prawa ul li {
    margin-bottom: 3px;
    padding-left: 20px;
}

#GPRS-A .gprsa-dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-slider-unselect.png') no-repeat;
    display: inline-block;
    transition: background-color 0.6s ease;
}


#GPRS-A .gprsa-dotbottom {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-slider-unselect.png') no-repeat;
    display: inline-block;
    transition: background-color 0.6s ease;
}

#GPRS-A .fade {
    -webkit-animation-name: fade;
    -webkit-animation-duration: 1s;
    animation-name: fade;
    animation-duration: 1s;
}

#GPRS-A .buttons:hover {
    cursor: pointer
}

#GPRS-A .slider-prsa .left-side, #GPRS-A .slider-prsa .right-side {
    padding-top: 171px;
}

#GPRS-A .modules-desc {
    color: #26b3a8;
    font-size: 19px;
    letter-spacing: -0.35px;
    text-align: center;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
}

#GPRS-A .modules-pic {
    padding-top: 64px;
}

#GPRS-A .border-bottom-img {
    margin-top: -45px;
}

#GPRS-A .remote-control-img {
    margin-left: -20px;
}

#GPRS-A .update ul {
    padding-bottom: 115px;
}

#GPRS-A .slider-big-arrow .section-green-title {
    font-size: 22px;
}

#GPRS-A .prev {
    margin-right: 30px;
}

#GPRS-A .next {
    margin-left: 30px;
}

#GPRS-A .active, .gprsa-dot:hover {
    background: url('//media.satel.pl//img/desc/gprs-a/GPRS-A-slider-select.png') no-repeat;
}

#GPRS-A .btn-where-buy:hover {
    background-color: #909090;
    color: #ffff;
    transition: .3s all ease-in-out;
}

@-webkit-keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}

@keyframes fade {
    from {opacity: .4}
    to {opacity: 1}
}


#zestawienie_obudow {
    display: flex;
    flex-direction: row;
    width: 678px;
    font-family: 'Ubuntu', sans-serif;
    margin: 0 auto;
}

#zestawienie_obudow img {
    margin: 0px 0px 0px -20px;
}

#zestawienie_obudow .col_2 p:first-child{
    font-size: 24px;
    padding-top: 35px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #3e3d44;
}

#zestawienie_obudow .col_2 p:nth-child(2) {
    color: #b2b2b2;
    font-size: 16px;
    margin-bottom: 45px;
    font-weight: 300;
}


#zestawienie_obudow .col_2 a {
    background-color: #3e3d44;
    text-align: center;
    width: 75%;
    padding: 16px 36px;
    color: white;
    font-weight: 200;
    font-size: 16px;
    transition: .3s all ease-in-out;
    border: 1px solid #3e3d44;
}

#zestawienie_obudow .col_2 a {
    text-decoration: none;
    color: #fff;
}

#zestawienie_obudow .col_2 a:nth-child(3):hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #3e3d44;
    color: #3e3d44 !important;
}

#enclosures-btn {
    display: flex;
    font-family: 'Ubuntu', sans-serif;
    margin: 15px auto 25px;
    justify-content: center;
}

#enclosures-btn  a {
    background-color: #727272;
    padding: 13px 16px;
    font-weight: 200;
    font-size: 15px;
    transition: .3s all ease-in-out;
    border: 1px solid #727272;
    text-decoration: none;
    color: #fff;
}

#enclosures-btn a:hover {
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #727272;
    color: #3e3d44;
}


#comm-notif {
    max-width: 678px;
    height: 600px;
    margin: 0 auto;
    font-family: 'Ubuntu', sans-serif;
}

#comm-notif .left-side {
    float: left;
    width: 335px;
}

#comm-notif .right-side {
    float: right;
    width: 335px;
}

#comm-notif .header {
    position: relative;
}

#comm-notif .header .title {
    font-weight: 500;
    font-size: 47px;
    color: #26b3a8;
    margin-bottom: 38px;
}

#comm-notif .header .main-desc {
    color: #5c5c5c;
    font-size: 19px;
    width: 44%;
    letter-spacing: -0.35px;
    margin-bottom: 30px;
}

#comm-notif .header-set-img {
    position: absolute;
    top: -13%;
    right: -3%;
}

#comm-notif .communication-modules {
    margin-top: 0;
}

#comm-notif .header .desc {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    padding-bottom: 10px;
}

#comm-notif .communication-modules .desc {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    padding-right: 20px;
    padding-bottom: 10px;
}

#comm-notif .notifications-section .notific-desc {
    padding-left: 10px;
}

#comm-notif .icon-section {
    background: url('//media.satel.pl/img/desc/notifications/CaN-bg-icons.jpg') no-repeat;
    padding: 67px 0 37px 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#comm-notif .icon-section .icon-desc {
    font-weight: 500;
    font-size: 18px;
    color: #26b3a8;
    text-align: center;
}

#comm-notif .arrows {
    background: url('//media.satel.pl/img/desc/notifications/CaN-modules-communication-arrow.png') no-repeat;
    padding-top: 45px;
    padding-bottom: 5px;
    background-position-y: -88px;
    background-position-x: -47px;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    padding-left: 20px;
}

#comm-notif .module-bg {
    background: url('//media.satel.pl/img/desc/notifications/CaN-bg-module.jpg') no-repeat;
    padding: 50px 0 55px;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
}


#comm-notif .communication-modules .title  {
    font-weight: 500;
    font-size: 42px;
    color: #26b3a8;
    margin: 0;
}


#comm-notif .communication-modules .green-desc {
    font-size: 20px;
    color: #26b3a8;
    margin: 2% 9% 0 36%;
    letter-spacing: -1px;
    word-spacing: 1px;
}

#comm-notif .gsm-card-img {
    margin-left: 36%;
    margin-top: 4%
}

#comm-notif .monitoring-section {
    padding-top: 40px;
}

#comm-notif .small-title {
    font-weight: bold;
    font-size: 20px;
    color: #26b3a8;
    margin-bottom: -5px;
}

#comm-notif .notifications-section {
    background: url('//media.satel.pl/img/desc/notifications/CaN-notifications1.jpg') no-repeat;
    clear: both;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#comm-notif .monitoring-img {
    margin-bottom: 40px;
    margin-left: 9px;
}

#comm-notif .notific-desc {
    margin-left: 50%;
    padding: 15px 0 60px 0;
}

#comm-notif .notifications-section .small-title {
    margin-top: 0;
}

#comm-notif .remote-control {
    background: url('//media.satel.pl/img/desc/notifications/CaN-apartment.jpg') no-repeat;
    position: relative;
    background-size: contain;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#comm-notif .remote-control-phone-icon {
    position: absolute;
    top: 22%;
    left: 3%;
}

#comm-notif .remote-control-icon-set {
    position: absolute;
    bottom: 15%;
    right: 4%;
}

#comm-notif .remote-control .title {
    font-weight: bold;
    font-size: 26px;
    color: #fff;
    padding-top: 95px;
    padding-left: 72px;
    margin-bottom: -8px;
    margin-top: -29px;
    padding-bottom: 3px;
}

#comm-notif .remote-control .desc {
    font-size: 16px;
    color: #fff;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 175px;

}

#comm-notif .btn-check-gx-control {
    padding: 13px 18px;
    margin-left: 20px;
    border-radius: 5px;
    background-color: white;
    color: #26b3a8;
    text-decoration: none;
    font-weight: 500;
    position: absolute;
    bottom: 25%;
    left: 0;
    font-size: 16px;
    font-weight: 500;
}

#comm-notif .mobile-access {
    background: url('//media.satel.pl/img/desc/notifications/CaN-remote_access_arrows.png') no-repeat;
    margin-top: -28px;
    background-position-x: 68%;
    background-position-y: 0;
    position: relative;
}

#comm-notif .mobile-access-desc {
    width: 47%;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
}

#comm-notif .mobile-access .title {
    font-weight: bold;
    font-size: 26px;
    color: #26b3a8;
    padding-top: 80px;
    margin-bottom: -10px;
}

#comm-notif .gprsa-iot {
    position: absolute;
    bottom: 9.3%;
    left: -2%;
    font-size: 12px;
    color: #333333;
    -ms-transform: rotate(11deg);
    -webkit-transform: rotate(11deg);
    transform: rotate(34deg);
}

#comm-notif .ethm-1-2 {
    position: absolute;
    top: 51.3%;
    right: 4%;
    font-size: 12px;
    color: #ffffff;
    font-weight: 300;
}

#comm-notif .screens-img {
    position: absolute;
    right: 0;
    top: 13%;
}

#comm-notif .iot-section {
    background: url('//media.satel.pl/img/desc/notifications/CaN-iot.jpg') no-repeat;
    width: calc(100% + 40px);
    margin: -20px 0 0 -20px;
}

#comm-notif .iot-desc {
    width: 50%;
    margin-left: 51%;
}


#comm-notif .iot-section .title {
    color: #333333;
    font-weight: 500;
    font-size: 26px;
    margin-bottom: -5px;
    padding-top: 353px;
}

#comm-notif .iot-section .desc {
    color: #939393;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    padding-bottom: 100px;
    padding-right: 20px;
}

#comm-notif .w500 {
    font-weight: 500;
}

#comm-notif .dual-path-reporting .left-side {
    width: 43%;
    float: left;
}

#comm-notif .gprsa {
    position: absolute;
    top: 4%;
    left: 18%;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: 300;
}

#comm-notif .dloadx-guard {
    position: absolute;
    bottom: 17.5%;
    right: 14%;
    font-size: 12px;
    font-weight: 300;
    color: #999999;
}

#comm-notif .dialer-dt-1 {
    position: absolute;
    top: 33.5%;
    right: 22%;
    font-size: 12px;
    font-weight: 300;
    color: #999999;
}

#comm-notif .synthesizer-sm2 {
    position: absolute;
    top: 61.5%;
    left: 3.5%;
    font-size: 12px;
    font-weight: 300;
    color: #999999
}

#comm-notif .int-vg {
    position: absolute;
    bottom: 10.7%;
    right: 32.6%;
    font-size: 12px;
    font-weight: 300;
    color: #999999;
}

#comm-notif .dual-path-bg {
    background: url('//media.satel.pl/img/desc/notifications/CaN-integra-arrows.jpg') no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    padding-bottom: 15px;
}

#comm-notif .dual-path-reporting .title {
    font-weight: bold;
    font-size: 26px;
    color: #26b3a8;
    margin-bottom: -10px;
    margin-top: 0;
    padding-left: 20px;
}

#comm-notif .dual-path-reporting .desc {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    padding-left: 20px;
}

#comm-notif .dual-path-img {
    margin-top: 20px;
    margin-left: 20px;
}

#comm-notif .prod-name {
    font-size: 12px;
    padding-left: 20px;
    color: #8c8c8c;
    padding-top: 38%;
    font-weight: 200;
}

#comm-notif .ethernet {
    clear: both;
    width: calc(100% + 40px);
    margin: 0 0 -39px -20px;
    position: relative;
}

#comm-notif .ethernet .title {
    font-weight: 500;
    font-size: 42px;
    color: #fff;
    padding-left: 20px;
    letter-spacing: -0.8px;
    padding-top: 20px;
    margin: 0;
}

#comm-notif .ethernet .content {
    background-color: #3fb6aa;
}

#comm-notif .trangle {
    background: url('//media.satel.pl/img/desc/notifications/CaN-trangle.jpg') no-repeat;
    padding-bottom: 72px;
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#comm-notif .messangers-icon {
    position: absolute;
    top: 4%;
    right: 8%;
    left: 0;
    margin: 0 auto;
    z-index: 1;
}

#comm-notif .messangers-products-img {
    position: absolute;
    top: 15%;
    right: 2%;
}

#comm-notif .ethernet:after {
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #3fb6aa;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 10;
}

#comm-notif .mail-icon {
    position: absolute;
    right: 0;
    left: 10%;
    top: 15%;
    margin: 0 auto;
}

#comm-notif .desktop-icon {
    position: absolute;
    top: 7%;
    left: 3%;
}

#comm-notif .messangers-phone-icon {
    position: absolute;
    left: 3%;
    top: 4%;
}

#comm-notif .ethernet .desc {
    color: #FFF;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    margin-bottom: 0;
    padding: 10px 20px 55px;
}

#comm-notif .mail {
    background: url('//media.satel.pl/img/desc/notifications/CaN-emails.jpg') no-repeat;
    width: calc(100% + 40px);
    margin: 39px 0 0 -20px;
    position: relative;
}

#comm-notif .mail .desc {
    padding-top: 98px;
    padding-bottom: 74px;
    margin-left: 52%;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    margin-top: -34px;
    padding-right: 20px;
}

#comm-notif .desktop {
    background: url('//media.satel.pl/img/desc/notifications/CaN-desktop.jpg') no-repeat;
    background-size: contain;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
}

#comm-notif .desktop .desc {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    padding-top: 72px;
    padding-bottom: 100px;
    width:43%;
    padding-left: 20px;
}

#comm-notif .products-border {
    position: relative;
}

#comm-notif .products-border .desc {
    padding: 42px  50px 104px;
    border: 1px solid #707070;
    border-radius: 5px;
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    text-align: center;
    margin-top: 55px;
}

#comm-notif .prod-logo-img {
    position: absolute;
    left: 0;
    right: 0;
    top: -15px;
    background: white;
    padding: 5px 55px;
    margin-left: auto;
    margin-right: auto;
}

#comm-notif .more-info-products {
    margin-top: -73px;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: center;
}

#comm-notif .btn-more-info {
    background-color:  #3fb6aa;
    color: #fff;
    padding: 10px 13px;
    margin: 0 33px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid transparent;
}

#comm-notif .btn-more-info:hover {
    background-color: #fff;
    color: #3fb6aa;
    transition: .2s all ease-in-out;
    border: 1px solid #3fb6aa;
}

#comm-notif .messangers {
    background: url('//media.satel.pl/img/desc/notifications/CaN-messangers-bg.jpg') no-repeat;
    position: relative;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#comm-notif .messangers .title {
    font-size: 36px;
    padding-top: 60px;
    color: #3fb6aa;
    padding-left: 125px;
    margin-top: 100px;
    font-weight: 500;
}

#comm-notif .dialer {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    padding-left: 15px;
    width: 60%;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 12px;
}

#comm-notif .dialer-img {
    position: absolute;
    top: 21%;
    right: 5%;
}

#comm-notif .synthesizer {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    width: 60%;
    margin-left: 30%;
    padding: 40px 0 70px 20px;
    margin-top: 0;
    margin-bottom: 0;
}

#comm-notif .synthesizer-img {
    position: absolute;
    top: 48.5%;
    left: 3%;
}

#comm-notif .voice-control {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    padding-left: 15px;
    width: 50%;
    padding-bottom: 150px;
    padding-top: 28px;
}

#comm-notif .voice-control-img {
    position: absolute;
    right: 5%;
    bottom: 14%;
}

#comm-notif .where-to-buy .title {
    color: #909090;
    padding-left: 23px;
    text-transform: uppercase;
    margin-bottom: -5px;
    font-size: 35px;
}

#comm-notif .where-to-buy .desc {
    color: #909090;
    font-size: 14px;
    padding-left: 23px;
    margin-top: 4px;
    margin-bottom: 25px;
}

#comm-notif .btn-where-to-buy {
    border: solid 1px #d3d3d3;
    padding: 8px 28px;
    color: #909090;
    margin-left: 23px;
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none;
}

#comm-notif .btn-where-to-buy:hover {
    color: #ffffff;
    background-color: #c5c7c7;
    transition: .3s all ease-in-out;
}

#comm-notif .set-bottom-img {
    padding: 30px 0 50px;
}

#comm-notif .where-to-buy .left-side {
    margin-left: -10px;
    width: 330px;
}

#comm-notif .where-to-buy .right-side {
    width: 335px;
    margin-right: 20px;
}

#comm-notif .title a:hover {
    text-decoration: none;
}

#comm-notif .title a {
    text-decoration: none;
}

#comm-notif .icon-iot-img {
    position: absolute;
    margin: 0 auto;
    left: 13%;
    right: 0;
    bottom: 35%;
}
#comm-notif .int-gsm .int-gsm-separator {
    clear: both;
    background: url('//media.satel.pl/img/desc/notifications/CaN-separator.jpg') no-repeat;
    height: 18px;
    width: calc(100% + 40px);
    margin: 40px 0 60px -20px;
}

#comm-notif .int-gsm .content-int {
    clear: both;
    background: url('//media.satel.pl/img/desc/notifications/CaN-int-gsm.jpg') no-repeat;
    background-position-y: 75%;
    background-position-x: 100%;
    min-height: 600px;
    width: calc(100% + 40px);
    margin: 0 0 5px -20px;
    padding-bottom: 25px
}

#comm-notif .int-gsm span:first-child {
    font-weight: bold;
}

#comm-notif .int-gsm .content-int h2 {
    color: #3fb6aa;
    font-size: 42px;
    font-weight: 500;
    width: 550px;
    padding-left: 20px;
    margin-top: 0;
}

#comm-notif .int-gsm .content-int .int-gsm-text {
    font-size: 16px;
    color: #8c8c8c;
    letter-spacing: -0.75px;
    word-spacing: 1px;
    line-height: 1.2;
    width: 307px;
    padding-left: 20px;
    padding-bottom: 15px;
}

#comm-notif .int-gsm .int-gsm-btn {
    background-color:  #3fb6aa;
    color: #fff;
    padding: 10px 45px;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid transparent;
    margin: 30px 0 0 20px;
}

#comm-notif .int-gsm .int-gsm-btn:hover {
    background-color: #fff;
    color: #3fb6aa;
    transition: .2s all ease-in-out;
    border: 1px solid #3fb6aa;
}

#integra-business {
    max-width: 678px;
    margin: 0 auto;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
}

#header-integra-business {
    margin-bottom: 55px;
}

#integra-business .header-ib .info {
    background: url('//media.satel.pl//img/desc/integra_business/2/integra_business_header.jpg') no-repeat;
    min-height: 395px;
    background-size: contain;
    margin: 0 -20px;
}

#integra-business .integration .right-side {
    margin-right: 20px;
    margin-top: 45px;
}

#integra-business .header-ib .info .title {
    text-transform: uppercase;
    color: #006c79;
    position: relative;
    top: 101px;
    left: 17px;
    letter-spacing: -1px;
    font-size: 17px;
}

#integra-business .header-ib .info h1 {
    color: #006c79;
    position: relative;
    top: 74px;
    left: 15px;
    font-size: 53px;
    letter-spacing: -0.9px;
    line-height: 1.067;
    border-bottom: none;
}

#integra-business .header-ib .semi-title {
    color: #006c79;
    font-size: 26px;
    margin: -40px 0 10px;
    line-height: 1.2;
    letter-spacing: -1.3px;
    font-weight: 200;
}

#integra-business .certificate .left-side .grey-text, #integra-business .functions .left-side .grey-text {
    padding-left: 15px;
}

#integra-business .handling .grey-text {
    padding-left: 15px;
}

#integra-business .spectrum img {
    display: block;
    margin: 0 auto;
}

#integra-business .grey-text {
    font-size: 16px;
    color: #8c8c8c;
    letter-spacing: -0.5px;
    line-height: 1.25;
    word-spacing: 0.5px;
}

#integra-business .spectrum .title, #integra-business .one-device .title {
    color: #006c79;
    font-size: 36px;
    /*padding: 0 15px;*/
    margin: 50px 0 -10px;
    font-weight: 500;
    letter-spacing: -1.7px;
}

#integra-business .spectrum .title-second-part, #integra-business .one-device .title-second-part {
    font-size: 26px;
    display: block;
    margin-bottom: 3px;
    font-weight: 200;
    letter-spacing: -0.8px;
}

#integra-business .one-device img {
    width: calc(100% + 40px);
    margin: 2px 0 0 -20px;
}

#integra-business .one-device .grey-text {
    margin-top: 30px;
}

#integra-business .certificate {
    background: url('//media.satel.pl//img/desc/integra_business/2/integra_business_certificate_bg.jpg') no-repeat;
    min-height: 314px;
    background-position: top;
    background-size: contain;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#integra-business .certificate .title {
    font-size: 36px;
    color: #706f6f;
    margin-top: 20px;
    position: relative;
    top: 40px;
    padding: 30px 15px 7px 15px;
    letter-spacing: -2px;
}

#integra-business .certificate .title-second-part {
    color: #006c79;
    font-weight: 500;
}

#integra-business .certificate img {
    display: block;
    margin: 0 auto;
}

#integra-business .left-side {
    float: left;
    width: 320px;
}

#integra-business .right-side {
    float: right;
    width: 320px;
    margin-bottom: 42px;
    padding-right: 15px;
}

#integra-business .permission {
    margin-right:20px;
}

#header-integra-business .smaller-title, #integra-business .certificate .smaller-title, #integra-business .functions .smaller-title, #integra-business .handling .smaller-title {
    font-size: 18px;
    color: #006e79;
    font-weight: bold;
    padding-left: 15px;
    letter-spacing: -1px;
}

#header-integra-business .right-side .smaller-title, #integra-business .certificate .right-side .smaller-title, #integra-business .functions .right-side .smaller-title {
    padding-left: 0;
}

#integra-business .tests {
    background: url('//media.satel.pl//img/desc/integra_business/2/integra_business_testing.jpg') no-repeat;
    min-height: 374px;
    background-position: top;
    margin: 80px -20px;
}

#integra-business .tests .title {
    font-size: 36px;
    color: #fff;
    text-align: center;
    padding-top: 150px;
    text-shadow: 0 2px 0 #000;
    margin-bottom: 15px;
    font-weight: 500;
}

#integra-business .tests .desc   {
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-shadow: 0 2px 0 #000;
    letter-spacing: -0.5px
}

#integra-business .communication p {
    font-size: 36px;
    color: #636466;
    text-align: center;
}

#integra-business .communication img {
    display:  block;
    margin: 0 auto 70px;
}

#integra-business .communication .trait-500 {
    letter-spacing: -1.3px;
}

#integra-business .integra-set-img {
    margin-right: 25px;
}

#integra-business .functions {
    background: url('//media.satel.pl//img/desc/integra_business/2/integra_business_functions.jpg') no-repeat;
    min-height: 650px;
    background-position: bottom;
    position: relative;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#integra-business .communication {
    margin-left: 0;
}

#integra-business .control_panels_new_wall .control_panels {
    text-align: center;
    margin: 40px 0
}

#integra-business .control_panels_new_wall .control_panels img {
    width: 230px;
}

#integra-business .control_panels_new_wall .control_panels div {
    position: relative;
    margin: auto;
    display: inline-block;
}

#integra-business .control_panels_new_wall .control_panels div:nth-child(2) {
    margin: 0 -70px;
}

#integra-business .integra-prod {
    color: #3990a0;
    text-decoration: none;
}

#integra-business .integration .main-title {
    clear: both;
    font-size: 25px;
    color: #006e79;
    padding-left: 15px;
    font-weight: 600;
    padding-top: 10px;
    margin-bottom: -5px;
    letter-spacing: -1.5px;
}

#integra-business .functions .smaller-title, #integra-business .handling .smaller-title {
    font-size: 16px;
}

#integra-business .functions .main-title {
    font-size: 26px;
    color: #706f6f;
    padding-left: 15px;
    margin-bottom: 0;
    letter-spacing: -1.5px;
}

#integra-business .handling {
    background: url('//media.satel.pl//img/desc/integra_business/2/integra_business_bg_city.jpg') no-repeat;
    background-position: bottom;
    padding-bottom: 10px;
    background-position-y: 116%;
    width: calc(100% + 40px);
    margin: 50px 0 0 -20px;
}

#integra-business .handling .handling-title {
    color: #706f6f;
    font-size: 35px;
    font-weight: 400;
    letter-spacing: -2px;
    width: 350px;
    margin-top: 44px;
    padding: 0 0 0 15px;
}

#integra-business .handling .integration {
    clear: both;
}

#integra-business .integration .integration-title {
    font-size: 36px;
    color: #706f6f;
    padding-left: 15px;
    margin-bottom: 17px;
    font-weight: 200;
}

#integra-business .operation-met {
    padding-right: 15px;
}


#integra-business .integration-and-communication .title {
    clear: both;
    font-size: 16px;
    color: #006e79;
    padding-left: 15px;
    font-weight: 600;
    padding-top: 25px;
    letter-spacing: -0.5px;
}

#integra-business .handling .integration li {
    list-style-image: url('//media.satel.pl//img/desc/integra_business/2/integra_business_check.png');
    margin-left: 5px;
    letter-spacing: -1px;
}

#integra-business .integration .smaller-title {
    margin-bottom: 0;
    font-size: 16px;
    letter-spacing: -0.7px
}

#integra-business .integration-and-communication .left-side .title, #integra-business .integration-and-communication .right-side .title {
    padding-left: 12%;
}

#integra-business .handling .integration ul {
    margin-top: 0;
}

#integra-business .integration .benefits {
    font-size: 16px;
    color: #8c8c8c;
    line-height: 28px;
    padding-left: 3px;
}

#integra-business .grey-text li {
    margin-bottom: 10px;
    letter-spacing: -1.1px;
    word-spacing: 0.4px;
    margin-left: 20px;
}

#integra-business .integration-and-communication .img-set-big {
    display: block;
    margin: 0 auto;
}

#integra-business .integration-and-communication-title {
    font-size: 36px;
    color: #006e79;
    letter-spacing: -0.5px;
    margin-top: 30px;
}

#integra-business .img-icons{
    margin: 25px 0 50px -20px;
}

#integra-business .trait-200 {
    font-weight: 200;
}

#integra-business .trait-500 {
    font-weight: 500;
}


#int-gsm {
    width: 678px;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    margin: 0 auto;
    margin-top: -11px;
}

#int-gsm .int-gsm_header {
    width: 678px;
    background: url('//media.satel.pl/img/desc/int-gsm/header_bg.jpg') #fff no-repeat;
    margin: 0 0 0 -20px;
}

#int-gsm .int-gsm_header p {
    color: #5c5c5c;
    margin: 0;
    padding-left: 20px;
    padding-top: 5px;
}

#int-gsm .int-gsm_header .dleft p:first-child {
    padding-top: 131px;
    letter-spacing: -0.6px;
    font-size: 18px;
    padding-left: 20px;
}

#int-gsm .int-gsm_header p:nth-child(2) {
    font-weight: bold;
    letter-spacing: -0.5px;
    padding: 2px 0 2px 20px;
    width: 420px;
}

#int-gsm .int-gsm_header p:nth-child(2) {
    font-size: 18px;
    clear: both;
    padding-left: 20px;
}

#int-gsm .int-gsm_header h1 {
    width: 450px;
    font-weight: bold;
    font-size: 77.5px;
    color: #26b3a8;
    margin-top: -13px;
    margin-left: -4px;
    border: none;
    letter-spacing: -3px;
    padding-left: 20px;
}

#int-gsm .int-gsm_section {
    margin: 40px 0;
    background-color: #fff;
    width: 100%;
}

#int-gsm .dleft {
    width: 330px;
    float: left;
    margin-top: 10px;
}

#int-gsm .dright {
    width: 330px;
    float: right;
    margin-top: 10px;
}

#int-gsm .int-gsm_header .dright {
    position: relative;
}

#int-gsm .int-gsm_content .dright img, #int-gsm .int-gsm_content .dleft img {
    position: relative;
    display: block;
    margin: auto;
}

#int-gsm .int-gsm-mainboard {
    margin-left: 90px;
    width: 78%;
    margin-top: 72px;
}

#int-gsm .img-schemat {
    padding-top: 50px;
}

#int-gsm .integra-icon {
    height: 116px;
    width: 99px;
    position: absolute;
    top: 9%;
    right: 77%;
}

#int-gsm .bus-icon {
    height: 68px;
    width: 58px;
    position: absolute;
    top: 37%;
    right: 67.5%;
}

#int-gsm .clear {
    clear: both;
    width: 100%;
}

#int-gsm .text {
    width: 100%;
    font-size: 16px;
    color: #5c5c5c;
    line-height: 1.4;
    letter-spacing: -0.3px;
}

#int-gsm .int-gsm_phone_control {
    position: absolute;
    bottom: 6%;
    right: 2%;
    width: 45%;
}

#int-gsm .gradient {
    background: #feffff;
    background: -moz-linear-gradient(top, #feffff 63%, #feffff 63%, #f3f3f3 100%);
    background: -webkit-linear-gradient(top, #feffff 63%,#feffff 63%,#f3f3f3 100%);
    background: linear-gradient(to bottom, #feffff 63%,#feffff 63%,#f3f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f3f3f3',GradientType=0 );
    width: 100%;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
    padding: 5px 0 195px 0;
}

#int-gsm .gradient table {
    background-color: #009ba6;
    width: 67%;
    margin: 0 20px;
    padding: 65px 27px 27px 27px;
    color: white;
}

#int-gsm .gradient td {
    font-size: 16px;
}

#int-gsm .top-trangle {
    float: right;
    width: 0;
    height: 0;
    border-bottom: 50px solid transparent;
    border-right: 58px solid #009ba6;
    transform: rotate(180deg);
}

#int-gsm .top {
    background-color: #009ba6;
    height: 50px;
    width: 88%;
}

#int-gsm .bottom-trangle {
    float: left;
    width: 0;
    height: 0;
    border-bottom: 16px solid transparent;
    border-right: 16px solid #009ba6;
}

#int-gsm .bottom {
    float: right;
    background-color: #009ba6;
    height: 16px;
    width: 96.6%;
}

#int-gsm .tabela {
    position: absolute;
    top: 3%;
    color: #fff;
}

#int-gsm .dright.lista ul {
    padding-left: 10px;
}

#int-gsm .dright.lista li {
    font-size: 16px;
    list-style: none;
}

#int-gsm .dright.lista li:before {
    content: "·";
    font-size: 20px;
    vertical-align: middle;
    line-height: 1;
    padding-right: 10px;
}

#int-gsm .left-side {
    width: 60%;
    display: inline-block;
    font-size: 30px;
    color: #009ba6;
}

#int-gsm .right-side {
    width: 40%;
    float: right;
    display: inline-block;
    border-bottom: 2px solid #706f6f;
    margin-top: 50px;
    margin-right: -20px;
}


#int-gsm .circle-number {
    float: left;
    background-color: #009ba6;
    width: 40px;
    height:40px;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 27px;
    margin: 8px;
}

#int-gsm .int-gsm_section-connect {
    padding-bottom: 30px;
}

#int-gsm .int-gsm_section-connect img {
    display: block;
    margin: 0 auto;
    padding-bottom: 20px;
}

#int-gsm .circle-desc {
    color: #009ba6;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.5px;
    margin-left: 70px;
}

#int-gsm .int-gsm-bottom {
    background: url('//media.satel.pl/img/desc/int-gsm/bottom_bg.jpg') #fff no-repeat;
    height: 700px;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#int-gsm .int-gsm-bottom .dleft {
    padding-top: 80px;
}

#int-gsm .int-gsm-bottom .dright {
    padding-top: 110px;
}

#int-gsm .int-gsm-bottom h2 {
    font-size: 36px;
    font-weight: bold;
    color: #5c5c5c;
    margin: 0 0 10px;
}

#int-gsm .int-gsm-bottom span {
    color: #ffffff;
    background-color: #26b3a8;
    padding: 8px;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: -0.5px;
}

#int-gsm .int-gsm-mainboard-bottom {
    display: block;
    margin: 0 auto;
}

#int-gsm .int-gsm-bottom .dleft {
    width: 27%;
    margin-left: 2px;
}

#int-gsm .int-gsm-bottom .dright {
    width: 72%;
}

#int-gsm .int-gsm-bottom .dright ul {
    margin-left: -40px;
    padding-bottom: 30px;
}

#int-gsm .btn-more-info {
    border: 1px solid #909090;
    padding: 8px 113px;
    background-color: transparent;
    border-radius: 3px;
    bottom: 20px;
    left: 19px;
    color: #909090;
    font-size: 18px;
    font-family: 'Ubuntu', sans-serif;
    transition: .3s all ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
}

#int-gsm .btn-more-info:hover {
    cursor: pointer;
    transition: .3s all ease-in-out;
    color: #fff;
    background-color: #909090
}

#int-gsm .int-gsm-bottom li {
    list-style: none;
    font-size: 16px;
}

#int-gsm .int-gsm-bottom li:before {
    content:"·";
    font-size:20px;
    vertical-align:middle;
    line-height: 1;
    padding-right: 10px;
}

#int-gsm .int-gsm-bottom .text {
    line-height: 1.2;
    letter-spacing: -0.5px;
    text-indent: -1em;
    padding-left: 1em;
}

#gsmx {
    max-width: 678px;
    margin: -11px auto 0 auto;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
}

#gsmx .header {
    background: url(//media.satel.pl/img/desc/gsmx/GSM-X-bg-header.jpg) no-repeat;
    color: #5c5c5c;
    position: relative;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#gsmx .header .header-device-img {
    position: absolute;
    top: 7%;
    right: 7%;
}

#gsmx .header .header-text {
    width: 40%;
    font-size: 19px;
    letter-spacing: -0.3px;
    padding-left: 20px;
    padding-top: 80px;
}

#gsmx .header .header-text h1 {
    font-size: 80px;
    color: #26b3a8;
    margin: 0;
    font-weight: 500;
    border-bottom: 0;
}

#gsmx .header .header-text p:first-child {
    margin-bottom: -10px;
    text-transform: uppercase;
    width: 450px;
    font-size: 17px;
}

#gsmx .header .functions-img {
    max-width: 415px;
    display: block;
    margin: 0 auto;
    padding: 20px 0;
}

#gsmx .header .header-arrows {
    position: absolute;
    bottom: -8%;
    left: 0;
}

#gsmx .content {
    padding: 30px 0 0 0;
    position: relative;
    z-index: 10;
}

#gsmx .content .title-section {
    color: #646466;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.8px;
    margin-top: 0;
    margin-bottom: -10px;
}

#gsmx .text {
    color: #8c8c8c;
    font-size: 16px;
    letter-spacing: -0.35px;
    position: relative;
}

#gsmx .img-size {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px
}

#gsmx .img-size-right {
    width: calc(100% + 40px);
    margin: 0;
}

#gsmx .list-margin {
    margin-top: -18px;
    margin-bottom: 20px;
}

#gsmx .content .green-title {
    color: #26b3a8;
    letter-spacing: -0.8px;
    font-size: 26px;
    font-weight: 500;
}

#gsmx .content .green-text {
    color: #26b3a8;
    font-size: 19px;
    letter-spacing: -0.35px;
}

#gsmx .content .green {
    color: #26b3a8;
    margin-top: 0;
}

#gsmx .fn20 {
    font-size: 20px !important;
}

#gsmx .medium {
    font-weight: 500;
}

#gsmx .normal {
    font-weight: 400;
}

#gsmx .light {
    font-weight: 200;
}

#gsmx ul {
    list-style: none;
    padding-left: 20px;
}

#gsmx li {
    line-height: 1.1;
    padding-top: 10px;
}

#gsmx ul li:before {
    content: '\2022';
    color: #26b3a8;
    position: absolute;
    margin-left: -15px;
}

#gsmx .content .add-info {
    opacity: 0.5;
    font-size: 13px;
    color: #8c8c8c;
    letter-spacing: -0.35px;
}

#gsmx .content .arrow-comp {
    position: absolute;
    right: 0;
    bottom: -25%;
    z-index: -10;
}

#gsmx .content-2col {
    display: flex;
}

#gsmx .left {
    width: 50%;
    padding-right: 20px;
}

#gsmx .right {
    width: 50%;
    padding: 0 20px;
}

#gsmx .bottom {
    align-self: flex-end;
}

#gsmx .dual-path-gradient {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#gsmx .content .section {
    position: relative;
}

#gsmx .content.gsm-gate h3 {
    padding-left: 20px;
    padding-top: 20px;
}

#gsmx .content.gsm-gate p {
    padding: 0 20px;
}

#gsmx .content .arrow-dual-path {
    position: absolute;
    z-index: -10;
    top: 20%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#gsmx .gradient-top {
    width: calc(100% + 40px);
    margin: 0 0 -30px -20px;
}

#gsmx .gradient-bottom {
    width: calc(100% + 40px);
    margin: -30px 0 0 -20px;
}

#gsmx .arrow-remote {
    position: absolute;
    top: -30%;
    right: -3%;
    z-index: -10;
}

#gsmx .content.communication {
    margin-top: 40px;
    padding-left: 20px;
}

#gsmx .content.compatibility {
    padding: 0 20px;
    margin-top: 30px;
}

#gsmx .mrg20 {
    margin-top: 20px;
}

#gsmx .content.remote-control {
    margin-top: 0;
    padding-top: 0;
}

#gsmx .arrow-access {
    position: absolute;
    top: -9%;
    left: -3%;
    z-index: -10;
}

#gsmx .content.app p:first-child {
    color: #646466;
    font-size: 19px;
}

#gsmx .content.mobile-access .content-2col .right {
    padding-top: 45px;
}

#gsmx .arrow-functions {
    position: absolute;
    top: -10%;
    right: 33%;
    z-index: -10;
}

#gsmx .gsm-gate {
    background: url(//media.satel.pl/img/desc/gsmx/GSM-X-border-gateway-gsm.jpg) no-repeat;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    height: 294px;
}

#gsmx .slider-section .left-part, #gsmx .slider-section .right-part {
    padding: 0 20px;
    width: 50%;
}

#gsmx .slider-section .content-2col {
    margin-top: 15px;
}

#gsmx .slider-section h3 {
    padding-left: 20px;
    color: #26b3a8;
    font-size: 19px;
    letter-spacing: -0.35px;
    text-align: center;
    font-weight: 400;
}

#gsmx .slider-section ul li  {
    line-height: 1.1;
    padding-top: 10px;
}

#gsmx .slider-section .buttons {
    position: absolute;
    text-align: center;
    bottom: 3%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#gsmx .slider-section .add-info {
    opacity: 0.5;
    font-size: 13px;
    color: #8c8c8c;
    letter-spacing: -0.35px;
    position: relative;
    top: -44px;
    left: 40px;
}

#gsmx .slider-section .prev {
    margin-right: 30px;
    float: none;
    display: inline;
    border: none;
}

#gsmx .slider-section .next {
    margin-left: 30px;
    float: none;
    display: inline;
    border: none;
}

#gsmx .icon-list-bar {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#gsmx .extraspace {
    position: relative;
    right: -20px;
}

#gsmx .footer h1 {
    font-size: 35px;
    color: #909090;
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    border-bottom: none;
}

#gsmx .footer p {
    padding-left: 20px;
    font-size: 14px;
    margin-top: -7px;
    color: #909090;
    padding-bottom: 10px;
}

#gsmx .footer .left {
    padding-top: 70px;
}

#gsmx .footer .right {
    padding-top: 70px;
}

#gsmx .footer {
    padding-bottom: 55px;
}

#gsmx .footer .btn-where-buy {
    text-transform: uppercase;
    padding: 9px 25px;
    border: 1px solid #d3d3d3;
    color: #909090;
    font-size: 12px;
    text-decoration: none;
    margin-left: 20px;
    margin-top: 15px;
}

#gsmx .animate-opacity {
    animation: opac-gsmx 0.8s;
}

@keyframes opac-gsmx {
    from{opacity:0}
    to{opacity:1}
}

#gsmx .slider-section {
    background-image: url(//media.satel.pl/img/desc/gsmx/GSM-X-slider_bg.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    height: 747px;
    width: calc(100% + 40px);
    margin: 30px 0 0 -20px;
}

#gsmx .slider-section h2 {
    font-size: 36px;
    font-weight: 400;
    text-align: center;
    color: #26b3a8;
    padding-top: 55px;
    position: relative;
    z-index: 10;
}

#gsmx .slider-section .slider-gsmx-img {
    margin: -48px auto -45px;
    display: block;
}

#gsmx .dot {
    cursor: pointer;
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background: url(//media.satel.pl/img/desc/gsmx/GSM-X-slider-unselect.png) no-repeat;
    display: inline-block;
    transition: background-color 0.6s ease;
}

#gsmx .active, #gsmx .dot:hover {
    background: url(//media.satel.pl/img/desc/gsmx/GSM-X-slider-select.png) no-repeat;
}

#gsmx .btn-where-buy:hover {
    background-color: #909090;
    color: #ffff !important;
    transition: .3s all ease-in-out;
}

#gsmx .prev:hover, #gsmx .next:hover {
    cursor: pointer;
}

#csp-table .hoverTable{
    width:100%;
    border-collapse:collapse;
    font-size: 13px;
    font-family: Ubuntu;
}

#csp-table .hoverTable td{
    padding: 5px 10px;
    border-bottom: 1px solid #dd7da1;
    text-align: center;
}

#csp-table .hoverTable tr{
    background: #fff;
    padding: 0;
    margin: 0;
}

#csp-table .hoverTable tbody tr:hover {
    opacity: 0.7;
}

#csp-table .hoverTable tr:first-child > th:nth-child(2) {
    border-right: 1px solid #dd7da1;
}


#csp-table .hoverTable td:first-child, #csp-table .hoverTable tr:first-child > th:nth-child(2), #csp-table .hoverTable tr:first-child > th:nth-child(3) {
    background: #a90041;
    color: #fff;
    text-align: left;
    max-width: 250px;
}

#csp-table .hoverTable tr:first-child > th:nth-child(2), #csp-table .hoverTable tr:first-child > th:nth-child(3) {
    text-align: center;
}

#csp-table .hoverTable thead tr:first-child th:first-child {
    background: #fff;
    border: none;
    text-align: left;
    opacity: 1;
}

#csp-table .hoverTable th:nth-child(n+1):nth-child(-n+4) {
    background: #fff;
    border: 1px solid #a90041;
    padding: 5px 25px;
    opacity: 1;
    white-space: nowrap;
}

#csp-table .hoverTable tr:nth-child(2) > th:nth-child(n+1):nth-child(-n+4):hover {
    cursor: pointer;
    opacity: 0.6;
}

#csp-table .hoverTable tbody td:nth-child(1n+1):nth-child(even) {
    background: #adaeb0;
    border: 1px solid #77787A;
    color: #fff;
}

#csp-table .hoverTable tbody td:nth-child(1n+2):nth-child(odd) {
    background: #e6e6e6;
    border: 1px solid #77787A;
    color: #77787A;
}

#csp-table .hoverTable a {
text-decoration: none;
color: #a90041;
}

#csp-table .hoverTable a:hover {
    opacity: 1;
}

#csp-table table {
    border-collapse: collapse;
    border-spacing: 0;
}

#csp-table .hoverTable .name {
    font-size: 24px;
    color: #6d6e70;
    padding: 0;
    margin: 0;
    line-height: 1;
    margin-top: -25px;
    margin-left: -17px;
    letter-spacing: -1px;
}

#csp-table .hoverTable .name span {
    font-weight: 400;
    color: #a90041;
    font-size: 18px;
}

#csp-table .extra-info {
    font-size: 10px;
    padding-left: 25px;
    margin-top: 6px;
}

#abax2 {
    width: 678px;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    margin: 0 auto;
    margin-top: -11px;
}

#abax2 .header img {
    display: block;
    margin: 75px auto 0;
}

#abax2 .header .full-width-img {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#abax2 .flex-section .full-width-img {
    width: calc(100% + 0px);
    margin: 0 0 0 -20px;
}

#abax2 .header .full-width-section {
    width: 100%;
    margin: 0 0 0 -20px;
}

#abax2 .header h3 {
    font-family: Ubuntu;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    text-align: center;
    color: #5c5c5c;
    margin-top: 3px;
    margin-bottom: 75px;
}

#abax2 .bgap {
    margin-bottom: 100px !important;
}

#abax2 .section-title {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #5c5c5c;
    letter-spacing: -0.3px;
    font-family: Ubuntu;
}

#abax2 .section-title.orange {
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #fc671a;
    letter-spacing: -0.3px;
    font-family: Ubuntu;
}

#abax2 .paragraph {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 24px;
    letter-spacing: -0.3px;
    font-family: Ubuntu;
    font-weight: 400;
}

#abax2 .section {
    padding: 30px 20px;
}

#abax2 .gradient-gtw {
    background-color: transparent;
    background-image: linear-gradient(360deg, #fff 93%, #f2f2f2 100%);
    width: calc(100% + 0px);
    margin: 0 0 0 -20px;
}

#abax2 .gradient-gtw2 {
    background-color: transparent;
    background-image: linear-gradient(360deg, #fff 37%, #f2f2f2 100%);
    width: calc(100% + 40px);
    margin: 0px 0 0 -20px;
}

#abax2 .padr {
    padding-right: 20px;
}

#abax2 .flex-section {
    display: flex;
}

#abax2 .flex-section.center {
    display: flex;
    align-items: center;
}

#abax2 .flex {
    display: flex;
}

#abax2 .paragraph.orange.title {
    text-transform: uppercase;
    color: #fc671a;
    font-weight: 500;
    font-size: 18px;
    position: relative;
    top: -20px;
    left: 20px;
    font-family: Ubuntu;
}

#abax2 .paragraph.sfont {
    font-size: 14px;
    font-family: Ubuntu;
}

#abax2 ul.numbered-list {
    counter-reset: li;
    list-style-type: none;
    font-size: 14px;
    line-height: 18px;
    padding-left: 0;
    font-family: Ubuntu;
}

#abax2 ul.numbered-list li {
    position: relative;
    padding: 15px 0 5px 40px;
    line-height: 1.5;
    font-weight: 600;
    font-family: Ubuntu;
}

#abax2 ul.numbered-list li:before {
    content: counter(li);
    counter-increment: li;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #fc671a;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    top: 14px;
    font-weight: 400;
    font-size: 15.8px;
}

#abax2 .bezpieczena-przestrzen div:first-child h1 {
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    color: #fc671a;
    margin: 0 0 40px 0;
    letter-spacing: -0.3px;
    border-bottom: none;
    font-family: Ubuntu;
    padding: 0 20px;
}

#abax2 .bezpieczena-przestrzen div:first-child h3 {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: #5c5c5c;
    letter-spacing: 3.2px;
    padding: 100px 0 22px;
    font-family: Ubuntu;
}

#abax2 .separator {
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #e5e5e5;
    width: 40px;
    margin: 0 auto;
}

#abax2 .separator-prod {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #e5e5e5;
    width: 100%;
    margin: 0 auto;
}

#abax2 .separator-orange {
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #fc671a;
    width: 40px;
    margin: 25px 0 25px;
}

#abax2 .img-list {
    margin-left: 10px;
}

#abax2 .kursywa {
    font-style: italic;
    font-weight: 500;
}

#abax2 .gaptop {
    margin-top: 40px;
}

#abax2 .gaptop30 {
    margin-top: 30px;
}

#abax2 .bezpieczena-przestrzen .flex.gap {
    margin-top: 40px;
    margin-bottom: 30px;
}

#abax2 .bezpieczena-przestrzen .bg_img {
    background: url("//media.satel.pl/img/desc/abax2/abax_bg.png") top right no-repeat;
}

#abax2 .products .header h1, #abax2 .ochrona .header h1 {
    padding-top: 70px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 40px !important;
    color: #5c5c5c;
    border: none;
}

#abax2 .products .header .separator, #abax2 .ochrona .header .separator {
    border-top-style: solid;
    border-top-width: 4px;
    border-top-color: #fc671a;
    width: 40px;
    margin: 0 auto 50px;
}

#abax2 .orange-box .paragraph.white {
    color: #fff;
    padding-left: 20px;
}

#abax2 .orange-box {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    background: #fc671a;
}

#abax2 .dgcolor {
    color: #282828;
    font-weight: 600;
}

#abax2 .prod-separator {
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #d7d7d7;
    width: 100%;
    margin: 0 auto;
}

#abax2 .product.bgprod {
    background: #dfe9f0;
}

#abax2 .mtop {
    margin-top: -60px !important;
}

#abax2 ul.alphabet-list {
    counter-reset: listStyle;
    list-style-type: none;
    font-size: 14px;
    line-height: 18px;
    padding-left: 0;
    font-family: Ubuntu;
    margin-bottom: 75px;
}

#abax2 ul.alphabet-list li {
    position: relative;
    padding: 5px 0 5px 45px;
    line-height: 1.5;
    font-weight: 500;
    font-family: Ubuntu;
    margin-top: -10px;
}

#abax2 ul.alphabet-list li:before {
    content: counter(listStyle, lower-alpha);
    text-transform: uppercase;
    counter-increment: listStyle;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #fc671a;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 6px;
    top: 33px;
    font-weight: 400;
    font-size: 18px;
}

#abax2 .dla-ciebie {
    background: url("//media.satel.pl/img/desc/abax2/abax2_jest_dla_ciebie.jpg");
    height: 352px;
    width: calc(100% + 40px);
    margin: 50px 0 0 -20px;
    position: relative;
}

#abax2 .dla-ciebie .box1 {
    background: #fc671a;
    display: inline-block;
}

#abax2 .dla-ciebie .overlay h3, #abax2 .przyszlosc .overlay h3, #abax2 .szczegoly .overlay h3, #abax2 .rozwiazania .overlay h3 {
    color: #ffffff;
    font-size: 30px;
    margin: 0;
    width: 100%;
    font-weight: 500;
}

#abax2 .dla-ciebie .overlay h4, #abax2 .przyszlosc .overlay h4, #abax2 .szczegoly .overlay h4, #abax2 .rozwiazania .overlay h4 {
    color: #ffffff;
    font-size: 24px;
    margin: 0;
    width: 100%;
    font-weight: 400;
    line-height: 20px;
}

#abax2 .dla-ciebie .overlay, #abax2 .przyszlosc .overlay, #abax2 .szczegoly .overlay, #abax2 .rozwiazania .overlay {
    position: absolute;
    top: -20px;
    left: 20px;
    background: transparent;
    text-align: left;
    background-image: linear-gradient(315deg, transparent 0%, transparent 10%, #fc671a 10%, #fc671a 60%);
    padding: 30px 22px;
}

#abax2 .orangebox .overlay2 {
    background: transparent;
    text-align: left;
    background-image: linear-gradient(315deg, transparent 0%, transparent 5%, #fc671a -13%, #fc671a 26%);
    padding: 15px 75px 15px 20px;
    display: inline-block;
    margin: 25px 0 35px;
}

#abax2 .video-section {
    padding: 50px 20px;
    margin-top: 50px;
}

#abax2 .video-section h2 {
    color: #5c5c5c;
    font-size: 42px;
    text-align: center;
    font-weight: 400;
    padding: 20px 20px 50px;
}

#abax2 .video-section .vid-container {
    display: flex;
    padding-bottom: 30px;
}

#abax2 .vid-container > div {
    width: 50%;
}

#abax2 .vid-container div > h4 {
    padding: 0;
    margin: 0;
    color: #5c5c5c;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.2
}

#abax2 .vid-container div > h5 {
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    color: #989898;
    line-height: 1.2
}

#abax2 .video-img {
    position: relative;
}

#abax2 .vid-container div > p {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 24px;
}

#abax2 .orangebox .overlay2 h4 {
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    margin: 0;
    text-align: left;
    padding: 0;
}

#abax2 .dla-ciebie .box2 h3, #abax2 .dla-ciebie .box3 h3 {
    color: #ffffff;
    font-size: 25px;
    font-weight: 500;
    margin: 0;
    line-height: 1;
}

#abax2 .dla-ciebie .box2 h4, #abax2 .dla-ciebie .box3 h4 {
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
    margin: 5px 0 0;
    line-height: 20px;
}

#abax2 .dla-ciebie .box2 {
    position: absolute;
    top: 150px;
    left: 50px;
    width: 35%;
    background: rgba(100, 99, 99, 0.6);
    text-align: left;
    padding: 15px;
}

#abax2 .dla-ciebie .box3 {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 36%;
    background: rgba(100, 99, 99, 0.6);
    text-align: left;
    padding: 15px;
}

#abax2 .vid-container span a {
    font-size: 16px;
    text-decoration: underline;
    color: #5c5c5c;
    font-weight: 400;
}

#abax2 .przyszlosc {
    background: url("//media.satel.pl/img/desc/abax2/abax2_przyszlosc1.jpg");
    height: 352px;
    width: calc(100% + 40px);
    margin: 50px 0 0 -20px;
    position: relative;
}

#abax2 .overlay-video {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 322px;
    height: 181px;
    transition: 0.5s;

}

#abax2 .overlay-video svg {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

#abax2 .overlay-video svg path {
    transform-origin: center;
}

#abax2 .cls-1 {
    position: absolute;
    top: 0;
    left: 0;
    fill: #fff;
    transition: 0.5s;
}

#abax2 .overlay-video:hover .cls-1 {
    fill: #3e3e3e;
    transform: scale(0.8);

}

#abax2 .overlay-video:hover {
    background: rgba(0, 0, 0, 0)
}

#abax2 .przyszlosc h3, #abax2 .szczegoly h3, #abax2 .rozwiazania h3 {
    color: #5c5c5c;
    font-size: 25px;
    font-weight: 500;
    margin: 0;
}

#abax2 .przyszlosc h4, #abax2 .szczegoly h4, #abax2 .rozwiazania h4 {
    color: #5c5c5c;
    font-size: 14px;
    font-weight: 400;
    margin: 10px 0 0;
    line-height: 20px;
}

#abax2 .przyszlosc .box {
    position: absolute;
    bottom: 40px;
    left: 20px;
    width: 66%;
    background: rgba(255, 255, 255, 0.6);
    text-align: left;
    padding: 15px;
}

#abax2 .szczegoly {
    background: url("//media.satel.pl/img/desc/abax2/abax2_szczegoly.jpg");
    height: 352px;
    width: calc(100% + 20px);
    margin: 50px 0 0 -20px;
    position: relative;
    background-color: #fbfbfb;
    padding-left: 20px;
    position: relative;
}

#abax2 .szczegoly img {
    margin: 20px 0 10px;
}

#abax2 .slider-buttons {
    text-align: center;
    margin-bottom: 50px;;
}

#abax2 .szczegoly .small {
    font-size: 10px;
    color: #5c5c5c;
}

#abax2 .rozwiazania {
    background: url("//media.satel.pl/img/desc/abax2/abax2_solidne_rozwiazania1.jpg");
    height: 352px;
    width: calc(100% + 40px);
    margin: 50px 0 0 -20px;
    position: relative;
}

#abax2 .rozwiazania .box {
    position: absolute;
    bottom: 40px;
    left: 40px;
    width: 66%;
    background: rgba(255, 255, 255, 0.6);
    text-align: left;
    padding: 15px;
}

#abax2 .produkty-lista {
    display: flex;
    padding: 20px;
    width: calc(100% + 0px);
    margin: 0 0 0 -20px;
}

#abax2 .produkty-lista .produkt {
    margin: 0 5px;
    padding: 15px;
    position: relative;
    width: 33%;
    display: flex;
    flex-direction: column;
}

#abax2 .icon-list {
    position: absolute;
    top: 0;
    right: 25px;
}

#abax2 .produkt-img {
    min-height: 100px;
    display: flex;
    align-items: flex-end;
}

#abax2 .produkt-opis {
    display: flex;
    flex-direction: column;
    margin-top: 15px;
}

#abax2 .produkt-opis h6 {
    font-size: 16px;
    font-weight: 600;
    color: #5c5c5c;
    margin: 0;
}

#abax2 .produkt-opis p {
    color: #5c5c5c;
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    margin: 0;
}

#abax2 .produkt span {
    position: absolute;
    top: 25px;
    left: 20px;
    background: #fc671a;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 3px 5px
}

#abax2 .kompatybilnosc {
    padding: 0 20px;
}


#abax2 .kompatybilnosc .border {
    border: 2px solid #fc7c11;
    font-size: 14px;
    display: block;
    padding: 30px 30px 30px 40px;
    margin: 0 auto;
    max-width: 51%;
}

#abax2 .piatka {
    min-height: 98px;
}


#abax2 .kompatybilnosc ul li {
    line-height: 1.4;
}

#abax2 hr {
    border: 0;
    height: 3px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(64, 64, 64, 0.75), rgba(0, 0, 0, 0));
    margin: 50px 0 100px;
}

#abax2 .kompatybilnosc img {
    margin: 0 auto 0 auto;
    display: block;
}

#abax2 .kompatybilnosc img.mtop {
    margin-bottom: 50px;
}


#abax2 .kompatybilnosc .wspolpraca {
    text-align: center;
    font-size: 25px;
    line-height: 1.3;
}

#abax2 .pobieranie {
    background: #fc7c11;
    font-size: 20px;
    color: #fff;
    font-weight: 300;
    text-align: center;
    padding: 20px 50px;
    margin: 50px;
}

#abax2 .bgextra {
    background-color: #dfe9f0;
}

#abax2 .marginleft {
    margin-left: -10px;
}

#abax2 a {
    text-decoration: none;
}

#abax2 .slideshow-container {
    max-width: 1000px;
    position: relative;
    margin: auto;
}

#abax2 .prev, #abax2 .next {
    cursor: pointer;
    position: absolute;
    top: 50%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
}

#abax2 .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

#abax2 .prev:hover, #abax2 .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

#abax2 .dot {
    cursor: pointer;
    height: 11px;
    width: 11px;
    margin: 0 2px;
    background-color: #9f9f9f;
    border-radius: 50%;
    display: inline-block;
    transition: background-color 0.6s ease;
}

#abax2 .active, #abax2 .dot:hover {
    background-color: #fc7c11;
}

#abax2 .fade-abax2 {
    -webkit-animation-name: fade-abax2;
    -webkit-animation-duration: 1.5s;
    animation-name: fade-abax2;
    animation-duration: 1.5s;
}

#abax2 .mySlides {
    display: none
}

@-webkit-keyframes fade-abax2 {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

@keyframes fade-abax2 {
    from {
        opacity: .4
    }
    to {
        opacity: 1
    }
}

#abax2 .legenda > span.punkt {
    position: relative !important;
    margin: 0;
    position: relative;
    margin-top: -50px;
}

#abax2 .legenda > div > span {
    margin-top: -30px;
    font-size: 16px;
}

#abax2 .legenda {
    display: flex;
    justify-content: space-around;
}

#abax2 .legenda > div {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#abax2 .legenda p {
    color: #5c5c5c;
    text-align: center;
    font-size: 16px;
}

#abax2 .mapa {
    background: url("//media.satel.pl/img/desc/abax2/abax2_rzut_new.jpg") no-repeat;
    height: 599px;
    max-width: 718px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

#abax2 .tresc {
    background: rgba(255, 255, 255);
    display: none;
    z-index: 1110;
    position: relative;
    pointer-events: none;
    border: 1px solid #fc671a;
    transition: 3s;
}

#abax2 .tresc h1 {
    font-size: 25px;
    color: #434343;
    margin: 0px;
    text-decoration: none;
}

#abax2 .tresc p {
    font-size: 14px;
    color: #434343;
    line-height: 1.4;
}

#abax2 .kontener {
    display: flex;
    flex-direction: row;
}

#abax2 .kontener > span {
    position: relative;
    margin: 0;
    width: 20px;
    height: 20px;
    font-size: 14px;
    top: 3px;
}

#abax2 .kontener > h1 {
    margin-left: 12px;
    font-size: 25px;
    border-bottom: none;
}


#abax2 .punkt_A:hover ~ #abax2 .tresc_A, #abax2 .punkt_B:hover ~ #abax2 .tresc_B, #abax2 .punkt_C:hover ~ #abax2 .tresc_C, #abax2 .punkt_D:hover ~ #abax2 .tresc_D, #abax2 .punkt_E:hover ~ #abax2 .tresc_E {
    display: flex;
    flex-direction: column;
    padding: 25px 30px;
    position: absolute;
    width: 300px;
    left: -56%;
    bottom: 17px;
}

#abax2 .description{
    display: flex;
    flex-direction: column;
    padding: 25px 30px;
    position: absolute;
    width: 400px;
    left: -70%;
    bottom: 17px;
    bottom: 17px;
}

#abax2 .punkt {
    position: absolute;
    background: #fc671a;
    border-radius: 50%;
    margin: 10px;
    height: 30px;
    width: 30px;
    color: #fff;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    z-index: 100;
    font-size: 16px;
}

#abax2 .animation {
    animation: pulse 2s infinite;
}

#abax2 .punkt_A.pierwszy {
    right: 68px;
    top: 34px;
}

#abax2 .punkt_A.drugi {
    left: 96px;
    bottom: 76px;
}

#abax2 .punkt_A.trzeci {
    right: 123px;
    bottom: 72px;
}

#abax2 .punkt_B.pierwszy {
    top: 20px;
    left: 10px;
}

#abax2 .punkt_B.drugi {
    left: 212px;
    top: 271px;
}

#abax2 .punkt_B.trzeci {
    right: 130px;
    bottom: 137px
}

#abax2 .punkt_B.czwarty {
    right: 300px;
    bottom: 70px;
}

#abax2 .punkt_B.piaty {
    left: 12px;
    bottom: 17px;
}

#abax2 .punkt_C.pierwszy {
    right: 328px;
    top: 62px;
}

#abax2 .punkt_C.drugi {
    left: 71px;
    top: 227px;
}

#abax2 .punkt_C.trzeci {
    right: 149px;
    bottom: 100px;
}

#abax2 .punkt_D.pierwszy {
    left: 141px;
    top: 142px;
}

#abax2 .punkt_D.drugi {
    right: 238px;
    top: 263px;
}

#abax2 .punkt_D.trzeci {
    bottom: 158px;
    left: 219px;
}

#abax2 .punkt_E.pierwszy {
    right: 75px;
    top: 109px;
}

#abax2 .punkt_E.drugi {
    right: 91px;
    bottom: 258px;
}

#abax2 .punkt_E.trzeci {
    left: 136px;
    bottom: 76px;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(252, 103, 26, 0.5);
    }

    70% {
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

@keyframes pulse2 {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgb(244, 43, 21);
    }

    70% {
        transform: scale(1.3);
        box-shadow: 0 0 0 10px rgba(244, 24, 24, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(244, 24, 24, 0);
    }
}

#abax2 .kolor {
    animation: pulse2 1.55s infinite;
    background: rgb(244, 43, 21);
    transform: scale(1);
    background: #fff;
    border: 1px solid red;
    color: red;
}

#abax2 .prod-container {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    text-align: center;
}

#abax2 .prod-container .produkt {
    width: 25%;
    align-self: center;
}

#abax2 .prod-container .produkt > .produkt-img {
    min-height: 100px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transform: scale(0.9);
    margin: -10px auto;
}

#abax2 .prod-container .produkt > p {
    font-size: 13px;
}

#abax2 .bateria {
    background: url("http://media.satel.pl/img/desc/abax2/abax2_bateria_bg.jpg") center no-repeat;
    height: 285px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    width: calc(100% + 40px);
    margin: -15px 0 0 -20px;
    padding-bottom: 50px;
}

#abax2 .bateria > p {
    font-size: 18px;
    font-weight: 500;
    color: #5c5c5c;
    width: 45%;
    padding: 0px 20px 0px 0;
    line-height: 1.4;
}

@media (max-width: 1280px) {
    #abax2 .description {
        display: flex;
        flex-direction: column;
        padding: 25px 30px;
        position: absolute;
        width: 380px;
        left: -64%;
        bottom: 17px;
        bottom: 17px;
    }

    #abax2 .description p {
        font-size: 13px
    }

    #abax2 .description h1 {
        font-size: 24px
    }
}

#slimline {
    width: 678px;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    margin: 0 auto;
    margin-top: -1em;
    color: #5c5c5c;
}

#slimline p {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 24px;
    letter-spacing: -0.3px;
    font-weight: 400;
}

#slimline .white {
    color: #fff;
}

#slimline .fullwidth {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#slimline .align-center {
    text-align: center;
}

#slimline .section-title {
    font-size: 32px;
    color: #0069b4;
    font-weight: 500;
    border-bottom: none;
}

#slimline .section-title.f36 {
    font-size: 36px;
    text-align: center;
    margin-bottom: 45px;
}

#slimline .semi-title {
    font-weight: bold;
    font-size: 22px;
}

#slimline .sub-title {
    font-size: 18px;
    font-weight: bold;
}

#slimline .gradient-top {
    margin: 0 0 -40px -20px;
}

#slimline .txtcenter {
    display: flex;
    align-content: center;
    flex-wrap: wrap;
}

#slimline .gradient-bottom {
    transform: rotate(180deg);
    margin: -40px 0 0 -20px;
}

#slimline .flex-center {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

#slimline .pl-20 {
    padding-left: 20px;
}

#slimline .opacity {
    opacity: 0.5;
}

#slimline .blue {
    color: #0069b4
}

#slimline .mb-0 {
    margin-bottom: 0;
}

#slimline .s1 h3 {
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    margin: 80px auto 50px;
}

#slimline .s1 img {
    display: block;
    margin: 0 auto 50px;
}

#slimline .s2 .img-row {
    display: flex;
    align-items: start;
    padding-top: 85px;
}

#slimline .s2 .img-row div {
    width: 75px;
}

#slimline .s2 .img-row span {
    display: none;
}

#slimline .s2 .img-row img {
    position: relative;
    transition: .2s all ease;
}

#slimline .s2 .img-row .element, .s3 .element {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

#slimline .s2 p {
    max-width: 80%;
    display: block;
    margin: 0 auto;
}

#slimline .s2 p.lista {
    color: #949494;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    line-height: 16px;
    letter-spacing: 0.2px;
    margin: 30px auto;
}

#slimline .s2  a.btn {
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #d9d9d9;
    padding: 28px 50px;
    display: table;
    color: #8d8d8d;
    margin: 0 auto;
    text-decoration: none;
    position: relative;
    z-index: 10;
    background: transparent;
    transition: .3s all ease-in;
}


#slimline .s2  a.btn:hover {
    background-color: #0069b4;
    cursor: pointer;
    color: #fff;
}

#slimline .link {
    position: relative;
    transition: all .6s ease;
    text-transform: uppercase;
    text-decoration: none;
}

#slimline .link:before {
    content: "";
    position: absolute;
    opacity: 0;
    pointer-events: none;
    top: 10%;
    left: 50%;
    transform: translate3d(-50%, 0%, 0);
    transition: all .7s ease;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #0069b4 transparent transparent transparent;
    z-index: 100;
}

#slimline .link:after {
    text-transform: none;
    content: attr(data-tooltip);
    font-size: 16px;
    position: absolute;
    color: #fff;
    background: #0069b4;
    padding: 12px 34px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 200px;
    opacity: 0;
    pointer-events: none;
    left: 50%;
    top: inherit;
    transform: translate3d(-50%, 0%, 0);
    transition: all .6s ease;
    z-index: 100;
}

#slimline .link:hover img {
    transform: translate3d(0%, -11%, 0);
    transition: all .8s ease;
}

#slimline .link:hover:before, #slimline .link:hover:after {
    opacity: 1;
}

#slimline .link:hover:before {
    transform: translate3d(-50%, calc(-100% - 34px), 0);
}

#slimline .link:hover:after {
    transform: translate3d(-50%, calc(-100% - 30px), 0);
}

#slimline .s3 {
    background: url("https://media.satel.pl/img/desc/slimline/slimline_lens.jpg") right no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
    padding: 50px 0;
    min-height: 535px;
    margin-top: 25px;
}

#slimline .s3 .container-icon {
    display: flex;
    width: 55%;
    margin-top: 30px;
    justify-content: space-between;
    margin-left: -30px;
}

#slimline .s3 p {
    max-width: 50%;
}

#slimline .s3 .element {
    flex-direction: column;
    justify-content: space-around;
    width: 130px;
}

#slimline .s3 .element span {
    text-align: center;
    margin-top: 10px;
    font-size: 14px;
}

#slimline .s4 div.header {
    display: flex;
}

#slimline .s4 div.header p {
    width: 40%;
}

#slimline .s4 div.header img {
    margin-left: auto;
}

#slimline .s4 div.content, #slimline .s6 div.content {
    display: flex;
    margin-top: 50px;
}

#slimline .s4 div.content span {
    font-size: 12px;
    text-align: center;
    max-width: 80%;
    display: table;
    margin: 15px auto 0;
}

#slimline .s4 .content .layer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;"
}

#slimline .s4 .video {
    background: #fff;
    position: relative;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    min-height: 330px;
    background-image: linear-gradient(225deg, transparent 0%, transparent 3%, #646363 -88%, #646363 26%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#slimline .s4 .content .desc {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#slimline .overlay-video {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    width: 313px;
    height: 155px;
    transition: 0.5s;
    top: 0px;
}

#slimline .overlay-video svg, #slimline .overlay-video2 svg {
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}

#slimline .overlay-video svg path {
    transform-origin: center;
}

#slimline .cls-1 {
    position: absolute;
    top: 0;
    left: 0;
    fill: #646363;
    transition: 0.5s;
}

#slimline .overlay-video2  .cls-1 {
    position: absolute;
    top: 0;
    left: 0;
    fill: #ffffff;
    transition: 0.5s;
}

#slimline .overlay-video2:hover  .cls-1 {
    fill: #5c5c5c;

}

#slimline .overlay-video:hover .cls-1 {
    fill: #3e3e3e;
    transform: scale(0.8);
}

#slimline .overlay-video:hover {
    background: rgba(0, 0, 0, 0)
}

#slimline .s4 a.btn-compare {
    font-size: 16px;
    font-weight: 500;
    padding: 15px 0;
    display: table;
    color: #fff;
    margin: 40px auto 0;
    text-decoration: none;
    position: relative;
    z-index: 10;
    background: #0069b4;
    width: 313px;
    text-align: center;
}

#slimline .s4 a.btn-compare:hover {
    background-color: #fff;
    cursor: pointer;
    color: #0069b4;
    transition: .4s all linear;
}

#slimline .s5 {
    margin-top: 75px;
}

#slimline .section1 {
    background: url("https://media.satel.pl/img/desc/slimline/slimline_inside.jpg") no-repeat;
    height: 484px;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
    background: right center;
}

#slimline .section1 > div {
    position: absolute;
    left: 20px;
    bottom: 20px;
    max-width: 300px;
}

#slimline .section2 {
    background: url("https://media.satel.pl/img/desc/slimline/slimline_inside2.jpg") no-repeat;
    height: 493px;
    width: calc(100% + 40px);
    margin: 50px 0 0 -20px;
    position: relative;
}


#slimline .section2 > div {
    position: absolute;
    right: 20px;
    bottom: 20px;
    max-width: 300px;
}

#slimline .section2 > div > img {
    left: -20px;
    position: relative;
}

#slimline .s6 div.content > div:first-child {
    display: flex;
    margin: 20px 0;
    flex-direction: column;
    justify-content: flex-end;
}

#slimline .s6 div.content > div:first-child img {
    max-width: 58px;
}

#slimline .s7 {
    margin-top: 70px;
}

#slimline .s7 .overlay-video2 {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    width: 717px;
    height: 403px;
    transition: 0.5s;
    top: 0;
}

#slimline .overlay-video2:hover {
    background: rgba(0, 0, 0, 0)
}

#slimline .s8 {
    margin-top: 30px;
}

#slimline .s8 .time-line {
    display: flex;
    border-left: 2px solid #0069b4;
    margin: 0;
    padding: 0 0 70px 0;
}

#slimline .s8 .time-line .number {
    text-align: right;
    margin-right: 5px;
    font-size: 16px;
    color: #fff;
    padding: 5px;
}

#slimline .s8 .time-line p, #slimline .s8 .time-line h3 {
    margin-top: 0;
}

#slimline .s8 .time-line:last-child {
    padding-bottom: 30px;
}

#slimline .s9 {
    background: url("https://media.satel.pl/img/desc/slimline/slimline_luna_bg.jpg") right no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
    min-height: 858px;
}

#slimline .s9 .container {
    position: absolute;
    left: 40px;
    bottom: 24px;
    width: 400px;
}

#slimline .s10 {
    background: #f9f9f9;
    margin-top: 30px;
    padding: 50px 0 30px;
}

#slimline .s10 .container {
    display: flex;
}


#slimline .s10 .container .img-section img {
    margin-left: -20px;
}

#slimline .s10 .container .text-section {
    width: 57%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-bottom: 20px;
    margin-left: -20px;
}

#slimline .s10 .container .text-section img {
    max-width: 48px;
}

#slimline .s11 h3 {
    color: #fff;
    letter-spacing: -0.5px
}

#slimline .s12 {
    margin-top: 100px;
}

#slimline .s12 h3 {
    margin-bottom: 0;
}

#slimline .s12 p.header {
    color: #7e7e7e;
    font-size: 24px;
    letter-spacing: 2px;
    font-weight: 400;
    margin-top: 0;
}

#slimline .s12 .section-title {
    margin-bottom: 0;
    font-size: 36px;
}

#slimline .table-slim .hoverTable{
    width:100%;
    border-collapse:collapse;
    font-size: 13px;
    font-family: Ubuntu;
    margin-top: 330px;
    margin-bottom: 100px;
}

#slimline .table-slim .hoverTable td{
    padding: 19px 14px;
    text-align: center;
}

#slimline .table-slim .hoverTable tr{
    background: #fff;
    padding: 0;
    margin: 0;
}

#slimline .table-slim .hoverTable th {
    padding: 0;
    margin: 0;
    transform: rotate(270deg);
    max-width:20px;
    white-space: nowrap;
    position: relative;
    bottom: -12px;
}

#slimline .table-slim .hoverTable tbody tr:hover {
    opacity: 0.7;
}


#slimline .table-slim .hoverTable td:first-child, #slimline .table-slim  .hoverTable tr:first-child > th:nth-child(2), #slimline .table-slim .hoverTable tr:first-child > th:nth-child(3) {
    background: #0069b4;
    color: #fff;
    text-align: center;
    font-size: 14px;
    white-space: nowrap;
}

#slimline .table-slim .hoverTable tr:first-child > th:nth-child(2), #slimline .table-slim  .hoverTable tr:first-child > th:nth-child(3) {
    text-align: center;
}

#slimline .table-slim .hoverTable tbody td:nth-child(1n+1):nth-child(even) {
    background: #dfdfdf;
    color: #424242;
    font-size: 16px;
}

#slimline .table-slim .hoverTable tbody td:nth-child(1n+2):nth-child(odd) {
    background: #dfdfdf;
    color: #77787A;
}

#slimline .table-slim th p {
    width: 340px;
    height: 39px;
    position: relative;
    background: #0069b4;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    padding: 0 15px;
}

#slimline .table-slim .hoverTable a {
    text-decoration: none;
    color: #fff;
}

#slimline .table-slim .hoverTable a:hover {
    opacity: 1;
}

#slimline .table-slim .hoverTable .name {
    font-size: 24px;
    color: #6d6e70;
    padding: 0;
    margin: 0;
    line-height: 1;
    margin-top: -25px;
    margin-left: -17px;
    letter-spacing: -1px;
}


#slimline .table-slim2 .hoverTable{
    width:100%;
    border-collapse:collapse;
    font-size: 13px;
    font-family: Ubuntu;
}

#slimline .table-slim2 .hoverTable td{
    padding: 20px 14px;
    text-align: center;
}

#slimline .table-slim2 .hoverTable tr{
    background: #fff;
    padding: 0;
    margin: 0;
}

#slimline .table-slim2 .hoverTable th {
    padding: 0;
    margin: 0;
    position: relative;
    bottom: -12px;
}

#slimline .table-slim2 .hoverTable tbody tr:hover {
    opacity: 0.7;
}

#slimline .table-slim2 .hoverTable td:first-child, #slimline .table-slim2 .hoverTable tr:first-child > th:nth-child(2), #slimline .table-slim2 .hoverTable tr:first-child > th:nth-child(3) {
    background: #0069b4;
    color: #fff;
    text-align: center;
    font-size: 14px;
}

#slimline .table-slim2 .hoverTable tr:first-child > th:nth-child(2), #slimline .table-slim2  .hoverTable tr:first-child > th:nth-child(3) {
    text-align: center;
}

#slimline .table-slim2 .hoverTable tbody td {
    background: #dfdfdf;
    color: #424242;
    font-size: 12px;
    width: 132px;
}

#slimline .table-slim2 th p {
    height: 39px;
    position: relative;
    background: #0069b4;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    white-space: normal;
    padding: 25px 20px;
    line-height: 1.4;
}

#slimline .table-slim2 .hoverTable a {
    text-decoration: none;
    color: #fff;
}

#slimline .table-slim2 .hoverTable a:hover {
    opacity: 1;
}

#slimline .table-slim2 .hoverTable .name {
    font-size: 24px;
    color: #6d6e70;
    padding: 0;
    margin: 0;
    line-height: 1;
    margin-top: -25px;
    margin-left: -17px;
    letter-spacing: -1px;
}

#slimline .table-slim2 .colspan {
   opacity: 0.3;
}


#slimline .background-image {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

#slimline .toggle-image {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 486px;
    transition: opacity 1s ease-in-out;
}

#slimline .s11 .s1-image {
    background-image: url('https://media.satel.pl/img/desc/slimline/slimline_slider_1.jpg');
    opacity: 0;
}

#slimline .s11 .s2-image {
    background-image: url('https://media.satel.pl/img/desc/slimline/slimline_slider_2.jpg');
    opacity: 0;
}

#slimline .s11 .s3-image {
    background-image: url('https://media.satel.pl/img/desc/slimline/slimline_slider_3.jpg');
    opacity: 0;
}

#slimline .s11 .s4-image {
    background-image: url('https://media.satel.pl/img/desc/slimline/slimline_slider_4.jpg');
    opacity: 0;
}

#slimline .s11 .s5-image {
    background-image: url('https://media.satel.pl/img/desc/slimline/slimline_slider_5.jpg');
    opacity: 0;
}

#slimline .s11 .s6-image {
    background-image: url('https://media.satel.pl/img/desc/slimline/slimline_slider_6.jpg');
    opacity: 0;
}

#slimline .s11 .s7-image {
    background-image: url('https://media.satel.pl/img/desc/slimline/slimline_slider_7.jpg');
    opacity: 0;
}

#slimline .s11 .s1-image.show, #slimline .s11 .s2-image.show, #slimline .s11 .s3-image.show, #slimline .s11 .s4-image.show, #slimline .s11 .s5-image.show, #slimline .s11  .s6-image.show, #slimline .s11 .s7-image.show {
    opacity: 1;
}

#slimline .s11 {
    position: relative;
    height: 486px;
    margin-top: 30px;
}

#slimline .s11 .container {
    position: absolute;
    bottom: 30px;
    left: 40px;
    width: 475px;
}

#aps {
    max-width: 678px;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    margin: 0 auto;
}

#aps .gradient-top {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#aps .s1 {
    background: url("//media.satel.pl/img/desc/aps/header_bg.jpg") top left no-repeat;
}

#aps .s1 img:first-child {
    padding: 100px 0 30px;
}

#aps .s1 h1 {
    font-size: 36px;
    color: #484848;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
    border: none;
}

#aps .s1 p {
    text-align: center;
    max-width: 82%;
    margin: 0 auto;
}

#aps .s1 hr {
    border: 1px solid #e30613;
    width: 100px;
    margin: 30px auto 50px;
    height: 1px;
    background: #e30613;
}

#aps .s2 h2 {
    font-size: 33px;
    color: #484848;
    margin-top: 10px;
    line-height: 1;
}

#aps p {
    color: #5c5c5c;
    font-size: 16px;
    letter-spacing: -0.35px;
    line-height: 1.4;
}

#aps .img-center {
    display: block;
    margin: 0 auto;
}

#aps .extra-info {
    border-left: 4px solid #e30613;
    font-style: italic;
    padding-left: 20px;
    min-height: 30px;
    display: flex;
    align-items: center;
}

#aps .mt-80 {
    margin-top: 80px;
}

#aps .mt-100 {
    margin-top: 100px;
}

#aps .img-right {
    position: absolute;
    bottom: 0;
    right: 0;
}

#aps .s3 h2 {
    color: #2b2b2a;
    font-weight: 500;
    font-size: 36px;
    margin-bottom: 0;
}

#aps .s3 .container {
    display: flex;
    flex-direction: row;
    flex: 1;
}

#aps .s3 .container .desc {
    justify-content: flex-end;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

#aps .s3 .noise {
    background: url("//media.satel.pl/img/desc/aps/noise.jpg") center right no-repeat;
    background-size:  contain;
    width: calc(100% + 40px);
    margin: 100px 0 0 -20px;
    min-height: 315px;
}

#aps .s3 .noise div {
    width: 58%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 315px;
}

#aps .s4 {
    background: url("//media.satel.pl/img/desc/aps/grade3_bg.jpg") center no-repeat;
    background-size:  contain;
    width: calc(100% + 40px);
    margin: 100px 0 0 -20px;
    min-height: 468px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#aps .s4 img {
    margin-top: 50px;
}

#aps .s4 h1 {
    font-size: 36px;
    font-weight: 500;
    color: #2b2b2a;
    border-bottom: none;
}

#aps .s4 .container {
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}

#aps .s5 {
    margin: 100px 0 50px
}

#aps .s5 .container {
    display: flex;
    justify-content: space-between;
}

#aps .s5 h2 {
    font-size: 24px;
    font-weight: 500;
    color: #2b2b2a;
    text-align: center;
    margin: 0 auto;
    max-width: 80%;
    padding-bottom: 45px;
}

#aps .s5 .mb-miss {
    margin-bottom: 34px;
}

#aps .s5 .aps-desc a {
    text-align: center;
    color: inherit;
    text-decoration: none;
}

#aps .s5 .aps-desc {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
}

#aps .s5 h3 {
    margin-top: 25px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 18px;
    color: #5c5c5c;
    letter-spacing: 1px;
}

#aps .s5 p.desc  {
    margin-top: 0;
    opacity: 0.7;
    color: #acacac;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 12px;
}

#aps .border {
    position: relative;
}

#aps .border:after {
    content: "";
    position: absolute;
    z-index: 1;
    border-right: 1px solid #e9e9e9;
    display: block;
    top: 0;
    right: -10px;
    height: 90%;
}

#aps .noborder::after {
    border-right: none;
}

#aps .bg {
    background: #fafafa;
    width: calc(100% + 40px);
    margin: 100px 0 0 -20px;
}

#aps .coop {
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#aps .bg-gradient {
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(248,248,248,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(248,248,248,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa', GradientType=0 );
    width: calc(100% + 40px);
    margin: 100px 0 0 -20px;
}

#knx {
    width: 678px;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    margin: 0 auto;
    margin-top: -11px;
    margin-bottom: -40px;
}

#knx .header .img-knx-header {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
}

#knx .header .logo {
    font-size: 24px;
    font-weight: bold;
    color: #5c5c5c;
}

#knx .header .title {
    font-size: 22px;
    letter-spacing: 2.1px;
    color: #831ca9;
    position: relative;
    top: -190px;
    text-transform: uppercase;
    text-align: center;
}

#knx .header-text {
    font-size: 20px;
    color: #5c5c5c;
    line-height: 1.4;
    letter-spacing: -0.4px;
}

#knx .text {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 1.4;
    letter-spacing: -0.4px;
    margin: 0;
}

#knx .text-white {
    font-size: 16px;
    color: #ffffff;
    line-height: 1.4;
    letter-spacing: -0.4px;
    margin: 0;
    padding-bottom: 25px;
}

#knx .desc-header {
    margin-top: -170px;
}

#knx .nowrap {
    white-space: nowrap;
}

#knx .systems .title-container {
    text-align: left;
    padding-bottom: 20px;
    padding-left: 20px;
}

#knx .systems span:first-child {
     font-size: 52px;
     font-weight: bold;
     color: #6d1f80;
 }

#knx .systems span:nth-child(2) {
    font-size: 32px;
    font-weight: bold;
    color: #6d1f80;
}

#knx .systems span:nth-child(3) {
    font-size: 32px;
    color: #6d1f80;
}

#knx .systems {
    text-align: center;
    background: url(//media.satel.pl/img/desc/knx/header_bg_bottom.jpg) #fff no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#knx .systems ul {
    margin: 0;
    padding: 0 0 40px 0;
    list-style-type: none;
}

#knx .systems ul li {
    display: inline-block;
}


#knx .container-icons {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

#knx .flex-item {
    width: 14.2%;
    color: #6d1f80;
    font-size: 12px;
    text-align: center;
    padding: 0;
    margin: 0;
}

#knx .left {
    width: 330px;
    float: left;
}

#knx .right {
    width: 330px;
    float: right;
}

#knx .clear {
    clear: both;
}

#knx .ease-of-use {
    background: url(//media.satel.pl/img/desc/knx/ease-of-use_bg.jpg) #fff no-repeat;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    min-height: 447px;
    position: relative;
}

#knx .ease-of-use .right {
    position: absolute;
    bottom: 10.5%;
    right: 3%;
}

#knx .ease-of-use .left {
    position: absolute;
    bottom: 0;
}

#knx .semi-title {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 0;
    color: #5c5c5c;
}

#knx .semi-title-white {
    font-weight: 500;
    font-size: 24px;
    margin-bottom: 20px;
    margin-top: 0;
    color: #fff;
}

#knx .ease .right p:nth-child(2) {
    font-size: 16px;
    margin-top: 10px;
}

#knx .eco-flex {
    position: relative;
    min-height: 284px;
}

#knx .eco-flex .left {
    float: left;
    width: calc(50% + 20px);
    margin: 0px 0px 0px -20px;
    height: 284px;
}

#knx .eco-flex .right {
    width: 50%;
    float: right;
    height: 284px;
}

#knx .absolute_l {
    position: absolute;
    bottom: 10%;
    width: calc(50% + -20px);
    padding: 0 20px;
}

#knx .absolute_r {
    position: absolute;
    bottom: 10%;
    right: 0;
    width: 47%;
}

#knx .lista {
    background: url(//media.satel.pl/img/desc/knx/gradient_2.jpg) #fff no-repeat;
    width: calc(100% + 20px);
    margin: 0 0 0 -20px;
    position: relative;
    padding-left: 20px;
    padding-top: 70px;
}

#knx .lists-img {
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

#knx .lista1 {
    background: url(//media.satel.pl/img/desc/knx/gradient_2.jpg) #fff no-repeat;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 90px;
    width: calc(100% + 20px);
    margin: -10% 0 0 -20px;
}

#knx .why-knx {
    width: 75%;
    min-height: 980px;
}

#knx .why-knx h1:first-child {
    font-size: 66px;
    font-weight: 300;
    color: #6d1f80;
    margin-top: 0;
    width: 100%;
    letter-spacing: -3px;
    margin-bottom: 40px;
    border: none;
}

#knx .why-knx span {
    font-size: 109px;
    font-weight: bold;
    position: relative;
    top: 40px
}

#knx .why-knx .users, #knx .how-it-works .users {
    font-size: 24px;
    font-weight: 500;
    color: #5c5c5c;
    margin-bottom: 15px;
    padding-right: 20px;
}

#knx .why-knx ul {
    padding-bottom: 30px;
    list-style-type: none;
}

#knx .why-knx ul li {
    padding: 5px 0;
    line-height: 1.8;
    padding-left: 30px;
    background-image: url(//media.satel.pl/img/desc/knx/knx_icons/list-icon_1.png);
    background-repeat: no-repeat;
    background-position-y: 11px;
}

#knx .why-knx ul li ul {
    list-style-image: url('//media.satel.pl/img/desc/knx/knx_icons/list-icon_2.png');
}

#knx .why-knx ul li ul li {
    background-image: none;
    padding-left: 13px;
}

#knx .how-it-works {
    background: url(//media.satel.pl/img/desc/knx/how-it-works_bg.jpg) #fff no-repeat;
    background-position: top right;
    margin-right: -20px;
    padding-bottom: 75px;
    padding-top: 145px;
    padding-right: 20px;
}

#knx .how-it-works p:first-child {
    font-size: 83px;
    color: #6d1f80;
    font-weight: 300;
    margin-top: 0;
    margin-bottom: 10px;
    letter-spacing: -3px;
    word-spacing: 15px;
}


#knx .graphics_l {
    background-size: 100%;
    text-align: left;
    overflow: auto;
    height: 571px;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    position: relative;
}

#knx .graphics_r {
    background-size: 100%;
    position: relative;
    height: 571px;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    text-align: right;
}

#knx .zawartosc_l {
    position: absolute;
    bottom: 35px;
    left: 40px;
}

#knx .zawartosc_p {
    position: absolute;
    bottom: 35px;
    right: 40px;
}

#knx .title-section_img  {
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 500;
    margin: 15px 0;
}

#knx .title-section_img_grey {
    color: #5c5c5c;
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 500;
    margin: 15px 0;
}

#knx .text_l {
    color: #fff;
    width: 57%;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    line-height: 1.5;
    margin: 0;
}


#knx .text_r {
    color: #fff;
    padding-left: 30px;
    width: 57%;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    float: right;
    margin: 0;
    line-height: 1.5;
}

#knx .text_r_grey {
    color: #5c5c5c;
    padding-left: 30px;
    width: 57%;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    float: right;
    margin: 0;
    line-height: 1.5;
}

#knx .temperature {
    background: url(//media.satel.pl/img/desc/knx/temperature_bg.jpg) #fff no-repeat;
}

#knx .lights {
    background: url(//media.satel.pl/img/desc/knx/lights_bg.jpg) #fff no-repeat;
    height: 566px;
}

#knx .eco {
    background: url(//media.satel.pl/img/desc/knx/eco_bg.jpg) #fff no-repeat;
 }

#knx .morning {
    background: url(//media.satel.pl/img/desc/knx/morning_bg.jpg) #fff no-repeat;
    height: 568px;
}

#knx .movie {
    background: url(//media.satel.pl/img/desc/knx/movie_bg.jpg) #fff no-repeat;
}

#knx .relax {
    background: url(//media.satel.pl/img/desc/knx/relax_bg.jpg) #fff no-repeat;
    height: 568px;
}

#knx .windows {
    background: url(//media.satel.pl/img/desc/knx/windows_bg.jpg) #fff no-repeat;
    height: 570px;
}

#knx .snow {
    background: url(//media.satel.pl/img/desc/knx/snow_bg.jpg) #fff no-repeat;
    height: 568px;
}

#knx .gardener {
    background: url(//media.satel.pl/img/desc/knx/gardener_bg.jpg) #fff no-repeat;
}

#knx .modules-header {
    background: url(//media.satel.pl/img/desc/knx/gradient_3.jpg) #fff no-repeat;
    width: calc(100% + 0px);
    margin: 0 0 0 -20px;
    padding:  60px 20px 0 ;
    position: relative;
}

#knx .bed .text_r_grey {
    width: 60%;
}

#knx .lights .text_r {
    width: 61%;
}

#knx .relax .text_r {
    width: 60%;
}

#knx .snow .text_r {
    width: 64%;
}

#knx .modules-header img {
    padding-left: 5px;
}

#knx .modules-header p:first-child {
    background-color: green;
}

#knx .modules-header h1:nth-child(2) {
    font-weight: 500;
    font-size: 50px;
    color: #5c5c5c;
    letter-spacing: -2px;
    margin-top: 10px;
    margin-bottom: 20px;
    border-bottom: none;
}

#knx .modules-header p:nth-child(4) {
    font-weight: 500;
    font-size: 16px;
    color: #5c5c5c;
    letter-spacing: -0.5px;
    margin-top:20px;
    margin-bottom: 40px;
}

#knx .pasek {
    width: 2px;
    height: 289px;
    background-color: #703e8e;
    position: absolute;
    left: 0;
    top: 14%;
}

#knx .flex-container1 {
    padding: 0;
    margin: 0 auto;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}

#knx .flex-item1 {
    width: 25%;
    color: #373737;
    font-size: 21px;
    font-weight: bold;
    text-align: center;
    padding: 0;
    margin: 0;
}

#knx .gradient_bg {
    z-index: 0;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px
}

#knx .device-desc {
    top: -75px;
    position: relative;
    text-align: left;
    padding-left: 20px;
}

#knx .device-desc img {
    text-align: left;
}

#knx .device-desc .device-name {
    margin: 0;
}

#knx .device-desc .device-name a {
    text-decoration: none;
    color: #373737;
}

#knx .device-desc .opis-dodatkowy {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    background-color: #703e8e;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    box-shadow: inset 0 0 6px #fff;
    margin-top: 3px;
}

#knx .opis-dodatkowy .tooltiptext {
    visibility: hidden;
    background-color: #ffffff;
    color: #5c5c5c;
    text-align: left;
    border-radius: 6px;
    padding: 30px;
    position: absolute;
    z-index: 21;
    top: 150%;
    opacity: 0;
    transition: opacity 0.3s;
    width: 350px;
    font-size: 14px;
    font-weight: 500;
    -webkit-box-shadow: -2px 4px 23px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: -2px 4px 23px 1px rgba(0,0,0,0.75);
    box-shadow: -2px 4px 23px 1px rgba(0,0,0,0.75);
}

#knx .opis-dodatkowy .tooltiptext.tworows {
    top: 130%;
}


#knx .opis-dodatkowy .tooltiptext::after {
    content: "";
    position: absolute;
    top: -20%;
    left: 60%;
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 14px solid #fff;
    transform: translate(-50%, 0);
}

#knx .opis-dodatkowy .tooltiptext.col1 {
    left: -25%;
}

#knx .opis-dodatkowy .tooltiptext.col2 {
    right: -63%;
}

#knx .opis-dodatkowy .tooltiptext.col3 {
    right: -165%;
}

#knx .opis-dodatkowy .tooltiptext.col4 {
    left: -187%;
}


#knx .opis-dodatkowy .tooltiptext.tol1::after {
    bottom: 100%;
    left: 30%;
}

#knx .opis-dodatkowy .tooltiptext.tol2::after{
    bottom: 100%;
    left: 75%;
}

#knx .opis-dodatkowy .tooltiptext.tol3::after {
    bottom: 100%;
    left: 25%;
}

#knx .opis-dodatkowy .tooltiptext.tol4::after {
    bottom: 100%;
    left: 70%
}


#knx .opis-dodatkowy  ul li {
    line-height: 1.1;
    padding: 3px 0 ;

}

#knx .opis-dodatkowy:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}


#knx .integration {
    background: url(//media.satel.pl/img/desc/knx/integration_bg.jpg) #fff no-repeat;
    background-position: top right;
    margin-right: -20px;
    margin-top: -3px;
    padding-top: 160px;
}

#knx .integration h1 {
    font-size: 52px;
    font-weight: 200;
    color: #5c5c5c;
    margin: 20px 0;
    max-width: 50%;
    letter-spacing: -3px;
    word-spacing: 6px;
    border-bottom: none;
}

#knx .module-section {
    padding-top: 40px;
}

#knx .integration h2:nth-child(4) {
    padding-top:25px;
}

#knx .integration .section {
    padding-top: 57px;
}

#knx .separator {
    padding: 40px 0 20px;
}

#knx .separator  hr {
    border: 0;
    height: 2px;
    background: #7a4b96;
    width: 15%;
}

#knx .integra-and-knx h1 {
    font-size: 36px;
    color: #703e8e;
    text-align: center;
    font-weight: 400;
    margin-bottom: 10px;
    border-bottom: none;
}

#knx .integra-and-knx h2 {
    text-align: center;
    font-size: 20px;
    color: #5c5c5c;
    line-height: 1.4;
    letter-spacing: -0.4px;
    margin: 0;
    font-weight: 200;
}

#knx .flex-container2 {
    padding: 50px 0 0 0;
    margin: 0 auto;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-between;
}

#knx .flex-item2 {
    width: 31%;
    color: #373737;
    font-size: 16px;
    text-align: center;
    padding: 0;
    margin: 0;
    letter-spacing: -0.5px;
    z-index: 100;
}

#knx li.flex-item2 img {
    margin-bottom: 20px;
}

#knx .integra-and-knx .separator-bold hr {
    border: 0;
    height: 13px;
    background: #7a4b96;
    width: calc(100% + 40px);
    margin: -3px 0 0 -20px;
}


#knx .clear > .text-white {
    padding-right: 25px;
}

#knx .header-slider h1 {
    font-size: 83px;
    color: #5c5c5c;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 25px;
    padding-left: 20px;
    border-bottom: none;
    letter-spacing: -3px;
}

#knx .pulse.two-rows-text {
    padding: 5px 0;
    display: grid;
    text-align: center;
    position: relative;
    width: 128px;
    font-weight: bold;
    line-height: 1.3;
    margin-top: 0;
}

#knx .header-slider h2 {
    font-size: 64px;
    color: #5c5c5c;
    font-weight: 200;
    margin: 0;
    padding: 0 20px;
    letter-spacing: -3px;
    word-spacing: 3px;
}

#knx .header-slider p.semi-title {
    font-size: 24px;
    color: #5c5c5c;
    font-weight: 500;
    opacity: .8;
    margin-top: 10px;
    padding: 0 20px;
}

#knx .slider_bg {
    background: url(//media.satel.pl/img/desc/knx/slider_bg.jpg) #6c3e8f no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    height: 961px;
    position: relative;
}

#knx .footer {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    bottom: 1%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    display: flex;
    justify-content: space-between;
    width: 85%;
    padding: 35px 0 30px;
}

#knx .zawartosc {
    padding: 115px 40px 0;
}

#knx .top-left:hover, #knx .top-right:hover {
    cursor: pointer;
}


#knx .footer .top-right img {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

#knx .footer span {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    position: relative;
    bottom: 5px;
    padding: 0 10px;
}

#knx .img-slider1 {
    margin-right: -40px;
    margin-top: -125px;
    padding: 0px 0 30px 50px;
    display: block;
}

#knx .img-slider2 {
    margin-left: -40px;
    padding: 40px 40px 40px 0;
    display: block;
}

#knx .img-slider3 {
    margin-top: -20px;
    margin-bottom: 5px;
    display: block;
}

#knx .img-slider4 {
    margin-right: -40px;
    padding: 20px 0 0 20px;
    margin-top: 10px;
    display: block;
}

#knx .img-slider5 {
    margin-left: -40px;
    display: block;
}

#knx .animate-opacity {
    animation: opac 1.2s
}

#knx .pulse {
    padding: 5px 10px;
    background: inherit;
    animation: pulse 2s infinite;
}


@keyframes opac {
    from{opacity:0.5}
    to{opacity:1}
}


@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(112,62,142, 0.4);
    }
    70% {
        -webkit-box-shadow: 0 0 0 10px rgba(112,62,142, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(112,62,142, 0);
    }
}
@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(112,62,142, 0.4);
        box-shadow: 0 0 0 0 rgba(112,62,142, 0.4);
    }
    70% {
        -moz-box-shadow: 0 0 0 10px rgba(112,62,142, 0);
        box-shadow: 0 0 0 10px rgba(112,62,142, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(112,62,142, 0);
        box-shadow: 0 0 0 0 rgba(112,62,142, 0);
    }
}


#knx .wrap-knx {
    display: flex;
    flex-direction: column;
    margin: 20px auto 0;
}

#knx .ques {
    display: flex;
    align-items: center;
    border: 1px solid #b7b7b7;
    border-radius: 30px;
    padding: 15px 30px;
    margin-bottom: 0;
    position: relative;
    cursor: pointer;
    margin: 10px;
}

#knx .ques>h2 {
    margin: 0;
    padding-left: 30px;
    color: #5c5c5c;
    font-size: 18px;
    font-weight: 500;

}

#knx .ques .arrow-box {
    margin-left: auto;
}


#knx .ques .arrow-down {
    transition: 0.3s;
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    opacity: 0.6;
}

#knx .ques.active-knx {
    margin-top: 10px;
}

#knx .ques.active-knx .arrow-down {
    transform: rotate(180deg);
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    opacity: 1;
}

#knx .ques.active-knx h2 {
    color: #6d1f80;
}

#knx .ans {
    margin: 0;
    display: none;
}

#knx .firma-1 {
    background: url(//media.satel.pl/img/desc/knx/firma-1-bg.jpg) #fff no-repeat;
}

#knx .firma-2 {
    background: url(//media.satel.pl/img/desc/knx/firma-2-bg.jpg) #fff no-repeat;
}

#knx .firma-3 {
    background: url(//media.satel.pl/img/desc/knx/firma-3-bg.jpg) #fff no-repeat;
}

#knx .firma-4 {
    background: url(//media.satel.pl/img/desc/knx/firma-4-bg.jpg) #fff no-repeat;
}

#knx .firma-5 {
    background: url(//media.satel.pl/img/desc/knx/firma-5-bg.jpg) #fff no-repeat;
}

#knx .firma-6 {
    background: url(//media.satel.pl/img/desc/knx/firma-6-bg.jpg) #fff no-repeat;
    margin-bottom: 50px;
}

#knx .bg-video svg {
    fill: #fff;
    border-radius: 50%;
    margin: 10px;
    height: 70px;
    width: 70px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: knx-pulse 1.5s infinite;
}

#knx .bg-video {
    background: url(https://media.satel.pl//img/desc/knx/video-ico.png) center no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 117px;
    width: 145px;
}

#knx .bg-video.bg-video-dom {
    background: url(https://media.satel.pl//img/desc/knx/video-ico-dom.png) center no-repeat;
}

#knx .video-container {
    max-width: 718px;
    background: #f0f0f0;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: -4px 0 50px 0px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 15px;
}

#knx .video-container .desc>h2 {
    color: #79378a;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
}

#knx .video-container .desc>h3 {
    color: #5c5c5c;
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}

#knx .reverse {
    flex-direction: column-reverse;
}

#knx .knx-video>p.text {
    font-size: 16px;
    color: #5c5c5c;
    line-height: 1.4;
    letter-spacing: -0.4px;
    margin: 0;
    font-weight: 400;
    word-spacing: 0;
    padding: 10px 0 30px;
}

#knx .text_l_grey {
    color: #5c5c5c;
    width: 57%;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    float: left;
    margin: 0;
    line-height: 1.5;
}

@keyframes knx-pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(171, 171, 171, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

#integra-aut {
    width: 678px;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    margin: 0 auto;
    margin-top: -11px;
}

#integra-aut .automatyka_header {
    width: 678px;
    background: url(http://media.satel.pl/img/desc/integra-auto/header_bg.jpg) #fff no-repeat;
    margin: 0px 0px 0px -20px;
    padding: 0 20px;
}

#integra-aut .automatyka_header p {
    color: #5c5c5c;
    margin: 0;
    padding-top: 5px;
}

#integra-aut .clear {
    clear: both;
    width: 100%;
}

#integra-aut .automatyka_header .dleft {
    width: 330px;
    float: left;
    margin-top: 10px;
    bottom: 0;
    padding-top: 37%;
}

#integra-aut .fw-500 {
    font-weight: 500;
}

#integra-aut .automatyka_header .dleft p:first-child {
    letter-spacing: -0.6px;
    font-size: 23px;
    padding-top: 0;
}

#integra-aut .automatyka_header h1 {
    width: 450px;
    font-weight: bold;
    font-size: 77.5px;
    color: #a3276b;
    margin-top: -13px;
    margin-left: -4px;
    border: none;
    letter-spacing: -3px;
}

#integra-aut .automatyka_header .desc {
    position: relative;
    top: -45px;
}

#integra-aut .automatyka_INT-TSI-WSW {
    margin-left: -26.9%;
    margin-top: 17px;
}

#integra-aut .title-section {
    font-size: 24px;
    font-weight: 500;
    color: #5c5c5c;
    margin: 0;
    margin-bottom: 10px;
}

#integra-aut .apt-section {
    margin-top: 50px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(247,247,247,1)));
    background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    background: linear-gradient(135deg, rgba(255,255,255,1) 0%, rgba(247,247,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=1 );
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding-top: 50px;
}


#integra-aut .dleft {
    width: 330px;
    float: left;
    margin-top: 10px;
}

#integra-aut .dright {
    width: 330px;
    float: right;
    margin-top: 10px;
}

#integra-aut .nowrap {
    white-space: nowrap;
}

#integra-aut .text {
    width: 100%;
    font-size: 16px;
    color: #5c5c5c;
    line-height: 1.4;
    letter-spacing: -0.4px;
}

#integra-aut .text.text2 {
    letter-spacing: -0.5px;
    margin-top: 0;
}

#integra-aut .prod-desc {
    color: #5c5c5c;
    font-size: 11px;
    text-align: right;
    position: relative;
    top: -75px;
    right: 28px;
    opacity: .6;
}

#integra-aut .automatyka_content {
    clear: both;
}

#integra-aut .three-icons_bg {
    background: url(http://media.satel.pl/img/desc/integra-auto/three_icons.jpg) #fff no-repeat;
    background-position: bottom left;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding-bottom: 45px;
}

#integra-aut .three-icons_bg > div {
    padding: 60px 55px 30px 55px;
}

#integra-aut .wall-displays {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
}

#integra-aut .phones-and-shops {
    background: url(http://media.satel.pl/img/desc/integra-auto/phone_bg.jpg) #fff no-repeat center bottom;
    background-size: auto;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    position: relative;
    min-height: 400px;
}

#integra-aut .phones-and-shops .half {
    width: 47%;
    padding-left: 20px
}

#integra-aut .gradient-bottom {
    background: url(http://media.satel.pl/img/desc/integra-auto/gradient_bottom.jpg) #fff no-repeat;
    position: relative;
    background-position-x: 100%;
    background-size: auto;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
}

#integra-aut .touchscreens .int-tsi {
    background: url(http://media.satel.pl/img/desc/integra-auto/INT-TSI_bg.jpg) #fff no-repeat;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
}

#integra-aut .touchscreens .set-color {
    background: url(http://media.satel.pl/img/desc/integra-auto/bg_gradient.jpg) #fff no-repeat;
    background-position: center bottom;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 100px 0 20px;
    margin-bottom: 30px;
}

#integra-aut .touchscreens .set-color p.desc {
    color: #fff;
    font-weight: 500;
    max-width: 85%;
    text-align: center;
    display: block;
    margin: 0 auto;
    padding-bottom: 30px;
    padding-top: 5px;
    letter-spacing: -0.4px;
    line-height: 1.5;
    font-size: 16px;
}

#integra-aut .touchscreens .container-btn {
    justify-content: space-evenly;
    align-items: center;
    display: flex;
}

#integra-aut .touchscreens .btn-int-tsi {
    background: white;
    border-radius: 5px;
    padding: 16px 0;
    margin: 280px auto 0;
    display: table;
    position: relative;
    left: -5px;
    text-decoration: none;
    font-size: 18px;
    color: #141b22;
    width: 235px;
    text-align: center;
    transition: .2s all ease-in-out;
    border: 1px solid #fff;
}

#integra-aut .touchscreens .btn-int-tsh, #integra-aut .touchscreens .btn-int-ksg, #integra-aut .apt-btn{
    background: #e5e8ed;
    border-radius: 5px;
    padding: 16px 0;
    text-decoration: none;
    font-size: 16px;
    color: #5c5c5c;
    width: 238px;
    display: table;
    text-align: center;
    transition: .2s all ease-in-out;
    border: 1px solid #fff;
}

#integra-aut .int-tsh {
    padding: 100px 20px 0;
}

#integra-aut .int-ksg {
    padding: 100px 20px 0px;
}

#integra-aut .int-tsh .container {
    display: flex;
}

#integra-aut .touchscreens .btn-int-tsi:hover {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #fff;
    color: #fff;
}

#integra-aut .touchscreens .btn-int-tsh:hover, #integra-aut .touchscreens .btn-int-ksg:hover, #integra-aut .apt-btn:hover {
    background: rgba(255, 255, 255, 0.3);
    border: 1px solid #5c5c5c;
    color: #5c5c5c;
}

#integra-aut .shop-container {
    position: absolute;
    bottom: 5%;
    left: 4%;
}

#integra-aut .phone-img {
    position: absolute;
    bottom: 0;
    left: 22%;
}

#integra-aut .shops {
    display: block;
}

#integra-aut .shops:hover {
    opacity: .8;
}

#integra-aut .automatyka_content ul li {
    line-height: 1.8;
    padding-left: 5px;
    text-indent: -2px;
}


#integra-aut .automatyka_content li:before {
    content: url(http://media.satel.pl/img/desc/integra-auto/check_icon.png);
    display: inline-block;
    top: 4px;
    position: relative;
    list-style: none;
    text-indent: -2em;
    padding-left: 0;
}

#integra-aut .automatyka_content ul {
    list-style: none;
}

#integra-aut .automatyka_content .opt-desc {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    box-sizing: border-box;
    padding-right: 20px;
    width: 50%;
}

#integra-aut .title-letter-spac {
    text-align: center;
    font-size: 23px;
    letter-spacing: 4px;
    margin-top: 50px;
    margin-bottom: 0;
    color: #5c5c5c;
    padding-top: 30px;
}

#integra-aut .separator {
    width: 5%;
    border: 0;
    height: 3px;
    background: #5c5c5c;
    opacity: .1;
}

#integra-aut .title-pink  {
    color: #6d1f80;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;
}

#integra-aut .graphics_l {
    background-size: 100%;
    text-align: left;
    overflow: auto;
    height: 570px;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    position: relative;
}

#integra-aut .graphics_r {
    background-size: 100%;
    position: relative;
    height: 570px;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    text-align: right;
}

#integra-aut .zawartosc_l {
    position: absolute;
    bottom: 35px;
    left: 40px;
}

#integra-aut .zawartosc_p {
    position: absolute;
    bottom: 35px;
    right: 40px;
}

#integra-aut .light {
    background: url(http://media.satel.pl/img/desc/integra-auto/light_bg.jpg) #fff no-repeat;
    margin-top: 40px;
}

#integra-aut .presence {
    background: url(http://media.satel.pl/img/desc/integra-auto/presence_bg.jpg) #fff no-repeat;
}

#integra-aut .blinds {
    background: url(http://media.satel.pl/img/desc/integra-auto/blinds_bg.jpg) #fff no-repeat;
}

#integra-aut .temperature {
    background: url(http://media.satel.pl/img/desc/integra-auto/temperature_bg.jpg) #fff no-repeat;,
}

#integra-aut .garage {
    background: url(http://media.satel.pl/img/desc/integra-auto/garage_bg.jpg) #fff no-repeat;
}

#integra-aut .plant {
    background: url(http://media.satel.pl/img/desc/integra-auto/plant_bg.jpg) #fff no-repeat;
}

#integra-aut .text-li {
    color: black;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    padding-bottom: 17px;
    padding-left: 30px;
    line-height: 1.8;
}

#integra-aut .light .text, #integra-aut .temperature .text, #integra-aut .garage .text {
    color: #fff;
    width: 55%;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    line-height: 1.5;
    margin: 0;
}

#integra-aut .light .title-section, #integra-aut .temperature .title-section, #integra-aut .garage .title-section {
    color: #fff;
    letter-spacing: -1px;
}

#integra-aut .presence .text, #integra-aut .plant .text {
    color: #fff;
    padding-left: 30px;
    width: 55%;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    float: right;
    margin: 0;
    line-height: 1.5;
}

#integra-aut .presence .title-section, #integra-aut .plant .title-section {
    color: #fff;
    letter-spacing: -1px;
}

#integra-aut .blinds .text {
    color: #372c25;
    width: 55%;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    float: right;
    margin: 0;
    line-height: 1.5;
}

#integra-aut .blinds .title-section {
    color: #372c25;
    letter-spacing: -1px;
}

#integra-aut .text_bottom {
    text-align: center;
    color: #5c5c5c;
    font-size: 18px;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 40px;
}


#integra-aut .btn-more-info {
    border: 1px solid #6d1f80;
    padding: 18px 28px;
    background-color: #6d1f80;
    border-radius: 3px;
    color: #ffffff;
    font-size: 18px;
    font-family: 'Ubuntu', sans-serif;
    transition: .3s all ease-in-out;
    display: block;
    margin: 0 auto;
    width: 36%;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.3px;
    margin-bottom: 50px;
}

#integra-aut .btn-more-info:hover {
    border: 1px solid #6d1f80;
    background-color: transparent;
    color: #6d1f80
}

#integra-aut .separator-footer {
    width: 5%;
    border: 0;
    height: 3px;
    background: #5c5c5c;
    opacity: .1;
    margin-top: 20px;
    margin-bottom: 20px;
}

#integra-aut .graphics_l img, #integra-aut .graphics_r img {
    padding-bottom: 15px;
}

#integra-aut .download-section {
    margin-top: 50px;
}

#integra-aut .download-section h2 {
    color: #5c5c5c;
    font-size: 23px;
    letter-spacing: 5px;
    text-align: center;
    margin-bottom: 5px;
    padding: 0 20px;
}

#integra-aut .download-section h1 {
    color: #a3276b;
    font-size: 42px;
    font-weight: bold;
    text-align: center;
    margin: 0 0 20px;
    padding: 0 20px;
    border-bottom: none;
}

#integra-aut .download-section hr {
    width: 36px;
}

#integra-aut .download-section p {
    font-size: 16px;
    font-weight: 500;
    color: #5c5c5c;
    line-height: 1.4;
}

#integra-aut .download-section .pdf-section {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

#integra-aut .download-section .flex-item {
    padding: 5px;
    width: 210px;
    height: 150px;
    margin-top: 40px;
    text-align: center;
    position: relative;
}

#integra-aut .download-section .flex-item img {
    position: relative;
    left: -7px;
    transition: 0.3s;
}

#integra-aut .download-section .flex-item:hover img {
    filter: drop-shadow(0px 0px 30px rgb(250, 99, 127));
}

#integra-aut .integra-section {
    background: url("https://media.satel.pl/img/desc/integra-auto/integra_bg.jpg") no-repeat center center;
    width: calc(100% + 40px);
    margin:  100px 0px 0px -20px;
    min-height: 451px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#integra-aut .integra-section .content {
    margin-left: 300px;
    color: #5c5c5c
}

#integra-aut .integra-section .content p {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

#integra-aut .pdf-section a {
    text-decoration: none;
}

#integra-aut .integra-section .content h1 {
    font-size: 48px;
    margin: 0;
    font-width: bold;
    border-bottom: none;
}

#integra-aut .integra-section .content a.btn-integra {
    background: #005c38;
    border-radius: 5px;
    color: #fff;
    min-width: 150px;
    padding: 18px 30px;
    margin-top: 10px;
    display: table;
    text-align: center;
    text-decoration: none;
    letter-spacing: 1px;
    border: 1px solid #005c38;
    transition: 0.3s;
    font-size: 18px;
}

#integra-aut hr.separator-fullwidth {
    border-top:1px dashed #6d1f80;
    width: calc(100% + 40px);
    margin:  40px 0px 0px -20px;
}

#integra-aut .integra-section .content a.btn-integra:hover {
    border: 1px solid #005c38;
    background: #fff;
    color: #005c38;
}

#automatyka {
    width: 678px;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    margin: 0 auto;
    margin-top: -1em;
}

#automatyka .header {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
    height: 650px;
    overflow: hidden;
}

#automatyka .header-image {
    position: relative;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#automatyka .upper {
    text-transform: uppercase;
}

#automatyka li {
    padding-left: 1em;
}

#automatyka ul {
    text-indent: -.8em;
}

#automatyka .gradient-text {
    color: #6d1f80;
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0.23, rgb(163,39,107)),
            color-stop(0.66, rgb(111,31,127))
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#automatyka .main-title {
    font-size: 83px;
    font-weight: 200;
    color: #6d1f80;
    z-index: 10;
    line-height: 83px;
    position: relative;
    margin-top: -163px;
    font-weight: 200;
    line-height: 83px;
    letter-spacing: -3px;
    padding-bottom: 5px;
    border-bottom: none;
}

#automatyka .text {
    width: 100%;
    font-size: 18px;
    color: #5c5c5c;
    line-height: 1.4;
    letter-spacing: -0.4px;
}

#automatyka .medium {
    font-weight: 500;
}

#automatyka .header-image-IE {
    display: none;
}

#automatyka .pattern {
    background-image: url(http://media.satel.pl/img/desc/automatyka/pattern_bg.jpg);
    background-repeat: no-repeat;
    height: 391px;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
    padding-bottom: 50px;
    margin-top: 50px;
}

#automatyka .under-control {
    position: absolute;
    bottom: 60px;
    left: 20px;
    width: 60%;
}

#automatyka .under-control > p {
    font-size: 17px;
}

#automatyka .under-control h2 {
    margin-bottom: -5px;
}

#automatyka h2 {
    font-size: 24px;
}

#automatyka .graphics_r {
    background-size: 100%;
    position: relative;
    height: 571px;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    text-align: right;
}

#automatyka .desk {
    background: url(http://media.satel.pl/img/desc/automatyka/devices.jpg) #fff no-repeat;
    height: 633px;
}

#automatyka .white-triangle {
    position: absolute;
    left: 0;
    bottom: -40%;
    height: 0;
    background-color: #ffffff;
}

#automatyka .white-triangle:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    border-bottom: 155px solid white;
    border-right: 118px solid transparent;
    width: 0;
}

#automatyka .zawartosc_p {
    position: absolute;
    bottom: 35px;
    right: 40px;
}

#automatyka .text_r {
    color: #fff;
    padding-left: 30px;
    width: 48%;
    letter-spacing: -0.5px;
    font-size: 15.5px;
    float: right;
    margin: 0;
    line-height: 1.5;
}

#automatyka .title-section_img {
    color: #fff;
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 500;
    margin: 15px 0;
}

#automatyka .comfort {
    background-image: url(http://media.satel.pl/img/desc/automatyka/comfort_bg.jpg);
    height: 376px;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    position: relative;
}

#automatyka .solutions {
    background-image: url(http://media.satel.pl/img/desc/automatyka/solutions_bg.jpg);
    background-repeat: no-repeat;
    padding-bottom: 60px;
    height: 248px;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    text-align: center;
}

#automatyka .solutions h1 {
    font-size: 64px;
    font-weight: 200;
    line-height: 1;
    padding-bottom: 10px;
    margin-top: 0;
    letter-spacing: -2px;
    border-bottom: none;
}

#automatyka .solutions h2 {
    margin: 0;
    padding: 67px 0 15px;
    font-size: 18px;
    text-transform: uppercase;
    letter-spacing: 5px;
    font-weight: 200;
    word-spacing: 5px;
}

#automatyka .gradient-banner {
    background: #882375
}

#automatyka .gradient-effect {
    color: #fff;
    min-width: 718px;
    content: attr(data-text);
    background: linear-gradient(90deg, #a3276b, #882375, #6d1f80, #a3276b);
    background-size: 300%;
    animation: animate-gradient 8s linear infinite;
    width: 100%;
    text-align: center;
    margin-top: 70px;
}

#automatyka .gradient-effect p{
    font-size: 14px;
    font-weight: 200;
    margin: 0;
    padding-top: 30px;
}

#automatyka .gradient-effect h2 {
    font-size: 22px;
    font-weight: 400;
    margin-top: 10px;
    padding-bottom: 30px;
}

#automatyka .comfort-text {
    position: absolute;
    bottom: 25px;
    padding: 0 20px;
}

#automatyka .tabs-desc {
    padding: 0 40px;
}

#automatyka .comfort-text h2 {
    margin: 10px 0 -8px;
}

#automatyka .separator  {
    border: 0;
    height: 2px;
    background: #7e2278;
    width: 10%;
}

#automatyka .tabs {
    display: flex;
    flex-wrap: wrap;
    max-width: 718px;
    box-shadow: 0 0 85px -32px rgba(0,0,0,0.3);
    width: calc(100% + 40px);
    margin: 0 0 100px -20px;
}

#automatyka .tabs label h1 {
    font-size: 40px;
    margin-bottom: 10px;
    border-bottom: none;
    margin-top: 15px;
}

#automatyka .input {
    position: absolute;
    opacity: 0;
}

#automatyka label.label-pads {
    width: 50% !important;
    padding: 20px 30px;
    background: #f8f8f8;
    cursor: pointer;
    font-weight: bold;
    font-size: 18px;
    color: #7f7f7f;
    transition: background 0.1s, color 0.1s;
    border-bottom: 3px solid #671e79;
    text-align: center;
    box-sizing: border-box;
}

#automatyka .label-pads:hover {
    background: #ededed;
}

#automatyka .label-pads:active {
    background: #e2e2e2;
}

#automatyka .input:focus + .label-pads{
    z-index: 1;
}

#automatyka .input:checked + .label-pads {
    background: #fff;
    color: #000;
    border-bottom: none;
    z-index: 122;
    -webkit-box-shadow: 0 -15px 40px -15px rgba(0,0,0,0.1);
    -moz-box-shadow:    0 -15px 40px -15px rgba(0,0,0,0.1);
    box-shadow:         0 -15px 40px -15px rgba(0,0,0,0.1);
}

#automatyka .panel {
    display: none;
    background: #fff;
    min-height: 410px;
    position: relative;
    order: 99;
}

#automatyka .panel.text p:first-child {
    padding: 30px 33px 50px;
}

#automatyka .panel.text h2 {
    margin-bottom: 0;
    font-size: 24px;
}

#automatyka .panel.text ul {
    margin-top: 0;
    list-style: none;
    padding-left: 0;
}

#automatyka .panel.text li::before {
    content: "·";
    font-size: 20px;
    vertical-align: middle;
    line-height: 1;
    padding-right: 10px;
}

#automatyka .input:checked + .label-pads + .panel {
    display: block;
}

#automatyka .tabs-prod-desc {
    font-style: italic;
    font-weight: 200;
    margin-top: 0;
    font-size: 18px;
    color: #5c5c5c;
}

#automatyka .gradient-banner .gradient-effect p:first-child {
    letter-spacing: 2px;
    padding: 20px 0 0;
}

#automatyka .gradient-banner .gradient-effect h2 {
    margin-top: -2px;
    padding-bottom: 25px;
    font-weight: 400;
}

#automatyka .gradient-banner a {
    text-decoration: none;
}

#automatyka .animate-opacity {
    animation: opac-automatyka 0.8s
}

@keyframes opac-automatyka {
    from{opacity: 0.2}
    to{opacity: 1}
}

@keyframes animate-gradient {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 300% 0;
    }
}


#confx {
    margin: 0 auto;
    max-width: 678px;
}

#confx p, #confx h2 {
    color: #5c5c5c;
    font-family: 'Ubuntu', sans-serif;
}

#confx p {
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 1.4;
}

#confx .fullwidth {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#confx .center {
    display: block;
    margin: 0 auto;
}

#confx .text-center {
    text-align: center;
}

#confx .header {
    background: url("https://media.satel.pl/img/desc/confx/confx_header.jpg");
    height: 373px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

#confx .header h2 {
    text-transform: uppercase;
    color: #fcc300;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    letter-spacing: 2px;
    padding-bottom: 15px;
}

#confx .section1 > div {
    max-width: 95%;
    margin: 40px auto;
}

#confx .section1 > div > p:last-of-type {
    max-width: 85%;
    margin: 0 auto;
}

#confx .section1 .vid-btn {
    width: 475px;
    background: #f6f6f6;
    margin: 40px auto 0;
    text-align: center;
    padding: 20px 20px 30px 20px;
    border: 1px solid #d1d2d4;
    border-radius: 3px;
}

#confx .section1 .vid-btn:hover {
    cursor: pointer;
    opacity: 0.8;
}

#confx .section1 .vid-btn h2 {
    margin: 10px 0 0;
    font-weight: 400;
    font-size: 24px;
    letter-spacing: -1px;
}

#confx .section1 .vid-btn h2 > span {
    font-weight: 500;
}

#confx .section1 .video {
    padding: 50px 0 0;
    display: none;
}

#confx .section2 {
    background: url("https://media.satel.pl/img/desc/confx/confx_gradient.jpg") center top no-repeat;
}

#confx .section2 > img {
    padding: 50px 0 0 30px;
}

#confx .section2 > h2 {
    color: #5c5c5c;
    font-size: 36px;
    font-weight: 400;
    margin: 0;
    padding-left: 85px;
    letter-spacing: -1px;
    padding-bottom: 50px
}

#confx .section2 > h2 > span {
    font-weight: 600;
}

#confx .section2 .box {
    display: flex;
}

#confx .section2 .text-box p > span {
    font-weight: 500;
}

#confx .section2 .box .text-box {
    padding: 0 20px;
}

#confx .section2 .text-box > p  {
    margin: 0;
    font-size: 14px;
    line-height: 1.5;
}

#confx .section2 .text-box > h2 {
    margin: 10px 0 10px 0;
    font-size: 24px;
    font-weight: 500;
}

#confx .section2 .box > div {
    align-content: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
}

#confx .section2 .box img.val-icon {
    width: 41px;
}

#confx .section2 .box img.var-icon {
    width: 54px;
}

#confx .section2 .box img.bat-icon {
    width: 48px;
}

#confx .section3 {
    padding: 80px 0 100px;
}

#confx .section3 h2 {
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0;
    padding: 20px;
    margin: 0;
}

#confx .section3 .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

#confx .section3 .flex > div, #confx .section8 .flex > div {
    width: 225px;
    padding: 30px 15px;
    box-sizing: border-box;
    text-align: center;
}

#confx .section3 div .flex p, #confx .section8 .flex p  {
    font-size: 14px;
}

#confx .section3 .flex div:nth-child(n+4) {
    width: 250px;
}

#confx .section4 {
    background: url("https://media.satel.pl/img/desc/confx/confx_bg1.jpg") center no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    height: 571px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#confx .section4 h2, #confx .section4 p,  #confx .section4 li, #confx .section6 h2, #confx .section6 p, #confx .section7 h2, #confx .section7 p,  #confx .section7 li {
    color: #fff;
}

#confx .section4 h2, #confx .section6 h2, #confx .section7 h2 {
    font-weight: 500;
    font-size: 24px;
}

#confx .section4 li, #confx .section7 li {
    list-style: none;
    text-indent: -12px;
    padding: 3px 0;
    line-height: 1;
}

#confx .section4 ul, #confx .section7 ul {
    padding-left: 13px;
    margin-top: -10px;
    font-size: 16px;
}

#confx .section4 li:before, #confx .section7 li:before  {
    content:"·";
    font-size: 20px;
    color: #fcc300;
    vertical-align: middle;
    position: relative;
    top: -1px;
    padding-right: 7px;
}

#confx .section4 img, #confx .section5 img, #confx .section6 img{
    margin-bottom: 10px;
}

#confx .section7 li:before {
    color: #9097a3;
}

#confx .section4 img {
    width: 60px;
}

#confx .section4 div {
    padding: 30px;
}

#confx .section5 {
    background: url("https://media.satel.pl/img/desc/confx/confx_bg2.jpg") center no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    height: 571px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    border-top: 1px #fff dashed;
}

#confx .section5 img {
    width: 70px;
}

#confx .section5 div {
    padding: 30px;
    max-width: 54%;
}

#confx .section5 h2, #confx .section5 p {
    color: #6c6c6c;
}

#confx .section5 h2 {
    font-weight: 500;
    font-size: 24px;
}

#confx .section6 {
    background: url("https://media.satel.pl/img/desc/confx/confx_bg3.jpg") center no-repeat;
    width: calc(100% + 40px);
    margin: 50px 0 0 -20px;
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

#confx .section6 div {
    padding: 30px;
    max-width: 55%;
}

#confx .section6 div p {
    letter-spacing: -0.4px;
}

#confx .section7 {
    background: url("https://media.satel.pl/img/desc/confx/confx_bg4.jpg") center no-repeat;
    width: calc(100% + 40px);
    margin: 50px 0 0 -20px;
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

#confx .section7 > div {
    padding: 30px;
    max-width: 55%;
}

#confx .section7 .doc-box {
    display: flex;
    margin: 0 auto;
    padding: 10px 0 0 30px;
}

#confx .section7 .doc-box > img {
    height: 43px;
}

#confx .section7 .doc-box > p {
    margin: 0;
    font-size: 14px;
    padding-left: 10px;
}

#confx .section8 {
    border-bottom: 1px dashed #6c6c6c;
    padding: 15px 0 30px;
}

#confx .section8 div.img {
    height: 40px;
    display: flex;
    justify-content: center;
    align-content: flex-end;
    align-self: center;
}

#confx .section8 div.img > img {
    max-width: 100%;
    align-self: center;
}

#confx .section8 h2  {
    font-weight: 500;
    font-size: 24px;
    margin-top: 50px;
    margin-bottom: 30px;
}

#confx .section8 .flex > div {
    width: 165px;
    padding: 20px 10px;
}

#confx .section8 .flex  {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#confx .section9 {
    background: url("https://media.satel.pl/img/desc/confx/confx_bg5.jpg") center no-repeat;
    width: calc(100% + 40px);
    margin: 0px 0 0 -20px;
    height: 428px;
    display: flex;
    flex-direction: column;
}

#confx .section9 a {

    font-size: 18px;
    padding: 8px 25px;
    border-radius: 3px;
    margin-top: 13px;
    display: table;
    text-decoration: none;
    transition: 0.25s;
    border: 1px solid #5c5c5c;
    color: #6c6c6c;
    background: #fff;
}

#confx .section9 a:hover {
    border: 1px solid #5c5c5c;
    color: #fff;
    background: #5c5c5c;
    border-radius: 3px;
}

#confx .section9 > div {
    padding: 30px;
    max-width: 55%;
    padding-top: 40px;
}

#confx .section9 > div > p {
    font-size: 18px;
    font-weight: 500;
}

#confx .section10 {
    width: calc(100% + 40px);
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 40px 0 60px;
}

#confx .section10 .rec-img {
    align-self: center;
    display: flex;
}

#confx .section10 p {
    font-size: 14px;
     margin: 5px 0;
}

#confx .section11 {
    background: url("https://media.satel.pl/img/desc/confx/confx_gradient.jpg") center top no-repeat;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    min-height: 380px;
}

#confx .section11 div > h2 {
    margin: 0;
    font-weight: bold;
    font-size: 18px;
}

#confx .section11 p {
    margin: -2px 0 0;
    font-weight: 400;
    font-size: 18px;
}

#confx .section11 a {
    color: #fff;
    background: #ffab0d;
    font-size: 18px;
    padding: 8px 35px;
    border-radius: 3px;
    margin-top: 13px;
    display: table;
    text-decoration: none;
    border: 1px solid #ffab0d;
    transition: 0.25s;
}

#confx .section11 a:hover {
    border: 1px solid #ffab0d;
    color: #ffab0d;
    background: #fff;
    border-radius: 3px;
}



#sterowniki-radiowe {
    margin: 0 auto;
    max-width: 678px;
}

#sterowniki-radiowe p, #sterowniki-radiowe h2, #sterowniki-radiowe h1 {
    color: #5c5c5c;
    font-family: 'Ubuntu', sans-serif;
    margin: 0;
}

#sterowniki-radiowe h1 {
    border-bottom: none;
}

#sterowniki-radiowe p {
    font-size: 14px;
    letter-spacing: -0.3px;
    line-height: 1.4;
}

#sterowniki-radiowe .pl-30 {
    padding-left: 30px;
}

#sterowniki-radiowe .pr-30 {
    padding-left: 30px;
}

#sterowniki-radiowe .fullwidth {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#sterowniki-radiowe .center {
    display: block;
    margin: 0 auto;
}

#sterowniki-radiowe .title {
    color: #6b2c26;
    font-size: 30px;
    font-weight: bold;
    margin: 5px auto 10px;
}

#sterowniki-radiowe .text-center {
    text-align: center;
}

#sterowniki-radiowe .color {
    color: #672923;
}

#sterowniki-radiowe .header .flex, #sterowniki-radiowe .section1 .flex {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
}

#sterowniki-radiowe .header .flex > div:first-of-type {
    padding: 0 20px;
}

#sterowniki-radiowe .header .header_img {
    background: url(https://media.satel.pl/img/desc/sterowniki-radiowe/header_bg.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 255px;
    min-height: 353px;
}

#sterowniki-radiowe .section1 {
    background: url(https://media.satel.pl/img/desc/sterowniki-radiowe/gradient.jpg) center top no-repeat;
}

#sterowniki-radiowe .section1 .flex {
    padding: 50px 30px;
    width: initial;
}

#sterowniki-radiowe .section1 .flex > p {
    padding-left: 30px;
    font-weight: bold;
    line-height: 1.6;
}

#sterowniki-radiowe .section1 .keyfobs_bg {
    background: url(https://media.satel.pl/img/desc/sterowniki-radiowe/keyfobs.jpg) center no-repeat;
    height: 192px;
    width: 290px;
}

#sterowniki-radiowe .section1 .container, #sterowniki-radiowe .section3 .container {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 20px;
}

#sterowniki-radiowe .section1 .container > .content {
    width: 55%;
}

#sterowniki-radiowe .section1 .container > .keyfobs_bg {
    width: 45%;
    align-self: center;
    display: flex;
    justify-content: flex-end;
}

#sterowniki-radiowe .circle {
    display: flex;
    width: 120px;
    height: 120px;
    align-items: center;
    flex-direction: column;
    border-radius: 85px;
    background: rgb(180,99,92);
    background: linear-gradient(142deg, rgb(190, 85, 76) 13%, rgb(155, 68, 60) 34%, rgba(109,46,40,1) 69%);
    padding-top: 23px;
    box-sizing: border-box;
}

#sterowniki-radiowe .circle p {
    color: #fff;
    font-size: 12px;
    margin: 0;
    line-height: 1;
}

#sterowniki-radiowe .circle p:nth-child(2) {
    font-size: 34px;
    font-weight: bold;
}

#sterowniki-radiowe .circle p:nth-child(3) {
    font-size: 22px;
    text-align: center;
}

#sterowniki-radiowe .section1 .container.info p {
    border-left: 8px solid #672923;
    padding: 20px 30px;
    font-size: 16px;
    font-weight: 500;
}

#sterowniki-radiowe .section2 {
    margin-top: 50px;
}

#sterowniki-radiowe .section2 > div.title {
    background: url(https://media.satel.pl/img/desc/sterowniki-radiowe/separator_bg.jpg) no-repeat;
    position: relative;
    width: calc(100% + 40px);
    min-height: 78px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

#sterowniki-radiowe .section2 > div.title > h2 {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    padding-left: 30px;
}

#sterowniki-radiowe .section2 .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 20px 0;
}

#sterowniki-radiowe .section2 .flex > div {
    width: 200px;
    padding: 30px 15px;
    box-sizing: border-box;
    text-align: center;
}

#sterowniki-radiowe .section2 .flex > div > div {
    height: 61px;
}

#sterowniki-radiowe .section2 .flex  p {
    color: #666666;
    font-size: 12px;
    padding-top: 15px;
}

#sterowniki-radiowe .section2 > .separator {
    height: 6px;
    width: 100%;
    background: rgb(158,79,71);
    background: linear-gradient(90deg, rgba(158,79,71,1) 0%, rgba(158,79,71,1) 25%, rgba(122,54,47,1) 50%, rgba(103,41,35,1) 75%, rgba(103,41,35,1) 100%);
}

#sterowniki-radiowe .section3 .container {
    align-items: flex-start;
    padding: 50px 0;
}

#sterowniki-radiowe .section3 .container > div {
    padding-right: 30px;
}

#sterowniki-radiowe .section3 .prod-container {
    display: flex;
    justify-content: space-around;
}

#sterowniki-radiowe .section3 .prod-container h2 {
    font-weight: 500;
    color: #5c5c5c;
    font-size: 16px;
    padding: 10px 0 4px;
}

#sterowniki-radiowe .section3 .prod-container p {
    font-size: 11px;
    color: #5c5c5c;
    margin: 2px 0;
}

#sterowniki-radiowe .section3 .prod-container > img {
    max-width: 100%;
    align-self: center;
}

#sterowniki-radiowe .section3 .bg {
    background: rgb(255,255,255);
    background: linear-gradient(23deg, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 54%, rgba(244,244,244,1) 100%);
    margin-bottom: 75px;
}

#sterowniki-radiowe .section3 .prod-container > div {
    text-align: center;
}

#sterowniki-radiowe .section3 .bg > h2 {
    text-align: center;
    padding-top: 50px;
    font-size: 18px;
    font-weight: bold;
}

#sterowniki-radiowe .section3 .bg > img {
    display: block;
    margin: 20px auto 50px;
}

#sterowniki-radiowe .section3 .bg  a {
   text-decoration: none;
}

#micra_module {
    margin: 0 auto;
    max-width: 678px;
}

#micra_module p, #micra_module h2 {
    color: #424242;
    font-family: 'Ubuntu', sans-serif;
}

#micra_module p {
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 1.4;
}

#micra_module .fullwidth {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#micra_module .center {
    display: block;
    margin: 0 auto;
}

#micra_module .text-center {
    text-align: center;
}

#micra_module .header > .flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin: 75px auto 100px;
}

#micra_module .header > .flex > div:first-of-type {
    padding-left: 30px;
}

#micra_module .header > .flex > div:first-of-type > p {
    margin: 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #1a252b;
    letter-spacing: 1px;
}

#micra_module .header > .flex > div:nth-of-type(2) {
    border-bottom: 1px solid #00785f;
    position: relative;
}

#micra_module .header > .flex > div:nth-of-type(2) > p {
    padding: 0 30px 5px 10px;
    margin: 0;
    color: #00785f;
    font-size: 20px;
    font-weight: 500;
}

#micra_module .header > .flex > div:nth-of-type(2):before {
    content: "\A";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #00785f;
    display: inline-block;
    bottom: -3px;
    position: absolute;
}

#micra_module .section1 {
    background: url("https://media.satel.pl/img/desc/micra_module/micra_s1_bg.jpg") center no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    height: 540px;
    display: flex;
    position: relative;
}

#micra_module .section1 > div.content {
    flex: 75;
    padding: 30px 100px 20px 30px;
}

#micra_module .section1 > div.content h2 {
    color: #fff;
    font-size: 27px;
    font-weight: 500;
    line-height: 1.4;
}

#micra_module .section1 > div.content p {
    color: #fff;
    font-size: 14px;
    line-height: 1.7;
    padding: 10px 0;
}

#micra_module .section1 > .icon-bar {
    display: flex;
    flex-direction: column;
    flex: 25;
    justify-content: center;
    position: relative;
}

#micra_module .section1 > .icon-bar > img {
    justify-content: center;
    align-content: flex-end;
    align-self: center;
    margin: 1px 0;
    z-index: 20;
}

#micra_module .section1 > .icon-bar > .green-bar {
    position: absolute;
    height: 575px;
    width: 20px;
    background: #00785f;
    border-radius: 50px 50px 0 0;
    z-index: 1;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 0%);
}

#micra_module .section2 {
    background: url("https://media.satel.pl/img/desc/micra_module/micra_s2_bg.jpg") #00846b top right no-repeat;
    background-position: 90% 0%;
    width: calc(100% + 40px);
    margin: 50px 0 0 -20px;
    min-height: 300px;
    display: flex;
    align-items: center;
    border-radius: 25px 0 0 0;
}

#micra_module .section2 > div:first-of-type  {
    width: 410px;
    padding: 30px 30px 0;
    position: relative;
}

#micra_module .section2 > div h1 {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 42px;
    letter-spacing: -1px;
}

#micra_module .section2 > div h2 {
    margin: 0 0 10px 0 ;
    color: #fff;
    font-size: 26px;
    font-weight: 500;
    letter-spacing: -0.5px;
}

#micra_module .section2 > div p {
    margin: 0;
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
}

#micra_module .section2 div > div.radius {
    height: 30px;
    width: 438px;
    position: absolute;
    bottom: -30px;
    left: 0;
    background: #00846b;
    border-radius: 0 0 10px 0;
}

#micra_module .section3 {
    border-bottom: 19px solid #00846b;
}

#micra_module .section3 > div:first-of-type {
    width: 260px;
    display: flex;
    flex-direction: row;
    margin-left: auto;
    padding: 10px;
    background: #fff;
    margin-top: -20px;
    border-radius: 15px 0 0 0;
}

#micra_module .section3 > div:first-of-type p {
    font-size: 12px;
    color: #424242;
    text-align: right;
}

#micra_module .section3 > div:first-of-type p > span {
    color: #f18425;
}

#micra_module .section3 > div:first-of-type > img {
    justify-content: center;
    align-content: flex-end;
    align-self: center;
    padding-left: 10px
}

#micra_module .section3 > p {
    background: #00846b;
    width: 60%;
    display: block;
    margin: 0 auto;
    padding: 20px 40px 0;
    color: #fff;
    text-align: center;
    border-radius: 25px 25px 0 0;
    font-size: 14px;
}

#micra_module .section4 {
    display: flex;
    flex-direction: row;
    margin-top: 75px;
    border-bottom: 1px solid #d9d9d9;
    padding-bottom: 30px;
}

#micra_module .section4 > img {
    justify-content: center;
    align-content: flex-end;
    align-self: center;
    height: 437px;
}

#micra_module .section4 > div {
    padding: 0 20px 0 25px;
}

#micra_module .section4 > div > h2 {
    font-size: 32px;
    color: #00785f;
    font-weight: 500;
    margin: 5px 0;
}

#micra_module .section4 > div > p {
    font-size: 14px;
    line-height: 1.6;
}

#micra_module .section4 > div > p > span {
    font-weight: 500;
}

#micra_module .section5 h1 {
    color: #00785f;
    font-weight: 500;
    font-size: 32px;
    letter-spacing: -1px;
    padding: 20px 20px 0;
    margin-bottom: 0;
}

#micra_module .section5 h2 {
    color: #424242;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: -1px;
    padding: 0 20px 20px 20px;
    margin-top: 5px;
}

#micra_module .section5 .bg1 {
    background: url("https://media.satel.pl/img/desc/micra_module/micra_s5_locally.jpg") center no-repeat;
    height: 166px;
    width: 336px;
    position: relative;
}

#micra_module .section5 .bg2 {
    background: url("https://media.satel.pl/img/desc/micra_module/micra_s5_remotely.jpg") center no-repeat;
    height: 166px;
    width: 336px;
    position: relative;
}

#micra_module .section5 .bg1 > span, #micra_module .section5 .bg2 span {
    position: absolute;
    color: #fff;
    font-weight: 500;
    font-size: 14px;
    background: #00785f;
    top: 0;
    right: 0;
    padding: 7px 13px;
}

#micra_module .section5 .bg2 span {
    background: #f18425
}

#micra_module .section5 > div {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

#micra_module .section5 > div > div > p {
    color: #424242;
    font-size: 12px;
    line-height: 1.6;
    width: 336px;
}

#micra_module .section6 {
    margin-top: 50px;
    border-bottom: 30px solid #d2d9de;
}

#micra_module .section6 > div {
    position: relative;
}

#micra_module .section6 .gradient-box {
    width: 640px;
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 300px;
    background: -webkit-gradient(linear, left top, right top, from(#f9b464), to(#ee7209));
    background: linear-gradient(to right, #f9b464 6%, #ee7209 43%);
    border-radius: 25px;
}

#micra_module .section6 .gradient-box > .white-box {
    width: 636px;
    background: #fff;
    position: absolute;
    top: 2px;
    border-radius: 22px;
    left: 2px;
    padding: 40px 30px 30px;
    box-sizing: border-box;
}

#micra_module .section6 .gradient-box > .white-box > div {
    width: 80%; z-index: 15; position: relative;
}

#micra_module .section6 p.gradient-text {
    background: -webkit-gradient(linear, left top, right top, from(#f9b464), to(#ee7209));
    background: linear-gradient(to right, #f9b464 , #ee7209);
    position: absolute;
    top: -57px;
    left: 0;
    margin: 0;
    padding: 5px 15px;
    color: #fff;
    font-size: 18px !important;
    font-weight: bold;
    border-radius: 0 20px 20px 20px;
}

#micra_module .section6 .content {
    background: linear-gradient(0deg, rgba(255,255,255,1) 56%, rgba(255,255,255,1) 66%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 82%, rgba(255,255,255,0) 100%);
    margin-top: -185px;
    display: flex;
    flex-direction: column;
    width: 75%;
    padding: 105px 20px 15px;
    position: relative;
    z-index: 10;
}

#micra_module .section6 .gradient-box h2 {
    font-size: 18px;
    color: #424242;
    margin: 15px 0 5px;
    font-weight: 400;
    letter-spacing: -0.1px;
}

#micra_module .section6 .gradient-box h1 {
    font-size: 18px;
    color: #424242;
    margin: 0 0 5px;
    font-weight: 500;
    text-align: left;
}

#micra_module .section6 .gradient-box h1 > a {
    color: #00785f;
    font-weight: bold;
    text-decoration: none;
    text-align: left;
    letter-spacing: -1px;
}

#micra_module .section6 .gradient-box p {
    font-size: 14px;
    line-height: 1.6;
}

#micra_module .section6 .content > div {
    display: flex;
    flex-direction: row;
}

#micra_module .section6 .content > div > div {
    flex: 25;
    justify-content: center;
    align-items: center;
    display: flex;
}

#micra_module .section6 .content > div > div > img {
    margin: 0 auto;
    display: block;
}

#micra_module .section6 .content > div > p {
    font-size: 12px;
    line-height: 1.6;
    flex: 75;
    padding: 20px 60px 20px 20px;

}

#micra_module .section6 .micra-control {
    position: absolute;
    right: 10px;
    bottom: 0;
    z-index: 11;
}

#micra_module .section6 p.szary {
    font-size: 14px;
    color: #424242;
    background: #d2d9de;
    padding: 30px 20px 0 40px;
    line-height: 1.6;
}

#micra_module .section6 .box {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
}

#micra_module .section6 .box > div {
    flex: 10;
}

#micra_module .section6 .box > p {
    flex: 70;
    margin: 0;
    border-radius: 75px 0 0 0;
}

#micra_module .section7 {
    margin-top: 50px;
}

#micra_module .section7 .green-box {
    background: #00785f;
    padding: 40px;
}

#micra_module .section7 h1 {
    font-size: 42px;
    font-weight: 500;
    color: #fff;
    letter-spacing: -1px;
    background: #00785f;
    position: relative;
    margin-bottom: 0;
}

#micra_module .section7 p {
    font-size: 14px;
    line-height: 1.6;
}

#micra_module .section7 .green-box > h1 span {
    background-color: white;
    padding-right: 10px;
}

#micra_module .section7 .green-box > h1:after {
    content:"";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 0.5em;
    border-top: 1px solid black;
    z-index: -1;
}

#micra_module .section7 .wrapper {
    display: flex;
    align-items: center;
}

#micra_module .section7 .line {
    border-top: 1px solid #FFF;
    flex-grow: 1;
    margin: 0 35px;
}

#micra_module .section7 .green-box > h2 {
    margin: 10px 0;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
}

#micra_module .section7 .green-box > p {
    color: #fff;
    line-height: 1.6;
    font-size: 14px;
    margin-bottom: 0;
}

#micra_module .section7 .content {
    display: flex;
    margin-top: 50px;
    align-items: center;
    padding: 0 20px;
}

#micra_module .section7 .content > img {
    justify-content: center;
    align-content: flex-end;
    align-self: center;
}

#micra_module .section7 .flex > h2 {
    color: #00785f;
    font-weight: 500;
    font-size: 24px;
    margin: 0;
    padding: 0;
}

#micra_module .section7 span.long {
    height: 1px;
    width: 20px;
    background: #f18425;
    position: absolute;
    width:70%;
    left: 40px;
    top:42px;
}

#micra_module .section7 .more-info {
    position: relative;
    margin-top: 50px;
}

#micra_module .section7 .more-info > div {
    display: flex;
    flex-direction: row;
}

#micra_module .section7 .more-info > div > p {
    margin: 0;
    padding: 20px;
    font-size: 14px;
    line-height: 1.6;
}

#micra_module .section7 .more-info > div > img {
    position: relative;
    top: -1px
}

#micra_module .section7 .more-info > p.orange {
    background: #f18425;
    display: table;
    border-radius: 0 20px 0 20px;
    padding: 9px 15px 10px;
    font-size: 24px;
    font-weight: 500;
    color: #fff;
    margin-left: 20px;
    margin-bottom: 0;
    line-height: 1;
}

#micra_module .section7 span.short {
    height: 1px;
    width: 20px;
    background: #f18425;
    position: absolute;
    top: 0;
    left: 0;
}

#micra_module .section8 > div:first-of-type {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
    background: linear-gradient(27deg, rgba(255,255,255,1) 0%, rgba(242,242,242,1) 47%, rgba(238,238,238,1) 100%);
    margin-top: 50px;
}

#micra_module .section8 > div > p {
    margin-right: 20px;
    text-align: right;
    font-size: 18px;
    line-height: 1.2;
}

#micra_module .section8 > div > p > span {
    font-weight: 500;
}

#micra_module .section8 > .green-board {
    background: url("https://media.satel.pl/img/desc/micra_module/micra_s8_bg.jpg") center no-repeat;
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
    min-height: 462px;
    display: flex;
    justify-content: center;
}

#micra_module .section8 > .green-board .title {
    width: 150px
}

#micra_module .section8 > .green-board .container {
    width: 500px;
    padding: 35px 20px 0 10px;
}

#micra_module .section8 > .green-board .container > div {
    display: flex;
    flex-direction: row;
}

#micra_module .section8 > .green-board .container > div > img {
    justify-content: center;
    align-content: center;
    align-self: center;
    margin-right: 10px;
    margin-left: 30px;
}

#micra_module .section8 > .green-board .container > div > p {
    font-size: 14px;
    color: #fff;
}

#micra_module .section8 > .green-board .title > h1 {
    font-size: 44px;
    color: #fff;
    font-weight: 300;
    text-align: right;
    letter-spacing: -1px;
    margin-top: 40px;
}

#micra_module .section8 .icon {
    height: 44px;
}

#micra_module h1 {
    border: none;
}

#tsi-video .video-container {
    max-width: 718px;
    background: #1E5E75;
    background: radial-gradient(circle, rgb(67, 158, 191) 0%, rgb(86, 127, 175) 100%);
    display: flex;
    flex-direction: row;
    align-items: center;
    margin: -4px 0 50px 0px;
    padding: 10px 20px;
    box-sizing: border-box;
}

#tsi-video .video-container .desc {
    margin-left: 40px;
    border-left: 1px solid #fff;
    padding: 10px 0 10px 40px;
    color: #fff;
    text-transform: uppercase;
}

#tsi-video .video-container h2 {
    font-size: 40px;
    font-weight: 300;
    line-height: 1;
    margin-top: -1px;
}

#tsi-video .video-container h3 {
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 3px;
    line-height: 1;
}

#tsi-video .bg-video {
    background: url("https://media.satel.pl//img/desc/int-tsi_video.jpg") center no-repeat;
    width: 296px;
    height: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
}

#tsi-video .bg-video svg:hover {
    cursor: pointer;
}

#tsi-video .bg-video svg {
    fill: #fff;
    border-radius: 50%;
    margin: 10px;
    height: 100px;
    width: 100px;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 1);
    transform: scale(1);
    animation: tsi-pulse 1.5s infinite;
}

@keyframes tsi-pulse {
    0% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(171, 171, 171, 0.7);
    }

    70% {
        transform: scale(1);
        box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
    }

    100% {
        transform: scale(0.95);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    }
}

#new_perfecta {
    margin: 0 auto;
    width: 678px;
}

#new_perfecta p, #new_perfecta h2, #new_perfecta h1 {
    color: #5c5c5c;
    font-family: 'Ubuntu', sans-serif;
    margin: 0;
}

#new_perfecta h1 {
    border-bottom: none;
}

#new_perfecta p {
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 1.4;
}

#new_perfecta p.white, #new_perfecta h2.white  {
    color: #fff;
}

#new_perfecta .fullwidth {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#new_perfecta .center {
    display: block;
    margin: 0 auto;
    align-self: center;
}

#new_perfecta h1.title {
    color: #5c5c5c;
    font-size: 48px;
    font-weight: 300;
    line-height: 1.1em;
    letter-spacing: -1px;
}

#new_perfecta h2.title {
    font-size: 24px;
    margin-bottom: 10px;
}

#new_perfecta .header {
    background: url(https://media.satel.pl/img/desc/new_perfecta/header.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 404px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#new_perfecta .header .content p.title {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0;
}

#new_perfecta .header .content {
    padding-left: 20px;
}

#new_perfecta .header .content h1 {
    font-size: 48px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 20px;
    letter-spacing: -1px;
}

#new_perfecta .header .content p {
    color: #fff;
    max-width: 45%;
    font-size: 16px;
}

#new_perfecta .section1 {
    background: url(https://media.satel.pl/img/desc/new_perfecta/set.jpg) no-repeat center right;
    background-position: 100% 50%;
    border: 3px solid #b7c433;
    margin: 40px auto 0;
    padding: 30px 20px 50px 20px;
    border-radius: 15px 15px 0 0;
}

#new_perfecta .section1 ul {
    padding: 5px 0 0 0;
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 1.4;
    max-width: 50%;
    list-style-type: none;
}

#new_perfecta .section1 li, #new_perfecta .section4 li {
    line-height: 1.4;
    letter-spacing: -0.3px;
    color: #5c5c5c;
    position: relative;
    margin-bottom: 30px;
    padding-right: 20px;
	font-family: Ubuntu;
}

#new_perfecta .section1 li:last-child {
    width: 600px;
}

#new_perfecta .section1 li > span, #new_perfecta .section4 li > span {
    font-weight: 400;
}

#new_perfecta .section1 li > p.green, #new_perfecta .section4 li > p.green {
    color: #b7c433;
    margin-top: 7px;
}

#new_perfecta .section1 li::before, #new_perfecta .section4 li::before {
    content: '\2022';
    color: #b7c433;
    font-size: 15px;
    position: absolute;
    left: -20px;
}

#new_perfecta .section1 > div > ul {
    padding: 20px 0 0 30px;
}

#new_perfecta .section1 > img {
    margin: 0 0 0 20px;
}

#new_perfecta .section2 {
    display: flex;
    align-items: center;
    background: #b7c433;
    position: relative;
    justify-content: flex-end;
    border-radius: 0 0 15px 15px;
}

#new_perfecta .section2 img {
    align-self: center;
    left: 35px;
    position: absolute;
}

#new_perfecta .section2 div {
    width: 60%;
    padding: 15px 20px;
}

#new_perfecta .section2 h2, #new_perfecta .section2 p {
    color: #fff;
}

#new_perfecta .section3 {
    margin: 50px 0 50px -20px;
}

#new_perfecta .section3 .row-perf {
    display: flex;
}

#new_perfecta .section3 .row-perf > div {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px;
}

#new_perfecta .section3 .row-perf > div > img {
    align-self: flex-start;
    margin-bottom: 20px;
}

#new_perfecta .section4 {
      background: url(https://media.satel.pl/img/desc/new_perfecta/perfecta-control.jpg) no-repeat bottom right;
      border: 3px solid #b7c433;
      margin: 40px auto 0;
      padding: 30px 20px 50px 20px;
      border-radius: 15px;
}

#new_perfecta .section4 > h1 {
      padding-bottom: 25px;
}

#new_perfecta .section4 ul {
      padding: 5px 0 0 30px;
      font-size: 16px;
      letter-spacing: -0.3px;
      line-height: 1.4;
      list-style-type: none;
}

#new_perfecta .section4 ul li {
    margin-bottom: 30px;
}

#new_perfecta .section4 ul li:nth-child(2) {
    width: 80%;
}

#new_perfecta .section4 ul li:nth-child(3) {
    width: 50%;
}

#new_perfecta .section4 .app {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-left: 30px;
}

#new_perfecta .section4 .app > a {
    padding-right: 25px;
    transition: 0.25s;
    margin-top: 15px;
}

#new_perfecta .section4 .app > a:hover {
    transform: scale(0.95);
}

#new_perfecta .section5 {
    text-align: center;
    margin-bottom: 65px;
}

#new_perfecta .section5 img {
    margin-bottom: 20px;
}

#new_perfecta .section5 h2 {
    margin-bottom: 15px;
    padding: 0 20px;
}

#new_perfecta .section5 p {
    margin-bottom: 15px;
    padding: 0 20px;
}

#new_perfecta .section5 a {
    display: table;
    padding: 12px 35px;
    color: #fff;
    border: 1px solid #fff;
    background: #b7c433;
    margin: 0 auto;
    text-transform: uppercase;
    text-decoration: none;
    margin-top: 35px;
    transition: 0.3s;
    font-size: 16px;
}

#new_perfecta .section5 a:hover {
    color: #b7c433;
    border: 1px solid #b7c433;
    background: #fff;
}

#new_perfecta .section6 {
    display: flex;
    min-height: 321px;
    background: #b7c433;
}

#new_perfecta .section6 div.bg {
    min-width: 295px;
    background: url(https://media.satel.pl/img/desc/new_perfecta/ochrona.jpg) no-repeat bottom right;
    background-size: cover;
}

#new_perfecta .section6 div.content {
    padding: 15px 20px;
    align-self: center;
}

#new_perfecta .section6 div.content > div.icons {
    display: flex;
    flex-direction: row;
    margin-top: 25px;
    justify-content: space-evenly;
}

#new_perfecta .section6 div.content > div.icons > div {
    width: 25%;
    text-align: center;
}

#new_perfecta .section6 div.content > div.icons > div > p {
    margin-top: 8px;
    line-height: 1;
    font-size: 14px;
    color: #fff;
}

#new_perfecta .section7 {
    min-height: 428px;
    background: url(https://media.satel.pl/img/desc/new_perfecta/automatyka_domowa.jpg) no-repeat center;
    background-size: cover;
    margin: 50px 0 50px -20px;
    display: flex;
    align-items: flex-end;
}

#new_perfecta .section7 > .content {
    width: 52%;
    padding: 20px;
    background: rgba(0, 0, 0, 0.45);
    margin: 0 0 40px 40px;
}

#new_perfecta .section8 {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 83%, rgba(216,218,221,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 83%, rgba(216,218,221,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 83%, rgba(216,218,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d8dadd",GradientType=1);
}

#new_perfecta .section8 > h1 {
    color: #b7c433;
    text-align: center;
    padding: 70px 0 20px;
}

#new_perfecta .section8 > h2 {
    text-align: center;
    font-weight: 400;
    font-size: 24px;
}

#new_perfecta .section8 .pics {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

#new_perfecta .section8 .content > div {
    width: 345px;
    padding: 20px;
    box-sizing: border-box;
}

#new_perfecta .section8 .content > div > h2 {
    font-size: 20px;
    font-weight: 500;
}

#new_perfecta .section8 .content {
    display: flex;
    justify-content: space-between;
}

#new_perfecta .section9 {
    background: #f5f4f4;
    padding: 50px 20px;
    box-sizing: border-box;
    margin-top: 50px;
}

#new_perfecta .section9 h1 {
    padding-bottom: 20px;
}

#new_perfecta .section9 .zones {
    display: flex;
    justify-content: space-around;
    margin: 45px auto -50px;
}

#new_perfecta .section9 .zones > div {
    display: flex;
    flex-direction: column;
    justify-content: start;
}

#new_perfecta .section9 .zones .zone {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#new_perfecta .section9 .zones .zone > span {
    width: 95px;
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    background: #fff;
    border: 2px solid #f9b124;
    border-radius: 99px;
    letter-spacing: -0.5px;
    color: #f9b124;
}

#new_perfecta .section9 .zones .zone:nth-child(2) > span {
    border: 2px solid #518fbf;
    color: #518fbf;
}

#new_perfecta .section10  {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 60px 20px;
}

#new_perfecta .section10 h1 {
    padding-bottom: 10px;
}

#new_perfecta .section10 > div {
    padding-left: 30px;
}

#new_perfecta .section11 > h1 {
    background: #b7c433;
    color: #fff;
    font-weight: 300;
    font-size: 36px;
    text-align: center;
    padding: 50px 25px;
    position: relative;
    letter-spacing: -1px;
    margin-bottom: 40px;
}

#new_perfecta .section11 > h2 {
    color: #5c5c5c;
    font-weight: 300;
    font-size: 24px;
    text-align: center;
    letter-spacing: -1px;
    margin-bottom: 40px;
    max-width: 70%;
    margin: 0 auto 40px;
    line-height: 1.4;
}

#new_perfecta .section11 div.solution {
    display: flex;
    max-width: 40%;
    align-items: center;
    margin: 0 auto 40px;
}


#new_perfecta .section11 > h1::after{
    content: '';
    position: absolute;
    align-items: center;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #b7c433;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

#new_perfecta .section11 > .row-perfecta {
    display: flex;
    flex-direction: row;
    padding: 0 25px;
    align-items: center;
    justify-content: center;
    display: flex;
}

#new_perfecta .section11 > .row-perfecta > img {
    flex: 1;
}

#new_perfecta .section11 > .row-perfecta > p {
    padding: 30px;
    text-align: center;
}

#new_perfecta .perfecta-tabelka {
    max-width: 718px;
}

#new_perfecta .perfecta-tabelka {
    width: 100%;width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#new_perfecta .perfecta-tabelka tr:nth-child(2n+2) {
    background-color: #b7c43326;
}

#new_perfecta .perfecta-tabelka tr:nth-child(2n+1) {
    background-color: #c8dd679c;
}

#new_perfecta .perfecta-tabelka th {
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 30;
    padding-bottom: 15px;
    text-align: center;
}

#new_perfecta .perfecta-tabelka th > span {
    height: 185px;
    transform: rotate(180deg);
    writing-mode: tb-rl;
    text-align: left;
}

#new_perfecta .perfecta-tabelka th > span > a {
    text-decoration: none;
    color: #675c5c;
    font-size: 14px;
    border-left: 1px solid #b7c534;
    font-weight: 600;
    font-family: Ubuntu;
    transition: 0.15s;
}

#new_perfecta .perfecta-tabelka th > span > a:hover {
    border-left: none;
    color: #9daa2a;
}

#new_perfecta .perfecta-tabelka td:nth-child(1) {
    font-size: 14px;
    text-align: left;
}

#new_perfecta .perfecta-tabelka td {
    padding: 11px 8px;
    text-align: center;
    font-size: 13px;
    position: relative;
    min-width: 40px;
    transition: 0.2s;
    color: #323131;
}

#new_perfecta .perfecta-tabelka tr > td:first-child {
    font-size: 12px;
    font-weight: 400;
}

#new_perfecta .perfecta-tabelka td > span.info {
    position: absolute;
    top: 10px;
    right: 18px;
    font-size: 11px;
    opacity: 0.8;
}

#new_perfecta  .perfecta-tabelka td > span.info2 {
    position: absolute;
    top: 10px;
    right: 12px;
    font-size: 11px;
    opacity: 0.8;
}

#new_perfecta .tabela {
    margin-bottom: 40px;
}

#new_perfecta .tabela > p.desc {
    font-size: 12px;
    opacity: 0.9;
    margin: 15px 0 0 0;
    line-height: 1.2;
}

#new_perfecta .tabela  h1 {
    text-align: center;
    margin: 140px auto 20px;
    font-size: 40px;
}

#new_perfecta .tabela .highlighted {
    background: #b7c433;
    color: #fff;
}

#new_versa {
    margin: 0 auto;
    width: 678px;
}

#new_versa p, #new_versa h2, #new_versa h1 {
    color: #5c5c5c;
    font-family: 'Ubuntu', sans-serif;
    margin: 0;
}

#new_versa h1 {
    border-bottom: none;
}

#new_versa p {
    font-size: 16px;
    letter-spacing: -0.3px;
    line-height: 1.4;
}

#new_versa .fullwidth {
    width: calc(100% + 40px);
    margin: 0 0 0 -20px;
}

#new_versa .center {
    display: block;
    margin: 0 auto;
    align-self: center;
}

#new_versa h1.title {
    color: #5c5c5c;
    font-size: 48px;
    font-weight: 300;
    padding-top: 40px;
    line-height: 1.1em;
    letter-spacing: -1px;
}

#new_versa .header {
    background: url(https://media.satel.pl/img/desc/versa/header.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 404px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#new_versa .header .content p.title {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    padding: 0;
}

#new_versa .header .content {
    padding-left: 20px;
}

#new_versa .header .content h1 {
    font-size: 48px;
    font-weight: 300;
    color: #fff;
    padding-bottom: 20px;
    letter-spacing: -1px;
}

#new_versa .header .content p {
    color: #fff;
    max-width: 45%;
    font-size: 16px;
}

#new_versa .section1 {
    margin-bottom: 30px;
}

#new_versa .section1 h2 {
    color: #005caa;
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    padding: 45px 40px;
    line-height: 1.3em;
}

#new_versa .section2 {
    background: url(https://media.satel.pl/img/desc/versa/int-tsh_wall.jpg) no-repeat right bottom;
    position: relative;
    min-height: 480px;
}

#new_versa .section2 .gradient {
    position: absolute;
    top: 0;
    right: 0;
}

#new_versa .section2 .container {
    padding-left: 20px;
}

#new_versa .section2 .container > p {
    width: 48%;
    padding: 30px 0;
}

#new_versa .section2 .container > .size {
    display: flex;
    flex-direction: column;
    width: 45%;
    align-items: flex-end;

}

#new_versa .section2 .container > .size > div {
    flex-direction: row;
    display: flex;
    align-items: flex-end;
}

#new_versa .section2 .container > .size > div:first-of-type {
    margin-bottom: 20px;
}

#new_versa .section2 .container > .size > div > a {
    position: relative;
    top: -5px;
    left: -20px;
    text-decoration: none;
    color: #858383;
    font-size: 14px;
}

#new_versa .section3 {
    display: flex;
    padding: 20px 0;
    align-items: center;
    margin: 20px 0;
}

#new_versa .section3 ul {
    list-style: none;
    padding: 0 20px 0 0;
    margin-top: -50px;
}

#new_versa .section3 ul li {
    position: relative;
    padding: 0 20px;
    margin: 20px 0;
    color: #5c5c5c;
    font-size: 16px;
}

#new_versa .section3 ul li:before {
    content: '';
    width: 42px;
    height: 42px;
    position: absolute;
    background-size: cover;
    background-position: center;
    left: -35px;
    top: 50%;
    transform: translateY(-50%);
}

#new_versa .section3 ul li.ico1:before {
    background-image: url('https://media.satel.pl/img/desc/versa/ico1.png');
}

#new_versa .section3 ul li.ico2:before {
    background-image: url('https://media.satel.pl/img/desc/versa/ico2.png');
}

#new_versa .section3 ul li.ico3:before {
    background-image: url('https://media.satel.pl/img/desc/versa/ico3.png');
}

#new_versa .section4 {
    display: flex;
    background: rgb(0,92,170);
    background: -moz-linear-gradient(135deg, rgba(0,92,170,1) 62%, rgba(255,255,255,1) 62%);
    background: -webkit-linear-gradient(135deg, rgba(0,92,170,1) 62%, rgba(255,255,255,1) 62%);
    background: linear-gradient(135deg, rgba(0,92,170,1) 62%, rgba(255,255,255,1) 62%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#005caa",endColorstr="#ffffff",GradientType=1);
    min-height: 400px;
}

#new_versa .section4 .content {
    background: url(https://media.satel.pl/img/desc/versa/INT-TSG-BSB.png) no-repeat;
    background-position-y: 80%;
    background-position-x: 108%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px 0;
}

#new_versa .section4 .content > p {
    max-width: 42%;
    color: #fff;
    padding: 0 0 0 30px;
    font-size: 16px;
    margin: 15px 0;
    line-height: 1.5em;
}

#new_versa .section5 {
    background: url(https://media.satel.pl/img/desc/versa/grad_left_bottom.jpg) no-repeat bottom left;
    position: relative;
}

#new_versa .section5 .keypad  a {
    font-size: 13px;
    color: inherit;
    text-decoration: none;
}

#new_versa .section5 .keypad .VERSA-LED-GR {
    position: absolute;
    top: 322px;
    left: 112px;
}

#new_versa .section5 .keypad .VERSA-LCD-BL {
    position: absolute;
    top: 342px;
    left: 240px;
}

#new_versa .section5 .keypad .VERSA-KWRL2 {
    position: absolute;
    top: 365px;
    left: 370px;
}

#new_versa .section5 > img {
    padding: 50px 0 30px;
    max-width: 70%;
}

#new_versa .section5 h1 {
    padding-left: 20px;
}

#new_versa .section5 p {
    padding: 0 20px 50px 20px;
}

#new_versa .section6 .content {
    display: flex;
    padding: 30px 0;
}

#new_versa .section6 .content p {
    padding: 0 20px 20px;
}

#new_versa .section6 .content p.star {
    opacity: 0.75;
    font-size: 13px;
}

#new_versa .section7 {
    background: url(https://media.satel.pl/img/desc/versa/gradient.png) no-repeat top left;
}

#new_versa .section7 .keyfob {
    width: 62%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 20px 0 0 20px;
    margin-top: -200px;
}

#new_versa .section7 .keyfob > p:first-of-type {
    margin-bottom: 25px;
}

#new_versa .section7 img.key {
    padding-top: 70px;
    margin-right: 0;
}

#new_versa .section7 .keyfob p > span.red {
    color: #d22c28;
    font-weight: bold;
}

#new_versa .section7 .keyfob p > span.yellow {
    color: #ffcc00;
    font-weight: bold;
}

#new_versa .section7 .keyfob p > span.green {
    color: #45c02b;
    font-weight: bold;
}

#new_versa .section7 img.led {
    padding: 50px 0 65px;
}

#new_versa .section8 {
    background:  url(https://media.satel.pl/img/desc/versa/phone.jpg) no-repeat bottom right #055fac;
    min-height: 840px;
}

#new_versa .section8 .container {
    padding: 20px 30px 30px;
}

#new_versa .section8 .container > h1 {
    color:  #fff;
}

#new_versa .section8 .container > p:first-of-type {
    color:  #fff;
    font-weight: 500;
    margin: 20px auto 40px;
}

#new_versa .section8 .content {
    display: flex;
    flex-direction: row;
    margin-bottom: 45px;
}

#new_versa .section8 .content > div > img {
    padding-right: 25px;
    height: 45px;
    width: 45px;
    position: relative;
    top: 5px;
}

#new_versa .section8 .content > p {
    color: #fff;
    font-weight: 300;
    line-height: 1.5em;
}

#new_versa .section8 .content > p {
    color: #fff;
    width: 41%;
}

#new_versa .section8 .content:first-of-type  > p{
    width: 100%;
}

#new_versa .section8 .app {
    display: flex;
    flex-direction: row;
}

#new_versa .section8 .app > a {
    padding-right: 25px;
    transition: 0.25s
}

#new_versa .section8 .app > a:hover {
    transform: scale(0.95);
}

#new_versa .section9 {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

#new_versa .section9 h2 {
    margin-bottom: 15px;
    font-size: 24px;
}

#new_versa .section9 > * {
    padding: 0 20px;
}

#new_versa .section9 p.info {
    position: absolute;
    bottom: 5px;
    left: 200px;
    font-size: 10px;
}

#new_versa .section10 {
    margin-top: -30px;
}

#new_versa .section10 h2 {
    font-size: 24px;
}

#new_versa .section10 h2, #new_versa .section10 p {
    text-align: center;
    margin-bottom: 15px;
    padding: 0 20px;
}

#new_versa .section10 > a {
    background: #055fac;
    color: #fff;
    border: 1px solid #055fac;
    padding: 12px 35px;
    text-decoration: none;
    text-transform: uppercase;
    text-align: center;
    margin: 35px auto 30px;
    display: table;
    transition: 0.25s;
    font-size: 16px;
}

#new_versa .section10 > a:hover {
    background: #fff;
    color: #055fac;
    border: 1px solid #055fac;
}

#new_versa .section11 {
    background: url(https://media.satel.pl/img/desc/versa/bezpieczny_sen.jpg) #055fac no-repeat center left;
    background-size: contain;
    min-height: 420px;
    display: flex;
    justify-content: flex-end;
    margin-top: 75px;
}

#new_versa .section11 .container {
    text-align: right;
    padding-right: 20px;
    width: 50%;
    padding-top: 80px;
}

#new_versa .section11 .container h2 {
    color: #fff;
    margin-bottom: 15px;
    font-size: 24px;
}

#new_versa .section11 .container p {
    color: #fff;
}

#new_versa .section11 .icons {
    display: flex;
    margin-top: 25px;
    width: 410px;
    position: relative;
    padding: 20px;
    right: 55px;
}

#new_versa .section11 .icons > div {
    width: 25%;
}

#new_versa .section11 .icons > div > p {
    text-align: center;
    line-height: 1.1;
    margin-top: 8px;
    font-size: 14px;
}

#new_versa .section12 {
    margin-top: 60px;
    background:  url(https://media.satel.pl/img/desc/versa/police_bg.jpg) no-repeat center;
    min-height: 486px;
}

#new_versa .section12 h1 {
    color: #fff;
    padding: 50px 30px 20px;
}

#new_versa .section12 p {
    font-weight: 300;
    color: #fff;
    padding: 20px 30px;
    width: 55%;
    font-size: 18px;
}

#new_versa .section13 {
    padding: 40px 0 80px;
}

#new_versa .section13 .row1 {
    background:  url(https://media.satel.pl/img/desc/versa/lighting.jpg) no-repeat top left;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    min-height: 344px;
}

#new_versa .section13 .row1 .content {
    width: 53%;
    text-align: right;
    padding-right: 20px;
}

#new_versa .section13 h2 {
    margin-bottom: 15px;
    font-size: 24px;
    padding: 0;
}

#new_versa .section13 .row2 {
    background:  url(https://media.satel.pl/img/desc/versa/mobile_monitor.jpg) no-repeat top right;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 344px;
    margin-top: 40px;
}

#new_versa .section13 .row2 .content {
    width: 53%;
    padding-left: 20px;
}

#new_versa .section13 .row1 .content > p, #new_versa .section13 .row2 .content > p  {
    padding-bottom: 25px;
}

#new_versa .section14  {
    background: rgb(255,255,255);
    background: -moz-linear-gradient(0deg, rgba(255,255,255,1) 73%, rgba(245,249,253,1) 83%, rgba(210,229,247,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,1) 73%, rgba(245,249,253,1) 83%, rgba(210,229,247,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,1) 73%, rgba(245,249,253,1) 83%, rgba(210,229,247,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#d2e5f7",GradientType=1);
}

#new_versa .section14 > h1 {
    color: #005caa;
    font-weight: 300;
    font-size: 48px;
    text-align: center;
    padding: 50px ;
}

#new_versa .section14 > p {
    padding: 40px 20px;
}

#new_versa .section15 > h1 {
    background: #005caa;
    color: #fff;
    font-weight: 300;
    font-size: 38px;
    text-align: center;
    padding: 50px;
    position: relative;
    letter-spacing: -1px;
    margin-bottom: 40px;
}

#new_versa .section15 > h1::after{
    content: '';
    position: absolute;
    align-items: center;
    top: 100%;
    width: 0;
    height: 0;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #005caa;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

#new_versa .section15 > .row-versa {
    display: flex;
    flex-direction: row;
    padding: 0 25px;
    align-items: center;
    justify-content: center;
    display: flex;
}

#new_versa .section15 > .row-versa > img {
    flex: 1;
}

#new_versa .section15 > .row-versa > p {
    padding: 40px;
    text-align: center;
}

#new_versa .tabela {
    margin: 50px auto;
}

#new_versa .tabela h1 {
    text-align:  center;
    font-size: 40px;
    padding-bottom: 40px;
}

#new_versa .versa-tabela tr {
    margin: 5px;
    transition: .15s;
}

#new_versa .versa-tabela tr:nth-child(2n+2) {
    background-color: #ebebef96
}

#new_versa .versa-tabela td:nth-child(1) {
    text-align: left;
}

#new_versa .versa-tabela th {
    text-align: center;
}

#new_versa .versa-tabela th > a{
    font-size: 15px;
    color: #005CA3;
    text-decoration: none;
}

#new_versa .versa-tabela tr > td:first-child {
    font-size: 12px;
}

#new_versa .versa-tabela td {
    padding: 8px;
    text-align: center;
    font-size: 12px;
    color: #282525;
}

#new_versa .versa-tabela tr:nth-child(2n+1) {
    background-color: #005ca324;
}

#new_versa .versa-tabela tbody tr:hover {
    background: #005caa;
}

#new_versa .versa-tabela tbody tr:hover td {
    color: #fff;
}

#new_versa .versa-tabela tr > th {
    background: #fff;
    padding-bottom: 3px;
}

.video-row {
        display: flex;
        border: 1px solid #e3dbdb;
        max-width: 100%;
        justify-content: space-evenly;
        padding: 20px;
        gap: 20px;
        align-items: baseline;
        flex-wrap: wrap;
    }

    .video-row .vid-container {
        width: 100%;
    }

    .video-row .vid-box {
        position: relative;
        height: 100% !important;
        min-height: 210px;
    }

    .video-row .vid-box iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .video-row p {
        text-align: center;
        font-size: 11px;
        font-style: italic;
        color: #afafaf;
        margin: 0;
        padding: 10px 20px 0px 20px;
        line-height: 16px;
        box-sizing: border-box;
    }