| Current Path : /home/kamilrogam/komp/2017/_DEV/templates/intro/css/ |
| Current File : /home/kamilrogam/komp/2017/_DEV/templates/intro/css/template.css |
.a{font-family: 'Didact Gothic', sans-serif;}
.b{font-family: 'Raleway', sans-serif;}
*{padding:0;margin:0;outline:none}
body{font-family:'Roboto Condensed',sans-serif;font-size:16px;line-height:19px;color:#202020;width:100%;padding:0;word-wrap:break-word;text-align:justify;-webkit-font-smoothing:antialiased!important;font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important;font-smooth:always!important;background:#fff;height:100%;position:relative}
.bfQuickMode section.bfElemWrap,body.contentpane{background:transparent!important}
.dbg{color:#fff}
a{text-decoration:none;color:#ffbe00}
a:active,a:hover,a:focus{text-decoration:none;color:#edb000;outline:0}
button{cursor:pointer}
p{margin-bottom:10px}
ul,ol{margin-left:0px;text-align:left}
ul li{margin-left:0px;list-style-type:none;display:list-item}
fieldset{border:none}
img{border:none;max-width:100%;height:auto}
hr{border:none;border-bottom:1px solid #ffbe00;width:300px!important;margin:0 auto 10px}
label,input,button,select,textarea{font-size:14px;line-height:16px}
.buttonlink,:before,:after,div.author p,#toTop,a,input,button,select,li,textarea{-webkit-transition:all 0.7s ease-out;transition:all 0.7s ease-out;-moz-transition:all 0.7s ease-out;-o-transition:all 0.7s ease-out}
#toTop{width:100px;z-index:10;border:1px solid #000000;background:#000000;text-align:center;padding:5px;position:fixed;bottom:0px;right:0px;cursor:pointer;display:none;color:#FFFFFF;text-transform:lowercase;font-size:12px}
#toTop:hover{color:#ffbe00}
.width{width:1170px;margin:0 auto;position:relative}
.float-container{display:table;clear:both;width:100%}
.floatr{float:right}
.floatl{float:left}
div.author p{opacity:0.6;color:#ffbe00;text-align:center;font-size:12px;padding:10px 0;margin:0}
div.author a:focus,div.author a:active,div.author a:hover,div.author a{color:#fff;font-weight:normal}
div.author p{margin-bottom:0;font-weight:bold}
div.author:hover p{opacity:1}
a.close{cursor:pointer;padding:5px;font-size:25px;line-height:10px;text-align:center}
h4.alert-heading,.alert .close,.alert div{color:#fff;position:initial;float:none;opacity:1;margin:0}
.alert button.close{border:1px solid #de0000;padding:5px 8px;font-size:25px;line-height:23px;width:35px}
h4.alert-heading{padding:5px 10px 0px;text-transform:uppercase;font-size:15px;line-height:20px}
.alert-success *,.alert-info *{background:#218600}
.alert-notice *{background:#39A7C7}
.alert-error *,.alert-warning *,.alert-danger *{background:#DE0000}
.alert div{padding:2.5px 10px}
.alert>p{padding:5px 10px}
.alert div a{font-weight:bold;color:#fff;text-decoration:underline}
.f-c p,.bottom p,.alert p{margin:0}
.alert{background:none;color:#fff;border:0;text-align:left}
.alert.alert-message a.close,.alert.alert-message h4.alert-heading,.alert.alert-message div{background:#018C0C}
textarea,input[type="text"],input[type="email"]{font-size:14px;line-height:14px;border:1px solid #4d4d4d;font-family:'PT Sans',sans-serif;color:#4d4d4d;background:transparent;padding:10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
input[type="file"]:focus,input[type="checkbox"]:focus,textarea:focus,input[type="text"]:focus,input[type="email"]:focus,textarea:active,input[type="text"]:active,input[type="email"]:active,textarea:hover,input[type="text"]:hover,input[type="email"]:hover{border-color:#ffbe00;outline:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;color:#ffbe00}
input:active[placeholder]{color:#9e9e9e}
input:active[placeholder],input:focus[placeholder],input:hover[placeholder]{color:#ffbe00}
.item-page ol{counter-reset:li;display:table;margin:5px 0 25px 25px}
.item-page ol>li{position:relative;margin:5px 0 5px 17px;padding:0px 8px;list-style:none}
.item-page ol>li:before{content:counter(li)'.';counter-increment:li;position:absolute;left:-19px;top:0px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:1.3em;margin-right:0px;padding:0px;color:#ffbe00;font-weight:bold;text-align:center}
button#bfSubmitButton,.btn.btn-primary{background:#ffbe00;color:#FFF;border:1px solid #ffbe00;padding:5px 10px;margin:0 auto;display:table;float:none;font-weight:bold;text-transform:uppercase;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0}
button#bfSubmitButton:focus,.btn.btn-primary:focus,button#bfSubmitButton:active,.btn.btn-primary:active,button#bfSubmitButton:hover,.btn.btn-primary:hover{background:#edb000;color:#FFF;border:1px solid #edb000;box-shadow:none;outline:0}
.item-page a{font-weight:bold;color:#ffbe00}
.item-page ul,.item-page ol{margin:0 0 10px;padding-left:20px}
.item-page ul li:before{content:"\0BB \020";color:#ffbe00}
.zatr-menu-cell{display:table-cell;padding:0;vertical-align:middle;text-align:left;width:100%}
.zatr-menu-cell ul{text-align:left}
.zatr-menu.active a{color:#FFFFFF;text-transform:uppercase;position:relative;z-index:99999;display:block;margin:15px 0;font-size:20px;font-weight:bold;line-height:25px}
.zatr-menu.active a:hover,.zatr-menu.active .current.active a{color:#FFBE00}
.zatr-menu.active .zatr-menu-link:hover{color:#FFBE00}
.zatr-menu-opener,.zatr-menu-opener:hover,.zatr-menu-opener.active,.zatr-menu-opener-inner,.zatr-menu-opener-inner:before,.zatr-menu-opener-inner:after,.zatr-menu,.zatr-menu.active{-webkit-transition:250ms all;transition:250ms all;-ms-transition:250ms all}
.zatr-menu-opener{cursor:pointer;display:block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:10000000;position:absolute}
.zatr-menu-opener-inner{margin-left:47px;margin-top:49px}
.zatr-menu-opener-inner:before,.zatr-menu-opener-inner:after{content:'';display:block}
.zatr-menu-opener-inner:before{-webkit-transform:translateY(-12px);-ms-transform:translateY(-12px);transform:translateY(-12px)}
.zatr-menu-opener-inner:after{-webkit-transform:translateY(7px);-ms-transform:translateY(7px);transform:translateY(7px)}
.zatr-menu-opener-inner.active{background:transparent}
.zatr-menu-opener-inner.active:before{-webkit-transform:translateY(-3px) rotate(-45deg);-ms-transform:translateY(-3px) rotate(-45deg);transform:translateY(-3px) rotate(-45deg);background:#fff}
.zatr-menu-opener-inner.active:after{-webkit-transform:translateY(-0.5rem) translateX(0rem) rotate(45deg);-ms-transform:translateY(-0.5rem) translateX(0rem) rotate(45deg);transform:translateY(-0.5rem) translateX(0rem) rotate(45deg);background:#fff}
.zatr-menu{background:#000;z-index:10000000;color:#fff;height:64px;position:absolute;top:0;left:-200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:100vh;/* width:0rem;*/}
.zatr-menu:before{content:'';display:block;background:#000;height:100%;width:1000px;right:232px;position:absolute}
.zatr-menu.active{width:192px;z-index:9999999;height:100vh;display:table;padding:0 20px;border-right:4px solid #FCC721;left:0}
.zatr-menu-inner{display:none;-ms-flex-direction:row;height:100%;list-style-type:none;margin:0;padding:0}
.zatr-menu-opener:hover,.zatr-menu-opener.active{z-index:10000000}
.zatr-menu-opener-inner,.zatr-menu-opener-inner:before,.zatr-menu-opener-inner:after{background:#ddd;height:5px;width:40px;border-radius:5px}
.zatr-menu-opener:hover .zatr-menu-opener-inner,.zatr-menu-opener:hover .zatr-menu-opener-inner:before,.zatr-menu-opener:hover .zatr-menu-opener-inner:after{background:#fff}
.zatr-menu-opener:hover .zatr-menu-opener-inner.active{background:transparent}
.zatr-menu.active .zatr-menu-inner{display:table;width:100%}
.glass{width:100%;height:100%;position:fixed;display:none;z-index:9999999;background:rgba(0,0,0,0.6)}
div.glass.active{display:block}
.zatr-menu-inner .moduletable_menu{height:100%;display:table}
.zatr-menu-inner .moduletable_menu ul{display:table-cell;vertical-align:middle}
.zatr-menu-opener-inner-cl{position:absolute;width:110px;height:102px;top:0px;left:12px}
.top-header{position:absolute;width:100%;z-index:9999999}
.section{padding:50px 0}
.section.section1{padding:150px 0 50px}
.fix-container .float-container{width:auto}
.zatr-menu-opener-inner-bg{position:absolute;height:32px;width:40px;background:#494238;top:0;left:12px;padding:35px;z-index:-1}
.active .zatr-menu-opener-inner-bg{background:#ffbe00}
.floatl.logo{position:relative;z-index:99999999}
.fix-container{padding:5px}
.floatr.phone{position:absolute;right:0;top:25px;font-size:18px}
.floatr.phone a{font-size:24px}
.buttonlink{position:relative;color:#fff;border:3px solid #ffbe00;text-transform:uppercase;font-size:31px;line-height:30px;padding:20px 30px;display:inline-block;margin:75px 2.5px 0;padding-right:50px;background-position:right 5px center;background-repeat:no-repeat;cursor:pointer}
.buttonlink:hover{color:#ffbe00}
.buttonlink:after{position:absolute;display:block;right:5px;top:50%;margin-top:-20px;width:40px;height:40px;content:''}
.buttonlink.referencje:after{background:url('../img/nar1.png') center center no-repeat}
.buttonlink.referencje.ractive:after{background:url('../img/nar1a.png') center center no-repeat}
a.buttonlink:after{background:url('../img/nar2.png') center center no-repeat}
.refs{margin:25px auto 0}
.refslider{height:0;overflow:hidden;position:relative;z-index:9}
.slider-m,.slider-t,.hide,.m-view{display:none}
body.contentpane label{display:none!important}
main .img-container{width:484px;display:table-cell;vertical-align:middle;height:100%;float:none}
main .opis-container{width:685px}
.section1 h2{font-size:38px;line-height:40px;border-bottom:1px solid #fff;padding:0 0 15px;margin:0 0 50px}
h2 span{color:#ffbe00;font-size:42px;line-height:42px;text-transform:lowercase}
section.section1 .item-page h3{font-size:44px;font-weight:normal;line-height:44px}
section.section1 .item-page{font-size:30px;line-height:30px}
section.section1 .item-page ol>li{padding:10px 0 10px 40px}
section.section1 .item-page ol>li:before{font-size:36px;font-weight:bold;left:-25px;top:8px}
section.section1 .floatl{width:625px;margin-right:50px}
section.section1 .floatr{background:rgba(255,255,255,0.4);padding:25px}
section.section1 .floatr iframe{display:block;width:400px;height:255px}
section.section1 .floatr h3{font-weight:normal;font-size:24px;line-height:24px;margin:0 0 10px}
body.contentpane{font-size:18px;color:#fff;line-height:21px;text-align:left}
body.contentpane .bfQuickMode .bfPageIntro{padding:0}
body.contentpane input{border-color:#fff}
body.contentpane input[type="text"]::-webkit-input-placeholder{color:#fff}
body.contentpane input[type="text"]:-moz-placeholder{color:#fff}
body.contentpane input[type="text"]::-moz-placeholder{color:#fff}
body.contentpane input[type="text"]:-ms-input-placeholder{color:#fff}
.opis.item-page{font-size:21px;line-height:25px}
.opis.item-page h3{font-size:72px;line-height:72px;font-weight:normal;color:#ffbe00}
.opis.item-page p,.opis.item-page h3{margin:0 0 25px}
.opis.item-page ul,.opis.item-page ol{margin:25px 0}
.component-container .bfQuickMode .bfLabelLeft label{text-align:right;font-size:14px;font-weight:bold;line-height:38px;text-transform:lowercase}
section#bfElemWrap6{text-align:right}
.component-container .bfQuickMode .bfLabelLeft label#bfLabel6{font-size:11px;line-height:11px;text-transform:none;float:right;width:530px;margin:0 0 0 10px}
.component-container form.bfQuickMode{max-width:700px;margin:0 auto}
.component-container form.bfQuickMode input,.component-container form.bfQuickMode textarea{width:369px;background:#fff}
.component-container h2{color:#ffbe00;text-align:center;text-transform:uppercase;font-size:48px;line-height:48px;font-weight:normal;margin:0 0 20px}
.author{background:#afafaf}
section#bfElemWrap6 input{text-align:right}
section#bfElemWrap6 input{float:none;width:auto}
input#ff_elem5{position:relative;padding:10px 0;cursor:pointer}
input#ff_elem5:after{background:#fff url('../img/CV_ico.png') left 15px center no-repeat;padding:0;left:0;font-weight:bold;z-index:9;color:#202020;content:'+ wybierz plik';top:0px;display:block;position:absolute;width:100%;height:16px;padding:13px 0;font-size:12px;line-height:18px;text-indent:50px}
.component-container form.bfQuickMode button#bfSubmitButton{float:right;font-size:24px;padding:15px;width:369px}
.section3 h3{text-align:center;color:#ffbe00;text-transform:uppercase;font-weight:normal;font-size:48px;line-height:48px;border-bottom:1px solid #202020;padding:0 0 30px;margin:0 0 20px}
.section4{text-align:center}
.margin-bottom{margin-bottom:50px}
section#bfElemWrap57,section#bfElemWrap14{float:left;width:195px;padding:0}
section#bfElemWrap14{margin-right:10px}
form#ff_form2.bfQuickMode .bfErrorMessage {margin-bottom:5px;padding:0;background:transparent;line-height:12px;font-size:12px}
section#bfElemWrap58 {clear:both;padding:10px 0 5px}
input#ff_elem14,input#ff_elem57 {width:195px;float:none;max-width:inherit;min-width:inherit}
input#ff_elem58 {width:100%;max-width:100%;min-width:100%}
form#ff_form2.bfQuickMode .bfPageIntro,form#ff_form2.bfQuickMode .bfPageIntro p {margin:0}
form#ff_form2.bfQuickMode section input[type='text'] {font-weight:bold}
form#ff_form2.bfQuickMode section input[type='text']:focus,
form#ff_form2.bfQuickMode section input[type='text']:active,
form#ff_form2.bfQuickMode section input[type='text']:hover{color:#4d4d4d;border-color:#4d4d4d}
form#ff_form2.bfQuickMode section input[type="text"]::-webkit-input-placeholder{font-weight:normal}
form#ff_form2.bfQuickMode section input[type="text"]:-moz-placeholder{font-weight:normal}
form#ff_form2.bfQuickMode section input[type="text"]::-moz-placeholder{font-weight:normal}
form#ff_form2.bfQuickMode section input[type="text"]:-ms-input-placeholder{font-weight:normal}
.section3 {text-align:center}
.m-img-container{display:none}
@media screen and (max-width:1200px){
.width{width:90%}
.d-view{display:none}
main .img-container,.m-view{display:block}
.buttonlink.m-view{display:inline-block}
main .opis-container,main .img-container,section.section1 .floatr,section.section1 .floatl {float:none}
main .opis-container,main .img-container,section.section1 .floatl {width:auto}
section.section1 .floatl {margin-right:0}
.m-img-container,main .img-container {text-align:center;margin:0 0 50px}
.m-img-container,.m-img-container img,main .img-container,main .img-container img {max-height:200px}
section.section1 .floatr {width:400px;margin:50px auto 0}
.bx-wrapper img{margin:0 auto}
.m-img-container{display:block!important}
.d-img-container{display:none!important}
}
@media screen and (max-width:800px){
.component-container form.bfQuickMode button#bfSubmitButton,.component-container .bfQuickMode .bfLabelLeft label#bfLabel6,.component-container .bfQuickMode .bfLabelLeft label,.component-container form.bfQuickMode input,.component-container form.bfQuickMode textarea {float:none}
.component-container .bfQuickMode .bfLabelLeft label {display:block;margin:5px 0 0;width:100%;line-height:23px}
section#bfElemWrap6,.component-container .bfQuickMode .bfLabelLeft label,.component-container form.bfQuickMode {text-align:center;width:100%;max-width:100%;min-width:100%}
.component-container .bfQuickMode .bfLabelLeft label#bfLabel6 {width:100%;min-width:100%;max-width:100%;margin:5px 0 2.5px}
.component-container form.bfQuickMode input[type="text"],.component-container form.bfQuickMode textarea{min-width:0;max-width:none}
.bfQuickMode input[type=text]:hover,.bfQuickMode input[type=text]:focus{width:369px}
section#bfElemWrap6,.component-container .bfQuickMode .bfLabelLeft label,.component-container form.bfQuickMode,.component-container .bfQuickMode .bfLabelLeft label#bfLabel6{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
}
@media screen and (max-width:768px){
div.author{padding:5px 5px 40px}
#toTop{width:90%;padding:5px 5%}
}
@media screen and (max-width:700px){
.floatr.phone span{display:block;text-align:right}
}
@media screen and (max-width:650px){
.opis.item-page h3 {font-size:30px;line-height:35px;margin:25px 0}
}
@media screen and (max-width:540px){
.floatr.phone {display:none}
section#bfElemWrap57,section#bfElemWrap14,input#ff_elem14,input#ff_elem57,section.section1 .floatr{width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box}
section#bfElemWrap14 {padding:0 0 10px;margin-right:0}
section.section1 .floatr iframe {height:265px;width:250px;margin:0 auto}
}
@media screen and (max-width:500px){
.buttonlink.referencje {margin:10px auto 0}
.buttonlink {width:170px}
.component-container form.bfQuickMode input,.component-container form.bfQuickMode textarea,.bfQuickMode input[type=text]:hover,.bfQuickMode input[type=text]:focus ,.component-container form.bfQuickMode button#bfSubmitButton {width:200px}
.section3 h3,.component-container h2{font-size:30px;line-height:35px}
}