@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

/* W3C Markup, IE10 Release Preview */ 
h1,.h1 {font-size:20px;font-weight:400;margin-bottom:20px;margin-top:0;}
h2,.h2 {font-size:20px;font-weight:300;margin-bottom:20px;margin-top:0;}
h2.largeyellow {color: #f7a600;font-weight:bold;font-size:30px}
h3,.h3 {font-size:18px;font-weight:300;margin-bottom:20px;margin-top:0;}
p {font-size:14px;font-weight:300;margin-bottom:20px;}
.small p {font-size:12px !important;line-height:1.5}
.copy-large p,p.large {font-size:16px;margin-bottom:20px;}
.nomargin {margin:0 !important}
a {color:#f7a600;transition:color 0.25s ease-in;-moz-transition:color 0.25s ease-in;-webkit-transition:color 0.25s ease-in;-o-transition:color 0.25s ease-in}
a:hover,a.active {color:#333E47;text-decoration: none}
b,strong {font-weight:500;}
ul,ol {margin:0 0 15px 15px;padding:0;font-size:16px;line-height:1.4;font-weight:300;}
img {max-width:100%;height:auto !important}

/* Bootstrap overrides */
body,html,main {width:100%;height:100%;padding:0}
body {font-family:'Roboto',Arial;line-height:1.3;font-weight:300;color:#38393e;background-position:center center;background-size:cover;background-attachment:fixed;}

small {font-size:70%}
blockquote {    padding: 20px 0 35px 0;    margin: 0 0 20px 0;    font-size: 14px;    border-left: none;position: relative;font-family: 'Playfair Display','Times New Roman', 'serif';line-height:1.4}
blockquote:before {
  position: absolute;
  content: open-quote;
	top:0;
	left:0;
	font-size:42px;
	line-height:24px;
}
blockquote:after {
  position: absolute;
  content: close-quote;  
  bottom: 0;
  left: 0;
  font-size:42px;
	line-height:24px;
}

/* Layout */
.fullwidth {padding:0}
.relative {position: relative}
img.fullwidth {width:100%}
.visible-xxs {display:none;}
.top-buffer15 {padding-top:15px;}
.top-buffer30 {padding-top:30px;}
.top-buffer40 {padding-top:40px;}
.top-buffer80 {padding-top:80px;}
.bottom-buffer0 {padding-bottom:0px !important;}
.bottom-buffer3 {padding-bottom:2px;}
.bottom-buffer5 {padding-bottom:5px;}
.bottom-buffer10 {padding-bottom:10px;}
.bottom-buffer15 {padding-bottom:15px;}
.bottom-buffer30 {padding-bottom:30px;}
.bottom-buffer50 {padding-bottom:50px;}
.bottom-buffer70 {padding-bottom:70px;}
.text-center .img-responsive {margin:0 auto;}
.v_hidden{	opacity: 0;}
.v_visible{	opacity: 1;}
.containergutter-0.container {  padding-left: 0px;  padding-right: 0px;}
.containergutter-0.container-fluid {  padding-left: 0px;  padding-right: 0px;}
.containergutter-100.container {  padding-left: 112px;  padding-right: 112px;}
.containergutter-100.container-fluid {  padding-left: 112px;  padding-right: 112px;}
/*.gutter-100.row {  margin-right: -56px;  margin-left: -56px;}*/
.gutter-20.row {  margin-right: -10px;  margin-left: -10px;}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {  padding-right: 10px;  padding-left: 10px;}
.gutter-15.row {  margin-right: -8px;  margin-left: -10px;}
.gutter-15 > [class^="col-"], .gutter-15 > [class^=" col-"] {  padding-right: 8px;  padding-left: 8px;}
.gutter-10.row {  margin-right: -5px;  margin-left: -5px;}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {  padding-right: 5px;  padding-left: 5px;}
.gutter-5.row {  margin-right: -2px;  margin-left: -2px;}
.gutter-5 > [class^="col-"], .gutter-5 > [class^=" col-"] {  padding-right: 2px;  padding-left: 2px;}
.gutter-0.row {  margin-right: 0;  margin-left: 0;}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{  padding-right: 0;  padding-left: 0;}
.containergutter-0 .gutter-10 {margin:0}
.containergutter-0 .col-sm-6:nth-child(odd) {padding-left:0}
.containergutter-0 .col-sm-6:nth-child(even) {padding-right:0}

.content-panel {padding-top:40px;padding-bottom:40px;}
.content-panel.slim {padding-top:20px;padding-bottom:20px;}
.border-top {border-top:1px solid #38393e}
.banner {padding-top:265px;padding-bottom:50px;position: relative}
 .banner p {font-size:14px;}
 .banner h1 {font-size:32px;}
 .banner h1 div {font-size:14px;padding-top:10px;}
.banner-mask {position: absolute;bottom:0;left:0;right:0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);height:200px;}

/* Format */
.copy-xsmall {font-size:10px;line-height:12px;-webkit-text-size-adjust: 100%;}
.copy-white {color:#FFFFFF}
.copy-yellow {color:#f7a600}
.copy-grey {color:#38393e}
.copy-small {font-size:12px;}
.nomargin {margin:0}
.bg-white {background-color:#FFFFFF}
.bg-grey {background-color:#38393E;color:#FFFFFF}
.bg-lightgrey {background-color:#F4F4F4;}
.bg-lightlightgrey {background-color:#FAFAFA;}
.btn {font-size:14px;padding:15px 25px;display:inline-block;border-radius:0;color:#38393e;border:1px solid #38393e;-moz-transition:all 0.25s ease-in;-webkit-transition:all 0.25s ease-in;-o-transition:all 0.25s ease-in}
.btn-white {font-size:14px;padding:15px 25px;display:inline-block;border-radius:0;color:#FFFFFF;border:1px solid #FFFFFF;-moz-transition:all 0.25s ease-in;-webkit-transition:all 0.25s ease-in;-o-transition:all 0.25s ease-in}
.btn:hover,.btn-white:hover {color:#f7a600;border-color:#f7a600}
.heading-underline {width:40px;border-bottom:2px solid #f7a600;margin-top:-5px;margin-bottom:30px;}

/*Nav*/
.navbar {transition:background-color 1s;margin-bottom:0}
.navbar {position:fixed;top:0;width:100%;z-index:9999}
.navbar.fixed .navbar-brand img {width:60%}
.navbar-brand {height:auto;width:200px;}
.navbar-brand img {width:100%;transition:width 1s}
.navbar-nav {background-color:rgba(0,0,0,0.8)}
.navbar-nav > li > a {color:#FFFFFF}
.navbar-nav > li > a:hover,.navbar-nav > li > a:focus {background-color:transparent;color:#f7a600}
.navbar-inverse {background-color:#000000}
.navbar-toggle .icon-bar {background-color:#FFFFFF}
.navbar-toggle {padding-top:40px;border-color:transparent !important;transition:padding-top 1s}
.navbar.fixed .navbar-toggle {padding-top:25px;}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {background-color:transparent}

.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {background-color:transparent}
.dropdown-menu {font-size:16px}
.dropdown-menu > li > a {color:#FFF;font-weight:300;}

/*Main banner*/
.panel-default {padding:80px 0 65px 0}
.panel-default.panel {padding:0 !important}
.panel-default.panel-footer {padding:80px 0 45px 0}
.panel-default.panel-copyright {padding:45px 0 65px 0}
.panel-first {padding-top:163px !important}

/*What we do*/
.btn-whatwedo {display:flex;-webkit-box-align: center;align-items: center;text-align:center;border:1px solid #FFFFFF;color:#FFFFFF;min-height:140px;padding-bottom:40px;background-image:url('../images/marwood-electrical-plus-icon-outline.png');background-size:24px;background-position:bottom 20px center;background-repeat:no-repeat;position:relative;transition:all 1s;font-size:14px;font-weight:400;padding:0 15px;}
.btn-whatwedo:hover {color:#f7a600;text-decoration:none;border-color:#f7a600}
.btn-whatwedo span {display:block;position:absolute;left:0;width:100%;bottom:0;height:60px;background-image:url('../images/marwood-electrical-plus-icon-solid.png');background-size:24px;background-position:bottom 20px center;background-repeat:no-repeat;opacity:0;transition:opacity 1s;background-color:transparent}
.btn-whatwedo:hover span {opacity:1}
.btn-whatwedo div {-webkit-box-flex: 0;flex: none;width:100%}
.btn-sectorproduct {width:342px;margin-bottom:9px;display:inline-block;margin-right:9px;cursor:default;border-color: #f7a600;color: #f7a600;}
.btn-sectorproduct,.btn-sectorproduct:hover {border-color: #38393e;color: #38393e;}
.carousel-indicators li {    width: 12px;    height: 12px;}
.carousel-indicators li.active {margin:1px;background-color:#f7a600;border:1px solid #f7a600}

/*Our Products*/
.panel-products {background-image:url('../images/our-products.png');background-position:center center;background-size:cover;padding-top:250px;padding-bottom:65px;position:relative;color:#FFFFFF;overflow:hidden}
.panel-products img {width:calc(100% - 150px);}
.panel-products .btn {position: absolute;bottom:0;right:15px;width:135px;}
.panel-products .panel-slideout {height:100%;width:100%;background-color:rgba(0,0,0,0);position: relative;padding:60px 15px 0 15px;}
.panel-products .panel-slideout p {color:#FFFFFF;margin-bottom:30px;}

/*Newsletter*/
.form-newsletter input[type=email]{border:none;border-bottom:1px solid #38393e;width:calc(100% - 150px);float:left;padding-top:20px;font-size:16px;padding-bottom:10px;line-height:20px;}
.form-newsletter input[type=submit]{float:right;background-color:transparent;}
.form-newsletter button{float:right;background-color:transparent;}
.checkbox-container {float:left;width:25px;}
.checkbox-label {float:left;width:calc(100% - 25px);}
.form-newsletter .disclaimer {width:calc(100% - 150px);font-size:12px;}

/*News*/
.news-title {font-size:18px}
.btn-news {display: block;color:#38393e}
.btn-news .image-news {margin-bottom:30px;position:relative;background-position: center;height:0;padding-bottom:62%;background-size:cover;}
.btn-news .image-news .mask {opacity:1;position:absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.5);opacity:0;-moz-transition:all 0.25s ease-in;-webkit-transition:all 0.25s ease-in;-o-transition:all 0.25s ease-in}
.btn-news .image-news  img{width:100%}
.btn-news:hover {text-decoration: none}
.btn-news:hover .image-news .mask {opacity:1}
.btn-news .plus {height:24px;width:24px;background-size:24px;background-image:url('../images/marwood-electrical-plus-icon-outline.png');margin-bottom:20px;}
.btn-news .plus img {opacity:0;-moz-transition:all 0.25s ease-in;-webkit-transition:all 0.25s ease-in;-o-transition:all 0.25s ease-in}
.btn-news:hover .plus img {opacity:1;width:24px;}

/*Our Projects*/
.btn-project {display:block;width:100%;max-width:400px;height:300px;margin:0 auto;background-size:cover;background-position:center center;color:#FFFFFF;position:relative}
.btn-project:hover {color:#FFFFFF}
.btn-project > div {position: absolute;bottom:0;left:0;right:0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.btn-project > div > div {padding:65px 40px 15px 15px;background-image:url('../images/marwood-electrical-plus-icon-outline.png');background-size:24px;background-position:bottom 15px right 15px;background-repeat:no-repeat;}
.btn-project > div > div .small{font-size:12px}
div.btn-project > div > div {background-image:none}
.btn-project div span {display:block;position:absolute;bottom:15px;right:15px;width:24px;height:24px;background-image:url('../images/marwood-electrical-plus-icon-solid.png');background-size:24px;background-repeat:no-repeat;opacity:0;transition:opacity 1s;}
.btn-project:hover div span {opacity:1}
.btn-project > span {display: block;position: absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.5);opacity:0;-moz-transition:all 0.25s ease-in;-webkit-transition:all 0.25s ease-in;-o-transition:all 0.25s ease-in}
.btn-project:hover > span {opacity:1}



.btn-what {display:block;padding-bottom:60%;background-size:cover;background-repeat: no-repeat;background-position: center center;position: relative;color:#FFFFFF}
.btn-what:hover {color:#FFFFFF}
.btn-what > div {position: absolute;bottom:0;left:0;right:0;background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);padding-bottom:15px;}
.btn-what > div > div {padding:65px 0 0 15px;margin-bottom:0px;overflow:hidden;background-image:url('../images/marwood-electrical-plus-icon-outline.png');background-size:24px;background-position:bottom 0 right 15px;background-repeat:no-repeat;}
.btn-what > div > div > div {padding-top:5px;width:66%;max-height:0;-moz-transition:max-height 3s ease-out;-webkit-transition:max-height 3s ease-out;-o-transition:max-height 3s ease-out}
.btn-what:hover > div > div > div {max-height:300px;}
.btn-what div span {display:block;position:absolute;bottom:15px;right:15px;width:24px;height:24px;background-image:url('../images/marwood-electrical-plus-icon-solid.png');background-size:24px;background-repeat:no-repeat;opacity:0;transition:opacity 1s;}
.btn-what:hover div span {opacity:1}
.btn-what > span {display: block;position: absolute;top:0;right:0;left:0;bottom:0;background-color:rgba(0,0,0,0.5);opacity:0;-moz-transition:all 0.25s ease-in;-webkit-transition:all 0.25s ease-in;-o-transition:all 0.25s ease-in}
.btn-what:hover > span {opacity:1}

.accreditation {border:1px solid #000;padding:5px;}
.accreditation div {width:100%;height:0;padding-bottom:100%;background-size:contain;background-position: center center;background-repeat: no-repeat;}

.accreditations {justify-content: space-evenly;
display: flex;
flex-direction: row;
flex-wrap: wrap;}

.accreditation_new {
width: 100px;
height: 120px;
text-align: center;
background-position: center;
background-repeat: no-repeat;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
background-size:contain;
margin-bottom:40px
}

#newsletter-form .grecaptcha-badge {right:15px !important;bottom:-74px !important}

#mainCarousel .item {height:470px;background-size:cover;background-position: center}

.contact-details a {color:#38393e;}
.map {width:100%;height:300px;margin-bottom:-64px;}

#contact-thanks {display:none}
#contact-form label{width:120px;vertical-align: top}
#contact-form input[type=text],#contact-form input[type=email]{width:calc(100% - 126px);max-width:400px;border:none;border-bottom:1px solid #000000;padding:3px 0}
#contact-form textarea{width:calc(100% - 126px);max-width:400px;border:1px solid #000000;padding:3px 0;height:145px;}
#contact-form button {background-color:transparent;margin-left:124px;}

.area {padding-bottom:10px;;display: block;}
.area a{color:#38393e;}
.area p {margin-bottom:5px}
.area:hover p strong a {color:#f7a600;}
.area.active strong a {color:#f7a600;}

.team-member img{padding-bottom:10px;}
.team-member {padding-bottom:15px;}
.team-member > div {min-height:76px;}
.team-member i {color:#38393e;font-size:18px;margin-right:4px;}
.team-member a {color:#38393e !important;}

.vertical-alignment-helper {    display:table;    height: 100%;    width: 100%;    pointer-events:none; /* This makes sure that we can still click outside of the modal to close it */}
.vertical-align-center {    /* To center vertically */    display: table-cell;    vertical-align: middle;    pointer-events:none;}
.vertical-align-center .modal-content {    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */    width:inherit;    height:inherit;    /* To center horizontally */   margin: 0 auto;    pointer-events: all;}

.modal-team {z-index:9999}
.modal-team .modal-content{border-radius: 0}
.modal-team .modal-body {padding:30px}
.modal-team h2 {font-size:16px;font-weight:500;}
.modal-team p {font-size:14px}
.modal-team a {color:#38393e}
.member-image {width:220px}
.areas-covered > div {column-count: 2;}

.product-list {column-count:2}
.panel-slide-right,.panel-slide-left,.panel-slide-left-wide,.panel-slide-right-wide {background-color:rgba(0,0,0,0.5);}

#newsletter-thanks {display: none}

/*Footer*/
footer,footer p {font-size:14px;}
footer a {color:#38393e;}
footer a:hover {color:#f7a600}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e113";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color:#f7a600;
		-webkit-text-stroke: 3px #F4F4F4;
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
		color:#38393e;
		-webkit-text-stroke: 3px #F4F4F4;
}

.panel-default.panel {border:none;background-color:transparent;box-shadow: none}
.panel-default > .panel-heading {border:none;border-bottom:1px solid #38393e;color:#38393e;padding-left:0;padding-right:0;}
.panel-body {border:none !important;padding-left:0;padding-right:0;padding-bottom:0;}
.panel-heading .accordion-toggle {color:#f7a600}
.panel-heading .accordion-toggle.collapsed {color:#38393e;}
.panel-heading .accordion-toggle:focus {outline-offset:0}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 479px) {
  .visible-xxs {   display: block !important;  }
  .hidden-xxs {    display: none !important;  }
}

/* Very Small devices (mobiles, 480px and up) */
@media (min-width: 480px) {
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	h1,.h1 {font-size:20px;}
	h2,.h2 {font-size:20px;}
	h3,.h3 {font-size:20px;}
	p,ul,ol {font-size:16px;}	
	blockquote {font-size:15px;}	
	.panel-first {padding-top:205px !important}
	.row.divider {background-image:url('../images/divider.png');background-position: center;background-repeat: repeat-y}
	.row.divider57 {background-position: center left 40%;}
	.gutter-100 > [class^="col-"], .gutter-100 > [class^=" col-"] {  padding-right: 56px;  padding-left: 56px;}

	.bg-grey .row.divider {background-image:url('../images/divider-white.png');}
	.copy-large p,p.large {font-size:18px}
	.text-sm-right {text-align:right}
	.narrow {padding-left:30px;padding-right:30px;}
	.navbar {position:fixed;top:0;width:100%;z-index:9999}
	.navbar.fixed {background-color:#000000}
	.navbar.fixed .navbar-brand img {width:80%}
	.navbar-header {padding-top:10px;padding-bottom:10px;transition:padding-top 1s}	
	.navbar.fixed .navbar-header {padding-top:0px;padding-bottom:0px;}	
	.navbar-nav {padding-top:52px;transition:padding-top 1s}
	.navbar.fixed .navbar-nav {padding-top:45px}
	.navbar-nav > li {border-right:1px solid #f7a600;line-height:1;font-size:15px}
	.navbar-nav > li:last-child {border-right:none}
	.navbar-nav > li > a {padding-top:0;padding-bottom:0;line-height:1;}
	.dropdown-menu {background-color:#000;box-shadow: none;border-radius: 0;border:none;border-top:69px solid transparent;font-size:14px;}
	.home .dropdown-menu {/*background-color:transparent;*/margin-left:-5px;border-top:30px solid transparent}
	.home .navbar.fixed .dropdown-menu {border-top:69px solid transparent !important}
	.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {    color: #f7a600;    background-color: transparent;}
	.navbar-right .dropdown-menu {left:0;right:auto;}
	.panel-products .panel-slideout {position:absolute;top:0;bottom:0;left:0;width:calc(50% - 30px);margin-left:-50%;background-color:rgba(0,0,0,0.5);transition:margin-left 2s}
	.panel-products .panel-slideout.half {width:50%;}
	.panel-products .panel-slideout.reverse {margin-left:100%;width:50%;}
	.panel-products .panel-slideout.open {margin-left:0;}
	.panel-products .panel-slideout.reverse.open {margin-left:50%}
	.panel-products .panel-slideout > div {position: absolute;bottom: 40px;margin-bottom:-400px;right: 56px;width: 400px;opacity:0;transition:all 1s}
	.panel-products.why .panel-slideout > div {width: 622px;}
	.panel-products .panel-slideout.reverse > div {right: auto;left:56px}
	.panel-products .panel-slideout > div.open {opacity:1;margin-bottom:0px;}
	.panel-slide.open {margin-left:0 !important}
	.panel-slide-right {background-color:transparent;background-image:url('/images/panel-mask-right.png');background-size:4000px;background-repeat:repeat-y;background-position:center center;margin-left:0;transition:margin-left 2s}
	.panel-slide-left {background-color:transparent;background-image:url('/images/panel-mask-left.png');background-size:4000px;background-repeat:repeat-y;background-position:center center;margin-left:0;transition:margin-left 2s}
	.panel-slide-left-wide {background-color:transparent;background-image:url('/images/panel-mask-left-wide.png');background-size:100%;background-repeat:repeat-y;background-position:center center;margin-left:0;transition:margin-left 2s}
	.panel-slide-right-wide {background-color:transparent;background-image:url('/images/panel-mask-right-wide.png');background-size:100%;background-repeat:repeat-y;background-position:center center;margin-left:0;transition:margin-left 2s}
	.btn-project {max-width:500px;height:218px;position: relative;margin-bottom:10px;}
	.col-sm-6 .btn-project {height:327px}
	.btn-project.large, .col-sm-12 .btn-project {height:446px;}
	.btn-project.full {height:0 !important;padding-bottom:45%}
	.btn-project > div > div {padding:65px 30px 15px 15px;}
	.news-title {font-size:20px}
	.banner {padding-top:428px;padding-bottom:50px}
	.padding-right-default {padding-right:41px}
	.padding-left-default {padding-left:41px}
	.noleftmargin {margin-left:-15px}
	.btn-whatwedo {font-size:16px}	
	.accreditation {padding:10px;}
	.btn-what > div > div {margin-bottom:0}
	.map {width:50%;height:auto;position:absolute;top:0;right:0;bottom:0;margin-bottom:0;}
	.areas-covered {padding-top:30px;}
	.accreditation_new {width: 15%;}
	
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	h1,.h1 {font-size:20px;}
	h2,.h2 {font-size:20px;}
	h3,.h3 {font-size:24px;}	
	.copy-large p,p.large {font-size:20px}
	.copy-medium p,p.medium {font-size:18px}
	.narrow {padding-left:60px;padding-right:60px;}
	.banner {padding-top:545px;padding-bottom:50px}
	.btn-project {height:266px;}
	.col-sm-6 .btn-project {height:399px}
	.btn-project.large,.col-sm-12 .btn-project {height:542px;}
	
	/*.main-banner h1.outline {font-size:125px;	}*/
	.panel-products {padding-top:450px;}
	.accreditation {padding:15px;}
	#mainCarousel .item {height:520px;}
	.modal-dialog {width:880px}
	.member-image {width:300px}
	.product-list {column-count:3}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	h1 {font-size:24px;}
	h2 {font-size:24px;}
	h2.largeyellow {font-size:40px}
	h3,.h3 {font-size:30px;}
	.navbar-brand {width:240px;}
	.navbar-nav {padding-top:65px;}
	.narrow {padding-left:100px;padding-right:100px;}
	.panel-products .panel-slideout > div {bottom: 82px;}
	.panel-products {padding-top:290px;padding-bottom:112px;}	
	.panel-default {padding:112px 0 97px 0}
	.panel-default.panel {padding:0 !important}
	.panel-default.panel-footer {padding:112px 0 45px 0}
	.panel-default.panel-copyright {padding:65px 0 65px 0}
	.panel-first {padding-top:263px !important}
	.btn-project {height:332px;}
	.col-sm-6 .btn-project {height:498px}
	.btn-project.large, .col-sm-12 .btn-project {height:674px;}
	.accreditation {padding:20px;}
	#mainCarousel .item {height:570px;}
	.col-lg-5ths {width:20%}
	.modal-dialog {width:1040px}
	.btn-whatwedo {font-size:18px}	
}

@media (min-width: 1500px) { 
	.container {width:1450px}
	.accreditation {padding:25px;}
}