/** * Theme Name: T4 * Theme URI: http://templatic.com/ * Description: Premium WordPress Themes * Version: 4.0 * Author: Templatic.com team * Author URI: http://templatic.com */ /* -------------------------------------------------- :: INDEX 1. Global Reset 2. Containers 3. Header 4. Mega Menu 5. Mobile Header 6. Components - Buttons - Inputs & Textareas 6. Widgets - Welcome Text Home - 3 col Text-widget - Big Text Widget - Home Content Slider - Flickr - Social Media - Search - Login - Twitter - Calendar - RSS - Text - Subsribe News - Contact us - Testimonial - Recent Comments 7. Home page 8. Salespage - Old Sales Page Style 9. Content 10. Sidebar 11. Footer 12. Blog Listing 13. Blog Detail 14. Comments 15. Portfolio 16. Pages - Sitemap - Advance Search - Contact page - Author Page - 404 Page - Archive - Advance Search 17. Shortcode Styles 18. IE 19. Responsive code -------------------------------------------------- */ /*Proxima Nova font-family*/ body.wordpress, body #mc_embed_signup { font-family: "proxima-nova", "proxima nova", Helvetica, Arial, sans-serif; background: #fff; } #menu-secondary .menu li a { /*font-family:'Arial',sans-serif; font-weight: 500*/ } body b, body strong, body h2, body h3, body h4 { font-weight: 700 } body { background: url(images/bdbg.jpg) repeat-x top center } hr { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3) } .justify { text-align: justify !important } /* -------------------------------------------------- :: ~Widgets -------------------------------------------------- */ /*----- Home content slider -----*/ .home_page_content .templatic_slider ul.slides li { width: auto } .home_page_content .templatic_slider ul.slides li .post_list { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 265px; margin: 25px 16px 0; } .home_page_content .templatic_slider ul.slides li .post_list .post_img { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; background: url(images/dot_bg.png) repeat left top; padding: 8px; } .home_page_content .templatic_slider ul.slides li .post_list .post_img a { padding: 0 } .home_page_content .templatic_slider ul.slides li .post_list img { width: 100%; box-shadow: none; } .home_page_content .templatic_slider ul.slides li .post_list h2 { position: static; background: none; font-size: 15px; color: #4B4B4B; line-height: normal; padding: 5px 0 0; } .home_page_content .templatic_slider ul.slides li .post_list h2 a { color: #4B4B4B } .home_page_content .templatic_slider ul.slides li .post_list h2 a:hover { color: #cc3000 } .home_page_content .templatic_slider .flex-control-nav { display: none } .home_page_content .templatic_slider .flex-direction-nav li a { top: -20px; width: 21px; height: 21px; opacity: 1 !important; padding: 0; } .home_page_content .templatic_slider .flex-direction-nav li a:hover { opacity: .6 !important } .home_page_content .templatic_slider .flex-direction-nav .flex-next { background: url(images/i_next.png) no-repeat left top } .home_page_content .templatic_slider .flex-direction-nav .flex-prev { left: auto; right: 30px; background: url(images/i_previous.png) no-repeat left top; } .listings-theme-wrapper { background: none !important; } /*--------------------- ~Flickr --------------------*/ .Flicker .flickr_pics_wrap { margin: 12px 0 0 -5px } .Flicker div.flickr_badge_image { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 0 5px 5px; } .Flicker div.flickr_badge_image img { display: block; width: 54px; height: auto; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .Flicker div.flickr_badge_image img:hover { opacity: .5 } .home_page_content .Flicker h3 { background: none; font-size: 26px; color: #cc3000; padding: 0 0 5px; } .home_page_content .Flicker div.flickr_badge_image img { width: 104px; height: auto; } .home_page_content .Flicker div.flickr_badge_image { padding: 12px; margin: 0 0 20px 25px; } .home_page_content .Flicker .flickr_pics_wrap { margin-left: -25px } .Flicker .flickr_pics_wrap { margin-left: -8px } .Flicker div.flickr_badge_image { background: url(images/dot_bg.png) repeat left top; padding: 5px; margin: 0 0 8px 8px; } .Flicker div.flickr_badge_image img { width: 45px } /*----- ~Login widget -----*/ #loginwidgetform { margin: 0 } #loginwidgetform .form_row { padding-bottom: 10px } #loginwidgetform input[type="text"], #loginwidgetform input[type="password"], #loginwidgetform input[type="submit"] { margin: 0 } #loginwidgetform .forgot_link { padding: 0 } #loginwidgetform .forgot_link a { margin-right: 15px } /*----- ~Twitter widget -----*/ .templatic_twitter_widget .twit_time { font-size: 14px; color: #999; } .widget .follow_us_twitter { color: #0066CC; line-height: 40px; } .widget .follow_us_twitter:hover { color: #333 } .widget .follow_us_twitter { color: #cc3000 } /*----- ~Calendar widget -----*/ .widget #wp-calendar caption { background-color: #0066CC; border-radius: 4px 4px 0 0; font-size: 18px; color: #fff; padding: 10px; } .widget #wp-calendar th { background-color: #333; color: #fff; } .widget #wp-calendar th, .widget #wp-calendar td { text-align: center } /*----- Google map widget -----*/ .googlemap .wid_gmap { margin-top: 15px } /*----- Recent Comment Widget -----*/ #recentcomments li { color: #919aa3; padding: 6px 0; } /*----- Listing Post widget -----*/ .Listing.Post h2 { font-size: 17px; line-height: 22px; } /*----- Popular Post -----*/ .postpagination { text-align: center; margin: 15px 0 0; } .postpagination a { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 20px; height: 20px; border-radius: 3px; background: rgba(0, 0, 0, .2); font-size: 12px; color: #fff; font-weight: 300; line-height: 22px; text-align: center; margin-right: 4px; } .postpagination a:hover, .postpagination a.active { background: rgba(0, 0, 0, .6); color: #fff; text-decoration: none; } .popular_post ul li a.link_img { float: left; width: 20%; margin-right: 5%; } .popular_post ul li .post_data { float: left; width: 75%; } .popular_post ul li a.link_img img { width: 100%; height: auto; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .popular_post ul li .post_data h3 { border: none; font-size: 18px; line-height: 20px; } .popular_post ul li .post_data p .date, .popular_post ul li .post_data p .views { margin-right: 15px } .popular_post ul li .post_data h3 { background: none; font-size: 17px; padding: 0; margin: 0; } .recent_comments a.title { font-size: 17px; color: #cc3000; } .recent_comments a.title:hover { color: #000 } #theme_banner .title_left{ text-align:left; } /*----- Contact page text widget -----*/ .cont_wid_area { margin-left: -5% } .cont_wid_area .widget { display: inline-block; *display: inline; zoom: 1; vertical-align: top; clear: none; width: 45%; margin-left: 5%; } #contact_frm label { width: 100px } #contact_frm .form_row div { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } #contact_frm .form_row .textarea { width: 460px } #contact_frm .form_row .b_submit { margin-left: 100px } #contact_frm .message_error { display: block; margin-left: 100px; } #contact_frm .claim_recaptcha_div .message_error { margin-left: 0 } /* -------------- ~RSS Widget -------------- */ .widget_rss ul li a.rsswidget { font-weight: bold } .widget-widget_rss ul li span.rss-date, .widget-widget_rss ul li cite { color: #999; display: block; font: normal normal 14px/15px Georgia, serif; padding: 6px 0; } /* Tags Widget .widget-tags */ .widget-tags .post_tag-cloud, .widget-tags .term-cloud { padding: 12px 0 } .widget-tags .wp-tag-cloud li a { font-size: 15px !important } /* ------------- ~Text Widget ------------- */ .widget .textwidget ol { list-style: none; margin: 12px 0 12px 46px; padding: 0; } .widget .textwiget ol li { margin: 0; padding: 0; } .widget .textwidget ol { list-style: decimal } .widget .textwidget ol ol { list-style: upper-roman } .widget .textwidget ol ol ol { list-style: lower-roman } .widget .textwidget ol ol ol ol { list-style: upper-alpha } .widget .textwidget ol ol ol ol ol { list-style: lower-alpha } /*----- ~Subscribe news widget -----*/ .subscribe_cont p { padding: 10px 0 0 } .subscribe_cont form { margin: 0 } .subscribe_cont form input { display: block; margin: 10px 0 0; } .sidebar .newsletter input.textfield { margin-bottom: 10px } /*----- ~Contact us widget -----*/ .sidebar #contact_widget_frm .form_row { padding-bottom: 10px } .sidebar #contact_widget_frm textarea { display: block; height: 100px; } .sidebar #contact_widget_frm { padding-top: 15px } .sidebar #contact_widget_frm input[type="text"] { display: block } .gform_wrapper .gfield_checkbox li input[type="checkbox"], .gform_wrapper .gfield_radio li input[type="radio"], .gform_wrapper .gfield_checkbox li input{ margin-top: 6px; margin-right: 7px; } .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio], .gform_wrapper.gf_browser_chrome .gfield_checkbox li input{ margin-top: 7px !important; } /*----- Recent Reviews -----*/ .recent_comments li { position: relative; min-height: 46px; padding-left: 70px !important; } .recent_comments li span { display: block; position: absolute; top: 5px; left: 0; width: 50px; } .recent_comments li span a img { display: block; max-width: 100%; height: auto; border: 1px solid #ccc; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; color: #333; padding: 1px; } .recent_comments li span a img:hover { border-color: #0066CC; opacity: .7; } .recent_comments li a.title { font-weight: 600; padding-bottom: 0; } .recent_comments li a.comment_excerpt { display: block } /*----- Posts widget -----*/ .sidebar .category-blog { padding-top: 15px } /*----- Browse by tag widget -----*/ .browse_by_tag ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; border: none; font-size: 12px; padding: 0; margin-right: 10px; } .browse_by_tag ul li a { display: inline; white-space: nowrap; } /*----- Listing Post -----*/ .Listing.Post .post { float: left; width: 100%; border-bottom: 1px solid #E0E3E7; padding: 25px 0; } .Listing.Post .post:last-child { border-bottom: 0 } .Listing.Post .post h2 { font-size: 16px; line-height: 24px; } .Listing.Post .post span { float: left; margin: 5px 20px 4px 0; } .Listing.Post .post .link_img { clear: both; float: left; margin-right: 10px; } .sidebar .Listing.Post .post { padding: 10px 0 } /* ~popup video */ div.ui-dialog { background: #121B24; border: 10px solid #121B24; } .ui-dialog-titlebar { display: none !important } #dialog a { float: right; text-indent: -9999px; background: url(images/close_btn_sym.png) no-repeat center center #333; width: 21px; height: 21px; display: block; } /* -------------------------------------------------- :: ~Home page -------------------------------------------------- */ /*----- Home page banner -----*/ #home_banner { margin-bottom: 35px; padding: 10px 0 0; background: #47b0e2; } #home_banner .banner_main { padding-top: 50px;} #home_banner .home_page_banner{padding-bottom:55px;} #home_banner .banner_main h1 { font-weight: 700; color: #fff; text-align: center; padding: 0 0 10px; font-size: 3.5em; line-height: normal; } #home_banner h2 { font-size: 1em; color: #fff; /*#4A66A0;*/ font-weight: normal; text-align: center; max-width: 1000px; margin-left: auto; margin-right: auto; line-height: 1.5; } #home_banner .banner_main img { width: auto; display: block; max-width: 100%; } #home_banner .banner_links {text-align: center;padding:4px 0 60px;font-size: 18px;color: #fff;} #home_banner .home_page_banner_link { text-align: center; padding: 35px 0 35px; font-size: 18px; color: #fff; } #home_banner a { color: #fff; font-size: 22px; display: inline-block; *display: inline; vertical-align: middle; /*padding: 15px 0;*/ } #home_banner .banner_links_wrap small { font-size: 100%; padding: 0 1.5em; } #home_banner a:hover { color:/* #333;*/ } #home_banner a i { font-size: 22px; font-weight: 300; text-decoration: none; display: inline-block; margin-left: 6px; } #home_banner .banner_main img { margin: 20px auto 0; } #home_banner .banner_main_wrap > img { vertical-align: bottom; } .content_home .col3 li .content h4 { font-size: 20px; line-height: 30px; margin-bottom: 8px } .home-plugins { display: inline-block; width: 100%; margin: 40px 0; } .home-plugins p { display: inline-block; width: 100%; } .home-plugins a.btn { margin: 20px 0; display: inline-block; padding: 15px 30px; } .theme_club { background: #f4f4f4; border-radius: 3px; display: inline-block; padding: 0 20px; position: relative; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; } .club_content { float: left; padding: 20px; width: 75%; } .theme_club .save { background: #47b0e2; border: 10px solid #fff; border-radius: 50%; color: #fff; float: right; font-weight: 600; height: 138px; max-width: 155px; padding: 32px 38px 44px; position: absolute; right: 20px; text-align: center; text-transform: uppercase; top: -26px; width: 12%; } .theme_club .save span { display: inline-block; font-size: 1.875em;/* width:100%;*/ } .popular-theme .content_home_wrap h3, .theme_club .club_content h3 { font-size: 2em; float: none; border-bottom: none; padding-bottom: 10px; font-weight: 700; padding-right: 0; padding-top: 0;} .popular-theme .content_home_wrap p { max-width: 900px; margin-left: auto; margin-right: auto; } .popular-theme .content_home_wrap a.btn { display: inline-block;} .popular-theme .content_home_wrap ul li p { font-size: 1em; padding-top: 0;} .popular-theme .centeralign{ margin-bottom: 80px; } #wrapper #home_banner a.buynow_btn, a.buynow_btn_new, a.home_last_calltoaction, .main_theme_area:not(.theme-banner-one) a[class*="_btn"], #home_banner a.primary_btn{ font-size: 1em; line-height: normal; text-decoration: none; color: #47b0e2; background: #fff; border-radius: 2px; padding: 15px 30px; margin-top: 20px; transition: all ease-in-out .1s; } body.home #wrapper #home_banner a.buynow_btn:hover, .main_theme_area:not(.theme-banner-one) a[class*="_btn"]:hover, #home_banner a.primary_btn:hover{ background: #f49b6c; color: #fff; } #home_banner .banner_links a.buynow_btn { margin-top: 0 !important; } #home_banner .banner_links span { font-size: 1em; padding-right: 20px; text-align: left; vertical-align: middle; display: inline-block; line-height: 1.5;} #wrapper #home_banner a.buynow_btn:hover, a:hover.buynow_btn_new, a.home_last_calltoaction { background: #f49b6c; color: #fff; } #theme_details_sidebar .buynowbtn a.buynow_btn_new i { padding-right: 15px; } #theme_details_sidebar .buttonbar { text-align: left } #theme_details_sidebar a.buynow_btn_new { padding: 10px 30px; font-size: 20px } #theme_details_sidebar .buttonbar div.price { margin: 6px 10px 0 0 } .widget .multi_priceing h3 { padding-bottom: 10px; } .widget .multi_priceing fieldset { margin-bottom: 20px; } .widget .multi_priceing label { position: relative; display: block; width: 100%; margin-bottom: 10px; } .widget .multi_priceing label span.bullet { background: url("images/bullets.png") no-repeat scroll 0 1px rgba(0, 0, 0, 0); display: block; height: 20px; left: 3px; position: absolute; top: 2px; width: 20px; } .widget .multi_priceing label.selected span.bullet, .widget .multi_priceing label.selected:hover span.bullet { background-position: 0 -37px; transition: none 0s ease 0s; } .widget .multi_priceing label:hover span.bullet { background-position: 0 -18px; transition: none 0s ease 0s; } .widget .multi_priceing input[type="radio"] { cursor: pointer; float: left; height: 24px; opacity: 0; outline: medium none; vertical-align: middle; width: 28px; } a.home_last_calltoaction { background: #5aca30; color: #fff; display: table; *display: inline; clear: both; margin: 15px auto; } a.home_last_calltoaction:hover { background: #50bf27; color: #fff; } #wrapper #home_banner a.buynow_btn:active, a.buynow_btn_new:active { background: #1f791f } /* -------------------------------------------------- :: ~Home Content -------------------------------------------------- */ .content_home section { margin: 0 0 50px } section .content_home_wrap { background: url(images/home_headgings_bg.jpg) repeat-x left 20px; position: relative; } section .content_home_wrap p { padding: 6px 0 20px } .content_home section h3, .content_home #testimonials h3 { background: #fff; float: left; padding: 6px 15px 6px 0; border-bottom: 0; margin-left: 0; } .content_home span.readmore { background: #fff; position: absolute; right: 0px; top: 0; padding: 5px 0 5px 10px; } span.readmore { display: block; float: right; } span.readmore a { font-size: 14px; line-height: 35px; color: #4A66A0; } span.readmore a:hover { color: #6bb3d1 } div#testimonials h3 span.readmore a i, span.readmore a i { font-size: 14px; background: #99cbed; width: 19px; height: 21px; line-height: 21px; color: #fff; text-align: center; border-radius: 12px; display: inline-block; *display: inline; margin: 0 0 0 5px; padding: 0 0 0 2px; } .content_home #testimonials ul li { width: 40%; float: left; margin-right: 5%; } .content_home #testimonials ul li:nth-of-type(2n+2) { margin-right: 0; } /* --------- How it works? ----------- */ .step3 { padding-top: 10px } .step3 .step { width: 20%; padding: 0 4%; float: left; text-align: center; } .step3 i { width: 8%; float: left; font-size: 40px; olor: #E0E3E7; text-align: center; margin-top: 55px; } .step3 .step img { margin: 0 auto; width: auto; max-width: 100%; float: none; } .step3 .step_content { padding-left: 44px } .step3 .step_content sub { background: #99cbed; width: 34px; height: 34px; font-size: 20px; line-height: 34px; color: #fff; text-align: center; display: block; float: left; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); border-radius: 17px; margin-left: -44px; } .step3 .step_content span { font-size: 16px; margin-top: 10px; text-align: left; float: left; } /* --------- ~Image Gallery ----------- */ .content_home #gwrap .themeunit { float: left; margin: 0 4% 15px 0; width: 22%; height: auto; min-height: inherit; padding: 0; } .content_home #gwrap .themeunit:last-child { margin-right: 0 } .content_home #gwrap .themeunit a.pimg { width: 100%; height: 224px; background-size: 100% auto; } .content_home #gwrap .themeunit a.pimg:after { background-size: 100% auto; width: 271px; } .content_home #gwrap .themeunit a.pimg img { width: 100%; height: auto; } .content_home #gwrap h4 { font-size: 16px; line-height: 24px; padding-top: 12px; } .content_home #gwrap h4 a { color: #4A66A0 } .content_home #gwrap h4 a:hover { color: #6bb3d1 } .content_home #testimonials ul li { width: 36% } /* -------------------------------------------------- :: ~Salespage -------------------------------------------------- */ #theme_banner .banner_content { padding: 50px 0 20px; border-bottom: 4px double #cccccc; } #theme_banner .btn_wrap { float: left } #theme_banner a.sales_strip_button, #themedetail_banner a.sales_strip_button, #template_banner .sales_strip_button { font-size: 1em; line-height: normal; color: #fff; background: #f49b6c; border-radius: 2px; padding: 15px 30px; display: inline-block; margin: 0 0 10px; transition: all ease-in-out .1s;} #theme_banner a.sales_strip_button:hover, #themedetail_banner a.sales_strip_button:hover, #template_banner .sales_strip_button:hover { background: #eb8f62; } .theme_gallery_promo { margin: 20px 0; width: 100%; } .plg_boxes{width: 90%; margin: 0 auto;} .directory_content .plg_boxes{width: 100%; box-sizing: border-box;} .theme_gallery_promo a { display: block; clear: both; text-align: center } .theme_gallery_promo img { margin: 15px 0 5px } .answers_link { display: none } .flexslider img#img { position: absolute; left: 50%; margin: -4px 0 0 -35px; top: 50%; } .flexslider img.browser { width: 100%; display: block; } .center-btns { width: 100%; margin: 25px 0; text-align: center; } .center-btns a { display: inline-block; margin: 3px 20px; } .banner_fullwidth .price_top { width: 96%; max-width: 920px; margin: 0 auto; padding-bottom: 0; } .banner_fullwidth .price_top h1, .banner_fullwidth .price_top h2 { text-align: left; max-width: 500px; padding: 0; color: #fff !important; } .banner_fullwidth .price_top h2 { font-size: 19px; line-height: 26px; color: #fff !important; } .banner_fullwidth .price_top .button_bar { margin-top: 45px; } .banner_fullwidth .price_top .button_bar .price small { color: #fff; } .page_full_width { width: 100% !important; } /* -------------- Fullwidth Banner ---------------- */ .banner_fullwidth, div.banner_fullwidth_n { background: #47b0e2; margin-bottom: 60px; color: #ffffff; } .banner_fullwidth h1, .banner_fullwidth_n .price_top p.page_title { font-size: 44px; font-weight: 600; color: #fff; } .banner_fullwidth h2 { font-weight: 400; padding-bottom: 50px; font-size: 20px; } .banner_fullwidth .theme_description { width: 920px; margin: 0 auto; padding: 80px 0 20px; float: none; } .banner_fullwidth .button_bar .price, .banner_fullwidth .button_bar .price small { color: #ffffff; } /* FlexSlider Default Theme */ .flexslider { position: relative } .banner_fullwidth .flexslider { width: 920px; margin: 0 auto; text-align: center; box-shadow:/* 0 2px 8px rgba(0, 0, 0, .5)*/ ; border-radius: 6px 6px 0 0; } .banner_fullwidth .flex-viewport { background: #fff; max-height: 599px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; border: 1px solid #969696; overflow: hidden; } .banner_fullwidth .flexslider ul.slides { background: #fff; margin: 0; min-height: 600px; } .banner_fullwidth .flexslider ul.slides li { background-color: #fff; position: relative; min-height: 600px } .banner_fullwidth .flexslider ul.slides li .slider_content { box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; background: rgba(0, 0, 0, 0.5); bottom: 0; color: #fff; display: block; font-size: 22px; left: 1%; padding: 12px; margin: 0 auto 1%; position: absolute; width: 98%; } .banner_fullwidth .flexslider ul.slides li img { display: block } ul.slides li { text-align: center } .banner_fullwidth .loading .flex-viewport { max-height: 300px } .flex-direction-nav, .banner_fullwidth .flex-direction-nav { width: 100%; position: absolute; top: 40%; margin: 0; } .flex-direction-nav li, .banner_fullwidth .flex-direction-nav li { width: 100%; position: relative; } .flex-direction-nav a, .banner_fullwidth .flex-direction-nav a { position: absolute; top: 0; display: block; opacity: .4; } .flex-direction-nav a:hover, .banner_fullwidth .flex-direction-nav a:hover { opacity: 1 } .banner_fullwidth .flex-direction-nav a.flex-prev { left: -60px } .banner_fullwidth .flex-direction-nav a.flex-next { right: -60px } .flex-direction-nav a.flex-prev { left: 0 } .flex-direction-nav a.flex-next { right: 0 } .flex-direction-nav a i, .banner_fullwidth .flex-direction-nav a i { width: auto; color: #2980b9; text-shadow: 0 1px 0 #bcd8ea; font-size: 100px; } .flex-control-nav, .flex-control-main, .banner_fullwidth .flex-control-nav { width: 100%; text-align: center; position: absolute; bottom: -30px; } .flex-control-nav li, .flex-control-main li, .banner_fullwidth .flex-control-nav li { margin: 0 3px; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; } .flex-control-paging li a, .flex-control-mainpaging li a, .banner_fullwidth .flex-control-paging li a { width: 8px; height: 8px; display: block; background: #919aa3; cursor: pointer; text-indent: -9999px; border-radius: 20px; } .flex-control-paging li a:hover, .flex-control-mainpaging li a:hover, .banner_fullwidth .flex-control-paging li a:hover, .flex-control-paging li a.flex-active, .flex-control-mainpaging li a.flex-active, .banner_fullwidth .flex-control-paging li a.flex-active { background: #2980b9 } .content_left p.buy_now_bg { background: url(images/buy_now_bg.png) no-repeat top left; font-size: 19px; text-align: center; clear: both; padding: 20px 80px 20px 50px; margin: 0px 0 0 30px; display: inline-block; line-height: 27px } .content_left p.buy_now_bg a { text-decoration: underline; font-size: 23px; font-weight: bold; color: #2276bb } .content_left p.buy_now_bg a:hover { color: #000 } .content_sales ul.standard_feature li { margin-top: 5px; margin-bottom: 5px; } .content_sales ul.standard_feature li i { color: #5aca30; margin: 0 5px 0 0; } .test_theme i { width: 28px !important; height: 28px; border-radius: 14px; background: #99cbed; color: #fff; font-size: 18px; line-height: 28px; font-weight: 300; font-style: normal; text-align: center; margin: 0 6px 0 0; display: block; float: left; } /* Slider Bottom Strip */ .banner_fullwidth .theme_description i { font-size: 16px; margin: 0 5px 0 0; } .banner_fullwidth .theme_description a { font-size: 18px; font-weight: 600; } .banner_fullwidth .livedemo { width: 20%; float: left; margin-right: 3% } .banner_fullwidth .testdrive { width: 30%; float: left; } .banner_fullwidth .pre-sale { float: right; width: 30%; } .button_bar {float: right; } .button_bar .price { width: 44px; font-size: 20px; float: left; color: #2c3e50; margin: 3px 25px 0 0; } .button_bar .price small { font-size: 13px; display: block; } /* -------------------------------------------------- :: ~Directory Child-theme Salespage Design -------------------------------------------------- */ /*.directory-child-template section.et-animated{max-width:1180px !important;}*/ #theme_banner.directory-child-template .banner_content { border-bottom: 0; padding: 50px 0 0 } #theme_banner.directory-child-template .banner_content price_top h1 { padding-bottom: 0; } div.banner_fullwidth_n.directory-child-template { margin-bottom: 20px } div.content_sales_n.directory-child-template h3.subtitle { color: #444; text-align: center; border-bottom: 0 } div.content_sales_n.directory-child-template h3.subtitle.m15 { margin-bottom: 0 } div.content_sales_n.directory-child-template .highlight_box ul li { padding-left: 10px } div.content_sales_n.directory-child-template .highlight_box ul li h3 { padding-bottom: 0 } div.content_sales_n.directory-child-template .highlight_box ul.standard_feature, div.content_sales_n.directory-child-template .highlight_box .image_box.right { float: none; display: inline-block; vertical-align: bottom } div.content_sales_n.directory-child-template .highlight_box .image_box.right img { position: relative; right: -20px; vertical-align: bottom; } .lightbox_3col.gallery-columns-3 { display: flex; flex-wrap: wrap; display: -webkit-flex; } .lightbox_3col.gallery-columns-3 li { width: 33.33% !important; margin: 0 !important; padding: 15px 20px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .lightbox_3col.gallery-columns-3 li a img { width: 100%; } /* -------------------------------------------------- :: ~New Salespage Design -------------------------------------------------- */ /* -------------- SEO Compatible ---------------- */ .banner_fullwidth_n .price_top p.page_title { max-width: 500px; font-size: 44px; font-weight: 600; line-height: normal; text-align: left; color: #fff; padding: 0 0 6px; } .banner_fullwidth_n .price_top h1 { max-width: 500px; font-size: 20px; line-height: 28px; font-weight: 300; text-align: left; letter-spacing: 0; color: #fff; padding-bottom: 15px; } div#theme_banner a.demo_new_btn, div#theme_banner a.buynow_new_btn { font-size: 18px; padding: 15px 30; text-align: center; display: inline-block; *display: inline; border-bottom-width: 2px; margin-top: 12px; } div#theme_banner a.demo_new_btn:hover, div#theme_banner a.buynow_new_btn:hover { border-bottom-width: 2px } div#theme_banner a.demo_new_btn, div#theme_banner a.demo_new_btn:hover { background: #fff; border-bottom-color: #aaa; text-shadow: 0 1px 0 #fff; color: #47b0e2; margin-right: 10px; font-weight: 400;} div#theme_banner a.demo_new_btn:active { background: #fff; border-bottom-color: #aaa; text-shadow: none; } .banner_fullwidth .theme_description_n, .banner_fullwidth .theme_description_n a { font-size: 15px; color: #fff; font-weight: 300; } .banner_fullwidth .theme_description_n { padding: 65px 0 40px; } .banner_fullwidth .theme_description_n a { text-decoration: none } .banner_fullwidth .theme_description_n a:hover { text-decoration: underline } .banner_fullwidth .theme_description_n a:hover, .banner_fullwidth .theme_description_n span { color: #fff; } .theme_description_n .release_date { width: 240px; float: left; } .theme_description_n .theme_type { width: 452px; float: left; text-align: center; } .theme_description_n .theme_type a { display: inline-block; *display: inline } .theme_description_n .theme_version { width: 250px; float: right; text-align: center; } div.banner_fullwidth_n { background: #fff; margin-bottom: 60px; } #wrapper div.banner_fullwidth_n .banner_content { padding-bottom: 0; border-bottom: 0; } .content_sales_n .features_3col_new li i { color: #000 !important } .content_sales_n .features_3col_new li h4 { margin-left: 84px; } .content_sales_n .features_3col_new li h4 a { color: #333; } .content_sales_n .features_3col_new li h4 a:hover { color: #f49b6c; } .content_sales_n .features_3col_new li br { display: none } div.content_sales_n { width: 920px } div.content_sales_n li h3 { text-align: left; } div.content_sales_n li h3, div.content_sales_n .cols h3, div.content_sales_n .cols h4 { font-size: 20px; line-height: 22px; color: #444; padding: 16px 0 8px; margin: 0 0 6px; border-bottom: 0; } div.content_sales_n ul.feature_list.col2 li h3, div.content_sales_n ul.feature_list.col1 li h3, div.content_sales_n ul.feature_list.col2 .cols h3 { padding-top: 0; clear: none; } div.content_sales_n li h4.title18, div.content_sales_n .cols h4.title18 { font-size: 18px; font-weight: 600; line-height: 1; padding-bottom: 10px !important; text-align: left; } div.content_sales_n .cols h4.title18 a { color: #333; font-size: 1.2em;} div.content_sales_n .cols h4.title18 a:hover { color: #f49b6c; } div.content_sales_n .features_3col_new li:hover i, div.content_sales_n .features_3col_new .cols:hover i { color: #f49b6c !important; } div.content_sales_n .cols a { text-decoration: none; } div.content_sales_n p { color: #555; padding: 0; /*display:table;*/ } div.content_sales_n .gallery p { /*display: block;*/ } div.content_sales_n .theme_intro { margin: 0 0 80px; } .slider-content-text { margin-bottom: 80px; } .slider-content-text .theme_description .banner_main_wrap { display: flex; justify-content: center; } div.content_sales_n .theme_intro { font-size: 1em; line-height: 1.5; text-align: center; color: #666; } div.content_sales_n h2.subtitle { font-size: 28px; line-height: 36px; color: #444; letter-spacing: -.5px; text-align: center; border: 0; padding: 0; margin-bottom: 40px; } div.content_sales_n h2.subtitle span { font-size: 19px; line-height: 24px; font-weight: 300; color: #999; letter-spacing: 0; clear: both; display: block; margin-top: 15px; } div.content_sales_n p.buy_now_content { font-size: 18px; line-height: 29px; color: #555; text-align: center; padding-bottom: 30px; } /* Lightbox Gallery 3 column */ div.content_sales_n .lightbox_3col li, div.content_sales_n .lightbox_3col .cols { width: 250px; margin: 0 80px 40px 0; float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; } div.content_sales_n .lightbox_3col li:nth-of-type(3n+3), div.content_sales_n .lightbox_3col .cols:nth-of-type(3n+3) { margin-right: 0; } div.content_sales_n .lightbox_3col li a, div.content_sales_n .lightbox_3col .cols a { display: block; border: 1px solid #e5e5e5; position: relative; overflow: hidden; padding: 5px 7px 5px 5px; } div.content_sales_n .lightbox_3col li a:hover { background: #000 } div.content_sales_n .lightbox_3col li a img { display: block; border: 1px solid #E5E5E5 } div.content_sales_n .lightbox_3col li a:hover img { opacity: .1 } div.content_sales_n .lightbox_3col li a i { position: absolute; top: -44px; left: 50%; font-size: 45px; width: 36px; height: 36px; text-align: center; text-decoration: none; color: #fff; margin: -22px 0 0 -22px; background: none; padding: 4px; border-radius: 4px; opacity: 0; -webkit-transition: all ease-in-out .1s; -moz-transition: all ease-in-out .1s; -o-transition: all ease-in-out .1s; transition: all ease-in-out .1s; } div.content_sales_n .lightbox_3col li a:hover i { opacity: 1; top: 50%; } #content_sales_wrap_n section ul li br, #content_sales_wrap_n section ul .cols br { display: none } /* New Features 3 column */ .features_3col_new { display: flex; flex-wrap: wrap; justify-content: center; } .features_3col_new li { padding: 0 15px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; } div.content_sales_n .features_3col_new li, div.content_sales_n .features_3col_new .cols { width: 33.33%; margin: 0; float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; position: relative; padding: 15px; moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .directory_content ul.features_3col_new .cols.directory_demo, .directory_content ul.features_3col_new .cols.directory_demo + .cols { margin: 0; width: 33.33%; } div.content_sales_n .features_3col_new li:nth-of-type(3n+3), div.content_sales_n .features_3col_new .cols:nth-of-type(3n+3) { margin-right: 0; } div.content_sales_n .features_3col_new li i, div.content_sales_n .features_3col_new .cols i { width: 66px; height: 66px; font-size: 1.3em; line-height: 1.3; color: #d0cfcf !important; position: absolute; top: 15px; left: 0; border: 2px solid #dadada; border-radius: 100%; float: left; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; text-align: center; } ::i-block-chrome, div.content_sales_n .features_3col_new li, div.content_sales_n .features_3col_new .cols { width: 32.33%; } .features_3col_new .cols h4 a { color: #555; } div.content_sales_n .features_3col_new li:hover i { background: #f49b6c; border-color: #f49b6c; color: #fff !important; } div.content_sales_n .features_3col_new li h3, div.content_sales_n .features_3col_new .cols h3, div.content_sales_n .features_3col_new li h4, div.content_sales_n .features_3col_new .cols h4 { padding: 0 0 6px; margin: 0 0 0 70px; } div.content_sales_n .features_3col_new li p, div.content_sales_n .features_3col_new .cols p { margin-left: 70px; text-align: left; } div.content_sales_n .highlight_box { background: #f5f5f5; border: 1px solid #e9e9e9; border-radius: 4px; padding: 20px; padding-bottom: 0; } div.content_sales_n .highlight_box ul.standard_feature { width: 50%; float: left; padding-bottom: 20px; } div.content_sales_n ul.standard_feature i { color: #bbb } div.content_sales_n .highlight_box .image_box { width: 48% } div.content_sales_n .highlight_box .image_box img { width: 100% } div.content_sales_n p.buy_now { background: none; margin: 0; } div.content_sales_n a.buynow_btn_new, div.content_sales_n a.buynow_btn_new:hover { color: #fff; text-decoration: none; } div.content_sales_n a.buynow_btn_new i { font-size: 18px; margin-right: 4px; } div.content_sales_n .highlight_box ul li { padding-left: 32px; box-sizing: border-box; -webkit-box-sizing: border-box; } div.content_sales_n .highlight_box ul li i { margin-left: -32px } div.content_sales_n #related_themes { margin: 20px 0 40px } /* .content_sales ul.feature_list.col2 li{float:left; width:48%; box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; margin-right:0; padding-right:15px; min-height:200px;} .content_sales ul.feature_list.col2 li i{width: 60px;height: 60px;font-size: 32px;line-height: 60px;color:#8ecded !important;position: absolute;top:0;left: 0;border:2px solid;border-radius:100%;float:left;-webkit-transition: all 0.35s ease;-moz-transition: all 0.35s ease;-ms-transition: all 0.35s ease;-o-transition: all 0.35s ease;transition: all 0.35s ease;display: flex;display: -webkit-flex;align-items: center;-webkit-align-items: center;justify-content: center;-webkit-justify-content: center;text-align:center; padding-right:0;} .content_sales ul.feature_list.col2 li h3, .content_sales ul.feature_list.col2 li p{text-align:left;} .content_sales ul.feature_list.col2 li:hover i{background:#f49b6c;border-color: #f49b6c; color: #fff !important;}*/ /* -------------------------------------------------- :: ~Salespage Content -------------------------------------------------- */ .content_sales section { margin: 0 0 60px } #content_sp br { display: none } .content_sales iframe { border: 1px solid #E0E3E7; max-width: 100% } .content_sales ul li, .content_home ul li { float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; font-size: 18px; } .content_sales h3, .content_home h3, #theme_details_content h3.subtitle, #comments-number, #reply-title{ font-size: 1.875em; font-weight: 700; line-height: normal; padding-bottom: 20px; clear: both; } .theme_club .club_content h3 { margin-bottom: 0; } .content_sales h4 { font-size: 1.111em; line-height: 1.2; padding-bottom: 6px; } .club_new_template h4 { margin-left: 44px } .content_sales h5, #theme_details_content .theme_main_feature2 li h3 { font-size: 16px; line-height: 20px; color: #333; padding-bottom: 6px; } .content_sales .col1 li, .content_home .col1 li { width: 99% } .content_sales .col2 li, .content_home .col2 li, #theme_details_content .col2 li { width: 47%; margin-right: 5%; } .content_sales .col3 li, .content_home .col3 li { width: 30%; margin-right: 4%; } .content_sales .col4 li, .content_home .col4 li { width: 16em; margin-right: 1em; } .content_sales .col8 li, .content_home .col8 li { width: 8.25em; margin-right: 0.5em; } .content_sales .last, .content_home .last, #theme_details_content .last{ margin-right: 0 !important; margin-bottom: 0; } /*-- Standard Feathure 3 Column --*/ .standard_feature_3col h4 { border-bottom: 1px solid #E0E3E7 } .standard_feature_3col .column { width: 30%; margin-right: 4%; float: left; } .standard_feature_3col li { padding-left: 24px; margin: 4px 0; } .standard_feature_3col li i { font-size: 15px; line-height: 18px; color: #5aca30; margin: 4px 0 0 -24px; display: block; float: left; } .standard_feature_3col li i.icon-circle { font-size: 12px } .standard_feature_3col li.red i { color: #ff2e2e } .standard_feature_3col li.gray i { color: #919AA3 } /*-- Content with Image left & right --*/ .image_left, .image_right { margin: 30px 0; border-bottom: 1px solid #E0E3E7; } .image_left img { float: left; margin-right: 30px; } .image_right img { float: right; margin-left: 30px; } /*-- Image Gallery --*/ .image_gallery li { position: relative; margin-bottom: 20px; } .image_gallery img { border: 1px solid #ccd1d7; box-shadow: 0 2px 4px #ccd1d7; } .image_gallery li h4 { font-size: 16px; line-height: 24px; padding-top: 6px; } .image_gallery a img, .image_gallery a i { -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .image_gallery a { position: relative; display: block; color: #4A66A0; } .image_gallery a:hover { color: #6bb3d1 } .image_gallery a i { font-size: 36px; color: #6bb3d1; text-shadow: 0 -1px 0 #CCD1D7; position: absolute; bottom: 0; left: 50%; margin: 0 0 -20px -20px; opacity: 0; } .image_gallery a:hover i { opacity: 1; bottom: 50%; } .image_gallery a:hover img { opacity: .5; box-shadow: none; background: #6bb3d1; } .image_gallery.col4 img { /*width: auto; */ /* it conflicting front page slider so comment it */max-width: 94%; padding: .4em; } .image_gallery.col8 img { width: auto; max-width: 92%; padding: .3em; } .content_sales ul.feature_list { margin: 0; display: inline-block; width: 100%; } .content_sales ul.feature_list li { margin-top: 15px; margin-bottom: 15px; } .content_sales ul.feature_list li p { display: table; } .content_sales img.thumb, #theme_details_content .theme_main_feature2 li img { height: 90px; width: 90px; float: left; margin: 0px 15px 11px 0; border: 0px solid #ccd1d7; padding: 3px; } /*.content_sales ul.standard_feature li img,*/ #theme_details_content .theme_main_feature2 li img { border: 1px solid #ccc; } .content_sales ul.unique_features .symbol, .content_home ul.unique_features .symbol { font-size: 2em; float: left; color: #000; margin-top: 3px; } .content_sales ul.unique_features .content, .content_home ul.unique_features .content { width: 85%; float: right; } p.buy_now, #theme_details_content p.highlight_line { width: 100%; background: url(images/buy_now_bg.png) no-repeat top center; font-size: 19px; color: #444; text-align: center; display: inline-block; line-height: 28px; padding: 20px 0 25px; margin: 20px 0 } .buttonbar a.buynow_btn_new{ background-color: #f49b6c; color: #fff; } .buttonbar a.buynow_btn_new:hover{ background-color: #eb8f62; } p.buy_now a, #theme_details_content p.highlight_line a { font-weight: 400; color: #5aca30; text-decoration: underline; font-size: 1em; display: inline-block; } p.buy_now a:hover, #theme_details_content p.highlight_line a:hover { color: #4A66A0 } /*-- Purchase Theme Strip --*/ #sales_strip_static, p#sales_strip, p#sales_strip2{ width: 100%; max-width: 1152px; background: #fef6d2; border: 1px solid #eee2a7; border-radius: 2px; padding: 15px 0; font-size: 1em; color: #fff; text-align: center; } p#sales_strip2{ background: #47b0e2; } p#sales_strip2 .sales_strip_button{ margin-left: 10px; margin-bottom: 0; } #sales_strip_static, p#sales_strip { border-radius: 4px } p#sales_strip2 { border-radius: 0 0 4px 4px } #sales_strip_static a, p#sales_strip a, p#sales_strip2 a { display: inline-block; *display: inline; font-weight: 600; text-decoration: underline; padding: 0 6px; color: #FFF; } /*Plugin Strip*/ #theme_details_content #sales_strip_static { background-color: #fcf8e3; border: 1px solid #fbeed5; border-radius: 4px; color: #c09853 !important; margin-bottom: 20px; padding: 10px 35px 8px 14px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} #theme_details_content #sales_strip_static a { color: #5aca30 !important; } #theme_details_content #sales_strip_static a:hover { color: #47b0e2 !important; } #theme_details_content #sales_strip_static .sales_strip_button { padding: 12px 20px; color: #fff !important; } #theme_details_content #sales_strip_static .sales_strip_button:hover { color: #fff !important; } #sales_strip_static a:hover, p#sales_strip a:hover, p#sales_strip2 a:hover { color: #43D243 } #sales_strip_static a.sales_strip_button, p#sales_strip a.sales_strip_button, p#sales_strip2 a.sales_strip_button, p#sales_strip a.sales_strip_button2{ font-size: 18px; color: #fff; text-decoration: none; background: #f49b6c; border-radius: 2px; padding: 15px 30px; transition: all ease-in-out .1s; } p#sales_strip2 { display: none; left: 50%; margin-left: -576px; margin-top: 0; position: fixed; top: 0; width: 1152px; z-index: 999; } /*-- Purchase Theme Strip in blog --*/ article p#sales_strip_static, .content_home p#sales_strip_static { background: #FEF6D2; color: #444; border-radius: 4px; border: 1px solid #EFE3AE; margin: 20px 0; padding: 12px 0; } #sales_strip_static a, .content_home p#sales_strip_static a { color: #41566B } article p#sales_strip_static a.sales_strip_button, .content_home p#sales_strip_static a.sales_strip_button { padding: 10px 20px; color: #fff; } /*-- Club Membership Strip --*/ #club_membership_strip { background: #FCF8E3; border-radius: 4px; padding: 15px 8%; border-width: 1px 1px 3px 1px; border-color: #FBEED5; border-style: solid; } #club_membership_strip p { float: left; font-size: 22px; font-weight: 600; color: #2C3E50; text-shadow: 0 1px 0 #fff; } #club_membership_strip p span { color: #5aca30 } #club_membership_strip p small { color: #666; font-size: 17.8px; font-weight: 300; } #club_membership_strip .green_button { float: right; margin-top: 10px; } /* -------------------------------------------------- :: ~Styles from Old Stylesheet -------------------------------------------------- */ /*------- @#theme details page ------------------- */ #themedetail_banner { padding: 60px 0 50px; margin-bottom: 80px; } #themedetail_banner-in { position: relative } #themedetail_banner .banner_content { width: 530px; float: right; min-height: 235px; _height: 275px; padding-bottom: 75px; text-align: left; } #themedetail_banner .banner_content ul { margin: 15px 0 } #themedetail_banner .banner_content ul li { list-style: disc inside; padding: 3px 0; } html:first-child #themedetail_banner .banner_content { min-height: 285px } #themedetail_banner .banner_content2 { min-height: 400px } #themedetail_banner-in img { float: left; margin-left: 60px; position: absolute; left: 0; bottom: -25px; } #themedetail_banner-in img.re_img { margin-left: -30px } #themedetail_banner h1 { font-weight: 600; line-height: normal; padding: 0 0 10px; } #themedetail_banner h2 { font-size: 20px; line-height: 26px; font-weight: 300; padding-bottom: 25px; } #themedetail_banner a.sales_strip_button { float: left; padding: 12px 40px; } #themedetail_banner span.and, #themedetail_banner span.view_demo { display: inline-block; *display: inline; margin-top: 15px; text-shadow: none; } #themedetail_banner span.and { margin-left: 25px; margin-right: 5px; color: #919AA3; } #themedetail_banner span.view_demo a { color: #2C3E50; text-decoration: underline; } #themedetail_banner span.view_demo a:hover { color: #5aca30 } #themedetail_banner h2.realestate { margin: 0px 0 5px 0; padding: 0; font: 18px Helvetica, Arial, Helvetica, sans-serif; color: #fff; line-height: 22px; } #themedetail_banner p { padding: 0; } #themedetail_banner p a { color: #fff; text-decoration: underline; } #themedetail_banner p a:hover { text-decoration: underline } #themedetail_banner ul { margin: 0 0 30px 0; padding: 0; list-style: none; } #themedetail_banner li a { color: #ccc; text-decoration: underline; } #themedetail_banner li a:hover { color: #fff; text-decoration: underline; } #themedetail_banner .button_bar { width: 530px; position: absolute; bottom: -40px; right: 0; } #themedetail_banner .button_bar2 { top: 410px } /* theme_details_content ----------------- */ #theme_details_content, #content_sales_wrap { width: 67%; float: left; padding-bottom: 30px; } #theme_details_sidebar { float: right } #theme_details_content h3.subtitle { padding-top: 40px } #theme_details_content h3.subtitle:first-child { padding-top: 0 } #theme_details_content .theme_main_feature li { margin: 0 0 30px; _margin: 0 0 20px 40px; padding: 0; width: 100%; float: left; background: none; } #theme_details_content .theme_main_feature li h3 { margin: 0; padding: 0; font-weight: bold; } #theme_details_content .theme_main_feature li p { margin: 0; padding: 0; } #theme_details_content .theme_main_feature li img { float: left; padding: 2px; margin-top: 3px; border: 1px solid #c2c2c2; width: 90px; height: 90px; } #theme_details_content .theme_main_feature li br { display: none } #theme_details_content .theme_main_feature2 { list-style: none; margin: 0; padding: 0; width: 100%; } #theme_details_content .theme_main_feature2 li { margin: 0 0 30px 0px; padding: 0; background: none; min-height: 100px; _height: 100px; } #theme_details_content .theme_main_feature2 li h3 { margin: 0; padding: 0; font-size: 20px; font-weight: bold; } #theme_details_content .theme_main_feature2 li a + p { display: none; } #theme_details_content .theme_main_feature2 li p { padding-left: 114px; } #theme_details_content .theme_main_feature2 li br { display: none } #theme_details_content h5 { font-weight: bold } #theme_details_content h3.subtitle small { font-size: 11px; color: #666; } #theme_details_content ul { list-style: none; margin: 20px 0; } #theme_details_content ul.featured { display: block; clear: both; } #theme_details_content li, ul.check_list li, .join_package ul li { background: url("images/tick.png") no-repeat left 3px; margin: 0 0 10px; padding: 0 0 0 25px; } #theme_details_content .featured li { background: none; float: left; margin: 0 35px 25px 0; padding: 0; width: 126px; } #theme_details_content .featured li img { border: 1px solid #CCD1D7 } ul.hide { display: none } /* themedetail sidebar ----------------- */ #theme_details_sidebar .widget { border-bottom: 3px double #E0E3E7; margin-bottom: 30px; padding-bottom: 30px; } #theme_details_sidebar h3{ border: medium none; color: #333; font-size: 22px; font-weight: 700; line-height: 1.5; margin-bottom: 0; padding-bottom: 15px; } #theme_details_sidebar h3 a { color: #4A66A0 } #theme_details_sidebar h3 a:hover, #theme_details_sidebar .theme_info li a:hover { color: #f49b6c; } #theme_details_sidebar p { padding: 6px 0 0 } #theme_details_sidebar .theme_info li { font-size: 15px; line-height: 28px; margin: 0; padding: 7px 0 7px 36px; display: block; } #theme_details_sidebar .widget .theme_info li i { margin-left: -36px } #theme_details_sidebar .theme_info li a { display: inline-block; *display: inline; padding: 0; } /* Realated Themes ----------------- */ #related_themes li { width: 33.33%; padding: 15px; box-sizing: border-box; -webkit-box-sizing: border-box; } #related_themes li img:hover { border-color: #ccc; } #related_themes li a, #related_themes li a img { display: block; text-decoration: none; } #related_themes li a:hover, #related_themes li a:hover img { opacity: .8; display: block; } #related_themes li h4 { font-size: 1.1em; padding: 0px 0 8px 0px; } #related_themes li img { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1);} #related_themes h3.subtitle, .singular-products #related_themes h3{ font-size: 1.875em; font-weight: 700; color: #333; padding: 20px 0; border-bottom: 1px solid rgba(0, 0, 0, 0.1); margin: 0; } #related_themes ul { display: flex; flex-wrap: wrap; margin: 0 -20px; } .popular-theme .content_home_wrap.related_themes_n li { width: 50% !important; float: left; padding: 15px 20px; box-sizing: border-box; -webkit-box-sizing: border-box; } .content_home_wrap.related_themes_n li p { display: block; overflow: hidden; word-wrap: break-word; } #related_themes li .rel_scrnst { display: block; cursor: pointer; } .related_theme_listing h3.subtitle { border: medium none; text-align: center; } .content_home_wrap.related_themes_n li img { box-sizing: border-box; border: 1px solid rgba(0, 0, 0, 0.1); background: #fff; height: auto; margin: 0 auto; display: inline-block; float: left; max-width: 240px; width: 100%; margin: 5px 25px 25px auto; } .content_home_wrap.related_themes_n h4 { font-size: 1.17em; padding: 0px 0 8px 0px; } /* Support page */ .support_section { margin-bottom: 15px } .support_section img { float: left; margin-right: 20px; } .support_section img br { display: none } /* FAQ page*/ #content ol { margin: 0 0 20px } #content ol li { padding: 3px 0 } .entry-content h5 strong { margin: 5px 0 0; display: block; } /* join package -------------- */ .join_package { background: #E4F5FF url(images/joinbox_bg.gif) no-repeat scroll center top; border-bottom: 4px solid #D4E9F4; border-top: 4px solid #D4E9F4; height: 258px; margin: 25px 0; padding: 150px 15px 40px 345px; } #content .join_package li { margin: 0 0 5px 0; padding: 0 0 0 15px; background: none; padding: 8px; text-align: center; line-height: 18px; color: #292d34; font-size: 14px; border-bottom: 1px solid #c2d0dd; } .join_package a.b_joinnow { padding: 15px 35px; font-size: 20px; } .imgleft_bnone { float: left; margin: 0 15px 15px 0; padding: 2px; } #content h3.subhead a { text-decoration: none } /* -------------------------------------------------- :: ~Content -------------------------------------------------- */ /* Global Content */ .byline a:hover, .entry-meta a:hover { text-decoration: none } .byline .post-edit-link, .entry-meta .post-edit-link, .byline abbr.published, .entry-meta abbr.published, .byline .comments-link, .entry-meta .comments-link { margin-right: 8px } /* Singular Content */ .hentry { clear: both } .home .post, .home .hentry, .archive article.post, .archive article.hentry { float: left; width: 100%; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .hfeed .post:last-child, .hfeed .hentry:last-child { border: none; margin-bottom: 0; } article.post img, article.hentry img { /*border: none;*/ max-width: 100%; padding: 0; display: block; } .hfeed .post .entry-meta, .hfeed .hentry .entry-meta { padding-bottom: 0 } article.author-admin { border: none } .post_fig { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 22.5%; margin: 0 2.5% 10px 0; } .entry-meta { color: #999; padding: 15px 0; } .entry-author-meta { float: left; padding: 18px 0; width: 100%; } .entry-author-meta img.avatar { float: left; height: 50px; margin: 18px 20px 14px 0; width: 50px; } .entry-author-meta .author-name { font: bold 14px/21px Georgia, serif; margin: 15px 0 0 70px; padding: 0; } .entry-author-meta .author-description { font-size: 14px; line-height: 21px; margin-left: 70px; } .entry-content { clear: both; float: left; width: 100%; } .success_msg { background-color: #DFF0D8; border: 1px solid #D6E9C6; border-radius: 4px; margin-bottom: 20px; color: #468847; padding: 10px 15px; } .entry-content .negative-margins { margin: 0 -40px } .twp_search_cont { margin-bottom: 30px } .twp_search_cont input[type="text"] { max-width: 560px } .twp_search_cont input[type="submit"] { margin: 0 } /* Entry content captions */ .wp-caption { background: #e2e2e2; background-image: linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -o-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -moz-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -webkit-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -ms-linear-gradient(top, #fff 0%, #f7f7f7 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #f7f7f7)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#f7f7f7'); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 6px -3px rgba(0, 0, 0, 0.6); -webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; padding: 10px; } .wp-caption img { height: auto; margin: 0 } /* Entry content gallery */ .gallery { clear: both } .gallery-row:after { clear: both; content: "."; display: block; font-size: 0; height: 0; line-height: 0; visibility: hidden; } .gallery-item, .gallery-icon, .gallery-caption { background: transparent; border: 0; margin: 0; padding: 0; } .gallery-item { display: block; float: left; text-align: center; } .gallery-icon { margin: 0; padding: 0; text-align: center; } .gallery-icon img { height: auto; max-width: 90%; padding: 5%; margin: 0; } .gallery-item a, .gallery-caption { display: block } .gallery-caption { padding: 5px 0 20px } .gallery .col-0, .gallery .col-1 { width: 600px } .gallery .col-2 { width: 280px } .gallery .col-3 { width: 173px } .gallery .col-4 { width: 120px } .gallery .col-5 { width: 88px } .gallery .col-6, .gallery .col-7, .gallery .col-8, .gallery .col-9 { width: 66px } .gallery .col-5 .gallery-caption, .gallery .col-6 .gallery-caption, .gallery .col-7 .gallery-caption, .gallery .col-8 .gallery-caption, .gallery .col-9 .gallery-caption { display: none } /* Gallery variations for full-width (layout-1c) layout */ .layout-1c .gallery .col-0, .layout-1c .gallery .col-1 { width: 920px } .layout-1c .gallery .col-2 { width: 440px } .layout-1c .gallery .col-3 { width: 280px } .layout-1c .gallery .col-4 { width: 200px } .layout-1c .gallery .col-5 { width: 152px } .layout-1c .gallery .col-6 { width: 120px } .layout-1c .gallery .col-7 { width: 97px } .layout-1c .gallery .col-8 { width: 80px } .layout-1c .gallery .col-9 { width: 66px } /* Gallery variations for all narrow-width layouts */ .layout-3c-c .gallery-item, .layout-3c-l .gallery-item, .layout-3c-r .gallery-item, .layout-hl-2c-l .gallery-item, .layout-hl-2c-r .gallery-item, .layout-hr-2c-l .gallery-item, .layout-hr-2c-r .gallery-item { width: 66px } /* For narrow-width layouts, set all gallery items to 66px first, regardless of column setting or image size. */ .layout-3c-c .gallery-caption, .layout-3c-l .gallery-caption, .layout-3c-r .gallery-caption, .layout-hl-2c-l .gallery-caption, .layout-hl-2c-r .gallery-caption, .layout-hr-2c-l .gallery-caption, .layout-hr-2c-r .gallery-caption { display: none } /* For narrow-width layouts, hide all gallery item captions by default. */ .layout-3c-c .gallery .col-0, .layout-3c-l .gallery .col-0, .layout-3c-r .gallery .col-0, .layout-hl-2c-l .gallery .col-0, .layout-hl-2c-r .gallery .col-0, .layout-hr-2c-l .gallery .col-0, .layout-hr-2c-r .gallery .col-0, .layout-3c-c .gallery .col-1, .layout-3c-l .gallery .col-1, .layout-3c-r .gallery .col-1, .layout-hl-2c-l .gallery .col-1, .layout-hl-2c-r .gallery .col-1, .layout-hr-2c-l .gallery .col-1, .layout-hr-2c-r .gallery .col-1 { width: 280px } /* For single-column galleries in narrow-width layouts, set each item to 280px */ .layout-3c-c .gallery .col-2, .layout-3c-l .gallery .col-2, .layout-3c-r .gallery .col-2, .layout-hl-2c-l .gallery .col-2, .layout-hl-2c-r .gallery .col-2, .layout-hr-2c-l .gallery .col-2, .layout-hr-2c-r .gallery .col-2 { width: 120px } /* For two-column galleries in narrow-width layouts, set each item to 120px */ .layout-3c-c .gallery .col-0 .gallery-caption, .layout-3c-l .gallery .col-0 .gallery-caption, .layout-3c-r .gallery .col-0 .gallery-caption, .layout-hl-2c-l .gallery .col-0 .gallery-caption, .layout-hl-2c-r .gallery .col-0 .gallery-caption, .layout-hr-2c-l .gallery .col-0 .gallery-caption, .layout-hr-2c-r .gallery .col-0 .gallery-caption, .layout-3c-c .gallery .col-1 .gallery-caption, .layout-3c-l .gallery .col-1 .gallery-caption, .layout-3c-r .gallery .col-1 .gallery-caption, .layout-hl-2c-l .gallery .col-1 .gallery-caption, .layout-hl-2c-r .gallery .col-1 .gallery-caption, .layout-hr-2c-l .gallery .col-1 .gallery-caption, .layout-hr-2c-r .gallery .col-1 .gallery-caption { display: block } /* For single-column galleries in narrow-width layouts, display gallery item captions. */ /* Entry content page links */ .entry-content .page-links { clear: both; margin: 6px 0 18px; padding: 0; } .entry-content .page-links a { background: #fff; border: 1px solid #f2f2f2; border-radius: 18px; -moz-border-radius: 18px; -khtml-border-radius: 18px; -webkit-border-radius: 18px; display: inline-block; margin: 12px 5px 0 5px; padding: 0 10px 4px; } .entry-content .page-links a:hover { background: #f8f8f8 } /* Archives Content */ .loop-meta { /* Loop meta consists of miscellaneous elements like archive page title, category description, author archive avatar, author biography */ clear: both; padding: 0 0 20px; } .loop-title { /* Generic style for all archive page titles */ padding: 0 0 11px } .loop-meta.vcard img.avatar { float: left; border-radius: 40px; margin-right: 20px; } .author_content { margin-bottom: 20px; padding: 15px 0; border-bottom: 1px solid #E0E3E7; border-top: 1px solid #E0E3E7; } .loop-entries, .loop-entries li { background: transparent; list-style: none; margin: 0; padding: 0; } .loop-entries li { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; display: block; float: left; padding: 15px 40px 20px; width: 100%; } .loop-entries li img { height: auto; max-width: 100%; width: auto; } .loop-entries li .featured-image-link { display: block; float: left; margin: 21px 40px 5px 0; padding: 0 0 10px; width: 280px; } .loop-entries li.format-gallery img.thumbnail, .loop-entries li.format-image img.thumbnail { height: auto; margin: 21px 0 5px; max-width: 100%; width: auto; } .loop-entries li .entry-title { border: 0; clear: none; line-height: 30px; padding: 15px 0 6px; } .loop-entries li .byline, .loop-entries li .entry-meta { background: transparent; border: 0; clear: none; font: bold 10px/21px Georgia, serif; padding: 6px 0 0; } .loop-entries li .entry-summary { clear: none; font-size: 14px; line-height: 24px; } .loop-entries li .entry-summary p { padding: 13px 0 11px } /* Archive Content Variations - Adjusting excerpt view for other layouts */ .layout-2c-r .loop-entries li .featured-image-link, .layout-hl-1c .loop-entries li .featured-image-link { float: right; margin-left: 40px; margin-right: 0; } #content { width: 67%; /*float: left;*/} /* -------------------------------------------------- :: ~Sidebar -------------------------------------------------- */ .sidebar { float: right; width: 26%; } #sidebar-header { float: right; width: 60%; padding: 30px 0; } #sidebar-header .widget { margin: 0 } .layout-hl-1c #sidebar-header, .layout-hl-2c-l #sidebar-header, .layout-hl-2c-r #sidebar-header, .layout-hr-1c #sidebar-header, .layout-hr-2c-l #sidebar-header, .layout-hr-2c-r #sidebar-header { padding-top: 0; width: 100%; } .sidebar-inter-content, #sidebar-entry { border-bottom: 1px solid #f8f8f8; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; clear: both; width: 100%; } #sidebar-entry { border: 0; padding: 18px 0 0; } .sidebar-after-header, .sidebar-subsidiary { float: none; margin: 0 auto; padding: 0; width: 1200px; } .sidebar-wrap { padding: 18px 0; position: relative; } .sidebar-subsidiary .sidebar-wrap { float: none; clear: both; width: auto; height: auto !important; margin-left: -4%; } .sidebar-1c .widget, .sidebar-2c .widget, .sidebar-3c .widget, .sidebar-4c .widget, .sidebar-5c .widget { position: static !important; margin-left: 4%; } .sidebar-1c .widget { width: 96% } .sidebar-2c .widget { width: 46% } .sidebar-3c .widget { width: 29.3% } #sidebar-front_page, #sidebar-contact_page_sidebar, #sidebar-woo_page, #theme_details_sidebar, #sidebar-post-detail, #sidebar-post-listing{ border-left: 1px solid #e0e3e7; margin-left: 25px; padding: 0 0 0 25px; width: 26%; } /*-------------- ~Theme Gallery Listing ---------------*/ .taxonomy-pcategory-wordpress-themes-store .title-description .title.title-large, .taxonomy-pcategory .title-description .title.title-large { text-align: left; margin-bottom: 50px; } .taxonomy-pcategory .title-description .title.title-large p br { display: none } .taxonomy-pcategory .title-description .title.title-large p:empty { display: none; } .taxonomy-pcategory #filter_part li.pcategory li:first-child, .taxonomy-pcategory #filter_part li.pluginscats li:first-child { border-top: none; } .taxonomy-pcategory #filter_part li.pcategory:first-child, .taxonomy-pcategory #filter_part li.pluginscats:first-child { border: none; } .taxonomy-pcategory #filter_part li.pcategory, .taxonomy-pcategory #filter_part li.pluginscats { border-bottom: 1px solid #E0E3E7; padding-top: 5px; padding-bottom: 5px; } .taxonomy-pcategory #filter_part li.pcategory ul, .taxonomy-pcategory #filter_part li.pluginscats ul { display: none; } .taxonomy-pcategory #filter_part li.pcategory:hover ul, .taxonomy-pcategory #filter_part li.pluginscats:hover ul { display: block; } .singular-page .sidebar .widget.theme_filter_list, .singular-page #filter_part .widget.theme_filter_list { border-bottom: 1px solid #E0E3E7; padding-bottom: 0; } .singular-page .search-box input { margin-bottom: 10px; } .sorting { margin-top: 30px; } .sorting-navigation ul li { display: inline-block; padding: 0 5px; } .sorting-navigation li ul { display: none; } .sorting-navigation i { vertical-align: top; } .current-sort a { color: #5aca30; font-weight: 600; } section.listing { margin-top: 30px; } .row { width: 100%; float: left; margin: 0 0 0 3%; border-bottom: 1px solid #f2f2f2; } .col-6 { float: left; width: 44%; word-wrap: break-word; padding: 4.5%; border-right: 1px solid #f2f2f2; } .row .col-6:nth-of-type(2n+1) { padding-left: 0; } .row .col-6:nth-of-type(2n) { border-right: none; padding-right: 0; padding-left: 6%; } .row:first-of-type .col-6 { padding-top: 0; } .row:last-of-type { border-bottom: none; } #filter_part ul ul { border-left: none; padding-left: 15px; } .meta-desc > li.rating { padding-right: 0; } .rating li { list-style: none; display: inline-block; } .rating li i { color: #FC0; } .meta-desc > li { display: inline-block; padding-right: 10px; } .meta-desc { font-size: 0.750em; float: left; width: 100%; } .listing-data .meta-desc a { color: #008BD3; } .listing-data .meta-desc a:hover { color: #333; } .listing-data li { list-style: none; float: left; } .listing-data a { color: #454545; margin-bottom: 5px; display: block; } .listing-data a:hover { color: #5aca30; } .listing-data h2 { margin: 0; font-size: 1.125em; line-height: normal; } .listing-data p { margin: 0; font-size: 0.875em; line-height: 20px; float: left; padding: 0; } .listing-data img { float: left; } .listing-data > li > a { border: 1px solid #CCCCCC; width: 100%; max-width: 100px; float: left; max-height: 100px; position: relative; } .listing-data > li > a .free-tag { background: red; color: #fff; font-size: 13px; left: -4px; line-height: 13px; padding: 2px 4px; position: absolute; top: 4px; } .listing-data .meta-desc > li { line-height: 12px; margin-bottom: 5px; } .listing-text { float: left; width: 63%; padding-left: 19px; } .meta-desc > li.featured-tag { background-color: #009933; padding: 4px 5px 3px; color: #FFFFFF; font-size: 0.8em; line-height: normal; border-radius: 4px; -webkit-border-radius: 4px; } .price-removed { text-decoration: line-through; } .price-new { color: #008BD3; font-weight: bold; } .meta-desc > li.price-new { padding-right: 5px; } /*sales page rating*/ .rating-templatic-sales .rating-title, .rating-templatic-sales .rating-stars { display: inline-block; } .rating-templatic-sales .rating-stars .is-visually-hidden { vertical-align: middle; } /*theme_ideas_section*/ .directory_content .theme_ideas_section > .container, .content_sales .theme_ideas_section > .container { border-top: 0 none; padding-top: 30px; } .directory_content .theme_ideas_section .left_section_icon, .content_sales .theme_ideas_section .left_section_icon { max-width: 370px; } .directory_content .theme_ideas_section .left_section_icon, .directory_content .theme_ideas_section .right_section_content, .content_sales .theme_ideas_section .left_section_icon, .content_sales .theme_ideas_section .right_section_content { display: table-cell; vertical-align: middle; } .directory_content .theme_ideas_section .right_section_content, .content_sales .theme_ideas_section .right_section_content { max-width: 550px; } .directory_content .theme_ideas_section .left_section_icon img, .content_sales .theme_ideas_section .left_section_icon img { padding-right: 60px; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .tmpl-single-post .alignleft.imageborder { margin-right: 20px; } .tmpl-single-post .alignright.imageborder { margin-left: 20px; } /* MailChimp Form Embed Code - Classic - 08/17/2011 */ #mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%} #mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;} #mc_embed_signup input {border:1px solid #999; -webkit-appearance:none;} #mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;} #mc_embed_signup input[type=radio]{-webkit-appearance:radio;} #mc_embed_signup input:focus {border-color:#333;} #mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;} #mc_embed_signup .button:hover {background-color:#777;} #mc_embed_signup .small-meta {font-size: 11px;} #mc_embed_signup .nowrap {white-space:nowrap;} #mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;} #mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;} * html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */} #mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;} #mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;} #mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;} #mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;} #mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;} #mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;} #mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;} #mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;} #mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;} #mc_embed_signup .asterisk {color:#c60; font-size:200%;} #mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;} #mc_embed_signup .clear {clear:both;} #mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;} #mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;} #mc_embed_signup .mc-field-group.input-group label {display:inline;} #mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;} #mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;} #mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;} #mc_embed_signup #mce-error-response {display:none;} #mc_embed_signup #mce-success-response {color:#529214; display:none;} #mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;} #mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;} #mc_embed_signup #num-subscribers {font-size:1.1em;} #mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;} #mc_embed_signup{background:#fff; clear:left; font:14px Helvetica,Arial,sans-serif; } /*** Big Screen ************************************************/ @media only screen and (max-width:1200px) { body #main { /* padding:0;*/ width: 100%; } body #main .wrap section { /*padding: 0 15px;*/ box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .sales_theme_banner .sales_theme_banner_inner { max-width: 90%; } .listing-text { width: 58%; } section.listing { padding-left: 0; } .row { margin-left: 0; } .sidebar, .breadcrum-title { padding: 0 15px; } .singular-page #main .wrap section .breadcrum-title{padding: 0;} .directory_content .contact-info-strip-left-block.contact-info-strip-left-block-with-button { display: inline-block; float: none; max-width: 100%; width: 100%; } .directory_content .contact-info-strip{ display: inline-block!important; width: 100%!important; text-align: left; } .info-strip-button-wrapper { margin-top: 30px; } } /*** Desktops ************************************************/ @media only screen and (max-width:980px) { body #wrapper #home_banner a.buynow_btn, a.buynow_btn_new { font-size: 1.1em; padding: 14px 22px; } .popular-theme .content_home_wrap.related_themes_n li { width: 100% !important; } body.singular-page.singular-page-8605 section#content { width: 100%; } .listing-text { width: 54%; } .col-6 { width: 100%; border-bottom: 1px solid #E0E3E7; border-right: none; } .row .col-6:nth-of-type(2n) { padding-left: 0; } .row { border-bottom: none; } body #filter_part { width: 100%; border-right: none; } .row:first-of-type .col-6:nth-of-type(2) { padding-top: 4.5%; } .row:first-of-type .col-6 { padding-right: 0; } body #main .wrap section section {padding: 0;} body #main .wrap .directory_content section{ margin-bottom: 50px; } } /*-------------- ~Theme Gallery ---------------*/ body.taxonomy-pcategory #content, body.taxonomy-ptags #content { width: 82%; float: right; } #gwrap { margin: 30px 0 0; } #gwrap .themeunit { position: relative; float: left; vertical-align: top; z-index: 0; padding: 15px 15px; width: 280px; min-height: 360px; margin-left: 4px; } #gwrap .themeunit:hover { z-index: 10; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s } #gwrap .themeunit .theme_meta { position: absolute; top: 0; left: 0; padding: 15px 15px; border-radius: 6px; transition: all 0.2s ease-in-out 0s; } #gwrap .themeunit .theme_meta .more { width: 100%; display: none; text-align: center; margin: 20px auto 0 auto } #gwrap .themeunit .theme_meta .more:hover { background: none } #gwrap .themeunit .theme_meta:hover .more { display: block } #gwrap .themeunit .theme_meta .more a.btn_viewdemo, #gwrap .themeunit .theme_meta .more a.btn_viewdetails { background: #e0e7f4; font-size: 14px; border: 1px solid #e0e7f4; font-weight: normal; line-height: 20px; color: #333; display: inline-block; padding: 3px 12px; border-radius: 3px; } #gwrap .themeunit .theme_meta .more a.btn_viewdemo:hover, #gwrap .themeunit .theme_meta .more a.btn_viewdetails:hover { color: #FFF; text-decoration: none; background: #47b0e2; border-color: #47b0e2; } #gwrap .themeunit .theme_meta .more a.btn_viewdemo:active, #gwrap .themeunit .theme_meta .more a.btn_viewdetails:active { box-shadow: 0 0 1px #999; position: relative; top: 2px } #gwrap .themeunit:hover .theme_meta { top: 0px; left: -5px; height: 400px; background: #fff; box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4); padding: 25px 40px; border-radius: 3px; margin: -10px 0 0 -20px; } #gwrap .themeunit a.pimg { position: relative; display: block; width: 280px; height: 238px; border: 1px solid #ccc; box-sizing: border-box; padding: 10px; } #gwrap .themeunit a.pimg img { width: 100%; height: 100%; } #gwrap .themeunit a.pimg span { background-position: top right; position: absolute; top: -1px; right: -1px; width: 47px; height: 47px } #gwrap .themeunit a.pimg span.tag_new { background-image: url(http://cdn.templatic.com/wp-content/themes/Templatic/images/tag_new.png) } #gwrap .themeunit a.pimg span.tag_v2 { background-image: url(http://cdn.templatic.com/wp-content/themes/Templatic/images/tag_v2.png) } #gwrap .themeunit a.pimg span.tag_v3 { background-image: url(http://cdn.templatic.com/wp-content/themes/Templatic/images/tag_v3.png) } #gwrap .themeunit a.pimg span.tag_v4 { background-image: url(http://cdn.templatic.com/wp-content/themes/Templatic/images/tag_v4.png) } #gwrap .themeunit a.pimg span.tag_free { background-image: url(http://cdn.templatic.com/wp-content/themes/Templatic/images/tag_free.png) } #gwrap .themeunit h2 { font-weight: bold; line-height: normal; text-align: left; margin: 0 0 15px 0 } #gwrap .themeunit h2 a { text-decoration: none; font-size: 18px; color: #454545 } #gwrap .themeunit p { font-size: 14px; line-height: 17px; text-align: left; padding-top: 12px; } #gwrap .themeunit h2 span { display: none; color: #919aa3; } #gwrap .themeunit:hover h2 span { font-size: 15px; float: right; margin-top: 8px } /*-------------- ~Gallery Sidebar --------------*/ #filter_part { width: 15%; padding-right: 1.5%; float: left; font-size: 15px; line-height: 24px; margin-top: 30px; border-right: 1px solid #E0E3E7; } #filter_part li.pcategory li, #filter_part .theme_tag_list ul li, #theme_details_sidebar ul.related_plugin_list li { text-align: right; padding: 7px 0; font-size: 12px; border-top: 1px solid #E0E3E7; width: 100%; clear: both; float: left } #filter_part li li { border-top: 1px solid #E0E3E7; padding: 3px 0; } #filter_part li.pcategory li a, #filter_part .theme_tag_list ul li a, #theme_details_sidebar ul.related_plugin_list li a { text-align: left; float: left; padding: 0; display: block; padding: 0 } #filter_part ul, #filter_part .theme_tag_list ul { margin-top: 5px } #filter_part li { list-style: none; clear: both; } #filter_part ul li a, #filter_part .theme_tag_list ul li a, #theme_details_sidebar ul.related_plugin_list li a { color: #47b0e2; font-size: 14px !important; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } #filter_part ul li a:hover, #filter_part .theme_tag_list ul li a:hover, #theme_details_sidebar ul.related_plugin_list li a:hover { color: #f49b6c } #filter_part ul li.active a, #filter_part ul li.current-cat a, #filter_part ul li.current-cat, #filter_part ul li a.current-term { font-weight: 600; color: #f49b6c; } #filter_part ul li a i { display: none; font-size: 13px; line-height: 25px; color: #ff0000; } #filter_part ul li.active a i { display: block; float: left; margin-right: 3px; } #filter_part ul li a span { float: right } /*-- ~Testimonial Widget --*/ #testimonials h3 { margin-bottom: 10px } #testimonials ul li { padding-left: 85px } #testimonials .avtar, #testimonials .dev-info img { float: left; margin-left: -85px; } #testimonials span { float: left } .content_home_wrap #testimonials .dev-info { padding: 0 } .content_home_wrap #testimonials .dev-info .t_content { padding: 0 0 6px } #testimonials span i, .rcmnd-devs .dev-info i { font-size: 24px; color: #c7ccd1; margin-right: 8px; } .rcmnd-devs .dev-info p a { font-size: 14px } #testimonials .avtar img, #testimonials .dev-info img { width: 60px; height: 60px; border: 1px solid #CCD1D7; box-shadow: 0 2px 4px #CCD1D7; float: left; padding: 4px; border-radius: 40px; } #testimonials span cite, #theme_details_sidebar #testimonials p { display: block; font-size: 14px; margin-top: 4px; font-style: normal; line-height: 21px; } #testimonials span cite a, #theme_details_sidebar #testimonials a { display: block; font-size: 13px; line-height: 18px; color: #919aa3; } #testimonials span cite a:hover { color: #2980b9 } /* Our Team section on About page */ #content ul.team_members li { background: none; padding: 0; margin: 0 10px 10px 0; float: left; text-align: center; min-height: 125px; } #content ul.team_members li span { width: 100%; position: relative; top: -20px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; } #content ul.team_members li:hover span { top: 0 } #content ul.team_members li span h6 { font-size: 12px; line-height: normal; margin: 0; opacity: .0; -webkit-opacity: .0; -moz-opacity: .0; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; } #content ul.team_members.centeralign li { float: none; display: inline-block; *display: inline; vertical-align: top; margin: 0 10px 10px; } #content ul.team_members li:hover span h6 { opacity: 1; -webkit-opacity: 1; -moz-opacity: 1; } #content ul.team_members li br, #content ul.team_members li p { display: none } /* -------------------------------------------------- :: ~Entry-content Styling -------------------------------------------------- */ .entry-content h2, .entry-summary h2, .entry-content h3, .entry-summary h3, .entry-content h4, .entry-summary h4, .entry-content h5, .entry-summary h5 { /*color: #4A66A0;*/padding: 12px 0 6px; margin: 0; } .entry-content h2, .entry-summary h2 { font-size: 20px; line-height: 28px; } div.entry-content h2 { padding-top: 15px; padding-bottom: 15px; line-height: 1.2;} div.entry-content .am-partners h2 { padding-top: 0; } .entry-content p, .entry-summary p, .entry-content ul, .entry-summary ul, .entry-content ol, .entry-summary ol { padding: 6px 0; } /*18px/29px - Templatic.com/blog this link's font looks like bold with 18px size. Thus size is reduced. */ .entry-content ul li, .entry-summary ul li, ul.list-icon-tick li { background: url("images/tick.png") no-repeat left 9px; padding: 3px 0 3px 25px; margin: 0; } .entry-content ol li, .entry-summary ol li { padding: 3px 0 } article .entry-content img, article .entry-summary img, .entry-content span.edit { display: block; clear: both } .entry-content form ul li { background: none; padding: 0 0 10px; } body.singular-post #blog-post h1.post-title { font-size: 40px; line-height: 54px; font-weight: 700; color: #333; text-align: left; } body.singular-post #blog-post .entry-content h3 { font-size: 22px } #blog-post h1.post-title, body.singular-post h2, body.singular-post h3, body.singular-post h4, body.singular-post h5, body.singular-post h6{ font-family: 'proxima-nova', Helvetica, Arial, sans-serif; font-weight: 600; } body.singular-post #comments-template, div.blog_detail_newsletter { font-family: 'proxima-nova', Helvetica, Arial, sans-serif; } body.singular-post .breadcrumb { display: none } body.singular-post .entry-content ul { margin: 0 } h2 + .ul_center_align { padding-top: 10px; } /* -------------------------------------------------- :: ~Blog Listing -------------------------------------------------- */ body.archive article, article.post { margin-bottom: 60px } article h2.entry-title { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); } body.archive article .byline, article.post .byline { padding-top: 20px } article a.more-link i { padding-left: 2px } article a.more-link:hover { color: #333 } .more-link-wrapper{ margin-top: 10px; } body.tmpl-blog-listing article .more-link-wrapper a, body.tmpl-blog-listing .blog_section a.blog-more-link{ background: #f49b6c none repeat scroll 0 0; border-radius: 2px; clear: both; color: #fff; display: inline-block; font-size: 14px; font-weight: 400; margin-top: 0; padding: 6px 15px; width: auto; } body.tmpl-blog-listing article .more-link-wrapper a:hover, body.tmpl-blog-listing .blog_section a.blog-more-link:hover{ background: #eb8f62 none repeat scroll 0 0; color: #fff; } body.tmpl-blog-listing .sidebar .blog_section a.blog-more-link{ background: none; border-radius: 0px; color: #f49b6c; margin-top: 15px; padding: 0; font-size: 16px; } body.tmpl-blog-listing .sidebar .blog_section a.blog-more-link:hover{ color: #555; background: none; } .hentry .featured-image-link { display: block; margin-bottom: 15px; } .hentry .featured-image-link img { display: block; width: 100%; max-width: 100%; } .home .post .moretag, .home .hentry .moretag, .archive article.post .moretag, .archive article.hentry .moretag, .moretag { color: #333; font-weight: 600; white-space: nowrap; } .home .post .moretag:hover, .home .hentry .moretag:hover, .archive article.post .moretag:hover, .archive article.hentry .moretag:hover, .moretag:hover { color: #6bb3d1 } .home .post .moretag:active, .home .hentry .moretag:active, .archive article.post .moretag:active, .archive article.hentry .moretag:active { position: relative; top: 1px; } .byline, .entry-meta, .comment-meta { font-size: 14px; line-height: 25px; color: #99a3ae; } .byline a, .entry-meta a, .comment-meta a { color: #999; } .byline a:hover, .entry-meta a:hover, .comment-meta a:hover { color: #6bb3d1 } /* -------------------------------------------------- :: ~Blog Detail -------------------------------------------------- */ /*~specific changes for Directory post */ body.singular.tmpl-single-post { background: #fff } body.singular #blog-post { border-color: #fff } body.singular .fullwidthimage { left: 50%; margin-left: -800px; padding: 20px 0; position: relative; width: 1600px } body.singular.singular-post .fullwidthimage { position: static; width: 100%; margin-left: 0; } body.singular .fullwidthimage img { float: none; margin: 0 auto; display: block; width: auto; max-width: 100% } body.singular.tmpl-blog-listing .fullwidthimage { max-width: 100%; margin: 0; position: static } article .byline, .arclist .byline { clear: both } article .byline span.author, article .byline div.entry-meta, article .byline abbr.published, article .byline a.comments-link, .arclist .byline span.author, .arclist .byline div.entry-meta, .arclist .byline abbr.published, .arclist .byline a.comments-link { font-size: 14px; line-height: 25px; display: inline-block; *display: inherit; vertical-align: top; } article .byline .entry-meta, .arclist .byline .entry-meta { padding: 0 } article .byline i, .arclist .byline i { margin: 0 4px 0 8px; color: #677686; } article .byline .edit, .arclist .byline .edit { margin-left: 8px } #reply-title { margin: 0 0 0px; font-weight: 700; font-size: 2em; } .comments-wrap #respond { padding-top: 5px } .title_avatar { float: left } .title_avatar img.avatar { width: 60px; height: 60px; border-radius: 40px; margin: 5px 40px 0 0 } .tmpl-blog-listing #content .post h2.entry-title{ font-size: 2em; } .tmpl-blog-listing #content .post h2.entry-title a{ color: #333; } .tmpl-blog-listing #content .post h2.entry-title a:hover{ color: #5aca30; } .tmpl-blog-listing .entry-content h2, .tmpl-blog-listing .entry-summary h2 { font-size: 2em; font-weight: 700; line-height: 28px; } .tmpl-blog-listing .entry-summary h2{ font-size: 1.5em; } .tmpl-blog-listing .entry-summary h1 a, .tmpl-blog-listing .entry-summary h2 a, .tmpl-blog-listing .entry-summary h3 a, .tmpl-blog-listing .entry-summary h4 a, .tmpl-blog-listing .entry-summary h5 a, .tmpl-blog-listing .entry-summary h6 a, .tmpl-blog-listing .entry-summary h1, .tmpl-blog-listing .entry-summary h2, .tmpl-blog-listing .entry-summary h3, .tmpl-blog-listing .entry-summary h4, .tmpl-blog-listing .entry-summary h5, .tmpl-blog-listing .entry-summary h6{ color: #555; } p:empty, span:empty, h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty, p:-moz-only-whitespace{ display: none; } .hire-templatic-developer{ background: #47b0e2 none repeat scroll 0 0; border-radius: 3px; color: #fff; } .hire-templatic-developer-inner{ padding: 15px; } .hire-templatic-developer h3.widget-title { border-bottom: 1px solid rgba(255, 255, 255, 0.5); color: #fff; font-size: 1.1em; line-height: 1; padding: 15px; } .hire-templatic-developer p{ padding-top: 0; padding-bottom: 8px; } .hire-templatic-developer p:last-of-type{ padding-bottom: 0; } .hire-templatic-developer .button{ background-color: #ffffff; color: #333; font-size: 16px; margin-top: 16px; padding: 12px 22px; } .hire-templatic-developer .button:hover{ background-color: #5aca30; color: #fff; } .arclist ul li h2{margin-bottom: 0; line-height: normal;} /* -------------------------------------------------- :: ~Comments -------------------------------------------------- */ /* Comments Template -- #comments-template */ #comments-template { width: 100%; float: left; clear: both; margin-top: 60px; } /* Comments -- #comments */ #comments p.comments-closed { border-bottom: 1px solid rgba(0, 0, 0, 0.1); clear: both; color: #e00; padding: 30px 0; } #comments ol { clear: both; list-style: none; margin: 0; padding: 0; } /* Comments List */ #comments li { clear: both; float: left; width: 100%; padding: 0; } span.member-templatic { position: absolute; left: -4px; top: 53px; font-size: 11px; line-height: 18px; width: 58px; text-align: center; border-radius: 10px; background: #6BC5E5; color: #fff; text-shadow: 0 0 2px rgba(0, 0, 0, 0.60) } #comments li.staffmember > .comment-wrap .comment-author cite { color: #5aca30 } #comments li li .comment-wrap, #comments li #respond { margin-left: 70px } #comments li li li .comment-wrap, #comments li li #respond { margin-left: 140px } #comments li li li li .comment-wrap, #comments li li li #respond { margin-left: 210px } #comments li li li li li .comment-wrap, #comments li li li li #respond { margin-left: 280px } /* Comments List Variations */ .layout-3c-c #comments li li, .layout-3c-l #comments li li, .layout-3c-r #comments li li, .layout-hl-2c-l #comments li li, .layout-hl-2c-r #comments li li, .layout-hr-2c-l #comments li li, .layout-hr-2c-r #comments li li { background: transparent } .layout-3c-c #comments li li .comment-wrap, .layout-3c-l #comments li li .comment-wrap, .layout-3c-r #comments li li .comment-wrap, .layout-hl-2c-l #comments li li .comment-wrap, .layout-hl-2c-r #comments li li .comment-wrap, .layout-hr-2c-l #comments li li .comment-wrap, .layout-hr-2c-r #comments li li .comment-wrap { margin-left: 0 !important } /* Comment Header */ .comment-header { position: relative } .comment-header img.avatar { border-radius: 25px; float: left; height: 50px; width: 50px; margin: 0 20px 0 0; } .comment-content, .templatic_comment { margin-left: 80px } .comment-content, .templatic_comment p { padding-top: 0; } .templatic_comment, #comments li #respond { padding-bottom: 20px; border-bottom: 2px double #E0E3E7; margin-bottom: 20px; } #comments li #respond form { padding: 0 } .comment-meta .published i { margin: 0 4px 0 10px } .comment-meta .comment-author { margin-right: 10px } .comment-author cite { font-size: 16px; font-style: normal; font-weight: 600; color: #333; } .comment-meta abbr { border: 0 } .comment-reply-link, .comment-reply-login { font-size: 12px; color: #99A3AE; } .comment-reply-link:hover, .comment-reply-login:hover { color: #6BB3D1 } .comment-reply-link:active, .comment-reply-login:active { position: relative; top: 1px; } .comment-text { clear: both; padding: 0 0 18px; } .comment-text p a { text-decoration: underline } .comment-text p a:hover { text-decoration: none } #comments .comment-text ol, #comments .comment-text ul { background: transparent; border: 0; list-style: none; margin: 0; padding: 0; } #comments .comment-text ol li, #comments .comment-text ul li { background: transparent; border: 0; clear: none; float: none; margin: 0; padding: 0; width: auto; } #comments .comment-text ol, #comments .comment-text ul { margin: 12px 0 12px 20px } #comments .comment-text ol { list-style: decimal; margin-left: 46px; } #comments .comment-text ol ol { list-style: upper-roman } #comments .comment-text ol ol ol { list-style: lower-roman } #comments .comment-text ol ol ol ol { list-style: upper-alpha } #comments .comment-text ol ol ol ol ol { list-style: lower-alpha } #comments .comment-text ul li { background: url(library/images/disc.png) 0 8px no-repeat; padding: 0 0 0 26px; } .comment-text p.moderation { color: #e00 } #comments li li.comment-wrap .comment-text { background-position: 40px 0; margin-left: -40px; padding-left: 80px; } .comment-content .moderation { background: #FFD9C8; border: 1px solid #F0BAA2; border-radius: 4px; line-height: normal; padding: 8px 10px; } /* Comment form */ .form_row { padding: 0 0 20px; position: relative; } #respond { clear: both } form#commentform { padding: 0 0 30px } form#commentform p.log-in-out, form#commentform p.logged-in-as { padding: 3px 0 } form#commentform p.form-author, form#commentform p.form-email, form#commentform p.form-url, form#commentform p.form-textarea { padding: 3px 0 } form#commentform input[type="text"] { display: inline-block; *display: inline; zoom: 1; width: 100%; margin: 0; } form#commentform .form-submit { padding-top: 0 } form#commentform .form-submit input[type="submit"] { margin: 0 } form#commentform .required { color: #FF0000; margin-left: 2px; vertical-align: top; } #respond #cancel-comment-reply-link { font-size: 12px; float: none; color: #99A3AE; padding: 10px 0 0 0; display: block; } #respond #cancel-comment-reply-link:hover { color: #6bb3d1 } form#commentform p.log-in-out { padding: 0 0 12px } #respond p.alert { color: #e00; padding: 30px 40px; } /* Comment form inside a comment */ #comments #respond { border-bottom: 0 } .view_counter b { color: #000 } .share_link { display: block; margin-bottom: 20px; } #facebook_share_button, .twitter-count-horizontal, .pinterest { float: left } .pinterest { margin-right: 15px } #facebook_share_button { background: url(library/images/facebook_share.png) no-repeat left top; display: block; float: left; height: 20px; margin: 0 10px 0 0; text-indent: -9999px; width: 60px; } /* -------------------------------------------------- :: ~Pages -------------------------------------------------- */ /*----- Home Page -----*/ .home #main #content { background: none; padding-top: 0; } /*----- ~Sitemap -----*/ .sitemap .arclist ul li a { display: block; float: left; width: 84%; } .sitemap .arclist ul li span.arclist_comment { display: block; width: 15%; } /*----- ~Advance Search -----*/ .form_front_style { display: block; clear: both; border: 2px solid #EEEEEE; padding: 15px 20px; } .form_front_style label { width: 140px; font-size: 17px; } .form_front_style input[type="text"], .form_front_style select { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; } #todate, #frmdate { display: inline-block; *display: inline; zoom: 1; vertical-align: top; clear: none; max-width: 330px !important; margin-top: 0; } /*----- ~Contact page -----*/ .cont_wid_area { margin-top: 20px } #contact_frm h2 { padding-bottom: 12px } .form_row label { margin-bottom: 0 } .indicates { color: #ff0000; margin: 0 5px; } .recaptcha_claim span { color: #ff0000 } .error, .message_error { list-style: none; color: #ff0000; } .contact_parent .loop-description { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 48%; margin-right: 1%; } .contact_parent .cont_wid_area { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 48%; margin-top: 0; margin-left: 1%; } .contact_parent .cont_wid_area .widget { width: 100%; margin-left: 0; } .gform_wrapper .top_label .gfield_label{ margin-top: 0; vertical-align: top; } .gform_wrapper li, .gform_wrapper form li{ list-style-position: inside!important; } /*----- ~Author Page -----*/ #hcard-admin { background: rgba(0, 0, 0, 0.04); border: 1px solid rgba(0, 0, 0, 0.06); border-radius: 4px; padding: 10px; margin-bottom: 40px; } #hcard-admin img.avatar { margin: 0 20px 0 0 } .agent_biodata span { display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-indent: -9999px; margin-right: 10px; } .agent_biodata span a { display: block } .agent_biodata span a:hover { opacity: .7 } .agent_biodata span.u_link a { width: 70px; height: 24px; background: url(library/images/i_share.png) no-repeat left top; } .agent_biodata span.u_facebook a { width: 94px; height: 24px; background: url(library/images/i_facebook.png) no-repeat left top; } .agent_biodata span.u_twitter a { width: 77px; height: 24px; background: url(library/images/i_twitter.png) no-repeat left top; } /* ========================================================================== Error 404 Page ========================================================================== */ section.error_404 #goog404 { background: #fef6d2 none repeat scroll 0 0; border-radius: 3px; margin: 30px 0; padding: 20px; border: 1px solid #eee2a7; } #goog404 form { margin: 10px 0 } #goog404 input[type="text"] { padding: 10px 12px; margin-right: 5px; } section.error_404 ul li { padding: 4px 0; list-style: disc; margin-left: 16px; } section.error_404 ul li.search-goog { margin-left: 0; list-style: none; } .error_404, #content.error_404 { width: 100%; display: inline-block; } .error_404 .align-center { text-align: center; } .error_404 #goog-wm{ margin: 50px 0; } .error_404 #goog-wm ul{ background: #fff; padding: 20px; width: auto; margin-top: 30px; margin-left: auto; margin-right: auto; display: table; box-shadow: 0 0 50px rgba(0, 0, 0, 0.1); } .error_404 #goog-wm ul li.search-goog label{ display: block; float: left; margin-bottom: 0; margin-top: 12px; margin-right: 20px; } .error_404 #goog-wm ul li.search-goog{ float: left; padding-bottom: 0; padding-top: 0; width: auto; } .error_404 #goog-wm ul li.search-goog form{ display: inline-block; margin-bottom: 0; margin-top: 0; width: auto; margin-left: 10px; } .error_404 #goog-wm ul li.search-goog input[type="text"]{ border: 1px solid rgba(0, 0, 0, 0.09); border-radius: 2px; float: left; max-width: 300px; width: 100%; } .error_404 #goog-wm ul li.search-goog input[type="submit"]{ padding-top: 13px; padding-bottom: 13px; } .error_404 #goog-wm ul li.search-goog input[type="submit"]:hover{ background-color: #eb8f62; } .error_404 .other-things{ text-align: center; color: #c9b968; display: block; font-size: 2em; padding: 0; } .error_404 .templatic-categories{ margin-top: 40px; } .error_404 .templatic-categories div{ margin-bottom: 15px; padding-bottom: 15px; max-width: 25%; width: 100%; float: left; } .error_404 .templatic-categories div:last-of-type{ margin-bottom: 0; border-bottom: none; } .error_404 .templatic-categories div h3{ margin-bottom: 5px; padding-left: 15px; padding-right: 15px; } .error_404 .templatic-categories div ul{ display: block; overflow: hidden; padding-right: 15px; padding-left: 15px; } .error_404 .templatic-categories div ul li{ list-style: none; margin-left: 0; } .error_404 .templatic-categories div.recent-blogs ul li{ border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; padding-top: 10px; list-style-type: initial; } .error_404 .templatic-categories div.recent-blogs ul{ padding-left: 28px; } .error_404 .templatic-categories div ul li a{ color: #555; } .error_404 .templatic-categories div ul li a:hover, .error_404 .templatic-categories div ul li:hover{ color: #333; } .error_404 .templatic-categories div ul.templatic-custom-links li a{ color: #333; } .error_404 .templatic-categories div ul.templatic-custom-links li a:hover, .error_404 .templatic-categories div ul.templatic-custom-links li:hover{ color: #555; } /*----- ~Archive -----*/ .arclist h3.entry-title{ font-size: 1.675em; margin: 20px 0; padding: 10px 0; } .arclist h2 { display: inline-block; *display: inline; zoom: 1; vertical-align: middle; width: 22%; font-size: 18px; width: 100%; padding-bottom: 0; margin-bottom: 0 } .search .arclist ul, .error-404 .arclist ul { width: 100% } .arclist ul li { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .arclist ul li > a{ font-weight: 700; } .arclist ul li a { color: #555; } .arclist ul li .byline, .arclist ul li .byline a, .arclist ul li .byline i { color: #999; } .arclist ul li a:hover { color: #5aca30; text-decoration: none; } .arclist_date, .arclist_date a { font-size: 14px !important } .arclist ul ul { margin-left: 20px; width: 97%; } .arclist ul ul li { border: none; padding-bottom: 0; } .arclist ul li span.arclist_comment { font-size: 14px; color: #999; float: right; } /*----- ~Advance Search Page -----*/ #searchform .form_row label { display: block; max-width: 370px; width: 100%; } .form_front_style input[type="text"], .form_front_style select { display: block } .form_front_style .adv_author { display: block; margin-top: 20px; } /*----- ~Recommended Developers -----*/ .page-template-default #content section { margin-bottom: 30px } ul.rcmnd-devs li { list-style: none; padding: 0; margin: 0 7% 50px 0 !important; background: none; width: 46%; float: none; display: inline-block; vertical-align: top } ul.rcmnd-devs li:nth-of-type(2n+2) { margin-right: 0 !important; } ul.rcmnd-devs li img { border-radius: 50px; width: 96px; height: 96px; float: left; margin: 8px 0 0; } ul.rcmnd-devs li .dev-info { padding-left: 120px } ul.rcmnd-devs h3 { border-bottom: 3px double #E0E3E7; padding: 0 0 6px; margin-bottom: 10px; } ul.rcmnd-devs li .byline { margin-bottom: 20px; display: block; } ul.rcmnd-devs li .byline i { margin-right: 5px } ul.rcmnd-devs li p { padding: 0 0 15px } ul.rcmnd-devs li a.link { font-size: 16px; font-weight: 600; color: #333; } ul.rcmnd-devs li a.link:hover { color: #6BB3D1 } ul.rcmnd-devs li .sep { padding: 0 10px } /* ========================================================================== Old Testimonials ========================================================================== */ .templatic-old-review blockquote cite{ color: #555; font-size: 1em; font-style: normal; font-weight: 700; line-height: 1.5; padding-bottom: 20px; padding-top: 8px; } .templatic-old-review blockquote cite a{ font-size: 14px; color: #555; font-weight: 400; } .templatic-old-review blockquote cite a:hover{ color: #f49b6c; } /* -------------------------------------------------- :: ~Shortcode styles -------------------------------------------------- */ /*-- Allert Box --*/ .alert { background-color: #FCF8E3; border: 1px solid #FBEED5; border-radius: 4px 4px 4px 4px; color: #C09853; margin-bottom: 20px; padding: 12px 40px 12px 20px; text-shadow: 0 1px 0 #fff; } .alert .close { box-shadow: none; height: auto; line-height: 20px; margin: 0; position: relative; right: -25px; top: 0; } .alert-danger, .alert-error { background-color: #F2DEDE; border-color: #EED3D7; color: #B94A48; } .alert-success { background-color: #DFF0D8; border-color: #D6E9C6; color: #468847; } .alert-info { background-color: #D9EDF7; border-color: #BCE8F1; color: #3A87AD; } button.close { background: none; border: 0 none; cursor: pointer; padding: 0; } .close { color: #000000; float: right; font-size: 20px; font-weight: 600; line-height: 20px; opacity: 0.2; text-shadow: 0 1px 0 #fff; } .close:hover { background: none; color: #000000; cursor: pointer; opacity: 0.4; text-decoration: none; } #content div.alert_box { padding: 20px } /*-- Content Box --*/ .boxes, body p.info, body p.note { height: 100%; overflow: hidden; padding: 20px; margin: 20px 0; border-radius: 2px; color: #444;} .boxes p { padding: 10px 0; margin: 0; } .boxes h3 { border: none !important; margin: 0; padding: 0 } .normal_box { background: #f9f9f9; border: 1px solid #f1f1f1; } .warning_box { background: #F2DEDE; border: 1px solid #EED3D7; } .download_box { background: #DFF0D8; border: 1px solid #D6E9C6; } .about_box { background: #ecf1ff; border: 1px solid #e0e7fc; margin-top: 0; } .info_box { background: #D9EDF7; border: 1px solid #BCE8F1; } .alert_box, body p.note, body p.info { background: #FCF8E3; border: 1px solid #FBEED5; width: 100%; box-sizing: border-box;} .small { width: 21.5%; float: left; margin: 0 0.8% 20px !important; } .small img { width: 20% !important; margin-left: -29% !important; } .small_right { margin-right: 0 !important } .warning_box img, .download_box img, .info_box img, .about_box img, .alert_box img { width: 5.5%; float: left; box-shadow: none; margin: 0 0 0 -7.3%; } /*----- TABS -----*/ .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both } .nav-tabs, .nav-pills { *zoom: 1; } .nav-tabs:before, .nav-pills:before, .nav-tabs:after, .nav-pills:after { display: table; line-height: 0; contkpent: ""; } .nav-tabs:after, .nav-pills:after { clear: both } .nav-tabs > li, .nav-pills > li { float: left } .nav-tabs > li > a, .nav-pills > li > a { padding-right: 15px; padding-left: 15px; line-height: 14px; } .nav-tabs { background: none; border-bottom: 1px solid #ccc; margin: 0 !important; padding: 0 5px; border-left: none; border-right: none; border-top: none; } .nav-tabs > li { background-image: none !important; border: none !important; display: block; list-style: none; margin: 0 !important; line-height: normal; padding-left: 0; margin-right: 5px !important; position: relative; top: 2px; } .nav-tabs > li > a { display: block; color: #444; padding-top: 10px; padding-bottom: 6px; line-height: 20px; text-decoration: none; border: 1px solid #ccc; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; margin-bottom: 1px; } li.ui-tabs-active { border-bottom: 0 !important } .ui-tabs-active > a, .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color: #3498DB; cursor: default; background-color: transparent !important; } .nav-tabs li.active a { border-bottom: 1px solid #fff } .tabs-stacked .open > a:hover { border-color: #999999 } .tabbable { border: none; *zoom: 1; } .tabbable .tab-pane { clear: both; padding: 10px; vertical-align: top; border: 0; } h3.ui-accordion-header { margin: 5px 0px 0 0; display: block; } h3.ui-accordion-content { margin: 0px; border-top: 0 none; padding: 5px 10px; } h3.ui-accordion-header span.ui-icon { float: left; margin: 3px 5px 0 0; } .tabbable:before, .tabbable:after { display: table; line-height: 0; content: ""; } .tabbable:after { clear: both } .tab-content { overflow: auto } .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom: 0 } .tab-content > .tab-pane, .pill-content > .pill-pane { display: none } #myTabContent .tab-content > .tab-pane { display: none } .tab-content > .active, .pill-content > .active { display: block } .tabs-below > .nav-tabs { border-top: 1px solid #ddd } .tabs-below > .nav-tabs > li { margin-top: -1px; margin-bottom: 0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color: #ddd; border-bottom-color: transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color: transparent #ddd #ddd #ddd } .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float: none } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width: 74px; margin-right: 0; margin-bottom: 3px; } .tabs-left > .nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color: #eeeeee #dddddd #eeeeee #eeeeee } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff } .tabs-right > .nav-tabs { float: right; argin-left: 19px; border-left: 1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #eeeeee #dddddd } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff } /*----- ACCORDION -----*/ .ui-accordion h3 { background: rgba(0, 0, 0, .04) !important; border: 1px solid rgba(0, 0, 0, .06) !important; font-size: 18px; line-height: normal; cursor: pointer; text-transform: none !important; padding: 10px; margin: -1px 0 0; } .ui-accordion h3.ui-accordion-content { font-size: 16px; line-height: 22px; } .ui-accordion h3 div { font-size: 14px } /* --------------------------------------------------------------------------- :: ~Club page specific styles -------------------------------------------------------------------------- */ /* to be include */ .club_content_wrap { clear: both; margin: 0 auto; width: 1152px; } #wrapper div.club_banner .banner_main { background: url(images/clubpage_main_image_bg.jpg) repeat-x center bottom #6BB3D1 !important } #wrapper div.club_banner .banner_main img { margin: 0 } #wrapper div.club_banner .banner_links { background: none; color: #444; padding: 0 } #wrapper div.club_banner .banner_links .banner_links_wrap { border-bottom: 4px double #CCCCCC; padding-bottom: 40px; } #wrapper div.club_banner .banner_links h2 { color: #444; text-shadow: none; margin: 15px 0 25px } #wrapper div.club_banner .banner_links a { color: #333; text-shadow: none; } #wrapper div.club_banner .banner_links a:hover { color: #5aca30 } #wrapper div.club_banner .banner_links a.buynow_btn { margin-top: 40px !important } #wrapper div.club_banner .banner_links a.buynow_btn i { margin: 0 0 0 6px } #wrapper div.club_banner .banner_links .theme_description .column { width: 30%; margin: 0 4% 0 0; float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-align: left; } #wrapper div.club_banner .banner_links .theme_description .column:last-child { margin-right: 0 } #wrapper div.club_banner .banner_links .theme_description .column p { font-size: 13px; line-height: 18px; text-shadow: none; padding: 0 } div.club_content h3.big_title { width: 100%; font-size: 36px; line-height: normal; text-align: center; padding: 0 !important; margin: 0 0 30px !important } div.club_content h3.big_title small { font-size: 22px; font-weight: 300; display: block; } div.club_content ul.f3col li { width: 30%; margin: 0 4% 30px 0; float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-align: center; } div.club_content ul.f3col li:nth-of-type(3n+3) { margin-right: 0; } div.club_content .column { width: 24% } div.club_content .column ul li { margin: 0 0 30px } div.club_content .column .image { width: 18%; float: left; margin-right: 5%; } div.club_content .column .col_c { width: 76%; float: left; } div.club_content .image_center { width: 52%; float: left; text-align: center; padding-top: 40px; } div.club_content ul.f4col li { width: 22%; margin: 0 3.5% 30px 0; float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; text-align: center; } div.club_content ul.f4col li:nth-of-type(4n+4) { margin-right: 0; } div.club_content p.big_para { clear: both; font-size: 18px; line-height: 26px; text-align: center; } div.club_content ul.f3col.feature_list li { text-align: left; margin-bottom: 10px; } div.club_content ul.f3col.feature_list li i { color: #5aca30; margin: 0 5px 0 0; } div.club_content #testimonials ul li { width: 38%; float: none; display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin: 0 4.8% 5% 0 } div.club_content #testimonials ul li:nth-of-type(2n+2) { margin-right: 0; } div.club_content .faq { background: url(images/divider-ver-line.jpg) repeat-y top center } div.club_content .faq ul { width: 47% } div.club_content .faq ul li { margin-bottom: 20px } /* ~New Club Page specific styles */ .club_new_template { min-width: 1152px; padding-top: 40px } div.club_page_new #themedetail_banner-in img { bottom: -75px } .and-viewdemo p { display: block; float: left; margin-left: 15px; font-size: 19px; line-height: 28px } span.regular_price { display: block; color: #575757; text-shadow: none } span.today_price { color: #cc0000; text-shadow: none } .club_new_template span.regular_price, .club_new_template span.today_price { display: block; text-align: center; font-weight: bold } .content_sales span.today_price { margin-bottom: 30px } .club_new_template section .content_home_wrap { width: 100%; background: none } .club_new_template #testimonials ul { padding: 50px 0 40px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5 } .club_new_template #testimonials ul li { max-width: 600px; display: block; margin: 0 auto !important; width: 100% } .club_new_template ul.features_3col_new li i { color: #000 } .club_new_template #testimonials ul li .icon-quote-left { position: static; } div.content_sales_n p.joinclub_desc { text-align: center; font-size: 18px; margin-bottom: 16px; max-width: 800px; margin: 0 auto 20px; line-height: 28px; } .club_new_template span.regular_price { font-size: 20px; margin-bottom: 12px; } .club_new_template span.today_price { font-size: 20px; } /*Support Page*/ body .support_template { width: 100%; padding-top: 14px } body .support_template h1 { padding-bottom: 30px } .ins_ans .left_col { float: left; width: 48% } .ins_ans .right_col { float: right; width: 48% } .ins_ans .left_col, .ins_ans .right_col { font-size: 16px; color: #444 } .ins_ans ul li { position: relative; display: block; border-bottom: 1px solid #e8e8e8; line-height: 22px; text-align: left } .ins_ans ul li > a { display: block; background: url(images/arrow3.png) no-repeat left 19px; font-size: 1em; color: #555; text-decoration: none; padding: 12px 0 12px 22px; font-weight: 600; } .ins_ans ul li .answers_link { padding: 0 0 15px 22px } .ins_ans ul li .answers_link a { display: inline-block; *display: inline; background: none; padding: 0; color: #6bb3d1 } .ins_ans ul li .answers_link a:hover { color: #444; } .ins_ans ul li a:hover { color: #47b0e2; } .ins_ans ul li:last-child { border: none } .ins_ans ul li .ans { -webkit-transition: all ease-in-out .s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; visibility: hidden; background: #6BB3D1; border: 2px solid #4A66A0; box-shadow: 2px 2px 4px #ccc; color: #fff; padding: 10px; position: absolute; width: 100%; top: 90%; left: 0; z-index: 100; cursor: pointer; opacity: 0; } .ins_ans ul li:hover .ans { visibility: visible; top: 100%; opacity: 1; } section.theme_intro .button { margin-top: 30px; } section.theme_intro .button:active { position: relative; top: 1px } .support_team ul { margin-top: 22px } .support_team ul li { position: relative; display: inline-block; *display: inline; zoom: 1; vertical-align: top; background: none; width: 86px; padding: 0; margin: 0 3px } .support_team ul li:hover { border-color: #47b0e2; } .support_team ul li a { overflow: hidden; display: block; border-radius: 300px; -webkit-transition: all ease-in-out .1s; -moz-transition: all ease-in-out .1s; -o-transition: all ease-in-out .1s; transition: all ease-in-out .1s; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; background: none; border: 3px solid #f6f7f8 } .support_team ul li a img { display: block; margin: 0 } .support_team ul li span.member { visibility: hidden; position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; font-size: 14px; text-align: center; -webkit-transition: all ease-in-out .1s; -moz-transition: all ease-in-out .1s; -o-transition: all ease-in-out .1s; transition: all ease-in-out .1s } .support_team ul li:hover span.member { visibility: visible; bottom: -18px } section .yellow { background: #FEF6D2; border: 1px solid #EFE3AE; margin: 0; } section .yellow { color: #666 } section .yellow a { color: #000; text-decoration: none } section .yellow a:hover { color: #5aca30 } .livesearch { margin-top: 16px } .livesearch input[type="text"] { max-width: 532px; margin-right: 20px } .livesearch input[type="submit"] { background: #5aca30; border-bottom: 3px solid #1f791f; cursor: pointer } .livesearch input[type="submit"]:hover { background: #5aca30; border-bottom: 3px solid #1f791f } .livesearch input[type="submit"]:active { background: #1f791f; position: relative; top: 1px } .latest_updates ul { margin-left: -55px } .latest_updates ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 242px; border-bottom: 1px solid #e8e8e8; font-size: 16px; color: #444; line-height: 22px; text-align: left; margin-left: 55px } .latest_updates ul li span { display: block; font-size: 18px; color: #444; text-decoration: none; padding: 12px 0 } .latest_updates ul li span a { color: #333; text-decoration: none } .latest_updates ul li span a:hover { color: #6BB3D1 } .dig_deeper { margin-top: 40px } .dig_deeper ul { margin-left: -7.5% } .dig_deeper ul li { display: inline-block; *display: inline; zoom: 1; vertical-align: top; width: 25.2%; font-size: 1em; color: #444; line-height: 22px; text-align: left; margin-left: 7.5% } .dig_deeper ul li a { color: #333; display: block; font-size: 1.111em; font-weight: 700; padding: 12px 0 5px; text-decoration: none; } .dig_deeper ul li a:hover { color: #6BB3D1 } .dig_deeper ul li h5 { font-size: 18px; color: #444; font-weight: 600; line-height: 26px; padding: 0 } .talk2us { text-align: left; line-height: 20px } .talk2us .left_col { float: left; width: 48% } .talk2us .right_col { float: right; width: 48% } .talk2us .left_col, .talk2us .right_col { font-size: 14px; color: #444 } .talk2us h4 span { color: #5aca30 } /*~Support Live Search*/ #support_live_search .search_checkbox label { margin-right: 20px; font-size: 16px } #support_live_search .search_checkbox label:last-child { margin-right: 0 } #search_results .forums_search { float: left; padding-right: 10px; width: 48% } #search_results h5 { color: #333; font-size: 14px; font-weight: bold } #support_live_search .desc1 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 20px; padding: 4px } #support_live_search .desc1 p { font-size: 12px; line-height: normal; color: #888 } #support_live_search .docs_search h5 { margin-top: 15px } #support_live_search .desc1:hover { background: #fff } #support_live_search .desc1 strong { font-weight: normal } #support_live_search .desc1 a { color: #333; font-size: 12px !important } #support_live_search strong.search-excerpt { background: yellow } #support_live_search #search_results { text-align: left; margin-top: 20px } #support_live_search #search_results a.btn { background: #41566B; color: #fff; border-bottom: 3px solid #2C3E50; border-radius: 4px; height: 24px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6); line-height: 24px; margin: 8px 0 0 0; padding: 0 15px !important; display: inline-block } #support_live_search #search_results a.btn:hover { color: #fff; opacity: 0.9 } #support_live_search #search_results .docs_search { border-left: 1px solid rgba(0, 0, 0, 0.1); float: right; padding-left: 10px; width: 48% } .icon-ok:before { content: ""; } .buttonbar { clear: both; font-weight: 600; margin: 3% 0 0 0; text-align: center; } .buy_now_content + .buttonbar { margin-top: 0; } .buy_now_content + .buttonbar p.buy_now a.buynow_btn_new { margin-top: 20px; } .home .buttonbar { margin: 30px 0 10px; font-size: 18px; font-weight: 400; line-height: 30px } .buttonbar div.price, .buttonbar div.buynowbtn { display: inline-block; *display: inline; float: none; vertical-align: top } .buynowbtn { float: none } .buttonbar .price { color: #333; font-size: 20px; margin: 0px 25px 0 0; width: 90px; line-height: 19px; } .discount_price .old_price, .old_price { color: #c6c6c6; text-decoration: line-through; margin-top: 4px; } .buttonbar .discount_price { color: #2c3e50; font-size: 20px; line-height: 19px; margin: 0 25px 0 0; width: 100%; display: block; } .button_bar .discount_price { margin-bottom: 8px; } .buttonbar .price { width: 100%; } .buttonbar .discount_price.double { width: 100%; } .buttonbar .discount_price small { color: #919aa3; display: block; font-size: 13px; } .themes-list .more-details .discount_price{ margin-bottom: 15px; } #theme_details_sidebar .buttonbar a.buynow_btn_new { display: inline-block; margin-top: 20px; } .buttonbar .price small { color: #919AA3; display: block; font-size: 13px; } .liketheam { text-align: center } .liketheam ul li { float: none !important } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .lap { margin-left: -80px; margin-top: -282px; } .tab { margin-left: 80px; margin-top: -290px; } .mob { margin-left: 590px; margin-top: -210px; } .et-scroll-animations .entry .entry-title, .et-scroll-animations .entry .entry-content, .et-scroll-animations .entry .entry-footer, .et-scroll-animations .format-quote .quote, .et-scroll-animations .et-main-gallery li { opacity: 0; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; } .et-scroll-animations .et-animated .entry-title, .et-scroll-animations .et-animated .entry-content, .et-scroll-animations .et-animated .entry-footer, .et-scroll-animations .et-animated.format-quote .quote, .et-scroll-animations .et-animated .et-main-gallery li { opacity: 1 } .et-scroll-animations .entry .entry-title, .et-scroll-animations { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); } .et-scroll-animations .et-animated .entry-title { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .et-scroll-animations .entry .entry-content, .et-scroll-animations .entry .entry-footer, .et-scroll-animations .format-quote .quote, .et-scroll-animations .et-main-gallery li { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); } .et-scroll-animations .et-main-gallery li { -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transform: translateY(20px); } .et-scroll-animations .et-animated .entry-content, .et-scroll-animations .et-animated .entry-footer, .et-scroll-animations .et-animated.format-quote .quote, .et-scroll-animations .et-animated .et-main-gallery li { -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0); } .et-scroll-animations .et-animated .video-play { animation-delay: 0.2s; animation-duration: 0.4s; animation-fill-mode: both; animation-name: bounceIn; animation-timing-function: ease-in-out; } .entry .entry-content { float: none !important } .content_sales ul.standard_feature li i { padding-right: 10px } /* servide table */ .pricing_table { color: #fff; line-height: 150%; margin: 50px 0 !important; text-align: center; } .pricing_table > li { background: #fffdda !important; float: left; list-style-type: none; transition: all 0.1s ease 0s; width: 24% !important; padding: 0 30px 20px !important; color: #444; border: 5px solid #f8c701; border-radius: 10px; } .pricing_table > li.active, .pricing_table > li:hover { background: #fffdda !important; box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.5); transform: scale(0.03); } li.or { background: #fff !important; color: #333 !important; margin: 0 30px !important; padding: 0 !important; float: left !important; width: 40px !important; border: none !important } .pricing_table h3 { font-size: 14px; font-weight: 600; padding: 15px 0; text-transform: uppercase; } .pricing_table .price_body { border: 2px solid #444; border-radius: 100% 100% 100% 100%; display: table; height: 125px; margin: 24px auto 15px; width: 125px; } .pricing_table .price { display: table-cell; font-size: 30px; font-weight: 600; text-transform: uppercase; vertical-align: middle; } .pricing_table .price .price_figure { display: block; } .pricing_table .price .price_term { font-size: 11px; font-weight: 300; } .pricing_table .features li { list-style-type: none; padding: 5px 0; background: none; } .pricing_table .features .icon-ok { margin-right: 10px } .pricing_table .footer { margin-top: 10px; padding: 10px; } .pricing_table .footer .action_button { background: linear-gradient(#666666, #333) repeat scroll 0 0 transparent !important; border-radius: 15px 15px 15px 15px; color: #fff; display: inline-block; font-size: 11px; font-weight: 600; padding: 4px 20px; text-decoration: none; } .pricing_table li.active .footer .action_button { background: linear-gradient(#F9B84A, #DB7224) repeat scroll 0 0 transparent; } .clr { clear: both; } .pricing_table .footer a.buynow_btn { background: none repeat scroll 0 0 #5aca30; border-bottom: 3px solid #1F791F; border-radius: 5px 5px 5px 5px; color: #fff; font-size: 24px; line-height: normal; margin-top: 30px; padding: 15px 40px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3); transition: all 0.1s ease-in-out 0s; } .content_home_wrap h3 { background: none repeat scroll 0 0 #fff; border-bottom: 0 none; float: left; margin-left: 20px; padding: 0 12px 20px; } .col3 li { margin-right: 4% !important; width: 29%; display: inline-block; float: none; vertical-align: top; background: none !important; padding: 0 !important; } .col3 li .symbol { color: #99CBED; float: left; font-size: 2em; margin-top: 3px } .col3 li .content { float: right; width: 80%; padding: 0 } .col3 li .content h4 { padding: 0 } .col3 li .last { clear: right; margin-right: 0 !important; } .fullwidth { width: 100% !important } .hosts { float: left; width: 25%; margin: 3% 5% 5% 0 } .hosts img { float: left; margin-right: 20px; width: 76px } .step3 p { float: left } #content div.normal_box { background: none repeat scroll 0 0 #FEF6D2; border: 1px solid #EFE3AE } div.custom_icon_list ul li:before { top: 11px } /* ~Salespage specific styles */ .content_sales ul.standard_feature li br, .content_sales ul.feature_list li br { display: none } #theme_details_content .content_sales .standard_feature li { background: none; padding: 0 } #theme_details_content .gallery-columns-3 .gallery-item, .content_sales .gallery-columns-3 .gallery-item { width: 16.5% !important } body #catalog_screenshots .gallery .gallery-item { width: 16.6% !important; } #theme_details_content .gallery-columns-3 p, .content_sales .gallery-columns-3 p { display: none } .screen-reader-text { display: none } /* .buttonbar .price{display:none} */ .answers_link { display: none } /* .button_bar .price{ display:none; } */ .imgbdr4px { border: 4px solid #ddd } /*--- sales page inline styles---*/ .sales_page_styles .entry-content a { color: #6bb3d1 !important; text-decoration: none !important; } .sales_page_styles .entry-content a:hover { color: #FF3F34 !important; } .sales_page_styles .custom_icon_list ul li { width: 300px; color: #666; font-size: 16px; } #lightbox { position: fixed; /* keeps the lightbox window in the current viewport */ top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); text-align: center; display: none; z-index: 99999; overflow: auto; } #lightbox p { text-align: right; color: #555; margin-right: 0; margin-left: 0; font-size: 12px; } #lightbox img { box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; max-width: 940px; } #lightbox .option_list { border-radius: 3px; -webkit-border-radius: 3px; } #lightbox .option_list { position: relative; max-width: 800px; width: 100%; padding: 30px 50px 50px; margin: 40px auto 0; background-color: #eeeeee; } #lightbox .option_box { margin: 0; width: 100%; max-width: 33.33%; box-sizing: border-box; background: #fff; color: #fff; } #lightbox p.close_btn { background: #fff none repeat scroll 0 0; border: 1px solid #dedede; border-radius: 100px; cursor: pointer; font-size: 12px; font-weight: 700; height: 25px; line-height: 25px; padding: 0; position: absolute; right: -10px; text-align: center; top: -8px; width: 25px; } #lightbox p.close_btn:hover { background: #47b0e2; border-color: #fff; color: #fff; } #lightbox #content { display: none } /* ========================================================================== New ========================================================================== */ /*#lightbox { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); text-align: center; display: none; z-index: 99999; overflow: auto; } #lightbox p { text-align: right; color: #555; margin-right: 0; margin-left: 0; font-size: 12px; } #lightbox img { box-shadow: 0 0 25px #111; -webkit-box-shadow: 0 0 25px #111; -moz-box-shadow: 0 0 25px #111; max-width: 940px; } #lightbox .option_list { border-radius: 3px; -webkit-border-radius: 3px; } #lightbox .option_list { position: relative; max-width: 800px; width: 100%; padding: 30px 50px 50px; margin: 40px auto 0; background-color: #eeeeee; } #lightbox .option_box { margin: 0; width: 100%; max-width: 33.33%; box-sizing: border-box; background: #fff; color: #fff; } #lightbox p.close_btn { background: #fff none repeat scroll 0 0; border: 1px solid #dedede; border-radius: 100px; cursor: pointer; font-size: 12px; font-weight: 700; height: 25px; line-height: 25px; padding: 0; position: absolute; right: -10px; text-align: center; top: -8px; width: 25px; } #lightbox p.close_btn:hover { background: #47b0e2; border-color: #fff; color: #fff; } #lightbox #content { display: none }*/ #wrapper #home_banner a.buynow_btn, a.buynow_btn_new { padding: 15px 30px; } #themedetail_banner .banner_content { padding-bottom: 70px } #container section.plgin_filter #gwrap { margin-left: 100px } #container section.plgin_filter #gwrap .themeunit { width: 300px } /* redesigning blog */ body.layout-1c.singular-post section#content { width: 100% } body.singular-post section#content, body.tmpl-blog-listing section#content, body.tmpl-article section#content, body.archive.month section#content, body.archive.user section#content { width: 69%; float: left; } /*body.singular-post section#content.single-blog-post { width: 100%; max-width: 900px; }*/ body.singular-post section#content .entry-content { position: relative; width: auto; max-width: 100% } body.tmpl-single-post, body.tmpl-blog-listing, /*body.tmpl-article,*/ body.archive.month, body.archive.user { background: #edf0f5; } body.tpl_clubpage_new { background: #fff !important; } body.tpl_clubpage_new { background: #fff !important; } .browser-collection.spread img { vertical-align: top; } /*.tmpl-single-post #content { float: none !important; margin: 0 auto }*/ #sidebar-post-listing, #sidebar-post-detail { float: left } #blog-post, body.tmpl-blog-listing article.hentry, body.tmpl-article section#content .hfeed, body.archive.month section#content .hfeed, body.archive.user section#content .hfeed, body.archive section#content .arclist { background: #fff; /*padding: 30px 50px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body.search #content{ float: left; } .install_services { float: none !important; margin: 0 auto; width: 75% !important } .install_services h1.page-title { text-align: left; } body.tmpl-blog-listing .breadcrumb, body.tmpl-blog-listing h1.page-title { /*padding-left: 25%*/ } #blog-post h1.post-title, body.tmpl-article h1.page-title, body.archive h1.loop-title { /*color:#5aca30*/ } .byline a.published i, .byline a.comments-link i { margin: 0 4px 0 8px } .singular-page-6380 #main .wrap { padding-bottom: 50px } #disqus_thread { margin-top: 50px } body.singular-page-5268.tmpl-article section#content, body.singular-page-4923.tmpl-article section#content { width: 100% } body.singular-page-6843.tmpl-article { background: #fff } body.singular-page-6380 .entry-content h3.centeralign { font-size: 22px; margin-bottom: 25px } /* Pricing Tables */ .install_services.price_table { width: 100% !important; max-width: 900px;} .install_services.content_home_wrap, section.templatic-price-package { margin-top: 80px } section.templatic-price-package .option_box { width: 29%; float: left; margin: 0 4% 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #fafafa; border-radius: 3px; padding: 20px 20px; } section.templatic-price-package .option_box.last, section.templatic-price-package .option_box ul { margin: 0 } section.templatic-price-package .option_box .rate { width: 60px; height: 60px; border-radius: 50%; background: #f49b6c; color: #fff; text-align: center; margin: 0 auto 10px; line-height: 60px } section.templatic-price-package .option_box .rate strong { font-size: 20px } section.templatic-price-package .option_box h4 { font-size: 20px; text-align: center } section.templatic-price-package .option_box ul li { background: none; padding: 6px 0; font-size: 15px; line-height: normal; text-align: center; margin: 0; border-bottom: 1px solid #ddd; display: block } section.templatic-price-package .option_box ul li:last-child { border-bottom: 0 } section.templatic-price-package .option_box .b_buynow { text-align: center; margin-top: 5px } section.templatic-price-package .option_box.highlighted { background: #47b0e2; width: 34%; padding: 0 20px 20px; margin-top: -35px; color: #fff; } .page-template-templates/tpl_services1 section.templatic-price-package .option_box.highlighted { margin-top: -10px; } section.templatic-price-package .option_box h4 span { color: #5aca30 !important; } section.templatic-price-package .option_box.highlighted h4 span { color: #5EE72C !important; } section.templatic-price-package .option_box.highlighted .rate { background: #f49b6c; width: 75px; height: 75px; line-height: 75px; position: relative; top: -22px; box-shadow: 0 0 0 4px #fff } section.templatic-price-package .option_box.highlighted .rate strong { font-size: 28px } section.templatic-price-package .option_box.highlighted h4 { padding-top: 0; color: #fff; } section.templatic-price-package .option_box.highlighted ul li { padding: 10px 0; border-color: rgba(255, 255, 255, 0.3); } section.templatic-price-package .option_box.highlighted .b_buynow { margin-top: 12px } section.templatic-price-package .option_box.highlighted .b_buynow a.button { background: #fff; border-color: #fff; color: #47b0e2; } .centeralign { text-align: center } .support_template .boxes, .author-upendra .boxes, .author-vedran .boxes, .author-upendra .info, .author-vedran .info, .support_template .info, .boxes, body p.info, body p.note { height: auto !important; } #lightbox .video_video_support .option_box{max-width: 50%;} /* Social Share icons on Blog Detail page */ #social_share.btm { margin-top: 20px; float: left; width: 100%; text-align: center } #social_share a { background: url(images/social_share_icons.png) no-repeat; height: 25px; display: inline-block; *display: inline; float: none; vertical-align: top; margin: 0 2px 5px; text-indent: -9999px } #social_share a:hover { opacity: .7 } #social_share a:active { position: relative; top: 1px } #social_share a.social_share_facebook { width: 100px; background-position: 0 0 } #social_share a.social_share_twitter { width: 86px; background-position: 0 -30px } #social_share a.social_share_googleplus { width: 113px; background-position: 0 -60px } #social_share a.social_share_stumbleupon { width: 125px; background-position: 0 -90px } #social_share a.social_share_reddit { width: 82px; background-position: 0 -120px } #social_share a.social_share_pinterest { width: 96px; background-position: 0 -150px } /* Newsletter Subscribe on Blog Detail page */ div.blog_detail_newsletter { background: #f5f5f5; width: 100%; float: left; color: #333; text-align: center; padding: 40px 35px 35px; margin: 50px 0 30px; border: 1px solid #dcd6d6; box-sizing: border-box; } div.blog_detail_newsletter input.subscribe { background: #5aca30; padding: 10px 25px 9px } div.blog_detail_newsletter h3 { font-size: 34px; font-weight: 700; color: #333 } div.blog_detail_newsletter p { font-size: 18px; color: #333; padding: 15px 0 25px } div.blog_detail_newsletter input.textfield { background: #fff; border: 1px solid #999; color: #333; height: 42px } #phplive_btn_1375525844 img { float: right; margin-right: 10px } /* -------------------------------------------------- :: ~Slider -------------------------------------------------- */ /* http://www.menucool.com -slider css*/ #sliderFrame { position: relative; width: 920px; margin: 0 auto; /*center-aligned*/ } #slider, #slider div.sliderInner { width: 920px; height: 600px;/* Must be the same size as the slider images */ } #slider { background: #fff url(loading.gif) no-repeat 50% 50%; position: relative; transform: translate3d(0, 0, 0); box-shadow: 0px 1px 5px #999999; } #slider a.imgLink, #slider .video { z-index: 2; position: absolute; top: 0px; left: 0px; border: 0; padding: 0; margin: 0; width: 100%; height: 100%; } #slider .video { background: transparent url(video.png) no-repeat 50% 50%; } /* Caption styles */ #slider div.mc-caption-bg, #slider div.mc-caption-bg2 { position: absolute; width: 100%; height: auto; padding: 10px 0; left: 0px; bottom: 0px; z-index: 3; overflow: hidden; font-size: 0; } #slider div.mc-caption-bg { background: Black;/* or any other colors such as White, or: background:none; */ } #slider div.mc-caption-bg2 { background: none; } #slider div.mc-caption { font: bold 14px/20px Arial; color: #EEE; z-index: 4; text-align: center; background: none; } #slider div.mc-caption a { color: #FB0; } #slider div.mc-caption a:hover { color: #DA0; } /* ------ built-in navigation bullets wrapper ------*/ #slider div.navBulletsWrapper { text-align: center; background: none; position: absolute; z-index: 5; bottom: -30px; left: 0; right: 0; } #slider div.navBulletsWrapper div { width: 10px; height: 10px; background: #999; text-indent: -9999px; display: inline-block; *display: inline; zoom: 1; overflow: hidden; cursor: pointer; margin: 0 3px; border-radius: 50%; } #slider div.navBulletsWrapper div.active { background: #6BB3D1; } #slider div.loading { width: 100%; height: 100%; background: transparent url(loading.gif) no-repeat 50% 50%; filter: alpha(opacity=60); opacity: 0.6; position: absolute; left: 0; top: 0; z-index: 9; } #slider img, #slider>b, #slider a>b { position: absolute; border: none; display: none; } #slider div.sliderInner { overflow: hidden; -webkit-transform: rotate(0.000001deg); position: absolute; top: 0; left: 0; } #slider>a, #slider video, #slider audio { display: none } .banner_content #loading { width: 920px; height: 600px; position: relative; margin: 0 auto; box-shadow: 0 1px 5px #999999 } .banner_content #loading img { position: absolute; top: 50%; left: 50%; margin-left: -60px } /* ~Stylesheet for Directory only */ /*Font family*/ .directory-banner, .directory_content { font-size: 1em; line-height: 1.5;} .directory_content h3.subtitle { font-weight: 700 } .directory-banner h1, .directory-banner p.page_title, .directory_content .title18 a, .directory_content p.buy_now a, .directory_content ul.feature_list.col2 li h3, .directory_content #navigation ul li a, .directory_content h3, .directory_content h4, .directory_content .rcmnd-devs .dev-info p a, .directory_content .buttonbar .price, .directory_content strong, .directory_content #related_themes li h4 { font-weight: 600 } .directory_content h4{ font-size: 1.3em; font-weight: 700; line-height: 1.5; } .directory_content .horizontal ul li img{ border-radius: 2px; border: 1px solid rgba(0, 0, 0, 0.1); } .work_with_us .directory_content .horizontal ul li p strong, .directory_content .horizontal ul li p strong{ margin-top: 0; font-size: 1em; } .directory_content .horizontal ul li p a, .entry-content .description-link li a, .description-link-wrapper-with-table table a{ color: #5aca30; } .directory_content .horizontal ul li p a:hover, .entry-content .description-link li a:hover, .description-link-wrapper-with-table table a:hover{ color: #555; text-decoration: none; } body a, #content_sp ul.features li.active a, #content_sp ul.features li a:hover { color: #f49b6c; } .content_sales a:hover, .directory_content a:hover { text-decoration: underline } /*~banner*/ #theme_banner.directory-banner .banner_content { background: url(images/directory-header-bg.jpg) repeat-x center bottom; width: 100%; border-bottom: 0; padding: 0 !important } #theme_banner.directory-banner .banner_content_wrap { width: 100%; border-bottom: 0; padding: 50px 0 0 !important; margin: 0 auto } #theme_banner.directory-banner .banner_content_wrap p { padding: 0 } .directory-banner h1 { text-align: center; margin-bottom: 10px; max-width: 920px; margin: 0 auto 8px; font-weight: 700 } .directory-banner h2.description { font-size: 24px; line-height: 32px; text-align: center; font-weight: 300; color: #666; max-width: 920px; margin: 0 auto; padding-bottom: 12px } .directory-banner .banner_content img { margin: 40px auto 0; display: block } .directory_content section { padding: 50px 0 50px; display: block; width: 100%;} .directory_content section.subpage-description { padding-top: 0 } .directory_content section.gray-bg { background-color: #f5f5f5 } .directory_content .section_wrap, .directory_content section#content_sp, section#related_themes{ max-width: 1154px; width: 100%; margin: 0 auto; } .directory_content br { display: none } .directory_content img.thumb, .directory_content section .tricolumn.horizontal li img.thumb, .directory_content ul.rcmnd-devs li img { background: #fff; padding: 5px; /*border: 1px solid #ddd; box-shadow: 0 7px 3px -5px #999;*/ -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s } .directory_content img.thumb:hover, .directory_content section .tricolumn.horizontal li img.thumb:hover, .directory_content ul.rcmnd-devs li img:hover { box-shadow: none; opacity: .7 } .directory_content section.seperator, #blog-post hr { background: url(images/section-seperator.jpg) no-repeat center bottom } #blog-post hr { margin: 20px 0 } .directory_content h3.subtitle { font-size: 36px; line-height: 42px; text-align: center; margin-bottom: 35px } .directory_content h3.subtitle.m15 { margin-bottom: 15px } .directory_content .buttonbar .price { margin-top: 16px } .directory_content .dev-info strong { font-weight: 300; font-size: 18px; display: inline-block; margin-top: 8px } .directory_content .dev-info a { display: block } .directory_content ul.rcmnd-devs li { margin-bottom: 0 !important } .directory_content p.theme-description, .directory_content p.buy_now_content { font-size: 18px; line-height: 29px; padding: 0 0 8px; text-align: center } .directory_content p.theme-description .min-margin { margin-top: -15px } .directory_content p.buy_now_content { margin-top: 30px } .directory_content .title-wrapper h2, .directory_content .title-wrapper p.theme-description{ text-align: left; } .directory_content .title-wrapper p.theme-description{ padding-bottom: 0; } div.entry-content .directory_content .title-wrapper h2{ padding-top: 0; padding-bottom: 0; } .entry-content .directory_content li .feature_title a{ color: #333; } .entry-content .directory_content li .feature_title a:hover{ color: #5aca30; text-decoration: none } .title-wrapper { display: inline-block; margin-bottom: 30px; width: 100%; } .entry-content .directory_content .horizontal ul{ margin-top: 0; } .suport_features { text-align: center; } .suport_features li .demolink { font-size: 18px; text-align: center; display: block; color: #008BD3; } .features_3col_new.et-main-gallery { text-align: center; } .features_3col_new.et-main-gallery .cols { text-align: left; } .directory_content section .tricolumn, .directory_content ul.features_3col_new { margin-left: 0% } .directory_content section .tricolumn ul, .directory_content ul.features_3col_new ul { display: flex; flex-wrap: wrap; justify-content: flex-start; -webkit-justify-content: flex-start; margin-left: -15px; margin-right: -15px; padding-bottom: 0; margin-bottom: 0; width: 100%;} .directory_content section .tricolumn ul.suport_features, .directory_content ul.features_3col_new ul.suport_features{ justify-content: center; -webkit-justify-content: center; } .directory_content section .tricolumn ul *, .directory_content ul.features_3col_new ul * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .directory_content section .tricolumn ul li, .directory_content ul.features_3col_new ul li { align-self: flex-start; display: inline-block; justify-content: center; width: 33.3%; padding: 15px; } .directory_content section .tricolumn .feature_item { margin-bottom: 25px } .directory_content section .tricolumn .feature_item:last-child { margin-bottom: 0 } .directory_content section .tricolumn.horizontal li a { position: relative } .directory_content section .tricolumn.horizontal li a i { font-size: 24px; line-height: 24px; position: absolute; top: 50%; left: 50% } .directory_content section .tricolumn .feature_item h4, .directory_content section .tricolumn .feature_item p, .directory_content section .tricolumn .feature_item img, .directory_content section .tricolumn.horizontal li h4, .directory_content section .tricolumn.horizontal li p, .directory_content section .tricolumn.horizontal li img { margin: 0 0 8px; padding: 0 } .directory_content section .tricolumn .feature_item img, .directory_content section .tricolumn.horizontal li img { width: 100%; max-width: 100%; display: block } .directory_content section .tricolumn.horizontal li iframe { width: 100% } .directory_content section .tricolumn.vertical .column { width: 28%; float: none; display: inline-block; *display: inline; vertical-align: top; margin: 0 0 0 5% } .directory_content section .tricolumn.horizontal li, .directory_content ul.features_3col_new .cols{ width: 33.33%; float: none; display: inline-block; *display: inline; vertical-align: top; margin: 0 0 30px; padding: 0 15px; box-sizing: border-box; } .directory_content section .four-column-wrapper.horizontal li{ width: 25%; } .directory_content section .tricolumn.horizontal li, .directory_content ul.features_3col_new .cols{ } .directory_content section .tricolumn.horizontal.hi-gallery { margin-left: -3% } .directory_content section .tricolumn.horizontal.hi-gallery li { width: 16.4%; margin: 0 0 25px 3% } .directory_content section .tricolumn.horizontal.hi-gallery li img { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .directory_content section .tricolumn.horizontal.hi-gallery li h3 { font-size: 15px; line-height: 20px; padding-top: 3px } .directory_content section .tricolumn.bulleted-list ul { list-style: disc inside } .directory_content section .tricolumn.bulleted-list li { width: 28%; float: left; display: list-item; margin: 0 0 10px 5%; padding: 0; } .directory_content section .tricolumn.bulleted-list.advanced ul { list-style: none } .directory_content section .tricolumn.bulleted-list.advanced ul li { padding-left: 22px; width: 25.5%; float: none; display: inline-block; *display: inline; vertical-align: top } .directory_content section .tricolumn.bulleted-list.advanced ul li i { color: #bbb; margin-left: -22px; float: left; position: relative; top: 4px } .directory_content ul.rcmnd-devs li .dev-info { padding-left: 130px } .directory_content ul.rcmnd-devs li img { margin-left: -130px; border-radius: 0 } .directory_content ul.rcmnd-devs li p { padding-bottom: 10px } ul.suport_features li { text-align: center } ul.suport_features li i { font-size: 48px; line-height: 48px; color: #bbb } ul.suport_features li h4 { font-size: 24px; font-weight: 300; margin: 15px 0 !important } .singular #theme_details_content .tricolumn.horizontal.hi-gallery { margin-left: -25px; margin-right: -25px; width: auto; display: block; } .singular #theme_details_content .tricolumn.horizontal.hi-gallery li { margin: 0 0 25px; width: 33.33%; float: left; padding: 0 25px; box-sizing: border-box; background: none; } .singular #theme_details_content .tricolumn.horizontal.hi-gallery li h3 { font-size: 18px; } .singular #theme_details_content .tricolumn.horizontal.hi-gallery li .highslide img { box-sizing: border-box; } .directory_sticky_menu_wrap { width: 92%; max-width: 1180px; min-height: 40px; margin: 40px auto 0 } #directory_sticky_menu { padding: 0; border-bottom: 3px double #DDDDDD } #directory_sticky_menu.sticky_active { background: #fff; left: 50%; margin-left: -470px; padding: 10px 10px 0; position: fixed; top: 0; width: 920px; z-index: 999 } .directory-banner p.page_title { font-size: 28px; float: left; padding-bottom: 10px; margin-top: 0; padding-top: 0; } .directory-banner p.page_title a { color: #444 } .directory_menu_wrap { width: auto; float: right; padding-bottom: 10px } ul.directory_menu { text-align: right; float: left } ul.directory_menu li { float: none; display: inline-block; *display: inline; padding: 7px 0 7px 30px; position: relative; } ul.directory_menu li ul.sub-menu li { display: block; text-align: left; padding-left: 10px; padding-right: 10px; } ul.directory_menu li a { font-size: 16px; color: #000 } ul.directory_menu li a + ul.sub-menu { display: none; background-color: white; border: 1px solid #ccc; border-radius: 5px; padding: 10px; position: absolute; top: 37px; } ul.directory_menu li:hover > ul.sub-menu { display: block; } ul.directory_menu li a:hover, ul.directory_menu li a.active { border-bottom: 2px solid #008bd3; padding-bottom: 3px; text-decoration: none } body a.directory_button { background: none repeat scroll 0 0 #5aca30; border-radius: 3px; color: #fff; font-size: 16px; margin: 0 0 0 30px; padding: 3px 20px; text-decoration: none; float: right; position: relative; top: 3px } body .listing-wrapper a.directory_button, body .listings-theme-wrapper a.directory_button { top: 0; } body a.directory_button:hover { background: none repeat scroll 0 0 #35A6DB; color: #fff } .directory_content ul.features_3col_new .cols i { float: left; font-size: 16px; line-height: 24px; color: #666; margin-right: 6px } .directory_content .buttonbar { margin-top: 15px } .directory_content p.buy_now { background: url(images/payment_types.png) no-repeat center bottom; padding: 0 0 50px; min-width: 250px } .directory_content p.buy_now a { color: #fff; text-decoration: none; padding: 16px 43px } /*~2 column*/ .directory_content ul.feature_list.col2 { margin: 0 0 0 -5% } .directory_content ul.feature_list.col2 > li { width: 44.5%; margin: 0 0 25px 5%; float: none; display: inline-block; *display: inline; vertical-align: top; padding: 0; } .directory_content ul.feature_list.col2.description-link li{margin-bottom: 10px;} .work_with_us .entry-content .directory-banner li{list-style: none;} .directory_content ul.feature_list.col2 li img.thumb, .directory_content ul.feature_list.col2 li img { width: 100px; height: 100px; float: left; margin: 6px 20px 0 0; border-radius: 100%; border: 1px solid rgba(0, 0, 0, 0.1);} .directory_content ul.feature_list.col2 {padding: 0;} .directory_content ul.feature_list.col2 li h3, .directory_content ul.feature_list.col2 li p { float: left; width: -webkit-calc(100% - 132px); width: -moz-calc(100% - 132px); width: calc(100% - 132px); width: auto\9; margin-left: 75px\9; float: none\9 } .directory_content ul.feature_list.col2.faq li h3, .directory_content ul.feature_list.col2.faq li p { width: 100% } .description-link-wrapper{ display: inline-block; float: left; max-width: 50%; width: 100%; } .description-link-wrapper .title-wrapper{ max-width: 90%; width: 100%; } .section_wrap .description-link-wrapper:nth-child(odd) .description-link{ padding-right: 20px; } .description-link-wrapper-with-table .description-link-wrapper:nth-child(odd){ margin-right: 30px; max-width: 47%; } .description-link li{ font-size: 16px; } /*.section_wrap .description-link-wrapper:nth-child(even) .description-link{ padding-left: 20px; }*/ .directory_content .description-link-wrapper ul.description-link{ display: block; margin: 0; } .directory_content .description-link-wrapper ul.feature_list.col2 li{ width: 100%; margin-left: 0; } .description-link-wrapper-with-table .title-wrapper{ margin-bottom: 15px; } .description-link-wrapper .title-wrapper h2.subtitle, div.entry-content .description-link-wrapper .title-wrapper h2.subtitle{ font-size: 1.6em; padding-bottom: 5px; } .twocolumn { padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd; } .twocolumn h3 { font-size: 20px; line-height: 30px; } .twocolumn:last-child { margin-bottom: 0; border-bottom: 0; padding-bottom: 0 } .twocolumn .twocolumn_image, .twocolumn .twocolumn_content { width: 45%; display: inline-block; vertical-align: middle; float: none; margin: 0 20px } .twocolumn .twocolumn_image { text-align: center } .twocolumn .twocolumn_image img { width: auto; max-width: 100% } .twocolumn .twocolumn_content.rt { text-align: right } .twocolumn .twocolumn_content a { font-size: 18px } .directory_content a.morelink, .suport_features span.morelink { font-size: 18px; text-align: center; display: block; color: #008BD3 } .directory_content a.morelink:hover, .suport_features span.morelink:hover { color: #333 } .suport_features span.morelink a.moresublink { display: table; font-size: 16px; padding: 2px 0; opacity: 0; margin: 8px auto 0; border-radius: 4px; border: 1px solid #ddd; width: 150px; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; } .suport_features span.morelink:hover a.moresublink { opacity: 1 } .fullwidthimage { padding: 20px 0 } .fullwidthimage img { width: auto; max-width: 100%; display: block; margin: 0 auto } .twocolumn.single-content .twocolumn_image { width: 55% } .twocolumn.single-content .twocolumn_content { width: 35% } .directory_content .tricolumn.horizontal.with-icon li { position: relative; margin: 0; } .directory_content .tricolumn.horizontal.with-icon li i { font-size: 32px; height: 36px; left: 0; line-height: 1; position: absolute; top: 15px; width: 36px; color: #666 } .directory_content .tricolumn.horizontal.with-icon li h4, .directory_content .tricolumn.horizontal.with-icon li p { margin-left: 44px } .directory_content ul.feature_list.col2.with-icon52 li i { width: 60px; height: 100px; font-size: 44px; text-align: center; float: left; display: block; margin: 6px 10px 0 0 } .directory_content ul.feature_list.col2.with-icon52 li p a { display: inline-block } .directory_content ul.feature_list.col2.with-icon52 li p, .directory_content ul.feature_list.col2.with-icon52 li p h3 { float: left; width: -webkit-calc(100% - 70px); width: -moz-calc(100% - 70px); width: calc(100% - 70px); width: auto\9; float: none\9 } .directory_demo { position: relative; } .directory_demo h4, .directory_demo_wrap h4 { color: #008BD3 } .directory_demo:hover h4 { color: #666 } .directory_demo_wrap { background: #fff; position: absolute; left: -27px; top: -13px; width: 240px !important; padding: 12px; border-radius: 5px; border: 1px solid #ddd; box-shadow: 0 1px 3px -2px #aaa; opacity: 0; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; transition: all ease-in-out .2s; display: none\0/ } .directory_demo:hover .directory_demo_wrap { opacity: 1; display: block\0/ } .directory_demo_wrap a { font-weight: 600; display: block } .directory_demo_wrap h4 span { display: block; margin-left: 20px; font-size: 17px; color: #aaa; padding-top: 6px } .directory_demo_wrap p { padding-bottom: 0 } .directory_content .suport_features i { border: 1px solid #CCCCCC; border-radius: 50%; display: block; font-size: 32px; height: 70px; line-height: 70px; margin: 0 auto; padding: 0; width: 70px; text-align: center; } /* ========================================================================== 12-12-2015 Resource Page Redesign ========================================================================== */ .directory_content .horizontal ul li p a.btn, .entry-content .description-link li a.btn, .description-link-wrapper-with-table table a.btn, .two-column-wrapper.vertical a.btn{ color: #fff; display: inline-block; font-size: 14px; margin-top: 6px; padding: 8px 16px; } .free-directory-addon ul li a.free-directory-tag{ position: relative; cursor: auto; } .free-directory-addon ul li a.free-directory-tag:before { background-image: url("images/small-free-label.png"); background-repeat: no-repeat; content: ""; height: 106px; left: 0px; position: absolute; top: auto; width: 101px; z-index: 9; } .directory-inner-vertical-content{ display: block; overflow: hidden; } .directory-inner-vertical-content .view-more-link{ color: #5aca30; } .directory-inner-vertical-content .view-more-link:hover{ text-decoration: none; color: #555; } .directory_content ul.feature_list.col2 li .directory-inner-vertical-content h3, .directory_content ul.feature_list.col2 li .directory-inner-vertical-content p{ width: 100%; } /* Directoy HTML Banner*/ .directory-html-banner { background: url(images/salespage/map-bg.png) top left no-repeat; margin: 35px; border: 6px solid #fff; box-shadow: 0 0 1px #cfcfcf; padding: 15px 30px 10px; border-radius: 5px; position: relative; min-height: 200px } .directory-html-banner .directory-html-image { position: absolute; left: 5px; bottom: 0; width: 47%; } .directory-html-banner .directory-html-image img { display: block; width: auto; max-width: 100% } .directory-html-banner .directory-html-content { width: 52%; float: right } .directory-html-banner .directory-html-content h3, .directory-html-banner .directory-html-content p { padding: 0 0 15px; margin: 0; border: 0 } .directory-html-banner .directory-html-content a { border: 0; } .directory-html-banner .directory-html-content a:hover { background: #f49b6c; } .directory-html-banner .directory-new-tag { width: 82px; height: 85px; background: url(images/directory-new-tag.png) no-repeat left top; position: absolute; top: -11px; left: -11px; display: block; } .plugins_salespage_wrapper .banner_content_ p.page_title { color: #333; font-size: 3em; font-weight: 700; line-height: 1.1; margin: 0; padding: 0; } .plugins_salespage_wrapper .banner_content_ h1 {font-size: 20px; font-weight: 300; letter-spacing: 0;line-height: 28px; max-width: 500px; padding-bottom: 15px; text-align: left;} /* Directoy HTML Banner Home*/ .home .directory-html-banner { width: 88%; max-width: 1080px; margin: 50px auto 70px; padding: 100px 30px 25px } .home .directory-html-banner .directory-html-image { left: 3% } .home .directory-html-banner .directory-html-content { margin-right: 3%; width: 51% } .taxonomy-pcategory #filter_part li.pcategory:hover ul, .taxonomy-pcategory #filter_part li.pluginscats:hover ul { display: block !important; } /* Classifieds template blocks for two column */ div.content_sales_n .section-two-colmn h3 { /*font-size: 20px; */font-weight: 600; } div.content_sales_n .section-two-colmn ul li i { float: left; font-size: 40px; margin-bottom: 40px; color: #444444; } div.content_sales_n .section-two-colmn ul li h3, div.content_sales_n .section-two-colmn ul li p { display: block; overflow: hidden; } div.content_sales_n .section-two-colmn ul li { margin-right: 5%; width: 44%; } /* -------------------------------------------------- :: ~Responsive code ~1152px -------------------------------------------------- */ @media only screen and (max-width:1152px) { #home_banner .banner_main h1, #home_banner .banner_main h2, .banner_links_wrap { width: 96%; margin: 0 auto } .gallery .col-0, .gallery .col-1 { width: 280px } .gallery .col-2 { width: 120px } .gallery .col-3, .gallery .col-4, .gallery .col-5, .gallery .col-6, .gallery .col-7, .gallery .col-8, .gallery .col-9 { width: 66px } .gallery .col-3 .gallery-caption, .gallery .col-4 .gallery-caption { display: none } /*----- Banner Content -----*/ #themedetail_banner-in img { margin-left: 0; width: 48% } #themedetail_banner .banner_content, #themedetail_banner .button_bar { width: 48% } .button_bar .price { margin: 3px 8px 0 0 } #themedetail_banner a.sales_strip_button { padding: 12px 25px } #themedetail_banner span.and { margin-left: 12px } /* Gallery Variations */ ul.image_gallery { text-align: center } .image_gallery li h4 { text-align: left } .layout-1c .gallery .col-0, .layout-1c .gallery .col-1 { width: 600px } .layout-1c .gallery .col-2 { width: 280px } .layout-1c .gallery .col-3 { width: 173px } .layout-1c .gallery .col-4 { width: 120px } .layout-1c .gallery .col-5 { width: 88px } .layout-1c .gallery .col-6, .layout-1c .gallery .col-7, .layout-1c .gallery .col-8, .layout-1c .gallery .col-9 { width: 66px } .layout-1c .col-3 .gallery-caption, .layout-1c .col-4 .gallery-caption { display: block } /* Related Thumb Gallery */ #related_themes li .rel_scrnst { background-size: 100% auto } #related_themes li img { width: 94%; padding-top: 7% } .popular-theme #related_themes li img { width: 100%; padding-top: 10px; } #filter_part { margin-top: 0 } /*themes*/ #gwrap .themeunit { width: 30%; margin-left: 0 } #gwrap .themeunit .theme_meta { position: static; padding: 0 } #gwrap .themeunit:hover .theme_meta { background: none; border: none; border-radius: 0; box-shadow: none; height: auto; position: static; margin: 0; padding: 0; top: 0 } #gwrap .themeunit a.pimg img { position: static; width: 100%; height: auto; border: 1px solid #ccc; box-shadow: 0 0 3px #ccc; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 2px } #gwrap .themeunit a.pimg { width: auto; height: auto; background: none } #gwrap .themeunit a.pimg:after { display: none } #gwrap .themeunit .theme_meta .more { display: block; margin: 10px auto 0 } #gwrap .themeunit h2 span { display: inline-block; float: right; font-size: 15px; margin-top: 8px } #gwrap .themeunit { display: inline-block; vertical-align: top; min-height: auto; float: none; padding: 1.4%; margin-bottom: 20px } /* Club page Styles */ #wrapper div.club_banner .banner_main .banner_main_wrap { width: 100% } div.club_content .club_content_wrap { float: none; margin: 0 auto; width: 96% } div.club_content ul.f3col li { width: 47% } div.club_content ul.f3col li:nth-of-type(2n+2) { margin-right: 0 !important } div.club_content ul.f3col li:nth-of-type(3n+3) { margin-right: 4% } /* ~Directory Sales page */ .directory_content .section_wrap, .directory_content section#content_sp, section#related_themes { width: 100% } .directory_content ul.features_3col_new .cols, .directory_content section .tricolumn.vertical .column, .directory_content section .tricolumn.horizontal li, .directory_content section .tricolumn.bulleted-list li{ width: 27.8% } .directory_content section .four-column-wrapper.horizontal li{ width: 33.33%; } .directory_content section .tricolumn.horizontal li, .directory_content ul.features_3col_new .cols{ margin-bottom: 15px; padding: 0 10px; } .title-wrapper{ margin-bottom: 15px; } #theme_banner.directory-banner .banner_content { background: none } .directory-banner .banner_content img { margin-top: 15px } body.singular .fullwidthimage { width: 100%; position: static; margin-left: 0; padding-top: 0 } .home .directory-html-banner .directory-html-image { left: 0 } .home .directory-html-banner .directory-html-content { margin-right: 0; width: 57% } .description-link-wrapper-with-table .description-link-wrapper:nth-child(2n+1){ margin-right: 25px; max-width: 45%; } /* ========================================================================== Error 404 Page Media Screen [1152] ========================================================================== */ .error_404 #goog-wm ul li.search-goog label{ display: inline-block; float: none; margin-bottom: 10px; margin-right: 0; margin-top: 0; } .error_404 #goog-wm ul li.search-goog form{ width: 100%; clear: both; } .error_404 #goog-wm ul li.search-goog{ width: 100%; float: none; } .error_404 #goog-wm ul li.search-goog input[type="submit"]{ float: right; } .error_404 #goog-wm ul li.search-goog input[type="text"]{ max-width: 500px; } .error_404 #goog-wm ul{ width: auto; } } /* -------------------------------------------------- :: Tablet (Landscape) ~980px -------------------------------------------------- */ @media only screen and (max-width:980px) { /* ~New Sales Page ------------- */ div.content_sales_n { width: 96% } div.content_sales_n .lightbox_3col li { width: 28%; margin-right: 7.3% } div.content_sales_n .lightbox_3col li img { width: 100% } .directory_content .directory_content { padding-left: 0; padding-right: 0; } /*----- Homepage -----*/ /*.html-banner-left, .home-img-banner .html-banner-left img{width:100% !important; margin-bottom:15px;}*/ .html-banner-right { width: 50%; /*padding:15px;*/ box-sizing: border-box; -webkit-box-sizing: border-box; } .home-plugins { padding: 0 20px; box-sizing: border-box; -webkit-box-sizing: border-box; } .step3 .step { padding: 0; width: 28% } .home_page_content .widget_text { width: 100%; padding-bottom: 30px; margin-bottom: 20px } .home_page_content .templatic_slider ul.slides li .post_list { width: 44%; margin: 25px 2.7% 0 } .home_page_content .templatic_slider ul.slides li .post_list .post_img { width: 100% !important } .home_page_content .templatic_slider .flex-direction-nav li a { top: -8px } .home_page_content .Flicker .flickr_pics_wrap { margin-left: -2% } .home_page_content .Flicker div.flickr_badge_image { width: 12.6%; margin-left: 2%; padding: 1% } .home_page_content .Flicker div.flickr_badge_image img { width: 100% } .content_sales ul.unique_features .symbol, .content_home ul.unique_features .symbol { font-size: 2.75em } .content_sales ul.unique_features .content, .content_home ul.unique_features .content { width: 72% } .content_home #testimonials ul li { width: auto; margin: 0 0 20px } div.hfeed { margin-bottom: 40px } /*----- Sales page Slider -----*/ .banner_fullwidth .flexslider { width: 96% } .banner_fullwidth .flexslider ul.slides, .banner_fullwidth .flexslider ul.slides li { min-height: inherit } .banner_fullwidth .theme_description { width: 96%; padding: 65px 2% 0; background: #fff; margin-top: -20px } .banner_fullwidth .flex-direction-nav a.flex-prev { left: 10px } .banner_fullwidth .flex-direction-nav a.flex-next { right: 10px } /*----- contact -----*/ #contact_frm .form_row .textarea { width: 100% } div.gform_wrapper .gfield_checkbox li input[type="checkbox"], div.gform_wrapper .gfield_radio li input[type="radio"], div.gform_wrapper .gfield_checkbox li input { margin-top: 8px; } /*----- Sitemap -----*/ .sitemap .arclist ul li a, .sitemap .arclist ul li span.arclist_comment { float: none; width: 100% } /*----- Homepage -----*/ .home_page_content .templatic_slider ul.slides li .post_list { margin: 25px 2.4% 0 } #gwrap .themeunit p { padding-top: 8px } /* Club page Styles */ div.club_content ul.f4col li { width: 47%; margin: 0 4% 30px 0 } div.club_content ul.f4col li:nth-of-type(2n+2) { margin-right: 0 } div.club_content .column { width: 47% } div.club_content .image_center { display: none } div.club_content .column .image { width: 12% } div.club_content .column .col_c { width: 82% } div.club_content #testimonials ul li { width: auto; margin-right: 0 } div.club_content .faq { background: none } div.club_content .faq ul { width: 100% } /* ~New Salespage Design */ .banner_fullwidth_n .banner_content .price_top .left p.page_title { text-align: center; } div.content_sales_n { width: 96% } .banner_fullwidth_n .price_top .left, .banner_fullwidth_n .price_top .button_bar, .banner_fullwidth_n .price_top .button_bar .btn_wrap { width: 100%; text-align: center } .banner_fullwidth_n .price_top h1, .banner_fullwidth_n .price_top h2, .banner_fullwidth_n .price_top p { text-align: center; max-width: none } .theme_description_n .theme_type { text-align: left; clear: both } /*Club Page*/ div.club_page_new .banner_content { padding-top: 0 } .club_new_template { min-width: 96% } .club_new_template #testimonials ul li { width: auto } .club_new_template #testimonials ul li p { margin-left: 5px } /*Support Page*/ div.content_sales_n .theme_intro { margin: 0 0 60px } .livesearch input[type="text"] { margin-bottom: 10px } .latest_updates ul { margin-left: -4% } .latest_updates ul li { width: 45%; margin-left: 4% } /*lightbox*/ #lightbox .option_list { width: 96% } .theme_intro .option_box .buy .button{ padding-right: 35px; padding-left: 35px; } /* Installation services page */ .install_services { min-width: 90% } /* blog pages */ body.singular-post section#content, body.tmpl-blog-listing section#content, body.tmpl-article section#content, body.archive.month section#content, body.archive.user section#content { width: 100%; } body.tmpl-blog-listing .breadcrumb, body.tmpl-blog-listing h1.page-title { padding-left: 0 } .hentry img.alignleft { float: left } body.singular-post section#content .entry-content { margin: 0 } img.alignleft, img.alignright, img.aligncenter, img.alignnone { margin-left: 0; margin-right: 0 } #phplive_btn_1375525844 { display: none } .home .directory-html-banner .directory-html-image { width: 44% } #sidebar-front_page, #sidebar-contact_page_sidebar, #sidebar-woo_page, #theme_details_sidebar, #sidebar-post-detail,#sidebar-post-listing{margin-left: 0;} #content ol {margin: 0 12px 20px;} } /* -------------------------------------------------- :: Tablet (Portrait) ~800px -------------------------------------------------- */ @media only screen and (max-width:800px) { /*----- Header -----*/ .content_home section, #home_banner { margin-bottom: 50px } .content_home section h3, .content_home section #testimonials h3 { margin-bottom: 20px; padding-bottom: 15px } #home_banner .banner_links { padding: 25px 0 } /*----- Banner Content -----*/ #themedetail_banner { padding-top: 30px; margin-bottom: 100px } #themedetail_banner-in img { position: static; width: auto; max-width: 100%; float: none; margin: 20px auto -75px; display: block } #themedetail_banner .banner_content { width: 100%; text-align: center } #themedetail_banner h2 { padding-bottom: 15px } #themedetail_banner .button_bar { padding-top: 30px; width: 375px; display: block; left: 0; margin: 0 auto; bottom: -90px } #club_membership_strip { text-align: center } #club_membership_strip p { width: 100% } #club_membership_strip .green_button { float: none; display: inline-block } .content_home_wrap #sales_strip_static a.sales_strip_button { clear: both; display: inline-block; margin-top: 10px } .banner_fullwidth .livedemo, .banner_fullwidth .testdrive, .banner_fullwidth .pre-sale { width: 100%; clear: both } .banner_fullwidth .testdrive, .banner_fullwidth .pre-sale { margin-top: 15px } .banner_content .theme_description .button_bar { margin-top: -35px } #content_sp .features a { padding: 10px } div.content_sales .col3 li, div.content_sales .col2 li { width: 100%; clear: both; /*margin: 0 0 30px 0*/ } div.content_sales .col3 li:last-child, div.content_sales .col2 li:last-child { margin: 0 } .content_sales section { margin: 0 0 40px } ul.rcmnd-devs li { width: 100%; clear: both; margin: 0 0 40px !important } #gwrap .themeunit .theme_meta .more { width: 125px } #gwrap .themeunit .theme_meta .more a.btn_viewdemo, #gwrap .themeunit .theme_meta .more a.btn_viewdemo:hover { border: 0 } #theme_details_content #sales_strip, #theme_details_content #sales_strip2 { display: none !important } /* Installation services page */ .install_services { min-width: 96% } /* ~Directory Sales page */ body ul[class*="-column-horizontal"], .tricolumn{ display: inline-block; } .directory_content section .tricolumn.horizontal li, .directory_content section .tricolumn.bulleted-list li { width: 44.5% } .directory_content section .four-column-wrapper.horizontal li{ width: 33.33%; } .directory_content section .tricolumn.bulleted-list.advanced ul li { width: 42% } #directory_sticky_menu.sticky_active { position: static !important } .home div.directory-html-banner { width: 80% } div.directory-html-banner { width: auto; max-width: 96%; margin: 30px 0; padding: 20px } .directory-html-banner .directory-html-image { width: 55% } .directory-html-banner .directory-html-content { width: 45% } #blog-post, body.tmpl-blog-listing article.hentry, body.tmpl-article section#content .hfeed, body.archive.month section#content .hfeed, body.archive.user section#content .hfeed, body.archive section#content .arclist { padding: 10px; } .hentry .alignleft, .hentry .alignright, .hentry .aligncenter { max-width: 98% } .tmpl-blog-listing article.post .entry-summary p embed { max-width: 100% } .suport_features span.morelink a.moresublink { opacity: 1 } .content_sales ul.feature_list.col2 li { width: 100%; min-height: inherit; } #home_banner .banner_main h1 { font-size: 3em; } body #mc_embed_signup, body #mc_embed_signup .mc-field-group input { max-width: 100%; } body .single-blog-post #mc_embed_signup{background: transparent;} .work_with_us .flexslider {float: none;margin-left: 0; width: 100%;} .positions ul li{width: 100%;} .positions ul li a{display: block;} body .single-blog-post .blog_detail_newsletter #mc_embed_signup{ max-width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* ========================================================================== Error 404 Page Media Screen [800] ========================================================================== */ section.error_404 #goog404{ margin-top: 15px; margin-bottom: 15px; padding: 10px; } .error_404 #goog-wm{ margin: 0; } .error_404 .other-things{ font-size: 1.5em; } .error_404 #goog-wm ul{ margin-top: 10px; } .error_404 #goog-wm ul li.search-goog input[type="text"]{ max-width: inherit; width: 100%; margin-right: 0; float: none; } .error_404 #goog-wm ul li.search-goog input[type="submit"]{ float: none; margin-top: 10px; } } @media only screen and (max-width:767px) { /* ========================================================================== Error 404 Page Media Screen [767] ========================================================================== */ .error_404 .templatic-categories div{ max-width: 50%; } #lightbox .option_box { width: 100%; margin: 0 } .pack_content{ min-height: inherit; } .description-link-wrapper-with-table .description-link-wrapper:nth-child(2n+1){ margin-right: 0; max-width: 100%; } .description-link-wrapper{ width: 100%; max-width: 100%; float: none; margin-bottom: 20px; } .description-link-wrapper:last-of-type{ margin-bottom: 0; } .description-link-wrapper .title-wrapper{ max-width: 100%; } .section_wrap .description-link-wrapper:nth-child(2n+1) .description-link{ padding-right: 0; } body #main .wrap .directory_content section{ margin-bottom: 20px; } .description-link-wrapper-with-table table{ margin-top: 0!important; } } /* -------------------------------------------------- :: Tablet (Portrait) ~680px -------------------------------------------------- */ @media only screen and (max-width:680px) { /*----- Home -----*/ .call_to_action p { width: 100% } .call_to_action .b_action { float: left; margin-left: 0 } .services ul li { width: 100% } .content_sales ul.unique_features .symbol, .content_home ul.unique_features .symbol { font-size: 2em } .content_sales ul.unique_features .content, .content_home ul.unique_features .content { width: 72% } .content_home #testimonials ul li { width: auto; clear: both; margin-bottom: 30px } .content_home #testimonials ul li:last-child { margin-bottom: 0 } .join_package { padding-left: 40% } #home_banner .banner_main { padding-top: 25px; } #home_banner .home_page_banner { padding-top: 50px; padding-bottom: 25px; } .banner_content .theme_description .button_bar { margin: 0 auto; float: none; width: 285px; display: block; padding-top: 15px; clear: both } .banner_fullwidth .price_top { text-align: center } .banner_fullwidth .price_top .left, .banner_fullwidth .price_top h1, .banner_fullwidth .price_top h2 { width: 100%; text-align: center; max-width: 100% } .banner_fullwidth .price_top .button_bar { float: none; display: inline-block; margin-top: 25px } /*themes*/ #gwrap .themeunit { width: 46.5% } /* Club page Styles */ #wrapper div.club_banner .banner_links .theme_description .column { width: 100%; margin-right: 0 !important; text-align: center } div.club_content ul.f3col li, div.club_content ul.f4col li { width: 100%; margin-right: 0 !important } div.club_content .column { width: 100% } div.club_content .column .image { width: auto; margin-right: 15px } div.club_content .column .col_c { width: auto; float: none } /* ~New Salespage Design */ div.content_sales_n .lightbox_3col li { width: 44%; margin-right: 10% } div.content_sales_n .lightbox_3col li:nth-of-type(2n+2) { margin-right: 0 !important } div.content_sales_n .lightbox_3col li:nth-of-type(3n+3) { margin-right: 10% } div.content_sales_n .features_3col_new li { width: auto; margin-right: 0; margin-bottom: 20px; clear: both } div.content_sales_n .highlight_box ul.standard_feature, div.content_sales_n .highlight_box .image_box { width: 100% } /*Club Page*/ #themedetail_banner.club_page_new .button_bar { width: 228px !important; bottom: -125px } .club_new_template { padding-top: 70px } #themedetail_banner.club_page_new .button_bar .and-viewdemo p { width: 100%; margin: 0 } div.club_page_new .banner_content { padding-top: 0 } .club_new_template #themedetail_banner-in .button_bar { bottom: -150px; width: 226px; text-align: center } .club_new_template { min-width: 96% } .club_new_template #testimonials ul li { width: auto } .club_new_template #testimonials ul li .icon-quote-left { position: static } .club_new_template #testimonials ul li p { margin-left: 5px } /*Support Page*/ .dig_deeper ul { margin-left: 0 } .dig_deeper ul li { width: 100%; margin: 0 0 40px } /*~Support Live Search*/ #search_results .forums_search { margin-bottom: 15px !important; padding-bottom: 10px; border-bottom: 1px solid #ddd !important } #search_results .forums_search, #support_live_search #search_results .docs_search { width: 100%; margin: 0; border: 0 } /*lightbox*/ /*#lightbox {position: absolute}*/ #lightbox .option_list { /*background: none;*/ box-shadow: none } .option_box .obwrap { background: #fff } #lightbox .close_btn { right: -20px; top: 12px; z-index: 100 } div.blog_detail_newsletter input.textfield { max-width: 220px } /* ~Directory Sales page */ .directory-banner p.page_title { display: table; margin: 0 auto; float: none } .directory_content h2.theme-name, .directory_menu_wrap, ul.directory_menu { display: block; text-align: center; width: 100% } body a.directory_button, #theme_banner.directory-banner .btn_wrap { display: table; margin: 10px auto; float: none } ul.directory_menu li { padding: 7px 10px } .directory_content section .tricolumn.vertical .column { width: 100%; margin: 0 0 25px 5% } .directory_content ul.feature_list.col2 { margin-left: 0 } .directory_content ul.feature_list.col2 li { margin: 0 0 30px; width: 100% } .directory_content section { padding: 30px 0 } .home .directory-html-banner .directory-html-image, .directory-html-banner .directory-html-image { width: 100%; position: static; margin-bottom: 20px } .directory-html-banner .directory-html-image img { margin: 0 auto } .home .directory-html-banner .directory-html-content, .directory-html-banner .directory-html-content { width: 100%; text-align: center } .directory-html-banner .directory-html-content a { margin: 0 auto } .home div.directory-html-banner { padding: 20px } .directory_content section .tricolumn.horizontal.hi-gallery li { width: 29.5%; text-align: center } .directory_content section .tricolumn.horizontal.hi-gallery li a { display: block; margin: 0 auto } /* Blog listing */ .tmpl-blog-listing article.post .entry-summary p { display: block; clear: both } .tmpl-blog-listing article.post .entry-summary p img { float: none !important; display: table; margin: 0 auto !important } body .single-blog-post .blog_detail_newsletter #mc_embed_signup{padding: 0;} body .single-blog-post .blog_detail_newsletter #mc_embed_signup .mc-field-group{max-width: 100%; margin-bottom: 15px;} body .blog_detail_newsletter #mc_embed_signup{ padding: 0; } body .blog_detail_newsletter #mc_embed_signup .clear{ margin-top: 0; } } /* -------------------------------------------------- :: Mobile (Landscape) ~480px -------------------------------------------------- */ @media only screen and (max-width:480px) { /*----- Homepage -----*/ #home_banner a.buynow_btn { padding: 15px 20px } #home_banner .banner_links_wrap a.themeoverview, #home_banner .banner_links_wrap a.viewdemos { display: block; padding: 0 0 25px } #home_banner .banner_links_wrap small { display: none } .flex-direction-nav li a { top: 36% } .cont_wid_area { margin-left: 0 } .cont_wid_area .widget { width: 100%; margin-left: 0 } .step3 .step, .step3 i { width: 100% } .step3 i { margin: 20px 0; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) } .content_sales ul.unique_features li, .content_home ul.unique_features li { width: 100%; margin: 0 0 20px } .content_sales ul.unique_features .symbol, .content_home ul.unique_features .symbol { font-size: 3em; margin-right: 8px } .content_sales ul.unique_features .content, .content_home ul.unique_features .content { width: 72%; float: left } #related_themes li { } #related_themes li img { max-width: 100%; width: 100%; margin: 0 auto; float: none; } #related_themes li h4 { padding-top: 15px; } .directory_content .section_wrap, .directory_content section#content_sp, section#related_themes { width: 100%; } #related_themes li h4 { padding-top: 20px; } #related_themes ul { margin: 0; } #related_themes li:nth-of-type(2n+2) { margin-right: 0 } .content_home h3 span.readmore { display: none } section .content_home_wrap { background: none } .content_home section h3, .content_home section #testimonials h3 { padding: 0 0 10px; margin: 0 0 20px; border-bottom: 3px double #E0E3E7; float: none } /*----- blog -----*/ .post_fig { width: auto } .entry-header { width: 100%; max-width: 100% } #comments li li .comment-wrap { margin-left: 0 !important } .content_sales iframe { height: auto } /*----- Pages -----*/ .hasDatepicker { width: 84% !important } #related_themes li h4 { padding-top: 10px } #blog-post, body.tmpl-blog-listing article.hentry, body.tmpl-article section#content .hfeed { padding: 10px !important } .content_two_column div { width: 100% !important } /*themes*/ #gwrap .themeunit { width: 46.4% } /* ~New Salespage Design */ #theme_banner .theme_description_n > div { text-align: center; clear: both; width: 100% } div.content_sales_n .lightbox_3col li { width: 100%; margin-right: 0 !important; text-align: center } /*Support Page*/ .latest_updates ul { margin-left: 0 } .latest_updates ul li { width: 100%; margin-left: 0 } .ins_ans .left_col, .ins_ans .right_col { float: none; width: 100% } .talk2us .left_col, .talk2us .right_col { float: none; width: 100%; margin: 10px 0 } .banner_fullwidth .flexslider ul.slides li .slider_content { display: none } section.templatic-price-package .option_box { width: 100% !important; margin-right: 0 } section.templatic-price-package .option_box.highlighted { margin: 40px 0 !important; position: static } /* ~Directory Sales page */ .directory_content section .tricolumn, .directory_content section .tricolumn, .directory_content ul.features_3col_new, .directory_content section .tricolumn.horizontal.gallery { margin-left: 0 } .directory_content section .tricolumn.vertical .column, .directory_content section .tricolumn.horizontal li, .directory_content section .tricolumn.horizontal li, .directory_content ul.features_3col_new .cols { width: 100%; margin: 0 0 25px } .directory_content section .tricolumn.bulleted-list li, .directory_content section .tricolumn.bulleted-list.advanced ul li { width: 100%; margin: 0 0 10px } .directory_content section .tricolumn .feature_item img, .directory_content section .tricolumn.horizontal li img { display: table; margin: 0 auto 10px } .home div.directory-html-banner { width: 75%; margin: 30px auto 40px } .directory_demo_wrap { left: 0; top: 12 } .directory_content section .tricolumn.horizontal.hi-gallery li { width: 45% } #wrapper #home_banner a.buynow_btn, a.buynow_btn_new { padding: 10px 20px; font-size: 1em; } #home_banner .banner_main h1 { font-size: 2em; } .directory_content section .four-column-wrapper.horizontal li{ width: 50%; } .directory_content ul.feature_list.col2 li img.thumb, .directory_content ul.feature_list.col2 li img{ width: 70px; height: 70px; } .directory_content ul.feature_list.col2 li h3, .directory_content ul.feature_list.col2 li p{ width: calc(100% - 90px); } .directory_content ul.feature_list.col2 li{ margin-bottom: 10px; } /* ========================================================================== Error 404 Page Media Screen [480] ========================================================================== */ .error_404 .templatic-categories div h3 { float: none; margin-bottom: 5px; margin-right: 0; } .error_404 .templatic-categories div ul li{ margin-left: 0; margin-right: 20px; } .error_404 .templatic-categories div ul li::before{ right: -10px; } .error_404 .templatic-categories{ margin-top: 20px; } .error_404 .templatic-categories div{ max-width: 100%; } .error_404 .templatic-categories div ul, .error_404 .templatic-categories div h3{ padding-left: 0; padding-right: 0; } .error_404 .templatic-categories div.recent-blogs ul{ padding-left: 20px; } } /* -------------------------------------------------- :: Mobile (Portrait) ~320px -------------------------------------------------- */ @media only screen and (max-width:360px) { .directory_content section .four-column-wrapper.horizontal li{ width: 100%; } .directory_content section .tricolumn ul, .directory_content ul.features_3col_new ul{ margin-left: 0; margin-right: 0; display: inline-block; } .directory_content section .tricolumn.horizontal li, .directory_content ul.features_3col_new .cols{ padding-left: 0; padding-right: 0; } } @media only screen and (max-width:320px) { /*----- Homepage -----*/ .home_page_content .templatic_slider ul.slides li .post_list { width: 99%; margin: 25px 0 0 } .home_page_content .flexslider .slides > li h2 { display: block } .home_page_content .Flicker div.flickr_badge_image { width: 20.8%; margin-bottom: 10px } #related_themes li { width: 100%; clear: both; margin: 0 0 25px } #themedetail_banner { margin-bottom: 120px } #themedetail_banner .button_bar { bottom: -110px } #themedetail_banner .button_bar { width: 100%; text-align: center } #themedetail_banner .button_bar .price-buynow { width: 205px; margin: 0 auto } #themedetail_banner .button_bar .and-viewdemo { width: 160px; margin: 0 auto; clear: both } #themedetail_banner span.and, #themedetail_banner span.view_demo { float: left; margin-top: 5px } #themedetail_banner a.sales_strip_button { display: inline-block; float: none } /*----- blog -----*/ .hentry .featured-image-link { margin-bottom: 15px } .hentry .featured-image-link img { max-width: 100% } .hentry h2.entry-title { clear: both } /*themes*/ #gwrap .themeunit { width: 97% } #wrapper div.club_banner .banner_links .column a { font-size: 18px } /* ~New Salespage Design */ .banner_fullwidth { margin-bottom: 20px } #theme_banner .banner_content { padding-top: 10px } div#theme_banner a.demo_new_btn, div#theme_banner a.buynow_new_btn { width: 120px; margin-top: 0; margin-bottom: 0 } .banner_fullwidth .price_top { padding-top: 25px } div.blog_detail_newsletter input.textfield { margin-bottom: 10px } ul.rcmnd-devs li img {display: block;float: none;margin: 0 auto;width: auto;} ul.rcmnd-devs li .dev-info {margin-top: 10px; padding-left: 0; text-align: center;} .directory_content section .tricolumn .feature_item img, .directory_content section .tricolumn.horizontal li img{ width: 100%; } } ul.tricolumn.tevolution-addon li { background: none !important; display: inline-block; float: none; margin-right: 3px !important; padding: 0 !important; vertical-align: top; } .iframe_helpdesk { overflow: hidden } /*.iframe_helpdesk iframe#helpdesk_frame_ticket {margin-top: -205px}*/ .iframe_helpdesk iframe#helpdesk_frame_ticket #footer { display: none } /*---------------------------*/ /*- BROWSER CONTAINER -------*/ .middled { float: none; margin: 30px auto; padding: 20px 20px 0; background: url(images/salespage/map-bg.png) top left no-repeat; background-size: 100% auto; border-bottom: 1px solid #CCC; } .middled.luxury-middled { position: relative; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #e3e7f1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e3e7f1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%, #e3e7f1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%, #e3e7f1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%, #e3e7f1 100%); /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%, #e3e7f1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e3e7f1', GradientType=0); /* IE6-9 */ } .middled.luxury-middled:before { bottom: 0; box-shadow: 2px -13px 10px -10px rgba(0, 0, 0, 0.2) inset; content: ""; display: inline-block; height: 20px; left: 0; position: absolute; width: 100%; z-index: 10000; } .browser-collection { max-height: 500px; margin-bottom: 0; overflow: hidden; position: relative; } .browser { border-radius: 6px 6px 0 0; transition: all 0.2s ease-in-out; text-align: center; } .browser img { display: block; padding-top: 18px; background: url(images/salespage/browser-bar.png) top left no-repeat; background-size: 1100px 18px; border-radius: 4px 4px 0 0; margin: auto !important; } .browser:nth-child(1) { position: relative; z-index: 1; } .browser:nth-child(1) img { margin: 0; } .browser:nth-child(2) { position: absolute; top: 60px; right: 5px; z-index: 2; box-shadow: -3px 8px 12px rgba(0, 0, 0, 0.5); } .browser.browser-alone { left: auto; } .browser.browser-alone img { margin: auto; } .browser.browser-top { max-width: 480px; } .browser.browser-bottom { max-width: 480px; } .browser-collection.spread { max-height: 450px; } /*-----------------------*/ /*- SEVEN SCREENSHOTS ---*/ .spread .browser:nth-child(1) { position: static; left: auto; right: auto; display: block; width: 600px; margin: 0 auto; position: relative; z-index: 10; box-shadow: 0 7px 13px rgba(0, 0, 0, 0.5), 0 7px 13px rgba(0, 0, 0, 0.1); } .spread .browser:nth-child(2) { position: absolute; width: 400px; left: -30%; right: 0; top: 30px; margin: auto; z-index: 9; box-shadow: -3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(3) { position: absolute; width: 400px; left: 0; right: -30%; top: 30px; margin: auto; z-index: 9; box-shadow: 3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(4) { position: absolute; width: 360px; left: -50%; right: 0; top: 60px; margin: auto; z-index: 8; box-shadow: -3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(5) { position: absolute; width: 360px; left: 0; right: -50%; top: 60px; margin: auto; z-index: 8; box-shadow: 3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(6) { position: absolute; width: 320px; left: -70%; right: 0; top: 90px; margin: auto; z-index: 7; box-shadow: -3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(7) { position: absolute; width: 320px; left: 0; right: -70%; top: 90px; margin: auto; z-index: 7; box-shadow: 3px 8px 12px rgba(0, 0, 0, 0.3); } /*-----------------------*/ /*- THREE SCREENSHOTS ---*/ .spread.spread-small .browser:nth-child(1) { left: auto; } .spread.spread-small .browser:nth-child(2) { left: -42%; top: 30px; } .spread.spread-small .browser:nth-child(3) { right: -42%; top: 30px; } .browser:nth-child(2):hover, .browser:nth-child(3):hover, .browser:nth-child(4):hover, .browser:nth-child(5):hover, .browser:nth-child(6):hover, .browser:nth-child(7):hover, .spread .browser:nth-child(2):hover, .spread .browser:nth-child(3):hover, .spread .browser:nth-child(4):hover, .spread .browser:nth-child(5):hover, .spread .browser:nth-child(6):hover, .spread .browser:nth-child(7):hover { z-index: 10; } @media only screen and (min-width:1152px) { #blog-post .realestate-mobile-optimized { max-width: none !important; display: table !important; width: auto !important; margin: auto 0px 0px -12% !important; } } .faqbigfont { font-size: 18px; line-height: 29px; } .faqbigfont .suport_features { font-size: 16px; line-height: 24px; } p#sales_strip2 { margin-top: 0; max-width: 100%; position: fixed; top: 0; width: 100%; z-index: 999; left: auto; margin-left: 0; } @media screen and (max-width:680px) { div.content_sales_n .features_3col_new li, div.content_sales_n .features_3col_new .cols { width: 100%; min-height: 110px; } .lightbox_3col.gallery-columns-3 li { width: 100% !important; } div.content_sales_n .section-two-colmn ul li { margin-right: 0; width: 100%; } .theme_intro > a { display: inline-block; } } @media screen and (max-width:360px) { .directory_content ul.feature_list.col2.with-icon52 li p, .directory_content ul.feature_list.col2.with-icon52 li p h3 { width: 100%; } #gwrap .themeunit { width: 100%; } } #dic_bubble { display: none; } #gwrap .themeunit .theme_meta .more a.btn_viewdetails { margin-bottom: 5px; } /* Sales Page Home Screenshot */ .sales_theme_banner { width: 100%; display: inline-block; vertical-align: top; overflow: hidden; } .sales_theme_banner .sales_theme_banner_inner { max-width: 920px; margin: 0 auto; width: 100%; height: 630px; position: relative; } .sales_theme_banner .sales_theme_banner_inner .desktop_banner { width: 100%; max-width: 800px; position: relative; height: 100%; z-index: 1; } .sales_theme_banner .sales_theme_banner_inner .desktop_banner:before { background: rgba(0, 0, 0, 0.1); content: ''; position: absolute; left: -10px; bottom: -5px; width: 50px; height: 70%; z-index: -1; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .sales_theme_banner .sales_theme_banner_inner .desktop_banner:after { background: rgba(0, 0, 0, 0.1); content: ''; position: absolute; right: -10px; bottom: -5px; width: 50px; height: 70%; z-index: -1; -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .sales_theme_banner .sales_theme_banner_inner .desktop_banner a { height: 100%; overflow: hidden; width: 100%; display: inline-block; vertical-align: top; } .sales_theme_banner .sales_theme_banner_inner .desktop_banner img { background: url("images/salespage/desktop-bar.png") no-repeat scroll left top / 100% 18px; border-radius: 4px 4px 0 0; margin: auto; display: block; padding-top: 18px; } .sales_theme_banner .sales_theme_banner_inner .iphone_banner { position: absolute; right: 0; bottom: 0; height: 375px; z-index: 1; max-width: 245px; width: 100%; } .sales_theme_banner .sales_theme_banner_inner .iphone_banner a { background: url("images/salespage/iphone-device.png") no-repeat scroll left top; padding: 79px 20px 0 22px; width: 100%; display: inline-block; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sales_theme_banner .sales_theme_banner_inner .iphone_banner:before { background: rgba(0, 0, 0, 0.1); content: ''; position: absolute; left: -10px; bottom: -5px; width: 50px; height: 70%; z-index: -1; -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .sales_theme_banner .sales_theme_banner_inner .iphone_banner:after { background: rgba(0, 0, 0, 0.1); content: ''; position: absolute; right: -10px; bottom: -5px; width: 50px; height: 70%; z-index: -1; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .singular-products-16952 #main, .singular-products-16952 .content_sales, .singular-products-16952 #theme_banner .banner_content { max-width: 100%; width: 100%; } .singular-products-16952 #content_sales_wrap_n > section, .singular-products-16952 #content_sales_wrap_n > div { max-width: 920px; margin-left: auto !important; margin-right: auto !important; } .singular-products-17357 #content_sales_wrap_n > section.sales_theme_banner_section, .singular-products-16952 #content_sales_wrap_n > section.sales_theme_banner_section { max-width: 100%; } .singular-products-16952 #content_sales_wrap_n > section.sales_theme_banner_section, .singular-products-16952 #theme_banner, .singular-products-17357 section.sales_theme_banner_section, .singular-products-17475 #content_sales_wrap_n > section.sales_theme_banner_section, .singular-products-17475 #theme_banner { background: #47b0e2; } .sales_theme_banner_section .sales_theme_banner h1, .sales_theme_banner_section .sales_theme_banner h2 { color: #fff; } .singular-products-16952 #theme_banner { margin-bottom: 0; margin-top: -49px; } /* .singular-products-16952 div#theme_banner a.demo_new_btn, */ div#theme_banner a.demo_new_btn:hover { background: #5aca30; color: #fff; } .singular-products-17357 .sales_theme_banner h1 { margin: 50px auto 10px; } .singular-products-17357 .sales_theme_banner h2.description { margin: 0 auto 10px; } .singular-products-17357 .sales_theme_banner .buttonbar { margin: 0 0 30px; } .singular-products-17357 .sales_theme_banner .buttonbar p.buy_now { background: none; } .singular-products-17357 .sales_theme_banner .buttonbar p.buy_now a { color: #FFF; text-decoration: none; background: #52B251; margin: 0 10px; } .singular-products-17357 .sales_theme_banner .buttonbar p.buy_now a:hover { background: #35A6DB; } .singular-products-17357 .sales_theme_banner .buttonbar p.buy_now a.white_btn { background: #FFF; color: #333; } .singular-products-17357 .sales_theme_banner .buttonbar p.buy_now a.white_btn:hover { background: rgba(255, 255, 255, 0.7); } /* Home Quest and product page */ .singular-products-17475 #main { padding-top: 0; } .singular-products-17475 #main, .singular-products-17475 .content_sales, .singular-products-17475 #theme_banner .banner_content { max-width: 100%; width: 100%; } .template_sales_new_bg.banner_fullwidth { background: #47b0e2; } .template_sales_new_bg.banner_fullwidth.orange { background: #F49B6C; } .banner_fullwidth.banner_fullwidth_n .banner_content .price_top * { color: #555; } .banner_fullwidth.banner_fullwidth_n .banner_content .price_top #tmpl_div_link a { color: #5aca30; font-weight:400;} .banner_fullwidth.banner_fullwidth_n .banner_content .price_top #tmpl_div_link a:hover { color: #555;} .banner_fullwidth.directory-child-full-widht-template .banner_content .price_top .left * { color: #555 !important; } .banner_fullwidth.directory-child-full-widht-template .banner_content .price_top .button_bar a.demo_new_btn { background: #47b0e2 !important; color: #fff !important; } .banner_fullwidth.directory-child-full-widht-template .banner_content .price_top .button_bar a.demo_new_btn:hover { background: #f49b6c !important; color: #fff !important; } .template_sales_new_bg.banner_fullwidth .banner_content .price_top .left *, .directory-child-template.banner_fullwidth .banner_content .price_top .left * { color: #fff; } .singular-products-17475 #content_sales_wrap_n > section, .singular-products-17475 #content_sales_wrap_n > div { max-width: 920px; margin-left: auto !important; margin-right: auto !important; } .singular-products-17475 #content_sales_wrap_n > section.sales_theme_banner_section, .singular-products-17475 #content_sales_wrap_n > section.sales_theme_banner_section { max-width: 100%; } .singular-products-17475 div.banner_fullwidth_n.directory-child-template { margin-bottom: 0; } #tmpl_div_link { display: none; background: none repeat scroll 0 0 #fff; margin-top: -11px; width: 140px; border: 1px solid #dedede; border-radius: 5px; padding: 12px; position: absolute; transition: all 0.2s ease-in-out 0s; z-index: 2 } #tmpl_div_link a { display: block; } .childdir_demo_wrap { display: inline-block; } .childdir_demo_wrap:hover #tmpl_div_link { display: block; } /* Eventum */ .singular-products-17533 #main { padding-top: 0; } .singular-products-17533 #main, .singular-products-17533 .content_sales, .singular-products-17533 #theme_banner .banner_content { max-width: 100%; width: 100%; } .singular-products-17533 #content_sales_wrap_n > section.sales_theme_banner_section, .singular-products-17533 #theme_banner, .singular-products-17533 section.sales_theme_banner_section { background: #47b0e2; } .singular-products-17533 #content_sales_wrap_n > section, .singular-products-17533 #content_sales_wrap_n > div { max-width: 920px; margin-left: auto !important; margin-right: auto !important; } .singular-products-17533 #content_sales_wrap_n > section.sales_theme_banner_section, .singular-products-17533 #content_sales_wrap_n > section.sales_theme_banner_section { max-width: 100%; } .singular-products-17533 div.banner_fullwidth_n.directory-child-template { margin-bottom: 0; } .gform_wrapper textarea { font-size: 16px !important; } /* Font */ #directory_sales_wrap .support-features .title h3, .theme_club h4, .title > h4, #pricing_table .title h5, .popular_theme_content h2,/*.panel h3,*/ #pricing_table .pricing_wrap span, #pricing_table .pricing_wrap h2 { font-size: 2em; line-height: 1.5; font-weight: 700;} .popular_theme_content h2 { font-size: 2em; line-height: normal; } #pricing_table .pricing_wrap h4 { font-size: 1.667em; line-height: 3em; } .newsletter h4, .title h6 { font-size: 1.667em; } .footer .title > h2 { font-size: 1.111em; } .pricing_table .selected span, .pricing_table .selected .pricing_wrap h4 { color: #ffffff; } section[class*="section"]:last-child { margin-bottom: 50px; } .page_content { width: 100%; display: inline-block; margin-bottom: 70px; vertical-align: top; } .pagination { text-align: center; margin: 50px 0 0; } .pagination .screen-reader-text { display: none; } .pagination a:hover, .pagination a.current, .pagination span.current { background: #F49B6C; color: #fff; } .main_theme_area { margin-top: 0; } .list-column-box > li { padding: 10px 0; border-bottom: 1px solid #dadada; } .list-column-box > li:last-child { border-bottom: 0; } .list-column-box > li .list-column-box-graphic, .list-column-box > li .list-column-box-content { width: 100%; } .list-column-box > li .list-column-box-content p { margin-bottom: 15px; } .list-column-box > li .list-column-box-content h3 { margin-bottom: 10px; } .list-column-box > li .list-column-box-content ul li { margin-bottom: 10px; } .list-column-box > li .list-column-box-content ul li:last-child { margin-bottom: 0; } @media screen and (min-width:650px) { .list-column-box > li { display: flex; } .list-column-box > li .list-column-box-graphic { text-align: left; } .list-column-box > li .list-column-box-graphic { max-width: 40%; vertical-align: middle; } .list-column-box > li .list-column-box-content { max-width: 70%; vertical-align: middle; } .list-column-box > li .list-column-box-graphic { padding-right: 20px; } .list-column-box > li .list-column-box-content { padding-left: 20px; } .list-column-box > li:nth-child(2n+2) { flex-direction: row-reverse; } .list-column-box > li:nth-child(2n+2) .list-column-box-graphic { padding-left: 20px; padding-right: 0; } .list-column-box > li:nth-child(2n+2) .list-column-box-content { padding-right: 20px; padding-left: 0; } } @media screen and (max-width:650px) { .list-column-box > li .list-column-box-graphic, .list-column-box > li .list-column-box-content { width: 100%; } } body ul.list-icon1 li { margin-bottom: 15px; padding-left: 40px; position: relative; } body ul.list-icon1 li::before { content: "\f105"; font-family: FontAwesome; font-size: 0.875em; margin-right: 14px; color: #888888; border: 1px solid #888888; border-radius: 50%; padding: 4px 0px; position: absolute; left: 0; top: 2px; text-align: center; width: 25px; height: 17px; display: flex; align-items: center; justify-content: center; } body ul.list-default li { margin-bottom: 10px; position: relative; padding-left: 30px; } body ul.list-default li i { position: absolute; left: 0; top: 2px; } .title h1 { margin-bottom: 10px; } .title h1 + h3 { margin-top: 20px; } .title h2 { margin-bottom: 15px; } .title h3 { margin-bottom: 15px; } .title p { max-width: 900px; margin-left: auto; margin-right: auto; } .title h1 ~ span, .title h1 ~ p { display: block; margin-bottom: 30px; } section.title-description { margin-bottom: 0; } @media screen and (min-width:800px) { body .title-large { margin-bottom: 20px; text-align: left!important;} body .title-large h1 { font-size: 3em; margin-bottom: 0; font-weight: 700; } body .title-large p, body .title-large h1 + p { font-size: 1em; max-width: 1000px; margin: 0; } } @media only screen and (max-width:75em) { } .banner_content { text-align: center; padding-top: 40px; } .banner_content h1 { margin-bottom: 20px; } .banner_content a[class*="_btn"] { margin-top: 30px; font-size: 1em; padding: 10px 20px; } .main_theme_area { background: #47b0e2; overflow: hidden; color: #fff; } .main_theme_area h1, .main_theme_area h2, .main_theme_area h3, .main_theme_area h4, .main_theme_area h5, .main_theme_area h6 { color: #fff; } .main_theme_area a { color: #fff; } .main_theme_area p a:not(.primary_btn) { position: relative; overflow: hidden; vertical-align: bottom; display: inline-block; z-index: 1; padding-left: 5px; padding-right: 5px; } .main_theme_area p a:not(.primary_btn):after { height: 100%; width: 100%; content: ''; position: absolute; z-index: -1; left: 0; top: 0; background: rgba(0, 0, 0, 0.2); -webkit-transition: transform 0.2s ease 0s; -moz-transition: transform 0.2s ease 0s; -ms-transition: transform 0.2s ease 0s; -o-transition: transform 0.2s ease 0s; transition: transform 0.2s ease 0s; -webkit-transform: translateY(95%); -moz-transform: translateY(95%); -ms-transform: translateY(95%); -o-transform: translateY(95%); transform: translateY(95%); } .main_theme_area p a:not(.primary_btn):hover { color: #fff; } .main_theme_area p a:not(.primary_btn):hover:after { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .main_theme_area:not(.theme-banner-one) a[class*="_btn"]:hover { background: #f49b6c; color: #fff; } section[class*="section"].main_theme_area { margin-top: 0; } .main_theme_area h1 { margin-top: 20px; margin-bottom: 20px; text-align: center; color: #fff; } .main_theme_area h1 + p { font-size: 20px; margin-top: 15px; color: #fff; } .main_theme_area p {width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; color: #47b0e2;} .main_theme_area .popular_theme_content p {color: #fff;} .btn_wrap > .secondary_btn { margin-right: 12px; } .theme-showcase-mockup { margin-top: 20px; margin-bottom: 40px; } .popular_theme_wrap { padding-top: 0; } .popular_theme { display: flex; align-items: center; } .popular_theme .sales_theme_banner_inner { max-width: 580px; width: 100%; vertical-align: middle; padding: 50px 10px 0 50px; text-align: center; float: left; box-sizing: border-box; } .browser.small_browser { text-align: center; } .browser.small_browser img { vertical-align: top; border-radius: 0; } .browser.small_browser > img { display: none; } .popular_theme .popular_theme_content { display: 100%; vertical-align: middle; padding: 30px 50px 0; display: inline-block; max-width: 40%; } .popular_theme .sales_theme_banner_inner .browser::after { right: 78px; } .popular_theme .popular_theme_content h1 { font-size: 1.875em; text-align: left; margin-bottom: 20px; } .popular_theme .popular_theme_content p { margin-bottom: 20px; } .popular-theme-list ul[class*="-column-horizontal"] > li a.img { display: inline-block; width: 100%; margin-bottom: 15px; max-width: 240px; margin-right: 20px; float: left; } .popular-theme-list ul[class*="-column-horizontal"] > li a.img:hover img { border-color: rgba(0, 0, 0, 0.3); opacity: 0.7; } .popular-theme-list ul[class*="-column-horizontal"] > li img { border: 1px solid rgba(0, 0, 0, 0.05); background: #fff; box-shadow: 0 0 3px -1px rgba(0, 0, 0, 0.1); padding: 10px; vertical-align: top; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease } .popular-theme-list ul[class*="-column-horizontal"] > li > div { display: block; overflow: hidden; word-wrap: break-word; } .popular-theme-list ul[class*="-column-horizontal"] > li h3 { margin-bottom: 5px; } body ul[class*="-column-horizontal"].plugin-list { justify-content: flex-start; } body ul[class*="-column-horizontal"].plugin-list > li { display: flex; align-self: stretch; } @media screen and (max-width:1230px) { .popular-theme-list ul[class*="-column-horizontal"] { justify-content: flex-start; } .popular-theme-list ul[class*="-column-horizontal"] > li { width: 33.33%; } .popular-theme-list ul[class*="-column-horizontal"] > li a.img { max-width: 100%; margin-right: 0; } .popular-theme-list ul[class*="-column-horizontal"] > li > div { width: 100%; display: inline-block; } } @media screen and (max-width:800px) { #home_banner .home_page_banner { padding-bottom: 50px; } #home_banner .banner_links span { width: 100%; margin-bottom: 15px; display: inline-block; } .popular-theme-list ul[class*="-column-horizontal"] > li { width: 50%; } } @media screen and (max-width:650px) { .popular-theme-list ul[class*="-column-horizontal"] > li { width: 100%; } } .sales_theme_banner { width: 100%; display: inline-block; vertical-align: top; overflow: hidden; margin-top: 50px; } section[class*="section"].theme-banner-one { background: #47B0E2; margin-top: 0; padding-top: 50px; color: #fff; position: relative; z-index: 1; } section.theme-banner-one[class*="section"]::after { background: #fff; bottom: 0; content: ""; display: inline-block; height: 20%; left: 0; position: absolute; width: 100%; z-index: -1; } .theme-banner-one .title p { margin-bottom: 0; margin-top: 0; } .theme-banner-one .container { max-width: 980px; } .sales_theme_banner .banner_content .title h1 { margin-bottom: 0; } .sales_theme_banner .sales_theme_banner_inner { max-width: 920px; margin: 0 auto; width: 100%; height: 630px; position: relative; } .sales_theme_banner .sales_theme_banner_inner .desktop_banner { width: 100%; max-width: 800px; position: relative; height: 100%; z-index: 1; } .sales_theme_banner .sales_theme_banner_inner .desktop_banner:before { background: rgba(0, 0, 0, 0.1); content: ''; position: absolute; left: -10px; bottom: -5px; width: 50px; height: 70%; z-index: -1; -moz-transform: rotate(3deg); -webkit-transform: rotate(3deg); -o-transform: rotate(3deg); -ms-transform: rotate(3deg); transform: rotate(3deg); } .sales_theme_banner .sales_theme_banner_inner .desktop_banner:after { background: rgba(0, 0, 0, 0.1); content: ''; position: absolute; right: -10px; bottom: -5px; width: 50px; height: 70%; z-index: -1; -moz-transform: rotate(-3deg); -webkit-transform: rotate(-3deg); -o-transform: rotate(-3deg); -ms-transform: rotate(-3deg); transform: rotate(-3deg); } .sales_theme_banner .sales_theme_banner_inner .desktop_banner a { height: 100%; overflow: hidden; width: 100%; display: inline-block; vertical-align: top; } .sales_theme_banner .sales_theme_banner_inner .desktop_banner img { background: url("images/browser.png") no-repeat scroll left top; border-radius: 4px 4px 0 0; margin: auto; display: block; padding-top: 22px; } .sales_theme_banner .sales_theme_banner_inner .iphone_banner { position: absolute; right: 0; bottom: 0; height: 375px; z-index: 1; max-width: 245px; width: 100%; } .sales_theme_banner .sales_theme_banner_inner .iphone_banner a { background: url("images/iphone-device.png") no-repeat scroll left top; padding: 79px 20px 0 22px; width: 100%; display: inline-block; vertical-align: top; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .sales_theme_banner .sales_theme_banner_inner .iphone_banner:before { background: rgba(0, 0, 0, 0.1); content: ''; position: absolute; left: -10px; bottom: -5px; width: 50px; height: 70%; z-index: -1; -moz-transform: rotate(5deg); -webkit-transform: rotate(5deg); -o-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); } .sales_theme_banner .sales_theme_banner_inner .iphone_banner:after { background: rgba(0, 0, 0, 0.1); content: ''; position: absolute; right: -10px; bottom: -5px; width: 50px; height: 70%; z-index: -1; -moz-transform: rotate(-5deg); -webkit-transform: rotate(-5deg); -o-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg); } .theme-banner-one .theme-banner-one-head { display: flex; align-items: center; align-content: center; margin-bottom: 50px; } .theme-banner-one .title { width: 100%; max-width: 70%; vertical-align: middle; text-align: left; padding-right: 40px; } .theme-banner-one .title h1 { margin-bottom: 10px; text-align: left; color: #fff; line-height: 1.2; } .theme-banner-one .btn_wrap { width: 100%; max-width: 30%; vertical-align: middle; display: flex; justify-content: flex-end; } .theme-banner-one .btn_wrap a { margin-top: 0; font-size: 1.1em; padding: 10px 20px; } .theme-banner-one .btn_wrap a.secondary_btn, .theme-banner-one .btn_wrap a.primary_btn:hover { background: #fff; color: #47B0E2; border: 2px solid #fff; border-radius: 5px; } .theme-banner-one .btn_wrap a.secondary_btn:hover, .theme-banner-one .btn_wrap a.primary_btn { background: #5aca30; color: #fff; border: 2px solid #fff; border-radius: 5px; } .theme-banner-one-content { text-align: center; } .themes-features-link .container { max-width: 840px; margin-left: auto; margin-right: auto; } .tricolumn > li h3 { font-size: 1em; margin: 8px 0 0 0; } .theme-selection-graphic { float: left; margin-right: 20px; } .theme-selection-content { display: block; overflow: hidden; } ::i-block-chrome, .support-features-verticle ul li .support-features-verticle-wrap { min-height: 350px; } .support-features-verticle ul li .support-features-verticle-wrap { color: #555; background: #f3f6f7; text-align: center; padding: 35px 15px; width: 100%; border-radius: 3px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; text-align: center; display: inline-block; } .support-features-verticle ul li .support-features-verticle-wrap:hover { color: #F49B6C; } .support-features-verticle ul li img { border-radius: 100%; margin: 0 0 12px; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .support-features-verticle ul li i { font-size: 1.667em; color: #d0cfcf; border: 2px solid; line-height: 115px; border-radius: 100%; height: 115px; width: 115px; margin: 0 0 30px; text-align: center; background: #FFF; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .support-features-verticle ul li:hover .support-features-verticle-wrap img { background: #fff; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } .support-features-verticle ul li h4 { margin: 0 0 10px; } .support-features-verticle ul li h4:hover { color: #f49b6c; } .related-themes ul[class*="column"] li img { border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; margin-bottom: 10px; vertical-align: top; justify-content: center; } .hero-section { background: #f4f4f4; margin-top: 155px; } .hero-section-img { display: inline-block; width: 100%; text-align: center; margin-top: -95px; } .hero-section-img img { vertical-align: bottom; } .hero-section-content { display: block; } .hero-section-content ul li h2 { margin-bottom: 15px; } .hero-section.cbp-so-section { overflow: visible; } @media screen and (min-width:800px) { .hero-section .container { display: flex; align-items: flex-end; } .hero-section-img { max-width: 30%; margin-right: 40px; } .hero-section-content ul li h2 { margin-bottom: 45px; } .hero-section { margin-top: 215px; } } @media screen and (max-width:800px) { .hero-section-img { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } .theme-banner-one .theme-banner-one-head { display: block; } .theme-banner-one .btn_wrap, .theme-banner-one .title, .theme-banner-one .title h1 { display: block; max-width: 100%; text-align: center; padding: 0; } } .features { padding-top: 40px; display: inline-block; width: 100%; text-align: center; vertical-align: middle; } .features > ul { display: inline-block; padding: 0 5px; } .features > ul > li { display: inline-block; vertical-align: middle; } .features > ul > li img { display: inline-block; vertical-align: middle; } .features_text li { padding: 0 10px; } .features_text li span { padding-left: 10px; } .payment_icon { margin-bottom: 0px; } .payment_icon li { padding: 0 4px; } .testimonials_col_1 { width: 100%; display: inline-block; } .type-blockquotes_left_img { width: 100%; max-width: 440px; float: left; } .type-blockquotes_right { display: block; overflow: hidden; } .type-blockquotes_right ul li { float: left; padding-left: 30px; margin-bottom: 30px; } .testimonials_col_1 .type-blockquotes { display: inline-block; margin-left: 30px; font-size: 1.111em; position: relative; } .testimonials_col_1 blockquote { background: #f4f4f4; border-radius: 3px; padding: 26px 26px 26px 56px; margin-bottom: 56px; } .type-blockquotes h6 { font-size: 1em; font-weight: normal; margin-left: 32px; } .type-blockquotes span { font-size: 0.778em; margin-left: 32px; } .type-blockquotes > a { margin-left: 32px; } .testimonials_col_1 .type-blockquotes span { margin-left: 0; } .testimonials_col_1 .type-blockquotes h6 { margin-left: 0; } .testimonials_col_1 .type-blockquotes blockquote::before { top: 50px; left: 15px; position: absolute; } .testimonials_col_1 .type-blockquotes blockquote::after { content: ""; height: 0px; width: 0px; border-top: 50px solid #f4f4f4; border-right: 50px solid transparent; left: 40px; bottom: -50px; position: absolute; } .testimonials_col_2 ul li { float: left; width: 33.33%; padding: 0 15px; } .testimonials_col_2 ul { width: 100%; display: inline-block; } .testimonials_col_3 { background: #47B0E2; } .testimonials_col_3 blockquote { color: #ffffff; font-size: 1.111em; } .testimonials_col_3 .type-blockquotes { display: table-cell; vertical-align: middle; max-width: 468px; } .testimonials_col_3 .type-blockquotes blockquote::before { color: #fff; left: -14px; } .testimonials_col_3 .type-blockquotes h5, .testimonials_col_3 .type-blockquotes span { margin-left: 30px; color: #ffffff; } .testimonials_col_3 .container { display: table; } .client-avatar { position: relative; display: table-cell; vertical-align: middle; } .client-avatar img { vertical-align: middle; } .sidebar .widget_nav_menu ul li, .sidebar .widget_meta ul li, .sidebar .widget_recent_entries ul li, .widget_archive ul li, .widget_links ul li { margin: 15px 0; } .sidebar .widget_recent_entries ul li a { display: block; } #wp-calendar th, #wp-calendar td { text-align: center; } .comments-area { margin-top: 75px; display: inline-block; width: 100%; vertical-align: top; background: #fff; padding: 30px; } .no-comments { text-align: center; } .comments-area .comments-title { margin-bottom: 30px; } ol.comment-list, .comment .children { padding: 0; line-height: 1.7em; } .comment-body { margin-bottom: 48px; position: relative; min-height: 70px; } .comment-meta { width: 100%; display: block; vertical-align: top; } .comment-meta .comment-author .avatar { position: absolute; left: 0; top: 0; border-radius: 100%; padding: 5px; border: 1px solid rgba(0, 0, 0, 0.2); } .comment-meta .comment-author .fn { color: #333; } .comment-meta, .comment-meta + .comment-content, .comment .children { margin-left: 80px; margin-top: 5px; } .comment-author, .comment-metadata { display: inline-block; margin-right: 7px; } .comment-metadata a { font-size: 14px; color: rgba(0, 0, 0, 0.30); } .comment-metadata a:hover { color: #F49B6C; } .comment-metadata time:before { content: '\f017'; font-family: FontAwesome; } span.fn, span.fn a { color: #333; display: inline-block; font-size: 20px; font-weight: 700; text-decoration: none; } .comment-reply-link { display: block; position: absolute; right: 0; top: 7px; padding: 10px 30px; } @media screen and (max-width:480px) { .comments-area { padding: 0; } .comment-meta .comment-author .avatar { display: none; } .comment-meta, .comment-meta + .comment-content, .comment .children { margin-left: 0; } .comment-body { margin-bottom: 15px; } .comment .children { margin-left: 25px; } } .comment-form p { margin-bottom: 20px; width: 100%; display: inline-block; } #comments-template .comment-form p{ margin-bottom: 0; } .subscribe-to-comments{ margin-top: 8px; } .comment-form p label { display: inline-block; float: left; width: 20%; } .comment-form p input { display: inline-block; float: left; width: 80%; margin: 0; max-width: 300px; } .comment-form p textarea { display: inline-block; float: left; width: 80%; margin: 0; } .comment-form p.form-allowed-tags, .comment-form p.form-submit, .comment-form p.subscribe-to-comments { padding-left: 20%; } .comment-form p.subscribe-to-comments input { margin: 7px 5px 0; } .comment-form p.subscribe-to-comments label { width: auto; } .manufacturer.container-wrap { margin-top: 50px; text-align: center; } .manufacturer.container-wrap .title { margin-bottom: 40px; } .manufacturer h1 { font-size: 1.667em; } .manufacturer ul li { align-items: center; flex: 1 1 auto; height: 100%; justify-content: center; width: 15%; text-align: center; } .manufacturer ul li img { vertical-align: middle; padding: 30px 0px; border: 2px solid #dadada; border-radius: 3px; padding: 30px 10px; } .manufacturer ul { display: flex; flex-flow: row wrap; padding: 0 94px; margin: -10px; } .main_theme .container { position: relative; } .main_theme.cbp-so-section { overflow: visible; } .responsive_directory_theme { display: none; } .location_icon { bottom: -34px; left: -50px; position: absolute; } .directory_theme_browser { border: 2px solid rgba(1, 101, 189, 0.74); border-radius: 3px; box-shadow: 0 2px 0px 0 rgba(0, 0, 0, 0.2); } .directory_map { bottom: -10px; position: absolute; right: -318px; z-index: -1; } .theme_install_step { text-align: center; justify-content: center; display: flex; } .theme_install_step li { width: 33.33%; float: left; padding: 0 20px; position: relative; } .theme_install_step li h2 { margin-bottom: 8px; } .theme_install_step li .step-count { border-radius: 50%; background: #47B0E2; font-size: 2.222em; color: #fff; margin-bottom: 34px; text-align: center; padding: 25px 38px; display: inline-block; width: 100px; height: 100px; } .theme_install_step li:last-child::after { display: none; } .theme_install_step li:last-child { margin-bottom: 0px; } .theme_install_step li::after { content: ""; background: url(images/theme_install_step_arrow.png) no-repeat right center; padding: 20px; position: absolute; top: 40px; right: 0px; } .featured_story_section { max-width: 100% !important; background: #f7f7f7; /*background: url(images/customer_bg.jpg) no-repeat left center; background-size: cover;*/ } .content_sales .featured_story_section { margin: 100px 0; padding: 40px 0; } .featured_story_section .container { display: table; clear: both; margin: 0 auto; max-width: 1100px; width: 100%; } .content_sales .featured_story_section .customer_story { padding: 40px; } .content_sales .featured_story_section .type-blockquotes { -webkit-box-align: center; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .content_sales .featured_story_section .type-blockquotes .customer-img-wrap { float: left; margin-right: 20px; margin-top: 45px; max-width: 100px; width: 100%; } .content_sales .featured_story_section br { display: none; } .content_sales .featured_story_section .type-blockquotes .customer-detail-wrap { float: left; } .content_sales .featured_story_section .type-blockquotes .customer-img-wrap img { border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 100%; width: 100px; height: 100px;} .content_sales .featured_story_section .type-blockquotes .customer-rating { margin-bottom: 20px; margin-left: -19%; text-align: center; } .content_sales .featured_story_section .type-blockquotes blockquote:before { display: none; } .content_sales .featured_story_section .type-blockquotes blockquote { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; padding-left: 0; border: 0; } .content_sales .featured_story_section .type-blockquotes blockquote p { color: #555; font-size: 1em; padding-bottom: 0; } .rating-stars .fa-star.active { color: rgb(242, 176, 44); } .rating-stars .fa-star { font-size: 22px; color: rgba(0, 0, 0, 0.3) } .content_sales .featured_story_section .type-blockquotes span { margin-left: 0; } .rating-templatic-sales .rating-title { margin: 0; padding: 0; font-size: 20px; } .content_sales .featured_story_section .type-blockquotes p span strong { display: inline-block; font-size: 1.2em; font-weight: 700; margin-right: 5px; margin-top: 0; } .content_sales .featured_story_section .type-blockquotes span strong { padding-right: 8px; } .customer_img { display: table-cell; vertical-align: middle; } .customer_img img { max-width: 540px; vertical-align: middle; } .customer_story { display: table-cell; vertical-align: middle; } .featured_story_section .type-blockquotes blockquote { font-size: 1em; color: #ffffff; } .featured_story_section h1 { color: #ffffff; } .featured_story_section .type-blockquotes blockquote { padding-left: 44px; } .featured_story_section .type-blockquotes blockquote::before { top: 15px; } .featured_story_section .type-blockquotes blockquote::before { color: rgba(255, 255, 255, 0.5); } .simplecontent_img { margin-bottom: 30px; text-align: center; } .simple_content p { margin: 20px 0px; } .tab-content>.tab-pane { display: none; visibility: hidden; } .tab-content>.active { display: block; visibility: visible; } .bs-example-tabs .nav-tabs { display: inline-block; width: 100%; border-bottom: 2px solid #F49B6C; margin-bottom: 50px; padding-left: 20px; box-sizing: border-box; -webkit-box-sizing: border-box; } .bs-example-tabs .nav-tabs > li { float: left; margin-right: 24px; position: relative; top: 2px; } .bs-example-tabs .nav-tabs > li a { color: #333; border: 2px solid transparent; border-radius: 3px 3px 0px 0px; padding: 10px 12px; display: inline-block; } .bs-example-tabs .nav-tabs > li a:hover { text-decoration: none; color: #F49B6C; } .bs-example-tabs .nav-tabs > .active a { color: #F49B6C; border-color: #F49B6C #F49B6C #fff; } .bs-example-tabs .tab-content { overflow: inherit; } .themes-tab .nav-tabs { margin-bottom: 20px; } .themes-tab .nav-tabs > li a { font-size: 1.111em; padding: 10px 20px; } .demo_content { text-align: center; } .demo_content h1 { font-size: 1.875em; } .demo_content p { max-width: 850px; width: 100%; display: inline-block; margin-bottom: 20px; } .demo_content strong { display: inline-block; width: 100%; margin-bottom: 5px; } .demo_content .btn_wrap a { margin: 22px 10px 0 10px; } .premium_themes_club_content .demo_content p { padding-bottom: 20px; } .premium_themes_club_content .demo_content { margin-bottom: -50px; } .main_wrap section[class*="section"].pricing-block.section-background:first-child { margin-top: 0; } .pricing-block .title { margin-bottom: 25px; } .pricing-block { text-align: center; } .pricing-block.container-wrap { margin-top: 50px; } .main-features li { display: inline-block; margin: 0 20px; } .main-features li h2 { display: inline-block; } .main-features li i { display: inline-block; color: #b5b5b5; height: 40px; width: 40px; border: 2px solid #b9b9b9; border-radius: 50%; text-align: center; padding: 8px; margin-right: 10px; } .pricing_table { width: 100%; display: table; margin: 48px -15px 0px -15px; } .section-background .pricing_wrap { background: #fff; } .pricing_wrap { padding: 50px; background: #FAFAFA; border-radius: 4px; } .pricing_table li .secondary_btn { font-size: 1.375em; color: #ffffff; display: block; padding: 15px 20px; } .pricing_table li { width: 33.33%; padding: 0 15px; display: table-cell; vertical-align: middle; } .pricing_table li h1 { line-height: 1em; } .pricing_table li h2 { line-height: 3em; } .pricing_table li p { margin: 10px 0; } .pricing_table .selected .pricing_wrap { background: #47B0E2; padding: 25px 50px 50px 50px; } .pricing_table .selected h1 { color: #ffffff; font-size: 3.333em; } .pricing_table .selected h2 { color: #ffffff; } .pricing_table .selected p { color: #ffffff; } .pricing_table .selected .secondary_btn { background: #ffffff; color: #47B0E2; } .pricing_table .selected .secondary_btn:hover { background: #F49B6C; color: #ffffff; } .templatic_blog_section * { box-sizing: border-box; -webkit-box-sizing: border-box; } .templatic_blog_section .blog_section { max-width: 60%; float: left; padding-right: 80px; width: 100%;} .templatic_blog_section .blog_section .title { text-align: left; } .newsletter h1 { font-size: 1.667em; margin-bottom: 10px; } /*.newsletter span,*/ .newsletter input[type="text"] { margin: 12px 0; width: 100%; display: inline-block; line-height: 25px; padding: 10px 15px; } .newsletter input[type="submit"].primary_btn { margin: 10px 0 0; } .newsletter span { margin: 0; } .templatic_blog_section.container-wrap .title { text-align: left; margin-bottom: 34px; } .blog-news-list { margin-top: 20px; } .templatic_blog_section .blog-news-list li{ padding-top: 15px; padding-bottom: 15px; } .templatic_blog_section .blog-news-list li:last-child{ padding-bottom: 0; } .blog-more-link{ margin-top: 20px; display: inline-block; } .blog-news-list li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 25px 0px; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; width: 100%; line-height: normal; } .blog-news-list li:last-child { border-bottom: none; } .blog-news-list li:first-child { padding-top: 0px; } .blog-news-list li .date { color: #ffffff; padding: 10px 15px; margin-right: 20px; float: left; text-align: center; background: #47B0E2; color: #ffffff; border-radius: 2px; line-height: 1.2; font-weight: 700; word-wrap: normal;} .blog-news-list li .date small { font-size: 0.6em; font-weight: normal; display: block; text-transform: uppercase; } .blog-news-list li .blog_content { display: block; overflow: hidden; text-align: left; } .blog-news-list li .blog_content a { font-size: 1.1em; font-weight: 700; } .blog-news-list li .blog_content a:not(:hover) { color: #555; } .blog-news-list li .blog_content span { margin-top: 8px; display: inline-block; } .blog-news-list li .blog_content span a { color: #555; } .blog-news-list li .blog_content span a:hover { color: #F49B6C; } .sidebar .blog-news-list li .date{ background: #47b0e2 none repeat scroll 0 0; border-radius: 2px; font-weight: 400; font-size: 16px; line-height: 1.2; margin-right: 15px; margin-top: 2px; padding: 8px 14px; } .sidebar .blog-news-list li{ padding: 10px 0 12px; align-items: flex-start; -webkit-align-items: flex-start; } .sidebar .blog-news-list li:first-child{ padding-top: 0; } .sidebar .blog-news-list li .blog_content a{ font-size: 1em; font-weight: 700; padding: 0; line-height: 1.3; } .sidebar .blog-news-list li .blog_content a:hover{ color: #47b0e2; } .sidebar .blog-news-list .blog-more-link, .sidebar .blog_section .blog-more-link{ line-height: 1; font-weight: 400; font-size: 0.875em; margin-top: 20px; } .sidebar .blog-news-list li:last-child { padding-bottom: 0; } .sidebar .newsletter input[type="text"]{ margin-top: 0; margin-bottom: 0; } .blog_section .read_more { font-size: 1.111em; text-decoration: none } .templatic_blog_section .newsletter .title, .templatic_blog_section .newsletter h4 { margin-bottom: 8px; } .templatic_blog_section .newsletter { background: #f3f6f7; } .templatic_blog_section .newsletter input { border: 1px solid #999; border-radius: 3px; font-size: 1em; line-height: 25px; padding: 10px 15px; } .templatic_blog_section .newsletter .primary_btn { padding: 15px 30px; border-color: #47b0e2; font-size: 1.2em; font-weight: 400; } .sidebar .widget-search .search_form_update input[type="text"] { line-height: 25px; background-position: 10px 50% !important; } .newsletter { max-width: 40%; width: 100%; border-radius: 3px; padding: 40px; text-align: left; float: left; } .newsletter .primary_btn { margin-top: 10px; } .sidebar .newsletter { max-width: 100%; padding: 0; } .close { color: #000; float: right; font-size: 1.313em; font-weight: 700; line-height: 1; opacity: 0.2; text-shadow: 0 1px 0 #fff; } .close:focus, .close:hover { color: #000; cursor: pointer; opacity: 0.5; text-decoration: none; } button.close { background: none repeat scroll 0 0 rgba(0, 0, 0, 0); border: 0 none; cursor: pointer; padding: 0; } .modal-open { overflow: hidden; } .modal { bottom: 0; display: none; left: 0; outline: 0 none; overflow: hidden; position: fixed; right: 0; top: 0; z-index: 1040; } .modal.fade .modal-dialog { transform: translate(0px, -25%); transition: transform 0.3s ease-out 0s; } .modal.in .modal-dialog { transform: translate(0px, 0px); } .modal-open .modal { overflow-x: hidden; overflow-y: auto; text-align: center; padding-top: 40px; } .modal-dialog { position: relative; width: 100%; max-width: 800px; margin: auto; } .modal-content { background-clip: padding-box; background-color: #fff; border-radius: 3px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; position: relative; width: auto; } .modal-backdrop { background-color: #000; left: 0; position: absolute; right: 0; top: 0; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.in { opacity: 0.5; } .modal-header { border-bottom: 1px solid #e5e5e5; min-height: 16.43px; padding: 15px; } .modal-header .close { margin-top: -2px; } .modal-title { line-height: 1.42857; margin: 0; } .modal-body { padding: 15px; position: relative; } .modal-footer { position: absolute; right: -20px; text-align: right; top: -20px; } .modal-footer i { background: #ffffff; border: 2px solid #444444; border-radius: 50%; line-height: 38px; padding: 0 13px; transition: all ease 0.5s 0s; cursor: pointer; } .modal-footer i:hover { border: 2px solid #F49B6C; background: #F49B6C; color: #ffffff; } .modal-footer .btn + .btn { margin-bottom: 0; margin-left: 5px; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } .modal-scrollbar-measure { height: 50px; overflow: scroll; position: absolute; top: -9999px; width: 50px; } section.page-content { margin-top: 30px; } .breadcrumb span { margin-right: 6px; margin-left: 6px;} .page_area .page_title { margin-top: 0; margin-bottom: 30px; } .page_area .page_title h1 { font-size: 2.3em; font-weight: 700; color: #47B0E2; } .page_title { margin-top: 20px; } .page_title h1 { margin-bottom: 0px; } .page_simple_text { margin: 20px 0 0; } @media screen and (min-width:767px) { .page_simple_text { margin: 50px 0 0; } } .page_title_section { margin-bottom: 20px; } .page_title_section h1 { font-size: 3em; font-weight: 700; } .page_area { float: left; max-width: 66%; width: 100%; background: #fff; padding: 30px; } .content-small .page_area { max-width: 100%; padding: 0px 30px; } .sidebar > div { border-bottom: 1px solid #E0E0E0; padding: 32px 0; display: inline-block; width: 100%; } .sidebar > div:last-child { border-bottom: none; padding-bottom: 0; } .sidebar > div:first-child { padding-top: 0; } .widget-search { position: relative; } .widget-search a::before { content: "\f002"; font-family: FontAwesome; color: #555555; position: absolute; right: 16px; top: 28px; font-size: 1.250em; } .widget-search input:focus { background-image: none; border: 1px solid #f1f1f1; } .widget-search input { background: url(http://www.google.com/cse/intl/en/images/google_site_search_watermark.gif) no-repeat left center rgba(255, 255, 255, 1); } .widget-social ul li { border: 2px solid #47B0E2; } .widget-social ul li:hover { border: 2px solid #47B0E2; background: #47B0E2; } .widget-social ul li:hover a i { color: #FFF; } .widget-social ul li i { color: #47B0E2; } .sidebar h2 { margin-bottom: 12px; } .search-form { position: relative; } .search-form input { height: 54px; padding: 0 80px 0 12px; width: 100%; } .search-form .screen-reader-text { display: none; } .search-form label { width: 100%; display: inline-block; } .search-form .search-submit { position: absolute; right: 0; top: 0; width: auto; border-radius: 0 3px 3px 0; margin: 0; padding: 0 12px; } .search-form .search-submit[type="submit"] { margin: 0; } .widget-newsletter span { margin-bottom: 12px; display: inline-block; } .page_content.container_wrap, .about_section.container_wrap { margin-top: 20px; } .breadcrumb.container_wrap { margin-top: 6px; } .breadcrumb.container_wrap span { margin-right: 6px; } .page_title.container_wrap h1 { margin-bottom: 0px; font-size: 3em; font-weight: 700; } .page_title.container_wrap { margin-top: 30px; } .more-link span, .more-link p { color: #555 } .callout-action { background: #fcf8e3; border: 1px solid #faebcc; border-radius: 3px; padding: 20px; margin: 20px 0px; text-align: center; color: #8a6d3b; } .callout-action .secondary_btn, .callout-action .primary_btn { margin: 0px 0px 0px 10px; padding: 10px 25px; } .post_img img { border-radius: 3px 3px 0 0; } .page_area .post_title { padding: 25px 30px 10px; margin: 0 0 20px; } .single_post .page_area .post_title { padding: 0 10px; } .single_post .page_area { margin-top: 40px; } .page_area .post_title *:last-child { margin-bottom: 0; } .page_area .post_title h1 a { color: #555555; } .page_area .post_title h1 a:hover { color: #F49B6C; } .page_area .post_title h1 { margin: 0 0 15px; } .post_title p, .plugin_content p { margin: 8px 0 18px 0; } .entry-footer { background: #fafafa; padding: 10px; display: flex; align-items: center; width: 100%; } .post_author span { margin-right: 10px; } .post_author span img { vertical-align: top; border-radius: 100%; padding: 3px; border: 1px solid rgba(0, 0, 0, 0.2); } .post_author span:last-child { margin-right: 0; } .post_author { width: 100%; max-width: 70%; display: flex; align-items: center; } .detail { text-align: right; width: 100%; max-width: 30%; } .page_area > article { margin-top: 80px; border: 1px solid #fff; border-radius: 3px; background: #fff; } .page_area > article:first-child { margin-top: 0; } .post_author .post_date { padding: 0; } .post_comments a::before { content: "\f0e6"; font-family: FontAwesome; color: #555555; margin-right: 7px; } .post_comments a:hover::before { color: #F49B6C; } .post_comments a { color: #555555; } .post_comments a:hover { color: #F49B6C; text-decoration: none; } .post_title .primary_btn { margin-top: 12px; } .themes-list li .more-details h2{ display: inline-block; margin-bottom: 10px; } .blog-archive .page_area, .post-list .page_area { float: left; background: transparent; padding: 0; } .blog-archive .sidebar { float: right; } @media screen and (min-width:767px) { .plugins .two-column-horizontal li { padding-top: 0; padding-bottom: 40px; } } .plugins .price { margin: 8px 0; display: inline-block; } .theme_filter_list > ul > li { padding: 14px 0; border-bottom: 1px solid #e0e0e0; } .theme_filter_list > ul > li:last-child { border-bottom: none; padding-bottom: 0; } .theme_filter_list > ul > li > h2 { margin-bottom: 0px; } .theme_filter_list > ul > li > ul { margin: 10px 0 0; display: none; } .theme_filter_list > ul > li:hover > ul { display: block; } .theme_filter_list ul li.active_category ul { display: block; } .theme_filter_list > ul > li > ul > li { padding: 5px 0; text-align: right; display: inline-block; width: 100%; } .theme_filter_list > ul > li > ul > li > a { text-align: left; float: left; } .theme_filter_list ul li a { color: #555555; } .theme_filter_list ul li a:hover, .theme_filter_list ul li.active_category h2 a { color: #F49B6C; } .page_are_full.page_area { float: none; width: 100%; display: inline-block; max-width: 900px; } .single .post_title > h2 { margin: 30px 0 0; font-size: 1.875em; } .plugin_content h2 { margin-top: 0px; font-size: 1.875em; } .plugin_content { margin-bottom: -20px; } .post_title a img { margin: 20px 0; } .newsletter .title { margin-bottom: 0px; } .single_post .container { max-width: 900px; } .single_post .newsletter { float: none; margin: 50px auto 0; max-width: 700px; background: #BEDDC0; text-align: center; } .single_post .newsletter input { display: inline-block; width: auto; min-height: 50px; padding: 15px 30px; font-size: 1em; border: 0; } .single_post .newsletter input[type="email"] { width: 100%; max-width: 400px; } .single_post .newsletter span { width: 100%; display: inline-block; margin: 3px 0 10px; } @media screen and (max-width:767px) { .single_post .newsletter { padding: 30px 10px; } .single_post .newsletter input[type="email"] { max-width: 250px; } body .work_with_us .flexslider{width: 100%; margin-bottom: 15px;} .flex-direction-nav a i, .banner_fullwidth .flex-direction-nav a i{font-size: 5em;} } .plugin_detail_section ul li { margin: 20px 0px; overflow: hidden; } .plugin_detail_section ul li::before { content: "\f058"; font-family: FontAwesome; color: #F49B6C; padding-right: 12px; font-size: 1.250em; float: left; } .plugin_detail_section { margin: 20px 0; display: inline-block; width: 100%; } .single-blog-post-content h3 { padding: 12px 0 6px; } .single-blog-post-content ul, .single-post-content ol { padding: 6px 0; } .single-blog-post-content ul li, .single-blog-post-content ol li, .single-post-content ol li, body ul.list-icon2 li { padding: 3px 0 3px 25px; margin: 6px 0; position: relative; } body ul.list-icon2 li:before { content: '\f00c'; font-family: FontAwesome; position: absolute; left: 0; top: 8px; color: #47b0e2; font-size: 9px; border: 1px solid; display: flex; height: 11px; width: 11px; align-items: center; justify-content: center; border-radius: 2px; } .single-blog-post-content ul li:before { display: none; } .single-blog-post-content ol { padding-left: 20px; } .single-blog-post-content ol li { list-style: inherit; padding-left: 0; } .themes-content .main_theme_area { margin: 50px 0; border-radius: 3px; } @media screen and (max-width:600px) { .themes-content .main_theme_area { margin: 20px 0 30px; } } body ul.themes-list { justify-content: flex-start; } body ul.themes-list figure figcaption h2 { font-size: 1.111em; } body ul[class*="-column-horizontal"].themes-list li, body ul[class*="-column-horizontal"].plugin-list li { padding: 23px; } .themes-list li figure { position: relative; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: none; overflow: hidden; border-radius: 2px;} .themes-list li .theme-img { position: relative; display: inline-block; width: 100%; vertical-align: top; } .themes-list li .theme-img img { border-radius: 0; width: 100%; vertical-align: top; } .themes-list li .more-details { padding: 8px 10px; text-align: center; color: #fff; position: absolute; height: 100%; width: 100%; top: 0; left: 0; display: flex; align-items: center; justify-content: center; z-index: 1; flex-direction: column; padding: 30px; opacity: 0; -webkit-transition: all 0.3s ease-in 0s; -moz-transition: all 0.3s ease-in 0s; -ms-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; } .themes-list li .more-details:before { position: absolute; left: 0; right: 0; z-index: 1; background: rgba(0, 0, 0, 0.7); content: ""; top: 0; bottom: 0; } .themes-list li .more-details * { color: #fff; position: relative; z-index: 1; } .themes-list li .more-details .links { margin-top: 20px; } .themes-list li figure .over_hover { position: absolute; width: 100%; content: ""; top: 0; left: 0; z-index: 1; height: 100%; } .themes-list li figcaption { width: 100%; display: inline-block; position: relative; border-top: 1px solid rgba(0, 0, 0, 0.05); padding: 5px 120px 10px 20px; background: #fff; } .themes-list li figcaption h2 a { display: inline-block; margin: 10px 0 3px; font-weight: 600; color: #555555; } .themes-list li figcaption .links { position: absolute; right: 15px; top: 0; align-items: center; display: flex; height: 100%; } .themes-list li .more-details a[class*="_btn"] { padding: 3px 10px; font-size: 0.8em; margin: 0 0 0 5px; } .themes-list li figure:hover .more-details, .themes-list li figure:hover figcaption .links { opacity: 1; } .all-user-business .business-block h2{ font-size: 1.2em; font-weight: 600; padding-top: 20px; } .all-user-business .themes-list li .more-details a[class*="_btn"]{ margin-left: 0; padding: 15px 30px; text-transform: capitalize; } .cart-popup .package-list label { position: relative; } .cart-popup a.cart_tooltip { outline: none; } .cart-popup a.cart_tooltip strong { line-height: 30px; } .cart-popup a.cart_tooltip:hover { text-decoration: none; } .cart-popup a.cart_tooltip span { z-index: 10; display: none; padding: 14px 20px; margin-top: 0px; margin-left: -160px; width: 300px; line-height: 16px; } .cart-popup a.cart_tooltip:hover span { display: inline; position: absolute; color: #111; border: 1px solid #DCA; background: #fffAF0; bottom: 40px; } .cart-popup .callout { border: 0 none; bottom: -17px; left: 150px; position: absolute; transform: rotate(-90deg); z-index: 20; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); } .cart-popup a.cart_tooltip p { padding: 0; } .cart-popup a.cart_tooltip span { border-radius: 4px; box-shadow: 5px 5px 8px #CCC; } .cart-popup .package-list label strong { padding: 0 5px; } #timeline.posts { margin-bottom: 20px; } .partners-btn-wrap { text-align: center; margin-bottom: 40px; } .partners-btn-wrap p, .partners-btn-wrap p a.btn { font-size: 24px; } .partners-btn-wrap p a.btn { background: #5ACA30; border-color: #5ACA30; } @media screen and (min-width:1200px) { .themes-list li figcaption .links { opacity: 0; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; -webkit-transform: translate(60px, 0); -moz-transform: translate(60px, 0); -ms-transform: translate(60px, 0); -o-transform: translate(60px, 0); transform: translate(60px, 0); } .themes-list li figure:hover figcaption .links { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } @media screen and (min-width:767px) { body ul.themes-list li { padding: 20px; } } .themes-list .sales_strip { width: 100%; } .themes-list .sales_strip ul { margin: 0 -1.5%; display: flex; flex-flow: row wrap; } .themes-list .sales_strip ul li { width: 47%; float: none; display: flex; align-items: center; justify-content: center; margin: 0 1.5%; padding: 0 15px; border: 1px solid #faebcc; background: #fcf8e3; border-radius: 3px; } .themes-list .sales_strip ul li > div { padding: 20px; border-radius: 3px; align-content: center; justify-content: center; text-align: center; width: 100%; color: #8a6d3b; } .themes-list .sales_strip ul li h2 { color: #8a6d3b; } .all_category { text-align: center; margin-bottom: 20px; margin-top: 20px; background: #f3f6f7; border-radius: 2px; padding: 7px; } .all_category li { display: inline-block; margin-left: 10px; margin: 7px 3px; color: #555555; cursor: pointer; padding: 5px 10px; border-radius: 2px; transition: all 0.35s ease; } .all_category li:first-child { margin-left: 0; } .all_category li:hover, .all_category .current-cat { background: #F49B6C; color: #ffffff; } .all_category li:hover a, .all_category .current-cat a { color: #FFF; } .all_category li a { color: #555; } @media screen and (max-width:600px) { .all_category { display: none; } } .main_plugin_content .sidebar { float: right; } .main_plugin_content .page_area { float: left; } .main_plugin_content .sales_strip_static { width: 100%; text-align: center; } .plugin_price_block .cart { padding: 13px 24px; display: inline-flex; align-items: center; margin: 25px 0 0; text-transform: none; font-size: 1em; background: #5aca30; color: #fff; } .plugin_price_block .cart:hover { background: #47B0E2; } .plugin_price_block .cart i { margin-right: 10px; color: #fff; } .plugin_price_block ul { margin-top: 20px; } .plugin_price_block ul li { margin-bottom: 16px; position: relative; left: 0; top: 0; } .plugin_price_block ul li:last-child { margin-bottom: 0px; } .plugin_price_block ul li input[type="radio"] { } .plugin_price_block .chkbox label { cursor: pointer; padding-left: 30px; } .plugin_price_block .chkbox input[type="radio"] + label::before { content: "\f10c"; font-family: FontAwesome; color: #555555; font-size: 1.250em; position: absolute; left: 0; } .plugin_price_block .chkbox input[type="radio"]:checked + label::before { content: "\f192"; font-family: FontAwesome; color: #5aca30; font-size: 1.250em; position: absolute; left: 0; } .plugin_price_block .chkbox input { cursor: pointer; opacity: 0; position: absolute; } .sidebar .theme_info ul li { padding-bottom: 20px; display: inline-block; width: 100%; } .sidebar .theme_info ul li p:last-child { margin-bottom: 0; } .sidebar .theme_info ul li p + p { margin-top: 10px; } .sidebar .theme_info ul li:last-child { padding-bottom: 0px; } .theme_info ul { margin-bottom: -12px; } .theme_info ul li i { background-color: #bbb; height: 28px; width: 28px; line-height: 28px; text-align: center; font-size: 14px; color: #FFF; border-radius: 100%; margin-right: 5px; } .plugin_list.widget.theme_filter_list > ul > li { padding-top: 0px; } .sidebar .theme_info ul li .tag_cloud { display: inline-block; } .sidebar .theme_info ul li .tag_cloud a { background: #fff; color: rgba(0, 0, 0, 0.7); border-radius: 3px; padding: 5px 15px; display: inline-block; margin: 0 0 10px 0; transition: all ease 0.5s 0s; } .sidebar .theme_info ul li .tag_cloud a:hover { background: #F49B6C; color: #ffffff; } .club { padding-right: 50px; vertical-align: middle; max-width: 70%; width: 100%; } .premium_themes-content { width: 30%; max-width: 100%; } .theme_club_wrap { padding: 20px 0 0; margin-bottom: 0; background: #47B0E2; } .premium_themes-content h1 { margin-bottom: 12px; text-align: left; } .premium_themes-content p { padding: 8px 0px; } .alert-success { background: #BEDDC0; border-color: #BEDDC0; } .alert-success p, #content_sales_wrap_n .alert-success { color: rgba(0, 0, 0, 0.5); font-weight: 400; } .club_new_template h4.alert-success { padding: 20px; margin-left: 0; } .alert-info, .info { background: #d9edf7; border-color: #bce8f1; color: #31708f; text-align: center; } /* ========================================================================== Plugins Strip ========================================================================== */ .alert-info, .info{ background: #d9edf7; border-color: #bce8f1; color: #31708f; text-align: center; } .support-features-verticle .alert-info, .support-features-verticle .info, .directory_content .alert-info, .directory_content .info{ background-color: #fef6d2; border: 1px solid #EEE2A7; display: flex; align-items: center; justify-content: space-between; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: space-between; } .directory_content .info { display: block; } .support-features-verticle .alert-info p, .support-features-verticle .info p, .directory_content .alert-info p, .directory_content .info p{ max-width: 95%; width: 100%; } body .support-features-verticle .alert-info a p, body .support-features-verticle .info a p, body .support-features-verticle .alert-info p, body .support-features-verticle .info p, .directory_content .alert-info a p, .directory_content .info a p, .directory_content .alert-info p, .directory_content .info p{ color: #c9b968; } body .support-features-verticle .contact-info-strip-left-block{ float: left; max-width: 86%; text-align: left; width: 100%; } body .support-features-verticle .contact-info-strip-left-block + .button, body .directory_content .contact-info-strip-left-block + .button{ float: right; } body .directory_content .contact-info-strip-left-block h3{ padding-top: 0; margin-top: 0; } body .directory_content .contact-info-strip-left-block p{ padding-bottom: 0; } .directory_content .alert-info p, .directory_content .info p{ max-width: 100%; width: 100%; } .directory_content .contact-info-strip-left-block{ max-width: 100%; float: none; text-align: left; width: 100%; } .directory_content .contact-info-strip-left-block.contact-info-strip-left-block-with-button{ max-width: 78%; } p.info-strip-button-wrapper{ max-width: inherit!important; width: auto!important; } .work_with_us .directory_content .contact-info-strip-left-block h3{ font-size: 22px; } .alert-info * { color: #31708f; margin: 0; } body .info, body p.info, body div.info { padding: 15px; border-radius: 3px; } .premium_themes_club_content .testimonials_col_2 ul li { width: 100%; } .premium_themes_club_content .theme_section_wrap { margin-top: 120px; } section[class*="section"].section-main-banner { background: #47B0E2; color: #fff; margin: 0 0 40px; padding: 50px 0 0; } section.section-main-banner img { margin-top: 70px; vertical-align: top; } section.section-main-banner h1 { color: #fff; } section.section-main-banner .btn_large { background: #fff; color: #47B0E2; } section.section-main-banner .btn_large:hover { background: #F49B6C; color: #fff; } .home-img-banner ul li { float: left; width: 50%; padding: 0 20px; text-align: center; } section[class*="section"].services-price { margin-top: 0; padding-top: 40px; } .about_content_block > div p { padding: 10px 0; } .about_content_block > div h1 { margin-bottom: 10px; } .about_content_1, .about_content_2 { width: 50%; float: left; padding: 0 15px; } .about_content_3 { padding: 0 15px; width: 100%; display: inline-block; } .about_content_block > div { margin-bottom: 30px; } .about_content_block > div h1 { font-size: 1.875em; margin: 20px 0 0; } .about_content_block { margin: 0 -15px -30px -15px; } .about_content_listing { margin-top: 20px; } .about_content_listing h2 { margin-bottom: 20px; } .about_content_listing ul li { margin-bottom: 16px; padding-left: 40px; padding-top: 5px; position: relative; } .about_content_listing ul li::before { content: "\f105"; font-family: FontAwesome; font-size: 0.875em; margin-right: 14px; color: #888888; border: 1px solid #888888; border-radius: 50%; padding: 4px 0px; position: absolute; left: 0; top: 0; text-align: center; width: 25px; height: 17px; } .templatic_team ul { margin-bottom: -30px; display: inline-block; } .templatic_team ul li { width: 25%; float: left; margin-bottom: 30px; text-align: center; } .templatic_team ul li img { border-radius: 50%; margin-bottom: 16px; } .templatic_team ul li span { font-size: 0.778em; } .about_page_review ul { margin-bottom: -50px; } .about_page_review ul li { width: 50%; margin-bottom: 50px; } section[class*="section"].login_wrap, section[class*="section"].signup-box { margin: 0; padding: 50px 0; background: #F6F9FE; } .login_wrap .login-left { float: left; max-width: 60%; width: 100%; padding-right: 40px; } .login_wrap .login-sidebar { float: right; max-width: 40%; width: 100%; padding: 0; background: transparent; } .forgot-link { margin: 20px 0 0 10px; } .forgotpw-box { display: none; } .layout-login .primary_btn { margin-top: 5px; } .layout-login { max-width: 1000px; margin: 0 auto; display: table; padding: 30px 40px; background: #ffffff; border-radius: 3px; } .layout-login form { max-width: 400px; } .page_col_left { padding-bottom: 30px; } .signup-box .page_area { float: left; background: #FFf; padding: 40px 50px 50px; } .signup-box .sidebar { float: right; background: transparent; padding: 0; } .signup-box-inner { border: 1px solid rgba(0, 0, 0, 0.01); padding: 35px; border-radius: 3px; margin-bottom: 50px; } .signup-box-inner:last-child, .signup-box-inner.last { margin-bottom: 0; } .signup-box-inner h2 { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 40px; } .signup-box-inner .form-row:last-child { margin-bottom: 0; } .payment-method li { position: relative; } .payment-method li label.active { background-color: #F5F5F5; } .payment-method li input[type="radio"] { width: auto; } .payment-method li label.pyp { background-image: url("images/method-paypal.png"); background-position: 150px 11px; } .payment-method li label.cc { background-image: url("images/method-cc.png"); background-position: 230px 11px; } body .cart-popup-overlay { display: none; } .cart-popup-overlay:before { background: rgba(0, 0, 0, 0.5); content: ''; position: fixed; left: 0; top: 0; height: 100%; width: 100%; z-index: 9; } .cart-popup { position: fixed; z-index: 10; left: 0; top: 0; right: 0; bottom: 0; margin: auto; display: table; width: 800px; height: 600px; display: inline-block; background: #FFF; padding: 15px 20px 10px; border-radius: 2px; } .cart-popup .cart-header { width: 100%; display: inline-block; position: relative; border-bottom: 2px solid rgba(0, 0, 0, 0.2); padding-bottom: 8px; } .cart-popup .cart-header .cart-close { position: absolute; cursor: pointer; right: -2px; top: -5px; display: inline-block; font-size: 22px; text-align: center; text-indent: 0px; } .cart-popup .cart-header .cart-close i { line-height: 19px; padding: 0; width: 100%; display: inline-block; text-align: center; } .cart-popup .cart-header .cart-close:not(:hover) { color: #fff; } .cart-grid-container { width: 100%; display: inline-block; float: left; } .cart-content-body { width: 100%; display: inline-block; float: left; position: relative; background: #FFF; } .cart-content-body .cart-content-label { width: 100%; display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; float: left; box-sizing: border-box; } .cart-content-body .cart-title { width: calc(100% - 110px); float: left; display: inline-block; } .cart-content-body h6 { font-size: 16px; } .cart-content-body .price { width: 80px; float: left; display: inline-block; } .cart-content-body .action { width: 20px; float: left; display: inline-block; text-align: center; } .cart-content-body .action a { color: #777; cursor: pointer; line-height: 15px; display: inline-block; font-size: 18px; padding: 0; } .cart-content-body .cart-content { width: 100%; max-height: 183px; overflow: auto; display: inline-block; float: left; min-height: 220px; } .cart-content-body .cart-content.cart-content-overflow { overflow-y: scroll; } .cart-content-body .title { display: inline-block; } .cart-content-body .cart-content .title { font-size: 14px; } .cart-content-body .cart-content .cart-title span { font-size: 12px; color: #777; } .cart-content-body .cart-content .price { font-weight: bold; font-size: 13px; color: #111; } .cart-content-body .cart-content li { width: 100%; display: inline-block; border-top: 1px dotted rgba(0, 0, 0, 0.2); padding: 10px; float: left; box-sizing: border-box; } .cart-content-body .cart-content li:first-child { border: 0; } .cart-content-body .cart-content li:nth-child(odd) { background: #F8F8F8; } .cart-content-body .line-item-price { border-top: 2px solid rgba(0, 0, 0, 0.5); text-align: right; width: 100%; display: inline-block; padding: 10px; background: #f8f8f8; box-sizing: border-box; } .cart-content-body .line-item-price h3 { line-height: 2; } .package-list { display: inline-block; /*margin-top: -100px;*/ bottom: 30px; left: 20px; position: absolute; } .package-list label { width: 100%; display: flex; align-items: center; padding: 2px 0; font-size: 0.9em; } .package-list label input { width: auto; display: inline-block; margin-right: 5px; } .cart-content-footer { width: 100%; display: inline-block; text-align: right; } .cart-content-footer h4 { font-weight: 300; margin-top: 4px; } .cart-content-footer .policy_n_terms { margin-top: 10px; } .line-item-price a { -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -ms-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .btn-normal { display: inline-block; padding: 10px; cursor: pointer; margin-right: 10px; font-size: 16px; border: 1px solid rgba(0, 0, 0, 0.1); color: #666; background: #fff; border-radius: 3px; display: inline-block; } .btn-normal:hover { color: #222; border-color: rgba(0, 0, 0, 0.4); } .cart-popup .link { font-size: 14px; } .cart-popup .primary_btn, .cart-popup input.primary_btn[type="submit"] { padding: 13px 70px; margin: 10px 0 0 0; } .cart-content-bonus title { width: 34%; line-height: 20px; margin-right: 50px; max-width: 300px; text-align: left; } .cart-content-bonus title strong { font-weight: normal; } .cart-content-bonus .bonus { width: 340px; float: left; display: inline-block; } .cart-content-bonus .bonus select { width: 80%; border: 1px solid #aaa; font-size: 14px; padding: 8px 12px; color: #333; } .cart-content-bonus .price, .cart-content-bonus .action { float: right; text-align: right; } .cart-content-bonus .cart-content .price { line-height: 18px; margin-right: 10px; } .cart-content-bonus .cart-content .action { line-height: 11px; float: right; } .cart-empty { height: 325px; } .cart-empty .cart-content-body { text-align: center; padding: 95px 0; } .cart-empty .cart-content-body a { margin: 10px 0 0; } .cart-login { height: 480px; } @media screen and (max-width:850px) { .cart-popup { margin: 30px; width: auto; max-width: 800px; } .admin-bar .cart-popup { margin-top: 60px; } } @media screen and (max-width:650px) { .cart-popup { height: 86%; } .cart-content-body .line-item-price { text-align: center; } .cart-content-body .line-item-price > div, .cart-content-body .line-item-price > div .btn-normal { display: inline-block; margin-bottom: 10px; margin-right: 0; width: 100%; } .cart-content-footer > div { width: 100%; display: inline-block; } .cart-popup .primary_btn, .cart-popup input.primary_btn[type="submit"] { padding: 15px 0; width: 100%; } } @media screen and (max-width:359px) { .cart-content-body .cart-content { min-height: 90px; } } .sales-entry-content p:empty { display: none; } .sales-entry-content p { margin-bottom: 20px; } .theme-selection-content p { margin-bottom: 0; } .theme-screenshot br { display: none; } .theme-screenshot li a { display: inline-block; width: 100%; vertical-align: top; position: relative; padding: 5px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.09); border: 1px solid rgba(0, 0, 0, 0.04); background: #fff; } .theme-screenshot li a:before { content: '\f00e'; font-family: FontAwesome; font-size: 2em; position: absolute; left: 0; top: 0; height: 100%; width: 100%; color: #fff; background: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; opacity: 0; -moz-transform: scale(0.9); -webkit-transform: scale(0.9); -o-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .theme-screenshot li a:hover:before { opacity: 1; -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .theme-screenshot li a img { vertical-align: top; width: 100%; } .theme-screenshot li figcaption { padding: 15px 0 0; } .price-button { text-align: center; display: flex; align-items: center; justify-content: center; } .price-button .p-price { font-size: 2em; font-weight: 600; } .price-button .p-price small { font-size: 0.5em; font-weight: normal; } .price-button .p-button { margin: 0 20px; } .price-button .p-button a { margin: 0 10px 0 0; } .price-button .p-demo a { margin-left: 5px; margin-top: 0; } @media screen and (max-width:480px) { .price-button .p-demo { display: none; } } .slick-slide { position: relative; } .slick-slider img, .slick-slider iframe { max-width: 100%; } .slick-slider .slider-nav img { max-width: 100% } @media screen and (max-width:767px) { .slick-slider.slider-nav { display: none; } .slick-slider iframe { width: 100% !important; height: auto !important; } } .slick-slider .slick-prev { left: -70px; } .slick-slider .slick-next { right: -70px; } .slick-slider .slick-prev, .slick-slider .slick-next { height: 50px; width: 50px; border: 2px solid #2F95C5; background: #47B0E2; border-radius: 100%; -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .slick-slider .slick-prev:hover, .slick-slider .slick-next:hover, .slick-slider .slick-prev:focus, .slick-slider .slick-next:focus { background: rgba(0, 0, 0, 0.15); } .slick-slider .slick-prev:before, .slick-slider .slick-next:before { font-family: FontAwesome; font-size: 40px; line-height: 23px; color: #fff; opacity: 1; display: flex; align-items: center; justify-content: center; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-transform: scale(0.7); -webkit-transform: scale(0.7); -o-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-transition: all 0.35s ease; -moz-transition: all 0.35s ease; -ms-transition: all 0.35s ease; -o-transition: all 0.35s ease; transition: all 0.35s ease; } .slick-slider .slick-prev:hover, .slick-slider .slick-prev:focus, .slick-slider .slick-next:hover, .slick-slider .slick-next:focus { color: #fff; } .slick-slider .slick-prev:before { content: "\f104"; } [dir="rtl"] .slick-slider .slick-prev:before { content: "\f105"; } [dir="rtl"] .slick-slider .slick-next { left: -10px; top: 70px; right: auto; } .slick-slider .slick-next:before { content: "\f105"; } [dir="rtl"] .slick-slider .slick-next:before { content: "\f104"; } .theme-slide-banner .slick-list { background: url("images/desktop-bar.png") no-repeat scroll left top #D7DCE4; padding-top: 36px; box-shadow: 0 3px 20px rgba(0, 0, 0, 0.09); border-radius: 4px; } .theme-slide-banner .slick-slide img { width: 100%; border-radius: 0; } .sales-entry-content .type-blockquotes { text-align: center; } .sales-entry-content .type-blockquotes blockquote::before { top: 20px; left: auto; } .sales-entry-content .type-blockquotes blockquote { font-size: 1.4em; max-width: 1000px; margin: 0 auto; font-weight: 300; padding: 30px 0 0; } .sales-entry-content .type-blockquotes blockquote p:last-child { margin-bottom: 0; } .sales-entry-content .type-blockquotes h6 { margin: 0; display: inline-block; } .sales-entry-content .type-blockquotes h6 + p { display: inline-block; } .sales-entry-content .sidebar .type-blockquotes { text-align: left; } .sales-entry-content .sidebar .type-blockquotes blockquote { font-size: 1em; font-weight: normal; padding-top: 0; } .sales-entry-content .sidebar .type-blockquotes blockquote:before { display: none; } .sales-entry-content .sidebar .type-blockquotes h6 { width: 100%; margin: 10px 0 0; } .sales-entry-content .sidebar .type-blockquotes > a { margin-left: 0; } .sales-page-content .sidebar { float: right; } .sales-page-content .page_area { float: left; border-right: 1px solid #E0E0E0; padding-right: 20px; } .sales-page-content .page_area > div { margin-bottom: 30px; } .sales-page-content .page_area > div:last-child { margin-bottom: 0; } .simple-theme-head .simple-theme-banner-content h3 { margin: 0 0 20px; } .simple-theme-head .simple-theme-banner-content p { margin: 0 0 20px; } @media screen and (min-width:480px) { .simple-theme-head .simple-theme-banner-content .price-button { justify-content: flex-start; } } .testimonials_list li blockquote { padding-left: 40px; } .testimonials_list .dev-info { display: flex; align-items: center; margin-top: 10px; } .testimonials_list .dev-info img { border-radius: 100%; height: 60px; width: 60px; } .testimonials_list .dev-title { display: inline-block; vertical-align: top; margin-left: 15px; } .testimonials_list .dev-title strong { display: inline-block; width: 100%; vertical-align: top; } ul.verticle-tab { border: 0; } ul.verticle-tab > li { margin: 0 0 5px !important } ul.verticle-tab > li > a { border-radius: 4px; padding: 10px 15px; color: #333; position: relative; overflow: hidden; display: inline-block; width: 100%; } ul.verticle-tab .ui-tabs-active > a, ul.verticle-tab > .active > a, ul.verticle-tab > .active > a:hover { padding-left: 30px; color: #fff; background: #F49B6C; } ul.verticle-tab > li > a:after { content: '\f104'; font-family: FontAwesome; position: absolute; color: #fff; left: -15px; top: 9px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } ul.verticle-tab .ui-tabs-active > a:after, ul.verticle-tab > .active > a:after, ul.verticle-tab > .active > a:hover:after { left: 15px; } .white-box { background: #fff; padding: 20px 30px; } #goog-wm { margin: 30px 0 40px 0; } #goog-wm h3 { padding: 0; } #goog-wm ul { margin: 0; padding: 0; } #goog-wm form input[type="text"] { max-width: 350px; display: inline-block; padding: 14px 15px; margin-right: 10px; } .entry-content p, .entry-summary p, .entry-content ul, .entry-summary ul, .entry-content ol, .entry-summary ol{ font: 18px/29px; padding: 0 0px 10px; } .entry-content p +.more-link-wrapper, .entry-summary p +.more-link-wrapper{ margin-top: 0; } #blog-post .entry-content p, #blog-post .entry-summary p{ padding-bottom: 15px; } #blog-post .entry-summary blockquote p:first-of-type, #blog-post .entry-content blockquote p:first-of-type{ padding-bottom: 0; } #blog-post .entry-content ul li p:last-of-type, #blog-post .entry-summary ul li p:last-of-type{ padding-bottom: 0; } #blog-post .entry-content .wp-caption p, #blog-post .entry-summary .wp-caption p{ padding-bottom: 0; padding-top: 8px; } .entry-content ul, .entry-content ul li { margin: 6px 0; line-height: 150%; } .entry-content ul, .entry-content ul li:first-child { margin-top: 0; padding-top: 0; } ul.list-icon-tick li a:before { content: '\f046'; font-family: FontAwesome; margin-right: 10px; } .entry-content h2, .entry-summary h2, .entry-content h3, .entry-summary h3, .entry-content h4, .entry-summary h4, .entry-content h5, .entry-summary h5 { margin: 0; padding: 12px 0 6px 0; } .entry-content h2, .entry-summary h2{ font-size: 2em; line-height: 28px; } .entry-summary .am-partners .boxes h2, .entry-content .am-partners .boxes h2{ font-size: 1.1em; } .entry-content blockquote h2, .entry-summary blockquote h2{ font-size: 1.2em; line-height: 30px; } .tmpl-blog-listing p:last-of-type { padding-bottom: 0; } body.tmpl-blog-listing article .byline{ padding-top: 10px; } #blog-post ul, .tmpl-blog-listing .entry-summary ul{ display: inline-block; width: 100%; } #blog-post .blog-detail-center { display: inline-block; margin-bottom: 15px; text-align: left; width: 100%; } #blog-post .blog-detail-center p, #blog-post .entry-content .blog-detail-center p{ padding-bottom: 10px; } #blog-post .blog-detail-center p:last-of-type, #blog-post .entry-content .blog-detail-center p:last-of-type{ padding-bottom: 0px; } .entry-content ol li, .entry-summary ol li { padding: 3px 0 } .middled { float: none; position: relative; margin: 30px auto 0; padding: 20px 20px 0; border-bottom: 1px solid #CCC; } .middled:before { bottom: 0; box-shadow: 2px -13px 10px -10px rgba(0, 0, 0, 0.2) inset; content: ""; display: inline-block; height: 20px; left: 0; position: absolute; width: 100%; z-index: 10000; } .browser-collection { max-height: 500px; margin-bottom: 0; overflow: hidden; position: relative; } .browser { border-radius: 6px 6px 0 0; transition: all 0.2s ease-in-out; text-align: center; } .browser img { display: block; padding-top: 18px; background: url(images/browser-bar.png) top left no-repeat; background-size: 1100px 18px; border-radius: 4px 4px 0 0; margin: auto !important; } .browser:nth-child(1) { position: relative; z-index: 1; } .browser:nth-child(1) img { margin: 0; } .browser:nth-child(2) { position: absolute; top: 60px; right: 5px; z-index: 2; box-shadow: -3px 8px 12px rgba(0, 0, 0, 0.5); } .browser.browser-alone { left: auto; } .browser.browser-alone img { margin: auto; } .browser.browser-top { max-width: 480px; } .browser.browser-bottom { max-width: 480px; } .browser-collection.spread { max-height: 450px; } .spread .browser:nth-child(1) { position: static; left: auto; right: auto; display: block; width: 600px; margin: 0 auto; position: relative; z-index: 10; box-shadow: 0 7px 13px rgba(0, 0, 0, 0.5), 0 7px 13px rgba(0, 0, 0, 0.1); } .spread .browser:nth-child(2) { position: absolute; width: 400px; left: -30%; right: 0; top: 30px; margin: auto; z-index: 9; box-shadow: -3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(3) { position: absolute; width: 400px; left: 0; right: -30%; top: 30px; margin: auto; z-index: 9; box-shadow: 3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(4) { position: absolute; width: 360px; left: -50%; right: 0; top: 60px; margin: auto; z-index: 8; box-shadow: -3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(5) { position: absolute; width: 360px; left: 0; right: -50%; top: 60px; margin: auto; z-index: 8; box-shadow: 3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(6) { position: absolute; width: 320px; left: -70%; right: 0; top: 90px; margin: auto; z-index: 7; box-shadow: -3px 8px 12px rgba(0, 0, 0, 0.3); } .spread .browser:nth-child(7) { position: absolute; width: 320px; left: 0; right: -70%; top: 90px; margin: auto; z-index: 7; box-shadow: 3px 8px 12px rgba(0, 0, 0, 0.3); } .am-basket-preview { display: none; } /*Support Page*/ section .yellow { background: #FEF6D2; border: 1px solid #EFE3AE; margin: 0; padding: 20px; border-radius: 4px; text-align: center; } .livesearch { margin-top: 16px } .livesearch input[type="text"] { max-width: 532px; margin-right: 20px; margin-bottom: 10px } /*~Support Live Search*/ #support_live_search fieldset { margin: 0; padding: 0; border: 0; } #support_live_search .search_checkbox label { margin-right: 20px; font-size: 16px; display: inline-block; padding: 7px 0; cursor: pointer; } #support_live_search .search_checkbox label:last-child { margin-right: 0 } #support_live_search .search_checkbox label input { width: auto; vertical-align: middle; margin: -3px 0 0; } #search_results .forums_search { float: left; padding-right: 10px; width: 48% } #search_results h5 { color: #333; font-size: 14px; font-weight: bold } #support_live_search .desc1 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); line-height: 20px; padding: 4px } #support_live_search .desc1 p { font-size: 12px; line-height: normal; color: #888 } #support_live_search .docs_search h5 { margin-top: 15px } #support_live_search .desc1:hover { background: #fff } #support_live_search .desc1 strong { font-weight: normal } #support_live_search .desc1 a { color: #333; font-size: 16px !important } #support_live_search strong.search-excerpt { background: yellow } #support_live_search #search_results { text-align: left; margin-top: 20px } #support_live_search #search_results a.btn { background: #41566B; color: #fff; border-bottom: 3px solid #2C3E50; border-radius: 4px; height: 24px; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.6); line-height: 24px; margin: 8px 0 0 0; padding: 0 15px !important; display: inline-block } #support_live_search #search_results a.btn:hover { color: #fff; opacity: 0.9 } #support_live_search #search_results .docs_search { border-left: 1px solid rgba(0, 0, 0, 0.1); float: right; padding-left: 10px; width: 48% } .theme_intro { margin: 40px 0; text-align: center; } .theme_intro .select-wrap .select { max-width: 529px; top: 20px; background: #fff; border-color: rgba(0, 0, 0, 0.1); left: 0; right: 0; margin: 0 auto; } .positions * { box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .positions { background: #fcf8e3 none repeat scroll 0 0; border: 1px solid #fbeed5; border-radius: 4px; clear: both; margin: 30px 0; padding: 10px 20px; width: 100%; display: inline-block; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .positions h3 { padding-top: 0; } .positions ul li { background: none; padding-left: 0 !important; float: left; width: 33.33%; padding: 10px !important; margin-top: 0 !important; list-style: none !important; box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; -webkit-box-sizing: border-box; } .positions ul li a { color: #494946; font-weight: 500; display: inline-block; background: #fff; padding: 15px; } .positions ul li a:hover { color: #555; } .work_with_us .work_with_title { font-size: 2em; line-height: normal; text-align: center; } .work_with_us h3 { font-size: 26px; margin-top: 20px; } .work_with_us p strong { font-size: 20px; margin-top: 20px; display: inline-block; } .work_with_us a.button { margin: 20px 0 20px; font-weight: bold; } .work_with_us .li_container { border-bottom: 1px solid #ddd; } .work_with_us .flexslider { float: right; position: relative; width: 70%; margin-left: 22px; } .work_with_us .flexslider ul li { padding: 0 !important; list-style: none !important; } .work_with_us .full-width { display: inline-block; margin-top: 25px; width: 100%; } .work_with_us .entry-content ul li { background-image: none; padding-left: 5px; list-style: inside none circle; } .work_with_us .entry-content .am-partners li { list-style: none; } .templatic-team { display: inline-block !important; float: right !important; margin-bottom: 20px !important; padding-left: 20px !important; width: 570px !important; } .entry-content .li_container ul li { background: none; padding-left: 5px; list-style: inside none circle; } body #mc_embed_signup { font-size: 18px; border-radius: 3px; float: left; max-width: 40%; padding: 40px; text-align: left; width: 100%; background: #f4f4f4 none repeat scroll 0 0; clear: none; float: right; } body #mc_embed_signup form { padding: 0; } body #mc_embed_signup h4 { margin-bottom: 10px; font-size: 2em; margin-top: 0; } body #mc_embed_signup span { line-height: 1.5; font-size: 1em; margin-bottom: 30px; display: inline-block; } body #mc_embed_signup .indicates-required { display: none; } body #mc_embed_signup .mc-field-group input { border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 2px; font-size: 0.875em; line-height: 1.5; padding: 15px; text-indent: 0; max-width: 100%;} body #mc_embed_signup .mc-field-group { width: 100%; padding-bottom: 20px;} body #mc_embed_signup .mc-field-group .asterisk { color: #999; font-size: 18px; line-height: normal; margin-bottom: 0; margin-left: 8px; right: auto; top: 2px; } body .sidebar #mc_embed_signup { clear: none; margin-top: 35px; max-width: 74%; } @media screen and (max-width:767px) { body #mc_embed_signup { max-width: 370px; } .templatic_blog_section .content_home_wrap { display: inline-block; } } @media screen and (max-width:480px) { body #mc_embed_signup { max-width: 100%; padding: 25px; } body #mc_embed_signup .button { padding: 10px 20px; font-size: 1.1em; } } /* Blog Post Newsletter ========================================================================== */ body #mc_embed_signup .button, body .blog_detail_newsletter #mc_embed_signup .button{ margin: 0; font-size: 18px; font-weight: 400; padding: 15px 30px; border-radius: 2px; line-height: 1.5; height: auto; } body .blog_detail_newsletter #mc_embed_signup .clear{ clear: none; display: inline-block; margin-top: 22px; width: auto; } body .blog_detail_newsletter #mc_embed_signup .mc-field-group { float: left; margin-right: 20px; max-width: 33%; width: 100%; clear: none; padding-bottom: 0 !important; } body .blog_detail_newsletter #mc_embed_signup { clear: none; float: left; max-width: 93%; padding: 10px; text-align: left; width: 100%; } body .sidebar #mc_embed_signup h4 { font-size: 1.6em; } body.windows { font-family: "Segoe UI", helvetica, arial, sans-serif; } html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { background: transparent none repeat scroll 0 0; border: 0 none; outline: 0 none; padding: 0; vertical-align: baseline; } body #mc_embed_signup div#mce-responses { clear: both; float: left; margin: 0; overflow: hidden; padding: 0; top: 0; width: 100%; } body .sidebar #mc_embed_signup { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; margin-top: 0; margin-bottom: 40px; max-width: 100%; padding: 0; width: 100%; } body #mc_embed_signup div.response { padding: 0; margin: 0.5em 0; width: 100%; } body #mc_embed_signup .mc-field-group label { font-weight: 600; font-size: 16px; } body #mc_embed_signup #mce-success-response { color: #5aca30; } /* ========================================================================== Responsive Css ========================================================================== */ @media only screen and (max-width:1750px) { .theme_club_wrap { padding: 60px; text-align: center; } .club { margin-bottom: 20px; display: block; } .premium_themes-content { display: block; } .club img { width: 100%; } } @media only screen and (max-width:1600px) { .directory_theme_section { display: none; } .responsive_directory_theme { display: block; } } @media only screen and (max-width:1200px) { .theme_club_wrap { padding: 20px 0 15px; } .container { padding: 0 15px; } .type-blockquotes_right ul li { width: 50%; } .theme-showcase-mockup { margin-top: 0; } .addon_breadcrumbs, .themes_plugin_addon { padding: 0 20px !important; box-sizing: border-box; -webkit-box-sizing: border-box; } .support-features-verticle .alert-info, .support-features-verticle .info{ display: block; } body .support-features-verticle .contact-info-strip-left-block { float: none; max-width: 100%; } body .support-features-verticle .contact-info-strip-left-block + .button{ float: left; margin-top: 15px; } } @media screen and (max-width:1100px) { .popular_theme .sales_theme_banner_inner { max-width: 50%; } } @media only screen and (max-width:979px) { .type-blockquotes_left_img { float: none; max-width: 100%; text-align: center; } .type-blockquotes_right ul li { margin-top: 30px; } .testimonials_col_1 .type-blockquotes { margin-left: 0px; } .testimonials_col_1 .type-blockquotes_right ul { margin-left: -30px; } .testimonials_col_3 .type-blockquotes { max-width: 100%; display: inline-table; padding: 30px; margin-bottom: 10px; background: #7c96cd; } .testimonials_col_3 .container { display: block; } .testimonials_col_3 { background: none; } .modal-body iframe { max-width: 600px; width: 100%; } .manufacturer ul li { width: 33.33%; padding: 10px; } .manufacturer ul { padding: 0; } .manufacturer ul li:last-child { margin-bottom: 0px; } .container-wrap { margin-top: 60px; } .main_theme_area { padding: 20px 0 0; } .sales_theme_banner { margin-top: 30px; } .main_theme_area, .theme_navigaion { margin-top: 0; } } @media only screen and (max-width:850px) { br { display: none; } .work_with_us p { text-align: inherit;} .featured_story_section .customer_img { display: none; } .featured_story_section { padding: 40px 0px; } .left_section_icon { max-width: 100%; display: inline-block; padding: 0; } .right_section_content { display: inline-block; max-width: 100%; padding-left: 0px; margin-top: 20px; } .pricing_table li { padding: 0; } .pricing_wrap { padding: 30px; } .pricing_table .selected .pricing_wrap { padding: 40px 30px; } .pricing_table li .secondary_btn { padding: 13px 34px; font-size: 1em; } .pricing_table .selected p { margin: 24px 0px; } .main-features li i { padding: 12px; } .main-features li { margin: 10px; width: auto; } .main-features li h2 { display: none; } .templatic_blog_section .blog_section { float: none; padding-right: 0; max-width: 100%; margin-bottom: 60px; } .blog-news-list li { padding: 10px 0; } .templatic_blog_section .newsletter { float: left; max-width: 100%; } .sidebar { max-width: 100%; float: none; margin-top: 50px; } .page_area { max-width: 100%; float: none; } .bs-example-tabs .nav-tabs > li { margin-right: 0px; } .popular_theme .sales_theme_banner_inner { width: 100%; padding: 0 15px; max-width: 100%; } .popular_theme .popular_theme_content { display: block; width: 100%; padding: 20px 15px; box-sizing: border-box; } .all_themes { text-align: center; } .popular_theme { margin-top: 0px; display: block; } .bs-example-tabs .nav-tabs > li a { padding: 10px; } .theme_club { padding: 20px; position: inherit; text-align: center; } .theme_club .save span { font-size: inherit !important; } .club_content { float: none; width: 100%; padding: 0 0 20px 0; } .theme_club .save { border: none; float: none; max-width: 100%; width: 100%; height: auto; position: inherit; border-radius: 3px; padding: 15px 0; } .about_content_block { margin: 0 0px -30px; } .about_content_1, .about_content_2, .about_content_3 { width: 100%; padding: 0; float: none; } .about_content_block > div h1 { margin-top: 0; } .templatic_team ul li { width: 50%; } .about_page_review ul li { width: 100%; } .layout-login { max-width: 100%; margin: 0; } .login_strip { max-width: 100%; } #related_themes li { width: 100%; } #related_themes li img { padding-top: 10px; } .templatic_blog_section .content_home_wrap { background-image: none; } .templatic_blog_section .newsletter { float: none; max-width: 100%; text-align: center; } .templatic_blog_section .newsletter .subscriber_container .primary_btn { display: table; margin: 0 auto; } .theme_club .save span{padding: 0 4px;} body .themes-list li .more-details a[class*="_btn"]{margin-bottom: 5px;} } @media only screen and (max-width:639px) { .club_content h1 { font-size: 1.6em; } .testimonials_col_2 ul li { width: 100%; float: none; padding: 0px 0px 30px 0px; } .testimonials_col_2 ul li:last-child { padding-bottom: 0; } .sub_container > ul > li { border: none !important; } .left_section_icon ul li { padding: 5px; } .left_section_icon ul li img { padding: 16px 4px; } .left_section_icon ul li { max-width: 16%; } .left_section_icon ul li { display: inline-block; float: none; } .theme_install_step li { width: 100%; padding: 0; margin-bottom: 20px; } .theme_install_step li::after { display: none; } .theme_install_step li .step-count { margin-bottom: 14px; height: 70px; width: 70px; padding: 16px 26px; } .pricing_table li { display: block; width: 100%; } .pricing_table { margin: 28px 0; } .modal-footer { top: 0; right: 0; position: absolute; } .bs-example-tabs .nav-tabs { margin-bottom: 30px; } .faq { margin: 0; display: block; } .faq ol { margin-top: 10px; } .question { display: block; padding: 0; width: 100%; } .bs-example-tabs .nav-tabs > li a { margin-bottom: 0px; padding: 6px 10px; border-radius: 3px; border-width: 1px; font-size: 1em; } .bs-example-tabs .nav-tabs > .active a { border-color: #F49B6C; } .bs-example-tabs .nav-tabs { border-bottom: 0px; } .page_area > article { border: none; } .page_area .post_title { padding: 0; } .home-theme { margin: 0; text-align: center; display: inline-block; width: 100%; } .home-img-banner ul li:last-child { padding: 0; } .home-img-banner ul li { padding: 0 0 20px 0; float: none; width: 100%; display: inline-block; } .about_page_review ul li { margin-bottom: 20px; padding-bottom: 20px; } div.gform_wrapper .gfield_checkbox li input[type="checkbox"], div.gform_wrapper .gfield_radio li input[type="radio"], div.gform_wrapper .gfield_checkbox li input { margin-top: 4px; } .positions ul li{width: 100%; display: block;} .plugins-wrapper > h2{ font-size: 22px; } } @media only screen and (max-width:480px) { .themes_thumb li { width: 100%; padding: 0; } .themes_thumb { margin: 0; } .demo_content .btn_wrap a { margin: 5px 0px; } .btn_wrap { margin-top: 22px; } .blog-news-list li { padding: 15px 0; } .left_section_icon ul li { float: left; max-width: 33.33%; } .blog-news-list li { display: inline-block; } .blog-news-list li .date { width: 55px; height: 50px; padding: 10px; } .templatic_blog_section .blog_section { margin-bottom: 60px; } .templatic_blog_section .newsletter { padding: 20px; } .newsletter input { margin: 10px 0px; } .socialmedia { display: inline-block; width: 100%; } .socialmedia li { margin-right: 6px; } .socialmedia li i { height: 40px; width: 40px; line-height: 40px; } .btn_wrap { margin-top: 0px; } .banner_content h1 { margin-bottom: 0px; } .premium_themes_club_content .demo_content { margin-bottom: 0px; } .premium_themes_club_content .theme_section_wrap { margin-top: 30px; } footer { margin-top: 0; } .pricing_table .selected { margin: 18px 0px; } .left_section_icon ul li img { border: none; } .modal-body { padding: 8px; } .plugins .theme_info ul li .tag_cloud { display: inline-block; margin-top: 10px; } .plugins .theme_info ul li { padding-bottom: 10px; } .btn_wrap > .secondary_btn, .btn_wrap > .primary_btn { margin-top: 10px; } .sidebar > div { padding: 16px 0; } .about_page_review ul { margin-bottom: 0; } .templatic_team ul li { width: 100%; } .login_wrap { margin-bottom: -30px; } .layout-login { padding: 20px; } .theme_install_step { display: block; } .home-theme { display: block; } .directory_content ul.features_3col_new .cols.directory_demo, .directory_content ul.features_3col_new .cols.directory_demo + .cols { margin: 0; width: 100%; } body #main .wrap .directory_content section{ margin-bottom: 30px; } } @media only screen and (max-width:400px) { .themes-list li figcaption { padding: 5px 20px 10px; } .themes-list li figcaption h2 { text-align: center; padding-bottom: 5px; } .themes-list li figcaption .links { position: relative; left: 0; right: 0; text-align: center; width: 100%; display: inline-block; margin-bottom: 5px; } } /* ========================================================================== Plugin Page ========================================================================== */ .sales_strip_button i { margin-right: 8px; } .custom-payment-form br { display: none } .custom-payment-form input[type="text"]{ padding-top: 15px; padding-bottom: 15px; } #theme_details_content p:empty { display: none; } .ezee-blogpost .container_wrap { display: inline-block; margin-bottom: 0; width: 100%; } .ezee-blogpost .container { clear: both; max-width: 1100px; width: 100%; } .ezee-blogpost .theme_custom_section .container > div { display: table; padding: 20px 0; } .ezee-blogpost .left_section_icon { display: table-cell; padding-right: 30px; vertical-align: middle; } .ezee-blogpost .right_section_content + .left_section_icon { padding-left: 30px; padding-right: 0; } .ezee-blogpost .right_section_content { display: table-cell; overflow: hidden; vertical-align: middle; } .ezee-blogpost .left_section_icon img { max-width: 380px; } .ezee-blogpost .theme_install_step li { background: none; } .ezee-blogpost .theme_install_step li .step-count { padding: 0 !important; line-height: 2.5; } .ezee-blogpost .theme_install_step li:after { display: none; } .ezee-blogpost .primary_btn { text-decoration: none; color: #fff; background: #11b6d2 none repeat scroll 0 0; margin-bottom: 20px; border: medium none; border-radius: 3px; display: inline-block; padding: 13px 34px; transition: all 0.5s ease 0s; } .ezee-blogpost .primary_btn:hover { background: #73cb00 none repeat scroll 0 0; text-decoration: none; } .contact-info-strip { padding: 20px !important; } .directory_content .contact-info-strip{ padding: 35px!important; margin-top: 25px; margin-bottom: 25px; } @media only screen and (max-width:767px) { .ezee-blogpost .left_section_icon, .ezee-blogpost .right_section_content { display: inline-block; } } @media only screen and (max-width:480px) { .ezee-blogpost .left_section_icon img { width: 100%; } } @media (max-width:980px) { .am-partners > li { width: 30% !important; } .am-partners { display: inline-block !important; } .am-partners .left p { min-height: inherit; } } @media (max-width:479px) { .am-partners > li { width: 100% !important; } #home_banner a i { font-size: 16px; } .home-plugins, .home-img-banner, .popular-theme #related_themes li { margin: 0; } .popular-theme .content_home_wrap a.btn { margin-bottom: 30px; } .content_home section, #home_banner { margin-bottom: 30px; } .templatic_blog_section .blog_section { margin-bottom: 40px; } .popular-theme .content_home_wrap ul li p { padding-bottom: 0; } section[class*="section"]:last-child { margin-bottom: 30px; } body #lightbox .b_buynow .button{ font-size: 16px; } .theme_intro .option_box .buy .button{ padding: 12px 24px; } } /*footer on sale tag*/ #footer .on_sale { position: relative; } #footer .on_sale::before { background: rgba(0, 0, 0, 0) url("images/on-sale.png") no-repeat scroll right center; content: ""; height: 19px; position: absolute; right: 100px; top: 10px; width: 40px; } @media only screen and (max-width:1200px) { #footer .on_sale::before { left: 70px; right: auto; } } .iframecenter { display: block; margin: 0 auto !important; }