@charset "utf-8";

/* Genral 
========================================================================================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { 	margin: 0; 	padding: 0; border: 0;	font-size: 100%; font: inherit;	vertical-align: baseline;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
ol, ul { list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table {	border-collapse: collapse; border-spacing: 0;}

.clearfix:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
.clearfix { display:inline-block; }		
* html .clearfix { height:1%; }
.clearfix { display:block; }

.alingLeft { float:left}
.alingRight { float:right}

:focus { outline:none;}
img { vertical-align:top; border:0; max-width:100% }
p { padding:0 0 24px 0 }
strong { font-weight:bold }

section:after {  content: "."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
section { display:inline-block; }		
* html section { height:1%; }
section { display:block; }


/* END Genral 
========================================================================================*/

/* Font  
========================================================================================*/

@font-face {
    font-family: 'loraregular';
	src: url('../../fonts/tl/lora-regular-webfont.eot');
    src: url('../../fonts/tl/lora-regular-webfont-.eot#iefix') format('embedded-opentype'),
        url('../../fonts/tl/lora-regular-webfont.woff2') format('woff2'), 
        url('../../fonts/tl/lora-regular-webfont.woff') format('woff'),
         url('../../fonts/tl/lora-regular-webfont.ttf') format('truetype'),
         url('../../fonts/tl/lora-regular-webfont.svg#loraregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Gotham-Book';
	src: url('../../fonts/tl/Gotham-Book.eot');
    src: url('../../fonts/tl/Gotham-Book-.eot#iefix') format('embedded-opentype'),
        url('../../fonts/tl/Gotham-Book.woff') format('woff'),
         url('../../fonts/tl/Gotham-Book.ttf') format('truetype'),
         url('../../fonts/tl/Gotham-Book.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Gotham-Medium';
	src: url('../../fonts/tl/Gotham-Medium.eot');
    src: url('../../fonts/tl/Gotham-Medium-.eot#iefix') format('embedded-opentype'),
        url('../../fonts/tl/Gotham-Medium.woff') format('woff'),
         url('../../fonts/tl/Gotham-Medium.ttf') format('truetype'),
         url('../../fonts/tl/Gotham-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Gotham-BookItalic';
	src: url('../../fonts/tl/Gotham-BookItalic.eot');
    src: url('../../fonts/tl/Gotham-BookItalic-.eot#iefix') format('embedded-opentype'),
        url('../../fonts/tl/Gotham-BookItalic.woff') format('woff'),
         url('../../fonts/tl/Gotham-BookItalic.ttf') format('truetype'),
         url('../../fonts/tl/Gotham-BookItalic.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansitalic';
	src: url('../../fonts/tl/opensans-italic-webfont.eot');
    src: url('../../fonts/tl/opensans-italic-webfont-.eot#iefix') format('embedded-opentype'),
        /*url('../../fonts/tl/opensans-italic-webfont.woff2') format('woff2'),*/
        url('../../fonts/tl/opensans-italic-webfont.woff') format('woff'),
         url('../../fonts/tl/opensans-italic-webfont.ttf') format('truetype'),
         url('../../fonts/tl/opensans-italic-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'loraitalic';
	src: url(style-v=9152015112601.css);
    src: url('style-.css#iefix') format('embedded-opentype'),
        url('../../fonts/tl/lora-italic-webfont.woff2') format('woff2'), 
        url('../../fonts/tl/lora-italic-webfont.woff') format('woff'),
         url('../../fonts/tl/lora-italic-webfont.ttf') format('truetype'),
         url('../../fonts/tl/lora-italic-webfont.svg#loraitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FontAwesome';
	src: url('../../fonts/tl/fontawesome-webfont-v=4.2.0.eot');
    src: url('../../fonts/tl/fontawesome-webfont-.eot#iefix?v=4.2.0') format('embedded-opentype'),
        url('../../fonts/tl/fontawesome-webfont-v=4.2.0.woff') format('woff'),
         url('../../fonts/tl/fontawesome-webfont-v=4.2.0.ttf') format('truetype'),
         url('../../fonts/tl/fontawesome-webfont-v=4.2.0.svg#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansregular';
	src: url('../../fonts/tl/opensans-regular-webfont.eot');
    src: url('../../fonts/tl/opensans-regular-webfont-.eot#iefix') format('embedded-opentype'),
        url('../../fonts/tl/opensans-regular-webfont.woff2') format('woff2'), 
        url('../../fonts/tl/opensans-regular-webfont.woff') format('woff'),
         url('../../fonts/tl/opensans-regular-webfont.ttf') format('truetype'),
         url('../../fonts/tl/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.tags, .learnmore-links li a, .wideoCollumn h3, h4, .filters-data, .related-content li ul li time, .wideoCollumn ol span { font-family:'Conv_Gotham-Book', Arial,Helvetica,sans-serif; }
h3, .wideoCollumn .content-data > li {  font-family: 'loraregular', Arial,Helvetica,sans-serif; }
.listing li span, .related-content li ul li .containHide p {  font-family: 'loraitalic', Arial,Helvetica,sans-serif; }
h2, nav.global ul#tier1 li a, div.jumpMenu, #tier2 li a, .author-name, body, .topic-contain h3, body, .section-listing li a span, .banner h2 { font-family:Arial, Helvetica, sans-serif }
.graph span { font-family: 'open_sansitalic', Arial,Helvetica,sans-serif }
.topic-links li a, .topic-contain .tags, .rightCollumn blockquote, .section-listing li a { font-family: 'Conv_Gotham-Medium', Arial,Helvetica,sans-serif; }
.rightCollumn blockquote:before { font-family: 'FontAwesome'; }
blockquote, .filter-data-name { font-family: 'Conv_Gotham-BookItalic'; }
.listing li { font-family: 'open_sansregular', Arial,Helvetica,sans-serif; }

/* End Font  
========================================================================================*/

/* Branding  
========================================================================================*/
body { background:#b8b8b8 url(../../images/tl/body.png); font-size:16px; line-height:24px; color:#333f48 }
#wrapper { position:relative; width:970px; margin:0 auto; box-shadow:0 0 8px rgba(000,000,000,0.8); background:#FFF; }
header.global { background:#fff; height:117px; text-align:left; margin:0 auto 8px; width:auto; padding:26px 0px 0px; display:block; position:relative; z-index:10 }

header, nav, section, footer { display:block;}
header.global #logo { margin-left: 32px; margin-bottom: -8px; }
header.global #logo a { display:inline-block }

/* END Branding  
========================================================================================*/

/* HEADING   
========================================================================================*/
h2 { font-size:21px; line-height:28px; color:rgba(51,61,72,1); margin:0 0 8px; }
h2 a { color:rgba(51,61,72,1); display:block }
h3 { font-size:18px; line-height:28px; color:#ffffff; margin:0 0 9px; font-weight:normal }
h3.title { font-size:18px; border-bottom:solid 1px #80cd04; padding:0 0 8px 0; margin-bottom:10px; text-align:left }
.wideoCollumn h3 { font-size:21px; line-height:24px; color:#333f48; margin-bottom:26px; text-transform:inherit }
h4 { font-size:21px; color:#84d500; margin:0; line-height:30px; letter-spacing:-0.4px }

/* END  HEADING   
========================================================================================*/

/* Links AND Button   
========================================================================================*/
a:focus{ outline:none;}
a { color:#5a656e; text-decoration:none }

/* Links AND Button   
========================================================================================*/


/* Main Navigation 
========================================================================================*/
/*
nav.global ul#tier1 { font-size:12px; position:absolute; right:22px; top:25px; }
nav.global ul#tier1 li { float:left; padding:1px 15px 0; background-image:none; border-left:solid 1px #5a6a73; word-spacing:2px; -o-word-spacing: 2px; line-height:15px; }
nav.global ul#tier1 li:first-child { border-left:0 }
nav.global ul#tier1 li.first { background:none; }
nav.global ul#tier1 li.last { background-position:0 -12px; padding-left:10px; display: block; }

.skipnav, .skipcountrynav { display:none }

#tier2:after { content:"."; display:block; font-size:0; line-height:0; height:0; clear:both; visibility:hidden; }
#tier2 { display:inline-block; }
* html #tier2 { height:1%; }
#tier2 { position:relative; top:0px; margin:35px 0 0; font-size:13px; z-index:1000; line-height:36px; background-color:#5c656d !important; border-bottom:solid 6px #8ec447; display:block; }
#tier2 li { float:left; margin:0 0px 0 0; position: relative; font-size:13px; line-height:34px; padding-bottom:2px; }
#tier2 li a { text-decoration:none; display:inline-block; padding:0 19px; position:relative; text-transform:uppercase; font-weight:bold; color: #FFF; }
.navBox ul li a { background:none; color:#FFFFFF; height:auto; font-weight:normal; font-size:11px !important; }
.navBox ul li a:hover { text-decoration:none; }
#tier2 li.selected a { background-color:#3f4850 }
#tier2 li .navBox { width:100% !important; position:absolute; top:100%; left:0 !important; color:#fff; padding:0; background:#333; border:0px solid #fff; z-index:10000; line-height:16px; font-size:12px; }
#tier2 li .navBox ul { display:block; background:#333; width:auto !important; float:left; padding:0 0 5px 20px; }
#tier2 li .navBox li { border-top:1px solid #646464; width:100%;  clear:both; line-height:16px; }
#tier2 li .navBox li.first a { color:#6BA010 !important; text-transform:uppercase; }
#tier2 li .navBox li:first-child a,#tier2 li .navBox li:first-child { border-top:none; font-size:12px; }
#tier2 li .navBox li a:hover,#tier2 li .navBox li.first:hover { text-decoration:none; background:none !important; }
#tier2 li .navBox ul li.first { background:#333; padding:9px 0 6px; height:100%; }
#tier2 li .navBox li a { display:block; padding:9px 0 6px; color:#fff; font-weight:normal }
#tier2 li .navBox li a:hover { background:#666; color:#fff; }
#tier2 li .navBox li:hover { background-image:none; }
#tier2 li .navBox li .compass { background:url() no-repeat left; padding-left:30px; }
#country_links li { float:left; }
#tier2.navEmpty { background-color:transparent; }
#tier2 li .navBox {  display:none; }
#tier2 li .activeNavBox { display:block; }

#tier2 { background-color:#333F48; border-bottom: solid 6px #84bd00; }
#tier2 li .navBox { background: #333 !important; }
#tier2 li .navBox ul li.first { background:#333F48; }
#tier2 { background-color: #333F48 !important; border-bottom: solid 6px #84bd00; }
#tier2 li a:hover { border-bottom-color: #3f4850 !important; background-color: #3f4850 !important; }
#tier2 li .navBox, #tier2 li .navBox ul { background: #333F48 !important; }

nav.global .search { float:right; position:absolute; width:228px; left:443px; top:53px; border:solid 5px #ebe7e4; border-width:5px 7px 5px 5px; background: #f9f8f7; }
nav.global .search input[type="text"] { width:186px; padding:0 0 0 7px; line-height:31px; height:31px; border:0; background-color:#f9f8f7; color:#333f48; font-size:14px; font-style:italic; vertical-align:middle }
nav.global #btn-search { background:url(../../images/tl/icon-search.png) no-repeat 0 0; font-size:0; line-height:0; height:21px; width:21px; padding:0; display:inline-block; vertical-align:middle; filter:none; border:none; position:relative; right:3px; }

div.jumpMenu { width:228px; height:31px; position:absolute; top:53px; right:33px; z-index:10001; border:solid 5px #D2E7B5; border-width:5px 6px 5px 6px; line-height:20px;    background-color:#f2f8e9; }
div.jumpMenu { font-size:14px; font-style:italic; text-transform:uppercase; }
div.jumpMenu a.trigger { display:block; padding:8px 18px 6px 19px; color:#464a4f; background:url(../../images/tl/arrow.png) 204px 14px no-repeat; font-size:13px;  text-transform:uppercase; font-style:italic !important; }
div.jumpMenu a.trigger:hover { text-decoration:none; }
div.jumpMenu div#jumpContainer { width:185px; margin-left:6px; background-color:#FFF; border-style:solid; border-color:#CCC; -moz-border-top-colors:none; -moz-border-right-colors:none; -moz-border-bottom-colors:none; -moz-border-left-colors:none;  border-image:none; border-width:0px 1px 1px; }

div.city { margin-bottom:26px; }
ul.jumpList { list-style-type:none; }
div.city ul.jumpList,ul.jumpList dl { padding: 0 8px 0 18px; }
ul.jumpList dt { display:block; font-size:13px; }
ul.jumpList a { font-size:13px; }
div.city { margin-bottom:26px; }
ul.jumpList { list-style-type:none; }
ul.jumpList strong { font-style:italic; }
ul.jumpList dt { cursor:pointer; color:#699e10; }
ul.jumpList dd { padding-left:0px; }
div.jumpMenu div#jumpContainer { width:185px; margin-left:6px; background-color:#fff; border:1px solid #ccc; border-width:0px 1px 1px 1px; }
div.jumpMenu { font-size:14px; font-style:italic; text-transform:uppercase; }
div.city { margin-bottom:26px; }
ul.jumpList { list-style-type: none; }
ul.jumpList li { padding-top:15px; padding-bottom:5px; padding-left:1px; }
div.city ul.jumpList,ul.jumpList dl { padding:0 8px 0 18px; }
ul.jumpList a,ul.jumpList dt { display:block; font-size:11px; font-style:italic; text-transform:uppercase; background-color:#fff; }
ul.jumpList a:hover,ul.jumpList dt:hover { display:block; font-size:11px; font-style:italic; text-transform:uppercase; background-color:#fff; text-decoration:none; color:#8dc40a; }
dl.territory dt { color:#464a4f; }
dl.territory dt:hover { color:#8dc40a;  text-decoration: none; }
dl.territory dd a { color:#8a929b; font-size:13px; cursor:pointer !important; }
dl.territory dd a:hover { color:#005c79; }
dl.territory dd strong a { font-weight:normal !important; color:#8a929b; }
div#world div#jumpContainer { display:none; }
dl.territory dt { color:#464a4f; }
dl.territory dt:hover { color: #8dc40a; }
dl.territory dd a { color:#8a929b; font-size:11px; background-color:#fff;  cursor:pointer!important; }
dl.territory dd a:hover { color:#005c79; }
*/

nav.global ul#tier1 li { line-height:15px; }
#tier2 li .navBox { padding-bottom:5px }
#navBox2 { min-width:240px; }
#tier2 { margin:35px 0 0; line-height:36px; }

#tier2 li .navBox ul { float:left; padding:0 16px 5px; }
#tier2 li .navBox li { width:100%; line-height:16px; }
#tier2 li .navBox li:first-child a,#tier2 li .navBox li:first-child { border-top:none; font-size:12px; }

#tier2 { background-color:#333F48; border-bottom: solid 6px #84bd00; }
#tier2 { background-color: #333F48 !important; border-bottom: solid 6px #84bd00; }
#tier2 > li:hover > a { border-bottom-color: #3f4850 !important; background-color: #3f4850 !important; }
#tier2 li .navBox, #tier2 li .navBox ul { background: #333F48 !important; }

nav.global .search { top:53px; }
nav.global #btn-search { background:url(../../images/tl/icon-search.png) no-repeat 0 0; }

div.jumpMenu div#jumpContainer { padding-top:4px; padding-bottom:2px; top:-3px }
div.jumpMenu { height:31px }
ul.jumpList li { margin-bottom:3px; }
ul.jumpList a { padding-bottom:0 }
ul.jumpList a:hover { text-decoration:none; color:#84BD00 }
ul.jumpList dt { padding-bottom:7px; }
dl.territory dd a { padding-bottom:3px; display:inline-block }
dl.territory dd a:hover { text-decoration:none; }
div.jumpMenu a.trigger { background: url(../../images/tl/arrow.png) no-repeat scroll 204px 14px; }
div.jumpMenu a.trigger:hover { text-decoration:none }

/* End Navigation 
========================================================================================*/

blockquote { color:#84d500; font-size:28px; line-height:36px; width:260px; float:right; margin-left:30px }

.banner { background:#f4f5f6; padding:46px 35px 45px 37px }
.banner h2 { background:none !important; margin:0 0 8px !important; text-transform:inherit !important; font-size:21px !important; line-height:28px !important; padding:0 !important; float:none !important  }
.banner h2:hover a { text-decoration:none }
.leftCollumn { width:610px; float:left; font-size:12px; line-height:18px; color:#333f48 }
.leftCollumn p { padding-bottom:21px }
.rightCollumn { width:270px; float:right }

.tags { background:#84BD00; color:#FFF !important; text-transform:uppercase; font-size:21px; color:#FFF; display:inline-block; padding:4px 8px 4px 8px; letter-spacing:-0.5px; margin-bottom:15px; line-height:24px }
.author-name { font-size:12px; color:#333f48; letter-spacing:-0.4px; margin-bottom:25px; display:block; font-style:italic }
.tags:hover { text-decoration:none }

.learnmore-links li { float:left; margin-right:30px }
.learnmore-links li a { color:#004c97; font-size:14px; display:inline-block }
.learnmore-links li a .fa { margin-left:3px; }
.learnmore-links li a:hover { color:#333f48; text-decoration:none }

.graph img { margin-bottom:18px }
.graph span { display:block; color:#005492; font-size:9px; line-height:12px; }
.graph span i.fa { font-size:26px; float:left; padding-top:2px; margin-right:6px; margin-left:5px }

.collumn { width:25%; float:left } 
.collumn-large .collumn { width:50% }
.collumn-large .collumn .topic-contain { padding-left:37px; padding-right:37px }
.collumn-large .collumn .containHide { padding-left:37px; padding-right:37px } 
.collumn:first-child .topic-contain { border-left:none }
.topic-contain.topic-box:before { display:none }
.topic-contain.topic-box { padding:17px 16px 11px }
.collumn-bg { background:#333f48 }
.topic-contain { border-left:solid 1px #eaeced; padding:15px 20px 13px; min-height:215px; position:relative; }
.topic-contain h3.title { min-height:inherit; font-size:18px; font-style:normal; padding-bottom:10px; margin-bottom:9px; text-transform:inherit }
.topic-contain h3 { position:relative; padding-bottom:10px; font-size:16px; line-height:24px; font-style:italic; border-bottom:solid 1px #94c43a; min-height:102px; margin-bottom:13px; text-transform:inherit }
.topic-contain h3 a { color:#FFF }
.topic-contain h3 a:hover { color:#84BD00 }
.topic-contain:before { content:""; background-image:url(../../images/tl/transperant-bg.png); background-repeat:repeat; background:rgba(51,63,72,0.9); position:absolute; left:0; right:0; top:0; bottom:0; z-index:0 }
.containShow, .containHide { position:relative; z-index:9; }
.containHide { position:absolute; left:0; right:0; top:0; bottom:0; display:none; color:#FFF; font-size:12px; line-height:18px; padding:15px 20px 0 20px; color:#FFF !important }
.topic-contain .tags { background:#eaeced; margin-top:13px; padding:0; font-size:15px; letter-spacing:0; line-height:17px; margin-bottom:15px; color:#333f48 !important; padding:4px 5px 2px 5px; display:inline-block; border:solid 1px #dddedf; }
.topic-contain h3.title:before { display:none }
time { color:#FFF; font-size:12px; font-weight:bold }
@-moz-document url-prefix()  {
	.tags { padding:3px 8px 5px 8px }
	.topic-contain .tags  { padding:3px 5px 3px }
}
@media screen and (-webkit-min-device-pixel-ratio:0) { 
::i-block-chrome, .collumn:first-child { width:25.2%; }
::i-block-chrome, .topic-contain .tags  { padding:3px 5px 3px 5px }
}
.topic-contain:hover .containHide { display:block; text-decoration:none }
.topic-contain:hover .containShow { display:none }
.topic-contain:hover:before { background-image:url(../../images/tl/transperant-bg-hover.png); background:rgba(51,63,72,0.65); }
.containHide .tags { margin-bottom:19px; background:#84BD00; border-color:#84BD00; color:#333f48 }
.containHide p { text-align:left; padding-bottom:0; font-style:italic; }

.topic-links li { margin-top:11px;  text-align:left }
.topic-links li:first-child { margin-top:0 }
.topic-links li a { color:#f4f5f6; font-size:16px; text-transform:uppercase; letter-spacing:-0.5px; }
.topic-links li a:hover i.fa { margin-left:6px }
.topic-links li a i.fa { color:#84BD00; margin-left:4px }
.topic-img-1 { background:url(../../images/tl/topic-img-1.jpg) no-repeat center center; background-size:cover }
.topic-img-2 { background-image:url(../../images/tl/topic-img-2.jpg) }
.topic-img-3 { background-image:url(../../images/tl/topic-img-3.jpg) }
.topic-img-4 { background-image:url(../../images/tl/topic-img-4.jpg) }
.topic-img-5 { background-image:url(../../images/tl/topic-img-5.jpg) }

#container { padding:0 37px 60px 37px; position:relative }
#container.middle { padding:0 20px 60px 47px }
.middle .filters-data { margin-left:-47px }
 
.list-data { height:auto !important }
.list-data > li { border-bottom:solid 1px #5a656e; padding:30px 0; position:relative !important; top:inherit !important; width:100% !important; }
.list-data > li h2 { margin-bottom:9px }
.list-data > li .leftCollumn p { padding-bottom:12px }
.list-data > li .leftCollumn { color:#5a656e; padding-top:10px }
.list-data > li .rightCollumn { width:223px; }
.list-data > li .tags { padding:7px 10px 7px 8px; margin-bottom:15px; line-height:19px; }

.topic-list-data { margin-bottom:26px; padding:30px 0 0 0 }
.topic-list-data .leftCollumn { width:363px; padding-top:56px; margin-right:100px; }
.topic-list-data li h2 { margin-bottom:13px }
.topic-list-data > li .rightCollumn, .topic-list-data > li .rightCollumn.alingLeft { width:373px; padding:0; float:left }
.topic-list-data > li .rightCollumn.alingLeft { margin-right:44px; }
.topic-list-data > li .leftCollumn.alingRight { margin-right:0; }
.topic-list-data > li { padding-left:30px; padding-right:30px; width:auto !important; padding-bottom:40px; padding-top:40px; }
.topic-list-data > li:first-child { padding-top:8px; }
.topic-list-data > li .tags { margin-bottom:13px }
.hide { display:none }
.text-center { display:block; text-align:center }
.view-all { color:#84BD00; font-size:22px; line-height:25px; display:inline-block }
.view-all:hover { color:#004c97; text-decoration:none}

.rightCollumn blockquote { background:#84BD00; color:#FFF; padding:51px 11px 23px 9px; text-align:right; position:relative; font-size:16px; line-height:24px; margin:0; float:none; width:auto }
.rightCollumn blockquote:before { content:"\f10d"; position:absolute; left:14px; top:16px; color:#FFF; font-size:33px; }
.title-filter { float:left; font-size:16px; line-height:24px; color:#333f48; position:relative; z-index:9; }
.filters-data { position:relative; z-index:9; margin-left:-37px; margin-right:-37px; padding-left:37px; padding-right:37px; }
.filter-container { border-bottom:solid 2px #2f3f4a; padding:9px 16px 0 0; }
.filter-data-name { position:absolute; color:#FFF; left:0; right:0; top:0; bottom:0; text-align:center; font-size:16px; line-height:39px }
.filters-data-active .title-filter, .filters-data-active .filters > li > a { color:#FFF }
.hidefilter { opacity:0; filter: alpha(opacity=0); position:absolute; top:0; }
.hidefilter .filter-container { border:none }
.filters-data-active { background:#2f3f4a; position: fixed; top: 0; margin-top:0; }
.hidefilter.filters-data-active { opacity:1; filter: alpha(opacity=100); }

.filters { float:right }
.filters > li { float:right; margin-left:55px; padding-bottom:5px; position:relative }
.filters > li > a { color:#333f48; font-size:15px; display:inline-block }
.filters li a .fa { margin-left:3px }
.filters > li > a:hover { text-decoration:none; color:#84BD00 }

.filters > li:hover ul { display:block }
.filters li ul { padding:4px 11px 4px; background:#2f3f4a; position:absolute; width:152px; top:100%; right:0; display:none; z-index:999; }
.filters li ul li { border-top:solid 1px #828c92; padding:2px 0 4px }
.filters li ul li:first-child { border:none }
.filters li ul li a { font-size:11px; text-transform:uppercase; color:#FFF; display:block }
.filters li ul li a:hover, .filters li ul li.active a, .filters li ul li a.active { color:#84BD00; text-decoration:none }

.content-banner { height:243px; background:url(../../images/tl/banner-img.jpg) no-repeat 0 0; display:block; background-size:cover; padding-top:55px }
.collumn-medium { width:743px; margin:0 auto }
.banner-title { background:#2f3f4a; color:#FFF; padding:14px 30px 24px 24px; position:relative }
.banner-title h2 { font-size:32px; line-height:42px; color:#FFF; margin-bottom:32px }
.banner-title .author-name { color:#FFF; font-size:16px; margin:0; float:left; width:540px; font-style:normal }

.share-link li { float:right; margin-left:20px }
.share-link li a { color:#84BD00; font-size:24px; }
.share-link li a:hover { opacity:0.8; text-decoration:none }

.grey-bg { background:#f4f5f6 }
.summary-detail { font-size:16px; color:#333f48; line-height:24px; padding:58px 0 18px 0; letter-spacing:-0.4px; margin-bottom:39px }

.wideoCollumn { width:608px; float:left; margin-left:65px }
.wideoCollumn a { border-bottom:solid 1px #99cd3b }
.wideoCollumn a:hover { color:#004C97; border-color:#004C97; text-decoration:none }

.wideoCollumn ul { background:#f4f5f7; padding:26px 345px 27px 201px; margin:0 -250px 21px -112px }
.wideoCollumn ul li { font-size:16px; line-height:30px; color:#333f48; position:relative; }
.wideoCollumn ul li:before { content:""; background:#353f47; width:5px; height:5px; top:13px; border-radius:100%; position:absolute; display:block; left:-13px }

.wideoCollumn ol { background:#f4f5f7; padding:39px 250px 44px 112px; margin:0 -250px 39px -112px }
.wideoCollumn ol li { list-style-type:none; counter-increment:step-counter; margin-top:30px; font-size:16px; line-height:30px; color:#333f48 }
.wideoCollumn ol li:first-child { margin-top:0 }
.wideoCollumn ol span { background:#333f49; font-size:44px; line-height:44px; color:#FFF; display:inline-block; float:left; width:50px; height:47px; padding:3px 0 0 0; text-align:center; margin:9px 11px 0 0 }

.narrowCollumn { width:190px; float:right; }
#narrowCol { width:190px !important; position:relative; z-index:8 }
.section-listing { background:#f4f5f6; padding:17px 17px 17px 17px }
.section-listing li { margin-top:18px }
.section-listing li:first-child { margin-top:0 }
.section-listing li a { color:#5a656e; font-size:10px; text-transform:uppercase; display:block; line-height:14px; }
.section-listing li a:hover, .section-listing li.active a { color:#84BD00; text-decoration:none }
.section-listing li a:hover span, .section-listing li.active a span { color:#000000 }
.section-listing li a span { display:block; text-transform:none; font-size:12px; line-height:14px; padding-top:5px; font-style:italic; font-weight:normal }

.narrowCollumn .share-link { background:#323f48; float:none; padding:9px 14px 7px 0 }
.narrowCollumn .share-link li { margin-right:47px; margin-left:0 }
.narrowCollumn .share-link li:first-child { margin-right:0; }
.narrowCollumn .share-link li a { color:#FFF; font-size:24px; }

.stickit, #narrowCol.stickit { position:fixed; top:0; margin-top:50px }
#narrowCol.stickit-end, .middle .stickit-end { bottom: 0; position: absolute; display:block }
.middle .filters-data.stickit-end { background:#2f3f4a; margin:0 -37px; padding-left:37px; padding-right:37px; }
.middle .filters-data.stickit-end  .title-filter, .middle .filters-data.stickit-end  .filters > li > a { color:#FFF }

.related-content li ul { width:970px; right:-53px; padding:0; }
.related-content li .collumn:first-child .topic-contain { border-left:solid 1px #EAECED  }
.related-content li ul li { padding:0; border:none }
.related-content li ul li h3 a { font-size:16px; line-height:24px }
.related-content li ul li:first-child .collumn .topic-contain { border-left:none }
.related-content li ul li a { font-size:18px; line-height:28px; text-transform:none }
.related-content li ul li .tags:hover { color:#FFF }
.related-content li ul li .topic-contain { padding:17px 40px 11px 37px }
.related-content li ul li .containHide { padding:17px 40px 11px 67px; display:none; color:#FFF }
.related-content li ul li .containHide:hover { color:#FFF }
.related-content li ul li .containHide p { font-size:14px; line-height:24px }
.related-content li ul li .containHide .tags { color:#FFF; font-size:14px; padding:2px 5px 2px 6px; margin-bottom:27px }
.related-content li ul li .collumn { width:33.33% }

.nextprevslider { float:right; padding-top:5px; position:relative; z-index:9 }
.nextprevslider li { float:left; margin-left:5px; }
.nextprevslider .bx-next, .nextprevslider .bx-prev { position:inherit; left:inherit; top:inherit }

.bx-next, .bx-prev { background:url(../../images/tl/topic-slider-arrow.png) no-repeat 0 0; display:inline-block; width:17px; height:17px }
.bx-next { background-position:-42px 0 }
.bx-next.disabled { background-position:-62px 0; cursor:default }
.bx-prev.disabled { background-position:-20px 0; cursor:default }

hr { height:2px; background:#84BD00; display:block; border:none; width:100%; margin:0 0 28px; padding:0 }
.bx-viewport { margin:0; min-height:inherit; }
.topic-list-data > li .leftCollumn { padding-top:39px; }

/* transition
===============================================*/
#wrapper, #widecolumn, aside, nav li, .learnmore-links li a, .topic-links li a .fa, .topic-contain h3 a, .topic-contain .tags a, .topic-contain:before, .filters li ul li a, .view-all, .share-link li a, .filters-data { transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }

/* 26/02/15 */

#siteMap > ul {
    clear: both;
    float: none;
}

#siteMap h3 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    line-height: normal;
    margin: 0;
}

.banner h2 {
    display: block !important;
}

#siteMap ul li {
    line-height: normal;
}

/* 03/03/2015 */
.content-banner {
  background-color: #f4f5f6 !important;
  min-height: 243px;
  height: auto;
}

.banner {
  margin-bottom: auto !important;
}

/* 16/03/2015 */

#sticky-filter.filters-data.hidefilter {
  width: 896px;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

#sticky-filter.filters-data.filters-data-active {
  width: 896px;
  display: block;
  position: fixed;
  top: 0;
  transition: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: none;
}

 /* 20/03/2015 */
/* sup font-size fix */
sup {
 font-size: 60%;
 }

ul.bullets-green li:before {
  background: #84bd00;
}

/* 23/03/2015 */

#sticky-filter.filters-data.hidefilter {
    display: none;
}

#sticky-filter.filters-data.hidefilter {
    display: none;
}

#sticky-filter.filters-data.hidefilter.filters-data-active {
    display: block;
}

/* 25/03/2015 */

.narrowCollumn ul.twoElem li:first-child {
    margin-right: 30px;
}

.bottomSF {
  padding-bottom: 0!important;
  margin-bottom: 0!important;
    padding-top: 10px !important;
}

.bottomSF > li {
    margin-top: 0 !important;
}

/* 20/03/2015 */
/* sup font-size fix */
sup {
 font-size: 60%;
 }

/* 23/04/2015 */
.exec-heading {
  text-transform: capitalize;
  font-size: 21px;
  font-family: 'Conv_Gotham-Book';
}

.execlearn {
  color: #004c97 !important; 
  font-size: 14px;
  display: inline-block;
}

.execlearn .fa {
  margin-left: 3px;
}

/* 24/04/2015 */

.tl-zoomalign {
  display: inline-block;
  max-width: 230px;
}

.tl-no-trans {
  opacity: 1 !important;
}
/* 04/27/2015  */
.mfp-title{
  padding-right:0;
}

/* 19/06/2015 */
.topic-contain.topic-box {
 padding: 17px 14px 11px;
}

/* 06/23/2015 changing hover text style */ 
.containHide p{
  font-style:normal;
}

/* 07/02/2015 new CSS tweaks */

.brochure {
    padding: 30px 0;
}

.brochure-left {
    width: 265px;
    float: left;
}

.brochure-right {
    width: 265px;
    float: left;
    padding-left: 30px;
}

.brochure-right span {
  font-size: 14px;
  color: #84d500;
  margin: 0;
  line-height: 24px;
  font-family: 'Conv_Gotham-Medium';
  margin-top: 15px;
  display: block;
}

.brochure-right h2 {
    line-height: 24px;
    margin: 0 0 20px;
}

.brochure-right p {
    font-size: 12px;
    line-height: 20px;
    color: #333f48;
}

/* End notes */

div.endnotesOL {
}

.endnotesOL ol {
    margin: 0 0 18px;
    padding: 0;
    background: #fff; 
}

.endnotesOL ol li {
    list-style: decimal;
    font-size: 12px;
    color: #333f48;
    margin-left: 20px;
    padding-left: 15px;
    font-weight: 600;
    margin-top: 18px;
}

.endnotesOL ol p {
    padding-bottom: 10px;
    font-size: 12px;
}

/* author's profile */

.author-profile .tags {
    color: #fff;
    margin-bottom: 28px;
}

.author-profile ul {
    width: auto;
    padding: 0;
    margin: 0;
    background: #fff;
}

.author-profile ul li:before {
    width: 0;
    height: 0;
}

.author-profile-left {
    width: 320px;
    float: left;
}

.author-profile-right {
    float: left;
    margin-left: 40px;
    width: 245px;
}

.author-profile-right p {
    padding-bottom: 0;
    line-height: 24px;
    margin-top: 10px;
}

.author-profile h3 {
    margin-bottom: 5px;
}

.author-profile-left span {
  font-size: 14px;
  color: #84d500;
  margin: 0;
  line-height: 24px;
  font-family: 'Conv_Gotham-Medium';
  text-transform: uppercase;
}

.author-profile-left p {
    line-height: 24px;
    color: #333f48;
    padding-bottom: 0;
}

.author-profile ul li {
    padding-bottom: 40px;
}

.italicP {
    font-size: 12px;
    font-family: arial;
    line-height: 20px;
    color: #5a656e;
    font-style: italic;
}

.italicP br {
    display: block;
    height: 20px;
    content: " ";
}

/* July 13, 2015 */

/* Same font on hover state text - fix */
.related-content li ul li .containHide p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }

/* July 16th, 2015 */
.vid-featured object,
.vid-featured iframe,
.vid-featured embed {
  max-width: 100%;
  max-height: 197px;
}

/* Endnotes bottom extra space fix */
.endnotesOL ol p {
  padding-bottom: 0;
}

/* July 23, 2015 */

/* Css fix for extra height after JS */
.cCubicals > .collumn > .topic-contain {
  box-sizing: border-box;
}

/* Landing page cubicals title height */
.cCubicals .tags {
  min-height: 34px;
  max-height: 34px;
  overflow: hidden;
  display: block;
}

/* July 28, 2015 */

/* To add text indent effect */
.txtIndent {
  margin-left: 20px;
  display: inline-block;
}

/* To add bullets */

.showbullets > li {
  list-style-type: disc;
}

.showbullets {
  margin: 0 0 20px 40px;
}

/* Quick fix for image (section list image) width */
.sectionlistimg {
  max-width: 218px !important;
  max-height: 218px !important;
}

/* August 05, 2015 */

/*
author profile image width fix
.author-profile-right img:first-child {
    max-width: 122px;
}
*/

/* August 06, 2015 */

.showdecimals li {
  list-style-type: decimal !important;
  margin-bottom: 20px;
  list-style-position: inside;
}

.italicF{
  font-style: italic;
}

ul.bullets-green li:before {
    content: "";
    width: 5px;
    height: 5px;
    top: 13px;
    border-radius: 100%;
    position: absolute;
    display: block;
    left: -13px;
    background: #84bd00;
}

/* August 11, 2015 */

/* Multiple brochure modules */

.brochure ul li {
  margin-top: 20px;
}

.brochure ul li:first-child {
  margin-top: 0;
}

/* August 20, 2015 */

/* Vertical space between two li fix */
.author-profile ul.showbullets li {
  padding-bottom: 20px;
}

ul.showbullets li {
  list-style-position:inside
}

/* September 15, 2015 */

/* Fix for moz */
.italicP br {
  display: -moz-inline-box;
}
/* Localized */