h1, h2, h3
{
    font-family: arial, lucida, sans-serif;
}

h1
{
    font-size: 220%;
    letter-spacing: -0.08em;
}

h2
{
    font-size: 170%;
    letter-spacing: -0.05em;
    text-align: center;
}

h3
{
    font-size: 150%;
    color: #006bc5;
    font-weight: bold;
}

h4
{
    font-size: 90%;
    letter-spacing: -0.08em;
    font-style: italic;
    color: #ab0404;
    text-align: right;
    font-weight: bold;
}

.at_setDisplayToNone_forFadeInit
{
    display: none;
}

.rbRow
{
    height: 450px;
}

.at_header_nav_transparent
{
    padding-top: 8px;
    position: absolute;
    height: 60px;
    color: #ff00ff;
}

.at_header_nav_transparent a
{
    color: #fbfbfb;
}

.at_header_nav_colored
{
    padding-right: 40px;
    padding-top: 30px;
    position: absolute;
    right: 0;
    top: -15px;
    height: 60px;
    color: #0000ff;
}

.at_header_nav_colored a
{
    color: #ffffff;
}

#nav
{
}

#nav ul li
{
    float: left;
    list-style: none;
    color: #8d8d8d;
}

#nav ul li a
{
    display: block;
    text-decoration: none;
    padding: 0 10px;
}

.home-vid
{
    position: absolute;
    top: 0;
    width: 100%;
    background-color: black;
    z-index: 0;
    height: 100vh;
    overflow: hidden;
}

.home-vid-container
{
    background-color: transparent;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    height: 100%;
}

.home-vid-container video
{
    background-color: transparent;
    min-height: 100%;
    min-width: 100%;
}

.c_header_colored
{
    width: 100%;
    height: 80px;
    background: rgba(0, 0, 0, 0.6);
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    line-height: 60px;
}

.c_header_transparent
{
    width: 100%;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2000;
    height: 80px;
    line-height: 60px;
}

.c_header_thin
{
    z-index: 2000;
    height: 40px;
    line-height: 25px;
    background-color: #fd9e06;
    width: 100%;
}

.c_header_h1_thin
{
    font-size: 18pt;
    margin-top: 12px;
    padding-left: 25px;
    color: #8d8d8d;
}

.c_header_h1_colored
{
    font-size: 18pt;
    margin-top: 12px;
    padding-left: 25px;
    color: #ffffff;
}

.c_header_h1_transparent
{
    font-size: 18pt;
    margin-top: 12px;
    padding-left: 25px;
    color: #8d8d8d;
}

.at_features
{
    padding-top: 10px;
    padding-bottom: 20px;
    width: 980px;
    margin: 0 auto;
}

.at_industry
{
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.at_footer_link
{
    padding-left: 6px;
    padding-right: 0px;
}

.at_footer
{
    margin-bottom: 30PX;
}

.herovideo
{
    width: 100%;
}

.at_header_logo
{
    width: 980px;
    margin: 0 auto;
}

.at_img_resize
{
}

.at_prd_container
{
    background-color: #fbfbfb;
    width: 100%;
}

.at_product_nested_column
{
    margin-left: 5px;
    margin-right: 5px;
    background-color: #ffffff;
    height: 240px;
}

.at_semi_footer
{
    margin-top: 90px;
    height: 100px;
}

.at_footer_disclaimer
{
    color: #cdcdcd;
    text-align: left;
    margin-bottom: 50px;
}

.at_more_features
{
    background-color: #ababab;
    text-align: center;
    color: #ffffff;
    padding-bottom: 10px;
    margin-top: -10px;
    margin-bottom: 20px;
    padding-top: 10px;
}

.at_industry_examples
{
    padding-left: 0px;
}

.at_feature_list
{
    margin-top: 10px;
}

.at_feature_description
{
    height: 150px;
}

.at_container_stretch
{
    width: 100%;
}

.at_product_row
{
    width: 980px;
    margin: 0 auto;
}

.at_social_icons
{
    margin: 0;
    padding: 0;
}

.at_social_imgs
{
    margin: 0;
    padding: 0;
    left: 0;
    top: 0;
    z-index: -1;
}

.c_footerText
{
    font-size: 11pt;
    color: #cccccc;
}

.at_iframe
{
    overflow: hidden;
    padding: 10px 5px;
    margin: 5px;
}

.at_demoImgs
{
    color: rgba(0, 0, 0, 0.62);
    padding: 4px 4px 20px;
}

.at_dateUpdate
{
    color: #0078d9;
    font-style: italic;
}

.at_introText
{
    padding-top: 20px;
    color: rgba(38, 38, 38, 0.83);
    font-size: 13pt;
    margin-top: 50px;
}

.txt_colorExplanation
{
    color: rgba(0, 0, 0, 0.72);
}

.blueColorText
{
    color: #2795df;
}

.at_notesRow
{
    height: 100px;
    padding-left: 20px;
    padding-right: 20px;
}

.at_side_text
{
    font-size: 1.5vw;
    padding-left: 10px;
    padding-bottom: 15px;
}

.at_side_text h3
{
    color: #2795df;
    font-size: 2.0vw;
}

.at_side_text h6
{
    color: #2795df;
    font-size: 1.2vw;
}

@media screen and (min-width: 700px, max-width: 1000px)
{
    .at_side_text
    {
        margin-top: 150px;
        font-size: 18px;
    }
    .at_side_text h3
    {
        font-size: 20px;
    }
}

@media screen and (min-width: 1000px)
{
    .at_side_text
    {
        margin-top: 120px;
        font-size: 18px;
    }
    .at_side_text h3
    {
        font-size: 20px;
    }
}

.at_iframe_wrapper
{
    margin-top: 8%;
    position: relative;
    padding-bottom: 36.25%;
    padding-top: 15%;
    height: 0;
    overflow: hidden;
}

.at_iframe_wrapper iframe
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.newtCanvas
{
    width: 100%;
}

.at_txt_color
{
    color: #747474;
}

.at_vr_btn_row
{
    padding-left: 0px;
    margin-left: 0px;
}

.at_prj_bluetext
{
    color: #0079cb;
    text-align: center;
}

.at_abtNewt
{
    color: #5a5a5a;
    background-color: #ffffff;
    font-size: 18px;
}

.at_abtAqua
{
    margin-bottom: 40px;
}

.at_mailingList
{
    margin-left: 70px;
}

.at_midSectionExplainerText
{
    margin-top: 10px;
    z-index: -1;
}

.at_atmanRow
{
    margin-bottom: 50px;
}

.at_vr_btnRow
{
    height: 60px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.at_carmel_btn
{
    width: 100%;
    height: 40px;
    background-color: #5e8ea9;
    color: #fdfbfb;
    font-weight: bold;
}

.at_on_bkg
{
    background-color: #f7f7f7;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 0px 20px 20px;
    width: 100%;
}

.at_newtWhiteBkg
{
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
}

.at_newtMailingList
{
    padding-left: 130px;
}

.dummy
{
    padding-top: 100%;
}

img.center
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.at_openBusiness
{
    font-size: 16px;
}

.at_bigText
{
    font-size: 30px;
}

.at_biggerText
{
    font-size: 40px;
}

.at_headerLanding
{
    padding-top: 20px;
    margin-top: 20px;
}

.at_explainerLanding
{
    font-size: 14pt;
}

.at_heroRow
{
    width: 100%;
    margin-top: 10px;
}

.at_heroRow_old
{
    background-image: url('assets/hero_bkg.jpg');
    background-size: cover;
    width: 100%;
    height: auto;
    padding-bottom: 80px;
    margin-top: 150px;
    margin-bottom: 100px;
}

.at_wsycImg
{
    padding-top: 40px;
}

.at_testimonial
{
    font-size: 20pt;
    margin-top: 60px;
    margin-bottom: 60px;
}

.at_devPreview
{
    color: #cdcdcd;
}

.at_code
{
    font-style: italic;
    color: #ffc100;
}

.at_marketingImage
{
    width: 100%;
}

.at_marketingText1
{
    background-image: url('assets/marketing_1.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 512px;
}

.at_marketingText2
{
    background-image: url('assets/marketing_2.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    height: 512px;
}

.at_marketingClass
{
}

.at_workflowContainer
{
    width: 100%;
    background-color: #3e3e3e;
    height: 550px;
    padding-top: 40px;
}

.at_integrationText
{
    text-align: center;
    color: #f5f5f5;
}

.at_responsiveContainer
{
    position: relative;
    width: 100%;
}

.at_centerImage
{
    padding-top: 40px;
    padding-bottom: 10px;
}

.c_header_nav_p
{
    width: 110px;
    font-size: 8pt;
    line-height: 1.5;
    font-weight: normal;
    text-align: left;
    margin-top: 6px;
}

.c_header_nav_a
{
    width: 130px;
    font-size: 10pt;
    font-weight: bolder;
    text-align: left;
}

.c_hero_text
{
    color: #ffffff;
    height: 500px;
    text-align: left;
    padding-top: 70px;
    background-color: rgba(126, 126, 126, 0.58);
}

.c_hero_text_h1
{
    font-size: 35pt;
    color: #fbfbfb;
}

.at_marketingBox
{
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 50px;
    background-color: #dddbd9;
    padding-bottom: 100px;
    margin-top: 50px;
}

.at_marketingImg1
{
    padding-top: 40px;
    padding-bottom: 40px;
}

.at_footer_bar
{
    width: 100%;
    height: auto;
    min-height: 80px;
    background-color: #333333;
}

.at_footerBox
{
    height: 150px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    margin-top: 40px;
}

.at_footerBox_atmLogo
{
    height: 150px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    margin-top: 40px;
}

.at_footerBox_contact
{
    height: 170px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    margin-top: 40px;
}

.at_footerBox_social
{
    height: 100px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    margin-top: 40px;
}

.at_footerBox_products
{
    height: 220px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 0;
    padding-bottom: 20px;
    margin-top: 40px;
}

.at_footerBox_company
{
    height: 10px;
    padding-left: 20px;
    padding-right: 0;
    margin-top: 40px;
}

.c_footer
{
    z-index: -1;
    background: #2a2a2a;
    width: 100%;
}

.at_openForBusiness
{
    text-align: center;
}

.at_hiwCol
{
    width: 500px;
}

.at_hiwCol_text
{
    padding-top: 45px;
    padding-bottom: 20px;
    text-align: left;
    color: #585858;
}

.at_instructions_text
{
    padding-top: 45px;
    padding-bottom: 20px;
    text-align: left;
    color: #222222;
}

.at_containerHiw
{
    width: 100%;
    background-color: #ffffff;
}

.at_titleText
{
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: normal;
    color: #585858;
}

.at_ofb
{
    width: 100%;
    padding-bottom: 50px;
}

.at_ofb_p
{
    font-size: 11pt;
    color: #585858;
    text-align: center;
    padding-bottom: 10px;
}

.at_containerWun
{
    width: 100%;
    background-color: #f7f7f7;
    padding-bottom: 20px;
}

.at_wun_text
{
    color: #f9f9f9;
    text-align: center;
}

.c_footerH1
{
    color: #606060;
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    font-style: normal;
}

.c_linkTextFade a
{
    color: #333333;
    font-weight: normal;
    text-decoration: none;
    display: inline-block;
    padding-bottom: 5px;
}

.c_linkTextFade a::before
{
    content: attr(data-hover);
    color: #cccccc;
    position: absolute;
    transition: transform 0.3s, opacity 0.3s;
    -moz-transition: -moz-transform 0.3s, opacity 0.3s;
    -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
}

.c_linkTextFade a:hover::before,
.c_linkTextFade a:focus::before
{
    opacity: 0;
}

.c_linkTextUnderline
{
    position: relative;
    text-decoration: none;
    display: inline-block;
    width: 130px;
    font-size: 10pt;
    font-weight: bolder;
    text-align: left;
}

.c_linkTextUnderline:hover
{
}

.c_linkTextUnderline:before
{
    content: "";
    position: absolute;
    width: 50%;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: #cccccc;
    visibility: hidden;
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    -o-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
}

.c_linkTextUnderline:hover:before
{
    visibility: visible;
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -o-transform: scaleX(1);
    transform: scaleX(1);
}

.c_footer_b
{
    color: #959595;
    text-align: right;
    width: 90px;
}

.c_demo_mainpage_btn
{
    width: 100%;
    margin-top: 30px;
}

.at_heroRow_demo
{
    margin-top: 200px;
    margin-bottom: 20px;
}

.at_demoCol
{
    padding-left: 10px;
    padding-right: 10px;
    background-color: #f9f4ea;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 100px;
}

.at_demoChunk
{
    width: 33%;
    min-width: 300px;
    padding: 0;
}

.at_demoImage
{
    padding-bottom: 15px;
}

.at_wun_box
{
    padding-left: 40px;
    padding-right: 40px;
    height: 220px;
    color: #585858;
}

.at_wun_headingBox
{
    height: 40px;
    text-align: center;
    margin-bottom: 40px;
}

.at_abtatman
{
    background-image: url('assets/aas.jpg');
    margin-top: 40px;
    margin-bottom: 40px;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 656px;
    display: block;
}

.at_stripedRow
{
    background-color: #f7f7f7;
    width: 100%;
}

.at_nonStripedRow
{
    background-color: #ffffff;
    width: 100%;
}

.at_featureText
{
    font-size: 14pt;
    color: #7e7e7e;
}

.at_newtShowcase
{
    width: 100%;
    padding: 0;
    margin: 0;
}

.at_demoRow
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.at_showCaseContainer_drk
{
    text-align: center;
    width: 100%;
    background: #eeeeee;
}

.at_showCaseContainer_lite
{
    text-align: center;
    width: 100%;
    background: #ffffff;
}

.at_demoImgDiv
{
    background-image: url('assets/marketing_1.jpg');
    background-repeat: no-repeat;
    background-size: 100%;
    margin: 0 auto;
    width: 128px;
    height: 128px;
}

.at_demoImgRow
{
    width: 100%;
    margin-left: 10px;
    margin-right: 10px;
}

.at_titleShowcase
{
    text-align: left;
    color: #4f504f;
    font-size: 18pt;
    font-weight: bold;
    margin-top: 20px;
    margin-bottom: 4px;
}

.at_titleShowcase_renderBdark
{
    color: #727272;
    display: inline;
    margin: 0 auto;
    left: 0px;
    right: 0px;
    padding-right: 0px;
    padding-left: 0px;
}

.at_titleShowcase_renderBOrange
{
    color: #ff7f00;
    display: inline;
    padding-left: 0px;
    padding-right: 0px;
    margin: 0 auto;
    left: 0px;
}

.at_marketingQuote
{
    font-size: 14px;
    color: #585858;
    margin-top: 50px;
}

.at_marketingQuote_name
{
    font-size: 20px;
    color: #585858;
    text-align: right;
    font-style: italic;
    font-weight: bold;
}

.at_marketingQuote_desig
{
    font-size: 15px;
    color: #585858;
    text-align: right;
    font-style: italic;
    margin-bottom: 50px;
}

.at_abtAtman
{
    color: #6c6c6c;
    padding-top: 30px;
    width: 100%;
}

.at_on_whiteBkg
{
    background-color: #ffffff;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 0px 20px 20px;
    width: 100%;
}

.at_abtAtman_headingTitle
{
    font-weight: bold;
    color: #6c6c6c;
}

.at_demoNewtHeader
{
    margin-top: 35px;
}

.at_heroImg
{
    position: absolute;
}

.at_instructionsText
{
    font-size: 12pt;
    color: #7e7e7e;
}

.at_instructions_img
{
    padding: 0;
    margin: 0;
}

.at_demoPrj_img
{
    width: 100%;
    padding: 0px;
    margin: 0px;
    height: 100%;
}

.at_demoPrj_heading
{
    margin-top: 150px;
    padding-top: 0px;
    font-size: 22pt;
    font-weight: bold;
    text-align: center;
    color: #fdfdfd;
}

.at_demoPrj_text
{
    color: #ffffff;
}

.at_demotext
{
    color: #585858;
    font-size: 11pt;
    padding-bottom: 10px;
    text-align: left;
}

.at_atmBigLogo
{
}

.at_logoContainerColumn
{
    width: 100%;
    height: 317px;
    text-align: center;
    background-image: url('assets/atman_logo_large.jpg');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.at_logo
{
    color: #ababab;
    font-size: 10pt;
    margin-top: 5px;
    margin-bottom: 15px;
    text-align: center;
    font-weight: normal;
}

.at_para
{
    color: #747373;
}

.at_link_atman
{
    color: #4069fd;
    font-weight: bold;
}

.at_socialBtns
{
    padding-bottom: 10px;
    padding-left: 20px;
    margin-top: 80px;
}

.at_socialBTN_link_fb
{
    background-image: url('assets/fb.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #dddddd;
    width: 40px;
    padding: 0px;
    min-height: 40px;
    min-width: 40px;
}

.at_socialBTN_link_fb:hover
{
    z-index: 2;
    background-color: #fdcc04;
}

.at_socialBTN_link_yt
{
    background-image: url('assets/yt.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #dddddd;
    width: 40px;
    padding: 0px;
    min-height: 40px;
    min-width: 40px;
}

.at_socialBTN_link_yt:hover
{
    z-index: 2;
    background-color: #fdcc04;
}

.at_socialBTN_link_tw
{
    background-image: url('assets/tw.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #dddddd;
    width: 40px;
    padding: 0px;
    min-height: 40px;
    min-width: 40px;
}

.at_socialBTN_link_tw:hover
{
    z-index: 2;
    background-color: #fdcc04;
}

.at_socialBar
{
    margin-top: 40px;
}

.at_prdDesc_txt
{
    padding-bottom: 20px;
}

.at_prdDesc_txt_renderb
{
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
}

.at_prdLinks
{
    text-align: left;
    padding-left: 20px;
    font-weight: bold;
    font-size: 12pt;
}

.at_platformDesc
{
    text-align: left;
    font-style: italic;
    font-size: 10pt;
    font-weight: bold;
    color: #a7a7a7;
    margin-top: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
    padding-top: 0;
}

.at_rb_demos
{
    margin-top: 1px;
    margin-bottom: 1px;
    padding-bottom: 5px;
    padding-top: 15px;
}

.at_prd_demo_desc
{
    color: #464646;
    text-align: left;
    font-style: italic;
    font-size: 9pt;
}

.at_table
{
    text-align: left;
}

.at_table tr
{
    border-bottom: 1px solid #dddddd;
}

.at_table b
{
    color: #606060;
}

.at_table td
{
    padding: 5px 10px;
}

.at_prd_img
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.at_hr_color
{
    border-color: #bbbbbb;
}

.at_atmanphotos
{
    margin-top: 80px;
    padding-right: 40px;
}

.at_showCase_black
{
    width: 100%;
    text-align: center;
    background: #000000;
}

.at_productText_light
{
    color: #e7e7e7;
}

.at_bottomTitle
{
    color: #ffffff;
    font-size: 40pt;
    font-weight: bold;
    margin-top: 60px;
    padding-top: 40p;
}

.at_download_btn
{
    width: 100%;
    color: #ffffff;
    background-color: #005995;
}

.at_download_btn_renderB
{
    width: 100%;
    color: #ffffff;
    background-color: #727272;
    font-weight: bold;
    text-align: left;
    padding-left: 20pt;
}

.at_download_btn_renderB:hover
{
    background: #d36900;
}

.at_video_css
{
    width: 100%;
}

.at_notes_h5
{
    text-align: left;
    font-style: italic;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.62);
}

.at_txt_italic
{
    font-style: italic;
    font-size: 7pt;
}

.at_black_main
{
    background-color: #000000;
    color: #ffffff;
}

.at_headerTxt
{
}

.navbar-inverse
{
}

.at_navbar_light
{
    background-color: #ffffff;
    color: #c70303;
}

.at_hr_thin
{
    margin-top: 0;
    margin-bottom: 0;
}

.at_burger_btn
{
    background-color: #2a2a2a;
}

.at_nav_li
{
    font-weight: bold;
    color: #b9b9b9;
}

.at_navbar_right
{
    float: right;
}

.at_on_bkg_drk
{
    width: 100%;
    background-color: #2a2a2a;
    color: #ffffff;
    margin-bottom: 20px;
    margin-top: 0px;
    padding: 50px 20px 20px;
}

.at_atmanLogo
{
    background-image: url('../assets/inv_atman_logo.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 128px;
    height: 128px;
    background-position: center;
    margin: auto;
}

.at_twLogo
{
    background-image: url('../assets/tw1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    background-position: center;
    display: block;
    float: left;
}

.at_twLogo:hover
{
    background-image: url('../assets/tw_color.png');
}

.at_fbLogo
{
    background-image: url('../assets/fb1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    width: 32px;
    height: 32px;
    background-position: center;
    display: block;
    float: left;
}

.at_fbLogo:hover
{
    background-image: url('../assets/fb_color.png');
}

.at_ytLogo
{
    background-image: url('../assets/yt1.png');
    background-repeat: no-repeat;
    background-size: 100%;
    display: block;
    width: 32px;
    height: 32px;
    background-position: center;
    float: left;
}

.at_ytLogo:hover
{
    background-image: url('../assets/yt_color.png');
}

.at_blog_dates
{
    text-align: right;
    color: #970000;
    font-weight: bold;
    font-size: 8pt;
    font-style: italic;
}

.at_blog_list
{
    margin-top: 120px;
    font-size: 8pt;
    text-align: left;
    padding-left: 20px;
    margin-left: 0px;
}

#snippet_content
{
    background-color: #ffffff;
    font-size: 10px;
    text-align: left;
    padding-top: 1em;
    padding-bottom: 5em;
    color: #003867;
    padding-left: 0px;
    margin-left: 0px;
    left: 0px;
}

#snippet_content li
{
    margin: 1.2em 0.5em 0 0px;
    color: #003867;
    font-size: 8pt;
    padding-left: 0px;
    left: 0px;
}

.at_snippet_h
{
    padding-left: 30pt;
    font-weight: bold;
    color: #00387a;
    font-size: 8pt;
}

.at_embed-container
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.at_embed-container iframe, .at_embed-container object, .at_embed-container embed
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.at_leftaligned_p
{
    text-align: left;
}

.at_rb_demos
{
    padding-left: 10px;
    padding-bottom: 10px;
}

.at_titleText_drk_LeftAlign
{
    color: #6e6e6e;
    text-align: left;
    font-weight: bold;
    margin: 30px 0 0;
    padding: 0;
}

.at_rb_text
{
    color: #626262;
    margin-bottom: 20px;
}

.at_rowRenderb
{
    margin-top: 80px;
    margin-bottom: 20px;
}

.at_renderbhistory_row
{
    padding-top: 30px;
}

.at_renderb_downloadbtn_img
{
    margin-right: 10px;
    margin-left: 10px;
}

#mac
{
    position: relative;
    height: 123px;
    width: 496px;
    background-image: url(../blogs/tomk/images/macio.gif);
}

#animation
{
    position: relative;
    height: 126px;
    width: 497px;
    background-image: url(../blogs/tomk/images/animation.gif);
}

#image1
{
    position: relative;
    height: 93px;
    width: 496px;
    background-image: url(../blogs/tomk/images/img1.gif);
}

#image2
{
    position: relative;
    height: 124px;
    width: 497px;
    background-image: url(../blogs/tomk/images/img2.gif);
}

#image3
{
    position: relative;
    height: 147px;
    width: 490px;
    background-image: url(../blogs/tomk/images/img3.gif);
}

#image4
{
    position: relative;
    height: 93px;
    width: 496px;
    background-image: url(../blogs/tomk/images/img4.gif);
}

#peter
{
    position: relative;
    height: 240px;
    width: 320px;
    background-image: url(../blogs/tomk/images/peter.gif);
}

#bardo
{
    position: relative;
    height: 240px;
    width: 320px;
    background-image: url(../blogs/tomk/images/bardo.gif);
}

#srender
{
    position: relative;
    height: 146px;
    width: 450px;
    background-image: url(../blogs/tomk/images/srender.gif);
}

.at_renderb_img
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.at_history_text
{
    text-align: left;
}

.at_hr_drk
{
    background: #a54c4c;
    background-color: #a54c4c;
}

.at_hr_thindark
{
    background-color: #919191;
    height: 1px;
    margin-top: 0;
    margin-bottom: 0;
}

.at_titleText_drk_leftAlign_small
{
    color: #6e6e6e;
    text-align: left;
    font-weight: bold;
    margin: 30px 0;
    padding: 0;
}

.at_prj_description_txt
{
    text-align: left;
    font-style: italic;
    font-size: 10pt;
}

.at_prj_title_txt
{
    text-align: left;
    font-weight: bold;
    font-family: arial;
}

.at_blog_text
{
    margin-top: 40px;
    padding-left: 0;
    padding-right: 0;
}

.at_gif_container
{
    margin-top: 20px;
}

.at_atman_desc
{
    color: #cdcdcd;
    font-style: italic;
    font-size: 10pt;
}

.at_atman_desc_link
{
    color: #cdcdcd;
    text-decoration: underline;
}

.at_row_timesplit
{
    background-color: #fd0000;
    color: #fdfdfd;
    font-weight: bold;
    text-align: center;
    font-size: 15pt;
}

.at_img_description
{
    font-style: italic;
    font-weight: bold;
    color: #666666;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*///////////////////////////////////
//Blog image pop up related
////////////////////////////////////*/

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
  }
  
  /* Modal Content (Image) */
  .modal-content 
  {
    margin: auto;
    display: block;   
    /* 
        width: 80%;
        max-width: 700px; 
    */
  }


  /* The Close Button */
.close {
    position: fixed;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
  }
  
  .close:hover,
  .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }