body {overflow-x: hidden !important;}

@import 'https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&subset=latin-ext';
@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700&subset=latin-ext');


* {font-family:Oxygen !important;}


.mainmenu {text-align:right; padding-top:8px;}

.mainmenu ul li {display:inline-block;}

.slider {padding:0 !important;}

.topStay {padding-top:5px; padding-bottom:5px; }

.mainmenu ul li a {color:#333; font-size:16px; text-transform: uppercase; background:none !important;}

.mainmenu ul li.active a,
.mainmenu ul li a:hover
 {color:#228d1b;}

b,strong {font-weight:600 !important;}



div#fox-container-m96 input[type="text"]:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
}


.camera_caption_title {
    color: #228d1b !important;
    font-size: 60px !important;
    background: rgba(255,255,255,0.8) !important;
    text-transform: uppercase;
    display: table;
    padding: 20px;
    letter-spacing: 2px;
}

.camera_caption_desc
{
    color: #333 !important;
    font-size: 20px !important;
    background: rgba(255,255,255,0.8) !important;
    text-transform: uppercase;
    display: table;
    padding: 20px;
    letter-spacing: 2px; 
}


.camera_caption {bottom:45% !important; padding-left:5% !important;}

.camera_caption {background:none !important;}



#system-message-container {display:none !important;}

.alert-joomlaupdate {display: none !important;}
.container-main .alert-info {display:none !important;}

.fox-container .control-label {display:none !important;}


.fox-container button:hover {opacity:0.7;}

.fox-container button
{color:#fff !important; font-size:14px !important; background:#228d1b !important; padding:10px 30px !important; border-radius:20px !important; display: table !important; border:0 !important;}



.fox-container button span {color:#fff !important; text-shadow:none !important;}

.fox-container textarea {border-radius:0 !important; padding-left:15px !important; padding-top:10px !important;}

.fox-container input {height:40px !important; border-radius:0 !important; padding-left:15px !important;}

.slider h1 {color:#fff; font-size:54px; text-transform:uppercase; font-weight:700; letter-spacing: 1px; white-space:normal !important;}
.slider h4 {color:#fff; font-size:18px; text-transform:none; font-weight:300; white-space:normal !important;}
.slider  a p {color:#fff; font-size:14px; background:#228d1b; padding:10px 20px; border-radius:20px; display:table; white-space:normal !important;}
.slider  a p:hover {opacity:0.7;}
 .slider {-webkit-box-shadow:inset 0 1px 1px 1px #9E9E9E;
box-shadow:inset 0 1px 1px 1px #9E9E9E; padding-top:2px; padding-bottom:2px;}


h3  {color:#228d1b; font-size:34px; text-transform:uppercase; font-weight:700; letter-spacing: 1px;}

.introText a {color:#fff; font-size:14px; background:#228d1b; padding:10px 20px; border-radius:20px; display:table; margin:0 auto;}
.introText  a:hover {opacity:0.7; text-decoration:none;}
.introText {padding-top:80px; padding-bottom:80px;-webkit-box-shadow:inset 0 0 1px 1px #eee;
box-shadow:inset 0 0 1px 1px #eee; }

p {color:#444; font-size:18px; text-transform:none; font-weight:300;letter-spacing: 1px; line-height:32px;}

.content .bt-row {text-align:left !important;}


.content .bt-inner img {margin-bottom:25px !important;}

.content p.readmore {display:none !important;}


.bt-row-separate {border:0 !important; margin-bottom:40px !important;}
.content {text-align:justify;}

.content img[style="float: left;"] {margin-right:40px; margin-bottom:30px;}
.content img[style="float: right;"] {margin-left:40px; margin-bottom:30px;}

.content ul li,
.content ul li span,
.content ul li p

 {color:#444; font-size:18px !important; text-transform:none; font-weight:300;letter-spacing: 1px; line-height:32px;}


.realizacje .readmore a {color:#fff; font-size:14px; background:#228d1b; padding:10px 20px; border-radius:20px; display:table; margin:0 auto;}
.realizacje .readmore a:hover {opacity:0.7; text-decoration:none;}

.opinie {background:#f8f8f8; min-height:350px; height:420px;}
.realizacje {  min-height:350px; background:#f1f1f1; height:420px;}

.grey {background:#f9f9f9;}

.realizacje img {    margin-top: 60px !important;
    margin-bottom: 20px !important; max-height:140px;}


.realizacje .bt-title {    margin: 0 auto !important;

    display: block;
    text-align: center;}


.opinie h3, .realizacje h3 {text-align:center !important; display:block;}

.opinie .bt-title {    float: right;
    margin-top: -80px;
    margin-right: 70px;
}


.bt-title {color:#228d1b !important;}


.opinie .bt-introtext {    color: #5f5f5f;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 32px;
    font-style: italic;
    padding: 100px 70px;}

.mapa {-webkit-box-shadow:inset 0 0 1px 1px #9E9E9E;
box-shadow:inset 0 0 1px 1px #9E9E9E;padding:0; padding-top:2px; padding-bottom:2px;}


.realizacje .bt-introtext {    color: #5f5f5f;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 32px;
    font-style: italic;
    padding: 100px 70px;}


.content .page-header {display:none !important;}
.content p {    color: #444;
    font-size: 18px !important;
    text-transform: none;
    font-weight: 300;
    letter-spacing: 1px;
    line-height: 32px;
}

.content {padding-top: 80px; padding-bottom:80px; opacity:0;}

.imgBack {clear:both; padding:120px 30px; display:block; 

background-attachment: fixed !important; background-position:center top; position:relative; display:none;



}



.imgBack h2 {
    color: #fff !important;
    text-align: center !important;
    font-weight: 400;
    font-size: 50px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: absolute;
    width: 100%;

    height: 100%;
    padding-top: 95px !important;
    top: 0;
    background: rgba(0,0,0,0.35) !important;
    left: 0;
    margin: 0 !important;

}


.content .pull-none {display:none;}




.foot1,
.foot2,
.foot3 
{text-align:center;}

.stopka {background:#292b2c; padding-top:80px; padding-bottom:80px;}



@media screen and (max-width: 1299px) {


.opinie .bt-introtext {padding-top:70px;}


}





@media screen and (max-width: 1250px) {


.slider h1 {color:#fff; font-size:44px; text-transform:uppercase; font-weight:700; letter-spacing: 1px; white-space:normal !important;}
.slider h4 {color:#fff; font-size:18px; text-transform:none; font-weight:300; white-space:normal !important;}


}






@media screen and (max-width: 1099px) {


.slider h1 {color:#fff; font-size:38px; text-transform:uppercase; font-weight:700; letter-spacing: 1px; white-space:normal !important;}
.slider h4 {color:#fff; font-size:18px; text-transform:none; font-weight:300; white-space:normal !important;}

.opinie .bt-introtext {padding-top:40px;}

.opinie .bt-title {
    float: right;
    margin-top: -30px;
    margin-right: 70px;
}


}





@media screen and (max-width: 991px) {



body {padding:0 !important;}

    .slider p  {display:none !important;}

.slider h1 {
    color: #fff;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: normal !important;
    left: 0% !important;
    display: block !important;
    text-align: center !important;
    top: 100px !important;
    padding-left:12% !important;
    padding-right:12% !important;
}





.slider h4 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: normal !important;
    left: 0% !important;
    display: block !important;
    text-align: center !important;
    top: 220px !important;
    padding-left:12% !important;
    padding-right:12% !important;
}




.opinie .bt-introtext {
    color: #5f5f5f;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 32px;
    font-style: italic;
    padding: 20px 30px;
}


}




@media screen and (max-width: 767px) {


.imgBack {padding-top:50px; padding-bottom:50px; background:#444 !important;}

.imgBack h2 {
    color: #fff !important;
    text-align: center !important;
    font-weight: 400;
    font-size: 30px;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 0 !important;
    top: 0;
    background: none !important;
    left: 0;
    margin: 0 !important;
}

.topStay {padding-top:15px; padding-bottom:15px; box-shadow:0 !important;}


.logo {float:right; text-align:right;}

.logo img {max-width:100%;}

.mainmenu ul {display:none;}


.introText {padding-top:30px; padding-bottom:30px;}

.opinie {
    background: #f8f8f8;
    min-height: auto;
    height:auto;
    padding-bottom:30px;
}


    .slider p  {display:none !important;}

.slider h1 {
    color: #fff;
    font-size: 38px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: normal !important;
    left: 0% !important;
    display: block !important;
    text-align: center !important;
    top: 100px !important;
    padding-left:5% !important;
    padding-right:5% !important;
}





.slider h4 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: normal !important;
    left: 0% !important;
    display: block !important;
    text-align: center !important;
    top: 220px !important;
    padding-left:12% !important;
    padding-right:12% !important;
}





.opinie .bt-introtext {
    color: #5f5f5f;
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
    letter-spacing: 1px;
    line-height: 32px;
    font-style: italic;
    padding: 50px 20px;
    text-align: justify !important;
}


.stopka {
    background: #292b2c;
    padding-top: 40px;
    padding-bottom: 40px;
}

.opinie .bt-title {
    float: right;
    margin-top: -30px;
    margin-right: 20px;
}

}



















@media screen and (max-width: 550px) {


    .slider p  {display:none !important;}

.slider h1 {
    color: #fff;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: normal !important;
    left: 0% !important;
    display: block !important;
    text-align: center !important;
    top: 100px !important;
    padding-left:5% !important;
    padding-right:5% !important;
}






.slider h4 {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: normal !important;
    left: 0% !important;
    display: block !important;
    text-align: center !important;
    top: 220px !important;
    padding-left:12% !important;
    padding-right:12% !important;
}


}