@charset "UTF-8";
/* CSS Document */

.wrapper-snj *																{margin:0; padding:0; outline:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.wrapper-snj													{width:510px; margin:0px 0 0 0px; background:#fff;}
.wrapper-snj .main-content-snj												{background-color:#39464e; border:5px solid #6a747a; position:relative;}

.wrapper-snj .main-content-snj-light	{border-color:#7fc5e7; background-color:#008ccf; padding-bottom:30px;}
.wrapper-snj .main-content-snj-white	{border:none; background-color:#fff;}

/*
ol		{line-height:1.4em; margin-left:20px; margin-bottom:20px;}
ol li	{margin-bottom:15px;}

ul		{line-height:1.4em; margin-left:20px; margin-bottom:20px;}
ul li	{margin-bottom:5px;}
ul li a {color:#000;}

.text-page ul li {color:#FFF;}
.text-page ul li a {color:#FFF;}
*/

/* MAIN NAV */
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj						{list-style-type:none;list-style:none; font-family:"futura-pt", futura-pt,futura,verdana !important; font-weight:400; font-size:12px; text-transform:uppercase; margin-bottom:8px; margin-left:0;padding:0}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li						{float:left; text-align:center; position:relative; line-height:1.2em; margin-bottom: 5px;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li a					{width:163px; height:54px; padding-top:10px; color:#fff !important; text-decoration:none; display:block; background-color:#39464e; border:5px solid #6a747a; transition:border-color, background-color ease-out 0.25s; font-size:11px !important; font-size: 12px !important; font-family: futura-pt, futura-pt, futura, verdana !important; line-height: 1.2em; border-bottom: 5px solid #6a747a !important;}



.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li a span				{color:#008ccf; transition:color ease-out 0.25s;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li a.first-nav-btn		{padding-top:15px;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li a.middle-nav-btn	{margin:0 10px 0 11px;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li:hover a				{background-color:#008ccf; border-color:#008ccf; border-bottom-color: #008ccf !important;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li:hover a span		{color:#fff;}

.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li.active a			{background-color:#008ccf; border-color:#008ccf; border-bottom-color: #008ccf !important;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li.active a	span	{color:#fff;}

.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li ul					{position:absolute; left:-9999999px; width:100%; list-style:none; font-size:12px; text-transform:none; font-family:Verdana, Arial, Helvetica, serif !important; z-index:50; margin:0; padding: 0 !important;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li ul li				{width:510px; border-bottom:1px solid #fff !important; margin-bottom:0; padding: 0;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li ul li a				{width:100%; height:auto; border:none; text-align:left; padding:15px; background-color:#008ccf; font-family: Verdana, Arial, Helvetica, sans-serif !important; border-bottom: 0 !important;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li ul li:hover a		{background-color:#39464e; border-bottom-color:#39464e;}
.Column1 .ArticleContent .wrapper-snj ul.main-nav-snj li:hover ul			{left:-163px;}

/* HOME PAGE */


.wrapper-snj	h1,
.wrapper-snj	h2, 
.wrapper-snj	h3, 
.wrapper-snj	h4 					{padding: 0px !important; font-family:Verdana,Arial,Helvetica,serif !important;}

.wrapper-snj .intro-text-home		{width:440px; padding-top:40px; margin:0 auto; text-align:center; position:relative; z-index:20; }
.wrapper-snj .intro-text-home h1	{font-size:30px; letter-spacing:-1px; text-transform:uppercase; color:#008ccf; margin-bottom:14px;text-align:center; font-weight:bold; line-height:1em;}
.wrapper-snj .intro-text-home h2	{font-size:16px; font-weight:normal; color:#fff; text-transform:uppercase; line-height:1.3em; margin-bottom:25px;text-align:center; margin-top:0;}
.wrapper-snj .intro-text-home p		{color:#fff !important; font-size:13px !important; line-height:1.2em !important; margin:0px !important;}


/* CAROUSEL */
.wrapper-snj .carousel-snj							{position:relative; z-index:10; margin-top:-150px;}
.wrapper-snj .slick-arrow							{width:12px; height:22px; font-size:0px; background:none; border:none; outline:none; z-index:20; cursor:pointer !important; position:absolute;}
.wrapper-snj .slick-prev								{background-image:url(http://www.cimaglobal.com/cost_trans/_assets/btn-arrow-left.png); left:0; top:0;}
.wrapper-snj .slick-next								{background-image:url(http://www.cimaglobal.com/cost_trans/_assets/btn-arrow-right.png); right:0;top:0;}
.wrapper-snj ul.slick-dots							{list-style:none; margin:0 !important; display:block !important; padding:0 !important; line-height:1.4em;}
.wrapper-snj ul.slick-dots li						{display:inline;}
.wrapper-snj ul.slick-dots li button					{width:10px; height:10px; border-radius:10px; border:none; background:#bebfc1; font-size:0; margin:0 3px; outline:none; cursor:pointer;}
.wrapper-snj ul.slick-dots li.slick-active button	{background:#008ccf;}

.wrapper-snj .carousel-nav-container	{width:100%; position:absolute; left:0; top:230px; text-align:center; z-index:30; display:inline-block;}
.wrapper-snj .carousel-nav	{padding:0 24px; display:inline-block; position:relative;}
.wrapper-snj .carousel-divide	{width:437px; height:61px; margin:-30px auto 0 auto; position:relative; z-index:31; background-image:url(http://www.cimaglobal.com/cost_trans/_assets/divide-carousel.png); text-align:center;}

.ArticleContent .wrapper-snj  .section				{padding:30px 0}
.ArticleContent .wrapper-snj .section h2				{font-size:21px; text-transform:uppercase; color:#fff; margin-bottom:30px;text-align:center; font-weight:bold; margin-top:0; line-height: 1em;}
.ArticleContent .wrapper-snj .section h2	 span		{font-weight:normal;}
.wrapper-snj .center					{text-align:center;}
.wrapper-snj .inner					{width:435px; margin:0 auto;}




/* CASE STUDIES */
.wrapper-snj .case-studies-divide	{width:437px; height:61px; margin:0 auto; position:relative; z-index:31; background-image:url(http://www.cimaglobal.com/cost_trans/_assets/divide-case-studies.png); text-align:center;}
.wrapper-snj .case-study-panel		{width:140px; height:184px; margin:0 5px 10px 5px; float:left; border:5px solid #6a747a; text-align:center; background-image:url(http://www.cimaglobal.com/cost_trans/_assets/bg-swimmer.jpg); padding:10px; position:relative;}
.wrapper-snj .case-study-panel h3	{font-size:12px; text-align:center;color:#008ccf; font-family:"futura-pt", futura-pt,futura,verdana !important; font-weight:400;  text-transform:uppercase; margin-bottom:10px; line-height: 1em;}
.ArticleContent .wrapper-snj .case-study-panel p		{color:#fff !important; font-family:"futura-pt", futura-pt,futura,verdana !important; font-weight:400; font-size:17px; line-height:1.2em; margin-bottom:15px;}
.wrapper-snj .case-study-panel a		{position:absolute; left:0; top:0; height:100%; width:100%; z-index:10;}
.wrapper-snj .case-studies-panels	{padding:0 25px;}

.wrapper-snj .hexagon-section	{float:right; margin:14px 14px 0 0;}
.wrapper-snj a.back				{color:#7fc5e7; text-transform:uppercase; text-decoration:none; font-family:"futura-pt", futura-pt,futura,verdana !important; font-weight:400; margin:20px 0 0 32px; display:block; float:left;}
.wrapper-snj a.back:hover		{color:#fff;}

.wrapper-snj .text-page h1	{color:#fff; font-size:30px; margin-bottom:20px; line-height:1.1em; text-transform:uppercase; font-family:"futura-pt", futura-pt,futura,verdana !important; font-weight:500;}
.wrapper-snj .text-page p 	{color:#fff !important; line-height:1.2em; margin-bottom:20px; font-size: 13px;}
.wrapper-snj .text-holder	{width:375px;}


.wrapper-snj .bar-link			{background-image:url(http://www.cimaglobal.com/cost_trans/_assets/arrow2.png); background-repeat:no-repeat; background-position:405px center;}
.wrapper-snj a.bar-link			{background-color:#39464e; padding:10px; text-align:left; display:block; text-decoration:none; transition:background-color ease-out 0.25s;}
.wrapper-snj a.bar-link:hover	{background-color:#7fc5e7}
.wrapper-snj a.bar-link h2		{color:#fff; font-family:"futura-pt", futura-pt,futura,verdana !important; font-weight:400; font-size:17px; line-height:1.2em; width:380px; margin-top: 0;}

.wrapper-snj .tool-panel			{width:145px; height:185px; border:5px solid #7fc5e7; margin-bottom:10px; background-color:#008ccf; float:left; text-align:center; padding:12px; position:relative;}
.wrapper-snj .tool-panel-middle	{border-left:none; border-right:none;}
.wrapper-snj .tool-panel-middle-last	{border-left:none;}
.wrapper-snj .tool-panel	h3		{color:#f4d570; font-weight:400; font-size:12px; text-transform:uppercase; margin-bottom:5px; text-align: center;}
.wrapper-snj .tool-panel p		{color:#fff; font-family:"futura-pt", futura-pt,futura,verdana !important; font-weight:400; font-size:17px; line-height:1.2em; margin-bottom:15px;}
.wrapper-snj .tool-panel a		{position:absolute; left:0; top:0; height:100%; width:100%; z-index:10;}
.wrapper-snj .expanded-text		{display:none;}

.wrapper-snj .tool-page		{width:435px; margin:0 auto; padding:30px 0;}
.wrapper-snj .tool-page h1	{font-size: 28px; font-family:"futura-pt", futura-pt,futura,verdana !important; font-weight:400;  color: #414042; margin-bottom:20px;}
.wrapper-snj .tool-page h2	{font-size: 16px; color:#39474f; margin-bottom:5px; line-height:1.3em;}    
.wrapper-snj .tool-page p	{line-height:1.4em; color:#414042; font-size:12px; margin-bottom:15px;}

.wrapper-snj .main-content-white a.back:hover	{color:#39474f}

.wrapper-snj .intro-text {padding-top:30px;}
.wrapper-snj .intro-text p {font-size:13px;}

/** HIDE MIDDLE SECTION **/

.wrapper-snj #cost-tranformation-model, .wrapper-snj .carousel-divide {display:none;}
.wrapper-snj .case-studies-divide {margin:-30px auto 0;}

/* BUTTONS  */
.wrapper-snj a.btn		{background-color:#fff; font-size:14px; font-weight:bold; display:inline-block; padding:10px; text-decoration:none; color:#008ccf; letter-spacing:1px; margin-bottom:30px; transition:opacity ease-out 0.25s;}
.wrapper-snj a.btn img	{margin-left:10px}
.wrapper-snj a.btn:hover	{opacity:0.8}

/* TABLE */
.table-snj 			{width:100%; background-color: #c1dbf1; border-collapse:collapse; } 
.table-snj td   			{border: 1px solid #008dd0; padding: 12px; }
.table-snj .tableHead    	{padding-top:13px !important; text-align:center; font-size: 12px; font-weight:bold; color:#F8F8F8; background-color:#008dd0; }
.Column1 .ArticleContent table ul li a {color:#000000 !important; text-decoration:underline !important;}

.clearfix-snj {
  *zoom: 1;
}

.clearfix-snj:before,
.clearfix-snj:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix-snj:after {
  clear: both;
}




