@charset "UTF-8";
/* Key Digital CSS */
@font-face {
font-family: "Poppins";
  src: local("Poppins Regular"), local("Poppins-Regular"), url("https://fonts.gstatic.com/s/poppins/v5/pxiEyp8kv8JHgFVrJJfecg.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  unicode-range: U+0-FF, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
ul {
	list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/arrow.png);
		}
li.check {
	list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/checkmark.png);
		}		
ol li {
	list-style-type: decimal;
	list-style-position: outside;
		}
ul.cross > li { 
    list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/cross.gif); 
}

.webinars {
	font-weight: 600;
	text-decoration: none;
}
li ul li {
	list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/arrow_secondary.png);
		}
.textArrows {
	color: #09F;
	text-decoration: none;
	font-weight: normal;
}
.exams {
	line-height: 30px;
}
.headlines {
	font-size: 14px;
	font-weight: 600;
	line-height: 22px;
	text-decoration: none;
}
.subheads {
	text-decoration: none;
	font-weight: 600;
}
a img.link  {	
border:0;
box-shadow:
    inset 0 2px 0 rgba(255,255,255,0.5),
    0 2px 2px rgba(0,0,0,0.3),
    0 0 4px 2px rgba(0,0,0,0.2);
	transition: all 0.3s ease-out;
}
a:hover img.link {	
opacity:.65;
}
a img.link_noShad  {	
border:0;
opacity:1;
transition: all 0.3s ease-out;
}
a:hover img.link_noShad {	
opacity:.85;
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
}
.headerText {
    font-size: 22px;
	color: #333333;
	text-decoration: none;
	font-weight: 600;
}
.textBoldRed {
	color: #FF0000;
	text-decoration: none;
	font-weight: 600;
}
.textWhite {
	
	text-decoration: underline;
	list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/arrow.png);
	padding: 3px 3px 3px 3px;
}
.textBoldWhite {
	font-size: 20px;
	
	text-decoration: none;
	font-weight: normal;
}
.textWhite_NoUnderline {
	
	text-decoration: none;
	list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/arrow.png);
	padding: 3px 3px 3px 3px;
}

.textBoldPro {
	text-decoration: none;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 15px;
}
.partner_logo {
	max-width:300px;
	margin-bottom:25px;
}
.pr_type {
	border-top:1px dotted #dedede; 
	padding-top:5px; 
	font-style: italic; 
	color: #666;
}
.pr_date {
	color: #333;
	padding-bottom:5px;
}
.pr_small {
	font-size: 11px;
	line-height: 15px;
	color: #999;
}
.pr_headline {
	color:#fff;
	font-size: 20px;
	line-height: 30px;
	font-weight: 300;
	background-color:#666;
}
.pr_backBtn {
	font-size: 18px; 
	font-weight: 300; 
	background-color:#dedede;
}
.pr_img {
	max-width: 95px;
	max-height: 55px;
}
.pr_img_feat {
	max-width: 195px;
	max-height: 195px;
}
.pr_img_big {
	width: 90%;
	padding: 25px;
}
.ProductBullets {
	text-decoration: none;
	list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/grey_bullet_products.gif);
}
.ProductBulletsTable {
	border-left: solid #999 1px;
	border-right: solid #999 1px;
	border-bottom: solid #999 1px;
	padding-top: 10px;
}
.textGrey_small {
	font-size: 11px;
	line-height: 15px;
	color: #333;
}
.textGrey_small ul {
	list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/arrow_secondary.png);
		}
.imagPadded {
	padding-right: 10px;
}
.productLinks {
	color: #000;
	text-decoration: none;
	font-weight: normal;
}
.textBoldOrange {
	
	color: #333333;
	text-decoration: none;
	font-weight: 600;
}
.loginTable {
	padding-right: 5px;
	padding-bottom: 5px;
}
.MarketsText {
	line-height: 27px;
}
.marketArrows {
	color: #09F;
	text-decoration: none;
	font-weight: normal;
}
.productsNav {
	text-decoration: none;
	background-image: url(//cdn.keydigital.com/public/static/src/img/grey_gradient.jpg);
}
.fieldsLogin {
	border: solid #666 1px;
}
.news {
	border-bottom: solid #ccc 1px;
	padding-bottom: 5px;
	padding-left: 5px;
		}
.subheadWBox_Grey {
	color: #FFF;
	text-decoration: none;
	font-weight: 600;
	border: solid #999 1px;
	padding: 8px;
	background-color: #333;
}
.subheadWBox_date {
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	padding: 8px;
	text-indent:30px;
	background:url(//cdn.keydigital.com/public/static/src/img/icon_date.png) no-repeat;
	background-position: 5px 5px;
	background-color: #323232;
	vertical-align:top;
}
.button {
    color: #FFF;
	text-decoration: none;
	font-weight: 600;
	border: solid #999 1px;
	padding: 8px;
	background-color: #09F;
}
.button:hover {
    border: solid #FFF 1px;
    background-color: #666;
}
.reset {
    text-decoration: none;
	font-weight: 600;
	border: solid #999 1px;
	padding: 8px;
	background-color: #09F;
}
.reset:hover {
    color: #FFF;
	border: solid #666 1px;
    background-color: #666;
}
.subheadWBox_lightGrey {
	color: #333333;
	text-decoration: none;
	font-weight: 600;
	border: solid #999 1px;
	padding: 8px;
	background-color: #DEDEDE;
}
input {
	margin-top: -1px;
}
img.gallery {
	border-style: solid; 
	border-width: 1px; 
	border-color: #999
}
blockquote {
	border-left: 1px solid #CCC;
	padding-left: 10px;
}
.subsection {
	padding: 10px;
	background-color: #dedede;
	font-weight: 600;
	font-size: 16px;
		}
.distributor {
	
	color: #000000;
	text-decoration: none;
	list-style-position: outside;
	list-style-image: url(//cdn.keydigital.com/public/static/src/img/arrow_secondary.png);
	padding: 0px 0px 10px 0px;
	margin-top: -10px;
}
.distrName {
	color: #333333;
	font-weight: 600;
	padding: 0px 0px 5px 0px;
margin-top: 7px;
border-bottom: 1px dotted #CCC;
}
.questions {
	
	color: #000000;
	text-decoration: none;
	padding: 2px 0px 5px 0px;
	border-bottom: 1px dotted #666;
}
.faqquestion {
	font-weight: 600;
	padding: 8px 8px;
	background-color: #E3E3E3;
	color: #000;
	border-left: solid #999 4px;
	vertical-align: top;
	left: auto;
}
.faqanswer {
	padding: 8px 10px;
	background-color: #FFF;
	color: #000;
	border-left: solid #DADADA 2px;
	vertical-align: top;
	left: auto;
}
.faqA {
	font-weight: 600;
	font-size: 25px;
	line-height: 16px;
	padding: 7px 3px;
	background-color: #FFF;
	color: #CCC;
	width: 27px;
	vertical-align: top;
	left: auto;
}
.faqQ {
	font-weight: 600;
	font-size: 25px;
	line-height: 16px;
	padding: 7px 3px;
	background-color: #FFF;
	color: #999;
	width: 27px;
	vertical-align: top;
	left: auto;
}
.faqs {
	width: 95%;
	margin-left: 10px;
	margin-top: 10px;
}
.items {
	background:url(//cdn.keydigital.com/public/static/src/img/arrow.png) no-repeat 10px;
	text-indent:30px;
	display:block;
	}
.greyH2 {
	color: #808080;
}
.arrowitem{
	background:url(//cdn.keydigital.com/public/static/src/img/arrow.png) no-repeat 5px;
	text-indent:23px;
	display:block;
	margin-top: 3px;
	}
.subheadWBox_Red {
	color: #FFF;
	text-decoration: none;
	font-weight: 600;
	border: solid #C00 1px;
	padding: 8px;
	background-color: #C00;
}
.warningBox_RedBorder {
	text-decoration: none;
	font-weight: normal;
    font-size: 12px;
    line-height: 18px;
	border: solid #C00 2px;
	background-color: #FFF;
	padding: 10px;
}
.sectionhome {
	font-size: 15px;
	line-height: 20px;
	color: #333333;
	font-weight: 600;
	padding: 10px 15px;
	background: #f6f6f6;
}
.dealer_nav {
	font-size: 12px;
	text-indent:10px;
	border-bottom: 1px dotted #999;
	padding: 5px 0px 5px 0px;
}
.example {background-color:#fff;}
.example .wrapper .opaque {background-color:#ffffff; position:relative; right:50%; color:#000000; padding:0.5em;}
.example a img {border:none}
.example.two a {display:block; width:400px; height:102px; overflow:hidden;}
.example.two a:hover img {margin-left:-400px;}
.example.two a:hover {zoom:1;}
.example.one a {display:block; width:543px; height:73px; overflow:hidden;}
.example.one a:hover img {margin-left:-546px;}
.example.one a:hover {zoom:1;}
.example.register a {display:block; width:204px; height:40px; overflow:hidden;}
.example.register a:hover img {margin-left:-204px;}
.example.register a:hover {zoom:1;}

.tier_row {
    color: #707070;
	font-size: 13px;
	line-height: 17px;
	padding-left: 10px;
	background: #f6f7fb;
}

.tier_field {
    border-bottom: dotted #dedede 1px;
    background-color: #fff;
	font-size: 13px;
	transition: all 0.3s ease-out;
}

.tier_field:hover {
    background-color: #f8f8f8;
}

a.pdf_link {
	padding: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/icons/pdf_icon.png) no-repeat;
	text-indent:27px;
	display:block;
}

a.youtube_link {
	padding: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/icons/youtube_icon.png) no-repeat;
	text-indent:28px;
	display:block;
}

a.pic_link {
	padding: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/icons/pic_icon.png) no-repeat;
	text-indent:27px;
	display:block;
}

a.share_link {
	padding: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/icons/share_icon.png) no-repeat;
	text-indent:27px;
	display:block;
}

a.video_link {
	padding: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/icons/video_icon.png) no-repeat;
	text-indent:27px;
	display:block;
}


a.info_link {
	padding: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/icons/info_icon.png) no-repeat;
	text-indent:27px;
	display:block;
}

a.add_link {
	padding: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/icons/link_icon.png) no-repeat;
	text-indent:27px;
	display:block;
}

a.download_link {
	padding: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/icons/download_icon.png) no-repeat;
	text-indent:30px;
	display:block;
}

a.na_link {
	font-size: 12px;
	line-height: 23px;
	font-weight: 600;
	margin: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/NA_icon.gif) no-repeat;
	text-indent:33px;
	display:block;
}

a.faq_link {
	font-size: 13px;
	line-height: 19px;
	font-weight: 600;
	margin: 10px 0px 0px 10px;
	background:url(//cdn.keydigital.com/public/static/src/img/faq_icon.gif) no-repeat;
	padding-bottom: 10px;
	padding-left: 30px;
	display:block;
}

a.arrow_link {
font-size: 13px;
	line-height: 22px;
	margin: 5px 0px;
	background:url(//cdn.keydigital.com/public/static/src/img/arrow_secondary.png) no-repeat 0px;
	text-indent:20px;
	display:block;
}

a.success_link {
	font-size: 12px;
	line-height: 19px;
	font-weight: 600;
	margin: 7px 0px 0px 10px;
	background:url(//cdn.keydigital.com/public/static/src/img/next.png) no-repeat;
	padding-bottom: 7px;
	text-indent:30px;
	display:block;
}

.level_name {
	font-size: 16px;
	color: #333333;
	text-decoration: none;
	border-left: solid #999 2px;
	padding: 8px;
	background-color: #DEDEDE;
}
.subsection_dealer, .subsection_Compass, .subsection_Products {
	font-size: 14px;
	text-decoration: none;
	font-weight: 600;
	border-bottom: dotted #dedede 1px;
	padding: 5px 0;
	margin-bottom: 10px;
}

.sources {
	
	color: #333333;
	text-decoration: none;
	font-weight: 600;
	padding: 5px;
	text-indent:10px;
	background-color: #F5F5F5;
}
.table_number {
	color: #333333;
	text-decoration: none;
	font-weight: 600;
	padding: 5px;
	background: #dedede;
}
.subheadWBox_LeftBorder {
	color: #333;
	text-decoration: none;
	font-weight: 600;
	padding: 8px;
	background-color: #F2F2F2;
	border-right: 3px solid #09F;
	background-image: url(//cdn.keydigital.com/public/static/src/img/Next.png);
	background-position: 5px;
	background-repeat: no-repeat;
	text-indent: 25px;
}
.subheadWBox_GreyLeftBorder {
	color: #333;
	border-right: 3px solid #999;
	text-decoration: none;
	font-weight: 600;
	padding: 8px;
}
.padLeft {
	padding-left: 10px;
	padding-bottom: 10px;
}
.padRight {
	padding-right: 10px;
	padding-bottom: 10px;
}
.boxImage {
	padding-right: 10px;
	margin-top:-4px;
}
.padBot {
	padding-top: 7px; 
	padding-bottom: 7px;
	width:125px;
	height:80px;
	border:0px;
}
.subsection_Markets {
	color: #333333;
	text-decoration: none;
	font-weight: 600;
	padding: 8px;
	margin: 5px 0px 0px 7px;
	background:url(//cdn.keydigital.com/public/static/src/img/arrow.png) no-repeat 2px;
	text-indent:15px;
	display:block;
}
.webinar_date {
	
	color: #000;
	text-decoration: none;
	font-weight: 600;
	padding: 10px 10px 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/webinar_date.png);
	background-position: 7px 5px;
	background-repeat: no-repeat;
}
.webinar_time {
	color: #000;
	text-decoration: none;
	font-weight: 600;
	padding: 10px 0 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/webinar_time.png);
	background-position: 7px 5px;
	background-repeat: no-repeat;
}
.webinar_place {
	color: #000;
	text-decoration: none;
	font-weight: 600;
	padding: 10px 0 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/house_two.png);
background-position: 7px 5px;
	background-repeat: no-repeat;
}
.webinar_location {
	color: #000;
	text-decoration: none;
	font-weight: 600;
	padding: 10px 0 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/webinar_location.png);
	background-position: 7px 5px;
	background-repeat: no-repeat;
}
.webinar_directions {
	color: #000;
	text-decoration: none;
	font-weight: 600;
	padding: 10px 0 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/webinar_directions.png);
	background-position: 7px;
	background-repeat: no-repeat;
}
.webinar_link {
	color: #000;
	text-decoration: none;
	font-weight: 600;
	padding: 10px 0 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/info_icon.gif);
	background-position: 7px 5px;
	background-repeat: no-repeat;
}
.icon_ {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-pdf-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
    margin: 10px 0;
}
.PDF {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-pdf-100.png) no-repeat;
    background-size: 50px;
}
.JPG {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-image-file-100.png) no-repeat;
    background-size: 50px;
}
.AI {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-ai-100.png) no-repeat;
    background-size: 50px;
}
.PPT {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-ppt-100.png) no-repeat;
    background-size: 50px;
}
.XLS {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-xls-100.png) no-repeat;
    background-size: 50px;
}
.DOC {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-doc-100.png) no-repeat;
    background-size: 50px;
}
.HTML {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-html-filetype-100.png) no-repeat;
    background-size: 50px;
}
.ZIP {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-zip-100.png) no-repeat;
    background-size: 50px;
}
.URL {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-code-file-100.png) no-repeat;
    background-size: 50px;
}
.Video, .Vimeo, .YouTube, .VidDownload {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-VideoPlay-100.png) no-repeat;
    background-size: 50px;
}
.Exam {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-test-100.png) no-repeat;
    background-size: 50px;
}
.icon_PDF {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-pdf-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
    margin-bottom: 20px;
}
.icon_PPT {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-ppt-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.icon_XLS {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-xls-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.icon_DOC {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-doc-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.icon_HTML {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-html-filetype-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.icon_JPG {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-image-file-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.icon_URL {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-code-file-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.icon_Video, .icon_Vimeo, .icon_YouTube {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-VideoPlay-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.icon_VidDownload {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-video-file-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.icon_Exam {
	background:url(//cdn.keydigital.com/public/static/src/img/icons8-test-100.png) no-repeat;
    background-size: 50px;
	padding: 15px 15px 15px 55px;
	font-size:15px;
    float:left;
    width:33%;
}
.training_descr {
	padding-left:10px;
	padding:5px 5px 10px 10px;
	border-left:1px dotted #CCC;
}
.compass-text {
	
	color: #000000;
	
}

.compass_link {
	color: #000;
	text-decoration: none;
	font-weight: 600;
	padding: 10px 0 10px 40px;
	background-image:url(compass/images/Compass_Control_icon_32.png);
	background-position: 7px 5px;
	background-repeat: no-repeat;
}
a.compass_link {
	font-size: 13px;
	color: #125297;
	font-weight: 600;
	line-height: 34px;
	padding: 0px 0px 7px 0px;
	background: url(compass/images/Compass_Control_icon_32.png) no-repeat 0px;
	text-indent:43px;
	height:32px;
	display:block;
	
}
a:hover.compass_link {
	color:#09F;
	background:url(compass/images/Compass_Control_icon_32_ON.png) no-repeat 0px;
}
td.compass_residential {
	height:225px; 
	background-image:url(compass/images/compass_Residential.jpg) no-repeat;
}
td.compass_commercial {
	height:225px; 
	background-image:url(compass/images/compass_Commercial.jpg) no-repeat;
}
.subnav_link {
	font-size: 13px;
	line-height: 16px;
	color: gray;
	padding: 10px 10px;
	display:block;
	text-decoration:none;
	transition: all 0.2s ease-out;
	width: 100%;
	border-bottom: 2px #F3F3F3 solid;
	border-left: 5px #FFF solid;
}
.subnav_link:hover {
	color: #09f;
	background-color: #F3F3F3;
}
.subnav_divider {
	font-size: 14px;
	line-height: 17px;
	color: #fff;
	text-decoration: none;
	font-weight: 600;
	background: #7e7d7f;
	padding: 10px 15px;
	margin-bottom: 1px;
}
a.subnav_divider {
	color: #fff;
}
.subnav_text {
	font-size: 13px;
	color: #333;
	padding: 10px 12px;
	display:block;
	background: #edebef;
	width: 100%;
}
.modules_home {
	font-size: 15px;
	line-height: 18px;
	color: #666;
	text-decoration: none;
	font-weight: 600;
	background:url(//cdn.keydigital.com/public/static/src/img/home_boxes_wide.jpg) no-repeat left bottom;
	padding: 10px 14px;
}
.modules_home a { text-decoration: none;
}
.download {
	
	padding: 3px 5px;
	background-color: #fff;
	color: #333;
	border-left: solid #999 3px;
	border-right: solid #999 3px;
	border-top: 1px #999 dotted; 
	border-bottom: 1px #999 dotted;
		}

ul.exams {
	 line-height: 27px;
	 list-style-image:none;
	 list-style-type:none;
}
.searchbox { 
	float:right; 
	width:500px; 
	margin-top:15px; 
	margin-right: 20px; 
	display:block;
}
.sectionheader {
	background:url(//cdn.keydigital.com/public/static/src/img/section_background.jpg) repeat-x;
	height:73px;
}
.maintable {
	padding:0px 7px 0px 7px;
}
.menupadded {
	padding-top:3px; padding-bottom:3px;
}
.modern {
  display: inline-block;
  padding: 10px 8px;
  background: #666;
  transition: all 0.3s ease-out;
	border: 1px solid rgba(150,150,150,0.3);
    box-shadow:
    0 2px 2px rgba(150,150,150,0.2),
    0 0 2px 2px rgba(150,150,150,0.2);
  /* Font styles */
  text-decoration: none;
  font-size:14px;
  color: #fff;
  font-weight: 600;
    width: auto;
    margin-bottom: 2px;
    text-align: center;
}

.width-100 {
    width:100%;
}

.modernActive{
    width:95%;
    background: #FAFAFA;
    margin: 15px 15px;
    padding: 15px;
    box-shadow: 1px 1px 15px rgba(0, 0, 0, 0.2);
    border: 2px solid #fff;
}
.modern:hover  { color: #fff; background: #09F; }
.modernField {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  display: inline-block;
  box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  padding: 8px;
  outline: none;
  border: 1px solid #B0CFE0;
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
.modernField:focus {
  display: inline-block;
  box-shadow: 0 0 5px #B0CFE0;
  border:1px solid #B0CFE0;
}
.modernField_label {
	font-size: 12px;
	padding-bottom: 10px;
}
.modern_grn {
  display: inline-block;
  padding: 7px 15px;
  background: #09f;
  transition: all 0.3s ease-out;
  box-shadow:
    0 2px 2px rgba(150,150,150,0.3),
    0 0 7px 2px rgba(150,150,150,0.3);
  /* Font styles */
  text-decoration: none;
  font-weight: 400;
  font-size:16px;
  color: #fff;
}

.modern_grn:hover  { 
color: #000; 
background: #d7d5d8; 
cursor:pointer; 
box-shadow:
    0 0px 0px rgba(150,150,150,0.1),
    0 0 0px 0px rgba(150,150,150,0.1);

}
.dealer_website {
	
	color: #999;
	text-decoration: none;
	padding: 10px 0 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/webinar_location.png);
	background-position: 7px 5px;
	background-repeat: no-repeat;
}
.dealer_location {
	
	color: #999;
	text-decoration: none;
	padding: 10px 0 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/webinar_location.png);
	background-position: 7px 5px;
	background-repeat: no-repeat;
}
.dealer_directions {
	
	color: #999;
	text-decoration: none;
	padding: 10px 0 10px 40px;
	background-image:url(//cdn.keydigital.com/public/static/src/img/webinar_directions.png);
	background-position:  7px 5px;
	background-repeat: no-repeat;
}
.dealer_table {
    border-bottom: 1px dotted #dedede;
	margin-bottom: 7px;
	background: #fff;
}
.dealer_result {
	padding-left: 7px; 
	border-right: 1px dotted #CCC;
}
.dealer_link {
	
	font-weight: 600;
	margin: 0px 0px 5px 10px;
	background:url(//cdn.keydigital.com/public/static/src/img/search.png) no-repeat;
	text-indent:40px;
	display:block;
}
a:hover.dealer_link {
	background:url(//cdn.keydigital.com/public/static/src/img/search_f2.png) no-repeat;
}

.distrBox, .subheadWBox, .compass_headline {
	background-color: #e6e7e6;
	padding: 10px 10px 10px 18px;
	text-decoration:none;
	margin-bottom: 8px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-size: 18px;
  line-height: 25px;
  font-weight: 400;
  text-transform: none;
}
.state-header {
	background-color: #e6e6e6;
	padding: 7px 10px;
	text-decoration:none;
	margin-bottom: 5px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  font-size: 16px;
  line-height: 18px;
  font-weight: 400;
}

li.partners { 
  display: inline; 
  float: left; 
  width: 132px; 
  height: auto; 
  margin: 10px;   
}
a img.success  {	
border:0;
opacity:1;
padding-right:5px;
transition: all 0.3s ease-out;
}
a:hover img.success {	
opacity:.65;
}
div.success { padding-left:10px; padding-top:5px;}
.tile-wrapper {
    width: 95%;
    height: auto;
    float: left;
	padding: 10px 15px;
    margin: 10px 10px 10px 0px;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    
}

.tile-integrator {
    width: 46%;
    float: left;
	padding: 10px 15px;
    margin: 0px 25px 10px 0px;
    background: #FFF;
    box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
    
}

.partner-wrapper {
    width: 95%;
    height: auto;
	padding: 10px;
    margin: 5px 10px;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
    }
.tile-resource {
    width: auto;
    height: 248px;
    float: left;
	padding: 0px;
    margin: 10px;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
}
.tile-distributor {
    width: 30%;
    height: auto;
    float: left;
	padding: 15px;
    margin: .7em;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.tile-distributor:hover {
    box-shadow: 0px 1px 15px rgba(0,153,255, 0.6);
	color: #09F;
}
.tile-related {
    width: 31%;
    height: auto;
    float: left;
	padding: 15px;
    margin: 0.77em;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
    -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 400ms;
  transition-duration: 400ms;
}
.tile-related:hover {
    box-shadow: 0px 1px 15px rgba(0,153,255, 0.6);
	color: #09F;
}
.tile-partner-logos {
    width: 22%;
    height: auto;
    float: left;
	padding: 15px;
    margin: .8em;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-out;
}
.tile-partner-logos:hover {
    box-shadow: 0px 3px 15px rgba(0,153,255, 0.6);
	color: #09F;
}
.tile-partner-logos img {
    margin-bottom: 10px;
    width: 100%;
    display:block;
}
.tile-partner-logos i {
    float:right;
    font-size: 18px;
    margin-top: 3px;
}

.gallery-link {
    width: 22%;
    height: auto;
    float: left;
	padding: 10px 35px 10px 15px;
    margin: .8em;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
    transition: all 0.4s ease-out;
    border:1px solid #dedede; 
    background-image: url(//cdn.keydigital.com/public/static/src/img/icon_JPG_off.png); 
    background-position: right; 
    background-repeat: no-repeat; 
}
.gallery-link:hover {
    box-shadow: 0px 3px 15px rgba(0,153,255, 0.6);
	color: #09F;
    border:1px solid #09f; 
    background-image: url(//cdn.keydigital.com/public/static/src/img/icon_JPG_on.png);
    
}
.width-50 {
    width: 47%;
}

#tile-success {
    width: 100%;
    height: auto;
    float: left;
	padding: 20px;
    margin: 10px 0;
	color: #666;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
	transition: all 0.4s ease-out;
}
a:hover #tile-success {
    box-shadow: 0px 1px 15px rgba(0,153,255, 0.6);
	color: #09F;
}
.tile-IPfeatures {
    width: 44%;
	text-align: center;
	text-transform: uppercase;
	font-size: 17px;
    height: auto;
    float: left;
	padding: 15px 15px;
    margin: 10px;
	color: #09f;
    background: none repeat scroll 0% 0% #FFF;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
    border: 1px #09F solid; 
	transition: all 0.3s ease-out;
}
a:hover .tile-IPfeatures {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
	color: #FFF;
	border: 1px #fff solid;
	background: none repeat scroll 0% 0% #09F;
}
.tile-buynow {
    width: 20%;
    margin-top: -80px;
	text-align: center;
	text-transform: uppercase;
    font-weight: 600;
	font-size: 17px;
    line-height: 22px;
    height: auto;
    float: right;
	padding: 10px 15px;
	color: #fff;
    background: none repeat scroll 0% 0% #09f;
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.3);
    border: 1px #fff solid; 
	transition: all 0.3s ease-out;
}
a:hover .tile-buynow {
    box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
	color: #09f;
	border: 1px #09f solid;
	background: none repeat scroll 0% 0% #fff;
}

.tile-buynow span {
    font-size: 14px;
}
.hover-link {
    padding: 10px;
	box-shadow: 0px 1px 7px rgba(0, 0, 0, 0.1);
	transition: all 0.3s ease-out;
}
a:hover .hover-link {
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.4);
	
}
.product-btn {
	width: 48%;
	display: block;
	margin: 5px 10px 15px 10px;
	padding: 20px;
	border: 1px solid #fff;
	vertical-align: text-top;
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .21);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	text-align: center;
  }
.tile-exam {
  width: 80%;
  display: block;
  align-self: center;
  padding: 20px;
  border: 1px solid #fff;
  background: #fff;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, .21);
  text-align: center;
}
.tile-btn {
	width: 100%;
	display: block;
	margin: 5px 10px 15px 10px;
	padding: 20px;
	border: 1px solid #fff;
	vertical-align: text-top;
	background: #fff;
	box-shadow: 0 0 8px 0 rgba(0, 0, 0, .21);
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 400ms;
	transition-duration: 400ms;
	  text-align: left;
  }
  .tile-btn:hover {
	border: 1px solid #09f;
	box-shadow: 0 0 20px 0 rgba(3, 164, 255, .37);
  }
.product-btn:hover {
  border: 1px solid #09f;
  box-shadow: 0 0 20px 0 rgba(3, 164, 255, .37);
}

.product-image {
	max-width: 100%;
	height: 190px;
	cursor: pointer;
  }

.product-sku {
	margin: 10px 0;
	color: #044A64;
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	text-align: left;
}
.product-text {
	color: #000;
	font-size: 13px;
	line-height: 20px;
	font-weight: 400;
	text-align: left;
}
.product-info {
  max-width: 250px;
  margin-top: -27px;
  padding: 6px 10px;
  float: right;
  background: #999;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
  cursor: pointer;
}
.product-info:hover {
  background: #09f;
}
.date-label {
  max-width: 250px;
  margin-top: -30px;
  padding: 6px 10px;
  float: left;
  background: #999;
  color: #fff;
  font-size: 12px;
  line-height: 18px;
  font-weight: 600;
}
.product-vid {
	float: left;
	width: 400px;
	height: 225px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.product-categories-first {
	width: 20%;
	float: left;
	margin-left: 0;
}

.product-categories {
	width: 19.75%;
	float: left;
	margin-left: 2px;
}

.grey-box-white-bot-border {
	background-color:#F8F8F8; 
	border-bottom:20px solid white;
	padding: 20px;
}
.driver_download {
    border-bottom: 1px dotted #dedede;
	padding: 10px 0 10px 0;
}

.toggle {
    padding:0; list-style:none;
}

.toggle li {
    position:relative; background:#888; cursor:pointer; margin-bottom:15px; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.2);
}
.toggle h3 {
    margin:0; padding: 10px 15px; color: #fff; font-size: 20px; font-weight: 400;
}

.toggle span {
    position:absolute; top:10px; right:0; width: 43px; height: 100%; color: #fff; font-size: 28px; text-align: center;
}
.toggle .panel {
    display:none; position: relative; padding: 15px; background: #fff;
}
.toggle .panel p {
    margin: 10px 0;
}

/*magnifying glass*/


/*magnifying glass*/


@media (max-width: 479px) {

    .icon_ {
	display: block;
    float:none;
    width:100%;
}
    
    .product-btn {
  margin: 0 10px 15px 0px;
  
}
.tile-IPfeatures {
    width: 100%;
    font-size: 15px;
    float: none;
	padding: 15px 15px;
    margin: 10px;
}

.tile-related {
    width: 100%;
    height: auto;
    float: none;
    margin: 0.77em 0;
}
.product-image {
  max-width: 275px;
  margin-right: 20px;
  float: none;
  cursor: pointer;
}

  .product-sku {
  padding-left: 0px;
  margin-top: 15px;
  
}

.product-text {
  padding-left: 0px;
  padding-right: 15px;
}

.product-info {
  display:  none;;
}
.product-categories-first {
	width:100%; 
	float:none;
	z-index:999;
}
.product-categories {
	width:100%; 
	float:none; 
	margin-left:0;
}	
.tile-distributor {
    width: 100%;
    float:none;
    }
.tile-partner-logos {
    width: 100%;
}
.tile-buynow {
    width: 100%;
    float: none;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

.video-responsive {
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
}
.rful {
	list-style:none;
}
.rful li {
	display:inline-block;
	width:32.5%
}
.c1,.c2 {
	font-family: "Poppins";
	font-weight: bold;
	font-size: 27pt;
	text-transform: uppercase;
	font-size: 27pt;
	width: 24%;
	display: inline-block;
	margin-top: 2.28571rem;
}

.c1 {
	color: #0099ff;
}

.c2 {
	color: #c0c0c0;
}
@media(max-width:1200px)
{
	.c1,.c2 {
		font-size:24px;
		width:25%;
	}
}
@media(max-width:550px)
{
	.rful li {
		display:inline-block;
		width:50%
	}
	.c1,.c2 {
		font-size:17px;
		width:25%;
	}
}
@media(max-width:350px)
{
	.rful li {
		display:inline-block;
		width:100%
	}
	.c1,.c2 {
		font-size:9px;
		width:23%;
	}
}