@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,700&subset=latin,latin-ext');
@charset "windows-1250";

body {font-family: 'Ubuntu', sans-serif;}
h1, h2, h3, h4, h5, h6 {font-weight:300}

a {color:#1c3e79; outline: 0; cursor:pointer}
a:hover {color:#ed2132}

/**
* shared for all devices
*/
#header {width:100%; background:#FFF}
#logo {width:auto}
img {display:block; width:auto; max-width:100%; vertical-align:middle}

#footer {margin:1em 0; color:#76777a}
#f-copy {text-align:right; color:#76777a}
#f-copy a {color:inherit; text-decoration:underline}
#f-copy img {display:inline-block; margin:0 1em}

/**
* grid
*/
.content-fluid, .col-a, .col-b {width:100%}
.content-fluid-in {margin: 0 1.6666667em;}

.columns-two .col-l {float:left; width:63%}
.columns-two .col-r {float:right; width:29%}

.columns-line {margin:1.6666667em 0; background: url('/o/mafra_v2/dot-line.gif') repeat-y 66% 0;}

/**
* title
*/
h2 {color:#ed2132; padding-bottom:0.25em; margin-bottom:0.5em; font-size:200%; border-bottom:1px solid #c0c0c0}
h3 {margin-bottom:1em; font-size:167%;}

/**
* l-menu
*/
.l-menu {margin:0 0 1em; font-size:125%; list-style:none}
.l-menu li {border-bottom:1px solid #8d8d8d}
.l-menu li:first-child {/* border-top:1px solid #8d8d8d; */}
.l-menu a {display:block; padding:0.75em 1em; text-decoration:none; color:#000}
.l-menu a:hover {}
.l-menu .act {border-color:#ed2132}
.l-menu .act a {color:#FFF; background:#ed2132}

/*btn*/
.btn {display:inline-block; padding:1em 2em; margin:0 auto 1.83em; font-size:150%; font-weight:400; text-align:center;  text-decoration: none; color:#FFF; background:#ed1c2e; border-radius:0.25em; border: 1px solid rgba(0, 0, 0, 0);
	 -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.btn:hover {color:#FFF}

.btn-small {padding:0.5em 1em; font-size:117%}

/*alert-box*/
.alert-box {padding:1em; margin:0 0 1.83em; border:1px solid #DDD; background: #FFF; border-radius:0.25em; }
.alert-in {width:100%; display:table}
.alert-in .left, .alert-in .right {display:table-cell; vertical-align:top}
.alert-404 .left {width:30%; padding-right:2em}
.alert-404 .right {padding-left:2em; vertical-align:middle; border-left:1px solid #76777a}

/* list-box */
.list-box, .list-box-quad {width:100%; margin:0 0 1.83em;}
.list-box .box, .list-box-quad .box {position:relative; float:left; width: 31.11%; margin: 0 3.33% 3.33% 0;text-align:left;vertical-align:top;}
.list-box a, .list-box-quad a {overflow:hidden; display:block}
.list-box .box:nth-child(3n+0) {margin-right:0}

.list-box-quad .box {width:23.5%; margin:0 2% 2% 0}
.list-box-quad .box:nth-child(4n+0) {margin-right:0}

.list-box .mask, .list-box-quad .mask {display:none; visibility:hidden; position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;  padding:1em; box-sizing: border-box; background-color: rgba(0,0,0,0.6); opacity:0; transition:opacity 0.25s linear;}
.portfolio-menu-hp .mask {display:block; padding-top: 43%; color:#000; visibility:visible; text-align:center; background-color: rgba(0,0,0,0); opacity:1;}	
.portfolio-menu-hp .mask:hover {display:block; color:#fff; visibility:visible; background-color: rgba(0,0,0,0.6); opacity:1;}	


.mailing .inp {position:relative; padding-bottom:2rem}
.mailing .form-wrap {min-height:100px}
.mailing input[type=text] {width:400px; max-width:100%;margin-bottom: 5px;padding:.5rem; border-radius:12px; border:solid 1px #ccc}
.mailing input[type=submit] {display:table;margin-bottom:1rem;padding:1em; color:#fff;background:#ed2132; border:none}
.mailing input[type=submit].unsub {background:#1c3e79;}
.mailing button.link { display:inline; border:0; margin:0; padding:0; outline: 0; color: #1c3e79; background:none; text-decoration:underline }
.mailing button.link:hover { color: #ed2132; }

.mailing .erroneous input[type=text] {border-color:#ed2132}
.mailing .error {position:absolute;bottom:1rem;font-size:87.5%;color:#ed2132}
.mailing .note {font-size:87.5%; color:#999}
.mailing .ok {font-size:111%; font-weight:700; color:#16870e}

/**
* list cube (cube)
*/
.list-cube {width:100%; text-align:justify}
.list-cube:after {content:""; width:100%; display:inline-block;}
.cube {overflow:hidden; position:relative; display:inline-block; width:31.81%; margin:0 0 2.18%; vertical-align:top; text-align:left;
	   -webkit-transition:width 300ms ease-in-out, height 300ms ease-in-out;
	   -moz-transition:width 300ms ease-in-out, height 300ms ease-in-out;
	   -o-transition:width 300ms ease-in-out, height 300ms ease-in-out;
	   transition:width 300ms ease-in-out, height 300ms ease-in-out;}
.cube .bubble {position:absolute; z-index:1; left:0; bottom:0; width:100%}
.cube .bubble-in {display:table; width:100%}
.cube .bubble-in div {display:table-cell}
.cube .logo {text-align:right; vertical-align:bottom}
.cube .perex {position:relative;height:120px; padding:1em; border-bottom:7px solid #FFF; box-sizing:border-box; background:url('/u/fog-white70.png')}
.cube .cube-logo {display:inline-block; width:auto; max-width:120px; border-bottom:7px solid #FFF;}
.cube h3, .cube p {line-height:1.1em; margin:0 0 0.25em; font-size:192%; text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);}
.cube h3 {font-weight:400}
.cube p {font-size:150%}
.cube .more {list-style:none;}
.cube .more li {display:inline-block; margin-right:1em}
.cube .more a {padding-right:0.75em;  font-size:125%; font-weight:bold; color:#000; text-decoration:none; background:url('/o/mafra_v2/dart-right.png') no-repeat right 50%}

/*color*/
.cube-idnes .perex, .cube-idnes .cube-logo {border-color:#ed2132}
.cube-ln .perex, .cube-ln .cube-logo {border-color:#1c4382}

.cube-horizontal {width:65.8%;}
.cube-horizontal h3 {font-size:291%; font-weight:400}
.cube-horizontal .perex {height:160px}

.cube-quad {overflow:hidden;}
.cube-quad img {float:left; width:50%}

/*open-image*/
.open-image {position:relative; padding:1px; margin:0 0 1.83em; text-align:center}
.open-image h1 {position:absolute; z-index:1;left: 18px; bottom:1px; display:inline-block; padding:0 0.267em; margin:0; text-align:left; font-size:250%; color:#FFF; background:#ed2132}
.open-image .back {position:absolute; z-index:1; right:10%; bottom:0; padding:0.75em 1.5em; font-size:117%; text-decoration:none; color:#000; background:#FFF}

/*text*/
.text {margin-bottom:2em; font-size:125%}
.text .text {margin-bottom:0; font-size:100%}
.text h1 {margin:0 0 .5em; font-size:200%; }
.text h2 {margin:0 0 .5em; border:0; font-size:146%; font-weight:700; color:inherit}
.text h3, .text h4 {margin:0 0 .5em; font-size:108%; font-weight:700}
.text h4 {font-size:100%}
.text p, .text ul, .text ol, .text table {line-height:1.5em; margin:0 0 1em}
.text ul ul {margin-bottom:0}
.text p {/*text-align:justify*/}
.text ul, .text ol {margin-left:1.25em}
.text .date {font-size:100%; color:#76777a}
.text .td, .text th {padding:0.15em 0.5em}

#inc > .art-full {margin:1em 1.66667em}
.topanchor {float:right; padding:.8em 0 0 1em; text-decoration:none; font-size:150%}
.topanchor:after {content:'\27F0'}
.text-pravni h2, .text-pravni h3 {padding-top:1em}
.text-pravni h2 + h3 {padding-top:0}
.ico-arrowhead:before {content:'\27A2'; margin-right:1em;}
ul[type="a"] {list-style-type:lower-latin}
ul[type="i"] {list-style-type:lower-roman}

/*detail-simple*/
#detail-simple .tit-h2 {margin:0 0 0.5em; font-size:183%; color:#000;}
#detail-simple .ref {margin-top:-1em; color:#666}
#detail-simple.w2-b h3 {margin-bottom:1em; font-size:117%; font-weight:bold; /*margin-top:-1em; float:left; width: 155px;*/ padding:3px 0; color:#646464}
#detail-simple .w2-b p {margin-bottom:1em; font-size:117%; /*margin-top:-1em; float:left;*/ padding:3px 0;color:#646464}

/*JD*/
/*bttn*/
/*bttn default*/
.bttn {display:inline-block; min-width:1em; height:31px; vertical-align:middle; margin:0 2px; padding:0 .5em; font-size:12px; text-decoration:none; color:#4F4F4F; border:1px solid #DBDBDB; border-radius:3px; background:#E0E0E0 url("/o/jobdnes_v3/button/bttn-line-v2.png") repeat-x; white-space:nowrap; text-align:center; font-weight:bold; cursor:pointer; overflow:visible;}
.bttn:hover {color:#4F4F4F; background-position:0 -60px; background-color:#CACACA; border-color:#C2C2C2; box-shadow:0 0 3px #999;}
.bttn span {display:inline-block; margin: 0 2px; line-height:1.6666; vertical-align:middle;}
a.bttn span {line-height:30px}
.bttn img {display:inline-block; width:18px; margin: 0 2px; vertical-align:middle; background-image:url("/o/jobdnes_v3/button/bttn-ico-grey-18.png"); /*background-color:#FFF;*/  background-repeat: no-repeat; /*border-radius:3px*/}
.bttn-l {text-align:left}
.bttn-r {text-align:right}

/*bttn-mid*/
.bttn-mid {height:50px; font-size:14px; background-position:0 -840px}
.bttn-mid:hover {background-position:0 -900px}
a.bttn-mid span {line-height:50px;}
.bttn-mid img {width:32px; background-image:url("/o/jobdnes_v3/button/bttn-ico-grey-32.png")}

/*bttn-barvy*/
.bttn-blue {color:#FFF; border-color:#2A4684; background-position:0 -120px; background-color:#095796}
.bttn-blue img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-18.png")}
.bttn-blue:hover {color:#FFF; border-color:#293f7C; background-position:0 -180px; background-color:#074576}
.bttn-mid.bttn-blue {color:#FFF; background-position:0 -960px;}
.bttn-mid.bttn-blue img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-32.png")}
.bttn-mid.bttn-blue:hover {color:#FFF; background-position:0 -1020px;}

.bttn-red {color:#FFF; border-color:#831E1E; background-position:0 -240px; background-color:#B2001E}
.bttn-red img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-18.png")}
.bttn-red:hover {color:#FFF; border-color:#7F071B; background-position:0 -300px; background-color:#8D0018}
.bttn-mid.bttn-red {color:#FFF; background-position:0 -1080px;}
.bttn-mid.bttn-red img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-32.png")}
.bttn-mid.bttn-red:hover {color:#FFF; background-position:0 -1140px;}

.bttn-grey {color:#FFF; border-color:#4B4B4B; background-position:0 -360px; background-color:#525252}
.bttn-grey img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-18.png")}
.bttn-grey:hover {color:#FFF; border-color:#4C4C4C; background-position:0 -420px; background-color:#525252}
.bttn-mid.bttn-grey {color:#FFF; background-position:0 -1200px;}
.bttn-mid.bttn-grey img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-32.png")}
.bttn-mid.bttn-grey:hover {color:#FFF; background-position:0 -1260px;}

.bttn-dark {color:#FFF; border-color:#2C2C2C; background-position:0 -480px; background-color:#282828}
.bttn-dark img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-18.png")}
.bttn-dark:hover {color:#FFF; border-color:#000; background-position:0 -540px; background-color:#040404}
.bttn-mid.bttn-dark {color:#FFF; background-position:0 -1320px;}
.bttn-mid.bttn-dark img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-32.png")}
.bttn-mid.bttn-dark:hover {color:#FFF; background-position:0 -1380px;}

.bttn-yellow {color:#000; border-color:#C8C609; background-position:0 -600px; background-color:#C9C603}
.bttn-yellow img {background-image:url("/o/jobdnes_v3/button/bttn-ico-dark-18.png")}
.bttn-yellow:hover {color:#000; border-color:#C1BE06; background-position:0 -660px; background-color:#B3B10E}
.bttn-mid.bttn-yellow {color:#000; background-position:0 -1440px;}
.bttn-mid.bttn-yellow img {background-image:url("/o/jobdnes_v3/button/bttn-ico-dark-32.png")}
.bttn-mid.bttn-yellow:hover {color:#000; background-position:0 -1500px;}

.bttn-green {color:#FFF; border-color:#2B7913; background-position:0 -720px; background-color:#2A880D}
.bttn-green img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-18.png")}
.bttn-green:hover {color:#FFF; border-color: #246C0E; background-position:0 -780px; background-color:#22730A}
.bttn-mid.bttn-green {color:#FFF; background-position:0 -1560px;}
.bttn-mid.bttn-green img {background-image:url("/o/jobdnes_v3/button/bttn-ico-white-32.png")}
.bttn-mid.bttn-green:hover {color:#FFF; background-position:0 -1620px}

/*bttn disable*/
.bttn-disabled img {background-image:url("/o/jobdnes_v3/button/bttn-ico-grey-18-disabled.png")}
.bttn-mid.bttn-disabled img {background-image:url("/o/jobdnes_v3/button/bttn-ico-grey-32-disabled.png")}
.bttn-disabled, .bttn-disabled span {color:#CCC; cursor:default !important}
.bttn-disabled:hover {color:#CCC; background-position:0 0; background-color:#E0E0E0; border-color:#CCC; box-shadow:none}
.bttn-mid.bttn-disabled:hover {color:#CCC; background-position:0 -840px}

/*bttn ico*/
.bttni-heart {background-position:0 0}
.bttni-star {background-position:0 -40px}
.bttni-search {background-position:0 -80px}
.bttni-mail {background-position:0 -120px}
.bttni-check {background-position:0 -160px}
.bttni-refresh {background-position:0 -200px}
.bttni-enter {background-position:0 -240px}
.bttni-minus {background-position:0 -280px}
.bttni-plus {background-position:0 -320px}
.bttni-write {background-position:0 -360px}
.bttni-trash {background-position:0 -400px}
.bttni-cancel {background-position:0 -440px}
.bttni-cart {background-position:0 -480px}
.bttni-unlocked {background-position:0 -520px}
.bttni-locked {background-position:0 -560px}
.bttni-left {background-position:0 -600px}
.bttni-right {background-position:0 -640px}
.bttni-up {background-position:0 -680px}
.bttni-down {background-position:0 -720px}
.bttni-eleft {background-position:0 -760px}
.bttni-eright {background-position:0 -800px}
.bttni-eup {background-position:0 -840px}
.bttni-edown {background-position:0 -880px}
.bttni-dleft {background-position:0 -920px}
.bttni-dright {background-position:0 -960px}
.bttni-dup {background-position:0 -1000px}
.bttni-ddown {background-position:0 -1040px}

/*sirky pro buttony*/
.w1m {width:1em}
.w2m {width:2em}
.w3m {width:3em}
.w4m {width:4em}
.w5m {width:5em}
.w6m {width:6em}
.w7m {width:7em}
.w8m {width:8em}
.w9m {width:9em}
.w10m {width:10em}
.w11m {width:11em}
.w12m {width:12em}
.w13m {width:13em}
.w14m {width:14em}
.w15m {width:15em}
.w16m {width:16em}
.w17m {width:17em}
.w18m {width:18em}
.w19m {width:19em}
.w20m {width:20em}
.w25m {width:25em}
.w30m {width:30em}
/*/JD*/

.pagination {display:inline-block;padding:0; margin-bottom:1.83em;}
.pagination li {display:inline;}
.pagination li a {float:left; padding:0.57em 1.14em; margin:0 0.5em; font-size:117%; text-decoration:none; transition: background-color .3s; border: 1px solid #ddd; border-radius:0.25em}
.pagination li a.active {border: 1px solid #831E1E; color:#FFF; background-color: #ed2132;}
.pagination li a:hover:not(.active) {background-color: #ddd;}

table.nav-n4 {margin:0 auto 1.83em}
table.nav-n4 td {vertical-align:middle; white-space:nowrap; font-size:16px; font-weight:700;}
table.nav-n4 .tal, table.nav-n4 .tar {text-align:left}
table.nav-n4 .tac {padding:0 10px; line-height:26px}

.nav-n4 a.ico-left, .nav-n4 a.ico-right {display:block; text-decoration:none}
.nav-n4 a.ico-right {float:left}
.nav-n4 .ico-left span, .nav-n4 .ico-right span {width:auto; height:26px; line-height:26px; margin:0; font-size:100%; background:none; white-space:nowrap; zoom:1}
.nav-n4 .ico-left span {float:left; padding-right:.8em}
.nav-n4 .ico-right span {=width:4em; =overflow:hidden; float:right; padding-left:.8em}
.nav-n4 .ico-left i, .nav-n4 .ico-right i {width:21px; height:21px; background:url('/u/ico/default-ico.png') no-repeat 100% -25px}
.nav-n4 .ico-left i {float:left; margin:4px 3px 0 0; background-position:100% -25px}
.nav-n4 .ico-right i {float:right; margin:2px 0 0 3px; background-position:100% 0}
.nav-n4 .tac a span, .nav-n4 .tac b span {float:none; display:inline-block; width:auto; height:26px; margin:0; padding:0 .5em; border-radius:3px; font-size:14px; text-align:center}
.nav-n4 .tac b span {background-color:#EEE; text-decoration:none}
.nav-n4 .tac span {background-image:none; background-color:transparent; /*text-decoration:underline; */}

/*hp-video*/
#hp-video {position:relative; width:100%; margin-bottom:1.83em}
.hp-video-hide {position:absolute; z-index:1; right:0; top:0; line-height:1em; margin-top:-1.4em; color:#FFF; text-decoration:none}
.hp-video-hide:hover {color:#FFF}
.hp-video-hide:before {content:""; display:inline-block; width:9px; height:5px; margin-right:0.5em; vertical-align:middle; background:transparent url('/o/mafra_v2/video-close.png') no-repeat}
#hp-video.hidden {margin-bottom:0}
#hp-video.hidden .hp-video-hide:before {background-position:center bottom}
#hp-video.hidden .hp-video {display:none}
.hp-video {position:relative; width:100%; }
.hp-video .layer {display:none; padding:1em; background:#FFF}
.hp-video h2 {padding:0; margin-bottom:0.5em; color:#000; border:none}
.hp-video h2 span {font-family:arial; font-weight:bold; color:#ed2132}
.hp-video p {font-size:134%}
.hp-video .layer-in {display:table}
.hp-video .layer-in > div {display:table-cell; vertical-align:top; padding:1em}
.hp-video .layer-in .left {padding-right:2em}
.hp-video .layer-in .right {padding-left:2em; border-left:1px solid #76777a}
.hp-video videoplayer { font-family: inherit }
.hp-video videoplayer + small { display: block; height: 0; overflow: hidden; }
.hp-video videoplayer .layer { font-size: 75%; box-sizing: content-box; -moz-box-sizing: content-box;  }

#homepage .cube {cursor:pointer}

/*reflection-img*/
.image-reflection {margin-bottom:1.83em;}
.side-reflection {margin-bottom:1.83em;}

.marketnews {padding:.5rem.5rem 0;background:#fff}
.marketnews h2 {margin-bottom:2rem;padding:.5em;text-align:center;color:#fff;background:#ed2132}
.marketnews h3 {display:table;margin:2rem auto 1rem;padding:.5em;text-align:center;color:#ed2132; border:solid #999; border-width:1px 0}
.marketnews p {  margin-bottom: 2em; line-height: 1.6; padding: 0 1em;}

/*list-leaders*/
.list-leaders {margin-bottom:1.83em}

.leader-box {display:table; width:100%; margin-bottom:1em}
.leader-box div {display:table-cell; vertical-align:top}
.leader-box .about {padding-left:1em}
.leader-box h3 {margin-bottom:0.5em; font-size:150%; font-weight:400}
.leader-box p {line-height:1.5em; margin:0 0 1em; font-size:117%}
.leader-box .contact {color:#76777a}
.leader-box .img {width:13.33em;}
.leader-box .img img {width:100%}

/*list-portfolio*/
.list-portfolio {margin-bottom:1.83em}
.list-portfolio .box {
	-webkit-box-shadow: 2px 2px 3px 0px rgba(220,220,220,1);
	-moz-box-shadow: 2px 2px 3px 0px rgba(220,220,220,1);
	box-shadow: 2px 2px 3px 0px rgba(220,220,220,1);
	border:1px solid #dcdcdc;
	box-sizing: border-box;
}
.list-portfolio img {
	width:100%;
}

/*portfoloio*/
#portfoloio {position:relative;}
.p-image {margin-bottom:1.83em;}

.list-annexs {margin-bottom:1.83em; list-style:none}
.list-annexs li {margin-bottom:1em}
.list-annexs a {position:relative; display:inline-block; min-height:32px; padding-left:36px; font-size:117%}
.list-annexs a:before {position:absolute; z-index:1; top:0.1em; left:0}

.annexs-ico:before {display:inline-block; content:" "; width:26px; height:32px; vertical-align:middle; background:url('/o/mafra_v2/blue-icons.png')}
.annexs-ico-pdf:before {}
.annexs-ico-link:before {background-position:0 -40px}

/*p-top*/
.p-top img {width:100%}

/*nav-social*/
.nav-social {margin-bottom:1.83em; list-style:none}
.nav-social li {margin-bottom:0.5em; font-size:134%}
.nav-social a {text-decoration:none}
.nav-social .ico-action:before {margin-right:0.5em}

/*action-ico*/
.ico-action:before {display:inline-block; content:" "; width:34px; height:34px; vertical-align:middle; background:#666 url('/o/mafra_v2/default-icons.png') no-repeat center 0; border-radius:17px}
.ico-link:before {background-position:5px 2px}
.ico-read:before {background-position:5px -38px}
.ico-download:before {background-position:5px -79px}
.ico-contact:before {background-position:5px -118px}
.ico-facebook:before {background-position:5px -158px}
.ico-twitter:before {background-position:5px -198px}
.ico-instagram:before {background-position:5px -238px}

/*ico-contact*/
.ico-contacts {overflow:hidden; display:inline-block; width:24px; height:24px; text-indent:-1000px; background:url('/o/mafra_v2/contact-icons.png');}
.ico-contact-user {}
.ico-contact-phone {background-position:0 -25px}
.ico-contact-mail {background-position:0 -50px}

/*color*/
.color-tema h1, .color-tema .ico-action:before {background-color:#f15a22}

/*list-contact*/
.list-contacts {margin-bottom:1.83em;font-family: Myriad Pro;}
.list-contacts h3 {margin:0; border-bottom:1px solid #FFF}
.list-contacts h3 a {position:relative; display:block; padding:0.5em 0.75em; text-decoration:none; color:#1c4382; background:#eaeff6}
.list-contacts .show h3 a {color:#FFF; background:#1c4382}
.list-contacts h3 a:before {float:right; display:inline-block; margin-top:0.5em;padding-right: 1.2em;content:"Otevøít"; font-size:60%; text-transform:uppercase;background: url('/o/mafra_v2/open-close.png') no-repeat 100% -16px;}
.list-contacts .show h3 a:before {content:"Zavøít"; background-position:100% 4px}
.list-contacts table {width:100%; margin-bottom:1.83em; border-collapse:collapse; font-size:108%}
.list-contacts th, .list-contacts td {padding:1em 1.15em}
.list-contacts th {text-align:center; background:#eaeff6}
.list-contacts td {border-bottom:1px solid #b7c7e0}
.list-contacts td:nth-child(2) {text-align:center}
.list-contacts td:last-child {text-align:center}
.q-js .list-contacts table, .q-js .list-contacts .box div {display:none}
.list-contacts .show table {display:table}
.q-js .list-contacts .show div {display:block}

#list-contacts .col1 {width:33%}
#list-contacts .col2 {width:33%}
#list-contacts .col3 {width:33%}

/*career*/
.career-top {margin-bottom:1.83em;}
.career-top h2 {display:inline-block; border:none;}
.career-top ul {display:table; list-style:none;}
.career-top li {display:table-cell; padding:0 0.5em;margin: 0 auto;}
.career-top .more {line-height:2em; text-decoration:none; text-transform:uppercase;}

.list-careers {margin-bottom:1.83em;}
.list-careers h3 { line-height:1.4em; padding:0.3em 0.6em; background:#eaecef}
.list-careers h3:before {display:inline-block; content:""; width:30px; height:28px; line-height:1em; margin-top:-0.1em; margin-right:0.5em;vertical-align: top; background: url('/o/mafra_v2/ico-career.png') no-repeat}
.list-careers ul {margin-top:-0.5em; margin-bottom:2.5em; list-style:none}
.list-careers li {margin-bottom:0.25em; font-size:117%; color:#7b7c7f; padding-left:1.5em; background: url('/o/mafra_v2/cube-li.gif') no-repeat 0.5em 0.5em}
.list-careers a {color:#003c74}

/*list-twitter*/
.list-twitter {margin-bottom:1.83em;}

/* embed-social */
.embed-social {line-height:1.5em; margin:0 1em 1em; font-size:134%;}
.embed-social .es-box {margin:0 0 0.5em; font-size:75%; border:1px solid #CCC; background:#FFF; border-radius:5px}
.embed-social p {margin:0 0 5px; font-size:117%}
.embed-social p img {max-width:100%; vertical-align:middle}
.embed-social .es-name, .embed-social .es-perex {display:block}
.embed-social .es-top, .embed-social .es-mid, .embed-social .es-bot {padding:6px 8px; border-bottom:1px solid #CCC}
.embed-social .es-top {position:relative; width:auto; min-height:32px; line-height:1.33; padding-left:49px}
.embed-social .es-top img {position:absolute; z-index:1; top:8px; left:8px; width:32px; height:32px}
.embed-social .es-img {overflow:hidden; margin:0;}
.embed-social .es-img span {display:block; height:0; margin:0 0 .4em; padding:0; background-repeat:no-repeat; background-position:50% 50%; background-size:cover;}
.embed-social .es-img-1 span {width:100%; padding-top:60%}
.embed-social .es-img-2 span {width:49.5%; padding-top:40%}
.embed-social .es-img-4 span {width:49.5%; padding-top:25%}
.embed-social .es-img .fl {clear:both}
.embed-social .es-name {font-size:117%}
.embed-social .es-name a {text-decoration:none; color:#000}
.embed-social .es-name a:hover {text-decoration:underline}
.embed-social .es-perex, .embed-social .es-date {font-size:92%}
.embed-social .es-perex, .embed-social .es-perex a {color:#666}
.embed-social .es-perex a {text-decoration:none}
.embed-social .es-perex a:hover {text-decoration:underline}
.embed-social .es-perex span {color:#000}
.embed-social .es-date {display:block; margin:0 0 0.25em; color:#999}
.embed-social .es-bot {border-bottom:none; border-radius:0 0 5px 5px; background:#F1F1F1}
.embed-social .es-bot span {float:left; margin:0 30px 0 0}
.embed-social .es-bot span a {float:none;  margin:0; font-weight:normal}
.embed-social .es-bot a {float:right; font-weight:bold; margin:0 0 0 15px; text-decoration:none}

#twitter h1 {background:#00b6f1}
#facebook h1 {background:#3b5998}
#twitter h1:before, #facebook h1:before {content:""; display:inline-block; width:34px; height:34px; line-height:1em; margin:-0.25em 0.25em 0 0; vertical-align:middle; background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTY2RkVDQzJENkU0MTFFNUFGNDNENkZEQTgyRTVDQ0IiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTY2RkVDQzNENkU0MTFFNUFGNDNENkZEQTgyRTVDQ0IiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBNjZGRUNDMEQ2RTQxMUU1QUY0M0Q2RkRBODJFNUNDQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBNjZGRUNDMUQ2RTQxMUU1QUY0M0Q2RkRBODJFNUNDQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoV2z3EAAAJdSURBVHjazJjPK0RRFMfnXb8WLCRixfixEBuxUMqwoSfKwh8gpcZCRFkoliiLkdLIxt7GwsrKaxSyYOFXlpKShfyI/AjP9+qMLs2797555plTn/LmnHfvcc895577DNu2Ay4kCLpACNTQcy7pHsEZOAGbYA2ca4/MHdHABBb4sPXlg94xdeZQGdSCmO1dYjRWUo6EwbP9d8LHGnDjiAEidupkjuZQOpJKJ0RnpI6Ebf/kR5gMIX1rwR7ICfgjL6ABHPMHJiiiPjoRoLmi8Ye4IyYVKa//4QyoBxWgG2yT7l34W5QQzf29RyxJLPvBgSLeL6A5wcbPAN2gGKw4vGvFN2tQUTFLQD7YkNjMalTmcXDtUIGDjM4OQ7LkmeAWtIFRcJfAZlURtl3QAQoS6PjcXUxjb7QLcZ4DZWCEYv5GuhvFGBOgWaIP8WU7UsT/gmKcaMlzQDXIU4RmSTHHEaOjXCY9dOQ7ZcopeNBoH6R6JvQTTsJDYXlIa4NSWia5TGOgaVDkwZFGUKgyYtRZyaQSbIFOyiC30qdh88iovVPJBdlluXSCh7VXw+6MUY+pklZQDp5cOrKgeX6dMGp0dTYcL1pToApkaLwzRsVSRzZ5jpe6aIq53TKVfFndGHTZZJeqDr0rsA/WwSSoVDjAC9uiywbJEjs008HoFcxT9ZQ5wFdoCFwm0amZvzu0mOLcOQQ7lD33IJuyog40JZFRAdqfLV+bUHCEl/F9n1vF+njWipWV/zDsY6s4/KN0/NN1IpIOF6yI7gUrlVfOcDpcwmu8fA3w7bOEkS4faj4FGAC/GXJMSr66fgAAAABJRU5ErkJggg==') no-repeat}
#facebook h1:before {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAFNQDtUAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RDAwNTNBQ0RERkI2MTFFNUI4NTM4NzkxNTUwNTFGMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RDAwNTNBQ0VERkI2MTFFNUI4NTM4NzkxNTUwNTFGMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEMDA1M0FDQkRGQjYxMUU1Qjg1Mzg3OTE1NTA1MUYxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEMDA1M0FDQ0RGQjYxMUU1Qjg1Mzg3OTE1NTA1MUYxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PpJ/Wa8AAAMCSURBVHjaYvj//z8DFJ+BsVkYIOA/EDPCaCYgcYkBFfxnBClHUynMgGQmCEiD2AABBBOQA+I0mCX/oeaAtTIhcThBDGRngAETVBYGGAECCN0mdGAJs9kMTQJDA8hoJwZCAKrTA4d1f0DyAAEECxIYmAnEzECcAnc1VMErIBbFYgk4pFuQJF+geRvD9bpAPB9ZgPE/qiMYsYUkMtAF4qXIAiAFX/AFBXLMM+DyBczuiUgSj2DuAQgg5MiD4Zz/+MErIGZG1oMc2t9gCYcEIAPET5mQggebAVZQJzOiRQQMPAHiOpBzFuFwtjEQc0KdrAjlYwUgBYfx+F8XqmYpvkACeceBgTLwCJT5/gIxLxB/xqJAC4jZgFgIhwHXgFgbPXrV/xMHbiPrAwgg9AyFDNKA2AyIDYD4LBC3QhMYzqwLw2xA/JaAKzLREygyx/4/8eA5NkO0/pMOXqEbgguIItl4CYt8BcyQFjyGMBAw5D8sdv7jKyfQix4sQI8Jh0QNEJsg8U1wRi8DQw6u8IjCUs7gAiep4Z19TAyUg60glzwHMiQocAkLEzgXkg/egUoBFijjDhCrYFFkTMAQSfQM+IfEZO+ELQMyQMsJYoAKrlzMgFQoP8GhuQuLegaAAMNmCDbMA8TVePIPNnAGmkF5iLEDn6QciRYTAuehZhLtEFcg/vmfduAnrI2Hq74A1VDnobUVseApEE8B4ptohc0KHMkfGVwAYnMg/oWc5CWA+BuJPsvBE63ERulnIBaCNbVBTdAzZDSQDmLJ7MlQ86SJNIMHiE8CsSrIIUUkaMQHQOZEkaEPFIX5oGA8QEJ0RBGZ3T+QGM27mPA0obCBpdAS/z+00Y5Ljp/EUOFngqbegQYXQA6ZNQgcMh3kkCNA3D2AjqiHhQgIlAFx5QA4ohiIm5D7fDCgDs3X/DR2wDtoqXoHV/cVVFQLALEnoV4rBQ5wAw9tIDkCVx8WvfqfQEaLB72S6yLUHGDE32zFCkCdJj9oaawOLaYZoCF4E1oRrgfiy6QYCgBjxyYGWu4ZNwAAAABJRU5ErkJggg==')}

.col-b .fb-page {display:block; width:500px; margin:0 auto;}

/*list-press*/
.list-press {margin-bottom:1.83em}
.list-press ul {list-style:none}
.list-press li {display:table; width:100%; padding-bottom:1.83em; margin-bottom:1.83em; border-bottom:1px dotted #d9d9d9}
.list-press .image {display:table-cell; width:20.93%; vertical-align:top; }
.list-press h3 {padding-left:1em; display:table-cell; vertical-align:top;}
.list-press span {display:inline-block; padding:0.25em 0.5em; margin-bottom:0.5em; font-size:70%; color:#FFF; background:#ed2132}
.list-press a {display:block; text-decoration:none}

/*mf-advert*/
.mf-advert img, .mf-advert h3 {margin-bottom:0.5em}
.mf-advert p {margin-bottom:1em}
.mf-advert .btn {display:block}

/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

/**
* tablet/mobile
*/
@media (max-width:1000px) {
	/* header */
	.h-top {position:relative; display:table; width:100%}
	.h-top h1, .h-top h2 {display: table-cell; height:77px; padding:0 2em; vertical-align:middle}
	.h-top h1 a, .h-top h2 a {display:inline-block}
	.h-button {position:absolute; z-index:1;top:50%; right:2em; width:3em; height:3em; margin-top:-1.5em; background-size:3em; text-indent:-1000px; background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaGVpZ2h0PSIyNXB4IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyNSAyNSIgd2lkdGg9IjI1cHgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c2tldGNoPSJodHRwOi8vd3d3LmJvaGVtaWFuY29kaW5nLmNvbS9za2V0Y2gvbnMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGUvPjxkZXNjLz48ZGVmcy8+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0iVGFiQmFyLUljb25zIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+PGcgZmlsbD0iIzAwMDAwMCIgaWQ9IkhhbWJ1cmdlciI+PHBhdGggZD0iTTAsMiBMMjUsMiBMMjUsNiBMMCw2IEwwLDIgWiBNMCwxMCBMMjUsMTAgTDI1LDE0IEwwLDE0IEwwLDEwIFogTTAsMTggTDI1LDE4IEwyNSwyMiBMMCwyMiBMMCwxOCBaIi8+PC9nPjwvZz48L3N2Zz4=);}
	.h-top {position:relative}
	#logo {margin:0; max-width:290px;}

	.h-menu {display:none; width:100%; font-size:200%; background:#2b2b2b;}
	#menu.show  {display:block; margin-bottom:0.5em}
	.h-menu a, .h-menu a:hover {display:block; padding:0.5em; color:#FFF; text-decoration:none}
	.h-menu li {border-top:1px solid #FFF}
	.h-menu li > li:last-child {border:none}

	.menu-has-sub > a {position:relative}
	.menu-has-sub .more {position:absolute; z-index:1; top:50%; right:0; width:2em; height:2em; margin:-1em 1rem 0 0; background:#333; border-radius:1em;background: #666 url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAAH7+Yj7AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDBFOTlBOEVERkI1MTFFNUJBNzM4NEQ0QjFGQ0I3MzAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDBFOTlBOEZERkI1MTFFNUJBNzM4NEQ0QjFGQ0I3MzAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0MEU5OUE4Q0RGQjUxMUU1QkE3Mzg0RDRCMUZDQjczMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0MEU5OUE4RERGQjUxMUU1QkE3Mzg0RDRCMUZDQjczMCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv4H+lMAAAHeSURBVHjaYvz//z8DOmAC4v/YBBnQJP6DBBmRJP4jq2REUskIEECMxFr0H90iuJmMaBKM6BaBaYAAAln0H812rIAF3TgsajDsRvEoGhtuIiM2HyDLsaBZg6wBxRkAARihgxUAQBAGoPtdr/0/LCyKki0aCB4eKsqvqeSN8eEIzkRONjWyG4OpYMV8wYVrGgy+0PiMW3WiCuGQglAoqwtAKRnbAACAIMyb+X/wAYVCwmY6YCdsWDft3dTOXYMckILPpB9fYBt8CCKnQw1yflGwPm2mHF/JQ1qRuxWAlXq3ARiEgTCMMnU2oL1Rs8GRJikSHuczSHToo7F/uWHqOcrec5bO+Li33vcqg5l0MH5BJrEuyAQ2BGliU5AGtgQZxCSQAewFIaJVeff8jA09/MUBWaxXG2SwUb7gYrMewsFWgYUz9Kv1QnQtlZ1FZMfVqkAtUBOgGjtGAhgEgSia69JyCVqP6g2SNJlJietHE2do9VWygPcU+jyTjX3QFnf1YzIZVlRkflfbDEt//7YJNtSfqqCZ9tRH07QtgsnAGWgI7/TZQceKYMORRoEGcK9TieYNRWBUoKGPU3mmHKbGmWUwZeRuK2EKkID6KSzP1GqVMAKYgfoJrB+paiTsN5H/AkvADjjgnQb2AAAAAElFTkSuQmCC') no-repeat 50% 50%; background-size:1.16em}

	.menu-sub {display:none; background:#666}

	.menu-has-sub.show > .menu-sub {display:block}
	.menu-has-sub.show > a > .more {background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNS4xIFdpbmRvd3MiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Rjg0REY0RjRFMTIzMTFFNUI2NkNCNTZCMUE3NzU1NkEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Rjg0REY0RjVFMTIzMTFFNUI2NkNCNTZCMUE3NzU1NkEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpGODRERjRGMkUxMjMxMUU1QjY2Q0I1NkIxQTc3NTU2QSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpGODRERjRGM0UxMjMxMUU1QjY2Q0I1NkIxQTc3NTU2QSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pnry9acAAAD2SURBVHja5Ng9CsMwDAXgpvSy2Uqm3iBTIUftDdx4SEkb25Hkpx/oA4G9PD7wIPCQUrpEzhXcN62zIAtvYNxzd79DWvMTA2ZKxyyIbi0cDKmJgyC1cd1IC1wX0gonRlriREhrHBvpgWMhvXBkpCeOhPTGnSIj4JrIKLgqMhKuiETj5nVGJBKN2/pgSA0cFJmLXgo4GLIXOBM20egFpOC6kVIgB9eFlAAlODGSC+zBiZAcIALHRlKBSBwLSQFq4MjIM6AmjoRsAS1wp8ga0BLXRJaAHrgq8hfoiSsi98AIuANyA0bCfSHz4REQ90EO//bLD89bgAEAK0kAki1G+ssAAAAASUVORK5CYII=')}

	.menu-lang ul {display:table; width:100%}
	.menu-lang ul li {display:table-cell;}

	.col-a {display:none}

	img {margin:0 auto;}
	.full-img {width:100%}
	.mobile-hide {display:none !important;}

	.btn {display:block}

	.alert-404 img {margin:0}

	/* cube */
	.cube .perex {width:70%}
	.cube .logo {width:30%}

	/*.list-box a .mask, .list-box-quad a .mask {display:none}*/

	table.nav-n4 {width:100%;}
	.nav-n4 a.ico-right {float:none}

	.portfolio-menu-hp .mask {font-size:200%}
}

@media (max-width:767px) {
	#footer {margin:1em}
	/*.content-fluid-in*/
	.content-fluid-in {margin:0 1em}

	.columns-two .col-l, .columns-two .col-r {float:none; width:100%}
	.columns-line {background:none}

	.btn {margin:0 0 1em}

	.alert-box {margin:0 1em 1em}

	.alert-404 .left {width:20%}

	.list-box .box {width:49%; margin:0 2% 2% 0;}
	.list-box .box:nth-child(3n+0) {margin-right:2%}
	.list-box .box:nth-child(2n+0) {margin-right:0}

	.list-box-quad .box  {width:31.11%; margin:0 3.33% 3.33% 0;}
	.list-box-quad .box:nth-child(4n+0) {margin-right:3.33%}
	.list-box-quad .box:nth-child(3n+0) {margin-right:0}

	/* list-box, cube */
	.cube {width:49%; margin-bottom:2%}
	.cube-horizontal {width:100%}

	/* .btn */
	.btn-mobile {display:block; padding:0.75em 1em; margin:1em 0; color:#000; border:1px solid #000; text-align:center; background:#eaecef; border-radius:0.25em}

	/* h-top */
	.p-top img {max-width:16em;}
	.nav-social {margin-top:1.83em}

	/*hp-video*/
	.hp-video .layer-in .left {display:none}
	.hp-video .layer-in .right {padding:0; border-left:none}

	/* open-image */
	.open-image h1 {position:inherit; left:0; display:block; margin:0}

	.side-reflection .content  {float:left; width:50%; margin-right:1em; margin-bottom:1em}

	.image-reflection img {float:left; width:50%; margin-right:1em; margin-bottom:1em}
	.image-reflection .btn {display:inline-block;}

	/*career*/
	.career-top {text-align:center}
	.career-top ul {width: 100%; text-alignt:center; margin-bottom:1em}

	.list-box .mask, .list-box-quad .mask {display:block}
}

@media (max-width:480px) {
	#logo {width:70%}

	.h-menu {font-size:150%}

	/*text*/
	.open-image {margin-bottom:1em}
	.open-image h1 {padding:0.25em 0.5em; font-size:200%}
	h2 {font-size:150%}
	h3 {font-size:134%}

	.btn {font-size:134%}

	.alert-404 .left {display:none}
	.alert-404 .right {padding:0; border:none}

	.p-top img {max-width:10em}

	.hp-video p {font-size:100%}

	.list-box .box, .cube {width:100%; margin:0 0 2%}

	.list-box-quad .box {width:49%; margin:0 2% 2% 0;}
	.list-box-quad .box:nth-child(3n+0) {margin-right:2%}
	.list-box-quad .box:nth-child(2n+0) {margin-right:0}

	/*.leader-box*/
	.leader-box .img {width:36%}

	.side-reflection .content {float:none; width:auto;}

	.image-reflection img {float:none; width:auto;}
	.image-reflection .btn {display:block; width:100%}

	#twitter h1:before, #facebook h1:before {display:none}

	.embed-social {margin: 0 0.71em 1em}

	.col-b .fb-page {display:block; transform-origin:0 0; -webkit-transform-origin:0 0; transform: scale(0.96); -webkit-transform: scale(0.96);}

}

@media (max-width:320px) {
	.col-b .fb-page {display:block; transform-origin:0 0; -webkit-transform-origin:0 0; transform: scale(0.64); -webkit-transform: scale(0.64);}
	.pagination li a {font-size:100%; margin:0 0.25em}

	.list-contacts thead {display:none}
	.list-contacts td {float:left; clear:both; width:100%; padding:0.25em 0; text-align:left; box-sizing: border-box; border:none}
	.list-contacts td:nth-child(2) {text-align:left}
	.list-contacts td:first-child {padding-top:1em;}
	.list-contacts td:last-child {text-align:left; padding-bottom:1em; border-bottom:1px solid #b7c7e0}
}

@media (min-width:768px) {
	/*p-top*/
	.p-top {display:table; width:100%}
	.p-top h1 {display:table-cell; width:19.67%; vertical-align:middle}
	.p-top .right {display:table-cell; width:80.33%; vertical-align:middle}

	.p-top .nav-social {display:table; width:100%; margin:0;}
	.p-top .nav-social li {display:table-cell; margin:0; text-align:center; font-size:100%}
	.p-top .nav-social a {display:block; padding:0.5em}
	.p-top .nav-social a:before {display:block; margin:0 auto 0.5em}

	/*hp-video*/
	.hp-video .layer {position:absolute; z-index:1; right:0; bottom:10%; width:60%}
	.hp-video .layer img {min-width:6.66em}
	.hp-video .layer .left img  {-webkit-transform: translateZ(0);  transform: translateZ(0);}
	.hp-video .layer:hover .left img {-webkit-animation-name: hvr-pulse; animation-name: hvr-pulse; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;}
	.hp-video videoplayer.dummy .layer { display: block }
	.hp-video videoplayer.dummy:before { content: none }

	.career-top {border-bottom:1px dotted #b3b3b3}
	.career-top img {height:24px}
	.career-top h2 {float:left; margin-bottom:0; margin-right:4em}
	.career-top ul {float:left; margin-top:0.5em}
	.career-top .more {float:right; padding-right:0.75em;  margin-top:0.5em;  color:#939393; background:url('/o/mafra_v2/dart-right.png') no-repeat right center;}

	#portfoloio {min-height:470px}
}

@media (min-width:1001px) {
	/* hide */
	.desktop-hide, .h-button {display:none !important;}
	
	.col-a {float:left; width:36.36%}
	.col-b {float:right; width:62.27%; min-height:600px; background:#FFF}
	
	.btn:hover {
		-ms-transform: scale(1.15,1.15);
		-webkit-transform: scale(1.15,1.15);
		transform: scale(1.15,1.15);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.75);
	}
	
	/* header */
	#header {min-height:160px; margin:0 0 1.83em}
	#logo {float:left; margin-top: 102px; margin-left:1em}
	.h-menu {float:right; margin-top:106px; text-align:right}
	.h-menu ul, .h-menu li, .h-menu a {display:inline-block; text-align:left;}
	.h-menu a {padding:0.5em; color:#000; font-size:134%; text-decoration:none}
	.h-menu .ml-button {padding-left:1.125em} 
	.h-menu .act a, .h-menu a:hover {color:#ed2132}
	.menu {padding-right:0.5em}
	.menu-lang {padding-left:0.5em; border-left:1px solid #76777a}
	.menu-lang a {color:#76777a}
	.menu-lang li {position:relative}
	.menu-lang ul {display:none; position:absolute; z-index:2; left:0; top:100%; width:100%; font-size:87.5%; background:#FFF; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);}
	.menu-lang li {display:block;}
	.menu-lang ul a {display:block; padding:0.5em; text-align:center;}
	.menu-lang .ml-button {background:url('/o/mafra_v2/lang-open.gif') no-repeat 5px 50%}
	#menu-lang.show ul {display:block}
	#menu-lang.show .ml-button {background-image:url('/o/mafra_v2/lang-close.gif')}

	.menu-has-sub .more, .menu-has-sub .menu-sub {display:none}
	.menu-has-sub > div {display:inline-block}
	
	/* bg */
	.bg-body-1 {background:url('/o/mafra_v2/bg-content-1.jpg') no-repeat 50% 160px}
	
	/*list-box animace*/
	.list-box a, .list-box-quad a {color:#FFF; font-size:117%}
	.list-box img, .list-box-quad img {opacity:1; transition:opacity 0.25s linear;}
	
	/*.list-box .mask, .list-box-quad .mask {visibility:hidden;	position:absolute;z-index:1; top:0; left:0; width:100%; height:100%;  padding:1em; box-sizing: border-box; background-color: rgba(0,0,0,0.6); opacity:0;  transition:opacity 0.25s linear;}*/
	.list-box .mask, .list-box-quad .mask {display:block;}

	.q-mouse .list-box a:hover .mask, .q-mouse .list-box-quad a:hover .mask,
	.q-win .list-box a:hover .mask, .q-win .list-box-quad a:hover .mask {visibility:visible; opacity:1;}
	.q-mouse .list-box a:hover img, .q-mouse .list-box-quad a:hover img,
	.q-win .list-box a:hover img, .q-win .list-box-quad a:hover img{opacity:0.5;}

	/*.list-press a*/
	.list-press a:hover {text-decoration:none}

	
	#portfoloio .side-reflection {position:absolute; z-index:1; left:0; top:2em; margin:0 0 0 -390px}

	.side-reflection {position:relative; margin:1.83em 0; text-align:right;}
	.side-reflection .content {
		width:360px;
		transform: perspective(600px) rotateY(11deg);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.75);
		box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.75);
		-webkit-box-reflect: below 0.5em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
	}


	/* image reflection */
	#portfoloio .image-reflection {position:absolute; z-index:1; left:0; top:2em; margin:0 0 0 -390px}
	.image-reflection .btn {position:absolute; z-index:1; top:50%; left:50%; width:240px; margin:-11px 0 0 -168px; font-size:166%}
	.image-reflection {position:relative; margin:1.83em 0; text-align:right;}
	
	.image-reflection img {
		width:360px;
		transform: perspective(600px) rotateY(11deg);
		-webkit-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.75);
		-moz-box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.75);
		box-shadow: 0px 0px 5px 0px rgba(102,102,102,0.75);
		-webkit-box-reflect: below 0.5em -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, transparent) , to(rgba(250, 250, 250, 0.1)));
	}

	.p-image {position:relative; width:230px; left:-26px;}

	.nav-n4 a:hover span {color:#FFF; background-color:#ed2132; border-radius: 3px;}
	.nav-n4 a.ico-left:hover, .nav-n4 a.ico-right:hover {text-decoration:none}
	.nav-n4 .ico-left:hover i {background-position:0 -25px}
	.nav-n4 .ico-right:hover i {background-position:0 0}
	.nav-n4 .tac a:hover span {text-decoration:none}
}


/**
* desktop
*/
@media (min-width:1100px) {
	/**
	* grid
	*/
	.content-fluid {width:1100px; padding:0 1em; margin:0 auto;}
	
	#logo {margin-left:0}
	
	.h-menu a {padding:0.5em 1.125em}

	#portfoloio .side-reflection {margin-left:-410px}
	.side-reflection .content { width:380px; }
	
	/* image reflection */
	#portfoloio .image-reflection {margin-left:-410px}

	.image-reflection img { width:380px; }

	/* cube */
	.cube {width:350px; margin:0 0 2em;vertical-align: top;}
	.cube .perex {width: 220px; padding-bottom:2.5em}
	.cube .logo {width:auto}
	.cube .more {position:absolute; z-index:1; left:1em; bottom:1em;}
	.cube-horizontal .perex {width:360px}
	.cube-horizontal {width:725px}
	.cube > img {opacity:1; transition:opacity 0.25s linear;}
	.cube:hover > img {opacity:0.7}
}