body { margin:0; } .form_bkgd { background:none; } .page_bkgd { background-color:#FFFFFF; } .default_bg_color { background-color:transparent; } #header_wrapper { background-color:#fff; box-shadow:0 3px 3px #e1e1e1; position:fixed; position:-webkit-sticky; top:0; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; width:100%; z-index:2; } #header { height:50px; margin:0 auto; padding:0; position:relative; width:960px; } .edit_mode #header { height:auto; margin:0; min-height:50px; overflow:auto; padding:0; } #logo { float:left; height:50px; margin:0 42px 0 0; max-width:218px; width:218px; } #logo a { background:url(/templates/158/logo2.gif) no-repeat scroll left center transparent; background-size:contain; display:block; height:50px; margin:0 auto; padding:0; text-indent:-9999px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; width:218px; } #nav { float:right; height:50px; margin:0; padding:0; width:700px; } .edit_mode #nav { min-height:50px; height:auto; } .edit_mode #mainnav { min-height:50px; height:auto; } #mainnav { height:50px; margin:0 auto !important; padding:0; text-align:right !important; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } #mainnav > li { border-right:0px solid #FFFFFF; height:50px !important; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } #mainnav > li:last-child { border-right:0 solid; } /*#mainnav > li:last-child a { background-color:#87db19; color:#fff !important; height:auto !important; line-height:35px; outline:2px solid; padding:0 14px !important; }*/ #mainnav_links ul { text-align:center; list-style:none; padding:0; margin:0; } #mainnav_links li { display:inline; padding:0 10px 0 10px; border-left:0px solid #FFFFFF; } #mainnav_links ul li:first-child { border:none; padding:0 25px 0 10px; } /*DROPDOWNS----------------------------------------------------------------------------------------*/ .mainnav_links a,.mainnav_links_over a { height:26px !important; padding:0; } /*.mainnav_links_over a,.mainnav_links_over a:hover,.mainnav_links_over a:visited:hover,.mainnav_links a:hover,.mainnav_links a:visited:hover { background-color:#87db19; }*/ .mainnav_level_1 a:link,.mainnav_level_1 a:active,.mainnav_level_1 a:visited { padding:15px 14px 0 !important; transition:padding 0.2s ease-out 0s; -moz-transition:padding 0.2s ease-out 0s; -webkit-transition:padding 0.2s ease-out 0s; -o-transition:padding 0.2s ease-out 0s; } .mainnav_level_1 a:hover,.mainnav_level_1 a:visited:hover { padding:15px 20px 0 !important; } .drop_horz ul ul { width:13em !important; left:0px; } .repeated_tab { display:none !important; } /*END DROPDOWNS----------------------------------------------------------------------------------------*/ .mainnav_links,.mainnav_links>a:link,.mainnav_links>a:active,.mainnav_links>a:visited { color:#7f7f7f; font-family:'font_0'; font-size:18px; text-decoration:none; text-transform:lowercase; } .mainnav_links>a:hover,.mainnav_links>a:visited:hover { color:#7f7f7f; text-decoration:none; } /*.mainnav_links_over,.mainnav_links_over>a:link,.mainnav_links_over>a:active,.mainnav_links_over>a:visited { color:#ffffff !important; font-family:'font_0'; font-size:18px; text-decoration:none; text-transform:lowercase; }*/ .mainnav_links_over,.mainnav_links_over>a:link,.mainnav_links_over>a:active,.mainnav_links_over>a:visited { color:#ffffff !important; font-family:'font_0'; font-size:18px; text-decoration:none; text-transform:lowercase; } .mainnav_links_over.mainnav_level_1,.mainnav_links_over.mainnav_level_1>a:link,.mainnav_links_over.mainnav_level_1>a:active,.mainnav_links_over.mainnav_level_1>a:visited { color:#7f7f7f; } /*.mainnav_links_over.mainnav_level_1>a:link::before,.mainnav_links_over.mainnav_level_1>a:active::before,.mainnav_links_over.mainnav_level_1>a:visited::before,.mainnav_links.mainnav_level_1>a:link::before,.mainnav_links.mainnav_level_1>a:active::before,.mainnav_links.mainnav_level_1>a:visited ::before { content:"\2192"; margin:0 5px 0 0; }*/ .repeated_tab.mainnav_level_1>a:link::before,.repeated_tab.mainnav_level_1>a:active::before,.repeated_tab.mainnav_level_1>a:visited::before { content:""; } .mainnav_links_over>a:hover,.mainnav_links_over>a:visited:hover { color:#7f7f7f; text-decoration:none; } .mainnav_links_over a { background-color:#87db19; color:#fff !important; } #mainnav>.mainnav_links,#mainnav>.mainnav_links>a:link,#mainnav>.mainnav_links>a:active,#mainnav>.mainnav_links>a:visited { color:#7f7f7f; font-family:'font_0'; font-size:18px; text-decoration:none; text-transform:lowercase; } /*#mainnav>.mainnav_links>a:hover,#mainnav>.mainnav_links>a:visited:hover { color:#ffffff !important; opacity:1; text-decoration:none; }*/ #mainnav>.mainnav_links>a:hover,#mainnav>.mainnav_links>a:visited:hover { opacity:1; text-decoration:none; } #mainnav>.mainnav_links_over,#mainnav>.mainnav_links_over>a:link,#mainnav>.mainnav_links_over>a:active,#mainnav>.mainnav_links_over>a:visited { color:#7f7f7f; font-family:'font_0'; font-size:18px; text-decoration:none; text-transform:lowercase; } /*#mainnav>.mainnav_links_over>a:hover,#mainnav>.mainnav_links_over>a:visited:hover { color:#ffffff !important; opacity:1; text-decoration:none; }*/ #mainnav>.mainnav_links_over>a:hover,#mainnav>.mainnav_links_over>a:visited:hover { opacity:1; text-decoration:none; } #mainnav > li > ul li { background-color:#87db19 !important; border-bottom:1px solid #7f7f7f !important; border-left:0 solid !important; border-right:0 solid !important; } #mainnav > li ul { margin:0; } .mainnav_horz .mainnav_level_0 > a { height:42px; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } .mainnav_horz li ul { top:50px !important; transition:all 0.5s; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; } /*.mainnav_horz .mainnav_links a:hover,.mainnav_horz .mainnav_links_over a:hover { background-color:#87db19; color:#7f7f7f !important; opacity:1; }*/ .mainnav_horz .mainnav_links a:hover,.mainnav_horz .mainnav_links_over a:hover { opacity:1; outline:2px solid #87db19; } /*.mainnav_horz .mainnav_links a,.mainnav_horz .mainnav_links_over a { display:block; height:36px !important; padding:14px 14px 0 !important; }*/ .mainnav_horz .mainnav_links a,.mainnav_horz .mainnav_links_over a { display:block; height:auto !important; line-height:35px; margin:7px 0 0; padding:0 14px !important; } .mainnav_horz > li > ul li { min-height:50px !important; width:310px !important; } #whole_block { height:100%; margin:50px auto 0; overflow:auto; padding:0; width:960px; } #body_wrapper { float:left; margin:0; padding:0; position:relative; width:960px; } #main_body { width:960px; padding:0; margin:0; } #body_content_wrapper { margin:0; min-height:500px; overflow:hidden; padding:50px 0; width:960px; } #stay_in_touch_wrapper { background-color:#dedede; overflow:auto; padding:10px 0; width:100%; } #stay_in_touch { margin:0 auto; overflow:auto; width:960px; } #social { float:left; margin:0; width:auto; } #social ul a,#social ul a:link,#social ul a:visited { display:block; font-family:"FontAwesome"; line-height:0; margin:0 5px 0 0; text-decoration:none; } #social ul a { -moz-transition:color 0.2s ease-out 0.1s,top 0.2s ease-out 0.1s; -webkit-transition:color 0.2s ease-out 0.1s,top 0.2s ease-out 0.1s; -o-transition:color 0.2s ease-out 0.1s,top 0.2s ease-out 0.1s; transition:color 0.2s ease-out 0.1s,top 0.2s ease-out 0.1s; } #social ul { display:inline-block; margin:0; padding:0; } #social li { display:inline-block; line-height:28px; list-style:outside none none; margin:0; } #social li span:before { color:#ff8d06; font-size:36px; line-height:36px; } .sm_gp span:before { content:"\f0d4"; } /*google plus*/ .sm_tw span:before { content:"\f081"; } /*twitter*/ .sm_yt span:before { content:"\f167"; } /*youtube*/ #subscribe { float:right; font-size:16px; text-align:right; width:auto; } #footer_wrapper { background-color:#87db19; overflow:auto; padding:15px 0; width:100%; } #footer_content_wrapper { margin:0 auto; overflow:auto; padding:0; width:960px; } .footer { color:#7f7f7f; font-size:15px; font-family:'font_0'; margin:0; padding:0; } .footer a:link,.footer a:active,.footer a:visited { color:#7f7f7f; font-size:15px !important; font-family:'font_0'; text-decoration:none; } .contact_info_list,.contact_info_list a:link,.contact_info_list a:active,.contact_info_list a:visited { color:#7f7f7f !important; font-size:16px !important; } .contact_info_list { margin:0; padding:0; text-align:center; } .contact_info_list li { border-right:1px solid; display:inline-block; line-height:16px; list-style:outside none none; margin:0 10px 0 0; padding:0 10px 0 0; } .contact_info_list li:last-child { border:0 solid; } .footer a:hover,.footer a:visited:hover { color:#7f7f7f; font-size:15px; font-family:'font_0'; text-decoration:none; } #footer_links { float:left; height:auto; margin:0 5% 0 0; padding:0; } #footer_links,#footer_links a:link,#footer_links a:active,#footer_links a:visited,#footer_links a:hover,#footer_links a:visited:hover { color:#568c10; font-size:15px; text-decoration:none; } #footer_links ul { list-style:none; padding:0; margin:auto; } #footer_links li { border-right:1px solid; display:inline; margin:0 10px 0 0; padding:0 10px 0 0; position:relative; } #footer_links li:last-child { border:0 solid; padding:0; } #powered_by { display:block; float:right; margin:0 auto; text-align:right; } #trademark_msg,#powered_by,#powered_by a:link,#powered_by a:active,#powered_by a:visited,#powered_by a:hover,#powered_by a:visited:hover { color:#568c10; } #trademark_msg { margin:0 auto; max-width:960px; width:100%; } #login_form input[type="text"],#login_form input[type="password"],.form_field_vals input[type="file"],.form_field_vals input[type="text"],.form_field_vals input[type="password"],.form_fields select,.form_field_vals textarea,.ff_form_wrapper input[type="text"],.ff_form_wrapper input[type="password"],.ff_form_wrapper select,.ff_form_wrapper textarea,select[name=ord] { background-color:transparent; border:1px solid #DDDDDD; box-sizing:border-box; padding:12px; width:100%; } .ff_val { width:100%; } .ff_each { margin:0 0 10px !important; } .edit_mode input[type="text"] { border:1px solid; } .form_field_vals { padding:0 !important; } .hint_1 { color:#7f7f7f !important; } .main_text,blockquote footer,.hint_0,.hint_1,option,select,textarea,.contact,#pageLinks,#pageLinksBottom { color:#7f7f7f; font-family:'font_0'; font-size:18px; line-height:26px; text-align:left; } .main_text a:link,#pageLinks a:link,#pageLinksBottom a:link,.main_text a:active,#pageLinks a:active,#pageLinksBottom a:active,.main_text a:visited,#pageLinks a:visited,#pageLinksBottom a:visited { color:#87db19; font-size:18px; font-family:'font_0'; } .main_text a:hover,#pageLinks a:hover,#pageLinksBottom a:hover,.main_text a:visited:hover,#pageLinks a:visited:hover,#pageLinksBottom a:visited:hover { color:#87db19; text-decoration:underline; font-size:18px; font-family:'font_0'; text-decoration:none; } .main_text_sm,.sitemap_subcats { color:#7f7f7f; font-size:18px; font-family:'font_0'; text-align:left; text-transform:none; line-height:26px; } .main_text_sm a:link,.sitemap_subcats a:link.main_text_sm a:active,.sitemap_subcats a:active,.main_text_sm a:visited,.sitemap_subcats a:visited,#col_2 a:link,#col_2 a:active,#col_2 a:visited { color:#87db19; font-size:18px; text-decoration:underline; text-align:left !important; } .main_text_sm a:hover,.sitemap_subcats a:hover,.main_text_sm a:visited:hover,.sitemap_subcats a:visited:hover,#col_2 a:hover,#col_2 a:visited:hover { color:#87db19; font-size:18px; text-align:left !important; text-decoration:none; } input[type="text"],input[type="password"],input[type="file"],input[type="submit"],select,textarea { border:1px solid; padding:12px 0; text-indent:0; width:600px; } h1 { color:#7f7f7f; display:block; font-family:'font_0'; font-size:40px; font-weight:bold; min-height:40px; line-height:40px; margin:0 0 4px; padding:0; text-align:left; } h2,.title { color:#87db19; font-family:'font_0'; font-size:30px; font-weight:bold; min-height:30px; line-height:30px; margin:0 0 10px; padding:0; text-align:left; } h3 { color:#7f7f7f; font-family:'font_0'; font-size:24px; font-weight:bold; line-height:24px; margin:0 0 10px; padding:0; text-align:left; } .hilite { background-color:#87db19; color:#fff; display:block; font-family:'font_0'; font-weight:bold; line-height:30px; padding:10px; text-align:center; text-transform:uppercase; } .hilite:before,.ctct-form-errorMessage:before { content:url(/common_graphics/exclamation_32.png); display:inline-block; margin-right:10px; vertical-align:middle; } .contact_tr { height:30px } .contact_divider_tr { height:75px; } .contact_reqd { color:red; display:none; font-weight:bold; } .samerow { clear:both; } hr { border:1px solid #afafaf; margin:10px 0; } .quote_text { display:block; position:relative; top:-40px; left:50px; background-color:#EEEEEE; padding:10px; } .quote_img { display:block; position:relative; } .buffer { padding-bottom:20px; } .border { border:solid 0px #afafaf; } #col_1 { margin:0; padding:0; position:relative; width:600px; } #col_2 { margin:0; padding:0; text-align:left; width:300px; } #col_divider { margin:0; padding:0; width:60px; } #col_full { position:relative; width:960px !important; padding:0; margin:0; } table,table td { border:none !important; } .record_wrapper { clear:both; position:relative; } .ff_required { background:url(/common_graphics/field_required.png) no-repeat scroll 3px 15px #FFFFFF; } a,input[type=submit],input[type=image],button { -moz-transition:all 0.2s 0s ease-out; -webkit-transition:all 0.2s 0s ease-out; -o-transition:all 0.2s 0s ease-out; transition:all 0.2s 0s ease-out; } a:hover,input[type="submit"]:hover,button:hover,input[type="image"]:hover { opacity:0.5; } .blog_info { font-size:18px; } .blog_links,.blog_archives,.blog_categories { list-style:inherit !important; } .blog_links { margin:0 0 10px; } .each_blog { width:100%; } .each_blog_link { height:75px; margin:0 0 25px; position:relative; width:465px; } .each_blog_link img { clip:rect(0px,75px,75px,0px); margin:0 10px 0 0; position:absolute; } .each_blog_title { display:block; left:85px; position:relative; width:380px; } .blog_intro_img, .blog_intro_img_missing { border:none; box-shadow:none; } #comments_wrapper { margin:0 !important; } .each_blog_link a { display:block; left:85px; position:relative; transition:all 0.5s ease 0s; } #blog .share_wrapper { display:inline-block; } .full_article_link a { background-color:#87db19; color:#FFFFFF !important; display:inline-block; font-weight:bold; margin:10px 0 0; padding:5px 27px 7px; text-align:center; } .back_to_all_blogs { display:inline-block; } .blog_category { background-color:#4ea547; color:#FFFFFF; display:block !important; font-size:26px; font-weight:normal !important; margin:0 0 20px; padding:15px; } blockquote { color:#ff8d06 !important;; } blockquote { border-left:0 solid !important; } blockquote::before { color:#ff8d06 !important; } button,.clear_green_button,.solid_green_button,.clear_orange_button,.solid_orange_button,input[type=submit],.db_val_2110 a { background-color:#87db19; border:2px solid; color:#FFFFFF; cursor:pointer; display:block; font-size:18px !important; font-weight:bold; line-height:18px; margin:auto; padding:20px 3%; text-align:center; text-decoration:none; text-shadow:none; text-transform:lowercase; width:93%; } .solid_green_button { background-color:#87db19; border-color:#87db19; color:#ffffff !important; } .solid_orange_button { background-color:#ff8d06; border-color:#ff8d06; color:#ffffff !important; } .clear_green_button,.db_val_2110 a { background-color:transparent; border-color:#87db19; color:#87db19 !important; } .clear_orange_button { background-color:transparent; border-color:#ff8d06; color:#ff8d06 !important; } #col_2 .solid_green_button:link,#col_2 .solid_orange_button:link,#col_2 .clear_green_button:link,#col_2 .clear_orange_button:link { text-align:center !important; text-decoration:none; } #m_main_nav { display:none; } #m_hidden_menu { left:0; position:absolute; top:35px; width:100%; z-index:2; } .more_link,.full_article_link a,#the_map .db_details_link a,.each_blog_link a { background-color:#87db19; color:#ffffff !important; display:inline-block; font-weight:bold; padding:5px 27px 7px; text-align:center; transition:background-color 0.2s ease-out 0.1s,top 0.2s ease-out 0.1s; } .more_link:hover,.full_article_link a:hover,#the_map .db_details_link a:hover,.each_blog_link a:hover { background-color:#87db19; } /*.mainnav_level_0 .mainnav_has_subcats::after { content:'\25BC'; margin:0 0 0 10px; }*/ .subcats { margin:0 !important; } .subcats .mainnav_links a,.subcats .mainnav_links_over a { border:1px solid; height:auto !important; padding:2px 0; text-align:center !important; text-decoration:none; text-indent:3px; text-transform:lowercase; } .subcats li { padding:0 !important; } .clear_button { font-weight:normal; } .clear_button:hover { background-color:#4e4e4e; border-color:#87db19; opacity:1; } .button_link,a:link.button_link,a:active.button_link,a:visited.button_link,a:hover.button_link,a:visited:hover.button_link { color:#ffffff; display:block; font-weight:bold; min-height:25px; padding:10px 0; text-align:center !important; text-decoration:none !important; width:100%; } #breadcrumb_wrapper { } #mc_embed_signup { color:#D0D0D0; display:inline-block; font-size:16px; line-height:16px; margin:0; padding:0; vertical-align:middle; width:300px; } #mc_embed_signup form { } #mc_embed_signup input[type="email"] { border:0 none; display:inline-block; font-size:16px; line-height:16px; margin:0; padding:7px 0; text-indent:10px; vertical-align:middle; width:68%; } #mc_embed_signup input[type="submit"] { background-color:#ff8d06; border:0 solid; color:#ffffff; cursor:pointer; display:inline-block; font-size:16px !important; font-weight:normal; line-height:16px; margin:0; padding:7px 0; text-align:center; text-indent:0; text-transform:lowercase; vertical-align:middle; width:30%; } .li_hidden { display:none; } /*#mainnav_subcats_nav_get-started a { outline:2px solid #ff8d06; }*/ #mainnav_subcats_nav_get-started a { background-color:#ff8d06; color:#FFFFFF !important; } #mainnav_subcats_nav_get-started a:hover { background-color:#ff8d06; color:#FFFFFF !important; opacity:.6; } #mainnav_subcats_nav_get-started.mainnav_links_over a { background-color:#ff8d06; outline:0; } #mainnav_subcats_nav_get-started.mainnav_links_over a:hover { outline:2px solid #ff8d06; } .down_arrow { color:#fff !important; display:block; height:40px; margin:0 auto; text-decoration:none; text-shadow:0 0 2px #7f7f7f; width:60px; } .down_arrow>span:before { content:"\f0ab"; font-family:"Fontawesome"; font-size:40px; } .accordion_answer { background-color:#FFF !important; border:0 solid !important; display:none; padding:0 !important; width:100% !important; } #share_window { overflow:hidden; } .code { font-family:courier; font-size:14px; font-weight:bold; line-height:16px; } .breadcrumbs,.breadcrumbs a:link,.breadcrumbs a:hover,.breadcrumbs a:active,.breadcrumbs a:visited,.breadcrumbs a:visited:hover { font-size:18px; padding-bottom:0; } .new_window { position:relative; } .new_window::after { bottom:5px; color:#ff8d06; content:"\f08e"; font-family:fontawesome; font-size:12px; line-height:12px; position:absolute; right:-17px; } .popup_window #whole_block,.popup_window #body_wrapper,.popup_window #main_body,.popup_window #body_content_wrapper { padding:0; width:100% !important; } .popup_window { margin:0 !important; padding:5px 0 0; } /*.popup_window #body_wrapper { background-color:#FFFFFF; width:auto; } .popup_window #main_body { background-color:transparent; border:none; } .popup_window #body_content_wrapper { margin:0; }*/ .popup_window #col_full { padding:0 2% 0; width:96% !important; } .popup_window .form_field_vals input[type="file"],.popup_window .form_field_vals input[type="text"],.popup_window .form_fields select,.popup_window .form_field_vals textarea,.popup_window .ff_form_wrapper input[type="text"],.popup_window .ff_form_wrapper select,.popup_window .ff_form_wrapper textarea { width:454px; } .popup_window button { width:100%; } .popup_window .main_text,.popup_window .main_text a:link,.popup_window .main_text a:active,.popup_window .main_text a:visited { } .adjust_my_height { border:0 solid; width:100%; } /*features*/ @keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-webkit-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-moz-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @-o-keyframes fadeIn { 0% { opacity:0; } 100% { opacity:1; } } @keyframes fadeInRight { 0% { opacity:0; transform:translateX(-10%); } 100% { opacity:1; transform:translateX(0); } } @-webkit-keyframes fadeInRight { 0% { opacity:0; -webkit-transform:translateX(-10%); } 100% { opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity:0; -moz-transform:translateX(-10%); } 100% { opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity:0; -o-transform:translateX(-10%); } 100% { opacity:1; -o-transform:translateX(0); } } @keyframes fadeInLeft { 0% { opacity:0; transform:translateX(10%); } 100% { opacity:1; transform:translateX(0); } } @-webkit-keyframes fadeInLeft { 0% { opacity:0; -webkit-transform:translateX(10%); } 100% { opacity:1; -webkit-transform:translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity:0; -moz-transform:translateX(10%); } 100% { opacity:1; -moz-transform:translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity:0; -o-transform:translateX(10%); } 100% { opacity:1; -o-transform:translateX(0); } } /*#features .alt_row_img.animate_fade_in { opacity:1; animation:1s cubic-bezier(0.77,0,0.175,1) 0s normal none 1 running fadeInLeft; }*/ #features .alt_row_img.animate_fade_in { opacity:1; animation:fadeInLeft 1s cubic-bezier(0.77,0,0.175,1) 0s 1 normal; } /*premium-productivity-tools*/ .premium_only { display:none; } #premium-productivity-tools #alternating_row_4 { background:none; } #premium-productivity-tools.layout_2 #alternating_row_1 .alt_row_content:before { content:"\f1c0 \f02b \f073"; } /*DB*/ #premium-productivity-tools.layout_2 #alternating_row_2 .alt_row_content:before { content:"\f000 \f0c0 \f145"; } /*events*/ #premium-productivity-tools.layout_2 #alternating_row_3 .alt_row_content:before { content:"\f155 \f109 \f09d"; } /*payments*/ #premium-productivity-tools.layout_2 #alternating_row_4 .alt_row_content:before { content:"\f0c0 \f2bc \f19c"; } /*membership*/ #premium-productivity-tools #alternating_row_5,#premium-productivity-tools #alternating_row_6,#premium-productivity-tools #alternating_row_7,#premium-productivity-tools #alternating_row_8 { display:none; } /*demo*/ .fr-toolbar.fr-inline .fr-command.fr-btn { float:left !important; } #demo #em_wrapper_cc_7335 { overflow:auto; } #demo #em_wrapper_cc_7335:hover { background-color:#ffffb3; } /*hilite bkgd color*/ #demo .fa-check { background-color:#87db19; border:0 solid; color:white; height:16px; outline:7px solid #87db19; width:16px !important; } #demo #subscribe .em_wrapper { position:inherit; } /*pricing*/ #pr_ecom,#pr_support,#pr_pages,#pr_tools { margin:0; padding:0; } #pr_ecom li,#pr_support li,#pr_pages li,#pr_tools li { border-bottom:1px solid; list-style:outside none none; margin:0 0 5px; padding:0 0 5px; } #monthly_price_label { font-size:80px; } /*get-started*/ #gs_step_2_client,#gs_step_2_provider { display:none; } #get-started .solid_green_button,#get-started .solid_orange_button,#get-started .clear_green_button,#get-started .clear_orange_button { display:inline-block; margin:0 2%; max-width:39%; } #get-started h1,#get-started h2 { text-align:center; } input[type=checkbox] { margin:20px 20px 0 10px; transform:scale(2); -ms-transform:scale(2); -moz-transform:scale(2); -webkit-transform:scale(2); -o-transform:scale(2); } #get-started #ff_buttons_268 button,#get-started #ff_buttons_269 button { background:url(/templates/158/free_trial_button.png) no-repeat scroll center center #87db19; text-indent:-9999px; } #client-registration-submitted #breadcrumb_wrapper,#provider-registration-submitted #breadcrumb_wrapper,#registration-submitted #breadcrumb_wrapper { display:none; } #ff_each_276_2119 { padding:30px 0 0; } #ff_each_269_2064 { display:inline-block; width:24.5%; } #ff_each_269_2054,#ff_each_269_2055,#ff_each_269_2056 { display:inline-block; width:32.8%; } #ff_each_269_2065,#ff_each_268_2066 { text-align:center; } #ff_each_269_2053 { display:inline-block; width:66%; } #ff_each_269_2083,#ff_each_269_2059 { display:inline-block; width:33%; } #ff_each_269_2057,#ff_each_268_2058,#ff_each_276_2114,#ff_each_276_2116 { display:inline-block; width:69%; } #ff_each_269_2109,#ff_each_268_2108,#ff_each_276_2115 { display:inline-block; width:30%; } #ff_each_268_2046,#ff_each_268_2047,#ff_each_268_2049,#ff_each_268_2048 { display:inline-block; width:24.5%; } #ff_each_268_2069,#ff_each_268_2070,#ff_each_268_2071,#ff_each_268_2072 { display:inline-block; width:24.5%; } #ff_each_276_2110,#ff_each_276_2111,#ff_each_276_2113,#ff_each_276_2112 { display:inline-block; width:24.5%; } #ff_each_268_2082,#ff_each_268_2060,#ff_each_268_2052 { display:inline-block; width:49%; } #ff_val_276_2207 { text-align:center; } #ff_each_276_2207 .radio_val { display:inline-block; width:33%; } #ff_each_276_2207 input[type="radio"] { display:none; } #ff_each_276_2207 label { border:1px solid; cursor:pointer; display:block; margin:0 6px 8px; padding:4px 5px; } #ff_each_276_2207 input[type=radio]:checked + label { background-color:#ff8d06; color:#FFF; } /*schedule-a-demo*/ #ff_each_275_2100,#ff_each_275_2101,#ff_each_275_2102,#ff_each_275_2103 { display:inline-block; width:24.5%; } #ff_each_275_2104,#ff_each_275_2105,#ff_each_275_2107 { display:inline-block; } #ff_each_275_2104 { width:22%; } #ff_each_275_2105 { width:50%; } #ff_each_275_2107 { width:27%; } #ff_val_275_2106 { text-align:center; } #ff_each_275_2106 .ff_checkbox input[type="checkbox"] { display:none; } #ff_each_275_2106 .ff_checkbox { display:inline-block; width:25%; } #ff_each_275_2106 .ff_checkbox label { border:1px solid; cursor:pointer; display:block; margin:0 6px 8px; padding:4px 5px; } #ff_each_275_2106 .ff_checkbox input[type=checkbox]:checked + label { border-color:#ff8d06; } /*website-designs*/ .db_val_2039 { display:none; } .click_for_slideshow { display:none; } #view_wrapper_703 .record_wrapper { margin:0 0 40px; } .db_title_2037 { text-align:center; } .lb_thumb_wrapper { display:inline-block; margin:0 1%; width:23%; } /*api-documentation*/ #api-documentation #breadcrumb_wrapper { display:none; } /*landing pages*/ /*#compare-ocularcms-to-wp .mainnav_all_links { visibility:hidden; }*/ #compare-ocularcms-to-wp #mainnav_subcats_nav_get-started { visibility:visible; } #compare-ocularcms-to-wp #col_full,#dont-forget-about-the-end-user #col_full { padding:0; } /*.lightbox_thumbs>a:last-child .lb_thumb_wrapper { margin:0; }*/ .lb_thumb_wrapper img { border:1px solid #7f7f7f; box-shadow:2px 2px 2px #7f7f7f; box-sizing:border-box; width:100%; } /*FAQ*/ #faq .faq_wrapper h2 { font-size:20px; } /*layout_1 (Home)*/ .layout_1 #body_content_wrapper { padding:0; } .layout_1 #whole_block,.layout_1 #body_wrapper,.layout_1 #main_body,.layout_1 #body_content_wrapper,.layout_1 #col_full { width:100% !important; } #home_top { position:relative; width:100%; } /*.layout_1 #content_over_video { height:auto; left:15%; margin:15% 0 0; max-width:700px; position:absolute; text-align:center; text-shadow:1px 1px 0 #fff; top:0; width:70%; }*/ .layout_1 #content_over_video { height:auto; left:calc(50% - 350px); left:-webkit-calc(50% - 350px); left:-moz-calc(50% - 350px); margin:9% auto 0; position:absolute; text-align:center; top:0; width:700px; } /*.layout_1 #content_over_video h1 { font-size:60px; line-height:55px; text-align:center; text-shadow:2px 2px 0 #fff; }*/ .layout_1 #content_over_video h1 { color:#FFF; font-size:60px; line-height:55px; text-align:center; text-shadow:2px 2px 0 #7f7f7f; } /*.layout_1 #content_over_video strong { font-size:24px; text-shadow:1px 1px 0 #fff; }*/ .layout_1 #content_over_video strong { color:#FFF; font-size:24px; text-shadow:1px 1px 0 #7f7f7f; } .layout_1 #content_over_video .solid_green_button,.layout_1 #content_over_video .solid_orange_button,.layout_1 #content_over_video .clear_green_button,.layout_1 #content_over_video .clear_orange_button { margin:0 auto; max-width:350px; } .layout_1 #iframe_player { background-color:#FFFFFF; height:600px; width:100%; } .layout_1 #video_wrapper { clip:rect(0px,790px,300px,0px); height:600px; left:0; position:absolute; top:0; width:100%; } .layout_1 #video_wrapper.static_bkgd { background:url(/templates/158/video_bkgd.jpg) no-repeat scroll center top #FFFFFF; background-size:contain; } /*.layout_1 #video_cover { background-color:#FFFFFF; height:600px; left:0; opacity:0.8; position:absolute; top:0; width:100%; }*/ .layout_1 #video_cover { background-color:#000; height:600px; left:0; opacity:0.2; position:absolute; top:0; width:100%; } .layout_1 #video_cover.video_volume_on { background:url(/templates/155/volume_on.png) no-repeat scroll 10px 10px transparent; } .layout_1 #video_cover.video_volume_off { background:url(/templates/155/volume_off.png) no-repeat scroll 10px 10px transparent; } .layout_1 #video_cover.video_stopped { background:url(/templates/155/play.png) no-repeat scroll 10px 10px transparent; } .layout_1 #video_cover.video_paused { background:url(/templates/155/pause.png) no-repeat scroll 10px 10px transparent; } /*.layout_1 #home_top.mobile_device { margin:0 0 130px; } .layout_1 #home_top.mobile_device #video_wrapper { margin:130px 0 0; } .layout_1 #home_top.mobile_device #video_cover { display:none; } .layout_1 #home_top.mobile_device #content_over_video { left:0 !important; margin:0 !important; position:relative; width:100% !important; }*/ .layout_1 #home_top.mobile_device #video_wrapper { background-size:cover; clip:auto; height:500px; position:relative; } .layout_1 #home_top.mobile_device #video_cover { height:500px; } .layout_1 #home_top.mobile_device #content_over_video { margin:80px auto 0; } #home_features_wrapper { margin:70px auto 50px; width:960px; } .home_3_buckets { display:inline-block; margin:0 2%; vertical-align:top; width:29%; } .home_3_buckets,.home_3_buckets h3 { text-align:center; } .home_3_buckets:before { color:#87db19; display:block; font-family:"Fontawesome"; font-size:60px; line-height:60px; margin:0 0 15px; } #home_features_1:before { content:"\f10a" " \f10b" " \f109"; } #home_features_2:before { content:"\f233"; } #home_features_3:before { content:"\f0e7"; } #home_features_link { margin:30px 0 0; text-align:center; } #home_visual_cms_wrapper { background:url(/templates/158/home_visual_cms_bkgd.jpg) no-repeat scroll 20% 50% #e8c8b2; background-size:cover; height:500px; overflow:auto; } #home_tools_wrapper { background:url(/templates/158/home_premium_bkgd.jpg) no-repeat scroll 20% 50% #e8c8b2; background-size:cover; height:500px; overflow:auto; } #home_visual_cms { margin:110px 0 0 60%; text-align:center; width:370px; } #home_tools { margin:60px 0 0 15%; text-align:center; width:370px; } #home_visual_cms h3,#home_tools h3 { font-size:32px; text-shadow:1px 1px 0 #fff; } #home_audience_wrapper { margin:0 auto; padding:70px 0; width:960px; } .home_2_buckets { display:inline-block; margin:0 2%; vertical-align:top; width:45.75%; } .home_2_buckets,.home_2_buckets h3 { text-align:center; } .home_2_buckets:before { color:#87db19; display:block; font-family:"Fontawesome"; font-size:60px; line-height:60px; margin:0 0 15px; } #home_audience_1:before { content:"\f0f7" " \f015"; } #home_audience_2:before { content:"\f121"; } /*layout_2 (alternating rows--features)*/ .layout_2 #whole_block,.layout_2 #body_wrapper,.layout_2 #main_body,.layout_2 #body_content_wrapper,.layout_2 #col_full { width:100% !important; } .layout_2 .alternating_rows { background:url(/templates/158/sliver_bkgd.png) repeat-x scroll bottom left #FFFFFF; overflow-x:hidden; overflow-y:auto; padding:65px 0; } .layout_2 .alternating_rows>div { margin:0 auto; width:960px; } .layout_2 .alt_row_content { display:inline-block; margin:0 9% 0 0; position:relative; vertical-align:top; width:45%; } .layout_2 .alt_row_content:before { color:#87db19; display:block; font-family:"Fontawesome"; font-size:40px; letter-spacing:10px; line-height:40px; margin:0 0 15px; } #features.layout_2 .alternating_rows:nth-child(1) .alt_row_content:before { content:"\f06e \f1fc \f1dd"; } /*visual*/ #features.layout_2 .alternating_rows:nth-child(2) .alt_row_content:before { content:"\f109 \f17a \f17c \f10a \f179 \f10b \f17b"; } /*universal*/ #features.layout_2 .alternating_rows:nth-child(3) .alt_row_content:before { content:"\f0e7 \f135 \f11e"; } /*speed*/ #features.layout_2 .alternating_rows:nth-child(4) .alt_row_content:before { content:"\f233 \f132 \f0c2"; } /*worry free*/ #features.layout_2 .alternating_rows:nth-child(5) .alt_row_content:before { content:"\f121 \f0ad \f013 \f1c0"; } /*dev tools*/ #features.layout_2 .alternating_rows:nth-child(6) .alt_row_content:before { content:"\f07a \f155 \f02b"; } /*ecom*/ #features.layout_2 .alternating_rows:nth-child(7) .alt_row_content:before { content:"\f002 \f121 \f140"; } /*seo*/ #features.layout_2 .alternating_rows:nth-child(8) .alt_row_content:before { content:"\f1e0 \f292 \f118"; } /*social*/ .layout_2 .alt_row_img { display:inline-block; opacity:0; width:45%; } .layout_2 .alt_row_img img.fr-dii.fr-fil { float:none; margin:0 !important; } .layout_2 .alternating_rows:nth-child(even) .alt_row_content { float:right; margin:0; } .layout_2 .alternating_rows:last-child { background:none; } .layout_2 .solid_green_button,.layout_2 .solid_orange_button,.layout_2 .clear_green_button,.layout_2 .clear_orange_button { margin:0 auto; max-width:300px; } .alternating_rows:nth-child(even) .alt_row_img { /*start pos when fading in from left*/ opacity:0; -moz-transition:all 500ms linear; -webkit-transition:all 500ms linear; -o-transition:all 500ms linear; transition:all 500ms linear; -moz-transform:translate3d(-100px,0px,0px); -webkit-transform:translate3d(-100px,0px,0px); -o-transform:translate(-100px,0px); -ms-transform:translate(-100px,0px); transform:translate3d(-100px,0px,0px); } .alt_row_img { /*start pos when fading in from right*/ opacity:0; -moz-transition:all 500ms linear; -webkit-transition:all 500ms linear; -o-transition:all 500ms linear; transition:all 500ms linear; -moz-transform:translate3d(100px,0px,0px); -webkit-transform:translate3d(100px,0px,0px); -o-transform:translate(100px,0px); -ms-transform:translate(100px,0px); transform:translate3d(100px,0px,0px); } .alt_row_img.in-view { /*when comes into view,show it and slide it to normal position*/ opacity:1 !important; -moz-transform:translate3d(0px,0px,0px) !important; -webkit-transform:translate3d(0px,0px,0px) !important; -o-transform:translate(0px,0px) !important; -ms-transform:translate(0px,0px) !important; transform:translate3d(0px,0px,0px) !important; } /*layout 3 (landing page)*/ .layout_3 #body_content_wrapper { padding:0; } .layout_3 #whole_block,.layout_3 #body_wrapper,.layout_3 #main_body,.layout_3 #body_content_wrapper,.layout_3 #col_full { width:100% !important; } #home_visual_cms_wrapper,#layout_3_window_wrapper { background:url(/templates/158/home_visual_cms_bkgd.jpg) no-repeat scroll 20% 50% #e8c8b2; background-size:cover; height:500px; overflow:auto; } #home_tools_wrapper { background:url(/templates/158/home_premium_bkgd.jpg) no-repeat scroll 20% 50% #e8c8b2; background-size:cover; height:500px; overflow:auto; } #dont-forget-about-the-end-user #layout_3_window_wrapper { background:url(/templates/158/fur_hat_bkgd.jpg) no-repeat scroll 100% 50% #ae5454; background-size:cover; height:500px; overflow:auto; } #compare-ocularcms-to-wp #layout_3_window_wrapper { background:url(/templates/158/frustrated_bkgd.jpg) no-repeat scroll 50% 50% #ae5454; background-size:cover; height:500px; overflow:auto; } #home_visual_cms,#layout_3_window { margin:110px 0 0 60%; text-align:center; width:370px; } #dont-forget-about-the-end-user #layout_3_window { margin:230px 0 0 62%; } #home_visual_cms h3,#layout_3_window h3,#home_tools h3 { font-size:32px; text-shadow:1px 1px 0 #fff; } #layout_3_content { margin:0 auto; padding:70px 0; width:960px; } /*layout_4 (alternating rows--features)*/ .layout_4 #breadcrumb_wrapper,#premium-productivity-tools #breadcrumb_wrapper { margin:0 auto; width:960px; } .layout_4 #whole_block,.layout_4 #body_wrapper,.layout_4 #main_body,.layout_4 #body_content_wrapper,.layout_4 #col_full { width:100% !important; } .layout_4 #rows_above,.layout_4 #rows_below { margin:0 auto; width:960px; } .layout_4 .rows { background:url(/templates/158/sliver_bkgd.png) repeat-x scroll bottom left #FFFFFF; overflow-x:hidden; overflow-y:auto; padding:65px 0; } .layout_4 .rows>div { margin:0 auto; width:960px; } .layout_4 .row_content { position:relative; width:100%; } .layout_4 .row_content:before { color:#87db19; display:block; font-family:"Fontawesome"; font-size:40px; letter-spacing:10px; line-height:40px; margin:0 0 15px; } .layout_4 .rows:last-child { background:none; } .layout_4 .solid_green_button,.layout_4 .solid_orange_button,.layout_4 .clear_green_button,.layout_4 .clear_orange_button { margin:0 auto; max-width:300px; } @media all and (max-width:1000px) { body,.rwd_1100 { } /*body:before { background-color:#FFFFFF; content:"up to 1000px"; left:0; position:fixed; top:0; z-index:99999; }*/ #header { width:100%; } #logo { margin:0 5% 0 2%; width:36%; } #logo a { width:100%; } #nav { margin:0 2% 0 0; width:60%; } #mainnav #mainnav_subcats_nav_home { display:none; } #mainnav { width:100%; } /*#mainnav > .mainnav_links,#mainnav > .mainnav_links > a:link,#mainnav > .mainnav_links > a:active,#mainnav > .mainnav_links > a:visited,#mainnav > .mainnav_links_over,#mainnav > .mainnav_links_over > a:link,#mainnav > .mainnav_links_over > a:active,#mainnav > .mainnav_links_over > a:visited { font-size:15px; }*/ /*.mainnav_horz .mainnav_links a,.mainnav_horz .mainnav_links_over a { padding:18px 10px 0 !important; }*/ .subcats .mainnav_links a { height:auto !important; } #col_2 .form_field_vals input[type="file"],#col_2 .form_field_vals input[type="text"],#col_2 .form_fields select,#col_2 .form_field_vals textarea,#col_2 .ff_form_wrapper input[type="text"],#col_2 .ff_form_wrapper select,#col_2 .ff_form_wrapper textarea { padding-left:0; padding-right:0; text-indent:15px; width:100%; } #col_2 .ff_buttons button { padding-left:0; padding-right:0; width:100%; } #col_1 { padding:0 0 0 2%; width:57%; } #col_divider { display:none; } #col_2 { border:0 none; float:right !important; padding:0 2% 0 0; width:35%; } #col_2 a[href^="mailto:"] { font-size:80%; } #col_full { float:none !important; margin:0 auto; width:96% !important; } #breadcrumb_wrapper { left:2%; } #whole_block { width:100%; } #body_wrapper { margin:0; width:100%; } #main_body { width:100%; } #body_content_wrapper { margin:0 auto; width:100% !important; } #body_content_wrapper img { height:auto !important; max-width:100%; } #body_content_wrapper iframe { max-width:100%; } #body_content_wrapper img[align=left],#body_content_wrapper img[align=right] { height:auto !important; max-width:50%; } #footer_content_wrapper { width:100%; } #stay_in_touch { width:96%; } #footer_content_wrapper { width:96%; } #home_features_wrapper { width:96%; } .home_3_buckets { width:28.8%; } #home_visual_cms_wrapper,#layout_3_window_wrapper { background-position:60% 50%; height:400px; } #home_tools_wrapper { background-position:60% 50%; height:400px; } #dont-forget-about-the-end-user #layout_3_window_wrapper,#compare-ocularcms-to-wp #layout_3_window_wrapper { height:400px; } #home_visual_cms,#layout_3_window { margin:50px 0 0 49%; width:350px; } #home_tools { margin: 20px 0 0 8%; width: 300px; } #dont-forget-about-the-end-user #layout_3_window { margin:170px 0 0 61%; width:270px; } #home_audience_wrapper,#layout_3_content { width:96%; } .home_2_buckets { width:45%; } /*#mc_embed_signup { width:100%; } #mc_embed_signup input[type="email"] { font-size:15px; width:60%; } #mc_embed_signup input[type="submit"] { font-size:15px; width:40%; }*/ #footer_content_wrapper { width:90%; } #footer_links { float:none; margin:0; text-align:center; } #powered_by { float:none; text-align:center; } #trademark_msg { text-align:center; } .layout_1 #content_over_video { margin:8% auto 0; } .layout_1 #content_over_video h1 { font-size:37px; line-height:37px; } .layout_1 #content_over_video strong { font-size:inherit; } .layout_1 #home_top.mobile_device { height:420px !important; } .layout_1 #home_top.mobile_device #video_wrapper { height:420px !important; } .layout_1 #home_top.mobile_device #video_cover { height:420px !important; } .layout_1 #home_top.mobile_device #content_over_video { margin:50px auto 0; } .layout_2 .alternating_rows > div,.layout_4 .rows > div,.layout_4 #rows_above,.layout_4 #rows_below,.layout_4 #breadcrumb_wrapper,#premium-productivity-tools #breadcrumb_wrapper { width:90%; } .layout_2 .alternating_rows:nth-child(2) .alt_row_content:before { content:"\f109 \f17a \f10a \f179 \f10b \f17b"; } /*universal*/ /*#ff_each_269_2054,#ff_each_269_2055,#ff_each_269_2056,#ff_each_269_2057 { width:49%; }*/ #ff_each_269_2064 { width:49%; } #ff_each_269_2053 { width:100%; } #ff_each_269_2083,#ff_each_269_2059 { width:32%; } #ff_each_268_2046,#ff_each_268_2047,#ff_each_268_2049,#ff_each_268_2048 { width:49%; } #ff_each_276_2110,#ff_each_276_2111,#ff_each_276_2113,#ff_each_276_2112 { width:49%; } #ff_each_268_2069,#ff_each_268_2070,#ff_each_268_2071,#ff_each_268_2072 { width:49%; } #ff_each_275_2100,#ff_each_275_2101,#ff_each_275_2102,#ff_each_275_2103 { width:49%; } #ff_each_275_2104 { width:49%; } #ff_each_275_2105 { width:49%; } #ff_each_275_2107 { width:100%; } #ff_each_275_2106 .ff_checkbox { width:33%; } } @media all and (max-width:720px) { body,.rwd_720 { } /*body:before { background-color:#FFFFFF; content:"up to 720px"; left:0; position:fixed; top:0; z-index:99999; }*/ .subcats .mainnav_links a { text-align:center !important; } .subcats .mainnav_links a:hover { background-color:#4e4e4e; border-color:#87db19; opacity:1; } .subcats ul { text-align:center; } .subcats li { display:block; } .subcats li a { border:1px solid #87db19; display:block; margin:0 10px 10px !important; padding:9px 16px !important; text-transform:lowercase !important; } .mainnav_horz .mainnav_links a,.mainnav_horz .mainnav_links_over a { font-size:16px !important; line-height:33px; margin:9px 0 0; padding:0 5px !important; } #header { width:90%; } #logo { margin:0; } #nav { margin:0; } #col_1 { border-bottom:1px solid; float:none !important; margin:0 auto; padding:40px 0 30px; width:90%; } #col_2 { float:none !important; margin:0 auto; padding:40px 5% !important; width:90%; } #col_2 a[href^="mailto:"] { font-size:inherit; } #col_full { padding:40px 0 30px; width:90% !important; } #body_content_wrapper { padding:0; } #stay_in_touch { width:90%; } #social { float:none; text-align:center; } #subscribe { float:none; text-align:center; } #mc_embed_signup { text-align:center; width:100%; } #mc_embed_signup input[type="email"] { display:inline-block; float:none; width:60%; } #mc_embed_signup input[type="submit"] { display:inline-block; float:none; width:20%; } .contact_info_list li { border:0 solid; display:block; margin:0; padding:4px 0; } #mc_embed_signup input[type="submit"] { width:30%; } .home_3_buckets { width:28%; } #home_features_1::before { font-size:50px; } #home_visual_cms_wrapper,#layout_3_window_wrapper,#dont-forget-about-the-end-user #layout_3_window_wrapper,#compare-ocularcms-to-wp #layout_3_window_wrapper,#home_tools_wrapper { height:320px; } #home_visual_cms h3,#layout_3_window h3,#home_tools h3 { font-size:29px; text-align:center; } #home_visual_cms,#layout_3_window { margin:40px 0 0 49%; width:280px; } #home_tools { margin: 60px 0 0 5%; width: 240px; } #home_tools .solid_green_button,#home_tools .solid_orange_button,#home_tools .clear_green_button,#home_tools .clear_orange_button { background-color:#fff; } #dont-forget-about-the-end-user #layout_3_window { margin:90px 0 0 60%; width:200px; } #share_window { height:100% !important; left:0 !important; margin:0 !important; top:0 !important; width:100% !important; } .layout_1 #col_full { padding:0 0 30px; } .layout_1 #content_over_video { left:calc(50% - 45%); line-height:20px; margin:4% auto 0; width:90%; } .layout_1 #content_over_video strong { font-weight:normal; text-shadow:1px 1px 0 #fff; } .layout_1 #content_over_video .down_arrow { display:none; } .layout_1 #content_over_video h1 { line-height:32px; } .layout_1 #home_top.mobile_device { height:330px !important; } .layout_1 #home_top.mobile_device #video_wrapper { height:330px !important; } .layout_1 #home_top.mobile_device #video_cover { height:330px !important; } .layout_1 #home_top.mobile_device #content_over_video { margin:40px auto 0; } .layout_1 #home_top.mobile_device #home_features_wrapper { margin:20px auto 50px; } #get-started .solid_green_button,#get-started .solid_orange_button,#get-started .clear_green_button,#get-started .clear_orange_button { margin:0; max-width:none; width:94%; } #lightbox img { max-width:100%; vertical-align:top; } #outerImageContainer { max-height:70vw; } #outerImageContainer,#imageDataContainer { max-width:90vw; } #hoverNav>a { height:100% !important; } #imageContainer { max-height:72vw; } #ff_each_269_2054,#ff_each_269_2055,#ff_each_269_2064,#ff_each_269_2056,#ff_each_269_2053,#ff_each_269_2057,#ff_each_269_2083,#ff_each_269_2059,#ff_each_268_2108,#ff_each_269_2109,#ff_each_276_2115 { width:100%; } #ff_each_268_2046,#ff_each_268_2047,#ff_each_268_2049,#ff_each_268_2048 { width:100%; } #ff_each_276_2110,#ff_each_276_2111,#ff_each_276_2113,#ff_each_276_2112 { width:100%; } #ff_each_268_2069,#ff_each_268_2070,#ff_each_268_2071,#ff_each_268_2072 { width:100%; } #ff_each_268_2058,#ff_each_268_2082,#ff_each_268_2060,#ff_each_268_2052,#ff_each_276_2114,#ff_each_276_2116 { width:100%; } #ff_each_275_2100,#ff_each_275_2101,#ff_each_275_2102,#ff_each_275_2103,#ff_each_275_2104,#ff_each_275_2105,#ff_each_275_2107 { width:100%; } #ff_each_276_2207 .radio_val { width:100%; } #ff_each_275_2106 .ff_checkbox { width:50%; } #demo-videos .row_content img { display:block; float:none; margin:0 auto 20px !important; max-height:200px !important; max-width:200px !important; } #demo-videos .row_content h3 { text-align:center; } #demo-videos .row_content { text-align:center; } #demo-videos .row_content ul { padding:0; } #demo-videos .row_content li { list-style:none; } } @media all and (max-width:590px) { body,.rwd_590 { } /*body:before { background-color:#FFFFFF; content:"up to 590"; left:0; position:fixed; top:0; }*/ #mainnav { display:none; } #m_main_nav { display:block; } #nav { height:auto; } /*#mainnav_m_dropdown { display:block !important; margin:0 auto; padding:10px 0; width:90%; }*/ #header { height:auto; } #logo { display:block; float:none; height:auto; margin:0 auto; width:100%; } h1 { font-size:30px; line-height:30px; } h2 { font-size:26px; line-height:26px; } h3 { font-size:22px; line-height:22px; } .button_link_yellow { font-size:20px !important; padding:10px 45px 10px 10px !important; } #home_features_wrapper { margin:20px auto 40px; width:70%; } .home_3_buckets { border-bottom:1px solid; display:block; margin:0 auto 20px; padding:0 0 20px; width:100%; } #home_features_3 { border-bottom:0 solid; } .home_3_buckets::before { font-size:40px !important; line-height:40px; } #home_visual_cms_wrapper,#layout_3_window_wrapper { background-image:url(/templates/158/home_visual_cms_bkgd_small.jpg); height:240px; } #home_tools_wrapper { background-image:url(/templates/158/home_premium_bkgd.jpg); height:240px; } #home_visual_cms,#layout_3_window { margin:20px 0 0 47%; width:50%; } #home_tools { margin: 20px 0 0 2%; width: 50%; line-height: 13px; } #dont-forget-about-the-end-user #layout_3_window { margin:60px 0 0 57%; width:160px; } #dont-forget-about-the-end-user #layout_3_window_wrapper { background-image:url(/templates/158/fur_hat_bkgd_small.jpg); height:240px; } #compare-ocularcms-to-wp #layout_3_window_wrapper { background-image:url(/templates/158/frustrated_bkgd_small.jpg); height:240px; } #home_visual_cms .solid_green_button,#home_visual_cms .solid_orange_button,#home_visual_cms .clear_green_button,#home_visual_cms .clear_orange_button { background-color:#fff; } #home_audience_wrapper,#layout_3_content { width:90%; } .home_2_buckets { border-bottom:1px solid; display:block; margin:0 0 20px; padding:0 0 20px; width:100%; } #home_audience_2 { border-bottom:0 solid; } .home_2_buckets::before { font-size:40px !important; line-height:40px; } #home_audience_wrapper,#layout_3_content { padding:70px 0 0; } #home_features_link { margin:0; } #home_features_link a { background-color:transparent; border:2px solid; display:block; font-size:18px !important; line-height:18px; padding:20px 0; text-align:center; text-decoration:none; text-transform:lowercase; width:100%; } #footer_links li { border-bottom:1px solid !important; border-right:0 none; display:block; margin:5px 0; padding:0; } #footer_links li a { display:block; padding:5px 0; } #powered_by { display:block; padding:6px 0 0; } .layout_1 #content_over_video { font-size:16px; line-height:16px; } .layout_1 #content_over_video h1 { font-size:24px; line-height:24px; } .layout_1 #content_over_video .solid_green_button,.layout_1 #content_over_video .solid_orange_button,.layout_1 #content_over_video .clear_green_button,.layout_1 #content_over_video .clear_orange_button { padding:5px 0; } .layout_1 #home_top.mobile_device { height:270px !important; } .layout_1 #home_top.mobile_device #video_wrapper { height:270px !important; } .layout_1 #home_top.mobile_device #video_cover { height:270px !important; } .layout_1 #home_top.mobile_device #content_over_video { margin:30px auto 0; } .layout_2 .alt_row_content,.layout_4 .row_content { margin:0 0 20px !important; text-align:center; width:100%; } .layout_4 #rows_above,.layout_4 #rows_below { text-align:center; } .layout_2 .alt_row_content h3,.layout_4 .row_content h3 { text-align:center; } .layout_2 .alt_row_content ul { text-align:left; } .layout_2 .alt_row_img { text-align:center; width:100%; } .layout_2 .alt_row_img img { max-height:200px !important; max-width:200px !important; } #view_wrapper_703 .record_wrapper { margin:0 0 20px; } #ff_each_275_2106 .ff_checkbox { width:100%; } } @media all and (max-width:400px) { body,.rwd_400 { } /*body:before { background-color:#FFFFFF; content:"up to 400"; left:0; position:fixed; top:0; }*/ #logo { margin:0; } #logo a { padding:0; } #footer_wrapper { background-size:80% auto; } .button_link_yellow { font-size:17px !important; line-height:18px; } #mc_embed_signup input[type="email"] { width:68%; } #mc_embed_signup input[type="submit"] { width:30%; } #home_features_wrapper { width:90%; } .layout_1 #home_top.mobile_device { height:300px !important; } .layout_1 #home_top.mobile_device #video_wrapper { height:300px !important; } .layout_1 #home_top.mobile_device #video_cover { height:300px !important; } #dont-forget-about-the-end-user #layout_3_window { margin:50px 0 0 30%; } #dont-forget-about-the-end-user #layout_3_window_wrapper { background-position:90% 50%; } } body.is_mobile { } /*TBD:clean up what's not used*/ #m_menu_button { height:30px; position:absolute; right:5px; top:5px; width:30px !important; } #m_whole_block { } #m_body { margin:0; padding:0 !important; } #m_header { background-color:#FFFFFF; height:auto; padding:0; } #m_header img { margin:0; } .is_mobile #breadcrumb_wrapper { display:block; } #m_footer { background-color:#87db19; } #m_footer #seller_info_wrapper,#m_footer #seller_info_wrapper a:link,#m_footer #seller_info_wrapper a:active,#m_footer #seller_info_wrapper a:visited,#m_footer #seller_info_wrapper a:hover,#m_footer #seller_info_wrapper a:visited:hover { color:#FFFFFF; font-size:14px; font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; } #m_footer .footer,#m_footer a:hover,#m_footer a:visited:hover,#m_footer a:link,#m_footer a:active,#m_footer a:visited { color:#FFFFFF; } .is_mobile #seller_info_wrapper { background-color:#87db19; color:#FFFFFF; font-size:14px; font-family:Verdana,Arial,Helvetica,Geneva,Swiss,SunSans-Regular; } .m_mainnav_level_0 { background-color:#87db19 !important; } .is_mobile #body_content_wrapper { width:98% !important; height:auto; } .is_mobile #m_main_nav .nav_links a,.is_mobile #m_main_nav .nav_links_over a { display:inline !important; height:auto; margin:0; padding:0 !important; } .is_mobile #m_main_nav { display:block; } .is_mobile #m_hidden_menu { position:relative; } .is_mobile #col_2 { border-top:1px solid; margin:50px 0 0; padding:50px 0 0; } #m_more #breadcrumb_wrapper,#m_more .back_link { display:none; } /* green:#87db19 lt grey:#dedede grey:#7f7f7f orange:#ff8d06 */