html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
ul{list-style:none}
h1,h2,h3,h4,h5,h6{line-height:1em}

html,body
{
    padding:0;
    margin:0;
    font-family:"Lato",sans-serif;
    font-size:16px;
    line-height:1.5em;
    font-weight:300;
    color:#788087;
    background:url('../images/bg.gif');
    min-width:320px
}


#allHolder
{
    width:100%;
    max-width:1269px;
    margin:66px auto 0 auto;
    background: #fff;
    position:relative;
}
.langHolder{
    position:absolute;
    top:-40px;
    right:10px;
    z-index:1;  
}
.type1 .langHolder{

    top:10px;

}

.langHolder a{
    display: inline-block;
    width:24px;
    height:24px;
    line-height:24px;
    text-align:center;
    margin:0 2px;
    text-decoration:none;
    background:#fff;
    color:#788087;   
    font-size:12px;
    font-weight:400;
    border:1px solid #788087;
}
.langHolder a.active, .langHolder a:hover{
    color:#f07d65;

}

.type1 #allHolder { margin:0 auto; }

.clear
{
    clear:both
}

.mHolder
{
    width:100%;
    position:relative
}

.mContainer
{
    width:100%;
    max-width:1113px;
    padding:0;
    margin:0 auto
}

a
{
    color:#f07d65;
}

a:hover
{
    color:#e7433f;
}



.indexTop {
    width:100%;
    position:relative;
    /*background: url('../images/index_top.jpg') top no-repeat fixed;*/
    background: #fff;
}
.indexTop:before {
    content:'';
    display:block;
    padding-bottom:48.62%;
}

.indexLogo {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background:url('../images/index_logo.png') center no-repeat;
}
/* ROTATOR */

div#rotator{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:hidden;
    width:100%;
}
div#rotator img.rotFix {
    display:block;
    max-width:100%;
}
div.rotatorHolder{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;

}
div.rotatorHolder .rotElement{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    display:none; 
    overflow:hidden;
}
div.rotatorHolder .rotElement.active{
  
}

.rotElement .rotImage{
    position:absolute;
    top:50%;
    left:50%;
    -webkit-transform: translate(-50%,-50%);   -moz-transform: translate(-50%,-50%);  transform: translate(-50%,-50%);
    max-height:100%;
}

.rotBtnHolder {
    position:absolute;
    width:100%;
    bottom:20px;
    left:0px;   
    z-index:3;
    text-align:center;
}
.rotBtnHolder a{
    display:inline-block;
    width:12px;
    height:12px;
    margin:0 4px 0 4px;
    background:#788087;
    cursor:pointer;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    -ms-border-radius:6px;
    -o-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;
}
.rotBtnHolder a.active, .rotBtnHolder a:hover {
    background:#d20000;
    -webkit-transition:all 0.2s; 
    -moz-transition:all 0.2s;
    -o-transition:all 0.2s;
    transition:all 0.2s;
}









.rotatorHolder2{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    overflow:hidden;
}

.onFixSlide
{
	position:absolute;
	top:0;
	left:0%;
	margin:0 0 0 0px;
        max-width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	-webkit-transition:all 2s;
	-moz-transition:all 2s;
	-o-transition:all 2s;
	transition:all 2s
}

.onFixSlide.active
{
	opacity:1;
	filter:alpha(opacity=100)
}

.topHolder
{
    background: #e7433f;
    text-align:center;
}

.type1 .topHolder {background:#fff; border-bottom:1px solid #e9eaed;}
/*
.manuFixed .topHolder { position:fixed; z-index: 10; top:0px; width:100%; max-width:1269px;}
.manuFixed .indexTop {
    margin-bottom:110px;
}
*/
.header {
    height:135px;
    padding:60px 0 0 0;
    background: url('../images/index_top.jpg') top no-repeat fixed;
}
/* .manuFixed .header {padding-top:134px;} */
.logo{
    display:block;
    width:229px;
    height:78px;
    background: url('../images/logo.png') top left no-repeat;
}
.type1 .header { display:none; }
ul#mainMenu
{
    padding:19px 0;
    list-style:none;
}
.type1 ul#mainMenu{ padding:37px 0;}

ul#mainMenu > li
{
    display:inline-block;
    position:relative
}

ul#mainMenu > li >a{
    display:inline-block;
    position:relative;
    text-decoration:none;
    padding:0 25px;
    line-height:36px;
    color:#fff;
    font-size:15px;
    font-weight:600;
    border-left:1px solid #e76561;
    text-transform:uppercase;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
ul#mainMenu > li:first-child >a{
    border:none;
}


ul#mainMenu > li > a.active,ul#mainMenu > li:hover >a{
    color:#e7433f;
	background-color:#fff;
}

.type1 ul#mainMenu > li >a{
    color:#788087;
    border-left:1px solid #e9eaed;
}
.type1 ul#mainMenu > li > a.active,.type1 ul#mainMenu > li:hover >a{
    color:#fff!important;
	background-color:#e7433f;
}

.type1 ul#mainMenu > li:first-child >a{
    border:none;
}

.type1 ul#mainMenu > li > a.active,.type1 ul#mainMenu > li:hover >a{
    color:#ee856f;
}

ul#mainMenu > li:has(.top_submenu) > a:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:10px;
	width:4px;
	height:4px;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	transform:translateY(-50%) rotate(45deg);
	    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
ul#mainMenu > li:has(.top_submenu):hover > a:after, ul#mainMenu > li:has(.top_submenu) > a.active:after{
	border-color:#e7433f;
}
.type1 ul#mainMenu > li:has(.top_submenu) > a:after{
	border-color:#e7433f;
}
.type1 ul#mainMenu > li:has(.top_submenu):hover > a:after,.type1  ul#mainMenu > li:has(.top_submenu) > a.active:after{
	border-color:#ffffff;
}


.top_submenu{
	  position: absolute;
	  left: 0;
	  top: 100%;
	  min-width: 220px;
	  background: #fff;
	  box-shadow: 0 4px 14px rgba(30,40,60,0.16);
	  z-index: 100;
	  transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
	transform: translateX(-10px);
	opacity: 0;		
visibility:hidden;	
}



ul#mainMenu li:hover > .top_submenu{
	visibility: visible;
	opacity: 1;
	 z-index: 101;
	transform: translateX(0%);
	transition-delay: 0s, 0s, 0.3s;
}




.top_submenu .top_submenu{
	top:0px;
	left:100%;
	min-width:300px;
}

.top_submenu li {
  position: relative;
}

.top_submenu li a {
  display: block;
  padding: 10px 20px;
  color: #234;
  background: #fff;
  text-align:left;
  text-decoration: none;
  border-bottom: 1px solid #ececec;
  transition: background 0.2s, color 0.2s;
}


.top_submenu li:last-child > a {
  border-bottom: none;
}

.top_submenu li a:hover {
  background: #e7433f;
  color: #fff;
}

.top_submenu > li:has(.top_submenu) > a:after{
	content:'';
	display:block;
	position:absolute;
	top:50%;
	right:10px;
	width:4px;
	height:4px;
	border-right:2px solid #e7433f;
	border-bottom:2px solid #e7433f;
	transform:translateY(-50%) rotate(-45deg);
	    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}

.top_submenu > li:has(.top_submenu):hover > a:after,.top_submenu > li:has(.top_submenu) > a.active:after{
	border-color:#fff;
}


a.menuBtn
{
    clear:both;
    float:left;
    width:100%;
    height:48px;
    background:#e7433f url(../images/menu_btn_w.png) 98% 50% no-repeat;
    margin:0px 0 0;
    cursor:pointer;
    display:none
}












.footerHolder{
    padding:90px 0 50px 0;
    background: url('../images/footer_decor.jpg') top no-repeat;
}
.type1 .footerHolder, .type10 .footerHolder{ background:none; padding:50px 0;}

.footerBox{
    float:left;
    color:#788087;
    font-size:16px;

}
.footerBox.fb1{ width:38%; padding-right:2%; }
.footerBox.fb2{ width:calc(18% - 1px); border-right:1px solid #e9eaed; }
.footerBox.fb3{ width:38%; padding:0 0 0 4%; }

.footerCopy{
    font-size:14px;
}
.footerBox h3 {
    font-size:20px;
    font-weight:900;
    color:#e7433f;
    padding:0px 0 16px 0;
    margin:0px;
    text-transform:uppercase;
}
.footerBox p {
    padding-bottom:16px;

}

.footerBox.fb3 a {color:#f07d65; text-decoration:none;}

#footerMenu{
    padding:0px;
    margin:0px;   
}
#footerMenu a{
    font-size:14px;
    color:#788087;
    text-decoration: none;
    text-transform:uppercase;
}
#footerMenu a.active, #footerMenu a:hover{
    color:#f07d65;
}

.footerLogo{
    display:block;
    width:310px;
    height:107px;
    margin:0 0 18px 0;
    max-width:100%;
    background: url('../images/footer_logo.png') top left no-repeat;
    background-size:100% auto;
}

.footerDesign{
    width:100%;
    max-width:1269px;
    margin:0 auto 40px auto;
    text-align:right;
    padding:10px 0 0 0;
    font-size:14px;
    color:#788087;
}
.footerDesign a{
    color:#8fb0b6;
}


#goToTop
{
    display:block;
    position:absolute;
    bottom:10px;
    right:-100px;
    width:53px;
    height:34px;
    cursor:pointer;
    background:url(../images/go_top.png) top no-repeat;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}


#goToTop:hover
{
    height:40px;

}

.mapHolder{
    height:440px;
    position:relative;
}
.mapHolder iframe{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.mapCanvas {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.mapTrigger{
    position:absolute;
    bottom:0px;
    right:0px;
    width:77px;
    height:77px;
    z-index:1;
    background: url('../images/map_link.png') no-repeat;
}


.indexOffer{
    display:block;
    float:left;
    width:calc(25% - 1px);
    position:relative;
    text-align:center;
    color:#7b8384;
    text-decoration:none;
    border-left:1px solid #e6ebea;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.indexOffer:first-child{ border:none; }

.indexOffer.if1{ background: url('../images/of1.png') 50% 40% no-repeat; }
.indexOffer.if2{ background: url('../images/of2.png') 50% 40% no-repeat; }
.indexOffer.if3{ background: url('../images/of3.png') 50% 40% no-repeat; }
.indexOffer.if4{ background: url('../images/of4.png') 50% 40% no-repeat; }

.indexOffer.if1:hover { background-color:#47d48c; }
.indexOffer.if2:hover { background-color:#f07d65; }
.indexOffer.if3:hover { background-color:#91cdd5; }
.indexOffer.if4:hover { background-color:#8fb0b6; }

.indexOffer .ifTitle {
    position:absolute;
    bottom:24px;
    left:2%;
    width:96%;
    font-size:20px;
    text-transform:uppercase;
    font-weight:900;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.indexOffer:hover .ifTitle { color:#fff;}

.indexOffer:after{
    content:'';
    display:block;
    padding-top:110%;
}
/*
.offerContent .indexOffer .ifTitle {
    bottom:110px;
}

.offerContent .indexOffer:after{
    content:'';
    display:block;
    padding-top:130%;
}
*/
.indexOffer .ifText {
    position:absolute;
    bottom:24px;
    left:5%;
    width:90%;
    height:70px;
    font-size:16px;
    text-transform:uppercase;
    font-weight:300;
    color:#788087;
    text-transform: none;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.indexOffer:hover .ifText { color:#fff; }
/*
.offerContent .indexOffer.if1{ background: url('../images/of1.png') 50% 20% no-repeat; }
.offerContent .indexOffer.if2{ background: url('../images/of2.png') 50% 20% no-repeat; }
.offerContent .indexOffer.if3{ background: url('../images/of3.png') 50% 20% no-repeat; }
.offerContent .indexOffer.if4{ background: url('../images/of4.png') 50% 20% no-repeat; }

.offerContent .indexOffer.if1:hover { background-color:#47d48c; }
.offerContent .indexOffer.if2:hover { background-color:#f07d65; }
.offerContent .indexOffer.if3:hover { background-color:#91cdd5; }
.offerContent .indexOffer.if4:hover { background-color:#8fb0b6; }
*/



.indexOf{
    padding:50px 0;
    background:#cd3b38 url('../images/index_ofbg.jpg') top no-repeat fixed;
    text-align:center;
    color:#fff;
    font-size:24px; 
    font-weight:300;
    line-height:1.25em;
}
.indexOf h2{
    font-size:36px;
    font-weight:bold;
    color:#fff;
    text-transform: uppercase;
    padding:0 0 30px 0;

}
.indexONasLink{
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    line-height:50px;
    margin:40px 0 0 0;
    padding:0 50px;
    text-transform:uppercase;
    text-decoration:none;
    background:#34c179;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.indexONasLink:hover{ 
    background: #47d48c;
    color:#fff;
}


.indexSlogan{
    padding:50px 0;
    border-bottom:1px solid #e6ebea;
    text-align:center;
}
.indexSlogan h1{
    font-size:70px;
    color:#788087;
    font-weight:bold;
    text-transform:uppercase;
    padding:0 0 15px 0;
    

}
.indexSlogan h2{
    font-size:30px;
    color:#788087;
    font-weight:300;
    text-transform:uppercase;

}

.red { color:#e7433f;}

.indexNewsList{
    padding:70px 0;
    border-top:1px solid #e6ebea;
}
.indexNewsList h2{
    font-size:36px;
    font-weight:bold;
    text-transform:uppercase;
    color:#788087;
    text-align:center;
    padding:0 0 30px 0;

}
.indexNews{
    float:left;
    width:29.3%;
    padding:10px 2% 30px 2%;
    min-height:100px;
    position:relative;
}
.newsDate{
    float:left;
    width:60px;
    padding:5px 0;
    text-align:right;
    font-size:30px;
    font-weight:300;
    color:#b3b5b9;
    line-height:1.2em;
}
.newsDate strong{
    display:block;
    font-weight:400;
    font-size:48px;
    color:#788087;
}
.indexNews p{
    padding-left:80px;
    font-size:16px;
    color:#788087;
}
.indexNews .more{
    position:absolute;
    bottom:0px;
    left:calc(95px + 2%);
    font-size:12px;
    font-weight:900;
    color:#f07d65;
    text-transform: uppercase;
    text-decoration: none;
}
.indexNews .more:hover{
    text-decoration: underline;
}

/* NEWS */

.newsList{
    padding:50px 0 0 0;
    overflow:hidden;
    position:relative;
}

.news {
    padding:35px 0;
    border-top:1px solid #e9eaed;
}
.newsImageHolder{
    float:left;
    display:block;
    margin:0 3% 0 3%;
}
.indexNewsText{
    padding:10px 0 0 0;
}
.indexNewsTitle{
    text-decoration:none;
    padding:0 0 0px 0;
    color:#8fb0b6;
    font-weight:bold;
    font-size:18px;

}
.noImage .indexNewsTitle{
    float:left;
    width:230px;
    height:145px;
    margin:0 3% 0 3%;
}

.newsArchTrigger{
    display:block;
    position:relative;
    width:165px;
    height:50px;
    line-height:50px;
    margin:10px auto;
    text-align:center;
    color:#fff;
    font-size:14px;
    font-weight:bold;
    text-transform:uppercase;
    text-decoration:none;
    background:#7e9ea5;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.newsArchTrigger:hover{
    background:#8eb0b6;
    color:#fff;
}

.newsArchTrigger:before, .newsArchTrigger:after{
    content:'';
    position:absolute;
    top:50%;
    right:100%;
    margin-right:20px;
    width:700px;
    height:1px;
    background: #e9eaed;

}
.newsArchTrigger:after{
    right:auto;
    left:100%;
    margin-right:0px;
    margin-left:20px;
}
.newsDetail { padding-bottom:40px;}

.newsDetail .contentLeft img{
    max-width:100%;
}

.newsDetail .newsDate {
    font-weight:bold!important;
    width:auto;
    float:none;
    text-align:left;
}
.contentHolder.newsDetail h1{
    color:#8fb0b6;
    font-size:30px;
}




.contentHolder{
    padding:50px 0;
}
.contentHolder p{
    padding:0 0 24px 0;
}
.contentHolder h1 {
    font-size:48px;
    font-weight:bold;
    color:#e7433f;
    text-transform:uppercase;
}
.contentHolder h2 {
    font-size:30px;
    font-weight:bold;
    color:#788087;
    text-transform:uppercase;

}
.contentHolder h3 {
    font-size:24px;
    font-weight:300;
    color:#788087;
    text-transform:uppercase;   
}
.contentHolder h4 {
    font-size:20px;
    font-weight:900;
    color:#788087;
    text-transform:uppercase;   
}
.contentHolder h5 {
    font-size:18px;
    font-weight:900;
    color:#788087;
}
.contentLeft{
    float:left;
    width:26%;
}
.contentCenter{
    float:right;
    width:72%;
}

.breadcrumbs{
    padding:30px 0;
    margin-bottom:30px;
    border-bottom:1px solid #e9eaed;
}
.breadcrumbs a{
    color:#8fb0b6;
    font-size:14px;
    font-weight:400;
    text-transform:uppercase;
    text-decoration:none;
}
.breadcrumbs a:hover{ color:#e7433f;}
.breadcrumbs .separator{
    display:inline-block;
    width:16px;
    height:12px;
    background:url('../images/bread.gif') center no-repeat;
}

/*pagin */
.paginSite{
    padding:25px 0;
    font-size:14px;
    color:#788087;
    font-weight:bold;
}
.paginSite a{
    color:#788087;
    text-decoration:none;
    display:inline-block;
    margin:0 3px;
}
.paginSite a.active, .paginSite a:hover {
    color:#f07d65;
}
.paginSiteNext { float:right;}


/* KONTAKT */

.kontaktContent h1{padding-bottom:40px;}
.kontaktContent strong { font-weight:bold;}
.kontaktLeft{
    float:left;
    width:28%;
    padding:0 2% 30px 0;   
}
.kontaktRight {
    float:right;
    width:65%;
    padding:0 0 0px 0;   
}
.kontaktContent h4 { padding-bottom:30px; }



/* PARTNER */

.partnerList{
    padding:50px 0 30px 0;   
}

.partner{
    display:block;
    float:left;
    margin:1px 1px 0 0;
    position:relative;
    background:#f5f6f8;
    text-align:center;
    width:calc(20% - 1px);    
}

.partner:before{
    content:'';
    display:block;
    padding-bottom:100%;

}
.partner img{
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
}
.partner:after{
    content:'';
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: #e7433f url('../images/partner_arrow.png') 50% 90% no-repeat;
    opacity:0;
    filter:alpha(opacity=0);  
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.partner:hover:after{
    opacity:1;
    filter:alpha(opacity=100);  
}


.partner .partnerText{
    position:absolute;
    bottom:0px;
    left:0px;
    width:100%;
    padding:0 0% 35% 0%;
    z-index: 1;
    font-size:16px;
    font-weight:300;
    color:#fff;
    opacity:0;
    filter:alpha(opacity=0);  
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}

.partner:hover .partnerText{
    opacity:1;
    filter:alpha(opacity=100);  
}

.partnerDetail .contentLeft img{
    max-width:100%;
}
.partnerDetail h1{
    padding-bottom:30px;
}


/* DOWNLOAD */

.downloadMain{
    text-align:center;
}
.downloadMain h1{
    padding-bottom:30px;   
}
.downloadMain h3{
    padding-bottom:30px;   
}

.downloadMainTrigger{
    display:inline-block;
    width:100%;
    max-width:360px;
    height:80px;
    padding:200px 0 0 0;
    margin:40px 5px 20px 5px;
    border:1px solid #e9eaed;
    color:#788087;
    font-size:26px;
    font-weight:900;
    text-transform:uppercase;
    text-decoration:none;
    cursor:pointer;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.downloadMainTrigger.dm1{ background: url('../images/dm1.png') 50% 20% no-repeat;}
.downloadMainTrigger.dm2{ background: url('../images/dm2.png') 50% 20% no-repeat;}

.downloadMainTrigger.dm1:hover{ background-color:#f07d65; color:#fff; }
.downloadMainTrigger.dm2:hover{ background-color:#91cdd5; color:#fff;  }


.downloadContent h1{
    padding-bottom:30px;
    margin-bottom:0px;
    border-bottom:1px solid #e6ebea;
}
.downloadContent h4{ padding-top:30px; padding-bottom:20px; }

.downloadBox{
    float:left;
    width:185px;
    height:250px;
    padding:24px 10px 0 10px;
    margin:0 15px 15px 0;
    border:1px solid #e9eaed;
    text-align:center;
    text-decoration:none;
    font-size:16px;
    font-weight:300;
    color:#788087;
}
.downloadBox:hover{
    border-color:#f07d65;
}
.downloadBox img{
    display:block;
    border:1px solid #e9eaed;
    margin:0 auto;
}
.downloadBox span{ display:inline-block; padding-top:15px;}
.downloadBox strong{
    font-weight:bold;
    color:#e7433f;
}
.downloadContent .contentTop .downloadBox{ margin-right:45px;}
.downloadContent .contentTop ul{
    float:right;
    padding:20px 0 0 0;

    text-align:justify;
    width:calc(100% - 252px);
}
.downloadContent .contentTop ul li{
    display:inline-block;
    width:31%;
    vertical-align:top;

}
.downloadContent .contentTop ul:after{
    content:'';
    display:inline-block;
    width:100%;
}
.downloadContent .contentTop ul li a{
    display:block;
    padding:13px 10px 13px 30px;
    color:#788087;
    font-size:14px;
    font-weight:bold;
    text-decoration:none;
    line-height:1.4em;
    background:url('../images/download_arrow.gif') left no-repeat;
    border-top:1px solid #e9eaed;
    text-align:left;

}
.downloadContent .contentTop ul li:nth-child(1) a, .downloadContent .contentTop ul li:nth-child(2) a, .downloadContent .contentTop ul li:nth-child(3) a{border:none;}

.downloadContent .contentTop ul li a:hover{
    color:#f07d65;

}


.simplePage h1 { padding-bottom:30px; text-align:center;}
.simplePage h2 { padding-bottom:28px; text-align:center;}
.simplePage h3 { padding-bottom:26px; text-align:center;}
.simplePage h4 { padding-bottom:24px; text-align:center;}
.simplePage h5 { padding-bottom:22px; text-align:center;}
.simplePage ul, .simplePage p {padding-bottom:20px;}

/* OFERTA */
.offerContent{
    text-align:center;
    padding-bottom:40px;

}
.offerContent h1{ padding:0 0 30px 0; max-width:780px; margin:0 auto;}
.offerContent h3{ padding:0 0 30px 0; font-size:30px; max-width:780px; margin:0 auto; }
.offerContent p{ padding:0 0 30px 0; max-width:780px; margin:0 auto; }

#subMenu {
    padding:0 0 60px 0;

}

#subMenu li a{
    display:block;
    position:relative;
    background: #f5f6f8;
    border-bottom:1px solid #fff;
    color:#788087;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    text-transform:uppercase;
    padding:12px 20px 12px 48px;    
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
#subMenu > li > a:hover, #subMenu >li> a.active{ background:#e7433f; color:#fff;}
#subMenu li a img{
    position:absolute;
    left:10px;
    top:50%;
    margin:-13px 0 0 0;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
#subMenu li a img.imH{ opacity:0; filter:alpha(opacity=0) }
#subMenu li a:hover img.imH, #subMenu li a.active img.imH{ opacity:1; filter:alpha(opacity=100) }
#subMenu li a:hover img.im, #subMenu li a.active img.im{ opacity:0; filter:alpha(opacity=0) }
#subMenu li ul li a{
    background:none;
    border-bottom:1px solid #e9eaed;
    padding:8px 20px 8px 60px;   
    text-transform: none;
    background:url('../images/submenu2.gif') 48px 17px no-repeat;
}
#subMenu li ul li:last-child a{
    border:none;
}
#subMenu li ul li a:hover, #subMenu li ul li a.active{
    color:#e7433f;
}
#offerMenu {
    margin:20px 0 60px 0;
    border-top:1px solid #e9eaed;
}


#offerMenu li a{
    display:block;
    position:relative;
    border-bottom:1px solid #e9eaed;
    background:url('../images/offer_menu.png') 15px 50% no-repeat;
    color:#788087;
    font-weight:bold;
    font-size:14px;
    text-decoration:none;
    text-transform:uppercase;
    padding:12px 20px 12px 38px;    
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
#offerMenu li a.active, #offerMenu li a:hover{ color:#e7433f; }
#offerMenu li a img{ display:none; }

.siatka{

}
.siatka a{
    display:block;
    float:left;
    height:160px;
    padding:30px 1% 0 1%;
    font-size:14px;
    font-weight:900;
    color:#788087;
    text-transform:uppercase;
    border:1px solid #e9eaed;
    text-decoration:none;
    text-align:center;
    line-height:1.4em;
    width:calc(23% - 2px);
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}
.siatka a:hover{ color:#e7433f; }

.contentLeft h3{
    color:#788087;
    font-size:20px;
    font-weight:900;
}

.offer2Content h2{
    font-size:24px;
    padding-bottom:30px;
}
.offer2Content .type_tiles h2{ padding-left:10px; }

.offerListControlls{
    float:right;
    height:45px;
    padding:20px 0 10px 0;
    text-align:right;
    vertical-align: middle;
    font-size:16px;
}
.offerListControlls a.pcType{
    display:inline-block;
    width:45px;
    height:45px;
    margin:0 0 0 4px;
    border:1px solid #cfd2d6;
    background:#fff center no-repeat;  
    cursor:pointer;
    vertical-align: middle;
}
.offerListControlls a.pcType.list{ background-image:url('../images/offer_list.gif'); }
.offerListControlls a.pcType.list.active, .offerListControlls a.pcType.list:hover{ background-image:url('../images/offer_list_h.gif'); }

.offerListControlls a.pcType.tiles{ background-image:url('../images/offer_tiles.gif'); }
.offerListControlls a.pcType.tiles.active, .offerListControlls a.pcType.tiles:hover{ background-image:url('../images/offer_tiles_h.gif'); }

.prodCountHolder{
    display:inline-block;
    position:relative;
    width:45px;
    height:45px;
    margin:0px 50px 0px 10px;
    background:#fff center no-repeat;  
    border:1px solid #cfd2d6;
    cursor:pointer;
    text-align:center;
    font-size:16px;
    font-weight:bold;
    color:#788087;
    vertical-align: middle;
}
.prodCountHolder:after{
    content:'';
    position:absolute;
    top:20px;
    right:5px;
    border:solid;
    border-color:#788087 transparent;
    border-width:4px 4px 0px 4px;
}

.prodCountHolder .pcLabel{
    display:block;
    width:30px;
    height:45px;
    line-height:45px;

}
.prodCountHolder .pcSlider{
    position:absolute;
    top:100%;
    left:0px;
    width:100%;
    margin:0 0 0 -1px;
    border-bottom:1px solid #cfd2d6;
    border-left:1px solid #cfd2d6;
    border-right:1px solid #cfd2d6;
    background:#fff;
    z-index:1;
    overflow:hidden;
    max-height:0px;
    -webkit-transition:all .2s;
    -moz-transition:all .2s;
    -o-transition:all .2s;
    transition:all .2s
}

.prodCountHolder:hover .pcSlider{
    max-height:120px;

}

.prodCountHolder a{
    display:block;
    width:45px;
    height:24px;
    line-height:25px;
    color:#788087;
    font-weight:400;
}
.prodCountHolder a:hover{ color:#e7433f; }



.prodListHolder {
    text-align:justify;
    vertical-align:top;
}


.prodList{
    padding:10px 0 30px 0;
    margin-bottom:20px;
    border-bottom: 1px solid #e9eaed;
    color:#788087;
    text-align:left;
    vartical-align:top!important;
}
.prodListImageHolder {
    float:left;
    display:block;
    width:178px;
    height:148px;
    border:1px solid #e9eaed;
    background:#fff url('../images/footer_logo.png') center no-repeat;
    background-size:70% auto;
}
.prodListImageHolder img{
    display:block;
    max-width:100%;

}
.prodListImageHolder:hover {
    border:1px solid #f07d65;

}

.prodListContent{
    padding-left:210px;
}
.prodListTitle{
    color:#788087;
    text-decoration:none;
    font-size:16px;
    font-weight:900;
    line-height:1.2em;
    text-transform:uppercase;
    padding:0 0 0 0;


}
.prodListTitle:hover{
    color:#f07d65;
}

.prodListProducent{
    padding:0 0 14px 0!important;
    color:#8fb0b6;
    font-size:16px;
    font-weight:bold;
}

.prodListText{
    padding:0 0 14px 0!important;
    font-size:16px;
    font-weight:300;
    line-height:1.5em;

}


.prodList .readMore{
    color:#f07d65;
    font-weight:900;
    font-size:12px;
    text-decoration:none;
    text-transform:uppercase;
}
.prodList .readMore:hover{
    text-decoration:underline;

}
.prodListHolder.type_tiles .prodList{
    float:left;
    width:180px;
    height:300px;
    padding:0px;
    margin:0px 10px; 
    vertical-align: top!important;
    border:none;
}
.prodListHolder.type_tiles .prodListImageHolder{ float:none; display:inline-block; }
.prodListHolder.type_tiles .prodListText, .prodListHolder.type_tiles .prodList .readMore { display:none;}
.prodListHolder.type_tiles .prodListContent{ padding:10px 0 0 0; clear:both; }


.detailPrice{
    display:block;
    float:right;
    font-size:20px;
    font-weight:900;
    color:#e7433f;
    padding:0 0 10px 10px;
}

.contentHolder h2.detailTitle{
    color:#788087;
    font-size:20px;
    font-weight:900;
    padding-bottom:16px;
}

.contentHolder h3.detailProducent{
    font-size:16px;
    font-weight:bold;
    color:#8fb0b6;
    text-transform:none;
    padding-bottom:50px;
}
.contentHolder strong { font-weight:bold; }

.detailDownload{
    display:block;
    font-weight:bold;
    color:#f07d65;
    text-decoration:none;
    padding:5px 0 5px 30px;
    background:left no-repeat;
}
.detailDownload.ddPrice{ background-image:url('../images/icon_pc.gif');}
.detailDownload.ddCat{ background-image:url('../images/icon_pk.gif');}
.detailDownload.ddCert{ background-image:url('../images/icon_pcert.gif');}

.galleryHolder{
    min-height:300px;

    
}
.gallBigTarget{
    float:left;
    position:relative;
    width:268px;
    height:223px;
    margin:0 15px 0px 0;
    border:1px solid #ecedf0;
    cursor:pointer;
}
.gallBigTarget:hover{
    border-color:#e7433f;
}
.gallBigTarget:after{
    content:'';
    position:absolute;
    bottom:10px;
    right:10px;
    width:16px;
    height:16px;
    background:url('../images/lupa2.png') center no-repeat;
    
}
.gallBigTarget img{
    display:block;
    max-width:100%;
}
.galleryHolder .gColl:nth-of-type(1), .galleryHolder .gColl:nth-of-type(2), .galleryHolder .gColl:nth-of-type(3){
    float:left;
    width:144px;
}

.prodImgHolder{
    display:block;
    float:left;
    width:126px;
    margin:0 15px 10px 0;
    border:1px solid #ecedf0;
}
.prodImgHolder:hover, .prodImgHolder.active{
    border-color:#e7433f;
}

.prodImgHolder img{
    display:block;
    max-width:100%;
}

.mSearchHolder{
    padding:30px 0;
    background:#f5f6f8;
    border-bottom:1px solid #e9eaed;
}
#searchHolder{
    width:100%;
    max-width:750px;
    height:40px;
    line-height:40px;
    margin:0 auto;
    border:1px solid #cfd2d6;
    background:#fff;
}
#searchHolder input{
    float:left;
    width:80%;
    width:calc(100% - 70px);
    height:40px;
    line-height:40px;
    color:#788087;
    border:none;
    padding:0px 0 0 2%;
    font-style: italic;
}

#searchTrigger{
    float:right;
    display:block;
    height:28px;
    width:50px;
    margin:6px 0 0 0;
    cursor:pointer;
    background:url('../images/lupa.gif') center no-repeat;
    border-left:1px solid #e6ebea;
}


div#cookie
{
	position:fixed;
	bottom:0;
	margin:0;
	padding:5px 0;
	background:#000;
	color:#fff;
	line-height:24px;
	font-size:12px;
	opacity:.6;
	filter:alpha(opacity=60);
        z-index:20;
}

div#cookie a
{
	color:#fff
}

a.cookieClose
{
	display:inline-block;
	float:right;
	padding:0 10px;
	height:24px;
	color:#fff;
	background:#e7433f;
	text-align:center;
	font-weight:700;
	font-size:12px;
	border-radius:12px;
	-webkit-border-radius:12px;
	-moz-border-radius:12px;
	-o-border-radius:12px;
	margin:0 0 0 12px;
	cursor:pointer;
	-webkit-transition:all .2s;
	-moz-transition:all .2s;
	-o-transition:all .2s;
	transition:all .2s
}

a.cookieClose:hover
{
	background:#f7bdab;
}

h1_h2_seo{
color: #788087;
font-size: 20px;
font-weight: 900;
padding-bottom: 16px;}

.text_seo{
padding: 70px 0;
border-top: 1px solid #e6ebea;
}

@media screen and (max-width: 720px) {
  .text_seo {
    width: 90%;
    padding: 15px;
    min-height: 0px;
  }
}

.nagl_seo{
font-size: 48px;
  font-weight: bold;
  color: #e7433f;
  text-transform: uppercase;}