/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body {line-height: 1; }
ul {list-style: none;}
blockquote, q {quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse;border-spacing: 0;}


/* Wlasne */
.clear {
    clear:both;
}



p {padding-bottom:25px; padding-top:0px; margin:0px; }
 h1, h2, h3, h4, h5 { position:relative; color:#5b5a5a; padding:0px 0px 0px 0px; margin:0 0 4px 0;  line-height:1.3em; font-weight:300;  }
 h1 {font-size:34px; padding-bottom:22px;  }
 h2 {font-size:30px;padding-bottom:20px;}
 h3 {font-size:26px;padding-bottom:20px;}
 h4 {font-size:22px;padding-bottom:18px;}
 h5 {font-size:19px;padding-bottom:18px;}
 h6 {font-size:18px;padding-bottom:18px;}

#contentRight ul {padding:0px 0 14px 0px; margin:0px 0px 10px 15px; }
#contentRight ul li {margin:0px 0 0 0px; padding:6px 0px 6px 20px; position:relative; background:url(../images/li.png) 0px 12px no-repeat;  } 


.contactpara ul {padding:0px 0 14px 0px; margin:0px 0px 10px 15px; }
.contactpara ul li {margin:0px 0 0 0px; padding:6px 0px 6px 20px; position:relative; background:url(../images/li.png) 0px 12px no-repeat;  }


a {
    color:#000;
}
a:hover {
    color:#ce2636;
}
#contentRight strong{
    font-weight:bold;
	color:#ce2636;
}

#contentRight ol {margin-left:0px; padding-bottom:18px; padding-left:0;}
#contentRight ol li {margin-left:0px; padding:3px 0 3px 0px;}

.others{
	padding-bottom: 35px;
}


.contactpara strong{
    font-weight:bold;
	color:#ce2636;
}
.contactpara h2 {
	font-size: 30px;
	padding-bottom: 5px;
}

.contactpara p {

	padding-bottom: 0;
}


.contactpara ol {margin-left:0px; padding-bottom:18px; padding-left:0;}
.contactpara ol li {margin-left:0px; padding:3px 0 3px 0px;}



html,body {
  margin:0;
  padding:0;
  font-family: 'Roboto', sans-serif;
  font-size:14px;
  font-weight:400;
  color:#5b5a5a;
  line-height:1.6em;
  min-width:320px;

}
body{
	background:#fff;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 500px, #f6f6f6 500px, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 500px,#f6f6f6 500px,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 500px,#f6f6f6 500px,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
	width:100%;
}

body.subpage {
	background:#fff;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 300px, #f6f6f6 300px, #f6f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 300px,#f6f6f6 300px,#f6f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 300px,#f6f6f6 300px,#f6f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */
}

div#allHolder {
	width:100%;
	position:relative;
	overflow:hidden;
}


div.cHolder {
    position:relative;
    width:100%;
    margin:0 auto 0 auto;
}
div.cContainer {
    width:100%;
    /*max-width:1170px;*/
    padding:0;
    margin:0px auto 0px auto;
}


div.cHolder.topHolder {
	position:fixed;
	top:0px;
	left:0px;
	z-index:100;
	padding:20px 0px 0 0;
	background:#fff;
	-webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
	-webkit-animation-duration: 1.2s;  animation-duration: 1.2s;  -webkit-animation-fill-mode: both;
	animation-fill-mode: both; -webkit-animation-name: fadeInTop; animation-name: fadeInTop; -webkit-animation-delay: 0s; animation-delay: 0s;
}

.scroll div.cHolder.topHolder {
	padding:5px 0px 0px 0;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55);
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.55); }

div.cHolder.topHolder .cContainer{
	position:relative;

}



a#logo {
  display:block;
  float:left;
  padding:0px;
  position:relative;
  z-index:1;
  width:166px;
	height:113px;
	margin:0px 0 20px 2%;
    background:url(../images/logo.png) center no-repeat;
	background-size:auto 100%;
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}

.scroll a#logo {  height:60px; width:90px;}


.langHolder{
	float:right;
	margin:0 2% 0 0;
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}

.langHolder a{
	display:inline-block;
	width:24px;
	line-height:24px;
	margin:0px 0px 0px 8px;
	position:relative;
	color:#a7a9ac;
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	text-align:center;
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.langHolder a.active, .langHolder a:hover{
	color:#ce2636;
}

#menuTop{
	float:right;
	margin:2px 2% 80px 0;
	text-align:right;
	-webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.scroll #menuTop{ margin-bottom:0px; }
#menuTop li{ display:inline-block; }
#menuTop li a{
	display:inline-block;  font-size:13px; color:#a7a9ac; text-decoration:none; margin:0 10px;
	-webkit-transition:all 0.2s;   -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;
}
#menuTop li a:hover, #menuTop li a.active{ color:#ce2636; }


#menu {
	clear:both;
	margin:0px 0 0 0;
    padding:0px 0px 0px 0px;
	text-align:center;
	border-top:1px solid #a7a9ac;
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.scroll #menu { clear:none; text-align:right;  float:right; margin-top:10px; }

#menu li{
    display:inline-block;
    margin:0px 0 0 0px;
	position:relative;
}
#menu li a{
    display:inline-block;
	position:relative;
    margin:0px 15px;
	padding:0px 0px;
    font-size:15px;
	line-height:48px;
    text-decoration:none;
    color:#878a8e;
	text-transform:uppercase;
	font-weight:300;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s;
}

.scroll #menu li a{ line-height:36px;  margin:0px 8px; font-size:14px;}


#menu li a:after{
	content:'';
	position:absolute;
	top:0px;
	left:50%;
	width:0px;
	height:3px;
	margin-top:-2px;
	background:#ce2636;
	webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
	-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);
}

#menu > li > a.active, #menu > li > a:hover {
color:#2e2e2d;
}
#menu > li > a.active:after, #menu > li > a:hover:after {
	width:100%;
}

a.menuBtn{
    clear:both;
    float:left;
    display:block;
    width:100%;
    height:36px;
    background:#ce2636 url(../images/menu_btn.png) 96% 50% no-repeat;
    margin:12px 0 0px 0;
    cursor:pointer;
    display:none;
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}


@-webkit-keyframes fadeInLeft {
  from {opacity:0; -webkit-transform:translate(-100px,0px); transform:translate(-100px,0px); }
  to { opacity: 1;-webkit-transform:translate(0px,0);transform:translate(0px,0);}
}
@keyframes fadeInLeft {
   from {opacity:0; -webkit-transform:translate(-100px,0px); transform:translate(-100px,0px); }
  to { opacity: 1;-webkit-transform:translate(0px,0);transform:translate(0px,0);}
}
@-webkit-keyframes fadeInRight {
  from {opacity:1; -webkit-transform:translate(0px,0px); transform:translate(0px,0px); }
  to { opacity: 0; -webkit-transform:translate(100px,0px); transform:translate(100px,0px);}
}
@keyframes fadeInRight {
   from {opacity:1; -webkit-transform:translate(0px,0px); transform:translate(0px,0px); }
  to { opacity: 0; -webkit-transform:translate(100px,0px); transform:translate(100px,0px);}
}
@-webkit-keyframes fadeInTop {
  from {opacity:0; -webkit-transform:translate(0px,-100px); transform:translate(0px,-100px); }
  to { opacity: 1;-webkit-transform:translate(0px,0);transform:translate(0px,0);}
}
@keyframes fadeInTop {
   from {opacity:0; -webkit-transform:translate(0px,-100px); transform:translate(0px,-100px); }
  to { opacity: 1;-webkit-transform:translate(0px,0);transform:translate(0px,0);}
}

@-webkit-keyframes fadeInBottom {
  from {opacity:0; -webkit-transform:translate(0px,100px); transform:translate(0px,100px); }
  to { opacity: 1;-webkit-transform:translate(0px,0);transform:translate(0px,0);}
}
@keyframes fadeInBottom {
   from {opacity:0; -webkit-transform:translate(0px,100px); transform:translate(0px,100px); }
  to { opacity: 1;-webkit-transform:translate(0px,0);transform:translate(0px,0);}
}

@-webkit-keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1;}
}

@keyframes fadeIn {
   from { opacity: 0; }
  to { opacity: 1;}
}
/* rotator */


div.cHolder.rotatorHolder{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;

}
.rotatorHolder .cContainer{ position:relative;  height:835px; overflow:hidden; background:#fff; }

#video {
	position:relative; min-width:100%;min-height:100%;width:auto;height:auto;z-index:0; left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);
}
.rotatorHolder .cContainer:after{
	content:''; position:absolute; top:0px; left:0px; width:100%; height:100%; background:url(../images/top_mask.png) center;
}



.indexHead{

}
.indexHead .cContainer{
	padding:350px 0 0 0;
	height: 768px;
	-webkit-animation-duration: 1.2s;  animation-duration: 1.2s;  -webkit-animation-fill-mode: both;
	animation-fill-mode: both; -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-delay: 1s; animation-delay: 1s;
}
.indexHead h1{
	font-size:81px;
	font-weight:100;
	color:#fff;
	line-height:1.2em;
	padding:0 0 24px 2%;
	margin:0px;
}
.indexHead h1 strong{
	font-weight:900;
}
.indexHead p{
	padding:0 0 24px 2%;
}
.indexHead a.more{
	display:inline-block;
	line-height:48px;
	padding:0 30px;
	margin-right:20px;
	color:#fff;
	text-align:center;
	font-size:15px;
	font-weight:300;
	text-transform:uppercase;
	background:#ce2636;
	text-decoration:none;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	-webkit-transition:all 0.2s;   -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;
}
.indexHead a.more:hover{
	color:#ce2636;
	background:#fff;
}




.indexContent {
	background:#f6f6f6;
	position:relative;
	padding:0px 0;
	color:#5b5a5a;
	font-size:15px;
	-webkit-animation-duration: 1.2s;  animation-duration: 1.2s;  -webkit-animation-fill-mode: both;
	animation-fill-mode: both; -webkit-animation-name: fadeInBottom; animation-name: fadeInBottom; -webkit-animation-delay: 0.8s; animation-delay: 0.8s;
}
.indexContent  .cContainer{

}

.indexLeft {
	float:left;
	width:62.66%;
	padding:35px 2%;
  padding-bottom:25px;
}

.indexLeft h2 {
	color:#5b5a5a;
	font-size:21px;
	font-weight:300;
	margin:0px;
	padding:0 0 24px 0;
}
.indexLeft p{
	padding:0 0 12px 0;
}

.indexRight {
	position:relative;
	float:right;
	width:25.33%;
	padding:40px 4%;
	margin:-100px 0 0 0;
	background:#ce2636;
	color:#fff;
}
.indexRight:after {
	content:''; position:absolute; bottom:100%; right:100%; width:113px; height:113px; background:url(../images/plus.png) top left no-repeat; margin:0 -35px -35px 0;
}

.indexRight li{

	color:#fff;
}
.indexRight li a{
	display:block;
	padding:3px 0;
	color:#fff;
	font-size:15px;
	text-decoration:none;
	border-bottom:1px dashed #e15a6d;
	-webkit-transition:all 0.2s;   -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;
}
.indexRight li a:before{ content:'» '; }
.indexRight li a:hover{ border-bottom:1px solid #e15a6d; padding-left:5px; }

.indexContent2{
	background:#f6f6f6 url(../images/paralax1.jpg) top no-repeat fixed;
}
.indexContent2 .cContainer{ height:500px; }
.indexContent2 h2{
	float:left;
	font-size:28px;
	font-weight:100;
	color:#fff;
	background:#a7a9ac;
	padding:20px 2%;
	width:62.66%;
}



.sliderHolder{
	background:#f6f6f6;
	padding:0 0 0px 0;
}



.sliderHolder .cContainer{
	position:relative;
	filter:alpha(opacity=100);
	-webkit-transition:all 0.8s;
    -moz-transition:all 0.8s;
    -o-transition:all 0.8s;
    transition:all 0.8s;
	-webkit-transform: translateY(0px);
	  -moz-transform:    translateY(0px);
	  -ms-transform:     translateY(0px);
	  -o-transform:      translateY(0px);
	  transform:         translateY(0px);
	max-width: 1570px;
}

.sliderHolder .cContainer.anim{
	  opacity:0;
	filter:alpha(opacity=0);
	-webkit-transform: translateY(100px);
	  -moz-transform:    translateY(100px);
	  -ms-transform:     translateY(100px);
	  -o-transform:      translateY(100px);
	  transform:         translateY(100px);

}
.sliderHolder .slider .inner {
	display:block;
	position:relative;
	float:left;
	width:100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	background-size:cover;
}
.sliderHolder tbody {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.sliderHolder tr {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0;
	filter:alpha(opacity=0);
	visibility:hidden;
	-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
}
.sliderHolder tr.active {
	opacity:1;
	filter:alpha(opacity=100);
	visibility:visible;
}
.sliderHolder td{
	display:block;
	padding:40px 100px 0px 100px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	text-align:center;
}


.sliderHolder h2{
	font-size:110px;
	color:#fff;
	font-weight:900;
	margin:0px;
	padding:0 0 15px 0;
	line-height:1.2em;
}
.sliderHolder p{
	color:#fff;
	font-size:17px;
	font-weight:300;
	line-height:1.5em;
  	/*margin-top:30px;*/
}

.sliderBtns{
	position:absolute;
	bottom:55px;
	left:0px;
	width:100%;
	text-align:center;

}
.sliderBtns a{
	display:inline-block;
	width:14px;
	height:14px;
	margin:0 3px;
	-webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%;
	background:#f3a3ad;
	cursor:pointer;
}
.sliderBtns a.active,.sliderBtns a:hover{
	background:#fff;
}

.sliderLeft, .sliderRight{
	display:block;
	position:absolute;
	top:50%;
	width:51px;
	height:101px;
	margin-top:-50px;
	cursor:pointer;
	background:center no-repeat;
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
	opacity:0.7;
}
.sliderLeft{ background-image:url(../images/arrow_left.png); left:2%; }
.sliderRight{ background-image:url(../images/arrow_right.png); right:2%; }
.sliderLeft:hover, .sliderRight:hover{ opacity:1; }







.footerHolder{
	position:relative;
	background:#fff url(../images/footer_bg.png) top no-repeat;
	padding:50px 0 30px 0;
	color:#c1c1c1
	font-size:13;
	/*font-weight:300;*/
}
.footerHolder:after{
	content:'';
	position:absolute;
	top:0px;
	left:50%;
	width:54px;
	height:54px;
	margin:-27px 0 0 -27px;
	background:url(../images/plus_small.png) center no-repeat;

}
.footerHolder .cContainer{ }

#menuBottom {
	display:none;
	text-align:center;
}
#menuBottom  li{ display:inline-block; }
#menuBottom  a{ color:#000; display:inline-block; margin:0 10px; text-decoration:none;}
#menuBottom  a:hover, #menuBottom  a.active{ color:#ce2636; }



.footerBox{
	float:left;
	width:20%;
	padding:20px 2%;
	color:#5b5a5a;
	font-size:13px;
}
.footerLinks li a{
	color:#c1c1c1;
	text-decoration: underline;
	font-size: 1rem;
}

.showmore{
	padding: 1rem 3rem;
	border-radius: 3px;

}

.footerBox h3{
	font-size:18px;
	font-weight:900;
	color:#ce2636;
	padding-bottom:5px;
}
.footerBox p{
	padding:0 0 0 0;
}


.footerBox p.fb3p{ padding-top:0px;  }



.footerBox a.contactBtn{
	display:block;
	color:15px;
	text-decoration:none;
	background:#a7a9ac;
	color:#fff;
	font-size:15px;
	text-transform:uppercase;
	text-align:center;
	padding:13px 20px;
	margin-top:10px;
	-webkit-transition:all 0.2s;  -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
}
.footerBox a.contactBtn:hover{
	background:#ce2636;
}


.designe{
	padding:10px 0 10px 0!important;
	text-align:right;
    font-size:12px;
	line-height:1.5em;

}

.designe a{
	font-size:12px;
	color:#5b5a5a;
	text-decoration:none;

}
.avangardo_logo{
	display:inline-block;
	vertical-align:middle;
	margin:0px 0 0px 10px;
	width:13px;
	height:18px;
	background:url(../images/avangardo_logo.png) center no-repeat;
}





.header{
	padding:202px 0 0 0;
	background:url(../images/header.jpg) bottom no-repeat;
}



.header .cContainer{
	height:202px;
	position:relative;
}
.header h2{
	position:absolute;
	bottom:0px;
	left:0px;
	width:33%;
	padding:30px 0 30px 0;
	margin:0 0 0 0;
	line-height:1.1em;
	color:#fff;
	text-align:center;
	font-size:38px;
	font-weight:100;
	background:#ce2636;

}



div.cHolder.subpageContent {
    padding:0px 0 40px 0;
	margin-bottom:0px;
	background:#f6f6f6;
}
div.cHolder.subpageContent .cContainer{ position:relative; }



#contentLeft{
	position:relative;
	float:left;
	width:29%;
	padding:30px 2% 30px 2%;
	margin:0px 0 0 0;
	background:#a7a9ac;
	z-index:1;
}

.submenu {
	display:block;
	padding:0 0 0px 0;
	margin:0px;
}
.submenu li{
	display:block;
	padding:0px 0;
	position:relative;
}
.submenu li.slide:after{
	content:'';
	position:absolute;
	right:0px;
	top:10px;
	width:24px;
	height:24px;
	z-index:2;
	background:#929497 url(../images/submenu.png) center no-repeat;
	-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;
}

.submenu li a{
	display:block;
	position:relative;
	padding:10px 0% 10px 0%;
	font-size:15px;
	font-weight:400;
	color:#fff;
	text-decoration:none;
	border-top:1px dashed #cccccc;
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}
.submenu li:first-child a{ border:none; }
.submenu li a:before{ content:'» '; }

.submenu li a.active, .submenu li a:hover{
	font-weight:bold;
  color:#ce2636;
}

.submenu li.slide:hover:after{
	background-color:#ce2636;
	z-index:5;
}



.submenu li ul{
	position:absolute;
	top:10px;
	left:100%;
	margin-left:-24px;
	background-color:#ce2636;
	width:200px;
	padding:20px 20px 10px 30px;
	opacity:0;
	visibility:hidden;
	-webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;
}

.submenu li:hover > ul{
	opacity:1;
	visibility:visible;
	z-index:3;
}
.submenu li li{
	border:none;
}
.submenu li li a{
	color:#fff;
	font-size:15px;
	text-transform:none;
	padding:5px 0px 5px 0px;
	font-weight:400;
	border:none;
	border-bottom:1px solid #b52033!important;
}
.submenu li li:last-child a{ border:none!important; }

.submenu li li a:before{ display:none; }

.submenu li li a:hover, .submenu li li a.active{
  color:#fdb7c0;
}


#contentRight{
	position:relative;
    padding:35px 1% 10px 1%;
    margin:0px 0 0 0;
	min-height:200px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.contactpara{
	position:relative;
    padding:10px 1% 10px 1%;
    margin:0px 0 0 0;
	min-height:100px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}
.typ5 #contentRight{ min-height:100px;  }
#contentRight.withLeft{
	 width:100%;
   padding-left:2%;
}





 .gallery_list{
	width:100%;

  }


  .gallery_list .image_holder{
	overflow:hidden;
	display:block;
	position:relative;
	float:left;
  width: 30%;
  max-width:300px;
  margin:10px 1.6%;
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
  }

  .gallery_list .image_holder img{
	display:block;
	width:100%;
	height:auto;
	-webkit-transition:all 0.6s;
    -moz-transition:all 0.6s;
    -o-transition:all 0.6s;
    transition:all 0.6s;
  }
.gallery_list .image_holder:hover img{
	transform:scale(1.05) translate3d(0,0,0);
}

.image_holder span.img_prev_icon {
	display:none;
  }


.image_holder span.img_hover_bg {
	display:block;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(213,44,66,0.6) url(../images/lupa.png) center no-repeat;
	text-indent:-999999px;
	opacity:0;
    filter:alpha(opacity=0);
	-webkit-transition:all 0.2s;
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
  }

 .image_holder:hover span.img_hover_bg {
	opacity:1;
    filter:alpha(opacity=100);
  }






  /*
.ptyp5 table td {
	width:46%;
	display:inline-block;
	margin:0px 2% 30px 2%;
	vertical-align:top;
}
.ptyp5 table td:last-child { margin-right:0px; }
*/

#contactbox{
	position:relative;
  margin-bottom:-130px;
	width:100%;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	padding:40px 20px 10px 20px;
	background:#a7a9ac;
	float:left;
	z-index:1;
}

.rightFormHolder #contactbox{
	margin-top:0px;
	float:none;
}
div.input_holder {
    float:left;
    width:31%;
    margin:0px 3.5% 20px 0;
}

div.input_holder.form-width-last{
	float:right;
	margin-right:0px;
}

div.input_holder.form-width-full{
	float:right;
	margin-right:0px;
	width:100%;
}
.rightFormHolder div.input_holder {  width:100%!important; margin-bottom:10px!important; margin-right:0px!important; }

div#contactbox input,div#contactbox  textarea,div#contactbox  select{
  float:left;
  padding:0 4% 0 4%;
  font-size:15px;
	background:#fff;
	border:none;
  color:#676767;
font-family:"Roboto", sans-serif;
  width:100%;
  height:48px;
	margin:0px 0 0px 0px;
  line-height:48px;
  border:none;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
}


div#contactbox input.error, div#contactbox  textarea.error, div#contactbox  select.error{
    background-color:#ed4a51;
    color:#fff;
}

div#contactbox .contact_textarea {
	height:150px;
	margin:0px 0 1px 0px;
	  width:100%;
	  padding:14px 2% 5px 2%;
	  line-height:1.4em;
	  resize:none;
	  font-family:"Lato", sans-serif;
}

div#contactbox div.input_holder.form-width-full textarea{
	height:150px;
	margin:0px 0 1px 0px;
	width:100%;
	padding:14px 2% 5px 2%;
	line-height:1.4em;
	resize:none;
	font-family:"Lato", sans-serif;
}

div#contactbox p.submitHolder {
	width:100%;
	clear:both;
	padding:0px 0 0 0;
}
div#contactbox .submit,button[type="submit"]  {
	position:absolute;
	bottom:-26px;
	left:49.5%;
	-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); transform:translateX(-50%);
	display:block;
	width:300px;
	padding:15px 0 15px 0;
	margin:0 auto;
	background:#ce2636;
    color:#fff;
    font-size:22px;
	border:none;
	text-transform:uppercase;
    text-decoration:none;
	cursor:pointer;
	text-align:center;
    -moz-transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s

    	text-align:center;
	font-size:15px;
	font-weight:300;
	text-transform:uppercase;
	background:#ce2636;
	text-decoration:none;
	-webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
	-webkit-transition:all 0.2s;   -moz-transition:all 0.2s; -o-transition:all 0.2s; transition:all 0.2s;

}
div#contactbox .submit:hover {
	color:#fff;
	border-color:#fff;
	background:#000;


}
.contactInfo{
	color:#fff;
	padding:16px 10px 0 10px;
	text-align:center;
	line-height:1.2em;
}
p.contact_alert {
    display:none;
}

p.contact_congrats {
    padding:3px 10px 3px 10px;
    color:#000;
    position:absolute;
    top:29px;
    left:0px;
    width:260px;
}
.pola_wymagane {
    float:left;
	  display:block;
    width:30%;
    text-align:left;
    font-size:11px;

    color:#fff;
}


.mapHolder{
	background:#f6f6f6;
}
#mapCanvas{
	position:relative;
	width:100%;
	max-width:1560px;
	height:520px;
	margin:0 auto;
}







/* CONFIRM WINDOW */

div#confirm_window_bg{
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    background:#000;
    opacity:0.7;
    z-index:9999;
}

div#confirm_window{
    position:fixed;
    top:50%;
    left:50%;
    width:320px;
    height:120px;
    margin:-137px 0 0 -180px;
    padding:170px 20px 0 20px;
    z-index:10000;
    font-size:14px;
    text-align:center;
    line-height:1.5em;
    color:#303030;
    background:#fff url(../images/logo.png) 50% 50px no-repeat;
	background-size:30% auto;
}
div#confirm_window strong{
  font-size:20px;
	font-weight:300;
  display:inline-block;
	padding-bottom:10px;
	color:#ce2636;


}
a#confirm_window_btn{
    position:absolute;
    top:1px;
    right:1px;
    cursor:pointer;
	width:37px;
	height:37px;
	background:#fff url(../images/close2.gif) center no-repeat;
}

.widget_social{
	position:fixed;
	top:154px;
	right:-190px;
	z-index:101;
	-moz-transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    transition:all 0.4s
}
.widget_social:hover{ right:0px; }
.fbIcon{
	position:absolute;
	top:0px;
	right:100%;
	width:48px;
	height:48px;
	background:url(../images/fb.gif) center no-repeat;
}
.widget_social iframe {
	width:190px;
	height:300px;
}

table.pricing h3 {padding-bottom:0;margin-bottom:0;}
table.pricing {width:100%; margin-bottom:26px;}
table.pricing tr{ background:#fff; -moz-transition:all 0.2s; -webkit-transition:all 0.2s;  -o-transition:all 0.2s; transition:all 0.2s; }
table.pricing tr:hover{ background: #a7a9ac; color:#fff; }
table.pricing td {padding:5px; border:1px solid #f6f6f6;}
table.pricing td p {margin-bottom:0; padding-bottom:0;}

table.ral {width:50%; margin-bottom:26px;}
table.ral td {padding:5px; border:1px solid #f6f6f6;}
table.ral td.fliesstext {width:20px; text-align:right;}
table.ral td.fliesstext:nth-child(even) {text-align:left;}

table.contacter h3 {padding-bottom:0;margin-bottom:0;}
table.contacter {width:100%; margin-bottom:26px;}
table.contacter  tr{ background:#fff; -moz-transition:all 0.2s; -webkit-transition:all 0.2s;  -o-transition:all 0.2s; transition:all 0.2s; }
table.contacter  tr:hover{ background: #a7a9ac; color:#fff; }
table.contacter td { width:25%; padding:5px; border:1px solid #f6f6f6;}
table.contacter td p {margin-bottom:0; padding-bottom:0;}

table.contactGeneral {width:100%;}
table.contactGeneral td {width:32%; padding:1%;}


#calCalc table {
	width:100%;
	max-width:500px;
}
#calCalc tr{
	background:#fff;
}
#calCalc tr:nth-child(odd){
	background:#e0e1e3;
}
#calCalc td{
	padding:5px 5px;
}
#calCalc input {
	border:1px solid #676767;
	color:#676767;
}
#calCalc input.calCalcSubmit{
	color:#fff!important;
	background:#ce2636;
	border:none;
	cursor:pointer;
}

blockquote {
	background: #f9f9f9;
	border-left: 10px solid #ccc;
	margin: 1.5em 10px;
	padding: 0.5em 10px;
	quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
	color: #ccc;
	content: open-quote;
	font-size: 4em;
	line-height: 0.1em;
	margin-right: 0.25em;
	vertical-align: -0.4em;
}
blockquote h2 {
	display: inline;
	font-size: 35px !important;
	padding-bottom: 22px
}
.machine-gallery img{
	max-height: 380px;
	max-width: 100%;
}
@media (max-width: 568px){

	.machine-gallery img{
		max-height: 150px;
		max-width: 100%;
	}
	.machine-gallery .hover-hide{
		font-size: 1rem;
	}
}
.right-0{
	right: 0;
}

.circleShow{
	display: block;
}
.circleMobileShow{
	display: none;
}

@media (max-width: 599px){

	.circleShow{
		display: none;
	}
	.circleMobileShow{
		display: block;
	}
	.circleMobileShow> div{
		background-color: rgba(213, 44, 66, 0.83)
	}

	.itemDot {
		display: block;
		width: 50px;
		height: 50px;
		margin: 5px 0px;
		background: #3a3738;
		color: #fff;
		border-radius: 100%;
		text-align: center;
		line-height: 80px;
		font-size: 30px;
		z-index: 3;
		cursor: pointer;
	}
	.itemDot img{
		width: 100%;
	}

	.CirItem.quote-wrapper{
		/*display: none;*/
		margin: 30px 0px;
		opacity: 0;
		transform: scale(0);
		transition: 0.5s;
		position: absolute;
	}
	.CirItem.active{
		display: block;
		transform: scale(1);
		width: 60vw ;
		position: absolute;
	}
	.CirItem.active .text{
		padding: 15px 15px;
	}
	.text strong {
		height: 100%;
		font-size: 1.86rem!important;
		text-align: center;
	}
	.text p {
		height: 100%;
		font-size: 1.2rem!important;
	}
	.itemDot.active{
		background: white;
	}

}


@media (max-width: 760px){

	.footerBox.contactdata{
		width: 49%;
		display: inline-block;
	}
	.footerBox h3{
		font-size: 15px;
	}

}
@media (max-width: 375px){


	.text p {
		height: 100%;
		font-size: 1rem!important;
	}
}