/* homepage elements (hpg) */
@media screen and (min-width:0px) {
	.bkg-tint {z-index:-1; position:fixed; overflow:hidden; width:250%; height:22rem; top:0rem;}
	.bkg-tint img {width:100%;}
  .bkg-tint:before {z-index:1; content:''; position:absolute;
    background:linear-gradient(to bottom, rgba(33,87,164,0.8) 30%,rgba(241,134,14,0.8) 100%);
    top:0; left:0; right:0; bottom:0;}
	.bkg-img-center {position:absolute; left:-60%; top:-10%;}
		
		
	.bkg-tint-blue {z-index:-1; position:relative; overflow:hidden; width:100%; height:10rem; top:0rem;}
	.bkg-tint-blue:before {z-index:1; content:''; position:absolute;
    background:linear-gradient(to bottom, rgba(50,129,188,0.6) 30%,rgba(0,33,94,0.6) 100%);
    top:0; left:0; right:0; bottom:0;}
	a .bkg-tint-blue img {transition:all 0.6s; position:relative; width:100%; left:0rem}
	a:hover .bkg-tint-blue img {position:relative; width:110%; left:-1rem;}
	.vertbot2 {position:absolute; bottom:0; left:0; padding:1rem 2rem 0 1rem;}
	.vertbot2 h2 {font-size:1.4rem; font-weight:400; line-height:1.6rem; color:#fff;}
	
	.bkg-tint-short {z-index:-1; position:fixed; overflow:hidden; width:250%; height:20rem; top:0rem;}
  .bkg-tint-short:before {z-index:1; content:''; position:absolute;
    background:linear-gradient(to bottom, rgba(33,87,164,0.8) 0%,rgba(241,134,14,0.8) 90%);
    top:0; left:0; right:0; bottom:0;}
	
	.h1-tag {margin-top:0rem;}
	.h1-tag h1 {width:90%; margin-left:auto; margin-right:auto; font-size:2.5rem; font-weight:600; color:#fff; line-height:3rem;}
	
	.h1-tag-short {margin-top:0rem;}
	.h1-tag-short h1 {width:90%; margin-left:auto; margin-right:auto; font-size:2.5rem; font-weight:600; color:#fff; line-height:3rem;}
	
	.h1-tag-dark {margin-top:0rem;}
	.h1-tag-dark h1 {width:90%; margin-left:auto; margin-right:auto; padding:0 0 0 .5rem; font-size:2rem; font-weight:600; line-height:3rem;}

	.bkg-silver {background:#f4f4f4;}
	.bkg-white {background:#fff;}	
	
	.strapline {padding:0;}
	.strapline p {margin-bottom:1.5rem; padding:1rem; font-size:1.2rem; line-height:1.75rem;}
	
	.icon-sections {padding:3rem 0 1rem;}
	.icon-sections img {width:5rem; height:5rem;}
	.icon-sections h2 {margin:1rem;}
	.icon-sections .h2-bold {display:inline-block; margin:0; padding:0 2rem; font-size:1.8rem; font-weight:600; line-height:2rem; color:#000;}
	.icon-sections p {padding:0 1rem;}
	
	.services-block {padding:2rem 1.5rem;}
	.services-block .block a {display:block; width:100%; height:100%;}
	.services-block .h2-bold {display:inline-block; margin:0; padding:0; font-size:1.8rem; font-weight:600; line-height:2rem; color:#000;}
	.services-block h2 {margin:1rem 0 .5rem; padding:0; font-size:1.6rem; font-weight:400; line-height:1.8rem; color:#616161;}
	.services-block span {padding:0 0 1rem;}
	.services-block a:hover h2 {text-decoration:underline;}
	.services-block a span, .services-block a:hover span {color:#000;}
	
	.main {padding:1.5rem;}
	.main h2 {display:inline-block;}
	.main ul {margin:0; padding:0 0 0 1.5rem;}
	.main li {margin:0;}
	.main hr {border-bottom:1px dotted #bbb; margin-top:2rem; margin-bottom:2rem;}
	
	.main.main-salvatorre {padding:3rem .5rem 0;}
	
	.quick-facts {background:#f4f4f4; margin:3rem 0; padding:0 1rem;}
	.quick-facts2 {margin:0; padding:0;}
	.quick-facts ul, .quick-facts2 ul {margin:1rem 0 2rem; padding:0;}
	.quick-facts li, .quick-facts2 li {list-style:none; min-height:36px; margin:.5rem 0 1rem; padding:.3rem 0 0 2.5rem; background:url(../../img/tick.svg) no-repeat; background-size:2rem;}
	.quick-facts li .blue-ticks, .quick-facts2.blue-ticks li {background:url(../../img/tick2.svg) no-repeat; background-size:2rem;}
	.quick-facts-col2 {margin:-2rem 0 0;}
	
	.item img {width:100%;}
	.card-info {margin:0 0 2rem; padding:0 1.5rem 3rem; text-align:center;}
	.card-info h2 {padding:0; font-size:1.5rem; line-height:1.8rem;}
	.card-info h3 {margin:0; padding:0; font-size:1rem; font-weight:400; line-height:1.4rem;}
	.card-info h4 {margin:0; padding:0; font-size:.8rem; font-weight:400; line-height:2rem;}
	.card-info .cost-type h2 {margin:0; padding:2rem 0 0; font-size:2.4rem; font-weight:400; line-height:2rem; color:#009cdb;}
	.card-info .cost-type p {margin:0; padding:.5rem 0 0; line-height:1.2rem;}
	
	.case-studies {}
	.case-studies h2 {margin:0 0 1rem;}
	.case-studies p {margin:0 0 1rem;}
	.case-studies hr {margin:1rem 0 2rem;}
	
	.resources {margin:-1rem 0 0;}
	.resources a {transition:all 0.4s ease; display:block; background:#f4f4f4; border:2px solid #fff; width:100%; height:7rem; margin-top:0; padding:1rem .2rem 0; font-size:1rem; text-align:center; line-height:1.4rem;}
	.resources a:hover {display:block; background:#45a9d8; border:1px solid #d8d8d8; width:100%; height:7rem; color:#fff;}
	
	.news h2 {width:100%; margin:0 0 1rem; padding:0;}
	.news h3 {margin:0; padding:0 0 .5rem; font-size:.9rem; font-weight:300; font-style:italic;}
	.news p {margin:0; padding:0 0 1rem;} 
	.news a {color:#45a9d8; text-decoration:none;}
	.news a:hover {color:#45a9d8; text-decoration:underline;}
	.news hr {margin:3rem 0 1.5rem;}
	
	.card-history {width:100%; /*height:100%;*/ margin:1rem 0 2rem .5rem; padding:0 0rem 2rem 1rem; background:#f4f4f4; -webkit-box-shadow:3px 3px 8px 3px rgba(0,0,0,0.32); -moz-box-shadow:3px 3px 8px 3px rgba(0,0,0,0.32); box-shadow:3px 3px 8px 3px rgba(0,0,0,0.20);} 
	.card-history .card-number {position:absolute; width:2.5rem; height:2.5rem; margin:-1rem 0 0 -2.5rem; border-radius:50px; background:#f78700; font-size:1.5rem; color:#fff; text-align:center;}
	.card-history h2 {font-size:2rem; font-weight:300; color:#f78700;}
	.card-history ul {width:90%;}
	.card-history li {margin:0 0 1rem;}
	.card-history.ver2 .card-number {background:#025287;}
	.card-history.ver2 h2 {color:#025287;}
	
	.key-people {margin:2rem 0 1rem;} 
	.key-people .text-box {background:#f4f4f4; padding:2rem;}
	.key-people .image-box {overflow:hidden;}
	.key-people .image {z-index:1; position:relative; width:105%; margin:0 0 -4rem;}
	.arrow-left, .arrow-right, .arrow-down, .arrow-up {z-index:10; position:relative; width:0; height:0;} 
	.arrow-left {display:none;}
	.arrow-right {display:none;}
	.arrow-down {top:-13.1rem; left:45%; border-left:15px solid transparent; border-right:15px solid transparent; border-top:15px solid #f4f4f4;}
	.arrow-up {top:0rem; left:45%; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #f4f4f4;}

	.key-people h2 {width:100%; margin:0 0 1rem; padding:0;}
	.key-people h3 {margin:0; padding:0; font-size:1.2rem; font-weight:600;}
	.key-people h4 {margin:0; padding:0 0 .5rem; font-size:1rem; font-weight:400;}
	.key-people p {margin:0; padding:0 0 1rem;} 
	
	.page-nav {margin:0; padding:1rem;}
	
	.cta-wrap {padding:1rem 0;}
	.cta {padding:3rem 3rem; background:#025287; box-shadow:0 0 5px #000; color:#fff;}
	.cta h2 {margin:0; color:#fff;}
	.cta p {margin:.3rem 0 0; color:#fff;}
	.cta .btn {background:none; border:1px solid #fff; border-radius:30px; margin:1rem 0 0; padding:.7rem 2rem; font-size:1.2rem; font-weight:400;}
	.cta .btn:hover {background:#1c6699;}
	
	.contact h2 {margin:0; padding:0; font-size:1.2rem; font-weight:300;}
	.contact h4 {margin:0 0 1rem; padding:0; font-weight:400;}
	.map-frame {position:relative; width:100%; height:100%;}
	.contact-teams {text-align:centre;}
	.contact-teams h2 {width:100%; margin:0 0 1rem;}
	.contact-teams .btn {padding:.5rem 1rem; font-size:1rem;}
	
	.sitemap  {margin:0; padding:0;}
	.sitemap h2 {margin:0 0 1rem; padding:0;}
	.sitemap ul {list-style:none; margin:0 0 4rem; padding:0;}
	.sitemap li {margin:0 0 .5rem; text-transform:capitalize;}
	.sitemap ul ul {list-style:none; margin:.5rem 0 4rem 1rem; padding:0;}
	.sitemap ul ul li::before {content: "- "; color:#45a9d8;}
	.sitemap a {color:#45a9d8; text-decoration:none;}
	.sitemap a:hover {color:#45a9d8; text-decoration:underline;}
	
	.footer-full-wrap {background:#fff;}
	.footer-copyright-full-wrap {background:#025287}
	.footer-copyright-full-wrap li span.divider {padding:0 1rem; color:#5e91b3;}
	
}

@media screen and (min-width:601px) {
	.bkg-tint {width:130%; height:45%;}
	.bkg-tint img {width:110%;}
	.bkg-img-center {left:-30%; top:-5%;}

	.h1-tag {margin-top:4rem;}
	.h1-tag h1 {width:80%; font-size:3rem; line-height:4rem;}
	
	.h1-tag-short {margin-top:2rem;}
	.h1-tag-short h1 {width:80%; font-size:3rem; line-height:4rem;}
	
	.h1-tag-dark {margin-top:3rem; padding:0 0 0 3rem;}
	.h1-tag-dark h1 {width:100%; padding:0; font-size:2.5rem; line-height:4rem;}
	
	.strapline {padding:2rem 0;}
	.strapline p {margin-bottom:1.5rem; padding:1rem 10%; font-size:1.2rem;}
	.h2-bold {padding:1rem 0 0; font-size:2.2rem; font-weight:600; line-height:2.4rem}
	
	.icon-sections {padding:3rem 0;}
	.services-block {padding:3rem 3rem;}
	.services-block h2 {font-size:1.5rem; line-height:1.8rem;}
	
	.quick-facts {margin:3rem 0; padding:2rem 3rem;}
	.quick-facts2 {margin:0; padding:0;}
	.quick-facts ul, .quick-facts2 ul {margin:1rem 0;}
	.quick-facts li, .quick-facts2 li {margin:1rem 0 1.5rem; padding:.2rem 0 0 2.5rem; background-size:2rem;}
	.quick-facts-col2 {margin:0rem 0 0;}
	
	.main {padding:3rem;}	
	.main.main-salvatorre {padding:3rem 2rem 0;}
	
	.case-studies hr {margin:2rem 0 2rem;}
	
	.resources a {border:8px solid #fff; height:7rem; margin-top:0; padding:1.5rem .5rem 0; font-size:1rem; line-height:1.6rem;}
	
	.card-history {margin:0 0 2rem 1.5rem; padding:0 2rem 2rem 4rem;} 
	.card-history .card-number {width:3rem; height:3rem; margin:1rem 0 0 -5.5rem; font-size:1.9rem;}
	
	.key-people {margin:4rem 0 0;} 
	.arrow-left {display:block; top:-7.5rem; left:95.5%; border-top:15px solid transparent; border-bottom:15px solid transparent; border-right:15px solid #f4f4f4}
	.arrow-right {display:block; top:-8.5rem; border-top:15px solid transparent; border-bottom:15px solid transparent; border-left:15px solid #f4f4f4;}
	.arrow-down, .arrow-up {display:none;}
	
	.page-nav {margin:0; padding:2rem 3rem;}
		
	.cta {padding:3rem 3rem;}
	.cta .btn {margin:.2rem 0 0;}
}

@media screen and (min-width:993px) {
	.bkg-tint {width:100%; height:35rem;}
	.bkg-tint img {width:121%;}
	.bkg-img-center {left:0%; top:0rem;}
 
	.h1-tag {margin-top:7rem;}
	.h1-tag h1 {width:90%; font-size:3.7rem;}
	
	.h1-tag-short {margin-top:3rem;}
	.h1-tag-short h1 {width:90%; font-size:3.7rem;}
	
	.h1-tag-dark {margin-top:4rem;}
	
	.icon-sections {padding:5rem 0;}
	.bkg-tint-blue {height:9rem;}
	.quick-facts li, .quick-facts2 li {margin:1rem 0 2rem; padding:.3rem 0 0 3rem; background-size:2.2rem;}
	.resources a {height:7rem; padding:2rem .5rem 0; font-size:1.2rem; line-height:1.6rem;}
	
	.arrow-right {top:-7.5rem;}
}

/* XL and Up */
@media screen and (min-width:1365px) {
	.bkg-tint {width:100%; height:30rem}
	.bkg-tint img {width:100%;}
	.bkg-img-center {left:0%; top:-2rem;}
	.bkg-tint-blue {height:10rem;}
}