/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

@import url(../warp/css/responsive.css);


/* Breakpoints
----------------------------------------------------------------------------------------------------*/

/* All except large Screens */
@media (max-width: 1220px) {
	
	/* Template */

	body #mainWrapper .bottom-cWidth100 {
		background:none;
	}
	
	body #mainWrapper .wrapper,
	body #mainWrapper #footer #footerbar {
		width:calc(100% - 40px);
	}

	body #mainWrapper .headerWidth100 .wrapper,
	body #mainWrapper .top-aWidth100 .wrapper,
	body #mainWrapper #footer {
		width:100%;
		padding:0;
	}
	
	body#page #mainWrapper #header #headerbar {
		margin: 15px 15px 0;
	}

	body#page #mainWrapper #header #headerbar #logo {
		width:30%;
	}
	
	body#page #mainWrapper #header #headerbar .module.menu {
		max-width:65%;
		margin-left: 5%;
		margin-top: 20px;
	}

	body#page #mainWrapper #header #headerbar .module.menu li {
		margin-right: 20px;
	}
	
	/* Home */
	
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides,
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides li {
		min-height:300px;
	}
	
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides li img {
		width:105%;
		left:-2.5%;
		max-width: none;
	}
	
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .caption {
    height: calc(100% - 40px);
    margin: 0 -50%;
    width: calc(100% - 40px);
	}
	
	body#page #mainWrapper.uniqueWrapper101 #innerbottom .module br + div {
		width:156px !important;
	}
	
	/* Our People */
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto {
		width:35%;
	}
	
	.uniqueWrapper105 #innertop .module.ourpeople-profiles-right > p,
	.uniqueWrapper105 #innertop .module.ourpeople-profiles-left > p {
		width:63%;
		margin:15px 0;
	}
	
	/* Sectors / Services */
	
	.uniqueWrapper102 #top-a .module,
	.uniqueWrapper103 #top-a .module {
		width:50%;
	}
	
	/* Footer */
	
	body #mainWrapper #footer #footerbar {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	
	body #mainWrapper #footer #footerbar .menu {
		width:100%;
		margin:0;
		position: relative;
	}
	
	body #mainWrapper #footer #footerbar .menu .Menu {
		width:15%;
	}
	
	body #mainWrapper #footer #footerbar .menu .Services {
		width:85%;
		margin-left: 0;
	}
	
	body #mainWrapper #footer #footerbar .menu .Sectors {
		width:50%;
		position: absolute;
		top:100%;
		left:0;
	}
	
	body #mainWrapper #footer #footerbar .contactUs {
		width:50%;
		margin:0 0 10px;
	}
	
	/* Copyright */
	
	body#page .footerExtraWidth100 .wrapper {
		padding:0;
	}
	
	body#page .footerExtraWidth100 .wrapper .module,
	body#page .footerExtraWidth100 .wrapper #footer-bottom-info {
		margin-left: 0;
		margin-right: 0;
		padding-left: 0;
		padding-right: 0;
		background: transparent;
	}

}

/* Only Phones and Tablets (Portrait) */
@media (max-width: 959px) {
	
	body#page #mainWrapper #header #headerbar #logo img {
		width:30%;
	}
	
	body#page #mainWrapper #header #headerbar #logo p {
	    float: left;
	    margin-bottom: 0;
	    margin-left: 2%;
	    margin-top: 15px;
	    width: 68%;
	}
	
	body#page #mainWrapper #main #sidebar-a {
		min-height: 0 !important;
	}

}

/* Only Tablets (Portrait) */
@media (min-width: 768px) and (max-width: 959px) {
	
	/* Home */
	
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides,
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides li {
		min-height:300px;
	}
	
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides li img {
		width:110%;
		left:-5%;
		max-width: none;
	}
	
	.uniqueWrapper101 .homeLinks .title {
		width:100%;
	}
	
	.uniqueWrapper101 .homeNews.homeLinks img {
		width:20%;
		margin-left: 0;
	}
	
	body #mainWrapper.uniqueWrapper101 #innertop .module p:last-child {
		margin:0;
	}
	
	body #mainWrapper.uniqueWrapper101 #innertop .module p:last-child a {
		width:calc(100% - 52px);
		left:0;
	}
	
	/* Our People */
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto {
		width:35%;
	}
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto a,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto a {
		width:100%;
	}
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto a img,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto .profile-caption,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto a img,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto .profile-caption-right {
		width:calc(100% - 25px);
	}
	
	.uniqueWrapper105 #innertop .module.ourpeople-profiles-right > p,
	.uniqueWrapper105 #innertop .module.ourpeople-profiles-left > p {
		width:63%;
		margin:15px 0;
	}
	
	/* Sectors / Services */
	
	.uniqueWrapper102 #top-a .module,
	.uniqueWrapper103 #top-a .module {
		width:50%;
	}
	
	.uniqueWrapper102 #top-a .module img,
	.uniqueWrapper103 #top-a .module img {
		left:20%;
	}
	
	/* News */
	
	.uniqueWrapper104 #sidebar-a {
		min-height: 0 !important;
		height:auto !important;
	}

}

/* Only Tablets (Portrait) and Phones (Landscape) */
@media (min-width: 480px) and (max-width: 959px) {

	/* Layout */
	#search { display: none; }

}

/* Only Phones */
@media (max-width: 767px) {
	
	body#page #mainWrapper {
		width: 100% !important;
		overflow: hidden;
	}

	body#page #mainWrapper header#header #headerbar {
		display: block;
	}
	
	/* Header */
		
	body#page .menu-pop-button {
	   display: block;
	    height: 35px;
	    position: absolute;
	    right: 10px;
	    width: 100px;
	    z-index: 999;
	}
	body#page .menu-pop-button.open {
		position: fixed;
	}
	
	body#page .menu-pop-button img {
		right:0%;
		position: absolute;
		z-index: 999;
		width:35% !important;
	}
	
	body#page #mainWrapper #header #headerbar.open div.menu ul.menu {
		right:0;
	}

	body#page #mainWrapper #header #headerbar div.menu ul.menu {
		display:block;
		position:fixed;
	    position: fixed;
	    top:0;
	    right:-100%;
	    transition: all 0.5s ease;
	    width: 280px;
	    z-index: 997;
	    padding-top:35px;
	    padding-bottom: 30px;
	    background: none repeat scroll 0 0 #223D7C;
	    border-left: 2px solid #223D7C;
	    border-bottom: 2px solid #223D7C;
	}
	
	body#page #header #headerbar .menu li.level1 {
		width:100%;
		max-width: 100%;
		padding-bottom: 8px;
		margin-right: 10px;
		color:#fff;
	}
	
	body#page #header #headerbar .menu li.level1 a {
		width:100%;
		color:#fff;
	}
	
	body#page #header #headerbar .menu li.level1 a span {
	    color: #fff;
	    font-size: 18px;
	    position: relative;
	    right: -15px;
	    text-align: right;
	    width: 90%;
	}

	/* Layout */
	#toolbar,
	#headerbar,
	#menubar,
	#breadcrumbs,
	#totop-scroller { display: none; }
	
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner ul.slides {
		opacity: 0;
	}

	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .caption {
		background: #fff;
	}
	
	.uniqueWrapper101 .homeLinks .title {
		width:100%;
	}
	
	.uniqueWrapper101 .homeNews.homeLinks img {
		width:20%;
		margin-left: 10%;
	}
	
	.uniqueWrapper101 .homeLinks .title .Title {
		float: none;
		width: 80%;
		margin-left: 0;
		text-align: center;
	}
	
	body #mainWrapper.uniqueWrapper101 section .grid-box {
		width:100% !important;
	}
	
	#mainWrapper.uniqueWrapper101 #innertop .grid-box:nth-of-type(2) {
		margin:0;
	}

	body #mainWrapper.uniqueWrapper101 #innertop .module p:last-child {
		margin:0;
	}
	
	body #mainWrapper.uniqueWrapper101 #innertop .module p:last-child a {
		width:calc(100% - 52px);
		left:0;
	}
	
	body #mainWrapper.uniqueWrapper101 #innerbottom .module {
		padding:0;
		margin:0;
	}

}

/* Only Phones (Landscape) */
@media (min-width: 480px) and (max-width: 767px) {
	
	body#page #mainWrapper #header #headerbar #logo {
		width:60%
	}

	body#page #mainWrapper #header #headerbar #logo img {
		width:20%;
	}
	
	body#page #mainWrapper #header #headerbar #logo p {
	    float: left;
	    margin-bottom: 0;
	    margin-left: 2%;
	    margin-top: 15px;
	    width: 78%;
	}
	
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides, 
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides li {
		min-height: 385px;
	}
	
	#ourpeople {
		width:49%;
	}
	
	/* Our People */
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto {
		width:35%;
	}
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto a,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto a {
		width:100%;
	}
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto a img,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto .profile-caption,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto a img,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto .profile-caption-right {
		width:calc(100% - 25px);
	}
	
	.uniqueWrapper105 #innertop .module.ourpeople-profiles-right > p,
	.uniqueWrapper105 #innertop .module.ourpeople-profiles-left > p {
		width:63%;
		margin:15px 0;
	}
	
	/* Sectors / Services */
	
	.uniqueWrapper102 #top-a .module,
	.uniqueWrapper103 #top-a .module {
		width:100%;
	}
	
	.uniqueWrapper102 #top-a .module img,
	.uniqueWrapper103 #top-a .module img {
		left:20%;
	}
	
	.uniqueWrapper102 #innertop .module,
	.uniqueWrapper103 #innertop .module {
		padding:0;
		margin:0;
	}

}

/* Only Phones (Portrait) */
@media (max-width: 479px) {

	/* System */
	#system .items .item,
	#system .items .item:first-child {
		margin-top: 12px;
		padding-top: 18px;
		border-top-width: 1px;
	}

	#system .items :first-child .item:first-child {
		margin-top: 0;
		padding-top: 0;
		border-width: 0;
	}

	#system .items .leading .item {
		margin-bottom: 0;
		padding-bottom: 0;
		border-width: 0;
	}
	
	body#page #mainWrapper #header #headerbar #logo {
		width:80%
	}

	body#page #mainWrapper #header #headerbar #logo img {
		width:20%;
	}
	
	body#page #mainWrapper #header #headerbar #logo p {
	    float: left;
	    margin-bottom: 0;
	    margin-left: 2%;
	    margin-top: 0;
	    width: 78%;
	}
	
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides, 
	body#page #mainWrapper.uniqueWrapper101 #top-a .homeBanner .wk-slideshow ul.slides li {
		min-height: 490px;
	}
	
	.uniqueWrapper101 #top-a .homeBanner .nav {
		top:0;
	}
	
	#ourpeople {
		width:99%;
	}
	
	.uniqueWrapper101 .homeNews.homeLinks h1.Title {
		width:40%;
	}
	
	/* Our People */
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left {
		min-height: 0 !important;
	}

	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto {
		width:100%;
	}
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto a,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto a {
		width:100%;
	}
	
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto a img,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-right .profilephoto .profile-caption,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto a img,
	.uniqueWrapper105 #innertop .grid-box .module.ourpeople-profiles-left .profilephoto .profile-caption-right {
		width:calc(100% - 25px);
	}
	
	.uniqueWrapper105 #innertop .module.ourpeople-profiles-right > p,
	.uniqueWrapper105 #innertop .module.ourpeople-profiles-left > p {
		width:100%;
		margin:15px 0;
	}
	
	/* Sectors / Services */
	
	.uniqueWrapper102 #top-a .module,
	.uniqueWrapper103 #top-a .module {
		width:100%;
	}
	
	.uniqueWrapper102 #top-a .module img,
	.uniqueWrapper103 #top-a .module img {
		left:20%;
	}
	
	.uniqueWrapper102 #innertop .module,
	.uniqueWrapper103 #innertop .module {
		padding:0;
		margin:0;
	}
	
	body #mainWrapper.uniqueWrapper102 .wk-slideshow ul.slides p a,
	body #mainWrapper.uniqueWrapper103 .wk-slideshow ul.slides p a {
		display: block;
	    padding: 5px 0;
	    text-align: center;
	    width: 100%;
	}
	
	/* FAQs */
	
	 #mainWrapper.uniqueWrapper119 #top-a .module {
		 width:80%;
	 }
	 
	 #mainWrapper.uniqueWrapper119 #innertop .wk-slideshow ul.nav {
		 height:45px;
		 width:100%;
		 margin-top: -60px;
	 }
	 
	 #mainWrapper.uniqueWrapper119 #innertop .wk-slideshow-list .nav li span {
		 font-size: 22px;
		 line-height: 30px;
		 padding-left: 0;
	 }
	 
	 #mainWrapper.uniqueWrapper119 #innertop .wk-slideshow-list .nav-100 + .slides-container {
		 margin-left: 0;
		 width:100%;
		 margin-top: 55px;
	 }
	 
	 #mainWrapper.uniqueWrapper119 #innertop .wk-slideshow-list .nav-100 + .slides-container .wk-content {
		 padding:0;
	 }
	
	/* News */
	
	body#page .blog-sans-news .teaser-item .floatbox .pos-content, 
	body#page .blog-sans .item .floatbox .pos-content {
		width:100%;
		float: none;
	}
	
	/* Contact Us */
	
	.uniqueWrapper107 #top-a .module {
		width:90%;
	}
	
	body#page #mainWrapper > .wrapper {
		width:100%;
	}
	
	.uniqueWrapper107 #innertop .module {
		padding:20px;
		margin:0;
	}
	
	.uniqueWrapper107 #innertop .module ul {
		width:85%;
	}
	
	/* Footer */
	
	#mainWrapper #bottom-b {
		margin-bottom: 20px;
	}
	
	#mainWrapper #bottom-c .module h3.module-title {
		width:123px;
	}
	
	#mainWrapper #bottom-c .module li {
		width:42%;
	}
	
	#newsletter-download p a {
	    display: block;
	    width: calc(100% - 52px);
	}
	
	body #mainWrapper #footer #footerbar .menu .Menu {
		width:100%;
	}
	
	body #mainWrapper #footer #footerbar .menu .Services {
		width:100%;
		margin-left: 0;
	}
	
	body #mainWrapper #footer #footerbar .menu .Sectors {
	    border: 0 none;
	    left: 0;
	    margin-top: 30px;
	    padding-left: 0;
	    position: relative;
	    top: 0;
	    width: 100%;
	}
	
	body #mainWrapper #footer #footerbar .contactUs {
	    border: 0 none;
	    margin: -50px 0 10px;
	    padding: 0;
	    width: 100%;
	}

}