@import "https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,300,600,400,700,800,900";
/* @group HTML5 Reset */
/*---- HTML5 Reset by Eric Meyer, HTML5 Doctor and the HTML5 Boilerplate ----*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure,
footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video
{margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
/* img,object,embed {max-width: 100%;} */
html {overflow-y: scroll; font-size: 'open sans';}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {white-space: pre;white-space: pre-wrap;white-space: pre-line;word-wrap: break-word;}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}
a:hover, a:active {outline: none; text-decoration: none;}
small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;}
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
label, input[type=button], input[type=submit], button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{ zoom:1; clear: both; }
/* @end */

header { width: 100%; background: #1A5A98; clear: both;}
header .container { width: 95%; margin: 0 auto; padding-top: 20px; }
header .container .row { width: 100%; display: table;}
header .container .row .col5 { width: 50%; float: left;}
header .container .row .col5 a.login { background-color: #298FCA; padding: 7px 20px; color: #fff; font-size: 14px; line-height: 20px; font-family: 'open sans'; float: right; margin-right: 10px; text-decoration: none;    box-shadow: 1px 1px 0px #000; border-radius: 2px;}
header .container .row .col5 a.signup {  background-color: #3C9112; padding: 7px 20px; color: #fff; font-size: 14px; line-height: 20px; font-family: 'open sans'; float: right; text-decoration: none;    box-shadow: 1px 1px 0px #000; border-radius: 2px;}
header .container .row.content { text-align: center;margin-top: 30px; }
header .container .row.content h1 { font-size: 47px; line-height: 55px; color: #fff; font-family: 'open sans'; font-weight: 400;    padding-top: 40px; padding-bottom: 10px;}
header .container .row.content h3 { font-size: 20px; line-height: 30px; color: #fff;  font-family: 'open sans'; font-weight: 300;}

.features { width: 100%; background-color: #fff; padding: 60px 0px;}
.features .container { width: 1300px; margin: 0 auto; }
.features .container .title { text-align: center; font-family: 'open sans'; padding-bottom: 50px; font-size: 22px; color: #535353; line-height: 30px;}
.features .container .title a { font-weight: bold; text-decoration: none; color: #535353;}
.features .container .row { width: 100%; display: table;}
.features .container .row .col { width: 22%; float: left; text-align: center; padding-bottom: 50px; margin-right: 4%;border-radius: 2px;}
.features .container .row .col h3 { padding-top: 0px;}
.features .container .row .col a { font-size: 22px; line-height: 30px; color: #fff;  font-family: 'open sans'; font-weight: 400 !important; text-decoration: none;}
.features .container .row .col h3 a { font-size: 19px; line-height: 30px; color: #fff;  font-family: 'open sans'; font-weight: 400 !important;text-decoration: none;}
.features .container .row .col a h3 { font-weight: 400;}
.features .container .row .col a:hover img { opacity: 0.6;}

.dfccta { width: 100%; background-color: #353535; padding: 60px 0px;}
.dfccta .container { width: 980px; margin: 0 auto; text-align: center;}
.dfccta .container h2 { font-size: 35px; font-family: 'open sans'; font-weight: 300; color: #fff; padding-bottom: 30px; line-height: 50px;}
.dfccta .container a { font-size: 15px; line-height: 30px; color: #fff;  font-family: 'open sans'; font-weight: 600;text-decoration: none; background-color: #298EC9; padding: 8px 45px; border-radius: 2px;}

footer { background-color: #fff; padding: 50px 0px;}
#innerfooter { background-color: #E8E8E8 !important; padding: 15px 0px !important;}
footer .container { width: 1300px; margin: 0 auto; text-align: center;display: table;}
footer .container .heading { font-size: 30px; font-family: 'open sans'; font-weight: 400; color: #3b3b3b; line-height: 40px;}
footer .container .subheading { font-size: 25px; font-family: 'open sans'; font-weight: 400; color: #3b3b3b; line-height: 40px; padding-bottom: 5px;}
footer .container .subtext { font-size: 20px; font-family: 'open sans'; font-weight: 400; color: #3b3b3b; padding-bottom: 50px; line-height: 24px;}
footer ul { list-style: none;}
footer ul li {    font-size: 25px;
    line-height: 35px;
    color: #3b3b3b;
    font-family: 'open sans';
    font-weight: 400;
    display: inline;
    float: left;
    width: 33%;}
#innerfooter ul li  {    font-size: 15px !important;
    line-height: 24px !important;
    color: #3b3b3b !important;
    font-family: 'open sans';
    display: inline;
    width: auto !important;    margin-right: 7px;}
footer ul li a { font-size: 25px; line-height: 35px; color: #3b3b3b;  font-family: 'open sans'; font-weight: 400; text-decoration: none;}

#innerfooter ul li a {    font-size: 15px !important;
    line-height: 24px;
    color: #3590CA !important;
    font-family: 'open sans';
    display: inline;
    width: auto !important;}

.gettingstarted { width: 100%; background-color: #fff;display: table;}
.gettingstarted .container {     width: 1100px; clear: both; margin: 0 auto; padding: 80px 0px;display: table;}
.gettingstarted .container .col7 ul { padding-left: 44px; margin-bottom: 40px;line-height: 45px; margin-top: 40px;}
.gettingstarted .container .col7 ul.nav-linking { list-style: none;}
.gettingstarted .container .col7 ul.nav-linking li { display: inline-block;}
.gettingstarted .container .col7 ul.nav-linking>li {    counter-increment: step-counter;    list-style: none;   padding-right: 120px;}
.gettingstarted .container .col7 ul.nav-linking>li a { text-decoration: none; padding: 10px 0px; font-size: 19px; font-weight: 600; padding-left: 15px;}
.gettingstarted .container .col7 ul.nav-linking>li a:hover { border-bottom: 3px solid #298FCA;}
.gettingstarted .container .col7 ul li:before { list-style-type: decimal; content: counter(step-counter); background: #298FCA; color: #fff; margin-left: -45px; display: inline-block; position: absolute; height: 45px; border-radius: 50%; width: 45px;text-align: center;    line-height: 45px;    font-weight: bold;    font-family: 'open sans';    font-size: 19px;}
.gettingstarted .container .row { width: 100%; display: table; clear: both;}
.gettingstarted .container .col7 { width: 75%; margin-right: 5%; float: left;}
.gettingstarted .container .col3 { width: 20%; float: left;}
.gettingstarted .container .col7 h2 {  font-size: 24px; color: #000000; line-height: 30px; font-family: 'open sans'; font-weight: bold; padding-bottom: 10px; padding-top: 20px;}
li { display: list-item;    text-align: -webkit-match-parent;}
.gettingstarted .container .col7 ol { padding-left: 3em;     }
ol { display: block ;    -webkit-margin-before: 1em;   -webkit-margin-after: 1em;    -webkit-margin-start: 0px;    -webkit-margin-end: 0px;    -webkit-padding-start: 40px;}
.gettingstarted .container .col7 ol>li {    counter-increment: step-counter;    list-style: none;    margin: 2em 0;}
.gettingstarted .container .col7 ol>li { font-size: 16px; color: #333;}
.gettingstarted .container .col7 ol>li:before { list-style-type: decimal;   content: counter(step-counter);    background: #f7a516;    color: #fff;    margin-left: -3em;    display: block;    position: absolute;    height: 36px;    border-radius: 50%;    width: 36px;    text-align: center;    line-height: 36px;    font-weight: bold;font-family: 'open sans'; font-size: 16px; }
.gettingstarted .container .col7 ol ul {     margin: 1em 0;}
.gettingstarted .container .col7 ol.generic-key ul { list-style-type: disc !important;    margin: .5em 0;}
.gettingstarted .container .col7 ol.generic-key li ul  { padding-left: 17px;}
.gettingstarted .container .col7 h3 {  font-size: 19px; color: #333333; line-height: 30px; font-family: 'open sans'; font-weight: bold; padding-bottom: 20px;}
.gettingstarted .container .col7 a, .gettingstarted .container .col7 p {  font-size: 17px; color: #333333; line-height: 22px; font-family: 'open sans'; font-weight: 400; padding-bottom: 10px;}
.gettingstarted .container .col7 p.grey { color: #535353;}
.gettingstarted .container .col7 ol.generic-key li ul { list-style: disc !important;}
.gettingstarted .container .col7 ol.generic-key li ul li { font-size: 15px; color: #484848; line-height: 20px; font-family: 'open sans'; font-weight: 400; padding-bottom: 10px;content: '' !important;}
.gettingstarted .container .col7 ol.generic-key li ul li:before { list-style-type: disc !important; color: #333; background: transparent !important; width: auto !important;height: auto !important; display: none;}
.gettingstarted .container .col7 ol.generic-key li ul li img { display: table; clear: both; margin: 10px 0px;}
.gettingstarted .container .col7 ol.generic-key .tip {margin-left: -50px; background-color: #d5e0ff; padding: 10px 20px;font-size: 15px; color: #000; line-height: 22px; font-family: 'open sans'; font-weight: 400; }

.gettingstarted .container .col3 .getstartguid { background-color: #298FCA; padding: 30px; text-align: center;}
.gettingstarted .container .col3 .getstartguid img {}
.gettingstarted .container .col3 .getstartguid .title { font-size: 18px; font-family: 'open sans'; line-height: 24px; padding: 10px 0px; text-transform: uppercase; color: #fff; font-weight: 600; padding-bottom: 20px;}
a.backto { font-size: 12px !important; background-color: #1e5371; padding: 5px 20px !important; color: #fff !important; line-height: 15px; font-family: 'open sans'; text-decoration: none; font-weight: 600; vertical-align: top;text-transform: uppercase; border-radius: 2px;}
a.backto img { margin-right: 7px;}
.backguidelink  { margin-top: 20px;}
.backguidelink a.backto img { vertical-align: middle;}
.gettingstarted .container .col3 .submenu ul.navlist { margin-top: 30px;     position: relative;    margin-left: 2em;}
.gettingstarted .container .col3 .submenu ul.navlist li {    position: relative; font-size: 16px; font-family: 'open sans'; line-height: 24px;  color: #333333; font-weight: 400; padding-bottom: 11px;}
.gettingstarted .container .col3 .submenu ul li a { font-size: 16px; font-family: 'open sans'; line-height: 24px;  color: #000; font-weight: 400; text-decoration: none;}

.gettingstarted .container .col3 .submenu ul li.active a { color: #298fca; text-decoration: none;}
.gettingstarted .container .col3 .submenu ul.navlist:before {content: "";display: block;position: absolute;width: 4px;top: 15px;bottom: 10px;left: -28px;background: #eee;}
.submenu ul.navlist li:before {    top: 6px;}
.submenu ul.navlist li.active:after {    content: "";    display: block;    position: absolute;    top: 11px;    left: -31px;    height: 10px;    width: 10px;    background: #298fca;    transform: rotate(45deg) scale(0);    -moz-transform: rotate(45deg) scale(0);    -webkit-transform: rotate(45deg) scale(0);    transition: transform .2s ease 0s;    -webkit-transition: -webkit-transform .2s ease 0s;    border-radius: 50%;}
.submenu ul.navlist li:hover:after{    transform: rotate(45deg) scale(1);    -moz-transform: rotate(45deg) scale(1);    -webkit-transform: rotate(45deg) scale(1);}

.gettingstarted .container .col3 .submenu ul.navlist li:before{content: "";display: block;position: absolute;top: 2px;left: -36px;height: 20px;width: 20px;background: #eee;border-radius: 50%;}
.navlist li.active:before {    background: #298FCA !important;}
.gettingstarted .container .col7 .anchorcls  { padding-bottom: 50px; padding-top: 20px;}
.gettingstarted .container .col7 .anchorcls a.next, .gettingstarted .container .col7  .anchorcls a.prev { background-color: #298fca; color: #fff; font-size: 15px; font-family: 'open sans'; font-weight: bold; line-height: 24px; padding: 10px 40px; border-radius: 2px; text-decoration: none; text-transform: uppercase; vertical-align: bottom;}
.gettingstarted .container .col7 .anchorcls a.next img , .gettingstarted .container .col7 .anchorcls a.prev img { margin-left: 15px;}
.gettingstarted .container .col7 .anchorcls a.prev { margin-right: 15px;}

.managepolicy .container .col7 ul {     margin-top: 10px;}
.managepolicy .container .col7 ul>li {    counter-increment: step-counter;    list-style: none; }
.managepolicy .container .col7 ul>li { font-size: 16px; color: #333;}
.managepolicy .container .col7 ul li { font-size: 16px; font-family: 'open sans'; line-height: 24px;  color: #333333; font-weight: 400; padding-bottom: 5px;}
.managepolicy .container .col7 ul li img { margin: 20px 0px;}
.managepolicy .container .col7 ul li:before {    list-style-type: decimal;    content: counter(step-counter, upper-alpha);    color: #298FCA;    margin-left: -3em;    height: auto;    display: block;    position: absolute;    text-align: center;    font-weight: bold;    font-family: 'open sans';    font-size: 16px;    background: transparent;    width: auto;    line-height: 26px;}

.service-available { width: 100%; display: table; clear: both; margin-bottom: 20px; margin-top: 20px;}
.service-available .col { width: 45%; margin-right: 10%; float: left;}
.service-available .col .row { width: 100%; display: table;}
.service-available .col .row .col1 { width: 15%; float: left; padding-bottom: 20px;}
.service-available .col .row .col2 { width: 85%; float: left; padding-bottom: 40px;}
.service-available .col .row .col2 h3 { font-family: 'open sans'; font-size: 14px; padding-bottom: 0px; color: #1A5997; font-weight: 600;}
.service-available .col .row .col2 .text { font-size: 14px;  font-family: 'open sans'; color: #000; font-weight: 400;}
.managepolicy .tip {margin: 30px 0px; background-color: #D6EBFF; padding: 10px 20px;font-size: 15px; color: #000; line-height: 22px; font-family: 'open sans'; font-weight: 400; }

.gettingstarted .container .col3 .submenu ul li:hover:after {    transform: rotate(45deg) scale(1);    -moz-transform: rotate(45deg) scale(1);    -webkit-transform: rotate(45deg) scale(1);}
.gettingstarted .container .col3 .submenu ul li:after {    content: "";    display: block;    position: absolute;    top: 7px;    left: -31px;    height: 10px;    width: 10px;    background: #298fca;    transform: rotate(45deg) scale(0);    -moz-transform: rotate(45deg) scale(0);    -webkit-transform: rotate(45deg) scale(0);    transition: transform .2s ease 0s;    -webkit-transition: -webkit-transform .2s ease 0s;    border-radius: 50%;}
.dfc1 { background-color: #354E5C;}
.dfcmp { background-color: #0097CF;}
.dfcdo { background-color: #E87E03;}
.dfcitm { background-color: #00A185;}


@media (max-width:1024px){
    .dfccta .container, .features .container, footer .container, .gettingstarted .container, header .container { width: 90%; margin: 0 auto; display: table;}
    .features .container .row .col, .gettingstarted .container .col7, .gettingstarted .container .col3, .service-available .col { width: 100% !important; float: none !important; margin-right: 0px !important;}
    .gettingstarted .container .col3 { margin-top: 40px !important;}
    .gettingstarted .container .col7 img { width: auto ;        max-width: 100% ;        height: auto ;}
    .gettingstarted .container .col7 a, .gettingstarted .container .col7 .anchorcls a { display: block; width: auto; margin-bottom: 20px; margin-right: 0px; text-align: center;}
    iframe { width: 100% !important; margin: 0 auto !important;width: auto ;        max-width: 100% ;        }
}