a.menu_icon i {
	color: #5e6673;
    font-size: 30px;
    padding: 5px;
	transition: .2s ease;
}
a.menu_icon:hover i {
	color: #00559b;
}
nav.burger-menu {
	width: 300px;
	height: 100vh;
    /*min-height: calc(100vh - 121px);*/
	background-color: #fff;
	position: fixed;
	left: -300px;
	transition: .3s all;
    margin-top: 40px;
    overflow-y: scroll;
}
nav.burger-menu > a {
    display: block;
    padding: 5px;
    margin: 8px 0 0px 20px;
    color: #494949;
   
}
.menu_show {
	left: 0!important;
    z-index: 900;
    /*top: 48px;*/
}
nav.burger-menu img{
    width: 25%;
}
nav.burger-menu .sub-menu{
    display: block;
    margin: 5px 0 5px 25px;
}

nav.burger-menu .sub-menu h3{
    text-align: left;
    font-size: 14px !important;
   
    display: block;
    letter-spacing: .1rem;
    font-family: 'Myriad W01 SmBd';
    margin-bottom: 5px;
    margin-top: 10px !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
    color: #fff;
    padding: 5px 5px 2px 5px;
}
nav.burger-menu .sub-menu a{
    font-size: 14px !important;
}
nav.burger-menu .menu-sus-rep h3{
    background: #00559b;
}
nav.burger-menu .menu-responsibility h3{
    background: #77c043;
}
nav.burger-menu .menu-engagement h3{
    background: #ff8e36;
}
nav.burger-menu .menu-efficiency h3{
    background: #00a8e5;
}
nav.burger-menu .menu-sus-rep a{
    color: #00559b;
}
nav.burger-menu .menu-responsibility a{
    color: #77c043;
}
nav.burger-menu .menu-engagement a{
    color: #ff8e36;
}
nav.burger-menu .menu-efficiency a{
    color: #00a8e5;
}
nav.burger-menu .sus-perf-ind{
     text-align: left;
    font-size: 14px !important;
    display: block;
    
    letter-spacing: .1rem;
    font-family: 'Myriad W01 SmBd';  
    color: #00559b;
}
nav.burger-menu .sub-menu a{
    display: block;
}

/* Carousel */
.carousel-caption {
  	position: absolute!important;
  	top: 18.75%!important;
	left: 25% !important;
	z-index:10;
	padding-top:20px;
	padding-bottom:20px;
	color: #fff!important;
	text-align:left!important;
}

.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    width: 100% !important;

}

.homepage article.content .center a {
	letter-spacing: -.19px;
}

.carousel-caption h3 {
	font-size: 7.5vw !important;
    font-family: 'EB Garamond', serif;
	font-weight: 500!important;
    text-shadow: none !important;
  	line-height: .75em;
	align-items: center;


}
.carousel-caption h4{
	font-size: 4vw !important;
   	font-family: 'EB Garamond', serif;
	width: 50%!important;
	background-color: none!important;
	text-shadow: none !important;
	line-height: .9em;
	margin-top: 25px;
	}



.carousel-indicators {
	padding-right: 3%!important;
}

.carousel-indicators li {
    border-radius: 0px !important;
		border-color: rgba(0, 85, 155)!important;

}

.carousel-indicators .active {
	width:12px;
	height:12px;
	margin:0; 
	background-color:rgba(0, 85, 155,1) !important;
}

#myCarousel .carousel-caption {

	top: 10%;
}
#myCarousel2 .carousel-inner{
    width: 100%;
}

#myCarousel2 .carousel-indicators {
    bottom: 0 !important;
    width: 90px !important;
    left: 0;
    margin-left: inherit;
    display: none;
}
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right{
    top: 50% !important;
}

.carousel-control {
    text-shadow: none !important;
}

/*
inspired from https://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}
.radius-img-home {
	border-radius: 50%;
	width: 90%!important;
}


/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

.row{
    margin-right: 0 !important;
}

#myCarousel2 .carousel-inner{
    background-size: 100%;
    height: 300px;    
}

.carousel-home {
	margin-top:40px;
}
/**/
.row .col-img img {
    width: 90%;
    margin-left: 80px;
}

body, p {
    font-family:"Myriad W01 Regular", Helvetica,Arial,sans-serif !important;
    /*font-family: "MyriadPro Regular",Helvetica,Arial,sans-serif;*/
    color: #5e6673;    
    font-size: 16px !important;
}

p b{
    font-family:'Myriad W01 Bd';
}

article ul li{
    color: #5e6673;
	list-style: none;
}

img{
    width: 100%;
}

.blue-corpo-txt, .blue-corpo-txt a {
	color: #00559b!important;
	}

h1{
    color: #00559b;
    font-size: 1em !important;
    margin-bottom: 2rem !important;
}
.main{
    overflow: hidden;
}
.h3, h3 {
    font-size: 32px;
}
.quote{
    font-size: 0.7em !important;
}
.quote a{
    color: #fff;
}
.quote a:hover{
    color: #fff;
    text-decoration: underline;
}
.content .col-md-9 {
    padding-right: 35px;
}

/* Top Menu */
.topnav{
    display:block;
    position: fixed;
    width: 100%;
    background: #ebeced;
    height: 48px;
    z-index: 16;
}

.topnav span {
    text-align: right;
    display: inline-block;
    color: #5e6673;
    padding: 14px 3em 14px 0;
    float: right;
    text-transform: uppercase;
    font-size: 14px;
}

.topnav .language{
    background:#5e6673 !important;
    color: #fff !important;
    padding-right: 2%;
    padding-left: 2%;
}

.topnav .menu_icon{
    display: none;
}

.topnav a {
    color: #5e6673;
    font-size: 14px;
}

.topnav .language a{
    color: #fff;
}

.topnav b {
    font-family:"Myriad W01 Bd" !important;
}

/* Side Menu */
.sidenav .logo{
    width: 90%;
    margin: 12px 0 3.1rem 0;
	padding: 5px 0px 2px 10px;
}

.sidenav {
    height: 100%;
    width: 200px;
    position:fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    border-right: 1px solid #d2d8dc;
    background-color: #fff;
    overflow-x: hidden;
    padding: 20px 20px 20px 15px;
}

.sidenav ul li{
    list-style-type: none;
}

.sidenav ul li.separator{
       display: block;
    width: 5rem;
    padding: 0;
    margin: 1.5rem 0 1.5rem 10px;
    border-bottom: .2rem solid #d2d8dc !important;
}

.sidenav ul{
    padding: 0 !important;
}

.sidenav ul li .sus-perf-ind {
	color: #00559b!important;
}


.sid-nav-blue {
    text-decoration: none;
    font-size: 16px;
    color: #00559b; 
    display: block;
    letter-spacing: .1rem;
    padding: 5px 5px 2px 5px;
    font-family:'Myriad W01 SmBd';    
}
.sec-menu-section ::after {
    content: url(../img/icon-pdf.png);
}
.sid-nav-blue.main-menu-section {
    font-size: 1.4em;
    font-weight: bold;
}

.sid-nav-blue.sec-menu-section {
   
    line-height: 1.2;
}
.green-sid-nav {
font-color: #77c043 !important;
}

.sidenav li.sec-menu-section:first-child a {
    padding: 0;
}


.sidenav li a:hover {
    /*color: grey;*/
    text-decoration:underline;
}

.modal-header {
    margin: 0 30px !important;
   
}
.modal-footer {
    margin: 0 15px !important;
    border: none !important;
}

/*.modal b{
    font-family:'Myriad W01 SmBd';
}*/

.modal .btn {
   color: #fff;
    background-color: #00559b !important;
	border-radius: 0!important;
	font-size: 16px;
	font-weight: bold;
}

.modal .btn:hover {
   color: #fff;
opacity: .7;
}

.modal-body {
    min-height: 260px !important;
}

.modal .close{
    opacity: 1 !important;
}

.modal-body .col-md-8{
    padding-top: 18px;
}

.modal-body .col-md-8 b{
    font-size: 24px;
	line-height: 24px;
	font-family:'Myriad W01 SmBd Cnd';
}

@media (min-width: 900px){
    .modal-dialog {
        width: 160px;
        margin: 210px auto !important;
    }
}
/**/

.main {
  margin-left:  200px;/* Same as the width of the sidenav */
  font-size: 1em; /* Increased text to enable scrolling */
   max-width: 1200px!important;
    overflow-y: hidden;
	
}
	

.main .background-intro{
    width: 100%;
    height: 660px;
    display: block;
    overflow-y: hidden;
}

.main .background-intro img{
    width: 100%;
}

/* Parallax */
.parallax-background {
    /*background-image: url('../img/corpo.jpg');*/
    background-position: 50% 0%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.parallax-background-section {
    /*background-image: url('../img/corpo.jpg');*/
    background-position: center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.raw-material-header{
    background-image: url('../img/raw-materials-header.jpg');
    height: 440px !important;
}

.raw-material-header div{
    width: 50%;
    height: 100%;
    display: block;
    background: rgba(158,200,48,0.8);
}



.home-bluesection {
    background:  url(../img/home-bluesection.jpg) no-repeat right top!important ;
	padding: 5%!important;
	margin-bottom: 60px;
	width: 100%;

}

.home-bluesection .parallax-background {
	 /*background-image: url('../img/corpo.jpg');*/
    background-position: 100% 0%!important;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;

    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

.message-stakeholders-header, .governance .parallax-background, .stakeholders-engagement .parallax-background,.about .parallax-background,.terms .parallax-background{
    background-image: url('../img/overview_1.jpg');    
    height: 440px !important;
}



.sustainability-strategy .parallax-background{
    background-image: url('../img/overview_3.jpg');    
    height: 440px !important;
}

.everyday-products .parallax-background{
    background-image: url('../img/overview_4.jpg');    
    height: 440px !important;
}

.icon-rightcol{
    width: 120px;
    display: block;
    margin: 0 auto;
    float: none;	
}
/* Home Page */
.article-teaser-home h3{
    color: #fff;
    width: 90%;
    margin-bottom: 20px;
    font-size: 2.1em;

}

.article-teaser-home {
	background-color: #00559b;
}

.center{
	vertical-align: middle;
}

.read-more {
	line-height: 100%!important;
}

.homepage a.read-more{
    background: #fff;
    color:#00559b;
    display: block;
    clear: both;
      width: -webkit-fit-content;
      width: -moz-fit-content;
      width: fit-content;
    text-decoration: none !important;
    padding: 1%;
    margin: 5% 0;
    font-size: 1.2em;  
    font-family:'Myriad W01 SmBd';
}

.homepage a.read-more::after {
    content: url(../img/icon-arrow-blue.png) !important;
    padding-left: 8px;
}
.homepage a.sus-perf::after {
    content: url(../img/icon-pdf-white.png) !important;
    padding-left: 5px;
}
.home-bluesection{
   /* display: flex;*/
    padding: 5% !important;
    margin-right: 0px !important
}

.home-bluesection h3,.home-bluesection b{
    color: #fff;
    font-size: 22px;

    font-family:'Myriad W01 Cnd';
    margin-bottom: 0;
    line-height: 1.1;
}

.home-bluesection .home-carousel{
	padding-top: 3%;
}

.home-bluesection .home-carousel hr {
	margin: auto;
}

.home-bluesection h3 {
    font-size: 4vw !important;
    line-height: 1;
    margin-bottom: 0.3em;
	font-family: 'EB Garamond', serif;
}
.home-bluesection h5{
    margin-top: 0;
}
.home-bluesection p{
    margin-bottom: 0;
}
.home-bluesection h3 span{
    font-family: 'EB Garamond', serif;
	font-size: 6.5vw !important;
}
.home-bluesection h4 {
    font-family:'Myriad W01 SmBd';
    color: #fff;
    font-size: 1.5em;
	line-height: 30px;
    border-bottom: 1px  #fff;
}

.home-bluesection h4 span {
	font-size: .75em;


}

.homepage .home-bluesection a.read-more  {
    background: #fff;
    color: #00559b;
    margin: 2em 0 1em; 
    font-family:'Myriad W01 SmBd';
}
.homepage .home-bluesection a.read-more::after {
    content: url(../img/icon-arrow-blue.png) !important;
}
.homepage .home-bluesection .home-carousel img{
    width: 80px !important;
    float: right;
    margin-left: 5px;
}
.homepage .home-bluesection .home-carousel img.lighthouse{
    margin-left: 0px;
}
.homepage .home-bluesection .home-carousel img.field{
    width: 100% !important;
    margin-top: 15px;
}
.homepage .home-bluesection .home-carousel img.adult{
    width: 80px !important;
}
.home-bluesection p{
    color: #fff;
    line-height: 1.2em;    
}
.home-bluesection .col-md-8 p{
    padding-right: 6em;
}
.home-bluesection p.note{
    font-size: 0.8em;
    margin-top: 10px;
}
.home-carousel{
    align-items: stretch;
}
.carousel-indicators {
    z-index: 15 !important;
}

.our-progress img {
    width: 100%;

    /*margin-top: -60px;*/
}
.our-progress h3{
    color: #00559b;
    font-family: 'EB Garamond', serif;
    font-size: 4vw;
	line-height: 4vw;
    margin-left: 15px;    
}
.our-progress h3 span{
    font-family: 'EB Garamond', serif;
	font-size: 6.5vw;
	font-weight: 500!important;
}
.our-progress img-goal {
    display: block;
    /*float: left;*/
    /*width: 170px;*/
    /*width: 16%;*/
    padding: 0 10px;
	
}
.hyphen { font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";}


.our-progress img-goal:hover img{
    opacity: 0.6;
}
.our-progress a img{
    display: block;
    width: 100%;
	margin: auto!important;
}

.our-progress .goals{
    /*display: flex;*/
    width: 100%;
    margin: 20px 0
}

.our-progress{
	padding-top: 1% !important;
	padding-bottom: 1%!important;
}
    /*padding-right: 0 !important;*/

.our-progress a.read-more, .home-bottom-section .read-more{
    margin-left: 15px;
	background: #00559b!important;
	color: #fff!important;
	margin: 0 0 3% 15px;
}

.our-progress a.read-more::after, .home-bottom-section a.read-more::after {
    content: url("../img/icon-arrow-white.png") !important;
    padding-left: 8px;
}

/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
    cursor: pointer;
}

.section-responsibility, .section-engagement, .section-efficiency{
    display: flex;
    margin-right: 0!important;
    margin-left: 0 !important;
    /*padding-right: 0 !important;*/
}
.section-responsibility span,.section-engagement span,.section-efficiency span {
    display: table-cell;
    vertical-align: middle;
}
.section-responsibility h3,.section-engagement h3,.section-efficiency h3 {
    color: #fff;
    font-family: 'EB Garamond', serif;
	font-weight: Semi-bold;
    padding: 20px 20px 15px 20px;
    margin-top: 0;
    font-size: 5.5vw;
	line-height: 5vw;
	
}

.atdomtar {
	font-size: 0.5em;
}
	.homepage article.content.ipad {
		display: flex;
	}


.homepage article.content.section-responsibility.ipad .left-section {
	float: left!important;
}

.homepage article.content.section-engagement.ipad .left-section {
	float: left!important;
}

.homepage article.content.section-responsibility.ipad img, .homepage article.content.section-engagement.ipad img,
.homepage article.content.section-efficiency.ipad img{
	padding:auto;
	
}

.orange-background {
background-color: #f68633;
}

.blue-background {
background-color: #00a8e5;
}

.green-background {
background-color: #77c043;
}

.section-responsibility p, .section-engagement p, .section-efficiency p, .section-responsibility a, .section-engagement a, .section-efficiency a {
    margin-left: 20px !important;
}
.section-responsibility h3 span, .section-engagement h3 span, .section-efficiency h3 span{
	font-size: 3.5vw;
	text-transform: none;
}
.seprator
{
	margin: 0 10px 10px 20px!important;
	border-bottom: solid 1px white;
}
.section-responsibility p, .section-engagement p {
    color: #fff;
    font-family: 'Myriad W01 Sm Cnd' !important;
    font-size: 1.95vw !important;
    padding-right: 35px;
    margin: 20px;
    line-height: 1.2;
	width: 80%;
		
}

.section-efficiency p {
    color: #fff;
    font-family: 'Myriad W01 Sm Cnd' !important;
    font-size: 1.95vw !important;
    padding-right: 35px;
    margin: 20px;
    line-height: 1.2;
	width: 110%!important;

		
}

.section-responsibility .left-section{
  background-color: #77c043;
    background-size: cover;
       
}
.section-efficiency .left-section{
    background-color: #00a8e5;
    background-size: cover;
	z-index: 10000!important;
}
.section-engagement .right-section{
    background-color: #f68633;
    background-size: cover;
    padding-right: 0;
}
.section-responsibility img, .section-engagement img, .section-efficiency img{
    width: 100%;
}
.left-section{
    padding-right: 0 !important;
    align-items: stretch;
    padding-left: 0 !important;
}
.right-section{
    padding-left: 0 !important;
    align-items: stretch; 
}

.homepage .section-responsibility a.read-more {
    background: #fff;
    color: #77C043;
}
.homepage .section-engagement a.read-more {
    background: #fff;
    color: #f08226;
}
.homepage .section-efficiency a.read-more {
    background: #fff;
    color: #00a8e5;
}
.homepage .section-responsibility a.read-more::after {
    content: url(../img/icon-arrow-green.png) !important;
}
.homepage .section-engagement a.read-more::after {
    content: url(../img/icon-arrow-orange.png) !important;
}
.homepage .section-efficiency a.read-more::after {
    content: url(../img/icon-arrow-lightblue.png) !important;
}

a.read-more:hover{
    opacity:0.7;
    transition: ease-in-out;
}

.home-bottom-section img{
    width: 65%;
    -webkit-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.75);
    -moz-box-shadow: 5px 5px 10px -5px rgba(0,0,0,0.75);
    box-shadow: 5px 5px 10px 5px rgba(0,0,0,0.15);    
}

a.download-btn {
    text-decoration: underline;
    color: #00559b;
    display: block;
    padding: 20px 0;
    font-size: 1.1em;
    clear: both;
    font-family:'Myriad W01 SmBd';
}
a.download-btn::after {
    content: url(../img/icon-pdf.png);
    padding-left: 5px;
}

article h3 {
    color: #00559b;
    font-family: 'Myriad W01 Cnd';
  
    font-size: 2.3em;
    /*font-size: 32px*/
}

footer{
    background: #676c75;
    width: 100%;
    height: 70px;
}
footer p {
    display: inline-block;
    padding: 2.5% 5% 0;
    color: #fff;
    font-size: 13px !important;
}
footer a{
    color: #fff;
}
footer a:hover{
    color: #fff;
    text-decoration: underline;
}

.flex{
    display: flex;
}

.story .background-intro span h2 a:hover{
    opacity: 0.9;
    text-decoration: none;
}
.story-titre  {
	width:  70%!important;
	
}
.orange-section p, .green-section p, .lightblue-section p,.efficiency-blue-section p, .efficiency-blue-section h3, .orange-section h3, .green-section h3, .lightblue-section h3 {
   color: #fff!important; 
}


.efficiency-blue-section {
	background:#00a8e5;
}

.orange-section h3 {
	font-size: 24px!important;
	}
/* Sustainability Report */
.sus-report .blue-section{
    background: #00559b;
}
.sus-report .blue-section p{
    color: #fff;
}
.sus-report .blue-section .separator{
    border-top: 4px dotted #fff;
    margin: 15px 0 20px 0;
    display: block;
}
.blue-txt{
    color: #00a8e5 !important;  
}

/* Message to stakeholders */
.background-intro div{
    width: 65%;
    height: 100%;
    display: block;
	text-transform: none;
}



.everyday-products div span h2 b , .message-stakeholders-header div span h2 b,  .governance .background-intro div h2, .our-goals .background-intro div h2{
    font-family: 'EB Garamond', serif;
    font-weight: 1;
	text-transform: none;
	font-size: 6vw;
	line-height: .5!important;
	
	}

.everyday-products .background-intro div h2 {
    font-family: "EB Garamond", serif!important;
    font-weight: 1;
	text-transform: none;
	font-size: 5.5vw;
	line-height: .5!important;
	
	}

.background-intro-at-domtar  {
	font-size: .6em!important;
	line-height: 1em;
	margin-top: 2%;
	
}



.message-stakeholders article .col-right img{
    width: 100%;
	border-radius: 50%!important;
}
.message-stakeholders article .col-right p{
    color: #00559b;
    font-family:'Myriad W01 SmBd Cnd' !important;
    padding: 30px 0;
    font-size: 2em!important;
    line-height: 1.2;
}
.message-stakeholders article .no-responsive {
	display: block;
}


/* Governance */



.governance .margin-row-img {
	margin: 50px auto;
}



div.carousel-centered {
    margin: 15px 0 0 0;
}


.carousel-section img {
	border-radius: 50%;
}

/*span.carousel-section {
    padding-left: 0 !important;
    margin: 0 20px !important;
}
#myCarousel3{
    padding: 0 50px;
}
#myCarousel3 .item{
    transition: -webkit-transform 0.5s ease !important;
    transition: transform 0.5s ease !important;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease !important;
}

#myCarousel3 .carousel-section, #myCarousel3-resp .carousel-section{
    /*margin: 0 20px !important;*/
   /* margin: inherit !important;
    padding-right: 15px;
    padding-left: 15px !important;;
}

#myCarousel3 .carousel-inner {
    height: 420px;
}

#myCarousel3 .carousel-section img, #myCarousel3-resp .carousel-section img {
    width: 100% !important;
    height: auto;
    margin: 0 auto;
    display: block;
}

#myCarousel3-resp .carousel-section h5, #myCarousel3-resp .carousel-section p{
    text-align: center;
}

#myCarousel3 .carousel-section h5, #myCarousel3-resp .carousel-section h5 {
    font-family:'Myriad W01 Bd';  
    margin-bottom: 5px;
}
#myCarousel3 .carousel-section p, #myCarousel3-resp .carousel-section p {
    margin: 0 0 8px;
    font-size: 14px !important;
    line-height: 1.1;
}
#myCarousel3 .carousel-control .glyphicon-chevron-left,#myCarousel3 .carousel-control .icon-prev {
    margin-left: -50px;
    color: #00559b;
}

#myCarousel3 .carousel-control .glyphicon-chevron-right,#myCarousel3 .carousel-control .icon-next {
    margin-right: -50px;
    color: #00559b;
}
#myCarousel3-resp .carousel-control .glyphicon-chevron-left,#myCarousel3-resp .carousel-control .icon-prev {
    color: #00559b;
}

#myCarousel3-resp .carousel-control .glyphicon-chevron-right,#myCarousel3-resp .carousel-control .icon-next {
    color: #00559b;
}
#myCarousel3 .carousel-control.right,#myCarousel3 .carousel-control.left, #myCarousel3-resp .carousel-control.right,#myCarousel3-resp .carousel-control.left {
    background: none;
}
*/
/* Everyday Products */



.everyday-products .background-intro div {
	width: 60%;
	margin-top: 2%;
}

.everyday-products.our-goals .background-intro div {
	width: 75%;
	margin-top: 2%;
}


.everyday-products .col-right .side-txt{
    padding: 10px 0;
    margin-bottom: 10px;
    border-top: 4px dotted #00559b;
    border-bottom: 4px dotted #00559b;
}
.everyday-products .col-right .side-txt p{
    color: #00559b;  
}
.everyday-products .col-right .side-txt p b {
    text-transform: uppercase;
    font-family: 'Myriad W01 Bd Cnd';
    font-size: 1.5em;
    line-height: 1;
}
.everyday-products .col-right .side-txt img {
    width: 100px;
}

.everyday-products article.content .goal-section .col-md-9 b {
	font-family: "Myriad W01 Regular";
}
.panel-group {
    margin-top: 30px;
}
.panel-default>.panel-heading {
    color: #fff !important;
    background-color: #00559b !important;
    border: none;
    text-transform: uppercase;
    font-family:'Myriad W01 Bd';
}
.panel-body {
    color: #fff !important;
    background-color: #00559b !important;
    border: none;
}
.panel-title>a:hover,.panel-title>a:active,.panel-title>a:focus{
    text-decoration: none;
}

.glyphicon {
    top: 0px !important;
    font-size: 0.8em;
    padding-right: 5px;
}

#accordion p{
    color: #fff;
}
#accordion .panel-body span{
    border-bottom: 4px dotted #fff;
    display: block;
    padding-top: 15px;
}

#accordion .panel-body .blue-txt p{
    color: #91d3e8;
}

#accordion .col-md-6{
    padding-left: 0;
}
#accordion .panel-body span p b {
    text-transform: uppercase;
    font-family: 'Myriad W01 Sm Cnd';
    /*display: block;*/
    font-size: 1.4em;
    line-height: 1.1;
}

#accordion .panel-body .logos-section img {
    width: 70%;
    margin: 10px auto 20px;
    display: block;
    float: none;
}

#accordion .panel-body div.col-md-6:nth-child(3){
    padding-left: 30px;
}


#accordion .panel-body span img {
    width: 80px;
    float: right;
    margin: 10px 0 10px 10px;    
}

/* Our Goals */
.our-goals .background-intro div span {
    padding: 7.5em 0 0 10%;
    display: block;
}

.our-goals .background-intro h2{
    font-family:  'EB Garamond', serif;
}
.our-goals .background-intro h2 b{
    font-family:  'EB Garamond', serif;
}
.green-type {
	color:#77c043;
}
.blue-type {
	color:#00a8e5;
}
.orange-type {
	color: #f08226!important;
}
.white-type{
	color: #fff!important;
}
.titre-goal {
	font-size: 25px;
	line-height: 25px;
	font-family:'Myriad W01 SmBd Cnd';
	
}

.widening-the-circle .blue-type {
		font-family:"Myriad W01 Bd";
}

.sustainability-strategy .strategy-sustainibility-margin {
	margin: 50px 0 50px -15px!important;
}

.padding-left {
 	padding-left: 0!important;
	
	}

.sustainability-strategy .strategy-sustainibility-margin div .col-md-5  p {
 	padding-right: 10%!important;
	}

.everyday-products .goal-section{
    width: 45%;
   
    margin: 20px 0;
	float: left;
  
}

.h3-special-goal {
	margin: 50px 0 0 0px!important;
}

.everyday-products .goal-section col-md-9{
	width: 90%!important;    
  
}





.strategy-sustainibility img {
	width: 75%!important;
}


/* Stakeholder Engagements */
.stakeholders-engagement article img.floating-icon{
    width: 120px;
    float: right;
}

/* About this Report */






.about article .separator {
    border-top: 4px dotted #00559b;
    margin: 50px 0 10px 0;
    display: block;
}

.about .photo-links h4 {
    color: #00559b;
    font-family:'Myriad W01 Bd';
    margin: 20px 0 0;
}
.about .photo-links a {
    color: #00559b;
    font-family:'Myriad W01 Bd';
    padding-right: 10px
}
.about .photo-links a::after {
    content: url(../img/icon-arrow-blue.png);
    padding-left: 5px
}

.about .blue-section h3{
    color: #fff;
    text-transform: uppercase;
    font-family: 'Myriad W01 SmBd Cnd';
    font-size: 1.5em;
/*	margin-top: 40%;*/
	
}

.about .blue-section img{
    width: 100%;
	margin: 0 50px;
  
}

.about .blue-section .big-icon{
    width: 170px;
}
.about .blue-section .separator{
    position: absolute;
    bottom: 0;
    width: 90%;
}

.about .blue-section {
	height: 500px;
	position: relative;
	padding-top: 0!important; 
}

.about .verticale-align {
	position: relative;
	top: 50%;
	vertical-align: middle;
}

.about .background-intro div {
	width: 90%;
}

.about .col-md-6 a {
	color: #fff;
	text-decoration: underline;
}
.about .background-intro span {
	width: 70%!important;
	}
.about .background-intro h2  {
	width: 70%;
}

/* Terms and Conditions */


/* responsibility */

.responsibility .background-intro {
	    background-image: url(../img/top_section_responsibility.jpg) !important;
    height: 600px !important;


	
}

.raw-material .icon-section{
    border-top: 4px dotted #a2c748;
    border-bottom: 4px dotted #a2c748;
    padding: 20px 0 0;
}

.raw-material h2{
    margin-top: 0;
}

.raw-material .green-section .separator{
    display: block;
    border-top: 4px dotted #fff;
    margin: 20px 0;
}

.background-intro div h3, .background-intro div h2{
    color: #fff;
  	
}

.background-intro div h2{
    font-family: 'EB Garamond', serif;
    /*font-size: 60px;*/
    font-size: 6vw;
    margin-top: 0;
    line-height: .6;
	font-weight: lighter;
}

.responsibility .background-intro div h2, .efficiency .background-intro div h2, .engagement .background-intro div h2{
    font-family:'EB Garamond', serif ;
    /*font-size: 60px;*/
    font-size: 5.1vw ;
    margin-top: 0;
    line-height: .6;
	font-weight: 400;
}

.terms .background-intro div h2{
    font-family: 'EB Garamond', serif;
    /*font-size: 60px;*/
    font-size: 4vw;
    margin-top: 0;
    line-height: .6;
	font-weight: lighter;
}


.background-intro div h3{
    font-family:'Myriad W01 Cnd';
    /*font-size: 40px;*/
    font-size: 2.8vw;
    margin-bottom: 10px;
	line-height: 1.5!important;
}

.sus-report .background-intro div span {
    padding: 6.5em 0 0 10%;
    display: block;
}

.responsibility .background-intro div span,  .efficiency .background-intro div span {
    padding: 12.3em 0 0 7%;
    display: block;
}
.engagement .background-intro div span {
	padding: 12.3em 0 0 10%;
    display: block;
}

.energy .background-intro div span {
    padding: 9em 0 0 10%;
}

.responsibility article.content h3 {
	  text-transform: uppercase;
    font-size: 3.1vw;
    font-family: 'Myriad W01 Bd Cnd'!important;
}

/* Plastic Problem */

.plastic-pb-header{    
    background-image: url('../img/plastic-header.jpg') !important;
    height: 440px !important;
}

.plastic-pb-header span{
    padding: 308px 0 0 0;     
    display: block; 
    color: #fff;
    text-transform: uppercase;
}
.plastic-pb-header span h3{  
    padding-left: 5%; 
}
.plastic-pb-header span h2{   
    font-family:'Myriad W01 Bd Cnd';
    width: 100%;
}
.plastic-pb-header span h2 a {
    padding: 0 5%;
    color: #fff !important;
    background: #77c043;
    width: 100%;
    display: block;
    font-size: 2em;
}



/* Responsibility*/

/* Taking Supply CHain */

.Taking-Supply-Chain .background-intro{    
    background-image: url('../img/top_responsibility_1.jpg') !important;
    height: 440px !important;
}

.Taking-Supply-Chain .background-intro span{
    padding: 308px 0 0 0;     
    display: block; 
    color: #fff;
    text-transform: uppercase;
}
.Taking-Supply-Chain .background-intro span h3{  
    padding-left: 5%; 
}
.Taking-Supply-Chain .background-intro span h2{   
    font-family:'Myriad W01 Bd Cnd';
    width: 100%;
}
.Taking-Supply-Chain .background-intro span h2 a {
    padding: 0 5%;
    color: #fff !important;
    background: #77c043;
    width: 100%;
    display: block;
    font-size: 2em;
}



/* Moving  */

.moving .background-intro{    
    background-image: url('../img/top_responsibility_3.jpg') !important;
    height: 440px !important;
}

.moving .background-intro span{
    padding: 308px 0 0 0;     
    display: block; 
    color: #fff;
    text-transform: uppercase;
}
.moving .background-intro span h3{  
    padding-left: 5%; 
}
.moving .background-intro span h2{   
    font-family:'Myriad W01 Bd Cnd';
    width: 100%;
}
.moving .background-intro span h2 a {
    padding: 0 5%;
    color: #fff !important;
    background: #77c043;
    width: 100%;
    display: block;
    font-size: 2em;
}

.moving .green-section h2 {
	color: #fff!important;
	margin-left: 0!important;
	text-transform: inherit;
	font-family: 'Myriad W01 Cnd';
}

.moving .green-section img {
	padding: 0!important;
}

.moving .margin-top-exergue {
	margin-top: 10%;
}


/* Engagement */
.story article h3 {
    color: #000;
    font-family: 'Myriad W01 SmBd';
    font-size: 1em;
    /* font-size: 32px; */
}
.orange-txt{
    color: #f08226;
    font-family:'Myriad W01 Bd' !important;
}
.engagement article.green-col div {
    background: #f08226;
}
.engagement article.green-col div:nth-child(2) {
    background: #ed6a19;
}
.engagement article.content h2 {
    color: #f08226;
    text-transform: uppercase;
    font-size: 32px;
    font-family: 'Myriad W01 Bd Cnd';
    padding-left: 15px;
    width: 70%;
}
.engagement .icon-section p {
    color: #f08226;
    font-weight: bold;
    line-height: 1.2;
}
.engagement .article-teaser h3 {
    font-family: 'Myriad W01 Bd Cnd';
    color: #f08226;
	text-transform: uppercase;
}


.article-teaser h3 {
	font-size: 2.75vw!important;
}

.engagement .article-teaser a.read-more {
    color: #f08226;
}
.engagement article.green-col div h3 {
    color: #f08226;
}
.engagement article.green-col div:nth-child(2) h3 {
    color: #ed6a19;
}
.engagement .article-teaser a.read-more::after{
    content : url('../img/icon-arrow-orange.png');
}

.engagement .icon-section {
    border-top: 4px dotted #f08226;
    border-bottom: 4px dotted #f08226;
    padding: 20px 0;
}

.engagement .orange-section {
    background: #f08226 url(../img/employees-people2.png) bottom no-repeat;
    background-size: 100%;
    padding-bottom: 15% !important;
}

.engagement .orange-section h3 {
    color: #fff;
	line-height: 1.3;
	margin-top: 0!important;
}

.engagement .nature-conservancy .orange-section img {
		padding-top:5%!important;
	margin-left: -50px;
	
	width: 125%;
}

.engagement .story .line-header span h2 {
    font-family:  'EB Garamond', serif;
    width: 100%;
	
}

.engagement .story .line-header span h2 a {
 
    color: #fff !important;
    background: #f08226;
    width: 100%;
    display: block;
    font-size: 1.25em;
	padding: 2% 5%;
	font-family: 'Myriad W01 SmBd';
	text-transform: uppercase;
}

.engagement .story .line-header span h2 a:hover, .responsibility .story .line-header span h2 a:hover ,.efficiency .story .line-header span h2 a:hover  {
	text-decoration: none!important;
	opacity: .8!important;

}

.homepage article.content.ipad {
	display: none;
}

.responsibility .story .line-header span h2 a {
 
    color: #fff !important;
    background: #77c043;
    width: 100%;
    display: block;
    font-size: 1.25em;
	padding: 2% 5%;
	font-family: 'Myriad W01 SmBd';
	text-transform: uppercase;
}



.efficiency .story .line-header span h2 a {
 
    color: #fff !important;
    background: #00a8e5;
    width: 100%;
    display: block;
    font-size: 1.25em;
	padding: 2% 5%;
	font-family: 'Myriad W01 SmBd';
	text-transform: uppercase;
}



.line-header h2{
	margin: 0!important;
	
}
.engagement .story .line-header span h3 {
    padding-left: 5%;
}
.engagement .story .background-intro span {
    padding: 338px 0 0 0!important;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

.story .line-header span h2 {
	position: relative!important;
	bottom: 0!important;
}

/* Employees */
.employees .background-intro{
    background-image: url('../img/top_section_engagement.jpg');
    height: 600px !important;

}

.employees .background-intro div{
    width: 50%;
    height: 100%;
    display: block;
  }

.employees .background-intro div h3, .efficiency .background-intro div h3, .responsibility .background-intro div h3 {
    width: 60%;
  	font-size: 2vw;
	line-height: 1em!important;
  }

.employees article.content h2 {
    color:#f08226;
    /*margin-left: 15px;*/
}

.employees article.content, .efficiency article.content, .responsibility article.content {
	padding-bottom: 5%!important;
	padding-top: 5%!important;
	/*border-bottom: 1px solid #f08226;*/
    /*margin-left: 15px;*/
}



.employees .icon-section img {
    width: 90px;
}



.orange-section section img{
    width: 100%;
    margin-bottom: 10px;
}
.orange-section section {
    border-top: 4px dotted #fff;
    padding-top: 20px;
    margin-top: 20px;
}
.orange-section section p{
    text-transform: uppercase;
    margin-bottom: 0;
}
.orange-section section .quote{
    text-transform: inherit;
    color: #000;
}
.orange-section section h4{
    text-transform: uppercase;
    font-family:'Myriad W01 SmBd';
}
.orange-section h3 span{
    font-size: 0.6em;
}
.orange-section h3{
    line-height: 0.8em;
}



/* raising-the-bar */
.raising-the-bar .background-intro {
    background-image: url("../img/top_responsibility_2.jpg") !important;
    height: 440px !important;
}
p.signature{
    text-align: right;
    font-family:'Myriad W01 It' !important;
}


.raising-the-bar article+article{
    padding-top: 0;
}

.raising-the-bar article+article h4{
    background: #f08226;
    font-size: 1.3em;
    color: #fff;
    display: block;
    width: 100%;
    text-transform: uppercase;
    padding: 8px 5px 5px;
    font-family:'Myriad W01 SmBd Cnd';
}


.raising-the-bar .icon{
    display: block;
    width: 120px;
    margin: 0 auto 20px auto;
}

.raising-the-bar .side-section span{
    display: block;
    width: 100%;
 
    position: relative;
}
.raising-the-bar .side-section span p{
    display: block;
    width: 100%;

    background: #77c043;
    padding: 10px;
    color: #fff;
    position: absolute;

    left: 0;
    margin: 0;
}


/* safe-milestones  */
.safe-milestones .background-intro{
    background-image: url('../img/top_engagement_1.jpg');
    height: 440px !important;
}

.safe-milestones .orange-section{
    background: #f08226;
    padding-bottom: 5% !important;
}

.safe-milestones .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
}

/* Domtar EarthChoice   */
.domtar-earthchoice .background-intro{
    background-image: url('../img/top_engagement_2.jpg');
    height: 440px !important;
}

.domtar-earthchoice .orange-section{
    background: #f08226;
    padding-bottom: 5% !important;
}

.domtar-earthchoice .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
}

.domtar-earthchoice .white-section h3 {
	font-size: 24px!important;
	color: #f68633;
}






/* growing-diversity-inclusion  */
.growing-diversity-inclusion .background-intro{
    background-image: url('../img/top_engagement_3.jpg');
    height: 440px !important;
}

.growing-diversity-inclusion .orange-section{
    background: #f08226;
    padding-bottom: 5% !important;
}

.growing-diversity-inclusion .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
}

.growing-diversity-inclusion .laptop img {
	width: 100%;
}

.growing-diversity-inclusion ul li {
	list-style: disc;
	
}

.growing-diversity-inclusion ul {
	margin-left: 2%;
}

/* forging-meaningful-relationship  */
.forging-meaningful-relationships .background-intro{
    background-image: url('../img/top_engagement_4.jpg');
    height: 440px !important;
}

.forging-meaningful-relationships .orange-section{
    background: #f08226;
    padding-bottom: 5% !important;
}

.forging-meaningful-relationships .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
	
	
}
.forging-meaningful-relationships article.content.no-responsive .side-section {
	width: 20%!important;
	float: left;

}

.engagement .forging-meaningful-relationships .side-section h5{
	width: 125%!important;
}

.forging-meaningful-relationships article.content.no-responsive .side-section img {
	width: 100%;

}

/* nature-conservancy  */
.nature-conservancy .background-intro{
    background-image: url('../img/top_engagement_5.jpg');
    height: 440px !important;
}

.nature-conservancy .orange-section{
    background: #f08226;
    padding-bottom: 5% !important;
}

.nature-conservancy .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
}



/* Efficiency */

.note {
	font-size: .8em!important;
}

.efficiency .background-intro {
	background-image: url(../img/top_section_efficiency.jpg)  !important;
    height: 600px !important;

}
.lightblue-txt{
    color: #00a8e5;
    font-family:'Myriad W01 Bd' !important;    
}
.efficiency article.green-col div {
    background: #0095b8;
}
.efficiency article.green-col div:nth-child(2) {
    background: #00a8e5;
}
.efficiency article.content h3 {
    color: #00a8e5;
    text-transform: uppercase;
    font-size: 32px;
    font-family: 'Myriad W01 Bd Cnd';

  
}
.efficiency .icon-section p {
    color: #00a8e5;
    font-weight: bold;
    line-height: 1.2;
}
.efficiency .article-teaser h3, .responsibility .article-teaser h3{
  
	width: 72%;
}
.efficiency .article-teaser a.read-more {
    color: #00a8e5;
}
.efficiency article.green-col div h3 {
    color: #0095b8;
}
.efficiency article.green-col div:nth-child(2) h3 {
    color: #00a8e5;
}
.efficiency .article-teaser a.read-more::after{
    content : url('../img/icon-arrow-lightblue.png');
}

.efficiency .icon-section {
    border-top: 4px dotted #00a8e5;
    border-bottom: 4px dotted #00a8e5;
    padding: 20px 0;
}

.efficiency .lightblue-section {
    background: #00a8e5 url(../img/energy-separator2.png) bottom no-repeat;
    background-size: 100%;
    padding-bottom: 12% !important;
    margin-bottom: 20px
}

.no-cap {
	text-transform: none!important;
}

.efficiency .lightblue-section h3 {
    color: #fff;
}

.efficiency .story .background-intro span h2 {
    font-family: 'Myriad W01 Bd Cnd';
    width: 100%;
}

.efficiency .story .background-intro span h2 a {
    padding: 0 5%;
    color: #fff !important;
    background: #00a8e5;
    width: 100%;
    display: block;
    font-size: 2em;
}

.efficiency .story .background-intro span h3 {
    padding-left: 5%;
}
.efficiency .story .background-intro span {
    padding: 308px 0 0 0;
    display: block;
    color: #fff;
    text-transform: uppercase;
}

.efficiency .lightblue-section .separator{
    display: block;
    border-top: 4px dotted #fff;
    margin: 20px 0;
}



/* developing-path  */
.developing-path .background-intro{
    background-image: url('../img/top_efficiency_1.jpg')!important;
    height: 440px !important;
}

.developing-path .orange-section{
    background: #00a8e5;
    padding-bottom: 5% !important;
}

.developing-path .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
  	color: #00a8e5;
    font-size: 1.5em;  
	
}

.developing-path .side-section img {
	width: 25%;
	
}
.developing-path .graph p {
	width: 100%!important;
}

.developing-path article.content.note {
	
	position: relative;
}

.developing-path article.content .row.blue-type .note {
	
	font-size: 15px!important;
}


.developing-path .ajustement-margin {
	margin: 30px 0 50px 0!important;
	padding-bottom: 50px;
	height: 135px;
}


.graph-title h4 {
	font-size: 18px;
	 font-family:'Myriad W01 SmBd Cnd';
	text-transform: uppercase;
	color: #fff!important;
}

.graph-title p {
	font-size: 18px;
	line-height: .9em;
}

.graph-title img {
	width: 100%!important;
}
/* data-driven-approach  */
.data-driven-approach .background-intro{
    background-image: url('../img/top_efficiency_2.jpg')!important;
    height: 440px !important;
}

.data-driven-approach .orange-section{
    background: #00a8e5;
    padding-bottom: 5% !important;
}

.data-driven-approach .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
}
 
.data-driven-approach img {
	width: 80%;
}


/* full-cost-of-water  */
.full-cost-of-water .background-intro{
    background-image: url('../img/top_efficiency_3.jpg')!important;
    height: 440px !important;
}

.full-cost-of-water .orange-section{
    background: #00a8e5;
    padding-bottom: 5% !important;
}

.full-cost-of-water .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
}

.full-cost-of-water .side-section img {
	width: 75%;
}


.full-cost-of-water .side-section p{
	color: #00a8e5;

}


.full-cost-of-water .efficiency-blue-section img {
	width: 75%;
margin: 50px 75px;
}

.full-cost-of-water li, .kingsport li {
	list-style:disc!important;
 
	
}

.full-cost-of-water ul, .kingsport ul {
	padding-left: 2.5%;
}

.full-cost-of-water article.content.row.graph {
	padding-top: 0!important;
}



/* widening-the-circle  */
.widening-the-circle .background-intro{
    background-image: url('../img/top_efficiency_4.jpg')!important;
    height: 440px !important;
}

.widening-the-circle .orange-section{
    background: #00a8e5;
    padding-bottom: 5% !important;
}

.widening-the-circle .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
}
 

/* Kingsport  */
.kingsport .background-intro{
    background-image: url('../img/top_efficiency_5.jpg')!important;
    height: 440px !important;
}

.kingsport .orange-section{
    background: #00a8e5;
    padding-bottom: 5% !important;
}

.kingsport .side-section p{
    line-height: 1.2!important;
	display: block;
    font-family:'Myriad W01 Bd Cnd';
    text-transform: uppercase;
    font-size: 1.5em;  
}
.kingsport .padding-fix {
	padding: 0!important;
}

.kingsport article  img {

	margin-top: 50px;
}

.kingsport article {
	padding: 5%!important;
}

.kingsport article .highlights img {
	width: 200%!important;
	margin: 0 5px 0 0;
	
}

.kingsport .row .highlights {
	margin-top: 50px;
}

.chiffre {
	color: #00a8e5;
	font-size: 2em;
	line-height: 1em;
}

.kingsport .bold {
	    font-family:"Myriad W01 Bd"!important;
}


/* Push Menu */

.sidenav li{
    border: none !important;
    padding: 5px 5px 2px 5px;
    text-align: left;
    font-size: 16px !important;
    text-transform: uppercase;
    display: block;
    letter-spacing: .1rem;
    font-family:'Myriad W01 SmBd';  
    margin: 20px 0;
    line-height: 1.1;
}

.sidenav button{
    border: none !important;
    text-align: left;
    font-size: 16px !important;
    text-transform: uppercase;
    display: block;
    letter-spacing: .1rem;
    font-family:'Myriad W01 SmBd';  
    line-height: 1.1;
}

.three-tab-margin {
	margin-left: 0px;
}

.green-hover, .orange-hover, .blue-hover, .darkblue-hover {
  background-image: linear-gradient(to right, #fff 50%, #77c043 50%);
  background-position: 0;
  background-size: 200%;
  transition: all 0.4s;
		padding: 5px 5px 2px 5px!important;
}

.green-hover {
  background-image: linear-gradient(to right, #fff 50%, #77c043 50%);
    color: #77c043 ;
	text-decoration: none !important;
	padding: 5px 5px 2px 5px;
}
.orange-hover {
  background-image: linear-gradient(to right, #fff 50%, #ff8e36 50%);
    color: #ff8e36;
	text-decoration: none !important;
	padding: 5px 5px 2px 5px;
}
.blue-hover {
  background-image: linear-gradient(to right, #fff 50%, #00a8e5 50%);
    color: #00a8e5;
	text-decoration: none !important;
	padding: 5px 5px 2px 5px;
}
.darkblue-hover {
  background-image: linear-gradient(to right, #fff 50%, rgb(0,85,155,1) 50%);
    color:rgb(0,85,155,1)  ;
	padding: 5px 5px 2px 5px!important;
}
.green-hover:hover, .orange-hover:hover, .blue-hover:hover, .darkblue-hover:hover {
  background-position: -100%;
    color: #fff;
	
}

.cbp-spmenu .green-hover {
  background-image: linear-gradient(to right, #77c043 50%, #fff 50%);
    color: #fff;
	
}
.cbp-spmenu .orange-hover {
  background-image: linear-gradient(to right, #ff8e36 50%, #fff 50%);
    color: #fff;
}
.cbp-spmenu .blue-hover {
  background-image: linear-gradient(to right, #00a8e5 50%, #fff 50%);
    color: #fff
}
.cbp-spmenu .darkblue-hover {
  background-image: linear-gradient(to right, rgb(0,85,155) 50%, #fff 50%);
    color: #fff;
	
}

.cbp-spmenu .green-hover:hover{
    color: #77c043 ;
	
}
.cbp-spmenu .orange-hover:hover{
    color: #ff8e36;
}
.cbp-spmenu .blue-hover:hover{
    color: #00a8e5;
}
.cbp-spmenu .darkblue-hover:hover{
    color:rgb(0,85,155)!important;
}

/* General styles for all menus */
.cbp-spmenu {
	background: #fff;
	position: fixed;
}

.cbp-spmenu h3 {
	color: #fff;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
    text-indent: -5000000px;
}
#cbp-spmenu-s1 {
	background-color:rgb(0,85,155)!important;
}
#cbp-spmenu-s2 {
    background: #77c043;
}
#cbp-spmenu-s3{
    background: #ff8e36;
}
#cbp-spmenu-s4{
    background: #00a8e5;
}
.cbp-spmenu a {
	display: block;
	color: #5e6673;
	font-size: 16px;
}
#cbp-spmenu-s2 a:active {
    color:#77c043;
}
button#showLeftPush2:active {
    background:#77c043;
}
#cbp-spmenu-s3 a:active {
    color: #ff8e36;
}
button#showLeftPush3:active {
    background: #ff8e36;
}
#cbp-spmenu-s3 a:active {
    color: #00a8e5;
}
button#showLeftPush4:active {
    background: #00a8e5;
}

.cbp-spmenu a:hover {
	/*color: #00559b;*/
    color: #fff;
    text-decoration: none;
}

.cbp-spmenu a:active {
	color: #5e6673;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}

.cbp-spmenu-vertical a {
	/*border-bottom: 1px solid #d2d8dc;*/
padding: 0em 1.5em;
    margin: 0.5em 20px!important;
}

nav.cbp-spmenu h3{
    margin-bottom: 42%;
}


/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

.cbp-spmenu-left.cbp-spmenu-open {
	left: 200px;
}


/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

.cbp-spmenu-push-toright {
	left: 240px;
}

.cbp-spmenu-push-toleft {
	left: -240px;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Highlights Landpage*/

.highlights p{
   color: #00a8e5;

    /*background: url("../img/Marlboro-Sustainability-Report.jpg") center no-repeat;*/
}

.highlights .row div:first-child{
    background: rgb(170,208,73);
}
.highlights .row div:nth-child(2){
    background: rgb(75,198,223);
}
.highlights .row:nth-child(2) div{
    background: rgb(246,134,51);
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

/* Articles Landpage */
.article .row h2{
    text-transform: uppercase;
    font-size: 2em;  
}

.article{
    margin: 3em;
}

a.cta-article{
    text-decoration: underline;
    color: #00559b;
}

/**/

article.content{
    padding: 5%;
}

article.content h2{
    text-transform: uppercase;
    font-size: 32px;
    font-family:'Myriad W01 Bd Cnd';
}
/*.icon-section{
    margin-top: 12%; 
}*/
.icon-section p{
    color: #77c043; 
    font-weight: bold;  
}
.icon-section p span{
    text-transform: uppercase;
    font-size: 1.5em;
    /*display: block;
    clear: both;*/
    line-height: 1em;
    font-family: 'Myriad W01 Bd Cnd';
}
/*.icon-section img {
    float: right;
    width: 120px;
    padding: 5% 0 5% 5%;
    display: block;
}*/
ul{
    padding-left: 0;
}
.responsive{
    display: none;
}

article ul{
    padding-left: 0;
    list-style-image: url('../img/icon-list-white.png');
}
article ul li{
    /*list-style-type: none;*/
    margin: 0.5em 0;
}
/*article ul li::before{
    content: "› ";   
}*/
article.green-col{
    display: flex;
}
article.green-col ul li{
    color: #fff;
}
article.green-col ul {
    list-style-image: url(../img/icon-list-white.png);
}
article.green-col div{
    background: #64AE2D;
    align-items: stretch; 
    padding: 2% 6% 3%;
    color: #fff;
}
article.green-col div h3 {
    background: #fff;
    color: #64AE2D;
    padding: 1% 1% 0.5% 1% !important;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'Myriad W01 Bd';
}

article.green-col div:nth-child(2){
    background: #77c043;
}
article.green-col div:nth-child(2) h3{
    color: #77c043;
}

/* Responsibility */

.responsibility article.content h2 {
    color: #77c043;
    margin-left: 15px;
    width: 70%;
	font-size: 32px;
}

.responsibility .moving article.content h2 {
    color: #77c043;
    margin-left: 15px;
    width: 70%;
	font-size: 2.5vw;
}

.fix-bug-size {
    color: #77c043;
    margin-left: 15px;
    width: 70%;
	font-size: 32px!important;
}



.article-teaser h3{
    font-family:'Myriad W01 Cnd';
}

.article-teaser img{
    width: 100%;
}

.article-teaser-responsibility h3{
    color: #77c043;
}

.article-teaser-responsibility a.read-more{
    color: #77c043;
}

.article-teaser a.read-more{
    text-decoration: underline;
    font-weight: bold;
}

.article-teaser a.read-more::after{
    content : url('../img/icon-arrow-green.png');
    padding-left: 8px;
}

.separator-trees{
    background: url('../img/raw-material-trees1.jpg') bottom no-repeat;
    background-size: 100%;
    height: 250px;   
    margin-bottom: -1px;
}

.green-section{
    background: #77c043;
    background-size: 100%;
	padding: 5% 4%!important;
	
      
}

.responsibility .side-section h5, .engagement .side-section h5, .efficiency .side-section h5{
	font-size: 24px!important;
	margin: 20% auto;
	font-family: 'Myriad W01 Bd Cnd';
	
}

.responsibility .raising-the-bar .side-section h5 {
	margin-top: 120px!important;
}

.responsibility .side-section h6, .engagement .side-section h6, .efficiency .side-section h6{
	font-size: 24px!important;
	margin: 0;
	font-family: 'Myriad W01 Bd Cnd';
	
}


.green-section img{
    width: 120%;
	 padding-top: 20%;
}


.green-section h3, .green-section2 h3{
    text-transform: uppercase;
    font-family:'Myriad W01 Bd ' !important;
    color: #fff !important;
    font-size: 2.3em !important;
}

.green-section h3{
    width: 65%;
}
.green-section h4{
    color: #333;
    font-family:'Myriad W01 SmBd';
}

.green-section p{
    color: #fff;
}


.dashed-border {
    border-left: 4px dotted #fff;
    padding-left: 65px;
}
.green-section .right-col{
    padding: 0 8%;
}
.green-section .right-col p{
    color: #fff;
    font-family:'Myriad W01 SmBd';  
    font-size: 1.3em;
    /*line-height: 1.1; */
    width: 80%;
}

.green-section .right-col span{
    text-transform: uppercase;
    clear: both;
    font-family:'Myriad W01 SmBd Cnd';  
    font-size: 1.5em;
    line-height: 1em;
}
.green-section .right-col img {
    /*margin: -30px 0 -15px;*/
    width: 90px;
    display: block;
}

.green-section ul li {
    margin: 0.5em 0;
    color: #fff;
    font-weight: bold;
}

.plastic-problem .icon-section{
    margin-top: 0; 
}

.plastic-problem .icon-section p span{
    text-transform: uppercase;
    font-size: 2.2em;
    line-height: 1em;
    font-family: 'Myriad W01 Bd Cnd';
    display: block;
    clear: both;
}

.plastic-problem .icon-section p {
    padding-top: 15px;
}
.plastic-problem .icon-section img {
    width: 80px;
    margin: 0 auto 20px auto;    
}

.plastic-problem .icon-section .separator{
    border-bottom: 4px dotted #77c043;
}

.graph-title h4 {
	font-size: 18px;
	 font-family:'Myriad W01 SmBd';
	text-transform: uppercase;
	color: #fff!important;
}

.graph-title p {
	font-size: 18px;
	line-height: .9em;
}

.graph-title img {
	width: 100%!important;
}
.graph-title-gray h4 {
	font-size: 18px;
	 font-family:'Myriad W01 SmBd';
	text-transform: uppercase;
	color: #5e6673!important;
}
.graph-title-gray p {
	font-size: 18px;
	line-height: .9em;
}
.graph-title-gray img {
	width: 90%!important;
}


/* Example media queries */

@media screen and (max-width: 55.1875em){

	.cbp-spmenu-horizontal {
		font-size: 75%;
		height: 110px;
	}

	.cbp-spmenu-top {
		top: -110px;
	}

	.cbp-spmenu-bottom {
		bottom: -110px;
	}

}

@media screen and (max-height: 26.375em){

	.cbp-spmenu-vertical {
		font-size: 90%;
		width: 190px;
	}

	.cbp-spmenu-left,
	.cbp-spmenu-push-toleft {
		left: -190px;
	}

	.cbp-spmenu-right {
		right: -190px;
	}

	.cbp-spmenu-push-toright {
		left: 190px;
	}
}