/* Theme Name: Kyma Description: Kyma is Responsive, Multi-Purpose, HTML5 / CSS3 Theme for (Desktop, tablet, mobile phone…) – Kyma is Created with Twitter Bootstrap 3.3.2 Framework. Kyma is a great design idea for website of Creative Corporate, Corporation, Company Profile, Personal Portfolio, and more … Create Outstanding Website or Blog in Minutes!. Awesome Design, Unique Concepts, Scalable Responsive, Amazing flexibility, Dark and Light Scheme. Kyma has static and fixed header feature. it’s developed with lots of care and love. theme has two, three, four footer layout feature.We focused on usability across various devices, starting with smart phones.it is compatible with various devices. Kyma is a Cross-Browser Compatible theme that works on All leading web browsers. Kyma is easy to use and user friendly theme. Kyma is Retina-Ready theme. Kyma has boxed and full-width layout feature. powerful but simple Kyma theme content customized through customizer. It has a typography control feature for change the styling of the theme. to make your site attractive it has two widget sections first for “sidebar widget section” and second for “Footer widget section” . To make your website in two column use sidebar widget section. to set custom menu in header set primary location and for the footer section set secondary section. we added social media links to added your social links. and we provided awesome home blog with Caroufredsel slider feature in custom home page. It boasts of 5 beautifully designed page templates , Home, Blog and Default Page Template(page with right sidebar), Page Full-Width, Page Left Sidebar. Kyma theme has more advanced feature to make your site awesome like: it has header top bar dark & lite color feature. you can also changed header color dark and lite styling. Theme compatible with woo-commerce. Kyam is a fully woo-commerce tested theme. Kyma is translation ready theme with WPML compatible & Many More…. Tags: black, white, dark , light, one-column, left-sidebar, right-sidebar, fixed-layout, flexible-header, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, front-page-post-form, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready Author: WebHunt Infotech Author URI: http://www.webhuntinfotech.com/ Version: 1.4.8 Theme URI: http://www.demo.webhuntinfotech.com/kyma-advanced/ License: GNU General Public License v3 or later License URI: http://www.gnu.org/licenses/gpl.html Text Domain: kyma */ /*------------------------------------------------------------- Main Style -------------------------------------------------------------*/ @import url(https://fonts.googleapis.com/css?family=Raleway:100,200,300); @font-face { font-family: "Century Gothic"; src: url("century-gothic.ttf"); } @charset "utf-8"; html, body, 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, menu, nav, section, time, mark, audio, video, details, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font-weight: normal; vertical-align: middle; background: transparent; } ins { color: #28441d; text-decoration: none; } body { /* font-size: 14px; font-size: 15px; */ font-family: "Century Gothic" !important; color: #555; position: relative; line-height: 1.5; } body.site_boxed { background-color: #f9f9f9; } html { height: 100%; min-height: 100%; } body { min-height: 100%; overflow-x: hidden; } a { color: #BD1010; text-decoration: none; outline: none; } p { font-size: 16px !important; line-height: 1.6 !important; } a:hover { color: #BD1010; } ::-webkit-selection { background: #BD1010; color: #fff; text-shadow: none; } ::-moz-selection { background: #BD1010; color: #fff; text-shadow: none; } ::selection { background: #BD1010; color: #fff; text-shadow: none; } ul, ol { margin: 0; padding: 0; } .clear { clear: both; display: block; } img, object, embed { max-width: 100%; vertical-align: top; } p { margin-bottom: 15px; line-height: 24px; } ul { list-style: none; } .blog_grid_block > div.feature_inner:after, .blog_grid_block > div.feature_inner:before, .blog_grid_block > div.feature_inner .feature_inner_corners:after, .blog_grid_block > div.feature_inner .feature_inner_corners:before, .f_s_i_zoom { -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; } .feature_inner_btns > a.expand_image { -webkit-transition-delay: 100ms; -moz-transition-delay: 100ms; -ms-transition-delay: 100ms; -o-transition-delay: 100ms; transition-delay: 100ms; } .tp-banner-container > div > ul:not(.tp-revslider-mainul) { height: 400px; opacity: 0; width: 100%; } a, .top-socials > a > span.soc_name, .top-socials > a > span.soc_name:after, .top-socials > a, #navy > li > a > span, #navy ul li a, #navy ul li .parent_arrow, .owl-prev, .owl-next, #navy ul li:not(.image_menu_slide) a:after, #navy ul.mega_menu li a:before, #navy .img_menu_i > a span:before, .top-socials > a, .top-socials > a > span.soc_icon_bg, #navy > li > a, #navy > li > a:after, .top_catt_remove:after, .top_catt_remove:before, .top_catt_remove, .top_cart_title, #kyma_owl_slider .kyma_owl_p, #kyma_owl_slider .kyma_owl_n, .kyma_owl_p > span, .kyma_owl_n > span, .kyma_owl_p > span:after, .kyma_owl_p > span:before, .kyma_owl_n > span:after, .kyma_owl_n > span:before, .owl-page, #kyma_owl_slider .owl_slider_con > span, .btn_a > span > span, #kyma_owl_slider .kyma_owl_p:after, #kyma_owl_slider .kyma_owl_n:after, .owl_text_a a span:before, .icon_boxes_con.style1 .service_box .ser-box-link, .icon_boxes_con.style1 .service_box .ser-box-link > span:after, .icon_boxes_con.style1 .service_box .ser-box-link > span, .icon_boxes_con.style1 .service_box > .icon i, .icon_boxes_con.style2 .service_box .ser-box-link > span:before, .icon_boxes_con.style2 .service_box .ser-box-link > span:after, .icon_boxes_con.style2 .service_box .ser-box-link, .icon_boxes_con.style1 .service_box .service_box_con:before, .icon_boxes_con.style1 .service_box > .icon, .icon_boxes_con.style2 .service_box .service_box_con:before, .icon_boxes_con.style2 .service_box > .icon, .service_box h3, .service_box > .icon:after, .service_box > .icon:before, .service_box > .icon i, a.img_popup > span, .service_box > .icon i:after, .btn_b span, .main_title .line:before, .tabs-navi a:after, .tabs-body:after, .tabs-navi a:before, a.img_popup > img, .feature_icon .item h5 .icon span:after, .feature_icon .item h5 .icon, .feature_icon .item h5 .title, .expand_img, .detail_link, .porto_nums > span.like i, .porto_type:after, .option-set li a, .option-set li, .option-set li a span, .option-set li a span:after, .option-set li a span:before, #sort-by.option-set, .porto_type > img, .icon_expand > span:after, .porto_desc h6, .porto_desc, .porto_type > img, .counter .icon:after, .counter .icon:before, .kyma_owl_n, .kyma_owl_p, .video_frame:before, .video_frame:after, .video_frame div:after, .video_frame div:before, .play_video_btn > span, .youtube_bg_video, .add2cart_btn, .add2cart_btn i, .add2cart_image .add2cart_zoom, .add2cart_img:after, .add2cart_img .circle, .tagcloud a, .tagcloud a span, .tagcloud a span:after, .tagcloud a span:before, .pagination li a, .pro_add2cart_details, .cart_toltip_icon:after, .cart_toltip_icon:before, .add2cart_icons, .current_thumb, .thumbs_gall_slider_con .owl-controls, .tree_features > li, .thumbs_gall_slider_larg .item > a:after, [class^="send_button"], [class*=" send_button"], .btn_c span, .team_block2 .member_img:after, .team_block2 .member_img:before, .person_name, .member_img2:before, .member_img2:after, .hm_new_bar_controll_btn.pause i, .feature_inner_btns a, .feature_inner_btns, .feature_inner_ling:after, .feature_inner:hover:after, .feature_inner:hover:before, .feature_inner:hover .feature_inner_corners:after, .feature_inner:hover .feature_inner_corners:before, .plan_col > h6, .plan_col > h6 span, .plan_col > h6:after, input, textarea:focus, .recent_posts_img:after, .recent_posts_img:before, .arrow_button i, .flickr_badge_image, .flickr_badge_image a:after, .flickr_badge_image a:before, .vid_icon i, .hm_vid_con:after, a > span, .arrow_button > span > span, .hm_filter_wrapper_con.timeline .filter_item_block, a:after, a:before, .timeline_feature > a span.image-zoom, .featured_slide_img:after, .featured_slide_details, .f_s_i_zoom, .social_links_widget a, #submit-comment, .comment-reply-link, .comment-edit-link, .panel-heading a:after, .panel-heading a:before, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current, .counter .icon, .btn_b .hidden_element:after, .btn_b .hidden_element:before, .content_thumbs_gall .gall_thumbs .owl-item > .item, .content_thumbs_gall .gall_thumbs .owl-item > .item:after, .main_button, .btn_a, .btn_b, .btn_c, .mfp-close, .mfp-arrow, .polygon_fill, .rev_offer_circle span, .rev_offer_circle2 span, .hm_go_top, .flex_style1 #flex_thumbs li:after, .flex_style1 #flex_thumbs li, .flex_style1 #flex_carousel .flex_next > span:after, .flex_style1 #flex_carousel .flex_previous > span:after, .flex_style1 #flex_carousel .flex_next:hover span span:before, .flex_style1 #flex_carousel .flex_next:hover span span:after, .flex_style1 #flex_carousel .flex_next:hover span span, .flex_style1 #flex_carousel .flex_previous:hover span span:before, .flex_style1 #flex_carousel .flex_previous:hover span span:after, .flex_style1 #flex_carousel .flex_previous:hover span span, .flex_in_flex, .wobbly_slide ul li, .wobbly_slide > nav span, .wobbly_slide > nav span i, .leaf_icon, .hoverdir_con, .kyma_occ_title, .kyma_occ_title:after, .kyma_occ_title:before, .lfc_icon, input[type="password"], .mega_toltip, .languages-drop .languages-panel, .top_search_con, .top_search, .mobile_menu #navy > li.opened_menu > a > span:after, .normal_menu_arrow::after, #navy ul li a i.menu_icon, .top_expande i, .error, #form-messages, #subscribe_output, .newsletter_button i, #share_on_socials a, .top_cart, #main_nav, #logo, .header_on_side.site_boxed #side_heder { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .cart_toltip_icon { -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #navigation_bar { -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -ms-transition: background 0.4s ease; transition: background 0.4s ease; } .blog_grid_format { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } a.img_popup > img, .related_posts_slide .related_img > img, .add2cart_image .add2cart_img > img { -webkit-transition: -webkit-transform 0.7s ease; -moz-transition: -moz-transform 0.7s ease; -o-transition: -o-transform 0.7s ease; -ms-transition: -ms-transform 0.7s ease; transition: transform 0.7s ease; } #navy .has_sub_img .owl-controls, .top_add_card, .top_add_card > span, .top_catt_remove, #kyma_owl_slider .owl-prev, .owl-next, #kyma_owl_slider .kyma_owl_p, #kyma_owl_slider .kyma_owl_n, #kyma_owl_slider .owl-page, #kyma_owl_slider .kyma_owl_p:after, #kyma_owl_slider .kyma_owl_n:after, .rotate_icon, .icon_boxes_con.style1 .service_box .ser-box-link, .icon_boxes_con.style2 .service_box .icon.circle, .icon_boxes_con.style2 .service_box .icon.circle:after, .icon_boxes_con.style1.circle .service_box > .icon:after, .icon_boxes_con.style1.circle .service_box .service_box_con:before, .icon_boxes_con.style1.circle .service_box > .icon i, .icon_boxes_con.style2 .service_box .icon i, .icon_boxes_con.style1.circle.just_icon_border:not(.radius5) .service_box > .icon:before, .icon_boxes_con.style2.solid_icon .service_box > .icon:before, .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box > .icon i:after, .main_title .line i, .tabs2.circle .tabs-navi li a, a.img_popup > span, .png_slider .owl-prev, .png_slider .owl-next, .png_slider .owl-page, .section_icon, .section_icon i, .feature_icon .item h5 .icon span, .feature_icon .item h5 .icon, .feature_icon .item h5 .icon span:after, .f_s_block.circle, .feature_icon_slider .owl-page, .f_s_block.circle a.img_popup:after, .f_s_block.circle a.img_popup, .hm_filter_wrapper .icon_expand, .porto_galla .owl-page, .counter .icon, .counter .icon:before, .counter .icon:after, .normal_text_slider .client_img, .normal_text_slider .client_img img, .normal_text_slider .kyma_owl_p, .normal_text_slider .kyma_owl_n, .our_client_slider .kyma_owl_p, .our_client_slider .kyma_owl_n, .content_slider .owl-page, .play_video_btn > span, .play_video_btn, .add2cart_img .circle, .shop_slider .kyma_owl_p, .shop_slider .kyma_owl_n, .add2cart_image .add2cart_zoom, .cart_toltip_icon, .sidebar_slide_discount:after, .owl-page, .cart_toltip_icon2, .sidebar_slide_discount, #share_on_socials a, .thumbs_gall_slider_larg .item > a:after, .vid_icon, .single_cart_video .vid_icon:after, .commerce_comments .avatar_img, .next_product_nav .icon-wrap, .team_block .team_img, .team_block .team_img img, .social_media a, .btn_c > span, .team_block2 .member_img, .team_block2 .member_img img, .team_block2 .member_img, .team_block2 .member_img:after, .team_block2 .member_img:before, .hm_circle_progressbar.style1:not(.square) > svg, .plan_column1 .plan_price_block, .plan_column1 .plan_price_block .plan_price_in, .hm_vid_con .vid_icon i, .timeline_post_format, .timeline_feature a span.image-zoom, .small_title .s_icon, .about_auther_con .avatar_img img, .about_auther_con .avatar_img, .related_posts_slide .related_img > span:after, .mejs-controls .mejs-time-rail .mejs-time-current:after, .featured_slider .owl-buttons .owl-prev, .featured_slider .owl-buttons .owl-next, .gall_arrow2 .thumbs_gall_slider_larg .kyma_owl_n, .gall_arrow2 .thumbs_gall_slider_larg .kyma_owl_p, .vid_con .vid_icon:after, .rev_arrow_a, .rev_offer_circle, .rev_offer_circle2, ul.list1.list_circle li:after, .flex_style1 #flex_carousel .flex_next, .flex_style1 #flex_carousel .flex_previous, .flex_style1 #flex_carousel .flex_next > span, .flex_style1 #flex_carousel .flex_previous > span, .flex_style1 #flex_carousel .flex_next > span:after, .flex_style1 #flex_carousel .flex_previous > span:after, .wobbly_slide > nav span, .leaf_icon, .list3 > li .arrow, .page404 > span::after, .page404 > span::before, .face404, .hm_circle_progressbar.style1::after, .sitemap li:not(.has_child_sitmap)::after, .sitemap_count, #navy .has_sub_img .owl-controls:before, .main_title .dot, .progress_bar.prog_bar2 .fill_con .fill:before, .contact_details_row .icon, .list3 li:after, .preloader3 .spinner .sk-dot2, .preloader3 .spinner .sk-dot1 { border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } #kyma_owl_slider .owl_slider_con, .png_slide .desc, .play_video_btn > span i, .add2cart_image .add2cart_zoom, .thumbs_gall_slider_larg .item > a:after, .team_block2 .member_img:after, .hm_circle_progressbar .path_val, .feature_inner_btns, .recent_posts_img:before, .flickr_badge_image a:before, .timeline_post_format i, .timeline_feature a span.image-zoom, .hm_vid_con .vid_icon, .rev_offer_circle > span, .rev_offer_circle2 > span, .flex_style1 #flex_thumbs .flex_next i, .flex_style1 #flex_thumbs .flex_previous i, .wobbly_slide > nav span i, .boxgallery_desc, .porto_full_desc .porto_meta, .hoverdir_meta, #navy .has_sub_img .owl-controls, .plan_col .spec_req2, .plan_col .polygon_con { left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .top_add_card > span, .rotate_icon, .icon_boxes_con.style1 .service_box > .icon, .icon_boxes_con.style1 .service_box .service_box_con:before, .icon_boxes_con.style1 .service_box .ser-box-link, h2.title2 span:after, .main_title.centered .line i, .centered .main_title .line i, .main_title.centered span, .centered .main_title span, .main_title.centered span:before, .centered .main_title span:before, .description3.centered:after, .tabs2 .tabs-navi a.selected:after, .tabs2 .tabs-navi a.selected:before, .tabs1.fill_active .tabs-navi a.selected:before, .section_icon, .counter .title:before, .counter .title:after, .add2cart_btn, .shop_slider .pro_add2cart_details, .cart_toltip_icon:before, .sidebar_slide_discount:before, .sidebar_slide_price:before, .progress_bar.prog_bar2 .value:after, .progress_bar.prog_bar2 .value:before, .blog_grid_format, .plan_column1 .plan_price_block, .hm_filter_wrapper_con.timeline:after, .wobbly_slide ul li > svg, .face404, #navy > li > a:after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .top-socials > a, .top-socials span.soc_name:after, .top-socials span.soc_name:before, .top-socials > a > span.soc_icon_bg, .top_cart_btn, .welcome_banner.boxed_white, .welcome_banner.boxed_colored, .btn_a, .icon_boxes_con.style1 .service_box .service_box_con, .icon_boxes_con.style1 .service_box > .icon i, .btn_b, .main_title.has_bg > h2, .tabs2 .tabs-navi a, .tabs2 .tabs-body, a.img_popup, .project_text_nav .expand_img, .project_text_nav .detail_link, #sort-direction.option-set, #options .sort_list a.sort_selecter, .has_sapce_portos .porto_block, .has_sapce_portos .porto_type, .what_say_block .say_img, .add2cart_slide, .social_links_widget a, .search_block form input.serch_input, .tagcloud a, .tagcloud .tag, .pagination li a, .cart_toltip_icon:after, .sidebar_slide, .shop_product_wrapper .hm-tabs.simple_tabs .tabs-navi li a, .thumbs_gall_slider_larg .item, .shop_product_wrapper .hm-tabs.simple_tabs:after, .orderby_label select, .single_cart_video .vid_con, .commerce_comments .comment_container, #review_form_wrapper .comment-form input, #review_form_wrapper .comment-form textarea, .page_title .breadcrumbs, .check_out_totals, [class^="send_button"], [class*=" send_button"], .team_block .f1_card > div, .gall_thumbs .owl-item, .thumbs_gall_slider_con, .progress_bar.prog_bar2 .value, .blog_grid_format, .feature_inner_btns a, .blog_grid_format i, .black_button, .newsletter_con, .arrow_button, .hm_vid_con, .about_author, .about_author_link > img, .hm_filter_wrapper_con.timeline .timeline_block, .timeline_block .timeline_feature > a, .read_more_button, .timeline_block .timeline_feature a:after, .timeline_block .timeline_feature, .hm_blog_list:not(.hm_blog_full_list) .feature_inner_ling, .f_s_i_zoom, .post_format_con > span > a, #submit-comment, #commentform textarea, #commentform input[type="text"], .comment-reply-link, .comment-edit-link, #comments .single_comment .avatar, .comment-box, .related_posts_slide .related_img, .panel-heading a, input[type="text"], input[type="number"], textarea, .hm_blog_list:not(.hm_blog_full_list) .feature_inner .embed-container, .main_button, .mapTooltip, .vid_con, .tp-caption.blue_thin_kyma_bg_30, .tp-caption.black_thin_30, black_thin_whitebg_30, .black_thin_blackbg_30, .bordered_btn_black, .bordered_btn_enar, .bordered_btn_white, .hm_go_top, .container #flex_carousel.flexslider, .flex_in_flex.flexslider, .camera_commands, .photostack figure, .photostack-img img, .hoverdir_meta .expand_img, .hoverdir_meta .detail_link, .kyma_occ_title, .form_row input[type="file"], .sitemap ul li.has_child_sitmap > a, .login_form_colored, input[type="password"], .tabs1.tabs_mobile.fill_active:not(.ver_tabs) .tabs-navi > li a, .filter_by_mobile #filter-by > li a, h2.title2 span, .tabs2 .tabs-body, .panel-default > .panel-heading, #form-messages, input[type="email"], input[type="date"], .menu_button_mode:not(.header_on_side) #navy > li > a { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .posts_widget_list li > a img, ul.list1 li > .arrow, .attach_shop_thumb.ico-post-image, .progress_bar .fill_con, .progress_bar .value, .progress_bar .fill, .recent_posts_list li > a .recent_posts_img, .flickr_badge_image a, .hm_vid_con img, .hm_vid_con:after, .blog_list_format, .posts_widget_list2 li > a img, .comment-container .trees_number, .post_format_con.hm_quote > span > a:after, .mejs-container, .mejs-controls .mejs-time-rail .mejs-time-float, .content_thumbs_gall .gall_thumbs .owl-item > .item, .social_share_btn::before, .social_share_btn::after, .mega_toltip, .nav_with_nums #filter-by > li a span.num, ul.list1 li:after, .price_lable { -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .icon_boxes_con.style1 .service_box > .icon:after, .icon_boxes_con.style1 .service_box .service_box_con:before, .icon_boxes_con.style1.radius5 .service_box > .icon:after, .icon_boxes_con.style2.radius5 .service_box .icon:after, .top-socials > a > span.soc_name, .plan_col.plan_column1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #sort-by.option-set, .hm_filter_wrapper.porto_hidden_title .porto_desc:after, .add2cart_details, .blog_grid_con, .panel-body, .kyma_occ_content .acc_content, .lfc_forget_pass, #navy ul, .top_cart_con, .top_cart_footer, .languages-panel-con, .before_after_desc { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } #options .sort_list:hover a.sort_selecter, a.add2cart_img, .feature_inner_ling, .blog_grid_desc, .panel-heading a:not(.collapsed), .occ_expanded .kyma_occ_title, .lfc_header, .blog_grid_format:before, .table_container, .before_after_img { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; } .hm_blog_full_list .feature_inner_ling, .hosted_video_audio_con .mejs-container, .dark_sup_menu #navy ul ul, .hm_filter_wrapper.masonry_posts .feature_inner_ling, .buttons_added .input-text { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .quantity_controll.minus, .featured_slider.full_carousel .owl-buttons .owl-next, .tp-rightarrow.preview4:after, .flex_style1 #flex_thumbs .flex_previous, .camera_next, .sitemap > li > .sitemap_count, .lfc_icon, #navy .image_menu .owl-prev, .top-socials.box_socials > a > span.soc_icon_bg, #filter-by > li:first-child a { border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; } .quantity_controll.plus, .orderby_label:before, .tagcloud .num, .featured_slider.full_carousel .owl-buttons .owl-prev, .tp-leftarrow.preview4:after, .flex_style1 #flex_thumbs .flex_next, .camera_prev, .sitemap > li > a, #navy .image_menu .owl-next, #navy .tab_menu_item .image_menu .owl-prev, .top-socials.box_socials span.soc_name:after, #filter-by > li:last-child a, .top-socials > a:last-child > span.soc_icon_bg { border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; } .site_boxed .top_cart_con { border-radius: 3px 3px 0px 3px; -moz-border-radius: 3px 3px 0px 3px; -webkit-border-radius: 3px 3px 0px 3px; -ms-border-radius: 3px 3px 0px 3px; -o-border-radius: 3px 3px 0px 3px; } .cart_toltip_icon:after, .top_search_con, .add2cart_btn, .shop_slider .pro_add2cart_details, .sidebar_slide_price:after, .btn_c, .plan_col.plan_column1 .plan_price_btn, .ui-video-background-controls, .num_colored, .four_boxes_block, .four_boxes_title, .social_share_btn, .nav_trigger, .tree_features > li, .tree_features > li:after { -moz-border-radius: 200px; -webkit-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; } .add2cart_image .add2cart_img > img { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*------------------------------------------------------------ Grids -------------------------------------------------------------*/ .full_width { width: 100%; } .full_con { position: relative; width: 100%; } .half_full_con { width: 50%; padding: 0 50px; } .spacer10, .spacer20, .spacer30, .spacer40, .spacer50, .spacer60, .spacer70, .spacer80, .spacer90, .spacer100 { width: 100%; display: block; } .my_col_full { width: 100%; } .my_col_half { width: 50%; } .my_col_third { width: 33.3333%; } .my_col_half, .my_col_third { float: left; padding-right: 15px; position: relative; } .my_col_half:last-child, .my_col_third:last-child { padding-right: 0px; } .my_col_half.on_the_center, .my_col_third.on_the_center { float: none; clear: both; margin: 0 auto; padding: 0; } .spacer10 { height: 10px; } .spacer20 { height: 20px; } .spacer30 { height: 30px; } .spacer40 { height: 40px; } .spacer50 { height: 50px; } .spacer60 { height: 60px; } .spacer70 { height: 70px; } .spacer80 { height: 80px; } .spacer90 { height: 90px; } .spacer100 { height: 100px; } .white_section h1, .white_section h2, .white_section h3, .white_section h4, .white_section h5, .white_section h6 { color: #fff; } .content table { width: 100%; margin: 0; text-align: left; } h1, h2, h3, h4, h5, h6 { color: #324545; margin-top: 0px !important; margin-bottom: 20px; } h1 { font-size: 40px; } h2 { font-size: 35px; } h3 { font-size: 30px; } h4 { font-size: 24px; } h5 { font-size: 20px; } h6 { font-size: 16px; } .bg_gray input[type="text"], .bg_gray textarea, .bg_gray .form_row input[type="file"] { border-color: #E5E5E5; } input[type="text"], input[type="date"], input[type="email"], input[type="number"], textarea, .form_row input[type="file"], .lfc_user_row input[type="password"] { border: 1px solid #ddd; padding: 10px 12px; color: #666; font-size: 13px; background: #fff; outline: none; } select { border: 1px solid #E6E6E6; padding: 8px 12px; font-size: 13px; } input.error, textarea.error, select.error, input.error[type="text"]:focus, textarea.error:focus, input.error[type="password"]:focus, input.error[type="email"]:focus, input.error[type="number"]:focus { box-shadow: none; border-color: #e74c3c; } input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus, input[type="password"]:focus { border-color: #28441d; color: #324545; } .white_section { color: rgba(255, 255, 255, 0.7); background: #42484d; } .theme_option { display: none; } .table_container { background: #fff; border: 1px solid #E7E7E7; border-width: 1px; padding: 15px; } [class^="send_button"] i, [class*=" send_button"] i { margin-right: 11px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .margin_left_a { margin-left: 15px; } /* Mozilla dosen't style place holders by default */ input:-moz-placeholder { color: #a9a9a9; } textarea:-moz-placeholder { color: #a9a9a9; } .hm-tabs li .col-md-6, .panel-body .col-md-6 { padding: 0; } .f_left { float: left; } .f_right { float: right; } #sidebar { padding-top: 4px; display: none; } .left_sidebar.col-md-3 { padding-right: 20px; padding-left: 0px; } .right_sidebar.col-md-3 { padding-left: 20px; padding-right: 0px; } .content_block.f_left { padding-right: 20px; padding-left: 0; float: left; } .content_block.f_right { padding-left: 20px; padding-right: 0; float: right; } .row_spacer > .main_title, .row_spacer_t > .main_title, .row_spacer > .content > .main_title, .icons_spacer > .main_title { margin-top: -25px; } .main_title_c1 { color: #28441d; } .content { padding: 0 15px; } .no_padding { padding-right: 0px; padding-left: 0px; } .content_hidden { margin: 0; overflow: hidden; } .content, .container { margin: 0 auto; max-width: 1170px; position: relative; width: 100%; -webkit-transform: translateZ(0); } .content_section { position: relative; } #main_wrapper { overflow: hidden; background: #fff; } .animated { visibility: hidden; display: block; } .visible { visibility: visible; display: block; } .bg_gray { background: #f9fafc; border-bottom: 1px solid #eaebed; border-top: 1px solid #eaebed; } .upper { text-transform: uppercase; } .has_just_main_title.content { padding-bottom: 15px; } .icons_spacer { margin-bottom: -45px; padding-bottom: 90px; padding-top: 90px; } .row_spacer { padding-bottom: 90px; padding-top: 90px; } .row_spacer2 { padding-bottom: 40px; padding-top: 40px; } .row_spacer_t { padding-top: 90px; } .row_spacer_b { padding-bottom: 90px; } .content_spacer { padding-top: 50px; padding-bottom: 70px; } .bg_overlay { background: rgba(0, 0, 0, 0.6); position: relative; color: #eeeeee; } .bg_overlay:after { background: rgba(0, 0, 0, 0.1); content: ""; display: block; position: absolute; width: 100%; height: 5px; top: 0; } .bg_overlay:before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: 0; } .bg_overlay_b { background: rgba(0, 0, 0, 0.6); position: relative; color: #eeeeee; } .bg_overlay1 { background: rgba(0, 0, 0, 0.4); position: relative; color: #eeeeee; } .bg_overlay2 { background: rgba(0, 0, 0, 0.2); position: relative; } .bordered_btn_black { border: 2px solid rgba(0, 0, 0, 0.1); color: #777; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_black:hover { border-color: #28441d; color: #28441d; } .bordered_btn_enar { border: 2px solid #28441d; color: #28441d; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_enar:hover { border-color: #fff; color: #fff; } .bordered_btn_white { border: 2px solid #fff; color: #fff; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_white:hover { border-color: #28441d; color: #28441d; } .has_top_border { border-top: 1px solid #e7e7e7; } .border_b_n { border-bottom: none; } .border_t_n { border-top: none; } .no_border { border: none !important; } .shadow1 { box-shadow: 0 0 11px rgba(0, 0, 0, 0.1); } .italic { font-style: italic; } .centered { text-align: center; } .bold { font-weight: 700; } .light { font-weight: 300; } .align_right { text-align: right; } .btn_space { margin-top: 25px; margin-bottom: 15px; } [class^="kyma_parallax"], [class*=" kyma_parallax"] { background-size: cover; background-repeat: no-repeat; background-attachment: scroll; background-position: 50% top; -webkit-transform: translateZ(0); } .img_con_cov { background-size: cover; background-repeat: no-repeat; } .tab_img { float: left; padding: 0 25px 8px 0; width: 33%; } /*------------------------------------------------------------- Logo -------------------------------------------------------------*/ #logo { float: left; /* margin-right: 25px; */ position: relative; z-index: 4; margin-left: -25px; } #logo > a { display: block; margin-top: 0px; position: relative; height: 45px; } #logo > a img { display: inline-block; position: relative; top: 0px; } .full_logo { display: inline-block; height: 60px; vertical-align: top; } .full_logo img { max-height: 100%; } /*------------------------------------------------------------- Back Top -------------------------------------------------------------*/ .hm_go_top { display: inline-block; height: 43px; width: 43px; position: fixed; bottom: 20px; right: 20px; background: #BD1010 url(images/hm-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; z-index: 1; -webkit-transform: translateZ(0); } .hm_go_top.hm_go_is-visible { visibility: visible; opacity: 1; } .hm_go_top:hover { opacity: .8; } /*------------------------------------------------------------- Logo Light & Dark -------------------------------------------------------------*/ .light_header #logo .logo_light, body #logo .logo_dark { opacity: 0; } .light_header #logo .logo_dark { opacity: 1; } #logo .logo_dark { position: absolute; } /*------------------------------------------------------------- Boxed Width -------------------------------------------------------------*/ .site_boxed #main_wrapper { border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; margin: 0 auto; max-width: 1170px; width: 100%; } .site_boxed .icon_boxes_con { padding-right: 5px; padding-left: 5px; } .site_boxed .welcome_banner .content { padding-right: 20px; padding-left: 20px; } .site_boxed .content.no_padding { padding-right: 5px; padding-left: 5px; } .site_boxed .content { padding-right: 20px; padding-left: 20px; } .site_boxed .container > .rows_container { padding-left: 5px; padding-right: 5px; } .site_boxed .tp-banner-container.content { padding: 0; } .site_boxed .shop_slider { padding-left: 5px; padding-right: 5px; } .site_boxed .top_cart_con { border-width: 1px 0 1px 1px; } /*------------------------------------------------------------- Sections BG Color -------------------------------------------------------------*/ .bg_color1 { background: #303939; } .bg_color2 { background: #39354c; } .bg_color3 { background: #2B9CA2; } .bg_color4 { background: #576162; } .bg_color5 { background: #55495C; } .bg_color6 { background: #EFF6FB; } .bg_color7 { background: #e74c3c; } .bg_color8 { background: #38414d; } .bg_color9 { background: #38414d; } .bg_color10 { background: #3C464D; } .bg_color11 { background: #684060; } .bg_color12 { background: #2D2D3A; } .bg_color13 { background: #2C3E50; } .bg_color14 { background: #28441d; } /*------------------------------------------------------------- Sections BG Image -------------------------------------------------------------*/ .white_section .section_icon { border-width: 1px; } .section_icon { border: 1px solid rgba(0, 0, 0, 0.1); display: block; position: absolute; text-align: center; top: -38px; z-index: 1; } .section_icon i { background: #fff; color: #28441d; display: block; font-size: 32px; height: 76px; line-height: 76px; text-align: center; width: 76px; } .has_col_img.on_desktop > img { bottom: 0; max-width: 50%; position: absolute; } /*------------------------------------------------------------- Titles -------------------------------------------------------------*/ .main_title.light h2, .title1.light, h2.title2 { font-weight: 300; } h2.title2 { font-size: 32px; margin-bottom: 30px; } h2.title2 span.red { background: #e74c3c; } h2.title2 span { background: #28441d; margin-right: 20px; padding: 8px 17px 7px; color: #fff; } .main_title.no_line h2 { padding-bottom: 0; margin-bottom: 20px; } .main_title.no_line .line { display: none; } .main_title h2 .icon { color: #28441d; font-size: 24px; margin-right: 15px; } .main_title.medium h2 { font-size: 24px; } .main_title.small h2 { font-size: 22px; } .main_title.small:not(.no_line) h2 { margin-bottom: 35px; } .main_title h2 { color: #324545; font-size: 30px; font-weight: 400; letter-spacing: 1px; margin-bottom: 40px; padding-bottom: 20px; position: relative; line-height: 40px; } .main_title.small_space h2 { margin-bottom: 25px; } .main_title .line i { background: #fff; color: #28441d; display: block; font-size: 20px; height: 40px; line-height: 40px; position: absolute; text-align: center; top: -20px; width: 40px; } .main_title.align_right .line i { padding-left: 13px; padding-right: 0; right: 0; } .main_title:not(.centered):not(.align_right) .line i { padding-right: 13px; width: auto; } .main_title.side_line > h2 { margin-bottom: 23px; } .main_title h2 .line { background: rgba(0, 0, 0, 0.07); bottom: 0; height: 1px; position: absolute; width: 33%; } .main_title .line:before { background: #1cc6df; content: ""; display: block; height: 1px; position: absolute; width: 100px; } .main_title.align_right .line:before { right: 0; } .main_title.has_bg.align_right .line:before { right: 20px; } .main_title .dot { background: #fff; border: 1px solid #1cc6df; height: 10px; position: absolute; top: -5px; width: 10px; } .main_title.align_right .dot { right: 0; } .main_title h2:hover .line:before { width: 75%; } .main_title.side_line h2:after { left: -65px; } .main_title.side_line h2:before { right: -65px; } .main_title.side_line.align_right h2:before { left: -65px; right: auto; } .main_title.lato h2 { font-weight: 300; } .main_title.short_line h2 { display: inline-block; } .main_title.side_line h2 { display: inline-block; } .main_title.side_line h2 { padding-bottom: 5px; } .main_title.side_line .line:before { background: none; } .main_title.side_line .line { background: none; } .main_title.short_line .line:before { background: none; } .main_title.has_bg > h2 { padding: 16px 18px 18px; display: inline-block; } .main_title.has_bg .line { background: none; } .main_title.has_bg .line:before { background: none; border-style: solid; border-width: 12px 50px 0; border-color: transparent; } .main_title.gray_bg > h2 { background: #eeeeee; } .main_title.blue_bg > h2 { background: #28441d; color: #fff; } .main_title.gray_bg .line:before { border-color: #eeeeee transparent transparent; } .main_title.blue_bg .line:before { border-color: #28441d transparent transparent; } .centered .main_title.side_line h2:after, .main_title.side_line.centered h2:after, .main_title.side_line h2:before { background: #324545; content: ""; display: block; height: 1px; position: absolute; top: 15px; width: 50px; } .white_section .main_title h2 { color: #fff; } .white_section .main_title:not(.has_bg):not(.side_line) h2 .line { background: rgba(255, 255, 255, 0.1); } .white_section .centered .main_title.side_line h2::after, .white_section .main_title.side_line.centered h2::after, .white_section .main_title.side_line h2::before { background: rgba(255, 255, 255, 0.2); } .bg_gray .main_title .line i { background: #f9fafc; } .centered .main_title .line i { padding-right: 0px; width: 40px; } .align_right h2 .line { right: 0; } .bg_color7 .main_title .line:before { background: rgba(0, 0, 0, 0.2); } .title1 { color: #28441d; font-size: 24px; font-weight: 400; margin: 0 0 13px; line-height: 33px; } .title1.title_color1 { color: #e74c3c; } .title1.title_color2 { color: #324545; } .title1 i { font-size: 32px; margin-right: 15px; } .description1, .description2, .description3 { display: block; font-size: 18px; font-weight: 300; line-height: 34px; margin: 15px 0 30px; } .description2, .description3 { background: #f9fafc; border-top: 1px solid #28441d; padding: 10px; position: relative; } .description4 { display: block; line-height: 24px; margin: 15px 0px 50px; width: 50%; } .description4.centered { margin: 15px auto 50px; } .description4.align_right { padding-left: 50%; width: 100%; } .description2:after { border-color: transparent transparent #28441d; border-style: solid; border-width: 4px; content: ""; display: block; left: 50%; position: absolute; top: -9px; } .description3:not(.centered):after { left: 0; } .description3:after { background: #28441d; content: ""; display: block; height: 1px; position: absolute; top: -7px; width: 30%; } .main_desc { margin: 0 auto 40px; font-size: 24px; font-weight: 300; line-height: 1.5; } .main_desc p { font-size: 24px; font-weight: 300; line-height: 1.5; margin: 0 auto 20px; } .half_desc { width: 75%; margin: 0 auto; } /*------------------------------------------------------------- Buttons -------------------------------------------------------------*/ .hidden_element { color: transparent; color: rgba(0, 0, 0, 0); position: relative; display: block; line-height: 20px; } .send_button { background: #BD1111; border: 1px solid #28441d; color: #fff; padding: 8px 12px; font-size: 14px; display: inline-block; } .send_button:hover { background: #324545; border-color: #324545; color: #fff; } .send_button2 { background: #fff; border: 1px solid #28441d; color: #28441d; font-size: 14px; padding: 9px 12px; } .send_button2:hover { color: #324545; border-color: #324545; } .send_button3 { background: #324545; color: #fff; border: 1px solid #324545; padding: 8px 14px; } .send_button3:hover { background: #28441d; border-color: #28441d; color: #fff; } .send_button4 { background: #88999a; color: #fff; border: 1px solid #88999a; padding: 9px 12px; } .send_button4:hover { background: #576162; border-color: #576162; color: #fff; } .acc_content .send_button3 { display: inline-block; margin: 20px 0 5px; } .arrow_btn { font-size: 13px; color: #444444; margin-top: 10px; display: inline-block; } .arrow_btn i { margin-right: 8px; } .white_section .arrow_btn, .team_block .back .arrow_btn { color: #fff; } .arrow_button { margin-top: 30px; display: block; text-align: center; border: 1px solid #28441d; padding: 8px 0 10px; background: rgba(0, 0, 0, 0.2); } .arrow_button > span { display: inline-block; position: relative; } .arrow_button > span i { position: absolute; top: 2px; } .arrow_button > span i:first-child { left: 0px; opacity: 1; } .arrow_button > span i:last-child { right: 10px; opacity: 0; } .arrow_button > span > span { padding: 0 20px; font-style: italic; } .arrow_button:hover > span i:last-child { right: 0px; opacity: 1; } .arrow_button:hover > span i:first-child { left: 10px; opacity: 0; } .arrow_button:hover > span > span { color: #fff; } /*------------------------------------------------------------- Pgination -------------------------------------------------------------*/ #pagination { margin-top: 60px; } .pagination li { float: left; margin-right: 4px; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled, .pagination li.page_of { background: #fff; border: 1px solid #DDDDDD; color: #444444; display: inline-block; font-size: 13px; line-height: 42px; height: 43px; min-width: 43px; padding: 0 11px; text-align: center; } .pagination li.page_of { margin-right: 4px; } .pagination li.next_pagination > a, .pagination li.prev_pagination > a { color: #aaa; } .pagination li a:hover, .pagination li.active a, .pagination li.next_pagination > a:hover, .pagination li.prev_pagination > a:hover { background: #28441d; border-color: #28441d; color: #fff; } /*------------------------------------------------------------- Select Options -------------------------------------------------------------*/ .orderby_label { display: block; position: relative; width: 250px; font-weight: normal; } .orderby_label:before { background: #fff; content: "\e6e9"; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd; display: block; font-family: idealtheme; font-size: 16px; height: 100%; line-height: 38px; pointer-events: none; position: absolute; right: 1px; text-align: center; top: 0; width: 38px; max-height: 42px; } .orderby_label select { border: 1px solid #ddd; color: #888; min-height: 40px; padding: 9px; width: 100%; background: #fff; } /*------------------------------------------------------------- Social Share -------------------------------------------------------------*/ #share_on_socials a { background: #fff; border: 1px solid #E1E1E1; color: #aaa; display: inline-block; height: 40px; line-height: 40px; margin: 0 6px 6px 0; text-align: center; width: 40px; } #share_on_socials a:last-child { margin-right: 0; } #share_on_socials a.facebook { color: #516ca4; } #share_on_socials a.twitter { color: #00baff; } #share_on_socials a.googleplus { color: #ed523d; } #share_on_socials a.pinterest { color: #ee1d19; } #share_on_socials a.linkedin { color: #1985bc; } #share_on_socials a.email { color: #16a9a9; } #share_on_socials a.stumbleupon { color: #ec4823; } #share_on_socials a.digg { color: #1b5891; } #share_on_socials a.reddit { color: #fc4403; } #share_on_socials a.evernote { color: #79d626; } #share_on_socials a.delicious { color: #3399fe; } #share_on_socials a.tumblr { color: #395875; } #share_on_socials a.dribbble { color: #ed659a; } #share_on_socials a.github { color: #4183c4; } #share_on_socials a.instagram { color: #406f94; } #share_on_socials a.skype { color: #44bbff; } #share_on_socials a.vimeo { color: #35bbf0; } #share_on_socials a.youtube { color: #f02a06; } #share_on_socials a.rss { color: #ff9d00; } #share_on_socials a.facebook:hover { border-color: #516ca4; } #share_on_socials a.twitter:hover { border-color: #00baff; } #share_on_socials a.googleplus:hover { border-color: #ed523d; } #share_on_socials a.pinterest:hover { border-color: #ee1d19; } #share_on_socials a.linkedin:hover { border-color: #1985bc; } #share_on_socials a.email:hover { border-color: #16a9a9; } #share_on_socials a.stumbleupon:hover { border-color: #ec4823; } #share_on_socials a.digg:hover { border-color: #1b5891; } #share_on_socials a.reddit:hover { border-color: #fc4403; } #share_on_socials a.evernote:hover { border-color: #79d626; } #share_on_socials a.delicious:hover { border-color: #3399fe; } #share_on_socials a.tumblr:hover { border-color: #395875; } #share_on_socials a.dribbble:hover { border-color: #ed659a; } #share_on_socials a.github:hover { border-color: #4183c4; } #share_on_socials a.instagram:hover { border-color: #406f94; } #share_on_socials a.skype:hover { border-color: #44bbff; } #share_on_socials a.vimeo:hover { border-color: #35bbf0; } #share_on_socials a.youtube:hover { border-color: #f02a06; } #share_on_socials a.rss:hover { border-color: #ff9d00; } .social_share_btn { background: #fff; border: 1px solid #e1e1e1; display: inline-block; font-size: 13px; line-height: 40px; min-height: 40px; margin-right: 15px; padding: 0 18px; position: relative; } .social_share_btn:after, .social_share_btn:before { content: ""; height: 11px; position: absolute; top: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 11px; } .social_share_btn:after { background: #fff; right: -4px; } .social_share_btn:before { background: #ddd; right: -5px; } .social_media a { background: #fff; border: 1px solid #ddd; color: #777; display: inline-block; width: 37px; height: 37px; line-height: 37px; text-align: center; margin: 0 7px 7px 0; font-size: 14px; } .social_media a:last-child { margin-right: 0; } .social_media a:hover { color: #28441d; border-color: #28441d; } /*------------------------------------------------------------- Page Title -------------------------------------------------------------*/ .page_title { position: relative; z-index: 1; } .page_title:not(.has_bg_image) { background: #CC3333 !important; } .page_title.has_bg_image { padding: 50px 0; } .page_title.has_bg_image.member_header { padding: 150px 0 145px; } .page_title.has_bg_image::after { background: rgba(255, 255, 255, 0.1); content: ""; display: block; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .page_title.has_bg_image h1 { letter-spacing: 1px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); text-transform: uppercase; font-size: 35px; font-weight: 550; } .page_title h1 { color: #fff; float: left; clear: both; font-size: 30px; font-weight: 300; margin: 0; padding: 36px 0; text-transform: capitalize; } .page_title .breadcrumbs { float: left; line-height: 40px; margin: -15px 0 30px; font-size: 12px; color: #fff; } .page_title .breadcrumbs a { color: #fff; } .page_title .breadcrumbs a:hover { color: #444444; } .page_title .breadcrumbs .crumbs-spacer { color: #ccc; margin: 0 4px; vertical-align: middle; } .white_section.page_title h1, .white_section.page_title .breadcrumbs, .white_section.page_title .breadcrumbs a, .white_section.page_title .breadcrumbs a:hover { color: #fff; } blockquote { padding: 20px 0; position: relative; margin: 30px 0; font-size: 17.5px; line-height: 32px; } blockquote.font_kalam { font-size: 2.5em; line-height: 50px; margin: 0 auto; text-align: center; padding: 0; } blockquote footer { font-size: 20px; } blockquote p { line-height: inherit; } blockquote > i { color: #28441d; font-size: 32px; position: absolute; top: 28px; } blockquote .quote_text { color: #888; display: block; font-style: italic; font-weight: 300; padding-left: 45px; } .white_section blockquote { color: rgba(0, 0, 0, 0.7); } /*------------------------------------------------------------- Small Title -------------------------------------------------------------*/ .small_title { margin-bottom: 20px; margin-top: 20px; position: relative; } .small_title:after { background: #eee; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; } .small_title .small_title_con { background: #fff; display: inline-block; padding-right: 15px; position: relative; z-index: 1; } .small_title.align_right .small_title_con { padding-left: 15px; padding-right: 0; direction: rtl; } .small_title.align_right .s_icon { direction: ltr; } .small_title.align_right .s_icon { margin-left: 10px; margin-right: 0; } .small_title .small_title_con .s_text { color: #999; font-size: 13px; text-transform: uppercase; } .small_title .s_icon { color: #b5b5b5; display: inline-block; font-size: 15px; height: 40px; line-height: 40px; text-align: left; margin-right: 7px; } .internal_post_con .small_title .small_title_con .s_text { color: #555555; } .centered .small_title_con { padding-left: 15px; } .bg_gray .small_title .small_title_con { background: #f9fafc; } .page_title + .bg_gray { border-top: medium none; } /*------------------------------------------------------------- Magnific Lightbox -------------------------------------------------------------*/ .magnific-popup { display: inline-block; position: relative; overflow: hidden; } .ajax_content_container { background: #fff; margin: 0 auto; width: 50%; } .hm_script_loaded .ajax_content_container { opacity: 0; } .small-dialog h2 { font-weight: 400; font-size: 2em; padding: 0 0 17px; margin: 0; } .boxedcontainer { max-width: 1170px; margin: auto; padding: 0px 30px; } /*------------------------------------------------------------- 404 Page -------------------------------------------------------------*/ .page404 { color: #28441d; font-size: 300px; text-align: center; position: relative; } /*------------------------------------------------------------- Login Page -------------------------------------------------------------*/ .lfc_user_row { position: relative; } .lfc_user_row:not(:last-of-type) { margin-bottom: 20px; } .lfc_user_row input[type="text"], .lfc_user_row input[type="password"] { color: #888; font-weight: 500; padding-left: 40px; width: 100%; } .lfc_user_row input.input_no_icon { padding-left: 13px; } .login_form_colored { background: #fff; border: 1px solid #e1e1e1; padding: 20px; position: relative; } .login_form_colored input[type="checkbox"] { display: inline-block; margin: 3px 5px 4px 0; } .login_form_colored .remember-box { display: inline-block; font-size: 13px; line-height: 20px; padding: 10px 0; } .login_form_colored label { display: block; text-align: left; } i.lfc_icon { bottom: 1px; display: block; font-size: 14px; height: 100%; color: #28441d; left: 1px; line-height: 39px; position: absolute; text-align: center; top: 1px; width: 40px; } .lfc_forget_pass { background: #F9F9F9; border-top: 1px solid #e1e1e1; color: #888; display: block; font-size: 13px; margin: 20px -20px -20px; padding: 15px 20px; text-align: left; } .lfc_forget_pass:hover { color: #555555; } .lfc_header { background: #F9F9F9; border-bottom: 1px solid #e1e1e1; color: #555555; display: block; margin: -20px -20px 0; padding: 15px 20px; text-transform: uppercase; } .login_flip { position: absolute; width: 100%; } .flip_top { z-index: 3; } /*------------------------------------------------------------- Lists -------------------------------------------------------------*/ ul.list1 { padding: 20px 0; } ul.list1 li { float: left; margin-bottom: 20px; padding: 0 27px; position: relative; width: 50%; } ul.list1 li:after { background: #28441d; height: 18px; position: absolute; width: 18px; content: "\f105"; color: #fff; text-align: center; font-size: 11px; line-height: 18px; left: 0; top: 1px; text-indent: 1px; } ul.list1.black li:after { background: rgba(0, 0, 0, 0.5); } ul.list1.red li:after { background: #e74c3c; } ul.list1.list3cols li { width: 33.3333%; } ul.list1.listfullcols li { width: 100%; float: none; } .list2 { list-style-type: none; margin-top: 20px; } .list2 li { list-style-type: none; } .list2 li i { color: #28441d; display: inline-block; font-size: 24px; margin-bottom: 5px; margin-right: 7px; vertical-align: top; } .list3 > li { list-style: none; position: relative; padding: 0 0 0 27px; margin-bottom: 10px; } .list3 > li .arrow { background: #e74c3c; color: #fff; display: inline-block; font-size: 9px; height: 18px; line-height: 19px; margin: 0 10px 10px 0px; text-align: center; text-indent: 1px; width: 18px; } .list3 li:after { background: #e74c3c; color: #fff; content: "\e095"; font-size: 9px; height: 18px; left: 0; line-height: 18px; position: absolute; text-align: center; text-indent: 1px; top: 3px; width: 18px; } .list4 > li { list-style: outside none none; margin-bottom: 15px; } .list4 > li > i { color: #28441d; font-size: 18px; margin-right: 8px; } .list4 > li > b { color: #666; margin-right: 10px; text-transform: uppercase; } /*------------------------------------------------------------- Top Bar -------------------------------------------------------------*/ .topbar { background: #101215; position: relative; z-index: 1001; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .top-socials { text-align: right; } .top_expande { background: #fff; border-top: 1px solid #e4e4e4; display: none; height: 20px; width: 100%; cursor: pointer; color: #28441d; position: relative; font-size: 16px; } .top_expande.not_expanded { background: #F9F9F9; } .top_expande i { left: 50%; margin-left: -4px; position: absolute; top: 1px; } .top_expande.not_expanded i.no_exp, .top_expande:not(.not_expanded) i.exp { opacity: 1; } .top_expande.not_expanded i.exp, .top_expande i.no_exp { opacity: 0; } .topbar.white_topbar { background: #fff; } .topbar.large_topbar { padding: 25px 0; } .topbar .top_login > i { font-size: 13px; } .topbar #logo > a { max-height: 60px; display: inline-block; vertical-align: top; } .topbar #logo > a img { display: block; max-width: 100%; position: relative; vertical-align: top; max-height: 60px; } .top_details .title, .top_details .title a, .top_details > span > a, .top_details > span, .top_details > div, .top_details > div > a { color: #777777; } .top_details > span > a { text-transform: uppercase; } .top_details > span .icon.ico-key8 { font-size: 13px; } .top_details > span, .top_details > div { display: inline-block; margin-right: 40px; padding: 12px 0; font-size: 11px; } .top_details .title { margin: 0 5px 0 0px; text-transform: uppercase; } .top_details > span .icon { margin-right: 8px; } .top_details .top_login_title { margin-right: 0; } .top-socials > a { color: #808c8c; display: inline-block; font-size: 14px; line-height: 34px; margin-top: 4px; outline: medium none; position: relative; text-align: center; text-decoration: none; width: 32px; z-index: 1; } .top-socials > a:hover { color: #fff; z-index: 10; } .top-socials > a > span.soc_name { opacity: 0; background: #070809; display: block; font-size: 12px; height: 32px; left: 14px; line-height: 31px; color: #808c8c; position: absolute; top: 0; z-index: 0; font-style: italic; } .top-socials > a > span.soc_icon_bg { background: #000000; display: block; content: ""; width: 32px; height: 32px; line-height: 32px; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; } .top-socials > a > i { position: relative; z-index: 1; } .top-socials > a:hover > span.soc_name { width: auto; padding-left: 28px; opacity: 1; } .top-socials > a:hover > span.soc_icon_bg { top: 0px; left: 0px; opacity: 1; } .top-socials > a:last-child > span.soc_name { right: 11px; left: auto; } .top-socials > a:last-child:hover > span.soc_name { padding-left: 12px; padding-right: 28px; } .top-socials a:last-child span.soc_name:before { display: none; } .top-socials span.soc_name:after, .top-socials span.soc_name:before { background: #070809; content: ""; display: block; height: 32px; position: absolute; top: 0; width: 32px; z-index: -1; } .top-socials span.soc_name:after { right: -12px; } .top-socials span.soc_name:before { left: -14px; } .zoom-anim-dialog.login_popup { background: none; padding: 0; } /*------------------------------------------------------------- Light Header - Top Bar -------------------------------------------------------------*/ .light_header .topbar { background: #f9f9f9; border-bottom: 1px solid #e4e4e4; } .light_header .top-socials > a > span.soc_icon_bg { background: #CC3333; } .light_header .top-socials span.soc_name:after, .light_header .top-socials span.soc_name:before, .light_header .top-socials > a > span.soc_name { background: #fff; color: #CC3333; } .topbar.topbar_colored { background: #28441d; border-bottom: none; } .topbar_colored .top_details .title, .topbar_colored .top_details .title a, .topbar_colored .top_details > span > a, .topbar_colored .top_details > span, .topbar_colored .top_details > div > a, .topbar_colored .top_details > div { color: #fff; } .topbar_colored .top-socials > a { color: #fff; } .topbar_colored .top-socials span.soc_name:after, .topbar_colored .top-socials span.soc_name:before, .topbar_colored .top-socials > a > span.soc_name { background: #00918f; color: #fff; text-shadow: none; } .topbar_colored .top-socials > a > span.soc_icon_bg { background: rgba(0, 0, 0, 0.15); } /*------------------------------------------------------------- Light Header ( Language Select ) -------------------------------------------------------------*/ .light_header .languages-select .languages-panel-con { background: #28441d; } .light_header .languages-select li a, .light_header .languages-select .languages-panel-con .lang_checked { color: #fff; } .topbar_colored .languages-select .languages-panel-con { background: #00918f; } /*------------------------------------------------------------- Top Bar ( languages select ) -------------------------------------------------------------*/ .languages-select { margin-right: 40px; position: relative; z-index: 1; } .languages-select > span { cursor: pointer; text-transform: uppercase; } .languages-select > span i { display: inline-block; font-size: 13px; margin: 1px 8px 0 0; vertical-align: top; } .languages-select .languages-panel { left: 0; margin: 7px 0 0; min-width: 135px; opacity: 0; padding-top: 5px; pointer-events: none; position: absolute; display: block; } .languages-select .lang_checked { color: #28441d; float: right; margin-top: 3px; } .languages-select .languages-panel-con { margin: 0px 0px 0px 0px; position: relative; } .languages-select:hover .languages-panel { opacity: 1; pointer-events: auto; } .languages-select li a { color: #444444; display: block; font-size: 13px; font-style: italic; padding: 5px 12px 7px; } .languages-select li.active a, .languages-select li a:hover { background: rgba(0, 0, 0, 0.1); } /*------------------------------------------------------------- Navigation -------------------------------------------------------------*/ #navigation_bar { background: #1a2023; position: relative; z-index: 1000; -webkit-transform: translateZ(0); } #navy { font-size: 12px; text-transform: uppercase; } #navy li { float: left; position: relative; } #navy ul { z-index: 1; background: #fff; border: 1px solid #E4E4E4; left: 0; position: absolute; width: 220px; } #navy ul li { width: 100%; } #navy ul li a { position: relative; /* color: #555555; */ display: block; font-weight: 500; line-height: 40px; padding: 0 15px; border-bottom: 1px solid #CC3333; } #navy ul li .parent_arrow { position: absolute; right: 11px; top: 16px; } #navy ul li .mega_arrow { background-image: url("images/m_d_arrow.png"); height: 9px; position: absolute; right: 20px; width: 9px; } #navy ul li .normal_menu_arrow { background-image: url("images/m_s_arrow.png"); height: 9px; position: absolute; width: 5px; } #navy ul li.tab_menu_item.active .mega_arrow { background-image: url("images/m_d_arrow_white.png"); } #navy ul li.normal_menu a:after { left: -1px; } #navy ul li ul { left: 100%; top: 0; } #navy ul li.normal_menu ul { top: -1px; } #navy ul li:not(.image_menu_slide) a:after { background: #CC3333; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 1px; } #navy > li:hover a:after, #navy > li.current_page_item > a:after { width: 100%; } #navy > li > a { position: relative; color: #fff; display: block; } #navy > li > a:after { content: ""; display: block; position: absolute; top: 0; background: #28441d; height: 1px; width: 0; } #navy > li > a > span { padding: 28px 20px; display: block; font-weight: 600; } #navy > li > a > span.parent_arrow.normal_menu_arrow { display: none; } #navy ul li a:hover { //background: rgba(0, 0, 0, 0.02); } #navy ul li a:hover, #navy ul li a:hover > .parent_arrow, #navy ul li a:hover i.menu_icon { color: #CC3333; } #navy ul li a:hover:after { opacity: 1; } #navy ul li a i.menu_icon { font-size: 14px; margin-right: 10px; color: #aaa; } #navy ul li:last-child > a, #navy ul.mega_menu li > a { border-bottom: none; } #navy li.normal_menu ul:after, #navy li.has_mega_menu > ul:after { background: #CC3333; content: ""; display: block; height: 1px; left: -1px; min-width: 100%; position: absolute; top: -1px; width: 220px; } #navy .tab_menu { border-top-width: 0px; } #navy .tab_menu_item.active > a:hover i { color: #fff; } #navy ul.mega_menu li:not(.go-back) > a:before, #navy .img_menu_i > a span:before { background-image: url("images/m_s_arrow.png"); content: ""; display: block; height: 9px; position: absolute; width: 5px; } #nav_menu:not(.mobile_menu) #navy > li.current_page_item > a:not(.nav_trigger) > span, #nav_menu:not(.mobile_menu) #navy > li:hover > a:not(.nav_trigger) > span { background: rgba(255, 255, 255, 0.02); } #navy ul.mega_menu li.has-children > a:hover > .mega_toltip, #navy .tab_menu_item:not(.active) > a:hover > .mega_toltip { opacity: 1; right: 40px; } /* my hover #navy > li.current_page_item > a:not(.nav_trigger), #navy > li:hover > a:not(.nav_trigger), #navy > li.current > a, .light_header #navy > li.current > a { color: #28441d; } */ .light_header:not(.dark_sup_menu) #nav_menu:not(.mobile_menu) .tab_menu, .light_header:not(.dark_sup_menu) #nav_menu:not(.mobile_menu) #navy > li > .mega_menu { border-top: 1px solid #E4E4E4; } #navy .has_mega_menu ul.mega_menu, #navy ul.image_menu, #navy ul.tab_menu, #navy li.normal_menu ul { display: none; } #navy li.has_mega_menu, #navy li.has_tab_menu, #navy li.has_image_menu { position: inherit; } #top_cart + .top_search { right: 68px; } #top_cart + .top_search.large_top_search { padding-left: 83px; } #site_header + div, #site_header + section { clear: both; } .one_page_site #main_nav:not(.has_mobile_menu) { float: right; } .sticky_menu #navigation_bar { width: 100%; left: 0; right: 0; } .light_header #navigation_bar { background: #fff; /* border-bottom: 1px solid #E4E4E4; */ } /*------------------------------------------------------------- Mobile Menu Trigger -------------------------------------------------------------*/ .mobile_menu_trigger { display: none; } .nav_trigger { border: 1px solid rgba(255, 255, 255, 0.1); display: block; height: 38px; position: absolute; right: 0px; width: 38px; z-index: 3; font-size: 0; top: -18px; } .nav_trigger span, .nav_trigger span:before, .nav_trigger span:after { position: absolute; display: inline-block; height: 1px; width: 17px; background: #ccc; } .nav_trigger span { position: absolute; top: 19px; right: 10px; margin-top: -1px; padding: 0; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } .nav_trigger span:before, .nav_trigger span:after { content: ''; right: 0; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .nav_trigger span:before { top: -6px; } .nav_trigger span:after { top: 6px; } .nav_trigger.nav-is-visible span { background: rgba(46, 50, 51, 0); } .nav_trigger.nav-is-visible span:before { -webkit-transform: translateX(3px) translateY(0px) rotate(45deg); -moz-transform: translateX(3px) translateY(0px) rotate(45deg); -ms-transform: translateX(3px) translateY(0px) rotate(45deg); -o-transform: translateX(3px) translateY(0px) rotate(45deg); transform: translateX(3px) translateY(0px) rotate(45deg); } .nav_trigger.nav-is-visible span:after { -webkit-transform: translateX(3px) translateY(0px) rotate(-45deg); -moz-transform: translateX(3px) translateY(0px) rotate(-45deg); -ms-transform: translateX(3px) translateY(0px) rotate(-45deg); -o-transform: translateX(3px) translateY(0px) rotate(-45deg); transform: translateX(3px) translateY(0px) rotate(-45deg); } #top_cart + #main_nav .nav_trigger, .top_search + #main_nav .nav_trigger { right: 53px; } #top_cart + .top_search + #main_nav .nav_trigger { right: 122px; } .one_page_site .nav_trigger { right: 0; } /*------------------------------------------------------------- Mega Menu -------------------------------------------------------------*/ .mega_toltip { background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 10px; letter-spacing: 1px; line-height: 13px; padding: 4px 6px; position: absolute; right: 30px; opacity: 0; } #navy ul.mega_menu { border-top: medium none; left: 15px; max-width: 1140px; overflow: hidden; position: absolute; } #navy ul.mega_menu li { position: static; } #navy ul.mega_menu > li:last-child > a { margin-bottom: 0; } #navy ul.mega_menu > li a { padding: 0 30px 0px 38px; } #navy ul.mega_menu > li > a { color: #28441d; } #navy ul.mega_menu > li ul { border: none; box-shadow: none; left: auto; position: relative; top: auto; width: auto; } #navy ul.mega_menu > li { height: 100%; overflow: hidden; clear: none; float: left; width: 25%; position: relative; border-right: 1px solid #E4E4E4; padding: 15px 0; } #navy ul.mega_menu > li:last-child { border-right: none; } #navy ul.mega_menu > li > ul:after { background: none; } #navy ul.mega_menu li.go-back > a { color: #aaa; } #navy ul.mega_menu li.go-back > a:before { background-image: url("images/d_m_d_arrow_back.png"); background-repeat: no-repeat; content: ""; display: block; height: 9px; position: absolute; width: 9px; left: 19px; } #navy ul.mega_menu li a:before { left: 22px; top: 15px; } #navy ul.mega_menu .moves-out > li > a { transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } #navy ul.mega_menu ul ul { border: medium none; box-shadow: none; height: auto; left: 1px; position: absolute; top: 0; width: 100%; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } #navy ul.mega_menu ul ul.is-hidden { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } /*------------------------------------------------------------- Tabs Menu -------------------------------------------------------------*/ #navy .tab_menu { left: 15px; max-width: 1140px; width: 100%; } #navy .tab_menu .tab_menu_con { clear: both; float: left; width: 100%; height: 100%; } #navy .tab_menu .tab_menu_list { border-right: 1px solid #eee; border-bottom: none; border-top: none; border-left: none; box-shadow: none; left: 0; position: static; width: 25%; padding: 15px 0 30px; height: 100%; } #navy .tab_menu .tab_menu_item { clear: left; float: none; position: static; width: 100%; } #navy .tab_menu .tab_menu_item > a { padding: 0 22px; } #navy .tab_menu .tab_menu_item > a .parent_arrow { right: 20px; } #navy .tab_menu .tab_menu_item > a:hover { color: #28441d; } #navy .tab_menu .tab_menu_item.active > a { background: #28441d; color: #fff; } #navy .tab_menu .tab_menu_item.active > a i { color: #fff; } #navy .tab_menu .tab_menu_item:not(.active) > a:hover i { color: #28441d; } #navy .tab_menu .tab_menu_item.active > ul { display: block; } #navy .tab_menu .tab_menu_item > ul { display: none; } #navy .tab_menu .tab_menu_list > li > ul { background: none; border: none; box-shadow: none; left: 25%; position: absolute; width: 75%; } #navy .tab_menu .tab_menu_list > li > ul > li > ul li { clear: both; float: none; } #navy .tab_menu .tab_menu_list > li > ul.html_content_menu > li { padding: 15px 20px; width: 100%; } #navy .tab_menu .tab_menu_list > li > ul > li > ul { height: auto; left: 0; position: relative; top: 100%; background: none; border: none; box-shadow: none; top: 0; } #nav_menu:not(.mobile_menu) .tab_menu_list > li > ul > li:not(.image_menu_slide) { clear: none; float: left; padding: 15px 0; width: 33.3333%; } /*------------------------------------------------------------- Images Slider Menu -------------------------------------------------------------*/ #navy .image_menu { left: 0; width: 100%; overflow: hidden; } #navy .image_menu .owl-next { right: -27px; border-left-width: 0; } #navy .image_menu .owl-next:after { box-shadow: 0 0 9px #ccc; content: ""; display: block; height: 100%; left: -20px; position: absolute; top: 0; width: 20px; } #navy .image_menu .owl-prev { left: -27px; border-right-width: 0; } #navy .image_menu .owl-prev:after { box-shadow: 0 0 9px #ccc; content: ""; display: block; height: 100%; right: -20px; position: absolute; top: 0; width: 20px; } #navy .image_menu .owl-prev, #navy .image_menu .owl-next { background: #fff; text-align: center; border: 1px solid #eee; -moz-box-shadow: 0 8px 20px 4px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 8px 20px 4px rgba(0, 0, 0, 0.07); box-shadow: 0 8px 20px 4px rgba(0, 0, 0, 0.07); color: #28441d; font-size: 17px; height: 145px; line-height: 145px; overflow: hidden; position: absolute; top: 20px; width: 27px; display: none; } #navy .image_menu .has_sub_img .owl-prev, #navy .image_menu .has_sub_img .owl-next { display: block; font-size: 13px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } #navy .image_menu .owl-pagination { display: none; } #navy .image_menu .owl-wrapper-outer { z-index: 1; } #navy .image_menu .image_menu_slide > .owl-wrapper-outer:after { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 20px; } #navy .image_menu .has_sub_img .owl-controls:before { border: 4px solid rgba(0, 0, 0, 0.4); content: ""; display: block; height: 48px; left: -4px; position: absolute; top: -4px; width: 48px; } #navy .image_menu .owl-buttons:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; } #navy .image_menu .owl-carousel:after { background: #fff; content: ""; display: block; height: 100%; right: 0; position: absolute; top: 0; width: 20px; z-index: 1; } #navy .image_menu .img_menu_i { padding: 20px 10px 5px; } #navy .image_menu .img_menu_i:last-child { border-right: none; } #navy .image_menu .img_menu_i > a { border-bottom: none; padding: 0; } #navy .image_menu .img_menu_i > a.menu_imgs { background: rgba(0, 0, 0, 0.4); color: #fff; display: block; padding: 0 10px; position: absolute; text-align: center; width: 100%; z-index: 1; font-weight: 500; } #navy .image_menu .img_menu_i > a.menu_imgs:hover { color: #aaa; } #navy .image_menu .img_menu_i > a span { display: block; padding: 2px 0 0 15px; position: relative; } #navy .image_menu .img_menu_i > a span:before { left: 0px; top: 17px; } #navy .image_menu .img_menu_i a:after { background: none !important; } #navy .tab_menu_item .image_menu .owl-prev { height: 50px; left: auto; right: -27px; line-height: 50px; top: 80px; border-right-width: 1px; border-left-width: 0px; } #navy .tab_menu_item .image_menu .owl-prev:after { left: -20px; right: auto; } #navy .tab_menu_item .image_menu .owl-next { height: 50px; line-height: 50px; } #navy .tab_menu_item .image_menu .has_sub_img .owl-prev { line-height: 40px; top: auto; left: 0; } #navy .tab_menu_item .image_menu .has_sub_img .owl-next { line-height: 40px; top: auto; } /*------------------------------------------------------------- Sub Images Slider Menu -------------------------------------------------------------*/ #navy .has_sub_img .owl-controls { background: rgba(29, 205, 202, 0.8); height: 40px; left: 50%; position: absolute; top: 46%; width: 40px; z-index: 2; } #navy .has_sub_img .owl-prev, #navy .has_sub_img .owl-next { color: #fff; font-size: 10px; height: 40px; line-height: 40px; position: absolute; width: 20px; border: none; top: auto; background: none; } #navy .has_sub_img .owl-prev:hover, #navy .has_sub_img .owl-next:hover { opacity: .5; } #navy .has_sub_img .owl-next { right: 0; } #navy .has_sub_img .owl-prev { left: 0; } #navy .has_sub_img .owl-next:after, #navy .has_sub_img .owl-prev:after { display: none; } #navy .has_sub_img .owl-next i { margin-right: 8px; } #navy .has_sub_img .owl-prev i { margin-left: 8px; } #navy .has_sub_img .owl-item { border-right: none; } #navy .has_sub_img .img_menu_i { padding: 0px; } #navy .owl-item { border: none; } /*------------------------------------------------------------- Light Header ( Navigation ) -------------------------------------------------------------*/ .light_header #navy > li > a:after { display: none; } .light_header #navy > li > a { color: #324545; } .light_header #navy > li.current_page_item > a:not(.nav_trigger) > span:not(.normal_menu_arrow), .light_header #navy > li:hover > a:not(.nav_trigger) > span:not(.normal_menu_arrow) { background: none; } .light_header .top_search_con { background: #fff !important; border-color: #E4E4E4 !important; } .light_header .top_search_con input[type="text"]:focus { color: #808c8c !important; } .light_header .top_add_card, .nav_trigger { border-color: #ddd; } .light_header .top_add_card > span { background: #fff; border: 1px solid #e2e2e2; color: #777; line-height: 15px; } .light_header .top_add_card:hover, .light_header .active .top_add_card, .light_header .active .top_add_card > span { color: #28441d; } /*------------------------------------------------------------- Navigation ( Dark Menu ) -------------------------------------------------------------*/ .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul { background: #13181A; border: none; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .owl-carousel:after, .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .image_menu_slide > .owl-wrapper-outer:after { background: #13181A; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .has_sub_img.owl-carousel:after { background: none; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .mega_menu li.go-back > a { background: rgba(0, 0, 0, 0.15); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy li.normal_menu ul:after, .dark_sup_menu #nav_menu:not(.mobile_menu) #navy li.has_mega_menu > ul:after { left: 0; top: 0; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li.normal_menu ul:after { left: -1px; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li a:after { background: none; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li:not(.image_menu_slide) a { border-bottom: 1px solid rgba(255, 255, 255, 0.03); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li:not(.image_menu_slide) a { color: #ccc; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .tab_menu_list { background: rgba(0, 0, 0, 0.2); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul.mega_menu > li > a { color: #fff; font-weight: bold; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li:not(.tab_menu_item):hover > a { background: rgba(0, 0, 0, 0.2); color: #fff; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul.mega_menu > li:hover > a { background: none; color: #28441d; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .img_menu_i > a { color: #ccc; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .mega_menu > li { border-right-color: rgba(255, 255, 255, 0.03); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul.mega_menu > li a { border-bottom: 1px solid rgba(255, 255, 255, 0); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li.normal_menu ul { border-left: 1px solid rgba(255, 255, 255, 0.03); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li a:hover, .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li a:hover > .parent_arrow, .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li:not(.tab_menu_item) > a:hover i.menu_icon { color: #CACACA; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy li.tab_menu_item.active > a, .dark_sup_menu #nav_menu:not(.mobile_menu) #navy li.tab_menu_item:hover > a { color: #fff; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li.normal_menu ul { top: 0; } .dark_sup_menu .menu_special_color { color: #28441d; } /*------------------------------------------------------------- Navigation ( Add To Cart ) -------------------------------------------------------------*/ .top_cart { position: absolute; right: 0; top: 37px; } .active .top_add_card { color: #fff; } .active .top_add_card > span { background: #fff; color: #777; text-shadow: none; } .top_add_card { border: 1px solid rgba(255, 255, 255, 0.07); color: #818b8d; display: block; font-size: 13px; height: 38px; line-height: 41px; position: absolute; right: 15px; text-align: center; text-indent: -2px; width: 38px; z-index: 6; } .top_add_card:hover { opacity: 0.9; color: #fff; } .top_add_card > span { background: #fff; color: #111; display: block; font-size: 9px; height: 18px; line-height: 17px; position: absolute; top: -12px; width: 18px; } .top_cart_con { display: none; background: #fff; border: 1px solid #ddd; max-width: 100%; min-width: 280px; position: absolute; right: 0; top: 37px; } .top_cart_header { background: #f8f8f8; border-bottom: 1px solid #e0e6ef; padding: 16px 20px; } .top_cart_header h3 { color: #233039; font-size: 13px; text-transform: uppercase; margin: 0; } .top_cart_block { padding: 20px; } .top_cart_footer { border-top: 1px solid #e0e6ef; padding: 16px 20px; background: #f8f8f8; } .top_cart_list img { border: 1px solid #e0e6ef; position: absolute; padding: 3px; top: 2px; } .top_cart_list > li { margin-bottom: 20px; min-height: 53px; position: relative; } .top_cart_list > li > a:hover .top_cart_title { color: #28441d; } .top_cart_list > li:last-child { margin-bottom: 0px; } .top_cart_list > li:after { clear: both; content: ""; display: block; } .top_cart_title { color: #233039; display: block; margin-bottom: 10px; } .top_cart_price { color: #a5aebc; } .cart_top_details { display: block; font-size: 13px; padding-left: 71px; } .top_cart_quantity { color: #a5aebc; margin-left: 10px; position: absolute; white-space: nowrap; right: -5px; top: 0; } .left.top_cart_total { color: #28441d; font-size: 16px; line-height: 36px; } .top_cart_btn { background: #28441d; border: none; color: #fff; padding: 8px 10px; } .top_cart_btn:hover { opacity: 0.9; } .top_catt_remove { background: #fff; border: 1px solid #dddddd; display: block; height: 20px; left: -30px; position: absolute; top: 0px; width: 20px; cursor: pointer; } .top_catt_remove:after, .top_catt_remove:before { background: #c9cbc4; content: ""; display: block; height: 2px; left: -1px; position: absolute; top: 8px; width: 10px; } .top_catt_remove:before { transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -webkit-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); } .top_catt_remove:after { transform: translateX(5px) rotate(45deg); -moz-transform: translateX(5px) rotate(45deg); -webkit-transform: translateX(5px) rotate(45deg); -ms-transform: translateX(5px) rotate(45deg); -o-transform: translateX(5px) rotate(45deg); } .top_catt_remove:hover { border-color: #28441d; transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .top_catt_remove:hover:after, .top_catt_remove:hover:before { background: #28441d; } /*------------------------------------------------------------- Navigation ( Search Bar ) -------------------------------------------------------------*/ .top_search { top: 37px; position: absolute; right: 15px; width: 200px; } .top_search.large_top_search { width: 100% !important; z-index: 5; padding-left: 30px; } .top_search.small_top_search { width: 38px; z-index: 5; } .top_search.small_top_search .top_search_icon { color: #818b8d; } .top_search .top_search_con { background: #1a2023; border: 1px solid rgba(255, 255, 255, 0.07); float: right; height: 38px; position: relative; width: 100%; } .top_search .top_search_con input[type="text"] { background: none !important; border: medium none; height: 100%; width: 100%; padding: 1px 20px 0 40px; color: #818B8D; font-size: 12px; } .top_search .top_search_con input[type="text"]:focus { color: #eee; } .top_search .top_search_submit { border: medium none; padding: 0; position: absolute; width: 20px; left: 12px; opacity: 0; top: 9px; } .top_search .top_search_icon { color: #28441d; font-size: 15px; left: 11px; position: absolute; top: 8px; } /* ---------------------------------------------------------------- Contact Us -----------------------------------------------------------------*/ .contact_details_row { margin-bottom: 40px; min-height: 75px; position: relative; } .contact_details_row .icon { top: 5px; color: #fff; display: block; font-size: 24px; height: 70px; position: absolute; width: 70px; background: #576162; text-align: center; line-height: 70px; } .contact_details_row .c_con { position: relative; padding-left: 90px; } .contact_details_row:last-child { margin-bottom: 0; } .c_con .c_title { display: block; font-size: 16px; color: #28441d; margin-bottom: 8px; text-transform: uppercase; } .c_detail { line-height: 28px; display: block; } .c_detail .c_name { display: inline-block; color: #324545; margin-right: 10px; text-transform: capitalize; } .c_detail .c_desc { color: #9ea3a3; } .c_detail.inline_block { display: inline-block; margin-right: 30px; } .hm_contact_form { position: relative; } .label_space { display: block; margin-bottom: 10px; } .form_row { margin-top: 27px; } .form_row label:not(.orderby_label) { float: left; display: block; width: 20%; color: #999; line-height: 39px; } .form_row .orderby_label { float: left; width: 80%; } .form_row > span { display: inline-block; } .form_row label.error { color: #e74c3c; margin-bottom: 0; width: 80%; float: right; font-size: 13px; } .form_row .hm_input_text { color: #324545; width: 80%; font-weight: 600; } .form_row .hm_textarea { color: #324545; width: 80%; min-height: 200px; } .form_row #form-messages { margin-left: 20%; } .form_row input[type="radio"]:first-of-type, .form_row input[type="checkbox"]:first-of-type { margin-left: 0; } .form_row input[type="radio"], .form_row input[type="checkbox"] { display: inline-block; margin: 3px 5px 4px 15px; } .full_contact_form .form_row label { float: none; width: 100%; } .full_contact_form #form-messages { margin-left: 0; } .bg_gray .form_row label { color: #888; } .full_contact_form .form_row .hm_input_text, .full_contact_form .form_row .hm_textarea, .full_contact_form .form_row select, .form_row input[type="file"] { width: 100%; } .full_contact_form .form_row button, .full_contact_form .form_row input[type="submit"] { margin-left: 0; max-width: 100%; } .hm_requires_star { color: #e74c3c; } .my_col_half label.error, .full_contact_form label.error { float: none; } .form_row:first-child { margin-top: 0; } #form-messages.send_success { border: 2px solid #44a244; color: #555; padding: 14px 20px 15px; } .form_row button, .form_row input[type="submit"] { max-width: 80%; margin-left: 20%; } .full_button { width: 100%; } .form_loader { background: url("images/camera-loader.gif") no-repeat center center rgba(255, 255, 255, 0.6); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ #footer { position: relative; width: 100%; background: #191E21; overflow: hidden; color: #989898; font-size: 13px; } #footer .footer_copyright { padding: 32px 0px; background: rgba(0, 0, 0, 0.25); position: relative; } #footer .footer_copyright.has_social_icons { padding: 21px 0; } #footer .tagcloud { margin-top: -5px; } #footer .tagcloud a { margin: 5px 5px 0px 0; } #footer .tagcloud a .tag { background: rgba(0, 0, 0, 0.5); border-color: rgba(255, 255, 255, 0); color: #989898; font-size: 11px; overflow: hidden; padding: 9px 11px; text-transform: uppercase; position: relative; vertical-align: top; font-weight: 500; } #footer .tagcloud a:hover .tag { color: #fff; border-color: #28441d; } #footer:after { height: 5px; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); content: ""; position: absolute; } #footer::before { content: ""; display: block; left: 0; position: absolute; top: 5px; width: 100%; background: url("images/footer_line.png") repeat scroll 0 0; height: 1px; opacity: .7; } .footer_copyright:after { width: 100%; height: 1px; position: absolute; top: 0; left: 0; content: ""; background: url(images/footer_line.png); opacity: 0.7; } .footer_title { color: #fff; font-size: 15px; line-height: initial; margin-bottom: 30px; text-transform: uppercase; } .footer_desc { display: block; margin: 15px 0 0 0; line-height: 22px; } .black_button { background: rgba(0, 0, 0, 0.3); color: #fff; display: inline-block; font-size: 13px; padding: 10px 15px; margin: 24px 0 0; font-style: italic; } .black_button i { margin-right: 6px; } .footer_row { border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 35px 0 40px; } .footer_row .top-socials { margin-right: -8px; margin-top: 29px; text-align: left; } .footer_row .top-socials > a { background: rgba(0, 0, 0, 0.4); margin-right: 5px; margin-top: 0px; } .footer_row:first-child { border-top: 0; padding-top: 0; } .newsletter_con { overflow: hidden; position: relative; margin-top: 20px; } .newsletter_con > input { width: 100%; font-size: 13px; padding: 8px 50px 8px 12px; } .newsletter_con label.error { color: #e74c3c; font-size: 14px; font-style: italic; font-weight: 300; letter-spacing: 1px; margin-top: 7px; } .newsletter_button { background: #28441d; border: none; color: #fff; font-size: 16px; height: 37px; padding: 0; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); top: 0; width: 40px; border-left: 1px solid rgba(0, 0, 0, 0.07); } .newsletter_button i { left: 11px; position: absolute; top: 11px; } .newsletter_button .subscribe_true, .newsletter_button .refresh_loader { opacity: 0; } #subscribe_output h4 { color: #28441d; font-size: 14px; font-style: italic; margin: 10px 0 0; } .refresh_loader { -moz-animation: sendingSubs .5s infinite linear; -webkit-animation: sendingSubs .5s infinite linear; animation: sendingSubs .5s infinite linear; } @-moz-keyframes sendingSubs { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes sendingSubs { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sendingSubs { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .footer_row:last-child { padding-bottom: 0; } .footer_copyright.has_social_icons .footer_copy_text { line-height: 40px; } .icon_details_list { margin-top: 20px; } .icon_details_list li { margin-bottom: 10px; } .icon_details_list li i { margin-right: 11px; font-size: 16px; vertical-align: top; } .recent_posts_list li { margin-bottom: 29px; } .recent_posts_list li > a .recent_posts_img { float: left; margin: 1px 18px 0 0; display: block; overflow: hidden; position: relative; } .recent_posts_list li > a .recent_posts_img:after { content: ""; display: block; left: 0; top: 0; position: absolute; background: #A31213; width: 100%; height: 100%; opacity: 0; } .recent_posts_list li > a .recent_posts_img:before { content: "\f0c1"; display: block; position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; font-family: "FontAwesome"; text-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); z-index: 1; font-size: 24px; opacity: 0; } .recent_posts_list li > a span { color: #ddd; display: block; font-size: 13px; margin-bottom: 7px; margin-top: -3px; } .recent_posts_list li .recent_post_detail { margin-bottom: 5px; display: block; font-size: 12px; font-style: italic; } .recent_posts_list li .recent_post_detail:last-child { margin-bottom: 0; } .recent_posts_list li:last-child { margin-bottom: 0px; } .recent_posts_list li > a .recent_posts_img:hover:after, .recent_posts_list li > a .recent_posts_img:hover:before { opacity: 1; } .flickr_badge_image { display: block; float: left; width: 33.333%; padding: 0 7px 7px 0px; } .flickr_badge_image a { display: block; position: relative; overflow: hidden; } .flickr_badge_image a:after { content: ""; display: block; left: 0; top: 0; position: absolute; background: #28441d; width: 100%; height: 100%; opacity: 0; } .flickr_badge_image a:before { content: "\e6e5"; display: block; position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; text-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); z-index: 1; font-size: 24px; color: #fff; opacity: 0; } .flickr_widget_block { margin-right: -7px; } .flickr_badge_image:hover a:after, .flickr_badge_image:hover a:before { opacity: 1; } .hm_vid_con { border: 4px solid rgba(0, 0, 0, 0.3); display: block; overflow: hidden; position: relative; } .hm_vid_con .vid_icon { border: 3px solid rgba(255, 255, 255, 0.9); height: 54px; line-height: 54px; position: absolute; text-align: center; width: 54px; color: #fff; font-size: 24px; z-index: 1; } .hm_vid_con .vid_icon i { background: #28441d; width: 100%; height: 100%; position: absolute; left: 0; top: 0; line-height: 47px; text-indent: 5px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .hm_vid_con .vid_icon:hover i, .vid_con .vid_icon:hover i { transform: rotate(120deg); -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); } .hm_vid_con:after { background: #28441d; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: .3; } .hm_vid_con:hover:after { opacity: .7; } .about_author { background: #ecf0f1; position: relative; padding: 10px 5px 15px 15px; margin-top: 36px; } .about_author .social_media a { background: rgba(0, 0, 0, 0); border: none; font-size: 13px; margin: 0 14px 0 0; text-align: left; width: auto; } .about_author .social_media a:last-child { margin-right: 0; } .about_author_link > img { float: left; margin: -25px 15px 0 0; max-width: 100px; } .about_author_link > span { color: #324545; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; display: block; } .about_author_link:hover > span { color: #28441d; } .footer_copy_text { font-size: 13px; } .footer_menu { float: right; } .footer_menu > li { display: inline-block; padding: 0 8px; } .footer_menu > li a { color: #989898; font-size: 12px; } .footer_menu > li a:hover { color: #28441d; } .footer_menu > li:first-child { padding-left: 0px; } .footer_menu > li:last-child { padding-right: 0px; } /* ---------------------------------------------------------------- Sitemap -----------------------------------------------------------------*/ ul.sitemap { margin: 0; padding: 0 0 0 32px; overflow: auto; } ul.sitemap li ul { border-left: 1px solid #ddd; padding: 20px 0 0 50px; margin-left: 20px; position: relative; } ul.sitemap > li > ul { margin-left: 0px; } ul.sitemap ul::after { background: #fff; bottom: -2px; content: ""; height: 20px; left: -1px; position: absolute; width: 1px; } .sitemap i { margin-right: 10px; } .sitemap > li { float: left; margin-right: 70px; } .sitemap > li > a { background: #28441d; border: 1px solid #28441d; color: #fff; display: inline-block; height: 38px; } .sitemap > li > .sitemap_count { background: #555; border-color: #555; color: #fff; height: 38px; left: 0; line-height: 38px; top: 0; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); width: 30px; } .sitemap ul li.has_child_sitmap:last-child::after { background: #fff; content: ""; display: block; height: 100%; left: -51px; position: absolute; top: 21px; width: 1px; } .sitemap ul li.has_child_sitmap > a { border: 1px solid #dddddd; color: #666; } .sitemap ul li a:hover { color: #28441d; } .sitemap ul li a { display: inline-block; padding: 10px 23px; color: #888; font-style: italic; } .sitemap li.has_child_sitmap { margin-top: 20px; margin-bottom: 60px; } .sitemap li.has_child_sitmap > a { padding: 9px 15px; } .sitemap li { position: relative; margin-bottom: 10px; font-size: 13px; } .sitemap > li::before { display: none; } .sitemap li::before { background: #dddddd; content: ""; height: 1px; left: -50px; position: absolute; top: 50%; width: 50px; } .sitemap li.has_child_sitmap::before { top: 20px; } .sitemap li:not(.has_child_sitmap)::after { border: 1px solid #ddd; content: ""; display: block; height: 9px; left: 0; position: absolute; width: 9px; } .sitemap_count { background: #fff; border: 1px solid #ddd; color: #aaa; display: block; font-size: 11px; height: 25px; left: -63px; line-height: 23px; position: absolute; text-align: center; top: 8px; width: 25px; z-index: 1; } .shop_product_wrapper .tabs_mobile .tabs-navi li { margin-bottom: 0; } /* ---------------------------------------------------------------- Welcome Banner -----------------------------------------------------------------*/ .title_banner { background: #28441d; padding: 25px 0 27px; position: relative; margin-bottom: 1px; } .title_banner h2 { color: #fff; font-size: 24px; font-weight: 400; margin: 0; } .title_banner.t_b_color1 { background: #684962; } .title_banner.t_b_color2 { background: #e74c3c; } .title_banner.t_b_color3 { background: #3E6477; } .welcome_banner.full_colored, .welcome_banner.boxed_colored { background: #00a69b; color: #fff; } .welcome_banner.full_colored h3, .welcome_banner.boxed_colored h3, .welcome_banner.full_banner_colored h3, .welcome_banner.full_gray h3 { color: #fff; } .welcome_banner.full_gray { background: #3b3b3b; padding: 40px 0; } .welcome_banner.full_gray .content { padding: 0 15px; } .welcome_banner.full_gray .content .btn_a { margin: 3px 0; right: 0; } .welcome_banner.full_gray h3:not(.centered) { float: left; } .welcome_banner.full_gray h3 { line-height: 48px; margin-bottom: 0; padding: 0; position: relative; text-transform: none; } .container .welcome_banner.full_gray .content { padding-left: 40px; } .container .welcome_banner.full_gray .content .btn_a { right: 30px; } .welcome_banner.full_white, .welcome_banner.classic_white { background: #fff; border-bottom: 1px solid #EEF1F2; } .welcome_banner { position: relative; } .welcome_banner .content { padding: 50px 15px; } .welcome_banner h3 { font-size: 24px; font-weight: 300; text-transform: uppercase; margin: 0px 0px 15px; } .welcome_banner h3 i { margin: 0 6px; vertical-align: middle; } .welcome_banner h3 i.larg { font-size: 32px; } .welcome_banner h3 i.small { font-size: 24px; } .welcome_banner h3 span { color: #28441d; } .welcome_banner .intro_text { line-height: 25px; } .welcome_banner.full_colored:after { background: rgba(255, 255, 255, 0.2); content: ""; display: block; height: 1px; position: absolute; top: 0; width: 100%; } .welcome_banner.full_gray:after { background: rgba(0, 0, 0, 0.15); bottom: 0; content: ""; height: 5px; left: 0; position: absolute; width: 100%; } .welcome_banner.full_gray:before { z-index: 1; height: 1px; content: ""; position: absolute; width: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.1); } .welcome_banner.full_colored .btn_a, .welcome_banner.full_white .btn_a, .welcome_banner.boxed_white .btn_a, .welcome_banner.boxed_colored .btn_a { margin-left: 45px; } .welcome_banner.classic_white h3, .welcome_banner.classic_white h3 span, .welcome_banner.full_banner_colored h3 { font-style: normal; font-weight: 700; } .welcome_banner.classic_white .intro_text, .welcome_banner.full_white .intro_text, .welcome_banner.boxed_white .intro_text { color: #777; } .welcome_banner.classic_white .intro_text, .welcome_banner.full_banner_colored .intro_text { display: block; font-size: 20px; font-style: normal; font-weight: 300; line-height: 34px; } .welcome_banner.boxed_colored, .welcome_banner.boxed_white { -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; -ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; -o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; margin-bottom: 30px; margin-top: 30px; } .welcome_banner.boxed_colored .content, .welcome_banner.boxed_white .content { padding: 35px 25px; } .welcome_banner.boxed_white { border: 1px solid #eef1f2; } .boxed_colored .btn_a, .full_colored .btn_a { border: none; } .welcome_banner.full_banner_colored { background: #1B2228; color: #fff; z-index: 1; } .welcome_banner.full_banner_colored .intro_text { color: #aaa; } .welcome_banner.full_banner_colored:after { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); content: ""; display: block; height: 1px; position: absolute; top: 5px; width: 100%; } .welcome_banner.full_banner_colored:before { background: rgba(0, 0, 0, 0.2); bottom: 0; content: ""; display: block; height: 5px; left: 0; position: absolute; width: 100%; } .welcome_banner_slider { padding: 0 20px; position: relative; } .welcome_banner_slider .owl-controls { position: absolute; width: 100%; top: 0; } .welcome_banner_slider .owl-prev { left: -25px; } .welcome_banner_slider .owl-next { right: 15px; } .welcome_banner_slider .owl-prev, .welcome_banner_slider .owl-next { color: #ccc; font-size: 24px; position: absolute; top: 0; } .welcome_banner_slider .owl-prev:hover, .welcome_banner_slider .owl-next:hover { color: #999; } .rotate_icon { background: #e74c3c; bottom: 0px; display: inline-block; font-size: 32px; height: 70px; line-height: 71px; position: absolute; text-align: center; width: 70px; color: #fff; transform: translateY(50%) translateX(-50%); -webkit-transform: translateY(50%) translateX(-50%); -moz-transform: translateY(50%) translateX(-50%); -o-transform: translateY(50%) translateX(-50%); } .rotate_icon:after { border-color: transparent transparent #e74c3c transparent; border-style: solid; border-width: 8px; top: -13px; content: ""; display: block; position: absolute; right: 26px; } .welcome_banner.full_gray .btn_a i.in_left, .welcome_banner.full_gray .btn_a i.in_right { color: #e74c3c; } /* ---------------------------------------------------------------- Icon Boxes -----------------------------------------------------------------*/ .service_box { position: relative; z-index: 1; } .mob_div{ display: none; } .icon_boxes_con.style1 .service_box { margin-bottom: 60px; } .icon_boxes_con.style1 .service_box .service_box_con { border: 1px solid #e7e7e7; padding: 55px 15px 45px; background: #fff; } .icon_boxes_con.style1 .service_box > .icon i { background: #28441d; color: #fff; display: block; font-size: 32px; height: 60px; left: 9px; line-height: 60px; position: absolute; text-align: center; top: 9px; width: 60px; z-index: 1; } .icon_boxes_con.style1 .service_box > .icon i.color1 { background: #92c135; } .icon_boxes_con.style1 .service_box > .icon i.color2 { background: #0072A5; } .icon_boxes_con.style1 .service_box > .icon i.color3 { background: #E85F1B; } .icon_boxes_con.style1 .service_box > .icon:after { background: #fff; border: 1px solid #fff; content: ""; display: block; height: 80px; left: 0px; position: absolute; top: 0px; width: 78px; } .icon_boxes_con.style1 .service_box .service_box_con:before { border: 1px solid #e7e7e7; content: ""; display: block; height: 80px; position: absolute; top: -37px; width: 80px; z-index: -1; } .icon_boxes_con.style1 .service_box .ser-box-link { background: #fff; border: 1px solid #e7e7e7; bottom: -17px; color: transparent; display: block; font-size: 0; height: 35px; position: absolute; width: 35px; } .icon_boxes_con.style1 .service_box .ser-box-link > span { background: #c4c2c2; display: block; height: 11px; left: 16px; position: absolute; top: 11px; width: 1px; } .icon_boxes_con.style1 .service_box .ser-box-link > span:after { background: #c4c2c2; content: ""; display: block; height: 1px; left: -5px; position: absolute; top: 5px; width: 11px; } .icon_boxes_con.style1 .service_box .ser-box-link:hover { border-color: #28441d; } .icon_boxes_con.style1:not(.just_icon_border) .service_box { margin-top: 40px; } .icon_boxes_con.style1.just_icon_border .service_box .service_box_con { padding-top: 115px; } .icon_boxes_con.style1.just_icon_border.img_icon_box .service_box .service_box_con { padding-top: 35px; } .icon_boxes_con.style1.just_icon_border:not(.img_icon_box) .service_box > .icon { top: 0; } .icon_boxes_con.style1:not(.img_icon_box) .service_box > .icon { height: 78px; position: absolute; top: -36px; width: 78px; } .icon_boxes_con.style1 .service_box h3, .icon_boxes_con.style2 .service_box h3 { font-size: 17px; font-weight: 500; margin: 0 0 12px; text-transform: uppercase; } .icon_boxes_con .service_box h3 a { color: inherit; } .white_section .icon_boxes_con .service_box h3 { color: #fff; } .white_section .icon_boxes_con.style2:not(.icon_box_no_border) .service_box .icon::after { background: rgba(0, 0, 0, 0.15); border: none; } .upper_title h1, .upper_title h2, .upper_title h3, .upper_title h4, .upper_title h5, .upper_title h6, .upper_title .tabs-navi { text-transform: uppercase; } .light_title h1, .light_title h2, .light_title h3, .light_title h4, .light_title h5, .light_title h6 { font-weight: 300 !important; } .icon_boxes_con.style1 .service_box .desc, .icon_boxes_con.style2 .service_box .desc { display: block; font-size: 14px; font-weight: 500; line-height: 24px; } .white_section .icon_boxes_con.style1 .service_box .desc, .white_section .icon_boxes_con.style2 .service_box .desc { color: #ccc; color: rgba(255, 255, 255, 0.45); } .icon_boxes_con.style2 .service_box { margin-bottom: 60px; } .icon_boxes_con.style2 .service_box .service_box_con { padding-left: 100px; } .icon_boxes_con.style2 .service_box .icon { background: #28441d; color: #fff; display: block; font-size: 32px; height: 70px; line-height: 73px; position: absolute; text-align: center; width: 70px; top: 8px; } .icon_boxes_con.style2 .service_box .ser-box-link { display: inline-block; font-size: 12px; margin-top: 14px; position: relative; padding-left: 14px; text-transform: uppercase; } .icon_boxes_con.style2 .service_box .ser-box-link > span { left: 2px; position: absolute; top: 5px; } .icon_boxes_con.style2 .service_box .ser-box-link > span:after { background: #28441d; content: ""; display: block; height: 6px; left: 0; position: absolute; top: 3px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 2px; } .icon_boxes_con.style2 .service_box .ser-box-link > span:before { background: #28441d; content: ""; display: block; height: 6px; left: 0; position: absolute; top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 2px; } .icon_boxes_con.style2 .service_box .ser-box-link:hover > span:before { top: 2px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .icon_boxes_con.style2 .service_box .ser-box-link:hover > span:after { top: 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .icon_boxes_con.style2.icon_box_no_border .service_box .service_box_con { padding-left: 105px; } .icon_boxes_con.style2.icon_box_no_border .service_box .icon { height: 84px; width: 84px; line-height: 87px; top: 0; } .icon_boxes_con.style2.icon_left_right > div:nth-child(2n+1) .service_box .service_box_con { padding-left: 0; padding-right: 100px; text-align: right; } .icon_boxes_con.style2.icon_left_right > div:nth-child(2n+1) .service_box .icon { right: 7px; left: auto; } .icon_boxes_con.style1 .service_box .ser-box-link:hover > span, .icon_boxes_con.style1 .service_box .ser-box-link:hover > span:after { background: #28441d; } .icon_boxes_con.style2.medium_icon .service_box .icon, .icon_boxes_con.style1.medium_icon .service_box .icon { font-size: 24px; } .icon_boxes_con.style2:not(.icon_box_no_border):not(.solid_icon) .service_box .icon { left: 7px; } .icon_boxes_con.style2:not(.icon_box_no_border) .service_box .icon:after { background: #fff; border: 1px solid #e6ebea; content: ""; display: block; height: 84px; left: -7px; position: absolute; top: -7px; width: 84px; z-index: -1; } .icon_boxes_con.style2.solid_icon .service_box .service_box_con { padding-left: 105px; } .icon_boxes_con.style2.solid_icon .service_box .icon { background: #fff; background: none; height: 84px; line-height: 84px; width: 84px; top: 0; } .icon_boxes_con.style2.solid_icon .service_box .icon i { background: none; color: #28441d; position: relative; z-index: 1; } .icon_boxes_con.style2.solid_icon .service_box .icon:after { left: 0; top: 0; } .icon_boxes_con.style2.solid_icon .service_box:hover > .icon i { color: #fff; } .icon_boxes_con.style1.circle .service_box > .icon i { height: 70px; line-height: 70px; width: 70px; } .icon_boxes_con.style1.circle .service_box .service_box_con:before { height: 90px; width: 90px; top: -44px; } .icon_boxes_con.style1.circle .service_box > .icon:after, .icon_boxes_con.style1.circle .service_box > .icon { height: 88px; width: 88px; } .icon_boxes_con.style1.circle:not(.just_icon_border) .service_box > .icon { top: -43px; } .icon_boxes_con.style1.circle:not(.just_icon_border) .service_box:hover > .icon i { height: 88px; left: 0; top: 0; width: 88px; } .icon_boxes_con.just_icon_border .service_box .service_box_con, .icon_boxes_con.just_icon_border .service_box .service_box_con:before { border: none; background: none; } .icon_boxes_con.just_icon_border .service_box > .icon:after { border: 1px solid #e6ebea; background: #fff; } .icon_boxes_con.just_icon_border.img_icon_box .service_box > .icon::after { background: none; border: medium none; } .icon_boxes_con.just_icon_border.circle .service_box > .icon i { height: 74px; left: 7px; line-height: 70px; top: 7px; width: 74px; } .icon_boxes_con.style1.solid_icon .service_box > .icon:after, .icon_boxes_con.style2.solid_icon .service_box .icon:after { background: #fff; border: 1px solid #28441d; } .icon_boxes_con.style1.solid_icon .service_box > .icon i { background: #fff; color: #28441d; } .icon_boxes_con.style2.reflection .service_box .icon i:after { background: rgba(255, 255, 255, 0.1); content: ""; display: block; height: 50%; left: -23px; position: absolute; top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 100px; } .icon_boxes_con.style2.reflection .service_box .icon i { display: block; height: 70px; line-height: 70px; overflow: hidden; position: relative; width: 70px; } .icon_boxes_con.style1.circle.just_icon_border.solid_icon:not(.radius5) .service_box > .icon:before, .icon_boxes_con.style2.solid_icon .service_box > .icon:before { background: #28441d; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 1; left: 50%; top: 50%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2); -moz-transform: translateY(-50%) translateX(-50%) scale(1.2); -ms-transform: translateY(-50%) translateX(-50%) scale(1.2); -o-transform: translateY(-50%) translateX(-50%) scale(1.2); transform: translateY(-50%) translateX(-50%) scale(1.2); } .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box > .icon i { background: none; } .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box > .icon i:after { background: #28441d; content: ""; display: block; height: 100%; left: 50%; position: absolute; top: 50%; width: 100%; z-index: -1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -moz-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); -o-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box:hover > .icon i:after { opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -moz-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); -o-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box:hover > .icon i { background: #fff; color: #28441d; } .icon_boxes_con.style2:not(.solid_icon):not(.icon_box_no_border) .service_box:hover .icon { background: #fff; color: #28441d; } .icon_boxes_con.style1.circle.just_icon_border:not(.radius5) .service_box:hover > .icon:before, .icon_boxes_con.style2.solid_icon .service_box:hover > .icon:before { opacity: 1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -moz-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); -o-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .icon_boxes_con.style1:not(.radius5):not(.circle) .service_box:hover .service_box_con:before, .icon_boxes_con.style1:not(.radius5):not(.circle) .service_box:hover > .icon { transform: translateX(-50%) rotate(45deg); } .icon_boxes_con.style1.solid_icon.radius5 .service_box:hover > .icon:after, .icon_boxes_con.style1.solid_icon.radius5 .service_box:hover > .icon i, .icon_boxes_con.style1.circle.just_icon_border.solid_icon .service_box:hover > span i { background: #28441d; color: #fff; } .service_box:hover h3 { color: #28441d; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .hm-tabs { position: relative; margin: 0px auto 50px; clear: both; } .hm-tabs nav { -webkit-overflow-scrolling: touch; background: #f8f7ee; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); -moz-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); -webkit-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); position: relative; float: none; background: transparent; box-shadow: none; z-index: 1; } .hm-tabs .list3 { padding: 10px 0 0 0; } .hm-tabs:last-child { margin-bottom: 0; } .hm-tabs:after, .tabs-navi:after { content: ""; display: table; clear: both; } .tabs-navi { width: auto; font-size: 0; } .tabs-navi li { display: inline-block; } .tabs-navi a { display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #888; line-height: 50px; width: auto; text-align: left; font-size: 14px; padding: 0 25px; position: relative; background: #f9fafc; } .tabs-navi a i { font-size: 18px; margin-right: 10px; vertical-align: sub; } .no-touch .tabs-navi a:hover { color: #324545; } .tabs2:not(.fill_active) .tabs-navi a:hover { color: #28441d; } .hm-tabs:not(.simple_tabs) .tabs-body { background: #ffffff; clear: both; } .hm-tabs:not(.simple_tabs) .tabs-body > li { padding: 20px 25px 20px; } .tabs-body > li { display: none; } .tabs-body li table { margin: 5px 0; } .tabs-body li .counter_a { margin-bottom: 26px; } .tabs-body li.selected { display: block; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; } .tabs-body ul.list1 { padding: 10px 0; } .tabs-body ul.list1 li { margin-bottom: 15px; } .with_arrow_d.tabs1.fill_active .tabs-navi a.selected:before { background: none; border-color: #28441d transparent transparent; border-style: solid; border-width: 7px; bottom: -11px; content: ""; display: block; position: absolute; width: 10px; } .with_arrow_t.tabs1.fill_active .tabs-navi a.selected:before { background: none; border-color: transparent transparent #fff; border-style: solid; border-width: 7px; bottom: -3px; content: ""; display: block; position: absolute; width: 10px; } .tabs1.ver_tabs.gradient_active .tabs-navi a.selected { -moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.06) inset; } .tabs1.ver_tabs .tabs-navi a.selected { background: #fff; color: #28441d; } .tabs1.ver_tabs .tabs-navi a { border-bottom: 1px solid #E5E5E5; } .tabs1.ver_tabs nav { clear: none; float: left; width: 30%; border-right: 1px solid #E5E5E5; margin-bottom: -1px; } .tabs1.ver_tabs nav ul { width: 100%; } .tabs1.ver_tabs .tabs-body { background: #fff; border: none; clear: none; float: left; width: 70%; position: relative; } .tabs1.ver_tabs .tabs-body:after { background: #E5E5E5; content: ""; display: block; height: 100%; left: -1px; position: absolute; top: 0; width: 1px; } .tabs1:not(.ver_tabs) .tabs-navi a.selected { background: #ffffff; box-shadow: inset 0 2px 0 #28441d; color: #28441d; } .tabs1:not(.ver_tabs) .tabs-navi a { border-color: #E5E5E5; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; } .tabs1:not(.ver_tabs) .tabs-navi a.selected:after { background: #fff; bottom: -1px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; } .tabs1 .tabs-body { border: 1px solid #e5e5e5; -moz-border-radius: 0 3px 3px; -webkit-border-radius: 0 3px 3px; -ms-border-radius: 0 3px 3px; -o-border-radius: 0 3px 3px; border-radius: 0 3px 3px; } .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi a.selected:before { background: #28441d; content: ""; display: block; height: 3px; left: -1px; position: absolute; top: -1px; width: 102%; } .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi > li:first-child a { border-left: 1px solid #e5e5e5; } .tabs1.fill_active .tabs-navi a:before { display: none; } .tabs1.fill_active .tabs-navi a.selected:after { background: none; } .tabs1.fill_active .tabs-navi li a.selected { border-left-color: #28441d; } .tabs1.fill_active .tabs-navi li:first-child a:not(.selected) { border-left: 1px solid #dedede; } .tabs1.fill_active .tabs-navi li:first-child a { -moz-border-radius: 3px 0 0; -webkit-border-radius: 3px 0 0; -ms-border-radius: 3px 0 0; border-radius: 3px 0 0; } .tabs1.fill_active .tabs-navi li:last-child a { -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; -ms-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } .tabs1.fill_active .tabs-navi li.prev_selected a { border-right-color: #28441d; } .ver_tabs .tabs-navi li:last-child a.selected { border-bottom: 1px solid #E5E5E5; margin-bottom: 15px; } .ver_tabs .tabs-navi li { display: block; width: 100%; } .ver_tabs .tabs-navi a:before { background: none; content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 3px; } .ver_tabs .tabs-navi a.selected:before { background: #28441d; } .tabs2 .tabs-navi a.selected:after { border-color: transparent transparent #fff; border-style: solid; border-width: 8px; bottom: -27px; content: ""; display: block; position: absolute; } .tabs2 .tabs-navi a.selected:before { border-color: transparent transparent #666; border-style: solid; border-width: 8px; bottom: -27px; content: ""; display: block; position: absolute; } .tabs2 .tabs-navi li { margin-right: 8px; } .tabs2 .tabs-navi a.selected { border-color: #28441d; color: #28441d; } .tabs2 .tabs-navi a.selected > span i { color: #28441d; } .tabs2 .tabs-navi a { border-color: #E5E5E5; line-height: 45px; color: #888; padding: 0 18px; background: #fff; border: 1px solid #E5E5E5; } .tabs2 .tabs-body { margin-top: 25px; border: 1px solid #E5E5E5; } .bg_gray .tabs2 .tabs-body, .bg_gray .tabs1 .tabs-body, .bg_gray .tabs1:not(.ver_tabs) .tabs-navi a, .bg_gray .tabs2 .tabs-navi a:not(.selected) { border-color: #e5e5e5; } .tabs2.fill_active .tabs-navi a.selected, .tabs2.fill_active .tabs-navi a:hover, .tabs1.fill_active .tabs-navi a.selected, .tabs1.fill_active .tabs-navi a:hover { background: #28441d; color: #fff; border-color: #28441d; } .tabs1.fill_active .tabs-navi li:first-child a.selected, .tabs1.fill_active .tabs-navi li:first-child a:hover { border-left: 1px solid #28441d; } .ver_tabs:not(.gradient_active) .tabs-navi a.selected:after { background: #fff; content: ""; display: block; height: 100%; position: absolute; right: -1px; top: 0; width: 1px; } .bg_gray .hm-tabs.tabs1.ver_tabs { background: #fff; border: 1px solid #E5E5E5; } .bg_gray .tabs-navi a { background: #fff; } .hm-tabs.tabs1.ver_tabs { border: 1px solid #dedede; } .hm-tabs.simple_tabs .tabs-navi li a { border: 2px solid #E5E5E5; color: #999; background: #fff; font-weight: 700; line-height: 42px; margin-right: 15px; padding: 0 20px; } .hm-tabs.simple_tabs .tabs-navi li a:hover { border-color: #ccc; color: #324545; } .hm-tabs.simple_tabs .tabs-navi li a.selected { border-color: #28441d; color: #28441d; } .hm-tabs.simple_tabs .tabs-navi a { background: rgba(0, 0, 0, 0); } .hm-tabs.simple_tabs .tabs-body > li { padding: 20px 0px; } .tabs1.tabs_mobile:not(.ver_tabs):not(.fill_active) .tabs-navi > li a { border: 1px solid #e5e5e5; margin: 0 8px 8px 0; } .tabs1.tabs_mobile:not(.ver_tabs) .tabs-navi a.selected::after { display: none; } .hm-tabs.simple_tabs.tabs_mobile .tabs-navi li a { margin-bottom: 15px; } .hm-tabs.simple_tabs.tabs_mobile .tabs-body > li { padding-top: 0; } .tabs1.tabs_mobile.fill_active:not(.ver_tabs) .tabs-navi > li a { margin: 0 8px 8px 0; } .tabs1.tabs_mobile.fill_active:not(.ver_tabs) .tabs-navi > li a:not(.selected):not(:hover) { border: 1px solid #e5e5e5; } .tabs1.fill_active.tabs_mobile:not(.ver_tabs) .tabs-navi li a.selected, .tabs1.fill_active.tabs_mobile:not(.ver_tabs) .tabs-navi li a:hover { border-left: 1px solid #28441d; border-bottom: 1px solid #28441d; } .tabs2.tabs_mobile .tabs-navi li { margin-bottom: 8px; } .tabs2.tabs_mobile.fill_active:not(.ver_tabs) .tabs-body { margin-top: 17px; } .widget_block .tabs-navi a { padding: 0 15px; line-height: 43px; } .widget_block .hm-tabs { margin-top: 34px; } .widget_block .hm-tabs .tabs-body > li { padding: 20px 0; } .widget_block .tabs1 .tabs-body { border-color: #e5e5e5; border-style: solid; border-width: 1px 0 0 0; } .icon_alone, .tabs-navi a i.icon_alone { margin-right: 0; } .hm-tabs li > p:not(last-child), .panel-body p:not(last-child) { margin-bottom: 15px; } .hm-tabs li > p:last-child, .panel-body p:last-child { margin-bottom: 0px; } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* ---------------------------------------------------------------- Light Box -----------------------------------------------------------------*/ a.img_popup { display: inline-block; margin-top: 5px; max-width: 100%; overflow: hidden; position: relative; } a.img_popup > span { z-index: 2; background: rgba(29, 205, 202, 0.7); color: #fff; display: block; font-size: 20px; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; opacity: 0; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -o-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); } a.img_popup:hover > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } a.img_popup:hover > span { opacity: 1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -moz-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -ms-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -o-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); } a.img_popup:after { border: 4px solid rgba(0, 0, 0, 0.05); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .white_section .f_s_block.circle a.img_popup:after { display: none; } .f_s_block a.img_popup { display: block; } /* ---------------------------------------------------------------- Features -----------------------------------------------------------------*/ .feature_icon .item { margin-bottom: 40px; } .feature_icon .item > span { line-height: 24px; } .feature_icon .item h5 { margin-bottom: 10px; } .feature_icon .item h5 .title { float: left; font-size: 20px; font-weight: 300; margin-top: 12px; text-transform: uppercase; word-spacing: 2px; letter-spacing: 1px; } .feature_icon .item h5 .icon span { background: #28441d; color: #fff; display: inline-block; font-size: 18px; height: 51px; left: 0; line-height: 51px; position: relative; text-align: center; top: 0; width: 51px; } .feature_icon .item h5 .icon span i { position: relative; z-index: 1; } .feature_icon .item h5 .icon span:after { background: #324545; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .feature_icon .item h5:after { content: ""; display: table; clear: both; } .feature_icon .item:last-child { margin-bottom: 0; } .feature_icon .item:hover h5 .icon { border-color: #fff; } .feature_icon .item:hover h5 .icon span:after { opacity: 1; } .feature_icon .item:hover h5 .title { color: #28441d; } .white_section .feature_icon .item > span { color: #aaa; } .white_section .feature_icon .item h5 .icon span { background: rgba(0, 0, 0, 0.4); } .white_section .feature_icon .item h5 .icon span:after { background: #28441d; } .white_section .feature_icon .item:hover h5 .icon { border-color: rgba(0, 0, 0, 0); } .white_section .f_s_block.circle { border: 5px solid rgba(0, 0, 0, 0.5); background: none; max-width: 500px; margin: 0 auto; } .feature_icon .item h5 .icon, .white_section .feature_icon .item h5 .icon { display: block; float: left; height: 53px; margin-right: 12px; width: 53px; } .feature_icon.on_right .item h5 .icon { float: right; margin-left: 12px; margin-right: 0; } .feature_icon.on_right .item h5 .title { float: right; } .feature_icon.on_right .item > span { display: block; text-align: right; } .feature_icon_slide .col-md-4:last-child { padding-right: 0; } .feature_icon_slide .col-md-4:first-child { padding-left: 0; } .f_s_block { position: relative; } .f_s_block > a { margin: 0; } .f_s_block.circle { background: #fff; overflow: hidden; position: relative; z-index: 1; } .tree_features > li:nth-of-type(2n) { float: right; clear: right; text-align: right; margin-right: -4px; } .tree_features > li:nth-of-type(2n) .leaf_icon { left: auto; right: 0; } .tree_features > li { min-height: 144px; clear: left; float: left; background: #b33753; color: #fff; padding: 25px 25px 30px 25px; position: relative; width: 50%; margin-bottom: 5px; list-style: none; vertical-align: top; display: block; } .tree_features > li > .tree_curv { background: #b33753; height: 100%; position: absolute; right: 0; top: 50%; width: 50%; } .tree_features > li:after { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 100%; width: 100%; } .tree_features > li:nth-child(2n) > .tree_curv { left: 0; right: auto; } .tree_features > li:nth-child(2n) .leaf_con { padding-right: 144px; padding-left: 0; } .tree_features_parent { margin-top: 60px; max-width: 50%; min-width: 160px; position: relative; z-index: 2; } .tree_features_t { display: block; font-size: 26px; margin-bottom: 10px; text-transform: uppercase; color: #fff; } .tree_features_t:hover { color: #eee; } .tree_features_d { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .leaf_icon { background: rgba(0, 0, 0, 0.1); display: block; font-size: 32px; height: 144px; left: 0px; line-height: 144px; position: absolute; text-align: center; width: 144px; z-index: 1; top: 0; } .bg_gray .tree_features > li::after { background: #f9fafc; } .leaf_con { padding-left: 144px; position: relative; z-index: 1; } /* ---------------------------------------------------------------- Features -----------------------------------------------------------------*/ .white_section .counter .value { color: #fff; } .white_section .counter .icon { color: #fff; } .white_section .counter_a .counter .icon { background: rgba(0, 0, 0, 0.3); color: #fff; } .white_section .counter_a .counter .icon:before { border: 1px solid rgba(255, 255, 255, 0.2); } .white_section .counter_a .counter .title { color: #fff; } .counter > span { display: block; margin-top: 15px; text-align: center; position: relative; } .counter .icon { font-size: 32px; margin: 0 auto; color: #28441d; } .counter .icon i { position: relative; z-index: 1; } .counter .value { font-size: 32px; font-weight: 700; margin-top: 30px; } .counter .title { font-size: 22px; letter-spacing: 1px; padding-top: 15px; text-transform: capitalize; } .counter .title:before { background: rgba(255, 255, 255, 0.1); width: 50%; } .counter_a .counter .icon { height: 90px; line-height: 90px; width: 90px; } .counter_a .counter .icon:before { content: ""; display: block; height: 102px; left: -6px; position: absolute; top: -6px; width: 102px; opacity: 1; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .counter_a .counter .icon:after { background: #28441d; content: ""; display: block; height: 90px; left: 0; position: absolute; top: 0; width: 90px; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); } .counter_a .counter .value { font-weight: 300; letter-spacing: 1px; } .counter_a .counter .title { font-weight: 300; } .counter_a .counter:hover .icon { color: #fff; } .white_section .counter .icon, .white_section .counter .title { color: #fff; } .counter_b .counter .title { font-weight: 300; } .counter_b .counter .title:before { background: rgba(255, 255, 255, 0); } .counter_b .counter .title:after { background: #fff; } .tabs-body li .counter .title { margin-top: 0; } .counter .title:before, .counter .title:after { content: ""; display: block; height: 1px; position: absolute; top: 0; } .counter:hover .icon:after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .counter:hover .icon:before { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } /* ---------------------------------------------------------------- Client Say -----------------------------------------------------------------*/ .normal_text_slider { position: relative; } .normal_text_slider .c_say { text-align: center; } .normal_text_slider .client_img { border: 1px solid #dadbdb; display: inline-block; overflow: hidden; padding: 6px; position: relative; text-align: center; } .normal_text_slider .client_img img { display: block; position: relative; } .normal_text_slider .client_img > span { display: block; height: 100%; position: relative; width: 100%; } .normal_text_slider .client_details { color: #324545; display: block; font-size: 16px; margin: 30px 0 15px; text-transform: uppercase; } .normal_text_slider .url { color: #28441d; } .normal_text_slider .desc { margin-bottom: 30px; color: #8f8e8e; font-size: 16px; font-style: italic; line-height: 33px; display: block; } .white_section .normal_text_slider .client_img { border: 2px solid rgba(255, 255, 255, 0.3); padding: 5px; } .white_section .normal_text_slider .client_details { color: #fff; } .white_section .normal_text_slider .desc { color: #fff; } .white_section .btn_a { box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2); margin-bottom: 3px; border: none; } .normal_text_slider.client_say_slider .desc { margin-bottom: 0; } .what_say_block { position: relative; margin-bottom: 40px; } .what_say_block .say_img { border: 1px solid #dadbdb; display: inline-block; padding: 4px; position: absolute; } .what_say_block .say_datils { min-height: 89px; padding-left: 100px; } .say_datils > h5 { color: #324545; font-size: 14px; margin-bottom: 10px; text-transform: capitalize; } .say_datils > h5 > span { color: #28441d; margin-left: 7px; } .say_datils .text { line-height: 25px; } /* ---------------------------------------------------------------- Video Background -----------------------------------------------------------------*/ .mb_YTPPlaypause, .mb_YTPMuteUnmute { display: none !important; } .mb_YTPlayer { display: block; transform: translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform: translate3d(0, 0, 0); animation-timing-function: linear; box-sizing: border-box; } .mb_YTPlayer :focus { outline: 0; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .mb_YTPBar { bottom: 0; color: #fff; left: 0; padding: 5px; width: 100%; z-index: 1000; position: absolute; } .mb_YTPBar span { display: inline-block; height: 24px; position: relative; font-style: italic; font-weight: 300; font-size: 14px; color: #aaa; } .mb_YTPProgress { height: 7px; width: 100%; background: rgba(255, 255, 255, 0.2); bottom: 0; left: 0; } .mb_YTPLoaded { height: 7px; width: 0; background: rgba(255, 255, 255, 0.3); left: 0; } .mb_YTPseekbar { height: 7px; width: 0; background: #28441d; bottom: 0; left: 0; } .video_frame { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.13); position: relative; } .video_frame:after, .video_frame:before { top: -1px; right: -1px; } .video_frame:hover:after, .video_frame:hover:before { top: 10px; right: 10px; } .video_frame_tl:after, .video_frame_tl:before { top: -1px; left: -1px; } .video_frame:hover .video_frame_tl:after, .video_frame:hover .video_frame_tl:before { top: 10px; left: 10px; } .video_frame_br:after, .video_frame_br:before { bottom: -1px; right: -1px; } .video_frame:hover .video_frame_br:after, .video_frame:hover .video_frame_br:before { bottom: 10px; right: 10px; } .video_frame_bl:after, .video_frame_bl:before { bottom: -1px; left: -1px; } .video_frame:hover .video_frame_bl:after, .video_frame:hover .video_frame_bl:before { bottom: 10px; left: 10px; } .video_frame:after, .video_frame_tl:after, .video_frame_bl:after, .video_frame_br:after { height: 1px; width: 16px; } .video_frame:after, .video_frame_tl:after, .video_frame:before, .video_frame_tl:before, .video_frame_br:after, .video_frame_bl:after, .video_frame_br:before, .video_frame_bl:before { background: #fff; content: ""; position: absolute; } .video_frame:before, .video_frame_tl:before, .video_frame_bl:before, .video_frame_br:before { height: 16px; width: 1px; } .video_frame_bl { padding-left: 15px; padding-right: 15px; } .play_video_btn { border: 1px solid rgba(255, 255, 255, 0.4); display: inline-block; height: 80px; padding: 4px; position: relative; width: 80px; } .play_video_btn > span { background: #e74c3c; color: #fff; display: block; font-size: 32px; height: 100%; width: 100%; -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); } .play_video_btn > span i { display: block; position: absolute; } .play_video_btn > span i.ico-pause { font-size: 20px; } .play_video_btn > span i.ico-play5 { padding-left: 8px; } .play_video_btn > span i.ico-pause2 { font-size: 29px; } .play_video_btn:hover > span { background: #fff; color: #e74c3c; } .youtube_bg_video.mb_YTPlayer { display: block; height: 100%; position: absolute !important; width: 100%; } .youtube_bg_video.has_overlay:after { background: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; } .html_video_background_con { overflow: hidden; position: relative; } .html_video_background { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; } .html_video_background video { min-width: 100%; } .ui-video-background-controls { background: rgba(0, 0, 0, 0.4); font-size: 18px; line-height: 40px; margin: 0 auto; position: relative; text-align: center; width: 100px; border: 5px solid rgba(0, 0, 0, 0.2); } .ui-video-background-controls li { display: inline-block; width: 50%; } .ui-video-background-controls li a { color: inherit; display: block; width: 100%; height: 100%; } .ui-video-background-controls li:first-child { border-right: 1px solid rgba(255, 255, 255, 0.1); } .ui-video-background-controls li:first-child a { padding-left: 5px; } .ui-video-background-controls li:last-child a { padding-right: 5px; } .ui-video-background-play { font-size: 14px; } .youtube_bg_video + .content { min-height: 500px; } /* ---------------------------------------------------------------- Team -----------------------------------------------------------------*/ .team_block { position: relative; width: 100%; height: 310px; margin-bottom: 30px; z-index: 1; -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .team_block .f1_card { position: relative; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .team_block .face { background: #fff; border: 1px solid #f1eff0; padding: 20px; position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transform: translateZ(0); -moz-transition: -moz-transition 700ms ease; -webkit-transition: -webkit-transition 700ms ease; -o-transition: -o-transition 700ms ease; transition: transform 700ms ease; } .team_block .front { text-align: center; background: #fff; } .team_block .front .person_name { color: #324545; margin: 18px 0 8px; font-size: 16px; } .team_block .front .person_jop { color: #bab9b9; } .team_block .back { background: #28441d; color: white; display: block; padding: 15px 20px 15px 20px; border: 1px solid #28441d; overflow: hidden; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); } .team_block:hover .face.back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .team_block:hover .face.front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .team_block .team_img { background: #fff; border: 5px solid #f3efef; display: block; overflow: hidden; max-width: 190px; margin: 8px auto 0; padding: 5px; } .team_block .back .person_jop { margin: 5px 0 13px; font-weight: bold; } .team_block .back .social_media a { color: #fff; border-color: rgba(255, 255, 255, 0.5); background: none; border-width: 2px; line-height: 35px; } .team_block .back .social_media a:hover { color: #28441d; border-color: #fff; background: #fff; } .team_block .person_jop { display: block; font-size: 13px; text-transform: capitalize; } .team_block .person_desc { display: block; font-size: 14px; line-height: 23px; margin-bottom: 15px; max-height: 115px; overflow: hidden; position: relative; } .team_block .person_desc:after { bottom: 0; content: "..."; display: inline-block; height: 23px; margin-left: 3px; position: relative; right: 3px; } .bg_gray .team_block .face { background: #f9fafc; border-color: #f9fafc; } .team_block .person_name, .team_block2 .person_name { display: block; font-size: 18px; text-transform: uppercase; } .team_block2 { margin-bottom: 50px; } .team_block2 .member_img { background: #fff; border: 1px solid #dadbdb; padding: 5px; overflow: hidden; position: relative; display: block; float: right; width: 30%; } .team_block2 .member_img:before { background: #28441d; border: 5px solid rgba(0, 0, 0, 0.3); content: ""; top: 0px; display: block; height: 100%; left: 0; position: absolute; width: 100%; text-align: center; opacity: 0; } .team_block2 .member_img:after { content: "\e112"; display: block; height: 40px; line-height: 40px; position: absolute; width: 40px; color: #fff; font-size: 24px; text-align: center; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%) scale(3); -webkit-transform: translateX(-50%) translateY(-50%) scale(3); transform: translateX(-50%) translateY(-50%) scale(3); } .team_block2 .member_img:hover:before { opacity: 1; } .team_block2 .member_img:hover:after { opacity: 1; -moz-transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .team_block2 .member_img:hover { border-color: rgba(0, 0, 0, 0); } .team_block2 .team_detail { float: right; padding-right: 20px; width: 70%; } .team_block2 .person_name { color: #324545; font-size: 18px; } .team_block2 a:hover .person_name { color: #28441d; } .team_block2 .person_jop { color: #aaa; display: block; font-size: 14px; margin: 3px 0 10px; } .team_block2 .person_desc { display: block; line-height: 25px; margin-bottom: 15px; color: #999; } .team_block2 .social_media a { font-size: 12px; height: 35px; line-height: 35px; margin: 0 8px 7px 0; width: 35px; } .team_block2 .social_media a:last-child { margin-right: 0; } .team_block2 #share_on_socials a { margin: 0 9px 6px 0; } .our_team_section .col-md-6:nth-child(2n+1) .team_block2 .team_detail { text-align: right; } .our_team_section .col-md-6:nth-child(2n+1) .team_block2 .social_media a { display: inline-block; margin: 0 0 7px 8px; } .our_team_section .col-md-6:nth-child(2n+1) .team_block2 #share_on_socials a { margin: 0 0 7px 9px; } .our_team_section .col-md-6:nth-child(2n) .team_block2 .member_img { float: left; } .our_team_section .col-md-6:nth-child(2n) .team_block2 .team_detail { padding-right: 0px; padding-left: 20px; } .team-col { background: #28441d; width: 50%; color: #fff; float: left; position: relative; } .team-col .team-col-2 .arrow { position: absolute; background: #28441d; width: 15px; height: 15px; top: 30px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; left: auto; right: -7px; } .team-col-1 { width: 50%; float: left; position: relative; } .team-col-1 .member_img2 > span { display: block; position: relative; } .team-col-1 .member_img2 > span:after { box-shadow: 0 0 75px rgba(0, 0, 0, 0.5) inset; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .team-col-2 { width: 50%; float: left; position: relative; } .team-col:not(.team_col_on_right) .team-col-2 .arrow { left: -7px; } .team_block3 .person_name { display: block; font-size: 20px; text-transform: uppercase; color: #fff; } .team_block3 .person_jop { display: block; font-size: 14px; font-weight: bold; margin: 5px 0 10px; text-transform: capitalize; } .team_block3 .person_desc { display: block; margin-bottom: 20px; line-height: 23px; color: rgba(255, 255, 255, 0.8); } .team_block3 .team-col-2-con { position: absolute; padding: 20px 25px 20px; } .team_block3 .social_media a { background: none; border: none; color: #fff; margin-right: 25px; width: auto; } .team_block3 .social_media a:hover { opacity: 0.7; } .member_img2 { display: block; position: relative; } .member_img2:before { background: rgba(28, 205, 202, 0.8); content: ""; top: 0px; display: block; height: 100%; left: 0; position: absolute; width: 100%; text-align: center; opacity: 0; z-index: 1; } .member_img2:after { content: "\e112"; display: block; height: 40px; line-height: 40px; position: absolute; width: 40px; color: #fff; font-size: 24px; text-align: center; left: 50%; top: 50%; opacity: 0; -moz-transform: translateX(-50%) translateY(-50%) scale(3); -webkit-transform: translateX(-50%) translateY(-50%) scale(3); transform: translateX(-50%) translateY(-50%) scale(3); z-index: 2; } .member_img2:hover:before { opacity: 1; } .member_img2:hover:after { opacity: 1; -moz-transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); } .team-col.team_col_on_right .team-col-1 { float: right; } .team-col:nth-child(2n+1) { clear: both; } .team-col-2-con > a { display: inline-block; } .team-col-2-con > a:hover { opacity: 0.7; } /* ---------------------------------------------------------------- Pies & Skills -----------------------------------------------------------------*/ .progress_bar { margin-bottom: 30px; overflow: hidden; } .progress_bar .fill_con { width: 100%; background: #eee; height: 35px; position: relative; } .progress_bar .fill { height: 100%; background: #28441d; width: 0; white-space: nowrap; position: absolute; left: 0; top: 0; } .progress_bar .value { background: #fff; bottom: 5px; color: #324545; display: block; font-size: 12px; font-style: italic; line-height: 24px; padding: 0 7px; position: absolute; right: 5px; top: 5px; text-align: center; } .progress_bar .value .num { white-space: nowrap; } .progress_bar .small_line_bar .value { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .progress_bar .small_line_bar .title { text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .progress_bar .value:after { border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 4px; content: ""; display: block; left: -7px; position: absolute; } .progress_bar .title { color: #fff; display: inline-block; font-size: 13px; left: -33%; line-height: 34px; margin-left: 13px; opacity: 0; position: absolute; text-transform: uppercase; } .progress_bar:last-of-type { margin-bottom: 0; } .white_section .progress_bar .fill_con { background: rgba(0, 0, 0, 0.3); } .white_section .progress_bar.prog_bar2 .fill_con { background: rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 1px 7px 7px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.2) inset; } .white_section .prog_bar2_con > .title { color: #fff; } .white_section .hm_circle_progressbar.style1:not(.square):not(.path)::after { background: #fff; content: ""; display: block; height: 40%; left: 30%; position: absolute; top: 30%; width: 40%; } .white_section .hm_circle_title { color: #fff; } .progress_bar.prog_bar2 { overflow: initial; } .progress_bar.prog_bar2 .fill_con { height: 20px; position: relative; } .progress_bar.prog_bar2 .fill_con .fill { height: 18px; top: 1px; overflow: hidden; left: 1px; } .progress_bar.prog_bar2 .fill_con .fill:after { box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2) inset; -webkit-box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2) inset; content: ""; display: block; height: 100%; width: 100%; } .progress_bar.prog_bar2 .fill_con .fill:before { background: rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, -1px -1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, -1px -1px 0 rgba(255, 255, 255, 0.2); content: ""; height: 6px; position: absolute; right: 7px; top: 6px; width: 6px; } .progress_bar.prog_bar2 .fill_con2 { height: 35px; position: relative; margin-bottom: 9px; overflow: hidden; } .progress_bar.prog_bar2 .fill_con2 .fill { background: none !important; } .progress_bar.prog_bar2 .value:after { border-color: rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 5px; bottom: -10px; top: auto; } .progress_bar.prog_bar2 .value:before { border-color: rgba(255, 255, 255, 0.1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 4px; bottom: -8px; content: ""; display: block; position: absolute; z-index: 10; } .progress_bar.prog_bar2 .value { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1) inset, 2px 2px 2px rgba(0, 0, 0, 0.3); color: #fff; top: 3px; } .prog_bar2_con:last-child > .progress_bar { margin-bottom: 0; } .prog_bar2_con:not(:last-child) { margin-bottom: 30px; } .progress_bar.prog_bar2 .fill, .progress_bar.prog_bar2 .fill_con, .progress_bar.prog_bar2 .fill_con .fill:after { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .prog_bar2_con > .title { display: block; margin-bottom: -30px; } .prog_bar2_con > .title i { font-size: 24px; margin-right: 13px; vertical-align: sub; display: none; } .prog_bar2_con > .title .prog_bar2_title { font-size: 15px; text-transform: uppercase; } .hm_circle_progressbar_con { text-align: center; } .hm_circle_progressbar { width: 100%; padding: 35px; opacity: 0; position: relative; } .hm_circle_progressbar > svg { width: 100%; display: block; } .hm_circle_progressbar .path_val { opacity: 1; position: absolute; white-space: nowrap; } .hm_circle_progressbar .path_val .num { font-weight: 300; } .hm_circle_progressbar.path { padding: 15px 35px 5px; } .hm_circle_progressbar.square { padding: 55px; } .hm_circle_title { font-size: 16px; text-transform: uppercase; color: #324545; } .hm_circle_progressbar > .progressbar-text, .hm_circle_progressbar .path_val { font-size: 32px; font-weight: 300; opacity: 0; } .hm_circle_progressbar:not(.style1) > .progressbar-text { color: #fff; } .hm_circle_progressbar.style1 > .progressbar-text { color: #324545; position: relative; z-index: 2; } /* ---------------------------------------------------------------- Pricing Tables -----------------------------------------------------------------*/ .plan_col { background: #ffffff; position: relative; } .plan_col .spec_req2 { left: 50%; position: absolute; top: 0; z-index: 1; } .plan_col .polygon_con { max-height: 115px; max-width: 115px; display: block; left: 50%; position: absolute; top: 0; } .plan_col .polygon_con .polygon_fill { fill: #fff; stroke: #28441d; } .plan_col .polygon_con svg { height: 100%; width: 100%; } .plan_col li i { margin-right: 10px; } .plan_col li i.check_icon { color: #92C135; } .plan_col li i.wrong_icon { color: #e74c3c; } .content_section:not(.white_section):not(.bg_fixed) .plan_col.plan_column1 { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset; padding: 1px; } .plan_col.plan_column1 { margin-top: 50px; text-align: center; } .plan_col.plan_column1 > h6 { position: relative; color: #28441d; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; padding-bottom: 20px; padding-top: 65px; margin: -1px; } .plan_col.plan_column1 > h6 .plan_price_name { font-size: 17px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .plan_col.plan_column1 li { border-bottom: 1px solid #F1EFF0; padding: 13px 0px; color: #878787; } .plan_col.plan_column1 li:first-child { border-top: 1px solid #f1eff0; } .plan_col.plan_column1 .plan_price_btn { background: #fff; border: 2px solid #ECE8E7; display: inline-block; font-size: 14px; margin: 30px 0; padding: 10px 18px; color: #999; font-style: italic; } .plan_col.plan_column1 .plan_price_btn:hover { background: #576162; border-color: #576162; color: #fff; } .plan_column1 .plan_price_block { display: block; height: 115px; position: absolute; top: 0; width: 115px; overflow: hidden; z-index: 2; top: -55px; } .plan_column1 .plan_price_block .plan_price_in { display: block; height: 100%; position: absolute; width: 100%; } .plan_column1 .plan_price_block .plan_price_in .price { color: #28441d; display: block; font-size: 28px; font-weight: 300; line-height: 28px; padding-top: 32px; } .plan_column1 .plan_price_block .plan_price_in .price small { color: #28441d; font-size: 59%; font-weight: 300; margin-right: 5px; } .plan_column1 .plan_price_block .plan_price_in .plan_per { color: #28441d; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .plan_col.active_plan .polygon_con .polygon_fill, .plan_col:hover .polygon_con .polygon_fill { fill: #fff; stroke: #28441d; } .plan_price_btn i { margin-right: 10px; } .plan_col.plan_column1:hover > h6, .plan_col.plan_column1.active_plan > h6 { background: #28441d; color: #fff; } .plan_col.plan_column1:hover > h6:after { opacity: 1; } .hm-pricing-container { max-width: 1170px; margin: 4em auto; } .hm-pricing-list { margin: 2em 0 0; } .hm-pricing-list > li { margin-bottom: 15px; position: relative; background: #FFFFFF; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); outline: 1px solid transparent; } .hm-pricing-list > li.is-ended::after { display: none; } .hm-secondary-theme .hm-pricing-list > li > header:after { background: rgba(255, 255, 255, 0.07); content: ""; display: block; bottom: 0; left: 0; height: 1px; width: 100%; position: absolute; } .hm-secondary-theme .hm-pricing-list > li:after { background: rgba(255, 255, 255, 0.05); position: absolute; content: ""; display: block; height: 100%; right: 0; top: 0; width: 1px; } .content_section:not(.white_section) .hm-pricing-container:not(.hm-full-width) .hm-pricing-list > li:not(.hm-popular) { border: 1px solid #e4e4e4; box-shadow: none; } .hm-pricing-header { position: relative; z-index: 1; height: 80px; padding: 1em; pointer-events: none; background: #28441d; color: #FFFFFF; } .hm-pricing-header h2 { color: inherit; font-size: inherit; font-weight: 500; margin-bottom: 3px; margin-top: 0; text-transform: uppercase; } .hm-popular .hm-pricing-header { background: #e74c3c; } .hm-popular .hm-duration { color: #f3b6ab; } .hm-currency, .hm-value { font-size: 2.6rem; font-weight: 300; } .hm-duration { font-weight: 700; font-size: 1.3rem; color: #DFF9F9; text-transform: uppercase; } .hm-duration::before { content: '/'; margin-right: 2px; } .hm-pricing-body { overflow-x: auto; color: #324545; -webkit-overflow-scrolling: touch; } .hm-pricing-features { width: 600px; } .hm-pricing-features li { width: 100px; float: left; padding: 1.6em 1em; font-size: 1.4rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hm-pricing-features em { display: block; margin-bottom: 5px; font-weight: 600; } .hm-pricing-features:after { content: ""; display: table; clear: both; } .hm-pricing-footer { position: absolute; z-index: 1; top: 0; left: 0; height: 80px; width: 100%; } .hm-pricing-footer::after { content: ''; position: absolute; right: 1em; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 20px; background: url(images/hm-icon-small-arrow.svg); } .hm-select { position: relative; z-index: 1; display: block; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } /* ---------------------------------------------------------------- Carousel -----------------------------------------------------------------*/ .featured_slider { position: relative; background: #233039; } .featured_slider:not(.full_carousel) { margin-bottom: 25px; } .featured_slide_img { display: block; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .featured_slide_img .img_cart_con_h { display: block; position: relative; } .featured_slide_img .img_cart_con_h img { opacity: 0; } .featured_slide_img .img_cart_con { display: block; width: 100%; height: 100%; top: 0; position: absolute; overflow: hidden; } .featured_slide_img .img_cart_con.flip_left { left: -50%; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); } .featured_slide_img .img_cart_con.flip_left img { right: -50%; } .featured_slide_img .img_cart_con.flip_right { right: -50%; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); } .featured_slide_img .img_cart_con.flip_right img { right: 50%; } .featured_slide_img > .f_s_i_format { right: 0; } .featured_slide_block { position: relative; overflow: hidden; -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .featured_slide_img:after { box-shadow: 0 0 60px rgba(0, 0, 0, 0.5) inset; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; } .featured_slide_block:hover .featured_slide_img:after { opacity: 1; } .featured_slide_block:hover .featured_slide_img .img_cart_con.flip_left { left: -50%; transform: rotateY(40deg); -webkit-transform: rotateY(40deg); -moz-transform: rotateY(40deg); -o-transform: rotateY(40deg); } .featured_slide_block:hover .featured_slide_img .img_cart_con.flip_right { right: -50%; transform: rotateY(-40deg); -webkit-transform: rotateY(-40deg); -moz-transform: rotateY(-40deg); -o-transform: rotateY(-40deg); } .featured_slide_block:hover .featured_slide_details { bottom: 0; opacity: 1; } .featured_slide_block:hover .f_s_i_zoom { opacity: 1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -moz-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); -o-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .featured_slide_img .img_cart_con.flip_left img, .featured_slide_img .img_cart_con.flip_right img { display: block; position: absolute; top: 0; } .featured_slide_details { background: #1B2228; bottom: -40%; opacity: 0; position: absolute; width: 100%; font-size: 13px; } .f_s_d_link { color: #fff; display: block; padding: 15px 15px 15px 52px; text-transform: uppercase; } .f_s_d_link:hover { color: #fff; } .flip_right .f_s_i_format { left: 50%; margin-left: -40px; } .f_s_i_format { background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); color: #28441d; display: block; font-size: 16px; height: 40px; line-height: 40px; padding: 0; position: absolute; text-align: center; top: 0; width: 40px; z-index: 1; } .f_s_i_date { background: rgba(0, 0, 0, 0.6); color: #fff; display: block; font-size: 13px; height: 100%; left: 0; opacity: 1; padding: 7px 5px 3px; position: absolute; text-align: center; width: 40px; z-index: 1; } .f_s_i_date span { display: inline-block; vertical-align: top; } .f_s_i_date .day { font-size: 11px; } .f_s_i_date .mounth { font-size: 10px; font-weight: 300; line-height: 10px; text-transform: uppercase; } .f_s_i_zoom { color: #fff; font-size: 24px; height: 40px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 10; opacity: 0; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -moz-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); -o-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .related_posts_slide { padding: 0 5px; } .related_posts_slide .related_img { display: inline-block; margin-bottom: 8px; overflow: hidden; position: relative; max-width: 100%; } .related_posts_slide .related_img > span { color: #fff; display: block; font-size: 17px; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; left: 50%; top: 50%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -o-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); } .related_posts_slide .related_img > span i { position: relative; z-index: 1; text-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); } .related_posts_slide .related_img > span:after { position: absolute; background: #28441d; opacity: .7; content: ""; width: 100%; height: 100%; top: 0; left: 0; } .related_posts_slide .related_img_con { position: relative; } .related_posts_slide .related_title { color: #324545; font-size: 14px; margin: 0; } .related_posts_slide .related_title:hover { color: #28441d; } .related_posts_slide .post_date { color: #999; display: block; font-size: 12px; margin-top: 5px; } .related_posts_slide .related_img:hover > span { opacity: 1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -moz-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -ms-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -o-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); } .related_posts_slide .related_img:hover > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .related_slider_widget .related_posts_slide { padding: 0; } .related_slider_widget .related_posts_slide .related_title { text-transform: uppercase; } .related_posts_con { margin-left: -5px; margin-bottom: 23px; } .hoverdir_con { background: #2E333D; color: #fff; height: 100%; position: absolute; text-align: center; width: 100%; } .hoverdir_meta { position: absolute; width: 100%; } .hoverdir_meta .proj_name { text-transform: uppercase; } .proj_date { font-size: 13px; } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ .btn_a { border: 1px solid #e4e4e4; display: inline-block; font-size: 13px; vertical-align: top; overflow: hidden; color: #888; } .btn_a > span { background: #fff; display: block; overflow: hidden; position: relative; padding-right: 45px; } .btn_a > span > span { display: inline-block; left: 46px; padding: 13px 15px 14px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; position: relative; white-space: nowrap; } .btn_a i.in_left { padding-left: 2px; left: 0px; } .btn_a i.in_right { padding-right: 2px; right: -45px; opacity: 0; } .btn_a:not(.color1):hover { color: #28441d; } .btn_a:hover { color: #555; } .btn_a:hover > span > span { left: -1px; } .btn_a:hover i.in_left { left: -45px; opacity: 0; } .btn_a:hover i.in_right { right: 0; opacity: 1; } .btn_a i.in_right, .btn_a i.in_left, .btn_a > span > span { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn_a i.in_left, .btn_a i.in_right { color: #28441d; font-size: 16px; position: absolute; text-align: center; top: 0; width: 45px; line-height: 46px; } .bottom_space { margin-bottom: 20px; } .btn_a.color1 i.in_left, .btn_a.color2 i.in_left, .btn_a.color3 i.in_left, .btn_a.color4 i.in_left, .btn_a.color5 i.in_left, .btn_a.color6 i.in_left, .btn_a.color7 i.in_left, .btn_a.color1 i.in_right, .btn_a.color2 i.in_right, .btn_a.color3 i.in_right, .btn_a.color4 i.in_right, .btn_a.color5 i.in_right, .btn_a.color6 i.in_right, .btn_a.color7 i.in_right { background: rgba(0, 0, 0, 0.1); } .btn_a.large_btn { font-size: 16px; } .btn_a.large_btn > span { padding-right: 60px; } .btn_a.large_btn > span > span { left: 61px; padding: 17px 18px 19px; } .btn_a.large_btn i.in_left, .btn_a.large_btn i.in_right { line-height: 59px; height: 100%; width: 60px; font-size: 18px; } .btn_a.large_btn:hover > span > span { left: -1px; } .btn_a.large_btn:hover i.in_left { left: -60px; opacity: 0; } .btn_a.large_btn:hover i.in_right { right: 0; opacity: 1; } .btn_a.small_btn { font-size: 13px; } .btn_a.small_btn > span { padding-right: 35px; } .btn_a.small_btn > span > span { left: 36px; padding: 10px; } .btn_a.small_btn i.in_left, .btn_a.small_btn i.in_right { line-height: 39px; width: 35px; font-size: 13px; } .btn_a.small_btn:hover > span > span { left: -1px; } .btn_a.small_btn:hover i.in_left { left: -35px; opacity: 0; } .btn_a.small_btn:hover i.in_right { right: 0; opacity: 1; } .btn_a.color1, .btn_a.color2, .btn_a.color3, .btn_a.color4, .btn_a.color5, .btn_a.color6, .btn_a.color7 { border: none; } .btn_a.color1 > span, .btn_a.color2 > span, .btn_a.color3 > span, .btn_a.color4 > span, .btn_a.color5 > span, .btn_a.color6 > span, .btn_a.color7 > span { color: #fff; } .btn_a.color1 > span { background: #28441d; } .btn_a.color2 > span { background: #3BADAF; } .btn_a.color3 > span { background: #e74c3c; } .btn_a.color4 > span { background: #5F52B7; } .btn_a.color5 > span { background: #B853A3; } .btn_a.color6 > span { background: #92C135; } .btn_a.color7 > span { background: #576162; } .btn_a.color1 > span > span, .btn_a.color2 > span > span, .btn_a.color3 > span > span, .btn_a.color4 > span > span, .btn_a.color5 > span > span, .btn_a.color6 > span > span, .btn_a.color7 > span > span { border-color: rgba(255, 255, 255, 0); } .btn_a.color1 i.in_left, .btn_a.color1 i.in_right, .btn_a.color2 i.in_left, .btn_a.color2 i.in_right, .btn_a.color3 i.in_left, .btn_a.color3 i.in_right, .btn_a.color4 i.in_left, .btn_a.color4 i.in_right, .btn_a.color5 i.in_left, .btn_a.color5 i.in_right, .btn_a.color6 i.in_left, .btn_a.color6 i.in_right, .btn_a.color7 i.in_left, .btn_a.color7 i.in_right { color: #fff; } .btn_b { background: #fff; border: 1px solid #e4e4e4; padding: 11px 14px 11px 18px; color: #ccc; display: inline-block; position: relative; overflow: hidden; margin-right: 15px; vertical-align: top; font-size: 14px; } .btn_b .hidden_element:after { color: #999; content: attr(data-text); left: 0px; position: absolute; top: 0px; } .btn_b .hidden_element:before { color: #999; content: attr(data-text); position: absolute; top: 50px; } .white_section .btn_b.white_btn { border: none; } .white_section .btn_b:not(.white_btn) { background: rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset; border: none; } .white_section .btn_b:not(.white_btn) .hidden_element:before, .white_section .btn_b:not(.white_btn) .hidden_element:after { color: #fff; } .white_btn { background: #fff; border: 1px solid #fff; color: #555; } .btn_b:hover .hidden_element:after { top: -50px; } .btn_b:hover .hidden_element:before { top: 0; } .btn_b.large_btn { padding: 15px 20px 16px 24px; font-size: 16px; } .btn_b.small_btn { padding: 8px 10px 8px 12px; font-size: 13px; } .acc_content .main_button { line-height: normal; margin-top: 20px; } .btn_b.color1 .hidden_element:before, .btn_b.color1 .hidden_element:after, .btn_b.color2 .hidden_element:before, .btn_b.color2 .hidden_element:after, .btn_b.color3 .hidden_element:before, .btn_b.color3 .hidden_element:after, .btn_b.color4 .hidden_element:before, .btn_b.color4 .hidden_element:after, .btn_b.color5 .hidden_element:before, .btn_b.color5 .hidden_element:after, .btn_b.color6 .hidden_element:before, .btn_b.color6 .hidden_element:after, .btn_b.color7 .hidden_element:before, .btn_b.color7 .hidden_element:after { color: #fff; } .btn_b.color1 { background: #28441d; border-color: #28441d; } .btn_b.color2 { background: #3BADAF; border-color: #3BADAF; } .btn_b.color3 { background: #e74c3c; border-color: #e74c3c; } .btn_b.color4 { background: #5F52B7; border-color: #5F52B7; } .btn_b.color5 { background: #B853A3; border-color: #B853A3; } .btn_b.color6 { background: #92C135; border-color: #92C135; } .btn_b.color7 { background: #576162; border-color: #576162; } .btn_c { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; display: inline-block; background: #576162; color: #fff; font-size: 13px; font-style: italic; position: relative; margin-top: 30px; height: 43px; line-height: 42px; padding: 0 15px 0 54px; } .btn_c span.btn_c_ic_a { left: 0; } .btn_c span.btn_c_ic_b { right: 50%; } .btn_c span.btn_c_ic_a, .btn_c span.btn_c_ic_b { background: #454d4f; display: block; height: 43px; line-height: 43px; text-align: center; width: 43px; position: absolute; top: 0; font-size: 18px; } .btn_c.large_btn { font-size: 18px; height: 60px; line-height: 60px; padding: 0 22px 0 75px; } .btn_c.large_btn span.btn_c_ic_a, .btn_c.large_btn span.btn_c_ic_b { height: 60px; line-height: 60px; width: 60px; } .btn_c.medium_btn { font-size: 15px; height: 50px; line-height: 47px; padding: 0 20px 0 64px; } .btn_c.medium_btn span.btn_c_ic_a, .btn_c.medium_btn span.btn_c_ic_b { height: 50px; line-height: 50px; width: 50px; } .btn_c:hover { color: #fff; padding: 0 54px 0 15px; } .btn_c:hover span.btn_c_ic_a { left: 50%; } .btn_c:hover span.btn_c_ic_b { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); right: 0; } .btn_c.large_btn:hover { padding: 0 75px 0 22px; } .btn_c.medium_btn:hover { padding: 0 64px 0 20px; } .btn_c span.btn_c_ic_b, .btn_c:hover span.btn_c_ic_a { -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .btn_c.color1 span.btn_c_ic_a, .btn_c.color1 span.btn_c_ic_b, .btn_c.color2 span.btn_c_ic_a, .btn_c.color2 span.btn_c_ic_b, .btn_c.color3 span.btn_c_ic_a, .btn_c.color3 span.btn_c_ic_b, .btn_c.color4 span.btn_c_ic_a, .btn_c.color4 span.btn_c_ic_b, .btn_c.color5 span.btn_c_ic_a, .btn_c.color5 span.btn_c_ic_b, .btn_c.color6 span.btn_c_ic_a, .btn_c.color6 span.btn_c_ic_b, .btn_c.color7 span.btn_c_ic_a, .btn_c.color7 span.btn_c_ic_b { background: rgba(0, 0, 0, 0.1); } .btn_c.color1 { background: #28441d; } .btn_c.color2 { background: #3BADAF; } .btn_c.color3 { background: #e74c3c; } .btn_c.color4 { background: #5F52B7; } .btn_c.color5 { background: #B853A3; } .btn_c.color6 { background: #92C135; } .btn_c.color7 { background: #576162; } .main_button { background: #fff; border: 1px solid #e4e4e4; color: #999; padding: 11px 14px; font-size: 13px; display: inline-block; } .main_button i { margin-right: 11px; } .main_button.large_btn { font-size: 16px; padding: 12px 18px 14px; } .main_button.large_btn i { margin-right: 14px; } .main_button.small_btn { font-size: 12px; padding: 7px 10px; } .main_button.small_btn i { margin-right: 9px; } .main_button:hover { color: #666; } .main_button.color1:hover, .main_button.color2:hover, .main_button.color3:hover, .main_button.color4:hover, .main_button.color5:hover, .main_button.color6:hover, .main_button.color7:hover, .main_button.color1, .main_button.color2, .main_button.color3, .main_button.color4, .main_button.color5, .main_button.color6, .main_button.color7 { color: #fff; } .main_button.color1 { background: #28441d; border-color: #28441d; } .main_button.color1:hover { background: #083C3B; border-color: #083C3B; } .main_button.color2 { background: #3BADAF; border-color: #3BADAF; } .main_button.color2:hover { background: #143B3C; border-color: #143B3C; } .main_button.color3 { background: #D10707; border-color: #D10707; } .main_button.color3:hover { background: #2F2F2F; border-color: #2F2F2F; } .main_button.color4 { background: #5F52B7; border-color: #5F52B7; } .main_button.color4:hover { background: #1F1B3C; border-color: #1F1B3C; } .main_button.color5 { background: #B853A3; border-color: #B853A3; } .main_button.color5:hover { background: #3C1B35; border-color: #3C1B35; } .main_button.color6 { background: #92C135; border-color: #92C135; } .main_button.color6:hover { background: #2D3C10; border-color: #2D3C10; } .main_button.color7 { background: #576162; border-color: #576162; } .main_button.color7:hover { background: #393B3C; border-color: #393B3C; } /* ---------------------------------------------------------------- Google Map -----------------------------------------------------------------*/ .bordered_content:not(.with_text) .google_map { height: 350px; } .google_map { display: block; margin: 0 auto; width: 100%; } .google_map img { max-width: none; } .content .bordered_content { margin-bottom: 25px; } .content .bordered_content.bordered { border: 1px solid #e7e7e7; padding: 8px; } .bordered_content.bordered { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 8px 0px; margin-bottom: 0; } .bordered_content.with_text { margin: 0 25px 25px 0; } /*-------- World Maps --------*/ .mapTooltip { position: fixed; background: #fff; moz-opacity: 0.70; opacity: 0.70; filter: alpha(opacity=70); padding: 10px 15px; z-index: 1000; max-width: 200px; display: none; color: #343434; } .mapTooltip > span { font-size: 16px; text-transform: uppercase; } .mapcontainer .areaLegend, .mapcontainer .plotLegend { float: left; width: 50%; } /* ---------------------------------------------------------------- Thembs Gallery -----------------------------------------------------------------*/ .thumbs_gall_slider_larg:not(.internal_porto) .item > a:after { background: #28441d; color: #fff; content: "\e112"; display: block; font-size: 24px; height: 70px; line-height: 70px; position: absolute; text-align: center; width: 70px; opacity: 0; pointer-events: auto; -webkit-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -o-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); } .thumbs_gall_slider_con { border: 1px solid #E5E5E5; position: relative; background: #fff; } .thumbs_gall_slider_con .owl-controls { position: absolute; z-index: 1; width: 100%; opacity: 0; } .gall_thumbs { padding: 15px 14px; } .gall_thumbs .owl-item { border: 1px solid #fff; } .gall_thumbs .current_thumb { border: 1px solid #28441d; overflow: hidden; } .gall_thumbs .item { cursor: pointer; } .gall_thumbs .item h1 { font-size: 18px; } .thumbs_gall_slider_con:hover .owl-controls { opacity: 1; } .thumbs_gall_slider_larg .kyma_owl_n, .thumbs_gall_slider_larg .kyma_owl_p { background: #e74c3c; color: #fff; display: block; font-size: 16px; height: 25px; line-height: 25px; text-align: center; width: 25px; } .content_thumbs_gall { margin-bottom: 25px; } .content_thumbs_gall .thumbs_gall_slider_larg { padding: 7px; border-bottom: none; } .content_thumbs_gall .thumbs_gall_slider_larg .owl-prev { left: 0; margin-top: -13px; } .content_thumbs_gall .thumbs_gall_slider_larg .owl-next { right: 14px; margin-top: -13px; } .content_thumbs_gall .gall_thumbs { padding: 0 0px 7px 7px; } .content_thumbs_gall .gall_thumbs .owl-item { border: none; } .content_thumbs_gall .gall_thumbs .owl-item > .item { margin-right: 7px; overflow: hidden; position: relative; } .content_thumbs_gall .gall_thumbs .owl-item.current_thumb > .item, .content_thumbs_gall .gall_thumbs .owl-item:hover > .item { opacity: 0.4; } .gall_arrow2 .thumbs_gall_slider_larg .kyma_owl_n, .gall_arrow2 .thumbs_gall_slider_larg .kyma_owl_p { background: #fff; color: #28441d; font-size: 24px; height: 40px; line-height: 40px; width: 40px; } .thumbs_gall_slider_con.content_thumbs_gall .owl-controls { opacity: 1; } .content_thumbs_gall.gall_arrow2 .thumbs_gall_slider_larg .owl-prev { left: 20px; margin-top: -20px; } .content_thumbs_gall.gall_arrow2 .thumbs_gall_slider_larg .owl-next { right: 40px; margin-top: -20px; } .col-md-12 > .content_thumbs_gall .thumbs_gall_slider_larg .kyma_owl_n, .col-md-12 > .content_thumbs_gall .thumbs_gall_slider_larg .kyma_owl_p { font-size: 20px; height: 35px; line-height: 35px; width: 35px; } .col-md-12 > .content_thumbs_gall { margin-bottom: 30px; } .thumbs_gall_slider_larg { border-bottom: 1px solid #E5E5E5; } .thumbs_gall_slider_larg .item { position: relative; overflow: hidden; } .thumbs_gall_slider_larg .item > a { display: block; position: relative; pointer-events: none; } .thumbs_gall_slider_larg .item:hover a:after { opacity: 0.7; -webkit-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -moz-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -ms-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -o-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); } .thumbs_gall_slider_larg .owl-prev { left: -1px; } .thumbs_gall_slider_larg .owl-next { right: -1px; } /* ---------------------------------------------------------------- Tooltip -----------------------------------------------------------------*/ .hm_tooltip1, .hm_tooltip2, .hm_tooltip3 { display: inline; position: relative; z-index: 999; } .hm_tooltip-item1 { color: #28441d; cursor: pointer; display: inline-block; font-weight: 700; padding: 0 5px; } .hm_tooltip-item1:after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .hm_tooltip1:hover .hm_tooltip-item1:after { pointer-events: auto; } .hm_tooltip1:hover .hm_tooltip-content1 { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); -moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); -o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } .hm_tooltip-content1 { position: absolute; z-index: 9999; min-width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 13px; line-height: 22px; background: #171B1E; opacity: 0; cursor: default; pointer-events: none; } .hm_tooltip-content1 img { position: relative; max-height: 170px; display: block; float: left; margin-right: 1.6em; } .tooltip-effect1-1 .hm_tooltip-content1 { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect1-2 .hm_tooltip-content1 { -webkit-transform-origin: 50% calc(110%); -moz-transform-origin: 50% calc(110%); -o-transform-origin: 50% calc(110%); transform-origin: 50% calc(110%); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -moz-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -o-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; -o-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect1-3 .hm_tooltip-content1 { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -moz-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -o-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect1-4 .hm_tooltip-content1 { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7, 0.3, 1); -moz-transform: scale3d(0.7, 0.3, 1); -o-transform: scale3d(0.7, 0.3, 1); transform: scale3d(0.7, 0.3, 1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; -o-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect1-5 .hm_tooltip-content1 { width: 180px; margin-left: -90px; -webkit-transform-origin: 50% calc(106%); -moz-transform-origin: 50% calc(106%); -o-transform-origin: 50% calc(106%); transform-origin: 50% calc(106%); -webkit-transform: rotate3d(0, 0, 1, 15deg); -moz-transform: rotate3d(0, 0, 1, 15deg); -o-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; -o-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); -moz-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); -o-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); } .tooltip-effect1-5 .hm_tooltip-text1 { padding: 1.4em; } .hm_tooltip1.tooltip-effect1-2:hover .hm_tooltip-content1 { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); -moz-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); -o-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } .hm_tooltip-content1:after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #171B1E; border-width: 10px; margin-left: -10px; } .hm_tooltip-text1 { display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; } .hm_tooltip-text1 a { font-weight: bold; } .tooltip-item2 { cursor: pointer; font-weight: bold; } .tooltip-turnright .tooltip-content2 { -webkit-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); -moz-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); -o-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); -ms-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); } .tooltip-turnright .tooltip-content2:after { left: 25%; -webkit-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -moz-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -ms-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -o-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); } .tooltip-turnleft .tooltip-content2 { -webkit-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); -moz-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); -o-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); -ms-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); } .tooltip-turnleft .tooltip-content2:after { right: 25%; -webkit-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -moz-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -ms-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -o-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); } .hm_tooltip2:hover .tooltip-content2 { opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tooltip-content2 { position: absolute; font-size: 16px; background: #fff; z-index: 9999; width: 280px; bottom: 100%; left: 50%; margin: 0 0 105px -140px; padding: 25px; text-align: left; border-radius: 10px/50%; -moz-border-radius: 10px/50%; -webkit-border-radius: 10px/50%; -ms-border-radius: 10px/50%; -o-border-radius: 10px/50%; color: #dd5864; opacity: 0; cursor: default; line-height: 26px; pointer-events: none; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -ms-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-content2:after { content: ''; position: absolute; width: 60px; height: 120px; top: 100%; background: url(images/tooltip3.svg) no-repeat center center; background-size: 100%; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; -ms-transition: transform 0.3s; } .tooltip-turnright:hover .tooltip-content2:after { -webkit-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -moz-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -ms-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -o-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); } .tooltip-turnleft:hover .tooltip-content2:after { -webkit-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -moz-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -ms-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -o-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); } .colorful_icons { max-width: 100px; } .colorful_icons_con { text-align: center; } .colorful_icons_con > span { display: block; } .colorful_title { display: block; font-size: 22px; font-weight: 300; margin-top: 10px; } .tooltip-content3 { position: absolute; background: url(images/shape1.svg) no-repeat center bottom; background-size: 100% 100%; z-index: 9999; width: 200px; bottom: 100%; left: 50%; margin-left: -100px; padding: 50px 30px; text-align: center; color: #fff; opacity: 0; cursor: default; font-size: 16px; line-height: 1.8; pointer-events: none; -webkit-transform: scale3d(0.1, 0.2, 1); -moz-transform: scale3d(0.1, 0.2, 1); -o-transform: scale3d(0.1, 0.2, 1); transform: scale3d(0.1, 0.2, 1); -webkit-transform-origin: 50% 120%; -moz-transform-origin: 50% 120%; -o-transform-origin: 50% 120%; transform-origin: 50% 120%; -webkit-transition: opacity 0.4s, -webkit-transform 0.4s; -moz-transition: opacity 0.4s, transform 0.4s; -o-transition: opacity 0.4s, transform 0.4s; transition: opacity 0.4s, transform 0.4s; -webkit-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); -moz-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); -o-transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); transition-timing-function: ease, cubic-bezier(0.6, 0, 0.4, 1); } .hm_tooltip3:hover .tooltip-content3 { opacity: 1; pointer-events: auto; -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .tooltip-content3:after { content: ''; position: absolute; width: 16px; height: 16px; left: 50%; margin-left: -8px; top: 100%; background: #28441d; -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); -moz-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); -o-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); } /* ---------------------------------------------------------------- Accordion -----------------------------------------------------------------*/ .acc_content { padding: 17px 25px 20px; background: #fff; border-color: #e5e5e5; border-style: solid; border-width: 0 1px 1px; line-height: 24px; } .acc_content .small_title .small_title_con { background: #FFF; } .acc_content .list3 { margin-top: 20px; } .kyma_occ_title { background: #fff; border: 1px solid #e5e5e5; cursor: pointer; display: block; padding: 12px 25px 11px; position: relative; text-transform: uppercase; } .kyma_occ_title i { color: #ccc; font-size: 16px; margin-right: 12px; } .occ_expanded .kyma_occ_title { color: #fff; background: #28441d; border-color: #28441d; } .occ_expanded .kyma_occ_title i { color: #fff; } .hm_filter_wrapper_con .occ_expanded .kyma_occ_title { color: #28441d; background: #fff; border-color: #28441d #28441d #e5e5e5 #28441d; } .hm_filter_wrapper_con .occ_expanded .kyma_occ_title i { color: #28441d; } .hm_filter_wrapper_con .acc_content { border-color: #28441d; } .hm_filter_wrapper_con .kyma_occ_container { padding-bottom: 0px; } .kyma_occ_container { position: relative; padding-bottom: 5px; } .kyma_occ_content { overflow: hidden; height: 0; position: relative; } .panel-heading a { position: relative; color: #777; border: 1px solid #E5E5E5; } .panel-heading a i { color: #aaa; margin-right: 12px; font-size: 16px; } .panel-heading a:not(.collapsed) { background: #28441d; color: #fff; border-color: #28441d; } .panel-heading a:not(.collapsed) i { color: #fff; } .panel-heading a:hover i { color: #28441d; } .panel-heading a:not(.collapsed):hover i { color: #fff; } .plus_minus_style .panel-heading a:after, .plus_minus_style .panel-heading a:before, .plus_minus .kyma_occ_title:after, .plus_minus .kyma_occ_title:before { background: #cecece; content: ""; height: 1px; position: absolute; right: 20px; top: 50%; width: 11px; } .plus_minus_style .panel-heading a.collapsed:before, .plus_minus .kyma_occ_container:not(.occ_expanded) .kyma_occ_title:after { transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); } .arrow_style .panel-heading a:after, .arrow_style .panel-heading a:before, .arrow_style .kyma_occ_title:after, .arrow_style .kyma_occ_title:before { background: #cecece; content: ""; height: 2px; position: absolute; right: 20px; top: 50%; width: 6px; } .arrow_style .panel-heading a:before, .arrow_style .occ_expanded .kyma_occ_title:before { transform: rotate(-38deg) translateX(-50%); -moz-transform: rotate(-38deg) translateX(-50%); -webkit-transform: rotate(-38deg) translateX(-50%); -ms-transform: rotate(-38deg) translateX(-50%); -o-transform: rotate(-38deg) translateX(-50%); } .arrow_style .panel-heading a:after, .arrow_style .occ_expanded .kyma_occ_title:after { transform: rotate(38deg) translateX(50%); -moz-transform: rotate(38deg) translateX(50%); -webkit-transform: rotate(38deg) translateX(50%); -ms-transform: rotate(38deg) translateX(50%); -o-transform: rotate(38deg) translateX(50%); } .arrow_style .panel-heading a.collapsed:before, .arrow_style .kyma_occ_title:before { transform: rotate(38deg) translateX(-50%); -moz-transform: rotate(38deg) translateX(-50%); -webkit-transform: rotate(38deg) translateX(-50%); -ms-transform: rotate(38deg) translateX(-50%); -o-transform: rotate(38deg) translateX(-50%); } .arrow_style .panel-heading a.collapsed:after, .arrow_style .kyma_occ_title:after { transform: rotate(-38deg) translateX(50%); -moz-transform: rotate(-38deg) translateX(50%); -webkit-transform: rotate(-38deg) translateX(50%); -ms-transform: rotate(-38deg) translateX(50%); -o-transform: rotate(-38deg) translateX(50%); } .panel-heading a:not(.collapsed):after, .panel-heading a:not(.collapsed):before, .occ_expanded .kyma_occ_title:after, .occ_expanded .kyma_occ_title:before { background: #fff; } .hm_filter_wrapper_con .occ_expanded .kyma_occ_title:after, .hm_filter_wrapper_con .occ_expanded .kyma_occ_title:before { background: #28441d; } .panel-heading a:hover:after, .panel-heading a:hover:before { background: #28441d; } .panel-heading a:not(.collapsed):hover:after, .panel-heading a:not(.collapsed):hover:before { background: #fff; } .bg_gray .panel-default > .panel-heading { background: #fff; } /* ---------------------------------------------------------------- Sliders -----------------------------------------------------------------*/ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut 0.7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn 0.7s both ease; } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade 0.7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown 0.6s ease both; } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom 0.5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo 0.5s ease both; } @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /*-------------------------------------------------[ Owl Custom ]------*/ .owl-prev, .owl-next { position: absolute; } #kyma_owl_slider .owl-item { overflow: hidden; width: 100%; height: 500px; } #kyma_owl_slider .btn_a { margin: 50px 0 0; border: none; } #kyma_owl_slider .owl_slider_con { left: 50%; width: 100%; max-width: 1170px; position: absolute; z-index: 1; padding: 0 15px; } #kyma_owl_slider .owl_slider_con > span.transform_owl { -webkit-transition: all 0.7s 0.5s; -moz-transition: all 0.7s 0.5s; transition: all 0.7s 0.5s; right: 0; opacity: 1; } #kyma_owl_slider .owl-wrapper-outer { height: 100%; } #kyma_owl_slider .owl-wrapper { cursor: move; } #kyma_owl_slider .owl-prev { left: 10px; } #kyma_owl_slider .owl-next { right: 10px; } #kyma_owl_slider .item > img { width: 100%; } #kyma_owl_slider .kyma_owl_p > span { left: 18px; top: 21px; } #kyma_owl_slider .kyma_owl_p > span:after { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; right: -5px; top: -5px; width: 5px; } #kyma_owl_slider .kyma_owl_p > span:before { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; right: -5px; top: 5px; width: 5px; } #kyma_owl_slider .kyma_owl_n > span { left: 25px; top: 21px; } #kyma_owl_slider .kyma_owl_n > span:after { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; left: -5px; top: -5px; width: 5px; } #kyma_owl_slider .kyma_owl_n > span:before { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; left: -5px; top: 5px; width: 5px; } #kyma_owl_slider .owl-controls, .png_slider .owl-controls, .feature_icon_slider .owl-controls, .content_slider .owl-controls { text-align: center; } .white_section #kyma_owl_slider .owl-page, .white_section .png_slider .owl-page, .white_section .feature_icon_slider .owl-page { background-color: #eee; } #kyma_owl_slider .owl-page, .png_slider .owl-page, .feature_icon_slider .owl-page, .porto_galla .owl-page, .content_slider .owl-page, .sidebar_slider .owl-page { background-color: #fff; border: 2px solid #fff; display: inline-block; height: 10px; margin-left: 10px; width: 10px; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #kyma_owl_slider .owl-page.active, #kyma_owl_slider .owl-page:hover, .png_slider .owl-page.active, .png_slider .owl-page:hover, .feature_icon_slider .owl-page.active, .feature_icon_slider .owl-page:hover, .porto_galla .owl-page.active, .porto_galla .owl-page:hover, .content_slider .owl-page.active, .content_slider .owl-page:hover, .sidebar_slider .owl-page.active, .sidebar_slider .owl-page:hover { background-color: #28441d; } #kyma_owl_slider .owl-pagination, .png_slider .owl-pagination { bottom: 35px; position: absolute; width: 100%; margin-left: -10px; } .png_slider.png_slider_light .owl-pagination { bottom: 0px; } .porto_galla .owl-pagination { padding-right: 20px; position: absolute; text-align: right; top: 15px; width: 100%; z-index: 10; height: 0; } .porto_block .owl-controls { z-index: 10; height: 100%; } .feature_icon_slider .owl-pagination, .sidebar_slider .owl-pagination { bottom: 0px; position: absolute; width: 100%; } .sidebar_slider .owl-pagination { bottom: 10px; padding-left: 8px; } #kyma_owl_slider .owl-prev, #kyma_owl_slider .owl-next { border: 4px solid rgba(0, 0, 0, 0.1); height: 55px; width: 55px; top: -29px; } #kyma_owl_slider .owl-buttons, .png_slider .owl-buttons, .normal_text_slider .owl-buttons, .porto_galla .owl-buttons { position: absolute; width: 100%; } /*-------------------------------------------------[ Text Slider ]------*/ .normal_text_slider .owl-buttons { top: 0; } #kyma_owl_slider .kyma_owl_p, #kyma_owl_slider .kyma_owl_n { background: #fff; display: block; height: 100%; width: 100%; position: relative; } #kyma_owl_slider .kyma_owl_p:after, #kyma_owl_slider .kyma_owl_n:after { background-color: #e74c3c; content: ""; display: block; height: 100%; opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); width: 100%; } #kyma_owl_slider .kyma_owl_p:hover:after, #kyma_owl_slider .kyma_owl_n:hover:after { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #kyma_owl_slider .kyma_owl_p:hover > span:after, #kyma_owl_slider .kyma_owl_p:hover > span:before, #kyma_owl_slider .kyma_owl_n:hover > span:after, #kyma_owl_slider .kyma_owl_n:hover > span:before, #kyma_owl_slider .kyma_owl_n:hover > span, #kyma_owl_slider .kyma_owl_p:hover > span { background: #fff; } #kyma_owl_slider .kyma_owl_p > span, #kyma_owl_slider .kyma_owl_n > span { background: #e74c3c; display: block; position: absolute; z-index: 1; height: 5px; width: 5px; } /*-------------------------------------------------[ Shop Slider ]------*/ .shop_slider.owl-carousel { padding-top: 10px; } .shop_slider .owl-prev { left: 30px; top: -25px; } .shop_slider .owl-next { right: 30px; top: -25px; } .shop_slider .owl-controls { position: absolute; width: 100%; } .shop_slider .kyma_owl_p, .shop_slider .kyma_owl_n { background: #fff; border: 1px solid #dadbdb; color: #dadbdb; display: block; font-size: 24px; height: 50px; line-height: 50px; text-align: center; width: 50px; } .white_section .shop_slider .kyma_owl_p, .white_section .shop_slider .kyma_owl_n { background: none; } /*-------------------------------------------------[ OWL Slider Default ]------*/ .owl_slider_con > span { right: -25%; position: relative; opacity: 0; } .owl_text_a { display: block; text-transform: uppercase; } .owl_text_a > span { background-color:#CC3333; color: #fff; display: inline-block; font-size: 16px; padding: 13px 54px 13px 20px; position: relative; font-style: italic; } .owl_text_a a { background-color: #cf2c1d; color: #fff; font-size: 20px; height: 100%; line-height: 49px; padding: 0 13px; position: absolute; right: 0; top: 0; } .owl_text_a a span:before { background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .owl_text_a a:hover span:before { opacity: 1; left: 0; } .owl_text_b, .owl_text_c { display: block; } .owl_text_b > span { background: #fff; color: #ed1c24; display: inline-block; font-size: 28px; font-weight: bold; padding: 15px 20px; text-transform: uppercase; } .owl_text_c > span { background-color: rgba(255, 255, 255, 0.9); color: #CC3333; display: inline-block; font-size: 18px; line-height: 26px; padding: 11px 20px; width: auto; font-weight: bold; } .owl_text_c transform_owl{ } /*-------------------------------------------------[ Owl Sliders ]------*/ .png_slider.png_slider_light { padding-bottom: 40px; } .png_slider_light.png_slider .owl-prev, .png_slider_light.png_slider .owl-next { border-color: #dadbdb; } .png_slider .owl-prev, .png_slider .owl-next { border: 1px solid #E2E2E2; font-size: 24px; height: 52px; line-height: 52px; text-align: center; width: 52px; color: #e2e2e2; } .png_slider .owl-prev:hover, .png_slider .owl-next:hover { background: #fff; color: #28441d; } .png_slider .owl-prev { left: 15px; } .png_slider .owl-next { right: 15px; } .png_slide .desc { position: absolute; width: 60%; } .png_slide .desc > span { background-color: rgba(0, 0, 0, 0.6); border-left: 4px solid #28441d; border-right: 4px solid #28441d; display: block; font-size: 16px; line-height: 26px; margin-bottom: 40px; padding: 20px; } .porto_block .owl-controls { position: absolute; width: 100%; top: 0; } .normal_text_slider.client_say_slider .owl-controls, .our_client_slider .owl-controls { position: absolute; width: 100%; top: 0; } .white_section .our_client_slider .kyma_owl_p, .white_section .our_client_slider .kyma_owl_n { border-color: #fff; color: #fff; background: none; } .normal_text_slider .kyma_owl_n, .our_client_slider .kyma_owl_n { text-indent: 2px; } .normal_text_slider .kyma_owl_p, .normal_text_slider .kyma_owl_n, .our_client_slider .kyma_owl_p, .our_client_slider .kyma_owl_n { background: #fff; border: 2px solid #dadbdb; color: #dadbdb; display: block; font-size: 24px; height: 37px; line-height: 36px; text-align: center; width: 37px; } .porto_galla .kyma_owl_p, .porto_galla .kyma_owl_n { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); color: #28441d; display: block; font-size: 20px; height: 37px; line-height: 36px; text-align: center; width: 37px; } .white_section .normal_text_slider .kyma_owl_p, .white_section .normal_text_slider .kyma_owl_n { background: none; border-color: #fff; color: #fff; } .normal_text_slider .kyma_owl_p:hover, .normal_text_slider .kyma_owl_n:hover, .our_client_slider .kyma_owl_p:hover, .our_client_slider .kyma_owl_n:hover, .shop_slider .kyma_owl_p:hover, .shop_slider .kyma_owl_n:hover { color: #28441d; border-color: #28441d; } .white_section .our_client_slider .kyma_owl_p:hover, .white_section .our_client_slider .kyma_owl_n:hover { color: #fff; border-color: #fff; } .normal_text_slider.client_say_slider .owl-prev, .normal_text_slider.client_say_slider .owl-next { top: 71px; } .normal_text_slider.client_say_slider .owl-prev { left: 30%; } .normal_text_slider.client_say_slider .owl-next { right: 30%; } .normal_text_slider .owl-prev { left: -55px; top: 10px; } .normal_text_slider .owl-next { right: 55px; top: 10px; } .our_client_slider.owl-carousel { padding: 0 40px; } .sidebar_slider .owl-buttons { position: absolute; top: -47px; width: 100%; right: 0; } .sidebar_slider .owl-prev { right: 30px; } .sidebar_slider .owl-next { right: 0; } .sidebar_slider .kyma_owl_p, .sidebar_slider .kyma_owl_n { font-size: 24px; color: #dadbdb; } .sidebar_slider .kyma_owl_p:hover, .sidebar_slider .kyma_owl_n:hover { color: #28441d; } .normal_text_slider:not(.client_say_slider) { padding: 0 55px; } .porto_galla .owl-prev { left: 0; opacity: 0; } .porto_galla .owl-next { right: 0; opacity: 0; } .porto_hidden_title .porto_galla .owl-next, .porto_hidden_title .porto_galla .owl-prev { margin-top: -20px; } .porto_galla:hover .owl-prev { opacity: 1; left: 10px; } .porto_galla:hover .owl-next { opacity: 1; right: 10px; } .related_posts_con .owl-buttons, .related_slider_widget .owl-buttons { color: #dadbdb; font-size: 24px; position: absolute; right: -4px; top: -36px; } .related_posts_con .owl-buttons .owl-prev, .related_slider_widget .owl-buttons .owl-prev { right: 30px; } .related_posts_con .owl-buttons .owl-next, .related_slider_widget .owl-buttons .owl-next { right: 0; } .related_posts_con .owl-buttons .owl-prev:hover, .related_posts_con .owl-buttons .owl-next:hover { color: #1dcbca; } .featured_slider .owl-buttons { position: absolute; top: 50%; width: 100%; } .featured_slider .owl-buttons .owl-prev { transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); left: 0; } .featured_slider .owl-buttons .owl-next { transform: translateY(-50%) translateX(50%); -moz-transform: translateY(-50%) translateX(50%); -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); -o-transform: translateY(-50%) translateX(50%); right: 0; } .full_carousel { overflow: hidden; } .featured_slider:not(.full_carousel) .owl-buttons .owl-prev, .featured_slider:not(.full_carousel) .owl-buttons .owl-next { background: #28441d; border: 2px solid #fff; color: #fff; font-size: 20px; height: 40px; line-height: 37px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 40px; } .featured_slider:not(.full_carousel) .owl-buttons .owl-prev:hover, .featured_slider:not(.full_carousel) .owl-buttons .owl-next:hover { background: #233039; } .featured_slider.full_carousel .owl-buttons .owl-prev, .featured_slider.full_carousel .owl-buttons .owl-next { background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; height: 60px; line-height: 60px; text-align: center; width: 35px; } .featured_slider.full_carousel .owl-buttons .owl-prev { transform: translateX(-100%) translateY(-50%); -moz-transform: translateX(-100%) translateY(-50%); -webkit-transform: translateX(-100%) translateY(-50%); -ms-transform: translateX(-100%) translateY(-50%); -o-transform: translateX(-100%) translateY(-50%); padding-right: 3px; left: 0; } .featured_slider.full_carousel .owl-buttons .owl-next { transform: translateX(100%) translateY(-50%); -moz-transform: translateX(100%) translateY(-50%); -webkit-transform: translateX(100%) translateY(-50%); -ms-transform: translateX(100%) translateY(-50%); -o-transform: translateX(100%) translateY(-50%); padding-left: 3px; right: 0; } .featured_slider.full_carousel:hover .owl-buttons .owl-prev, .featured_slider.full_carousel:hover .owl-buttons .owl-next { transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); } /*------------------------------------------------------------- Portfolio -------------------------------------------------------------*/ .hm_filter_wrapper.boxed_portos { margin: 0 auto; max-width: 1170px; position: relative; width: 100%; } .content_hidden { margin: 0; overflow: hidden; } .hm_filter_wrapper_con { margin-top: 40px; } #options.sort_options { padding: 0 15px; text-transform: capitalize; } .site_boxed #options.sort_options { padding: 0 15px; } .site_boxed .hm_filter_wrapper.boxed_portos { padding: 0 5px; } .content #options.sort_options { padding: 0; } .hm_filter_wrapper_con:after { content: ''; display: block; clear: both; } .has_sapce_portos .filter_item_block { padding: 0 15px; margin-bottom: 30px; } .filter_item_block { width: 33.33333%; float: left; position: relative; } .filter_item_block .number { display: none; } .two_blocks .filter_item_block { width: 50%; } .two_blocks .porto_type img { width: 100%; } .four_blocks .filter_item_block { width: 25%; } .five_portos .filter_item_block { width: 20%; } .filter_item_block.width2 { width: 40%; } .filter_item_block:hover .porto_desc { border-bottom-color: #28441d; } .hm_filter_wrapper:not(.porto_hidden_title):not(.porto_full_desc) .filter_item_block:hover .porto_desc h6 { color: #28441d; } .porto_type { overflow: hidden; position: relative; z-index: 1; } .porto_type > img { position: relative; top: 0; } .hm_filter_wrapper .porto_type:not(.simple_porto_img):after { background: #28441d; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .hm_filter_wrapper .icon_expand { color: #fff; top: 20px; font-size: 16px; height: 48px; line-height: 48px; margin-right: 5px; text-align: center; width: 48px; } .hm_filter_wrapper .icon_expand > span { display: block; height: 100%; position: relative; width: 100%; } .hm_filter_wrapper .icon_expand:last-child { margin-right: 0px; } .before_after_img { display: block; position: relative; overflow: hidden; } .before_after_b, .before_after_a { display: block; float: left; width: 50%; position: relative; } .before_after_desc { background: #fff; border: 1px solid #dfe3e6; padding: 18px 24px 10px; } .before_after_desc h6 { margin-bottom: 10px; } .hm_filter_wrapper.porto_full_desc .porto_type:after { background: none; } .hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_type:after, .porto_type:hover:after { opacity: 0.7; } .porto_nav { left: 15%; position: absolute; text-align: center; width: 70%; z-index: 10; } .porto_nav .icon_expand:nth-child(2n) { top: -50px; } .porto_nav .icon_expand:nth-child(3n) { left: 50px; } .masonry_porto .porto_nav { left: 0; width: 100%; } .project_text_nav .expand_img, .hoverdir_meta .expand_img { margin-right: 5px; } .porto_block .expand_img, .porto_block .detail_link, .hm_filter_wrapper .icon_expand, .hoverdir_meta .expand_img, .hoverdir_meta .detail_link { background: #ed4e6e; color: #fff; display: inline-block; position: relative; z-index: 1; } .porto_nav .expand_img, .porto_nav .detail_link, .hm_filter_wrapper .icon_expand { background: rgba(0, 0, 0, 0.7); opacity: 0; transform: scale(0) rotate(20deg); -moz-transform: scale(0) rotate(20deg); -webkit-transform: scale(0) rotate(20deg); -ms-transform: scale(0) rotate(20deg); -o-transform: scale(0) rotate(20deg); } .project_text_nav .expand_img, .project_text_nav .detail_link, .hoverdir_meta .expand_img, .hoverdir_meta .detail_link { font-size: 13px; font-style: italic; padding: 9px 13px; } .project_text_nav .detail_link { -webkit-transition-delay: 0.10s; -moz-transition-delay: 0.10s; -ms-transition-delay: 0.10s; -o-transition-delay: 0.10s; transition-delay: 0.10s; } .project_text_nav .porto_type:hover .expand_img, .project_text_nav .porto_type:hover .detail_link, .project_text_nav .porto_type:hover .icon_expand, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .icon_expand, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .expand_img, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .detail_link { left: 0; right: 0; top: 0; opacity: 1; transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); } .hm_filter_wrapper.four_blocks.boxed_portos .icon_expand { height: 44px; line-height: 44px; width: 44px; } .hm_filter_wrapper.four_blocks.boxed_portos .porto_nums > span { display: none; } .porto_nav .expand_img:hover, .porto_nav .detail_link:hover, .project_text_nav .porto_type:hover .icon_expand:hover { background: rgba(0, 0, 0, 0.9); color: #28441d; } .porto_desc h6 { font-size: 14px; font-weight: 500; margin-bottom: 6px; } .hm_filter_wrapper.masonry_porto.has_sapce_portos .width2.rectangle_width .porto_type img { margin-top: -15px; } .menu_special_color { color: #e74c3c; font-weight: 700; } .simple_porto_img:hover > a { opacity: .8; } .porto_desc:not(.simple_porto_desc) { background: #fff; border-bottom: 1px solid #e6e6e6; padding: 17px 20px 17px; position: relative; z-index: 1; } .hm_filter_wrapper:not(.has_sapce_portos):not(.porto_full_desc):not(.porto_hidden_title) .porto_desc::after { background: #eee; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 1px; } .hm_filter_wrapper:not(.has_sapce_portos) .porto_desc { border-bottom: medium none; } .porto_date { color: #999; font-size: 12px; } .porto_nums { float: right; } .porto_nums > span { color: #a1a1a1; font-size: 11px; margin-right: 10px; } .porto_nums > span i { color: #c6c6c6; font-size: 13px; vertical-align: sub; margin-right: 6px; } .porto_nums > span:last-child { margin-right: 0px; } .porto_nums > span.like.added i { color: #28441d; } .porto_nums > span.comm i { font-size: 16px; } .porto_nums > span.like i { cursor: pointer; } .porto_nums > span.like i:hover { color: #28441d; } .option-set { float: left; } .hm_filter_wrapper.three_blocks.full_portos.has_sapce_portos .hm_filter_wrapper_con, .hm_filter_wrapper.four_blocks.full_portos.has_sapce_portos .hm_filter_wrapper_con { margin-left: 15px; margin-right: 15px; } .hm_filter_wrapper.boxed_portos:not(.has_sapce_portos) .hm_filter_wrapper_con { margin-right: 15px; margin-left: 15px; } .nav_in_center .option-set { float: none; } .nav_in_center #options .sort_list { float: none; margin: 30px auto 0; } .nav_in_center #sort-direction.option-set { float: none; margin: 30px auto 0; max-width: 38px; } .hm_filter_wrapper.full_portos #options.sort_options { margin: 0 auto; max-width: 1170px; width: 100%; } .no_sapce_portos:not(.porto_hidden_title):not(.porto_full_desc) .filter_item_block.design:nth-child(2n) .porto_desc { background: #f4f4f4; } .porto_hidden_title .porto_meta, .porto_desc h6 { position: relative; z-index: 1; } .porto_block { overflow: hidden; position: relative; } .hm_filter_wrapper.porto_hidden_title .porto_desc { border-bottom: none; bottom: -100%; position: absolute; width: 100%; } .hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_type > img { top: -30px; } .hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_desc { bottom: 0px; } .hm_filter_wrapper.porto_hidden_title .porto_block .porto_nav { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .hm_filter_wrapper.porto_hidden_title.boxed_portos.four_blocks .porto_desc { padding: 13px 20px 16px; } .hm_filter_wrapper.porto_hidden_title.has_sapce_portos .porto_desc::after { border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0 1px 1px; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .porto_full_desc .porto_desc { overflow: hidden; background: #314152; height: 100%; position: absolute; width: 100%; color: #bfc6cd; border-bottom: none; text-align: center; } .porto_full_desc .porto_meta { position: absolute; width: 100%; } .porto_full_desc .porto_meta > p { margin: 16px 0; } .porto_full_desc .porto_desc h6, .hoverdir_meta .proj_name { color: #fff; margin-bottom: 15px; } .porto_full_desc .porto_date, .hoverdir_meta .proj_date { color: #28441d; display: block; margin-bottom: 20px; text-transform: uppercase; } .four_blocks.boxed_portos.porto_full_desc .porto_meta > p { font-size: 13px; margin: 11px 0 12px; } .four_blocks.boxed_portos.porto_full_desc.has_sapce_portos .porto_date { display: block; margin-bottom: 13px; margin-top: 5px; } .four_blocks.boxed_portos.porto_full_desc.has_sapce_portos .porto_desc { text-align: center; } .da-slideFromTop { left: 0px; top: -100%; } .da-slideFromBottom { left: 0px; top: 100%; } .da-slideFromLeft { top: 0px; left: -100%; } .da-slideFromRight { top: 0px; left: 100%; } .da-slideTop { top: 0px; } .da-slideLeft { left: 0px; } /*------------------------------------------------------------- Blog -------------------------------------------------------------*/ .hm_new_con { background: #1c2124; overflow: hidden; } .hm_new_title_con { background: #e74c3c; float: left; height: 100%; line-height: 57px; padding: 0 15px; position: absolute; width: 168px; } .hm_new_title_con:after { background: #1c2124; content: ""; height: 100%; position: absolute; right: 1px; top: 0; width: 4px; } .hm_new_title_con h4 { color: #fff; font-size: 15px; margin: 0; text-transform: uppercase; white-space: nowrap; font-style: italic; } .hm_new_title_con h4 i { display: inline-block; font-size: 32px; line-height: 48px; margin-right: 10px; } .hm_new_title_con h4 > span { display: inline-block; line-height: 48px; vertical-align: top; } .hm_new_title_con h4 > span .latest_word { display: inline-block; } .hm_new_bar { float: left; font-size: 13px; padding: 15px 50px 15px 163px; position: relative; width: 100%; } .hm_new_bar_controll { border-left: 1px solid #e74c3c; border-right: 1px solid #e74c3c; height: 100%; position: absolute; right: 0; top: 0; width: 35px; } .hm_new_bar_controll:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e74c3c; border-style: solid; border-width: 8px; content: ""; left: -8px; position: absolute; top: -8px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .hm_new_bar_slider { max-height: 18px; overflow: hidden; padding-left: 20px; } .hm_new_bar_slider > .news_item { display: inline-block; } .hm_new_bar_slider .news_item { margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hm_new_bar_slider .news_item i { margin-right: 5px; } .hm_new_bar_slider .news_item a { color: #aaa; text-transform: uppercase; } .hm_new_bar_slider .news_item a:hover { color: #fff; } .hm_new_bar_controll_btn { background: rgba(0, 0, 0, 0.6); color: #fff; display: block; height: 100%; width: 100%; position: relative; } .hm_new_bar_controll_btn i { font-size: 12px; margin-left: -1px; display: block; left: 50%; position: absolute; top: 50%; -moz-transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -o-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); opacity: 1; } .hm_new_bar_controll_btn.pause .pause_news, .hm_new_bar_controll_btn.play .play_news { -moz-transform: translateX(-50%) translateY(-50%) scale(0); -webkit-transform: translateX(-50%) translateY(-50%) scale(0); -o-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); opacity: 0; } /*------------------------------------------------------------- Blog -------------------------------------------------------------*/ .blog_grid_block { position: relative; margin-bottom: 30px; } .blog_grid_block > div { position: relative; } .blog_grid_block > div.feature_inner:after { background: #fff; content: ""; height: 1px; left: 10px; position: absolute; top: 10px; width: 16px; opacity: 0; } .blog_grid_block > div.feature_inner:before { background: #fff; content: ""; height: 16px; left: 10px; position: absolute; top: 10px; width: 1px; z-index: 1; opacity: 0; } .blog_grid_block > div.feature_inner .feature_inner_corners:after { background: #fff; content: ""; height: 1px; right: 10px; position: absolute; bottom: 10px; width: 16px; opacity: 0; } .blog_grid_block > div.feature_inner .feature_inner_corners:before { background: #fff; content: ""; height: 16px; right: 10px; position: absolute; bottom: 10px; width: 1px; z-index: 1; opacity: 0; } .blog_grid_block > div.feature_inner:hover .feature_inner_btns > a { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .blog_grid_block > div.feature_inner:hover .feature_inner_btns > a:hover { transform: scale(1.3) rotate(45deg); -moz-transform: scale(1.3) rotate(45deg); -webkit-transform: scale(1.3) rotate(45deg); -o-transform: scale(1.3) rotate(45deg); -ms-transform: scale(1.3) rotate(45deg); z-index: 1; } .blog_grid_block > div.feature_inner:hover:after, .blog_grid_block > div.feature_inner:hover:before, .blog_grid_block > div.feature_inner:hover .feature_inner_corners:after, .blog_grid_block > div.feature_inner:hover .feature_inner_corners:before { opacity: 1; } .blog_grid_con { background: #fff; border-color: #e9e9e9; border-style: solid; border-width: 0 1px 1px; padding: 25px 22px 17px; } .blog_grid_con p { margin: 0; } .blog_grid_con p:not(.desc) { margin-bottom: 20px; } .post .blog_grid_con > p:last-child { margin-bottom: 0; } .blog_grid_format { color: #fff; display: block; height: 40px; position: absolute; text-align: center; top: -20px; width: 40px; } .blog_grid_format:hover { transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); color: #fff; } .blog_grid_format:before { height: 50%; left: 0; top: 0; position: absolute; content: ""; width: 100%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .blog_grid_format i { background: #28441d; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0px -1px 1px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0px -1px 1px rgba(0, 0, 0, 0.1) inset; color: #fff; display: block; font-size: 16px; height: 100%; line-height: 40px; position: absolute; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 100%; } .hosted_video_audio_con .blog_grid_format { bottom: -20px; top: inherit; display: none; } .post_title_con { margin-bottom: 30px; position: relative; } .post_title_con .meta { display: block; } .tags_con, .internal_post_con .related_posts, .post_next_prev_con { margin-bottom: 50px; } .internal_post_con { padding: 70px 0; position: relative; } .blog_grid_con .meta a, .post_title_con .meta a, .timeline_block .meta a { color: #999; } .blog_grid_con .meta .post_type_meta a, .post_title_con .post_type_meta a { color: #28441d; } .blog_grid_con .meta a:hover, .post_title_con .meta a:hover, .timeline_block .meta a:hover { color: #28441d; } .blog_grid_con .title, .post_title_con .title { font-weight: 500; margin-bottom: 10px; text-transform: uppercase; font-size: 16px; } .blog_grid_con .meta { color: #8a8d8d; display: block; font-size: 13px; margin-bottom: 13px; } .blog_grid_con .meta .meta_slash { margin: 0 5px; } .blog_grid_con .title a { color: #324545; } .blog_grid_con .title a:hover { color: #28441d; } .blog_grid_con .desc { color: #555; font-size: 13px; } .feature_inner_ling { position: relative; display: block; overflow: hidden; } .feature_inner_ling:after { background: #28441d; width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0; } .feature_inner_ling:before { box-shadow: 0px -5px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px -5px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px -5px 3px rgba(0, 0, 0, 0.1) inset; content: ""; height: 100%; left: -15%; position: absolute; top: 0; width: 130%; } .hm_blog_full_list .feature_inner_ling:after { background: none; } .feature_inner_btns { position: absolute; z-index: 1; } .feature_inner_btns > a { background: #fff; display: inline-block; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #28441d; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); } .feature_inner_btns > a.icon_link { background: rgba(0, 0, 0, 0.8); color: #fff; } .no_corners:after, .no_corners:before, .no_corners .feature_inner_corners:after, .no_corners .feature_inner_corners:before { display: none; } .hm_blog_full_list .blog_grid_block > div.feature_inner .feature_inner_corners:before, .hm_blog_full_list .blog_grid_block > div.feature_inner:before, .hm_blog_full_list .blog_grid_block > div.feature_inner:after, .hm_blog_full_list .blog_grid_block > div.feature_inner .feature_inner_corners:after { background: none; } .feature_inner:hover .feature_inner_ling:after { opacity: .8; } /*-------------------------------------------------[ Blog Timeline ]------*/ .hm_filter_wrapper_con.timeline .filter_item_block { width: 50%; list-style: none; position: relative; z-index: 1; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) { padding-right: 50px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) { padding-left: 50px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2) { margin-top: 85px; } .hm_filter_wrapper_con.timeline .filter_item_block .timeline_block { background: #fff; border: 1px solid #D7E4ED; margin: 0 0 50px; padding: 20px; position: relative; width: 100%; } .hm_filter_wrapper_con.timeline .filter_item_block .timeline_block:before, .hm_filter_wrapper_con.timeline .filter_item_block .timeline_block:after { border-style: solid; border-width: 8px; content: ""; position: absolute; display: block; top: 20px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_block:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d2db; right: -16px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_block:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff; right: -15px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_block:before { border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: -16px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_block:after { border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: -15px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_post_format { right: -81px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_post_format { left: -80px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .read_more_button { float: right; } .timeline_block .meta { display: block; font-size: 13px; font-style: italic; margin-bottom: 10px; } .timeline_block .meta .meta_part { margin: 0px 25px 10px 0px; display: inline-block; } .timeline_block .timeline_feature { margin-bottom: 20px; overflow: hidden; } .timeline_block .timeline_feature a { display: block; overflow: hidden; position: relative; } .timeline_block .timeline_title { font-size: 20px; font-weight: 400; letter-spacing: 1px; margin-bottom: 14px; text-transform: uppercase; } .timeline_block .timeline_title a { color: #324545; } .timeline_block .timeline_title a:hover { color: #28441d; } .timeline_block .article { line-height: 24px; margin-bottom: 10px; } .timeline_block .date { color: #b0afaf; display: inline-block; font-size: 13px; margin-bottom: 15px; margin-right: 20px; font-style: italic; } .timeline_block .date i { font-size: 16px; margin-right: 8px; vertical-align: sub; } .hm_filter_wrapper_con.timeline { position: relative; } .hm_filter_wrapper_con.timeline:after { background: #d7e4ed; content: ""; height: 100%; position: absolute; bottom: -30px; width: 4px; } .hm_filter_wrapper.timeline { overflow: hidden; padding: 0 15px; } .read_more_button { color: #28441d; display: inline-block; font-size: 13px; padding: 5px 0; font-style: italic; } .read_more_button i { margin-right: 7px; } .timeline_post_format { border: 3px solid #28441d; color: #28441d; height: 60px; overflow: hidden; position: absolute; top: -2px; width: 60px; z-index: 1; } .timeline_post_format:after { background: #fff; content: ""; left: 0; top: 0; color: #fff; display: block; position: absolute; width: 100%; height: 100%; } .timeline_post_format i { font-size: 18px; position: absolute; z-index: 1; } .timeline_post_format:hover, .timeline_block:hover .timeline_post_format { color: #324545; border-color: #324545; } .timeline_block .timeline_feature > a:not(.quote_con):before, .timeline_block .timeline_feature .owl-item a:before { background: #28441d; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .timeline_block .timeline_feature a span.image-zoom { color: #fff; font-size: 24px; height: 50px; line-height: 50px; opacity: 1; position: absolute; text-align: center; width: 50px; z-index: 1000; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); opacity: 0; } .timeline_block .timeline_feature a:hover span.image-zoom { opacity: 1; } .timeline_block .timeline_feature a:hover:before { opacity: 0.5; } /*------------------------------------------[ Blog Masonry ]------*/ .blog_grid_desc { border-color: #e9e9e9; border-style: solid; border-width: 1px 1px 0px 1px; background: #fff; color: #324545; padding: 20px 22px 19px; } .blog_grid_desc .title { font-weight: 400; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; font-size: 16px; } .blog_grid_desc .title a { color: #576162; } .blog_grid_desc .title a:hover { color: #28441d; } .blog_grid_desc .meta { display: block; font-size: 13px; } .blog_grid_desc .desc { margin-bottom: 0; margin-top: 11px; font-size: 13px; } .hm_filter_wrapper.masonry_posts .filter_item_block, .hm_filter_wrapper.masonry_grid_posts .filter_item_block { padding: 0 15px; } .colored_masonry .blog_grid_desc { background: #28441d; box-shadow: 0 -3px 11px rgba(0, 0, 0, 0.05) inset, 0 -1px 0 rgba(0, 0, 0, 0.08) inset; color: #fff; border: none; } .colored_masonry .blog_grid_desc .title a, .colored_masonry .blog_grid_desc .title a:hover { color: #fff; } .blog_grid_desc .meta .meta_part, .hm_filter_wrapper.masonry_posts .blog_grid_con .meta .meta_part { display: inline-block; margin-bottom: 10px; margin-right: 20px; font-style: italic; } .blog_grid_desc .meta .meta_part i, .blog_grid_con .meta .meta_part i { margin-right: 5px; font-size: 14px; vertical-align: top; line-height: 19px; } .internal_post_con .meta .meta_part i, .timeline_block .meta .meta_part i { font-size: 14px; margin-right: 5px; color: #b0afaf; } .internal_post_con .meta .meta_part .ico-user5, .timeline_block .meta .meta_part .ico-user5 { font-size: 13px; } .hm_filter_wrapper.masonry_posts .blog_grid_con .meta { margin-bottom: 0; } .hm_filter_wrapper.masonry_posts .blog_grid_con .desc { border-top: 1px solid rgba(0, 0, 0, 0.07); margin-top: 13px; padding-top: 15px; } /*------------------------------------------[ Blog List ]------*/ .hm_blog_list .blog_grid_con { background: none; border: medium none; float: left; padding: 0 0 0 30px; width: 60%; } .hm_blog_list .blog_grid_block { margin-bottom: 50px; } .hm_blog_list .blog_grid_block:not(:last-child) { border-bottom: 1px dotted #e9e9e9; padding-bottom: 50px; } .hm_blog_list .blog_grid_block:last-child { margin-bottom: 0; } .hm_blog_list .col-md-12:last-child .blog_grid_block { margin-bottom: 0; } .hm_blog_list:not(.hm_blog_full_list) .feature_inner { float: left; width: 40%; } .hm_blog_list .blog_grid_con .desc { color: #555; font-size: 14px; } .hm_blog_list .feature_inner_ling:before { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; height: 100%; left: 0; top: 0; width: 100%; } .hm_blog_list .format_quote .blog_grid_con .meta { margin-bottom: 0; } .hm_blog_list .btn_a i.in_left, .hm_blog_list .btn_a i.in_right { height: 100%; line-height: 39px; padding: 0 12px; width: 38px; } .hm_blog_list .btn_a { margin-top: 25px; color: #28441d; font-size: 13px; } .hm_blog_list .btn_a:hover > span > span { left: -1px; } .hm_blog_list .btn_a > span { padding-right: 37px; } .hm_blog_list .btn_a > span > span { padding: 10px 16px 11px; left: 38px; } .hm_blog_list .blog_grid_con .meta .meta_part, .post_title_con .meta .meta_part { display: inline-block; margin-bottom: 10px; margin-right: 25px; } .hm_blog_list .blog_grid_con .title, .hm_blog_full_list .blog_grid_con .title, .post_title_con .title { font-size: 22px; font-weight: 400; margin-bottom: 15px; } .hm_blog_list .blog_grid_con .title a, .post_title_con .title a { color: #576162; } .hm_blog_list .blog_grid_con .title a:hover, .post_title_con .title a:hover { color: #28441d; } .hm_blog_list .blog_grid_con .meta, .post_title_con .meta { border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin-bottom: 17px; padding-bottom: 11px; font-size: 13px; font-style: italic; } .hm_blog_full_list .blog_grid_con { border: none; background: none; width: 100%; float: none; clear: both; padding: 25px 0px 25px; } .blog_list_format { background: #28441d; color: #fff; display: block; font-size: 14px; height: 40px; left: 11px; line-height: 43px; position: absolute; text-align: center; top: 11px; width: 40px; z-index: 1; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); opacity: 0; } .blog_list_format:hover { color: #fff; background: #28441d; } .self_hosted_container { position: relative; } .embed-container { background: #eee; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .feature_inner_corners .quote_con, .timeline_feature .quote_con { font-size: 16px; line-height: 30px; padding: 15px 25px 25px; } .quote_con .quote_author { display: block; font-size: 13px; font-style: italic; line-height: initial; margin-top: 10px; } .quote_con:hover { background: #1B2228; color: #fff; } .quote_con, .quote_con:focus { background: #28441d; color: #fff; display: block; font-size: 20px; line-height: 35px; padding: 17px 25px 26px; } .post_format_con.hm_quote > span:after { background: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .post_format_con.hm_quote > span > a:after { background: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .post_format_con > span { display: block; height: 3px; position: relative; width: 100%; } .post_format_con > span > a { background: #fff; border: 1px solid #28441d; color: #28441d; height: 40px; left: 50%; line-height: 40px; margin-top: -17px; position: absolute; text-align: center; width: 40px; z-index: 1; transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); } .post_format_con > span > a i { display: block; line-height: 40px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; z-index: 1; } /*------------------------------------------[ Blog Comments ]------*/ #comments ol.comments_list li { list-style: none; } #comments .children { border-left: 1px solid #28441d; padding-left: 45px; position: relative; } #comments .children:after { background: #28441d; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50px; width: 22px; } #comments .comment-box { background: #FEFEFE; border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 22px; } #comments .trees_number { background: #fff; border: 1px solid #eee; color: #c1c1c1; float: right; padding: 0 7px; font-size: 11px; display: none; } #comments .avatar { background: #fff; border: 1px solid #ddd; float: left; margin: 4px 15px 0 4px; padding: 4px; } #comments .comment_content { margin-left: 110px; } #comments h4.author_name { color: #28441d; font-size: 15px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase; } #comments h4.author_name a:hover { color: #324545; } #comments span.comment_meta { display: block; margin-bottom: 8px; text-transform: uppercase; } #comments span.comment_meta a { color: #aaa; font-size: 12px; } #comments .comment_said_text { color: #777; font-size: 14px; } #comments .comment_said_text p { line-height: 26px; } #comments .comment-reply-link, #comments .comment-edit-link { background: #fff; border: 1px solid #ddd; color: #aaa; display: inline-block; font-size: 11px; margin: 2px 3px 0 0; padding: 4px 10px 5px; } #comments .comment-reply-link:hover, #comments .comment-edit-link:hover { border-color: #28441d; color: #324545; } #comments .comment-respond { margin-top: 40px; } #comments .comment-notes { color: #aaa; font-size: 13px; letter-spacing: 1px; margin: 8px 0 20px; } #commentform input[type="text"] { height: 40px; margin: 0 1.4% 1.4% 0; width: 32.4%; float: left; } #commentform input:last-of-type { margin-right: 0; } #commentform textarea { width: 100%; } #commentform #submit-comment { margin: 10px 0 0; } /*------------------------------------------[ Blog About Auther Block ]------*/ .about_auther { margin-bottom: 30px; font-size: 15px; } .about_auther .avatar_img { border: 1px solid #dadbdb; display: inline-block; float: left; overflow: hidden; padding: 6px; position: absolute; width: 140px; } .about_auther .about_auther_details { display: block; padding-left: 160px; } .about_auther .about_auther_details .auther_link { display: block; margin-bottom: 8px; text-transform: uppercase; } .about_auther .about_auther_details .social_media { margin-top: 15px; } .about_auther .about_auther_con { min-height: 140px; } .about_auther .about_auther_con .desc { line-height: 28px; } /*------------------------------------------[ Blog Tags ]------*/ .tags_con > h6, #share_on_socials > h6 { display: inline-block; margin-bottom: 5px; margin-right: 5px; text-transform: uppercase; font-size: 15px; } .tags_con > a { background: #fff; border: 1px solid #dddddd; color: #777; display: inline-block; font-size: 12px; margin: 0 5px 5px 0; padding: 8px 11px; text-transform: uppercase; } .tags_con > a:hover { border-color: #28441d; color: #28441d; } /*------------------------------------------[ Blog Next Prev Post ]------*/ .post_next_prev { float: right; margin-top: 16px; } .post_next_prev a { color: #ddd; display: inline-block; font-size: 15px; margin-right: 5px; } .post_next_prev a .t { color: #999; font-size: 12px; line-height: 22px; margin: 0 5px; text-transform: uppercase; vertical-align: top; } .post_next_prev a:hover, .post_next_prev a:hover .t { color: #28441d; } .post_next_prev_con .single_pro_row { padding-right: 115px; } /* ---------------------------------------------------------------- Widgets -----------------------------------------------------------------*/ .cat_list_widget > li { border-bottom: 1px dotted #e5e5e5; list-style: none; padding: 7px 0; } .cat_list_widget > li:last-child { border-bottom: none; } .cat_list_widget > li .num_posts { color: #aaa; float: right; font-size: 11px; } .cat_list_widget > li a { color: #777; display: inline-block; margin-right: 10px; font-size: 13px; } .cat_list_widget > li a:hover { color: #aaa; } .cat_list_widget.no_numbers > li a { display: block; } .widget_block { border-bottom: 1px solid #eee; margin-bottom: 22px; padding-bottom: 30px; } .widget_block > h6 { font-size: 15px; font-weight: 500; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; word-spacing: 1px; } .widget_block:last-child { border-bottom: medium none; margin-bottom: 0; padding-bottom: 0; } /*------[ Search Widget ]------*/ .search_block { height: 39px; position: relative; } .search_block form input.serch_input { background: #fff; border: 1px solid #E5E5E5; color: #888; float: left; font-size: 13px; height: 39px; letter-spacing: 1px; margin: 0; padding: 5px 50px 5px 10px; width: 100%; } .search_block form input.serch_input:focus { color: #444444; } .search_block form .search_btn:after { background: #ddd; content: ""; height: 50%; left: 0; position: absolute; top: 25%; width: 1px; } .search_block form .search_btn { background: rgba(0, 0, 0, 0); border: medium none; color: #28441d; float: left; font-size: 14px; height: 39px; line-height: 42px; min-width: 39px; position: absolute; right: 1px; vertical-align: bottom; } .search_block form .search_btn:hover { opacity: 0.8; } .search_block.large_search form input.serch_input { height: 45px; padding: 4px 55px 5px 15px; color: #888; } .search_block.large_search form .search_btn { font-size: 16px; height: 45px; line-height: 45px; min-width: 45px; } /*-------------------------------------------------[ Social Links Widget ]------*/ .social_links_widget a { background: #fff; border: 1px solid #ddd; color: #777; display: block; float: left; font-size: 14px; height: 38px; line-height: 38px; margin: 0 10px 10px 0; text-align: center; width: 38px; } .social_links_widget a.twitter:hover { color: #00baff; } .social_links_widget a.facebook:hover { color: #516ca4; } .social_links_widget a.googleplus:hover { color: #ed523d; } .social_links_widget a.linkedin:hover { color: #1985bc; } .social_links_widget a.youtube:hover { color: #f02a06; } .social_links_widget a.skype:hover { color: #44bbff; } .social_links_widget a.flickr:hover { color: #ff0084; } .social_links_widget a.picasa:hover { color: #6878a0; } .social_links_widget a.vimeo:hover { color: #44bbff; } .social_links_widget a.tumblr:hover { color: #395875; } .social_links_widget a.dribble:hover { color: #dc71a6; } .social_links_widget a.soundcloud:hover { color: #ff6600; } .social_links_widget a.instagram:hover { color: #406f94; } .social_links_widget a.pinterest:hover { color: #f21414; } .social_links_widget a.rss:hover { color: #ff9d00; } /*-------------------------------------------------[ Tagcloud Widget ]------*/ .tagcloud a { display: block; float: left; margin: 0 10px 10px 0; position: relative; } .tagcloud a:hover .tag { color: #28441d; } .tagcloud .tag { background: #fff; border: 1px solid #E5E5E5; color: #666; display: inline-block; font-size: 11px; font-weight: 300; letter-spacing: 1px; padding: 8px 9px; text-transform: uppercase; } .tagcloud .num { background: #FAFAFA; border-color: #E5E5E5; border-style: solid; border-width: 1px; display: inline-block; font-size: 11px; padding: 8px 9px 8px 11px; color: #888; position: relative; margin-left: -2px; } .tagcloud.style2 .num:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6c6c6; border-style: solid; border-width: 4px; content: ""; display: block; left: 0px; position: absolute; top: 12px; } .tagcloud.style2 .num:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff; border-style: solid; border-width: 4px; content: ""; display: block; left: -1px; position: absolute; top: 12px; } /*-------------------------------------------------[ Tagcloud Widget ]------*/ .posts_widget_list li:not(:last-child), .posts_widget_list2 li:not(:last-child) { margin-bottom: 25px; } .posts_widget_list li > a { color: #28441d; font-size: 13px; text-transform: capitalize; } .posts_widget_list li > a img { border: 1px solid #DDDDDD; padding: 4px; max-width: 70px; float: left; margin: 4px 15px 0 0; } .posts_widget_list li .your_rate { margin: 5px 0 9px; } .posts_widget_list2 li > a { color: #324545; font-size: 14px; text-transform: capitalize; } .posts_widget_list2 li > a img { max-width: 90px; float: left; margin: 5px 15px 0 0; } .posts_widget_list2 li > a span:hover { color: #28441d; } .posts_widget_list li .post_date, .posts_widget_list2 li .post_date { color: #999; display: block; font-size: 12px; margin: 5px 0; } .post_date i { font-size: 15px; margin-right: 6px; } .post_comment { font-size: 13px; font-style: italic; } /*-------------------------------------------------[ Shop Slider Widget ]------*/ .sidebar_slide { position: relative; max-width: 500px; overflow: hidden; } .sidebar_slide_link { display: block; position: relative; } .sidebar_slide_details { height: 100%; position: absolute; width: 100%; } .sidebar_slide_title { color: #fff; display: block; font-size: 20px; padding: 15px 20px; position: relative; text-transform: uppercase; text-align: center; } .sidebar_slide_title:after { background: #28441d; content: ""; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; width: 100%; } .sidebar_slide_cats { color: #324545; display: block; font-size: 14px; padding: 10px 20px; position: relative; text-transform: uppercase; text-align: center; } .sidebar_slide_cats:after { background: #fff; content: ""; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; width: 100%; } .sidebar_slide_discount { border: 4px solid rgba(255, 255, 255, 0.7); color: #fff; display: block; font-size: 32px; font-style: italic; height: 90px; line-height: 80px; margin: 20px auto 0; position: relative; text-align: center; width: 90px; } .sidebar_slide_discount:after { background: #e74c3c; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .sidebar_slide_price { color: #e74c3c; display: block; font-size: 22px; font-style: italic; letter-spacing: 1px; margin: 20px auto 0; padding: 8px 15px; position: relative; text-align: center; width: 50%; } .sidebar_slide_price:after { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .sidebar_slide_price:before { border-color: #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px; bottom: -10px; content: ""; display: block; position: absolute; } /*---------------------------------------------------------- Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. -----------------------------------------------------------*/ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-stacking + .noUi-origin { /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */ *z-index: -1; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 16px; } .noUi-horizontal .noUi-handle.noUi-handle-upper { left: -33px; top: -7px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -1px; top: -6px; } /*.noUi-handle.noUi-handle-upper { left: -33px; }*/ .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-background { background: #fafafa; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; box-shadow: 0 1px 1px #f0f0f0 inset; margin-bottom: -1px; margin-top: -1px; } .noUi-connect { background: #28441d; box-shadow: 0 0 3px rgba(51, 51, 51, 0.25) inset; margin-bottom: -1px; margin-top: -1px; transition: background 450ms ease 0s; -webkit-transition: background 450ms; } .noUi-origin { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; } .noUi-target { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb; } /* Handles and cursors; */ .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #e5e5e5, 0 3px 6px -3px #bbbbbb; } .noUi-active { box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle { cursor: not-allowed; } /* ---------------------------------------------------------------- Dark Site -----------------------------------------------------------------*/ .dark #preloader { background: #121518; } .dark .bg_overlay:after, .dark .bg_overlay:before { background: none; } .dark, .dark .small_title .small_title_con, .dark .main_title .line i, .dark .main_title .dot, body.site_boxed.dark, .dark #main_wrapper { background: #1D2226; } .dark .description2, .dark .description3 { background: #181D20; } .dark .page_title:not(.has_bg_image), .dark .page_title { background-color: #121518; border-bottom: 1px solid rgba(255, 255, 255, 0.06); box-shadow: 0 0 0; } .dark .small_title:after, .dark .main_title h2 .line { background: #3F4C4C; background: rgba(255, 255, 255, 0.07); } .dark .acc_content .small_title .small_title_con { background: #171b1e; } .dark { color: #fff; color: rgba(255, 255, 255, 0.7); } .dark .main_title:not(.gray_bg) h2, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6, .dark .page_title h1, .dark .hm_circle_title, .dark .team_block .front .person_name, .dark .team_block2 .person_name, .dark .say_datils > h5, .dark .normal_text_slider .client_details, .dark .related_posts_slide .related_title { color: #fff; } .dark #navigation_bar { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .dark:not(.light_header) .sticky_menu #navigation_bar, .dark:not(.light_header) .sticky_menu .top_search_con { background: #0B0D0F; } .dark .bg_gray { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.06); } .dark .acc_content { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0); } .dark .panel-body, .dark .panel-heading a, .dark .bg_gray .tabs2 .tabs-body, .dark .tabs2 .tabs-body, .dark .bg_gray .tabs1 .tabs-body, .dark .tabs1 .tabs-body, .dark .bg_gray .tabs1:not(.ver_tabs) .tabs-navi a, .dark .bg_gray .tabs2 .tabs-navi a:not(.selected), .dark .tabs1:not(.ver_tabs) .tabs-navi a, .dark .tabs2 .tabs-navi a:not(.selected) { border-color: rgba(255, 255, 255, 0); } .dark .bg_gray .panel-default > .panel-heading, .dark .panel-default > .panel-heading { background: rgba(0, 0, 0, 0.5); } .dark .occ_expanded .kyma_occ_title { background: #28441d; } .dark .kyma_occ_title { background: rgba(0, 0, 0, 0.5); border-color: rgba(255, 255, 255, 0); } .dark .panel, .dark .hm-tabs:not(.simple_tabs) .tabs-body, .dark .bg_gray .acc_content, .dark .acc_content, .dark .bg_gray .hm-tabs.tabs1.ver_tabs, .dark .hm-tabs.tabs1.ver_tabs, .dark .hm-tabs.tabs1.ver_tabs { background: rgba(0, 0, 0, 0.2); } .dark .hm-tabs.ver_tabs .tabs-body, .dark .tabs1.ver_tabs .tabs-body:after, .dark .tabs1.ver_tabs .tabs-navi a.selected, .dark .ver_tabs:not(.gradient_active) .tabs-navi a.selected:after { background: none; } .dark .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi a.selected, .dark .bg_gray .tabs-navi a, .dark .tabs-navi a, .dark .tabs2 .tabs-navi a { background: rgba(0, 0, 0, 0.2); } .dark .tabs1:not(.ver_tabs) .tabs-navi a.selected::after { background: rgba(255, 255, 255, 0.06); } .dark .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi > li:first-child a { border-left-color: rgba(255, 255, 255, 0); } .dark .tabs1:not(.ver_tabs) .tabs-navi a.selected::after { background: rgba(255, 255, 255, 0); } .dark .bg_gray .tabs-navi a, .dark .tabs-navi a, .dark .hm-tabs.simple_tabs .tabs-navi li a { background: rgba(0, 0, 0, 0.5); color: #aaa; border-color: rgba(255, 255, 255, 0.1); } .dark .hm-tabs.simple_tabs .tabs-navi li a.selected { color: #28441d; border-color: rgba(255, 255, 255, 0.3); } .no-touch .dark .tabs-navi a:hover { color: #fff; } .dark .with_arrow_t.tabs1.fill_active .tabs-navi a.selected:before { border-bottom-color: rgba(0, 0, 0, 0); } .dark .tabs1.ver_tabs .tabs-navi a, .dark .ver_tabs .tabs-navi li:last-child a.selected { border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .dark .hm-tabs.simple_tabs .tabs-navi li a:hover:not(.selected) { border-color: rgba(255, 255, 255, 0.1); color: #fff; } .dark .tabs2 .tabs-navi a.selected:after { border-bottom-color: rgba(0, 0, 0, 0.2); bottom: -26px; } .dark .tabs1.fill_active .tabs-navi li:first-child a:not(.selected), .dark .tabs1.fill_active .tabs-navi li:first-child a.selected, .dark .tabs1.fill_active .tabs-navi li:first-child a:hover { border-left: none; } .dark .tabs2 .tabs-navi a.selected:before { display: none; } .dark .bg_gray .hm-tabs.tabs1.ver_tabs, .dark .hm-tabs.tabs1.ver_tabs, .dark .tabs1.ver_tabs nav { border-color: rgba(255, 255, 255, 0); } .dark .welcome_banner.full_white, .dark .welcome_banner.classic_white { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .dark .welcome_banner.classic_white .intro_text, .dark .welcome_banner.full_white .intro_text, .dark .welcome_banner.boxed_white .intro_text { color: rgba(255, 255, 255, 0.6); } .dark .section_icon i { background: #28441d; color: #fff; } .dark .section_icon { border: none; } .dark .welcome_banner.boxed_white { border-color: rgba(255, 255, 255, 0.06); background: rgba(0, 0, 0, 0.2); } .dark .welcome_banner.full_banner_colored::after { border-bottom: 1px solid rgba(255, 255, 255, 0.06); top: 0; } .dark .progress_bar .fill_con { background: rgba(0, 0, 0, 0.3); } .dark .hm_new_con { background: rgba(0, 0, 0, 0.5); } .dark .bg_gray .main_title .line i { background: #171b1e; } .dark .team_block .face, .dark .bg_gray .team_block .face { background: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0); } .dark .team_block .face.back { background: #28441d; } .dark .team_block .team_img { background: rgba(0, 0, 0, 0.1); border: 5px solid rgba(255, 255, 255, 0.06); } .dark .team_block2 .member_img { background: rgba(0, 0, 0, 0.3); border: none; } .dark .social_media a { background: rgba(0, 0, 0, 0.5); border: none; color: #aaa; } .dark #footer::before { background: none; } .dark .what_say_block .say_img { background: rgba(0, 0, 0, 0.4); border: none; } .dark .normal_text_slider .kyma_owl_p, .dark .normal_text_slider .kyma_owl_n, .dark .our_client_slider .kyma_owl_p, .dark .our_client_slider .kyma_owl_n { background: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.1); } .dark .has_top_border { border-top-color: rgba(255, 255, 255, 0.06); } .dark .featured_slider { background: rgba(0, 0, 0, 0.4); } .dark .featured_slide_details { background: rgba(0, 0, 0, 0.8); } .dark .content .bordered_content.bordered, .dark .bordered_content.bordered { background: rgba(0, 0, 0, 0.3); border: none; } .dark .mapcontainer .areaLegend text, .dark .mapcontainer .plotLegend text { fill: #fff; } .dark .tree_features > li::after { background: #1d2226; } .dark .bg_gray .tree_features > li::after { background: #171b1e; } .dark .thumbs_gall_slider_con { background: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0); } .dark .icon_boxes_con.style1:not(.just_icon_border) .service_box > .icon:after, .dark .icon_boxes_con.style1:not(.just_icon_border) .service_box .service_box_con, .dark .icon_boxes_con.style1:not(.just_icon_border) .service_box .service_box_con:before { background: #161A1D; border: none; } .dark .icon_boxes_con.style1 .service_box .ser-box-link { background: rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.1); } .dark .icon_boxes_con.just_icon_border .service_box > .icon:after { background: rgba(0, 0, 0, 0.3); border: none; } .dark .icon_boxes_con.style1.circle.just_icon_border.solid_icon .service_box:hover > span i { background: none; } .dark .icon_boxes_con.style1.solid_icon .service_box > .icon i { background: rgba(0, 0, 0, 0); } .dark .icon_boxes_con.style1.solid_icon .service_box > .icon:after, .dark .icon_boxes_con.style2.solid_icon .service_box .icon:after { background: rgba(0, 0, 0, 0.3); } .dark .icon_boxes_con.style2:not(.icon_box_no_border):not(.solid_icon) .service_box .icon:after { background: #28441d; border: none; } .dark .table_container { background: rgba(0, 0, 0, 0.2); border: none; } .dark caption { background: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .dark .table > thead > tr > th, .dark .table > tbody > tr > th, .dark .table > tfoot > tr > th, .dark .table > thead > tr > td, .dark .table > tbody > tr > td, .dark .table > tfoot > tr > td { border-top-color: rgba(255, 255, 255, 0.07); } .dark pre { background-color: rgba(0, 0, 0, 0.4); color: #888; border: none; } .dark .table-striped > tbody > tr:nth-of-type(2n+1), .dark .table-hover > tbody > tr:hover { background-color: rgba(0, 0, 0, 0.2); } .dark .table-bordered { border-color: rgba(255, 255, 255, 0.07); } .dark .table-bordered > thead > tr > th:first-child, .dark .table-bordered > tbody > tr > th:first-child, .dark .table-bordered > thead > tr > td:first-child, .dark .table-bordered > tbody > tr > td:first-child { border-left-color: rgba(255, 255, 255, 0.07); } .dark .table-bordered > thead > tr > th, .dark .table-bordered > tbody > tr > th, .dark .table-bordered > tfoot > tr > th, .dark .table-bordered > thead > tr > td, .dark .table-bordered > tbody > tr > td, .dark .table-bordered > tfoot > tr > td { border-right-color: rgba(255, 255, 255, 0.07); } .dark .table .success, .dark .table .danger, .dark .table .warning, .dark .table .info, .dark .table .active { color: #444444; } .dark .social_links_widget a { background: rgba(0, 0, 0, 0.4); border: none; } .dark .social_share_btn:before { background: #2c3032; } .dark .social_share_btn:after { background: #14181b; } .dark .social_share_btn { background: #14181b; border-color: #2c3032; } .dark #share_on_socials a { background: rgba(0, 0, 0, 0.4); border: none; line-height: 42px; } .dark input[type="text"], .dark input[type="date"], .dark input[type="email"], .dark input[type="number"], .dark textarea, .dark .form_row input[type="file"], .dark .lfc_user_row input[type="password"], .dark #review_form_wrapper .comment-form input[type="text"], .dark #review_form_wrapper .comment-form textarea { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.08); } .dark #form-messages, .dark .form_row label:not(.orderby_label) { color: #fff; } .dark input[type="text"]:focus, .dark input[type="date"]:focus, .dark input[type="email"]:focus, .dark input[type="number"]:focus, .dark textarea:focus, .dark input[type="password"]:focus, .dark .c_detail .c_name, .dark .search_block form input.serch_input:focus, .dark .hm_blog_list .blog_grid_con .title a, .dark .post_title_con .title a, .dark .posts_widget_list2 li > a { color: #fff; } .dark .contact_details_row .icon { background: rgba(0, 0, 0, 0.4); } .dark .hm_filter_wrapper_con .occ_expanded .kyma_occ_title { background: rgba(0, 0, 0, 0.5); border-bottom-color: rgba(0, 0, 0, 0); } .dark #filter-by > li a { background: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(255, 255, 255, 0.07); border-right-color: rgba(255, 255, 255, 0.07); border-top-color: rgba(255, 255, 255, 0.07); color: #aaa; } .dark #filter-by > li:first-child a { border-left-color: rgba(255, 255, 255, 0.07); } .dark .form_row .hm_input_text, .dark .form_row select { color: #eee; } .dark .orderby_label select, .dark .search_block form input.serch_input, .dark .about_auther .avatar_img { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.08); } .dark .orderby_label:before { background: #171b1e; border-bottom-color: #292d30; border-left-color: #292d30; border-top-color: #292d30; } .dark .search_block form .search_btn:after { background: rgba(255, 255, 255, 0.08); } .dark .login_form_colored, .dark .lfc_header, .dark .lfc_forget_pass, .dark .next_product_nav .icon-wrap { background: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.08); } .dark .price_lable, .dark .check_out_table .cart_item:nth-child(2n) { background: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0); } .dark .widget_block, .dark .hm_blog_list .blog_grid_con .meta, .dark .post_title_con .meta, .dark .cat_list_widget > li, .dark .hm_blog_list .blog_grid_block:not(:last-child) { border-bottom-color: rgba(255, 255, 255, 0.07); } .dark .noUi-handle { background: #121518; border: none; box-shadow: none; } .dark .noUi-handle:before, .dark .noUi-handle:after { background: rgba(255, 255, 255, 0.1); } .dark .noUi-connect, .dark .content_section:not(.white_section):not(.bg_fixed) .plan_col.plan_column1 { box-shadow: none; } .dark .noUi-target, .dark .add2cart_slide { border-color: rgba(0, 0, 0, 0); box-shadow: none; } .dark .noUi-background { background: #2B3238; border-bottom: none; border-top: 1px solid #2B3238; box-shadow: none; } .dark .noUi-origin { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .dark .posts_widget_list li > a img, .dark #comments .single_comment .avatar { background: rgba(0, 0, 0, 0.3); border: none; } .dark .single_product_price_con { border-bottom-color: rgba(255, 255, 255, 0.06); } .dark .send_button2, .dark .check_out_list .top_catt_remove { background: rgba(0, 0, 0, 0); } .dark .send_button2:hover, .dark .add2cart_prod_name { color: #fff; } .dark .shop_attributes th, .dark .shop_attributes td, .dark #reviews .comment-form-rating .stars a, .dark .commerce_comments .comment_container, .dark table.check_out_table, .dark .idealtheme_commerce table.check_out_table td, .dark .check_out_totals, .dark .check_out_totals .totals_row > div:nth-child(2n+1), .dark .check_out_totals .totals_row { border-color: rgba(255, 255, 255, 0.06); } .dark .shop_product_wrapper .hm-tabs.simple_tabs:after { border-color: rgba(255, 255, 255, 0.06); background: rgba(0, 0, 0, 0.2); } .dark .shop_product_wrapper .hm-tabs.simple_tabs .tabs-navi li a { background: #0e1113; } .dark #review_form_wrapper .comment-form label { color: #fff; font-weight: normal; } .dark .idealtheme_commerce table.check_out_table th { background: rgba(0, 0, 0, 0.2); color: #fff; } .dark .check_out_totals .totals_row:nth-child(2n+1) > div:nth-child(2n+1), .dark .check_out_totals .totals_row:nth-child(2n) > div:nth-child(2n) { background: rgba(0, 0, 0, 0.2); } .dark .post_format_con > span > a { background: #171b1e; } .dark .bg_color6 { background: #2a2b2c; } .dark .hm_filter_wrapper_con.timeline:after { background: #3d3e40; } .dark .timeline_post_format:after { background: #1d1d1e; } .dark .tags_con > a { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.08); } .dark .comment-box { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0); } .dark .comment-reply-link, .dark .comment-edit-link { background: rgba(255, 255, 255, 0.1); border-color: rgba(0, 0, 0, 0); } .dark .tagcloud .tag { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.1); } .dark .tagcloud .num { background: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.1); } .dark .tagcloud.style2 .num:after { border-left-color: #171b1e; } .dark .tagcloud.style2 .num:before { border-left-color: #2f3235; } .dark #options .sort_list a.sort_selecter, .dark #sort-direction.option-set, .dark .porto_desc { background: rgba(0, 0, 0, 0.44); border-color: rgba(255, 255, 255, 0.08); } .dark .simple_porto_img + .porto_desc.simple_porto_desc { background: none; } .dark .hm_filter_wrapper.porto_hidden_title .porto_desc { background: rgba(0, 0, 0, 0.7); } .dark #sort-direction.option-set li:first-child { border-bottom-color: rgba(255, 255, 255, 0.08); } .dark #options .sort_list a.sort_selecter .arrow { border-left-color: rgba(255, 255, 255, 0.08); } .dark #sort-by.option-set { background: #171B1E; border-color: rgba(255, 255, 255, 0.08); } .dark #options .sort_list a { border-bottom-color: rgba(255, 255, 255, 0.08); } .dark .nav_with_nums #filter-by > li a.selected span.num { border-color: rgba(255, 255, 255, 0); } .dark .plan_col { background: #14181B; } .dark .plan_col.plan_column1 li, .dark .plan_col.plan_column1 li:first-child { border-color: rgba(255, 255, 255, 0.04); } .dark .plan_col.plan_column1 .plan_price_btn { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0); } .dark .plan_col.plan_column1 .plan_price_btn:hover { background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0); } .dark .plan_col .polygon_con .polygon_fill { fill: #0F1214; stroke: rgba(0, 0, 0, 0); } .dark .hm_filter_wrapper:not(.has_sapce_portos):not(.porto_full_desc):not(.porto_hidden_title) .porto_desc::after { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.07); } .dark .add2cart_btn { background: #0C0E10; border-color: rgba(0, 0, 0, 0); } .dark .add2cart_btn:hover { background: #0C0E10; } .dark .hm-pricing-container.hm-full-width.hm-secondary-theme { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .dark.site_boxed #main_wrapper { border-color: rgba(255, 255, 255, 0.03); } .dark.site_boxed.header_on_side #main_wrapper { padding-right: 0; padding-top: 0; } .dark.site_boxed:not(.light_header) .topbar { border-color: rgba(255, 255, 255, 0.1); } .dark.site_boxed .content_section:not(.bg_gray):not(.page_title):not(.bg_fixed) { background: rgba(0, 0, 0, 0.1); } .dark.header_on_side #side_heder_in, .dark.header_on_side #navigation_bar { background: rgba(0, 0, 0, 0); } .dark.header_on_side #side_heder { background: rgba(0, 0, 0, 0.4); } .dark.header_on_side.light_header #side_heder { background: #fff; } .dark.header_on_side.light_header #side_heder #share_on_socials a { background: #fff; border: 1px solid #e1e1e1; } .dark.header_on_side #main_wrapper:after { background: rgba(255, 255, 255, 0.07); background: none; } .dark.site_boxed.header_on_side .topbar { margin-top: 0; } /* Edited by John */ .preloader3 #preloader { display: none; } #footer .tagcloud a { background: rgba(0, 0, 0, 0.5); border-color: rgba(255, 255, 255, 0); color: #989898; font-size: 11px; overflow: hidden; padding: 9px 11px; text-transform: uppercase; position: relative; vertical-align: top; font-weight: 500; display: inline-block; } #footer .tagcloud a:hover { border-color: rgba(28, 205, 202, 0.60); } ol.comments-list li { list-style-type: none; } .pagination li span.current, .pagination li a.page-numbers:hover { background: #28441d; border-color: #28441d; color: #fff; } .pagination li span.current { border: 1px solid #DDDDDD; display: inline-block; font-size: 13px; line-height: 42px; height: 43px; min-width: 43px; padding: 0 11px; text-align: center; } #s { background: #fff; border: 1px solid #E5E5E5; color: #888; float: left; font-size: 13px; height: 39px; letter-spacing: 1px; margin: 0; padding: 5px 50px 5px 10px; width: 100%; } #searchsubmit { background: #BD1111; border: medium none; color: #ffffff; float: left; font-size: 14px; height: 39px; line-height: 42px; min-width: 39px; position: absolute; right: 1px; vertical-align: bottom; } .screen-reader-text { display: none; } .bannercontainer { width: 100%; position: relative; padding: 0; } .widget_block ul li:before { content: '\f054' !important; font-family: 'FontAwesome'; margin-right: 10px; font-weight: 300 !important; font-size: 10px; } .widget_block > ul > li { border-bottom: 1px dotted #e5e5e5; list-style: none; padding: 7px 0; } .widget_block > ul > li:last-child { border-bottom: none; } .tagcloud a:hover { color: #28441d; } .tagcloud { display: inline-block; } .tagcloud a { background: #fff; border: 1px solid #E5E5E5; color: #666; display: inline-block; font-size: 11px !important; font-weight: 300; letter-spacing: 1px; padding: 8px 9px; text-transform: uppercase; } .tagcloud a { margin-bottom: 10px; } .topbar .fa { font-size: 13px; margin-right: 5px; } .recent_posts_list li > a span { color: #ddd; display: block; font-size: 13px; margin-bottom: 7px; margin-top: -3px; margin: 0px 0px 0px -18px; } .hm_blog_list td, .hm_blog_list th { text-align: center !important; border: 1px solid #000; } .hm_blog_list .content table { text-align: center !important; border: 1px solid #000; } /* Calender Styling */ #wp-calendar { text-align: center; border: 2px solid #02b7b7; height: auto; width: 100%; } #wp-calendar td { text-align: center; padding: 10px; border: 1px solid gray; } #wp-calendar th { text-align: center; padding: 12px; border: 2px solid #02b7b7; } #wp-calendar caption { text-align: center; background-color: #02b7b7; color: #000; font-size: 16px; font-weight: 700; border-bottom: 0px; } .page_title .breadcrumbs { display: inline-flex; } #footer .footer_row { margin-bottom: 0px !important; } #footer .rows_container { margin-top: -30px !important; } /* Footer Menu Styling */ .footer_menu > ul > li { display: inline-block; padding: 0px 8px; line-height: 35px; } .footer_menu > li:before { content: "/"; padding: 0 20px 0 0; } .footer_menu > li:first-child:before { content: none; } .footer_menu ul.sub-menu { display: inline-block; padding: 0px 8px; line-height: 35px; } .footer_menu ul.sub-menu li:last-child { display: inline-block; padding: 0px 8px; margin-right: -16px; line-height: 35px; } .footer_menu ul.sub-menu li:before { content: "/"; padding: 0 20px 0 0; } .footer_menu > ul > li:before { content: "/"; padding: 0 20px 0 0; } .footer_menu > ul > li:first-child:before { content: none; } .footer_menu ul.children li:before { content: "/"; padding: 0 20px 0 0; } .footer_menu ul.children li { display: inline-block; padding: 0px 8px; line-height: 35px; } .footer_menu > ul > li.page_item_has_children > ul.children > li { display: inline-block; padding: 0px 8px; line-height: 35px; } .footer_menu > ul > li.page_item_has_children { display: inline; padding: 0px 8px; line-height: 35px; } .footer_menu ul.children li.page_item_has_children { display: inline-block !important; padding: 0px 8px; line-height: 35px; } .footer_menu ul.children li { display: inline; padding: 0px 8px; line-height: 35px; } .footer_menu > ul > li.page_item_has_children > ul.children > li.page_item_has_children > ul.children > li { display: inline !important; padding: 0px 8px; line-height: 35px; } .footer_menu a { color: #fff ; } .footer_row a { color: #fff; } .footer_copy_text > a { color: #fff; } .textwidget { text-align: justify; } .sticky-wrapper { height: auto !important; } /* Default Style */ .wp-caption { } .alignleft { float: left; } .alignright { float: right; } .aligncenter { text-align: center; } .wp-caption-text { } .gallery-caption { } .bypostauthor { } .wp-caption { max-width: 100%; } #logo a h3 { margin-top: 0px; margin-bottom: 0px; } /* hide portfolio top horizontal bar */ .portfolio-gallery-title { display: none; } .cover { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; } .cover .hi { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 24px; line-height: 26px; text-align: center; } .cover .hi span { cursor: pointer; text-decoration: underline; } .tv { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; overflow: hidden; } .tv .screen { bottom: 0; left: -3em !important; margin: auto; opacity: 0; position: absolute; right: 0; top: -5em; transition: opacity 0.5s ease 0s; z-index: 1; } .tv .screen.active { opacity: 1; } .banner{ align-items: center; display: flex; font-size: 20px; justify-content: center; margin: 0 auto; max-width: 100%; position: relative; } .menu_button_mode:not(.header_on_side) #navy > li.current_page_item > a, .menu_button_mode:not(.header_on_side) #navy > li.current_page_item:hover > a{ //background: none !important; } .layer { background: rgba(0, 0, 0, 0.5) url("http://dev.pixelspeaks.in/foliagedesign/wp-content/uploads/2016/04/tiny_grid.png") repeat scroll 0 0; height: 100%; position: absolute; width: 100%; z-index: 99; top: 0; left: 0; } .banner_text h1 { font-size: 3.5em; margin-top: -0.6em; font-weight: 200; letter-spacing: 0.1em; } .banner_text{ z-index: 99; position: relative; text-align: center; } .banner_sub_heading{ color: #fff; font-weight: 200; line-height: 1.8; } header { /* position: fixed; */ top: 0; width: 100%; z-index: 999; /* border: 2px solid #CC3333; */ min-height: 150px; } .light_header #navigation_bar { background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0 !important; /* background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0 !important; */ //margin-top: 20px; margin: 8px; } .arrow_down img { filter: invert(100%); -moz-filter: invert(100%); -webkit-filter: invert(100%); width: 3.3em; margin-top: 1em; animation: arrow_move linear 0.2s infinite; } @keyframes arrow_move{ from {transform: translateY(0px);} to {transform: translateY(5px);} } .banner_heading{ } .comm_pad{ padding: 50px 0px } .sec_heading{ color: #666; } .services{ text-align: center; font-size: 13px; } .ser_text { text-align: left; } .ser_text h3 { font-size: 1.5em; color: #CC3333; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .line-break { border-bottom: 1px solid #BD1010; display: inline-block; margin-bottom: 40px; width: 100px; } .sub_heading_line { border-bottom: 3px solid #c1c1c1; display: inline-block; margin-bottom: 10px; width: 40px; transition:all ease 0.3s; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .box:hover .sub_heading_line{ border-color: #9D0054; } .box:hover .icon img{ background: #fff none repeat scroll 0 0; } .icon img { /* border-radius: 50%; margin-bottom: 5px; padding: 15px; */ transition: all 0.3s ease 0s; width: 100%; -webkit-transition:all ease 0.3s; -moz-transition:all ease 0.3s; } .marg_b20{ margin-bottom: 20px; } .marg_b30{ margin-bottom: 30px; } .marg_b50{ margin-bottom: 50px; } } .box:hover h3{ color: #28441D; } .back_gray{ background: #F8F8F8 none repeat scroll 0 0; } .about{ font-size: 13px; } .news{ font-size: 13px; padding : 5% 0; } .about_contain { padding: 0 10px; } .about_contain p { color: #777; font-size: 2.2em !important; font-weight: 300; line-height: 1.6; text-align: center; } .news_contain { padding: 25px; } .news_img img { width: 100%; } .news_box { background: #fff none repeat scroll 0 0; border: 1px solid #ddd; min-height: 450px; } .news_date { color: #c1c1c1; font-size: 12px; line-height: 2; margin: 13px 13px 13px 0; } .news_contain { padding: 15px 25px; min-height: 38em; } .read_more::after { color: #bebebe; content: ""; font-family: "FontAwesome"; font-size: 13px; font-weight: 700; line-height: 22px; margin-left: 8px; } .news_box:hover .news_img::after{ bottom: -94px; } .news_box:hover .news_img::before{ bottom: 10%; } .news_img::before { bottom: -30%; color: #fff; content: ""; font-family: FontAwesome; font-size: 30px; font-weight: 300; left: 15%; position: absolute; z-index: 99; transition: all ease 0.5s; cursor: pointer; } .news_img::after { background: rgba(194, 34, 34, 0.7) none repeat scroll 0 0; bottom: -350px; content: ""; height: 100%; left: -140px; position: absolute; transform: rotate(47deg); width: 100%; transition: all ease 0.3s; } .news_img { overflow: hidden; position: relative; } } .flex{ display: flex; align-items:center; } .page_banner { align-items: center; margin-top: 6em; display: flex; justify-content: center; min-height: 200px; overflow: hidden; position: relative; background: #fafafa none repeat scroll 0 0; } .banner_sub { font-style: italic; font-weight: 600; margin-top: -10px; color: #fff; } .pad_0{ padding: 0 !important; } .product_dis { padding: 2.1em 4.8em; text-align: justify; position: relative; } .product_image img{ width: 100%; } .product_contain p { line-height: 2.4; margin-top: -30px; } .product_image::after { border-bottom: 15px solid transparent; border-right: 20px solid #fff; border-top: 15px solid transparent; content: ""; position: absolute; right: 0; top: 47%; } .product_dis::after { border-bottom: 15px solid transparent; border-right: 20px solid #fff; border-top: 15px solid transparent; content: ""; position: absolute; right: -20px; top: 50%; transform: rotate(180deg); z-index: 9; } .product_image { position: relative; } .service{ font-size: 14px; } .service_dis { /* background: #F8F8F8; */ text-align: justify; } .service_dis p{ font-size: 17px !important; font-weight: 300; line-height: 2.1 !important; margin-top: -10px; } .service_image{ display: flex; align-items:center; justify-content:center; } .min_h_350{ min-height: 380px; } /*about slider */ .carousel-control.left { background: none; } .carousel-control.right { background: none; } .carousel-control { position: absolute; top: 45%; bottom: 0; left: 0; width: 15%; font-size: auto; color: #fff; text-align: center; opacity: 1; text-shadow: none; } .carousel-control:hover { color: #000; } .carousel-indicators { bottom: -50px; } .carousel-indicators li { display: inline-block; width: 15px !important; height: 5px !important; margin: 1px; text-indent: -999px; cursor: pointer; border: 1px solid #8D2242 !important; border-radius: 0px !important ; } .carousel-indicators .active { width: 15px !important; height: 7px !important; margin: 0; background-color: #8D2242 !important; } .about_inner{ font-size: 14px; background-color: #f2f2f2; } .about_inner_contain p { line-height: 2.4; text-align: justify; } .mem_wrp { border: 1px solid #ccc; min-height: 25em; background: #fff; } .mem_img > img { width: 100%; } .mem_dis h4 { font-size: 1.5em; } .mem_sub{ color:#737272;} .mem_dis { padding: 15px; } .mem_dis h4::after { background: #28441d none repeat scroll 0 0; bottom: -4px; content: ""; height: 2px; left: 2px; position: absolute; width: 51px; } .mem_dis h4{ position: relative; margin-bottom: 10px; } .mem_img { overflow: hidden; position: relative; } .overlay { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; height: 100%; position: absolute; top: 0; width: 100%; display: flex; align-items:center; justify-content:center; transition:all ease 0.5s; } .overlay i { font-size: 1.5em; padding: 8px; color: #fff; transform:translateY(5em); transition:all ease 0.5s; opacity: 0; } .mem_wrp:hover .overlay i{ transform:translateY(0px); opacity: 1; } .mem_wrp:hover .overlay{ background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0; } .about_btn a { border: 2px solid #BD1010; border-radius: 2px; display: inline-block; font-weight: bold; margin-top: 15px; padding: 8px 12px; transition:all ease 0.3s; } .about_btn a:hover{ background: #BD1010; color: #fff; } /* .loader { background: #fff url("http://dev.pixelspeaks.in/foliagedesign/wp-content/uploads/2016/04/preloader.gif") no-repeat scroll center center; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999; } */ .contact { font-size: 14px; } .contact_icon_wrp { margin-bottom: 3em; } .contact_icon i { /* border: 1px solid #CC3333; border-radius: 3px; */ color: #CC3333; margin-bottom: 0.5em; /* padding: 0.6em; */ position: relative; overflow: hidden; transition: all 0.5s ease-in-out 0s; margin-right: 15px; margin-bottom: 0.5em; margin-top: 12px; } .contact_dis h4 { font-size: 1.6em; font-weight: bold; margin: 0.1em; } .contact_sub { color: #333; font-size: 1.3em; font-weight: bolder; line-height: 2.2; } .contact_icon a { font-size: 18px; } .contact_form input { border-radius: 0; height: auto; margin-bottom: 20px; padding: 10px 15px; } .contact_form textarea { border-radius: 0; height: 161px !important; margin-bottom: 20px; padding: 10px 15px; } .contact_btn{ background: #fff none repeat scroll 0 0 !important; border: 2px solid #cc3333 !important; display: inline-block; font-size: 1.5em !important; font-weight: bold; padding: 10px 35px; transition: all 0.3s ease 0s; } .wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors { float: left; } .contact_form .form-control:focus{ box-shadow: none !important; } .contact_icon_wrp:hover i::after{ transform: translateY(0px); } .contact_icon i::after { align-items: center; background: #CC3333 none repeat scroll 0 0; color: #fff; display: flex; height: 100%; justify-content: center; left: 0; position: absolute; top: 0; transform: translateY(-100px); transition: all 0.5s ease-in-out 0s; width: 100%; content: ""; } .contact_icon_wrp:hover i { border: 1px solid #fff; } .icon_1::after, .icon_2::after, .icon_3::after, .icon_4::after{ transition: all 0.5s ease-in-out 0s; opacity: 0; } .contact_icon_wrp:hover .icon_1::after { color: #fff; content: "\f0e0" !important; opacity: 1; } .contact_icon_wrp:hover .icon_2::after { color: #fff; content: "\f095" !important; opacity: 1; } .contact_icon_wrp:hover .icon_3::after { color: #fff; content: "\f017" !important; opacity: 1; } .contact_icon_wrp:hover .icon_4::after { color: #fff; content: "\f0ac" !important; opacity: 1; } .input_section { height: 40px !important; border: 1px solid #ddd !important; margin-bottom: 20px; border-radius: 0 !important; } .benifits_img_wrp img{ width: 100%; } .benifits_dis { padding: 1em 2em 0; } .benifits_inner { font-size: 14px; } .benifits_inner_contain ul li { line-height: 2.3; margin-left: 20px } .benifits_inner_contain li::before { color: rgb(40, 68, 29); content: ""; font-family: fontawesome; margin-left: -23px; padding: 5px; } .black_layer { background: rgba(0,0,0,0.7) none repeat scroll 0 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /*career strat */ .career_pading{ padding: 50px 50px 0; } .career_box{ text-align: justify; background: padding: 50px; width: 100%; min-height:360px; } .career_contain { margin-top: -30px; padding-bottom: 35px; } .career_box p{ line-height: 2.4em; } .padd_tb { padding: 10em 0 0; } .padd_20 { padding-bottom: 20px; } .padd_lft { padding-left: 2em; } .margt_10 { margin-top: -10px; } .padd_b { padding-bottom: 1em; } .margt_0 { margin-top: 0 !important; } .padd_top { padding-top: 5em; } .contact_map { /*padding-top: 4.4em;*/ } .padd_top { padding-top: 113.4px; } .download_ebook { background-color: #28441d; border-radius: 10px; line-height: 2.1; min-height: 40px; } .download_ebook h5 { color: #fff; } .download_heading { color: #28441d; font-size: 20px; font-weight: bold; line-height: 1.3; } .dowmload_img { margin-top: 2em; } /*career end */ @media screen and (min-width: 320px) and (max-width: 1024px){ .flex{ flex-direction: column; } .sec_heading { font-size: 20px; } .service_contain { padding-right: 40px; } } @media screen and (min-width: 320px) and (max-width: 640px){ .banner_text h1{ font-size: 2.4em !important; } .footer_copy_text { font-size: 11px; } .career_head h3{ font-size: 22px; } .wpcf7{ padding: 20px !important; } .full_width_service{ display: none; } .mob_div{ display: block; } .wall_video iframe{ padding: 20px; height: 250px; } .news_wrp{ padding-bottom: 35px; } } .video-container { padding-bottom:56.25%; height:0; overflow:hidden; } .video-container iframe, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } .video_inr_wrp{ left: 0; position: absolute; top: -40px; } .video_wrp{ overflow: hidden; position: relative; width: 100% !important; } .service { padding: 50px 0 !important; } .banner_section { background-size:cover; height:600px; background-repeat:no-repeat; padding: 40px 0; background-attachment:fixed; } #logo img { //width: 150px !important; } .booknow { background-color: #bd1010; padding :5px; } .booknow_h1 { color: #fff; text-align: center; font-size: 2.5em; margin: 0; } .booknow_btn a { color: #fff; } .booknow_btn { border: 1px solid #fff; display: inline; font-size: 1.3em; padding: 8px 25px; text-align: center; transition :all 0.5s ease 0s; } .booknow_btn:hover { background-color: #fff; border-color: #bd1010 ; } .booknow_btn a:hover { color: #bd1010; } .margt_20 { margin-top: 20px; } .about_video { display: flex; justify-content: center; } .client_logo { padding: 50px 0 !important; } .wht { color: #fff; } .input_text { border-radius: 0 !important; height: 40px !important; } .logo_section { margin-top: -5em; } .news_contain h4 { font-size: 22px; } /*------------------------------------------------------------- Core Owl Carousel -------------------------------------------------------------*/ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapperafter { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; margin-bottom: -1px; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translateZ(0); } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .grabbing { cursor: move; } .owl-carousel .owl-item { float: left; } #kyma_owl_slider .owl-prev, #kyma_owl_slider .owl-next { border: 4px solid rgba(0, 0, 0, 0.1); height: 55px; top: -30em; width: 55px; } /****************** inner page css ***************/ .inner_page { background-color: #f2f2f2; line-height: 1.1; margin-top: 20px; padding: 30px 0 0; } .inner_page h3 { color: #CC3333; text-align: left; } .border_bottom { border-bottom: 3px solid #bd1010; margin-bottom: 40px; width: 100px; } .list li { font-size: 17px; font-weight: normal; line-height: 1.9; color: #333 !important; } .list li::before {color: #c52d2d; content: "\f058"; font-family: FontAwesome; font-size: 16px; margin-left: -22px; padding-right: 6px; } .list { display: flex; justify-content: center; } .bg_layer { background-color: rgba(0,0,0,0.8); width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .event_banner { background-repeat: no-repeat; background-size: cover; overflow: hidden; position: relative; } .inner_content { position: relative; z-index: 999; color: #fff; } .advantage.comm_pad { background-color: #eee; } .advantage h1 { font-weight: 200; } .panel_group { background-color: #fff; min-height: 41em; padding: 20px; } .panel_group h3 { font-size: 26px; color: #C52D2D; } .panel_group p { font-size: 15px; text-align: justify; } .theme_col { color: #CC3333; } .service_content p { font-size: 17px; text-align: justify; } .service_content img { padding-right: 2em; padding-bottom: 2em; } .dnc_service p { font-size: 18px; line-height: 1.8; } .dnc_service p::before { color: #c52d2d; content: "\f046"; font-family: FontAwesome; font-size: 20px; margin-left: -18px; padding-right: 15px; } .dcm_section { background-color: #f2f2f2; } .visibility_banner { background-repeat: no-repeat; min-height: 500px; background-position: -235px center ; position: relative; overflow: hidden; } .visibility_content { position: relative; z-index: 999; } .visibility_content p { font-size: 16px; margin-bottom: 10px; } .visibility_content p::before{ margin-left: -43px !important; } .marg_30 { margin-top: 30px; } .about_inner h2 { color: red; font-size: 2em; letter-spacing: 1px; text-transform: uppercase; } .about_content { float: left; } .about_content img { padding-right: 40px; padding-bottom: 15px; padding-top: 10px; } .margt_12 { margin-top: 12px ; } .footer_row .textwidget a i { /* background-color: #fff; */ border: 1px solid #fff; color: #fff; font-size: 1.7em; height: 40px; line-height: 1.3; margin: 0 8px; padding: 5px; text-align: center; width: 40px; transition: all 0.4s ease 0s; } .footer_row .textwidget a i:hover { background-color: #bc1010; color: #fff; border: 1px solid #bc1010; } .about_inner p { font-size: 14px; line-height: 2.5; text-align: justify !important; } .numscroller { font-size: 5em; font-weight: 600; text-align: center; } .numscroller-info-top { font-size: 2em; font-weight: 200; text-align: center; } .about_counter { background-color: #bc1010; padding: 2em 0 4em; color: #fff; position: relative; overflow: hidden; } .lav_vegas_img { float: left; margin-bottom: 10px; margin-right: 35px; width: 500px; } /*===========new code=================*/ #main_nav{ display: flex; justify-content: center; align-items:center; min-height: 90px; } #navy > li > a{ background: #CC3333; color: #fff !important; } .margt_15 { margin-top: -15px; } /****** Footer Slider ************/ .vertical-slider.carousel.vertical.slide { background-color: #cc3333; height: 60px; text-align: center; width: 300px !important; } .btn-vertical-slider{ margin-left:35px; cursor:pointer;} a { cursor:pointer; } .carousel.vertical .carousel-inner .item { -webkit-transition: 0.2s ease-in-out top; -moz-transition: 0.2s ease-in-out top; -ms-transition: 0.2s ease-in-out top; -o-transition: 0.2s ease-in-out top; transition: 0.2s ease-in-out top; } .carousel.vertical .active { top: 0; } .carousel.vertical .next { top: 100%; } .carousel.vertical .prev { top: -100%; } .carousel.vertical .next.left, .carousel.vertical .prev.right { top: 0; } .carousel.vertical .active.left { top: -100%; } .carousel.vertical .active.right { top: 100%; } .carousel.vertical .item { left: 0; }​ .text_slider { background-color: transparent; left: 10em; position: absolute !important; top: 40em !important; width: 100%; } .commen_img_left { float: left; margin-bottom: 10px; margin-right: 35px; width: 400px; } .commen_img_right { float: right; margin-bottom: 10px; width: 400px; margin-left: 30px; } .banner_heading { font-size: 3.8em; font-weight: bold !important; text-align: center } .comments-form-area { display: none; } .wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control { border: 1px solid #ddd; border-radius: 0 !important; height: 40px; margin-top: 6px; } .submit_btn { background-color: #c01919 !important; border: 1px solid #c83939 !important; color: #fff !important; font-weight: bold; margin-left: -35px; margin-top: 10px; padding: 10px; transition: all 0.4s ease 0s; } .submit_btn:hover { background-color: #fff !important; color: #c01919 !important; } .content_text { font-size: 16px; } .text_h4 { color:#000; } .ourmission_text { font-size: 26px; font-weight: bold; text-decoration: underline; } div.wpcf7-mail-sent-ok { border: medium none !importent; }