@charset "utf-8";

/* ******************************************************* *
 *  CTA
 * ******************************************************* */

/* wp_top-mainimage_panphlet */
a#cta_button_462968_c2dda586-25e7-48d5-8153-2772026d6a81.btn-cta {
    border: 0 none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);

}
a#cta_button_462968_c2dda586-25e7-48d5-8153-2772026d6a81.btn-cta:hover {
    background: #ebebeb;
    color: #959595;
}
a#cta_button_462968_c2dda586-25e7-48d5-8153-2772026d6a81.btn-cta:active,
#cta_button_462968_c2dda586-25e7-48d5-8153-2772026d6a81.btn-cta:active:hover {
    background: #b0b0b0;
    color: #666;
}

/* wp_top-mainimage_sign-up */
a#cta_button_462968_0d8bb64d-369a-4411-b8c3-c15a46890fbf.btn-cta {
    border: 0 none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);

}
a#cta_button_462968_0d8bb64d-369a-4411-b8c3-c15a46890fbf.btn-cta:hover,
a#cta_button_462968_0d8bb64d-369a-4411-b8c3-c15a46890fbf.btn-cta:active,
#cta_button_462968_0d8bb64d-369a-4411-b8c3-c15a46890fbf.btn-cta:active:hover {
    color: #cbebcc;
}

/* wp_top-common_pamphlet */
a#cta_button_462968_0e595a37-c5aa-4610-904a-b0384c2c555a.btn-cta {
    border: 0 none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);

}
a#cta_button_462968_0e595a37-c5aa-4610-904a-b0384c2c555a.btn-cta:hover {
    background: #ebebeb;
    color: #959595;
}
a#cta_button_462968_0e595a37-c5aa-4610-904a-b0384c2c555a.btn-cta:active,
#cta_button_462968_0e595a37-c5aa-4610-904a-b0384c2c555a.btn-cta:active:hover {
    background: #b0b0b0;
    color: #666;
}

/* wp_top-common_sign-up */
a#cta_button_462968_daec0bbc-71b0-40dd-84cd-878892d4d18c.btn-cta {
    border: 0 none;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5);
    box-shadow: 0 1px 3px rgba(0,0,0,.5);

}
a#cta_button_462968_daec0bbc-71b0-40dd-84cd-878892d4d18c.btn-cta:hover,
a#cta_button_462968_daec0bbc-71b0-40dd-84cd-878892d4d18c.btn-cta:active,
#cta_button_462968_daec0bbc-71b0-40dd-84cd-878892d4d18c.btn-cta:active:hover {
    color: #cbebcc;
}



/*** MAIN ***/

/* more-text */
.more-text {
    text-align: right;
}
.more-text .fa {
    margin-left: .5em;
}

/* content */
.content > .row {
    margin-top: 2.5em;
}
.content > .row:first-child {
    margin-top: 0;
}

/* num-title-style */
.num-title-style {
    font-size: 24px;
    height: 43px;
    line-height: 24px;
    margin: 2em 0;
    padding: 10px 0 9px;
    position: relative;
}
.num-title-style > small {
    -webkit-border-radius: 10px 0 5px 5px;
    -moz-border-radius: 10px 0 5px 5px;
    border-radius: 10px 0 5px 5px;
    font-size: 18px;
    font-weight: bold;
    height: 63px;
    line-height: 18px;
    padding: 24px 10px 21px;
    position: absolute;
    top: -10px;
    white-space: nowrap;
    width: 110px;
}
.num-title-style > small > span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 24px;
    height: 18px;
    width: 18px;
}
.num-title-style .title-text {
    margin-left: 110px;
}
.num-title-style .title-text > i {
    color: #172a88 !important;
    height: 24px;
    left: 110px;
    line-height: 1;
    position: absolute;
    top: -10px;
    width: 12px;
    z-index: -1;
}
.num-title-style .title-text > i:before {
    display: block;
    font-size: 24px;
    line-height: 1;
    margin-top: -1px;
}
.num-title-style .title-text > span {
    margin-left: .75em;
}
@-moz-document url-prefix() {/* for firefox only */
    .ex1 .num-title-style .title-text > i:before {
        margin-top: -2px;
    }
}

/* arrow-box */
.arrow-box {
    position: relative;
    z-index: 0;
}
.arrow-box:before,
.arrow-box:after {
    border-style: solid;
    border-color: transparent;
    content: '';
    height: 0;
    position: absolute;
    width: 0;
    z-index: 1;
}
.arrow-box:before {
    left: 0;
    top: 0;
}
.arrow-box.first:before {
    border-left-color: transparent !important;
}
.arrow-box:after {
    top: 0;
}
.arrow-box.last:after {
    border-left-color: transparent !important;
}


/* CTA on MainImage */
#MainImage {
    border-bottom: solid 10px #172a88;
}
#MainImage .col-xs-12 {
    position: relative;
}
#MainImage h2 {
    margin: 0;
}
#MainImage .button-box {
    bottom: 0;
    left: 0;
    position: absolute;
}
#MainImage .button-box > ul {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin: 0;
}
#MainImage .button-box > ul > li {
    padding-bottom: 1.5em;
    padding-top: 1.5em;
}
#MainImage .button-box > ul > li br {
    display: none;
}
#MainImage .button-box > ul > li p {
    margin: 0;
}
.lt-ie9 #MainImage .col-xs-12 img + p {
    margin: 0;
}


/* Merit */
#Merit.container-wrapper {
    background: #f3f3f3;
    margin-bottom: 2.55em;
    text-shadow: 0 1px 0 rgba(255,255,255,.05);
}
#Merit li {
    text-align: center;
}
#Merit .box {
    background: #fff;
    min-height: 270px;
    padding-bottom: 1em;
}
#Merit h3 {
    font-weight: 300;
    margin-bottom: .75em;
}
#Merit h3 > small {
    background: #f27200;
    color: #fff;
    display: block;
    font-size: .83333em;
    font-weight: 700;
    letter-spacing: .2em;
    margin-bottom: 1em;
    padding: .5em .25em;
    position: relative;
    text-shadow: 0 1px 0 rgba(0,0,0,.01);
}
#Merit h3 > small:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 8px solid transparent;
    border-top-color: #f27200;
    left: 47%;
    bottom: -16px;
}
#Merit ul + p {
    margin-top: .5em;
}


/* Features */
#Features .content {
    background: #fff;
    border-width: 10px;
    margin: 4em 0;
    padding: 2em;
    position: relative;
}
#Features .content.svpn-blue3.bd-color {
    border-color: #0074a6;
}
#Features .num-title-style {
    font-size: 34px;
    margin: -43px 0 1.75em;
    
}
#Features .num-title-style > small {
    font-size: 18px;
    height: 90px;
    padding: 50px 22px 0;
    width: 110px;
}
#Features .num-title-style > small > span {
    font-size: 45px;
    height: 24px;
    width: 24px;
}
#Features .num-title-style .title-text {
    margin-left: 113px;
}
#Features .num-title-style .title-text > i {
    left: 110px;
}
#Features .num-title-style .title-text > span {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: .5em;
    margin-top: 32px;
}
#Features .more-read {
    background: #0074a6;
    bottom: 0;
    margin: 0;
    padding-top: 10px;
    position: absolute;
    right: 0;
    text-align: right;
    width: 100%;
}
#Features .more-read > a {
    color: #fff;
    text-decoration: underline;
    text-shadow: 0 1px 0 rgba(0,0,0,.01);
}
#Features .more-read > a:hover {
    text-decoration: none;
}
#Features .more-read .label-more {
    background: #172a88;
    border-radius: 0;
    margin-right: 1.25em;
    padding: .3em 0 .2em .6em;
    position: relative;
}
#Features .more-read .label-more.related {
    font-weight: 300;
    letter-spacing: .1em;
}
#Features .more-read .label-more:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 1em solid transparent;
    border-left-color: #172a88;
    right: -2em;
    bottom: 0;
}

/* feature1 */
#Features .feature1 .arrow-box {
    background: #00aaf2;
    color: #fff;
    height: 50px;
    text-shadow: 0 1px 0 rgba(0,0,0,.05);
}
#Features .feature1 .arrow-box:before,
#Features .feature1 .arrow-box:after {
    border-width: 25px;
}
#Features .feature1 .arrow-box:before {
    border-left-color: #fff;
    left: 0;
}
#Features .feature1 .arrow-box:after {
    border-left-color: #00aaf2;
    right: -50px;
}
#Features .feature1 .feature1-1 img {
    margin: 2.5em 0 4.2em;
}
#Features .feature1 .feature1-2 img {
}
#Features .feature1 .feature1-3 img {
    margin: .85em 0 0;
}
#Features .feature1 p.text {
    font-size: 1.5em;
    font-weight: bold;
    line-height: 50px;
    margin-bottom: 0;
}
#Features .feature1 p.text .fa-stack {
    height: 1.25em;
    line-height: 1.25em;
    margin-right: .25em;
    margin-top: -3px;
    width: 1.25em;
}
#Features .feature1 p.text .fa-stack-2x {
    color: #0030f2;
    font-size: 1.25em;
    font-weight: bold;
}
#Features .feature1 p.text .fa-stack-1x.num {
    font-size: .75em;
    line-height: 1.75;
    font-weight: bold;
}
#Features .feature1 > ol {
    margin-bottom: 2em;
}

/* feature2 */
#Features .feature2 .point {
    margin-bottom: 8em;
    position: relative;
}
#Features .feature2 .point h4 {
    bottom: -1.8em;
    font-size: 3.375em;
    margin: 0;
    padding: .75em 0 .1em;
    position: absolute;
    width: 100%;
}
#Features .feature2 .point h4 > small,
#Features .feature2 .point h4 > .small {
    color: #fff;
    vertical-align: baseline;
}
#Features .feature2 .point h4 > small {
    font-size: .29629em;
    margin-right: 2em;
}
#Features .feature2 .point h4 > .small {
    font-size: .44444em;
    font-weight: 700;
    margin-left: .1em;
    margin-right: .25em;
}
#Features .feature2 .point li {
    background: #f5f5f5;
    padding-bottom: 1em;
    padding-top: .5em;
    position: relative;
    vertical-align: bottom;
}
#Features .feature2 .point li:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    border: 1em solid transparent;
    border-top-color: #f5f5f5;
    left: 44%;
    bottom: -2em;
}
#Features .feature2 .quote-example.gray-box {
    background: #f7f7f7;
    margin-bottom: 2em;
    padding: .25em 1em .5em;
    text-shadow: 0 1px 0 rgba(255,255,255,.1);
}
#Features .feature2 .quote-example h4 {
   border-width: 0 0 3px;
   margin-bottom: 1em;
   padding-bottom: .5em;
}
#Features .feature2 .quote-example .box {
   background: #fff;
   padding: .25em .75em;
}
#Features .feature2 .quote-example .table {
   margin-bottom: .25em;
}
#Features .feature2 .quote-example caption {
   color: inherit;
   font-weight: 700;
   padding-bottom: .25em;
   padding-top: .25em;
}
#Features .feature2 .quote-example caption > small {
   font-weight: 300;
}
#Features .feature2 .quote-example th,
#Features .feature2 .quote-example td {
   border-color: #bcd9f1;
   padding-bottom: 3px;
}
#Features .feature2 .quote-example th {
   font-weight: 300;
}
#Features .feature2 .quote-example th[colspan="3"] {
   background: #bcd9f1;
   font-weight: 700;
   letter-spacing: .1em;
}
#Features .feature2 .quote-example td + td,
#Features .feature2 .quote-example tfoot td {
   text-align: right;
}
#Features .feature2 .quote-example tfoot td {
   font-weight: 700;
}
#Features .feature2 .quote-example tfoot small,
#Features .feature2 .quote-example tfoot .small {
    font-size: .75em;
    font-weight: 300;
    margin-left: .25em;
    margin-right: .5em;
    vertical-align: baseline;
}

/* feature3 */
#Features .feature3 .gray-box {
    background: #f7f7f7;
    height: 189px;
    padding: 1.5em 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.1);
}
#Features .feature3 .gray-box p {
    font-size: 1.25em;
}
#Features .feature3 .col2 .gray-box p {
    margin-top: 1.75em;
}

/* feature4 */
#Features .feature4.content {
    margin-bottom: 0;
}
#Features .feature4 .gray-box {
    background: #f7f7f7;
    padding: 1em;
    text-shadow: 0 1px 0 rgba(255,255,255,.1);
}
#Features .feature4 .gray-box p {
    font-size: 1.5em;
    line-height: 1.2;
    margin-bottom: 0;
}
#Features .feature4 .col1 {
    margin-bottom: 1.5em;
}
#Features .feature4 .col2 .gray-box,
#Features .feature4 .col3 .gray-box,
#Features .feature4 .col4 .gray-box {
    height: 273px;
}
#Features .feature4 .col2 .gray-box {
    padding-bottom: 0;
}
#Features .feature4 .col2 .gray-box img {
    margin-bottom: 0;
    margin-top: 0;
}
#Features .feature4 .col3 .gray-box img {
    margin-top: 1em;
}
#Features .feature4 .col4 .gray-box img {
    margin-top: 1.25em;
}

/* Recommend */
#Recommend .section-header {
    border-bottom: solid 1px #d1d1d1;
    margin-bottom: 1em;
    padding-bottom: .5em;
}
#Recommend ul {
    padding-left: 1em;
}
#Recommend h3 {
    margin-top: 0;
}
#Recommend h3 > .label-recommend {
    background-color: #f27200;
    font-size: 65%;
    margin-right: .5em;
    padding-bottom: .2em;
    padding-top: .3em;
    vertical-align: .25em;
}
#Recommend .col-xs-9 > h3 + p {
    font-size: .875em;
}
#Recommend img {
    margin-bottom: 1em;
}
#Recommend .col-xs-12 > .more-text {
    margin-top: 1em;
}

/* social-buttons */
.social-buttons {
    text-align: center;
}
.social-list {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.social-list li {
    font-size: 14px;
}