/*www.agrafnet.pl - projektowanie stron www */
 

/* font reset etc.. */
@font-face {
 font-family: bold;
 src: url("font/JosefinSans-SemiBoldItalic.ttf") 
}



@font-face {
 font-family: regular;
 src: url("font/JosefinSans-Regular.ttf") 
}
 

span, div, a, h1, h2, h3, h4, p, html, form, body, dl, img, object {margin: 0; border: 0; padding: 0; text-decoration: none; color: #062151; list-style-type: none; font-family:regular; font-size:15px; }
div {display:block;}
h1 { font-size:22px; font-family: bold;   width:100%; display:block;   float:left; margin:5px 0 15px 0; }
h2 { font-size:18px; font-family: bold;   color:#666;}
h3 { color: #fff;}

#belka_gora { width:100%; float:left; display:block; height:39px; background:#bac3ca;  }
#belka_wrap {   max-width:700px;   display:block; height:45px; background:url(img/belka_wrap.png) no-repeat; margin:0 auto;  }

.adv { width: 176px; height: 187px; background: url(img/google_cert.png); position: fixed; top: 0; left:0; z-index: 555; text-indent:-99999px; }


#menu_belka { display:block; overflow:hidden; width:1100px; height:130px; margin:0 auto ;  text-align:center; padding:30px 0 0 0; }

#menu_belka a { vertical-align:middle; margin:0 15px; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); font-size:18px;}
#menu_belka img { vertical-align:middle; }

#baner { width:100%; float:left; display:block; height:549px;   }
#baner_wrap {  width:1098px; display:block; overflow:hidden; height:549px;   margin:0 auto;  }


/* portfolio */
#elastic_grid_demo.portfolio_box_hide .og-grid li:nth-child(n+5){
	display: none;
}
#portfolio_more{
	background-color: #666;    color: #fff;    font-weight: bold; padding: 6px 12px; margin: 10px; border: none; border-radius: 4px; cursor: pointer;
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  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;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}



#haerka {   width:100%; float:left; background:url(img/haerka.gif) repeat-x; height:30px; overflow:hidden; margin:70px 0 0  0;  text-align:center; padding:2px 0 0 0;}
#haerka span { background:#fff;   font-family:bold; font-size:20px; color:#9f9f9f;  } 

#haerka2 {   width:100%; float:left; background:url(img/haerka2.gif) repeat-x; height:30px; overflow:hidden; margin:70px 0 0  0;  text-align:center; padding:2px 0 0 0;}
#haerka2 span { background:#eff4f8; padding:0 8px; font-family:bold; font-size:20px; color:#9f9f9f;  } 



#promotion_box { background:#f6f9fb; width:100%; float:left; background:url(img/tlo_promo.png) repeat-x; height:197px; overflow:hidden; margin:50px 0 0 0;  }
#promotion_box_wrap {  width:1100px; display:block; overflow:hidden; height:197px;   margin:0 auto;    } 

#box {  width:100%; float:left;  repeat-x;   overflow:hidden; margin:50px 0 0 0;  }
#box_wrap {  width:1100px; display:block; overflow:hidden;     margin:0 auto;    } 

#box_wrap p { text-align:center;  } 


 



.sticky {
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100;
	border-top: 0; 
	
background: #eff4f8;
	
	 margin:0;  padding:20px 0 ; 
	-webkit-box-shadow: 0px 0px 17px 0px rgba(50, 50, 50, 0.20);
-moz-box-shadow:    0px 0px 17px 0px rgba(50, 50, 50, 0.20);
box-shadow:         0px 0px 17px 0px rgba(50, 50, 50, 0.20);
 
	 transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
transition-property:all; 
-webkit-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-webkit-transition-property:all;
-ms-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-ms-transition-property:all
	
}
.sticky a { font-size:14px;
	 transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
transition-property:all; 
-webkit-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-webkit-transition-property:all;
-ms-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-ms-transition-property:all }

.sticky a img {   
	 transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
transition-property:all; 
-webkit-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-webkit-transition-property:all;
-ms-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-ms-transition-property:all }


#text_box { display:block; overflow:hidden; float:left; width:300px; margin:33px;}

#pion_hr { width:1px; height:50px; background:url(img/tlo_pion_hr.gif); display:block; float:left; overflow:hidden;}


#fb_like {  background: url('img/fb.png') no-repeat;   display: block; height: 317px; width:450px; right: -387px; position: fixed;   top: 472px;  z-index: 99999; padding:10px 0 0 80px;
transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
transition-property:all; 
-webkit-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-webkit-transition-property:all;
-ms-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-ms-transition-property:all;
 }
#fb_like:hover { right:-75px;}



#instagram_like {  background: url('img/instagram.png') no-repeat;   display: block; height: 100px; width:450px; right: -387px; position: fixed;   top: 390px;  z-index: 99999; padding:3px 0 0 80px;
transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
transition-property:all; 
-webkit-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-webkit-transition-property:all;
-ms-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-ms-transition-property:all;
 }
#instagram_like:hover { right:-75px;}



#tweet_like {  background: url('img/tweet.png') no-repeat;   display: block; height: 320px; width:450px; right: -387px; position: fixed;   top: 70px;  z-index: 99999; padding:12px 0 0 80px;
transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
transition-property:all; 
-webkit-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-webkit-transition-property:all;
-ms-transition-duration:1s, 1s, 1s, 1s, 1s, 1s, 1s; 
-ms-transition-property:all;
 }
#tweet_like:hover { right:-75px;}


/* privacy policy polityka prywatności */

#privacy_policy_background{
	position: fixed; top:0; bottom:0; left:0; right:0; background-color: rgba(0,0,0,0.4); z-index: 100; overflow-x: hidden;    overflow-y: auto; display: none;
}
#privacy_policy{
	max-width: 90%; width: 900px; margin: 50px auto; background-color: #f1f1f1; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.6); position: relative;
}
#privacy_policy_inside{
	padding: 20px;
}
#privacy_policy_inside ul{
	list-style-type: circle;
}
#privacy_policy_inside li{
	margin-left: 15px;
}
#privacy_policy_inside .close_privacy_policy{
	float: right; margin-left: 10px; margin-bottom: 10px;
}

/*karuzela*/


  
#carousel_wraper {  z-index:5; background:url(img/loga_blenda.png) center   ;  	position:absolute; display:block; overflow:hidden; width:100%; height:120px; margin:131px auto; }


#carousel_inner { 
    width: 150%;
	overflow: hidden;
    margin:0 0 0 5px;
	padding: 0px;
}
 
#carousel_ul {   
	position: relative;  
  
	left: 0px;
	list-style-type: none; 
	margin: 0px;  
	padding: 0px;
	 
}
 
#carousel_ul li{ 

	float: left;
	height: 120px;  
	padding: 0px;
	margin-top: 10px;  
	margin-bottom: 10px;  
	margin-left: 5px;  
	margin-right: 5px;  
}
 
#carousel_ul li img {   
	cursor: hand;  
	border: 0px;  
}


 /*slider*/
       #contentContainer {
            width: 1100px;
            height: 608px;
             
            overflow: hidden;
        }

        #wrapper {
            width: 5500px;
            position: relative;
            left: 0px;
            transition: left .5s ease-in-out;
        }

        .content {
            float: left;
            height: 728px;
            white-space: normal;
            width: 1100px;
            text-align: center;
            
        }

            

		#itemOne {
		    background-color: #fff;
		     
		}
		
		#itemTwo {
		    background-color: #fff;
		    
		}
		
		#itemThree {
		    background-color: #fff;
		    
		}
		
		#itemFour {
		    background-color: #fff;
		    
		}
		
		#itemFive {
		    background-color: #fff;
		    
		}

        #navLinks {
            text-align: center;
            width: 1100px;
        }

            #navLinks ul {
                margin: 0px;
                padding: 0px;
                display: inline-block;
                margin-top: 6px;
            }

                #navLinks ul li {
                    float: left;
                    text-align: center;
                    margin: 10px;
                    list-style: none; height:60px;
                    cursor: pointer;
                  
                    padding: 5px;
                  
                }

                    #navLinks ul li:hover {
                        color: #f00;
                    }

                    #navLinks ul li.active {
                        background:url(img/here.png) center no-repeat;
                        color: #062151; font-weight:bold;
                        
                    }

                        #navLinks ul li.active:hover {
                          
                            color: #000;
                        }
 
 
 
 
 
 
 
  .full-size, .flip-box .object, .flip-box .front, .flip-box .back {
  width: 100%;
  height: 100%;
}

.slice, .flip-box .front, .flip-box .back, .flip-box .flank {
  display: block;
  overflow: hidden;
  position: absolute;
}

.flip-box {
  float: left;
  display: block;
  position: relative;
  z-index: 2;
  width: 183px;
  height: 183px;
  -webkit-perspective: 400px;
  -moz-perspective: 400px;
  -ms-perspective: 400px;
  -o-perspective: 400px;
  perspective: 400px;
}
.flip-box .object {
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-duration: 1s;
  -moz-transition-duration: 1s;
  -o-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform: translateZ(-75px);
  -moz-transform: translateZ(-75px);
  -ms-transform: translateZ(-75px);
  -o-transform: translateZ(-75px);
  transform: translateZ(-75px);
}
.flip-box .object:hover, .flip-box .object:focus {
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-transform: translateZ(-75px) rotateY(180deg);
  -moz-transform: translateZ(-75px) rotateY(180deg);
  -ms-transform: translateZ(-75px) rotateY(180deg);
  -o-transform: translateZ(-75px) rotateY(180deg);
  transform: translateZ(-75px) rotateY(180deg);
}
.flip-box .front {
  z-index: 1;
  background-color: #bac3ca;
  -webkit-transform: rotateY(0deg) translateZ(75px);
  -moz-transform: rotateY(0deg) translateZ(75px);
  -ms-transform: rotateY(0deg) translateZ(75px);
  -o-transform: rotateY(0deg) translateZ(75px);
  transform: rotateY(0deg) translateZ(75px);
}
.flip-box .back {
  z-index: 0;
  background-color: #9bcc18;
  -webkit-transform: rotateY(180deg) translateZ(75px);
  -moz-transform: rotateY(180deg) translateZ(75px);
  -ms-transform: rotateY(180deg) translateZ(75px);
  -o-transform: rotateY(180deg) translateZ(75px);
  transform: rotateY(180deg) translateZ(75px);
}
.flip-box .flank {
  width: 183px;
  height: 183px;
  left: 75px;
  background-color: #55700e;
  -webkit-transform: rotateY(-90deg) translateZ(150px);
  -moz-transform: rotateY(-90deg) translateZ(150px);
  -ms-transform: rotateY(-90deg) translateZ(150px);
  -o-transform: rotateY(-90deg) translateZ(150px);
  transform: rotateY(-90deg) translateZ(150px);
}
.flip-box.flip-up .object:hover, .flip-box.flip-up .object:focus {
  -webkit-transform: translateZ(-75px) rotateX(180deg);
  -moz-transform: translateZ(-75px) rotateX(180deg);
  -ms-transform: translateZ(-75px) rotateX(180deg);
  -o-transform: translateZ(-75px) rotateX(180deg);
  transform: translateZ(-75px) rotateX(180deg);
}
.flip-box.flip-up .back {
  -webkit-transform: rotateX(180deg) translateZ(75px);
  -moz-transform: rotateX(180deg) translateZ(75px);
  -ms-transform: rotateX(180deg) translateZ(75px);
  -o-transform: rotateX(180deg) translateZ(75px);
  transform: rotateX(180deg) translateZ(75px);
}
.flip-box.flip-up .flank {
  width: 183px;
  height: 120px;
  left: 0;
  top: 25px;
  -webkit-transform: rotateX(-90deg) translateZ(100px);
  -moz-transform: rotateX(-90deg) translateZ(100px);
  -ms-transform: rotateX(-90deg) translateZ(100px);
  -o-transform: rotateX(-90deg) translateZ(100px);
  transform: rotateX(-90deg) translateZ(100px);
}
.flip-box.alternative .front {
  background-color: #931e83;
}
.flip-box.alternative .back {
  background-color: #bd27a9;
}
.flip-box.alternative .flank {
  background-color: #69155d;
}

.no-csstransforms3d .flip-box .object {
  position: relative;
  overflow: hidden;
  -webkit-transform-style: none;
  -moz-transform-style: none;
  -ms-transform-style: none;
  -o-transform-style: none;
  transform-style: none;
}
.no-csstransforms3d .flip-box .object .back {
  top: 300px;
  z-index: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  transition-property: top;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.no-csstransforms3d .flip-box .object:hover .back {
  top: 0;
  z-index: 1;
}
.no-csstransforms3d .flip-box .flank {
  display: none;
}

/* Internet Explorer 10 only */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .object {
    position: relative;
    overflow: hidden;
    transform: none !important;
  }
  .object .back {
    top: 300px;
    z-index: 0;
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in-out;
    -moz-transition-timing-function: ease-in-out;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
  }
  .object:hover .back {
    top: 0;
    z-index: 1;
    transform: rotateY(0deg) translateZ(0);
  }
}

#menu_belka_res { display:none;}
#baner_res { display:none;} 
#baner_wrap_res { display:none;} 
#responsive_text_box { display:none;}
#responsive_box_joinus { display:none;}
#map_res { display:none;}

@media only screen and (max-width: 1100px) {
#menu_belka { display:none;}
#menu_belka_res { display:table-cell; overflow:hidden; width:100%; height:130px; margin:0 auto ;  text-align:center; padding:30px 0 0 0;   }
#menu_belka_res a { vertical-align:middle; margin:0 15px; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1); font-size:18px;}
#menu_belka_res img { vertical-align:middle; }

#baner { display:none;} 
#baner_wrap { display:none;} 

#baner_res { width:100%; float:left; display:block;    }
#baner_wrap_res { width:100%;  display:block;  position:relative; text-align:center;  }
#box_wrap {  width:100%; padding:0 5%;   } 

#contentContainer { display:none;} 
#navLinks { display:none;}
#responsive_text_box { display:block; overflow:hidden; float:left; width:100%;  padding:10%;}
#responsive_text_box p {color:#C00; text-align:center; font-size:25px;}

#map{ display:none;}
#map_res { display:block;}

#responsive_box_joinus {  width:100%; display:block; overflow:hidden; margin:0 auto;} 

#text_box_testimonials{ display:none;}


.flip-box { float:none; display:inline-table;}
 


#fb_like { display:none;}
#instagram_like { display:none;}
#tweet_like { display:none;}
	
	.adv { display: none;}

}

@media only screen and (max-width: 500px) {
	
	
	
	
	
	}