html
{
    background-color:       #131313;
}


#page
{
    width:                  100%;
}

#header1_ctr
{
    width:                  100%;
    margin-left:            auto;
    margin-right:           auto;
    background-color:       #FFFFFF;
}

#header1
{
    width:                  1200px;
    height:                 150px;
    margin-left:            auto;
    margin-right:           auto;
    background-color:       #FFFFFF;
    
}

#header1_logo
{
    width:                  64%;
    height:                 150px;
    margin:                 0px 0px 0px 0px;
    padding:                0px 0px 0px 32px;
}

#header1_menu
{
    width:                  36%;
    height:                 150px;
    margin:                 0px 0px 0px 0px;
    vertical-align:         bottom;
}

#header2
{
    width:                  100%;
    height:                 519px;
    background:             #069bcd;
    background:             -moz-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -webkit-gradient(left top, left bottom, color-stop(0%, #069bcd), color-stop(100%, #01668e));
    background:             -webkit-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -o-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -ms-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             linear-gradient(to bottom, #069bcd 0%, #01668e 100%);
    filter:                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#069bcd', endColorstr='#01668e', GradientType=0 );
}

#header2_background
{
    width:                  100%;
    height:                 519px;
    background-image:       url('/images/desktop-mockup-new.png');
    background-repeat:      no-repeat;
    background-position:    calc(50% + 357px) 100%;
}

#header2_content
{
    position:               relative;
    left:                   0px;
    top:                    0px;
    width:                  1200px;
    height:                 519px;
    margin-left:            auto;
    margin-right:           auto;
    color:                  #FFFFFF;
}

#header2_title
{
    padding:                50px 0px 10px 32px;
    font-size:              32px;
    font-weight:            bold;
}

#header2_subtitle
{
    padding:                10px 0px 30px 32px;
    font-size:              24px;
    font-style:             italic;
}

#header2_list
{
    padding:                0px 0px 0px 32px;
}

TD.header2_checkbox
{
    padding:                7px 16px 0px 0px;
}

TD.header2_list_item
{
    padding:                10px 0px 0px 0px;
}

#header2_button
{
    padding:                50px 0px 0px 32px;
}

#header2_monitor
{
    position:               absolute;
    left:                   792px;
    top:                    135px;
    width:                  387px;
    height:                 216px;
}

#header2_tablet
{
    position:               absolute;
    right:                  -155px;
    top:                    374px;
    width:                  170px;
    height:                 100px;
    border:                 7px solid #000000;
    border-radius:          7px;
    z-index:                999999;
}

#header2_mobile
{
    position:               absolute;
    right:                  40px;
    top:                    400px;
    width:                  45px;
    height:                 80px;
    border:                 4px solid #000000;
    border-radius:          4px;
    z-index:                9999999;
}

.animation1
{
    z-index:3;
}

.animation2
{
    opacity:1;
    z-index:2;
}

.animation3
{
    opacity:1;
    z-index:1;
}


#header3
{
    width:                  100%;
    height:                 125px;
    background:             #069bcd;
    background:             -moz-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -webkit-gradient(left top, left bottom, color-stop(0%, #069bcd), color-stop(100%, #01668e));
    background:             -webkit-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -o-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -ms-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             linear-gradient(to bottom, #069bcd 0%, #01668e 100%);
    filter:                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#069bcd', endColorstr='#01668e', GradientType=0 );
}

#header3_content
{
    position:               relative;
    left:                   0px;
    top:                    0px;
    width:                  1200px;
    height:                 125px;
    margin-left:            auto;
    margin-right:           auto;
    color:                  #FFFFFF;
}

#header3_title
{
    padding:                35px 0px 10px 32px;
    font-size:              32px;
    font-weight:            bold;
}

#header3_subtitle
{
    padding:                0px 0px 30px 32px;
    font-size:              24px;
    font-style:             italic;
}

#menu
{
    padding-left:           18px;
    width:                  100%;
    height:                 50px;
    background:             #069bcd;
    background:             -moz-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -webkit-gradient(left top, left bottom, color-stop(0%, #069bcd), color-stop(100%, #01668e));
    background:             -webkit-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -o-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -ms-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             linear-gradient(to bottom, #069bcd 0%, #01668e 100%);
    filter:                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#069bcd', endColorstr='#01668e', GradientType=0 );
}

#content
{
    width:                  1200px;
    margin-left:            auto;
    margin-right:           auto;
}

#content_main
{
    float:                  left;
    width:                  760px;
    background-color:       #FFFFFF;
}

#content_sidebar
{
    float:                  left;
    width:                  440px;
    background-color:       #009CCF;
}

#content_sidebar_testimonial
{
    padding:                30px;
    font-size:              20px;
    line-height:            32px;
    font-style:             italic;
    color:                  #FFFFFF;
    text-align:             center;
}

#content_sidebar_testimonial_quote
{
    text-align:             center;
}

#content_sidebar_review
{
    padding:                0px 10px 10px 0px;
    font-size:              12px;
    line-height:            16px;
    font-style:             italic;
    color:                  #FFFFFF;
    text-align:             right;
}

#content_sidebar_review_link
{
    text-align:             right;
}

.content_sidebar_review_link
{
    font-size:              12px;
    line-height:            16px;
    font-style:             italic;
    color:                  #FFFFFF;
}

#content_sidebar_demo
{
    padding:                30px;
    background-color:       #474645;
}

#content_sidebar_demo_title
{
    padding:                0px 0px 20px 0px;
    font-size:              20px;
    color:                  #ffab00;
    text-align:             center;
}

#content_sidebar_demo_text1
{
    padding:                0px 10px 20px 0px;
    color:                  #ffffff;
    font-style:             italic;
    text-align:             center;
}

#content_sidebar_demo_text2
{
    padding:                10px 0px 20px 0px;
    color:                  #ffab00;
    text-align:             center;
}

#content_sidebar_demo_text2_link
{
    color:                  #ffab00;
    text-align:             center;
}

#content_sidebar_demo_button
{
    padding:                10px 0px 0px 0px;
    text-align:             center;
}

#content_sidebar_social
{
    padding:                30px;
    background-color:       #e0dfdd;
}

#content_sidebar_social_title
{
    padding:                0px 0px 20px 0px;
    font-size:              20px;
    color:                  #009ccf;
}

#content_sidebar_social_text
{
    padding:                0px 0px 20px 0px;
}

.content_sidebar_social_icon
{
    padding:                0px 10px 20px 0px;
}

#modules_ctr
{
    clear:                  both;
    width:                  100%;
    text-align:             center;
    background:             #069bcd;
    background:             -moz-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -webkit-gradient(left top, left bottom, color-stop(0%, #069bcd), color-stop(100%, #01668e));
    background:             -webkit-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -o-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             -ms-linear-gradient(top, #069bcd 0%, #01668e 100%);
    background:             linear-gradient(to bottom, #069bcd 0%, #01668e 100%);
    filter:                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#069bcd', endColorstr='#01668e', GradientType=0 );
}

#modules
{
    width:                  1200px;
    margin-left:            auto;
    margin-right:           auto;
    padding-top:            40px;
    padding-bottom:         10px;
}

#modules_content
{
    width:                  1150px;
    margin-left:            auto;
    margin-right:           auto;
    text-align:             left;
}

#modules_title
{
    color:                  #ffffff;
    font-size:              32px;
    font-weight:            bold;
    padding:                0px 0px 35px 10px;
}

#modules_list
{
    padding:                0px 0px 20px 0px;
}

.fa_module_overview
{
    width:                  100%;
    padding:                25px 0px 10px 0px;
    border:                 2px solid #444444;
    border-collapse:        separate;
    border-radius:          15px;
    color:                  #444444;
    transition:             all 0.24s ease;
    cursor:                 pointer;
    text-align:             center;
}

.fa_module_overview_label
{
    text-align:             center;
    font-size:              14px;
    font-weight:            bold;
    padding:                10px 0px 10px 0px;
}

.fa_module_overview_description
{
    padding:                0px 0px 0px 0px;
}

.fa_module_home_label
{
    text-align:             center;
    font-size:              14px;
    font-weight:            bold;
}

#client_categories_ctr
{
    clear:                  both;
    width:                  100%;
    text-align:             center;
    background:             #ffffff;
}

#client_categories
{
    background:             #ffffff;
    width:                  1200px;
    margin-left:            auto;
    margin-right:           auto;
    padding-top:            40px;
    padding-bottom:         10px;
}

#client_categories_content
{
    width:                  1150px;
    margin-left:            auto;
    margin-right:           auto;
    text-align:             left;
}

#client_categories_title
{
    font-size:              32px;
    font-weight:            bold;
    color:                  #444444;
    padding:                0px 0px 35px 10px;
    text-align:             left;
}

#client_categories_list
{
    padding:                0px 0px 20px 0px;
}

.fa_client_category_overview
{
    width:                  100%;
    padding:                25px 0px 10px 0px;
    border:                 2px solid #444444;
    border-collapse:        separate;
    border-radius:          15px;
    color:                  #444444;
    transition:             all 0.24s ease;
    cursor:                 pointer;
    text-align:             center;
}

.fa_client_category_overview_label
{
    text-align:             center;
    font-size:              14px;
    font-weight:            bold;
    padding:                10px 0px 10px 0px;
}

.fa_client_category_overview_description
{
    padding:                0px 0px 0px 0px;
}

TD.fa_client_category_overview_title
{
    white-space:            nowrap;
    font-size:              21px;
    font-weight:            normal;
    padding:                0px 0px 0px 25px;
}

A.fa_client_category_overview_title, A.fa_client_category_overview_title:hover
{
    color:                  #CD0134;
    font-size:              21px;
    font-weight:            normal;
    cursor:                 none;
    text-decoration:        none;
}

.fa_client_category_home_label
{
    text-align:             center;
    font-size:              14px;
    font-weight:            bold;
}

.fa_module_cost_label
{
    font-size:              13px;
    font-weight:            bold;
}

.fa_module_cost_label_active
{
    font-size:              13px;
    font-weight:            bold;
    color:                  #069bcd;
}

#partners_ctr
{
    clear:                  both;
    width:                  100%;
    text-align:             center;
    background:             #e0dfdd;
}

#partners
{
    background:             #e0dfdd;
    width:                  1200px;
    margin-left:            auto;
    margin-right:           auto;
    padding-top:            40px;
    padding-bottom:         10px;
}

#partners_content
{
    width:                  1150px;
    margin-left:            auto;
    margin-right:           auto;
    text-align:             left;
}

#partners_title
{
    font-size:              32px;
    font-weight:            bold;
    color:                  #444444;
    padding:                0px 0px 35px 10px;
    text-align:             left;
}

#partners_list
{
    padding:                0px 0px 20px 0px;
}

.fa_partner_overview
{
    width:                  100%;
    padding:                25px 0px 10px 0px;
    border:                 2px solid #444444;
    border-collapse:        separate;
    border-radius:          15px;
    color:                  #444444;
    transition:             all 0.24s ease;
    cursor:                 pointer;
    text-align:             center;
}

.fa_partner_overview_label
{
    text-align:             center;
    font-size:              14px;
    font-weight:            bold;
    padding:                10px 0px 10px 0px;
}

.fa_partner_overview_description
{
    padding:                0px 0px 0px 25px;
}

TD.fa_partner_overview_title
{
    white-space:            nowrap;
    font-size:              21px;
    font-weight:            normal;
    padding:                0px 0px 0px 25px;
}

A.fa_partner_overview_title, A.fa_partner_overview_title:hover
{
    color:                  #CD0134;
    font-size:              21px;
    font-weight:            normal;
    cursor:                 none;
    text-decoration:        none;
}

.fa_partner_home_label
{
    text-align:             center;
    font-size:              14px;
    font-weight:            bold;
}

#footer_ctr
{
    clear:                  both;
    width:                  100%;
    text-align:             center;
    background:             rgba(76,76,76,1);
    background:             -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(71,71,71,1) 42%, rgba(43,43,43,1) 76%, rgba(20,20,20,1) 99%, rgba(19,19,19,1) 100%);
    background:             -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(42%, rgba(71,71,71,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(99%, rgba(20,20,20,1)), color-stop(100%, rgba(19,19,19,1)));
    background:             -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(71,71,71,1) 42%, rgba(43,43,43,1) 76%, rgba(20,20,20,1) 99%, rgba(19,19,19,1) 100%);
    background:             -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(71,71,71,1) 42%, rgba(43,43,43,1) 76%, rgba(20,20,20,1) 99%, rgba(19,19,19,1) 100%);
    background:             -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(71,71,71,1) 42%, rgba(43,43,43,1) 76%, rgba(20,20,20,1) 99%, rgba(19,19,19,1) 100%);
    background:             linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(71,71,71,1) 42%, rgba(43,43,43,1) 76%, rgba(20,20,20,1) 99%, rgba(19,19,19,1) 100%);
    filter:                 progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}

#footer
{
    width:                  1200px;
    margin-left:            auto;
    margin-right:           auto;
    padding-top:            40px;
    padding-bottom:         40px;
}

#footer_content
{
    width:                  1200px;
    margin-left:            auto;
    margin-right:           auto;
    text-align:             left;
}

.footer_section
{
    width:                  400px;
    vertical-align:         top;
}

.footer_section_content
{
    margin-left:            auto;
    margin-right:           auto;
}

.footer_header
{
    padding:                0px 0px 15px 0px;
    font-size:              20px;
    color:                  #ffab00;
    text-align:             left;
}

.footer_text
{
    font-size:              14px;
    padding-top:            5px;
    color:                  #FFFFFF;
}

.footer_link
{
    color:                  #FFFFFF;
    text-decoration:        none;
}