body{font-size:14px;font-family:'Lato', sans-serif;//background:url('../images/managing_box_www_layer.jpg') top center no-repeat;background-size:1170px auto;font-weight:300;overflow-x:hidden;} .create-acc{position:fixed;right:0;bottom:0;width:200px;height:70px;background:#EB9737;text-align:center;color:white;font-weight:bold;padding-top:20px;cursor:pointer;font-size:19px;text-transform:uppercase;z-index:99999;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;} .create-acc:hover{background:#838280;} .menu-sec{position:fixed;top:0;z-index:99999;width:100%;padding:3px 0 15px;background:rgba(0,0,0,0.5);} .menu{width:100%;list-style-type:none;} .menu li{display:block;float:left;color:white;font-weight:bold;font-size:17px;cursor:pointer;padding:13px 24px;margin:0 2px;transition:0.5s;-webkit-transition:0.5s;-moz-transition:0.5s;} .menu li.active{background:#3BB3C3;} .menu li:hover{background:#3BB3C3;} .page-1{background:url('../images/tlo-strona-1V2-fhd.jpg') no-repeat;background-size:cover;} .page-1 .title{margin:147px 0 94px 0;letter-spacing:6px;} .page-1 .title span{font-size:4em;font-weight:bold;padding:5px;} .page-1 .title span:first-child{} .page-1 .title span:last-child{background-color:rgba(59,179,194,1);color:white;} .page-1 .description{border:2px solid white;padding:15px;margin-bottom:110px;} .page-1 .description div:first-child{background-color:rgba(0,0,0,0.5);text-align:center;font-size:2em;color:white;padding:5px;letter-spacing:5px;text-transform:uppercase;} .page-1 .description div:last-child{background-color:rgba(59,172,194,1);padding:20px;color:white;text-transform:uppercase;font-size:2em;text-align:center;} .separator-1{background-color:rgba(59,179,195, 1);padding-top:50px;padding-bottom:50px;} .separator-1 .separator-1-text{padding-top:30px;color:white;} .separator-1 .separator-1-text span{font-size:4em;text-transform:uppercase;} .separator-1 .separator-1-text p{padding-top:20px;font-size:1.6em;} .separator-1 .separator-1-film{width:450px;display:none;left:-1000px;animation:film-out 0.3s;} @keyframes film-out{from{left:0} to{left:-1000px} } .title-typ-1{font-size:2em;text-space:6px;margin-bottom:20px;margin-top:15px;text-align:center;} .title-typ-2{padding:40px;font-size:2em;text-space:6px;text-align:center;} .content-typ-1{margin-top:45px;border-top:1px dashed gray;} .page{margin:10px 0px 20px 0px;position:relative;z-index:999;} .page.page-3{z-index:9999;} #carousel-example-generic4 .carousel-inner{overflow:visible;float:left;} #carousel-example-generic4{overflow-x:hidden;} #carousel-example-generic4.m-over{overflow-x:visible;} .separator-3{padding-top:10px;padding-bottom:10px;background-color:#838280;color:white;} .separator-4{padding-top:10px;padding-bottom:10px;background-color:#3BB3C3;color:white;z-index:9;position:relative;} .separator-6{padding-top:10px;padding-bottom:30px;color:white;background-color:#459DA9;} .page-2{min-height:330px;} .page-2 .box3 .box-body{text-align:justify;} .separator-6 .box3 .box-body{font-size:1em;} .separator-6 .box3 .box-title{font-size:1.5em;} .page-5{margin:10px 0px 30px 0px;} .page-5 .page-body{line-height:25px;} .page-7 .box2 span{font-size:1.5em;} .page-7 .box2 .button, .popup-window .button{background:none;border:1px solid #000;padding:5px;width:150px;-webkit-transition:all 0.3s;transition:all 0.3s;} .page-7 .box2 .button:hover, .popup-window .button:hover{background-color:black;color:white;} .box{border:5px solid #357B85;margin:10px 0px 10px 0px;padding:5px;position:relative;} .box .label{position:absolute;top:20%;width:80%;left:10%;text-align:center;text-transform:uppercase;font-size:2em;white-space:normal;padding:8px;background-color:rgba(80,80,80,0.8);border-radius:0;} .box .box-title{position:absolute;top:150px;padding:0 30px 0 30px;color:white;text-transform:uppercase;font-size:1.5em;text-align:center;width:100%;} .box > .opis{position:absolute;display:none;z-index:9998;top:100%;left:0;width:100%;background-color:#357B85;-webkit-box-shadow:0px 0px 56px -1px rgba(0,0,0,1);-moz-box-shadow:0px 0px 56px -1px rgba(0,0,0,1);box-shadow:0px 0px 56px -1px rgba(0,0,0,1);padding:15px;color:white;font-size:15px;} .box > .opis li{margin:20px 0 20px 0px;} .box:hover > .opis{display:block;animation:box-hover 0.5s;} @keyframes box-hover{from{opacity:0;} to{opacity:1;} } .box2{width:100%;height:auto;padding:15px 8px 20px 8px;} .box3{width:100%;//height:100px;margin:10px;} .box3 .box-title{font-size:1.6em;margin-bottom:20px;} .box3 .box-body{font-size:0.85em;line-height:20px;} .input-style{border:1px solid #cecece;color:black;margin:8px 0px 8px 0px;width:100%;padding:5px;} textarea.input-style{height:150px;} .carousel-control{color:black;width:20px;} .separator-6 .carousel-control.right,.separator-6 .carousel-control.left{color:white;} .carousel-control.right, .carousel-control.left{background-image:none;color:black;} .carousel-control.right, .carousel-control.left{background-image:none;} .carousel-control.right span:before{font-family:FontAwesome;content:'\f054';} .carousel-control.left span:before{font-family:FontAwesome;content:'\f053';} .separator-1-film.separator-1-ani-title{display:inline-block;position:relative;max-width:100%;left:0;animation:sep-in-tit 0.3s;} @keyframes sep-in-tit{from{left:-1000px} to{left:0px;} } .separator-1-text{position:relative;opacity:1;right:-1000px;animation:text-out 0.3s;} @keyframes text-out{from{right:0} to{right:-1000px;} } .validation-message{color:firebrick;font-size:2em;} .separator-1-text.separator-1-ani-text{display:inline-block;animation:sep-in-text 0.3s;position:relative;right:0;opacity:1;} @keyframes sep-in-text{from{right:-1000px} to{right:0px;} } @media (min-width:768px){.title-typ-1{font-size:3em;text-align:left;} .title-typ-2{font-size:4em;text-align:left;} } .navbar-default{background-color:transparent;border:none;margin-top:14px;margin-bottom:5px;} .navbar-default .navbar-toggle{background-color:#ddd;} #carousel-example-generic4 .opis{padding:30px;} .social-icons{position:absolute;right:10px;top:4px;} .rounded-icon{display:inline-block;width:46px;height:46px;background-color:#fff;position:relative;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;} .rounded-icon .ico{-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;color:#333;font-size:14px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} .rounded-icon:hover{background-color:rgba(59,179,195, 1);} .rounded-icon:hover .ico{color:#fff;} .rounded-icon + .rounded-icon{margin-left:10px;} .owl-carousel .item{text-align:center;} .owl-carousel .owl-item img{display:inline-block;} .owl-carousel .item img{max-width:80%;} .popup-window{position:fixed;height:100%;width:100%;display:none;z-index:300000;left:0;top:0;} .popup-window .bg-layer{display:block;width:100%;height:100%;position:absolute;z-index:1;background:rgba(0,0,0,0.8);} .popup-window .inn{width:600px;height:auto;background:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);z-index:2;padding:40px;-webkit-border-radius:6px;border-radius:6px;text-align:center;} .popup-window .inn .close-popup{color:#333;position:absolute;right:20px;top:11px;font-size:24px;-webkit-transition:all 300ms ease-in;-moz-transition:all 300ms ease-in;-ms-transition:all 300ms ease-in;-o-transition:all 300ms ease-in;transition:all 300ms ease-in;} .popup-window .inn .close-popup:hover{opacity:0.5;} .popup-window .inn h3{padding-bottom:10px;padding-top:10px;margin-top:0;} .popup-window .inn .subm{margin-top:15px;} .info-message{font-size:18px;} .cookies-info{padding-top:30px;} .popup-window .input-style:hover, .popup-window .input-style:focus{border-color:#23527c;} .popup-window .input-style{-webkit-border-radius:4px;border-radius:4px;border-color:#459DA9;-webkit-transition:all 0.3s;transition:all 0.3s;} .button-style{width:200px;background:#EB9737;text-align:center;color:white;font-weight:bold;padding:8px 0;cursor:pointer;font-size:16px;display:inline-block;text-decoration:none;-webkit-transition:all 0.3s;transition:all 0.3s;} .button-style:hover{background:#838280;color:white;text-decoration:none;} .validation-message-test{font-weight:700;} @media (max-width:1200px){.menu li{font-size:16px;padding:13px 10px;} } @media (min-width:767px) and (max-width:991px){.menu-sec .container{width:800px;} } @media (max-width:991px){.menu li{font-size:14px;padding:13px 5px;font-weight:normal;} .carousel-control .icon-next{margin-right:-30px;} .carousel-control .icon-prev{margin-left:-30px;} } @media (max-width:767px){.navbar-collapse{overflow-y:hidden;overflow-x:hidden;} .menu li{width:100%;} .navbar-collapse.menu{margin-left:0 !important;border:none !important;box-shadow:none !important;} .menu-sec{background:rgba(0,0,0,0.8);} .social-icons{right:initial;left:15px;} .social-icons{top:2px;} } @media (max-width:600px){.box .box-title{bottom:15px;top:auto;padding:0 15px 0 15px;font-size:14px;} .box .label{font-size:1.5em;} .popup-window .inn{width:calc(100% - 40px);} } @media (max-height:350px){.popup-window{position:absolute;height:500px;} }