/**
 * Setting default values
 */





/**
 * Generic classes
 */

.grecaptcha-badge {
    bottom: 50px !important;
}

.align_center,/* RegistrationForm */
.content.align_center{ /* User Guide */
    text-align: center;
}

.bold {
    font-weight: bold;
}

.button_responsive {/* button for responsive menus */
    background-color: transparent;
    background-image: url("../img/mobile_menu.png");
    background-size: cover;
    border: none;
    display: none;
    height: 36px;
    cursor: pointer;
    transition: all 2s;
    width: 36px;
}

.button_responsive.displayed{/* button is displayed */
    left: 0;
}

.last,/* remove margin for last elements */
.pass.last,
.layout_50p.last,
.content_table_label_small.last,
.registrationform_input_short.last {
    margin-right: 0; 
}

.vertical_align_dummy {/* needed for content vertical-align */
    display: inline-block;
    min-height: 80%;
    min-height: 90vh;
    min-height: calc(100vh - 70px);
    vertical-align: middle;
    width: 0;
}

.visually_hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}




/**
 * Font setting classes
 */

.copse15 {
    color: #363636;
    font-size: 15px;
}

.copse18 {
    color:#363636;
    font-size: 18px;
}

.copse24 {
    color: #363636;
    font-size: 24px;
}

.copse26 {
    color: #363636;
    font-size: 26px;    
    font-weight: normal;
}

.droid_12gray {
    color: #1b3d56;
    font-size: 0.7em;
    text-align: justify;
}

.droid_13gray {
    color: #898989;
    font-size: 13px;
}

.droid_13white {
    color:#fff;
    font-size: 13px;
}

.droid_15 {
    font-size: 17px;
}

.droid_15whitebold {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}





/**
 * Layout styles
 */

.layout_240px {/* 240px fixed-width; TODO remove */
    display: inline-block;
    width: 300px;
}

.layout_25p {/* 1/4 width */
    display: inline-block;
    width: 25%;
}

.layout_50p {/* 1/2 of the width */
    display: inline-block;
    margin-right: 5%;
    vertical-align: top;
    width: 45%;
}

.layout_50p.last{/* last item of 50% width has no margin-right */
    width: 50%;
}

.layout_75p {/* 3/4 width */
    display: inline-block;
    width:600px;
    margin-right: 5%;
    vertical-align: top;
    width: 68.8%;
}

.layout_75p>img {
    max-height: 80px;
    margin: 0 1%;
}





/**
 * Color classes
 */

.blue {
    color: #5088c5;
}

.red {
    color: #c42a11;
}

.white {
    color: #fff;
}





/**
 * Setting up the body
 */

body {/* the entire document */
    background-color: #fff;
    margin: 0;
    padding: 0;
}

body.page_home {
    /* background-image: linear-gradient(#f2f2f2 81%, #fff 31%); */
    -webkit-font-smoothing: antialiased !important;
	-moz-osx-font-smoothing: grayscale !important;
}

body.page_features .slide_content,
body.faq .slide_content {
    max-width: 960px;
}





/**
 * The page header menu
 */
.page_menu_zone {/* page header menu wrapper; used for features page */
    display: inline-block;
    text-align: right;
}










/**
 *
 * General window layout
 *
 */



/**
 * Page slides
 */

body.faq .slide_content {/* single slide content */
    border-top: solid 1px #ccc;
    margin-top: 20px;
    padding-top: 30px;
}

.slide_content>article {/* all of the main links' wraooers */
    max-width: 100%;
    text-align: center;
}





/**
 * page titles & subtitles
 */

h1 {/* page title */
    font-size: 5.1em;
    /* text-transform: uppercase; */
}

h1.homepage {/* homepage title */
    color: #1b3d56;
    margin: 3.5% auto 0 auto;
    text-align: center;
}


h1.pricing,/* pricing page title */
h1.features {/* pricing page title */
    color: #c8dcf1;
    display: inline-block;
    font-size: 4.1em;
    font-weight: normal;
    margin: 0;
    margin-right: 1.9%;
    padding: 5px 0 3px 0;
    vertical-align: middle;
    text-align: left;
}
span.features {/* pricing page title */
    color: #c8dcf1;
    display: inline-block;
    font-size: 4.1em;
    font-weight: normal;
    margin: 0;
    margin-right: 1.9%;
    padding: 5px 0 3px 0;
    vertical-align: middle;
    text-align: left;
}


h1.pricing {/* pricing page title */
    width: 15.5%;
}
h1.info_pages {/* info pages page titles */
    border: solid #d7d7d7;
    border-width: 1px 0;
    color: #c8dcf1;
    font-family: "LeagueGothic";
    font-weight: normal;
    display: block;
    font-size: 3.9em;
    margin-top: 0.98em;
    margin-bottom: 0.96em;
}
body.faq h1 {/* faq page page title */
    color: #353535;
    display: inline;
    font-size: 1.6em;
    text-transform: none;
}



body.faq h2 {/* faq page subtitle */
    border: none;
    color: #353535;
    display: inline;
    font-size: 1.6em;
}

.h2_title {/* TODO: remove */
    color:#353535;
    font-size: 18px;
    margin-top:20px;
    text-transform: capitalize;
}





/**
 *
 * Pricing page
 *
 */





/**
 * Table header
 */
/*old pricing*/
section#pricing_table_wrapper {/* entire table wrapper */
    border-bottom: solid 1px #acacac;
    margin: 2.5% auto;
    max-width: 960px;
    padding-bottom: 22px;
    text-align: center;
}

section#pricing_table_wrapper section#pricing_table_header {/* header row of the table */
    border: solid #acacac;
    border-width: 1px 0;
    font-family: "LeagueGothic";
    margin-bottom: 5px;
}

section#pricing_table_wrapper section#pricing_table_header ul {/* list wrapper for the table header */
    font-size: 1.2em;
    height: 100%;
}

section#pricing_table_wrapper ul {/* list wrapper for table rows (including header) */
    display: inline-block;
    line-height: 30px;
    list-style-type: none;
    height: 30px;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 82%;
}

section#pricing_table_header ul li {/* list items inside each row */
    display: inline-block;
    text-align:center;
    text-transform: uppercase;
    width: 156px;
}

section#pricing_table_wrapper section {/* table body row */
    border: none;
}

section#pricing_table_wrapper section:nth-last-child(2) ul {/* highlithed column is taller */
    height: 85px;
}

section#pricing_table_wrapper section h4 {/* row leftmost column (title) */
    color: #656565;
    display: inline-block;
    font-size: 0.8em;
    font-weight: normal;
    margin: 12px 1.9% 12px 0;
    vertical-align: middle;
    text-align: right;
    width: 15.5%;
}

section#pricing_table_wrapper section li {/* items in each table row */
    color: #898989;
    display: inline-block;
    height: 100%;
    font-size: 1em;
    width: 17%;
}

section#pricing_table_wrapper section#pricing_table_header li:nth-child(3) {/* third column header (best value package) */
    border-top: solid 1px #acacac;
    font-size: 1.6em;
    height: 90px;
    line-height: 110%;
    margin-bottom: -46px;
    padding-top: 32px;
    padding-bottom: 0;
    position: relative;
    top: -20px;
    vertical-align: top;
}

section#pricing_table_wrapper section#pricing_table_header li:nth-child(3) h5 {/* third column title */
    padding-top: 0;
}

section#pricing_table_wrapper section#pricing_table_header li:nth-child(3) h6 {/* third column price */
    font-size: 0.6em;
    line-height: 28px;
}

section#pricing_table_wrapper section li:nth-child(3) {/* third column rows */
    background-color: #fff;
    color: #363636;
    font-size: 0.9em;
    font-weight: bold;
    padding-bottom: 55px;
    width: 23.6%;
}

section#pricing_table_wrapper section:last-child li:nth-child(3){/* third column rows */
    padding-bottom: 22px;
}

section#pricing_table_wrapper section li h5 {/* package title */
    color: #363636;
    font-size: 1.6em;
    font-weight: normal;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}

section#pricing_table_wrapper section li h6 {/* package price */
    color: #5088c5;
    font-family: "Sintony";
    font-size: 1.1em;
    margin: 0;
    padding: 0;
}

section#pricing_table_wrapper section li a {/* link to order package */
    background-color: #ffcc01;
    /*background-image: url("../img/arrow_right.png");*/
    background-position: 93% 48%;
    background-repeat: no-repeat;
    border-radius: 5px;
    color: #363636;
    display: block;
    font-weight: bold;
    margin: 3px auto;
    padding: 1px 0 4px 0;
    text-align: center;
    transition: background-color 0.5s;
    width: 87.6%;
}

section#pricing_table_wrapper section li a:hover {/* hover effect for the links for package ordering */
    background-color: #ff9900
}

















/**
 *
 * Features pages
 * 
 */





/**
 * Page header
 */

.features ul.two_column{
    padding: 0;
}

.features .two_column li{
    display: inline-block;
    vertical-align: top;
    width: 48%;
}

.features .two_column li:before{
    content: "• ";
}

section#features_page_header {/* header for the page */
    border: solid #d7d7d7;
    border-width: 1px 0;
    font-family: "LeagueGothic";
    /*margin: 45px auto;*/
    margin: 90px auto 20px auto;
    max-width: 1200px;
    padding: 0 35px;
}

.feature_tab_holder {
    margin: 20px 0;
}



.content_table_label_small {/* top menu with icons */
    color: #363636;
    display:inline-block;
    height: 55px;
    line-height: 55px;
    margin-right: 10px;
    margin-left: 4px;
    padding-left: 40px;
    text-decoration: none;
}

a.content_table_label_small:hover,
a.content_table_label_small.selected {
    color:#5b95d4;
}

.icon {
    fill: currentColor;
    height: 20px;
    margin-right: 5px;
    vertical-align: middle;
    width: 20px;
}

/* top icons */
.icon_project_collaboration_normal,
.icon_project_collaboration_selected,
.icon_project_management_normal,
.icon_project_management_selected,
.icon_content_management_normal,
.icon_content_management_selected,
.icon_productivity_tools_normal,
.icon_productivity_tools_selected {
    background-size: 31px;
    background-position: 0% 50%;
    background-repeat:no-repeat;
}

.icon_project_collaboration_normal {
    background-image: url("../img/icon_project_collaboration_normal.png");
}
.icon_project_collaboration_selected {
    background-image: url("../img/icon_project_collaboration_selected.png");
}

.icon_project_management_normal {
    background-image: url("../img/icon_project_management_normal.png");
}
.icon_project_management_selected {
    background-image: url("../img/icon_project_management_selected.png");
}

.icon_content_management_normal  {
    background-image: url("../img/icon_content_management_normal.png");
}
.icon_content_management_selected {
    background-image: url("../img/icon_content_management_selected.png");
}

.icon_productivity_tools_normal {
    background-image: url("../img/icon_productivity_tools_normal.png");
}

.icon_productivity_tools_selected {
    background-image: url("../img/icon_productivity_tools_selected.png");
}

#image1,
#vid1,
#vid2 {/* feature highligh image or video(s) */
    /* float: right; */
    /* margin: 15px 0 15px 0; */
}

#image1 img,
#vid1,
#vid2{/* feature highligh image or video(s) */
    width: 100%;
}










/**
 *
 * Other pages
 * 
 */

.standard_text {/* about us text */
    color: #898989;
    font-size: 1em;
    line-height: 26px;
    margin-bottom: 92px;
}


/**
 * Contact form for all landing pages that have it
 */

.contactform {/* contact form wrapper, for about/contact/faq pages */
    background-color: #fff;
    color: #898989;
    padding-bottom: 20px;
}

.contactform h4{/* contact form title */
    margin: 0.58em 0 0.78em 0;
    text-align: center;
}

.contactform input,
.contactform textarea {
    background-color: #fff;
    border: 1px solid #d7d7d7;
    display: block;
    font-size: 1em;
    margin: auto;
    margin-bottom: 15px;
    padding: 3px 0 4px 0;
    text-indent: 5%;
    width: 90%;
}

.contactform input {
    height: 26px;
}

.contactform textarea {
    height: 184px;
}

.contactform>div {
    text-align: center;
}

.contactform a{
    background-color: #ffcc01;
    color: #c4280f;
    border-radius: 5px;
    display: block;
    font-size: 1.3em;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    max-width: 160px;
    text-transform: uppercase;
    width: 80%;
}

.contactform a:hover {
    background-color: #f1b500;
}


.map_bg {/* contact page map */
    background-image: url("../img/map.png");
    background-repeat: no-repeat;
    background-position: 50% 100%;
    height: 466px;
}

.realperson-challenge {
    cursor: pointer;
    text-align: center;
}

/**
 * FAQ page
 */

.answer,
.question {
    background-repeat: no-repeat;
    padding-left: 30px;
    line-height: 24px;
}

.answer {/* icon for Q&A list */
    background-image:url("../img/answer.png");
    border-bottom: 1px dashed #d4d4d4;
    padding-bottom: 20px;
}

.question {
    background-image: url("../img/question.png");
    margin-top: 20px;
}














































.bodytext {/* paragraph text for other pages */
    color:#898989;
    font-size: 13px;
    line-height: 20px;
    margin-top:10px;
}

.feature_tab_holder p {/* features page left tab content wrapper */
    font-size: 0.9em;
    margin: 10px 0;
    text-align: justify;
}

.feature_tab_holder ul {
    font-size: 0.8em;
    padding-left: 20px;
}
.feature_tab_holder .last ul {
    text-align: left;
}

.separator {/* used for collaboration pages */
    background-image: url("../img/content_separator.png");
    display: block;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 690px;
}










.author {/* used in FeedGrid.js */
    color: #474747;
    display:block;
    float: left;
    font-size: 12px;
    height: 15px;
    padding-top: 5px;
    text-align: right;
    width: 360px;
}










.signup_header {
    padding-top: 12px;
    padding-left: 20px;
    
}

span.signup_heading {
    color: #fff;
    display: inline-block;
    font-size: 30px;
    width: 50%;
}

span.signup_plan {
    color: #1b3d56;
    display: inline-block;
    padding-top: 10px;
    padding-right: 25px;
    float: right;
    text-transform: capitalize;
}

.signup_form_container {
    background-color: rgba(255,255,255, 0.8);
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width:100%;
    z-index: 2;
}

.signup_form_container {
    background-color: rgba(119, 119, 119, 0.7);
}

.signup_form {
    background-color: #5b95d4;
    border: solid 5px #fff;
    border-radius: 5px;
    background: linear-gradient(#5b95d4 0, #5b95d4 51.8%, #679fdc 50%);
    box-shadow: 0 0 11px 0 #aaa;
    /* height: 346px; */
    margin: auto;
    margin-top: 85px;    
    max-width: 90%;
    max-height: 100%;
    position: relative;
    width: 390px;
}

.signup_form {
    /*height: 460px;
    margin-top: 28vh;
    width: 450px;
    background: linear-gradient(#5b95d4 0, #5b95d4 63.8%, #679fdc 62%);*/
    
    height: 300px;
    margin-top: 28vh;
    width: 450px;
    background: linear-gradient(#5b95d4 0, #5b95d4 45.8%, #679fdc 45%);
}

.signup_form__close {
    background-color: black;
    box-shadow: 0 3px 5px #333;
    border: solid 2px #eee;
    border-radius: 50%;
    box-sizing: content-box;
    color: #fff;
    cursor: pointer;
    height: 18px;
    line-height: 19px;
    padding: 0;
    position: absolute;
    right: -14px;
    transition: background-color 0.3s;
    width: 18px;
    top: -14px;
}

.signup_form__close:hover {
    background-color: #5b95d4;
}

.signup_form:after {
    border-top: 15px solid #5b95d4;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    content: " ";
    display: block;
    height: 0; 
    left: 47.4%;
    position: absolute;
    top: 50%;
    width: 0; 
}

.signup_form:after {
    /*top: 63%;*/
    top: 45%;
}

ul.prices_table li.price,
.price {
    font-weight: bold;
    color: #363636;
}

.bodytext {
    /* max-width: 600px; */
    text-align: justify;
    width: 100%;
}

ul.feature_tab_quicknav {
    font-size: 0.9em;
    margin: 10px 0;
    padding-left:0;
}

ul.feature_tab_quicknav li {
    border-right: solid 1px #444;
    display: inline-block;
    font-family: 'Sintony', sans-serif;
    margin-right: 10px;
    padding-right: 10px;
}

ul.feature_tab_quicknav li a.selected {
    color: #003875;
}

ul.feature_tab_quicknav li:last-child {
    border: none;
}




:placeholder-shown {
  border-color: silver;
}





.footer_call_to_action_with_price {
    background-repeat: no-repeat;
    background-size: contain;
    width: 1200px;
    height: 110px;
    position: relative;
    color: #47494c;
    font-size: 30px;
    font-family: unset;
}
.footer_call_to_action_with_price_text1 {
    position: absolute;
    margin: 35px 0px 0px 60px;
}
.footer_call_to_action_with_price_price {
    position: absolute;
    margin: 30px 0px 0px 425px;
    font-size: 40px;
    font-weight: bold;
    color: #8d8d8d;
}
.footer_call_to_action_with_price_text2 {
    position: absolute;
    margin: 35px 0px 0px 535px;
}
.footer_call_to_action_with_price_textwitharrow {
    position: absolute;
    margin: 35px 0px 0px 850px;
    color: #5e96d4;
}