* {
padding: 0px;
margin: 0px;
z-index: 1;
box-sizing: border-box;
word-wrap: break-word;
}

.rc {
display: none;
}

.dc {
display: block;
}

.rc_inline {
display: none;
}

.dc_inline {
display: inline;
}

.odc {
display: block; /*only desktop content*/
}

.odc_inline {
display: inline;
}

.ipo {
display: none; /*ipad only*/
}

html {
height: 100%;
}

.clear_containers_float {
float: none;
clear: both;
width: 0px;
height: 0px;
padding: 0px!important;
margin: 0px!important;
}

body {
height: 100%;
font-family: 'Open Sans', sans-serif;
}


/* SURROUNDS */

.surround_container_outer {
clear: both;
width: 100%;
min-height: 10px;
}

.surround_container {
clear: both;
width: 96%;
max-width: 1400px;
min-height: 10px;
margin: 0 auto;
}

.surround_container_thin {
clear: both;
width: 96%;
max-width: 1000px;
min-height: 10px;
margin: 0 auto;
}


/* LISTS */

ul.general {
padding-left: 30px;
}

ol.general {
padding-left: 30px;
}

img.small_logo {
width: 120px;
}

.title_container {
padding-top: 6em;
padding-bottom: 0em;
}

.title_container_centered {
text-align: center;
}

.title_container h1 {
color: #484848;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
padding-bottom: 1em;
}

.title_container h2 {
color: #484848;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
}

h1.prices {
color: #ffffff;
font-family: 'Lato', sans-serif;
font-size: 40px;
font-weight: 400;
}

.title_container_intro {
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 300;
color: #000000;
line-height: 1.6em;
}

.general_copy_container {
padding-top: 3em;
padding-bottom: 2em;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 300;
color: #3e3e3e;
line-height: 1.6em;
}

.general_copy_container img {
max-width: 100%;
}

.general_copy_container_no_top_pad {
padding-top: 0em;
}

.general_copy_container_left {
float: left;
width: 25%;
min-height: 10px;
margin-right: 5%;
}

.general_copy_container_right {
float: left;
width: 70%;
min-height: 10px;
}

.general_copy_container_left_swap {
float: left;
width: 70%;
min-height: 10px;
}

.general_copy_container_right_swap {
float: left;
width: 25%;
min-height: 10px;
margin-left: 5%;
}



.divHide {
display: none;
}

.divShow {
display: block;
}



/* TOP MAST */

#mobNavBut {
cursor: pointer;
}

#top_mast {
position: fixed;
clear: both;
width: 100%;
min-height: 60px;

border-bottom: 1px solid #44697d;

background: #ffffff; /*1bbed1 65d2df*/
z-index: 1000;
}

#top_mast_logo {
z-index: 100;
position: absolute;
top: 0px;
left: 0px;
clear: both;
width: 60px;
min-height: 60px;
color: #000000;
font-family: 'Bree Serif', serif;
font-size: 3em;
text-align: center;
line-height: 1.1em;
cursor: pointer;
}

#top_mast_logo a {
color: #000000;
text-decoration: none!important;
border: none!important;
}

#top_mast_nav {
float: left;
width: 80%;
min-height: 60px;
padding-left: 100px;
}

#top_mast_nav_inner {
z-index: 1;
position: relative;
clear: both;
min-height: 60px;
padding-top: 1.6em;
font-family: 'Lato', sans-serif;
font-size: 13px;
font-weight: 400;
color: #000000;
}

#top_mast_nav_inner a, #top_mast_nav_inner .lightLink {
color: #000000;
text-decoration: none;
padding-bottom: 1px;
border-bottom: 1px dotted #000000;
cursor: pointer;
}

#top_mast_nav_inner a:hover, #top_mast_nav_inner .lightLink:hover {
border: none;
cursor: pointer;
}

#top_mast_nav_inner ul li {
display: inline;
padding-left: 1em;
padding-right: 1em;
}

#top_mast_signup {
float: left;
width: 20%;
min-height: 10px;
padding-right: 1.5em;
padding-top: 1.2em;
text-align: right;
font-family: 'Lato', sans-serif;
font-size: 13px;
font-weight: 400;
color: #000000;
}

#top_mast_signup a {
color: #000000;
text-decoration: none;
border: none;
}

#top_mast_signup ul li {
display: inline;
padding-left: 1.5em;
}

#logged_in_user {
padding-top: 0.5em;
font-size: 18px;
}

#logged_in_user li a {
color: #33b2b9;
}

/* END TOP MAST */



/* TOP IMPACT */

#lp {
    display: table;
    width: 100%;
}

#lp_i {display: table-row-group; } /* Will be displayed at the bottom of the pseudo-table */
/*.example > .b {display: table-row-group;    } /* Will be displayed in the middle */
#lp_h {display: table-header-group; } /* Will be displayed at the top */

#top_impact {
clear: both;
width: 100%;
min-height: 10px;
padding-top: 8em;
padding-bottom: 2em;
text-align: center;
}

#top_impact h1 {
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 32px;
color: #ffffff;
line-height: 1.4em;
padding: 0px;
margin-bottom: 0.5em;
padding: 1em;
border-radius: 4px;
/*background: #65d2df;*/
}

#top_impact h2 {
font-family: 'Open Sans', sans-serif;
font-size: 28px;
font-weight: 300;
color: #000000;
line-height: 1.4em;
padding: 0px;
margin-bottom: 0em;
}

#top_impact_messages {
clear: both;
width: 100%;
min-height: 10px;
padding-bottom: 2em;
}

.top_impact_message_box {
float: left;
width: 30%;
min-height: 10px;
margin-right: 5%;
padding: 2em;
border-radius: 4px;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 300;
color: #000000;
line-height: 1.5em;
background: #65d2df;
}

.top_impact_message_box_right {
margin-right: 0%;
}

.top_impact_message_box span.top_impact_message_box_link {
color: #ffffff;
padding-bottom: 1px;
border-bottom: 1px solid #ffffff;
cursor: pointer;
}

.top_impact_message_box span:hover {
border-bottom: none;
}

/* END TOP IMPACT */


.home_points_container {
clear: both;
width: 85%;
min-height: 10px;
margin: 0 auto;
}

.home_point {
clear: both;
width: 100%;
min-height: 10px;
}

.home_point_left {
float: left;
width: 45%;
min-height: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 22px;
text-align: right;
}

.home_point_right {
float: left;
width: 45%;
min-height: 10px;
padding-left: 5%;
border-left: 1px solid #e3e3e3;
margin-left: 5%;
padding-bottom: 3em;
font-size: 20px;
}


/* INTROS */

.intro_section {
clear: both;
width: 85%;
min-height: 10px;
margin: 0 auto;
padding-top: 5em;
padding-bottom: 5em;
font-family: 'Open Sans', sans-serif;
}

.intro_section h2 {
padding: 0px;
margin: 0px;
margin-bottom: 1em;
font-size: 23px;
font-weight: 300;
color: #000000;
}

.intro_section h3 {
padding: 0px;
margin: 0px;
margin-bottom: 0.4em;
font-size: 30px;
font-weight: 300;
color: #406274;
}

.intro_section_teaser_title {
clear: both;
width: 100%;
min-height: 10px;
text-align: center;
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 300;
padding-bottom: 0em;
}

.intro_section_teaser_title h2 {
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 42px;
font-weight: 300;
margin: 0px;
padding: 0px;
margin-bottom: 0.5em;
}

.intro_section_teaser_title h3 {
color: #000000;
font-family: 'Open Sans', sans-serif;
font-size: 24px;
font-weight: 300!important;
margin: 0px;
padding: 0px;
margin-bottom: 0.5em;
padding-bottom: 1em;
border-bottom: 1px dotted #ffffff;
}

.intro_section_teaser_title_white {
color: #ffffff;
}

.intro_section_teaser_title_white h2 {
color: #ffffff;
}

.intro_section_teaser_title_white h3 {
color: #ffffff;
}

.intro_section hr.white {
border: 0;
height: 1px;
color: #ffffff;
background-color: #ffffff;
margin: 30px 0px 30px 0px;
}

.intro_section_thin {
float: left;
width: 45%;
min-height: 10px;
font-size: 18px;
font-weight: 300;
/*padding-top: 0.9em;*/
}

.intro_section_thin a.cr_bt {
display: block;
width: 100%;
padding: 0.7em;
text-align: left;
background: #44697d;
color: #ffffff;
margin-bottom: 1.2em;
border-bottom: 3px solid #395b6d;
border-radius: 4px;
text-decoration: none;
text-transform: uppercase;
font-weight: 400;
}

.intro_section_thin a.cr_bt:hover {
background: #4f7c95;
border-color: #4f7c95;
}

.intro_section_thin a.cr_plain {
text-decoration: underline!important;
}

.intro_section_thin a i.arr {
display: block;
padding-top: 0.2em;
}

.intro_section_wide {
float: left;
width: 45%;
min-height: 10px;
padding-left: 5%;
margin-left: 5%;
border-left: 1px solid #e3e3e3;
font-size: 18px;
font-weight: 300;
}

.intro_section_title {
padding-bottom: 2.5em;
color: #0c555e;
font-weight: 400;
text-align: center;
font-size: 20px;
}

.intro_section_title h2 {
color: #0c555e;
font-family: 'Open Sans', sans-serif;
font-size: 34px;
font-weight: 300;
margin: 0px;
padding: 0px;
margin-bottom: 0.5em;
}

.intro_section_box_row {
clear: both;
width: 100%;
min-height: 10px;
padding-top: 2em;
padding-bottom: 2em;
border-bottom: 1px solid #e3e3e3;
}

.intro_section_box_row_bottom {
border: none;
padding-bottom: 0em;
}

.intro_section_box {
float: left;
width: 50%;
min-height: 10px;
padding-left: 3%;
padding-right: 3%;
padding-bottom: 3%;
border-right: 1px solid #e3e3e3;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 300;
color: #000000;
line-height: 1.3em;
}

.intro_section_box_right {
margin-right: 0%;
border: none;
}

.intro_section_box h3 {
font-size: 18px;
font-weight: 400;
color: #44697d;
margin: 0px;
padding: 0px;
margin-bottom: 0.5em;
}

.intro_section_box i {
color: #44697d;
display: block;
padding-bottom: 0.3em;
}

.intro_section_box_larger_copy {
font-size: 20px;
}


.intro_section_teasers {
padding-top: 3em;
}

.intro_teaser_box {
float: left;
width: 28%;
min-height: 10px;
margin-right: 8%;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 18px;
color: #000000;
text-align: center;
}

.intro_teaser_box_right {
margin-right: 0px;
}

.intro_teaser_box_white {
color: #ffffff;
}

.intro_teaser_box h3 {
display: inline-block;
font-size: 22px;
font-weight: 300;
color: #000000;
margin: 0px;
padding: 0px;
text-align: center;
padding-bottom: 4px;
border-bottom: 1px dashed #000000;
margin-bottom: 0.5em;
}

.intro_teaser_box.intro_teaser_box_bg_colour h3 {
color: #65d2df;
border-bottom: 1px dashed #65d2df;
}

.more_info_links {
clear: both;
width: 100%;
min-height: 10px;
margin-top: 3em;
border-top: 1px dotted #ffffff;
padding-top: 3em;
text-align: center;
}


.support_overview_box {
float: left;
width: 28%;
min-height: 10px;
margin-right: 8%;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 18px;
color: #ffffff;
}

.support_overview_box a {
color: #ffffff;
}

.support_overview_box_right {
margin-right: 0px;
}

.support_overview_box_bordered {
border: 1px solid #e3e3e3;
padding: 1em;
}

.support_overview_testimonial {
color: #ffffff;
font-size: 20px;
}

.support_overview_testimonial ul {
list-style: none;
padding: none;
margin: none;
}

.support_overview_testimonial ul li {
padding: 0.1em;
}

.main_testimonial {
width: 50%;
margin: 0 auto;
font-size: 20px;
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 1em;
}

/* END INTROS */



/* INTERNATIONAL */

.countries_list_column {
float: left;
width: 25%;
min-height: 10px;
}

#country_copyright_info {
padding-top: 3em;
padding-bottom: 2em;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 300;
color: #3e3e3e;
line-height: 1.6em;
width: 80%;
margin: 0 auto;
}

#country_copyright_info img {
max-width: 100%;
}

table {
width: 100%;
}

table tr td {
padding-top: 1em;
padding-bottom: 1em;
border-bottom: 1px solid #e3e3e3;
}

table tr td.no_border {
border-bottom: none;
}

table td.txt_align_right {
text-align: right;
}

.select_country {
float: left;
width: 18%;
min-height: 70px;
margin-bottom: 2em;
margin-right: 1em;
font-family: 'Lato', sans-serif;
font-weight: 400;
font-size: 0.8em;
border-bottom: 1px solid #e3e3e3;
}

.select_country_left {
float: left;
width: 30%;
min-height: 10px;
text-align: center;
cursor: pointer;
}

.select_country_right {
float: left;
width: 70%;
min-height: 10px;
padding-top: 0.5em;
line-height: 1.3em;
}

/* END INTERNATIONAL */



/* FEATURES */

.copyright_feature {
width: 100%;
margin: 0 auto;
font-family: 'Lato', sans-serif;
font-size: 20px;
font-weight: 300;
margin-bottom: 3em;
line-height: 1.6em;
padding-top: 3em;
/*border-bottom: 1px solid #e3e3e3;*/
margin-bottom: 0em;
}

.code_of_conduct_point {
width: 80%;
}

.copyright_feature_left {
float: left;
width: 10%;
min-height: 10px;
margin-right: 5%;
text-align: right;
}

.code_of_conduct_point_left {
width: 10%;
}

.copyright_feature_right {
float: left;
width: 85%;
min-height: 10px;
}

.code_of_conduct_point_right {
width: 85%;
}

.copyright_feature h2 {
margin-bottom: 0.5em;
}

/* END FEATURES */



/* JOIN */

#join_container {
clear: both;
width: 80%;
margin: 0 auto;
}

#join_container_left {
float: left;
width: 25%;
min-height: 10px;
margin-right: 5%;
}

#join_container_right {
float: left;
width: 70%;
min-height: 10px;
}

#join_container_left img {
width: 50%;
}

#join_container_left h2 {
font-size: 22px;
font-weight: 300;
margin-bottom: 0.5em;
}

.termsCheck {
color: #3e3e3e;
cursor: pointer;
}

/* END JOIN */



/* COPYRIGHT FOR */

#copyright_for_left {
float: left;
width: 50%;
min-height: 10px;
}

#copyright_for_right {
float: left;
width: 50%;
min-height: 10px;
text-align: center;
}

.copyright_for_copy {
clear: both;
width: 100%;
min-height: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
}

.copyright_for_copy .para {
clear: both;
min-height: 10px;
margin-bottom: 2em;
}

.copyright_for_copy h2 {
font-weight: 400;
font-size: 24px;
margin-bottom: 0.5em;
}

/* END COPYRIGHT FOR */



/* FAQs */

.faq_title {
cursor: pointer;
color: #e55439;
margin-bottom: 1em;
}

.faq_title:hover {
color: #000000!important;
}

.faq_answer {
display: none;
}

/* END FAQs */



/* LOGIN */

#login_container {
clear: both;
width: 30%;
margin: 0 auto;
}

#login_container img {
width: 100px;
}

/* END LOGIN */



/* PAYMENT */

.pay_container {
clear: both;
width: 50%;
min-height: 10px;
margin: 0 auto;
}

#plan_payment {
clear: both;
width: 100%;
min-height: 10px;
}

#plan_payment_left {
float: left;
width: 30%;
min-height: 10px;
margin-right: 10%;
}

#plan_payment_left_left {
float: left;
width: 45%;
min-height: 10px;
margin-right: 10%;
}

#plan_payment_left_right {
float: left;
width: 45%;
min-height: 10px;
}

#plan_payment_right {
float: left;
width: 60%;
min-height: 10px;
text-align: center;
}

.plan_payment_option {
clear: both;
width: 100%;
min-height: 10px;
padding: 1em;
border-radius: 8px;
margin-bottom: 1em;
cursor: pointer;
font-weight: 400;
}

.plan_payment_option.selected_no {
background: #ffffff;
border: 2px solid #d0d0d0;
color: #bcbcbc;
}

.plan_payment_option.selected_yes {
background: #00adef;
color: #ffffff;
}

.plan_payment_type {
float: left;
width: 45%;
min-height: 10px;
padding: 1em;
/*background: #f8f8f7;*/
color: #000000;
border: 2px solid #d0d0d0;
border-radius: 5px;
cursor: pointer;
}

.plan_payment_type_copy {
font-size: 0.8em;
padding-top: 0em;
padding-bottom: 0.4em;
line-height: 1.2em;
}

.plan_payment_type.debit_credit {
background: #509753; /**/
color: #ffffff;
}

.plan_payment_type.paypal {
background: #002f86;
color: #ffffff;
}

.plan_payment_type_left {
margin-right: 10%;
}

#p_plan_select {
font-size: 20px;
}

#plan_cost_summary {
padding: 2.3em;
background: #356e97;
color: #ffffff;
margin-bottom: 1em;
}

#plan_cost_summary h2 {
font-size: 40px;
margin-bottom: 0px;
padding-bottom: 0.5em;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #ffffff;
}

#plan_cost_summary h3 {
font-size: 24px;
margin-bottom: 0px;
padding-bottom: 0px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
color: #ffffff;
}

#plan_cost_pay_buttons {
clear: both;
width: 100%;
min-height: 10px;
padding-top: 1em;
}

#plan_cost_pay_buttons_left {
float: left;
width: 50%;
min-height: 10px;
text-align: center;
padding-right: 2.5%;
border-right: 1px solid #3e3e3e;
}

#plan_cost_pay_buttons_right {
float: left;
width: 50%;
min-height: 10px;
padding-left: 2.5%;
text-align: center;
}

a.payBut {
padding: 1em;
border-top: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
border-bottom: 1px solid #bdbdbd;
border-right: 1px solid #bdbdbd;
border-radius: 4px;
text-decoration: none;
color: #000000;
-webkit-appearance: none;
-moz-appearance: none;
}

a.payBut:hover {
background: #e3e3e3;
}

.payButPaypal {
padding: 0.6em;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
font-size: 1.1em;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
}

/* END PAYMENT */



/* SECURE PUBLISHING */

#secure_publish_intro {
padding-top: 8em;
padding-bottom: 4em;
}

.secure_publish_teasers {
padding-top: 2em;
}

.publish_teaser_box {
float: left;
width: 28%;
min-height: 10px;
margin-right: 8%;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 18px;
color: #000000;
text-align: center;
}

.publish_teaser_box_right {
margin-right: 0px;
}

.publish_teaser_box h3 {
display: inline-block;
font-size: 22px;
font-weight: 300;
color: #000000;
margin: 0px;
padding: 0px;
text-align: center;
padding-bottom: 4px;
border-bottom: 1px dashed #000000;
margin-bottom: 0.5em;
}

/* END SECURE PUBLISHING */



/* VERIFY */

#verify_surround {
clear: both;
width: 100%;
height: 100%;
}

#verify_surround_left {
float: left;
width: 20%;
height: 100%;
padding: 2em;
margin-right: 10%;
background: #fafafa;
}

#verify_surround_right {
float: left;
width: 60%;
min-height: 10px;
padding: 2em;
padding-top: 3em;
}

#verify_top {
clear: both;
width: 100%;
min-height: 10px;
}

#verify_top_left_logo {
width: 100%;
min-height: 80px;
line-height: 1em;
color: #000000;
margin-bottom: 1.5em;
border-bottom: 1px solid #e3e3e3;
}

#verify_top_left_logo a {
color: #000000;
text-decoration: none;
}

#verify_top_left_logo a:hover {
color: #00719c;
}

#verify_top_left_logo_left {
float: left;
width: 20%;
min-height: 10px;
font-family: 'Bree Serif', serif;
font-size: 3.95em;
line-height: 1em;
}

#verify_top_left_logo_right {
float: left;
width: 80%;
min-height: 10px;
line-height: 1.3em;
padding-top: 1em;
}

#verify_top_left_logo_right a {
font-weight: 300;
color: #555555;
}

#verify_top_left_logo_right div.link {
display: inline-block;
float: right;
}

#io_login_verified_form {
width: 50%;
margin: 0 auto;
}

/* END VERIFY */



/* FOOTER */

#footer {
clear: both;
width: 100%;
min-height: 10px;
padding-bottom: 3em;

padding-top: 3em;

}

.footer_link_container {
float: left;
min-height: 10px;
font-size: 13px;
}

.footer_link_container_logo {
width: 28%;
line-height: 1.4em;
}

.footer_nav_logo {
width: 140px;
text-align: center;
font-family: 'Katibeh', cursive;
font-size: 27px;
}

.footer_nav_logo_sidebar {
width: 60%!important;
margin: 0 auto;
/*margin-left: -0.7em;*/
}

.footer_nav_logo_sidebar img {
width: 80%!important;
margin: 0 auto;
}

.footer_nav_logo .international {
font-family: 'Courgette', cursive;
font-size: 16px;
color: #bbb032;
}

.footer_nav_logo_sidebar .international {
font-size: 18px!important;
line-height: 1em!important;
}

.footer_nav_logo img {
width: 60%;
margin: 0 auto;
}

.footer_link_container_links {
line-height: 2em;
width: 18%;
}

.footer_link_container_links ul {
list-style: none;
padding: 0px;
margin: 0px;
}

.footer_link_container_links i {
display: none;
}

#sub_footer {
clear: both;
width: 100%;
min-height: 10px;
padding-bottom: 3em;
font-size: 13px;
text-align: center;
}

#sub_footer_country_select {
clear: both;
width: 80px;
min-height: 10px;
padding-bottom: 1em;
margin: 0 auto;
cursor: pointer;
}

#sub_footer_country_select_flag {
float: left;
width: 50px;
min-height: 10px;
}

#sub_footer_country_select_caret {
float:left;
width: 30px;
min-height: 10px;
padding-top: 17px;
}

/* END FOOTER */


.screenshot_slider {
width: 100%;
margin-bottom: 0.5em;
}

.screenshot_slider img {
width: 100%;
margin: 0 auto;
}


.country_flag_link {
clear: both;
width: 100%;
min-height: 10px;
}

.country_flag_link_left {
float: left;
width: 60px;
min-height: 10px;
}

.country_flag_link_right {
float: left;
width: auto;
min-height: 10px;
padding-top: 0.5em;
}


#copyright_for_box {
padding: 2em;
border: 2px solid #00719c;
border-radius: 8px;
margin-bottom: 2em;
}

#copyright_for_box_left {
float: left;
width: 45%;
padding-right: 5%;
border-right: 1px solid #e3e3e3;
margin-right: 5%;
min-height: 10px;
font-size: 18px;
}

#copyright_for_box_right {
float: left;
width: 50%;
min-height: 10px;
font-size: 18px;
}