/*--------- iPad Landscape and Desktops ---------*/  

  
@media all and (max-width: 1300px) {
/*body{background: url("/~/media/Images/C/Csd/css/body-bg.jpg") no-repeat scroll -30px bottom;}*/
body{background: url("/~/media/Images/C/Csd/css/body-bg.jpg") no-repeat scroll left -30px bottom -33px;}
.linkedin-widget{ float:right;}
.sm-buttons{ float:left;} 
}

@media all and (min-width: 992px) and (max-width: 1160px) {
/* #bannerwrapperinner #bx-pager {min-width: 380px!important;} */
#bannerwrapperinner .banner-thumb {min-width: 380px!important;}
}

@media all and (min-width: 1024px) and (max-width: 1160px) {
.banneritem .bannertext p {width:65%}
}

@media all and (min-width: 1024px) and (max-width: 1060px) {
#leftnavigation .backoverview a:before{left:10px;}
.banneritem .bannertext p {width:62%}
}

@media all and (min-width: 992px) and (max-width: 1024px) {
.group { -moz-column-count: 2;  -moz-column-gap: 5px;  column-count: 2;  column-gap: 5px;  -webkit-column-count: 2;
    -webkit-column-gap: 5px;  -ms-column-count: 2;  -ms-column-gap: 5px;}
.solinnerwrap .consignwrapper .content-signpost{padding-bottom: 5px;}
.solinnerwrap .consignwrapper .signcon p.rad-highlight, .addressLoc p.rad-highlight { font-size: 1.7em; line-height: 1em;}

.solinnerwrap .consignwrapper .consign-title{padding-bottom: 20px;width: 75%;}
.solinnerwrap .consignwrapper .signcon p, .addressLoc p.rad-highlight{font-size: 1.4em;line-height: 22px;	}
.hsignpostwrapper .hsign-con .hsign-conwrap {    padding: 15px 15px 10px 15px;}
.hsignpostwrapper .bx-controls {  right: 15px;  top: 20px;}
.hsignpostwrapper .hsign-con p.hsign-title{font-size: 1.6em;padding-bottom: 10px;}
.hsignpostwrapper .hsign-con p:not(.hsign-title){font-size:1.4em;line-height: 20px;}
.inner-banner .inbanimg .inbantext{width:50%;}
/*.news{padding:15px 80px 15px 15px;}*/
.news{padding:15px 15px 15px 15px;}
.news .bx-controls{right: 0px;top: 15px;}
#contentwrapper .tabs p{font-size: 1.3em; line-height: 22px;}
.banneritem .bannertext p {width:60%}
#leftnavigation ul li > span, #leftnavigation ul li a{padding: 15px 10px;font-size: 1.5em;}
.project .proj-title{padding:15px 10px;}
#leftnavigation .backoverview a {font-size: 1.6em;}
#twocolright{padding-right:30px;}
#leftnavigation .backoverview a:before{left:10px;}
#topnavigation ul li a, #topnavigation ul li > span{padding:25px 15px;}
}

@media all and (min-width: 1024px) and (max-width: 1200px) {
#topnavigation ul li a, #topnavigation ul li > span{padding:25px 16px;}
} 
@media all and (min-width: 1200px) and (max-width: 1240px) {
#topnavigation ul li a, #topnavigation ul li > span{padding:25px 23px;}
}
@media all and (min-width: 992px) and (max-width: 1200px) {
#contentwrapper .tabs-ee ul li, #contentwrapper .tabs-ee1 ul li{
font-size:1.5em!important;
}
}
@media all and (max-width: 991px) {
.solinnerwrap .consignwrapper .consign-title{padding-bottom: 20px;width: 75%;}
.solinnerwrap .consignwrapper .signcon p, .addressLoc p.rad-highlight{font-size: 1.4em;line-height: 22px;	}
.solinnerwrap .consignwrapper .signcon p.rad-highlight, .addressLoc p.rad-highlight { font-size: 1.7em; line-height: 1em;}

.hsignpostwrapper .bx-controls {  right: 15px;  top: 20px;}
.hsignpostwrapper .hsign-con .hsign-conwrap {   padding: 15px 15px 10px 15px;}
.inner-banner .inbanimg .inbantext{width:50%;}
.banneritem .bannertext p {width:61%}
#leftnavigation .backoverview a {padding: 14px 0px 16px 40px;}
.services-leftcol{display:none;}
.project .proj-title{font-size:1.3em;padding: 15px 10px;line-height: 17px;}
#leftnavigation .lsignpost,.lsignpost-content{float: left;width: 100%;margin-top: 0;}
#leftnavigation .lsignpost ul li{width: 50%; float: left; padding-right: 15px;}
#leftcol{width:100% !important;margin-bottom: 40px;}
#headerwrapper{padding-bottom:30px;}
#toplinks{display:none;}
#leftnavigation > ul{display:none;} 
#twocolright{width:100%;padding-right:30px;margin-bottom: 20px;}
#mobi-toplinks{display:block;padding-top:20px;}

.hbox3 .news img, .hbox3 .events img {float: left; height: auto; width: 100%;}
#contentwrapper .tabs-ee1 ul li.tab2, #contentwrapper .tabs-ee1 ul li.tab1{min-width:50%;}
.hsignpostwrapper .hsign-con p.hsign-title{font-size: 1.6em;padding-bottom: 10px;}
.hsignpostwrapper .hsign-con p:not(.hsign-title){font-size:1.4em;line-height: 20px;}
}

/*--------- iPad Portrait and large Tablets Portrait ---------*/
@media all and (min-width: 768px) and (max-width: 991px) {
.banneritem .bannertext p {width:53%}
#bx-pager {bottom: 112px;}
.project-item-scroll a{width:30.5%}
.project-item-scroll a:nth-child(4n){ margin-right: 2%; }
.project-item-scroll a:nth-child(3n){ margin-right: 0px; }
.searchlang{float:right;margin-top: 18px;}
.searchlang #searchbox{float:left;margin-top:5px;} 
.headerspan{font-family: "HelveticaNeueW01-45Ligh",sans-serif;font-size:1.9em;line-height:24px;padding: 4px 28px 4px 15px;color:#a7b2b1;cursor:pointer;margin:0 4px 0 15px;float:left;position:relative;}
 #headerlinks {float:left;position:relative;overflow: visible;}
.headerspan:after{background-image:url("/~/media/Images/C/Csd/css/spritesheet.png");height: 23px;width:15px;background-position:25px -10px;content:'';position:absolute;margin-left:8px;}
#headerlinks ul {background:#fff;display: inline-block;position: absolute;right: 4px;top: 32px;z-index: 999;}
#headerlinks ul li {border-bottom: 1px solid #dce0e0;display: none;float: none;padding: 4px 26px 4px 16px;z-index: 999;}
#headerlinks ul li a{font-size:1.4em;}

.mm-menu.mm-horizontal > .mm-panel{top:0;}
.mobi-search-container{display:none;}
html.mm-opening #logo img{position: absolute;left: 282px;}
/*.hbox1, .hbox2, .hbox3{padding:0 20px;}*/
.homecontentwrapper{padding:0 20px;}
.hbox2 .tabs{margin-right:0}
.hbox2{margin-bottom:30px;}
#bannerwrapperinner .bx-viewport, .banneritem img{height:469px !important;}
.hbox1{margin-bottom:37px;padding:0px;}
#footerrightlinks, #footerlinks{float:none; width:100%; text-align:center;}
.footerBottom{text-align:center}
.banneritem .bannertext{left:0}
#footerlinks ul, #utility ul, #utility ul li, #footerlinks ul li{float:none;}
#footerlinks ul li, #utility ul li{display:inline-block;}
#utility{margin-bottom:30px;}
#footerlinks ul{margin-bottom:18px;}
.utility-cont{float:left; width: 37%;/*width:39%;*/}
.social-media-cont{float:left; /* width: 41%; *//* width:61%;*/}
.utility-cont ul{float:right !important;}
.social-media-cont ul{float:left !important;}
.searchlang.open{display:none;}
.addthis_sharing_toolbox {float:left;margin-top: 5px;}
}


/*--------- All Small Tablets and Large Phones Global CSS ---------*/
@media all and (max-width: 767px) {
#bannerwrapperinner{height:auto;}
.banneritem {position:relative!important;float:left!important;width:100%!important;/*height:auto!important;*/}
/*.bannertext {border-bottom: 1px solid #dce0e0;}*/
.bx-prev, .bx-next {z-index:50;}
/*.bx-viewport {height:387px !important;overflow:hidden!important;}*/

.linked-in-footer {float: left;width: 100%;}
.linked-in-footer a {display:inline-block;float:none;}
.ln > img {margin-top: -25px;}
.social-media-cont .addthis_sharing_toolbox {margin-top: 15px;float: left;width: 100%;}
.mm-menu.mm-horizontal > ul.mm-opened { position: absolute !important; top: 143px !important; }/*Purva Purani : 20-01-2016*/
.group{-moz-column-count:1;-moz-column-gap:0px;-webkit-column-count:1;-webkit-column-gap:0px;column-count:1;column-gap:0px;-ms-column-count:1;-ms-column-gap:0px;}
.homecontentwrapper{margin-bottom:0}
.news-image .sign-img img{width:100%;}
.inner-banner .inbanimg .inbantext{width:40%}
.banneritem .bannertext p {width:100%; padding:0}
#footerwrapperinner{margin-top:0}
.years img{float:none;margin-bottom:20px;}
.banneritem a {display:block;position: relative; /*right: 0; top: 0;*/ float:left; width:100%; height:auto; z-index: 6;}
html {-webkit-text-size-adjust: none; -moz-text-size-adjust:none; -ms-text-size-adjust:none;}
#leftnavigation .lsignpost ul li {  width: 100%;padding-right:0;}
.solinnerwrap .consignwrapper .consign-title{padding-bottom: 15px;}
.solinnerwrap .consignwrapper{padding: 55px 15px 30px;}
.rad-quote{padding: 0px 0px 90px 15px;	font-size: 1.6em;line-height: 24px;}
#contentwrapper .pagination .pagenav{width:100%;}
#contentwrapper .pagination .pagenav ul li strong,#contentwrapper .pagination .pagenav ul li a{padding: 0px 10px;}
h1{font-size: 2.35em;line-height: 30px;margin: 0 0 10px;}
.bx-wrapper{float:left;}

.mm-menu.mm-horizontal > .mm-panel{position:relative;padding-top:0px;top:0px;}
	
	
	
	
	
.newsslider .item{ display:block; }
.mobi-search-container { float: left; width: 100%; height: 148px; }
.mobi-search-container #searchboxmobi { background-color: #f2f3f3; width: 100%; float: left; height: 73px; border-bottom: 1px solid #fff; }
.mobi-search-container #headerlinks1 { background-color: #f2f3f3; width: 100%; float: left; height: 73px; border-bottom: 1px solid #fff; }
.mobi-search-container .search-icon { display: none !important; }
.mobi-search-container #searchTextboxmobi {border: 0px none;background: transparent none repeat scroll 0% 0%; padding: 24px 0px 24px 20px;font-size: 1.8em;line-height: 24px;color: #003D4C;float: left;margin: 0px 5px;width:100%;}
.mobi-search-container #searchButtonmobi { display: block !important; padding: 36px 20px; }
.mobi-search-container #searchTextboxContainermobi { width: 80% !important;float:left; }
.searchlang{display:none;}
#mobi-toplinks{width:20%;}
#logo{width:70%;}
#mmenu{overflow:auto;overflow-x:hidden;z-index:9999;}
#mmenu.hideScroll{overflow-y:hidden !important;} /*Purva Purani : 20-01-2016*/
.headerspan{font-family: "HelveticaNeueW01-45Ligh",sans-serif;font-size:1.9em;line-height:24px;padding: 7px 28px 25px 22px;background: #f2f3f3;color:#003d4c;cursor:pointer;float:left;position:relative;width:100%;margin-top:18px; border-bottom: 1px solid #ffffff;}
 
#headerlinks1 {float:left;position:relative;overflow: visible;}
.headerspan:after{background-image:url("/~/media/Images/C/Csd/css/spritesheet.png");height: 23px;width:15px;background-position:25px -10px;content:'';position:absolute;right:21px;}
#headerlinks1 ul {background: #dce0e0 none repeat scroll 0 0;display: inline-block;position: absolute;left: 0px; top: 75px;z-index: 999;width:100%;}
#headerlinks1 ul li:hover{background-color:#f2f3f3;}
#headerlinks1 ul li {display: none;float: none;padding: 25px 26px 25px 22px;z-index: 999;border-bottom: 1px solid #ffffff;}
#headerlinks1 ul li a{font-size:1.9em;}
.mobi-search-container #headerlinks1 ul li.active{background-color:#f2f3f3;color: rgb(107, 164, 184);font-size: 1.9em;} 
.mobi-search-container #headerlinks1 ul li.active a{color:#003d4c;}
.im-signpost{width:48%;}
#contentwrapper .projectinnerwrap .consignwrapper .signcon{width:100%;}
#contentwrapper .projectinnerwrap .right, #contentwrapper .projectinnerwrap .left{width:100%;}

#bannerwrapperinner .bx-controls .bx-controls-direction .bx-prev{background-image:url("/~/media/Images/C/Csd/css/spritesheet.png");height: 25px;
    width: 20px;text-indent:-999;background-position:-32px -10px;position:absolute;left:12px;font-size:0em;}
    #bannerwrapperinner .bx-controls .bx-controls-direction .bx-next{background-image:url("/~/media/Images/C/Csd/css/spritesheet.png");height: 25px;
    width: 20px;text-indent:-999;background-position:-60px -10px;position:absolute;right:20px;font-size:0em;}
#bannerwrapperinner .bx-controls .bx-controls-direction{top:24px;display:block;}
.mobi-banner-title {padding: 20px 0 22px 0;text-align: center;background-color:#003d4c;color:#fff;    font-size:1.9em;}
.hsignpostwrapper .bx-controls {position: absolute;right: 0px;top: -30px;z-index: 50;}
.snapdownItem .snapdown-title p{padding: 14px 50px 14px 30px;}
#headerwrapper {border-bottom: 1px solid #DCE0E0;}
#breadcrumb{display:none;}
.snapdown-content{padding: 30px 0px 15px;}
.bodImage {padding-right: 0px;margin-bottom: 20px;}
#contentwrapper .career .right{margin-top:0}
.rad-quote{margin:30px 0 0;}
#contentwrapper .mapwrapper .filter-dropdown{width:100%;}
.carsign-img img{width:100%;}

.filter-search{width:100%;}
#contentwrapper .filter-dropdown{width:100%;margin-bottom:20px;}
.project-item-scroll a{margin-bottom:20px;}
.solinnerwrap .consignwrapper .signcon{width:100%;}
.hsignpostwrapper{margin-bottom:20px;}
.hsign-img img{width:100%;}
.solinnerwrap .right{width:100%;margin:20px 0 0 0;}
.solinnerwrap .left{width:100%;}
.banneritem{background-image:none !important;}
/* #bx-pager{display:none;} */
.banner-thumb{display:none;}
.utility-cont {margin-bottom: 12px;}
.social-media-cont, .utility-cont{float:none;}
.hbox3 .home-news-title, .hbox3 .events-title,.hbox3 .tabs1 .events .home-events-title{margin-bottom:0;}
.hbox3 .tabs1 .news .home-news-title, .hbox3 .tabs1 .events .events-title,.hbox3 .tabs1 .events .home-events-title{padding:40px 95px 40px 30px;}
.hbox3 .tabs1 .news a,.hbox3 .tabs1 .events a{float:left; width:100%;}
.project-item-scroll a{width:100%;margin-right:0px;}
.events-header .subject{padding:0 0 16px 0}
.date{float:none; width:51%;}
.subject{padding-top:0;width:51%;}
.outlook{position:absolute;top:0;right:0;width:49%;}
.news-item .news-title, .news-item .news-date{float:left; width:100%;}
.news-item .news-title{margin-top:10px;}
.news-header{display:none;}
.tabs-ee, .tabs-ee1{display:none;}
/*body#ip3-Homepage .tabs-ee, .tabs-ee1{display:block;}*/
body#ip3-Homepage .tabs-ee1{display:block;}
.hbox1{padding:0 20px; margin-bottom:40px;}
.hbox2 .tabs{background-color:transparent; margin-right:0;}
.news, .events{display:block; float:left; width:100%; margin-bottom:20px; background-color:#f2f3f3; /*padding:40px 95px 40px 30px;*/margin-right:-6px;}

.home-news-title, .home-events-title{margin-bottom:28px;}
.news .bx-controls, .events .bx-controls{top:40px;}
.hbox3 .tabs1{background-color:transparent;}
.hbox3 .news, .hbox3 .events{background-color:#f2f3f3;}
#footerrightlinks, #footerlinks{float:none; width:100%; text-align:center;}
.footerBottom{text-align:center;}
#footerlinks ul, #utility ul, #utility ul li, #footerlinks ul li{float:none;}
#footerlinks ul li, #utility ul li{display:inline-block;}
#footerlinks ul li{width:100%; padding:0; margin-bottom:10px;}
#utility{margin-bottom:30px;}
#footerlinks ul{margin-bottom:34px;}
/* #bx-pager a img{display:none;}
#bx-pager a.active p{width:100% !important}
#bx-pager a p, #bx-pager a.active p:after{width:100%; border:0px}
#bx-pager a{display:none; border-bottom:0;}
#bx-pager a.active{display:block; text-align:center;} */


.banner-thumb a img{display:none;}
#bx-pager {display:none;}
.banner-thumb a.active p{width:100% !important}
.banner-thumb a p, .banner-thumb a.active p:after{width:100%; border:0px}
.banner-thumb a{display:none; border-bottom:0;}
.banner-thumb a.active{display:block; text-align:center;}
.hbox2 .outlook{float:left; width:100%; margin-left:0; font-size:1.6em; padding:0; margin-top:32px;}
.hbox2 .outlook a{margin-left:0}
.banneritem .bannertext p{color:#222223; line-height:24px}
.banneritem .bannertext{position:relative;clear:both; float:left; width:100%; height:auto  }
.banneritem{position:absolute; /*top:66px;*/}
.hbox2 .events ul li p a.outlookLink{font-family: "HelveticaNeueW01-45Ligh",sans-serif!important;font-size: 1em !important; line-height: 16px !important;}
.banneritem p{font-family:"HelveticaNeueW01-55Roma",sans-serif;}
/* #bannerwrapperinner #bx-pager a{position:relative;}
#bannerwrapperinner #bx-pager span.before{background: transparent url("/~/media/Images/C/Csd/css/spritesheet.png") no-repeat scroll -473px -10px; content: ""; display: block; height: 30px; left: 20px; position: absolute; top: 18px; width: 30px; z-index: 2;}
#bannerwrapperinner #bx-pager span.after{background: transparent url("/~/media/Images/C/Csd/css/spritesheet.png") no-repeat scroll -500px -10px; content: ""; display: block; height: 30px; right: 20px; position: absolute; top: 18px; width: 30px; z-index: 2;} */

#bannerwrapperinner .banner-thumb a{position:relative;}
#bannerwrapperinner .banner-thumb span.before{background: transparent url("/~/media/Images/C/Csd/css/spritesheet.png") no-repeat scroll -473px -10px; content: ""; display: block; height: 30px; left: 20px; position: absolute; top: 18px; width: 30px; z-index: 2;}
#bannerwrapperinner .banner-thumb span.after{background: transparent url("/~/media/Images/C/Csd/css/spritesheet.png") no-repeat scroll -500px -10px; content: ""; display: block; height: 30px; right: 20px; position: absolute; top: 18px; width: 30px; z-index: 2;}

.bannertext{min-height:100px; border-bottom:1px solid #dce0e0;}
.banneritem{height:auto;min-height:370px;}
.banneritem .bannertext {padding:20px; background:none; width:100% }


#utility ul li{margin-right:0;} 
#utility ul li img{margin: 0 auto;} 
.social-media-cont .smbutton-text{float: none !important;}
.social-media-cont .linkedin-widget{float: none !important;}
.sm-buttons{ float: none !important;}
.linked-in-footer img { margin: 0 auto;}
}

@media all and (min-width:768px){
#bannerwrapperinner .bx-viewport, .banneritem img{height:611px/*542px*//*475px*/ !important;}
.home-news-title, .home-events-title, .mobi-banner-inner{display:none;}
.banneritem img, .mobi-banner-title{display:none;}
.banneritem .bannertext {background-color: rgba(51, 51, 51, 0.7);opacity:1.0;}

}

@media all and (max-width: 480px) {
.inner-banner .inbanimg .inbantext{position:static;width:100% !important;}
.inner-banner .inbanimg .inbantext p{padding:14px 0px;}
.rad-quote img{width:100%;margin-bottom:20px}
#logo img {z-index: 99;/*width: 200px;*/ width:100%; margin-top: 15px;}
.im-signpost{width:100%;}
#contentwrapper .bod-tabwrap ul li.current a::after, #contentwrapper .bod-tabwrap ul li.current > span::after{left:38%}
#contentwrapper .bod-tabwrap ul li a, #contentwrapper .bod-tabwrap ul li > span{padding:12px 15px !important;}


p.hidden-mobi{display:none;}
body#ip3-geschichte .snapdown-content img{width:100%;}
.snap-inner-content p.rad-left{width:100%;}
.snap-inner-content p.rad-right{width:100%;}
.snap-inner-content img{margin-bottom:0px;}

.snap-inner-content span.rad-caption{text-align:center;float: left;
    line-height: 1.1em;
    margin-top: -1em;padding-bottom: 8px;}

}
@media all and (max-width: 640px) {
.inner-banner .inbanimg .inbantext{width:50%}
#contentwrapper .bod-tabwrap ul li a, #contentwrapper .bod-tabwrap ul li > span{padding:20px 15px;text-align:center; font-size:1.4em;} 
.snapdownItem .snapdown-title p{padding:10px 50px 10px 30px;}
p.hidden-mobi{display:none;}
body#ip3-geschichte .snapdown-content img{width:100%;}

.snap-inner-content span.rad-caption{text-align:center;float: left;
    line-height: 1.1em;
    margin-top: -1em;}
.snap-inner-content img{margin-bottom:0px;}
}

/*IPad/IPad mini landscape mode:*/
@media all and (min-width: 921px) and (max-width: 1040px) {
.linkedin-widget{ float:right;}
.sm-buttons{ float:left;}
}

@media all and (min-width: 650px) and (max-width:668px){
.banneritem{height:auto;min-height:450px;}
}

@media all and (min-device-width: 414px) and (max-device-width: 1024px) {
p.hidden-mobi {display:none;}
body#ip3-geschichte .snapdown-content img {width:100%;}
}



body.ie10 .linked-in-footer a.ln img , body.ie9 .linked-in-footer a.ln img , body.ie8 .linked-in-footer a.ln img 
{
  	width: 100%;  
	height:21px;
	max-width:200px;
}

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { .snap-inner-content span.rad-caption{text-align:center;float: left;
    line-height: 1.1em;
    margin-top: -1em;}
.snap-inner-content img{margin-bottom:0px;}}

@media all and (max-width: 736px) {
p.follow-txt {float:none;}
body#ip3-Homepage .events {display:none;}
body#ip3-Homepage .hm-news-intro-txt {padding-left:0px;}
body#ip3-Homepage p.rd-more-link {float: left;}
.hm-news-thmb-img p.intro-news-title {color:#003d4c;bottom:0px;font-size: 1.3em !important;padding: 15px 10px;}
}

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (orientation : portrait)  { 
.eql-dv {height:auto !important;}
}



#ip3-Homepage .banner-thumb a:hover p{background-color: #003d4c;color: #fff;position: relative;} 
#ip3-Homepage .banner-thumb a:hover p:after{border-color: transparent transparent transparent #003d4c;border-style: solid;border-width: 35px 0 30px 30px;content: "";position: absolute;right: -30px;top: 0;}  

@media all and (max-width: 767px) {
body#ip3-Homepage .thumb-news-img img {height: auto;}
body#ip3-Homepage .project .proj-img img {height: auto;}	
}
/*IPad/IPad mini landscape mode:*/
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)
{
body#ip3-Homepage .hm-project-sctn .project-item-scroll {padding: 15px 10px 0px 30px;}
}

/*IPad/IPad mini portrait mode:*/
@media all and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) 
{ 
body#ip3-Homepage .thumb-news-img img {height: auto;}
body#ip3-Homepage .project .proj-img img {height: auto;}
}