"start": "900",
"firstQuartile": "901",
"midpoint": "902",
"thirdQuartile": "903",
"complete": "904",
"invisible": "905",
"adsDomainName": "https: rmt.homedepot.com",
"pixelPattern": "https: rmt.homedepot.com interaction %%PIXEL%%?__ads=caf519eecef49c522d3b9d07877fb568&vid=5072821209071667126&__adt=7275002313917536133&__ade=1&latent=%%LATENT%%" + "" + "",
"duration": 30
};

var revjet = revjet || {};
var eligibleActions = [];
eligibleActions = eligibleActions.concat([1005]);
revjet.elements = {
"widgets": [
{"id": "el63512522", "type": "container_element", "parentId": null},
{"id": "elframe_element63512555", "type": "frame_element", "parentId": "el63512522"},
{"id": "elframe_element63512534", "type": "frame_element", "parentId": "elframe_element63512555", "dataBinding": {}},
{"id": "el63512549", "type": "html5_element", "parentId": "elframe_element63512534", "disableBrowserEvents": true},
],
"actions": window._disanim ? [] : [{"id": 1005,
"type": "start_animation",
"sourceWidgetId": "elframe_element63512534",
"events": [{
"type": "before_show"
}],
"widgetId": "elframe_element63512534",
"animatedWidgets": [],
"animationName": "On Load",
"className": "run-animation-on-load",
"finalClassName": "run-animation",
"finalStyle": [],
"maxRunCount": "",
"execDelay": "0",
"iterationCount": 1,
"relatedActions": [1006]
},{
"id": 1006,
"type": "start_html5_animation",
"sourceWidgetId": "elframe_element63512534",
"events": [{
"type": "before_show"
}],
"widgetId": "elframe_element63512534",
"maxRunCount": "",
"execDelay": "0",
"iterationCount": 1,
"widgets": [],
"stopEventPropagation": false
},],
"tracking": [
{
"type": "mraid_viewable",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 899?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "open_link",
"pixels": []
},
{
"type": "click_heatmap",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 2500?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "video_started",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 1103?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "video_first_quartile",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 1104?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "video_midpoint",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 1105?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "video_third_quartile",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 1106?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "video_complete",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 1107?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "expand",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 1112?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "collapse",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 1192?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
{
"type": "javascript_error",
"pixels": []
},
{
"type": "consumer_data",
"pixels": [{"type":"image","url":"https: rmt.homedepot.com interaction 53?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126"}]
},
],
"options": {
"hideBody": true,
"hideMethod": "visibility",
"disableAnimation": window._disanim
},
"personalization": [{"id":"el63512549","type":"html5","value":[{"pod_6_color":"#EEEEEE","attribute4_value":"15 degree","pod_8_alt_text":"20V MAX and FLEXVOLT Batteries are Compatible with all DEWALT 20V MAX Tools","sku_id":"43561888$$312302764,47413310$$312302764,42520550$$312302764","pod_3_alt_text":"Take charge with 200+ products in the 20 VOLT MAX line, each designed to fit the job. All tools come with upgraded features and superior ergonomics.","pod_13_copy":"Get up to 8x the runtime when using DEWALT FLEXVOLT batteries with 20 VOLT MAX tools.","pod_5_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-5-9-2020.jpg","pod_4_copy":"DEWALT brushless motor delivers up to 57% more run time over brushed.","pod_5_copy_headline":"1 Battery & 1 Charger Included","pod_4_alt_text":"DEWALT brushless motor delivers up to 57% more run time over brushed.","pod_8_color":"#EEEEEE","pod_3_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-3-9-2020.jpg","pod_7_color":"#EEEEEE","pod_3_color":"#EEEEEE","pod_1_copy":"DEWALT power tools are made to live on the jobsite. That is where they are tested, and if there is a problem, it\u2019s where we solve it.","pod_2_copy":"Select from a variety of 20 VOLT batteries to fit your need, or get up to eight times runtime when using DEWALT FLEXVOLT batteries with 20 VOLT tools.","pod_3_copy":"Take charge with 200+ products in the 20 VOLT MAX line, each designed to fit the job. All tools come with upgraded features and superior ergonomics.","pod_2_color":"#EEEEEE","pod_13_alt_text":"Get up to 8x the runtime when using DEWALT FLEXVOLT batteries with 20 VOLT MAX tools.","pod_2_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-2-9-2020.jpg","pod_1_alt_text":"DEWALT power tools are made to live on the jobsite. That is where they are tested, and if there is a problem, it\u2019s where we solve it.","pod_12_color":"#EEEEEE","attribute8_value":"3 4 in","pod_5_alt_text":"Kit includes 1 DCB230 2AH 20V MAX Battery and 1 20V MAX Charger","pod_9_alt_text":"20 VOLT 1.3Ah, 1.5Ah, 2.0Ah and 3.0Ah feature a compact and Lightweight design.","pod_6_copy_headline":"Contractor Bag Included","pod_4_color":"#EEEEEE","pod_8_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-8-9-2020.jpg","pod_3_copy_headline":"DEWALT 20 VOLT MAX System","pod_2_copy_headline":"Multiple Battery Options","pod_11_copy":"90-Day Money back guarantee and up to 3-year free service agreement. DCB201 has a 2-year free service agreement.","pod_6_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-6-9-2020.jpg","attribute8_category":"Minimum Fastener Size","pod_4_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-4-9-2020.jpg","pod_1_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-1-9-2020.jpg","pod_2_alt_text":"Select from a variety of 20 VOLT batteries to fit your need, or get up to eight times runtime when using DEWALT FLEXVOLT batteries with 20 VOLT tools.","pod_1_color":"#EEEEEE","pod_10_copy":"No memory and virtually no self-discharge for maximum productivity and less downtime.","pod_12_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-12-9-2020.jpg","attribute7_url":" cdn.jet-cdn.com s3 csp 1623953885322 d27l-landscape-lighting-kpf-2447250-voltage.png","pod_12_copy_headline":"Runtime and Power","pod_13_color":"#EEEEEE","pod_9_copy":"20 VOLT 1.3Ah, 1.5Ah, 2.0Ah and 3.0Ah feature a compact and Lightweight design.","attribute4_category":"Nail Angle","attribute7_value":"20v","pod_1_copy_headline":"DEWALT Guaranteed Tough","pod_9_color":"#EEEEEE","pod_8_copy_headline":"Compatibility","attribute3_value":"Coil","pod_9_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-9-9-2020.jpg","attribute3_category":"Loading type","pod_11_alt_text":"90-Day Money back guarantee and up to 3-year free service agreement. DCB201 has a 2-year free service agreement.","attribute6_category":"Nail Gauge","attribute6_value":"NA","brand_footer":"false","pod_4_copy_headline":"Brushless Motor","attribute2_category":"Cord Style","pod_13_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-13-9-2020.jpg","attribute2_value":"Cordless","pod_7_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-7-9-2020.jpg","pod_7_copy":"3-Year Limited Warranty, 1-Year Free Service and 90-Day Money Back Guarantee.","pod_7_alt_text":"3-Year Limited Warranty, 1-Year Free Service and 90-Day Money Back Guarantee","sku_type":"vendor-13","brand_banner":"false","attribute7_category":"Voltage (v)","pod_10_copy_headline":"No Battery Memory","pod_13_copy_headline":"FLEXVOLT Compatible","pod_8_copy":"20V MAX and FLEXVOLT Batteries are Compatible with all DEWALT 20V MAX Tools.","pod_11_copy_headline":"Battery Warranty","pod_5_copy":"Kit includes 1 DCB230 2AH 20V MAX Battery and 1 20V MAX Charger","national_product_title":"20V MAX Lithium-Ion 15-Degree Electric Cordless Roofing Nailer Kit with 2.0Ah Battery Charger and Bag","pod_7_copy_headline":"Product Warranty","pod_11_color":"#EEEEEE","pod_6_alt_text":"A contractor bag is included for portability.","pod_11_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-11-9-2020.jpg","attribute1_category":"Power Type","pod_12_alt_text":"20 VOLT 4.0Ah and 5.0Ah batteries are designed for longer runtimes and more power.","pod_10_alt_text":"No memory and virtually no self-discharge for maximum productivity and less downtime.","attribute1_value":"Electric","pod_10_color":"#EEEEEE","pod_6_copy":"A contractor bag is included for portability.","pod_5_color":"#EEEEEE","pod_10_background":"https: contentgrid.homedepot-static.com hdus en_US DTCCOMNEW fetch FetchRules Rich_Content -312302764-dcn45rnd1-20-volt-max-15-degree-cordless-roofing-dewalt-guaranteed-tough-pod-10-9-2020.jpg","pod_9_copy_headline":"Lightweight Design","attribute5_value":"1-3 4 in","attribute5_category":"Maximum Fastener Size","pod_12_copy":"20 VOLT 4.0Ah and 5.0Ah batteries are designed for longer runtimes and more power."}],"elp_id":"elp153362449","pers_type":"doa"}],
"eligibleActions": eligibleActions,
"consumerData": []
};

(function() {
if (document.readyState !== complete ) {
var onWindowLoad = function(ev) {
window.removeEventListener( load , onWindowLoad, false);
new Image().src = "https: rmt.homedepot.com interaction 1000?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126&__clstampdif=" + Math.round(ev.timeStamp) + &__stamp= + new Date().getTime();
};
window.addEventListener( load , onWindowLoad, false);
} else {
new Image().src = "https: rmt.homedepot.com interaction 1000?__ads=caf519eecef49c522d3b9d07877fb568&__adt=7275002313917536133&__ade=1&vid=5072821209071667126&__stamp=" + new Date().getTime();
}
})();

function pauseAnimation() {
var element = document.getElementById( content_body );
if (!element.classList.contains( animation_paused )) {
element.classList.add( animation_paused );
}

element.getBoundingClientRect();
}

function resumeAnimation() {
var element = document.getElementById( content_body );
if (element.classList.contains( animation_paused )) {
element.classList.remove( animation_paused );
}

element.getBoundingClientRect();
}

var prefixes = [ moz , ms , webkit ];
var hiddenProperty = hidden ;
var visibilityChangeEventName = visibilitychange ;

for (var i = 0; i < prefixes.length; i++) {
if (document[prefixes[i] + Hidden ]) {
hiddenProperty = prefixes[i] + Hidden ;
visibilityChangeEventName = prefixes[i] + visibilityChangeEventName;
break;
}
}

document.addEventListener(visibilityChangeEventName, function() {
if (document[hiddenProperty]) {
pauseAnimation();
} else {
resumeAnimation();
}
}, false);

#container,#el63512522 { width: 1400px; height: 1400px; overflow: hidden; position: relative; font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; text-align: left; display: block;}* { padding: 0; margin: 0;}* { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box;}a { text-decoration: none; color: #000;}a:hover,a:hover * { text-decoration: none;}img,a img { border: none;}li { list-style-type: none;}#content_body.animation_stopped *,.animation_stopped #container * { -webkit-animation: none !important; animation: none !important;}body { overflow: hidden;}.text-elm,.flash-elm,.block-elm,.html5-elm,.dropdown-elm,.textfield-elm,.animimage-elm,.border-elm { position: absolute; float: left; display: block;}.ic0n-elm,.image-elm,.animimage-elm { position: absolute; float: left; overflow: hidden; display: block;}.ic0n-elm .ic0n-container { display: table; width: 100%; height: 100%;}.ic0n-elm .ic0n-container * { box-sizing: border-box;}.ic0n-elm .ic0n-container div { display: table-cell;}.ic0n-elm .ic0n-wrapper { width: 1px; white-space: nowrap;}.image-elm img { width: 100%; height: 100%;}.button-elm { position: absolute; display: block;}.button-elm .text-elm { position: absolute; float: left; top: 0; left: 0;}.button-elm .image-elm { position: absolute; float: left; overflow: hidden; top: 0; left: 0;}#container { width: 1400px; height: 1400px; overflow: hidden; position: relative; font-size: 12px; color: #000; font-family: Arial, Helvetica, sans-serif; text-align: left;}#outer_container { width: 1400px; height: 1400px; position: relative;}.bar-elm { display: table; position: absolute;}.bar-elm-row { display: table-row; height: 100%;}.bar-elm .image-elm { position: absolute; float: left; overflow: hidden; top: 0; left: 0; font-size: 0px;}.bar-elm-cell { display: table-cell; position: relative; vertical-align: middle;}

#elframe_element63512555{width:1400px;height:1400px;position:absolute;display:block;}

#elframe_element63512534{width:1400px;height:1400px;position:absolute;display:block;}
#el63512549{ display:block; left:0px; top:0px; transform: translateX(0px) translateY(0px) scale3d(1,1,1) ; -ms-transform: translateX(0px) translateY(0px) scale3d(1,1,1) ; -webkit-transform: translateX(0px) translateY(0px) scale3d(1,1,1) ; width:1400px; height:1400px; }#el63512549 { width: 100%; height: 100%; }

.html5-elm { position: absolute; float: left; display: block;}

@font-face {
font-family: "HelveticaNeueLTPro Black Condensed";
src: url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-BlkCn.eot");
src: url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-BlkCn.eot?#iefix")
format("embedded-opentype"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-BlkCn.woff2")
format("woff2"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-BlkCn.woff")
format("woff"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-BlkCn.ttf")
format("truetype"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-BlkCn.svg#HelveticaNeueLTPro-BlkCn")
format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "HelveticaNeueLTPro Medium";
src: url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Md.eot");
src: url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Md.eot?#iefix")
format("embedded-opentype"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Md.woff2")
format("woff2"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Md.woff")
format("woff"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Md.ttf")
format("truetype"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Md.svg#HelveticaNeueLTPro-Md")
format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: "HelveticaNeueLTPro Light";
src: url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Lt.eot");
src: url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Lt.eot?#iefix")
format("embedded-opentype"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Lt.woff2")
format("woff2"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Lt.woff")
format("woff"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Lt.ttf")
format("truetype"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Lt.svg#HelveticaNeueLTPro-Lt")
format("svg");
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: HelveticaNeueLTPro Roman ;
src: url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Roman.eot");
src: url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Roman.eot?#iefix") format( embedded-opentype ),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Roman.woff2") format("woff2"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Roman.woff") format("woff"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Roman.ttf") format("truetype"),
url(" cdn.jet-cdn.com ~cdn Content fonts HelveticaNeueLTPro-2 HelveticaNeueLTPro-Roman.svg#HelveticaNeueLTPro-Roman") format("svg");
font-weight: normal;
font-style: normal;
}

a:hover,
a:hover a {
text-decoration: none !important;
cursor: default;
}

html,
body {
width: 100%;
min-width: 0 !important;
height: 100% !important;
}

#revjet_container {
width: 100% !important;
height: 100% !important;
}
#revjet_container > div {
width: 100% !important;
height: 100% !important;
}

[data-revjet-role="STAGE 1"],
[data-revjet-role="STAGE 1. SCENE 1"],
[data-revjet-role="STAGE 1. SCENE 1. BACKGROUND"] {
width: 100% !important;
height: 100% !important;
position: relative !important;
}

.content_image.no-image {
padding-top: 100%;
}
.etch-widgets {
width: 100% !important;
}

*.pod {
padding: 10px;
display: flex;
background-color: #efefef;
}

.pod-image {
flex: 0 0 40%;
margin-right: -20px;
}
.pod-image__centered {
margin: 0 auto;
}

.pod.content_image {
position: relative;
}

.pod-data {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding: 20px;
}
.pod-title {
flex: 1 0 50px;
}
.pod-headline {
font-size: 30px;
font-family: HelveticaNeueLTPro Black Condensed , Arial, sans-serif;
flex: 0 0 50px;
text-transform: uppercase;
}

.pod-headline>span {
border-bottom: 3px solid #f96302;
}

.pod-subheading {
font-size: 20px;
margin-top: 8px;
text-transform: uppercase;
font-family: HelveticaNeueLTPro Medium , Arial, sans-serif;
}

.pod-content {
display: flex;
align-items: center;
justify-content: space-between;
flex: 1 1 100%;
}
.pod-value {
font-size: 45px;
font-family: HelveticaNeueLTPro Black Condensed , Arial, sans-serif;
}

.pod-value__centered {
}

.pod-headline {
}

.pod.pod__type-b {
padding-top: calc(100% – 12px);
border-bottom: 12px solid #fad900;
}

.pod.pod__type-b .pod-content {
justify-content: center;
}

.pod.pod__type-b .pod-value {
text-align: center
}
*

.pod-caption {
font-family: "matt-helvetica-neue", Arial, sans-serif;
margin-top: 10px;
font-size: 1.2rem;
order: 1;

flex: 1;
align-items: flex-end;
display: flex;
}

.caption-arrow {
position: relative;
display: inline-block;
width: 10px;
height: 10px;
transform: rotate(135deg);
}
.caption-arrow:before {
content: "";
position: absolute;
top: 0;
width: 100%;
height: 40%;
background-color: #f96302;
}
.caption-arrow:after {
content: "";
position: absolute;
left: 0;
width: 40%;
height: 100%;
background-color: #f96302;
}

.pod-click {
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
bottom: 0;
cursor: pointer !important;
}

.desktop-items .grid.pods-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
grid-auto-rows: 1fr;
align-items: stretch;
text-decoration: none;
}

.desktop-items .pod {
padding: 10px;
display: flex;
flex-direction: column-reverse;
border-width: 2px;
border-color: #f5f5f5;
position: relative;

justify-content: flex-end;
}

.pod-image {
* flex: 0 0 40%; *
width: 100%;
}

.pod-data {
* flex: 1 0 auto; *
flex: 0 0 auto;
text-decoration: none;
display: flex;
flex-direction: column;
* justify-content: center; *
align-items: flex-start;
order: 3;
}
.pod-title {
flex: 0 0 38px;
border-bottom: 3px solid #f96302;
font-family: "HelveticaNeueLTPro Black Condensed", Arial, sans-serif; * for production change to helvetica-neue *
font-size: 3rem;
line-height: 3rem;
padding-bottom: 5px;
color: #333333;
text-transform: capitalize;
}

.pod-subheading {
text-transform: capitalize;
font-size: 2rem;
line-height: 2rem;
margin-top: 5px;
font-family: "matt-helvetica-neue", Arial, sans-serif;
}

.pod-text {
flex: 1 0 auto;
font-family: "matt-helvetica-neue", Arial, sans-serif; * for production change to helvetica-neue-heavy-condensed *
font-size: 3.5rem;
line-height: 3.5rem;
padding-top: 15px;
padding-bottom: 15px;
font-weight: bold;
color: #333333;
}

* ————————- *
.brand-header-container {
margin-bottom: 10px;
}

.brand-header {
background-color: #f5f5f5;
width: 100%;
height: 92px;
text-align: center;
}

.brand-header-image {
display: block;
margin: 0 auto;
width: auto;
height: 100%;
}

.brand-footer-container {
margin-top: 10px;
padding-bottom: 10px;
}

.brand-footer {
background-color: #f5f5f5;
width: 100%;
height: 75px;
font-family: "HelveticaNeueLTPro Roman", Arial, sans-serif;

background-repeat: no-repeat;
background-size: cover;
background-position: center;
text-align: left;
font-size: 2.25rem;
line-height: 1;

display: flex;
align-items: center;
color: #333;
padding: 0 10px;
}

.pod-image-container {
order: 2;
align-self: flex-start;

width: 100%;
}

.pod-image-container.no-image {
padding-top: 100%;
width: 100%;
}

@media (max-width: 991px) {
.desktop-items .grid.pods-grid {
grid-template-columns: repeat(2, 1fr);
}
.desktop-items .pod {
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
}
.pod-image-container {
flex: 0 0 40%;
margin-right: 10px;
order: 1;
}
.pod-image-container {
flex: 0 0 40%;
margin-right: 10px;
order: 1;
}
.pod-image-container.no-image {
padding-top: 0;
}
.pod-image-container.no-image:after {
content: "";
display: block;
padding-bottom: 100%;
}
.pod-image {
width: 100% !important;
height: auto;
top: 0;
left: 0;
}
.pod-data {
flex: 1 0 100%;
flex-direction: column;
max-width: calc(60% – 10px);
align-self: flex-start;
order: 2;
}
.pod-title {
flex: 1 0 100%;
font-size: 2.5rem;
line-height: 2.5rem;
padding-bottom: 5px;
}
.pod-subheading {
flex: 1 0 100%;
font-size: 1.5rem;
line-height: 1.5rem;
}
.pod-text {
flex: 1 0 100%;
font-size: 3rem;
line-height: 3rem;
padding-top: 15px;
padding-bottom: 15px;
}
.pod-caption {
flex: 1 0 100%;
align-self: flex-end;
order: 3;
}
}

@media (max-width: 768px) {
.desktop-items .pod {
padding: 10px;
display: flex;
border-width: 2px;
border-color: #f5f5f5;
* flex-direction: row; *
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
}
.pod-image-container {
* flex: 1 0 100%;
order: 2; *
flex: 0 0 auto;
order: 2;
width: 100%;
height: auto;
}
.pod-data {
* flex: 1 0 100%;
flex-direction: column;
max-width: calc(100%);
order: 1; *
flex: 0 0 auto;
flex-direction: column;
order: 1;
width: 100%;
}
.pod-title {
flex: 1 0 100%;
font-size: 2rem;
line-height: 2rem;
}
.pod-subheading {
flex: 1 0 100%;
font-size: 1.5rem;
line-height: 1.5rem;
}
.pod-text {
flex: 1 0 100%;
font-size: 2.5rem;
line-height: 2.5rem;
}
.pod-caption {
* flex: 1 0 100%;
order: 3; *
flex: 1 0 auto;
order: 3;
width: 100%;
}
.brand-footer {
font-size: 2rem;
}
}

@media (max-width: 627px) {
.desktop-items .grid.pods-grid {
grid-template-columns: 1fr;
}
.mobile-items.desktop-items {
display: block;
}

.desktop-items .pod {
flex-direction: row;
flex-wrap: wrap;
}

.pod-image-container {
flex: 0 0 50%;
margin-right: 10px;
order: 1;
}
.pod-data {
flex: 1 0 auto;
flex-direction: column;
align-items: flex-start;
width: auto;
max-width: calc(50% – 12px);
order: 2;
}
.pod-title {
font-size: 2.25rem;
line-height: 2.25rem;
}
.pod-subheading {
font-size: 1.5rem;
line-height: 1.5rem;
}
.pod-text {
font-size: 2.75rem;
line-height: 2.75rem;
}
}
@media (max-width: 576px) {
.desktop-items .grid.pods-grid {
grid-template-columns: 1fr;
}
.pod-data {
max-width: calc(50% – 10px);
}
.pod-title {
font-size: 2.25rem;
line-height: 2rem;
}
.pod-text {
font-size: 2.75rem;
}
}

.pod-background {
padding: 10px;
display: flex;
flex-direction: column-reverse;
border-width: 2px;
border-color: #f5f5f5;
position: relative;
justify-content: flex-end;
opacity: 0;
}
.pod-content {
padding: 10px;
display: flex;
flex-direction: column-reverse;
border-width: 2px;
border-color: #f5f5f5;
position: absolute;
justify-content: flex-end;
top: 0;
left: 0;
bottom: 0;
right: 0;
}

.pod-content-no-image .pod-data {
flex-grow: 1;
}

.pod-content-no-image .pod-text {
display: flex;
align-items: center;
}

@media (max-width: 991px) {
.pod-content,
.pod-background{
flex-direction: row;
}
.pod-content-no-image .pod-image-container {
display: none;
}
.pod-content-no-image .pod-data {
display: flex;
height: 100%;
max-width: unset;
}
.pod-content-no-image .pod-title,
.pod-content-no-image .pod-subheading{
flex: 0 1 auto;
}
.pod-content-no-image .pod-text {
flex: 1 0 auto;
}
}
@media (max-width: 768px) {
.pod-content,
.pod-background{
flex-direction: column;
justify-content: flex-start;
}
.pod-content.pod-content-no-image {
flex-direction: row;
}
}
@media (max-width: 627px) {
.pod-content,
.pod-background{
flex-direction: row;
width: 100%;
}
}
.pod-image-container-bottom .pod-text{
text-align: center;
}
.pod-image-container-bottom {
display: flex;
flex-direction: column;
}
.pod-image-container-top {
display: flex;
flex-direction: column-reverse;
}
.pod-image-container-left {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.pod-image-container-right {
display: flex;
align-items: center;
flex-direction: row;
}
.pod-image-container-left .pod-text,
.pod-image-container-right .pod-text {
flex: 1 1 auto;
}
.pod-image-container-center {
position: relative;
}
.pod-image-container-center .pod-text{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
@media (max-width: 991px) {
.pod-image-container-top .pod-text,
.pod-image-container-center .pod-text,
.pod-image-container-bottom .pod-text,
.pod-image-container-left .pod-text,
.pod-image-container-right .pod-text {
font-size: 2rem;
}
}

@media (max-width: 768px) {
.pod-image-container-top .pod-text,
.pod-image-container-bottom .pod-text,
.pod-image-container-center .pod-text,
.pod-image-container-left .pod-text,
.pod-image-container-right .pod-text {
font-size: 3rem;
flex: 1 1 auto;
}
}
.helpful {
display: inline-block;
}

.helpText, .reportText {
display: none;
color: #333333;
font-family: sans-serif;
}

.thumbs {
display: inline-block;
padding: 5px;
}

.thumbUp {
cursor: pointer;
width: 20px;
fill: #555555;
margin-right: 5px;
}

.thumbUp:hover {
fill: #F96302;
transition: all .2s ease-in-out;
}

.flag {
cursor: pointer;
height: 20px;
fill: #555555;
margin-left: 5px;
}

.flag .cls-1 {
fill:#fff;
}

.flag .cls-2 {
fill:#555555;
}
.flag:hover .cls-2{
fill: #F96302;
transition: all .2s ease-in-out;
}

.growBox {
padding: 5px;
transition: all .2s ease-in-out;
border-style: solid;
border-color: #EEEEEE;
border-width: 1px;
transform-origin: top left;
margin-top: 10px;
}

.bugBox {
padding: 5px;
border-style: solid;
border-color: #EEEEEE;

}

.thanks {
display: none;
color: #333333;
font-family: sans-serif;
}

* slider *

.slider-container {
box-sizing: border-box;
padding-left: 15px;
padding-right: 15px;
}

.slider-wrapper {
position: relative;
width: 100%;
height: 100%;
box-sizing: border-box;
overflow: hidden;
margin-bottom: 50px;

}

.slider-track {
height: 100%;
position: relative;
transition: all .4s ease-in-out;

}
.slider-arrow {
position: relative;
width: 51px;
height: 51px;
cursor: pointer;
bottom: -31px;
transform: translateY(-50%);
box-sizing: border-box;
padding: 10px;
}
.slider-arrow:before {
content: ;
position: absolute;
top: 10px;
width: 21px;
height: 3px;
background-color: #F96302;
}
.slider-arrow:after {
content: ;
position: absolute;
left: 10px;
width: 3px;
height: 21px;
background-color: #F96302;
}

.slider-arrow-prev {
position: absolute;
left: 0;
transform: translateY(-50%) rotate(-45deg);
}
.slider-arrow-next {
position: absolute;
right: 0;
transform: translateY(-50%) rotate(135deg);
}

.item {
background-color: lightgreen;
border: 1px solid red;
height: 200px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}

.dot {
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #999;
cursor: pointer;
margin-right: 10px;
flex: 0 0 10px;
}
.dot:last-child{
margin-right: 0;
}

.dot-active {
background-color: #333;
}

.pagination {
position: absolute;
bottom: 15px;
transform: translateX(-50%);
left: 50%;
display: flex;
overflow: hidden;
}

.pagination-track {
display: flex;
transition: all .2s ease-in-out;
}

.helpText__mobile, .reportText__mobile {
display: none;
}
.overlay-wrapper {
opacity: 0;
visibility: hidden;
display: flex;
justify-content: center;
align-items: center;
position: fixed;
z-index: 9999;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: #fff;
transition: all 0.5s linear;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

[data-overlay="visible"].overlay-wrapper {
opacity: 1;
visibility: visible;
pointer-events: initial;
-webkit-user-select: initial;
-moz-user-select: initial;
-ms-user-select: initial;
user-select: initial;
}
@media (max-width: 576px) {
.growBox {
display: flex;
flex-direction: column;
}
.thumbs {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.helpText__mobile, .reportText__mobile {
display: block;
}
.helpText__mobile,
.reportText__mobile{
margin-bottom: 10px;
}
.pod-title {
font-size: 30px;
line-height: 30px;
}
.pod-subheading {
font-size: 22px;
line-height: 22px;
}
.pod-text {
font-size: 35px;
line-height: 35px;
}
.brand-footer {
font-size: 16px;
line-height: 16px;
}
.thumbUp {
margin-bottom: 10px;
}
.flag {
margin-right: 5px;
margin-bottom: 10px;
}
}

@media (max-width: 390px) {
.helpText__mobile, .reportText__mobile {
display: block;
flex: 1 0 calc(100% – 30px);
}
}