/*
Theme Name: SGStheme
Author: Malgorzata Rita Lyczywek
Author URI: http://trytodesign.pl/
Description: Realizacja Grupa Tense ( grupa-tense.pl ) dla SGS analizy środowiska 2015
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans&subset=latin,latin-ext);

@font-face {
    font-family: UCB;
    src: url(./fonts/Univers-Condensed-Bold.woff);
}
@font-face {
    font-family: univers57C;
    src: url(./fonts/UniversforSGSW00-57Cn.woff);
}
@font-face {
    font-family: univers67CB;
    src: url(./fonts/UniversforSGSW00-67BdCn.woff);
    font-weight: bold;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    background: url("./img/sunset.jpg") no-repeat fixed 50% 100% / cover;
    color: #666666;
}

a:hover {text-decoration:none;
         color: #352921 ;}
a {
    color: #F60;
    text-decoration: none;
}

ul li { list-style-image: url("./img/punktor.png ");}
.cta {
    background: #F60;
    color:#fff;
    margin: 1em 15px;
    padding: 0.6em 1.2em;
}

h1 {font-family: UCB;
    font-size:36px;
    text-transform:uppercase;
    color:#ff6600;
    margin: 1em 0em;}

h1 span {color: #666666;
}
.bcdown .title {font-family: UCB;
                font-size:26px;
                text-transform:uppercase;
                color:#fff;
                margin: 5em 15px 0.5em;;}
.bcdown .title span {color: #ff6600;
                     display:block;
}

h3, h4 {
    font-family: univers67CB;
    font-size: 26px;
}

h3{
    text-transform: uppercase;
}
header { background: #fff; 
         position: relative;
         z-index:100;}
header .col-sm-3 {background:#ddd;}
.logo {
margin: 0.82em 0em 0.2em;
z-index:2;
}
nav{
    position: relative;
    height: 4em;
    cursor: default;
}

#menu-item-83:before {
    content: "|"
}
#menu-item-83:after, #menu-item-553:after {
    content: "|"
}

.menu-menu-container .current-menu-item a {
    background: #ddd;
}
.navbar-nav {
    float: none;
    text-align: right;
}

.navbar-nav > li { float:none;
                   font-size: 20px;
                   display: inline-block;
                   padding: 0em 0em 0.3em}

.navbar-nav li a{
    font-family: univers57C, sans-serif;
    display: inline-block;
    text-decoration: none;
    font-size: 1.2em;
    outline: 0px none;
    color: #666666;
}

.navbar-nav li a:hover {
    background: #ddd;
    color: #0d0d0d;}
.navbar-header {
    float: none;
}

.nav li a {
    margin: 0.8em 0px;
    padding-top: 10px;
padding-bottom: 10px;
}

.navbar-collapse {
    padding: 0px;
}

.collapse.in {
 z-index:9;
}

.search-form {font-family: Arial,sans-serif;
              font-size: 14px;
              padding: 1.42em 0em;
}
.thumbnail {border:none;}
.thumbnail img{box-shadow: 3px 3px 5px 3px #ddd;
width:100%}
.search-field {
    border: medium none;
    background: transparent;}
.search-submit{
    margin-left:0.5em;
    background: url("./img/search.png");
    border: none;
    width: 30px;
    height: 31px;
    background-size: 100%;
    background-repeat:no-repeat;
}
.content {background:#fff;}
.entry-content {margin: 15px; text-align: justify;}

.slider-header {
    height:38.5em;
}

.background-slider {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: -1;
}
.bslide {
    height: 100vh;
    background-size: cover !important;
}
.slid {
    margin-top: 20em;}
.actl{background:#fff;}
.pause{
    background: rgba(255, 255, 255, 0.52) none repeat scroll 0% 0%;
    height: 38.5em;
}
.side {margin: 2em 2em 0em;}
.side img, .side .glyphicon {
    display: inline;
    float: left;
    margin: 0.2em 1em;
    font-size: 25px;
}
.side-title { font-size: 20px;
              text-transform: uppercase;
              font-family: univers67CB;
              float: left;
              background: #fff;
              padding: 0em 0.5em 0em 0em;
}
.tit-long{
    background: #999999;
    width:100%;
    height: 1.75em;
}

.side .ins {
    margin: 2em 0px;
}

.textwidget {padding: 1em 0em;}
.newsletter {text-align:center;}
.newsletter-field{ display: inline; }
.newsletter-submit {border: medium none;
                    background: #f60;
                    color: #fff;
                    padding: 0.3em 0.6em;
                    display: inline-block;}
.newsletter-email{
    background: #e6e6e6;
    border: medium none;
    padding: 0.3em;
}
.post .col-sm-4 img{margin: 20px 0px;
                    width: 100%;
}

#right2{margin-top: 3em;}
.act-title { font-size: 30px;
             text-transform: uppercase;
             font-family: univers67CB;
             background: #fff;
             padding: 0.5em 0.5em 0em;
}
.act-long{
    background: #E6E6E6;
    width:100%;
    height: 1.75em;
    margin-left:1em;
}
.coffet-wrapper{
    position: absolute;
    -webkit-transition: top .4s ease-in;
    transition: top .4s ease-in;
    z-index: 2;
    background: #ddd;
}
.coffet-wrapper.open{
    top: 71px;
}
.coffet-wrapper.close{
    top: -600px;
}
.coffer{
    padding: 1.2em;
    background: #ddd;
}

.coffer span {
    font-family: univers67CB;
    color : #fff;
    font-size:18px;
}

.coffer col-sm-3 {
    background: #DDD;
}



.of #right2 {
    margin-top: 0em;}
.of .side{
    margin: 1em 2em; }
.of .entry-content h2 { font-size:16px;
text-transform:uppercase;}
.square:last-child {
    padding: 1.0em 1em 0em;
    font-family: univers67CB;
    font-size:21px;
    color:#666;
}
.square:last-child span{
    color:#f60;
    text-decoration: underline;
}

.square:last-child span:hover {
    color:#666;
}
.custom-menu-item {
    height: 150px;
    margin: 0.8em 0px;
}
.custom-menu-item span {
    width:100%;
    height:100%;
    padding: 0.8em 15px 0 15px;
    display:block;}

.custom-menu-item:hover>span{
    background-color:rgba(0, 0, 0, 0.6);}

.nav-pills > li > a {
    border-radius: 0px;
    text-transform: uppercase;
    color: #666;
    font-size: 0.9em;
    padding: 0.3em 1em;
}
.menu-menuuslugi2-container {margin-top:1em;}
.ONmenu {
    margin-top: 1em;
}
.nav-pills > li > a:hover {
    background:none;
    color: #F60
}

.bcdown {background:#8a8a8a;}
#h-col a {color: #666666;
text-decoration: none;
text-transform: none;
}
#h-col{margin-bottom: 2em;}
.wsec{
    height: 20em;
}
.first {
    background: url("./img/first.png") no-repeat;
    background-size: cover;
}
.second{
    background: url("./img/second.png") no-repeat;
    background-size: cover;
}

.prev-btn,   .next-btn{
    position:absolute;
    top:20em;
    width:61px;
    height: 61px;
    cursor: pointer;
}
.next-btn{
    right:0px; 
    background: url('./img/lefta.png');
    -webkit-transform: rotate(180deg);     /* Chrome and other webkit browsers */
    -moz-transform: rotate(180deg);        /* FF */
    -o-transform: rotate(180deg);          /* Opera */
    -ms-transform: rotate(180deg);         /* IE9 */
    transform: rotate(180deg); 
}

.prev-btn{
    left:0px;
    background: url('./img/lefta.png');
}


.error, .hcont{
    background: rgb(102, 102, 102) none repeat scroll 0% 0%;
    margin-left: 2em;
    color: rgb(255, 255, 255);
    text-transform: uppercase;
    padding: 1em;
    width: 40%;
    font-family: UCB;
    
}
.hr {top: 20em;
position: relative;}

.hcont h2, .hcont h2 a, .error h2 {margin:0px;
           font-size: 34px;
            color: #fff;}
.hcont h2 span, .hcont h2 a span, .error h2 a { color: #f60;
                 font-size:30px;}

.con { margin:1em 0em}
.con p {margin: 1px 0px;}
.con .ctel::before { content: " t ";
                     color: #f60;}
.con .cfax::before { content: " f ";
                     color: #f60;}
.con-title {
    font-size:18px;
    text-transform: uppercase;
    font-family: univers67CB;
}
footer {
    margin: 0px auto;
    background: #4C4C4E;
    text-decoration: none;
    font-weight: 400;
    font-size: 1em;
    color: #D7D7D7; }


footer p {margin: 0px 0px 20px;}
footer .title {
    font-size: 20px;
    text-transform: uppercase;
    font-family: univers67CB;
    color: #ff6600;
    padding: 0em 0.5em 0.5em 0em;
}

.social img { float: left; margin-right: 5px;}
.social a p{padding: 0.3em; color:#D7D7D7;}
.fb p:hover , .lin p:hover, .sls p:hover { color: #0077B5;}
.tw p:hover { color: #70CAF4;}
.goo p:hover, .yt p:hover { color: #F25252;}
.basic{ width: 1050px; position: relative; margin: 0 auto; padding: 0px;}
.basic:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
footer .col-sm-6 {padding: 0px;}

.fbottom {background:#000;
          color: #4d4d4f;
          padding: 5px 15px;}

.fbottom .col-md-6:nth-child(2){
    text-align:right;
}

.fbottom a {color: #4d4d4f;
            padding-left: 1em;}

.haslo {position:relative; height: 170px;}
.haslo img {width: 100%;
            bottom: 0px;
            position: absolute;
            right: 0px;}
.basic .row {
    margin-right: 0px;
    margin-left: 0px;
}

td, th {
    padding: 0px 3px;
}

.uslug{background: red;}
@media only screen and (min-width: 1400px) { 
    .basic { min-width: 70%;}
    .wsec { height:30em !important;}
    .bcdown .title {font-size:30px;
                    margin: 7em 15px 0.5em;}
    .cta {font-size:1.2em; }
    .coffer span {
        font-size: 21px;
    }           
}

@media only screen and (max-width: 1050px) { 
    .basic{width:100%;}
    .search-submit {
        width:15px;
        height:15px;
    }
    .newsletter{ text-align:left;}

    .actl{display:none;}
    
    .pause{display:none;}

    .for-search{width:100%}
    .search-submit {
    background-image:none;}

}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .coffet-wrapper { padding: 0.5em 0em}
 
}
@media only screen and (max-width: 767px) {
    .uslug { display: none !important;}
    .prev-btn, .next-btn, .background-slider{ display: none; }
    .navbar-toggle {background-color: rgb(221, 221, 221);
                    border-radius: 1px;
                    font-family: univers67CB;
                    font-size: 18px;}
    .navbar-nav > li {
        display: block;
        z-index: 999;
        background: rgb(221, 221, 221) none repeat scroll 0% 0%;
        text-align: center;
        margin: 0px 2em 0px 0px;}

    #menu-item-83:before {
        content: ""
    }
    #menu-item-83:after, #menu-item-553:after {
        content: ""
    }

    .search-submit {
        width: 20px;
        height: 21px;
        margin-left: 3em;
    }
    .hcont {width:100%;
            margin-left:0px;
    }
    .hcont h2 {
        font-size: 25px;
        padding-left: 0.5em; }
    .hcont h2 span{font-size: 22px;}
    .bcdown .title {
        padding: 2em 15px;
        margin:0px;
    }
    .slider-header {
        height: 20em;
    }
    .slid {
        margin-top: 10em;
    }
    footer .col-sm-6 {
        display: inline-block;
        width: 45%;
    }
    .haslo img { width:auto;}
    .col-lg-4.con {
        width: 32%;
        display: inline-block;
    }
    .pause, #backg {display:none;}

    .menu-menuuslugi2-container {
        font-weight: 600;
    }
    .status-publish .col-sm-4 { width:33%; float:left;}
}

@media only screen and (max-width: 479px) {
    h1 {font-size:21px;}
    .haslo img {
        width: 100%;
    }
    .basic .basic .col-1-2, .basic .col-lg-4, .basic .col-2-3, .basic .col-1-4, .basic .col-2-4, .basic .col-3-4, .basic .col-1-5, .basic .col-2-5, .basic .col-3-5, .basic .col-4-5, .basic .col-1-6, .basic .col-2-6, .basic .col-3-6, .basic .col-4-6, .basic .col-5-6{width:100%;}
}

.hcont h1 {
    color: #fff;
    font-size: 34px;
    margin: 0;
}

.hcont h1 span {
    color: #f60;
    font-size: 30px;
}