/*
Theme Name: Elektrolift
Version: 1.0

*/


/*
* ----------------------------------------------------------------------------------------
* 01.GENERAL STYLE
* ----------------------------------------------------------------------------------------
*/
body {
    background-color: #fff;
    color: #777;
    font-family: "Open Sans",sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    height: 100%;
}
html,
body { height: 100% }
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Montserrat",sans-serif;
    font-weight: 700;
}
a {
    font-family: "Open Sans",sans-serif;
    text-decoration: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
a:hover {
    color: #fff;
    text-decoration: none;
}
a:focus {
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}
fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.clear { clear: both; display: block; height: 0; width: 100%; }
/*START PRELOADER STYLE*/
.preloader {
    background: #000;
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}
.status,
.status-mes {
    background-image: url(/wp-content/themes/elektrolift/assets/img/status.gif);
    background-position: center;
    background-repeat: no-repeat;
    height: 200px;
    left: 50%;
    margin: -100px 0 0 -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}
.no-padding { padding: 0 }
/*END PRELOADER STYLE*/

/*END BOTTOM TO TOP*/
.padding { padding: 40px 0 }
/*START SECTION TITLE DESIGN*/
.title{
  padding-bottom:10px;
  border-bottom:1px solid #e9e9e9;
}
.title h2{
  font-family:"Neuton", serif;
  font-size:25px;
  letter-spacing: .6px;
  text-transform: uppercase;
  color:#282828;
  padding-top:15px;
}
.title p {
  font-family: "Source Sans Pro", sans-serif;
  font-size:16px;
  color:#A81419;
  font-weight: 600;
  margin-top:-10px;
}
.title .fa{
  font-size: 20px;
    color: #A81419;
    float: left;
    height: 55px;
    width: 55px;
    border: 1px solid #e9e9e9;
    border-radius: 50%;
    text-align: center;
    line-height: 55px;
    display: block;
    margin: 12px 20px 0 0;
}

.padding { padding: 60px 0 }

@media only screen and (max-width:768px) { 
    .section-title h2 { text-align: center }
}
@media only screen and (max-width:480px) { 
    .section-title h2 { font-size: 30px }
}
@media only screen and (max-width:360px) { 
    .section-title h2 { font-size: 24px }
}

/*SECTION bg_overlay*/
.bg_overlay {
    background: rgba(0,0,0,0.6) none repeat scroll 0 0 !important;
    
}
/*END SECTION bg_overlay*/
/*
/*
--------------------------------------------------------------------------------------
* 02. NAWIGACJA
* ----------------------------------------------------------------------------------------
*/
.navbar-default {
    border: none;
    border-radius: 0;
    margin-bottom: 0;
    width: 100%;
    padding: 20px 0;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    
    background-color: transparent;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    
    background-color: transparent;
}

.navbar li a{
  display: inline-block;
  position: relative;
  padding-bottom: 3px;
}

.navbar li a:after,
.navbar-default.menu-shrink li a:after  {
  content: '';
  display: block;
  margin: auto;
  height: 2px;
  width: 0px;
  background: transparent;
  transition: width .5s ease, background-color .5s ease;
}

.navbar li a:hover:after,.navbar-default .navbar-nav>.active>a:after{
  width: 100%;
  background: #f3f3f3;
}

.navbar .navbar-brand-shrink{
  display:none;
}
.navbar-nav{padding-top:8px;}
.navbar-brand, .navbar-brand-shrink { padding: 0px }
.navbar-brand img,.navbar-brand-shrink img { width: 120px }
.navbar-brand-shrink{height:70px;}

.menu-shrink .navbar-brand{
  display:none;
}
.navbar-brand-shrink{width:200px;
  height:60px;}
.menu-shrink .navbar-brand-shrink{
  display:block;
  
}
.menu-top-single .navbar-brand-shrink{display:block !important;}
.menu-top { background: none }
.menu-top li a,.menu-top-single li a  {
    color: #f3f3f3  !important;
    font-family: "Montserrat",sans-serif;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
}
.menu-top-single{
  background: white;
}
.menu-top-single{background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 0;
    width: 100%;}
 .menu-top-single li a{padding-top:15px;
 }   


@media only screen and (max-width:768px) { 
    .navbar-default .navbar-nav > li > a {
        margin-top: 10px;
        padding: 8px;
    }
}
@media only screen and (max-width:480px) { 
    .menu-top { background-color: #fff }
    .navbar-default .navbar-nav > li > a { color: #313131  !important }
}
.navbar-default.menu-shrink {
    background-color: #fff;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.1);
    padding: 10px 0;
    width: 100%;
}

.navbar-default.menu-shrink ul li a{
  padding-top:20px;
}
@media only screen and (max-width:480px) { 
    .menu-top {
        color: #fff !important;
        margin-left: 0px;
    }
}
.navbar-default.menu-shrink li a,.menu-top-single li a { color: #282828 !important }
.navbar-default.menu-shrink li a:hover:after,.menu-top-single li a:hover:after{
  width: 100%;
  background: #282828;
} 
.navbar-default.menu-shrink .active a:after,.menu-top-single .active a:after{
  width: 100% !important;
  background: #282828 !important;
}

.navbar-default .navbar-toggle { background: #fff none repeat scroll 0 0 }
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus { background-color: #fff }
.navbar-default .navbar-toggle .icon-bar { background-color: #282828 }
/*
* ----------------------------------------------------------------------------------------
* 02.NAVIGATION STYLE
* ----------------------------------------------------------------------------------------
/
* ----------------------------------------------------------------------------------------
* 03.SLIDER CONTENT - SLIDESHOW
* ----------------------------------------------------------------------------------------
*/
.container{margin:auto !important}

.swiper-container {
    width: 100%;
    height: 55vh;
    margin:auto;
    
    }

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
     align-items: center;
     height: 55vh;     
    }
  .swiper-button-prev,
  .swiper-button-next{
    width:40px;
    line-height: 40px;
    height: 40px;
    color:#fff !important;
    background: #000;
    border-radius:50px;
    text-align: center;
    coursor:pointer;
    margin:auto;
    font-size:20px;
    transition:visibility .3s, opacity .8s; 
    visibility:hidden; 
    opacity:0;
  } 
  .swiper-button-prev{margin-left:10px}
  .swiper-button-next{margin-right:10px}
  .swiper-button-prev i {line-height: 40px}
  .swiper-button-next i {line-height: 40px}

  .swiper-container:hover > .swiper-button-next,
  .swiper-container:hover > .swiper-button-prev 
  { 
    visibility:visible;
    opacity:.5;
   }

  .swiper-button-prev:hover,
  .swiper-button-next:hover{
    opacity:1 !important;
    transition: .3s;
  }

.slider_content{
   text-align: center;
   
}
 .slider_content h2{
   font-family: "Oswald", open-sans;
   color:#fff;
   font-size:80px;
   text-align: center;
   font-weight: 400;
   margin:0;
   padding-bottom:5px;
   letter-spacing: 7px;
   //visibility: hidden;
 }

 .slider_content h4{
   font-family: "Oswald", open-sans;
   color:#fff;
   font-size:16px;
   text-align: center;
   font-weight: 400;
   padding-bottom:5px;
   letter-spacing: 1px;
  // visibility: hidden;
 }

.slider_content p{
   font-family: "Open Sans", open-sans;
   color:#f9f9f9;
   font-size:15px;
   margin-top:10px;
   font-style: italic;
   padding-bottom:5px;
  // visibility: hidden;
 }


/* BUTTON STYLE */
.btn {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  background: none;
  cursor: pointer;
  padding: 8px 20px;
  display: inline-block;
  line-height:17px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  
}

/* Button Slider */

.btn-slider {
  border-radius:0;
  border: 1px solid #A81419;
  
  overflow: hidden;
  opacity:1;
  transition: all .3s;
  margin:8px 0;
  background: #A81419;
 // visibility: hidden;
}

.btn-normal{
  border-radius:2px;
  border: 2px solid #282828;
  overflow: hidden;
  margin-top:40px;
padding:12px 48px !important;
  color:#282828;
  background: transparent;
  outline:none !important;
}
.btn-slider a{
   color: #fff;
}



.btn-normal:hover{
  background: #A81419;
  color:#fff;
  border:2px solid #A81419 !important;
}


.slider_content a {
  background: rgba(0,0,0,.2);
  transition:background .6s; 
}
.slider_content a:hover {
  opacity:1;
  color:#fff;
  background: transparent;
}


/* -------------------------------------
* 03.END SLIDER CONTENT - SLIDESHOW
* --------------------------------------
* --------------------------------------
* 04.START ABOUT SECTION
* --------------------------------------
*/
#about{text-align: center}
#about .btn-slider{margin-top:20px; }
#about .btn-slider:hover{
  background: #2d2d2d;
  color:#fff;
  transition: all .3s;
  border:1px solid #2d2d2d;
}
.about{
 z-index: 0;
 width:95%;
 margin:auto;

}
.about_content{

  padding:0 10px;
  text-align: center;


}
.about_content h3{
  text-transform: uppercase;
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 600;
  font-size:17px;
  color:#282828;
  padding-bottom:5px;


}
.about_content img{
    color: #333;
    font-size: 46px;
     z-index: 1;
     height:65px;
     padding: 10px;
     
}
.separator{
   transition: all .3s;
  padding-top:10px;
  border-bottom:2px solid #A81419;
  width:70px;
  margin:auto;
}



.about_content p {
  font-size:13px;
  color:#777;
  height:72px;
  
  line-height: 24px;
}

.about:hover .btn-slider a{
  color:#282828;
  transition:all .3s;
}
.about:hover .btn-slider {
  background: transparent;
  transition: all .3s;
  border:1px solid #282828;
}





/* -------------------------------------
* 03.END ABOUT
* --------------------------------------
*/

/*
 * ----------------------------------------------------------------------------------------
 *  21.START SECTION TOP DESIGN
 * ----------------------------------------------------------------------------------------
 */
.section-top{margin-top:40px}
.section-top-title h2 {
    color: #fff;
    font-size: 45px;
    margin: 0;
    text-transform: uppercase;
}
@media only screen and (max-width:320px) { 
    .section-top-title h2 { font-size: 40px }
}
.section-top-title {
    padding-bottom: 110px;
    padding-top: 110px;
}
.section-top-title,
.breadcrumb {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    margin-bottom: 0;
}


/* --------------------------------------
* 03.START COUNTERS
* --------------------------------------
*/

.vc_row-has-fill>.vc_column_container>.vc_column-inner{padding-top:0 !important;}
#o_nas .wpb_content_element {margin-bottom:0px !important;}
.vc_row-has-fill+.vc_row>.vc_column_container>.vc_column-inner{padding-top:0 !important;}

.counter1{
border-right: 2px solid #f1f1f1;
text-align: center;
width:95%;
margin:auto;
}
#counters img{
  height:50px;
}
#counters .last{
  border-right: 0px !important;
}
#counters h6{
color:#f9f9f9;
font-family:"Montserrat",open-sans;
font-size:28px;
letter-spacing: .7px;
} 
#counters h4{
  font-family: "Montserrat",open-sans;
  font-weight: 300;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size:16px;
  padding-top:20px;
  color:#f9f9f9;
}
#counters i{
  color:#f9f9f9;
  font-size:32px;
  padding-bottom:15px;
}




/* --------------------------------------
* 03.END COUNTERS
* --------------------------------------
*/

/* --------------------------------------
* 03.START FOOTER SECTION
* --------------------------------------
*/
.footer {
    background-color: #1a1a1a;
    padding: 15px 0;
    text-align: center;
    border:0;
    bottom:0;
}

.footer p {
    color: #aaa;
    margin: 0;
    padding-top: 5px;
    font-family: "Open Sans",sans-serif;
    font-size: 14px;
}

.footer a{color:#7d7d7d;}

/* --------------------------------------
* 04.START CONTACT
* --------------------------------------
*/
.content-area{
  width:100%;
  padding:10px;
  margin:10px 0;
  border:1px solid #e9e9e9;
}
form input:focus, form textarea:focus,form input:hover, form textarea:hover {
    //outline: 1px solid #A81419; 
    outline:none;
}

#contact{margin-top:-20px}
.main-form{ margin:auto}
.form{text-align: center}
.form .btn-normal{
  border-radius:2px;
  border: 2px solid #A81419;
  overflow: hidden;
  margin-top:40px;
  padding:12px 48px !important;
  color:#fff;
  background: #A81419;
  outline:none !important;
}

.form .btn-normal:hover{
  background:transparent;
  color:#2d2d2d;
  border:2px solid #2d2d2d !important;
}

.bg{
  background: #f7f7f7;
  padding:20px;
  border-top: 1px solid #eeeeee;
}
.contact-info{
  width: 80%;
  margin:auto;
  padding-bottom: 10px;
 
}
.kontaktowe .contact-info:nth-child(3) .icon{
  height:120px;

}
.contact-info .icon{
  margin:auto;
  text-align: center;
  margin-right:20px;
}
.contact-info .icon i{
  font-size:24px;
  color:#A81419;
  margin:auto;
  border-radius:50px;
  width:65px;
  height: 65px;
  line-height: 65px;
  border:1px solid #e9e9e9;
  
  
}
.contact-info .details h2{
  color:#282828;
  font-family: "Montserrat", sans-serif;
  font-size:15px;
  line-height: 21px;
  letter-spacing: .8px;
  text-transform: uppercase;
  text-align: left;

}
.contact-info .icon{
  width:15%;
  float: left;
  height:70px;
}
.contact-info .details{
  width:85%;
}
.contact-info .span{
  font-size:18px;
  text-align: left;
}
.contact-info .details .x span{
unicode-bidi: bidi-override;
    direction: rtl;
}


/* --------------------------------------
* 04.END CONTACT
* --------------------------------------
*/

/* --------------------------------------
* 04.START BLOG
* --------------------------------------
*/


.blog-news{
  text-align: center;
  padding-bottom:60px;
}
.blog-news h4 a,.blog-news h4{
  font-family: "Montserrat", sans-serif;
  font-size:15px;
  color:#282828;
  letter-spacing: .6px;
  text-transform: uppercase;
  margin-top:15px;
}
.blog-news h4 a:hover{
  color:#AA7243;
  transition:all .3s;
}

.blog-news p{
  margin-top:15px;
  padding-bottom: 30px;
  border-bottom:1px solid #f7f7f7;
  font-weight: 400;
  font-family:"Open Sans", sans-serif;
  line-height: 24px;
  letter-spacing: 0.5px;
  text-align: left!important;
  font-size: 13px;
}

.blog-news{
  width:90%;
  margin:auto;
}
.blog-news img{
  height:250px;
  width:350px;
margin:auto;
}

.blog-news:hover h4 a,.blog-news:hover h4{
  color: #A81419;
  transition:all .3s;
}

#filters-container{
  margin-bottom:60px;
  margin-top:40px;
  text-align: center;
}

@media only screen and (max-width: 500px) {
    #filters-container ul li {
        display: block !important;
        border:1px solid #e9e9e9 !important;
  border-radius:2px !important;
       
    }
#filters-container ul {
  width: 200px;
  margin:auto;
       
}

}


#filters-container ul li {
  display:inline;
  background: transparent;
  padding:10px 20px;
  color:#2d2d2d;
  font-weight: bold;
  margin:0px 5px;
  border:1px solid #2d2d2d;
  border-radius:2px;
  text-align:center !important;
  font-size:15px;
  line-height:15px;
  cursor: pointer;
  position:relative;
  text-transform: capitalize;

}
#filters-container ul li:hover  {
  background: #2d2d2d;
  color:white;
  font-weight: bold;
  transition: all .3s;
}

#filters-container  .cbp-filter-item-active  {
  background: #2d2d2d;
  color:white;
  font-weight: bold;
text-align:center;
}

#filters-container ul li .select-filter{
  width: 150px;
  margin:auto;
}


/* --------------------------------------
* 04.END BLOG
* --------------------------------------
*/
/*Uslugi*/
.usluga-img img{
  width:95%;
  margin:auto;
  height: 400px;
}
.usluga-opis{
  text-align: left;
  padding-left:30px;
}
.usluga-opis h2{
  font-family: "Montserrat", sans-serif;
  font-size:22px;
  text-transform: uppercase;
  color:#282828;
  
}
.usluga-opis p{
  font-size:14px;
  color:#888;
  line-height: 24px;
  letter-spacing: .6px;
}
.service{padding:40px 0;}


/*****************************************************************Testimonials carousel************************/
.opinion{
  text-align:center !important;
  width: 80%;
  margin: auto;
  
}

.opinion p{
  font-size:21px;
  text-align: center !important;
}
.author{
  padding-top:15px;
}
.author_url{
  margin-bottom:15px;
}
.author_url a{
  text-decoration: none;
  font-size:17px;
  font-weight: bold;
  color:#A81419;
  
}

/***Responsywność**/

@media only screen and (max-width:1200px) { 
    .kontaktowe .contact-info:nth-child(3) .icon{height:150px; }
}

@media only screen and (max-width:1170px) { 
    .section-top-title {padding-top:90px; padding-bottom:90px;}
    .usluga-img img{height:350px}
   
}

@media only screen and (max-width:1000px) { 
    .kontaktowe .contact-info .icon{margin-right: 40px; }
}
@media only screen and (max-width:800px) { 
.swiper-container,.swiper-slide{height:100vh;}
 } 

@media only screen and (max-width:768px) { 
    .slider_content h2 { font-size: 60px }
    .slider_content p {font-size:13px}
    .slider_content h4 {font-size:16px}
    .section-top-title {padding-top:80px; padding-bottom:80px;}
    .counter1{border-bottom: 2px solid #f1f1f1; border-right:0;padding-bottom:20px;padding-top:20px;}
    .usluga-img img{width:80%; margin:auto !important; height:300px}
    .usluga-img{text-align: center;}
    .usluga-opis{width:80%; margin:auto !important}
    .service{padding:20px}
    .content-area{ width:90%; margin:10px auto; }
    .form{margin-bottom:20px;}
    .kontaktowe .contact-info .icon{margin-right: 25px; }
    .swiper-container,.swiper-slide{height:55vh;}
}
@media screen and ( max-height: 600px )and (max-width:1024px){
   .swiper-container,.swiper-slide{height:100vh;}
}

@media only screen and (max-width:450px) { 
    .kontaktowe .contact-info .icon{margin-right: 35px; }
}

@media only screen and (max-width:400px) { 
    .slider_content h2 { font-size: 50px }
    .slider_content p {font-size:12px}
    .slider_content h4 {font-size:15px}
    .section-top-title {padding-top:70px; padding-bottom:70px;}
    .usluga-img img{height:200px}
    .kontaktowe .contact-info:nth-child(3) .icon{height:80px; }
    .kontaktowe .contact-info .icon{margin-right: 160px; }
}


@media only screen and (max-width:320px) { 
    .slider_content h2 { font-size: 40px }
    .slider_content p {font-size:12px; line-height:20px;}
    .slider_content h4 {font-size:15px}
    .section-top-title {padding-top:60px; padding-bottom:60px;}
    .contact-info .details h2{font-size:13px}
    .kontaktowe .contact-info:nth-child(3) .icon{height:70px; }
    .swiper-container,.swiper-slide{height:100vh;}
}
div.wpcf7-mail-sent-ok{
border:2px solid #970013 !important;
}