@import url('reset.css');

body{
	background:#000;
	color:#282828;
/*	font-family: 'PT Sans Narrow', Arial, sans-serif;*/
	text-transform:uppercase;
   font-family: 'Source Sans Pro', sans-serif;
}
a{
	color:#2d2d2d;
	text-decoration:none;
}
img.ac_bgimage{
	position:fixed;
	left:0px;
	bottom:0px;
    top: -2200px;
	width:100%;
	opacity:0.8;
	display:none;
}
.ac_overlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	background:transparent url(../images/pattern.png) repeat top left;
}
.ac_loading{
	position:fixed;
	top:50%;
	right:50%;
	background:#000 url(../images/loader.gif) no-repeat center center;
	width:50px;
	height:50px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px 10px 10px 10px;
	z-index:999;
	opacity:0.7;
	display:none;
}
.ac_content{
	/*position:fixed;
	
	width:100%;
	top:50%;
	left:0px;
	margin-top:-65px;*/
        height:90px;
        
        position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	
	opacity:0.9;
	height:0px;
	padding-bottom:70px;
}

.logo{
        position:fixed;
	float: left;
  width: 220px;
  height: 170px;
  cursor: pointer;
  display: block;
  background: rgba(255, 255, 255, 0.86) url('../images/logo.png') 5px 5px no-repeat;
  
}
.logo h1{
	display:block;
	float:left;
	font-size:36px;
	font-weight:bold;
	line-height:20px;

    text-indent: -9999em;
}
.logo h1 span {
	font-weight:normal;
	font-size:46px;
    width: 125px;
}
.ac_menu{
/*	background:transparent url(../images/bg_menu.png) repeat top left;*/
        background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8);
	float:left;
	position:relative;
	height:70px;
	width:0px; 
}
.ac_menu > ul{
	float:right;
        margin-right: 70px;
}
.ac_menu > ul > li{
	float:left;
	position:relative;
	height:90px;
	overflow:hidden;
    margin-top: -6px;
}
.ac_menu > ul > li a{
	margin-top:60px;
	opacity:0;
	display:block;
	height:90px;
	padding:0px 10px;
	text-align:center;
	line-height:90px;
	outline:none;
	font-size:18px;
	font-weight:bold;
	text-shadow:1px 1px 1px #fff;
}
.ac_menu > ul > li a:hover{
    color: #F14422;
}
.ac_subitem{
	width:800px;
	height:0px; /* animate to 400px */
	top:50%;
	right:0%;

/*
    margin-left: auto;
    margin-right: auto;
*/
	margin-top:0px; /* animate to -200px */
	position:fixed;
	z-index:99;
	overflow:hidden;
/*	background:transparent url(../images/bg_menu.png) repeat top left;*/
    background-color: rgba(255, 255, 255, 0.98);
}

.ac_subitem.ofirmie, .ac_subitem.uslugi, .ac_subitem.faq, .ac_subitem.kontakt {
    right:7%;
}
.ac_subitem h2{
	font-size:22px;
	font-weight:bold;
	color:#282828;
	padding: 40px 0px 0px 40px;
	text-shadow:0px 0px 1px #fff;
}
.ac_subitem ul{
	padding:0px 40px;
}
.ac_subitem ul li{
	margin:10px 0px;
	text-transform:none;
}
.ac_subitem ul li:first-child{
	font-size:14px;
	text-transform:none;
	border-bottom:1px dotted #333;
	padding-bottom:15px;
	margin-bottom:15px;
}
span.ac_close{
	float:right;
	margin:20px;
	width:15px;
	height:15px;
	cursor:pointer;
	background:transparent url(../images/close.png) no-repeat top left;
	opacity:0.4;
}
span.ac_close:hover{
	opacity:1.0;
}
.ac_footer{
	position:fixed;
	bottom:0px;
	left:0px;
	width:100%;
	font-size:13px;
	background:#000;
	opacity:0.9;
	height:20px;
	padding-bottom:5px;
}
.ac_footer a{
	padding:5px 10px;
	letter-spacing:1px;
	text-shadow:1px 1px 1px #000;
	color:#ddd;
	float:right;
}
.footer a:hover{
	color:#fff;
}
.ac_footer a span{
	font-weight:bold;
}
.ac_footer a.ac_left{
	float:left;
}

.content {
    padding: 0px 40px;
    text-transform: none;
}
h3 {
    font-weight: bold;
    padding-top: 9px;
    padding-bottom: 2px;
}

.ac_subitem.uslugi {
    width: 880px;
}

.ac_subitem.faq {
    width: 980px;
}

.ac_subitem ul.clear {
    padding: 0 0;
    font-size: 14px;
}
.ac_subitem ul.clear li {
    border-bottom: none;
    padding-bottom: 4px;
    margin-bottom: 0;
    font-weight: bold;
}
.kontakt {
    width: 500px;
}
.ac_subitem.kontakt li {
    margin: 0 0 0 8px;
}

.ac_subitem.kontakt ul li:nth-child(7) {
    padding-bottom: 4px;
}

.bold {
    font-weight: bold;
}

.logo {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.logo:hover {
  -webkit-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
}

/* Media Queries Usługi */ 
/*
@media all and (max-width: 1052px) {
    .ac_subitem.uslugi {
    width: 780px;
    font-size: 14px;
}
}
*/

/*
@media all and (max-width: 954px) {
    .ac_subitem.uslugi {
    width: 680px;
    font-size: 12px;
}
}
*/

@media all and (min-width: 1200px) {
     .ac_subitem.uslugi {
    width: 800px;
    font-size: 16px;
    margin-top: -272px !important;
    }
}

@media all and (min-width: 1049px) and (max-width: 1199px) {
     .ac_subitem.uslugi {
    width: 600px;
    font-size: 12px;
    margin-top: -252px !important;
    }

     

        
}


@media all and (min-width: 1049px) and (max-width: 1240px) {
     .ac_subitem.faq{
    width: 700px;
   }

.ac_subitem.faq ul.clear {
     font-size: 12px;
}
}

@media all and (max-width: 1048px) {
    .ac_subitem.uslugi {
    width: 480px;
    font-size: 12px;
    margin-top: -250px !important;
    }

    .ac_subitem.ofirmie {
    width: 480px;
    font-size: 12px;
}

    .ac_subitem.faq{
    width: 480px;
   }
    .ac_subitem.faq ul.clear {
     font-size: 10px;
}
    
}

@media all and (max-width: 767px) {
    .logo {
    width: 84px;
    height: 62px;
    background: rgba(255, 255, 255, 0.86) url('../images/logo-small.png') 3px 2px no-repeat;
}
}

#container {
    width: 550px;
    margin: 0 auto;
    height:100%;

}

#content_home {
    height: 265px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.6);
    position: relative;
    right: 0%;
    bottom: -30%;
    padding: 15px 0 35px;
/*    visibility: hidden;*/
/*    padding-left: 50px;*/
    z-index:9999;
}

#content_home h3 {
    font-size: 1.4em;
    margin-bottom: 3%;
    text-transform: none;
    font-weight: normal;
    margin-left: 15%;
}

.contact_home {
    background-color: #FFFFFF;
    border: 1px solid #959595;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 24px;
    margin-top: 3px;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    vertical-align: middle;
    width: 150px;
    
    
}
.callmeback {
    margin-left: 15%;
}
.callmeback p {
    width: 30%;
}

.col2 {
    margin-left:-4%;
}
.left {
    float: left;
    margin-right: 66px;
}
.clear {
    clear: left;
    float: left;
}

p.clear {

    margin-right: 66px;
}
.contact_home.option {
    height: 36px;
    width: 175px;

}


.contact_home.option.czas {
/*    width: 96%;*/
}
.contact_home.option option {
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: lowercase;
}

.callmeback p {
    margin-bottom: 2%;
    text-transform: lowercase;
}


.callmeback .submit {
    width: 115px;
    height: 32px;
    color: #f5f5f5;
    border-radius: 3px;
    cursor: pointer;   
    margin: 15% auto;
    background-color: #d95e55;
    margin-left: 250px;
}

.callmeback .submit:hover {
    box-shadow: 0px 1px 4px rgba(255, 255, 255, 0.5);
}

.header_home.pierwszy {
    width: 100%;
/*    position: fixed;*/
   
/*visibility: hidden;*/
    background-color: rgba(255, 255, 255, 0.8);
/*    padding: 0.5% 0.5%;*/
    text-align: center;
    font-size: 2.5em;
    font-weight: bold;
    color: #e0392d;
    position: relative;
    top:1%;
    left:0;
}


.header_home.stop {
    width: 150px;
    height:150px;
    position: relative;
    top: 2%;
 
    margin: 0 auto;

   
/*visibility: hidden;*/
    background: url(../images/stop.png) center center no-repeat;
    padding: 1.2% 1%;
    text-align: center;
    font-size: 1.8em;
    font-weight: bold;
    color: #e0392d;
    
}

.header_home.drugi {
    width: 550px;
    padding-top: 20px;
    margin: 0 auto;
    position: relative;
    top: 30%;
/*    visibility: hidden;*/
    background-color: rgba(255, 255, 255, 0.6);
    text-align: center;
    font-size: 1.65em;
    font-weight: bold;
    color: #3a3a3a;
}



@keyframes header_pierwszy {
  0% {
    right: -400px;
        visibility: visible;
  }

  100% {
    right: 31%;
    visibility: visible;
  }
}

@-webkit-keyframes header_pierwszy {
  0% {
    right: -400px;
        visibility: visible;
  }

  100% {
    right: 31%;
    visibility: visible;
  }
}

.header_home.pierwszy {
  animation-name: header_pierwszy;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    
      -webkit-animation-name: header_pierwszy;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}




@keyframes header_stop {
/*
  0% {
    left: -400px;
        visibility: visible;
  }

  100% {
    right: 43.5%;
    visibility: visible;
  }
*/
}

@-webkit-keyframes header_stop {
/*
  0% {
    right: -400px;
        visibility: visible;
  }

  100% {
    right: 43.5%;
    visibility: visible;
  }
*/
}

.header_home.stop {
  animation-name: header_stop;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    
      -webkit-animation-name: header_stop;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}


@keyframes header_drugi {
/*
  0% {
    left: -400px;
        visibility: visible;
  }

  100% {
    left: 36%;
    visibility: visible;
  }
*/
}

@-webkit-keyframes header_drugi {
/*
  0% {
    left: -400px;
        visibility: visible;
  }

  100% {
    left: 36%;
    visibility: visible;
  }
*/
}

.header_home.drugi {
  animation-name: header_drugi;
  animation-duration: 1.6s;
  animation-timing-function: ease-out;
  animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    
      -webkit-animation-name: header_drugi;
  -webkit-animation-duration: 1.6s;
  -webkit-animation-timing-function: ease-out;
  -webkit-animation-delay: .5s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
}




@-webkit-keyframes content {
/*
  0% {
    width: 0px;
        visibility: visible;

  }

  100% {
    width: 500px;
    visibility: visible;
  }
*/
}



@keyframes content {
/*
  0% {
    width: 0px;
    visibility: visible;    
    
  }

  100% {
    width: 500px;
    visibility: visible;
  }
*/
}

#content_home {
/*
  animation-name: content;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-delay: .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    
    -webkit-animation-name: content;
  -webkit-animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  -webkit-animation-delay: .5s;
   -webkit-animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
*/
}

.hide {
    display: none;
}