/*
Theme Name: PTSG Annual Report
Theme URI: http://mercury-web.co.uk/
Description: Custom theme for PTSG Annual Report based on Twenty Eleven
Author: Mercury Web
Author URI: http://mercury-web.co.uk/
Template: twentyeleven
Version: 1.0
*/

/* @import url("../twentyeleven/style.css"); 

font-family:'Myriad W01 Lt';
font-family:'Myriad W01 Regular';

*/

.wow {visibility: hidden;}

html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

body {margin: 0; font-size:24px; position:relative; text-align: center;}
body,td,th, input, textarea {color:#333;}

input, textarea, button[type="submit"] {font-size:20px; width:100%; padding: 5px; background-color: #FFFFFF;}

body,td,th, input, textarea, button[type="submit"], h1, h2, h3, h4, h5, h6, strong {font-family: 'Myriad W01 Lt', sans-serif; font-weight: normal; font-style: normal;}

strong {font-family: 'Myriad W01 Regular', sans-serif;}

h1, h2 {font-size: 48px; color: #b2bb1c;}
h3 {font-size: 42px;}

hr {border: 0; width: 100%; color: #ccc; background-color: #ccc; height: 1px; margin: 60px 0 0;}

img {border:0; max-width:100%; height:auto; display:block;}

a {text-decoration:none; background:transparent; color:inherit; overflow: hidden;}
a:hover, .wpcf7-submit:hover, input:hover, button[type="submit"]:hover, .current-menu-item {opacity:0.7; cursor:pointer;}
a:active { opacity: 1 !important; }
input:hover {cursor: auto;}

a, img, li, input, textarea, button[type="submit"], .head, .head .logo, .menu {-webkit-transition:all 500ms ease; -moz-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; transition:all 500ms ease;}
.slider img, .bx-wrapper .bx-controls-direction a {-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;}

.center_h {-webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; position:relative;}
.center_i {position: absolute; top: 50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform: translateY(-50%); margin:0;}

.left, .right {float:left; width: 49%;}
.right {float:right;}

.black_op { background:rgb(0,0,0); background:rgba(0,0,0,0.80); color: #FFFFFF;}
.black_bg {background-color: #000000; color: #FFFFFF;}
.green_bg {background-color: #b2bb1c; color: #FFFFFF;}
.white_bg {background-color: #FFFFFF; color:#333;}

.box_link {display: inline-block; width: 48%; max-width:250px; text-align: center; padding: 20px 10px; margin: 10px -1px -1px; font-size: 18px; border: solid 1px #b2bb1c; opacity: 1;}
.box_link:hover, .etabs .active a {background-color: #FFFFFF; color: #b2bb1c; opacity: 1;}

.rm {width: 100%; display: block; text-align: left; padding: 20px 30px; font-size: 22px; position: relative;}
.rm:after {content: "\f144"; position: absolute; right: 20px; top: 16px; font-family: FontAwesome; font-size: 28px;}

.underline {padding-bottom: 7px; border-bottom: solid 1px #ffffff; text-align: left;}

.wrap {max-width:1200px; width:100%; margin:auto; overflow:hidden; position: relative;}

.head {position: absolute; width: 100%; top: 0; z-index: 10; border-bottom: solid 1px #ffffff; text-align: right; color:#fff; height: 59px;}
.head .wrap {overflow: visible;}
.head .logo {position: absolute; top: 3px; left: 0; width: 120px;}
.head .menu {display: block; font-size: 18px;}
.head .menu ul {margin: 0; padding: 0; list-style: none;}
.head .menu ul li {display:inline-block; border-left: solid 1px #fff; margin-left: -5px;}
.head .menu ul li a {display:block; padding: 18px 15px 19px;}
.head .menu ul li a:hover, .head .menu .current-menu-item a {background-color: #FFFFFF; color: #b2bb1c;}
.head .menu ul ul li {margin:0; padding:0; border-left:0; text-align:left; width:100%; display:block; font-size: 18px;}
.head .menu li {position: relative;}
.head .menu ul ul {display: none; position: absolute; top:58px; float: left; left: -1px; z-index: 99999; text-align:center; width: 300px;}
.head .menu ul ul ul {display: none; position: absolute; top: 0; float: left; width: 100%; z-index: 99999; margin-top:0; text-transform:none; left:100%;}
.head .menu a {display: block;}
.head .menu ul ul a {background-color: #fff; color: #b2bb1c; padding: 15px 20px;}
.head .menu ul li:hover > ul {display: block; background-color: #fff; color: #b2bb1c;}
.head .menu li:hover > a, .head .menu ul ul :hover > a {opacity:1; filter:alpha(opacity=100);background-color: #fff; color: #b2bb1c;}
.head .menu ul li.current-menu-item > a, .head .menu ul li.current-menu-parent > a, .head .menu ul ul li.current-menu-item > a, .head .menu ul li.current_page_item ul a {opacity:1; filter:alpha(opacity=100); /*background:rgb(0, 62, 81); background:rgba(0, 62, 81, 1);*/ }
.head .menu ul ul a:hover, .head .menu ul li.current_page_item a:hover, .head .menu ul li.current_page_item > a, .head .menu ul li.current-menu-ancestor > a {opacity:1; filter:alpha(opacity=100); }
.head .menu ul ul a:hover {background-color: #e5e6e7;}
.head .menu ul li.current_page_item:hover > a, .head .menu ul li.current-menu-ancestor:hover > a {}
.head .menu ul li.current-menu-item ul a {opacity:1; filter:alpha(opacity=100); border-bottom: 0 !important;}
.head .menu ul ul .current-page-ancestor a {}
.menu .fa {margin-right: 5px;}
.head .menu .download-annual-report-menu a {border: solid 1px #b2bb1c; margin: 10px; background-color: transparent;}
.head .menu .download-annual-report-menu a:hover {background-color: transparent;}

.boxes {overflow: hidden;}
.box {text-align: left;}
.boxes .box {margin: 1%; padding: 20px; display: inline-block; vertical-align: top; float: left;}
.box ul {margin: 0; padding: 0 0 0 20px;}
.box ul li {line-height: 26px;}

.slider {height: 850px; background: url(images/head.jpg) center no-repeat; background-size: cover;}
.slider .box, .text {padding: 40px;}
.slider .box h1 {margin-top: 0;}
.slider .box .box_link {margin-right: 1.5%;}

.text {text-align: left;}
.text h2 {margin-top: 0;}

.cont p:first-of-type {padding: 0 7%;}

.boxes.four .box {width: 23%; min-height: 250px; text-align: center; font-size: 26px;}
.boxes.four .box img {display: inline-block;}
.boxes.four .box .line {background-color: #FFFFFF; height: 1px; width: 60px; margin: 20px auto;}
.boxes.two .box {width: 48%;}
.boxes.three .box {width: 31.3%; text-align: center; padding: 0; border: solid 1px #ccc; font-size: 24px; color: #b2bb1c;}
.boxes.three .box p {min-height: 100px;}

.dg, .eie {background: url(images/growth.jpg) center no-repeat; background-size: cover; padding: 1px 0 60px; margin: 60px 0;}
.dg .wrap {overflow: visible;}
.dg h2 {margin-bottom: 20px;}
.dg .boxes.two .box {font-size: 16px; padding: 30px; margin: 0; border: 0;}
.dg .box h3 {color: #FFFFFF; margin: 0 0 10px; padding: 0 0 10px;}

.profile {text-align: left; font-size: 24px; margin: 0 1%;}
.profile h2 {margin: 0 0 10px;}
.profile .left {width: 50%; background-color: #CCCCCC;}
.profile .right {width: 50%}
.profile .image {background-position: center; background-repeat: no-repeat; background-size: contain;}
.profile.chair .image {background-image: url(images/John-Foley.png);}
.profile.chief_exe .image {background-image: url(images/Paul-Teasdale.png);}
.profile.chief_fin .image {background-image: url(images/Mark-Watford.png);}

.cir {width: 90px; padding: 20px 0; margin:20px auto 40px; border-radius: 360px; font-size: 42px;}

.eie {background: url(images/10.jpg) center no-repeat #e7e7e7; background-size: contain; padding: 80px 0;}
.eie h2 {margin: 0;}
.eie p {padding: 10px 0;}

.products .wrap {overflow: visible;}
.boxes.two .box {padding: 0; border: solid 1px #ccc; margin: 0;}
.products .box {padding-bottom: 80px !important;}
.products .box .image {position: relative; color: #FFFFFF; margin: -1px;}
.products .box .image h3 {position: absolute; left: 30px; bottom: 20px; z-index: 2; margin: 0;}
.products .box .keys {color: #b2bb1c;}
.products .box p {padding: 10px 30px; font-size: 18px; min-height: 150px;}
.products .box .keys p {font-size: 24px; line-height: 44px; min-height: auto;}
.products .box .rm {position: absolute; bottom: 0;}

.chief_exe, .chief_fin {margin-top: 60px;}

.foot {font-size: 16px; padding: 40px 0; text-align: left; line-height: 34px; margin-top: 60px;}
.foot .wrap {padding: 0 1%;}
.foot .left img {width: 140px;}
.foot .right {text-align: right;}
.foot .fa-inverse {color: #b2bb1c;}
.foot .box_link {border-color: #FFFFFF; max-width: 200px; max-width: none; width: 350px; padding: 10px; }

.etabs {list-style: none; margin: 0; padding: 0;}
.etabs li {display: inline-block; width: 250px; margin: 0 5px 30px;}
.etabs li a {width: 100%; padding: 15px;}

.tab-container #one, .tab-container #two {overflow: visible;}
#two .box {text-align: left; border: 0; padding: 30px; margin: 0;}
.tab-container #two .box h4 {font-size: 18px; color: #FFFFFF; padding-bottom: 5px; margin-bottom: 15px;}
.tab-container #two .box h6 {color: #FFFFFF; font-size: 42px; margin: 30px 0 0;}

.financial-statisitc h3 {font-size: 46px;}
.financial-bar-stats {padding: 0 3px; font-size: 18px; color: #FFFFFF;}
.financial-bar-stats .stat {text-align: right; padding: 2px 5px; margin: 7px 0;}
.financial-bar-stats .stats-key span {width: 15px; height: 15px; display: inline-block;}
.financial-bar-stats .stats-2017 {margin-bottom: 20px;}

.stats-1 .stats-2017 {width: 48%;}
.stats-2 .stats-2017 {width: 55%;}
.stats-3 .stats-2017 {width: 51%;}
.stats-4 .stats-2017 {width: 43%;}
.stats-5 .stats-2017 {width: 60%;}
.stats-6 .stats-2017 {width: 63%;}

.bx-wrapper {background: none !important; border: 0  !important; box-shadow: none !important;}
.bx-wrapper .bx-prev {left: -50px !important;}
.bx-wrapper .bx-next {right: -50px !important;}

.smt {color: #FFFFFF; font-size: 16px;}

.remodal-bg.remodal-is-opened, .remodal-bg.remodal-is-opening {filter: none !important;}
.remodal h2 {margin-top: 0;}

@media (max-width: 1300px) {
	.bx-wrapper {padding:0 60px !important;}
	.bx-wrapper .bx-prev {left: -10px !important;}
.bx-wrapper .bx-next {right: -10px !important;}
}
@media (max-width: 1200px) {
	.wrap {padding-left: 20px; padding-right: 20px;}
	.foot .wrap {padding: 0 20px;}
}
@media (max-width: 1020px) {
	.left, .right {float: none; width: 100%;}
	.slider .box .box_link {width: 48.3% !important; max-width: none;}
	.bx-wrapper .bx-controls-auto, .bx-wrapper .bx-pager {width: auto !important;}
	.profile .left, .profile .right {width: 100%}
	.profile .left {height: 400px;}
}
@media (max-width: 820px) {
	.slider {height: auto;}
	.slider .center_i {top: auto; -webkit-transform:none; -moz-transform:none; transform: none;padding: 90px 20px 40px;}
	.boxes.four .box {width: 48%;}
	
}