html,
body {
height: 100%;
}
h1{
font:46px/52px "Bebas Neue",sans-serif;
padding:38px 0 38px 0;
margin:0;
}
/*** TEMPLATE ***/
.change-lang{
float:right;
margin:10px 0 0 0;
}
.change-lang img:first-child{
margin-right:10px;
}
#check-it{
display:block;
position: absolute;
top:185px;
right:0;
width:311px;
min-height:275px;
cursor: pointer;
z-index:9999;
}
#check-it .content{
float:right;
width:210px;
padding-left:20px;
padding-right:30px;
padding-bottom:10px;
text-align:right;
margin-top:130px;
font:16px/22px Oxygen-Regular,Verdana,Arial,sans-serif;
color:#79693c;
background:#FFD440;
}
#check-it input[type=checkbox]{
position:relative;
top:2px;
}
#check-it .content .read{
clear:both;
padding:0;
font-size:12px;
margin:10px 0 0 0;
display:inline-block;
clear:both;
}
.wrap-menu-logo{
text-align:center;
}
.wrap-menu-logo img{
display: block;
margin:0;
padding:0;
}
.wrap-menu-logo img.logo{
margin:20px auto 20px auto;
}
.separator-top{
width:100%;
}
#call-us{
width:100%;
background:#ffd932 url(../img/call-us-bg.jpg) top center no-repeat;
}
#call-us {
text-align: center;
padding:40px 0 40px 0;
}
#call-us .first{
font:45px/45px Oxygen-Light,Verdana,Arial,sans-serif;
text-transform: uppercase;
}
#call-us .second{
display:block;
clear:both;
font:bold 45px/45px Oxygen-Regular,Verdana,Arial,sans-serif;
text-transform: uppercase;
}
/* content page - article etc */
#content-page h1{
font:36px/36px Oxygen-Light,Verdana,Arial,sans-serif;
text-transform: uppercase;
text-align:center;
margin:40px 0 15px 0;
}
#content-page h1:before{
content: "- ";
}
#content-page h1:after{
content: " -";
}
#content-page {
font:16px/26px Oxygen-Light,Verdana,Arial,sans-serif;
}
#content-page h2{
text-align: center;
font:bold 26px/26px Oxygen-Light,Verdana,Arial,sans-serif;
margin:0 0 45px 0;
}
#content-page h3{
text-align: center;
font:bold 22px/22px Oxygen-Light,Verdana,Arial,sans-serif;
margin:45px 0 45px 0;
}
#content-page{
padding-bottom:40px;
}
footer{
float:left;
width:100%;
display:inline-block;
background:#000;
margin:2px 0 0 0;
padding:15px 0 15px 0;
}
footer span{
padding-top:10px;
font-size:12px;
font-family:GothamLight,sans-serif;
color:#595757;
}
footer .social-icons{
float:right;
}
footer .social-icons img:first-child{
margin-left:20px;
}
/* frontpage */
#wrap-front-boxes{
background:url(../img/fron-boxes-bg.jpg) bottom center no-repeat;
padding-bottom:70px;
}
.front-box{
}
.front-box h2{
text-align: center;
font:36px/36px Oxygen-Light,Verdana,Arial,sans-serif;
text-transform: uppercase;
margin:60px 0 45px 0;
}
.front-box h2:before{
content: '- ';
}
.front-box h2:after{
content: ' -';
}
.front-box h3{
text-align: center;
margin-bottom:45px;
font:bold 20px/20px Oxygen-Regular,Verdana,Arial,sans-serif;
}
.front-box{
font:16px/24px Oxygen-Light,Verdana,Arial,sans-serif;
}
.wrap-more{
text-align: center;
width:100%;
margin:40px 0 40px 0;
}
.front-box .more{
font:bold 14px/14px Oxygen-Regular,Verdana,Arial,sans-serif;
text-transform: uppercase;
display: inline-block;
clear:both;
width: 100px;
margin:0 auto;
border:1px solid #000;
padding:12px 15px 12px 15px;
}
.front-box .more{
display:block;
clear:both;
margin:30px auto 30px auto;
}
.separator-box{
display: block;
margin:0;
padding:0;
width:100%;
}
/*services - front*/
#services-box .col{
}
#services-box .wrap-image{
width:100%;
text-align: center;
background:#fbb316;
}
#services-box .wrap-image:after{
width:100%;
height:27px;
content: ' ';
clear:both;
display:block;
background:#fff url(../img/arrow-bottom.jpg) center center no-repeat;
border-left:1px solid #000;
border-right:1px solid #000;
}
#services-box .wrap-image img{
margin:20px 0 20px 0;
}
#services-box h4{
padding:50px 0 25px 0;
margin:0;
text-transform: uppercase;
font:bold 20px/20px Oxygen-Regular,Verdana,Arial,sans-serif;
}
#services-box .desc{
display:inline-block;
text-align: center;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
padding:0 10px;
font:16px/22px Oxygen-Light,Verdana,Arial,sans-serif;
background:#fff;
}
/* contact - front */
#contact-box div{
text-align:center;
}
#contact-box div img{
display:block;
clear:both;
margin:0 auto 20px auto;
}
#contact-box .register{
display:block;
padding:20px;
width:40%;
clear:both;
border:1px solid #000;
margin:0 auto;
text-transform: uppercase;
text-align:left;
background:url(../img/arrow-register.png) 95% center no-repeat;
}
/*custom pages*/
/* register */
#register-form h4{
text-transform: uppercase;
font:16px/22px Oxygen-Light,Verdana,Arial,sans-serif;
}
#register-form input, #contact-page textarea{
border:0;
height:50px;
padding:0 15px 0 15px;
margin-top:10px;
width:100%;
border:1px solid #000;
}
#register-form textarea{
padding:15px;
height:270px;
width:100%;
border:1px solid #000;
}
#add-child, #register-form .contact-button{
display:block;
padding:20px;
width:100%;
clear:both;
border:1px solid #000;
margin:0 auto;
text-transform: uppercase;
text-align:left;
background:#fed832;
text-decoration:none;
cursor:pointer;
}
#register-form .contact-button{
background:#fed832 url(../img/arrow-register.png) 95% center no-repeat;
}
.child-item{
width:100%;
clear:both;
display:inline-block;
margin-top:15px;
padding-top:15px;
border-top:1px solid #000;
}
.remove-child{
float:right;
cursor:pointer;
}
/*lista kategorii oraz losowe galerie z danej kategorii*/
.gallery-category-list{
padding-bottom:15px;
}
.gallery-category-list h2{
font-size:32px;
margin:15px 0 5px 0;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.gallery-category-list h3{
font-size:22px;
}
.gallery-category-list .more{
float:right;
margin-top:15px;
}
.gallery-category-list .more:hover{
color:#fff;
}
/*contact*/
#contact-page{
}
#contact-page h3{
margin:15px 0 25px 0;
font-size:34px;
}
#contact-page .fast-contact{
border:1px dashed #848484;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
padding:20px;
line-height:24px;
}
#contact-page form input, #contact-page form textarea{
background:#f2f2f2;
border:0;
height:50px;
padding:0 15px 0 15px;
margin-bottom:15px;
width:100%;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#contact-page form textarea{
padding:15px;
height:150px;
}
#contact-form .contact-button{
width:100%;
background:#0072bc;
padding:12px 0 12px 0;
font-size:20px;
font-weight:bold;
}
/*faq*/
.wrap-faq{
padding: 0px 0 0 0px;
}
.faq-page{
padding-bottom:20px;
}
.faq-page h4{
background:#F5F5F5;
padding:10px;
margin:0;
cursor:pointer;
width:100%;
}
.faq-page h4 .glyphicon{
font-size:9px;
float:left;
margin:5px 10px 0 0;
}
.faq-page .desc{
display:none;
padding:0 32px 0 32px;
}
.faq{
}
/* service page */
#service-page-box {
display: table;
float:left;
margin-right:25px;
}
#service-page-box .wrap-image{
padding:20px 50px 20px 50px;
float:left;
background:#fbb316;
}
#service-page-box .arrow{
height:100%;
display: table-cell;
vertical-align: middle;
}
/*return to top*/
#return-to-top {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
border-radius: 35px;
bottom: 20px;
display: none;
height: 50px;
outline: medium none;
position: fixed;
right: 20px;
text-decoration: none;
transition: all 0.3s ease 0s;
width: 50px;
}
#return-to-top i {
color: #fff;
font-size: 19px;
left: 16px;
margin: 0;
position: relative;
top: 13px;
transition: all 0.3s ease 0s;
}
#return-to-top:hover {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
}
#return-to-top:hover i {
color: #fff;
top: 5px;
}
/*general*/
a{
color: #000;
}
.btn-blue{
background:url(../img/bg-r-1.jpg) repeat-x;
padding:9px 17px 9px 17px;
font:18px/18px "Roboto Condensed",sans-serif;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:0;
}
.btn-yellow{
background:#ffc30d;
padding:9px 17px 9px 17px;
font:18px/18px "Roboto Condensed",sans-serif;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:0;
}
.btn-gray{
height:25px;
padding:5px 10px 5px 10px;
margin-top:25px;
background:url(../img/bg-r-2.jpg) repeat-x;
font:bold 15px/15px GothamLight,sans-serif;
color:#fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display:inline-block;
clear:both;
}
.back-btn{
width:15%;
margin-top:55px;
float:right;
padding:5px 10px 5px 10px;
margin-bottom:15px;
font-size:15px;
text-align:center;
}
.white-belt{
width:100%;
background:#fff;
}
.gray-belt{
width:100%;
background:#fff;
}
.btn-gray:hover{
color:#fff;
}
.error-summary {
color: #a94442;
background: #fdf7f7;
border-left: 3px solid #eed3d7;
padding: 10px 20px;
margin: 0 0 15px 0;
}
.clear{
width:100%;
clear:both;
height:1px;
line-height:0px;
}