* { box-sizing: border-box; }

html, body {    -webkit-font-smoothing: antialiased; margin: 0; padding: 0; background: #f8f8f8; font-family: 'Montserrat', sans-serif; }

.group:after { content: ""; display: table; clear: both; }

#topline { background: url(images/topline.png); min-height: 47px; padding-bottom: 5px; }
#topline strong { font-size: 14px; color: #fff; padding-top: 14px; display: inline-block; }

#slider { height: 510px; background: url(images/slideshow.png) center no-repeat #c8cdd8; }

.btn { background: url(images/btn.png); width: 202px; height: 36px; color: #fff; font-weight: bold; font-size: 15px; text-decoration: none; text-transform: uppercase; }
.btn:hover { background: url(images/btn_orange.png); width: 202px; height: 36px; color: #fff; font-weight: bold; font-size: 15px; text-decoration: none; text-transform: uppercase; }
#topline .btn { margin-top: 6px; display: inline-block; text-align: center; padding-top: 8px; }
.btn i { margin-left: 5px;  display: inline-block; font-size: 16px; }
.phone { color: #fff; display: inline-block; float: right; text-decoration: none; margin-right: 60px; font-size: 14px; padding-top: 13px; display: inline-block; font-weight: bold; }
.phone i { margin-left: 5px; display: inline-block; font-size: 16px; }

#slider { padding-top: 172px; }
#slider h1, 
#slider .title { margin: 0; font-size: 30px; font-weight: bold; color: #000; }
#slider p { font-size: 15px; line-height: 25px; color: #414141; max-width: 620px; }
#slider p a { color: #414141; }



.thirt a { text-decoration: none; color: #fff; margin-left: 70px; display: block; float: left; font-size: 15px; text-align: center; }
.thirt a:hover { color: #ffab1f; /*font-weight: bold;*/ }
.thirt svg { height: 47px; display: inline-block; margin-top: 30px; }
.thirt svg g { fill: #fff!important }
.thirt svg path { fill: #fff!important }
.thirt a:hover svg g { fill: #ffab1f!important }
.thirt a:hover svg path { fill: #ffab1f!important }
.thirt a h2 { margin: 0; font-size: 15px; font-weight: normal; }


.box { border-radius: 5px; margin-bottom: 30px; padding: 30px 30px; box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1); background: url(images/bgr_box.png) no-repeat top right #fff; width: 100%; height: 330px; }
.box.esg { background-image: url(images/bgr-box-esg.jpg); }
.box .title { margin: 0; font-size: 30px; font-weight: bold; }
.box p { max-width: 620px; font-size: 15px; line-height: 25px; color: #414141; margin-bottom: 20px; }



.box_2 { margin-bottom: 30px; padding: 172px 30px 30px 30px; border-radius: 3px; background: url(images/bgr_box_2.png) no-repeat top center #f4f4f4; box-shadow: 0px 6px 15px 0px rgba(0, 0, 0, 0.1); min-height: 400px; }
.box_2.box_3 { background: url(images/bgr_box_3.png) no-repeat top center #f4f4f4; }
.box_2 .title { margin: 0; font-size: 30px; font-weight: bold; }
.box_2 p { margin-bottom: 20px; color: #414141; font-size: 15px; line-height: 25px; }

.row { clear: both; margin: 0 -17px; }
.col-md-6 { float: left; width: 50%; padding: 0 17px; }

.bgr_orange { padding: 50px 30px; background: url(images/bgr_orange.png) no-repeat; min-height: 327px; margin-bottom: 30px; }
.bgr_orange .title { margin: 0; font-weight: bold; font-size: 30px; }
.bgr_orange p { font-size: 15px; line-height: 25px; color: #414141; max-width: 620px; margin-bottom: 20px; }

.bgr_white { min-height: 100px; background: #fff; }

footer .title { margin-top: 55px; margin-bottom: 20px; font-size: 23px; font-weight: bold; }
footer .w770 { max-width: 770px; }
footer p { font-size: 14px; line-height: 25px; color: #414141; margin: 0; padding: 0; }
.pause { height: 5px; }

footer .copyright { margin-top: 25px; padding: 20px 0; color:#fff; font-size: 14px; background: url(images/bgr_copyright.png); height: 55px; }
footer .copyright a { color: #f68d0e; }

footer a { color:#ffab1f; }

input { width: 100%; border-radius:3px; padding: 0 10px; font-size: 15px; height: 48px; background: #fff; border: 1px solid #e0e0e0; margin-bottom: 10px; }
textarea { min-height: 145px; width: 100%; border-radius:3px; padding: 8px 10px; font-size: 15px; height: 48px; background: #fff; border: 1px solid #e0e0e0; margin-bottom: 10px; }

.bgr_white .title { font-size: 22px; font-weight: bold; padding-top: 30px; padding-bottom: 40px; }

form { margin-top: 10px; position: relative;  }
footer input[type="submit"] { position: absolute; right: 10px; bottom: 38px; width: auto; }
footer .row { margin: 0 -30px; }
.w50 { float: left; width: 50%; padding: 0 15px; }


.pt40 { padding-top: 40px; }

.content { float: left; width: calc(100% - 400px); }
.content.full { width: 100%; float: none; }


h1 { font-size: 30px; font-weight: bold; }


/*
.content strong a {  border: 0;  border-radius:5px; padding:13px 20px; background: url(images/btn_orange.png); display: inline-block; height: 48px; color: #fff; font-weight: bold; font-size: 15px; text-decoration: none; text-transform: uppercase; }
.content strong a:after {     content: "\f30f"; display: inline-block; font-family: "Ionicons"; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; margin-left: 5px; -moz-osx-font-smoothing: grayscale; }
*/

.staff .avatar { margin-bottom: 20px; margin-right: 20px; box-shadow: 2px 2px 4px 0 #ccc; box-shadow: 1px 1px 4px 1px #ddd; padding: 5px; }
.staff .name { font-size: 20px; font-weight: bold; margin-top: 5px; margin-bottom: 5px; }
.staff .job { max-width: 400px; font-size: 15px; line-height: 25px; color: #414141; display: inline-block; }
.staff .note { max-width: 400px; font-size: 15px; line-height: 25px; color: #414141; display: inline-block; }
.staff .mw_200 { min-width: 250px; text-align: center; }
.staff i { font-size: 16px; color: #414141 }


.ion-ios-arrow-thin-left  { color:#ffab1f; z-index:999; position: absolute; left: 0; top: 33px; font-size: 30px; }
.ion-ios-arrow-thin-right  { color:#ffab1f;  z-index:999; position: absolute; right: 0; top: 33px; font-size: 30px; }

.slick-dots { padding: 0; text-align: center; list-style: none; margin: 0; margin-bottom: 40px; }
.slick-dots button { display: inline-block; background: #dfdfdf; border-radius:50%; position: relative; top: 3px; width: 8px; height: 8px; border: 0; padding: 0; color: transparent; }
.slick-dots .slick-active button { background: #ffab1f; border-radius:50%; width: 10px; height: 10px; position: relative; top: 2px; }
.slick-dots li { display: inline-block; margin: 0 5px; }

#topline.sticky { z-index:9999; position: fixed; top: 0; left: 0; width: 100%; }


img.alignright, img.alignleft, img.aligncenter { box-shadow: 1px 1px 4px 1px #ddd; padding:5px; }

img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}

.expand {     font-size: 32px;
    color: #fff;
    /* line-height: 19px; */
    display: block;
    position: relative;
    top: -7px; }

@media (max-width: 1220px) {
	.inner { padding: 0 20px; }
	
	.pt40 { padding-top: 40px; }
}

@media(max-width:1160px) {
	footer .row { display: block; }
	footer .w770 { width: 60%; padding-left: 20px; }
	footer .w_400 { width: 40% }
}

@media(max-width:1100px) {
	.phone { display: none; margin-right: 20px; }

	.thirt a:first-of-type { margin-left: 0; }
}

@media(max-width:990px) {

	header { position: relative; }
	.lang { display: none; }


}

.toggle { display: none; text-decoration: none; }
@media(max-width:970px) {
	.toggle { width: 100%;  background: #414141; color: #fff; padding: 10px; text-align: center; display: block; content: 'Katt'; margin-top: 20px; }
	.sidebar_holder { width: 100%; /*display: none;*/ }
	.sidebar_holder .bgr_sidebar { display: none; }

	.sidebar_holder ul { display: none; }
	.pt40 { padding-top: 0; }
	.content { width: 100%; }
	
	.thirt { width: 100%; }
	.thirt a { width: 33.33%; margin-left: 0; text-align: center; margin-bottom: 20px; }
	.bgr_pdf { float: none; display: block; margin: 0px auto; clear: both; }
}

@media(max-width:920px) {
	/*#topline strong { display: none; }*/
	.phone { float: left; display: block; margin-right: 4px; }
}

@media(max-width:860px) {
	
	footer .w770 { width: 50%; padding-left: 10px; }
	footer .w_400 { width: 50%; padding-right: 10px; }


}

@media(max-width:680px) {
	img { /*max-width: 100%; */}
	#slider { background:url(images/slideshow.png) fixed no-repeat #c8cdd8 }
	img.alignright, img.alignleft, img.aligncenter { float: none; width: 100%; margin: 0; }
	.staff .info { display: block; width: 100%; max-width: 100%; clear: both; margin-bottom: 20px; }
	.box { padding-top: 20px; height: auto; }
	.col-md-6 { width: 100%; }
	.bgr_orange { background: #ffa11e; }
	#slider { padding-top: 50px; height: auto; padding-bottom: 50px; }
	#slider a { margin-bottom: 10px; }
	footer .w770 { width: 100%; padding-left: 0; }
	footer .w_400 { width: 100%; padding-right: 0; }
	footer { padding-top: 10px; }
	footer .title { margin-top: 20px; }

	.staff .avatar { margin-right: 0; }

	.staff .mw_200 { width: 100%; }

}
@media(max-width:480px) {
	.thirt a { width: 33.33%; margin-left: 0; text-align: center; margin-bottom: 20px; }
	.bgr_pdf { width: 100%; font-size: 13px; line-height: 15px; }
}
@media(max-width:460px) {
	footer .copyright { text-align: center; height: auto; background: #2c2c2c; }
	footer .copyright div { width: 100%; }

}
@media(max-width:400px) {
	.thirt a { width: 50%; }

	#topline .btn { width: 100%; }
	.phone { margin-bottom: 10px; }
	/*#topline .btn { display: none; }*/
}

.page-id-628 .sidebar_holder { display: none; }
.page-id-628 #content { width: 100%; }
.page-id-628 #topline { display: none; }
.page-id-628 .menu { display: none; }
.page-id-628 .bgr_white .title { display: none; }
.page-id-628 footer { display: none; }


@media(max-width: 940px) {
	.w33 { width: 50%; margin-bottom: 20px; }
}
@media(max-width: 640px) {
	.bgr_orange .title { font-weight: bold; font-size: 20px; }
 
	.w33 { width: 100%; margin-bottom: 20px; }
}

.content a.btn_gray { text-align:center   }
.content a.btn_gray:hover { color:#fff!important;}



table.pa { border-collapse: collapse }
table.pa td { padding: 5px; vertical-align:top }
table.pa tr:nth-child(2n+1) td {
    background: #e5830d;
    color: #fff;
}
table.pa tr:nth-child(2n+1) td a {
    
    color: #fff!important
    ;
}

table.pa tr:nth-child(2n+1) td:nth-child(2n) {
    background: #2f3539;
    color: #fff;
}

table.pa p { font-size: 14px; line-height: 25px }

.referencia-kat{
	text-align:center;
	display:block;
	font-size:25px;
	color:#414141;
	margin-top:50px;
}