/* general */ .wd-table{ display: table; width: 100%; } .wd-cell{ display: table-cell; } .wd-valign-top{ vertical-align: top; } .wd-valign-middle{ vertical-align: middle; } .wd-valign-bottom{ vertical-align: bottom; } .wd-text-right{ text-align: right; } .wd-text-center{ text-align: center; } .hide{ display: none; } a:focus{ border: none !important; outline: none !important; box-shadow: none !important; } /*end general */ .wd-video_container{ text-align: center; } .overview_welcome{ background: url(img/welcome_bg.png) no-repeat; margin: 21px 0px; background-size: 100% 100%; line-height: 28px; } .overview_welcome .wd-cell{ padding: 15px; } .overview_welcome .wd-cell:first-child{ position: relative; } .overview_welcome h2{ text-transform: uppercase; font-size: 26px; margin-top: 0; margin-bottom: 15px; color: #424141; } .overview_welcome img{ width: 120px; padding-right: 100px; padding-left: 25px; } .overview_wrap{ width: 935px; background: #fff; } .overview_welcome .overview_welcome_text{ font-size: 15px; color: #424141; } .overview_tabs:after, .deals_content:after, .deal_desc_footer:after{ content: ""; display: table; clear: both; } .overview_tabs li{ float: left; width: 16.666%; } .overview_tabs li a{ text-decoration: none !important; color: #000; background: #D6D6D6; background: -webkit-linear-gradient(#D6D6D6, #D7D7D7, #D6D6D6); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#D6D6D6, #D7D7D7, #D6D6D6); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#D6D6D6, #D7D7D7, #D6D6D6); /* For Firefox 3.6 to 15 */ background: linear-gradient(#D6D6D6, #D7D7D7, #D6D6D6); /* Standard syntax */ text-transform: uppercase; display: block; padding: 7px 10px; text-align: center; font-weight: bold; border-top: 4px solid #F1F1F1; position: relative; top: -4px; } .overview_tabs li a:hover,.overview_tabs li a:active, .overview_tabs li a:focus, .overview_tab_active{ background: #fff !important; border-top: 4px solid #2A495F !important; } #welcome, #user_guide, #support, .deals_content{ padding: 15px 10px; background: #fff; } .plugin_feature_title{ font-size: 19px; } .more_features_wrap{ margin-top: 25px; text-align: right; } .more_features, .more_features:hover, .more_features:focus{ color: #fff; background: #00384F; padding: 3px 15px; text-decoration: none; } .user_guide_item{ margin-bottom: 19px; } .user_guide_title, .user_guide_title:hover, .user_guide_title:focus{ font-size: 16px; color: #192D3B; font-weight: bold; margin-bottom: 5px; text-decoration: none; } .user_guide_titles, .user_guide_titles:hover, .user_guide_titles:focus{ color: #192D3B; text-decoration: none; } .user_guide_demo, .user_guide_plugin, .user_guide_support_forum, .user_guide_addons, .user_guide_faq, .user_guide_demo:hover, .user_guide_plugin:hover, .user_guide_support_forum:hover, .user_guide_addons:hover, .user_guide_faq:hover{ background-color: #F5F5F5; background-repeat: no-repeat; background-position: right -4px center; border-top-left-radius: 25px; border-bottom-left-radius: 25px; padding: 3px 23px 3px 16px; width: 144px; font-weight: bold; text-transform: uppercase; color: #192D3B; margin-bottom: 7px; display: block; text-decoration: none; } .user_guide_demo{ background-image: url(img/ug-icon-1.png); } .user_guide_plugin{ background-image: url(img/ug-icon-2.png); } .user_guide_support_forum{ background-image: url(img/ug-icon-3.png); } .user_guide_addons{ background-image: url(img/ug-icon-4.png); } .user_guide_faq{ background-image: url(img/ug-icon-5.png); } #support .wd-support-main{ width: 800px; margin: 0 auto; font-size: 16px; text-align: center; margin-bottom: 15px; } .wd-overview-site-deatils{ width: 800px; background: #FBFBFB; padding: 10px; margin: 0 auto; } .wd-overview-site-deatils h2, .wd-overview-site-deatils p{ text-align: center; } .wd-overview-site-deatils p{ font-size: 16px; } .contact_us, .contact_us:hover, .contact_us:focus{ display: block; background: #27475D; color: #fff; text-decoration: none; width: 173px; padding: 8px 0px; text-align: center; margin-bottom: 5px; font-size: 16px; margin-left: 8px; border: 1px solid #B7B7B7; text-transform: uppercase; } .support_email{ color: #F47A31; } .wd-site-deatils{ padding: 23px; background: #f1f1f1; box-sizing: border-box; } .wd-site-deatils textarea{ width: 100%; } .contact_us{ margin-left: auto !important; margin-right: auto; margin-top: 10px; } #wd-copy{ display: block; background: #27475D; color: #fff; padding: 5px 8px; text-align: center; margin-bottom: 5px; font-size: 14px; border: 1px solid #B7B7B7; cursor: pointer; } #plugins{ padding-bottom: 15px; background: #fff; } .deals_header_plugins{ background: url(img/plugins_header_bg.png) #fff no-repeat; } .deals_header_themes{ background: url(img/themes_headrer_bg.png) #fff no-repeat; } .deals_header{ background-size: cover; height: 241px; } .deals_header .wd-table .wd-cell{ position: relative; } .deals_header_plugins .wd-table .wd-cell{ padding: 27px 10px 10px; } .deals_header_themes .wd-table .wd-cell{ padding: 0px 10px 10px; } .deals_header_plugins .wd-table .wd-cell:first-child{ padding-left: 23px; width: 30%; } .deals_header_themes .wd-table .wd-cell:first-child{ padding-left: 23px; width: 36%; } .deals_header_themes .wd-table{ height: 100% } .titles_wrap{ display: inline-block; } .deals_main_title, .deals_secondary_title{ color: #00425A; font-weight: bold; line-height: 55px; text-align: center; text-transform: uppercase; } .deals_main_title{ font-size: 39px; } .deals_secondary_title{ font-size: 30px; } .higlight{ color: #E5682E; } .deals_save{ position: absolute; right: 87px; -webkit-transform: rotate(-27deg); transform: rotate(-30deg); font-weight: bold; font-size: 39px; color: #E5682E; text-transform: uppercase; } .deals_header_plugins .deals_save{ bottom: 37px; } .deals_header_themes .deals_save{ bottom: 76px; } .deal_block{ width: 31.2%; display: inline-block; vertical-align: top; margin: 5px; } .deal_title{ text-align: center; text-transform: uppercase; font-size: 20px; background: #FAFAFA; padding: 10px 5px; line-height: 23px; } .deal_title a, .deal_title a:hover, .deal_title a:focus{ text-decoration: none !important; color: #000 !important; } .deal_desc{ background: #F5F5F5; padding: 10px 5px; } .deal_desc p{ margin-bottom: 15px; } .deal_desc_footer .downloads{ float: left; } .deal_desc_footer .download_btn{ /*float: right;*/ margin-top: 10px; text-align: center; } .deal_desc_footer .downloads .spans span:first-child{ background: #26455A; color: #fff; text-transform: uppercase; padding: 5px; display: inline-block; } .deal_desc_footer .downloads .spans span:last-child{ background: #fff; padding: 5px; border-top-right-radius: 25px; border-bottom-right-radius: 25px; margin-left: -3px; } .download_btn a, .download_btn a:hover, .download_btn a:focus{ color: #fff !important; background: #E97025; text-decoration: none; padding: 4px 16px; display: inline-block; margin-top: 10px; border-radius: 13px; text-transform: uppercase; } .stars-container { position: relative; display: inline-block; color: transparent; font-size: 21px; } .stars-container:before { position: absolute; top: 0; left: 0; content: '★★★★★'; color: #F4AB7F; } .stars-container:after { position: absolute; top: 0; left: 0; content: '★★★★★'; color: #F4762A; overflow: hidden; } .get_all_deals{ margin: 15px 0px; text-align: center; } .get_all_deals a, .get_all_deals a:hover, .get_all_deals a:active, .get_all_deals a:focus { color: #fff !important; background: #E97025; text-decoration: none; padding: 8px 21px; display: inline-block; margin-top: 10px; text-transform: uppercase; border: 2px solid #D2631E; font-size: 21px; } #themes{ border-top: 35px solid #F1F1F1; padding-bottom: 15px; } .theme_block{ width: 48%; margin: 5px; border: 1px solid #ECE9E9; float: left; } .theme_block a, .theme_block a:hover, .theme_block a:focus{ display: block; text-decoration: none !important; background: #F7F7F7; color: #000 !important; padding: 5px; } /* noteices */ .notice_wrap{ padding: 15px; border: 1px solid #C4C4C4; width: 98%; margin: 10px auto; box-sizing: border-box; } .notice_wrap .notice_title, .notice_wrap .notice_title:hover, .notice_wrap .notice_title:focus{ color: #E5682E !important; text-decoration: none; margin-bottom: 17px; font-size: 20px; display: block; } .notice_wrap .notice_txt{ font-size: 15px; } .wd-tour{ text-align: right; } .wd-tour-btn, .wd-tour-btn:hover, .wd-tour-btn:focus{ background: #F47629; color: #fff; text-decoration: none; padding: 5px; display: inline-block; font-size: 16px; } .wd-start-using-button .button{ margin-left: 7px; margin-top: 7px; } .wd-start-using-button{ margin-right:10px; float: right; }