/*
 center main div in IE
*/
html, body {height: 100%;}

body {
    text-align: center;
}

a {
    text-decoration: none;
    color: #fc9800;
}

a:hover {
    text-decoration: underline;
}
label{
    text-align:right;
    width:250px;
    display:block;
    padding:2px;
    margin:0px;
    float:left;
}

#rightpane, #srcproductpane {
    width: 678px;
    z-index: 1;
    padding: 20px 20px 0px 20px;
    padding: 20px ;
    margin:0px;
    float: right;
    background: #FFF;
    min-height: 400px;
    height: auto !important;
}
#rightpane input[type=text],#rightpane textarea{
    border:1px solid #CCC;
}

#registerForm input[type=text],#registerForm textarea,#registerForm label,#registerForm p{
    font-size:13px;
}
#registerForm .formFooter{
    width: 100%;
    float: left;
    clear: both;
}
#srcproductpane {
    background: #FFF58F url('/img/source.png');
    margin-bottom: 20px;
    padding-bottom: 20px;
}

#productname input {
    font-size: 16px;
    font-weight: bold;
    font-family: Lucida Grande, Verdana, Arial, Helvetica, sans-serif;
    padding: 10px 0px 10px 0px;
}
#productname{
    margin-top:3px;
}
#breadcrumb {
    text-transform: lowercase;
    margin-bottom: 20px;
    font-size: 9px;
    float: left;
    width: 660px;
}

#breadcrumb a {
    color: #818181;
}

#breadcrumb a:hover {
    color: #BBBBBB;
    text-decoration: underline;
}

#bcend{
    color:#FF9900;
    display:inline;
}
#photorightpane {
    width: 250px;
    float: right;
    margin-top:10px;
}

#leaflet,#info_materials {
    clear: both;
    float: right;
    width: 250px;
}

#leaflet .row,#info_materials .row {
    width: 100%;
    border: none;
}

#leaflet .cell,#info_materials .cell {
    padding: 0px;
}

#leaflet h1,#info_materials h1 {
    font-size: 11px;
    padding-bottom: 3px;
    margin:10px 0;
}

#info_materials{
    margin-top:20px
}

#leftpane {
    float: left;
    width: 420px;
}

#leftpane p {
    width: 390px;
}


#left_nav {
    z-index: 1;
    width: 282px;
    float: left;
    margin-bottom: 20px;
    margin-top: -30px;
    position: relative;
}

#left_nav a {
    color: #818181;
}

#left_nav ul {
    padding-left: 15px;
}

#mptt, #mptt ul {
    margin: 0px;
    padding-left: 12px;
}

#mptt {
    margin-top: 40px;
}

#mytree {
    margin-top: 15px;
    margin-bottom: 15px;
}

#tab_div {
    float: left;
    width: 100%;
}

#tab_div ul li {
    margin-left: 0px;
}

#tab_div2 {
  display: inline-block;
  max-width: 670px;
}


#photo,#extraPhotos a {
    float: right;
    padding: 10px;
    border: 1px solid #EEE;
}
#photo{
    clear: right;

}
#extraPhotos a{
    padding:0;
    margin:1px 0px 0px 1px;
}

.photo, .zoom {
    min-height: 75px;
    height:auto !important;
    height:75px;
    float: left;
    padding: 0px 14px;
}

.zoom {
    background: #FFF url('/img/zoom.gif') left bottom no-repeat;
}

#main {
    width: 1000px;
    height: 100%;
    position: relative;
    margin:auto;
    text-align: left;
    top:9px;
}

#footer {
    background-color: #FFFFFF;
    background-image: url(/img/bottom.jpg);
    background-repeat: no-repeat;
    clear: both;
    float: left;
    height: 86px;
    width:1000px;
}
/*
 footer cell
*/
.ftcell1, .ftcell2, .ftcell3 {
    color: #FFFFFF;
    float: left;
    margin: 8px 0px 10px 10px;
    /*width: 263px;*/
     width: 45%;
}

.ftcell2,.ftcell3 {
    margin: 8px 0px 0px 30px;
    /*width: 337px;*/
}
.ftcell3{
    margin: 8px 20px 0px 0px;
}

#footer p {
    margin: 0px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
}

#footer a {
    color: #FFFFFF;
    text-decoration: underline;
}

#footer a:hover {
    color: #fc9800;
}


#footer h2 {
    padding-bottom: 0px;
    margin: 0px;
}

#search_bar {
    text-align: right;
    padding-right: 4px;
    padding-top: 10px;
    height: 61px;
}

#searchform, #langselect {
    height: 30px;
    font-size: 9px;
    float: right;
    text-align: left;
}
#searchfield{
    margin-top: 5px;
    float: left;
}
#langselect {
    background: transparent url('/img/lng_select_bg.gif') right top no-repeat;
    padding-top:1px;
    margin-top:5px;
    height:20px;
    width:127px;
    color:#818181;
    margin-right:6px;
}
#langselect a{
    color:#818181;
    padding-left: 35px;
}

#langdiv {
    width:99px;
    background: #FFF;
    z-index: 2;
    border:1px solid;
    border-radius: 3px;
    padding-top: 12px ;
    padding-bottom: 12px ;
    text-align: left;
    position: absolute;
    right: 36px;
    top: 38px;
    display:none;
}

#logo {
    float: left;
    position: relative;
    padding-left: 16px;
    top: 17px;
    color: #626066;
    font-size: 10px;
}

#flash_bar{
    left: 50%;
    margin-left: -500px;
    position: absolute;
    z-index: 1;
    width: 1000px;
    height: 202px;
}

.left_menu {
    padding: 10px;
    background: url('/img/menu_center.gif') no-repeat left;
    height: 36px;
    color: #cfcfcf;
    float: left;
    width: 100%;
}

.left_menu ul{
    display:none;
}

.left_menu select {
    float: right;
    margin: 10px;
    margin-bottom: 0px;
}

.left_menu p {
    float: right;
    margin: 6px 20px 0px 10px;
}

.left_item {
    margin-left: 15px;
    padding: 3px 20px;
    display: block;
    background: transparent url('/img/arrow_small.gif') no-repeat left;
    font-variant: small-caps;
    position: relative;
}
.left_item_sub{
    margin-left: 30px;
    padding: 3px 20px;
    display: block;
    background: transparent url('/img/bullet_dot.gif') no-repeat;
    font-variant: small-caps;
    position: relative;
}

.sel {
    font-weight: bold;
}

#left_nav > div:first-child.left_menu {
    background: transparent url('/img/menu_top.gif') no-repeat left;
}

.left_menu_head ,.left_menu_head a{
    font-weight: bold;
    font-size: 12px;
    color: #FFF !important;
    clear: both;
}

#top_menu {
    float: right;
    clear: both;
    width:760px;
}

#top_menu a {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: bold;
    padding: 5px;
    color: #818181;
}
/*
 produkt link
*/
.p_l {
    color: #ff9900;
    white-space: nowrap;
}

#content {
    float: left;
    margin-top: 200px;
    background: #FFF url('/img/content_bg.gif') repeat-y ;
    padding-bottom:20px;
}
#content.content_fresh{
    margin-top:0;
}

/* new RODO trainings */
#registerFormTrainings label {
  text-align: left;
  padding: 0;
}
#registerFormTrainings .participants {
  background: #fafafa;
  padding: 15px 15px 20px 15px;
  border: 1px solid #dcdcdc;
}
#registerFormTrainings .participants label {
  padding-top: 7px;
}

#registerFormTrainings #cena_szkolenia {
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  margin-top: -10px;
}
#registerFormTrainings #cena_szkolenia:before {
  content: 'Cena szkolenia: ';
}

#registerFormTrainings h3 {
  font-size: 14px;
  padding: 10px 0 20px 0;
  margin-top: -10px;
  background: white;
}
#registerFormTrainings h3:after {
  content: ' ';
  border-top: 1px solid #ececec;
  display: block;
  margin-top: 9px;
  float: right;
  width: calc(100% - 110px);
}

#registerFormTrainings input[type=text],
#registerFormTrainings textarea  {
  font-size: 13px;
  padding: 5px 7px;
  margin-bottom: 12px;
}

#registerFormTrainings select  {
  font-size: 13px;
  padding: 5px 7px;
}

#registerFormTrainings input:focus {
  outline: none;
}

#registerFormTrainings .left-col {
float: left;
width: 48%;
}
#registerFormTrainings .right-col {
  float: right;
  width: 48%;
}
#registerFormTrainings .container {
  float: left;
}

#registerFormTrainings .left-col,
#registerFormTrainings .right-col,
#registerFormTrainings .container {
  display: grid;
}

/*
 ************************* article ******************************

*/
div.data {
    color: #CCC;
    font-size: 10px;
    float:left;
    margin-right:5px;
    width:54px;
}

.artselected{
    color:#FF9900;
}

.artrightpane {
    width: 678px;
    float: left;
    padding-bottom: 5px;
}

.artleftpane {
    width: 100px;
    float: left;
}

h1 a {
    color: #818181;
    margin-top: 0px;
}

h1 a:hover {
    color: #fc9800;
    text-decoration: underline;
}

h2 a {
    color: #818181;
    margin-top: 0px;
}

h2 a:hover {
    color: #fc9800;
    text-decoration: underline;
}

h3 a {
    color: #818181;
    margin-top: 0px;
}

h3 a:hover {
    color: #fc9800;
    text-decoration: underline;
}

.halfsize {
    width: 50%;
    float: left;
}

.article {
    padding: 0px 10px 0px 0px;
    height:100px;
    height:auto !important;
    min-height:100px;
}

.article p {
    padding-right: 30px;
}

.gallery_th {
    margin: 6px;
    /*
     padding:10px;
     background:#F5F5F5;
    */
}

div.groups {
    float: left;
    width:50%;
    height: 100px;
    padding-top: 30px;
}

h1.groups {
    padding-top: 20px;
    clear: both;
}

.groups a img {
    padding-right: 10px;
}

.lang, .lang a {
    font-size: 9px;
    height: 18px;
    line-height: 20px;
}

.print {
    float: right;
    clear: right;
    width:12px;
}

@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

#mytree {
    float: left;
    width: 100%;
    clear: both;
    margin: 0px;
    padding: 10px 0px 10px 7px;
}

#copy {
    color:#FFF;
    clear: both;
    float: left;
    font-size: 9px;
    height: 20px;
    padding-top: 5px;
    width: 1000px;
}

#copy a {
    color: #FFF;
}

.news {
    float: left;
    min-width: 260px;
    width: 47%;
    padding: 10px;
}

div.news h2 {
    color: #FC9800;
    text-transform: uppercase;
    padding-left: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d0d0d0;
    background: transparent url('/img/arrow_big.gif') no-repeat left 2px;
}
div.news  div{
    margin-top: 2px;
}

.info_img {
    margin-right: 13px;
    margin-bottom: 3px;
    margin-top: 3px;
}

.articon {
    padding-right: 10px;
    padding-bottom: 10px;
    margin-top:14px;
}

.contact {
    width: 200px;
    float: left;
    margin-right: 5px;
    padding-bottom: 10px;
}

.contact_kons {
    width: 290px;
    float: left;
}

.contact img {
    margin-right: 8px;
    margin-bottom: 20px;
}

.contact_kons img {
    margin-right: 8px;
    margin-bottom: 35px;
}

.h1_niebold {
    font-weight: normal;
}

.zwrot {
    width: 150px;
    float: left;
    margin-right: 5px;
    padding-bottom: 10px;
}

.f_zwrot {
    width: 230px;
    float: left;
    padding-left: 100px;
    margin-right: 5px;
    padding-bottom: 10px;
}

h4 {
    clear: both;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: bold;
}

h5 {
    clear: both;
}

.news form {
    text-align: right;
}

.trainer {
    float: left;
    width: 150px;
    padding-left: 10px;
    font-size: 11px;
    text-align: left;
}

.artrightpane .halfsize {
    border: 1px solid;
}


div.halfsize  h2 {
    padding-left:77px;
    text-indent:-18px;
    /*    display: inline;
    */
}

div.halfsize  h1 {
    padding-top: 20px;
}

.list {
    float: left;
    padding-left: 15px;

}
.product_symbol{
    font-size:18px;
    border:none;
    margin:0;
    padding:0;
    clear:both;
}
.trashinfo{
    margin:10px;
    padding:20px;
}
.ajax-loading{
    height:50px;
    background: url('/lib/multibox/images/loader.gif') no-repeat;
}
input.btnH_orange{
    width: 100px;
}
.btnH_grey,.btnH_orange{
    display: block;
    font-size:12px;
    color:#FFFFFF;
    float:left;
    padding:5px 10px;
    margin: 0;
    border-radius: 5px;
    background: #818181;
    border:none;
    box-shadow:1px 1px #626066;
    outline: none;
}

.btnH_grey:hover,.btnH_orange:hover,.btnH_orange:disabled{
    margin:1px 0 1px 0;
    text-decoration: none;
    box-shadow:none;
}
.btnH_orange:disabled{
    opacity: 0.5;
}
.btnH_orange{
    background-color: #FC9800;
    float: right;
}
.btn_grey,.btn_orange{
    background:transparent url('/img/btn_grey.gif') no-repeat right top;
    float:left;
    padding-right:10px;
    height:24px;
    line-height:24px;
}
.btn_grey a,.btn_orange a,.btn_grey input{
    display:block;
    padding-left:10px;
    background:transparent url('/img/btn_grey.gif') no-repeat left top;
    color:#FFF;
}
.btn_grey input{
    padding-bottom:3px;
    height:24px;
    border-width:0 !important;
}
.btn_orange,.btn_orange a,.btn_orange input{
    background-image:url('/img/btn_orange.jpg');
    color:#FFF;
    height:26px;
}
.btn_orange{
    margin-right:10px;
}
#trash_info{
    clear:both;
}
#presentation_buttons{
    visibility:hidden;
    clear:both;
    margin-left: auto;
    margin-right: auto;
}
#presentation_buttons .btn_orange{
}
.news h3 a{
    background:url('/img/rss_bg.jpg') no-repeat;
    padding-left:30px;
    padding-top:6px;
    color:#FFF !important;
    margin-top:10px;
    display:block;
    height:21px;
}
#cena_szkolenia{
    clear:both;
    padding-top:20px;
    padding-bottom:20px;
}
#next_step,#prev_step{
    width:100px;
    text-align:center;
}
.participant-info {
    clear: both;
    background: #F7F7F7;
    border-bottom: 1px solid #CCC;
    padding-bottom: 13px;
    float: left;
    padding: 10px;
}
#participant_list{
    clear:both;
}
#participant_list div{
    display:none;
}
#company_data{
    margin-top:20px;
    float: left;
}
#company_data label{
    float:none;
    width:350px;
}
#countDownTimer{
    margin-left: 107px;
    width: 490px;
    height: 77px;
    line-height: 73px;
    /*    background: black;*/
    position: absolute;
    bottom:20px;
    left:0px;
    color: white;
    z-index: 100;
    font-size: 70px;
}
.cntSeparator{
    width:19px;
    margin-top:0;
}
.more {
    float: left;
    display: none;
}
.articleMore{
    margin-top: 8px;
    clear:both;
}
#gamasec_badge{
    display:none;
}
.obsolete,.archive, .soon{
    text-align: center;
    text-transform: uppercase;
    padding: 0.5em;
}
.groups .obsolete,.groups .archive, .groups .soon {
    width: 187px;
    margin-left: 139px;
    margin-top: 1em;
    font-size: 8px;
}
.obsolete{
    color: #f21e18 ;
    border:1px solid #fe504b ;
}
.archive{
    color: #3399ff ;
    border:1px solid #7fbdfa ;
}
.soon {
    color: white;
    background: #97982F;
    border: 1px solid #97982F;
}

/* articles */

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

.art-head-blue {
    font-family: 'Ubuntu';
    font-size:40px;
    font-weight: 700;
    color: #0988b3;
    margin:0px;
    padding:0px;
    margin-top:3px;
    line-height: 45px;
}


.art_prod_h2 {
    font-family: 'Ubuntu';
    color: #57ab27;
    font-size:22px;
    font-weight: 700;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}

.art_prod_h3 {
    font-family: 'Ubuntu';
    color: #57ab27;
    font-size:16px;
    font-weight: 400;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 16px;
    margin-top: 0px
}

.art_prod_h3-blue {
    font-family: 'Ubuntu';
    color: #0988b3;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0px;
    padding-bottom: 0px;
    line-height: 16px;
    margin-top: 0px
}


.art_prod_h3-blue a {
    font-family: 'Ubuntu';
    color: #0988b3;
    font-size: 18px;
    font-weight: 500;
}

.art_prod_h3 a {
    color: #57ab27;
}

.art_prod_h2 a {
    font-family: 'Ubuntu';
    color: #57ab27;
    font-size:22px;
    font-weight: 700;
    margin-bottom: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
}

.art_prod_h2 a:hover {
    font-family: 'Ubuntu';
    color: #57ab27;
}

.blue-link a {
    font-family: 'Ubuntu';
    color: #0988b3;
}

.art-p1 {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:300;
    font-size:13px;
    line-height:16px;
    color:#818181;
    margin-bottom:25px;
}

.art-ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:16px;
    color:#818181;
}

.art-li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:13px;
    line-height:16px;
    color: #818181;
}

.art-dleft {
    width:320px;
    float:left;
    margin-top:10px;
}


.art-dright {
    width:320px;
    float:right;
    margin-top:10px;
}

/* Artykuł CSP 2015-07-30 */
.clear {clear: both;}
a.csp-link {color: #c80a52;}
a.csp-link:hover {color: #000;}
.csp-art-header-lewa {width: 62%; margin-top: 20px;}
.csp-art-header-prawa {margin: -315px 0 0 315px; position: static;}
.csp-art-row {width:100%;}
.csp-art-lewa {width: 48%; float: left; margin-top:20px;}
.csp-art-prawa {width:48%; float: right; margin-top:34px; margin-bottom:5px;}

h1.csp-art-header {color: #c80a52; font-size: 72px; font-weight: bold; font-family: 'Ubuntu'; border-bottom: none; letter-spacing: -2px;}
h2.csp-art-header {color: #818181; font-size: 31px; font-family: 'Ubuntu'; letter-spacing: -1px; margin: -19px 0 0 100px;}
h2.csp-art-header span {color: #c80a52;}
p.csp-art-header {color: #858585; font-size: 16px; font-family: 'Ubuntu'}

h2.csp-art {color: #c80a52; font-size: 31px; font-family: 'Ubuntu'; letter-spacing: -1px; margin:5px 0 15px 0;}
.csp-art-prawa-2 {width: 376px; font-size: 13px; font-family: "Verdana"; color: #818181; line-height: 1.2; float: right;}
.csp-art-lewa-2 {width: 444px; font-size: 13px; font-family: "Verdana"; color: #818181; line-height: 1.2; float: left; margin-top: 35px;}

h3.csp-art {color: #c80a52; font-size: 21px; font-family: 'Ubuntu'; letter-spacing: -1px; margin:5px 0 15px 0; font-weight:500;}
.csp-art-txt { font-size: 13px; font-family: "Verdana"; color: #818181; line-height: 1.2;}

.csp-art-bgtxt {color: #fff; font-size: 21px; font-family: 'Ubuntu'; font-weight: 500; text-align: center; background: url(/img/csp-art-bg2.jpg); padding: 32px 20px; width: 100%; margin: 40px 0 0 -20px;}

.csp-powieksz {
    -webkit-transform: scale(0.9, 0.9);
    -webkit-transition-duration: 700ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transform: scale(0.9, 0.9);
    -moz-transition-duration: 700ms;
    -moz-transition-timing-function: ease-out;
    -ms-transform: scale(0.9, 0.9);
    -ms-transition-duration: 700ms;
    -ms-transition-timing-function: ease-out;
}

.csp-powieksz:hover {
    -webkit-transform: scale(1, 1);
    -webkit-transition-duration: 300ms;
    -webkit-transition-timing-function: ease-out;
    -moz-transform: scale(1, 1);
    -moz-transition-duration: 300ms;
    -moz-transition-timing-function: ease-out;
    -ms-transform: scale(1, 1);
    -ms-transition-duration: 300ms;
    -ms-transition-timing-function: ease-out;
}

.csp-art-obrazki {opacity: 0.8; transition: .2s all ease-in-out;}
.csp-art-obrazki:hover {opacity: 1;}

.vp-opacity:hover {opacity: 0.8}
.vp-dtop:hover {margin-top:-5px; margin-bottom:5px}

.vp-dtop, .vp-opacity {
    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;
}

ul.list-unstyled {
    padding-left: 0;
    list-style: none;
    margin-top: 15px;
}

.kontakt-support-dyst {padding-right: 104px !important;}
.kontakt-form-zgoda {
  width: 480px;
  margin-right: -311px;
  padding-bottom: 45px;
  display: flex;
  flex-direction: column;
  width: 420px !important;
}

.kontakt-form-zgoda label {
    text-align: left;
    width: 420px !important;
}

.with-errors li {white-space: nowrap;}


.btn.disabled, .btn[disabled], fieldset[disabled] .btn {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
    pointer-events: none;
}

/* abax - boxy informacyjne */
.abax-zastosowania, .abax-cechy
{
    width: 100%;
    max-width: 673px;
    height: auto;
    min-height: 200px;
    background: #F5F5F5;
    padding-right: 10px;
    overflow: auto;
    margin: 10px 0 30px;
    box-shadow: 0px 0px 2px silver;
}

.abax-cechy
{
    display: table;
    margin-top: 20px;
    border-spacing: 20px 10px;
}

.abax-cechy > div
{
    width: 100%;
    min-height: 50px;
    display: table-row;
    border-collapse: collapse;
}

.abax-cechy > div > div
{
    width: 50%;
    font-family: 'Ubuntu', sans-serif;
    display: table-cell;
    vertical-align: middle;
}

.abax-cechy > div:nth-child(n+2) > div
{
    border-bottom: 1px solid #e2e2e2;
}

.abax-cechy > div:nth-last-child(1) > div
{
    border-bottom: none;
}


.abax-cechy > div > div > p
{
    font-size: 13px;
    font-weight: bold;
    color: #ef7d18;
    padding: 10px 0px;
}

.abax-cechy > div > div:nth-child(even) p
{
    font-size: 13px;
    font-weight: normal;
    color: #818181;
}

.abax-cechy h2
{
    font-family: 'Ubuntu';
    font-size: 22px;
    font-weight: 500;
    color: #ef7d18;
    padding: 0px;
    margin: 0px;
}

.abax-zgodnosc {
    margin: 2px 0px;
    display: block;
    background: #F5F5F5;
    width: 100%;
    /*max-width: 250px;*/
    float: left;
    border-radius: 5px;
    box-shadow: 0px 0px 2px silver;
}

.abax-zgodnosc .obrazek {
    padding: 20px 0px 0px 0px;
    text-align: center;
    margin: -5px 0 5px;
}

.abax-zastosowania > div
{
    float: left;
    margin: 15px 0px 15px 15px;
}

.abax-zastosowania > div p
{
    font-weight: bold;
    color: #626262;
    font-size: 16px;
    font-family: 'Ubuntu';
    margin: 5px 0 0 0;
}

.abax-bateria {
    margin: 2px 0px 2px -15px;
    background: #F5F5F5;
    width: 100%;
    max-width: 200px;
    float: left;
    border-radius: 5px;
    box-shadow: 0px 0px 2px silver;
    font-family: 'Ubuntu';
}

.abax-bateria .obrazek {
    padding: 10px 0px 0px 0px;
    text-align: center;
    margin: 0;
}

.abax-bateria .linia-1,
.abax-zgodnosc .linia-1 {
    text-align: center;
    letter-spacing: -2px;
    font-size: 30px;
    font-weight: bold;
    color: #626262;
    margin: 0;
}

.abax-bateria .linia-2,
.abax-zgodnosc .linia-2 {
    font-size: 16px;
    text-align: center;
    color: #626262;
    margin: 0px 0 20px;
}

/* STAM-VIEW news */
.stam-view-arrow {
    position: relative;
    top: 73px;
    margin-left: 5px;
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent #cde3ef transparent transparent ;
}


/* STAM-VIEW category description */
#stam-container
{
    position: relative;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    background: white;
    font-family: 'Ubuntu', sans-serif;
    color: #767676;
    font-size: 15px;
}

#stam-container p, span
{
    font-weight: 300;
}

#stam-container strong
{
    font-weight: 500;
}

.stam-head-blue
{
    color: #1b5ba1;
    font-size: 30px;
    text-align: center;
    letter-spacing: -0.5px;
}

.stam-view-head
{
    width: 718px;
    min-height: 514px;
    background: url(/img/desc/stam-view-head-bg.jpg) no-repeat;
    margin: 10px 0 0 -20px;
    font-family: 'Ubuntu', sans-serif;

}

.stam-view-head h1,
.stam-view-head h2,
.stam-view-head h3
{
    margin: 0 0 0 20px;
}

.stam-view-head h1
{
    color: #1b5ba1;
    font-size: 72px;
    border-bottom: none;
}

.stam-view-head h2
{
    color: #767676;
    font-size: 17.1px;
    letter-spacing: -1px;
    font-weight: 500;
    margin: 0 0 -10px 25px;
}

.stam-view-head h3
{
    color: #767676;
    font-size: 15px;
    font-weight: 500;
    margin: 10px 0px 0px 25px;
    width: 655px;
    line-height: 18px;
}

.stam-view-head div
{
    position: relative;
    margin: 100px 0 20px 80px;
    width: 150px;
    color: #1b5ba1;
    border: 2px solid #1b5ba1;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    padding: 10px 5px;
    transition: 0.3s;
}

.stam-view-head div:hover
{
    cursor: pointer;
    transition: 0.3s;
    transform: scale(1.035, 1.035);
    font-weight: 400;
}

.stam-view-head div:active
{
    transform: scale(1, 1);
    transition: 0s;
}

.stam-benefits
{
    display: table;
    width: 718px;
    height: auto;
    margin: 20px 0 60px -20px;
    padding: 0px 20px;
    box-sizing: border-box;
    overflow: auto;
    border-collapse: separate;
    border-spacing: 13px;
}

.stam-benefits div
{
    max-width: 218px;
    display: table-cell;
    background: #f7f7f7;
    transition: 0.3s;
}

.stam-benefits p
{
    text-align: center;
    color: #1b5ba1;
    font-size: 18px;
    margin: 0px;
    padding-bottom: 10px;
    letter-spacing: -0.5px;
    font-weight: 500 !important;
    background: white;
}

.stam-benefits div:nth-child(2)
{
    margin: 0 12px;
}

.stam-benefits div ul
{
    margin: 0px;
    min-height: 196px;
    padding: 10px 10px 20px 40px;
    list-style-type: none;
    color: #767676;
    font-size: 15px;
    font-weight: 300;
    line-height: 22px;
}

.stam-benefits div:hover
{
    background: #fbfbfb;
}

.stam-benefits div ul li
{
    margin-top: 10px;
}

.stam-benefits div ul li:before
{
    content: url(/img/desc/stam-list-ok.png);
    position: absolute;
    margin-left: -25px;
    margin-top: 1px;
}

.stam-message
{
    position: relative;
    padding: 20px 5px 0 0;
}

.stam-message img
{
    float: left;
    box-shadow: 0px 0px 15px silver;
    margin: -20px 40px 0 0;
    cursor: zoom-in;
}

.stam-message-2
{
    margin-top: 60px;
    padding: 20px 5px 0 0;
}

.stam-message-2 img
{
    float: right;
    margin: 15px 0px 0px 40px;
}

.stam-features
{
    width: 718px;
    min-height: 360px;
    margin: 30px 0 0 -20px;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #e8e8e8 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#e8e8e8 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 0%,#e8e8e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
    padding: 30px 0px 0px 40px;
    box-sizing: border-box;
}

.stam-features::after
{
    content: ' ';
    position: absolute;
    left: 50%;
    margin-left: -16px;
    margin-top: 0px;
    width: 0px;
    height: 0px;
    border: 16px solid;
    z-index: 1;
    border-color: #E8E8E8 transparent transparent transparent;
}

.stam-features p
{
    font-size: 36px;
    color: #1b5ba1;
}

.stam-features p::before
{
    content: ' ';
    position: absolute;
    width: 4%;
    height: 3px;
    margin-top: 20px;
    left: -20px;
    background: #1b5ba1;
}

/*.stam-features p::after
{
        content: ' ';
        position: absolute;
        width: 33%;
        height: 3px;
        margin-top: 20px;
        left: 474px;
        background: #1b5ba1;
}*/

.stam-versa-control ul, .stam-testing > ul, .stam-features ul
{
    line-height: 22px;
    list-style-type: none;
    margin: 20px 0 0 0;
    font-weight: 300;
    padding-bottom: 25px;
}

.stam-versa-control ul
{
    padding-bottom: 0px !important;
}

.stam-versa-control > ul li::before, .stam-view-run div > ul li::before, .stam-testing ul li::before, .stam-features ul li::before
{
    content: '‣';
    margin: 0 5px 0 0;
    color: #1b5ba1;
}

.stam-demo
{
    width: 718px;
    height: auto;
    background: url(/img/desc/stam-demo-bg.jpg) no-repeat;
    background-position: top right;
    margin-left: -20px;
    margin-top: -30px;
}

.stam-demo-en
{
    width: 718px;
    height: auto;
    background: url(/img/desc/stam-demo-bg-en.jpg) no-repeat;
    background-position: top right;
    margin-left: -20px;
    margin-top: -30px;
}

.stam-demo p
{
    width: 380px;
    padding: 20px 0 0 20px;
    font-size: 15px;
    line-height: 20px;

}

.stam-demo .title
{
    padding: 40px 0 0 20px !important;
    font-size: 30px !important;
    color: #1b5ba1 !important;
}

.stam-demo-en
{
    width: 718px;
    height: auto;
    background: url(/img/desc/stam-demo-bg-en.jpg) no-repeat;
    background-position: top right;
    margin-left: -20px;
    margin-top: -30px;
}

.stam-demo-en p
{
    width: 380px;
    padding: 20px 0 0 20px;
    font-size: 15px;
    line-height: 20px;

}

.stam-demo-en .title
{
    padding: 40px 0 0 20px !important;
    font-size: 30px !important;
    color: #1b5ba1 !important;
}


.stam-run-head
{
    text-align: center;
    font-size: 24px;
    color: #1b5ba1;
    margin-top: 60px;
}

.stam-run-steps
{
    width: 718px;
    height: auto;
    margin-top: 20px;
    margin-left: -20px;
    padding: 0 20px;
    box-sizing: border-box;
}

/*.stam-run-steps > div:not(:last-child)::after
{
        content: ' ';
        position: absolute;
        bottom: -40px;
    left: 50%;
    margin-left: -21px;
    width: 0px;
    height: 0px;
    border: 21px solid;
        z-index: 3;
        border-color: #f7f7f7 transparent transparent transparent;
        transition: 0.3s;
}*/

.stam-run-steps > div:not(:last-child)::before
{
    content: ' ';
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -25px;
    width: 0px;
    height: 0px;
    border: 25px solid;
    z-index: 2;
    border-color: white transparent transparent transparent;
}

.stam-run-steps > div
{
    width: 100%;
    height: auto;
    background:#f7f7f7;
    border: 2px solid white;
    display: table;
    transition: 0.3s;
    padding: 30px 20px;
    box-sizing: border-box;
}

.stam-run-steps > div:hover
{
    background:#fbfbfb;
    transition: 0.3s;
}

.stam-run-steps > div:hover::after
{
    border-color: #fbfbfb transparent transparent transparent;
    transition: 0.3s;
}


.stam-run-steps  div img
{
    margin: 20px 30px 20px 20px;
    box-shadow: 0px 0px 15px silver;
    display: table-cell;
    vertical-align: middle;
}

.stam-run-steps  div img:hover
{
    cursor: zoom-in;
}

.stam-tip
{
    width: 400px;
    display: table-cell;
    vertical-align: middle;
}

.stam-tip p
{
    width: 330px;
    padding: 0px 20px 0px 0px;
    line-height: 28px;
    float: right;
    margin-top: 0;
}

.stam-tip span
{
    box-sizing: border-box;
    display: inline-block;
    margin: 0 10px 0 0;
    padding-top: 4px;
    border: 1.5px solid #1b5ba1;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    color: #1b5ba1;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
}

.stam-testing
{
    width: 718px;
    margin: 80px 0px 0px -20px;
    background: url(/img/desc/stam-test-guy.jpg) no-repeat;
}

.stam-testing .naglowek
{
    width: 380px !important;
    color: #1b5ba1 !important;
    font-size: 26px !important;
    margin: 0 0 20px 330px !important;
}

.stam-testing .naglowek-small
{
    width: 380px !important;
    color: #1b5ba1 !important;
    font-size: 14px !important;
    margin: 20px 0 10px 330px !important;
}

.stam-testing > ul
{
    position: relative;
    left: 290px;
    width: 350px !important;
    font-size: 14px !important;
    line-height: 16px;
    margin: 0px;

}

.stam-view-run div > ul, .stam-testing > ul > ul
{
    list-style-type: none;
}

.stam-testing .text
{
    width: 380px;
    margin-left: 330px;
}

.stam-view-run
{
    width: 718px;
    margin: 80px 0 0 -20px;
    background: rgb(242,242,242); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 68%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 68%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 68%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.stam-view-run::before
{
    content: ' ';
    position: absolute;
    left: 50%;
    margin-left: -16px;
    width: 0px;
    height: 0px;
    border: 16px solid;
    z-index: 1;
    border-color: #FFFFFF transparent transparent transparent;
}

.stam-view-run .naglowek
{
    color: #1b5ba1;
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 30px;
    text-align: center;
}

.stam-view-run > div
{
    margin-left: 20px;
    padding-left: 10px;
    display: table;
}

.stam-view-run div > div
{
    width: 328px;
    margin-top: 20px;
    display: table-cell;
}

.stam-view-run div > div > p
{
    text-align: center;
}

.stam-view-run div > ul
{
    margin-left: 20px;
    line-height: 18px;
}

.stam-versa-control
{
    width: 718px;
    margin: 60px 0px 0px -20px;
    background: url(/img/desc/stam-versa-control.jpg) no-repeat;
}

.stam-versa-control .naglowek
{
    width: 410px !important;
    color: #1b5ba1 !important;
    font-size: 26px !important;
    margin: 0 0 20px 280px !important;
}

.stam-versa-control .naglowek-small
{
    width: 380px !important;
    color: #1b5ba1 !important;
    font-size: 16px !important;
    margin: 20px 0 20px 310px !important;
}

.stam-versa-control > ul
{
    position: relative;
    left: 270px;
    width: 340px !important;
    font-size: 16px !important;
    line-height: 18px;
}

.stam-view-control
{
    width: 718px;
    margin: 50px 0 0 -20px;
    background: url(/img/desc/stam-view-control-bg.jpg) no-repeat right;

}

.stam-view-control > .text
{
    width: 360px;
    margin-left: 20px;
    font-size: 15px;
    line-height: 20px;
}

.unsubscribe-box
{
    width: 100%;
}

.unsubscribe-box div
{
    background: #fbfbfb;
    padding: 5px 20px 20px;
    margin-top: 25px;
}

.unsubscribe-box > h1
{
    font-family: 'Ubuntu', sans-serif;
    font-size: 23px;
    color: #818181;
    border: 0px;
}

.unsubscribe-box .attention
{
    background: #F5F5F5;
    padding: 10px 10px 10px 56px;
    background-image: url(info-circle.png);
    background-repeat: no-repeat;
    background-position: 17px 13px;
}

.unsubscribe-box input
{
    font-size: 11px;
}

.unsubscribe-box input[type="button"]
{
    border: 0px;
    display: inline-block;
    padding: 10px 20px;
    font-family: Ubuntu;
    background: #ff9b01;
    color: white;
    border-radius: 5px;
    cursor: pointer;
    transition: 0.2s;
}

.unsubscribe-box input[type="button"]:hover
{
    background: #EDEDED;
    color: #626262;
}

.unsubscribe-box select
{
    padding: 8px 10px;
    border-radius: 5px;
    font-family: Ubuntu;
    cursor: pointer;
    margin-bottom: 20px;
    margin-right: 20px;
}

.unsubscribe-box input[type="text"]
{
    padding: 8px 10px;
    color: darkgrey;
    border: 0px !important;
    border-bottom: 1px solid !important;
    margin: 0px 20px 0px 0px;
    width: 190px;
    background: none;
    display: none;
}

.unsubscribe-box input[type="text"]:focus
{
    outline: 0px;
}

.unsubscribe-reason-done
{
    font-size: 14px;
    font-weight: bold;
}

.control_panels_new_wall {
    width: 100%;
    display: block;
    font-family: "Ubuntu", sans-serif !important;
    font-size: 14px;
    color: #818181; }
.control_panels_new_wall h1, .control_panels_new_wall h2, .control_panels_new_wall h3, .control_panels_new_wall h4, .control_panels_new_wall h5 {
    font-family: "Ubuntu", sans-serif !important;
    border: 0px; }
.control_panels_new_wall div {
    float: none; }
.control_panels_new_wall a {
    text-decoration: none; }
.control_panels_new_wall .head {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    position: relative;
    border: 0px;
    min-height: 475px;
    overflow-x: auto;
    overflow-y: hidden;
    background: url(//media.satel.pl//img/desc/centrale_new/centrale-new-bg.jpg) no-repeat; }
.control_panels_new_wall .head h1 {
    font-weight: 400;
    font-size: 36px;
    color: #0067b1; }
.control_panels_new_wall .head .switch {
    width: 100%;
    background: none;
    padding: 0px; }
.control_panels_new_wall .head .switch > div {
    display: inline-block;
    float: left;
    width: 25%;
    height: 260px;
    background: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    transition: 0.3s; }
.control_panels_new_wall .head .switch > div:not(:last-child):before {
    content: '';
    position: absolute;
    margin-left: 82px;
    margin-top: 35px;
    background: -moz-linear-gradient(top, rgba(240, 249, 255, 0) 0%, #e3e3e3 50%, rgba(161, 219, 255, 0) 100%);
    background: -webkit-linear-gradient(top, rgba(240, 249, 255, 0) 0%, #e3e3e3 50%, rgba(161, 219, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(240, 249, 255, 0) 0%, #e3e3e3 50%, rgba(161, 219, 255, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f9ff', endColorstr='#00a1dbff',GradientType=0 );
    width: 1px;
    height: 200px; }
.control_panels_new_wall .head .switch > div:hover {
    opacity: 0.8;
    margin-top: -5px; }
.control_panels_new_wall .head .switch > div > div {
    margin: auto;
    min-height: 125px;
    background: none; }
.control_panels_new_wall .head .switch > div:nth-child(1):after {
    color: #008066; }
.control_panels_new_wall .head .switch > div:nth-child(1) svg:nth-child(1) {
    margin-top: 64px; }
.control_panels_new_wall .head .switch > div:nth-child(1) ul.current:before {
    content: '\2039';
    position: absolute;
    font-size: 80px;
    font-weight: 300;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #008066;
    margin-top: 70px;
    margin-left: 55px;
    font-family: 'Lato', sans-serif; }
.control_panels_new_wall .head .switch > div:nth-child(1) ul li:before {
    color: #008066; }
.control_panels_new_wall .head .switch > div:nth-child(2):after {
    color: #b6c431; }
.control_panels_new_wall .head .switch > div:nth-child(2) svg:nth-child(1) {
    margin-top: 46px; }
.control_panels_new_wall .head .switch > div:nth-child(2) ul.current:before {
    content: '\2039';
    position: absolute;
    font-size: 80px;
    font-weight: 300;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #b6c431;
    margin-top: 70px;
    margin-left: 55px;
    font-family: 'Lato', sans-serif; }
.control_panels_new_wall .head .switch > div:nth-child(2) ul li:before {
    color: #b6c431; }
.control_panels_new_wall .head .switch > div:nth-child(3):after {
    color: #0065ae; }
.control_panels_new_wall .head .switch > div:nth-child(3) svg:nth-child(1) {
    margin-top: 29px; }
.control_panels_new_wall .head .switch > div:nth-child(3) ul.current:before {
    content: '\2039';
    position: absolute;
    font-size: 80px;
    font-weight: 300;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #0065ae;
    margin-top: 70px;
    margin-left: 55px;
    font-family: 'Lato', sans-serif; }
.control_panels_new_wall .head .switch > div:nth-child(3) ul li:before {
    color: #0065ae; }
.control_panels_new_wall .head .switch > div:nth-child(4):after {
    color: #3990a0; }
.control_panels_new_wall .head .switch > div:nth-child(4) ul.current:before {
    content: '\2039';
    position: absolute;
    font-size: 80px;
    font-weight: 300;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    transform: rotate(-90deg);
    color: #3990a0;
    margin-top: 70px;
    margin-left: 55px;
    font-family: 'Lato', sans-serif; }
.control_panels_new_wall .head .switch > div:nth-child(4) ul li:before {
    color: #3990a0; }
.control_panels_new_wall .head .switch svg {
    margin-bottom: 5px; }
.control_panels_new_wall .head .switch img.logo {
    width: 100%; }
.control_panels_new_wall .head .switch ul {
    text-align: left;
    margin: 0px;
    padding-left: 10px;
    font-size: 13px;
    list-style-type: none; }
.control_panels_new_wall .head .switch ul li {
    line-height: 18px; }
.control_panels_new_wall .head .switch ul li:before {
    content: '\2714';
    position: relative;
    display: block;
    float: left;
    margin: 0px 5px 0px 0px; }
.control_panels_new_wall .wall {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    position: relative; }
.control_panels_new_wall .wall .head-bar {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    position: relative;
    height: 110px;
    padding-top: 25px;
    box-sizing: border-box; }
.control_panels_new_wall .wall .head-bar .logo {
    float: left; }
.control_panels_new_wall .wall h2 {
    font-size: 20px;
    font-weight: 500;
    padding-left: 45px; }
.control_panels_new_wall .wall h3 {
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    margin-top: 29px; }
.control_panels_new_wall .wall h4 {
    font-size: 16px; }
.control_panels_new_wall .wall p {
    margin: 20px 0px 0px 0px; }
.control_panels_new_wall .wall ul {
    margin-top: 10px;
    list-style-type: none;
    padding-left: 20px; }
.control_panels_new_wall .wall ul li {
    padding-left: 10px; }
.control_panels_new_wall .wall ul li:before {
    content: '\2023';
    position: relative;
    display: block;
    height: 0px;
    left: -10px;
    font-size: 16px; }
.control_panels_new_wall .wall .control_panels div {
    position: relative; }
.control_panels_new_wall .wall blockquote {
    font-size: 17.5px;
    font-weight: 300;
    font-style: italic;
    line-height: 28px; }
.control_panels_new_wall .wall blockquote:before {
    content: '\201C';
    position: absolute;
    font-size: 80px;
    margin-left: -50px;
    margin-top: 10px; }
.control_panels_new_wall .wall a.button {
    border: 0px;
    padding: 15px 50px;
    color: #FFF !important;
    font-family: "Ubuntu", sans-serif;
    font-size: 16px;
    float: right;
    cursor: pointer;
    transition: 0.3s;
    -ms-border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
.control_panels_new_wall .wall a.button:focus {
    outline: 0px; }
.control_panels_new_wall .wall a.button:hover {
    text-decoration: none !important; }
.control_panels_new_wall .wall a.button:after {
    content: '';
    width: 345%;
    position: relative;
    display: block;
    top: -9px;
    left: -498px;
    height: 1px;
    cursor: auto; }
.control_panels_new_wall .wall.integra .head-bar {
    background: #3990a0;
    background-image: url(//media.satel.pl//img/desc/centrale_new/integra_bld.svg);
    background-repeat: no-repeat;
    background-size: 180% 180%;
    background-position: left -50px; }
.control_panels_new_wall .wall.integra h2:before {
    position: absolute;
    margin-left: -45px;
    margin-top: -5px; }
.control_panels_new_wall .wall.integra a {
    color: #3990a0; }
.control_panels_new_wall .wall.integra .business {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    position: relative;
    background: url(//media.satel.pl//img/desc/centrale_new/integra-new-bg.jpg) no-repeat;
    padding-top: 30px;
    overflow: auto; }
.control_panels_new_wall .wall.integra .business h2 {
    color: #3990a0; }
.control_panels_new_wall .wall.integra .business h2:before {
    content: url(//media.satel.pl//img/desc/centrale_new/integra_business_icn.png); }
.control_panels_new_wall .wall.integra .business h4 {
    color: #3990a0; }
.control_panels_new_wall .wall.integra .business li:before {
    color: #3990a0; }
.control_panels_new_wall .wall.integra .business a.button {
    background: #3990a0; }
.control_panels_new_wall .wall.integra .business a.button:hover {
    background: #439aaa; }
.control_panels_new_wall .wall.integra .business a.button:after {
    border-bottom: 2px dotted #3990a0; }
.control_panels_new_wall .wall.integra .business .control_panels {
    text-align: center;
    margin: 40px 0px; }
.control_panels_new_wall .wall.integra .business .control_panels img {
    width: 230px; }
.control_panels_new_wall .wall.integra .business .control_panels div {
    margin: auto;
    display: inline-block; }
.control_panels_new_wall .wall.integra .business .control_panels div:nth-child(2) {
    margin: 0px -70px; }
.control_panels_new_wall .wall.integra .business blockquote:before {
    color: #3990a0; }
.control_panels_new_wall .wall.integra .automation {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    position: relative;
    background: url(//media.satel.pl//img/desc/centrale_new/integra-new-automation-bg.jpg) no-repeat;
    background-position: left bottom;
    padding-top: 30px;
    padding-bottom: 20px;
    overflow: auto; }
.control_panels_new_wall .wall.integra .automation h2 {
    color: #a3276b; }
.control_panels_new_wall .wall.integra .automation h2:before {
    content: url(//media.satel.pl//img/desc/centrale_new/integra_automation_icn.png); }
.control_panels_new_wall .wall.integra .automation h4 {
    color: #a3276b; }
.control_panels_new_wall .wall.integra .automation li:before {
    color: #a3276b; }
.control_panels_new_wall .wall.integra .automation a {
    color: #a3276b; }
.control_panels_new_wall .wall.integra .automation .control_panels {
    text-align: center;
    margin: 40px 0px; }
.control_panels_new_wall .wall.integra .automation .control_panels img {
    height: 170px; }
.control_panels_new_wall .wall.integra .automation .control_panels div {
    margin: auto;
    display: inline-block; }
.control_panels_new_wall .wall.integra .automation .control_panels div:nth-child(1) {
    margin-right: -15px; }
.control_panels_new_wall .wall.integra .automation .control_panels div:nth-child(2) {
    margin-left: -20px; }
.control_panels_new_wall .wall.integra .automation .control_panels div:nth-child(3) {
    margin-left: -70px;
    margin-right: -40px; }
.control_panels_new_wall .wall.integra .automation .control_panels div:nth-child(4) {
    margin-left: -45px; }
.control_panels_new_wall .wall.integra .automation .control_panels div:nth-child(5) {
    margin-left: -45px; }
.control_panels_new_wall .wall.integra .automation .control_panels h4 {
    margin: 0px 15px; }
.control_panels_new_wall .wall.integra .automation a.button {
    background: #a3276b; }
.control_panels_new_wall .wall.integra .automation a.button:hover {
    background: #ad3175; }
.control_panels_new_wall .wall.integra .automation a.button:after {
    border-bottom: 2px dotted #a3276b; }
.control_panels_new_wall .wall.integra .automation blockquote:before {
    color: #a3276b; }
.control_panels_new_wall .wall.versa .head-bar {
    background: #0065ae;
    background-image: url(//media.satel.pl//img/desc/centrale_new/versa_bld.svg);
    background-repeat: no-repeat;
    background-size: 180% 180%;
    background-position: -20px -50px; }
.control_panels_new_wall .wall.versa h2:before {
    position: absolute;
    margin-left: -45px;
    margin-top: -5px; }
.control_panels_new_wall .wall.versa a {
    color: #0065ae; }
.control_panels_new_wall .wall.versa .home {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    position: relative;
    background: url(//media.satel.pl//img/desc/centrale_new/versa-new-bg.jpg) no-repeat;
    overflow: auto; }
.control_panels_new_wall .wall.versa .home h4 {
    color: #0065ae; }
.control_panels_new_wall .wall.versa .home li:before {
    color: #0065ae; }
.control_panels_new_wall .wall.versa .home a.button {
    background: #0065ae; }
.control_panels_new_wall .wall.versa .home a.button:hover {
    background: #0a6fb8; }
.control_panels_new_wall .wall.versa .home a.button:after {
    border-bottom: 2px dotted #0065ae; }
.control_panels_new_wall .wall.versa .home .control_panels {
    text-align: center;
    margin: 40px 0px; }
.control_panels_new_wall .wall.versa .home .control_panels img {
    height: 200px; }
.control_panels_new_wall .wall.versa .home .control_panels div {
    margin: auto;
    display: inline-block; }
.control_panels_new_wall .wall.versa .home .control_panels div:nth-child(1) {
    margin-right: -30px;
    margin-left: -10px; }
.control_panels_new_wall .wall.versa .home .control_panels div:nth-child(2) {
    margin-left: -20px; }
.control_panels_new_wall .wall.versa .home .control_panels div:nth-child(3) {
    margin-left: -68px;
    margin-right: -25px; }
.control_panels_new_wall .wall.versa .home .control_panels div:nth-child(4) {
    margin-left: -65px; }
.control_panels_new_wall .wall.versa .home .control_panels div:nth-child(5) {
    margin-left: -90px; }
.control_panels_new_wall .wall.versa .home blockquote:before {
    color: #0065ae; }
.control_panels_new_wall .wall.micra .head-bar {
    background: #008066;
    background-image: url(//media.satel.pl//img/desc/centrale_new/micra_bld.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: 280px 10px; }
.control_panels_new_wall .wall.micra h2:before {
    position: absolute;
    margin-left: -45px;
    margin-top: -5px; }
.control_panels_new_wall .wall.micra a {
    color: #008066; }
.control_panels_new_wall .wall.micra .home {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    position: relative;
    background: url(//media.satel.pl//img/desc/centrale_new/micra-new-bg.jpg) no-repeat;
    overflow: auto; }
.control_panels_new_wall .wall.micra .home h4 {
    color: #008066; }
.control_panels_new_wall .wall.micra .home li:before {
    color: #008066; }
.control_panels_new_wall .wall.micra .home a.button {
    background: #008066; }
.control_panels_new_wall .wall.micra .home a.button:hover {
    background: #0a8a70; }
.control_panels_new_wall .wall.micra .home a.button:after {
    border-bottom: 2px dotted #008066; }
.control_panels_new_wall .wall.micra .home a.button span:after {
    content: ' >>';
    opacity: 0; }
.control_panels_new_wall .wall.micra .home a.button span:after:hover {
    opacity: 1; }
.control_panels_new_wall .wall.micra .home .control_panels {
    text-align: center;
    margin: 40px 0px; }
.control_panels_new_wall .wall.micra .home .control_panels img {
    width: 100%; }
.control_panels_new_wall .wall.micra .home .control_panels div {
    margin: auto;
    display: inline-block; }
.control_panels_new_wall .wall.micra .home blockquote:before {
    color: #008066; }
.control_panels_new_wall .wall.perfecta .head-bar {
    background: #b6c431;
    background-image: url(//media.satel.pl//img/desc/centrale_new/perfecta_bld.svg);
    background-repeat: no-repeat;
    background-size: 130% 130%;
    background-position: 190px -10px; }
.control_panels_new_wall .wall.perfecta h2:before {
    position: absolute;
    margin-left: -45px;
    margin-top: -5px; }
.control_panels_new_wall .wall.perfecta a {
    color: #b6c431; }
.control_panels_new_wall .wall.perfecta .home {
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    padding: 0px 20px 0px 20px;
    box-sizing: border-box;
    position: relative;
    background: url(//media.satel.pl//img/desc/centrale_new/perfecta-new-bg.jpg) no-repeat;
    overflow: auto; }
.control_panels_new_wall .wall.perfecta .home h4 {
    color: #b6c431; }
.control_panels_new_wall .wall.perfecta .home li:before {
    color: #b6c431; }
.control_panels_new_wall .wall.perfecta .home a.button {
    background: #b6c431; }
.control_panels_new_wall .wall.perfecta .home a.button:hover {
    background: #c0ce3b; }
.control_panels_new_wall .wall.perfecta .home a.button:after {
    border-bottom: 2px dotted #b6c431; }
.control_panels_new_wall .wall.perfecta .home a.button span:after {
    content: ' >>';
    opacity: 0; }
.control_panels_new_wall .wall.perfecta .home a.button span:after:hover {
    opacity: 1; }
.control_panels_new_wall .wall.perfecta .home .control_panels {
    text-align: center;
    margin: 0px 0px 40px 0px;
    overflow: hidden; }
.control_panels_new_wall .wall.perfecta .home .control_panels img {
    width: 80%; }
.control_panels_new_wall .wall.perfecta .home .control_panels div {
    margin: auto;
    display: inline-block;
    margin: 0px -60px;
    max-width: 278px; }
.control_panels_new_wall .wall.perfecta .home blockquote:before {
    color: #b6c431; }

.atd-wall
{
    width: 100%;
}

.atd-head
{
    font-family: 'Ubuntu', sans-serif;
    width: calc(100% + 40px) !important;
    margin-left: -20px;
    padding: 180px 20px 20px 20px;
    width: 100%;
    background: url('//www.satel.pl/img/desc/kariera/career-head.jpg') no-repeat;
    box-sizing: border-box;
}
.career-cta {
    background: #f90;
    padding: 14px 36px;
    margin: auto;
    display: table;
    color: white;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
}

.atd-head h1
{
    position: relative;
    font-size: 24px;
    font-family: 'Ubuntu', sans-serif;
    line-height: 34px;
    border: 0px;
}

.atd-head p
{
    line-height: 18px;
}

.atd-section
{
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-bottom: 20px;
    overflow: auto;
    font-family: 'Ubuntu', sans-serif;
}

.atd-section.job
{
    margin: 0px 0px 0px -20px;
}

.atd-section.second
{
    margin-bottom: 40px;
}

.atd-section.first h2:after
{
    content: ' ';
    position: relative;
    display: block;
    width: 330px;
    height: 3px;
    background: #f9f9f9;
    top: 7px;
    left: -20px;
}

.atd-section.second h2:after
{
    content: ' ';
    position: relative;
    display: block;
    width: 422px;
    height: 3px;
    background: #f9f9f9;
    top: 7px;
    left: 0px;
}

.atd-section h2
{
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    font-size: 16px;
}

.atd-section p
{
    font-size: 12px;
    line-height: 18px;
}

.atd-section .left, .atd-section .right
{
    display: inline-block;
}

.atd-section .left
{
    float: left;
}

.atd-section .right
{
    float: right;
}

.atd-section .left p, .atd-section .left h2
{
    margin-left: 20px;
}

.atd-section .right p, .atd-section .right h2
{
    margin-right: 20px;
}

.atd-section .left img
{
    float: left;
}

.atd-section .right img
{
    float: right;
}

.atd-section.first .left
{
    width: 445px;
}

.atd-section.first .right
{
    width: 233px;
}

.atd-section.second .left
{
    width: 255px;
}

.atd-section.second .right
{
    padding-top: 15px;
    width: 423px;
}


/***** tsi builder banner *****/
.tsi-banner-container {
    background: url(https://media.satel.pl/img/img/ts-builder-bg.jpg) no-repeat;
    width: 420px;
    display: flex;
    align-items: center;
    padding: 30px;
}


.tsi-container {
    background: rgba(0, 0, 0, 0.5);
    padding: 10px;
    font-family: 'Montserrat';
    color: #fff;
}

.tsi-banner-container p {
    margin: 0;
    width: 100% !important;
}

.tsi-banner-btn {
    font-size: 18px;
    border: 1px solid #fff;
    padding: 5px 10px;
    display: table;
    margin-top: 11px;
    color: #fff !important;
    transition: 0.25s;
}

.tsi-banner-btn:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, 0.2);
    color: #fff;
}

.tsi-banner-text {
    color: #fff;
    font-size: 21px;
    font-weight: 500;
}

.tsi-banner-text span {
    font-weight: 500;
}

/*JAVASCRIPT BANNERS*/
html, body{
    margin: 0px;
    padding: 0px;
}

.header_container, .header_content_handler, .headerBox {
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    width: 1000px;
    height: 202px;
    margin: auto;
    overflow: hidden;
    user-select: none;
    text-align: left;
}

.header_container .header_content_handler .headerBox h2 {
    font-size: 12px;
    margin: 0px;
    cursor: default;
    position: relative;
    display: block;
}

.header_container .header_content_handler .headerBox h1 {
    font-size: 30px;
    margin: 0px;
    cursor: default;
    position: relative;
    display: block;
}

.header_container .header_content_handler .headerBox ul {
    font-size: 13px;
    line-height: 20px;
    margin: 0px;
    cursor: default;
    position: relative;
    display: block;
}

.header_container:after{
    content: '';
    position: absolute;
    width: 1000px;
    height: 5px;
    bottom: 0px;
    background: #B5B5B5;
}

.header_container .header_content_handler .headerBox div {
    position: relative;
    display: block;
    box-sizing: border-box;
    cursor: pointer;
}

.header_container .navigation {
    position: absolute;
    right: 0px;
    padding: 0px 10px 0px 10px;
    top: 172px;
    width: auto;
    height: 30px;
    background: #969696;
    border-radius: 12px 0px 0px 0px;
    z-index: 1;
}

.header_container .navigation > ul {
    position: relative;
    margin: 0px;
    height: 30px;
    text-align: center;
    padding: 7px 0px 0px 0px;
    font-size: 12px;
    color: #FFFFFF;
    cursor: default;
}

.header_container .navigation > ul > li {
    list-style-type: none;
    display: inline;
    padding: 0px 2px 0px 2px;
}

.header_container .navigation > ul > li:hover {
    cursor: pointer;
    color: #FFCC00;
}

.header_container .navigation > ul > li.active {
    color: #FFCC00;
    background: none;
}

#eduMapContainer
{
    width: 300px;
    height: 225px;
    position: relative;
    margin: -5px 0px 0px 10px;
    background: url(/img/edusatel/mapka.png) no-repeat;
    background-size: 100% 100%;
    float: left;
}

.circle
{
    position: absolute;
    width: 10px;
    height: 16px;
    background: url(/img/edusatel/pin.png) no-repeat;
    background-size: contain;
}

.city
{
    border: 1px dotted #aac100 ;
    background: white;
    min-width: 200px;
    width: auto;
    height: auto;
    padding: 5px;
    font-size: 12px;
    z-index: 1;
    font-family: 'Ubuntu', sans-serif;
    text-align: left;
}

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

#new_main .products a, #new_main .support-section a {
    text-decoration: none;
    color: #626066;
}


#new_main .header-info {
    text-align: center;
    color: #616065;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}

#new_main .header-info h1 {
    margin: 34px 5px 5px;
    font-size: 30.42px;
    font-weight: 200;
    border: none;
}

#new_main .header-info p {
    margin: 0;
    font-size: 17.5px;
    line-height: 23px;
}

#new_main .header-info:hover,
#new_main .support-header:hover,
#new_main .link-to-page:hover,
#new_main .support-info:hover,
#new_main .product-info:hover,
#new_main .movie-banner:hover  {
    cursor: default;
}

/*#new_main .white1 {
    height: 10px;
    width: 239px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
}

#new_main .white2 {
    height: 10px;
    width: 239px;
    background-color: #ffffff;
    position: absolute;
    top: 100px;
    right: 0;
}*/

#new_main .rest-of-text {
    font-size: 17px;
}

#new_main .products {
    padding-top: 20px;
}

#new_main .products-row {
    display: flex;

}
#new_main .products-row:nth-child(2){
    margin-top: 14px;
}

#new_main .product-box {
    width: 332px;
    height: 180px;
    position: relative;
}

#new_main .product-box:nth-child(1){
    margin-right: 14px;
}


#new_main .integra-box {
    background-image: url('/img/main/new/integra_background.jpg');
}

#new_main .versa-box {
    background-image: url('/img/main/new/versa_background.jpg');
}

#new_main .perfecta-box {
    background-image: url('/img/main/new/perfecta_background.jpg');
}

#new_main .micra-box {
    background-image: url('/img/main/new/micra_background.jpg');
}

#new_main .btn-more-info {
    border: 1px solid rgba(80, 84, 86, .33);
    padding: 7px 14px;
    background-color: Transparent;
    border-radius: 3px;
    position: absolute;
    bottom: 20px;
    left: 19px;
    color: #626066;
    font-size: 12.64px;
    font-family: 'Ubuntu', sans-serif;
    transition: .3s all ease-in-out;
}

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

#new_main .integra-box .btn-more-info:hover {
    background-color: #1c7981;
    border-color: #1c7981;
}

#new_main .perfecta-box .btn-more-info:hover {
    background-color: #b6c431;
    border-color: #b6c431;
}

#new_main .versa-box .btn-more-info:hover {
    background-color: #0065ae;
    border-color: #0065ae;
}

#new_main .micra-box .btn-more-info:hover {
    background-color: #008066;
    border-color: #008066;
}

#new_main .btn-more-info:hover a {
    color: #ffffff;
    transition: .3s all ease-in-out;
}

#new_main .logo-position {
    margin: 21px 0 0 19px;
}
#new_main .product-info {
    font-size: 12px;
    color: #616065;
    margin: 0 0 0 19px;
    position: absolute;
    top: 51px;
    line-height: 13px;
}

#new_main .micra-logo {
    padding: 5px 0 0 0;
    height: 8%;
}

#new_main .micra-info {
    letter-spacing: -0.5px;
}

#new_main .versa-logo {
    padding: 1px 0 0 0;
}

#new_main .date-info {
    font-size: 11px;
    color: #c0c0c0
}

#new_main .phones-banner {
    background-image: url("/img/main/new/steruj_systemami.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    width: 678px;
    height: 182px;
    margin-top: 14px;
    position: relative;
    overflow: hidden;
}

#new_main .phones-banner span {
    position: absolute;
    font-size: 20.53px;
    color: #626066;
    top: 25px;
    left: 23px;
    letter-spacing: -0.7px;
}

#new_main .white3 {
    height: 10px;
    width: 239px;
    background-color: #ffffff;
    position: absolute;
    top: 23px;
}

#new_main .separator {
    padding:13px 0;
    position: relative;
}

#new_main .white4 {
    height: 10px;
    width: 239px;
    background-color: #ffffff;
    position: absolute;
    top: 22px;
    right: 0;
}

#new_main .phones {
    top: 110px;
    padding: 0 0 0 20px;
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

#new_main .phones a {
    margin: -10px -5px 0;
    display: inline-block;
    transition-duration: 0.5s;
}

#new_main .phones a:hover {
    margin-top: -25px;
}

#new_main .phones a img{
    filter: drop-shadow(1px 5px 4px grey);
    -webkit-filter: drop-shadow(1px 5px 4px grey);
}

#new_main .movie-banner {
    display: flex;
    background-image: url("/img/main/new/film.jpg");
    background-repeat: no-repeat;
    height: 106px;
    width: 100%;
    margin-top: 5px;
    position: relative;
    align-items: center;
    /*justify-content: center;*/
}

#new_main .click-to-watch a {
    font-weight: 200;
    opacity: .7;
    color: #ffffff;
    transition: .3s all ease-in-out;
}

#new_main .click-to-watch:hover {
    opacity: 1;
    transition: .3s all ease-in-out;
}

#new_main .movie-header {
    left: 21px;
    color: #ffffff;
    font-size: 25px;
    letter-spacing: -0.2px;
    margin: 0 0 0 30px;
}

#new_main .click-to-watch {
  position: absolute;
  right: 67px;
  text-align: right;
  font-size: 16.5px;
  letter-spacing: -0.2px;
  color: #ffffff;
  font-weight: 200;
  opacity: .7;
  margin-top: -8px;
  width: 200px;
  display: block;
}

#new_main .click-to-watch:hover {
    cursor: pointer;
}

#new_main .events {
    margin-top: 32px;
    border-bottom: 1px solid #bebebe;
}


#new_main .news {
    width: 678px;
    padding: 13px 0;

}

#new_main .news a {
    transition: .3s all ease-in-out;
}

#new_main .news h3 {
    padding-top:5px;
}

#new_main .news a:hover {
    text-decoration: none;
    color: black;
    transition: .3s all ease-in-out;
}

#new_main .news-section {
    position: relative;
}

#new_main .news-section p {
    margin: 0;
    right: 0;
    text-align: right;
    font-size: 11px;
    color: #8a888e
}

#new_main .news p {
    display: inline;
}

#new_main .news-info {
    margin-left: 20px;
    line-height: 12px;
}

#new_main .news-info h5 {
    margin: 2px 0 3px;
    color: #818181;
    font-size: 13px;
    font-weight: 600;
}

#new_main .news-info p {
    font-size: 11px;
}

#new_main .news-info h3 {
    font-size: 13px;
    padding-bottom: 6px;
}

#new_main .news-content {
    font-size: 12px;
}

#new_main .news-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: left;
}

#new_main .img-news {
    border: 0 !important;
    float: left;
    margin-right: 15px;
}

#new_main .btn-more-news {
    margin-top: -16px !important;
    position: absolute;
    padding: 10px 0 10px 10px;
    background: #fff;
}

#new_main .btn-more-news a {
    color: #888888;
    transition: .3s all ease-in-out;
}

#new_main .btn-more-news a:hover {
    cursor: pointer;
    color: #000;
    transition: .3s all ease-in-out;
}

#new_main .academy, #new_main .for-installer, #new_main .support {
    color: #8a888e;
    width: 202px;
}

#new_main .support-section {
    display: flex;
    justify-content: space-around;
    padding-top: 38px;
}

#new_main .support-header {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2px;
    text-align: center;
}

#new_main .support-info {
    font-size: 12px;
    text-align: center;
}

#new_main .for-installer {
    margin: 0 5px;
}

#new_main .link-to-page {
    text-transform: uppercase;
    margin: 0;
    font-size: 10px;
    color: #b4b4b4;
    text-align: center;
}

#new_main .academy-icon {
    width: 46px;
    margin: 0 auto;
    display: block;
}

#new_main .installer-icon {
    width: 53px;
    margin: 0 auto;
    display: block;
}

#new_main .support-icon {
    width: 59px;
    margin: 0 auto;
    display: block;
}

#new_main .btn-support {
    border: 1px solid #c5c7c7;
    padding: 7px 9px;
    background-color: Transparent;
    border-radius: 3px;
    color: #626066;
    font-size: 13px;
    font-family: 'Ubuntu', sans-serif;
    margin: 10px auto 50px auto;
    transition: .3s all ease-in-out;
    display: block;
    text-align: center;
}

#new_main .btn-support:hover {
    background-color: #c5c7c7;
    cursor: pointer;
    color: #ffffff;
    transition: .3s all ease-in-out
}
#main .news-info p{
    display: -webkit-box;
    text-align: left;
    text-overflow: ellipsis;
    overflow: hidden;
    max-height: 3.3em;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}


#new_main .banner-30lecie {
    background: url(/img/main/new/30lecie_banner.png) no-repeat center;
    height: 178px;
    width: 679px;
    display: flex;
    align-items: center;
    position: relative;
}

#new_main .banner-30lecie h2 {
    color: #fff;
    font-weight: 300;
    font-size: 30px;
    margin-left: 200px;
    letter-spacing: -1px;
}

#new_main .banner-30lecie h2:lang(en),
#new_main .banner-30lecie h2:lang(de),
#new_main .banner-30lecie h2:lang(gr) {
    color: #fff;
    font-weight: 300;
    font-size: 26px;
    margin-left: 207px;
    letter-spacing: -1px;
}

#new_main .banner-30lecie h2:lang(fr) {
    color: #fff;
    font-weight: 300;
    font-size: 22px;
    margin-left: 200px;
    letter-spacing: -0.8px;
}

#new_main .banner-30lecie p.lang > span {
    font-weight: 400;
}

#new_main .banner-30lecie a.button-30 {
    background: #3ab9b8;
    position: absolute;
    bottom: 25px;
    right: 20px;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    padding: 7px 20px;
    text-decoration: none;
    -webkit-box-shadow: -8px 5px 0 1px rgba(11,66,87,1);
    -moz-box-shadow: -8px 5px 0 1px rgba(11,66,87,1);
    box-shadow: -8px 5px 0 1px rgba(11,66,87,1);
    transition: 0.5s;
    width: auto;
}

#new_main .banner-30lecie a.button-30:hover {
    transform: translateX(15px);
}

#new_main .banner-30lecie a.button-30.triangle:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15px 0 0 15px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    bottom: -6px;
    right: 0;
    transform: rotate(90deg);
}

.header_container{
    cursor: pointer;
}
.header_container, .header_content_handler, .headerBox {
    font-family: 'Ubuntu', sans-serif;
    position: relative;
    width: 1000px;
    height: 202px;
    margin: auto;
    user-select: none;
}

.header_container .header_content_handler .headerBox h2 {
    /*text-transform: uppercase;*/
    font-size: 12px;
    margin: 0px;
    cursor: pointer;
}

.header_container .header_content_handler .headerBox h1 {
    font-size: 30px;
    margin: 0px;
    cursor: pointer;
    border-bottom: none;
}

.header_container .header_content_handler .headerBox ul {
    font-size: 13px;
    line-height: 20px;
    margin: 0px;
    cursor: pointer;
}

.header_container:after{
    content: '';
    position: absolute;
    width: 1000px;
    height: 5px;
    bottom: 0px;
    background: #B5B5B5;
}

.header_container .header_content_handler .headerBox > div {
    position: relative;
    display: block;
    box-sizing: border-box;
}

.header_container .navigation {
    position: absolute;
    right: 0px;
    padding: 0px 10px 0px 10px;
    top: 172px;
    width: auto;
    height: 30px;
    background: #969696;
    border-radius: 12px 0px 0px 0px;
    z-index: 1;
}

.header_container .navigation > div.play {
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 7px solid #fff;
  border-bottom: 5px solid transparent;
  margin: 9px 4px 0 0;
}

.header_container .navigation > div.play:hover {
  border-left: 7px solid #FFCC00;
}

.header_container .navigation > div.stop {
	width: 2px;
	height: 10px;
	border-right: 3px solid #fff;
	border-left: 3px solid #fff;
	display: inline-block;
	margin: 9px 4px 0 0;
}

.header_container .navigation > div.stop:hover {
	border-right: 3px solid #FFCC00;
	border-left: 3px solid #FFCC00;
}

.header_container .navigation > ul {
    position: relative;
    margin: 0px;
    height: 30px;
    text-align: center;
    padding: 7px 0px 0px 0px;
    font-size: 12px;
    color: #FFFFFF;
    float: right;
}

.header_container .navigation > ul > li {
    list-style-type: none;
    display: inline;
    padding: 0px 2px 0px 2px;
}

.header_container .navigation > ul > li:hover {
    cursor: pointer;
    color: #FFCC00;
}


/* CA wrzutka */
#perfecta-ca-info {
    width: 678px;
    margin: 0 auto;
    font-family: 'Ubuntu', sans-serif;
}

#perfecta-ca-info #top {
    padding: 4% 0 8%;
    position: relative;
    overflow: hidden;
    background: url('http://media.satel.pl//img/desc/perfecta-wrzutka/background-top.jpg') no-repeat;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    background-position-y: 100%;
    background-size: 100%;
}

#perfecta-ca-info #top p {
    padding-left: 50px;
    width: 65%
}

#perfecta-ca-info #top ul {
    padding-left: 73px;
    width: 65%;
}

#perfecta-ca-info .grey-text {
    font-size: 18px;
    color: #646466;
    width: 60%;
    letter-spacing: -0.5px;
}

#perfecta-ca-info .arrow-down {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #646466;
    position: absolute;
    bottom: -14%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

#perfecta-ca-info .grey-text-smaller {
    font-size: 16px;
    color: #646466;
    letter-spacing: -0.5px;
    padding: 4% 0;
}

#perfecta-ca-info .grey {
    color: #646466;
    font-sizE: 24px;
 }

#perfecta-ca-info .green-text {
    color: #859728;
    font-size: 29px;
    font-weight: bolder;
    margin-bottom: 10px;
}

#perfecta-ca-info .green-text-list {
    color: #859728;
    font-size: 16px;
    font-weight: bolder;
    line-height: 1.5;
}

#perfecta-ca-info #middle {
    background-color: #646567;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    position: relative;
}

#perfecta-ca-info #middle span {
    font-weight: 500;
}

#perfecta-ca-info .perfecta_logo {
    width: 215px;
    height: auto;
    margin: 10px 0px 0px 0px;
    position:  absolute;
    bottom: 11%;
    left: 7%;
}

#perfecta-ca-info #middle p {
    color: #fff;
    padding: 25px 0;
    font-family: 'Ubuntu', sans-serif;
    font-size: 20px;
    font-weight: lighter;
    margin: 0;
    line-height: 1.5;
    width: 100%;
    text-align: center;
}


#perfecta-ca-info #cta-section {
    background-color: #646567;
    display: flex;
    flex-direction: row;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    position: relative;
}


#perfecta-ca-info #cta-section p {
    color: #fff;
    padding: 40px 0 80px 50px;
    font-family: 'Ubuntu', sans-serif;
    font-style: italic;
    font-size: 18.66px;
    font-weight: lighter;
    margin: 0;
    line-height: 1.5;
    width: 100%;
}



#perfecta-ca-info .perfecta_logo_bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-right: 0;
    transform: scaleX(.8) scaleY(.8);
}

#perfecta-ca-info .btn-check {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    background-color: #b3c335;
    border-radius: 3px;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 18%;
    left: 7%;
    color: #fff;
    padding: 12px 89px;
    font-size: 14px;
}

#perfecta-ca-info .btn-check:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:  #fff;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    border-radius: 3px;
}

#perfecta-ca-info .btn-check:active, #perfecta-ca-info .btn-check:focus, #perfecta-ca-info .btn-check:hover {
    color: #b3c335;
    border-radius: 3px;
    text-decoration: none;
}

#perfecta-ca-info .btn-check:active:before,
#perfecta-ca-info .btn-check:focus:before,
#perfecta-ca-info .btn-check:hover:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border-radius: 3px;
}

#perfecta-ca-info #bottom {
    background: url('http://media.satel.pl//img/desc/perfecta-wrzutka/background-bottom.jpg') no-repeat;
    background-size: cover;
    height: auto;
    padding: 50px 0;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    position: relative;
}


#perfecta-ca-info .tab-darkgrey {
    background-color: #b7b9b9;
}

#perfecta-ca-info .tab-lightgreen {
    background-color: #f0f4d9;
}

#perfecta-ca-info .tab-darkgreen {
    background-color: #dae09a;
}

#perfecta-ca-info .product-img {
    position: absolute;
    bottom: 5%;
    right: 10%;
}

#perfecta-ca-info .table-minus {
    height: 14px;
}

#perfecta-ca-info .extra-info {
    padding-bottom: 150px;
    width: 41%;
    padding-left: 53px;
    font-size: 10px;
    color: #646466;
    letter-spacing: -0.3px;
}

#perfecta-ca-info .grade {
    font-size: 12px;
    font-weight: 500;
}

#perfecta-ca-info table.table-compar {
    width: 85%;
    text-align: center;
    border-collapse: collapse;
    margin: 0 auto;
}

#perfecta-ca-info table.table-compar td, #perfecta-ca-info table.table-compar th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}
#perfecta-ca-info table.table-compar tbody td {
    font-size: 11px;
    font-weight: 600;
}

#perfecta-ca-info table.table-compar thead {
    background: #646668;
    border-bottom: 0px solid #444444;
}

#perfecta-ca-infotable .table-compar thead th {
    font-size: 15px;
    font-weight: bold;
    color: #FFFFFF;
    border-left: 1px solid #D0E4F5;
}
#perfecta-ca-infotable .table-compar thead th:first-child {
    border: 1px solid #AAAAAA;
}

#perfecta-ca-info tr:first-child > th  {
    background-color: #646567;
    color: #fff;
    font-size: 15px;
}

#perfecta-ca-info table.table-compar tr {
    line-height: 1;
    height: 45px;
}


#perfecta-ca-info table.table-compar th:nth-child(4) {
    background-color: #b3c335;
}

#perfecta-ca-info tbody td {
    width: 220px;
    color: #646466;
}


#perfecta-ca-info tr td:nth-child(5) {
    background-color: transparent;
    text-align: left;
    padding-left: 15px;
    font-weight: 500 !important;
}

#perfecta-ca-info .last-row {
    border: none !important;
}

#prod-archiwalne {
  padding-bottom: 15px;
  margin-top: 10px;
}

#prod-archiwalne .wrapper {
    display: flex;
    flex-flow: row wrap;
    text-align: center;
    width: 420px;
    border: 1px solid #e3e3e6;
    position: relative;
}

#prod-archiwalne .wrapper .header {
    text-align: center;
    color: #504f53;
    font-size: 17px;
    background-color: #e3e3e6;
}

#prod-archiwalne .wrapper .header p {
    font-size: 14px;
    letter-spacing: 0.6px;
    margin: 0;
    padding: 20px 0;
}

#prod-archiwalne .wrapper > * {
    flex: 1 100%;
}


#prod-archiwalne .wrapper  img {
    max-width: 145px;
}


#prod-archiwalne .aside-1 {
    flex: 1 1 13%;
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#prod-archiwalne .aside-2 {
    flex: 2;
    height: 200px;
    text-align: left;
}

#prod-archiwalne .wrapper .aside.aside-2 p:first-child {
    font-size: 30px;
    margin-bottom: 0;
    letter-spacing: 1px;
    margin-left: 10px;
    padding-top: 15px;
}

#prod-archiwalne .wrapper .aside.aside-2 p:nth-child(2){
    margin: 0 0 22px;
    font-size: 13px;
    margin-left: 10px;
}

#prod-archiwalne .wrapper .aside.aside-2 a {
    margin-left: 10px;
    margin-top: 20px;
    padding: 5px 35px;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    transition: .3s all ease-in-out;
    background-color: #999999;
    border-radius: 5px;
    border: 1px solid #999999 !important;
}


#prod-archiwalne .prod-opis {
    display: flex;

}

#prod-archiwalne p {
    width: auto;
    color: #504f53;
    font-family: Ubuntu;
}

#prod-archiwalne .arrow-down {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #e3e3e6;
    position: absolute;
    top: 21%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

#prod-archiwalne .wrapper .aside.aside-2 a:hover  {
    background-color: #fff;
    color: #504f53;
    border: 1px solid #999999;
    cursor: pointer;
}

.aplikacja-spontaniczna {
    background: url(/img/desc/kariera/aplikacja-spontaniczna-bg.jpg);
    color: white;
	font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    padding: 50px 75px;
}

.aplikacja-spontaniczna h2 {
    font-size: 36px;
    font-weight: 500;
    padding: 11px 0 10px 0;
}

.aplikacja-spontaniczna-cta {
    background: #3b7abd;
    color: white;
    padding: 10px 25px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
}

 .dla-pracownika {
 	font-family: 'Ubuntu';
 	color: #676767;
 	font-size: 13px;
 	background: url(http://www.satel.pl/img/desc/kariera/dla-pracownika-ico-bg.jpg) no-repeat 330px 310px;
 		margin-top: -30px;
    width: 678px;
    padding-right: 20px;
 }
 .dla-pracownika .header {
 	margin-left:-20px;
 }
 .dla-pracownika .btn-zobacz {
 	color: #c8d4eb;
 	font-size: 16px;
 	border: 1px solid #c8d4eb;
 	padding: 11px 23px;
 	display: inline-block;
 	margin: -76px 26px 0 26px;
 	text-decoration: none;
 	transition: .3s all ease-in-out;
 	cursor: pointer;
  position: absolute;
 }
 .dla-pracownika .btn-zobacz:hover {
 	color: #3b7abd;
 	background: #ffffff;
 	transition: .3s all ease-in-out;
 }
 .dla-pracownika h2 {
 	font-size: 36px;
 	font-weight: 500;
 	color: #3b7abd;
 	margin-top: 35px;
 }

 .dla-pracownika h3 {
 	font-size: 18px;
 	font-weight: 500;
 }
 .dla-pracownika .h2-desc {
 	font-size: 18px;
 	margin-top: 5px;
 }
 .dla-pracownika .img {
 	float: left;
 	padding-right: 20px;
 }
 .dla-pracownika .content {
 	margin-left: 54px;
 }
 .dla-pracownika .content p {
     line-height: 18px;
 }
 .dla-pracownika .item {
 	margin: 30px 0;
 }
 .dla-pracownika .should {
 		margin-left: 54px;
 }
 .dla-pracownika .should ul {
 	margin-bottom: 20px;
 }
 .dla-pracownika .should ul li {
 	line-height: 18px;
 }
 .dla-pracownika #oferty-pracy {
 	border-top: 1px dashed #3b7abd;
 	margin: 40px 0;
 	margin: 55px 0;
 }
 .dla-pracownika #oferty-pracy span {
 	font-size: 16px;
 	display: block;
 	color: #73737b;
 	padding: 3px 0;
 }
 .dla-pracownika #oferty-pracy p {
 	font-size: 18px;
 	color: #3b7abd;
 	font-weight: 500;
 	margin-top: 0px;
 	border-bottom: 1px solid #d9d9d9;
 	padding: 0px 0 15px 0;
 	margin-bottom: 4px;
 }
 .dla-pracownika #oferty-pracy ul {
 	padding-left: 0;
 }
 .dla-pracownika #oferty-pracy li {
 	background: url(http://www.satel.pl/img/desc/kariera/dla-pracownika-arrow.png) no-repeat 655px 13px;
 	list-style: none;
 }
 .dla-pracownika #oferty-pracy li a {
 	margin: 0px;
 	display: block;
 	width: 100%;
 	text-decoration: none;
 	color: #676767;
 	transition: .3s all ease-in-out;
 }
 .dla-pracownika #oferty-pracy li a:hover {
 	transform: translateX(6px);
 	transition: .3s all ease-in-out;
 	text-decoration: none;
 }


 .dla-stazysty {
	font-family: 'Ubuntu';
	color: #676767;
	font-size: 13px;
	background: url(http://www.satel.pl/img/desc/kariera/dla-stazysty-ico-bg.jpg) no-repeat 330px 310px;
	margin-top: -30px;
    width: 678px;
    padding-right: 20px;
}
.dla-stazysty .header {
	margin-left:-20px;
}
.dla-stazysty .btn-zobacz {
	color: #981521;
	font-size: 16px;
	border: 1px solid #981521;
	padding: 11px 23px;
	display: inline-block;
	margin: -76px 26px 0 26px;
	text-decoration: none;
	transition: .3s all ease-in-out;
	cursor: pointer;
  position: absolute;
}
.dla-stazysty .btn-zobacz:hover {
	color: white;
	background: #981521;
	transition: .3s all ease-in-out;
}
.dla-stazysty dd {
    margin-bottom: 50px;
}
.dla-stazysty .btn-oferta {
	color: #981521;
	font-size: 16px;
	border: 1px solid #981521;
	padding: 11px 110px;
	display: inline-block;
	text-decoration: none;
	transition: .3s all ease-in-out;
	cursor: pointer;
	margin: 35px auto 65px;
	display: table;
}
.dla-stazysty .btn-oferta:hover {
	color: white;
	background: #981521;
	transition: .3s all ease-in-out;
}
.dla-stazysty h2 {
	font-size: 36px;
	font-weight: 500;
	color: #981521;
}
.dla-stazysty h3 {
	font-size: 18px;
	font-weight: 500;
}
.dla-stazysty .h2-desc {
	font-size: 18px;
	margin-top: 5px;
}
.dla-stazysty .img {
	float: left;
	padding-right: 20px;
}
.dla-stazysty .content {
	margin-left: 54px;
}
.dla-stazysty .content p {
    line-height: 18px;
}
.dla-stazysty .item a {
	color: #981521;
	border-bottom: 1px dashed #981521;
	text-decoration: none;
	font-weight: bold;
}
.dla-stazysty .item {
	margin: 30px 0;
}
.dla-stazysty .offer {
		margin-top: 34px;
}
span.orange {
	color: #ec8c0e;
}
.dla-stazysty .offer ul {
	margin-bottom: 20px;
}
.dla-stazysty .offer ul li {
	line-height: 15px;
}
.dla-stazysty #oferty-stazu {
  border-top: 1px dashed #981521;
  padding: 40px 0 10px;
  margin: 55px 0 25px;
}
.dla-stazysty #oferty-stazu span {
	font-size: 16px;
	display: block;
	color: #73737b;
	padding: 3px 0 5px;
}
.dla-stazysty #oferty-stazu p {
	font-size: 18px;
	color: #981521;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: 10px;
	padding: 0 0 20px 0;
}
.dla-stazysty dt {
	background: url(http://www.satel.pl/img/desc/kariera/dla-stazysty-arrow.png) no-repeat 655px 13px;
    border-top: 1px dashed #981521;
    padding-top: 10px;
}
.dla-stazysty dt:first-child {
    border: none;
}
.dla-stazysty #oferty-stazu dd p {
	font-size: 18px;
	color: #981521;
	font-weight: 500;
	margin-top: 0px;
	margin-bottom: -6px;
	padding: 18px 0 0px 0;

}
.dla-stazysty #oferty-stazu ul {
	padding-left: 0;
  margin: 15px 0 10px 0;
}
.dla-stazysty #oferty-stazu li {
	margin-left: 20px;
}
.dla-stazysty #oferty-stazu a {
	margin: 0px;
	text-decoration: none;
	color: #676767;
	transition: .3s all ease-in-out;
}
.dla-stazysty #oferty-stazu a:hover {
	transition: .3s all ease-in-out;
	text-decoration: none;
}


.aplikacja-spontaniczna {
    background: url(/img/desc/kariera/aplikacja-spontaniczna-bg.jpg);
    color: white;
	font-family: 'Ubuntu', sans-serif;
    font-size: 16px;
    text-align: center;
    line-height: 1.5;
    padding: 50px 75px;
}

.aplikacja-spontaniczna h2 {
    font-size: 36px;
    font-weight: 500;
    padding: 11px 0 10px 0;
}

.aplikacja-spontaniczna-cta {
    background: #3b7abd;
    color: white;
    padding: 10px 25px;
    border-radius: 5px;
    display: inline-block;
    margin-top: 20px;
}

.attention_wall {
  position: fixed;
  top: 0;
  background: #0006;
  width: 100%;
  height: 100%;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
}

.attention_wall h2 {
  font-size: 15px;
}

.attention_box {
  background: white;
  width: 40%;
  font-size: 15px;
  padding: 80px;
  text-align: left;
  display: flex;
  flex-direction: column;
  max-height: 70vh;
  overflow: auto;
}

.attention_wall #close_attention {
  margin: auto;
  padding: 7px;
  width: 100%;
  background: #e9b500;
  border: 0;
  color: white;
  font-weight: bold;
  transition: 0.4s;
  text-align: center;
  cursor: pointer;
}

.attention_wall #close_attention:hover {
  opacity: 0.5;
}


#job-offer {
    width: 678px;
    font-family: 'Ubuntu', sans-serif;
    cursor: default;
    margin: 0 auto;
    color: #676767;
}

#job-offer .requirements {
    margin-top: -75px;
}

#job-offer p {
    line-height: 23px;
    font-size: 15px;
    text-align:justify;
}

#job-offer ul {
    list-style: none;
}

#job-offer ul li::before {
    content: "\2022";
    color: #ffc02b;
    font-weight: bold;
    display: inline-block;
    width: 1.5em;
    margin-left: -2em;
    font-size: 10px;
}

#job-offer li{
    line-height: 18px;
    padding: 0.2em;
    font-size: 13px;
}

#job-offer h5 {
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.4;
}

#job-offer h4 {
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 400;
    padding-bottom: 10px;
}

#job-offer h3 {
    font-size: 26px;
    margin-top: -5px;
    font-weight: 400;
    margin-bottom: 25px;
}

#job-offer .place-number {
    margin-bottom: 35px;
}

#job-offer .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(1);
}

#job-offer .btn a:hover {
    background: white;
    border: #ffc000 solid 1px;
    transition: ease .45s;
    color: #ffc000;
    transform: scale(1.05);
}

#job-offer .btn a {
    color: white;
    background: #ffc000;
    padding: 15px 75px;
    border-radius: 50px;
    text-align: center;
    text-decoration: none;
    margin: 15px 0 30px 0;
    border: #ffc000 solid 1px;
    font-size: 16px;
    transition: 0.45s;
}


#job-offer .place-number div {
    display: flex;
}

#job-offer .place-number div img {
    height: 20px; width: 18px; align-self: center
}

#job-offer .place-number div h5 {
    margin: 0 0 0 10px;
    padding: 0;
    line-height: 1.4;
    font-size: 16px;
    font-weight: 400;
}

#job-offer .benefit-container {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px;
}

#job-offer .benefits {
    flex: 0 0 33.333333%;
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

#job-offer .benefits p {
    font-size: 13px;
    text-align: center;
    padding: 0 40px;
    line-height: 1.3;
}

#job-offer div.benefits img {
    width: auto;
    height: auto;
}

#job-offer .bottom img.size {
    width: calc(100% + 40px);
}

#job-offer .bottom img {
    margin: 30px 0 30px -20px;
}

#job-offer a {
    color: #676767;
}

#job-offer .bottom p {
    font-size: 11px;
    text-align: justify;
    line-height: 16pt;
    letter-spacing: -0.3px
}
/******************** INT-TSI ********************/
.int-tsi-info .vid-container {
    max-width: 600px;
    margin: 0 auto;
  }

  .int-tsi-info .videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  }

  .int-tsi-info .videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

  .int-tsi-info .vid-container .miniatures {
  display: flex;
  flex-direction: row;
  margin-top: 15px;
  }

  .int-tsi-info .vid-container .miniatures>div {
  display: flex;
  flex-direction: column;
  flex: 1 1 33%;
  text-align: center;
  }

  .int-tsi-info .vid-container .miniatures>div>p {
  font-size: 12px;
  margin-top: 5px;
  width: auto !important;
  line-height: 1.3;
  padding: 0 20px;
  }

  .int-tsi-info .int-tsi-solution {
  max-width: 650px;
  border: 1px solid rgba(136, 136, 136, 0.5);
  padding: 20px;
  margin: 30px auto 0;
  }

  .int-tsi-info .int-tsi-solution>h3 {
  text-align: center;
  padding-top: 30px;
  }

  .int-tsi-info .int-tsi-solution>p.instalator {
  letter-spacing: 1px;
  font-weight: 300;
  text-align: center;
  margin: 20px;
  width: auto !important;
  }

  .int-tsi-info .int-tsi-solution>ul {
  max-width: 80%;
  }

  .int-tsi-info .int-tsi-solution>ul li {
  margin-top: 5px;
  }

  .int-tsi-info .int-tsi-solution h3 {
  font-weight: bold;
  text-align: center;
  }

  .int-tsi-info .int-tsi-solution p.important {
  padding: 20px;
  text-align: center;
  font-weight: 600;
  width: auto !important;
  }

  .int-tsi-info .int-tsi-solution .int-tsi-btns {
  display: flex;
  justify-content: space-evenly;
  margin: 25px 0;
  }

  .int-tsi-info .int-tsi-solution .int-tsi-btns>a {
  min-width: 30%;
  text-decoration: underline;
  padding: 10px;
  border-radius: 5px;
  color: white;
  text-align: center;
  }

  .int-tsi-info .int-tsi-solution .int-tsi-btns>.tsi-download {
  background: #fc9800;
  }

  .int-tsi-info .int-tsi-solution .int-tsi-btns>.tsi-video {
  background: #53565c;
  }

  @media (min-width: 320px) and (max-width: 480px) {

  .int-tsi-info .int-tsi-solution {
      padding: 0;
  }

  .int-tsi-info .int-tsi-solution .int-tsi-btns {
      max-width: 80%;
      margin: 0 auto 30px;
  }

  .int-tsi-info .int-tsi-solution .int-tsi-btns>a {
      margin: 15px 0;
  }

  .int-tsi-info .vid-container .miniatures {
      flex-direction: column;
  }

  .int-tsi-info .int-tsi-solution>ul {
      width: 95%;
  }
  }

#slim-nagroda {
    display: flex;
    border-left: 1px solid #ee7556;
    padding: 20px 0 20px 20px;
    align-items: center;
}

#slim-nagroda>div.text {
    padding-left: 30px;
}

#slim-nagroda>div.text>p {
    color: #ee7556;
    line-height: 1.4;
}

#slim-nagroda>div.text>a {
    background: #fff;
    text-align: center;
    color: #ee7556;
    display: table;
    padding: 6px 20px;
    border: 1px solid #ee7556
}

.videoContainer {
  max-width: 420px;
  margin-bottom: 30px;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#perfecta-info {
    width: 678px;
    margin: 0 auto;
    font-family: 'Ubuntu', sans-serif;
}


#perfecta-info>.header {
    background: url(https://media.satel.pl//img/desc/perfecta-wrzutka/background-top.jpg) no-repeat;
    padding-left: 35px;
    display: flex;
    flex-direction: column;
    min-height: 565px;
    justify-content: center;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
}

#perfecta-info>.header * {
    max-width: 400px;
}

#perfecta-info .header>p {
    color: #646466;
    font-size: 18px;
    letter-spacing: -0.5px;
    line-height: 1.4em;
}

#perfecta-info .header>p.desc {
    font-size: 16px;
    max-width: 290px;
    line-height: 1.4em;
}


#perfecta-info .header>h2 {
    font-size: 28px;
    margin-top: 10px;
    white-space: nowrap;
    color: #859728;
    font-weight: bolder;
}

#perfecta-info .header>ul {
    color: #859728;
    font-weight: bolder;
    list-style-image: url(https://media.satel.pl/img/desc/perfecta-wrzutka/perfecta-checkico.png) !important;
    margin: 0 0 20px;
}

#perfecta-info .header>ul>li {
    margin: 10px 0;
    font-size: 16px;
}

#perfecta-info .perfecta-logo {
    max-width: 225px;
    margin: 10px 0 30px;
}

#perfecta-info .separator {
    background-color: #646567;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    position: relative;
}

#perfecta-info .separator h2 {
    text-align: center;
    color: #fff;
    font-weight: 300;
    font-size: 20px;
    padding: 30px 0;
}

#perfecta-info .separator h2>span {
    font-weight: 500;
}

#perfecta-info div.arrow {
    width: 0px;
    height: 0px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #646466;
    position: absolute;
    bottom: -14%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    z-index: 10;
}

#perfecta-info>.table {
    background: url(http://media.satel.pl/img/desc/perfecta-wrzutka/background-bottom.jpg) no-repeat;
    background-size: cover;
    height: auto;
    padding: 50px 0;
    width: calc(100% + 40px);
    margin: 0px 0px 0px -20px;
    position: relative;
}

#perfecta-info table.table-compar {
    width: 85%;
    text-align: center;
    border-collapse: collapse;
    margin: 0 auto;
}

#perfecta-info table.table-compar td,
#perfecta-info table.table-compar th {
    border: 1px solid #AAAAAA;
    padding: 3px 2px;
}

#perfecta-info table.table-compar tbody td {
    font-size: 11px;
    font-weight: 600;
}

#perfecta-info table.table-compar .tab-darkgrey {
    background: #b7b9b9;
}

#perfecta-info .tab-lightgreen {
    background-color: #f0f4d9;
}

#perfecta-info .tab-darkgreen {
    background-color: #dae09a;
}

#perfecta-info .table-compar thead th:first-child {
    border: 1px solid #AAAAAA;
}

#perfecta-info tr:first-child>th {
    background-color: #646567;
    color: #fff;
    font-size: 15px;
}

#perfecta-info table.table-compar tr {
    line-height: 1;
    height: 45px;
}


#perfecta-info table.table-compar th:nth-child(4) {
    background-color: #b3c335;
}

#perfecta-info tbody td {
    width: 220px;
    color: #646466;
}

#perfecta-info .grade {
    font-size: 12px;
}

#perfecta-info tr td:nth-child(5) {
    background-color: transparent;
    text-align: left;
    padding-left: 15px;
    font-weight: 500 !important;
    border: none;
}

#perfecta-info .table-mark {
    height: 13px;
}

#perfecta-info .container-perf {
    display: flex;
}

#perfecta-info .extra-info {
    width: 41%;
    font-size: 10px;
    color: #646466;
    letter-spacing: -0.3px;
    padding-left: 60px;
}

#perfecta-info .product-img {
    margin: -25px 0 0 -100px;
}

#perfecta-info .footer {
    min-height: 200px;
    justify-content: center;
    align-items: center;
}

#perfecta-info .footer h2 {
    text-align: left;
    color: #fff;
    font-style: italic;
    font-size: 19px;
    font-weight: lighter;
    line-height: 1.5;
    padding: 0 0 15px 55px;
}

#perfecta-info .container-perf>div {
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
}

#perfecta-info .footer.container-perf>div>a {
    text-transform: uppercase;
    background: #b3c335;
    width: 250px;
    text-align: center;
    text-decoration: none;
    padding: 12px 0;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #b3c335;
    transition: 0.25s;
    font-weight: 400;
    font-size: 14px;
}

#perfecta-info .footer.container-perf>div>a:hover {
    background: inherit;
    color: #b3c335;
    border: 1px solid #b3c335;
}

#perfecta-info .footer.container-perf>div>.logo {
    max-width: 263px;
    margin-right: 35px;
}

.newsatel-link {
    display: none !important;
}


body.pl,
body.en {
  background-position-y: 33px;
}
.new-website,
.new-website-en {
	display: none;
}
body.pl .new-website,
body.en .new-website-en {
  display: block;
  background: #2d2d2d;
  color: white;
  padding: 10px;
  margin-bottom: 0px;
  z-index: 999999999;
  margin-left: auto;
  margin-right: auto;
  top: 5px;
  left: calc(50% - 201px);
}

.hidden{
    display: none;
}