/*<meta />*/

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

body
{
	font-size: 15px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	border-bottom: solid 0px;
	margin-bottom: 0mm;
	margin-left: 0px;
	margin-right: 0px;
	margin: 0px;
	padding: 15px;
	font-family: 'Segoe UI', 'Open Sans', Arial, Gudea, Helvetica, Verdana !important;
	color: #000000;
}

/********** Headings ***********/

h1
{
	mc-float: outside-frame-left;
	vertical-align: text-top;
	page-break-before: avoid;
	padding-right: 0px;
	margin-bottom: 10px;
	border-bottom: solid 2px;
	color: #111111;
	border-bottom-width: 0px;
	margin-top: 40px;
	font-size: 20pt;
	font-family: 'Segoe UI', 'Open Sans', Arial, Gudea, Helvetica, Verdana;
	mc-heading-level: 2;
	padding-top: 0px;
	font-weight: 600;
	line-height: 22pt;
}

h2
{
	mc-float: outside-frame-left;
	vertical-align: text-top;
	margin-bottom: 5px;
	margin-top: -3px;
	padding-right: 0px;
	padding-top: 20px;
	font-weight: normal;
	font-size: 16pt;
	font-family: 'Segoe UI', 'Open Sans', Arial, Gudea, Helvetica, Verdana;
	mc-heading-level: 3;
	font-weight: 600;
}

h3
{
	font-size: 120%;
	margin: 0;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 20px;
	font-family: 'Segoe UI', 'Open Sans', Arial, Gudea, Helvetica, Verdana;
	mc-heading-level: 0;
	font-weight: 600;
}

h4
{
	font-size: 110%;
	margin: 0;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 20px;
	font-family: 'Segoe UI', 'Open Sans', Arial, Gudea, Helvetica, Verdana;
	mc-heading-level: 0;
	font-weight: 600;
}

/************ Heading variants ************/

h1.chapterTitle
{
	display: block;
	vertical-align: top;
	padding-right: 0px;
	mc-float: none;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-bottom-width: 0px;
	border-bottom: solid 0px;
	margin-bottom: 3mm;
	font-size: 24pt;
	color: #fcb434;
}

h1.chapTitlefullPage
{
	display: block;
	vertical-align: top;
	padding-right: 0px;
	width: 17cm;
	mc-float: none;
	text-transform: uppercase;
	padding-top: 0px;
	border-bottom: solid 0px;
	margin-bottom: 3mm;
	mc-heading-level: 1;
}

h1.appendixTitlefullPage
{
	display: block;
	vertical-align: top;
	padding-right: 0px;
	width: 17cm;
	mc-float: none;
	text-transform: uppercase;
	padding-top: 0px;
	border-bottom: solid 0px;
	margin-bottom: 3mm;
	font-variant: small-caps;
	mc-heading-level: 1;
}

h1.contents
{
	display: block;
	vertical-align: top;
	width: 17cm;
	mc-float: none;
	padding-right: 0px;
	mc-heading-level: 0;
}

h1.sectionTitle
{
	display: block;
	vertical-align: top;
	padding-right: 0px;
	mc-float: none;
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom-width: 0px;
	border-bottom: solid 0px;
	margin-bottom: 3mm;
	mc-heading-level: 1;
	/* font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif;*/
	color: #000000;
	font-size: 24pt;
	line-height: 24pt;
}

h1.sectionTitlefullPage
{
	display: block;
	vertical-align: top;
	padding-right: 0px;
	width: 17cm;
	mc-float: none;
	text-transform: uppercase;
	margin-top: 0px;
	padding-top: 20px;
	border-bottom-width: 0px;
	border-bottom: solid 0px;
	margin-bottom: 3mm;
	font-variant: small-caps;
	mc-heading-level: 1;
}

h1.sectionTitleNoBreak
{
	display: block;
	vertical-align: top;
	padding-right: 0px;
	mc-float: none;
	margin-top: 10px;
	padding-bottom: 20px;
	border-bottom-width: 0px;
	border-bottom: solid 0px;
	margin-bottom: 3mm;
	mc-heading-level: 1;
	/*   font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif; */
	color: #000000;
	font-size: 24pt;
	line-height: 24pt;
}

h1.tutorialTitle
{
	display: block;
	vertical-align: top;
	padding-right: 0px;
	mc-float: none;
	margin-top: 0px;
	padding-top: 20px;
	border-bottom-width: 0px;
	border-bottom: solid 0px;
	margin-bottom: 3mm;
}

h1.fullPage
{
	display: block;
	vertical-align: top;
	width: 17cm;
	mc-float: none;
	padding-right: 0px;
	padding-top: 20px;
	mc-heading-level: 2;
}

h2.fullPage
{
	display: block;
	vertical-align: top;
	padding-right: 0px;
	width: 17cm;
	mc-float: none;
	padding-top: 10px;
	mc-heading-level: 3;
}

h5
{
	mc-heading-level: 0;
}

h6
{
	mc-heading-level: 0;
}

/****** paragraph and variants *********/

p
{
	margin: 0px;
	margin-bottom: 10px;
	margin-top: 12px;
	font-family: 'Segoe UI', 'Open Sans', Arial, Helvetica, Verdana;
}

p.arrow
{
	background-repeat: no-repeat;
	mc-auto-number-position: inside-head;
	border: 1px dashed #fcb434;
	border-radius: 5px;
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/arrowbox2.png');
	min-height: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #fff;
}

p.numbered1
{
	mc-auto-number-format: '{n=1}.  ';
	mc-float: none;
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 25px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 0px !important;
}

p.numbered
{
	mc-auto-number-format: '{n+}.  ';
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 25px;
	margin-left: 25px;
	margin-top: 20px;
}

p.numberedCont
{
	margin-left: 25px;
	mc-auto-number-offset: 25px;
	margin-top: 0px;
}

p.videoNumbered1
{
	mc-auto-number-format: '{n=1}.  ';
	mc-float: none;
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 25px;
	margin-left: 25px;
	margin-top: 20px;
	margin-bottom: 0px !important;
	font-size: 12pt;
}

p.videoNumbered
{
	mc-auto-number-format: '{n+}.  ';
	mc-auto-number-position: outside-head;
	mc-auto-number-offset: 25px;
	margin-left: 25px;
	margin-top: 20px;
	font-size: 12pt;
}

p.videoNumberedCont
{
	margin-left: 25px;
	mc-auto-number-offset: 25px;
	margin-top: 0px;
	font-size: 12pt;
}

p.graphic
{
	padding-bottom: 5px;
	padding-top: 5px;
	margin-top: 5px;
	padding-left: inherit;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	mc-conditions: 'default.NoTranslate';
}

p.header
{
	font-size: 9pt;
	margin-bottom: 5px;
	text-align: right;
	margin-top: 0;
}

p.pageNum
{
	font-size: 120%;
	margin-bottom: 5px;
	text-align: center;
	margin-top: 0;
	font-family: 'Segoe UI', 'Open Sans', Arial, Gudea, Helvetica, Verdana;
}

p.experiment
{
	background-repeat: no-repeat;
	mc-auto-number-position: inside-head;
	border: 1px solid #fcb434;
	border-radius: 5px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-image: url('../images/experiment2.png');
	mc-auto-number-format: '{b}Experiment:{/b}  ';
	margin-top: 25px;
	min-height: 45px;
	margin-bottom: 20px;
	background-color: #f6f6f6;
}

p.note
{
	background-repeat: no-repeat;
	mc-auto-number-position: inside-head;
	border: 1px solid #fcb434;
	border-radius: 5px;
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/note2.png');
	mc-auto-number-format: '{b}Note:{/b}  ';
	min-height: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #f6f6f6;
}

p.noteCont
{
	mc-auto-number-position: inside-head;
	background-color: #dcdcdc;
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 30px;
	margin-top: 5px;
}

p.tip
{
	background-repeat: no-repeat;
	mc-auto-number-position: inside-head;
	border: 1px solid #fcb434;
	border-radius: 5px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-image: url('../images/tip2.png');
	mc-auto-number-format: '{b}Tip:{/b}  ';
	margin-top: 25px;
	margin-bottom: 20px;
	min-height: 30px;
	background-color: #f6f6f6;
}

p.warning
{
	background-repeat: no-repeat;
	mc-auto-number-position: inside-head;
	border: 1px solid #fcb434;
	border-radius: 5px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 50px;
	background-image: url('../images/warning2.png');
	mc-auto-number-format: '{b}Warning:{/b}  ';
	margin-top: 25px;
	min-height: 30px;
	margin-bottom: 20px;
	background-color: #f6f6f6;
}

p.video
{
	background-repeat: no-repeat;
	mc-auto-number-position: inside-head;
	border: 1px solid #fcb434;
	border-radius: 5px;
	padding-right: 10px;
	padding-left: 50px;
	padding-bottom: 10px;
	padding-top: 10px;
	background-image: url('../images/video2.png');
	min-height: 30px;
	mc-auto-number-format: '{b}Video:{/b}  ';
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #f6f6f6;
}

p.kb
{
	background-repeat: no-repeat;
	mc-auto-number-position: inside-head;
	border: 1px solid #fcb434;
	border-radius: 5px;
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/kb.png');
	mc-auto-number-format: '{b}Article:{/b}  ';
	min-height: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #f6f6f6;
}

p.download
{
	background-repeat: no-repeat;
	mc-auto-number-position: inside-head;
	border: 1px solid #fcb434;
	border-radius: 5px;
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/download.png');
	mc-auto-number-format: '{b}Download:{/b}  ';
	min-height: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #f6f6f6;
}

p.spacer1
{
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/divider1.png');
	margin-top: 20px;
	margin-bottom: 20px;
	background-position: center;
}

p.spacer2
{
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/divider2.png');
	margin-top: 20px;
	margin-bottom: 20px;
	background-position: center;
}

p.spacer3
{
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url('../images/divider3.png');
	margin-top: 20px;
	margin-bottom: 20px;
	background-position: center;
}

.greybox
{
	padding-left: 50px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	min-height: 30px;
	margin-top: 25px;
	margin-bottom: 20px;
	background-color: #f6f6f6;
}

p.cmdline
{
	font-family: 'Courier New';
	font-size: 90%;
	margin-top: 5px;
}

p.cmdlinenumCont
{
	font-family: 'Courier New';
	font-size: 90%;
	margin-left: 25px;
	mc-auto-number-offset: 25px;
	margin-top: 5px;
}

p.cmdlinebulletCont
{
	font-family: 'Courier New';
	font-size: 90%;
	margin: 0;
	padding-left: 10px;
	margin-bottom: 5px;
}

p.cmdlineprocessCont
{
	font-family: 'Courier New';
	font-size: 90%;
	list-style-position: inside;
	padding-left: 36px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

p.BUG
{
	margin-left: 0px;
	margin-bottom: 5px;
	mc-auto-number-format: '• ID ';
	text-indent: -10px;
	margin-left: 10px;
	margin-top: 5px;
}

p.coverText
{
	font-size: 120%;
	text-align: right;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 5px;
	margin-right: 10px;
	font-family: Gudea, ' Helvetica', ' Verdana';
}

p.bulleted
{
	margin-left: 0px;
	margin-bottom: 5px;
	mc-auto-number-format: '• ';
	text-indent: -10px;
	margin-left: 10px;
	margin-top: 15px;
}

p.bulletedCont
{
	margin: 0;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 25px;
}

p.videoBulleted
{
	margin-left: 0px;
	margin-bottom: 5px;
	mc-auto-number-format: '• ';
	text-indent: -10px;
	margin-left: 10px;
	margin-top: 15px;
	font-size: 12pt;
}

p.videoBulletedCont
{
	margin: 0;
	padding-left: 10px;
	margin-bottom: 5px;
	margin-top: 25px;
	font-size: 12pt;
}

p.legal
{
	font-size: 80%;
	margin-top: 0;
	margin: 0;
	margin-bottom: 5px;
	padding: 0px;
}

p.processBullet
{
	list-style-position: inside;
	padding-left: 26px;
	margin-left: 0px;
	display: block;
	margin-bottom: 5px;
	mc-auto-number-format: '• ';
	text-indent: -10px;
	margin-left: 10px;
	margin-top: 5px;
}

p.processBulletCont
{
	list-style-position: inside;
	padding-left: 36px;
	margin-left: 0px;
	margin-bottom: 5px;
	margin-top: 5px;
}

p.ConceptContext
{
	margin-top: 5px;
}

/*
p.CellBody
{
    font-size: 9pt;
}
*/

p.CellHeading
{
	font-weight: bold;
}

p.TOC1
{
	margin-bottom: 5px;
	margin-left: -5.12cm;
	margin-top: 10px;
	font-size: 110%;
	padding-top: -3px;
	float: left;
	font-family: Gudea, ' Helvetica', ' Verdana';
}

p.TOC2
{
	margin-left: 50mm;
}

p.TOC3
{
	margin-left: 55mm;
}

p.caption
{
	text-align: center;
	page-break-inside: avoid;
	page-break-before: avoid;
	margin-top: 0px;
}

/*
a
{
    color: #0000FF;
}
*/

/************ Madcap specials ************/

MadCap|expanding
{
	mc-open-image: url('file:///c:/program files/madcap software/madcap flare 18/flare.app/resources/images/webhelp/minus.png');
	mc-closed-image: url('file:///c:/program files/madcap software/madcap flare 18/flare.app/resources/images/webhelp/plus.png');
	mc-image-position: left;
}

MadCap|dropDown
{
	mc-open-image: url('file:///c:/program files/madcap software/madcap flare 18/flare.app/resources/images/webhelp/minus.png');
	mc-closed-image: url('file:///c:/program files/madcap software/madcap flare 18/flare.app/resources/images/webhelp/plus.png');
	font-family: 'Segoe UI', 'Open Sans', Arial, Gudea, Helvetica, Verdana;
}

MadCap|toggler
{
	mc-open-image: url('file:///c:/program files/madcap software/madcap flare 18/flare.app/resources/images/webhelp/minus.png');
	mc-closed-image: url('file:///c:/program files/madcap software/madcap flare 18/flare.app/resources/images/webhelp/plus.png');
	color: inherit;
}

MadCap|popupHead
{
	color: #5B8EC1;
}

MadCap|popupBody
{
	color: #EBEBEB;
	border: none;
	background-color: rgba(0, 0, 0, .85);
	padding: 11px 15px;
}

MadCap|glossaryTerm
{
	
}

MadCap|glossaryTerm.Expanding
{
	color: inherit;
	font-weight: inherit;
}

MadCap|glossaryTerm.Hyperlink
{
	color: #5B8EC1;
	font-weight: inherit;
}

MadCap|glossaryTerm.Popup
{
	color: #5B8EC1;
	font-weight: normal;
}

MadCap|conceptLink
{
	color: #000000;
}

MadCap|keywordLink
{
	color: #000000;
}

MadCap|relatedTopics
{
	color: #000000;
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
	font-weight: bolder;
	font-size: 120%;
	margin-top: 100px;
}

MadCap|helpControlMenu
{
	color: #707070;
	background-color: #FFFFFF;
	border: none;
}

MadCap|helpControlMenuItem
{
	color: inherit;
	font-size: inherit;
	font-family: inherit;
}

MadCap|helpControlMenuItem.Highlighted
{
	color: #000000;
	background-color: #E5EFF7;
}

MadCap|dropDownHotspot
{
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
}

MadCap|dropDownHead
{
	font-weight: bolder;
	font-size: 120%;
	padding-top: 10px;
	padding-bottom: 10px;
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0px;
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
}

MadCap|xref.noPage
{
	mc-format: '{paratext}';
	color: #409cb3;
	text-decoration: none;
}

MadCap|xref
{
	mc-format: '{paratext}';
	text-decoration: none;
	color: #409cb3;
	font-weight: normal !important;
}

MadCap|dropDownHead.dropDownHeadIndented
{
	font-size: 100%;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 10px;
}

MadCap|dropDownBody
{
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
}

MadCap|relatedTopicsControlList
{
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
}

MadCap|relatedTopicsControlListItem
{
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
}

MadCap|relatedTopicsControlListItemLink
{
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
}

MadCap|tocProxy
{
	border-top-width: 0px;
}

MadCap|xref.chapterAndHeading
{
	mc-format: '{u}{color blue}{paratext}{/color}{/u}';
	color: #409cb3;
	text-decoration: none;
}

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: left;
	background-image: url('../images/minus2.png');
	padding-left: 18px;
	padding-right: 0;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-position: left;
	background-image: url('../images/plus2.png');
	padding-left: 18px;
	padding-right: 0;
}

/******** misc ***********/

span.noteCont
{
	background-color: #dcdcdc;
	box-shadow: 0.5em 0 0 #dcdcdc, -0.5em 0 0 #dcdcdc;
	color: #5a5a58;
	display: inline;
}

object
{
	display: inline-block;
	padding-top: 30px;
}

.code
{
	padding: 5px;
	background-color: #efefef;
	border-radius: 10px;
	border: 1px solid #dddddd;
	font-family: Consolas, monospace;
	xml: space;
}

.codeinline
{
	padding: 4px;
	background-color: #efefef;
	border-radius: 10px;
	border: 1px solid #dddddd;
	font-family: Consolas, monospace;
	xml: space;
}

/*********** non print ***********?? what's this?

@media non-print
{
    body
    {
        background-color: #e2e2e2;
    }

    table
    {
        width: auto;
    }

    h1
    {
        color: #fcb434;
    }

    div.Graphics
    {
        text-align: center;
    }

    p.graphic
    {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    td.caption
    {
        font-family: 'Cachet Std Book', ' Gudea', ' Helvetica', ' Verdana';
    }
} **/

/***** tables *****/

tr
{
	page-break-inside: avoid;
}

td.caption
{
	text-align: center;
	font-family: 'Gudea', ' ' Helvetica '', ' Verdana';
	page-break-inside: avoid;
	page-break-before: avoid;
}

table.footer_left
{
	
}

table.footer_right
{
	width: 100%;
}

table
{
	margin-bottom: 5px;
	margin-left: auto;
	margin-right: auto;
}

/**** dropdown and minitoc ********/

MadCap|dropDownHead.dropDownHeadNoBold
{
	font-weight: normal;
}

MadCap|miniTocProxy
{
	border-top-color: #696969;
	color: #0000ff;
	text-decoration: underline;
}

p.MiniTOC1
{
	color: #0000ff;
}

p.MiniTOC2
{
	color: #0000ff;
}

p.MiniTOC3
{
	color: #0000ff;
}

p.MiniTOC4
{
	color: #0000ff;
}

p.MiniTOC5
{
	color: #0000ff;
}

p.MiniTOC6
{
	color: #0000ff;
}

p.MiniTOC7
{
	color: #0000ff;
}

p.MiniTOC8
{
	color: #0000ff;
}

p.MiniTOC9
{
	color: #0000ff;
}

/* Menu ToC Overflow Fix */

.sm-mint a,
.sm-mint a:hover,
.sm-mint a:focus,
.sm-mint a:active
{
	overflow-wrap: break-word;
}

/******************* Fonts ******************/
/*Font Embed*/

@font-face 
{
	font-family: 'AvenirNext Heavy';
	src: url('fonts/avenirnext-heavy-09.ttf');
	src: local('AvenirNext Heavy'), url('fonts/avenirnext-heavy-09.ttf') format('truetype');
}

@font-face 
{
	font-family: 'AvenirNext Regular';
	src: url('fonts/avenirnext-regular-08.ttf');
	src: local('AvenirNext Regular'), url('fonts/avenirnext-regular-08.ttf') format('truetype');
}

@font-face 
{
	font-family: 'AvenirNext Medium';
	src: url('fonts/avenirnext-medium-06.ttf');
	src: local('AvenirNext Medium'), url('fonts/avenirnext-medium-06.ttf') format('truetype');
}

@font-face 
{
	font-family: 'AvenirNext Bold';
	src: url('fonts/avenirnext-bold-01.ttf');
	src: local('AvenirNext Bold'), url('fonts/avenirnext-bold-01.ttf') format('truetype');
}

@font-face 
{
	font-family: 'Segoe UI';
	src: local('Segoe UI'), url('fonts/segoeui.ttf') format('truetype');
}

@font-face 
{
	font-family: 'Segoe UI';
	src: local('Segoe UI Bold'), url('fonts/segoeuib.ttf');
	font-weight: bold;
}

@font-face 
{
	font-family: 'Segoe UI';
	src: local('Segoe UI Semibold'), url('fonts/seguisb.ttf');
	font-weight: 600;
}

@font-face 
{
	font-family: 'Segoe UI Italic';
	src: url('fonts/segoeuii.ttf');
	src: local('Segoe UI Italic'), url('fonts/segoeuii.ttf') format('truetype');
}

@font-face 
{
	font-family: 'AvenirHeavy';
	src: url('fonts/avenirheavy.woff');
	src: local('AvenirHeavy'), url('fonts/avenirheavy.woff') format('woff');
}

@font-face 
{
	font-family: 'AvenirLight';
	src: url('fonts/avenirlight.woff');
	src: local('AvenirLight'), url('fonts/avenirlight.woff') format('woff');
}

@font-face 
{
	font-family: 'AvenirMedium';
	src: url('fonts/avenirmedium.woff');
	src: local('AvenirMedium'), url('fonts/avenirmedium.woff') format('woff');
}

/***********************************************************/
/******************** Image Styles *************************/

img
{
	vertical-align: text-bottom;
}

img.centred
{
	display: block;
	margin: 0 auto;
}

img.cm02
{
	max-width: 2cm;
	min-width: 2cm;
	display: block;
	margin: 0 auto;
}

img.cm04
{
	max-width: 4cm;
	min-width: 4cm;
	display: block;
	margin: 0 auto;
}

img.cm05
{
	max-width: 5cm;
	min-width: 5cm;
	display: block;
	margin: 0 auto;
}

img.cm06
{
	max-width: 6cm;
	min-width: 6cm;
	display: block;
	margin: 0 auto;
}

img.cm07
{
	max-width: 7cm;
	min-width: 7cm;
	display: block;
	margin: 0 auto;
}

img.cm08
{
	max-width: 8cm;
	min-width: 8cm;
	display: block;
	margin: 0 auto;
}

img.cm10
{
	max-width: 10cm;
	min-width: 10cm;
	display: block;
	margin: 0 auto;
}

img.cm12
{
	max-width: 12cm;
	min-width: 12cm;
	display: block;
	margin: 0 auto;
}

img.cm15
{
	max-width: 15cm;
	min-width: 15cm;
	display: block;
	margin: 0 auto;
}

img.cm18
{
	max-width: 18cm;
	min-width: 18cm;
	display: block;
	margin: 0 auto;
}

img.px16
{
	max-width: 16px;
	min-width: 16px;
}

img.px14
{
	max-width: 14px;
	min-width: 14px;
}

img.px24
{
	max-width: 24px;
	min-width: 24px;
}

img.thumbnail5cm
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	width: 5cm;
	max-width: 5cm;
	mc-thumbnail-max-width: 5cm;
}

img.thumbnail7cm
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	width: 7cm;
	max-width: 7cm;
	mc-thumbnail-max-width: 7cm;
}

img.thumbnail10cm
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	width: 10cm;
	max-width: 10cm;
	mc-thumbnail-max-width: 10cm;
}

img.thumbnail18cm
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	width: 18cm;
	max-width: 18cm;
	mc-thumbnail-max-width: 18cm;
}

/********** thumbnailing *******/
/* Set the anchor element and popup div to relative positioning */

.MCPopupThumbnailPopup
{
	position: relative;
}

/* Position and style the "Click to ..." content */

.MCPopupThumbnailPopup::after,
.MCPopupContainer::after
{
	position: absolute;
	left: 1px;
	bottom: 5px;
	color: white;
	background-color: rgba(0, 0, 0, 0.65);
	padding: 2px;
}

/* Set the "Click to ..." content for the thumbnail and full-size image */

.MCPopupThumbnailPopup::after
{
	content: url('../images/magnifier_plus.png');
}

/* Change the cursor to zoom-in and zoom-out to further assist the user*/

.MCPopupThumbnail
{
	cursor: zoom-in;
}

.MCPopupFullImage
{
	cursor: zoom-out;
}

/********************** Nav Bar ****************************/

nav.title-bar
{
	height: 70px;
}

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

ul.navigation li > a
{
	line-height: 53px;
	/* fix for Flare 2018 */
	border-top: 3px solid transparent;
	padding-left: 0px;
	padding-right: 0px;
	margin-left: 16px;
	margin-right: 16px;
	padding-top: 7px !important;
	display: inline-block !important;
	text-transform: uppercase !important;
	padding-bottom: 0px;
	/* fix for Flare 2018 */
}

ul.navigation > li > a
{
	margin-bottom: 0px !important;
}

.title-bar
{
	padding: 0px !important;
}

nav.title-bar
{
	padding-top: 0px !important;
}

ul.navigation ul a
{
	text-transform: initial !important;
	font-weight: normal !important;
	border-top: 0px;
}

ul.navigation ul a:hover
{
	border-top: 0px;
}

ul.navigation > li > a:hover
{
	border-bottom: 7px solid #828282;
	margin-bottom: 0px !important;
}

div.home-tiles a:hover	/*Complex Selector: When hovering over links within the home tiles the following properties will apply.*/
{
	color: #e9b443;
}

.categoryCards ul li a:hover:before
{
	background: rgba(0, 0, 0, .5);
	-webkit-transition: background 500ms linear;
	-moz-transition: background 500ms linear;
	-ms-transition: background 500ms linear;
	-o-transition: background 500ms linear;
}

.categoryCards ul li a:hover:before
{
	background: rgba(0, 0, 0, .5);
	-webkit-transition: background 500ms linear;
	-moz-transition: background 500ms linear;
	-ms-transition: background 500ms linear;
	-o-transition: background 500ms linear;
}

ul.navigation > li > a
{
	margin-bottom: 7px !important;
}

ul.navigation > li > a
{
	margin-bottom: 7px !important;
}

.navigation-wrapper
{
	height: 70px;
	/*justify-content: flex-end;*/
}

ul.navigation ul > li > a
{
	font-family: "AvenirMedium", 'Open Sans', Arial;
	border-top: 0px !important;
	font-size: 0.95rem;
	line-height: 1.1;
	letter-spacing: 0.01625rem;
	font-weight: normal;
}

ul.navigation ul > li.has-children > a:after
{
	top: 0px !important;
}

ul.navigation ul > li.has-children > a:after	/* right pointing arrow for drop-down options */
{
	top: 7px !important;
}

.nav-search-wrapper
{
	max-width: 400px;
	width: 370px;
	padding-right: 20px;
	position: absolute;
	right: 0;
	overflow: hidden;
}

@media screen and (max-width: 1550px)
{
	.nav-search-wrapper
	{
		width: 300px;
	}
}

@media screen and (max-width: 1400px)
{
	.nav-search-wrapper
	{
		width: 250px;
	}
}

/*@media screen and (max-width: 1300px) {
    .nav-search-wrapper {
        width: 200px;
    }
}*/

.nav-search-wrapper .nav-search.row.hidden,
.nav-search-wrapper .search-icon.hidden
{
	transform: translateX(100%);
	opacity: 0;
}

.nav-search-wrapper .search-icon
{
	color: black;
	font-size: 24px;
	cursor: pointer;
	position: absolute;
	bottom: -2px;
	right: 40px;
}

.nav-search-wrapper .nav-search.row,
.nav-search-wrapper .search-icon
{
	transition: all .5s ease;
}

.nav-search-wrapper .search-icon:before
{
	display: inline-block;
	margin-right: 10px;
	content: 'Search Docs...';
	font-size: 14px;
}

.product
{
	/*float: left;
    transform: translate(18px, 20%);*/
	/* updated for Flare 2018 */
	position: absolute;
	top: 19px;
	left: 110px;
}

.product img
{
	/*  height: 40px; */
}

@media only screen and (max-width: 1279px)
{
	.title-bar-section a.logo
	{
		top: 25% !important;
	}

	.title-bar-layout a.logo
	{
		display: none;
	}

	.sticky-container-new
	{
		float: initial !important;
		position: relative !important;
		max-width: 300px !important;
	}

	ul.menu._Skins_SideMenu_Right.mc-component
	{
		min-width: 300px !important;
		margin-left: 0px !important;
	}

	.off-canvas-wrapper-inner .outer-row
	{
		/* fix for Flare 2018 */
		padding-top: 1em;
	}

	.title-bar-layout .logo-wrapper
	{
		margin-top: 13px;
	}

	.menu-icon-container
	{
		margin-top: 12px;
		margin-right: 25px;
	}
}

/***********************************************************/
/*==Home Tiles section==*/

div.home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	margin-bottom: 5%;
}

div.home-tiles::before
{
	content: ' ';
	display: table;
}

div.home-tiles::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f5f5f5;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	/*Adds transition animation when switching between screen sizes*/
	/*  padding: 60px 10px; */
	overflow: hidden;
	height: 290px;
}

/*div.home-tiles > div:hover /*When hovering over a home-tile, these properties apply
{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}*/

div.home-tiles > div:nth-child(1)
{
	width: 31%;
	margin-left: 0%;
}

div.home-tiles > div:nth-child(2)
{
	width: 31%;
	margin-left: 3%;
}

div.home-tiles > div:nth-child(3)
{
	width: 31%;
	margin-left: 3%;
}

div.home-tiles-versions	/*For Previous Product Help Versions page*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	margin-bottom: 5%;
}

div.home-tiles-versions::before
{
	content: ' ';
	display: table;
}

div.home-tiles-versions::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-versions > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f5f5f5;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	overflow: hidden;
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

div.home-tiles-versions > div:nth-child(1)
{
	width: 100%;
	margin-left: 0%;
}

div.home-tiles-versions > div:nth-child(2)
{
	width: 48%;
	margin-left: 3%;
}

/*==Home Tiles 2 section - used for landing pages==*/

div.home-tiles-land	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.home-tiles-land::before
{
	content: ' ';
	display: table;
}

div.home-tiles-land::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-land > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f5f5f5;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	overflow: hidden;
}

/*div.home-tiles > div:hover /*When hovering over a home-tile, these properties apply
{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}*/

div.home-tiles-land > div:nth-child(1)
{
	width: calc(33% - 10px);
	margin-left: 10px;
}

div.home-tiles-land > div:nth-child(2)
{
	width: calc(33% - 10px);
	margin-left: 10px;
}

div.home-tiles-land > div:nth-child(3)
{
	width: calc(33% - 10px);
	margin-left: 10px;
}

/*Tutorial Landing Page */

div.home-tiles-tut	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.home-tiles-tut::before
{
	content: ' ';
	display: table;
}

div.home-tiles-tut::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-tut > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #f5f5f5;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	overflow: hidden;
}

/*div.home-tiles > div:hover /*When hovering over a home-tile, these properties apply
{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}*/

div.home-tiles-tut > div:nth-child(1)
{
	width: calc(20% - 10px);
	margin-left: 10px;
}

div.home-tiles-tut > div:nth-child(2)
{
	width: calc(20% - 10px);
	margin-left: 10px;
}

div.home-tiles-tut > div:nth-child(3)
{
	width: calc(20% - 10px);
	margin-left: 10px;
}

div.home-tiles-tut > div:nth-child(4)
{
	width: calc(20% - 10px);
	margin-left: 10px;
}

div.home-tiles-tut > div:nth-child(5)
{
	width: calc(20% - 10px);
	margin-left: 10px;
}

/*==Home Tiles without images==*/

div.home-tiles-basic	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 1%;
	margin-bottom: 1%;
}

div.home-tiles-basic::before
{
	content: ' ';
	display: table;
}

div.home-tiles-basic::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-tiles-basic > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
	/*Adds transition animation when switching between screen sizes*/
	/*  padding: 60px 10px; */
	overflow: hidden;
	/* border-radius: 5px; */
	border-bottom: 1px solid #fcb434;
	height: 190px;
}

/*div.home-tiles > div:hover /*When hovering over a home-tile, these properties apply
{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}*/

div.home-tiles-basic > div:nth-child(3n+1)
{
	width: 31%;
	margin-left: 0%;
}

div.home-tiles-basic > div:nth-child(3n+2)
{
	width: 31%;
	margin-left: 3%;
}

div.home-tiles-basic > div:nth-child(3n+3)
{
	width: 31%;
	margin-left: 3%;
}

div.home-tiles-small > div:nth-child(1)
{
	width: 31%;
	margin-left: 0%;
	height: 120px;
}

div.home-tiles-small > div:nth-child(2)
{
	width: 31%;
	margin-left: 3%;
	height: 120px;
}

div.home-tiles-small > div:nth-child(3)
{
	width: 31%;
	margin-left: 3%;
	height: 120px;
}

div.home-tiles-double > div:nth-child(1)
{
	width: 38%;
	margin-left: 0%;
}

div.home-tiles-double > div:nth-child(2)
{
	width: 38%;
	margin-left: 4%;
}

/*=Elements for text contained within each home-tile=*/

p.tile-image
{
	margin-top: 0px;
}

p.tile-title
{
	color: #7E8890;
	font-size: 1.4em;
	font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif;
	margin-top: 0px;
	margin-bottom: 2px;
}

p.tile-title > a
{
	margin-left: 10px;
	margin-right: 10px;
	display: block;
}

p.tile-title > img
{
	margin-bottom: 10px;
}

p.tile-content
{
	text-align: left;
	color: #7E8890;
	font-size: 11pt;
	line-height: 18px;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif;
}

p.tile-title-basic
{
	color: black;
	font-size: 22px;
	font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-left: 10px;
	margin-right: 10px;
	line-height: 23px;
	padding-right: 0.2rem;
}

p.tile-title-basic:after
{
	content: '.';
	display: inline;
	color: #FCB434;
	position: absolute;
}

p.tile-content-basic
{
	text-align: left;
	color: #7E8890;
	font-size: 11pt;
	line-height: 18px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}

p.tile-versions-title
{
	color: #272727;
	font-size: 20pt;
	margin-left: 20px;
	font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif;
}

p.tile-land-title
{
	color: #272727;
	font-size: 20px;
	margin-left: 5px;
	font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif;
}

p.tile-tut-title
{
	color: #272727;
	font-size: 18px;
	margin-left: 5px;
	margin-top: 8px;
	line-height: 1.2em;
	font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif;
}

p.tile-land-image
{
	margin-left: 0px;
	margin-top: 0px;
}

img.tile-image
{
	width: 100%;
}

p.tile-versions-content
{
	text-align: left;
	color: #272727;
	font-size: 18ox;
	line-height: 18px;
	margin-bottom: 0px;
	margin-left: 20px;
	font-family: 'Segoe UI', 'Open Sans', Arial, 'Helvetica', sans-serif;
}

p.tile-land-content
{
	text-align: left;
	color: #272727;
	font-size: 16ox;
	line-height: 18px;
	margin-bottom: 30px;
	margin-left: 5px;
	font-family: 'AvenirLight', 'Open Sans', Arial, 'Helvetica', sans-serif;
}

p.tile-items
{
	color: #7E8890;
	font-size: 0.7em;
	text-align: center;
}

div.home-tiles-land a	/*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
	text-decoration: none;
	color: #272727;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

/*Tutorial link*/

div.home-tiles-tut a	/*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
	text-decoration: none;
	color: #272727;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

div.home-tiles a	/*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
	text-decoration: none;
	color: #565656;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

div.home-tiles-basic a	/*Complex Selector: Any anchor (links) tags that are within div.home-tiles will have the following properties*/
{
	text-decoration: none;
	color: #565656;
	transition: all 0.3s cubic-bezier(.25, .8, .25, 1);
}

/* indents for regular landing pages */

.indent-two
{
	margin-left: 17% !important;
}

.indent-one
{
	margin-left: 35% !important;
}

/* indents for the tutorial landing pages */

.indent-four-tut
{
	margin-left: 10% !important;
}

.indent-three-tut
{
	margin-left: 20% !important;
}

.indent-two-tut
{
	margin-left: 30% !important;
}

.indent-one-tut
{
	margin-left: 40% !important;
}

/* indents for the section landing pages */

.indent-two-s
{
	margin-left: 18% !important;
}

.indent-one-s
{
	margin-left: 34.5% !important;
}

/*===========================================================================================================================================================
Styles after this point are for specific media. If any additional styles are added to this template they will be listed after media.
[@media tablet] declares styles that will apply when the screen is in tablet view
[@media mobile] declares styles that will apply when the screen is in mobile view
===========================================================================================================================================================*/

@media only screen and (max-width: 1279px)
{
	#content-section .right-section,
	#content-section .left-section
	{
		padding: 0;
	}

	p.info-title
	{
		font-size: 2em;
	}

	p.info-content
	{
		font-size: 1em;
	}

	div.home-tiles > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles-versions > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #f5f5f5;
		transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
		overflow: hidden;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
	}

	div.home-tiles-basic > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
	}

	div.home-tiles-basic > div:nth-child(1)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles-basic > div:nth-child(2)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles-basic > div:nth-child(3)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles-land > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: transparent;
		transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
		/*Adds transition animation when switching between screen sizes*/
	}

	div.home-tiles-land > div:nth-child(1)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles-land > div:nth-child(2)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles-land > div:nth-child(3)
	{
		width: 32%;
		margin-left: 1%;
	}

	div.home-tiles-tut > div
	{
		float: left;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: #f5f5f5;
		transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
		/*Adds transition animation when switching between screen sizes*/
	}

	div.home-tiles-tut > div:nth-child(1)
	{
		width: 19%;
		margin-left: 1%;
	}

	div.home-tiles-tut > div:nth-child(2)
	{
		width: 19%;
		margin-left: 1%;
	}

	div.home-tiles-tut > div:nth-child(3)
	{
		width: 19%;
		margin-left: 1%;
	}

	div.home-tiles-tut > div:nth-child(4)
	{
		width: 19%;
		margin-left: 1%;
	}

	div.home-tiles-tut > div:nth-child(5)
	{
		width: 19%;
		margin-left: 1%;
	}

	div.info-section > div
	{
		text-align: center;
	}

	div.info-section > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10%;
		margin-top: 5%;
	}

	div.info-section > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 5%;
	}

	div.info-section > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}
}

/* end of media tablet */
/***********************************************************/
/******************** top banner for landing pages ********************/

.banner
{
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
}

h1.banner
{
	font-family: 'AvenirMedium', 'Open Sans', Arial, 'Helvetica', sans-serif;
	font-size: 64px;
	align: left;
	padding-left: 30px;
	line-height: 60px;
	transform: translateY(-140px);
	color: white;
	font-weight: normal;
}

h4.banner
{
	font-family: 'AvenirMedium', 'Open Sans', Arial, 'Helvetica', sans-serif;
	align: left;
	left: 30px;
	top: 320px;
	color: white;
	position: absolute;
}

.yellowDot
{
	color: #fcb434;
}

.productLogo
{
	background-image: url('../images/product_logo.png');
	min-width: 120px;
	min-height: 32px;
	background-repeat: no-repeat;
}

div.topic-hero	/*This is the first Hero/Banner on the Home Page - To replace the banner image with your own, change background-image property*/
{
	height: 100px;
	padding-bottom: 150px;
	padding-top: 150px;
	background-color: #d3d3d3;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 0;
}

div.learn-banner
{
	background-image: url('../images/banners/banner_1.jpg');
}

div.install-banner
{
	background-image: url('../images/banners/banner_1.jpg');
}

div.user-guide-banner
{
	background-image: url('../images/banners/banner_1.jpg');
}

div.tutorials-banner
{
	background-image: url('../images/banners/banner_1.jpg');
}

div.reference-guide-banner
{
	background-image: url('../images/banners/banner_1.jpg');
}

div.resources-banner
{
	background-image: url('../images/banners/banner_1.jpg');
}

/************************************************************/
/******************** footer ********************/

#globalFooter
{
	margin-top: 80px;
	padding: 40px 30px 54px;
	background: #272727;
	font-size: 12px;
	color: rgba(255, 255, 255, .5);
}

#globalFooter .top
{
	margin-bottom: 35px;
}

#globalFooter .top .footer-logo
{
	display: inline-block;
	text-indent: -9999px;
	width: 36px;
	height: 36px;
	background: url('../images/logos/foundry.png') no-repeat;
	background-size: cover;
	-webkit-opacity: .3;
	-moz-opacity: .3;
	opacity: .3;
	vertical-align: middle;
	margin-right: 40px;
}

#globalFooter .top .credits
{
	vertical-align: middle;
}

#globalFooter .social
{
	float: right;
}

#globalFooter .social a
{
	padding: 8px 13px;
	display: inline-block;
	color: rgba(255, 255, 255, 0);
}

#globalFooter .social a span.facebook
{
	width: 13px;
	background-image: url('../images/logos/facebook.png');
}

#globalFooter .social a span.twitter
{
	width: 24px;
	background-image: url('../images/logos/twitter.png');
}

#globalFooter .social a span.youtube
{
	width: 30px;
	background-image: url('../images/logos/youtube.png');
}

#globalFooter .social a span.vimeo
{
	width: 25px;
	background-image: url('../images/logos/vimeo.png');
}

#globalFooter .social a span.google
{
	width: 35px;
	background-image: url('../images/logos/google.png');
}

#globalFooter .social a span
{
	display: block;
	height: 24px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	opacity: .5;
}

.icon:not(.icon-after):not(.icon-before)
{
	margin-right: 12px;
	vertical-align: text-bottom;
}

#globalFooter .footer-nav
{
	display: inline-block;
	vertical-align: top;
	margin-right: 100px;
}

#globalFooter .footer-nav h4
{
	text-transform: uppercase;
	color: rgba(255, 255, 255, .75);
	font-family: 'AvenirNext Bold', 'Open Sans', Arial, sans-serif;
	line-height: 30px;
}

#globalFooter .footer-nav a
{
	display: block;
	text-transform: uppercase;
	color: rgba(255, 255, 255, .5);
	line-height: 30px;
}

/************************************************************/
/***************** search highlighting **********************/

span.SearchHighlight.SearchHighlight1
{
	color: #000000;
	background-color: #ffff66;
}

span.SearchHighlight.SearchHighlight2
{
	color: #000000;
	background-color: #a0ffff;
}

span.SearchHighlight.SearchHighlight3
{
	color: #000000;
	background-color: #99ff99;
}

span.SearchHighlight.SearchHighlight4
{
	color: #000000;
	background-color: #ff9999;
}

span.SearchHighlight.SearchHighlight5
{
	color: #000000;
	background-color: #ff66ff;
}

span.SearchHighlight.SearchHighlight6
{
	color: #ffffff;
	background-color: #880000;
}

span.SearchHighlight.SearchHighlight7
{
	color: #ffffff;
	background-color: #00aa00;
}

span.SearchHighlight.SearchHighlight8
{
	color: #ffffff;
	background-color: #886800;
}

span.SearchHighlight.SearchHighlight9
{
	color: #ffffff;
	background-color: #004699;
}

span.SearchHighlight.SearchHighlight10
{
	color: #ffffff;
	background-color: #990099;
}

/****************************************************/
/***************** page menu **********************/

table.inThisTopic
{
	margin-left: 0px;
}

/****************************************************/
/*******************sticky menu**********************/

.sticky-container-new
{
	float: right;
	position: absolute;
	max-width: 300px;
	z-index: 0;
	margin-left: 195mm;
}

ul.menu._Skins_SideMenu_Right.mc-component
{
	min-width: 300px;
}

/* fix for top nav overlap
*[id]:before { 
  display: block; 
  content: " "; 
  margin-top: -75px; 
  height: 75px; 
  visibility: hidden; 
}
*/

/*******************sticky menu**********************/
/****** image modal ******/
/* Style the Image Used to Trigger the Modal */

#myImg
{
	border-radius: 5px;
	cursor: pointer;
	transition: 0.3s;
}

#myImg:hover
{
	opacity: 0.7;
}

/* The Modal (background) */

.modal
{
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 10000;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.9);
	/* Black w/ opacity */
}

/* Modal Content (Image) */

.modal-content
{
	margin: auto;
	display: block;
	width: 80%;
	max-width: 1280px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */

#caption
{
	margin: auto;
	display: block;
	width: 80%;
	max-width: 700px;
	text-align: center;
	color: #ccc;
	padding: 10px 0;
	height: 150px;
}

/* Add Animation - Zoom in the Modal */

.modal-content,
#caption
{
	-webkit-animation-name: zoom;
	-webkit-animation-duration: 0.6s;
	animation-name: zoom;
	animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
} 

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
} 

/* The Close Button */

.close
{
	position: absolute;
	top: 15px;
	right: 35px;
	color: #f1f1f1;
	font-size: 40px;
	font-weight: bold;
	transition: 0.3s;
}

.close:hover,
.close:focus
{
	color: #bbb;
	text-decoration: none;
	cursor: pointer;
}

/* 100% Image Width on Smaller Screens */

@media only screen and (max-width: 700px)
{
	.modal-content
	{
		width: 100%;
	}
}

/*******************************************/
/********** fixed height thumbnail box *************/

.thumb-box
{
	height: 330px;
}

.thumb-box-tut
{
	height: 250px;
}

@media only screen and (max-width: 1279px)
{
	
}

/*******************************************/
/******* container to resize videos - works with iframes **********/

.vidbox
{
	width: 650px;
	height: 366px;
}

.big-vidbox
{
	width: 896px;
	height: 504px;
}

@media screen and (max-width: 900px)
{
	.big-vidbox
	{
		width: 600px;
		height: 334px;
	}
}

@media screen and (max-width: 600px)
{
	.vidbox
	{
		width: 300px;
		height: 167px;
	}

	.big-vidbox
	{
		width: 300px;
		height: 167px;
	}
}

/*******************************************/
/******* side menu **********/

ul.menu._Skins_SideMenu.mc-component li > a
{
	font-family: 'Segoe UI', 'Open Sans', Arial, Gudea, Helvetica, Verdana;
}

/*******************************************/
/****** call to action button ***/

div.download-cta
{
	float: right;
	margin-right: 15px;
	padding: 2px 0px;
	width: 192px;
	color: white;
	transition: all 0.5s cubic-bezier(.25, .8, .25, 1);
	margin-top: 20px;
	background-color: #f19a04;
	font-family: 'Segoe UI', 'Open Sans', Arial;
	font-size: 12pt;
	background-image: url('../images/download_round.png');
	background-repeat: no-repeat;
	background-position: 10px;
	background-size: 30px;
	padding-left: 20px;
	border-radius: 4px;
}

div.download-cta:hover	/*When hovering over the CTA button the following properties will apply*/
{
	background-color: #e9b443;
}

div.cta
{
	font-family: 'Segoe UI', 'Open Sans', Arial;
	font-size: 12pt;
	background-image: url('../images/download_round.png');
}

div.download-buttons-container
{
	position: absolute;
	top: 315px;
	right: 0px;
}

/*.banner-cta {
    opacity: 0.85;
}*/

/*.pdf-cta
{
    position: absolute;
    right: 220px;
    top: 305px;
    float: right;
    opacity: 0.85;
}

.pdf2-cta
{
    position: absolute;
    right: 300px;
    top: 305px;
    float: right;
    opacity: 0.85;
}*/

/******* search results *********/

#resultList .url cite
{
	color: #a9a9a9;
}

#resultList h3.title a
{
	color: #409cb3;
}

#resultList .description
{
	font-size: .9em;
	line-height: 1.3em;
}

#pagination a#selected
{
	color: #e9b443;
}

/********************************/
/******* added for Flare 2018 to stop menus going off screen *******/

ul.navigation > li > ul
{
	/*  left: auto; */
	/*  right: 0; */
}

/**** learn page styles ****/

.learn-text
{
	font-size: 18px;
	line-height: 20px;
	color: #626262;
	font-family: 'AvenirNext Regular';
	margin-top: 0px;
}

.learn-col-title
{
	margin-bottom: 5px;
}

.para-link:after
{
	content: "";
	display: inline-block;
	width: 18px;
	height: 19px;
	background: url('https://www.foundry.com/themes/custom/foundry_theme/img/icons/cta_arrow.svg') no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	transform: translateY(4px);
	margin-left: 10px;
	font-weight: bold;
}

.learn-cta
{
	color: #000000;
	display: block;
	font-size: 18px;
	margin: 15px 0 0;
	display: inline-block;
	font-family: 'AvenirNext Medium' !important;
	margin-bottom: 0px;
	font-weight: bold !important;
}

.learn-col-one
{
	padding: 0px 0px 0px 0px;
	background: #e8eae8;
	margin-left: 0px !important;
	margin-right: 15px;
}

.learn-col-two
{
	background-color: #ffffff !important;
}

.learn-col-three
{
	padding: 9px 0px 0px 0px;
	background-color: #ffffff !important;
}

.learn-head
{
	font-size: 42px;
	color: #000000;
	font-family: 'AvenirNext Regular';
	margin-bottom: 40px;
	font-weight: bold;
}

.card-image
{
	width: 100%;
	height: auto;
	display: block;
}

.learn-link
{
	display: inline-block;
	width: 100%;
	color: rgba(0, 0, 0, 0.75);
	margin-top: 17px;
	font-family: 'AvenirNext Regular';
}

.learn-link:after
{
	content: "";
	display: inline-block;
	width: 18px;
	height: 19px;
	float: right;
	background: url('https://www.foundry.com/themes/custom/foundry_theme/img/icons/cta_arrow.svg') no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

.text-container
{
	padding: 11px 16px 11px 18px;
}

div.text-container > ul
{
	list-style-type: none;
	padding: 0px;
}

div.bullet-indent
{
	margin-left: 20px;
}

div.big-video-container
{
	background: #000;
	position: relative;
	width: 100%;
	margin: 0 auto;
	margin-top: 40px;
	margin-bottom: 5px;
}

.centred
{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.learn-box
{
	height: 75px;
	padding: 10px;
	text-align: center;
}

.learn-box:hover
{
	background-color: #fcb434;
}

.prev,
.next
{
	font-style: italic;
	font-size: 18px;
}

.divider
{
	border-top: 1px solid #e5e5e5;
}

.highlight
{
	background-color: #efefef;
}

pre
{
	white-space: pre-wrap;
	/* css-3 */
	white-space: -moz-pre-wrap;
	/* Mozilla, since 1999 */
	white-space: -pre-wrap;
	/* Opera 4-6 */
	white-space: -o-pre-wrap;
	/* Opera 7 */
	word-wrap: break-word;
	/* Internet Explorer 5.5+ */
}

/**** top buttons *****/

.categoryCards
{
	max-width: 1440px;
	margin: 0 auto;
	line-height: 0em;
}

.categoryCards ul
{
	display: block;
}

.categoryCards ul li
{
	width: 33%;
	height: 60px;
	float: left;
	overflow: hidden;
	margin: 1px;
}

.categoryCards ul li a
{
	display: table;
	width: 100%;
	height: 100%;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
}

.clearfix:before,
.clearfix:after
{
	content: " ";
	display: table;
}

.clearfix:after
{
	clear: both;
}

.categoryCards ul li a:before
{
	content: '';
	display: block;
	background: rgba(0, 0, 0, .3);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-ms-transition: background 200ms linear;
	-o-transition: background 200ms linear;
}

.categoryCards ul li a h4
{
	display: table-cell;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 30px;
	position: relative;
	font-family: 'AvenirMedium', 'Open Sans', Arial, Gudea, Helvetica, Verdana;
	font-weight: normal;
}

/****** feedback styles *****/

#feedback-survey
{
	background-color: #fddd87;
	padding-left: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
}

/* feedback arrow */

.feedback-arrow
{
	width: 90px;
	opacity: .75;
	position: absolute;
	/*    bottom: 120px; */
	right: 3px;
}

/******** learn landing page *********/

.caps-title
{
	font-size: 32px;
	text-transform: uppercase;
	margin-left: 10px;
	font-family: 'AvenirLight', 'Open Sans', Arial, 'Helvetica', sans-serif;
	font-weight: normal;
}

.caps-title:after
{
	content: '.';
	display: inline;
	color: #FCB434;
	position: absolute;
}

.tile-land-title-large
{
	color: #272727;
	font-size: 18px;
	margin-left: 5px;
	line-height: 120%;
	font-family: 'AvenirMedium', 'Open Sans', Arial, 'Helvetica', sans-serif;
}

p.featured-title
{
	color: black;
	font-size: 18px;
	font-family: 'AvenirLight', 'Open Sans', Arial, 'Helvetica', sans-serif;
	margin-top: 10px;
	margin-bottom: 2px;
	margin-right: 10px;
	line-height: 23px;
	padding-right: 0.2rem;
}

p.featured-title:after
{
	content: '.';
	display: inline;
	color: #FCB434;
	position: absolute;
}

.no-indent
{
	margin-left: 0px !important;
}

.featured-box
{
	height: 360px;
	background-color: #ffffff !important;
}

.side-button
{
	width: 110px;
	height: 50px;
	border-style: none !important;
	line-height: 2.5em !important;
}

a#feedback
{
	color: black;
}

ol.foundry
{
	list-style: none;
	counter-reset: foundrycounter;
	padding-left: 40px;
	margin-left: 20px;
	line-height: 1.7em;
}

ol.foundry li
{
	font-family: 'Segoe UI', 'Open Sans', Arial, Helvetica, Verdana;
	/*margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -20px;*/
	counter-increment: foundrycounter;
	margin: 0 0 20px 0;
	position: relative;
}

ol.foundry li:before
{
	content: counter(foundrycounter);
	color: #404040;
	font-size: 10pt;
	position: absolute;
	left: -38px;
	line-height: 23px;
	width: 24px;
	height: 24px;
	top: 0px;
	background: #e6e6e6;
	border-radius: 50%;
	text-align: center;
}

ul.foundry
{
	list-style: none;
	counter-reset: foundrycounter;
	padding-left: 40px;
	margin-left: 20px;
	line-height: 1.7em;
}

ul.foundry li
{
	font-family: 'Segoe UI', 'Open Sans', Arial, Helvetica, Verdana;
	color: #000000;
	list-style: none;
	margin: 0 0 7px 0;
	padding: 0;
	position: relative;
}

ul.foundry li:before
{
	color: #696969;
	content: "\2022";
	display: inline-block;
	font-size: 20pt;
	left: -25px;
	top: -1px;
	position: absolute;
}

.notranslate
{
	font-weight: bold;
}

.small-indent
{
	margin-left: 10px;
}

.foundryNav__navbar .nav-link
{
	font-family: 'AvenirNext Bold';
}

.foundryNav__navbar__secondary .foundryNav__navbar__secondary__products .subnav-link
{
	padding-bottom: .4em;
	padding: .4em 0;
}

.foundryNav__navbar__secondary__dropdown .subnav-link
{
	font-family: 'AvenirNext Regular', 'Open Sans', Arial, 'Helvetica', sans-serif;
}

@media screen and (max-width: 1024px)
{
	.foundryNav__mobile-menu-toggle
	{
		width: 27px;
	}

	.primary-menu-open .foundryNav__mobile-menu-toggle__decorative + .foundryNav__mobile-menu-toggle__decorative
	{
		margin-top: .2em;
	}
}

ul.navigation ul.sub-menu
{
	box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2);
}

.title-bar-layout .logo-wrapper
{
	/*margin-left: 20px;*/
	position: absolute;
	width: 260px;
	height: 69px;
	left: 20px;
}

/*
.title-bar-container {
    z-index: 1;
    transform: translateY(60px);
}*/

/*JOAO CODE*/

.nav-search-wrapper.hidden
{
	display: none;
	z-index: -10;
}

.title-bar-layout .product a
{
	color: black !important;
	font-size: 1.9rem;
}

.title-bar-layout .product .productLogo a
{
	display: block;
	height: 35px;
}

@media only screen and (max-width: 1279px)
{
	.title-bar-layout a.logo
	{
		display: none !important;
	}

	.title-bar-container.foundryNav__local,
	nav.title-bar,
	.title-bar-section.middle
	{
		height: 50px !important;
	}

	.title-bar-layout .logo-wrapper
	{
		margin-top: 0;
		position: relative;
		margin-left: auto;
		height: auto;
	}

	.product
	{
		/*top: 50%;*/
		left: 50%;
		transform: translate(-50%, -25%);
	}

	nav.title-bar .menu-icon
	{
		right: 50%;
		width: 230px;
		transform: translate(50%, -65%);
		height: 50px;
	}

	nav.title-bar .menu-icon span
	{
		float: right;
		background: url('https://www.foundry.com/themes/custom/foundry_theme/img/icons/chevron-up-yellow.svg') no-repeat center center / contain;
		filter: brightness(0) saturate(0);
		transform: rotate(90deg);
		width: 20px;
		height: 7px;
	}

	.nav-search-wrapper
	{
		top: 19%;
		/*transform: translateY(-50%);*/
	}

	ul.off-canvas-list li a
	{
		color: black;
		font-size: 1rem;
		border-bottom: 0px transparent;
	}

	ul.off-canvas-list ul > li > a:hover
	{
		background: transparent !important;
	}

	.thumb-box
	{
		height: initial;
	}
}

@media only screen and (max-width: 1120px)
{
	.foundryNav__local__logo
	{
		text-align: left !important;
		position: absolute;
		bottom: -2px;
	}

	.foundryNav__local__logo .nav-link.root-site-icon
	{
		padding: 0em 0 !important;
		bottom: 23px;
		left: 20px;
	}

	.foundryNav__local .desktop-only
	{
		/*display: block !important;*/
	}
}

.title-bar-layout a.logo
{
	/*  background: transparent !important; */
	/* removed to cope with offline version */
	font-size: 1.9rem;
	color: black;
}

@media only screen and (max-width: 768px)
{
	.search-bar .search-field
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}

	.search-bar .search-submit-wrapper
	{
		font-size: 1.4em;
	}

	.title-bar-layout
	{
		width: 100%;
	}

	.nav-search-wrapper
	{
		width: 100%;
		max-width: 100%;
		padding-right: 0;
		/*border: .5px solid black;*/
	}

	.nav-search.row
	{
		margin-top: 40px;
		border: .5px solid black;
		transform: translateX(100%);
	}

	.nav-search-wrapper .search-icon
	{
		bottom: 61px;
	}
}

ul.navigation > li.has-children:after
{
	border: none;
}

ul.navigation ul > li > a:after
{
	content: '';
	font-size: 1.5rem;
	top: 0px !important;
	right: 10px;
}

ul.navigation ul > li.has-children > a:after
{
	content: '\203A';
	font-size: 1.5rem;
	top: 0px !important;
	right: 3px;
}

ul.navigation li.has-children a:after
{
	content: "";
	display: inline-block;
	margin-left: 0.75rem;
	width: 0.875rem;
	height: 1.125rem;
	background-image: url('https://foundry.com/themes/custom/foundry_theme/img/icons/chevron-up-yellow.svg');
	background-repeat-x: no-repeat;
	background-repeat-y: no-repeat;
	background-attachment: initial;
	background-origin: initial;
	background-clip: initial;
	background-color: initial;
	background-size: 100%;
	vertical-align: text-bottom;
	transform: rotate(0.5turn);
	filter: brightness(00) saturate(0);
	/*position: absolute;
    right: -5px;
    top: 2.25rem;*/
	transition: filter 0.1s ease 0s, transform 0.35s ease 0s;
	background-position: center center !important;
}

ul.navigation li.has-children ul.sub-menu li a:after
{
	content: '';
	display: none;
}

ul.navigation li.has-children ul.sub-menu li.has-children a:after
{
	content: '';
	display: inline-block;
	transform: rotate(0.25turn);
	background-size: contain;
	height: .4rem;
	top: 45% !important;
}

ul.navigation li.has-children ul.sub-menu li
{
	padding: 1.1em 1.35em 1em;
	font-weight: 400;
	font-size: .9rem;
}

ul.navigation li.has-children ul.sub-menu li.has-children ul.sub-menu li a:after
{
	display: none;
}

ul.navigation li.has-children ul.sub-menu li a
{
	padding: 0;
	padding-top: 0 !important;
	margin: 0;
	margin-left: 0;
	margin-bottom: 0;
}

.is-accordion-submenu-parent > a span.submenu-toggle
{
	border-color: black transparent transparent;
}

#offCanvas .foundry-learn-badge-container
{
	display: block;
	position: relative;
	padding: 10px;
}

#offCanvas .foundry-learn-badge-container .foundry-learn-badge
{
	color: black;
	font-size: 1.8rem;
}

/*** post Joao  ***/

div.topic-hero
{
	margin-top: 100px;
}

h1.banner
{
	transform: translateY(-30px);
}

.top-bar
{
	margin-top: 150px;
}

/*MOBILE SEARCH BAR TOGGLE BUTTON*/

.nav-search.row.expanded
{
	transform: translateX(0);
}

.nav-search-toggle-wrapper
{
	position: absolute;
	top: 2px;
	right: 50px;
	display: none;
}

.search-toggle-search-button,
.search-toggle-close-button
{
	position: absolute;
	font-size: 1.6rem;
	color: black;
	transition: all .5s ease;
	cursor: pointer;
	transform: translateX(0);
}

.search-toggle-close-button.collapsed,
.search-toggle-search-button.collapsed
{
	transform: translateX(400px);
	/*to make sure the buttons will always be out of the main canvas*/
}

/*MOBILE SEARCH BAR TOGGLE BUTTON RESPONSIVE STYLES APPLIED*/

@media screen and (max-width: 768px)
{
	.nav-search-toggle-wrapper
	{
		display: block;
	}
}

@media screen and (max-width: 340px)
{
	nav.title-bar .menu-icon
	{
		width: 200px;
	}

	.product
	{
		transform: translate(-70%, -25%);
	}
}

@media only screen and (max-width: 767px)
{
	#content-section
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	p.tile-title
	{
		font-size: 1.2em;
	}

	p.tile-title-land
	{
		font-size: 1.2em;
	}

	p.info-title
	{
		font-size: 2em;
	}

	p.info-content
	{
		font-size: 1em;
	}

	div.home-tiles > div
	{
		margin-top: 2%;
	}

	div.home-tiles-versions > div
	{
		margin-top: 2%;
	}

	div.home-tiles > div:nth-child(1)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles > div
	{
		margin-top: 2%;
	}

	div.home-tiles-basic > div
	{
		margin-top: 2%;
	}

	div.home-tiles-basic > div:nth-child(1)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-basic > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-basic > div:nth-child(3)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-basic > div
	{
		margin-top: 2%;
	}

	div.home-tiles-land > div:nth-child(1)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-land > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-land > div:nth-child(3)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.learn-col-two
	{
		margin-left: 0% !important;
	}

	div.learn-col-three
	{
		margin-left: 0% !important;
	}

	div.home-tiles-tut > div:nth-child(1)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-tut > div:nth-child(2)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-tut > div:nth-child(3)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-tut > div:nth-child(4)
	{
		width: 90%;
		margin-left: 5%;
	}

	div.home-tiles-tut > div:nth-child(5)
	{
		width: 90%;
		margin-left: 5%;
	}

	.indent-four
	{
		margin-left: 5% !important;
	}

	.indent-three
	{
		margin-left: 5% !important;
	}

	.indent-two
	{
		margin-left: 5% !important;
	}

	.indent-one
	{
		margin-left: 5% !important;
	}

	div.info-section > div
	{
		text-align: center;
		padding: 0 20px;
	}

	div.info-section > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 10%;
		margin-top: 5%;
	}

	div.info-section > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
		margin-bottom: 5%;
	}

	div.info-section > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.home-master-page-footer > div	/* Adds separators to the footer items when in mobile layout */
	{
		border-bottom: 1px solid #d3d3d3;
	}

	div.home-master-page-footer > div:nth-child(1)
	{
		width: 100%;
	}

	div.home-master-page-footer > div:nth-child(2)
	{
		width: 100%;
	}

	div.home-master-page-footer > div:nth-child(3)
	{
		width: 100%;
	}

	.thumb-box-tut
	{
		height: initial !important;
		margin-top: 20px;
	}

	.big-vidbox
	{
		width: 300px;
		height: 167px;
	}

	.title-bar-section a.logo
	{
		top: 25% !important;
	}

	.sticky-container-new
	{
		float: initial !important;
		position: relative !important;
		max-width: 300px !important;
	}

	ul.menu._Skins_SideMenu_Right.mc-component
	{
		min-width: 300px !important;
		margin-left: 0px !important;
		display: inherit !important;
	}

	.off-canvas-wrapper-inner .outer-row
	{
		/* fix for Flare 2018 */
		padding-top: 1em;
	}

	div.download-buttons-container
	{
		display: none;
	}

	.categoryCards ul li a h4
	{
		font-size: 17px;
		line-height: 20px;
	}

	.categoryCards ul li
	{
		width: 32%;
	}

	h1.banner
	{
		font-size: 60px;
	}
}

/* end of media mobile */

span.bgcode
{
	color: #525252;
	font-family: Consolas, monospace;
	background-color: #dcdcdc;
	font-weight: bold;
}

span.code
{
	color: #525252;
	font-family: Consolas, monospace;
	font-weight: bold;
}

span.codeinline
{
	color: #525252;
	font-family: Consolas, monospace;
	font-weight: bold;
}

ul.navigation li.has-children ul.sub-menu li a
{
	width: 100%;
}

span.node
{
	mc-conditions: 'default.NoTranslate';
}

span.boldCond
{
	mc-conditions: 'default.NoTranslate';
	font-weight: bold;
}

/* cookie pop-up fix */

div#hs-eu-cookie-confirmation
{
	display: none;
}

