/** flex box **/
.flex-parent {
  display: flex;

}

.flex-item {
  margin-right: 2%;

}

.flex-item img{
  border-radius: 20px;
  border: 3px solid #fff;
  overflow: hidden;
  transition: all .5s ease;
}

.flex-item:hover img{
  transform: scale(1.02);
  opacity: 0.7;
}

.flex-item.no-shrink {
  flex-shrink: 0;
}
/** END flex box **/

.dr-bod{
  color: #1FA295;
  display: inline-block !important;
}

.dr-bod a{
  color: #1FA295 !important;
}

.dr-bod:hover{
  text-decoration: underline;
}

.fancybox-content{
  border-radius: 10px;
}


.panel-group .panel .panel-heading .panel-title a strong{
   text-transform: none;
   font-size: 18px;
}

.f36{
  font-size: 36px !important;
}

.esg-list ul li .div-esg{
  transition: all .5s ease;
}

.esg-list ul li:hover .div-esg{
  background: rgba(2, 55, 47, 0.65);
}


.div-esg{
  background: rgba(2, 55, 47, 0);
  height: 100%;
}


#hero .info{
  font-size: 21px;

}

.cm-title{
  float: right;
  width: 30%;
  display: inline-block;
}

.cm-title .heading h2{
   font-size: 44px;
}

.cm-message{
  float: right;
  width: 70%;
  display: inline-block;
}

.cm-message .quote p{
  font-size: 23px;
}

.quote{
  padding-right: 0px;
}



.hq-img img{
  transition: all .5s ease;
}

.hq-img:hover img{
  transform: scale(1.02);
  opacity: 0.7;
}



.the-b{
  font-size: 18px !important;
}

.fig-g{
 color: #6abfcd;
}

.icon-bar{
   font-family: 'titilliumtext25l250_wt';
}

.sp-h1{
   color: #fff !important;
   font-weight: 300;
   display: block;
}




.page-title{
  padding-top: 30px;
}

.page-h1{
  color: #086C60 !important;
  font-weight: 300;
  
  background: -webkit-linear-gradient(left, #086C60, #52a99e);
    background-image: -webkit-linear-gradient(left, rgb(8, 108, 96), rgb(82, 169, 158));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.page-body .page-content{
  padding: 20px 0 60px 0;
}

.section{
  padding: 10px 0;
}


.scroll #header{
  z-index: 999;
}

.p-author h3{
  color: rgb(49, 49, 49);
}

#res-dev ol li {
  margin: 10px 0 10px 0;
}

.teal-b ul{
  list-style: none;
}

.teal-b ul li::before{
  content: "\2022";
  color: #6abfcd;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.nav-tabs{
  z-index: 999;
}


h3{
  font-size: 22px !important;
}

.h3-lower h3{
  text-transform: capitalize !important;
}

.w-caps{
  text-transform: uppercase;
}

.op-peach{
  color: #ccaf7d;
}

.op-blue{
  color: #0067a6 !important;
}

.op-blue2{
  color: #3EC2CF !important;
}

.op-orange{
  color: #e1a542 !important;
}

.op-bronze{
  color: #C59852 !important;
}

.tr-teal{
  border-bottom: 1px solid #7da7a4 !important;
}

.tr-teal2{
  border-bottom: 1px solid #6abfcd !important;
}

.sec-acce{
  position: relative;
  display: block;
  background-color: #f3f6f6;
  padding: 5%;
  margin-bottom: 5%;
}

.sec-acce2{
  position: relative;
  display: block;
  background-color: #dbdbdb;
  padding: 5%;
  margin-bottom: 5%;
}

.sec-acce3{
  position: relative;
  display: block;
  background-color: #ebd8bd;
  padding: 5%;
}



.scrollmagic-pin-spacer{
  margin-bottom: 0 !important;
}

.rd-ul ul li{
  text-align: justify;
}

.w-bl{
  color: #599B9E;
  text-transform: uppercase;
}


.prev, .next{
  text-transform: uppercase;
}



.this-border{
  border: 1px solid rgb(228, 228, 228)
}

.aw-li ul li{
  margin-bottom: 12px;
}

.f-l{
  float: left;
}

.this-bold{
  font-weight: 900;
}

.sustain-ul ul{
  margin-bottom: 19px;
}

.p-spc{
  position: relative;
  display: block;
  margin-bottom: 20px;
  height: 1px;
}

.p-spc50{
  position: relative;
  display: block;
  margin-bottom: 50px;
  height: 1px;
}

.p-spc30{
  position: relative;
  display: block;
  margin-bottom: 30px;
  height: 1px;
}

.p-spc2{
  position: relative;
  display: block;
  margin-bottom: 100px;
  height: 1px;
}

.d-b ul {
  list-style-type: none;
}

.d-b ul li:before {
  content: '\2014';
  position: absolute;
  margin-left: -20px;
}

.wbold{
font-weight: 700;
}

.w-teal{
color: #CF9952;
}

.w-blue{
color: #1c67a8;
}

.w-green{
  color: #93ba51;
  }










.gp p{
    font-size: 28px;
    color: #1d998f;
    font-weight: 700;
    line-height: 32px;
    text-align: left;

}

.ogb{
  text-align: center !important;
}

.ogb img{
  width: 28%;

}

.icon-bar{
   margin-bottom: 0px;
}


.icon-bar .bar::after{
    background: #0667ab;

}

.icon-bar .bar{
    text-align: center;
    font-family: 'titilliumtext25l250_wt';
    text-transform: uppercase;
}

.color-emerald{
  color: #1d998f;
}

.cv{
  width: 75%;

}

.w-bg{
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.icon-bar p{
    font-size: 20px;
    font-weight: 300;
    color: #ffffff;
}

.icon-bar p strong {
  color: #e3a642;
  padding: 8px 0;
  font-weight: 600;
  font-size: 20px;
  display: inline;
  font-family: 'Titillium Web', sans-serif;

}

.cii{
  font-size: 17px;
  display: block;
  color: #ffffff;
  font-weight: 600;
}

.color-em-dark{
 color: #154854 ;
}

.gp-cont-v{
  background: #918970;
  padding: 30px;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #be9a5d;
  border-radius: 20px;

}

.gp-cont{
  background: #1d7ab0;
  padding: 30px;
  margin-bottom: 20px;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border: 2px solid #6abfcd;
  border-radius: 20px;

}

.gp-cont .col-md-4{
  height: 100%;

}

.gp-cont strong{
    display: block;
    font-size: 18px;
}

.gp-cont ul li{
   line-height: 22px;
   font-size: 16px;
}

.pad10{
    padding: 30px !important;
}

.bg-emerald{
    background-color: #009b90;
}

.bg-blue{
    background-color: #0068ac;
}

.evo-img {
  position: relative;
  width: 100%;
  display: block;
  margin-bottom: 18px;
}

.evo-img img{
  width: 100%;

}




.evo-header{
    background-color: #e3eced;
    color: #009b90;
    padding: 37px 20px 18px 20px;
    text-align: center;
    margin-top: 10px;
    font-size: 88px;
    line-height: 80px;

}

.evo-title1{
    font-weight: 900;
    letter-spacing: 13px;
    display: block;
    padding: 0px;
    margin: 0px;
}

.evo-title2{
  font-weight: 300;
  letter-spacing: 13px;
  display: block;
  padding: 0px;
  margin: 0px;
}

.evo-lower-title{
    color: #6a8684;
    font-size: 27px;
    display: block;
    padding: 0px;
    margin-top: -20px;
    margin-bottom: 0px;
}

.main-tabs-content{
  width: 77%;
  position: relative;

}

.main-tabs-content img{
 width: 100%;
}


.img-cap{
  position: relative;
  left: 0;
  bottom: 0;
  background-color: #636466;
  color: #ffffff;
  z-index: 99;
  width: 100%;
  padding: 5px 15px 5px 15px;
  font-size: 15px;
  font-style: italic;

}

.img-cap2{
  position: relative;
  left: 0;
  bottom: 0;
  background-color: rgba(70, 70, 70, 0.8);
  color: #ffffff;
  z-index: 99;
  width: 100%;
  padding: 5px 15px 5px 15px;
  font-size: 15px;


}

.img-cap-w{
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: none;
  color: #2e2e2e;
  width: 100%;
  padding: 5px 15px 5px 15px;
  font-size: 15px;
  text-align: center;


}

.banner-hq{
  height: 800px;
  background: url("../images/2022/banner-new-hq.jpg") no-repeat;
  background-size: cover;
  background-position: center;
}


.img-cap-hq{
  position: relative;
  left: 0;
  bottom: 0;
  background-color: rgba(70, 70, 70, 0);
  color: #ffffff;
  z-index: 99;
  width: 100%;
  padding: 5px 15px 5px 15px;
  font-size: 15px;
  font-style: italic;

}


.po{
  position: relative;
  background-size: cover;
  width: 100%;
  margin: auto;

}

.side-tabs-nav{
    background: linear-gradient(180deg, rgba(18,53,64,1) 0%, rgba(13,44,52,1) 26%, rgba(26,75,89,1) 66%);
    border-radius:  0px 30px 30px 30px;
    font-size: 20px !important;
    width: 284px;
    padding: 20px 30px 20px 50px;

}




@include media(min-width:768px){
  .op-rev-sub .info-graphics li .data .data-heading{
    font-size: 46px ;
  }
}
.op-rev-sub .info-graphics li .data .data-caption{
  padding-left: 4px ;
}



.h-or{
  width: 100%;
  display: block;

}

.h-or img{
  margin-bottom: 16px;
}




.np{
  font-size: 18px;
}

.this-center{
  text-align: center;
}

.vert-box{
  background-color: #e0e9e9;
}

.vert-box img{
display: inline-block;
margin-right: 12px;
margin-top: 10px;
}

.icon-or {
    display: inline-block;
    margin: 0 30px 30px 0;
}

.icon-or img {
  width: 95px;
  height: 99px;
  position: relative;
  border: 1px solid #e9e9e9;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  padding: 6px;
}

.or-title {
display: inline-block;
text-transform: uppercase;
font-size: 26px;
width: 50%;
}

.or-brown{
  color: #8E7366
}

.n-chap{
  font-size: 36px;
  line-height: 41px;
  margin-top: 20px;
  text-align: center;
}

.panel-heading h3{
color: #fff;
margin-top: 10px;
margin-bottom: 7px;
font-size: 20px;
padding-left: 12px;
font-weight: 400;
letter-spacing: 1px;
}

.panel-group .panel .panel-heading .panel-title a span {
background-size: 19px 9px;
width: 19px;
height: 9px;

}

.panel-default > .panel-heading{
background-color: #fff !important;
}

.panel-group .panel{
margin-bottom: 2px;
}

.nav-tabs{
font-size: 15px;
}

.nav-tabs.centered > li {
background-color: #448183;
border-radius: 4px
}

.nav-tabs.centered > li:hover{
background-color: #be9a5d;
border-radius: 8px
transition: background-color 0.3s linear;

}

.nav-tabs li a{
color: #ffffff;
}

.nav-tabs li.active a{
color: #ffffff;
}

.nav-tabs li.active {
background-color: #be9a5d;
}

.side-tabs-nav .nav-tabs li.active {
background-color: rgba(0, 87, 81, 0);

}


.nav-tabs li a:hover{

color: #ffffff;
}

.nav-tabs li.active a:hover, .nav-tabs li.active a:focus{
color: #ffffff;
}

.img-full-green{
position: relative;
width: 100%;
height:auto;
background-color: #1d8a8e;
margin: 20px 0px 40px 0px;
}

.img-green{
position: relative;
width: 54%;
height: auto;
display: inline-block;
}

.img-green img{
width: 100%;
}

.img-green-cap{
width: 43%;
border-top: solid 1px #59dce0;
position: relative;
font-size: 15px;
color: #ffffff;
display: inline-block;
vertical-align: bottom;
padding: 8px 20px 30px 4px;
margin-left: 1%;
}

.wcol {
float: left;
width: 30%;
padding: 20px;
text-align: left;
font-size: 16px;
}

.aw-t1{
display: inline-block;
width: 23%;
font-size: 22px;
}

.aw-t2{
display: inline-block;
width: 77%;
border-top: 1px solid #cccfd1;
height: 8px;
}

.aw-t3{
display: inline-block;
width: 33%;
}

.aw-t4{
display: inline-block;
width: 67%;
border-top: 1px solid #cccfd1;
height: 8px;
}

@media(min-width:768px){
  .bod-boxed-wrapper{
    margin: 0 -20px;
  }
}
.bod-box{
position: relative;
display: inline-block;
width: 33%;
height: auto;
padding: 0 20px;
vertical-align: top;
margin: 45px 0px 45px 0px;
overflow: hidden;
}



.bod-box a{
color:#ffffff;
text-decoration: none;
display: block;
}

.bod-box a:hover{
color: #75fff4;
transition: color 1s ease;
}

.bod-pic{
position:relative;
border-radius: 10px 10px 0px 0px;
border: 1px solid rgb(224, 224, 224);
border-bottom: 0px;
overflow: hidden;

}

.bod-pic img{
  width: 100%;
}


.bod-cap{
height: 143px;
background-color: #005952;
position: relative;
color: #ffffff;
padding: 23px 23px 0 23px;

}

.bod-cap:hover .bod-name{
  transition: all 0.5s ease;
}

.bod-cap:hover .bod-name{
  color: #f7bf5e;
}

.bod-name{
position: relative;
text-transform: uppercase;
display: block;
font-weight: 700;
font-size: 18px;
}

.bod-title{
position: relative;
display: block;
line-height: 20px;
font-size: 15px;
color: #3de4d6;
}

.bod-dots{
font-weight: 900;
font-size: 28px;
letter-spacing: 2px;
position: absolute;
right: 0px;
bottom: 0px;
display: block;
padding-right: 10px;
}

.bod-cap:hover .bod-dots{
  transition: all 0.5s ease;
}

.bod-cap:hover .bod-dots{
  color: #f7bf5e;
}



.dl-header{

position: relative;
padding: 50px 50px 50px 125px;
margin-top: 10px;
}



.dl-thumb{
position: relative;
display: inline-block;
width: 172px;
height: 225px;
margin-right: 50px;
-webkit-box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.52); 
box-shadow: -1px -1px 9px 0px rgba(0,0,0,0.52);
}

.dl-thumb img{
  width: 100%;
  }

.dl-text{
position: relative;
display: inline-block;
font-size: 28px;
font-weight: 900;
padding-top: 30px;
background: -webkit-linear-gradient(left, #086C60, #52a99e);
    background-image: -webkit-linear-gradient(left, rgb(8, 108, 96), rgb(82, 169, 158));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.dl-text a{
text-decoration: none;
}






.dl-ico{
display: block;
font-size: 20px;
font-weight: 300;
background-image: url("../images/2022/icon-download-w.svg");
background-repeat: no-repeat;
padding-left: 30px;
}

.dcol50 {
vertical-align: top;
display: inline-block;
width: 49%;
text-align: left;
padding: 4% 0 0 4%;
}


.dl-list{
padding: 50px;
padding-left: 8%;
}

.dl-list ul{
margin: 0px;
}
.dcol50 ul{
  padding-left: 0;
}

.dl-list ul li{
list-style: none;
display: block;
}

.dl-list ul li a{
color: #167a92;
font-weight: 400;
display: block;
background-image: url("../images/2022/icon-download.svg");
background-repeat: no-repeat;
padding: 0 0 19px 36px;
background-position: 1px 3px;
background-size: 20px;
}

.dl-list ul li a:hover{
 color: #CF9952;
}



.caption-image img {
  margin-bottom: 15px;
  width: 100%;
}

.caption-image span {
  color: #000;
  font-size: 14px;
  line-height: 1.3;
  display: inline-block;
}

.caption-image span::before {
  width: 23px;
  height: 3px;
  display: inline-block;
  background: #009b90;
  content: "";
  vertical-align: middle;
  margin-right: 10px;
}

.ops-review a{
  text-decoration: none;
}

.ops-review a:hover {
  opacity: 0.9 !important;

}

.awards p{
  text-align: left;
  margin:0px;
  padding: 0px;
  line-height: 20px;
}

.awards ul{
  padding-left: 20px;
}

.corp-info p{
  text-align: left;
  margin:0px;
  padding: 0px;
  line-height: 26px;
}

.corp-info ul{
  padding-left: 20px;
}



.aw-spc{
  position: relative;
  height: 1px;
  display: block;
  margin-bottom: 20px;
}

.evo-spc{
  position: relative;
  height: 1px;
  display: block;
  margin-bottom: 40px;
}


.ah1{
  color: #00978f;
  font-weight: 700;
  font-size: 22px;
}

.ah2{
  color: #CF9952;
  font-weight: 900;

}

.ah3{
  color: #1c5f62;
  font-weight: 700;
}

.ah5{
  color: #be9a5d;
  font-weight: 400;
}

.aw-ch{
  font-size: 18px;
}

.f18{
  font-size: 19px;
}

.f16{
  font-size: 16px;
}

.f12{
  font-size: 12px;
}

.col-bar{
  width: 22%;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.col-text{
  width: 72%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin-right: 3%;
  padding-left: 0px !important;
  margin-left: 0px !important;
}

.col25{
  width: 100%;
  position: relative;
  display: block;
  vertical-align: top;
  margin-bottom: 25px;
  border-bottom: 1px solid #dfdfdf;
  padding-bottom: 20px;
}
.col25 img{
  width: 44%;
  margin-bottom: 6px;
}

.col25 p strong {
  font-size: 26px;
  color: #1d998f;
  display: block;
  padding: 8px 0;
  font-weight: 600
}

.col25 p {
font-size: 12px;
font-weight: 600;
color: #000000;
line-height: 14px;
margin-bottom: 0px;
}

/*--------------------------------------------------------Tables*/

.ntable table{
  width: 100%;
  line-height: 14px !important;
}

.ntable td{
  vertical-align: top;
	padding: 0px;
	text-align: left;
}

.ntable p{
  line-height: 15px;
  margin: 0px;
  padding: 0px;
}

.ntable ul{
  margin-left: -24px;
}

.ntable ul li{
  padding: 0;
  line-height: 15px;
}

.op-green{
  color: #005952 !important;
}

.op-blue{
  color: #295CAA;
}


.wtable table {
    width: 100%;
    border: 1px solid #f4f4f4;
    text-align: right;
}

.wtable table tr td{
	vertical-align: top;
	padding: 3px 6px 3px 6px;
	text-align: left;

}

.wtable  table tr{
  border-bottom: 1px solid #f0f0f0;
}

.wtable table tr td ul{
  margin-left: -21pxpx;
}

table{
    line-height: 25px !important;
    text-align: right;
}

.w-th2{
	color: #F8F8F8;
	background-color: #be9a5d;
	font-weight: 600;
  line-height: 18px;
}

.text-w{
	color: #F8F8F8;
	font-weight: 600;
  line-height: 18px;
}

.text-w2{
	color: #F8F8F8;
}


.th-teal{
  background-color: #6abfcd !important;
  font-weight: 600;
  color: #ffffff;
}

.w-th2{
	color: #ffffff;
	background-color: #d5b78d;
	font-weight: 600;
}

.w-th3bg{
	background-color: #ebd8be;
}

.w-alt{
  background-color: #ebd8be;

}

.w-line-b{
  border-bottom: 1px solid #be9a5d !important;

}

.w-ita{
  font-style: italic;
  font-weight: 100;
}

i, em{
  font-style: italic;
  font-weight: 100;
}

.w-b{
  font-weight: 700;
}

.wcaps{
  text-transform: uppercase;
}

.cell-r{
  text-align: right;
}

.note{
  position: relative;
  display: block;
  font-size: 13px;
  margin-top: 16px;
  width: 100%;
}

.noteinfo{
  padding: 3% 0 0 4%;
}

.img-full{
  width: 100%;
  position: relative;
  display: block;
}

.img-center{
  text-align: center;
}

.bod-table{
  position: relative;
  margin-top: 40px;
  display: block;
}

.bod-table p{
  margin: 0;
  padding: 0 40px 0 0;
  text-align: left !important;
}

.bod-table ul{
  text-align: left !important;
  margin-bottom: 0px !important;
  margin-left: -20px !important;

}

.bod-table ol{
  text-align: left !important;
  margin-bottom: 0px !important;
  margin-left: -20px !important;
}

.alphatable{
   display: block;
}

.alphatable tr{
  vertical-align: top;
  padding: 0px;
  text-align: left;
}


.corp-gov h2{
  font-size: 26px !important;
}

.corp-gov h5{
  font-size: 22px !important;
  color: #154854;
  margin: 0;
}

.corp-gov ol{
  margin: 30px 0 30px 0;
  padding: 0;
}

.corp-gov ol li{
  margin: 0 0 0 22px;
  padding: 0 0 0 8px;
  text-align: justify;
}


/*--------------------------------------------------------SVG*/

.svg100{
  position: relative;
  display: block;
  width: 100%;
}

.svg100 img{
  width: 100%
}

.svg50{
  position: relative;
  padding: 25px;
  width: 48%;
  margin-left: 1%;
  display: inline-block;
  border: 1px solid #e4e4e4;
  text-align: center;
}

.svg50 img{
  width: 80%
}

.svg40{
  width: 30%;
  display: inline-block;
  position: relative;
  vertical-align: top;

}

.svg40 img{
  width: 100%;

}


.evo-img2 {
    position: relative;
    width: 68%;
    display: inline-block;
    padding-right: 1%;


}

.evo-img2 img{
    width: 100%;

}


.evo-img3 {
  position: relative;
  width: 50%;
  display: inline-block;
  margin: 1% 2% 3% 0;



}

.evo-img3 img{
  width: 100%;

}

.evo-img4 {
  position: relative;
  width: 44%;
  display: inline-block;
  margin: 0 2% 3% 3%;



}

.evo-img4 img{
  width: 100%;

}


.evo-img5 {
  position: relative;
  width: 49%;
  display: inline-block;
  margin: 0 0 20px 0;



}

.evo-img5 img{
  width: 100%;

}

.evo-img6 {
  position: relative;
  width: 30%;
  display: inline-block;
  margin: 0 0 20px 0;
}

.evo-img6 img{
  width: 100%;

}

.evo-img70 {
  position: relative;
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 20px;

}

.evo-img70 img{
  width: 70%;
  margin: 0  15% 0 15%;

}

.acce-title{
  font-size: 32px;
  color: #4C4D4F;
  text-align: center;
  text-transform: uppercase;
  display: block;
  width: 60%;
  margin: 0% 20% 3% 20%;
}

.acce-title2{

  color: #4C4D4F;
  text-transform: uppercase;
  display: block;

  margin: 0% 0% 3% 0%;
}



@include media(min-width:768px){
  .acce-title2{
    font-size: 30px;
      width: 60%;
  }
}

.p-left{
  display: inline-block;
  width: 47%;
  vertical-align: top;
  margin-left: 1px;
  padding-top: 8px;
}

.p-left-hq{
  display: inline-block;
  width: 65%;
  vertical-align: top;
  margin-left: 2%;
  padding-top: 8px;
}





.svg-bg{
  position: relative;
  width: 100%;
  padding: 5%;
  background-color: #c9def2;
  background-image: url(../images/new/evo-merch-bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 200px;
}

.svg-bg img{
  width: 100%

}




#map{
  background-color: #ffffff;
}




/*Fancybox*/
.fancybox-content{
  padding: 75px  75px 75px 54px;
}
.fancybox-bg{
  background: #0b353f !important;
}
.fancybox-is-open .fancybox-bg{

    opacity: .97 !important;
}
.pop-up .pop-details p{
  font-size: 18px;
}
.fancybox-infobar{
  display: none !important;
}
.pop-up .pop-box{

}

.pop-up .pop-box .bod-pic,
.pop-up .pop-box .bod-cap{
  width: 100%;
}
.pop-up .pop-box .bod-cap{
  padding: 25px 30px;
  height: auto;

}
.pop-up .pop-box .bod-cap .bod-name{
   margin-bottom: 8px;
}
.fancybox-navigation{

}


.fancybox-navigation .fancybox-button{
  opacity: 1 !important;
  visibility: visible !important;
  background: 0 !important;
}
.fancybox-navigation .fancybox-button--arrow_left{}

.corp-gov table tr.w-tr1 {
  background-color: #f7f1e9;
}

.corp-gov .cg-th {
  background-color: #c59952;
}
.corp-gov .w-th2 {
  background-color: #d5b37e;
}

@media (max-width:991px){
  .pop-up .pop-box{
    width: 100%;
    margin-bottom: 20px;

  }

  .fancybox-content{
    padding: 30px;
  }

  .pop-up  .bod-pic{
    height: auto;
  }
}



/*--------------------------------------------------------Media Query*/

@media (max-width: 1199px) {
.img-green{
  width: 100%;
  display: block;
}

.img-green-cap{
  width: 100%;
  border-top: none;
  position: relative;
  display: block;
  vertical-align: bottom;
  padding: 8px;
}

.aw-t1{
  width: 100%;
  border-bottom: 1px solid #cccfd1;
  padding-bottom: 8px;
}

.aw-t2{
  display: none;
}

.aw-t3{
  width: 100%;
  border-bottom: 1px solid #cccfd1;
  padding-bottom: 8px;
}

.aw-t4{
  display: none;
}

.bod-box{

}

}


@media (max-width: 991px){
.bod-box{
  padding-left: 6%;
  width: 48%;
}

.dl-header{
  padding-left: 80px;
}

.gpstack1{
  padding-bottom: 0px !important;
}

.gpstack2{
  padding-top: 0px !important;
}

.dcol50 {
  padding: 3% 0 0 5%;

}

.main-tabs-content{
  width: 100%;
}


.evo-img2 {
  position: relative;
  width: 68%;
  display: inline-block;
  padding-right: 1%;


}

.evo-img2 img{
  width: 100%;

}


.evo-img3 {
position: relative;
width: 100%;
display: block;
margin: 0 0 3% 0;
}

.p-left{
display: block;
width: 100%;
margin-left: 0px;
padding-top: 0px;
}

#video-mobile{
  display: block;
}

#video-mobile-sub{
  display: block;
}

#video{
  display: none;
}

.intro .vid-btn-holder{
  margin-top: 20px;
}

}

.top-link{
  background-color: #f5f5f5;

}

.top-link a{
  font-weight: 400 !important;
  letter-spacing: 3px;
  font-size: 16px;
}
html #hero .hero-text {
  font-size: 50px;
  line-height: 50px;
}
html #hero {
  padding: 50px 0;
}
html #primary-menu .dropdown-menu li a {
      padding: 2px 0px !important;
      color: #fff !important;
}
html #primary-menu .dropdown-menu {
    background: transparent !important;
    box-shadow: none !important;
}
html #primary-menu .dropdown-menu li ul li::after {
      left: -19px !important;
}
@media(max-height:658px){
  #primary-menu {
    padding: 60px 0 27px;
  }
  #primary-menu ul.extra .thumbnail {
    max-width: 150px;
  }
  #primary-menu .dropdown-menu li a {
    font-size: 14px;
  }
}
@media(max-height:800px){
  #primary-menu .dropdown-menu li a {
    font-size: 14px;
  }
}
@media (max-width: 899px){
.dcol50 {
  display: block;
  width: 100%;
  text-align: left;
  padding: 5% 0 0 3%;

}

.noteinfo{
  padding: 10% 0 0 4%;
}

.svg50{
  width: 100%;
  margin: 0px 0px 30px 0px;
  display: block;
}

.svg50 img{
  width: 70%

}
}
@media (max-width:767px){
  .ogb img{
    width: 20%;
    }


    .img-cap-w{
      position: static;
    }

  .bod-box{
    width: 48% !important;
  }
  .dl-header{
    padding: 40px !important;
  }
  .dl-text{
    font-size: 23px;
  }
  .dl-ico{
    font-size: 15px;
  }

}

@media (max-width: 703px){
.bod-box{
  padding-left: 4%;
}
}

@media (max-width: 666px){
.bod-box{
  padding-left: 2%;
}
}

@media (max-width: 639px){
.bod-box{
  width: 100%;
  padding-left: 0;
}

.bod-pic{
  margin: auto;

}

.bod-cap{
  margin: auto;
}

}


@media (max-width: 669px){
.wcol {
  width: 100%;
  }
}


/* Mobile Secondary Nav */

@media (max-width: 767px){
.side-tabs-nav > .panel-group > .panel > .panel-heading > .panel-title > a {
    background: #236b77;
    border-radius: 28px 0 0 0 !important;
    text-transform: uppercase !important;
  }

  html .panel-group .panel .panel-heading .panel-title a{
    border-radius: 28px 0 0 0 !important;
    text-transform: none !important;
  }

  .panel-heading h3 {
    color: #fff;
    margin-top: -1px;
    margin-bottom: -5px;
  }
  .img-cap{
    position: static;
  }

  .tspo-m{
    /* display: none !important; */
  }

  .evo-img5{
    display: block;
    width: 100%;
    float: none !important;
  }
  .acce-title{
    font-size: 22px;
    margin-left: auto;
    margin-right: auto;
  }
  .wcol.awards:first-child{
    padding-top: 20px;
  }
  .wcol.awards{
    padding-top: 0;
    padding-bottom: 0;
  }
  .fancybox-navigation .fancybox-button{
    width: 37px;
  }
  .fancybox-navigation .fancybox-button--arrow_left{
    left: 8px;
    padding: 31px 3px 31px 6px;
  }
  .fancybox-navigation .fancybox-button--arrow_right{
    padding: 31px 6px 31px 5px;
    right: 8px;
  }
}


/**ipad portrait - up**/
@media( max-width:768px){
  .cm-title .heading h2{
    font-size: 36px;
  }

  .gp-cont-v{
    margin-left: 20px;
    margin-right: 20px;
  }

  .gp-cont{
    margin-left: 20px;
    margin-right: 20px;
  }

  .sp-h1{
    font-size: 40px;
    margin-top: 0px !important;
  }

  .esg-pt{
    padding-top: 0px;
  }

  .no-br{
    display: none;
  }

  .banner-hq{
    background-size: 800px 450px;
    height: 450px;
  }

  .hq-img img{
    width: 60%;
    margin: 0 20% 0 20%;
  }


  .cm-title{
    float: left;
    width: 100%;
    display: block;
  }


  .cm-message{
    float: left;
    width: 100%;
    display: block;
  }

  .page-h1{
  font-size: 40px;
  }


  .evo-img6 {
    width: 100%;
    display: block ;
  }

  .p-left-hq{
    width: 100%;
    vertical-align: top;
    margin-left: 0%;
    padding-top: 8px;
    display: block;
  }

  .flex-parent {
    flex-direction: column;

  }

}
/**desktop - up**/
@media(min-width:1199px){

}


@media(max-width:480px){

  .bod-box{
    width: 100% !important;
  }
  .acce-title{
    font-size: 18px;
  }

}



@media(max-width:320px){

.dl-header{
  padding: 20px !important;
}
.dl-text{
  padding-top: 20px;
  font-size: 18px;
}
.dl-list{
  padding: 12px 11px;
}
}