/*================================
    GOOGLE FONT
==================================*/

@import url(http://fonts.googleapis.com/css?family=Lato);
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,400italic,300italic,700&subset=latin,latin-ext);
/*================================
  GENERAL STYLES
==================================*/

body {
  font-family: 'Roboto Condensed', sans-serif;
    line-height: 30px;
    font-size: 14px;
}

section {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pad-bottom {
    padding-bottom: 70px;
}

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

.head-line {
 margin-bottom: 20px;
line-height: 30px;
font-size: 25px;

color: #737373;
}


/*================================
  HEADER STYLES
==================================*/

header {
    background-color:#2b2b4a;
    color:#fff;
    padding-top: 20px;
    padding-bottom: 12px;
    margin-bottom: 0px;
}


    header .logo-wrapper img {
      max-height: 45px;
    }
    header .menu-links {
        padding-top:5px;
    }
 header .menu-links a {
        font-size:18px;
        color:#fff;
        font-weight:900;
        margin:15px;
        margin-top: 30px;
        
    }
    header .menu-links a:hover, header .menu-links a:focus {
        visibility: 10%;
        text-decoration: none;

            }

   .baros-logo
   {

        height: 35%;
        width: 35%;



   }

/*================================
  HOME SECTION STYLES
==================================*/

#home {

    background: url(../img/home.png) no-repeat center center; 
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;    
}

    #home .overlay {
        padding-top: 120px;
      
        min-height: 700px;
        padding-bottom: 40px;
    }
     #home h1 {
      margin-bottom: 20px;
line-height: 40px;
font-size: 35px;
color: #2b2b4a;
text-transform:uppercase;
    }
    #home h4 {
      margin-bottom: 30px;
line-height: 40px;
font-size: 20px;
color: #D0D0D0;
    }

/*================================
  BUTTON STYLES
==================================*/
.btn-custom {
   min-height:60px;
    border-radius:30px;
-webkit-border-radius:30px;
-moz-border-radius:30px;
padding:15px 40px 15px 40px;
-webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
   margin:25px 5px 5px 0px;
}

.btn-one {   
background-color: transparent;
border:5px solid #48A5FF; 
color:#000;       
  
}
 .btn-one:hover {
 background-color:#48A5FF;
 color:#fff;
 text-decoration:none;
    }

 .btn-two {   
background-color: #48A5FF;
border:5px solid #48A5FF; 
color:#fff;       
  
}
 .btn-two:hover {
 background-color:transparent;
 color:#000;
 text-decoration:none;
    }
.btn-three {   
   
background-color:transparent;
border:5px solid #737373; 
color:#000;       
  
}
 .btn-three:hover {

 background-color:#737373;
 color:#fff;
 text-decoration:none;
    }

 
 /*================================
    ABOUT STYLES
==================================*/

 .icon-wrapper {
    padding-bottom:20px;
    padding-top:20px;
    font-size:50px;
}
 
.img-side {
    max-height:420px;
}
 /*================================
    CLIENTS SECTION STYLES
==================================*/

   #clients {
    padding-top: 80px;
    background-color: #2b2b4a;
    
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;    
}

    #clients .overlay {
       
        min-height: 550px;
    }

.client-cover {
   
}
    /* TESTIMONIAL */
       .testimonial-section {
    width: 100%;
    height: auto;
    padding: 35px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    position: relative;
    border: 5px solid rgba(0, 79, 255, 0.24);
font-size: 20px;
color: rgba(234, 234, 234, 1);
line-height: 35px;
}
.testimonial-section:after {
    top: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    position: absolute;
    border-top-color:rgba(0, 79, 255, 0.24);
    border-width: 15px;
    margin-left: -15px;
}

.testimonial-section-name {
    margin-top: 30px;
    margin-left: 30px;
    text-align:left;
    color:rgba(0, 79, 255, 1);
    font-size:16px;
}
    .testimonial-section-name img {
        width:100px;
        border: 5px solid rgba(234, 234, 234, 1);
    }
.carousel-indicators-set {
    position:static;
    margin-left:0px;
    width:100%;
    color:rgba(234, 234, 234, 1);
}
/*================================
    FEATURES STYLES
==================================*/
#features {
    background-color:rgba(234, 234, 234, 0.90);
}

/*================================
    EMAIL-SUBSCRIBE STYLES
 ============================  */

#email-subscribe .form-control
{
display:inline;
height:50px;
font-size:20px;
margin-right:20px;
width:60%;
}

#email-subscribe .btn-subscribe
{
height:50px;
font-size:20px;
color: #fff;
background-color: #737373;
border-color: #5C5C5C;
margin-top:-10px;
}

/*================================
    CONATCT SECTION STYLES
==================================*/

   #contact {
    background: url(../img/contact.jpg) no-repeat center center; 
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover;
    -moz-background-size: cover;    
}

    #contact .overlay {
        background-color: rgba(36, 36, 36, 0.8);
        min-height: 350px;
    }
     #contact .social a, #contact .social a:hover, #contact .social a:focus {
            margin: 2px;
            padding: 10px 20px;
            background-color: rgba(0, 0, 0, 0.36);
            color: #fff;
            font-size: 25px;
        }
.space {
    height:40px;
}
.contact-cover {
    background-color:#0094ff;
    padding:50px 50px 50px 50px;
    color:#fff;
}
/*================================
    FOOTER SECTION STYLES
 ============================  */
footer {
    padding:15px;
    background-color:#2b2b4a;
    color:#fff;
    }
    footer a,footer a:hover,footer a:focus {
        color:#fff;
        text-decoration:none;
        margin-right:10px;
        margin-left:10px;
    }

/*================================
    RESPONSIVE STYLES
 ============================  */

@media (min-width: 100px) and (max-width: 498px) {
    #email-subscribe .form-control
{
display:block;
width:100%;
}

#email-subscribe .btn-subscribe
{
margin-top:20px;
}

}

 /*================================
    Dopisane
==================================*/

.tytul
{
    margin-top: -15px;
    font-size: 45px;
    font-family: 'Roboto Condensed', sans-serif;

}
.podtytul
{
 font-size: 220%;
    font-family: 'Roboto Condensed', sans-serif;

}
.ofirmie
{
margin-top: 15px;
font-size: 120%;
}
#short_bar
{
    margin-top: -13px;
    width: 10%;

}
span.ob
{
    color: #969cdd;
   font-size: 85%;
}

.tytul_uslugi
{
    color: #fff;
    
    font-size: 45px;
    font-family: 'Roboto Condensed', sans-serif;
}
.green_background
{

    background-color: #305a53;
    height: 600px;
}

.uslugi{
    width: 280px;
    height: 30px;
    margin-top: 20px;
    margin-bottom: 50px;

}
.usluga_foto
{
    width:70%;
}

.opis_uslug{
    text-transform: uppercase;
    font-family: 'Arial', sans-serif;
    color: #ffffff;
    font-size: 22px;
}

.button
{
 display: inline-block;
  padding: 6px 30px;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 3px solid transparent;
  color: #ffffff;
  background-color: transparent;
  border-color: #ccc;
  text-transform: uppercase;
    font-family: 'Arial', sans-serif;
     border-radius:0px;
     bottom: 0px;
  
}


/* animations */


.ani{
  
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  visibility: hidden;
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.ani:hover, .ani:focus, .ani:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.marg{
  margin-top: 80px;
}

  .map {
        min-width: 295px;
        min-height: 295px;
        width: 100%;
        height: 100%;
    }

    .header {
        background-color: #F5F5F5;
        color: #36A0FF;
        height: 70px;
        font-size: 27px;
        padding: 10px;
    }

  .purple
  {
    background-color: #2b2b4a;
  }

  .black{
      position:fixed;
  background:#000;
  width:100%;
  height:100%;
  opacity: .9;
  z-index: 1000000000;
  }


  .popup{
      position:absolute;
  width:600px;
  height:600px;
  background:#fff;
  left:50%;
  top:50%;
  border-radius:5px;
  padding:60px 0;
  margin-left:-320px; /* width/2 + padding-left */
  margin-top:-150px; /* height/2 + padding-top */
  text-align:center;
  box-shadow:0 0 10px 0 #000;
  }

  span.ok
{
    color: #000;
     display: inline-block;
   font-size: 75px;
   font-weight: 1000;

}

.poptitle
{
  font-size: 28px;
}
#popopis{
  
  font-size: 18px;
  margin-top: 30px;
  margin-left: 4%;
  margin-right: 4%;
  margin-bottom: 40px;
}


#tit{
   font-size: 28px;
}

#title_text
{
   display: inline-block  !important;
   font-size: 10px  !important;

}

.marg10
{
 
  margin-top: 30px;
}

.img_logo_popup
{

  max-height: 90px;
}

#title_
{
margin-top: 10px;
text-transform: uppercase;
font-weight: 10000;

}

#hidden_text
{
  display: none;
}

.miejsce
{
   font-weight: bold;
   font-size: 17px;
}

.tel
{
  margin-top: -20px;
  line-height: 0px;
  display: inline-block;
  font-size: 16px;
      line-height: 0px;

}

.tel_img
{
  height: 10px;
  width: 10px;
  display: inline-block;
}
.mail
{
    margin-top: -20px;
  display: inline-block;
  font-size: 16px;
    line-height: 0px;
}

all {
line-height:1.5;
text-align: justify;
}
s1{
 padding-left: 20px;
}
ol{
padding: 1em;
}
.fsize
{
  font-size: 21px;
}
#po
{
	display:none;
}
.wroc
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:24px;
	color: white;
	display:none;
}
li2 {
    display: inline;
}
.ikona
{
	display:inline-block;
	height:28px;
	width:28px;
}
.tekst_usl
{
	position: relative;
	top: -2.5px;
	display:inline-block;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:10px;
	color:#000;
	text-decoration:none;
}
.ikona:hover
{
	opacity:0.5;
	
}
.posi
{
	position:relative;
	margin-right:60px;
	margin-top:-30px;
	
	
}
.tekr
{
	display: inline-block;
max-width: 745px;
height: auto;
}