/*******************************************************/
/* Colors
/* Light Blue #2999d5
/* Dark Blue #134158
/* Light Turquoise #4bbcc8
/* Dark Turquoise #16a4b3
/* Red #b21f29
/* Dark Grey #4c4c4c
/* Light Grey #686866
/* Light Light Grey #f2f2f2
/*******************************************************/

/*******************************************************/
/* Main Body Regadrless Of Screen Size
/*******************************************************/

html
{
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body
{

padding: 0px;
margin:0px;
font-family: 'Work Sans', sans-serif;
color:#4c4c4c;
}
.full-bg
{
height:100%;
margin:auto;
background:#fff;
text-align: center;
overflow:hidden;
}
html { overflow-y: scroll; overflow-x:hidden; }
body { position: absolute; }
figure
{
padding:0;
margin:0;
}
/**************************************************************************************************************/
/* Page Wrappers
/**************************************************************************************************************/
.inner-wrap
{
width: 1160px;
margin: 0 auto;
padding:0 20px;
display: inline-block;
height: 100%;
}
.inner-wrap-wide
{
width:100%;
max-width: 1160px;
margin: 0 auto;
display: block;
padding:0 20px;
}
.mobile-logo
{
display:none;
}
div#main-area.page-wrapper
{
max-width:1160px;
width:100%;
margin: 0 auto;
background: #fff;
min-width: 320px;
display: inline-block;
text-align: center;
width: 100%;
padding-top:48px;
}
div#main-area.page-wrapper div.inner-wrap
{
padding:0;
}
div#productstyle div.main-content-area
{
min-height:562px;
}
/*******************************************************/
/* Typography
/*******************************************************/

h1
{
font-size:38px;
font-weight:600;
letter-spacing: 0px;
}
h2
{
font-size:32px;
font-weight:600;
letter-spacing: 0px;
}
h3
{
font-size:26px;
font-weight:500;
letter-spacing: 0px;

}
h4
{
font-size:20px;
font-weight:500;
letter-spacing: 0px;
}
p
{
font-size: 15px;
line-height:1.3em;
color:#102036;
letter-spacing: 0px;
}
p.all-caps
{
text-transform:uppercase;
}
div.article-block ul, div.article-block ul li, ul, ul li
{
font-size: 15px;
}
a
{
text-decoration:none;
}
a:visited
{
color: inherit;
}
a.callout-button
{
padding:15px 38px;
}
div.article-block a
{
color:#1eb651;
}
textarea, input, *:focus {
outline: none !important;
font-family: 'Work Sans', sans-serif;
 }
/*******************************************************/
/* Header Info Area
/*******************************************************/
div.header-area
{
position: fixed;
z-index: 100;
width: 100%;
background: #fff;
border-bottom: 1px solid #d8dcdd;
height: 152px;
margin: 0;
padding: 0;
}
div.header-top
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
height: 46px;
}
div.header-top-left
{
display:inline-block;
width:50%;
float:left;
margin:0;
padding:0;
}
div.header-top-right
{
display:inline-block;
width:300px;
float:right;
margin:0;
padding:0;
text-align: right;
}
div.download-button
{
display:inline-block;
width:242px;
height:46px;
float:left;
background:url(../images/Light-Blue-Nubby.png) no-repeat #b21f29;
background-position:100% 50%;
margin:0 0 0 10px;
padding:0;
text-align:left;
}
div.download-button a
{
display:inline-block;
width:100%;
height:100%;
font-size:16px;
color:#fff;
margin:0 auto;
padding:0;
float:left;
line-height:48px;
text-align:center;
}
div.download-button:hover
{
background:url(../images/Light-Blue-Nubby.png) no-repeat #961d25;
background-position:100% 50%;
}
div.header-bottom
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding: 7px 0 0;
}
/*******************************************************/
/* Header Menu Bar
/*******************************************************/

.header-bar
{
width: 100%;
padding-top: 0px;
margin: 0 auto;
height: 57px;
position: fixed;
top: 38px;
}
.header-bg
{
width: 100%;
padding-top: 0px;
background: #e1ddd7;
margin: 0 auto;
height: 57px;
z-index: 1000;
position: fixed;
top: 38px;
z-index:80;
}
.main-menu-wrap
{
display:inline-block;
z-index:10;
position:relative;
width:100%;
}
.main-menu-nav
{
width:60%;
display:inline-block;
float:right;
z-index:10;
padding-left:0%;
}
div.cartotype-logo
{
display:inline-block;
width:40%;
float:left;
padding-top: 20px;
text-align: left;
}
.main-menu-nav ul
{
list-style-type:none;
display:table;
width:100%;
height: auto;
padding-left: 2%;
margin: 0 auto;
margin-top: 48px;
}
.main-menu-nav ul li
{
display: table-cell;
text-align: center;
text-decoration: none;
padding: 0 34px 0 0;
}
.main-menu-nav ul li a
{
text-decoration:none;
color:#7b868a;
font-size:13px;
text-transform:uppercase;
font-weight:600;
letter-spacing: 0.8px;
}
div.main-menu-nav ul li.item-126
{
padding-right: 14px;
}
.main-menu-nav ul li.active a
{
text-decoration:none;
color:#b21f29;
}
.main-menu-nav ul li a:hover
{
background:none;
color:#b21f29;
}
div.main-menu-nav ul li ul
{
display:none;
}
div.main-menu-nav ul li:hover ul
 {
display: table-cell;
margin: 34px 0px 0px -24px;
padding: 12px 20px;
background-color: #fff;
border: solid 1px #d8dcdd;
box-shadow: 0px 0px 2px #d8dcdd !important;
border-radius: 2px !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
position: relative;
float: left;
width: 150px;
z-index:200;
}
.main-menu-nav ul li.active ul li a
{
color:#7b868a;
}
.main-menu-nav ul li.active a:hover, .main-menu-nav ul li ul li.active a,
div#mapsappstyle ul.nav-child li.item-150 a, div#documentstyle ul.nav-child li.item-148 a,
div#developerstyle ul.nav-child li.item-151 a
{
color:#b21f29;
}

div.main-menu-nav ul li.item-144
{
width:81px;
max-width:80px;
text-align:left;
position:relative;
z-index:201;
}
div.main-menu-nav ul li.item-144:hover  ul li.item-122, div.main-menu-nav ul li.item-147:hover   ul li.item-151
{
background: url(../images/White-Nubby.png) no-repeat;
background-position: 0% -3%;
overflow: visible;
margin-top: -20px;
padding-top: 32px;
}
div.main-menu-nav ul li.item-147
{
width:91px;
max-width:90px;
text-align:left;
position:relative;
z-index:201;
}
div.main-menu-nav ul li.item-245
{
width:74px;
max-width:74px;
text-align:left;
position:relative;
z-index:201;
}
div.main-menu-nav ul li.item-245:hover  ul li.item-246
{
background: url(../images/White-Nubby.png) no-repeat;
background-position: 100% -3%; 
overflow: visible;
margin-top: -20px;
padding-top: 32px;
}
div.main-menu-nav li.item-245 ul
{
position:relative;
left:-74px;
}
div.main-menu-nav ul li:hover ul li
{
display:block;
float:left;
text-align:left;
margin:0;
padding:12px 0;
}
div.main-menu-nav ul li.item-247
{
padding-left: 24px !important;
background: url(../images/Twitter-Icon-Blue.png) no-repeat;
background-position: -4px 8px;
}
div.home-page-scroller
{
display:none;
}
div#homestyle div.home-page-scroller
{
z-index: 90;
display: inline-block;
width: 100%;
position: relative;
top: 152px;
background: url(../images/Home-Page-Scroller-BG.jpg) no-repeat;
height: 560px;
width: 100%;
background-size: cover;
margin-bottom: 120px;
}
/*******************************************************/
/* Search
/*******************************************************/
.search .btn-toolbar
{
}
.search-tool
{
width: 48px;
height: 46px;
float: right;
padding:0px;
text-align: left;
display:inline-block;
background:url(../images/Search-Icon-Light.png) no-repeat #62a1b0;
background-position:50%;
}
.search-tool a
{
float:left;
padding:0;
text-align:center !important;
float: right;
}
div.search-tool a#toggler
{
position: fixed;
z-index: 10000;
height: 42px;
width: 42px;
}
div.search-tool a#toggler.toggler.toggler_open
{
background:;
padding-top:0px !important;
}
div#home.full-bg div.search-tool a#toggler
{
}
#srch_tool
{
height: 46px;
width: 288px;
position: relative;
}

div#srch_tool div.search
{
display: inline-block;
width: 86%;
float: left;
margin: 0;
padding: 0;
margin-top: -48px;
padding-left: 8px;
overflow: hidden;
}
div#srch_tool div.search form
{
margin: 0;
padding: 0;
background:#62a1b0;
color: #fff !important;box-shadow: none;
-moz-box-shadow:none;
}
div#srch_tool input#mod-finder-searchword130.js-finder-search-query
{
background:#62a1b0;
border:none !important;
color: #fff!important;
color: #fff !important;box-shadow: none;
-moz-box-shadow:none;
height:48px;
overflow:hidden;
font-weight:400 !important;
width:96%;
}
mark
{
background: transparent;
color: inherit;
font-weight: bold;
display: inline-block;
width: auto;
}
h4.result-title a
{
display:inline-block;
width:100%;
}
div#srch_tool label
{
display:none !important
}
div#srch_tool input.inputbox.search-query
{
padding: 15px 28px 15px 28px;
text-transform: initial;
border:none !important;
color: #fff !important;box-shadow: none;
-moz-box-shadow:none;
font-weight:400 !important;
}
div#srch_tool input.inputbox.search-query option, div#srch_tool div.search input#search-searchword.inputbox.search-query,
div#srch_tool div.search input::-webkit-input-placeholder, div#srch_tool input.inputbox.search-query:placeholder-shown
{
color: #fff !important;
-webkit-text-fill-color:#fff;
opacity: 1 !important;
}
div#srch_tool input#mod-search-searchword:-webkit-autofill:focus, div#srch_tool input#mod-search-searchword::-webkit-input-placeholder
div#srch_tool input#mod-search-searchword:-moz-placeholder, div#srch_tool input::-webkit-input-placeholder
{
color: #fff !important;
-webkit-text-fill-color:#fff;

opacity: 1 !important;
}
[type="search"]
{
-moz-appearance:    textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
div#srch_tool input.inputbox.search-query::-moz-placeholder
{
color: #fff;
-webkit-text-fill-color:#fff;
}
div#srch_tool  input.inputbox.search-query:-ms-input-placeholder
{
color: #fff;
-webkit-text-fill-color:#fff;
}

/*******************************************************/
/* Search Page
/*******************************************************/
div#defaultstyle div#main-area.page-wrapper
{
margin-top: 142px;
}
div.search
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
margin-top: 0px;
}
fieldset.phrases
{
width:48%;
min-height:80px;
border:none;
float:left;
padding:0px;
margin-top:-46px;
}
fieldset.phrases h2
{
padding-bottom:30px;
}
input.inputbox.search-query, input#search-searchword
{
padding: 20px 26px;
box-shadow: inset 0px 0px 6px #bbb;
-moz-box-shadow: inset 0px 0px 6px #bbb;
border: none;
width: 400px;
text-transform: uppercase;
color:#bec3c5;
font-weight:500;
font-size: 15px;
}
div.searchdefaultstyle div.pagination
{
margin-top:30px;
}
div.searchdefaultstyle nav.pagination__wrapper
{
display:inline-block;
width:100%;
padding:0;
margin:0;
margin-top:30px;
margin-bottom:30px;
}
div.searchdefaultstyle nav.pagination__wrapper ul
{
display:inline-block;
width:100%;
padding:0;
margin:0;
}
div.searchdefaultstyle nav.pagination__wrapper li
{
display:inline-block;
width:auto;
padding:0;
margin:0 1%;
}
fieldset.only
{
display:none;
}
div.phrases-box
{
width: 66%;
float: left;
margin-right: 4%;
}
div.searchintro p
{
width: 100%;
float: left;
margin-top: 10px;
display: inline-block;
}
dl.search-results
{
width: 100%;
display: inline-block;
margin-top: 0px;
}
dl.search-results dd
{
margin-left:0px;
padding:10px 0px;
width:85%;
}
input.inputbox.search-query
{
padding:4px 10px 4px 10px;
}
div.search ul, div.search ul li, div.pagination ul, div.pagination ul li
{
list-style-type:none !important;
background:none;
}
div.search input#search-searchword
{
display: inline-block;
padding: 8px 20px;
font-size: 15px;
line-height: 20px;
color: #6B6B6B;
margin: 4px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
width: 90%;
}
div.pagination ul
{
display:table;
width:50%;
margin:0 auto;
}
div.pagination ul li
{
display:table-cell;
float:left;
}

label.element-invisible
{
display:none;
}
input#mod-finder-searchword130.js-finder-search-query
{
background:#474747;
border:1px solid #ffffff;
color:#fff;
}

/*******************************************************/
/* Header Callout Modules
/*******************************************************/
div.major-page-header
{
display:inline-block;
float:left;
text-align:left;
width: 100%;
margin:0;
padding:0;
margin-top:152px;
text-align:center;
min-height:232px;
background:url(../images/Page-Shadow.png) no-repeat;
background-position:50% 100%;
}
div.major-page-header h2
{
color: #134158;
width:80%;
margin:0 auto;
margin-top:80px;
}
div.major-page-header p
{
font-size:18px;
width:60%;
margin:0 auto;
margin-top:16px;
color: #596b73;
line-height: 1.2em;
padding-bottom: 50px;
}
div.major-page-header p a
{
color: #596b73;
text-decoration:none;;
}
/*******************************************************/
/* Main Content Area
/*******************************************************/
div#homestyle div.main-content-area
{
margin-top:0px;
}
div.main-content-area
{
display:inline-block;
float:left;
text-align:left;
width: 100%;
margin-top:0px;
padding-bottom:48px;
}
div.pull-left.item-image img
{
width:100%;
height:auto;
}
div.blog iframe, div.main-content-area iframe
{
width:100%;
height:460px !important;
}
/*******************************************************************************/
/* Main Content Area
/*******************************************************************************/

/*******************************************************/
/* Home Page
/*******************************************************/

div.home-page-description
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
margin-top:68px;
}
div.home-page-description ul
{
list-style-type:none;
margin:0;
padding:0;
margin-bottom:30px;
}
div.home-page-description ul li
{
list-style-type:none;
margin:0;
padding:0;
font-size:15px;
padding-bottom:22px;
height:auto;
}
div.home-page-description h2
{
margin:6px 0 28px;
color: #073148 !important;
}
div.home-page-description h4
{
margin:0;
padding:0;
color: #0e587d !important;;
padding-bottom:10px;
}
div.powerful-top
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
}
div.powerful-left
{
display:inline-block;
width:100%;
max-width:376px;
float:left;
margin:0;
padding:0;
background:url(../images/CartoType-iPhone.png) no-repeat;
min-height:606px;
}
div.powerful-right
{
display:inline-block;
width:100%;
max-width:774px;
float:right;
margin:0;
padding:0;
}
div.powerful-software
{
display:inline-block;
width:48%;
margin:0 0 0 2%;
padding:0;
float:left;
}
div.powerful-software ul li
{
display:inline-block;
margin:0;
padding:0 0 30px 0;
float:left;
height:auto
width:90%
}
div.maps-center
{
display:inline-block;
width:48%;
margin:0%;
padding:0;
float:right;
margin-bottom: -4px;
}
div.service-right
{
display:inline-block;
width:48%;
margin:0%;
padding:0;
float:right;
}
div.maps-service ul li
{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 15px;
padding-bottom: 13px;
height:auto;
}
div.platform-bottom
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
}
h2.full-wide
{
display: inline-block;
float: left;
margin: 0 auto;
padding: 0;
text-align: left;
color: #134158;
padding-bottom: 34px;
width: 100%;
text-align: center;
}
div.icons-wrap
{
width:90%;
display:inline-block;
float:none;
margin: 0 5% auto;
padding:0;
}
a.platform-icons
{
display:inline-block;
width:16.666%;
float:left;
margin:0;
padding:0;
height:85px;
}
div.Windows-Icon
{
display:inline-block;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../images/Windows-Icon.png) no-repeat;
background-size:contain;
}
div.iOS-Icon
{
display:inline-block;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../images/iOS-Icon.png) no-repeat;
background-size:contain;
}
div.Mac-OS-Icon
{
display:inline-block;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../images/Mac-OS-Icon.png) no-repeat;
background-size:contain;
}
div.Android-Icon
{
display:inline-block;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../images/Android-Icon.png) no-repeat;
background-size:contain;
}
div.Linux-Icon
{
display:inline-block;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../images/Linux-Icon.png) no-repeat;
background-size:contain;
}
div.Rasbian-Icon
{
display:inline-block;
width:100%;
height:100%;
margin:0;
padding:0;
background:url(../images/Rasbian-Icon.png) no-repeat;
background-size:contain;
}

/*******************************************************/
/* Article Category Views
/*******************************************************/
div.blog, div.content-category
{
}
div.blog img, div.content-category img
{
max-width:814px;
border:solid 3px #b0b6b9;
}
div#releasestyle div.article-item-wrap-left
{
display:none;
}
div#releasestyle div.article-item-wrap-right
{
width:100%;
}
div.blogstylesheetstyle p img, div.blogarticlestyle p img
{
max-width:814px;
border:solid 3px #b0b6b9;
display:none;
}
div.blogdocumentstyle p img, div.blogdocumentstyle p img
{
max-width:814px;
border:solid 3px #b0b6b9;
}
div.blogstylesheetstyle ul li, div.blogarticlestyle ul li,
div.blogstylesheetstyle ol li, div.blogarticlestyle ol li
{
padding-bottom:16px;
}
span.read-more-combo
{
display:inline-block;
float:left;
padding:0;
margin:0;
}
span.read-more-combo p.readmore,  p.readmore
{
display:inline-block;
float:left;
width:auto;
padding:0;
margin:0;
}
span.read-more-combo a, p.readmore a
{
color: #b21f29 !important;
text-transform: uppercase;
display: inline-block;
float: left;
width: auto;
padding: 0 6px 16px 0;
margin: 0;
font-size: 14px;
font-weight: 600;
}
span.read-more-combo a:hover, p.p.readmore a:hover
{
color:#0e587d !important;
}
div.pagination, div.pagination ul
{
display:inline-block;
width:100%;
float:left;
padding:0;
margin:0;
}
div.pagination ul li
{
padding-right:20px;
}
.tooltip,.tooltip:hover ,.tooltip:hover span
{
display:none;
opacity:0;
}
div.article-item-wrap
{
display:inline-block;
width:100%;
float:left;
padding:0;
margin:0;
}
div.article-item-wrap-left
{
display:inline-block;
width:200px;
float:left;
padding:0;
margin:0;
}
div.article-item-wrap-left img
{
display:inline-block;
width:160px;
float:left;
margin:16px;
padding:0;
border:solid 3px #b0b6b9;
}
div.article-item-wrap-right
{
display:inline-block;
float:right;
padding:0;
margin:0;
width:560px;
}
div.items-more
{
display:inline-block;
float:left;width:100%;
}
dl.article-info.muted dl
{
display:inline-block;
float:left;
width:100%;
margin:0;
padding:0;
}
dl.article-info.muted dd
{
display:inline-block;
float:left;
width:100%;
margin:0;
padding:6px 0 0 0;
color:#869095;
text-transform:uppercase;
font-size:14px;
}
div.blogarticlestyle div.article-item-wrap-right h2
{
padding: 0;
margin: 16px 0 0 0;
}
div.blogdocumentstyle div.article-item-wrap-left, div.blogstylesheetstyle div.article-item-wrap-left
{
display:none;
}
div.blogdocumentstyle div.article-item-wrap-left img, div.blogstylesheetstyle  div.article-item-wrap-left img
{
display:none;
}
div.blogdocumentstyle div.article-item-wrap-right, div.blogstylesheetstyle  div.article-item-wrap-right
{
display:inline-block;
float:left;
padding:0;
margin:0;
width:100%;
}
/*******************************************************/
/* Article Full Page
/*******************************************************/
div.item-page
{
margin: 0px;
}
div#articlez.item-page
{
}
div#articlez img, div.item-page img
{
max-width:814px;
border: solid 3px #b0b6b9;
margin:10px 0 20px;
}
ul.pager.pagenav
{
display:inline-block;
width:100%;
padding:0;
margin:0;
margin-top:30px;
list-style-type:none;
}
ul.pager.pagenav li
{
display:inline-block;
padding:0;
margin:0;
list-style-type:none;
width:40%;
}
ul.pager.pagenav li.previous
{
background:url(../images/Prev.png) no-repeat;
height: 32px;
line-height: 28px;
float:left;
}
a.forward-button
{
background:url(../images/Next.png) no-repeat;
background-position:100% 0;
height: 32px;
line-height: 28px;
float:left;
text-align:left;
padding-right:40px;
}
h3:hover a.forward-button
{
color:#62a1b0 !important;
}
ul.pager.pagenav li.next
{
background:url(../images/Next.png) no-repeat;
background-position:99% 0;
height: 32px;
line-height: 28px;
float:right;
text-align:right;
}
ul.pager.pagenav li.previous a
{
display:inline-block;
width:100%;
height:100%;
padding:0;
padding-left: 40px;
margin:0;
}
ul.pager.pagenav li.next a
{
display:inline-block;
height:100%;
padding:0;
padding-right: 40px;
margin:0;
}
/*******************************************************/
/* Markets Page
/*******************************************************/
div.markets-wrapper
{
display:inline-block;
width:100%;
height:auto;
margin:32px 0 0 0;
padding:0;
}
div#marketstyle div.main-content-area
{
padding-bottom:0px;
}
div.markets-wrapper h2
{
color:#fff !important;
width:90%;
margin:0 auto;
text-align:center;
font-weight:500 !important;
font-size:30px !important;
padding-bottom:16px;
}
div.markets-wrapper p
{
color:#fff !important;
width:80%;
margin:0 auto;
text-align:center;
line-height:1.36em;
}
div.markets-left
{
display:inline-block;
width:33.33%;
max-width:372px;
height:370px;
margin:0;
padding: 0 22px 0 0;
float:left;
position:relative;
}
div.markets-center
{
display:inline-block;
width:33.33%;
max-width:372px;
height:370px;
margin:0;
padding:0;
float:left;
position:relative;
}
div.markets-right
{
display:inline-block;
width:33.33%;
max-width:372px;
height:370px;
margin:0;
padding:0;
float:right;
position:relative;
}
div.markets-row
{
display:inline-block;
width:100%;
height:auto;
margin:0;
padding:0;
padding-bottom:22px;
}
div.All-Developers
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/All-Developers.jpg) no-repeat;
background-size:cover;
height:370px;
}	
div.Enterprise
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Enterprise.jpg) no-repeat;
background-size:cover;
height:370px;
}	
div.Government-Security
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Government-Security.jpg) no-repeat;
background-size:cover;
height:370px;
}	
div.Transportation
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Transportation.jpg) no-repeat;
background-size:cover;
height:370px;
}	
div.Asset-Tracking
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Asset-Tracking.jpg) no-repeat;
background-size:cover;
height:370px;
}	
div.Routing-Navigation
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Routing-Navigation.jpg) no-repeat;
background-size:cover;
height:370px;
}	
div.Embed-Systems
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Embed-Systems.jpg) no-repeat;
background-size:cover;
height:370px;
}		
div.Travel-Guides
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Travel-Guides.jpg) no-repeat;
background-size:cover;
height:370px;
}	
div.Branding-Solutions
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Branding-Solutions.jpg) no-repeat;
background-size:cover;
height:370px;
}
/*******************************************************/
/* Pricing Page
/*******************************************************/
div#pricingstyle div.major-page-header p
{
width: 75%;
}
div.pricing-tables
{
display:inline-block;
width:100%;
float:left;
padding:0;
margin:30px 0;
height: 566px;
}
div.pricing-tables h3
{
color:#fff;
}
div.pricing-tables h4
{
color:#4b5f68;
}
div.pricing-tables h5
{
text-transform:uppercase;
letter-spacing:0.8px;
color:#4b5f68;
}
div.pricing-tables th,div.pricing-tables td
{
text-align:center;
}
table#single-platform.pricing
{
width:33.33%;
float:left;
padding:0;
margin:0;
border:0px !important;
border-style: hidden;
box-shadow: 0px 0px 6px #e8e8e8 !important;
position:relative;
z-index:50;
margin-top:5px;
max-width: 271px;
}
table#single-platform.pricing th.platform-title h3
{
color#fff;
margin:20px 0;
padding:0;
}
th#cell-left h5, th#cell-right h5
{
color:#fff;
font-weight:600;
}
table#single-platform.pricing th#cell-left
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #6cb1c1;
border-right:1px solid #64a5b4;
border-bottom:1px solid #88bfcc;
border-left:1px solid #6cb1c1;
}
table#single-platform.pricing th#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #6cb1c1;
border-right:1px solid #6cb1c1;
border-bottom:1px solid #88bfcc;
border-left:1px solid #72b7c7;
}
table#dual-mobile-platform.pricing
{
width:33.33%;
float:left;
padding:0;
margin:0;
border:0px !important;
border-style:hidden;
box-shadow: 0px 0px 6px #e8e8e8 !important;
position:relative;
z-index:60;
max-width: 271px;
}
table#dual-mobile-platform.pricing th#cell-left
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #0e587d;
border-right:1px solid #0f5c83;
border-bottom:1px solid #4086a8;
border-left:1px solid #136a95;
}
table#dual-mobile-platform.pricing th#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #0e587d;
border-right:1px solid #0f5c83;
border-bottom:1px solid #4086a8;
border-left:1px solid #136a95;
}
table#multi-platform.pricing th.platform-title
{
border-right:1px solid #073148 !important;
}
table#multi-platform.pricing
{
width:33.33%;
float:left;
padding:0;
margin:0;
border:0px !important;
box-shadow: 0px 0px 6px #e8e8e8 !important;
position:relative;
z-index:50;
margin-top:5px;
max-width: 271px;
}
table#multi-platform.pricing th#cell-left
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #073148;
border-right:1px solid #1b5270;
border-bottom:1px solid #40687f;
border-left:1px solid #134561;
}
table#multi-platform.pricing th#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #073148;
border-right:1px solid #134561;
border-bottom:1px solid #40687f;
border-left:1px solid #136a95;
}
table#single-platform.pricing tr.pricing-header
{
background:#62a1b0;
border:1px solid #62a1b0;
}
table#single-platform.pricing tr#platform-bottom
{
background:#6cb1c1;
}
table#dual-mobile-platform.pricing tr.pricing-header
{
background:#0e587d;
border:1px solid #0e587d;
}
table#dual-mobile-platform.pricing tr.pricing-header h5
{
margin-top:20px;
margin-bottom:14.5px;
}
table#dual-mobile-platform.pricing tr#platform-bottom
{
background:#136a95;
}
table#multi-platform.pricing tr.pricing-header
{
background:#073148;
border:1px solid #073148;
}
table#multi-platform.pricing tr#platform-bottom
{
background:#134561;
}
tr#row-one
{
background:#f6f6f6;
}
tr#row-two
{
background:#dedcdc;
}
th.platform-title
{
}
th.platform-title h3
{
color:#fff !important;
font-weight:500 !important;
margin:20px 0;
padding:0;
}
th#cell-left
{
width:50%;
padding:0;
margin:0;
}
th#cell-left h5
{
padding:0;
margin:15px 0;
}
th#cell-right
{
width:50%;
padding:0;
margin:0;
}
th#cell-right h5
{
padding:0;
margin:15px 0;
}
tr#row-one.fee-row
{
border-bottom:1px solid #dfdfdf;
border-top:1px solid #ffffff;
border-left:1px solid #e4e4e4;
border-right:1px solid #e4e4e4;
}
tr#row-one td.fee
{
}
td.fee h5
{
padding: 0;
margin: 12px 0;
font-weight:600;
}
tr#row-one.fee-prices h4
{
font-size:24px;
margin:16px 0px;
}
tr#row-one.fee-prices td#cell-left
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #f0eded;
border-right:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
border-left:1px solid #f6f6f6;
}
tr#row-one.fee-prices td#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #f0eded;
border-right:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
border-left:1px solid #fcfcfc;
}
tr#row-two.fee-row
{
border-top: 1px solid #e2dfdf;
border-left:1px solid #e2e0e0;
border-right:1px solid #e2e0e0;
border-bottom:1px solid #d3d1d1;
}
tr#row-two.fee-row td.fee
{
}
tr#row-two.fee-row h5
{
}
tr#row-two.fee-prices
{
}
tr#row-two.fee-prices h4
{
font-size: 24px;
margin: 16px 0px;
}
table#dual-mobile-platform.pricing  h4#fat-bottom
{
font-size: 24px;
margin: 16px 0px 21px !important;
}
tr#row-two.fee-prices td#cell-left
{
width:50%;
padding:0; 
margin:0;
border-top:1px solid #f0eded;
border-right:1px solid #d6d4d4;
border-bottom:1px solid #d3d1d1;
border-left:1px solid #dedcdc;
}
tr#row-two.fee-prices td#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:1px solid #f0eded;
border-right:1px solid #dedcdc;
border-bottom:1px solid #d3d1d1;
border-left:1px solid #ebe8e8;
}
/*******************************************************/
/* Mapping Engine Page
/*******************************************************/
div#enginestyle div.major-page-header p
{
width:  68.8%;
}
enginestyle
/*******************************************************/
/* Developers Page
/*******************************************************/
div#developerstyle div.major-page-header p
{
width: 44%;
}
/*******************************************************/
/* Evaluation SDK Page
/*******************************************************/
div#sdkstyle div.major-page-header p
{
width: 48%;
}
/*******************************************************/
/* Style Sheets Page
/*******************************************************/
div#stylesheetstyle div.major-page-header p
{
width: 48%;
}
div#stylesheetstyle div.main-content-area a.callout-button
{
color:#fff;
background:#9f1b24;
width:auto;
float:left;
margin:30px 560px 60px 0px;
display:inline-block;
}
div#stylesheetstyle div.main-content-area a.callout-button:hover
{
background:#134158;
}
/*******************************************************/
/* Articles Page
/*******************************************************/
div#articlestyle div.major-page-header p
{
width: 40%;
}

/*******************************************************/
/* Developers Page Results
/*******************************************************/
div.developers-block
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
}
div.dev-block-left
{
display:inline-block;
width:46%;
padding-left:4%;
float:left;
margin:0;
padding:0;
}
div.dev-block-right
{
display:inline-block;
width:46%;
padding-left:4%;
float:right;
margin:0;
padding:0;
}
div.developers-block p
{
min-height:114px;
}
div.developers-block a.callout-button
{
color:#fff !important;
text-decoration:none !important;
background:#9f1b24;
width:auto;
float:left;
margin-top:24px;
}
div.developers-block a.callout-button:hover
{
background:#134158;
}
span.optional
{
display:none;
}
/*******************************************************/
/* Contact Page
/*******************************************************/
a.accordion-toggle, form#contact-form legend, form#contact-form label, div#basic-details
{
display:none;
}
label#jform_join_mail_list-lbl
{
display: inline-block !important;
float: left;
width: auto;
padding: 0;
left: 30px;
position: relative;
bottom: -44px;
margin: 0;
margin-top: -30px;
}
div.form-wrapper
{
width:100%;
padding:0;
margin:0;
text-align:center;
float:none;
display:inline-block
}
div.contact-form
{
display: inline-block;
width: 100%;
margin: 0;
padding: 0;
text-align: center;
}
div.container-fluid, form#contact-form
{
width:100%;
max-width:814px;
margin: 0 auto;
display:inline-block;
}
div.form-wrapper form
{
width:100%;
max-width:814px;
margin: 0 auto;
display:inline-block;
}
ul#hdp_attachment_list
{
margin:0;
padding:0;
}
.form-actions
{
background-color:#fff;
padding: 0px !important;
}
input#name, input#email, input#subject, input#jform_contact_name, input#jform_contact_email, input#jform_contact_emailmsg
{
padding: 20px 26px !important;
box-shadow: inset 0px 0px 6px #bbb !important;
-moz-box-shadow: inset 0px 0px 6px #bbb !important;
border: none !important;
width: 340px !important;
color:#596b73 !important;
font-weight:500 !important;
font-size: 15px !important;
-webkit-appearance:none;
}
textarea
{
padding: 20px 26px !important;
box-shadow: inset 0px 0px 6px #bbb !important;
-moz-box-shadow: inset 0px 0px 6px #bbb !important;
border: none !important;
color:#596b73 !important;
font-weight:500 !important;
font-size: 15px !important;
-webkit-appearance:none;
}
select#category_id, select#hdp_Version, select#hdp_CartoType_Platform
{
box-shadow: inset 0px 0px 6px #bbb !important;
-moz-box-shadow: inset 0px 0px 6px #bbb !important;
border: none !important;
color:#bec3c5 !important;
font-weight:500 !important;
font-size: 15px !important;
height:60px;
padding-left:20px;
width:392px;
-webkit-appearance:none;
}
select#category_id option, select#hdp_Version option, select#hdp_CartoType_Platform option
{
font-size: 15px !important;
-webkit-appearance:none;
}
ul#hdp_attachment_list li 
{
list-style: none;
-webkit-appearance: none;
background: none;
text-align: left;
display: inline-block;
width:100%;
}
.form-horizontal textarea
{
width:762px !important;
margin:0px 0 !important;
-webkit-appearance:none;
}
input#name::-webkit-input-placeholder, input#subject::-webkit-input-placeholder, input#email::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
color: #bec3c5;
opacity: 1 !important;
-webkit-appearance:none;
}
form#hdp_form.form.form-horizontal input:-moz-placeholder
{
color: #bec3c5;
}
form#hdp_form.form.form-horizontal   input::-moz-placeholder
{
color: #bec3c5;
}
form#hdp_form.form.form-horizontal   input:-ms-input-placeholder
{
color: #bec3c5;
}
.form-horizontal .control-group {
display:inline-block ;
float:left !important;
margin:0 !important;
padding:0 !important;
width:auto !important;
-webkit-appearance:none;
}
select#priority_id
{
display:none !important;
-webkit-appearance:none;
-webkit-appearance:none;
}
.form-horizontal .control-label
{
float: left !important;
width: 100% !important;
padding-top: 16px !important;
padding-bottom: 16px !important;
text-align: left !important;
}
.form-horizontal .controls
{
width:100% !important;
display:inline-block !important;
float:left !important;
margin-left: 0px !important;
width: auto !important;
float:left !important;
}
input.callout-button
{
color: #fff;
-webkit-appearance:none;
border:none;
background: #62a1b0;
width: auto;
float: left;
margin-top:16px;
padding:14px 34px;
margin-bottom:0px;
margin-right:16px;
}
input[type="file"]::-webkit-file-upload-button
{
color: #fff;
-webkit-appearance: none;
border: none;
background: #62a1b0;
width: 178px;
float: left;
padding: 14px 34px;
margin-right: 400px;
display: block;
display: inline-block;
}
input.callout-button:hover, input[type="file"]::-webkit-file-upload-button:hover
{
background: #3d7a89;
}
input#callout-button
{
width: 816px;
display: inline-block;
float: left;
height: 48px;
}
input#submitter.callout-button, button.main-callout-button
{
color: #fff;
border: none;
background: #134158;
width: auto;
float: left;
margin-top: 8px !important;
padding: 14px 39px;
margin-bottom: 0px !important;
margin-right: 16px !important;
display: inline-block !important;
margin-right: 90%;
margin-top: 16px !important;
display: inline-block;
}
input#submitter.callout-button:hover, button.main-callout-button:hover
{
background: #022639;
}
div.controls td
{
padding-right: 30px !important;
line-height:30px;
}
div.controls td input
{
margin-right: 16px !important;
}
div.contactcontactstyle fieldset
{
border: none;
padding: 0;
margin: 0;
}
input#jform_contact_email
{
margin-left:30px;
}
div#categoryz, div#categoryz select#category_id, div#categoryz div.control-group, div#categoryz div.control-group 
{
float:right !important;
-webkit-appearance:none;
}
div#emailz
{
width:762px !important;
margin:30px 0px !important;
}
div#emailz input#email, input#jform_contact_emailmsg
{
width:762px !important;
}
div#subjectz
{
width:762px !important;
}
div#subjectz input#subject
{
width:762px !important;
}
div.btn-toolbar.hdp_toolbar
{
display:none !important;
}
div#hdp_container.container-fluid.hide
{
display:none;
}
/*******************************************************/
/* code highlighter
/*******************************************************/
.syntaxhighlighter {
margin: 0 !important;
background: #fdfdfd !important;
padding: 32px 36px;
line-height:1.3em !important;
border:solid 1px #e8e8e8 !important;
box-shadow: 0px 0px 6px #e8e8e8 !important;
border-radius: 2px !important;
-moz-border-radius:2px !important;
-webkit-border-radius:2px !important;
}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table, .syntaxhighlighter table td,
.syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead, .syntaxhighlighter table caption, .syntaxhighlighter textarea 
{
line-height: 2em !important;
}
/*******************************************************/
/* Right Side Navigation
/*******************************************************/
div.right-side-nav
{
width: 25%;
display: inline-block;
float: right;
}
div.right-side-nav ul
{
list-style-type:none;
text-align:left;
padding:0;
background:#f6f6f6;
}
div.right-side-nav ul li
{
list-style-type: none;
min-height: 26px;
padding: 16px 32px 0;
text-transform:uppercase;
letter-spacing: 0.8px;
font-weight:600;
font-size:13px;
color:#7d888d;
}
div.right-side-nav ul li a
{
color:#7d888d;
}
div.right-side-nav ul li a:hover
{
color:#b21f29;
}
div.right-side-nav ul li ul
{
padding-top: 0px;
padding-bottom:0px;
}
div.right-side-nav ul li ul li
{
padding: 16px 0px 0;
text-transform:initial;
color: #073148;
}
div.right-side-nav ul li ul li a
{
color: #073148;
}

div.article-searcher ul
{
list-style-type:none;
text-align:left;
padding: 48px 0 32px;
background:#f6f6f6;
}
div.article-searcher ul li
{
list-style-type: none;
color: #073148;
min-height: 26px;
padding: 16px 32px 0;
font-weight: 500;
}
div.article-searcher ul li a
{
color:#073148;
}
div.right-side-nav ul.nav.menu li:hover
{
background:#134158;
color:#fff !important;
}
div.right-side-nav ul.nav.menu li a
{
display: inline-block;
padding-bottom: 16px;
}
div.right-side-nav ul.nav.menu li:hover a, div.right-side-nav ul.nav.menu ul li a:hover
{
color:#fff !important;
}
div.right-side-nav ul.nav.menu li ul 
{
padding-top: 0px;
padding-bottom: 0px;
margin-left: -32px;
width: 290px;
}
li.item-163
{
padding-bottom: 12px !important;
}
div.right-side-nav ul.nav.menu li ul li
{
    padding: 16px 32px 0;
    text-transform: initial;
    color: #073148;
}
div.right-side-nav ul.nav.menu li ul li a,
div.right-side-nav ul.nav.menu li:hover ul li a, div.right-side-nav ul.nav.menu li:hover ul li
{
    color: #073148 !important;
}
div.right-side-nav ul.nav.menu li ul li:hover, div.right-side-nav ul.nav.menu li ul li:hover a
{
    color: #b21f29 !important;
	background:none;
}
div.right-side-nav ul.nav.menu li ul li a:hover
{
    color: #b21f29 !important;
	background:none;
}
div.right-side-nav ul li.item-177
{
padding-bottom:12px;
}
div.article-searcher ul li a:hover
{
color:#b21f29;
}
div.searcher-top
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
height: 46px;
background: url(../images/Search-Icon-Light.png) no-repeat #62a1b0;
background-position:94% 50%;
margin-bottom:24px;
}
div.searcher-top input
{
border:none !important;
background:none !important;
color:#fff !important;
width:100% !important;
height:48px !important;
padding:0 0 0 32px !important;
margin:0 !important;
text-transform:uppercase;
font-weight: 500;
letter-spacing: 1.3px;
font-size:14px;
}
div.searcher-top  input::-webkit-input-placeholder
{
color: #fff;
opacity: 1 !important;
}
div.searcher-top  input:-moz-placeholder
{
color: #fff;
}
div.searcher-top  input::-moz-placeholder
{
color: #fff;
}
div.searcher-top  input:-ms-input-placeholder
{
color: #fff;
}
div.searcher-bottom
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
}
div.searcher-title
{
display:inline-block;
width:100%;
height:48px;
background:#073148;
float:left;
margin:0;
padding:0;
}
div.searcher-title h5
{
text-transform:uppercase;
letter-spacing: 1.3px;
font-size:14px;
color:#fff;
text-align:left;
width:100%;
padding:0 0 0 32px;
margin:0;
line-height:48px;
font-weight:500;
}
span.anchor-point
{ 
margin-top: -152px;
padding-bottom:152px; 
display: block; 
}
div.more-info-module
{
width:100%;
display:inline-block;
margin:0;
padding:0;
height:auto;
background:url(../images/Need-More-Information-BG.png) no-repeat;
background-size:cover;
margin-bottom:30px;
margin-top:10px;
}
div.more-info-module h3
{
font-size:18px;
color:#fff;
}
div.more-info-module p
{
color:#fff;
font-size:14px;
width:90%;
margin: 0 5%;
padding-top:10px;
}
div.more-info-module a.callout-button
{
color: #fff;
display: inline-block;
margin: 20px 0;
border: solid 1px #fff;
padding: 12px 38px;
}
div.more-info-module a.callout-button:hover
{
color: #62a1b0;
background:#fff;
}
/*******************************************************/
/* Below Article Content
/*******************************************************/
div.below-content-one
{
display:inline-block;
width:100%;
margin:0;
padding:0;
float:left;
}
div.explore-today
{
display:inline-block;
width:100%;
margin:0;
padding:0;
float:left;
background:url(../images/Explore-Today-BG.png)no-repeat;
background-size:cover;
height:160px;
text-align: left;
}
div.explore-today h1
{
font-weight:600;
color:#fff;
margin:0;
padding:58px 40px 58px 230px;
text-align:left;
width:auto;
display:inline-block;
float:left;
}
div.explore-today a.callout-button
{
color:#fff;
border:solid 1px #d88f94;
background:#9f1b24;
width:auto;
float:left;
margin-top:58px;
}
div.explore-today a.callout-button:hover
{
background:#134158;
}
div.below-content-two
{
display:inline-block;
width:100%;
margin:60px 0;
padding:0;
float:left;
}
div.read-articles
{
display:inline-block;
width:330px;
margin:0;
padding:0 30px;
float:left;
text-align:left;
}
div.read-articles h2
{
display:inline-block;
width:330px;
margin:0;
padding:0px;
float:left;
color: #134158;
}
div.read-articles a.callout-button
{
color:#fff;
background:#9f1b24;
width:auto;
float:left;
margin-top:24px;
}
div.read-articles a.callout-button:hover
{
background:#134158;
}
div.developers-choose
{
}
div.developers-choose h2
{
color: #134158;
margin:0 0 12px 0;
padding:0;
}
/*******************************************************/
/* Newsletter Callout
/*******************************************************/

/*****************************************************************************/
/* Articles
/*****************************************************************************/
main#content h2 a, main#content h2
{
color:#0e587d;
text-decoration:none;
font-size:26px;
width:100%;
display:inline-block;
}
main#content h3, main#content h3 a
{
color:#b21f29;
font-size:20px;
text-decoration:none;
}
main#content h4
{
font-size:18px;
text-decoration:none;
}
main#content h4 a
{
color:#b21f29;
text-decoration:none;
}
main#content h4 a:hover
{
color:#62a1b0;
text-decoration:none;
}
div#homestyle main#content h2 a
{
color:#133f58;
text-decoration:none;
font-size:32px;
}
div#homestyle main#content h3
{
color:#b21f29;
font-size:26px;
}
main#content a
{
text-decoration:none;
color:#62a1b0;
}
main#content a:hover
{
color: #b21f29;
}
main#content p
{
color:#545554;
}
/*******************************************************/
/* Footer
/*******************************************************/
div.footer
{
width:100%;
display:inline-block;
background:#073148;
color:#fff;
padding:52px 0 60px;
text-align:center;
}
div.footer div.inner-wrap-wide
{
display:inline-block;
}
div.footer-top
{
width:100%;
display:inline-block;
padding:0;
margin:0;
}	
div.footer-top-left
{
width:590px;
display:inline-block;
padding:0;
margin:0;
float: left;
}
div.footer-top-left ul
{
list-style-type:none;
margin:0;
padding:0;
width:196.6666px;
float:left;
display:inline-block;
text-align:left;
}
div.footer ul li
{
list-style-type:none;
color:#bbbbbb;
font-size:14px;
padding:20px 0 0;
}
div.footer ul li, div.footer ul li a
{
list-style-type:none;
color:#bbbbbb;
font-size:14px;
padding:20px 0 0;
}
div.footer ul li, div.footer ul li a:hover
{
color:#fff;
}
div.footer ul li h5, div.footer ul li h5 a
{
color:#fff;
text-transform:uppercase;
font-size:14px;
letter-spacing:0.8px;
font-weight:500;
margin: 0 0 2px 0;
}
div.footer ul li h5 a:hover
{
color:#62a1b0;
}
h5#spaced
{
margin-top:10px;
}
div.footer-top-right
{
width:378px;
display:inline-block;
padding:0;
margin:20px 0 0 0;
text-align:left;
float:right;
}
div.footer-top-right h4
{
margin:0;
font-weight:400;
}
div.footer a.callout-button
{
color:#fff;
border:solid 1px #d88f94;
background:#9f1b24;
width:auto;
float:left;
margin-top:24px;
}
div.footer a.callout-button:hover
{
background:#134158;
border:solid 1px #bbbbbb;
}
div.footer a.twitter-button
{
display: inline-block;
width: calc( 100% - 40px );
color: #bbbbbb;
padding-left: 30px;
margin-top: 20px;
padding-top: 4px;
background: url(../images/Twitter-Icon-Grey.png) no-repeat;
background-position: -4px 0px;
}
div.footer a.twitter-button:hover
{
color:#fff;
background:url(../images/Twitter-Icon-Blue.png) no-repeat;
background-position: -4px 0px;
}
div.footer-bottom
{
width:100%;
display:inline-block;
padding:146px 0 0 0px;
margin:0;
}
div.footer-logo
{
width:auto;
float:left;
}
div.footer-bottom p
{
font-size:11px;
color:#bbbbbb;
width:750px;
float:right;
padding-top:0px;
margin:0;
text-align:left;
}
div.footer-bottom p a, div.footer-bottom p a:visited
{
color:#bbbbbb;
}
div.footer-bottom p a:hover
{
color:#9f1b24;
}
div.com-content-article__body div.syntaxhighlighter
{
width: calc( 98% - 2em ) !important;
margin: 1em 0 1em 0 !important;
position: relative !important;
overflow: auto !important;
font-size: 1em !important;
}
/*******************************************************/
/* Show/hide
/*******************************************************/
div.mobile-menu, div.mobile-menu-button, div.camera_loader
{
display:none !important;
}



/**
 * @version		$Id: template.css.php 963 2012-02-08 17:13:15Z joomlaworks $
 * @package		Frontpage Slideshow
 * @author    JoomlaWorks - http://www.joomlaworks.net
 * @copyright	Copyright (c) 2006 - 2012 JoomlaWorks Ltd. All rights reserved.
 * @license		Commercial - This code cannot be redistributed without permission from JoomlaWorks Ltd.
 */

/* --- Slideshow Container --- */
#fpssContainer96.fpss-template-sleek 
{
	position:relative;
	width: 1480px;
	height:560px;
	margin:0px auto;
	padding:0;
	overflow:hidden;
	text-align: center;
    display: inline-block;
	background:url(../images/CartoType-A-BG.png) no-repeat;
	background-position:100%;
}

#camera_wrap_136
{
margin-top: .5%;
margin-left: 28%;
}
#fpssContainer96.overlay
{
    position: absolute;
    width: 882px;
    height: 560px;
    margin: 0px auto;
    padding: 0;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    background: url(../images/CartoType-A-Overlay.png) no-repeat;
    background-position: 100%;
    top: 0;
    left: 0;
    z-index: 200;
    right: -598px;
}
/* --- Loader --- */
#fpssContainer96.fpss-template-sleek .slide-loading 
{
	position:absolute;
	width:100%;
	height:560px;
	background:url(../images/loading_black.gif) no-repeat 63% 50%;
	z-index:101;
	} /* Use highest z-index to hide all slideshow contents */

/* --- Timer (progress bar) --- */
.fpss-template-sleek .fpssTimer {width:0;clear:both;position:absolute;bottom:0;height:6px;background:#9c0;}

/* --- Slide Containers --- */
#fpssContainer96.fpss-template-sleek .slides-wrapper 
{
	width:100%;
	height:560px;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
	max-width: 1200px;
    display: inline-block;
	}
.fpss-template-sleek .slides-wrapper .slides
{
    display: inline-block;
    float: left;
    width: 100%;
    height: 560px;
}
#fpssContainer96.fpss-template-sleek .slides-wrapper .slide
{
width:800px;
height:560px;
display:inline-block;
float:right;
overflow:hidden; 
right: 50px;
}
#fpssContainer96.fpss-template-sleek .slides-wrapper .slidetext 
{
	position:absolute;
	width:400px;
	display:inline-block;
	float:left;
	padding:0;
	margin:0;
	repeat;z-index:1;
	text-align:left;
    left: 0 !important;
}

/* --- Slide Content --- */
.fpss-template-sleek .slidetext h1,
.fpss-template-sleek .slidetext h1 a
{
color:#fff;
margin:0;
padding:0;
line-height:120%;
font-weight:500;
font-size: 35px;    -webkit-text-shadow: rgba(7,49,72,1); 0 0 1px;    -webkit-font-smoothing: antialiased;    text-shadow: 0 0 1px rgba(7,49,72,1);
}
.fpss-template-sleek .slidetext h1 a:hover {;text-decoration:none;}
.fpss-template-sleek .slidetext h2 {display:none;}
.fpss-template-sleek .slidetext h3 {margin:0;padding:0;font-weight:normal;}
.fpss-template-sleek .slidetext h4 {display:none;}
.fpss-template-sleek .slidetext p
{ 
color:#fff;
padding-left: 60px;    -webkit-text-shadow: rgba(7,49,72,1); 0 0 1px;    -webkit-font-smoothing: antialiased;    text-shadow: 0 0 1px rgba(7,49,72,1);
}
.fpss-template-sleek .slidetext a.callout-button
{
color:#fff;
background:#9f1b24;
width:auto;
float:left;
margin-top:24px;
margin-left:60px;
}
.fpss-template-sleek .slidetext a.callout-button:hover
{
background:#961d25;
}
.fpss-template-sleek .slidetext ul.slide-list
{
    color: #fff;
    padding-left: 20px;
    padding-top: 100px;
    padding-left: 60px;    -webkit-text-shadow: rgba(7,49,72,1); 0 0 1px;    -webkit-font-smoothing: antialiased;    text-shadow: 0 0 1px rgba(7,49,72,1);
}
.fpss-template-sleek .slidetext ul li
{
color:#fff;
font-size:20px;
}

/* --- Navigation --- */
#fpssContainer96.fpss-template-sleek .navigation-wrapper 
{
	position:absolute;
	right:0;
	bottom:16px;
	width:1000px;
	float:right;
	padding:0;
	margin:0;
	z-index:97;
	}
#fpssContainer96.fpss-template-sleek .navigation-wrapper .navigation-pseudo-container 
{
	position:absolute;
	top:6px;
	left:0;
	right:0;
	margin:0;
	padding:0;
	opacity:0.8;
	filter:alpha(opacity=80);
	}
#fpssContainer96.fpss-template-sleek .navigation-wrapper .navigation-background
{
    cursor: pointer;
    position: absolute;
    z-index: 8;
    width: 65px;
    height: 20px;
}
.fpss-template-sleek .navigation-wrapper .navigation 
{
	list-style:none;
	margin:0;
	padding:0;
	text-align:right;
	display:block;
	float:right;
	margin-right:24px;
	}
.fpss-template-sleek .navigation-wrapper .navigation .navigation-button {float:left;margin:0 2px;z-index:7;position:relative;}

#fpssContainer96.fpss-template-sleek .navigation .navigation-button a 
{
	display:block;
	float:left;
	background:url(../images/next-slider.png) no-repeat 50% 0;
	height:20px;
	line-height:20px;
	margin:0;
	padding:7px 0 0 0;
	text-decoration:none;
	}
#fpssContainer96.fpss-template-sleek .navigation .active a,
#fpssContainer96.fpss-template-sleek .navigation .navigation-button a:hover 
{
	background:url(../images/current-slider.png) no-repeat 50% 0;
	text-decoration:none;
	}

.fpss-template-sleek .navigation-wrapper .navigation .navigation-button a span.navigation-thumbnail 
{}
.fpss-template-sleek .navigation-wrapper .active a span.navigation-thumbnail,
.fpss-template-sleek .navigation-wrapper .navigation-button a:hover span.navigation-thumbnail,
.fpss-template-sleek .navigation-wrapper .navigation-background 
{
	}
#fpssContainer96.fpss-template-sleek .navigation-wrapper .navigation .navigation-button a span.navigation-thumbnail 
{
	display:block;width:32px;
	height:32px;
	overflow:hidden;
	background-position:50% 50%;
	position:relative;z-index:9;
	}

#fpssContainer96.fpss-template-sleek .navigation .navigation-previous a,
#fpssContainer96.fpss-template-sleek .navigation .navigation-next a {display:block;float:left;width:9px;height:42px;line-height:42px;margin:7px 2px 0;padding:0;overflow:hidden;position:relative;z-index:9;text-decoration:none;}
#fpssContainer96.fpss-template-sleek .navigation .navigation-previous a 
{
	display:none;
	}
#fpssContainer96.fpss-template-sleek .navigation .navigation-next a 
{
	display:none;
	}

/* --- Generic Styling (highly recommended) --- */
.fpss-template-sleek a {cursor:pointer;}
.fpss-template-sleek a:active,
.fpss-template-sleek a:focus {outline:0;outline:expression(hideFocus='true');}
.fpss-template-sleek img {border:none;}
.fpss-template-sleek .slidetext img,
.fpss-template-sleek .slidetext p img {display:none;}
.fpss-clr {clear:both;float:none;height:0;line-height:0;margin:0;padding:0;border:0;}

/* --- IE Specific Styling (use body.fpssIsIE6, body.fpssIsIE7, body.fpssIsIE8 to target specific IEs) --- */
body.fpssIsIE7 #fpssContainer96.fpss-template-sleek .navigation-wrapper .navigation-pseudo-container {top:22px;}
body.fpssIsIE7 #fpssContainer96.fpss-template-sleek .navigation .navigation-previous a {margin-top:24px;}
body.fpssIsIE6 .fpss-clr,
body.fpssIsIE7 .fpss-clr {display:none;}
@media ( max-width:1400px ){

.fpss-template-sleek .slidetext ul.slide-list, .fpss-template-sleek .slidetext p 
{
color: #fff;
padding-left: 40px;
}
.fpss-template-sleek .slidetext a.callout-button
{

    margin-left: 40px;
}
}

@media ( max-width:1300px ){

.fpss-template-sleek .slidetext ul.slide-list, .fpss-template-sleek .slidetext p 
{
color: #fff;
padding-left: 20px;
}
.fpss-template-sleek .slidetext a.callout-button
{

margin-left: 20px;
}
}

@media ( max-width:1200px ){

.fpss-template-sleek .slidetext ul.slide-list, .fpss-template-sleek .slidetext p 
{
color: #fff;
padding-left: 0px;
}
.fpss-template-sleek .slidetext a.callout-button
{

margin-left: 0px;
}
}
/* --- End of stylesheet --- */



/**************************************************************************************************************/
/* Template For Screen Width 1024px
/**************************************************************************************************************/

@media(max-width:1024px){
#camera_wrap_136
{
display:none !important;
}

div.com-content-article__body div.syntaxhighlighter code,
div.com-content-article__body div.syntaxhighlighter div.line
{
font-size:32px !important;
}
/*******************************************************/
/* Show/hide
/*******************************************************/
div.right-side-nav, div.main-menu-nav, #fpssContainer96.overlay, div.navigation-wrapper, div.slide, div.cartotype-logo img, #fpssContainer96.fpss-template-sleek .slide-loading,
div.footer-bottom img
{
display:none !important;
}

.mod-menu__sub.list-unstyled.small
{
display:none;
}
.mod-menu__sub.list-unstyled.small.nav-chiltog
{
display:inline-block; 
}


/**************************************************************************************************************/
/* Page Wrappers
/**************************************************************************************************************/
.full-bg
{
height: 100%;
overflow: hidden;
}
.inner-wrap
{
width:88%;
margin: 0  6% auto;
padding:0 20px;
}
.inner-wrap-wide
{
width:88%;
margin: 0  6% auto;
padding:0 20px;
}
div#main-area.page-wrapper
{
width:100%;
margin: 0 auto;
background: #fff;
max-width:1024px;
}
div#main-area.page-wrapper div.inner-wrap
{
padding:0;
}
div#homestyle div.page-wrapper
{
    margin-top: 320px !important;
}
div.main-content-area
{
display: inline-block;
float: left;
text-align: left;
width: 100%;
margin-top: 0px;
padding-bottom: 48px;
max-width: 100% !important;
padding-right: 0px !important
}

/*******************************************************/
/* Header Area
/*******************************************************/
.header-bar
{
height: auto;
}
div.header-area
{
border-bottom:none;
height: 380px;
}
div.header-area div.inner-wrap-wide
{
width:100%;
margin: 0 auto;
}
div.header-top
{
height: 130px;
margin-left: -20px;
background-color:#e7e7e7;
}
div.header-top-left
{
width: 100%;
}
div.header-top-right
{
width: 100%;
}
div.download-button
{
width: 676px;
height: 130px;
background: url(../images/Light-Blue-Nubby-lg.png) no-repeat #b21f29;
background-position: 100% 50%;
margin: 0px;
}
div.download-button a:hover
{
background: url(../images/Light-Blue-Nubby-lg.png) no-repeat #961d25;
background-position: 100% 50%;
}
div.download-button a
{
font-size: 40px;
line-height: 130px;
}
.search-tool
{
width: 130px;
height: 130px;
float: left;
background: url(../images/Search-Icon-Light-lg.png) no-repeat #62a1b0;
background-position: 50%;
}
div.mobile-menu-button
{
background: rgba(0, 0, 0, 0) url("../images/Hamburger.png") no-repeat scroll 40% 50%;
display: inline-block !important;
float: right;
height: 130px;
margin: 0;
max-width: 140px;
padding: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 999999;
}
div.mobile-menu-button a
{
display:block;
width:100%;
margin:0;
padding:0;
height:100%;
}
div.header-bottom
{
padding: 0;
}
div.cartotype-logo
{
width: 100%;
padding-top: 20px;
}
div.cartotype-logo
{
width: 100%;
margin: 0;
padding: 0;
float: left;
display: inline-block;
margin-left: -20px;
height: 250px;
}
div.cartotype-logo a
{
width: 100%;
padding-top:0px;
background:url(../images/CartoType-Logo-lg-Grey.png) no-repeat;
background-position:50%;
height:100%;
width:100%;
display:block;
}

/*******************************************************/
/* Mobile Main Menu
/*******************************************************/
div.mobile-menu-block
{
/** display:inline-block !important; **/
width:100%;
margin:0;
padding:0;
background:#fff;
text-align:left;
position:absolute;
z-index:300;
top:130px;
}
div.mobile-menu-block ul
{
width:100%;
list-style-type:none;
margin:0px;
padding:0px;
}
div.mobile-menu-block ul li
{
display:inline-block !important;
width:100%;
margin:0;
padding:0;
list-style-type:none;
border-bottom:solid 2px #c7c7c7;
background:#e7e7e7;
}
div.mobile-menu-block ul li.deeper.parent
{
border-bottom:none;
}
div.mobile-menu-block ul li.deeper.parent a
{
border-bottom:solid 2px #c7c7c7;
}
div.mobile-menu-block ul li.item-144.deeper.parent
{
margin-bottom:0;
padding-bottom:0;
}
div.mobile-menu-block ul li a
{
padding:60px 104px;
display:block;
font-size:46px;
font-weight:500;
color:#7d888d;
}
div.mobile-menu-block  ul li.item-247
{
}
div.mobile-menu-block  ul li.item-247 a
{
padding-left: 230px !important;
background-image: url(../images/Twitter-Icon-Blue-Mobile.png);
background-repeat:no-repeat;
background-position: 120px 36px;
}
div.mobile-menu-block ul li a:hover, div.mobile-menu-block ul li.current.active, div.mobile-menu-block ul li.current.active a
{
background:#b21f29;
color:#fff !important;
}
div.mobile-menu-block  ul li.item-247 a:hover
{
background-image: url(../images/Twitter-Icon-White-Mobile.png);
background-repeat:no-repeat;
background-position: 120px 36px;
}
div.mobile-menu-block ul li ul li
{
background:#f9f9f9;
}
div.mobile-menu-block ul li ul li a
{
display:inline-block;
margin:0;
padding:60px 60px 60px 150px;
list-style-type:none;
color:#9fa5a8;
width:100%;
}

/*******************************************************/
/* Header Callout Modules
/*******************************************************/
div.major-page-header
{
margin-top: 380px;
text-align: center;
min-height: 100%;
background: url(../images/Page-Shadow-sm.png) no-repeat;
background-position: 50% 100%;
height: 100%;
}
div.major-page-header div.inner-wrap
{
margin:0;
padding:0;
}
div.major-page-header h2
{
color: #134158;
width:100%;
margin:0 auto;
padding:0%;
margin-top:60px;
font-size:76px;
}
div.major-page-header p
{
font-size:40px;
width:100%;
margin-top:30px;
line-height: 1.2em;
padding-bottom: 150px;
}
/*******************************************************/
/* Home Page
/*******************************************************/
#fpssContainer96.fpss-template-sleek
{
width: 100% !important;
max-width:1024px !important;
background: none !important;
height: 1048px;
}
div#homestyle div.home-page-scroller
{
top: 380px;
background: url(../images/Home-Page-Scroller-BG.jpg) no-repeat;
height: 1048px;
margin-bottom:0px;
background-size: cover;
}
.fpss-template-sleek .slides-wrapper .slides
{
height: 1048px;
}
#fpssContainer96.fpss-template-sleek .slides-wrapper .slidetext
{
width:88%;
float: left;
margin: 114px 6% 0;
}
div.fpss-template-sleek .slidetext ul.slide-list
{
list-style-type:none;
margin:0;
padding:0;
margin-bottom:60px;
}
#fpssContainer96.fpss-template-sleek .slides-wrapper
{
height: 1048px;
max-width: 1024px;
}
.fpss-template-sleek .slidetext a.callout-button
{
margin-top: 72px;
padding:40px 96px;
margin-left:0px;
font-size:40px;
}
div.fpss-template-sleek .slidetext ul.slide-list li
{
list-style-type:none;
margin:0;
padding:0;
}
div.fpss-template-sleek .slidetext p
{
font-size:40px;
padding:0;
margin:0;
margin:0;
}
div.fpss-template-sleek .slidetext h1
{
color: #fff;
line-height: 120%;
font-weight: 500;
font-size:84px;
}
div.fpss-template-sleek .slidetext h1 a
{
color: #fff;
line-height: 120%;
font-weight: 500;
font-size:84px;
}
div.home-page-description
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
margin-top:68px;
}
div.home-page-description ul
{
list-style-type:none;
margin:0;
padding:0;
margin-bottom:30px;
}
div.home-page-description ul li
{
list-style-type:none;
margin:0;
padding:0;
font-size:40px;
padding-bottom:22px;
height:auto;
}
div.home-page-description h2
{
margin:0px 0 80px !important;
color: #073148 !important;
font-size:70px !important;
}
div.home-page-description h4
{
margin:0;
padding:0;
color: #0e587d;
padding-bottom:10px;
font-size:52px !important;
}
div.powerful-top
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
}
div.powerful-left
{
display:inline-block;
width:88%;
max-width:88%;
margin:40px 6% 100px;
background:url(../images/CartoType-iPhone-lg.png) no-repeat;
min-height:1500px;
background-position:50%;
}
div.powerful-right
{
display:inline-block;
width:100%;
max-width:100%;
float:left;
margin:0%;
}
div.powerful-software
{
display:inline-block;
width:100%;
margin:0%;
margin-bottom: 74px;
}
div.powerful-software ul li, div.maps-center ul li, div.service-right ul li
{
margin:0%;
padding:10px 0 52px 0;
height:auto;
width:100%
}
div.maps-center
{
display:inline-block;
width:100%;
margin:0%;
float:left;margin-bottom: 74px;
}
div.service-right
{
width:100%;
margin:0%;
float:left;
}
div.maps-service ul li
{
list-style-type: none;
margin: 0;
padding: 0;
font-size: 15px;
padding-bottom: 13px;
height:auto;
}
div.platform-bottom
{
display:inline-block;
width:100%;
float:left;
margin:0;
padding:0;
}
h2.full-wide
{
margin: 72px 30% 40px 0;
padding: 0;
text-align: left;
color: #073148 !important;
padding-bottom: 0px;
width: 70% !important;
text-align: left;
font-size: 70px !important;
}
div.icons-wrap
{
width:100%;
display:inline-block;
float:none;
margin: 0% auto;
padding:0;
}
a.platform-icons
{
display:inline-block;
width:50%;
float:left;
margin:0;
padding:0;
height:200px;
}
div.Windows-Icon
{
background:url(../images/Windows-Icon-lg.png) no-repeat;
}
div.iOS-Icon
{
background:url(../images/iOS-Icon-lg.png) no-repeat;
}
div.Mac-OS-Icon
{
background:url(../images/Mac-OS-Icon-lg.png) no-repeat;
}
div.Android-Icon
{
background:url(../images/Android-Icon-lg.png) no-repeat;
}
div.Linux-Icon
{
background:url(../images/Linux-Icon-lg.png) no-repeat;
}
div.Rasbian-Icon
{
background:url(../images/Rasbian-Icon-lg.png) no-repeat;
}

/*******************************************************/
/* Products Page
/*******************************************************/
div#productstyle div.major-page-header p
{
width: 94% !important;
}
/*******************************************************/
/* Below Article Content
/*******************************************************/
div.below-content-one
{
display:inline-block;
width:100%;
margin:0;
padding:0;
float:left;
}
div.explore-today
{
background:url(../images/Explore-Today-BG-lg.png)no-repeat;
height:676px;
}
div.explore-today h1
 {
font-size: 84px;
padding: 0;
width: 80%;
text-align: center;
margin: 100px 10% 0;
}
div.explore-today a.callout-button
{
border:solid 2px #d88f94;
width:auto;
margin:0 20% auto;
padding:38px 104px;
margin-top:58px;
font-size:40px;
}
div.below-content-two {
width: 100%;
margin: 114px 0;
}
div.developers-choose h2
{
width: 80%;
margin: 0 10% auto;
font-size: 70px;
padding: 0;
}
/*******************************************************/
/* Mapping Engine Page Page
/*******************************************************/
div#enginestyle div.major-page-header p
{
 width: 90%;
}

/*******************************************************/
/* Pricing Page
/*******************************************************/
div#pricingstyle div.major-page-header p {
width: 100%;
}
div.pricing-tables
{
margin: 0;
height:5440px;
margin-top:30px;
}
div.pricing-tables h3
{
}
div.pricing-tables h4
{
}
div.pricing-tables h5
{
}
div.pricing-tables th,div.pricing-tables td
{
}
table#single-platform.pricing
{
width:90%;
box-shadow: 0px 0px 20px #e8e8e8 !important;
margin:0 5% auto;
margin-bottom:48px;
max-width: 100%;
}
table#single-platform.pricing th.platform-title h3
{
color:#fff;
margin:60px 0;
padding:0;
font-size:62px;
}
th#cell-left h5, th#cell-right h5
{
color:#fff;
font-weight:600;
font-size:43px;
}
table#single-platform.pricing th#cell-left
{
width:50%;
padding:40px 0;
margin:0;
border-top:2px solid #6cb1c1;
border-right:2px solid #64a5b4;
border-bottom:2px solid #88bfcc;
border-left:2px solid #6cb1c1;
}
table#single-platform.pricing th#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:2px solid #6cb1c1;
border-right:2px solid #6cb1c1;
border-bottom:2px solid #88bfcc;
border-left:2px solid #72b7c7;
}
table#dual-mobile-platform.pricing
{
width:90%;
box-shadow: 0px 0px 12px #e8e8e8 !important;
margin:0 5% auto;
margin-bottom:48px;
max-width: 100%;
}
table#dual-mobile-platform.pricing th#cell-left
{
padding:40px 0;
border-top:2px solid #0e587d;
border-right:2px solid #0f5c83;
border-bottom:2px solid #4086a8;
border-left:2px solid #136a95;
}
table#dual-mobile-platform.pricing th#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:2px solid #0e587d;
border-right:2px solid #0f5c83;
border-bottom:2px solid #4086a8;
border-left:2px solid #136a95;
}
table#multi-platform.pricing th.platform-title
{
border-right:2px solid #073148 !important;
}
table#multi-platform.pricing
{
width:90%;
box-shadow: 0px 0px 12px #e8e8e8 !important;
margin:0 5% auto;
margin-bottom:48px;
max-width: 100%;
}
table#multi-platform.pricing th#cell-left
{
padding:40px 0;
border-top:2px solid #073148;
border-right:2px solid #1b5270;
border-bottom:2px solid #40687f;
border-left:2px solid #134561;
}
table#multi-platform.pricing th#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:2px solid #073148;
border-right:2px solid #134561;
border-bottom:2px solid #40687f;
border-left:2px solid #136a95;
}
table#single-platform.pricing tr.pricing-header
{
background:#62a1b0;
border:2px solid #62a1b0;
}
table#single-platform.pricing tr#platform-bottom
{
background:#6cb1c1;
}
table#dual-mobile-platform.pricing tr.pricing-header
{
background:#0e587d;
border:2px solid #0e587d;
}
table#dual-mobile-platform.pricing tr.pricing-header h5
{
margin-top:20px;
margin-bottom:14.5px;
}
table#dual-mobile-platform.pricing tr#platform-bottom
{
background:#136a95;
}
table#multi-platform.pricing tr.pricing-header
{
background:#073148;
border:2px solid #073148;
}
table#multi-platform.pricing tr#platform-bottom
{
background:#134561;
}
tr#row-one
{
background:#f6f6f6;
}
tr#row-two
{
background:#dedcdc;
}
th.platform-title
{
}
th.platform-title h3
{
color:#fff !important;
font-weight:500 !important;
margin:60px 0;
padding:0;
font-size:62px;
}
th#cell-left
{
width:50%;
padding:0;
margin:0;
}
th#cell-left h5
{
padding:0;
margin:15px 0;
}
th#cell-right
{
width:50%;
padding:0;
margin:0;
}
th#cell-right h5
{
padding:0;
margin:15px 0;
}
tr#row-one.fee-row
{
border-bottom:2px solid #dfdfdf;
border-top:2px solid #ffffff;
border-left:2px solid #e4e4e4;
border-right:2px solid #e4e4e4;
}
tr#row-one td.fee
{
}
td.fee h5
{
padding: 0;
margin: 44px 0;
font-weight:600;
font-size:43px;
}
tr#row-one.fee-prices h4
{
font-size:74px;
margin:60px 0px;
}
tr#row-one.fee-prices td#cell-left
{
width:50%;
padding:0;
margin:0;
border-top:2px solid #f0eded;
border-right:2px solid #e4e4e4;
border-bottom:2px solid #e4e4e4;
border-left:2px solid #f6f6f6;
}
tr#row-one.fee-prices td#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:2px solid #f0eded;
border-right:2px solid #e4e4e4;
border-bottom:2px solid #e4e4e4;
border-left:2px solid #fcfcfc;
}
tr#row-two.fee-row
{
border-top: 2px solid #e2dfdf;
border-left:2px solid #e2e0e0;
border-right:2px solid #e2e0e0;
border-bottom:2px solid #d3d1d1;
}
tr#row-two.fee-row td.fee
{
}
tr#row-two.fee-row h5
{
}
tr#row-two.fee-prices
{
}
tr#row-two.fee-prices h4
{
font-size:74px;
margin:60px 0px;
}
table#dual-mobile-platform.pricing  h4#fat-bottom
{
font-size:74px;
margin: 60px 0px 60px !important;
}
tr#row-two.fee-prices td#cell-left
{
width:50%;
padding:0; 
margin:0;
border-top:2px solid #f0eded;
border-right:2px solid #d6d4d4;
border-bottom:2px solid #d3d1d1;
border-left:2px solid #dedcdc;
}
tr#row-two.fee-prices td#cell-right
{
width:50%;
padding:0;
margin:0;
border-top:2px solid #f0eded;
border-right:2px solid #dedcdc;
border-bottom:2px solid #d3d1d1;
border-left:2px solid #ebe8e8;
}
div.main-content-area ol, div.main-content-are li
{
font-size:40px;
line-height:60px;
}
/*******************************************************/
/* Markets Page
/*******************************************************/
div.markets-wrapper
{
display:inline-block;
width:100%;
height:auto;
margin:32px 0 0 0;
padding:0;
}
div#marketstyle div.main-content-area
{
padding-bottom:0px;
}
div.markets-wrapper h2
{

font-size:76px !important;
padding-bottom:90px;
}
div.markets-wrapper p
{
font-size:40px;
line-height:1.36em;
}
div.markets-left
{
display:inline-block;
width:100%;
max-width:878px;
height:878px;
padding-bottom:90px;
}
div.markets-center
{
display:inline-block;
width:100%;
max-width:878px;
height:878px;
padding-bottom:90px;
}
div.markets-right
{
display:inline-block;
width:100%;
max-width:878px;
height:878px;
padding-bottom:90px;
}
div.markets-row
{
padding-bottom:00px;
}
div.All-Developers
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/All-Developers.jpg) no-repeat;
height:878px;
background-size:cover;
}	
div.Enterprise
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Enterprise.jpg) no-repeat;
height:878px;
background-size:cover;
}	
div.Government-Security
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Government-Security.jpg) no-repeat;
height:878px;
background-size:cover;
}	
div.Transportation
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Transportation.jpg) no-repeat;
height:878px;
background-size:cover;
}	
div.Asset-Tracking
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Asset-Tracking.jpg) no-repeat;
height:878px;
background-size:cover;
}	
div.Routing-Navigation
{
width:100%;
display:table-cell;    min-width: 878px;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Routing-Navigation.jpg) no-repeat;
height:878px;
background-size:cover;
}	
div.Embed-Systems
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Embed-Systems.jpg) no-repeat;
height:878px;
background-size:cover;
}		
div.Travel-Guides
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Travel-Guides.jpg) no-repeat;
height:878px;
background-size:cover;
}	
div.Branding-Solutions
{
width:100%;
display:table-cell;
vertical-align:middle;
margin:0;
padding:0;
background:url(../images/Branding-Solutions.jpg) no-repeat;
background-size:cover;
height:878px;
}
/*******************************************************/
/* Evaluations Page
/*******************************************************/
div#sdkstyle div.major-page-header p
{
width: 89%;
}
/*******************************************************/
/* Developers Overview Page
/*******************************************************/
div.dev-block-right,div.dev-block-left
{
width:100%;
float:left;
padding:0px;margin:0px;
}
div.developers-block a.callout-button {
color: #fff !important;
text-decoration: none !important;
background: #9f1b24;
width: auto;
float: left;
margin-top: 30px;
margin-bottom: 60px;
}
/*******************************************************/
/* Articles Page
/*******************************************************/

div#articlestyle div.major-page-header p
{
width: 80% !important;
}
div.article-item-wrap-left
{
width:100%;
}
div.blogdocumentstyle p img, div.blogdocumentstyle p img,
div.article-item-wrap-left img
{
width: 100%;
margin: 0px;
border: solid 6px #b0b6b9;
}
div.article-item-wrap-right
{
float:left;
margin: 0 0 60px 0;
width:100%;
}
main#content div.article-item-wrap-right h2 a, main#content div.article-item-wrap-right h2
{
margin:0 0;
}
span.read-more-combo a, p.readmore a
{
display: inline-block;
font-size: 36px;
}

/*******************************************************/
/* Style Sheets Page
/*******************************************************/
div#stylesheetstyle div.major-page-header p {
    width: 88%;
}

div.blogstylesheetstyle ul li, div.blogarticlestyle ul li, div.blogstylesheetstyle ol li, div.blogarticlestyle ol li
{
padding-bottom: 40px;
}
/*******************************************************/
/* Article Page
/*******************************************************/
div#articlez img, div.item-page img
{
width: 100%;
max-width: 100%;
border: solid 6px #b0b6b9;
margin: 30px 0;
}
dl.article-info.muted dd
{
padding: 30px 0;
}
div.blogdocumentstyle div.article-item-wrap-right, div.blogstylesheetstyle div.article-item-wrap-right
{
display: inline-block;
float: left;
padding: 0;
margin: 60px 0;
width: 100%;
}
/*******************************************************/
/* Footer
/*******************************************************/
div.footer
{
padding:114px 0 114px;
text-align:center;
}
div.footer-top
{
}	
div.footer-top-left
{
width:100%;
padding:0;
margin:0;
}
div.footer-top-left ul
{
width:50%;
}
div.footer-dev-menu ul.footer-menu
{
padding-bottom:10px;
}
div.footer ul li
{
font-size:14px;
padding:0px 0 0;
}
div.footer ul li, div.footer ul li a
{
font-size:42px;
padding:0px 0 90px;
}
div.footer ul li h5, div.footer ul li h5 a
{
font-size:40px;
margin: 0 0 2px 0;
}
div.footer-links-menu ul
{
margin-top:0px !important;
}
h5#spaced
{
margin-top:10px;
}
div.footer-top-right
{
width:100%;
margin:20px 0 0 0;
float:left;
}
div.footer-top-right h4
{
margin: 110px 0 0;
font-size: 52px;
}
div.footer a.callout-button
{
font-size:40px;
border:none !important;
margin-top:62px;
padding:44px 88px;
}
div.footer a.callout-button:hover
{
border:none !important;
}
div.footer a.twitter-button
{
display: inline-block;
font-size: 40px;
width: calc( 100% - 100px );
color: #bbbbbb;
padding-left: 100px;
margin-top: 50px;
padding-top: 26px;
background: url(../images/Twitter-Icon-Grey-Mobile.png) no-repeat;
background-position: -12px 0px;
padding-bottom: 20px;
}
div.footer a.twitter-button:hover
{
color:#fff;
background:url(../images/Twitter-Icon-Blue-Mobile.png) no-repeat;
background-position: -12px 0px;
}
div.footer-bottom
{
width:100%;
display:inline-block;
padding:146px 0 0 0px;
margin:0;
}
div.footer-logo
{
width:auto;
float:left;
width:100%;
height:65px;
background:url(../images/CartoType-Logo-lg-White.png) no-repeat;
margin-bottom:74px;
}
div.footer-logo a
{
display:block;
width:100%;
height:100%;
margin:0;
padding:0;
}
div.footer-bottom p
{
font-size: 32px;
color: #bbbbbb;
width: 94%;
float: left;
padding-top: 0px;
margin: 0;
text-align: left;
margin-bottom: 30px;
}
/*******************************************************/
/* Contact Page
/*******************************************************/
div.form-wrapper
{
width:100%;
padding:0;
margin:0;
text-align:center;
float:none;
display:inline-block
}
div.container-fluid, form#contact-form
{
width:100%;
max-width: 100%;
margin: 0 auto;
display:inline-block;
}
div.form-wrapper form
{
width:100%;
max-width: 100%;
margin: 0 auto;
display:inline-block;
}
input#jform_contact_email
{
margin-left: 0px;
}
ul#hdp_attachment_list
{
margin:0;
padding:0;
}
.form-actions
{
background-color:#fff;
padding: 0px !important;
}
input#name, input#email, input#subject ,input#jform_contact_name, input#jform_contact_email, input#jform_contact_emailmsg
{
padding: 44px 88px !important;
box-shadow: inset 0px 0px 12px #bbb !important;
-moz-box-shadow: inset 0px 0px 12px #bbb !important;
width: 698px !important;
font-size: 40px !important;
height: 80px;
line-height: 100px;
}
textarea
{
padding: 44px 88px !important;
box-shadow: inset 0px 0px 12px #bbb !important;
-moz-box-shadow: inset 0px 0px 12px #bbb !important;
font-size: 40px !important;
height:600px;
line-height: 60px;
}
input[type="file"]::-webkit-file-upload-button
{
color: #fff;
font-size: 40px !important;
-webkit-appearance: none;
border: none;
background: #62a1b0;
width: 576px;
float: left;
padding: 38px 88px 44px;
margin-right: 400px;
display: block;
display: inline-block;
height: 110px;
}
select#category_id, select#hdp_Version, select#hdp_CartoType_Platform
{
box-shadow: inset 0px 0px 12px #bbb !important;
-moz-box-shadow: inset 0px 0px 12px #bbb !important;
font-size: 40px !important;
height: 166px;
padding-left: 0px;
width: 874px;
padding: 44px 88px !important;
margin-top: 60px !important;
-webkit-appearance:none;
}
select#category_id option, select#hdp_Version option, select#hdp_CartoType_Platform option
{
font-size: 40px !important;
-webkit-appearance:none;
}
ul#hdp_attachment_list li
{
list-style: none;
background: none;
text-align: left;
}
.form-horizontal textarea
{
width:698px !important;
margin:0px 0 60px !important;
}
input#name::-webkit-input-placeholder, input#subject::-webkit-input-placeholder, input#email::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
color: #bec3c5;
opacity: 1 !important;
}
form#hdp_form.form.form-horizontal input:-moz-placeholder
{
color: #bec3c5;
}
form#hdp_form.form.form-horizontal   input::-moz-placeholder
{
color: #bec3c5;
}
form#hdp_form.form.form-horizontal   input:-ms-input-placeholder
{
color: #bec3c5;
}
.form-horizontal .control-group {
display:inline-block ;
float:left !important;
margin:0 !important;
padding:0 !important;
width:auto !important;
}
label#jform_join_mail_list-lbl {
display: inline-block !important;
float: left;
width: auto;
padding: 0;
left: 48px;
position: relative;
bottom: -68px;
margin: 0;
margin-top: -30px;
}
select#priority_id
{
display:none !important;
-webkit-appearance:none;
}
.form-horizontal .control-label
{
float: left !important;
width: 100% !important;
padding-top: 60px !important;
padding-bottom: 30px !important;
font-size: 40px !important;
display: inline-block !important;
line-height: 60px;
}
.form-horizontal .controls
{
width:100% !important;
display:inline-block !important;
float:left !important;
margin-left: 0px !important;
width: auto !important;
float:left !important;
}
input.callout-button, button.main-callout-button
{
float: left;
margin-top:30px;
padding:44px 88px;
margin-bottom:30px;
margin-right:30px;
font-size:40px !important;
}
input#addz.callout-button
{
padding:44px 130px;
height:107px;
}
input#removez.callout-button
{
height:107px;
}
ul#hdp_attachment_list li input
{
font-size: 40px !important;
height:100px;
}
input.callout-button:hover
{
background: #3d7a89;
}
input#submitter.callout-button
{
float: left;
margin-top: 0px;
padding: 44px 148px;
margin-bottom: 0px;
display: inline-block;
margin-right: 90%;
margin-top: 30px;
font-size:40px;
}
input#submitter.callout-button:hover {
background: #022639;
}
div.controls td
{
padding-right: 30px !important;
line-height:60px;
font-size:40px;
text-align:left;
}
div.controls td input
{
margin-right: 60px !important;
font-size:40px;
}
div#namez
{
}
div#categoryz, div#categoryz select#category_id, div#categoryz div.control-group, div#categoryz div.control-group 
{
float:left !important;
}
div#emailz
{
width:698px !important;
margin:60px 0px !important;
}
div#emailz input#email
{
width:698px !important;
}
div#subjectz
{
width:698px !important;
}
div#subjectz input#subject
{
width:698px !important;
}

/*******************************************************/
/* Typography
/*******************************************************/
h1
{
font-size:70px;
}
h2, main#content h2 a, main#content h2
{
font-size:60px;
margin: 30px 0 0;
}
h3,main#content h3, main#content h3 a
{
font-size:52px;
}
h4,main#content h4
{
font-size:50px;
}
p
{
font-size: 40px;
}
p, pre
{
font-size: 40px;
display: block;
word-break: break-all;
max-width: 100%;
overflow-x: scroll;
}
p.all-caps
{
text-transform:uppercase;
}
div.article-block ul, div.article-block ul li, ul, ul li
{
font-size: 40px;
}
a.callout-button
{
padding:44px 88px;
font-size: 40px;
}
div#stylesheetstyle div.main-content-area a.callout-button
{
min-width: 50%; 
}
.syntaxhighlighter a, .syntaxhighlighter div, .syntaxhighlighter code, .syntaxhighlighter table,
.syntaxhighlighter table td, .syntaxhighlighter table tr, .syntaxhighlighter table tbody, .syntaxhighlighter table thead,
.syntaxhighlighter table caption, .syntaxhighlighter textarea, dl.article-info.muted dd,
#content .syntaxhighlighter a, #content .syntaxhighlighter div, #content .syntaxhighlighter code, #content .syntaxhighlighter table,
#content .syntaxhighlighter table td, #content .syntaxhighlighter table tr, #content .syntaxhighlighter table tbody, #content .syntaxhighlighter table thead,
#content .syntaxhighlighter table caption, #content .syntaxhighlighter textarea, #content dl.article-info.muted dd, div.com-finder__counter
{
font-size: 36px !important;
}

/*******************************************************/
/* search Page
/*******************************************************/
div#defaultstyle div#main-area.page-wrapper
{
margin-top: 340px;
}
div#defaultstyle h2.page-title
{
margin-bottom:60px;
}
input.inputbox.search-query, input#search-searchword
{
padding: 44px 88px;
box-shadow: inset 0px 0px 12px #bbb;
-moz-box-shadow: inset 0px 0px 12px #bbb;
font-size: 40px;
margin-bottom:60px;
width:80% !important;
}
dd.result-text
{
font-size:40px;
}
div.pagination
{
margin: 90px 0 60px 0;
}
div.searchdefaultstyle div.pagination
{
margin-top: 90px;
}

/*******************************************************/
/* Search
/*******************************************************/
.search .btn-toolbar
{
}
.search-tool
{
}
.search-tool a
{
float:left;
padding:0;
text-align:center !important;
float: right;
}
div.search-tool a#toggler
{
position: fixed;
z-index: 10000;
height: 130px;
width: 130px;
}
div.search-tool a#toggler.toggler.toggler_open
{
background:;
padding-top:0px !important;
}
div#home.full-bg div.search-tool a#toggler
{
}
#srch_tool
{
height: 130px;
width: 100%;
position: relative;
}
div#srch_tool div.search
{
display: inline-block;
width: 72%;
float: left;
margin: 0;
padding: 0;
margin-top: -130px;
padding-left: 0px;
overflow: hidden;
}
div#srch_tool div.search form
{
margin: 0;
padding: 0;
background: #62a1b0;
color: #fff !important;
box-shadow: none;
-moz-box-shadow: none;
-webkit-text-fill-color: #fff;
display: inline-block;
width: 100%;
padding: 41px 0px;
}
div#srch_tool input#mod-finder-searchword130.js-finder-search-query
{
background:#62a1b0;
border:none !important;
color: #fff!important;
color: #fff !important;box-shadow: none;
-moz-box-shadow:none;
overflow:hidden;
font-weight:400 !important;
-webkit-text-fill-color:#fff;
font-size: 36px;
display: inline-block;
padding: 0px 36px;
}
div#srch_tool input.inputbox.search-query
{
padding: 64px 28px 6px 70px;
text-transform: initial;
border: none !important;
color: #fff !important;
box-shadow: none;
-moz-box-shadow: none;
width: 100% !important;
font-weight: 400 !important;
-webkit-text-fill-color:#fff;
opacity: 1 !important;
}
div#srch_tool input.inputbox.search-query option, div#srch_tool div.search input#search-searchword.inputbox.search-query,
div#srch_tool div.search input::-webkit-input-placeholder, div#srch_tool input.inputbox.search-query:placeholder-shown
{
color: #fff !important;
-webkit-text-fill-color:#fff;
opacity: 1 !important;
}
div#srch_tool input#mod-search-searchword:-webkit-autofill:focus, div#srch_tool input#mod-search-searchword::-webkit-input-placeholder
div#srch_tool input#mod-search-searchword:-moz-placeholder, div#srch_tool input::-webkit-input-placeholder
{
color: #fff !important;
-webkit-text-fill-color:#fff;

opacity: 1 !important;
}
[type="search"]
{
-moz-appearance:    textfield;
-webkit-appearance: textfield;
appearance: textfield;
}
div#srch_tool input.inputbox.search-query::-moz-placeholder
{
color: #fff;
-webkit-text-fill-color:#fff;
}
div#srch_tool  input.inputbox.search-query:-ms-input-placeholder
{
color: #fff;
-webkit-text-fill-color:#fff;
}
ul.pager.pagenav li.previous
{
background:url(../images/Prev.png) no-repeat;
background-position:0% 0;
height: 100px;
line-height: 75px;
float:left;
width:70px;
height: 70px;
padding-left: 100px;
background-size: 70px;
}
ul.pager.pagenav li.next
{
background: url(../images/Next.png) no-repeat;
background-position: 100% 0;
background-size: 70px;
width: 70px;
line-height: 75px;
float: right;
text-align: right;
height: 70px;
padding-right: 100px;
}
ul.pager.pagenav li.previous a
{
display:inline-block;
width:100%;
height:100%;
padding:0;
padding-left: 0px;
margin:0;
}
ul.pager.pagenav li.next a
{
display:inline-block;
height:100%;
padding:0;
padding-right: 40px;
margin:0;
}

html{
	max-width: 100vw;
    overflow-x: hidden;
	}
html * {max-height:1000000px;}


}

/**************************************************************************************************************/
/* End Template For Screen Widths
/**************************************************************************************************************/


/*******************************************************/
/* Buttons
/*******************************************************/
.affix {
position: fixed;
top: 178px;
width: 290px !important;
margin-left: -144px;
}
.affix-bottom {
  position: absolute;
 width: 290px !important;
margin-left:-144px;
}
/* Microsoft Edge Browser 12+ (All) - @supports method */

@supports (-ms-accelerator:true) {
 .affix {
position: fixed;
top: 178px;
width: 290px !important;
margin-left:0px;
}
.affix-bottom {
  position: absolute;
width: 290px !important;
margin-left:0px;
}
.fpss-template-sleek#fpssContainer96 .slides-wrapper .slide
{
margin-left:0px !important;
right:40px !important;
}
}
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

.fpss-template-sleek#fpssContainer96 .slides-wrapper .slide
{
margin-left:0px !important;
right:40px !important;
}
 .affix {
position: fixed;
top: 178px;
width: 290px !important;
margin-left:0px;
}
.affix-bottom {
  position: absolute;
 width: 290px !important;
 margin-left:0px;
}
}


div.control-label label#jform_join_mail_list-lbl.hasTooltip.required{
	display:block !important;
}