@media screen { /** OPEN QUERY **/

::-moz-selection {color:#21568d; background:#d2edf6; text-shadow:none}
::selection {color:#21568d; background:#d2edf6; text-shadow:none}
hr {display:block; height:1px; margin:1.5em 0; background:#eee;}

h1, h2, h3, h4, h5, h6 {margin:0; font-size:1em/1em; font-style:normal; font-weight:normal; color:inherit; font-family:'RudaRegular'}
h1 {font-size:2.35em; line-height:1.2em; padding-bottom:.4em; margin-bottom:1em; color:#e2001a; border-bottom:1px solid #bcbcbd;}
h2 {font-size:1.5em; line-height:1em; margin-bottom:1em;}
h3 {font-size:1.3125em; line-height:1.1428em; margin-bottom:1.1428em}
h4 {font-size:1.125em; line-height:1.3333em; margin-bottom:1.3333em}
h1 span,h2 span {font-size:.63em; line-height:1em; display:block; color:#58585a;}

/* MEDIA */
a, .ease, .sub {border:0 none; -ms-interpolation-mode:bicubic; vertical-align:baseline; width:auto; -webkit-transition:all 300ms ease-in-out; -moz-transition:all 300ms ease-in-out; -ms-transition:all 300ms ease-in-out; -o-transition:all 300ms ease-in-out; transition:all 300ms ease-in-out;}
img, object, embed, video, iframe {max-width:100%; _width:100%; vertical-align:middle;}

/* LINKS */
a, a:visited {text-decoration:underline; color:#e2001a;}
a:hover, a:active {outline:none; text-decoration:none; color:inherit; background-color:none;}
a[data-rel], a[rel] {display:inline-block; padding:0; margin:0; background:none!important;}
section img {float:left; padding:0; margin-right:1.5em; padding:0; border: solid #e2001a 1px;}
.fRight > img {margin-right:0; margin-left:1.5em;}
.pdf {display:block; float:none; background:url(../images/layout/bg-pdf.png) no-repeat 15px center; margin-bottom:1.6em;}

img.history-img {
float: none;
    margin-top: 20px;
    width: 266px;
}
html, body {margin:0; padding:0;}
html {overflow-y:scroll; background:none; height:100%; width:100%;}
body {height:100%; font:400 14px/22px 'OpenSansRegular','Trebuchet MS','Lucida Grande','Lucida Sans Unicode','Lucida Sans',Tahoma,sans-serif; color:#58585a; background:none;}

.container {width:980px; padding:0 20px; margin:0 auto; position:relative;}
body > .container {/*min-height:100%; height:auto;*/}
body:before {content:''; background:url(../images/branding.png) center 300px no-repeat #fff; display:block; position:fixed; width:100%; z-index:50; -webkit-transition:all 800ms ease-in-out; -moz-transition:all 800ms ease-in-out; -ms-transition:all 800ms ease-in-out; -o-transition:all 800ms ease-in-out; transition:all 800ms ease-in-out; opacity:1; visibility:visible; text-align:center; padding-top:480px; bottom:0; top:0; font-weight:bold;}
body.fadeOut:before,body.cmsbackend:before {opacity:0; visibility:hidden;}
body:not(.js):before {display:none;}
body.js:before {display:block;}

/* BRANDING */
#branding {display:block; margin:135px -5px 0 0; padding:0; outline:none; background:none; position:relative; z-index:1; width:160px; height:147px; float:right;}

.header {display:inline-block; width:100%;}
body.index .header .nav {margin-top:400px; height:120px; position:relative; z-index:1}
body.en-index .header .nav {margin-top:400px; height:120px; position:relative; z-index:1}
body.rm-index .header .nav {margin-top:400px; height:120px; position:relative; z-index:1}
body.fr-index .header .nav {margin-top:400px; height:120px; position:relative; z-index:1}
.header .nav {margin-top:270px; height:0px; position:relative; z-index:1}
.index .header .nav, .en-index .header .nav, .rm-index .header .nav, .fr-index .header .nav {margin-top:548px;}
.header ul {padding:0px;}
.header ul li {position:relative; display:inline;}
.header .nav .fixed {position:fixed; top:0; left:0; right:0; height:95px; border-top:10px solid #3281c3; background:#fff; z-index:5}
.header .nav .fixed:after {content:''; display:block; width:100%; height:28px; background:url(../images/layout/bg-shadow.png) 0 0 repeat-x; position:absolute; bottom:-28px;}
.header .nav .fixed > nav{ width:994px; margin:0 auto;}
.header .fixed ul li a,.header .fixed ul li a:visited,.header .fixed ul li a:link {display:inline-block; font:1.3em; color:#3281c3; text-decoration:none; text-transform:uppercase; padding:35px 25px 10px;}
.en .header .fixed ul li a, .en .header .fixed ul li a:visited, .en .header .fixed ul li a:link{padding:35px 25px 10px;}
.rm .header .fixed ul li a, .rm .header .fixed ul li a:visited, .rm .header .fixed ul li a:link {padding:35px 22px 10px;}
.fr .header .fixed ul li a, .fr .header .fixed ul li a:visited, .fr .header .fixed ul li a:link {padding:35px 16px 10px;}
.header .fixed ul.navi li a:hover,.header .fixed ul.navi li a.active   {color:#fff; background:#3281c3; text-decoration:none;}




.header .fixed ul.languages li a, .header .fixed ul.languages li a:visited, .header .fixed ul.languages li a:link { display:block; width:22px; height:23px; display:inline-block; text-indent:999px; overflow:hidden;}
.fixed nav .languages li.de{ background:url(/images/language-icons/de.png) top center no-repeat;}
.fixed nav .languages li.en{ background:url(/images/language-icons/gb.png) center no-repeat;}
.fixed nav .languages li.rm{ background:url(/images/language-icons/ro.png) center no-repeat;}
.fixed nav .languages li.fr{ background:url(/images/language-icons/fr.png) center no-repeat;}
.languages {float: right; margin-top: -20px; position: relative;}
.languages li{ opacity:0.60;}
.lang-de .fixed nav .languages li.de, .en .fixed nav .languages li.en, .rm .fixed nav .languages li.rm , .fr .fixed nav .languages li.fr, .languages li:hover{ opacity:1;}
.header .nav .icon {height:120px; padding:10px 55px 0;}
.header .icon li a {display:inline-block; color:inherit; text-decoration:none; width:115px; height:40px; overflow:hidden; text-indent:115px; opacity:.8; padding-top:55px;}
.en .header .icon li a {width:160px; text-indent:999px;}
.rm .header .icon li a {width:190px; text-indent:999px;}
.header .icon li a:hover,.header .icon li a.active {opacity:1}
.header .icon li a:after {content:'» weiter zur Seite'; font-size:.92em; color:#58585a; display:block; text-indent:0; color:#111; text-indent:5px}
.en .header .icon li a:after {content:'» continue to the website';  }
.rm .header .icon li a:after {content:'» continuă şi mergi la pagina';  }
.fr .header .icon li a:after {content:'» aller á la page';  }
.header ul li a.kraft-internationale-transporte, .header ul li a.kraft-international-transports, .header ul li a.kraft-international-transporturi, .header ul li a.international-kraft-transports {background:url(/images/layout/nav-kraft-transporte.png) 0 0 no-repeat;}
.en .header ul li a.kraft-internationale-transporte, .en .header ul li a.kraft-international-transports, .en .header ul li a.power-international-transporturi, .en .header ul li a.international-kraft-transports {background:url(/images/layout/nav-kraft-transporte.png) 25px 0 no-repeat;}
.rm .header ul li a.kraft-internationale-transporte, .rm .header ul li a.kraft-international-transports, .rm .header ul li a.kraft-international-transporturi, .rm .header ul li a.international-kraft-transports {background:url(/images/layout/nav-kraft-transporte.png) 30px 0 no-repeat;}
.header ul li a.kraft-system-logistik, .header ul li a.kraft-system-logistics, .header ul li a.sistemul-de-putere-logistic{background:url(/images/layout/nav-kraft-system-logistik.png) 0 0 no-repeat;}
.en .header ul li a.kraft-system-logistik, .en .header ul li a.kraft-system-logistics, .en .header ul li a.sistemul-de-putere-logistic{background:url(/images/layout/nav-kraft-system-logistik.png) 25px 0 no-repeat;}
.rm .header ul li a.kraft-system-logistik, .rm .header ul li a.power-system-logistics, .rm .header ul li a.sistemul-de-kraft-logistic{background:url(/images/layout/nav-kraft-system-logistik.png) 30px 0 no-repeat;}
.header ul li a.kraft-express, .header ul li a.power-express, .header ul li a.putere-express {background:url(/images/layout/nav-kraft-express.png) 0 0 no-repeat;}
.en .header ul li a.kraft-express, .en .header ul li a.power-express, .en .header ul li a.putere-express {background:url(/images/layout/nav-kraft-express.png) 25px 0 no-repeat;}
.rm .header ul li a.kraft-express, .rm .header ul li a.power-express, .rm .header ul li a.putere-express {background:url(/images/layout/nav-kraft-express.png) 30px 0 no-repeat;}
.header ul li a.kraft-automobile, .header ul li a.kraft-cars,  .header ul li a.masini-electrice {background:url(/images/layout/nav-kraft-automobile.png) 0 0 no-repeat;}
.en .header ul li a.kraft-automobile, .en .header ul li a.Kraft-cars, .en .header ul li a.masini-electrice {background:url(/images/layout/nav-kraft-automobile.png) 25px 0 no-repeat;}
.rm .header ul li a.kraft-automobile, .rm .header ul li a.Kraft-cars, .rm .header ul li a.kraft-electrice {background:url(/images/layout/nav-kraft-automobile.png) 30px 0 no-repeat;}
.header ul li .sub {opacity:0; visibility:hidden; position:absolute;}
.header ul li:hover .sub {opacity:1; visibility:visible;}
.header ul li .sub li a {text-align:left; white-space:nowrap;}
.fixed .navi.container.justy {float: left; width: /*835px*/865px;}
.fixed .navi.container.justy:after{	width:auto;}
.fixed nav .languages li { margin:0 1px;}
.fixed nav .languages li a{padding:35px 4px 10px !important;}

.content {padding:80px 20px 70px;}
.content .highlight {float: left; background:#e2e5e9; padding:25px 30px 10px; margin-bottom:20px;}

.second {background: #e2e5e9;
    padding: 25px 30px 10px;
    margin-bottom: 20px;
    float:right;
}
.content .head {font:1.21em 'RudaRegular'; margin-bottom:.6em}
.content .head span {color:#e2001a;}
.content ul li {background:url(/images/layout/listIcon.gif) 15px 7px no-repeat; padding-left:35px;}
.content .history >li {border-bottom:1px dashed #ccc; padding:5px 0 15px 35px; background-position:15px 12px; margin:.5em 0;}
.content .history li:last-child {border-bottom:none;}
.content .history li mark {font:1.21em/1.5em 'RudaRegular'; display:block}

.footer {width:100%; background:#3281c3; color:#fff; padding:50px 0 0;}
.footer p.head {font:1.5em 'RudaRegular'; border-bottom:1px solid #fff; padding-bottom:.6em; margin-bottom:.6em}
.footer div a,.footer div a:link,.footer div a:visited {color:inherit; text-decoration:underline;}
.footer div a:hover,.footer div a.active {text-decoration:none}
.footer ul {display:block; text-align:center; background:#fff; margin:20px 0 0; padding:20px 0;}
.footer ul li {border-left:1px solid #2b6ea6; display:inline}
.footer ul li:nth-child(1) {border:none;}
.footer ul li a,.footer ul li a:link,.footer ul li a:visited {font:1.21em 'RudaRegular'; color:#2b6ea6; text-decoration:none; padding:0 10px 0 12px;}
.footer ul li a:hover,.footer ul li a.active {text-decoration:underline;}

.slideWrap {position:absolute; z-index:-1; margin:0 auto; width:100%; max-width:100%; overflow:hidden; height:520px; top:0px; left:0; right:0;}
.slide {width:100%; height:53%; position:absolute;}
.index .slideWrap, .en-index .slideWrap, .rm-index .slideWrap, .fr-index .slideWrap {height:638px; top:30px;}
.slideWrap div p {position:absolute; left:645px; top:210px; font:1.71em 'RudaRegular'; color:#757575;}
.slideWrap div p span {font-size:1.41em;}

.gmap {
	width: 700px;
    height: 347px;
}

img.building {
 width: 424px;
    height: 203px;
}

li.picture-none {
	background:none !important;
}


body.index .slideWrap {
	height: 910px;
    top: 95px;

}

body.index .slidesjs-container {
	overflow: hidden;
    position: relative;
    width: 2000px;
    height: 911px !important;
}

body.index .header .nav {
	margin-top: 505px;
    top: -29px;
}

body.en-index .slidesjs-container {
	overflow: hidden;
    position: relative;
    width: 2000px;
    height: 911px !important;
}

body.en-index .header .nav {
	margin-top: 505px;
    top: -21px;
}



body.en-index .slideWrap {
	height: 910px;
    top: 95px;

}

body.fr-index .slidesjs-container {
	overflow: hidden;
    position: relative;
    width: 2000px;
    height: 911px !important;
}

body.fr-index .header .nav {
	margin-top: 505px;
    top: 21px;
}


body.fr-index .slideWrap {
	height: 910px;
    top: 95px;

}

body.rm-index .slidesjs-container {
	overflow: hidden;
    position: relative;
    width: 2000px;
    height: 911px !important;
}

body.rm-index .header .nav {
	margin-top: 505px;
    top: 21px;
}


body.rm-index .slideWrap {
	height: 910px;
    top: 95px;

}







.icon-1 {
	    display: inline-block;
    color: inherit;
    text-decoration: none;
    width: 115px;
    height: 40px;
    overflow: hidden;
    text-indent: 115px;
    opacity: .8;
    padding-top: 55px;
}

ul.sub {
	display: block;
	background: #fff;
	position: relative;
	left: 0px;
	min-width: 100%;
	z-index: 100;


}

ul.sub li {
	display:block;
	position: relative;
	z-index: 100;
	font-size: 9pt;

}

ul.sub li a {
	display: block !important;
	position: relative;
    padding-top: 13px !important;
    text-align: center !important;
    padding-bottom: 10px !important;
    font-size: 10pt;
}

body.index .icons-bg {
    background:url(/images/layout/bg-overlay.png);
    width: 100%;
    display:block !important;
}
body.en-index .icons-bg-en {
    background:url(/images/layout/bg-overlay.png);
    width: 100%;
    position:relative;
    top:-9px;
    display:block !important;
}
body.rm-index .icons-bg-rm {
    background:url(/images/layout/bg-overlay.png);
    width: 100%;
    position:relative;
    top:-51px;;
    display:block !important;
}
body.fr-index .icons-bg-fr {
    background:url(/images/layout/bg-overlay.png);
    width: 100%;
    position:relative;
    top:-51px;;
    display:block !important;
}

.icons-bg {
    display:none;
}
.icons-bg-en {
    display:none;
}
.icons-bg-rm {
    display:none;
}
.icons-bg-fr {
    display:none;
}
ul.icons {
    width: 980px;
    margin: 0 auto;
}

ul.icons li {
	padding: 24px;
    top: 1rem;
}
/*---------- Mobile Link ----------*/

#mobile-link {
	background: #3281C3;
	clear: both;
	display:none;
	position:relative;
	z-index:9999;
}

#mobile-link .btn-mobile {
	background:url(/images/mobile/icon-mobile.png) no-repeat 5% center;
	font: bold 16px/normal Arial, Helvetica, sans-serif;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	display: block;
	margin: 0 auto;
	padding: 50px 10px;
}
} /** CLOSE QUERY **/


li.active.kraft-logistik {color:#fff; background:#3281c3; text-decoration:none; padding: 36px 0px 10px;}

li.active.kraft-logistik a.kraft-logistik {color: #fff !important; position: relative; z-index: 9999;}


li.active.kraft-media-plus {color:#fff; background:#3281c3; text-decoration:none; padding: 36px 0px 10px;}

li.active.kraft-media-plus a.kraft-media-plus {color: #fff !important; position: relative; z-index: 9999;}

ul.sub li a {text-align: center;}



li.social-icon {
	padding: 10px !important;
    position: relative;
    margin-top: 50px;
}

.icons {
    position: relative;
}

.kraft-icon {
	 width: 115px;
}
.first-icon {
    margin-left: 104px;
}
.last-icon {
    margin-right: 100px;
}

li.social-icon a {
    position:relative;
    top:45px;
}
.video {
    z-index: 1;
}