@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700,800&subset=latin-ext');

landing.container-fluid{padding-right: 30px; padding-left: 30px;}
@keyframes fadeout {
    to { 
        opacity:0;
        overflow:hidden;
    }
}
@-webkit-keyframes fadeout {
    to { 
        opacity:0;
        visibility:hidden;
    }
}
default-slider {height:100vh;} 
ol, ul {margin-bottom: 0;}
/*********Validation*******/
.info,.success,.warning,.error,.validation, .error_message {border: 0;  padding:35px 5%; background-repeat:no-repeat; background-position: 10px 6px;text-align: center !important; border-bottom: 7px solid #f8d144;}
.success ul li {color: #000; border: 1px dashed #4f8a10;}
.error ul li, .error_message ul li {color: #000; border: 1px dashed #f00;}
.info ul li {color: #000; border: 1px dashed #00529b;}
.warning ul li {color: #000; border: 1px dashed #9f6000;}
.shadow {background-color:rgba(0,0,0,0.5);position:fixed;z-index:9995;left:0px;top:0px;width:100%;height:100%;}
.popup-msg {opacity: 1;position: fixed; z-index: 9999; left: 185px; right: 0px; top:50%; font-size: 24px; color: #373737; text-transform: uppercase; font-weight: 700; transform:translateY(-50%)}
.popup-msg ul {list-style-type: none; color: #000; padding: 0; font-size: 14px; padding-top: 40px; margin-top: 25px; border-top: 1px solid #dadada;}
.popup-msg ul li {margin: 4px 0; padding: 10px; text-align: left; min-width: 290px; width: 50%; margin: 4px auto; font-weight: 400; text-transform: initial;}
.popup-msg > div {margin:0px 90px;background-color: #fff;}
.close-msg {background-image:url('../../img/olicom/close.png');background-color:#f8d144 !important;background-position:center center; background-repeat:no-repeat;width:85px;height:85px;position:absolute;z-index:10000;right:-40px;top:-40px;cursor:pointer;}
#contact_map {min-height: 300px;}
#cookie-policy-banner {z-index:120 ;position: fixed; bottom: 0px; left: 0px; display: none; width: 100%;line-height: 25px;background: #fff url(../../img/landing/cookies.png) no-repeat right bottom;     background-size: 200px;
                       box-shadow: -3px 0px 10px grey; background-position-x: 80%; font-size: 12px;font-family: Arial; color: #a5a5a5; text-align:left; padding: 15px 0px 25px 0px;}
#cookie-policy-banner .inner {width: 70%; margin: 0 auto; position: relative; }
#cookie-policy-banner span b {color: #000; position: relative;}
#cookie-policy-banner span b:before {content: ''; position: absolute; bottom: 0; width: 100%; height: 5px; background: #fecd28;  left: -15px;  z-index: -1;}
#cookie-policy-banner a { color: #257ac5  ; font-weight: bold; font-size: 11px;} 
#cookie-policy-banner #cclose { font-size: 12px; line-height: 20px;  color: #000; cursor: pointer;text-transform: uppercase;margin:0px 5px;padding:5px 10px; border-radius:4px; position: absolute; top: 0; right: -5%;}
#cookie-policy-banner #cclose:hover{ background-color: #257ac5; color: #fff  ;}
#ouibounce-modal {width:100%;height:100%;position:fixed;z-index:5000;background-color:rgba(42,41,41,0.7);top:0px;left:0px;display:none;}
#ouibounce-modal .oui-popup {display:block;position:fixed;top:50%;left:50%;background-color:white;margin-left:-350px;margin-top:-180px;z-index:10000}
#ouibounce-modal .webpages_link {width: 170px;height: 41px;position: absolute;top: 175px;left: 265px;}
#ouibounce-modal .shop_link {width: 170px;height: 41px;position: absolute;top: 228px;left: 265px;}
#ouibounce-modal .fb_link {width: 22px;height: 22px;position: absolute;bottom: 16px;left: 327px;}
#ouibounce-modal .twitter_link {width: 22px;height: 22px;position: absolute;bottom: 16px;left: 355px;}
.oui-close {width:25px;height:25px;position:absolute;right:0px;top:0px;cursor:pointer;}
textarea{resize:none;}
.olicom::before     {background-color: #006bb0}
.oferta::before     {background-color: #f8d144}
.produkty::before   {background-color: #ff822d}
.kontakt::before    {background-color: #f31a68}
.newsletter::before {background-color: #a6308d}
.yellow::after,.yellow::before{background-color:#f8d144;}
.orange::after, .orange:before {background-color:#fd812d;}
.viol::after, .viol::before {background-color:#a6308d;}
.pink::after, .pink::before {background-color:#f31a68;}
.blue::after, .blue::before {background-color:#006bb0;}
.grey::after, .grey::before  {background-color:#373636;}
body {font-family: 'Open Sans', sans-serif;}
img{max-width: 100%;}
a{display:inline-block;}
#nav ul .yellow.active,
#nav ul .yellow:hover {
    background-color:#f8d144;
}
#nav ul .orange.active,
#nav ul .orange:hover {
    background-color: #ff822d;
}
#nav ul .viol.active,
#nav ul .viol:hover {
    background-color:#a6308d;
}
#nav ul .pink.active,
#nav ul .pink:hover {
    background-color:#f31a68;
}
#nav ul .blue.active,
#nav ul .blue:hover {
    background-color:#006bb0;
}
#nav ul .grey.active,
#nav ul .grey:hover {
    background-color:#373636;
}
/* SLIDER */
slider_news_element{
    position: relative;
}
.default-slider .slider-news .slick-title h4 {
    font-size: 3rem;
    font-weight: 900;  
    position: relative;
    z-index: 5;
    color: #fff;
    text-transform: uppercase;
}
.default-slider .slider-news .text-under-slide {
    font-size: 22px;
    color: #fff;
    text-transform: uppercase;
    text-align: left;
    visibility: hidden; 
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
}
.default-slider .slider-news .text-wrapper .wrapper {
    position: absolute;
    bottom: 0;
    right: 70px;
}
.default-slider .slider-news .text-wrapper .btn-news {
    font-size: 18px;
    background-color: #8bc75c;
    padding: 10px 30px;
    color: #ffffff;
}
/*.default-slider .slider-news .slick-title::after {
    content: url('../../img/olicom/title-back-2.png');
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    right: 0px;
}
.default-slider .slider-news .slick-title::before {
    content: url('../../img/olicom/title-back-1.png');
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    left: -35px;
}*/
.default-slider .slider-news .slider-text {
    position: absolute;
    bottom: 10%;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    width: 100%;
}
.default-slider .slider-news .text-wrapper{
    position: relative;
    height: 100%;
    text-shadow: 1px 1px 6px #626262;
}
.shortsection .container-fluid {padding: 0; left: 0; right: 0;}
/* HEADER//NAVIGATOR */
.slimScrollBar {display:none !important;}
#burger {display: none;}
.newslist-box { 
    margin: 0 auto;
    min-height: 350px;
    margin-bottom: 30px;
    color: #fff;
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
}
.newslist-box h4 {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 15px;
}
.more-btn{
    font-size: 14px !important;
    background-color: #8bc75c;
    padding: 10px 25px;
    color: #fff;
}
.small_box .more-btn {box-shadow: none;}
.small_boxes .small_box .small_boxes_img {height: 100px;}
.small_boxes .small_box .small_boxes_img img { -webkit-filter: hue-rotate(300deg) brightness(0) contrast(1); filter: hue-rotate(300deg) brightness(0%) contrast(100%);}
.small_boxes .small_box:hover img {-webkit-filter: hue-rotate(0deg) brightness(1.0) contrast(1); filter: hue-rotate(0deg) brightness(100%) contrast(100%);}
.newslist-box .news_more {
    margin-top: 20px;
}
.newslist-box .news_more .checkit-btn {
    color: #f8d144;
    background: url('../../img/olicom/yellarrow.png') no-repeat right;
    padding-right: 25px;
    margin: 10px;
}
.sections[data-sname="produkty"] .newslist-box {height:375px; overflow: hidden;     min-height:0px; position: relative;}
.sections[data-sname="produkty"] .newslist-box h4{font-size:37px;}
.sections[data-sname="produkty"] .flipbook  {background-color: #a6308d;}
.sections[data-sname="produkty"] .system{background-color:#006bb0;}
.sections .cms-system{background-color:#006bb0;}
.sections[data-sname="produkty"] .programy {background-color:#f8d144;}
.sections[data-sname="produkty"] .programy .news_more .checkit-btn {color: #a6308d; padding-right: 25px;}
.sections[data-sname="produkty"] .platforma {background-color: #373636;}
.client-content, .client-area {
    margin: 0 auto;
    display: block;
    width: 1000px;
    height: 275px;
}
.client-area .slick-prev {
    left: -133px;
}
.client-area .slick-next {
    right: -133px;
}
.client-area .slick-slide .client-logo-img {
    border: 10px solid #f8d144;
    height: 227px;
    width: 227px;
    background: #fff;
    padding: 5px;
}
.client-area .slick-prev, .client-area .slick-next {
    width: 45px;
    height: auto;
    top: 40%;
}
.text-cont {
    position: relative;
    height: 200px;
    display: table;
}
.client-desc {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: justify;
}
.client-sign {
    float: right;
    text-align: right;
    padding-top: 20px;
    font-weight: 400;
}
.client-logo {
    height: 200px;
    display: table;
}
.client-logo-img {
    display: table-cell;
    vertical-align: middle;
}
.a-btn {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 999;
}
.check-btn {
    font-size: 18px;
    color: #f8d144;
    padding: 10px;
}
.programy .check-btn {color: #a6308d;}
/* FOOTER */
#footer {background: #272727 url('../../img/olicom/footerbg.png') no-repeat left 60% bottom 10px;     font-weight: 300; height:auto;  color: #fff; min-height: 275px; font-size: 13px; position: relative; z-index: 0;}
#footer .container-fluid {height:auto;}
#footer a { color: #9A9A9A; font-weight: 300; padding: 7px 0;}
#footer-boxes h4 {position: relative; margin-top: 40px; margin-bottom: 20px; font-size: 18px; font-weight: bold;}
#footer-boxes ul, .footer-info ul {list-style-type: none; padding-left: 0px;}
.olicom1, .oferta1, .oferta2, .oferta3, .produkt, .newslet {padding-left: 0;}
.olicom1, .olicom2, .oferta1, .oferta2, .oferta3, .produkt, .contactDIV, .newslet {padding-top: 10px;}
#footer-boxes h4::before {content: ''; width: 50px !important; height: 5px; position: absolute; bottom: -20px; left: 0px;}
.centerinfo strong {
    color: #848484; 
    width: 28%;
    display: inline-block;
}
.centerinfo {
    color: #cbcbcb;    
    font-size: 13px;
    padding-bottom: 30px;
}
.centerinfo ul{padding:0px; margin:0px; margin-bottom: 10px;}
.centerinfo li {list-style-type:none;}
.centerinfo img {
    margin-bottom: 25px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.centerinfo ul img:hover {
    margin-bottom: 25px;
    background-color: #fff;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
.centerinfo a {
    height: 22px;
    display: inline-block;
    margin: 0px 10px 0 0px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #cbcbcb;
}
#footer .contactDIV a[href^="mailto:"] {color: #F31A68;}
.menulist li {margin: 8px 0;}
.contactDIV span {
    width: 55px !important;
    display: block;
    float: left;
    font-weight: bold;
}
#kontakt iframe{max-width: 100%;}
.contact-footer .contact-form span, .contact-footer h4, .text-title h4 {color: #f8d144; font-weight: bold;}
.contact-footer .contact-form span, .contact-footer h4 {font-size: 24px;}
.form {list-style-type: none; width: 100%;}
.form .form-input, .form #message , .newsletterinput {
    background-color: transparent;
    color: #848484;
    border: none;
    border-bottom: 2px solid #848484;
    outline: none;
}
.newsletterinput {
    width: 95%;
    padding: 10px 0;
    color: #fff !important;
}
.form .form-input, .form #message {
    height: 60px;
    width: 100%;
}
.form #message {
    height: 220px;
    padding-top:15px;
}
.form .form-submit{
    color: #f8d144;
    background-color: transparent;
    border: none;
    float: right;
    background: url('../../img/olicom/yellarrow.png') no-repeat right;
    margin-right: 10px;
    padding-right: 20px;
}
.newslbtn {
    color: #a6308d;
    background-color: transparent;
    border: none;
    float: right;
    background: url('../../img/olicom/violarrow.png') no-repeat right;
    margin-right: 10px;
    padding-right: 20px;
}
.page_id--27 .responive-version  {display:none;}
.portfolio .slick-slide .gallery_photo_img img {width: 100%;}
.portfolio .slick-slide > div {font-size: 0;}
.portfolio .gallery_photo {
    margin-bottom: 0;
    padding: 0;
}
.portfolio .gallery_photo a{
    width: 100%;
}
.portfolio .gallery_photo a img{
    width: 100%;
}
.portfolio .gallery_photo_big:last-of-type{}
.portfolio .btn-gal { 
    margin: 0 auto;
    display: block;
    width: 800px;
    height: 130px;
    text-align: center;
    padding-top: 50px;
    max-width: 100%;
}
.portfolio .btn-gal .gall-btn {
}
.section[data-sname="top"] {height:100vh;}
.sections[data-sname="portfolio"]  .section-wrap { 
    background-color: #fff;
}
.sections[data-sname="portfolio"] .title::after { 
    color:#fff;
}
.sections[data-sname="portfolio"] .title::before { 
    background-color:#a6308d;
}
.sections[data-sname="portfolio"]  .section-wrap .title{ 
    color: #a6308d; 
}
.sections[data-sname="produkty"] .section-wrap, .sections[data-sname="products"] .section-wrap {background-color:#fff; padding-bottom: 50px;}
.sections[data-sname="produkty"] .title::after, .sections[data-sname="products"] .title::after {color:#fff;}
.sections[data-sname="produkty"] .title::before, .sections[data-sname="products"] .title::before {background-color:#ff822d;}
.sections[data-sname="produkty"] .section-wrap .title, .sections[data-sname="products"] .section-wrap .title {color: #ff822d;}
.sections[data-sname="blog"]  .section-wrap {background-color:#f31a68; padding-bottom: 50px;}
.sections[data-sname="blog"] .title::after {color:#f31a68;}
.sections[data-sname="blog"] .title::before {background-color:#f8d144;}
.sections[data-sname="o-nas"] .section-wrap, .sections[data-sname="about-us"] .section-wrap {background-color: #006bb0; color: #fff; font-weight: 300;}
.sections[data-sname="o-nas"] .title::after, .sections[data-sname="about-us"] .title::after {color:#006bb0;}
.sections[data-sname="o-nas"] .title::before, .sections[data-sname="about-us"] .title::before {background-color:#f8d144;}
.sections[data-sname="oferta"]  .section-wrap .title, .sections[data-sname="offer"]  .section-wrap .title { 
    color: #f8d144; 
}
.sections[data-sname="oferta"] .title::after, .sections[data-sname="offer"] .title::after { 
    color:#fff;
}
.sections[data-sname="oferta"] .title::before, .sections[data-sname="offer"] .title::before { 
    background-color:#f8d144;
}
.sections[data-sname="kontakt"] .section-wrap, .sections[data-sname="contact"] .section-wrap {position: relative; background-position-x: -15px; background-color: #373636;}
.sections[data-sname="kontakt"] .title::after, .sections[data-sname="contact"] .title::after {color:#373636;}
.sections[data-sname="kontakt"] .title::before, .sections[data-sname="contact"] .title::before {background-color:#f8d144;}
.pink-title{color:#f31a68; font-size:18px; font-weight: bold;}
.blog-rss{padding: 0px 20px;}
.blog-rss .blog-rss-head{margin-top:50px; margin-bottom:30px;}
.blog-rss .blog-rss-content{}
.blog-rss .blog-rss-slide{}
.blog-rss .blog-rss-time{font-size:10px; font-weight: 300; color:#202020;}
.blog-rss .blog-rss-title{margin-top:10px;}
.blog-rss .blog-rss-title a{color:#006bb0; font-weight: bold; font-size:12px;}
.slick-dots {position:relative;}
.col5 {width:20%; float:left;}
.hamburger {display: none; cursor: pointer; background: transparent; border: none; height: 32px; margin-left: 15px; position: absolute; top: 10px; width: 32px; z-index: 999; right: 20px;}
.hamburger.is-closed::before {-webkit-transform: translate3d(0, 0, 0);-webkit-transition: all 0.35s ease-in-out; color: #ffffff; content: ''; display: block; font-size: 14px; line-height: 32px; opacity: 0; text-align: center; width: 100px;}
.hamburger.is-closed .hamb-top {-webkit-transition: all 0.35s ease-in-out; background-color: rgba(255, 255, 255, 0.7); top: 5px;}
.hamburger.is-closed .hamb-middle {background-color: rgba(255, 255, 255, 0.7); margin-top: -2px; top: 50%;}
.hamburger.is-closed .hamb-bottom {-webkit-transition: all 0.35s ease-in-out; background-color: rgba(255, 255, 255, 0.7); bottom: 5px;}
.hamburger.is-closed .hamb-top, .hamburger.is-closed .hamb-middle, .hamburger.is-closed .hamb-bottom, .hamburger.is-open .hamb-top, .hamburger.is-open .hamb-middle, .hamburger.is-open .hamb-bottom {height: 4px; left: 0; position: absolute; width: 100%;}
.hamburger.is-open .hamb-middle {background-color: #fff; display: none;}
.hamburger.is-open .hamb-top {-webkit-transform: rotate(45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #fff; margin-top: -2px; top: 50%;}
.hamburger.is-open .hamb-bottom {-webkit-transform: rotate(-45deg); -webkit-transition: -webkit-transform 0.2s cubic-bezier(0.73, 1, 0.28, 0.08); background-color: #fff; margin-top: -2px; top: 50%;}
.hamburger.is-closed:hover .hamb-top {-webkit-transition: all 0.35s ease-in-out; top: 0;}
.hamburger.is-closed:hover .hamb-bottom {-webkit-transition: all 0.35s ease-in-out; bottom: 0;}
#nav {overflow: visible !important;}
.slimScrollDiv {overflow: visible !important;}
.default-slider .slick-slide img {max-width: 100% !important; height: auto !important;}
.blog-img {height: 345px; overflow: hidden; width: 375px;}
.blog-content {width: calc(100% - 375px); position: static;}
.blog-img img {height: 345px; max-width: none; transform: translateX(-50%); -webkit-transform: translateX(-50%); left: 50%; position: absolute; top: 0;}
.blog_more {position: absolute; right: 0; bottom: 0;}
.bloglist-box {margin-bottom: 40px; position: relative; padding-bottom: 0 !important;}
.blog-content .text-title h4 {color: #fff;}
.blog-img-wrap {height: 100%; position: relative; overflow: hidden;}
.portfolio {margin-bottom: 100px;}
.portfolio .gallery_photo img {width: 100%;}
.portfolio .gallery_photo {position: relative;}
.portfolio .slick-active > div:nth-of-type(1) a:nth-of-type(1) .portfolio_bg {background-color: #8BC75C;}
.portfolio .slick-active > div:nth-of-type(1) a:nth-of-type(2) .portfolio_bg {background-color: #F31A68;}
.portfolio .slick-active > div:nth-of-type(1) a:nth-of-type(3) .portfolio_bg {background-color: #006BB0;}
.portfolio .slick-active > div:nth-of-type(2) a:nth-of-type(1) .portfolio_bg {background-color: #F8D144;}
.portfolio .slick-active > div:nth-of-type(2) a:nth-of-type(2) .portfolio_bg {background-color: #FF822D;}
.portfolio .gallery_photo {position: relative;}
.portfolio .gallery_photo .portfolio_bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0;}
.portfolio .gallery_photo .portfolio_logo img {margin: auto; position: absolute; top: -500%; left: 50%; transition: 0.3s; -webkit-transition: 0.3s; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: auto; max-width: 90%;}
.portfolio .gallery_photo:hover .portfolio_logo img {margin: auto; position: absolute; top: 50%; left: 50%; transition: 0.3s; -webkit-transition: 0.3s; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.portfolio .gallery_photo .portfolio_logo {text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s; z-index: 9;}
.portfolio .gallery_photo:hover .portfolio_logo {opacity: 1; transition: 0.3s; -webkit-transition: 0.3s;}
.portfolio .gallery_photo:hover .portfolio_bg {opacity: 0.8; transition: 0.3s; -webkit-transition: 0.3s;}
.portfolio .port_next {transition: 0.3s; -webkit-transition: 0.3s; cursor: pointer;}
.portfolio .port_next:hover {background: #f31a68; transition: 0.3s; -webkit-transition: 0.3s;}
.portfolio_slider_wrapper {position: absolute; bottom: -1000px; width: 100%; padding-right: 20%; background: #373636; border-top: 15px solid #373636; transition: 1s; -webkit-transition: 1s;}
.portfolio_slider_wrapper.down_o {bottom: 100px; transition: 1s; -webkit-transition: 1s; position: absolute;}
.portfolio_slider .gallery_photo {position: relative;}
.portfolio_slider .portfolio_photo.slick-active:nth-of-type(n+4) .portfolio_bg {background-color: #8BC75C;}
.portfolio_slider .portfolio_photo.slick-active:nth-of-type(2n+4) .portfolio_bg {background-color: #F31A68;}
.portfolio_slider .portfolio_photo.slick-active:nth-of-type(3n+4) .portfolio_bg {background-color: #006BB0;}
.portfolio_slider .portfolio_photo.slick-active:nth-of-type(4n+4) .portfolio_bg {background-color: #F8D144;}
.portfolio_slider .portfolio_photo.slick-active:nth-of-type(5n+4) .portfolio_bg {background-color: #FF822D;}
.portfolio_slider .portfolio_photo {position: relative;}
.portfolio_slider .portfolio_photo .portfolio_bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0;}
.portfolio_slider .portfolio_photo .portfolio_logo img {margin: auto; position: absolute; top: -500%; left: 50%; transition: 0.3s; -webkit-transition: 0.3s; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: auto; max-width: 90%;}
.portfolio_slider .portfolio_photo:hover .portfolio_logo img {margin: auto; position: absolute; top: 50%; left: 50%; transition: 0.3s; -webkit-transition: 0.3s; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.portfolio_slider .portfolio_photo .portfolio_logo {text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s; z-index: 9;}
.portfolio_slider .portfolio_photo:hover .portfolio_logo {opacity: 1; transition: 0.3s; -webkit-transition: 0.3s;}
.portfolio_slider .portfolio_photo:hover .portfolio_bg {opacity: 0.8; transition: 0.3s; -webkit-transition: 0.3s; background-color: #000;}
.portfolio_slider .slick-next {width: 25%; height: auto; top: 0; bottom: 0; right: 0; transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); background: url('../../img/olicom/port_next2.png') no-repeat center; background-size: cover;}
.portfolio_slider .slick-next::before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-color: #F31A68; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s;}
.portfolio_slider .slick-next:hover:before {opacity: 0.8; transition: 0.3s; -webkit-transition: 0.3s;}
.portfolio_slider .slick-slide img {margin: auto;}
.portfolio_landing {margin: 0 100px;}
.portfolio_landing .portfolio_photo {position: relative;}
.portfolio_landing .slick-active:nth-of-type(n+4) .portfolio_bg {background-color: #8BC75C;}
.portfolio_landing .slick-active:nth-of-type(2n+4) .portfolio_bg {background-color: #F31A68;}
.portfolio_landing .slick-active:nth-of-type(3n+4) .portfolio_bg {background-color: #006BB0;}
.portfolio_landing .slick-active:nth-of-type(4n+4) .portfolio_bg {background-color: #F8D144;}
.portfolio_landing .slick-active:nth-of-type(5n+4) .portfolio_bg {background-color: #FF822D;}
.portfolio_landing .portfolio_photo .portfolio_bg {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; transition: 0.3s; -webkit-transition: 0.3s; opacity: 0;}
.portfolio_landing .portfolio_photo .portfolio_logo img {margin: auto; position: absolute; top: -500%; left: 50%; transition: 0.3s; -webkit-transition: 0.3s; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: auto; max-width: 90%;}
.portfolio_landing .portfolio_photo:hover .portfolio_logo img {margin: auto; position: absolute; top: 50%; left: 50%; transition: 0.3s; -webkit-transition: 0.3s; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.portfolio_landing .portfolio_photo .portfolio_logo {text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; transition: 0.3s; -webkit-transition: 0.3s; z-index: 9;}
.portfolio_landing .portfolio_photo:hover .portfolio_logo {opacity: 1; transition: 0.3s; -webkit-transition: 0.3s;}
.portfolio_landing .portfolio_photo:hover .portfolio_bg {opacity: 0.8; transition: 0.3s; -webkit-transition: 0.3s; background-color: #000;}
.portfolio_landing .slick-slide img {margin: auto; width: 100%;}
.news-img {height: 100%;}
.news-img img {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -10px;}
.p_title {font-size: 58px; font-weight: 800; color: #fff; display: inline-block; margin-left: 5%; position: relative; margin-top: 60px; margin-bottom: 40px; width: 80%;}
.p_title:before {content: ''; width: 5px !important; height: 100%; position: absolute; left: -20px; z-index: 11; top: 0; background-color: #f8d144;}
.subtitle {font-size: 22px; color: #fff; margin-left: 5%; margin-top: -28px;}
.c_title_wrapper {text-align: center;}
.color_title {font-size: 80px; font-weight: 800; color: #fff; display: inline-block; margin-left: 0; position: relative; margin-top: 70px; margin-bottom: 70px; text-transform: uppercase; position: relative; z-index: 9; background: url('../../img/olicom/c_title.png') no-repeat center center; padding: 50px;}
.p_desc {font-size: 18px; color: #fff; text-align: center;}
.portfoliobxslider {padding: 0; text-align: center;}
.p_desc {padding: 0 50px;}
.down_nav {position: relative; overflow: hidden;}
.down_nav_bar {height: 100px; width: 100%; background-color: #373636; padding: 33px 0; color: #fff; margin-top: 100px; position: relative; transition: 0.3s; -webkit-transition: 0.3s;}
.down_nav_bar.down_d {margin-top: 400px; transition: 0.3s; -webkit-transition: 0.3s;}
.down_nav .pull-left {padding-left: 3%; padding-top: 5px;}
.down_nav .pull-right {padding-right: 3%; padding-top: 5px;}
.back-btn {position: absolute; right: 5%; top: 60px; cursor: pointer;}
.back-btn:hover {opacity: 0.8;}
.downmenu {cursor: pointer;}
.footer-bottom {color: #707070; font-size: 12px; font-weight: 300; padding-top: 25px; padding-bottom: 0px; border-top: 2px solid #3b3b3b; margin-top: 30px;}
.cookies_content {padding: 30px;}
.newslist-box {cursor: pointer; height: 375px;}
.newslist-box.flipbook {background: #A6308E;}
.newslist-box.system {background: #006BB1;}
.newslist-box.programy {background: #F8D145;}
.newslist-box.customer-loyalty-schemes {background: #F8D145;}
.newslist-box.programy .check-btn {color: #A6308E;}
.newslist-box.customer-loyalty-schemes .check-btn {color: #A6308E;}
.newslist-box.platforma {background: #363636;}
.newslist-box.e-learning-platform {background: #363636;}
.gmnoprint, .gm-style-cc {display: none !important;}
.menulist span {padding: 5px;}
.menulist span img {width: 40px;}
.smedia {text-align: center; padding-top: 15px; padding-bottom: 5px;}
.news_short_description {text-align: justify; font-size: 14px;}
.small-title {margin: 50px 0 70px; color: #000; font-weight: 700; font-size: 1.5rem; border-left: 3px solid #006bb0; display: inline-block; padding: 0 12px;}
.title-wrapper {text-align: center;}
.subsection.shortsection.s9 {position: relative;}
.subsection.shortsection.s7 {position: relative;}
.news-content {padding: 0px 40px; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.flipbooks .s6 .s-head {position: static; padding-bottom: 0;}
.news-img {float: right;}
#header .top-link a {position: relative; height: 185px; line-height: 205px;}
.topslide {display: none;}
.topslide img {width: 100%;}
.small_boxes .small_box p {display: none;}
.small_boxes .small_box a {display: none;}
.smedia img {width: 40px; margin: 0 5px;}
#olicom_logo {vertical-align: middle; margin-bottom: 10px; max-height: 100%;}
.olicom_logo {fill: transparent; transition: 0.3s; -webkit-transition: 0.3s;}
.top-link:hover .olicom_logo {fill: #fff; transition: 0.3s; -transition-transition: 0.3s;}
.default-slider .slider_news_element {height: 100vh;}
html {background-attachment: inherit;}
body {background-attachment: fixed;}
.default-slider .text-wrapper .text-figures {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);}
.default-slider .text-wrapper .text-figures-wrapper {position: relative; width: 641px; height: 188px;}
.default-slider .text-wrapper .text-figures img {position: absolute; top: 0;}
.section_wrap .s9 .container-fluid {position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.tlt, .text-figures-wrapper, .text-under-slide {visibility: hidden !important;}
#landing.elearn .shortsection.s9 {margin-top: 4rem;}
.app_header {font-size: 2rem; font-weight: 800; text-transform: uppercase; text-align: center; margin: 0 0 1rem;}
.app_header:first-child {margin-top: 4rem;}
.app_header span {color: #f31a68}
.app_header-desc {    margin-top: 3rem; line-height: 2.5rem; font-size: 1rem; text-align: center}
.landing2.app_page h2.app-lbar{font-size: 3rem; text-transform: uppercase; border: none; padding: 0; margin-top: 5rem;}
.landing2 .s-text.app-text {font-size: 0.8rem; line-height: 1.2rem;}
.landing2 .start_anim_left .s-text.app-text, .landing2 .start_anim_left  h2.app-lbar{text-align: right; width: 100%;}
.section.app-section .app-section-wrap{padding: 3rem 0 0; background: #fff;}
.app-section-wrap .subsection.s1 { background: #fff;}
.section.app-section .shortsection.s7 {background: url(../../img/landing/app-top.png) no-repeat 100px -40%; background-size: contain; background-attachment: fixed;}
#landing.landing2 .app-section-wrap .s-imgbox {padding: 0; text-align: center;}
.g-recaptcha > div {margin: 15px auto 0;}
.trusted-us {padding-bottom:4rem;}
.trusted-head {font-size: 2rem; letter-spacing: 1px; font-weight: 800; text-align: center;  background: url(../../img/landing/trust.png) no-repeat 30% 50%; padding: 5% 0; position: relative;}
.trusted-head:after {margin: 0 auto; position: absolute; height: 1px; width: 80%; right: 0; bottom: 15%; left: 0; background: #dedede; content: '';}
.kontakt-head {font-size: 2rem; letter-spacing: 1px; font-weight: 800; text-align: center;  background: url(../../img/landing/app-phone.png) no-repeat 30% 50%; padding: 5% 0; position: relative;}
.kontakt-head:after {margin: 0 auto; position: absolute; height: 1px; width: 100%; right: 0; bottom: 15%; left: 0; background: #dedede; content: '';}
.trusted-logos .slick-slide img {margin: 0 auto;}
.trusted-logos .slick-slide  {min-height: 80px; display: flex; align-items: center;}
.app_page .ps1 .app_section .app_img {padding-right: 15px; padding-left: 0px;}
.app_page .ps1 .app_section .app_txt+.app_img{padding-right: 0px; padding-left: 15px;}
.app_page .ps1 .app_section{margin: 45px -15px;}
.app_page .ps2{padding-top:90px;}
.app_page .ps2 .app_section{margin: 60px -15px;}
.app_page .ps2 .app_section .app_txt+.app_img{padding-right: 0px; padding-left: 15px;}
.app_page .ps2 .app_section{margin: 45px -15px;}
.app_page .ps2 .app_section h3 {text-align:left;}
.app_page .ps4 {display:none;}
.app_page .ps4 {padding-top:40px; padding-bottom:40px;}
.app_page .ps4 .container {width:1170px;}
.app_page #container {width: auto;}
.app_page .page_banner_title img {display: block; margin: auto; }
.app_page img {max-width: 100%;}
.app_section {display: inline-block; width: 100%;}
.app_page #page_banner {min-height: 550px;}
.app_page .ps1 {background-color: #f8f8f8;}
.newsl_wrapper {margin-top: -235px; margin-bottom: 200px; text-align: center;}
.newsl_wrapper p {font-size: 20px; font-weight: 700; color: #fff;}
.newsl_wrapper input {background: url("../../img/olicom/inp.png") no-repeat scroll 100% 50% #fff; border: 0 none; cursor: pointer; padding-left: 7px; padding-right: 34px; width: 440px; height: 50px; max-width: 100%; margin-top: 30px;}
.banner-bg h2 {font-weight: 700; font-size: 36px; color: #adadad; text-transform: uppercase;}
.banner-bg h2 strong {color: #f31a68;}
.banner-bg-desc {margin: 50px 0; line-height: 40px; font-size: 18px;}
.app_section {margin: 40px -15px;}
.app_section > div {padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.app_section .app_txt{position:relative;}
.app_section .app_txt:before{content:''; right:-15px; height:70%; width:7px; position:absolute; top:0px;z-index: 10;}
.app_section .app_img + .app_txt:before{right:auto; left:-15px;}
.app_section.a_s1 .app_txt:before {background-color:#8bc75c;}
.app_section.a_s2 .app_txt:before {background-color:#f31a68;}
.app_section.a_s3 .app_txt:before {background-color:#006bb0;}
.app_section.a_s4 .app_txt:before {background-color:#f8d144;}
.app_section.a_s5 .app_txt:before {background-color:#a6308d;}
.app_section .app_txt p.clientname{font-size:18px; font-weight:300; color:#474747;}
.app_section .app_txt p.appdesc{font-size:14px; font-weight:400; color:#898989; line-height:26px;}
.app_section h3 {font-size: 55px; text-transform: uppercase; color: #474747; margin: 30px 0; font-weight: 800; line-height: 55px;}
.app_section p {text-align: justify; font-size: 14px; color: #474747;}
.ps1 .app_section:nth-of-type(2n+1) {text-align: right;}
.app_page .wp3 .row {width:980px; margin:auto;}
.app_page .wp3 h2 {padding-top:30px; color:white; font-size:36px; font-weight: bold;}
.app_page .wp3 h3 {padding-top:20px; padding-bottom:35px; color:#f8d146; font-weight: 300; font-size:26px; }
.ps2 .app_section h3 {font-size: 43px; font-weight: 800; line-height: 47px;}
.ps2 .app_section:nth-of-type(2n) {text-align: right;}
.ps2 .app_section:nth-of-type(1) h3 {color: #8bc75c;}
.ps2 .app_section:nth-of-type(2) h3 {color: #ea2a68;}
.ps2 .app_section:nth-of-type(3) h3 {color: #006bb0;}
.ps2 .app_section:nth-of-type(4) h3 {color: #f8d144;}
.ps2 .app_section:nth-of-type(5) h3 {color: #72195f;}
.appslider {text-align: center; line-height: 60px; margin-top: 100px;}
.appslider h3 {font-size: 36px; font-weight: 300;}
.appslider h2 {font-size: 72px; font-weight: 800; margin-bottom: 70px;}
.appslider .app_slider_bg {background: url("../../img/landing/appsl.png") no-repeat center; background-size: cover; text-align: center; padding: 80px 0;}
.app_slide {color: #fff; font-size: 28px; font-weight: 700; text-transform: uppercase; background: url("../../img/landing/elementsl.png") no-repeat left center; text-align: left; box-sizing: border-box; vertical-align: middle; position: relative; line-height: 32px; margin: 30px 0; padding: 15px 50px 15px 65px;}
.app_slide:before {width: 70px; height: 4px; background-color: #fff; content: ''; position: absolute; bottom: -2px; left: 65px;}
.appslider .slick-prev, .appslider .slick-next {width: 101px; height: 101px;}
.appslider .slick-prev {left: -170px; top: 50%;}
.appslider .slick-next {right: -170px; top: 50%;}
.appslider .slick-prev:before {content: ''; background: url("../../img/landing/appsl-l.png") no-repeat center; z-index: 9; position: absolute; width: 101px; height: 101px; left: 0; top: 0;}
.appslider .slick-next:before {content: ''; background: url("../../img/landing/appsl-r.png") no-repeat center; z-index: 9; position: absolute; width: 101px; height: 101px; left: 0; top: 0;}
.appslider .slick-dots li button::before {background: #c2d1da; content: ''; height: 4px;}
.appslider .slick-dots {bottom: -75px; left: 0;}
.app_page #kontaktform h4, .app_page #kontaktform h3 {text-transform: uppercase;}
.subsection.s10 {background: #f3f3f3; position: relative}
.subsection.s10:after {content: ''; width: 100%; height: 100%; background: url('../../img/landing/contact-left.png') no-repeat 15%; position: absolute; top: 0; right: 0; background-attachment: fixed;}
.subsection.s10:before {content: ''; width: 100%; height: 100%; background: url('../../img/landing/contact-right.png') no-repeat  98% 85%; position: absolute; top: 0; right: 0; background-attachment: fixed;}
.subsection.s10 input, .subsection.s10 textarea {background: #f6f6f6; position: relative; z-index: 9; display: inline-block;}
#landing.elearn .shortsection.s9 {margin-top: 4rem;}
.app_header {font-size: 2rem; font-weight: 800; text-transform: uppercase; text-align: center; margin: 0 0 1rem;}
.app_header:first-child {margin-top: 4rem;}
.app_header span {color: #f31a68}
.app_header-desc {    margin-top: 3rem; line-height: 2.5rem; font-size: 1rem; text-align: center}
.landing2.app_page h2.app-lbar{font-size: 3rem; text-transform: uppercase; border: none; padding: 0; margin-top: 5rem;}
.landing2 .s-text.app-text {font-size: 0.8rem; line-height: 1.2rem;}
.landing2 .start_anim_left .s-text.app-text, .landing2 .start_anim_left  h2.app-lbar{text-align: right; width: 100%;}
.section.app-section .app-section-wrap{padding: 3rem 0 0; background: #fff;}
.app-section-wrap .subsection.s1 { background: #fff;}
.section.app-section .shortsection.s7 {    background: url(../../img/landing/app-top.png) no-repeat 100px -40%; background-size: contain;    background-attachment: fixed;}
#landing.landing2 .app-section-wrap .s-imgbox {padding: 0; text-align: center;  }
.g-recaptcha > div {margin: 15px auto 0;}
.trusted-us {padding-bottom:4rem; text-align: center;}
.trusted-head {font-size: 2rem; letter-spacing: 1px; font-weight: 800; text-align: center;  background: url(../../img/landing/trust.png) no-repeat 0px 50%; padding: 5% 0 5% 50px; position: relative; display: inline-block;}
.trusted-head:after {margin: 0 auto; position: absolute; height: 1px; width: 80%; right: 0; bottom: 15%; left: 0; background: #dedede; content: '';}
.kontakt-head {font-size: 2rem; letter-spacing: 1px; font-weight: 800; text-align: center;  background: url(../../img/landing/app-phone.png) no-repeat 30% 50%; padding: 5% 0; position: relative;}
.kontakt-head:after {margin: 0 auto; position: absolute; height: 1px; width: 100%; right: 0; bottom: 15%; left: 0; background: #dedede; content: '';}
.trusted-logos .slick-slide img {margin: 0 auto;}
.trusted-logos .slick-slide  {min-height: 80px; display: flex; align-items: center;}
.app_page .ps1 .app_section .app_img {padding-right: 15px; padding-left: 0px;}
.app_page .ps1 .app_section .app_txt+.app_img{padding-right: 0px; padding-left: 15px;}
.app_page .ps1 .app_section{margin: 45px -15px;}
.app_page .ps2{padding-top:90px;}
.app_page .ps2 .app_section{margin: 60px -15px;}
.app_page .ps2 .app_section .app_txt+.app_img{padding-right: 0px; padding-left: 15px;}
.app_page .ps2 .app_section{margin: 45px -15px;}
.app_page .ps2 .app_section h3 {text-align:left;}
.app_page .ps4 {display:none;}
.app_page .ps4 {padding-top:40px; padding-bottom:40px;}
.app_page .ps4 .container {width:1170px;}
.app_page #container {width: auto;}
.app_page .page_banner_title img {display: block; margin: auto; }
.app_page img {max-width: 100%;}
.app_section {display: inline-block; width: 100%;}
.app_page #page_banner {min-height: 550px;}
.app_page .ps1 {background-color: #f8f8f8;}
.newsl_wrapper {margin-top: -235px; margin-bottom: 200px; text-align: center;}
.newsl_wrapper p {font-size: 20px; font-weight: 700; color: #fff;}
.newsl_wrapper input {background: url("../../img/olicom/inp.png") no-repeat scroll 100% 50% #fff; border: 0 none; cursor: pointer; padding-left: 7px; padding-right: 34px; width: 440px; height: 50px; max-width: 100%; margin-top: 30px;}
.banner-bg h2 {font-weight: 700; font-size: 36px; color: #adadad; text-transform: uppercase;}
.banner-bg h2 strong {color: #f31a68;}
.banner-bg-desc {margin: 50px 0; line-height: 40px; font-size: 18px;}
.app_section {margin: 40px -15px;}
.app_section > div {padding-left: 15px; padding-right: 15px; box-sizing: border-box;}
.app_section .app_txt{position:relative;}
.app_section .app_txt:before{content:''; right:-15px; height:70%; width:7px; position:absolute; top:0px;z-index: 10;}
.app_section .app_img + .app_txt:before{right:auto; left:-15px;}
.app_section.a_s1 .app_txt:before {background-color:#8bc75c;}
.app_section.a_s2 .app_txt:before {background-color:#f31a68;}
.app_section.a_s3 .app_txt:before {background-color:#006bb0;}
.app_section.a_s4 .app_txt:before {background-color:#f8d144;}
.app_section.a_s5 .app_txt:before {background-color:#a6308d;}
.app_section .app_txt p.clientname{font-size:18px; font-weight:300; color:#474747;}
.app_section .app_txt p.appdesc{font-size:14px; font-weight:400; color:#898989; line-height:26px;}
.app_section h3 {font-size: 55px; text-transform: uppercase; color: #474747; margin: 30px 0; font-weight: 800; line-height: 55px;}
.app_section p {text-align: justify; font-size: 14px; color: #474747;}
.ps1 .app_section:nth-of-type(2n+1) {text-align: right;}
.app_page .wp3 .row {width:980px; margin:auto;}
.app_page .wp3 h2 {padding-top:30px; color:white; font-size:36px; font-weight: bold;}
.app_page .wp3 h3 {padding-top:20px; padding-bottom:35px; color:#f8d146; font-weight: 300; font-size:26px; }
.ps2 .app_section h3 {font-size: 43px; font-weight: 800; line-height: 47px;}
.ps2 .app_section:nth-of-type(2n) {text-align: right;}
.ps2 .app_section:nth-of-type(1) h3 {color: #8bc75c;}
.ps2 .app_section:nth-of-type(2) h3 {color: #ea2a68;}
.ps2 .app_section:nth-of-type(3) h3 {color: #006bb0;}
.ps2 .app_section:nth-of-type(4) h3 {color: #f8d144;}
.ps2 .app_section:nth-of-type(5) h3 {color: #72195f;}
.appslider {text-align: center; line-height: 60px; margin-top: 100px;}
.appslider h3 {font-size: 36px; font-weight: 300;}
.appslider h2 {font-size: 72px; font-weight: 800; margin-bottom: 70px;}
.appslider .app_slider_bg {background: url("../../img/landing/appsl.png") no-repeat center; background-size: cover; text-align: center; padding: 80px 0;}
.app_slide {color: #fff; font-size: 28px; font-weight: 700; text-transform: uppercase; background: url("../../img/landing/elementsl.png") no-repeat left center; text-align: left; box-sizing: border-box; vertical-align: middle; position: relative; line-height: 32px; margin: 30px 0; padding: 15px 50px 15px 65px;}
.app_slide:before {width: 70px; height: 4px; background-color: #fff; content: ''; position: absolute; bottom: -2px; left: 65px;}
.appslider .slick-prev, .appslider .slick-next {width: 101px; height: 101px;}
.appslider .slick-prev {top: 50%; left: -100px;}
.appslider .slick-next {top: 50%; right: -100px;}
.appslider .slick-prev:before {content: ''; background: url("../../img/landing/appsl-l.png") no-repeat center; z-index: 9; position: absolute; width: 50px; height: 50px; left: 0; top: 0; background-size: contain;}
.appslider .slick-next:before {content: ''; background: url("../../img/landing/appsl-r.png") no-repeat center; z-index: 9; position: absolute; width: 50px; height: 50px; left: 0; top: 0; background-size: contain;}
.appslider .slick-dots li button::before {background: #c2d1da; content: ''; height: 4px;}
.appslider .slick-dots {bottom: -75px; left: 0;}
.app_page #kontaktform h4, .app_page #kontaktform h3 {text-transform: uppercase;}
.subsection.s10 {background: #f3f3f3; position: relative; z-index: 1;}
.subsection.s10:after {content: ''; width: 100%; height: 100%; background: url('../../img/landing/contact-left.png') no-repeat 15%; position: absolute; top: 0; right: 0; background-attachment: fixed; z-index: -1;}
.subsection.s10:before {content: ''; width: 100%; height: 100%; background: url('../../img/landing/contact-right.png') no-repeat  98% 85%; position: absolute; top: 0; right: 0; background-attachment: fixed; z-index: -1;}
.subsection.s10 input, .subsection.s10 textarea {background: #f6f6f6; position: relative; z-index: 9;}
.formpop {display: none; background-color: #fff; position: fixed; z-index: 9996; margin-top: 50px; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 15px; min-width: 290px; width: 50%; text-align: center;}
.formpop .close-formpop {background-image:url('../../img/olicom/close.png');background-color:#f8d144 !important;background-position:center center; background-repeat:no-repeat;width:85px;height:85px;position:absolute;z-index:10000;right:-40px;top:-40px;cursor:pointer;}
.formpop .send-btn {cursor: pointer; font-size: 18px; font-weight: bold; border: none; padding: 0px 50px 0px 20px; height: 50px !important; width: auto !important; background: url(../../img/landing/rarrow.png) 92% center no-repeat; background-color: rgba(0, 0, 0, 0); background-color: #8bc75c; color: white; text-transform: uppercase; margin-top: 30px; float: none; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.3); margin-bottom: 15px;}
.formalert {color: red; float: left; width: 100%;}
.formpop2, .formpop3 {display: none; background-color: #fff; position: fixed; z-index: 9996; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); padding: 15px; min-width: 290px; width: 50%; text-align: center;     border-bottom: 7px solid #f8d144;}
.formpop2 .close-formpop, .formpop3 .close-formpop {background-image:url('../../img/olicom/close.png');background-color:#f8d144 !important;background-position:center center; background-repeat:no-repeat;width:85px;height:85px;position:absolute;z-index:10000;right:-40px;top:-40px;cursor:pointer;}
.formpop2 .send-btn, .formpop3 .send-btn {cursor: pointer; font-size: 18px; font-weight: bold; border: none; padding: 0px 50px 0px 20px; height: 50px !important; width: auto !important; background: url(../../img/landing/rarrow.png) 92% center no-repeat; background-color: rgba(0, 0, 0, 0); background-color: #8bc75c; color: white; text-transform: uppercase; margin-top: 30px; float: none; box-shadow: 10px 10px 40px rgba(0, 0, 0, 0.3); margin-bottom:45px;}
.formalert {color: red; float: left; width: 100%;}
.formpop3 label {display: inline;}
.formpop label {display: inline;}
label.formpop_label {display: inline-block !important; max-width: 100% !important;margin-bottom: 5px !important;font-weight: 700 !important;}
.shadow2 {display: none; background-color: rgba(0,0,0,0.5); position: fixed; z-index: 9995; left: 0px; top: 0px; width: 100%; height: 100%;}
.shadow3 {display: none; background-color: rgba(0,0,0,0.5); position: fixed; z-index: 9995; left: 0px; top: 0px; width: 100%; height: 100%;}
#container {position: relative; z-index: 99;}
.rc-anchor-normal {max-width: 100%;}
.slang {width: 100%; text-align: center; margin-bottom: 10px;}
.slang img {height: 40px; width: 40px; border: 1px solid #666;}
#footer-boxes.en_US .footer-box-1 {width: 33.3333%;}
#footer-boxes.en_US .footer-box-1 li {width: 50%; float: left;}
#footer-boxes.en_US .footer-box-2 {width: 33.3333%;}
#footer-boxes.en_US .footer-box-2 .oferta1 {width: 50%;}
#footer-boxes.en_US .footer-box-2 .oferta2 {width: 50%;}
#footer-boxes.en_US .footer-box-2 .oferta3 {width: 50%;}
#main-content-wrapper.en_US .sections[data-sname="blog"] {display: none;}
.fb_icon {fill: #a6a6a6;}
.fb_rect {fill: #fff; transition: 0.2s; -webkit-transition: 0.2s;}
#fb_icon:hover .fb_rect {fill: #4267b2; transition: 0.2s; -webkit-transition: 0.2s;}
#fb_icon:hover .fb_icon {fill: #fff; transition: 0.2s; -webkit-transition: 0.2s;}
.tt_icon {fill: #a6a6a6;}
.tt_rect {fill: #fff; transition: 0.2s; -webkit-transition: 0.2s;}
#tt_icon:hover .tt_rect {fill: #1da1f2; transition: 0.2s; -webkit-transition: 0.2s;}
#tt_icon:hover .tt_icon {fill: #fff; transition: 0.2s; -webkit-transition: 0.2s;}
.in_icon {fill: #a6a6a6;}
.in_rect {fill: #fff; transition: 0.2s; -webkit-transition: 0.2s;}
#in_icon:hover .in_rect {fill: #8a3ab9; transition: 0.2s; -webkit-transition: 0.2s;}
#in_icon:hover .in_icon {fill: #fff; transition: 0.2s; -webkit-transition: 0.2s;}
.centerinfo #fb_icon {width: 50px; height: 50px;}
.centerinfo #tt_icon {width: 50px; height: 50px;}
.centerinfo #in_icon {width: 50px; height: 50px;}
.toplang{ z-index:999999; vertical-align: top; width:110px; height: 34px; border:2px solid #c5c5c5;  border-radius: 2px; display:inline-block;overflow: hidden; background-color: transparent;
          background-image:url('../../img/down_arrow.png'); background-position:  33px 14px; background-repeat:  no-repeat; background-size:10px;   right:15px;
}
.toplang__item:first-child{display:block; color:#a6a6a6; min-height: 34px; padding: 5px 0 5px 0;}
.toplang__item{display:block; color:#a6a6a6; text-align:center; padding: 0 0 5px 0; font-size:12px; font-weight:700; text-transform: uppercase;}
.toplang__item:hover{color:#c8c8c8; }
.landing2 .start_anim_left .s-text.app-text {text-align: justify; width: 100%;}
#olicom_logo_animated{display:none; vertical-align: top;}
#olicom_logo{display:none;}
/* popup RODO */
.popup-rodo{width:700px; max-width:100%; max-height: 95%;  text-align: center;position:fixed;left:0px; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); right:0px; margin:auto;z-index: 9999999;  max-width: 95%; display: none;}
.popup-rodo:before{position:fixed;background:rgba(0,0,0,0.6); z-index: 2000; content:''; top:-1000%; left:-1000%; bottom:-1000%; right:-1000%;}
.popup-rodo .pop_wrap{text-align:left; position: relative; z-index: 2001; background:white; display:inline-block; padding:15px;}
.popup-rodo .pop_content {display:inline-block; padding:15px; padding-bottom:0px; display: inline-block; padding-bottom:0px; }
.popup-rodo .pop_wrap #pop_close{display: inline-block; width: 20px; height: 20px; position: absolute;  top: 0; right: 0; text-align: center; color: white; font-size: 16px; background: red; cursor: pointer;}
.popup-rodo #g-recaptcha {position:relative; min-width: 305px; display:inline-block; vertical-align: middle;}
.popup-rodo .pop_title{text-align: center; font-size: 24px; margin-bottom:20px; font-weight: bold;}
.popup-rodo .pop_code{margin:10px 0px;}
.popup-rodo textarea{height:100px; resize: none;}
.popup-rodo__content{ margin-bottom: 40px; line-height: 1.3;  word-spacing: 4px;  margin-left: auto;  margin-right: auto;  text-align: justify; overflow-y:  scroll; max-height: 40vh; overflow-x:hidden;padding-right: 10px;}
.popup-rodo__btn{margin: 0 auto; text-align: center;
                 display: block;  width: 215px;
                 min-width:215px;
                 height: 44px;
                 -webkit-border-radius: 20px;
                 -moz-border-radius: 20px;
                 border-radius: 20px;
                 background: transparent;
                 font-size: 13px;
                 font-weight: bold;
                 color: #fff;
                 border: 2px solid white;
                 padding:0;
                 padding-left:15px;
                 padding-right:15px;
                 line-height:42px;
                 text-transform:none; background: #75bf1e; text-transform: uppercase;   }
.popup-rodo__btn:hover{color:white;}
.popup-rodo__buttons{margin:0 auto; text-align:center; }
@media all and (max-width:1540px) and (min-width:1319px){ 
    .app_section .app_txt{padding-left: 50px;}
}

@media all and (max-width:767px){ 
    img#ps_mac, img#body_chief{display:block;margin: 0 auto;}
    .app_section.a_s5 .app_txt{padding-top:0;}
    .app_page .ps2 .app_section.a_s5_1, .app_page{margin-bottom:0;padding-bottom:0;}
    .app_section.a_s5,  .app_section.a_s5 h3{margin-top:0 !important;;padding-top:0 !important;}
    .landing2 .start_anim_left .s-text.app-text, .landing2 .start_anim_left  h2.app-lbar.guarantee{margin-top:0 !important};
}

@media all and (max-width:565px){ 
    .kontakt-head{font-size: 1.9rem; background: url(../../img/landing/app-phone.png) no-repeat 22% 50%;}
}
@media all and (max-width:448px){ 
    .kontakt-head{font-size: 1.9rem;background: url(../../img/landing/app-phone.png) no-repeat 15% 50%;background-size: 7%;}
    .p_title{
        width: 75%;
    }
}
    
.p_desc{width:90%; max-width: 1200px;}
.desc_text{text-align: justify}
.portfolio-description{margin-bottom: 150px;}
.new_color_title{font-size: 65px; display: block}
.portfolio-top-photo img{
    width: 85%;
    max-width: 1000px;
    height: auto;a
}
.portfolio_header {
    margin-bottom: 50px;
}

@media screen and (min-width:1200px){
    .p_desc .row {display: flex; align-items: center}
}
@media screen and (max-width:1200px){
    .desc_logo{
        margin-bottom: 50px;
    }
    .portfolio-description{
        margin-bottom: 100px;
    }
    #portfolio-details .back-btn{
        padding-top: 50px;
    }
    #portfolio-details{
        padding-top: 50px;
    }
}
@media all and (max-width:767px){ 
    #portfolio-details .back-btn{
        padding-top: 50px;
    }
    #portfolio-details{
        padding-top: 0;
    }
}
/* new portfolio */

.portfolio-imac, .portfolio-macbook {
    width: 100%;
    max-width: 1200px;
    height: auto;
    position: relative;
    margin-bottom: 100px;
}

.portfolio-imac img {
    width: 75%;
    height: auto;
}

.imac-bg {
    width: 68.55%;
    height: 64.2%;
    position: absolute;
    top: 5.3%;
    left: 15.75%;
    overflow: hidden;
}
.imac-bg img {
    width: 100%;
    height: auto;
}


.portfolio-macbook img {
    width: 90%;
    height: auto;
}

.macbook-bg {
    width: 65.7%;
    height: 79.5%;
    position: absolute;
    top: 7.35%;
    left: 17.2%;
    overflow: hidden;
}

.macbook-bg img {
    width: 100%;
    height: auto;
}

.portfolio-resp{
    width: 75%;
    max-width: 960px;
    display: flex;
    justify-content: space-around;
    align-items: flex-end;
}

.portfolio-ipad, .portfolio-iphone{
    display: inline-block;
    width: auto;
    height: auto;
    position: relative;
}

.ipad-bg{
    position: absolute;
    top: 9.4%;
    left: 7%;
    height: 81.2%;
    width: 86%;
    overflow: hidden;
}

.iphone-bg{
    position: absolute;
    top: 15.4%;
    left: 9%;
    height: 70.3%;
    width: 82.95%;
    overflow: hidden;

}

.iphone-bg img, .ipad-bg img, .imac-bg img, .macbook-bg img {
    position: absolute;
    top: 0;
    left: 0;
}


.animating-bg{
    animation-name: bg-animated;
    animation-duration: 12s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.animating-bg-ipad{
    animation-name: bg-animated;
    animation-duration: 13s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}
.animating-bg-iphone{
    animation-name: bg-animated;
    animation-duration: 9s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@keyframes bg-animated {
    0% {top: 0px;}
    100%{top:-100%;}
}


.portfolio-bg {
    background-size: cover;
    background-repeat: no-repeat;
}

.portfolio-bg .more-btn {
    margin-top: 75px;
}