/* [Master Stylesheet] Theme Name: Enar Theme URI: http://enar.ideal-theme.com/html5/ Description: Responsive Multi-Purpose HTML5 Template Author: IdealTheme Author URI: http://themeforest.net/user/IdealTheme Version: 1.1 ----------[ Layout ] * body + Preloader / #preloader + Main Wrapper / #main_wrapper + Header / #site_header + Content / .content, .container, .content_section - Left column / .left_sidebar - Right column / .right_sidebar - Post Block / .content_block - Responsive Cols - .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 - Sidebar / #sidebar - Widgets / .widget_block + Footer / #footer Navigation #navigation_bar Content header h1, h2, h3, h4, h5, h6 +----------[ Color Codes ] Background: #ffffff (white) Content: #ffffff (white) Main Color: #1CCDCA Top Bar: + Dark Top Bar: #101215 + Light Top Bar: #F9F9F9 Nav Bar: + Dark Nav Bar: #1A2023 + Light Nav Bar: #FFFFFF Footer: + Dark Footer: #191E21 + Light Footer: #FFFFFF h1, h2, h3, h4, h5, h6: #324545 a (standard): #1CCDCA a (visited) : #1CCDCA a (active) : #1CCDCA a (focus) : #1CCDCA +----------[ Typography ] Body: 14px/1.5em 'Open Sans', sans-serif Headers: Raleway,sans-serif h1: 40px "Open Sans",sans-serif h2: 35px "Open Sans",sans-serif h3: 30px "Open Sans",sans-serif h4: 24px "Open Sans",sans-serif h5: 20px "Open Sans",sans-serif h6: 16px "Open Sans",sans-serif +----------[ Main Styles ] */ 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: baseline; background: transparent; } ins {color: #1CCDCA; text-decoration: none;} body {font-size: 14px;font-family: 'Open Sans', sans-serif;color: #666;position: relative;line-height: 1.5;} html{ height:100%; min-height:100%; } body{ min-height:100%; } a { color: #1CCDCA; text-decoration:none; outline: none; } a:hover { color: #1CCDCA; } ::-webkit-selection { background: #1CCDCA; color: #fff; text-shadow: none; } ::-moz-selection{ background: #1CCDCA; color: #fff; text-shadow: none; } ::selection { background: #1CCDCA; 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, .animate, .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, #enar_owl_slider .enar_owl_p, #enar_owl_slider .enar_owl_n, .enar_owl_p > span, .enar_owl_n > span, .enar_owl_p > span:after, .enar_owl_p > span:before, .enar_owl_n > span:after, .enar_owl_n > span:before, .owl-page, #enar_owl_slider .owl_slider_con > span, .btn_a > span > span, #enar_owl_slider .enar_owl_p:after, #enar_owl_slider .enar_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, .enar_owl_n, .enar_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, .enar_occ_title, .enar_occ_title:after, .enar_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{ -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; } #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; } a.img_popup > img, .related_posts_slide .related_img > img, .add2cart_image .add2cart_img > img{ -webkit-transition: all 0.7s ease; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; } #navy .has_sub_img .owl-controls, .top_add_card, .top_add_card > span, .top_catt_remove, #enar_owl_slider .owl-prev, .owl-next, #enar_owl_slider .enar_owl_p, #enar_owl_slider .enar_owl_n, #enar_owl_slider .owl-page, #enar_owl_slider .enar_owl_p:after, #enar_owl_slider .enar_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 .enar_owl_p, .normal_text_slider .enar_owl_n, .our_client_slider .enar_owl_p, .our_client_slider .enar_owl_n, .content_slider .owl-page, .play_video_btn > span, .play_video_btn, .add2cart_img .circle, .shop_slider .enar_owl_p, .shop_slider .enar_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 .enar_owl_n, .gall_arrow2 .thumbs_gall_slider_larg .enar_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%; } #enar_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{ 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%); } #enar_owl_slider .owl-buttons, .top_search, .top_add_card, .png_slider .owl-buttons, .porto_nav, .shop_slider .owl-controls, .thumbs_gall_slider_larg .owl-controls, .progress_bar .value:after, .porto_galla .owl-buttons, .flex_style1 #flex_carousel .flex_next, .flex_style1 #flex_carousel .flex_previous, .porto_block .porto_galla .owl-prev, .porto_block .porto_galla .owl-next, .sitemap li:not(.has_child_sitmap)::after, .mega_toltip, .nav_trigger, #navy .tab_menu_item.active > a:after { top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-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_enar_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, .enar_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"] { -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, .languages-select .languages-panel-con, .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, .enar_occ_content .acc_content, .lfc_forget_pass, #navy ul, .top_cart_con, .top_cart_footer, .topbar_colored .languages-select .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 .enar_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{ 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{ 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); } /*-------[ Preloader ]-------*/ .preloader2 #preloader, .preloader1 #preloader, .preloader3 #preloader{ display: block; } #preloader{ background: #fff; bottom: 0; display: none; height: 100%; left: 0; position: absolute; right: 0; top: 0; width: 100%; z-index: 1000000; } /*-------[ Preloader - Style 1 ]-------*/ .preloader1 .spinner { font-size: 10px; height: 60px; left: 50%; margin: -30px 0 0 -25px; position: fixed; text-align: center; top: 50%; width: 57px; -webkit-transform: translateZ(0); } .preloader1 .spinner > div { background-color: #1CCDCA; height: 100%; width: 6px; display: inline-block; margin-right: 3px; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .preloader1 .spinner .sk-dot2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .preloader1 .spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .preloader1 .spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .preloader1 .spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /*-------[ Preloader - Style 2 ]-------*/ .preloader2 .spinner { height: 40px; left: 50%; margin: -20px 0 0 -20px; position: fixed; text-align: center; top: 50%; width: 40px; -webkit-animation: sk-chasingDotsRotate 2s infinite linear; animation: sk-chasingDotsRotate 2s infinite linear; -webkit-transform: translateZ(0); } .preloader2 .spinner .sk-dot1, .preloader2 .spinner .sk-dot2 { width: 60%; height: 60%; display: inline-block; position: absolute; top: 0; background-color: #1CCDCA; border-radius: 100%; -webkit-animation: sk-chasingDotsBounce 2s infinite ease-in-out; animation: sk-chasingDotsBounce 2s infinite ease-in-out; } .preloader2 .spinner .sk-dot2 { top: auto; bottom: 0px; -webkit-animation-delay: -1s; animation-delay: -1s; } @-webkit-keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes sk-chasingDotsRotate { 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-chasingDotsBounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); } } /*-------[ Preloader - Style 3 ]-------*/ .preloader3 .spinner { height: 80px; left: 50%; margin: -40px 0 0 -40px; position: fixed; top: 50%; width: 80px; -webkit-transform: translateZ(0); } .preloader3 .spinner .sk-dot1{ opacity:0; border: 4px solid #1CCDCA; width: 100%; height:100%; position: absolute; display:block; -webkit-animation: cirlePreloader 1.3s infinite ease-in-out; animation: cirlePreloader 1.3s infinite ease-in-out; } .preloader3 .spinner .sk-dot2{ opacity:0; border: 4px solid #1CCDCA; width: 100%; height:100%; position: absolute; display:block; -webkit-animation: cirlePreloader 1.3s infinite 0.4s ease-in-out; animation: cirlePreloader 1.3s infinite 0.4s ease-in-out; } @-webkit-keyframes cirlePreloader { 0%{ opacity: 1; -webkit-transform: scale(0);} 100% {opacity: 0; -webkit-transform: scale(1);} } @-moz-keyframes cirlePreloader { 0%{ opacity: 1; -moz-transform: scale(0);} 100% {opacity: 0; -moz-transform: scale(1);} } @keyframes cirlePreloader { 0%{ opacity: 1; transform: scale(0);} 100% {opacity: 0; transform: scale(1);} } /*------[ My Grids ]------*/ .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; } h1 { font-size: 40px; margin-bottom: 30px; } h2 { font-size: 35px; margin-bottom: 30px; } h3 { font-size: 30px; margin-bottom: 20px; } h4 { font-size: 24px; margin-bottom: 20px; } h5 { font-size: 20px; margin-bottom: 15px; } h6 { font-size: 16px; margin-bottom: 15px; } .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: #E84C3D; } input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus, input[type="password"]:focus{ border-color: #1CCDCA; color: #324545; } .white_section { color: rgba(255, 255, 255, 0.7); background: #42484d; } .theme_option { display: none; } /* 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; } .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: #1CCDCA; } .content { padding: 0 15px; } .no_padding{ padding-right: 0px !important; padding-left: 0px !important; } .content, .container { margin: 0 auto; max-width: 1170px; position: relative; width: 100%; } #main_wrapper { overflow: hidden; } .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{ padding-bottom: 30px; 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: #eee; } .bg_overlay_b { background: rgba(0, 0, 0, 0.6); position: relative; color: #eee; } .bg_overlay1 { background: rgba(0, 0, 0, 0.4); position: relative; color: #eee; } .bg_overlay2 { background: rgba(0, 0, 0, 0.2); position: relative; } .bg_overlay:after{ background: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 5px; position: absolute; top: 0; width: 100%; } .bg_overlay:before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 1px; position: absolute; bottom: 0; width: 100%; } .bordered_btn_black{ border: 2px solid rgba(0,0,0,.1); color: #777; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_enar{ border: 2px solid #1CCDCA; color: #1CCDCA; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_white{ border: 2px solid #fff; color: #fff; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_black:hover, .bordered_btn_white:hover{ border-color: #1CCDCA; color: #1CCDCA; } .bordered_btn_enar:hover{ border-color: #fff; color: #fff; } .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); } /*------[ Top Bar ]------*/ #logo { float: left; margin-right: 45px; position: relative; z-index: 4; } #logo > a img { display: block; position: relative; top: 0; } .full_logo { display: inline-block; height: 60px; vertical-align: top; } .full_logo img { display: block; max-height: 100%; } .centered #logo > a { display: inline-block; } .top-socials{ text-align:right; } .topbar { background: #101215; position: relative; z-index: 1001; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .top_expande { background: #fff; border-top: 1px solid #e4e4e4; display: none; height: 20px; width: 100%; cursor: pointer; color: #1ccdca; 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 #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; } .dark_menu:after { background: rgba(255, 255, 255, 0.04); content: ""; display: block; height: 1px; position: absolute; top: 0; width: 100%; } .top_login > i { font-size: 13px; } .sticky_menu .dark_menu:after{ background: rgba(255, 255, 255, 0.06); top: auto; } .top_details .title, .top_details .title a, .top_details > span > a, .top_details > span, .top_details > div, .top_details > div > a { color: #808c8c; } .top_details > span > a{ text-transform: uppercase; } .top_details { text-align: right; font-size: 11px; } .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 { z-index: 2; position: relative; } .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; height: 32px; 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 span.soc_name:after{ right: -12px; } .top-socials span.soc_name:before{ left: -14px; } .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 > a > span.soc_icon_bg{ background: rgba(0,0,0,50); 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; } .zoom-anim-dialog.login_popup{ background: none; padding: 0; } /*------[ Back Top ]------*/ .hm_go_top { display: inline-block; height: 43px; width: 43px; position: fixed; bottom: 20px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden; text-indent: 100%; white-space: nowrap; background: #1CCDCA 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; } .no-touch .hm_go_top:hover { opacity: .8; } /*------[ Navigation ]------*/ #site_header + div, #site_header + section { clear: both; } .one_page_site #main_nav:not(.has_mobile_menu) { float: right; } #navigation_bar { background: #1A2023; width:100%; position:relative; z-index: 1000; -webkit-transform: translateZ(0); } #navigation_bar #logo > a { display: block; margin-top: 13px; position: relative; } #main_nav { float: left; } #navy li { float: left; margin: 0; padding: 0; position: relative; } #navy ul li { border: medium none; clear: both; width: 100%; } #navy > li > a { position: relative; color: #fff; display: block; font-size: 12px; text-transform: uppercase; } #navy > li > a > span { padding: 28px 20px; display: block; } #navy > li > a > span.parent_arrow.normal_menu_arrow { display: none; } #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 > li > a:after{ content: ""; display: block; position: absolute; top: 0; background: #1CCDCA; height: 1px; width: 0; } #navy > li:hover a:after, #navy > li.current_page_item > a:after{ width: 100%; } #navy > li.current_page_item > a:not(.nav_trigger), #navy > li:hover > a:not(.nav_trigger), #navy > li > a.current, .light_header #navy > li > a.current{ color: #1CCDCA; } #navy ul { z-index: 1; background: #fff; border: 1px solid #E4E4E4; left: 0; position: absolute; width: 220px; } #navy ul li a { position: relative; color: #666; display: block; font-size: 12px; font-weight: 500; line-height: 40px; outline: none; padding: 0 15px; text-transform: uppercase; border-bottom: 1px dotted #ddd; } #navy ul li:last-child a, #navy ul.mega_menu li a{ border-bottom:none; } #navy ul.mega_menu > li:last-child > a { margin-bottom: 0; } #navy ul.mega_menu > li a { padding:0 30px 0px 38px; } #navy .mega_menu li.go-back > a { color: #aaa; } #navy li.normal_menu ul:after, #navy li.has_mega_menu > ul:after{ background: #1CCDCA; content: ""; display: block; height: 1px; left: -1px; min-width: 100%; position: absolute; top: -1px; width: 220px; } #navy ul li .parent_arrow { color: #888; font-size: 8px; position: absolute; right: 11px; top: 16px; } .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 .tab_menu{ border-top-width: 0px; } #navy ul li.tab_menu_item.active .mega_arrow { background-image: url("../images/m_d_arrow_white.png"); } #navy ul li .mega_arrow { background-image: url("../images/m_d_arrow.png"); background-repeat: no-repeat; color: #aaa; font-size: 20px; height: 9px; position: absolute; right: 20px; top: 16px; width: 9px; } #navy ul li .normal_menu_arrow{ background-image: url("../images/m_s_arrow.png"); background-repeat: no-repeat; color: #aaa; font-size: 20px; height: 9px; position: absolute; right: 13px; top: 17px; width: 5px; } #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: #1CCDCA; content: ""; display: block; height: 100%; left: 0; opacity:0; position: absolute; top: 0; width: 1px; } #navy ul li.normal_menu a:after{ left: -1px; } #navy ul.mega_menu li a:before{ left: 22px; top: 15px; } #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"); background-repeat:no-repeat; content: ""; display: block; height: 9px; position: absolute; width: 5px; } #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 li a:hover{ background:rgba(0,0,0,.02); } #navy ul li a i.menu_icon { font-size: 14px; margin-right: 10px; color: #aaa; } #navy ul li a:hover:after { opacity:1; } #navy .tab_menu_item.active > a:hover i{ color: #fff; } #navy ul li a:hover, #navy ul li a:hover > .parent_arrow, #navy ul li a:hover i.menu_icon{ color:#1CCDCA; } /* ----------------- trigger ------------------*/ .mobile_menu_trigger { display: none; } .nav_trigger { border: 1px solid rgba(255, 255, 255, 0.1); color: transparent; display: block; height: 38px; overflow: hidden; position: absolute; right: 0px; white-space: nowrap; width: 38px; z-index: 3; font-size: 0; } #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; } .nav_trigger:not(.nav-is-visible) { width: 39px; } .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: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -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, .nav_trigger.nav-is-visible span::after { background: #ccc; } .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); } /*---------------- 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 li.has-children > a:hover > .mega_toltip, #navy .tab_menu_item:not(.active) > a:hover > .mega_toltip{ opacity: 1; right: 40px; } #navy .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 .mega_menu li { position: static; } #navy .mega_menu > li > a { color: #1ccdca; } #navy .has_mega_menu ul.mega_menu, #navy ul.image_menu, #navy ul.tab_menu, #navy li.normal_menu ul{ display:none; } #navy .mega_menu > li ul { border: none; box-shadow: none; left: auto; position: relative; top: auto; width: auto; } #navy .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 .mega_menu ul ul.is-hidden { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } #navy .mega_menu { border-top: medium none; left: 15px; max-width: 1140px; overflow: hidden; position: absolute; } #navy .mega_menu > li { height: 100%; overflow: hidden; clear: none; float: left; width: 25%; position: relative; border-right: 1px solid #E4E4E4; padding: 15px 0; } #navy .mega_menu > li:last-child { border-right:none; } #navy li.has_mega_menu, #navy li.has_tab_menu, #navy li.has_image_menu{ position: inherit; } #navy .mega_menu > li > ul:after { background: none; } /* ------------------ 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_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_item { clear: left; float: none; position: static; width: 100%; } #navy .tab_menu_item a{ padding: 0 22px; } #navy .tab_menu_item a .parent_arrow { right: 20px; } #navy .tab_menu_item > a:hover { color:#1CCDCA; } #navy .tab_menu_item.active > a{ background: #1CCDCA; color: #fff; } #navy .tab_menu_item.active > a i{ color:#fff; } #navy .tab_menu_item:not(.active) > a:hover i{ color:#1CCDCA; } #navy .tab_menu_list > li > ul { background: none; border: none; box-shadow: none; left: 25%; position: absolute; width: 75%; } #navy .tab_menu_item.active > ul{ display:block; } #navy .tab_menu_item > ul{ display:none; } #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%; } #navy .tab_menu_list > li > ul.html_content_menu > li { padding: 15px 20px; width: 100%; } #navy .tab_menu_list > li > ul > li > ul { height: auto; left: 0; position: relative; top: 100%; background: none; border: none; box-shadow: none; top: 0; } #navy .tab_menu_list > li > ul > li > ul li { clear: both; float: none; } /* ------------------ Image Menu --------------------*/ #navy .image_menu { left: 0; width: 100%; overflow: hidden; } #navy .image_menu .owl-pagination{ display:none; } #navy .owl-wrapper-outer{ z-index: 1; } #navy .owl-buttons:after { clear: both;content: ""; display: block; height: 0; overflow: hidden;} #navy .owl-carousel:after { background: #fff; content: ""; display: block; height: 100%; right: 0; position: absolute; top: 0; width: 20px; z-index: 1; } #navy .image_menu_slide > .owl-wrapper-outer:after { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 20px; } #navy .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-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: #1CCDCA; font-size: 17px; height: 145px; line-height: 145px; overflow: hidden; position: absolute; top: 20px; width: 27px; } #navy .image_menu .owl-prev, #navy .image_menu .owl-next{ 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-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 .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 .has_sub_img .owl-prev { line-height: 40px; top:auto; left:0; } #navy .tab_menu_item .image_menu .owl-next { height: 50px; line-height: 50px; } #navy .tab_menu_item .image_menu .has_sub_img .owl-next { line-height: 40px; top:auto; } #navy .tab_menu_item .image_menu .owl-prev:after{ left: -20px; right: auto; } #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; } /* ------- sub slider ------- */ #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; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); } #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 .owl-item{ border: none; } #navy .has_sub_img .owl-item{ border-right: none; } #navy .img_menu_i:last-child{ border-right: none; } #navy .img_menu_i { padding: 20px 10px 5px; } #navy .has_sub_img .img_menu_i { padding: 0px; } #navy .img_menu_i > a { border-bottom: none; padding:0; } #navy .img_menu_i a:after { background: none !important; } #navy .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 .img_menu_i > a.menu_imgs:hover { color: #aaa; } #navy .img_menu_i > a span { display: block; padding: 2px 0 0 15px; position: relative; } #navy .img_menu_i > a span:before{ left: 0px; top: 17px; } .top_cart { position: absolute; right: 0; top: 37px; } .top_search { top: 37px; } /*---------------- Light Header ------------*/ .light_header #logo .logo_light, body #logo .logo_dark{ opacity: 0; } .light_header #logo .logo_dark{ opacity: 1; } #logo .logo_dark{ position: absolute; } .light_header #navigation_bar { background: #fff; } .light_header .topbar { background: #f9f9f9; border-bottom: 1px solid #e4e4e4; } .topbar.topbar_colored { background: #1ccdca; 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; } .light_header #navigation_bar { border-bottom: 1px solid #E4E4E4; } .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: #1ccdca; 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: #15a09b; color: #fff; text-shadow: none; } .light_header .top-socials > a > span.soc_icon_bg { background: rgba(0, 0, 0, 0.2); } .topbar_colored .top-socials > a > span.soc_icon_bg { background: #008e89; } .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; border-color: #E4E4E4; } .light_header .top_search_con input[type="text"]:focus{ color: #808c8c; } .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: #1ccdca; } .light_header .languages-select .languages-panel-con { background: #1ccdca; } .light_header .languages-select li a, .light_header .languages-select .languages-panel-con .lang_checked { color: #fff; } .light_header .languages-select .languages-panel-con:after { border-bottom-color: #1ccdca; } .topbar_colored .languages-select .languages-panel-con { background: #00918F; } /*------- 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, .2); color: #fff; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul.mega_menu > li:hover > a{ background: none; color: #1CCDCA; } .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: #1ccdca; } /*-------- 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; } .sticky_menu #navigation_bar{ width: 100%; left: 0; right: 0; } .transparent_header.light_header #navigation_bar{ background: rgba(255, 255, 255, 0.9); border-bottom-color: rgba(0, 0, 0, 0.1); } .transparent_header:not(.light_header) #navigation_bar{ background: rgba(35, 48, 57, 0.95); border-bottom: 1px solid rgba(255, 255, 255, 0.07); } /*---------------- Header ------------------*/ .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-drop .languages-panel { left: 0; margin: 7px 0 0; max-width: 135px; min-width: 135px; opacity: 0; overflow: hidden; padding-top: 5px; pointer-events: none; position: absolute; text-align: left; width: 100%; display: block; filter: alpha(opacity=0); } .languages-select .languages-panel-con .lang_checked { color: #1CCDCA; float: right; margin-top: 3px; } .languages-select .languages-panel-con { list-style: none; background: #f5f5f5; margin: 0px 0px 0px 0px; position: relative; } .languages-select .languages-panel-con:after { content: ""; top: -8px; position: absolute; left: 19px; border-width: 4px; border-style: solid; border-color: rgba(0,0,0,0) rgba(0,0,0,0) #f5f5f5 rgba(0,0,0,0); } .languages-select:hover .languages-panel { opacity: 1; filter: alpha(opacity=100); height: auto; pointer-events: auto; } .languages-select li span { font-size: 13px; color: #444; padding: 0 5px 0 10px; display: block; text-transform: uppercase; margin-top: 1px; margin-left: 0px; text-align: left; } .languages-select li a { color: #444; 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); } .languages-select li a span { float: right; opacity: .3; filter: alpha(opacity=30); margin-top: 2px; } /*------------*/ .active .top_add_card { color:#fff; } .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; } .active .top_add_card > span{ background: #fff; color:#777; text-shadow:none; } .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_block { padding: 20px; } .top_cart_footer { border-top: 1px solid #e0e6ef; padding: 16px 20px; background: #f8f8f8; } .top_cart_header h3 { color: #233039; font-size: 13px; text-transform: uppercase; margin: 0; } .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:#1CCDCA; } .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: #1CCDCA; font-size: 16px; } .top_cart_btn { background:#1CCDCA; border: none; color: #fff; padding: 8px 10px; } .top_cart_btn:hover{ opacity:0.9; } .left.top_cart_total { color: #1CCDCA; font-size: 16px; line-height: 36px; } .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:hover{ border-color:#1CCDCA; 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:#1CCDCA; } .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_search_con input[type="text"] { background: none !important; border: medium none; height: 36px; width: 100%; padding: 1px 20px 0 40px; color:#818B8D; font-size: 12px; } .top_search_con input[type="text"]:focus{ color: #eee; } #top_cart + .top_search{ right: 68px; } .top_search { position: absolute; right: 15px; width: 200px; } #top_cart + .top_search.large_top_search{ padding-left: 83px; } .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_submit { border: medium none; padding: 0; position: absolute; width: 20px; left: 12px; opacity: 0; top: 9px; } .top_search_icon { color: #1CCDCA; font-size: 15px; left: 11px; position: absolute; top: 8px; } .small_top_search .top_search_icon { color: #818b8d; } .top_search_con { background: #1A2023;/*#233039*/ border: 1px solid rgba(255, 255, 255, 0.07); float: right; height: 38px; position: relative; width: 100%; } /*----------------------- Core Owl Carousel -----------------------*/ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .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-wrapper-outer{ overflow: hidden; position: relative; width: 100%; } .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-item{ float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .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); } .grabbing { cursor:move; } .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); } /*------------ Welcome Banner ------------*/ .title_banner { background: #1CCDCA; padding: 25px 0 27px; position: relative; margin-bottom: 1px; } .title_banner.t_b_color1 { background: #684962; } .title_banner.t_b_color2 { background: #E84C3D; } .title_banner.t_b_color3 { background: #3E6477; } .title_banner h2{ color: #fff; font-family: "Oswald","Open Sans",sans-serif; font-size: 24px; font-weight: 400; margin: 0; } .italic{ font-style: italic; } .btn_space{ margin-top: 25px; margin-bottom:15px; } .centered{ text-align:center; } .welcome_banner.full_colored, .welcome_banner.boxed_colored{ background: #00a69b; /*#00A07B*/ 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; } .container .welcome_banner.full_gray .content { padding-left: 40px; } .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.full_colored:after { background: rgba(255, 255, 255, 0.2); content: ""; display: block; height: 1px; position: absolute; top: 0; width: 100%; } .welcome_banner h3 { font-size: 24px; font-weight: 300; text-transform: uppercase; margin: 0px 0px 15px; } .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; } .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,.1); } .welcome_banner .intro_text{ line-height: 25px; } .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.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 h3 span{ color:#1CCDCA; } .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, .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, .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; } .welcome_banner_slider .owl-prev { left: -25px; } .welcome_banner_slider .owl-next { right: 15px; } .rotate_icon { background: #e84c3d; 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 #e84c3d transparent; border-style: solid; border-width: 8px; top: -13px; content: ""; display: block; position: absolute; right: 26px; } /*-------- Services Box ---------*/ .service_box { position: relative; z-index:1; } .icon_boxes_con.style1 .service_box { margin-bottom: 60px; } .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 .service_box .service_box_con{ border: 1px solid #e7e7e7; padding: 55px 15px 45px; background:#fff; } .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 > .icon i { background: #1CCDCA; 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: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 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; } .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,.45); } .icon_boxes_con.style2 .service_box .service_box_con { padding-left: 100px; } .icon_boxes_con.style2.icon_box_no_border .service_box .service_box_con { padding-left: 105px; } .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.solid_icon .service_box .service_box_con { padding-left: 105px; } .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:#1CCDCA; } .icon_boxes_con.style1 .service_box .ser-box-link:hover > span, .icon_boxes_con.style1 .service_box .ser-box-link:hover > span:after{ background: #1CCDCA; } .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.style2.medium_icon .service_box .icon, .icon_boxes_con.style1.medium_icon .service_box .icon { font-size: 24px; } .icon_boxes_con.style2.icon_box_no_border .service_box .icon { height: 84px; width: 84px; line-height: 87px; top: 0; } .icon_boxes_con.style2:not(.icon_box_no_border):not(.solid_icon) .service_box .icon { left: 7px; } .icon_boxes_con.style2 .service_box .icon { background: #1ccdca; 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.icon_left_right > div:nth-child(2n+1) .service_box .icon { right: 7px; left: auto; } .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; } .white_section .icon_boxes_con.style2:not(.icon_box_no_border) .service_box .icon::after { background: rgba(0,0,0,.15); border: none; } .icon_boxes_con.style2 .service_box { margin-bottom: 60px; } .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: #1ccdca; 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: #1ccdca; 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.style1.circle .service_box > .icon i { height: 70px; line-height: 70px; width: 70px; } .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 .service_box .service_box_con:before { height: 90px; width: 90px; top: -44px; } .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 #1ccdca; } .icon_boxes_con.style1.solid_icon .service_box > .icon i{ background: #fff; color:#1ccdca; } .icon_boxes_con.style2.solid_icon .service_box .icon i{ background:none; color:#1ccdca; position:relative; z-index: 1; } .icon_boxes_con.style2.solid_icon .service_box .icon{ background: #fff; } .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: #1CCDCA; 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.style2.solid_icon .service_box .icon { background: none; height: 84px; line-height: 84px; width: 84px; top: 0; } .icon_boxes_con.style2.solid_icon .service_box .icon:after { left: 0; top: 0; } .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: #1ccdca; 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); } /* hover */ .icon_boxes_con.style2:not(.solid_icon):not(.icon_box_no_border) .service_box:hover .icon{ background: #fff; color: #1CCDCA; } .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: #1CCDCA; } .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: #1ccdca; color:#fff; } .icon_boxes_con.style2.solid_icon .service_box:hover > .icon i{ color:#fff; } .service_box:hover h3{ color:#1CCDCA; } .icon_boxes_con.style1.circle:not(.just_icon_border) .service_box:hover > .icon i { height: 88px; left: 0; top: 0; width: 88px; } /*-------- Features Box --------*/ .bg_gradient1{ background: #5f5266; background: -moz-radial-gradient(center, ellipse cover, #5f5266 0%, #29202e 100%); background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #5f5266), color-stop(100%, #29202e)); background: -webkit-radial-gradient(center, ellipse cover, #5f5266 0%, #29202e 100%); background: -o-radial-gradient(center, ellipse cover, #5f5266 0%, #29202e 100%); background: -ms-radial-gradient(center, ellipse cover, #5f5266 0%, #29202e 100%); background: radial-gradient(ellipse at center, #5f5266 0%, #29202e 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f5266', endColorstr='#29202e', GradientType=1 ); } .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: #E84C3D; } .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: #1CCDCA; } /*------*/ .bg1{ background-image: url("../images/bg1.jpg"); } .bg2{ background-image: url("../images/bg2.jpg"); } .bg3{ background-image: url("../images/bg3.jpg"); } .bg4{ background-image: url("../images/bg4.jpg"); } .bg5{ background-image: url("../images/bg5.jpg"); } .bg6{ background-image: url("../images/bg6.jpg"); } .bg7{ background-image: url("../images/bg7.jpg"); } .bg8{ background-image: url("../images/bg8.jpg"); } .bg9{ background-image: url("../images/bg9.jpg"); } .bg10{ background-image: url("../images/bg10.jpg"); } .bg11{ background-image: url("../images/bg11.jpg"); } .bg12{ background-image: url("../images/bg12.jpg"); } .bg13{ background-image: url("../images/bg13.jpg"); } /*---------*/ .bg_header1{ background-image: url("../images/bg_header1.jpg"); } .bg_header2{ background-image: url("../images/bg_header2.jpg"); } .bg_header3{ background-image: url("../images/bg_header3.jpg"); } .bg_header4{ background-image: url("../images/bg_header4.jpg"); } .bg_header5{ background-image: url("../images/bg_header5.jpg"); } .bg_fixed { min-height: 100%; background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: center center; -webkit-transform: translateZ(0); } .content_section{ position:relative; } .next_product_nav { height: 200px; overflow: hidden; position: absolute; width: 100%; } .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: #1ccdca; display: block; font-size: 32px; height: 76px; line-height: 76px; text-align: center; width: 76px; } .has_col_img.on_desktop > img { bottom: 0; position: absolute; } h2.title2 { font-size: 32px; font-weight: 300; margin-bottom: 30px; } h2.title2 span.red { background: #e74c3c; } h2.title2 span { background: #1CCDCA; display: inline-block; font-size: 32px; margin: 0 20px 0 0; padding: 8px 17px 7px; position: relative; color: #fff; } .bg_fixed h2.title2 span:after { background: rgba(0, 0, 0, 0.2); -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; bottom: -4px; content: ""; display: block; height: 4px; position: absolute; width: 80%; } 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: #1CCDCA; height: 18px; position: absolute; width: 18px; content: "\f105"; font-family: idealtheme; 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; } .main_title.light h2, .title1.light{ font-weight: 300; } .main_title.no_line h2 { padding-bottom: 0; margin-bottom: 20px; } .main_title.no_line .line { display: none; } .main_title h2 .icon { color: #1CCDCA; font-size: 24px; margin-right: 15px; } .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); } .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; font-family: 'Oswald', 'Open Sans', sans-serif; line-height: 40px; } .main_title.small_space h2 { margin-bottom: 25px; } .main_title .line i { background: #fff; color: #1CCDCA; 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; } .bg_gray .main_title .line i{ background: #f9fafc; } .main_title:not(.centered):not(.align_right) .line i { padding-right: 13px; width: auto; } .centered .main_title .line i { padding-right: 0px; width: 40px; } .main_title.side_line > h2 { margin-bottom: 23px; } .main_title h2 .line { background: rgba(0, 0, 0, 0.07);/*#e6e6e6*/ bottom: 0; height: 1px; position: absolute; width: 33%; } .align_right h2 .line{ right: 0; } .main_title .line:before { background: #1cc6df; content: ""; display: block; height: 1px; position: absolute; width: 100px; } .bg_color7 .main_title .line:before { background: rgba(0, 0, 0, 0.2); } .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%; } .title1 { color: #1CCDCA; font-size: 24px; font-weight: 400; margin: 0 0 13px; font-family: 'Oswald', 'Open Sans', sans-serif; line-height: 33px; } .title1.title_color1 { color: #e84c3d; } .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 #1CCDCA; padding: 10px; position: relative; } .description4 { display: block; line-height: 24px; margin: 15px 0px 50px; width: 50%; } .description4.centered{ margin: 15px auto 50px; } .description2:after { border-color: transparent transparent #1CCDCA; border-style: solid; border-width: 4px; content: ""; display: block; left: 50%; position: absolute; top: -9px; } .description3:not(.centered):after { left:0; } .description3:after { background: #1CCDCA; content: ""; display: block; height: 1px; position: absolute; top: -7px; width: 30%; } .main_desc p{ margin: 0 auto 20px; } .main_desc{ margin: 0 auto 40px; } .main_desc, .main_desc p{ font-family: "lato",sans-serif; font-size: 24px; font-weight: 300; line-height: 1.4; } .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; } .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;} .description4.align_right { padding-left: 50%; width: 100%; } .main_title.lato h2{ font-weight: 300; font-family: "Lato",sans-serif; } .main_title.short_line h2, .main_title.side_line h2 { display: inline-block; } .main_title.side_line h2 { padding-bottom: 5px; } .main_title.side_line .line:before, .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: #eee; } .main_title.blue_bg > h2 { background: #1CCDCA; color:#fff; } .main_title.gray_bg .line:before { border-color: #eeeeee transparent transparent; } .main_title.blue_bg .line:before { border-color: #1CCDCA transparent transparent; } /* ---------------- Tabs ---------------- */ .hm-tabs { position: relative; margin: 0px auto 50px; clear: both; } .hm-tabs:last-child { margin-bottom: 0; } .hm-tabs:after, .tabs-navi:after { content: ""; display: table; 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); } .tabs-navi li { display: inline-block; } .tabs-navi a { display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #888; } .no-touch .tabs-navi a:hover { color: #324545; } .tabs2:not(.fill_active) .tabs-navi a:hover{ color: #1CCDCA; } .hm-tabs:not(.simple_tabs) .tabs-body { background: #ffffff; clear: both; } .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; } a.img_popup { display: inline-block; margin-top: 5px; max-width: 100%; overflow: hidden; position: relative; } .f_s_block a.img_popup { display: block; } 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); } .tab_img { float: left; padding: 0 25px 8px 0; width: 33%; } .white_section .f_s_block.circle a.img_popup:after { display:none; } 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%; } /* tabs 1 */ .with_arrow_d.tabs1.fill_active .tabs-navi a.selected:before { background: none; border-color: #1CCDCA 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; } .hm-tabs.tabs1.ver_tabs { /*overflow: hidden;*/ } .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: #1CCDCA; } .tabs1:not(.ver_tabs) .tabs-navi a.selected { background: #ffffff; box-shadow: inset 0 2px 0 #1CCDCA; color: #1CCDCA; } .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.ver_tabs .tabs-navi a { border-bottom: 1px solid #E5E5E5; } .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:not(.ver_tabs):not(.fill_active) .tabs-navi a.selected:before { background: #1CCDCA; content: ""; display: block; height: 3px; left: -1px; position: absolute; top: -1px; width: 102%; } .tabs1.fill_active .tabs-navi a:before{ display:none; } .ver_tabs .tabs-navi li:last-child a.selected { border-bottom: 1px solid #E5E5E5; margin-bottom: 15px; } /* tabs 2 */ .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; } .tabs-navi a i { font-size: 18px; margin-right: 10px; vertical-align: sub; } .tabs2 .tabs-navi li { margin-right: 8px; } .tabs2 .tabs-body { margin-top: 25px; border: 1px solid #E5E5E5; } .tabs2 .tabs-navi a.selected { border-color: #1CCDCA; color: #1CCDCA; } .tabs2 .tabs-navi a.selected > span i { color: #1CCDCA; } .tabs2 .tabs-navi a { border-color:#E5E5E5; line-height: 45px; color: #888; } .tabs2 .tabs-navi a { padding:0 18px; background: #fff; border: 1px solid #E5E5E5; } .tabs1.fill_active .tabs-navi a.selected:after{ background:none; } .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: #1CCDCA; color: #fff; border-color: #1CCDCA; } .tabs1.fill_active .tabs-navi li a.selected{ border-left-color:#1CCDCA; } .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.selected, .tabs1.fill_active .tabs-navi li:first-child a:hover{ border-left: 1px solid #1CCDCA; } .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 a { } .tabs1.fill_active .tabs-navi li.prev_selected a { border-right-color: #1CCDCA; } /*vertical*/ .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%; } .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:not(.gradient_active) .tabs-navi a.selected:after { background: #fff; content: ""; display: block; height: 100%; position: absolute; right: -1px; top: 0; width: 1px; } .ver_tabs .tabs-navi a.selected:before { background: #1CCDCA; } .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; } .bg_gray .hm-tabs.tabs1.ver_tabs { background:#fff; border: 1px solid #E5E5E5; } .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:#1CCDCA; color:#1CCDCA; /*#E74C3C*/ } .hm-tabs.simple_tabs .tabs-navi a { background: rgba(0, 0, 0, 0); } .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi > li:first-child a { border-left: 1px solid #e5e5e5; } .hm-tabs nav { position: relative; float: none; background: transparent; box-shadow: none; z-index: 1; } .tabs-navi { width: auto; font-size: 0; } .tabs-navi a { line-height: 50px; width: auto; text-align: left; font-size: 14px; padding: 0 25px; position: relative; } .tabs-navi a { background:#F9FAFC; } .bg_gray .tabs-navi a { background:#fff; } .hm-tabs:not(.simple_tabs) .tabs-body > li { padding: 20px 25px 20px; } .hm-tabs.simple_tabs .tabs-body > li { padding: 20px 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;} } .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 #1CCDCA; border-bottom: 1px solid #1CCDCA; } .tabs2.tabs_mobile .tabs-navi li { margin-bottom: 8px; } .tabs2.tabs_mobile.fill_active:not(.ver_tabs) .tabs-body { margin-top: 17px; } /*------- Feature Icon -------*/ .feature_icon .item { margin-bottom: 40px; } .feature_icon .item:last-child { margin-bottom: 0; } .white_section .feature_icon .item > span{ color: #aaa; } .feature_icon .item > span { line-height: 24px; } .feature_icon .item h5 { margin-bottom: 10px; } .feature_icon .item h5 .icon, .white_section .feature_icon .item h5 .icon { /*border: 1px solid rgba(255, 255, 255, 0.07);*/ display: block; float: left; height: 53px; margin-right: 15px; width: 53px; } .feature_icon.on_right .item h5 .icon { float: right; margin-left: 15px; 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; } .feature_icon .item h5:after { content: ""; display: table; clear: both; } .feature_icon .item h5 .title { float: left; font-family: "Oswald","Open Sans",sans-serif; font-size: 20px; font-weight: 300; margin-top: 12px; text-transform: uppercase; word-spacing: 2px; letter-spacing: 1px; } .white_section .feature_icon .item h5 .icon span { background: rgba(0, 0, 0, 0.4); } .feature_icon .item h5 .icon span { background: #1ccdca; 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; } .white_section .feature_icon .item h5 .icon span:after{ background:#1CCDCA; } .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:hover h5 .icon span:after { opacity:1; } .feature_icon .item:hover h5 .title { color: #1CCDCA; } .feature_icon .item:hover h5 .icon{ border-color: #fff; } .white_section .feature_icon .item:hover h5 .icon{ border-color: rgba(0,0,0,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; } .white_section .f_s_block.circle { border: 5px solid rgba(0, 0, 0, 0.5); background:none; max-width: 500px; margin: 0 auto; } /*------- Isotope Filter -------*/ .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%; } .two_blocks .filter_item_block{ width: 50%; } .four_blocks .filter_item_block{ width: 25%; } .five_portos .filter_item_block{ width: 20%; } .filter_item_block.width2{ width: 40%; } .masonry_porto .hm_filter_wrapper_con { /*margin-left: -2px;*/ } .filter_item_block { float: left; position:relative; } .filter_item_block:hover .porto_desc { border-bottom-color: #1CCDCA; } .hm_filter_wrapper:not(.porto_hidden_title):not(.porto_full_desc) .filter_item_block:hover .porto_desc h6{ color: #1CCDCA; } .filter_item_block .number{ display:none; } .porto_type { overflow: hidden; position: relative; z-index:1; } .hm_filter_wrapper .porto_type:not(.simple_porto_img):after { background: #1ccdca; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .two_blocks .porto_type img { width: 100%; } .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; } .hm_filter_wrapper:not(.porto_full_desc) .porto_type:hover > img { filter: blur(3px); -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); /*filter: url(../images/blur.svg#blur);*/ filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='3'); } .porto_nav{ left: 15%; position: absolute; text-align: center; width: 70%; z-index: 10; } .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/*#E84C3D*/; 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; } .porto_nav .icon_expand:nth-child(2n){ top: -50px; } .porto_nav .icon_expand:nth-child(3n){ left: 50px; } .hm_filter_wrapper .icon_expand > span { display: block; height: 100%; position: relative; width: 100%; } .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 .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.four_blocks.boxed_portos .icon_expand { height: 44px; line-height: 44px; width: 44px; } .hm_filter_wrapper .icon_expand:last-child{ margin-right: 0px; } .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: #1CCDCA; } .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: #e84c3d; 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:last-child { margin-right: 0px; } .hm_filter_wrapper.four_blocks.boxed_portos .porto_nums > span { display: none; } .porto_nums > span.like.added i { color: #1ccdca; } .porto_nums > span i { color: #c6c6c6; font-size: 13px; vertical-align: sub; margin-right: 6px; } .porto_nums > span.comm i { font-size: 16px; } .porto_nums > span.like i { cursor: pointer; } .porto_nums > span.like i:hover { color: #1CCDCA; } .option-set { float: left; } #filter-by.option-set { position: relative; font-size: 0; text-align: center; } #filter-by > li { display: inline-block; font-size: 14px; } #filter-by > li a { color: #898989; background: #fff; border-bottom: 1px solid #dfe3e6; border-right: 1px solid #dfe3e6; border-top: 1px solid #dfe3e6; display: block; padding: 13px 20px; position: relative; } #filter-by > li:first-child a { border-left: 1px solid #dfe3e6; } .filter_by_mobile #filter-by > li a { border: 1px solid #dfe3e6; margin: 0 10px 10px 0; } .filter_by_mobile #filter-by > li a.selected { border-color: #1CCDCA; } #filter-by > li a span.num{ display:none; } #filter-by > li a.selected { background: #1ccdca; border-color: #1ccdca; color: #fff; } .nav_with_nums #filter-by > li a span.num { display:block; background: #fff; border: 1px solid #dfe3e6; font-size: 10px; color: #898989; height: 20px; left: 20px; line-height: 18px; position: absolute; text-align: center; top: -10px; width: 22px; opacity: 0; } .nav_with_nums #filter-by > li:hover > a span.num, .nav_with_nums #filter-by > li > a.selected span.num { opacity: 1; } .nav_with_nums #filter-by > li a.selected span.num { background: #324545; border-color: #324545; color:#fff; } #options .sort_list { max-width: 200px; float: right; min-width: 180px; position: relative; margin-right: 1px; margin-top: 12px; } #sort-by.option-set { background: #fff; border-color: #dfe3e6; border-style: solid; border-width: 0 1px 1px; position: absolute; width: 100%; visibility:hidden; opacity:0; } #options .sort_list:hover{ z-index: 10; } #options .sort_list:hover > #sort-by.option-set{ visibility:visible; opacity:1; } #options .sort_list a.sort_selecter{ border: 1px solid #dfe3e6; background:#fff; width: 100%; } #options .sort_list a{ border-bottom: 1px solid #dfe3e6; display: block; position: relative; font-size: 12px; color: #898989; } #options .sort_list a:hover, #options .sort_list a.selected, #sort-direction.option-set a.selected, #sort-direction.option-set a:hover{ color: #1ccdca; } #options .sort_list a span.text { display: block; padding: 8px 15px; } #options .sort_list a.sort_selecter .arrow { border-left: 1px solid #dfe3e6; height: 100%; line-height: 34px; padding-left: 10px; position: absolute; right: 11px; text-align: center; top: 0; font-size: 13px; } #options .sort_list a.sort_selecter .arrow i { display: block; position: relative; top: 9px; transform: rotate(315deg); } #options .sort_list ul li:last-child a { border-bottom: medium none; } #sort-direction.option-set { float: right; } #sort-direction.option-set li:first-child { border-bottom: 1px solid #dfe3e6; } #sort-direction.option-set { background: #fff; border: 1px solid #dfe3e6; margin-top: 12px; margin-right: 10px; opacity: 0; } #sort-direction.option-set a{ color: #ddd; } #sort-direction.option-set span { display: block; line-height: inherit; padding: 0 11px; } #sort-direction.option-set span i { display: block; line-height: 16px; font-size: 15px; vertical-align: sub; } .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; } /*----- Portfolio 2 -----*/ .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.boxed_portos.four_blocks .porto_desc { padding: 13px 20px 16px; } .porto_type > img { position: relative; top: 0; } .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.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; } .porto_full_desc .porto_meta { position: absolute; width: 100%; } .porto_full_desc .porto_desc { background: #314152; height: 100%; position: absolute; width: 100%; color: #bfc6cd; border-bottom: none; text-align: center; } .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: #1ccdca; display: block; margin-bottom: 20px; text-transform: uppercase; } .porto_full_desc .porto_meta > p { margin: 16px 0; } .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; } /* Initial state classes: */ .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; } /*------- Counter --------*/ .white_section .counter .value { 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_a .counter .icon { height: 90px; line-height: 90px; width: 90px; } .white_section .counter .icon, .white_section .counter .title { color:#fff; } .counter .icon { font-size: 32px; margin: 0 auto; color: #1CCDCA; } .white_section .counter .icon{ color: #fff; } .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: #1ccdca; 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 .icon i { position: relative; z-index: 1; } .counter_a .counter .value { font-weight: 300; letter-spacing: 1px; } .counter .value { font-size: 32px; font-weight: 700; margin-top: 30px; font-family: "Oswald","Open Sans",sans-serif; } .counter_a .counter .title { font-weight: 300; } .counter_b .counter .title { font-weight: 300; } .tabs-body li .counter .title { margin-top: 0; } .counter .title { font-size: 22px; letter-spacing: 1px; padding-top: 15px; text-transform: capitalize; } .counter .title:before, .counter .title:after{ content: ""; display: block; height: 1px; position: absolute; top: 0; } .counter_b .counter .title:before { background: rgba(255, 255, 255, 0); } .counter .title:before { background: rgba(255, 255, 255, 0.1); width: 50%; } .counter_b .counter .title:after { background: #fff; } .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); } .counter_a .counter:hover .icon{ color: #fff; } /*------- Client Say --------*/ .normal_text_slider { position: relative; } .normal_text_slider .c_say { text-align: center; } .normal_text_slider .client_img img { display: block; position: relative; } .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 > span { display: block; height: 100%; position: relative; width: 100%; } .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; } .normal_text_slider .client_details { color: #324545; display: block; font-size: 16px; margin: 30px 0 15px; text-transform: uppercase; } .normal_text_slider .url { color: #1ccdca; } .white_section .normal_text_slider .desc { color: #fff; } .normal_text_slider.client_say_slider .desc { margin-bottom: 0; } .normal_text_slider .desc{ margin-bottom: 30px; color: #8f8e8e; font-size: 16px; font-style: italic; line-height: 33px; display: block; } .white_section .btn_a { box-shadow: 0px 3px 1px rgba(0,0,0,.2); margin-bottom: 3px; border: none; } /*----2----*/ .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: #1ccdca; margin-left: 7px; } .say_datils .text { line-height: 25px; } /*------- Video Beckground -------*/ .mb_YTPPlaypause, .mb_YTPMuteUnmute { display: none !important; } .mb_YTPlayer :focus { outline: 0; } .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; } .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,.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: #1CCDCA; 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:hover > span { background: #fff; color: #e84c3d; } .play_video_btn > span { background: #e84c3d; color: #fff; display: block; font-size: 32px; height: 100%; width: 100%; -moz-box-shadow: 0px 0px 13px rgba(0,0,0,.5); -webkit-box-shadow: 0px 0px 13px rgba(0,0,0,.5); -ms-box-shadow: 0px 0px 13px rgba(0,0,0,.5); box-shadow: 0px 0px 13px rgba(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; } .youtube_bg_video.mb_YTPlayer { display: block; height: 100%; position: absolute !important; width: 100%; } .youtube_bg_video + .content { min-height: 500px; } .youtube_bg_video.has_overlay:after { background: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; } /*------ Add To Card ------*/ .shop_slider .owl-item { padding: 0 15px; } .white_section .add2cart_slide{ border: none; } .add2cart_slide { border: 1px solid #DDDDDD; position:relative; margin-bottom: 30px; } .add2cart_details { background: #FDFDFD; position: relative; } .add2cart_details .con_cont { padding: 15px 22px 18px; } .add2cart_img { display: block; position: relative; border-bottom: 1px solid #DDDDDD; overflow: hidden; } .sale_new .text { position: relative; z-index: 1; } .add2cart_img .sale_new { color: #fff; display: block; font-size: 11px; height: 60px; line-height: 60px; position: absolute; text-align: center; text-transform: uppercase; top: 20px; left: 20px; width: 60px; letter-spacing: 1px; z-index: 2; } .add2cart_img .circle { background: #fff; position:absolute; width:100%; height:100%; left: 0; top: 0; } .add2cart_img .circle.sale { /*border: 1px solid #e84c3d;*/ background:#e84c3d; } .add2cart_img .circle.sale:after { border-top-color: #e84c3d; } .add2cart_img .circle.new { /*border: 1px solid #12b1c6;*/ background: #12b1c6; } .add2cart_img .circle.new:after { border-top-color: #12b1c6; } .add2cart_img .circle:after { border-color: #e84c3d rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px; bottom: -9px; content: ""; display: block; left: 25px; position: absolute; } .add2cart_prod_name { display: block; color: #324545; font-size: 16px; text-transform: capitalize; margin-bottom: 9px; } .add2cart_prod_cat { color: #999; font-size: 13px; display: block; margin-bottom: 10px; text-transform: capitalize; } .add2cart_prod_price { display: block; margin-bottom:3px; } .add2cart_prod_price del { color: #bab9b9; margin-right: 10px; } .add2cart_prod_price ins { font-size: 20px; font-weight: 800; letter-spacing:1px; } .add2cart_btn { background: #fff; border: 1px solid #ddd; color: #999; font-size: 13px; padding: 10px 15px; position: relative; left: auto; bottom: -29px; font-style: italic; } .add2cart_btn i { color: #ccc; margin-right: 10px; } .add2cart_btn:hover{ background: #fff; color: #1ccdca; border-color: #1ccdca; } .add2cart_btn:hover i { color: #1ccdca; } .add2cart_image{ position:relative; } .shop_slider .add2cart_slide:hover .pro_add2cart_details{ opacity: 1; } .shop_slider .pro_add2cart_details:hover, .add2cart_image .add2cart_zoom:hover { color: #1CCDCA; } .shop_slider .pro_add2cart_details { background: #fff; border: 2px solid #324545; color: #324545; display: block; font-size: 13px; height: 40px; line-height: 36px; padding: 0 15px; position: absolute; width: auto; z-index: 1; top: 40%; opacity:0; } .pro_add2cart_details .text { position: relative; } .pro_add2cart_details .text i { margin-right: 9px; font-size: 14px; } .cart_toltip_icon { background: #fff; border: 2px solid #DDDDDD; color: #1CCDCA; font-size: 16px; height: 40px; line-height: 38px; opacity: 0; position: absolute; left: 20px; text-align: center; bottom: 20px; width: 40px; z-index: 1; } .cart_toltip_icon2 { background: #fff; border: 2px solid #DDDDDD; color: #1CCDCA; font-size: 14px; height: 40px; line-height: 40px; opacity: 0; position: absolute; right: 20px; text-align: center; bottom: 20px; width: 40px; z-index: 1; } .cart_toltip_icon.cart_icon_on_right { left: auto; right: 20px; direction: rtl; } .cart_toltip_icon:hover:after { opacity:1; pointer-events: auto; } .cart_toltip_icon.cart_icon_on_right:after { direction: ltr; left: auto; right: -2px; padding: 0 37px 0 14px; } .cart_toltip_icon:after { background: rgba(255, 255, 255, 1); border: 2px solid #DDDDDD; bottom: 41px; color: #324545; content: attr(data-text); display: inline-block; font-size: 12px; height: auto; left: -2px; opacity: 0; padding: 0 14px 0 37px; pointer-events: none; position: relative; white-space: pre; width: auto; z-index: -1; } .add2cart_image .add2cart_zoom { background: #fff; border: 2px solid #324545; color: #324545; display: block; font-size: 24px; height: 40px; line-height: 38px; opacity: 0; position: absolute; text-align: center; width: 40px; z-index: 1; } .add2cart_img:after { background: rgba(255, 255, 255, 0.4); content: ""; height: 100%; opacity:0; left: 0; position: absolute; top: 0; width: 100%; } .add2cart_image:hover .add2cart_img .sale_new .circle { -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); } .add2cart_image:hover .add2cart_img > img { transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } .add2cart_image:hover .add2cart_zoom, .add2cart_image:hover .add2cart_img:after, .add2cart_image:hover .cart_toltip_icon, .sidebar_slider:hover .cart_toltip_icon2{ opacity:1; } .add2cart_image:hover .pro_add2cart_details { opacity:1; top: 25%; } .add2cart_details .your_rate { margin-bottom: 5px; margin-top: 10px; } .centered .add2cart_details .your_rate { margin-right: auto; margin-left: auto; } .your_rate { font-size: 16px; height: 20px; overflow: hidden; position: relative; width: 80px; } .outline_stars { height: 20px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .your_rate:before { content: "\e6fe\e6fe\e6fe\e6fe\e6fe"; font-family: "idealtheme"; left: -2px; position: absolute; top: 0; color: #ccc; } .outline_stars:before { content: "\e6fd\e6fd\e6fd\e6fd\e6fd"; font-family: "idealtheme"; left: -2px; position: absolute; top: 0; color: #FFB200; } .widget_block > h6 { font-size: 15px; font-weight: 500; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; word-spacing: 1px; } .send_button { background: #1CCDCA; border: 1px solid #1CCDCA; color: #fff; padding: 8px 12px; font-size: 14px; display: inline-block; } .send_button2 { background: #fff; border: 1px solid #1CCDCA; color: #1CCDCA; font-size: 14px; padding: 9px 12px; } .send_button:hover{ background: #324545; border-color: #324545; color: #fff; } .price_filter_details { margin-top: 20px; } .price_title { margin-right: 5px; text-transform: uppercase; } .price_lable { background: #fff; border: 1px solid #DDDDDD; float: right; font-size: 12px; padding: 9px 15px; color: #999; } .shop_price_slider_con { padding: 10px 0; position: relative; } .widget_block { border-bottom: 1px solid #eee; margin-bottom: 22px; padding-bottom: 30px; } .widget_block:last-child { border-bottom: medium none; margin-bottom: 0; padding-bottom: 0; } .widget_block .tabs-navi a{ padding: 0 15px; line-height: 43px; } .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; } .widget_block .hm-tabs{ margin-top: 34px; } .icon_alone, .tabs-navi a i.icon_alone{ margin-right:0; } .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.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; } .search_block form input.serch_input:focus { color: #444; } .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: #1CCDCA; 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; } /*------ Social Links ------*/ .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 { } .social_links_widget a.twitter:hover { color: #00baff; } .social_links_widget a.facebook { } .social_links_widget a.facebook:hover { color: #516ca4; } .social_links_widget a.googleplus { } .social_links_widget a.googleplus:hover { color: #ed523d; } .social_links_widget a.linkedin { } .social_links_widget a.linkedin:hover { color: #1985bc; } .social_links_widget a.youtube { } .social_links_widget a.youtube:hover { color: #f02a06; } .social_links_widget a.skype { } .social_links_widget a.skype:hover { color: #44bbff; } .social_links_widget a.flickr { } .social_links_widget a.flickr:hover { color: #ff0084; } .social_links_widget a.picasa { } .social_links_widget a.picasa:hover { color: #6878a0; } .social_links_widget a.vimeo { } .social_links_widget a.vimeo:hover { color: #44bbff; } .social_links_widget a.tumblr { } .social_links_widget a.tumblr:hover { color: #395875; } .social_links_widget a.dribble { } .social_links_widget a.dribble:hover { color: #dc71a6; } .social_links_widget a.soundcloud { } .social_links_widget a.soundcloud:hover { color: #ff6600; } .social_links_widget a.instagram { } .social_links_widget a.instagram:hover { color: #406f94; } .social_links_widget a.pinterest { } .social_links_widget a.pinterest:hover { color: #f21414; } .social_links_widget a.rss { } .social_links_widget a.rss:hover { color: #ff9d00; } .tagcloud a { display: block; float: left; margin: 0 10px 10px 0; position: relative; } .tagcloud a:hover .tag{ color: #1CCDCA; } .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) #fff; border-style: solid; border-width: 4px; content: ""; display: block; left: -1px; position: absolute; top: 12px; } .posts_widget_list li:not(:last-child), .posts_widget_list2 li:not(:last-child) { margin-bottom: 25px; } .posts_widget_list li > a { color: #1CCDCA; font-size: 13px; text-transform: capitalize; } .posts_widget_list2 li > a { color: #324545; font-size: 14px; 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_list2 li > a img { max-width: 90px; float: left; margin: 5px 15px 0 0; } .posts_widget_list2 li > a span:hover{ color: #1CCDCA; } .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; } .posts_widget_list li .your_rate { margin: 5px 0 9px; } .products_filter { margin-right: -20px; } .products_filter li { float: left; padding-right: 20px; width: 33.3333%; } .add2cart_buttons > a { background: #fff; border-top: 1px solid #DDDDDD; color: #888; display: inline-block; float: left; font-size: 13px; padding: 14px 0 14px 20px; position: relative; width: 50%; } .add2cart_buttons > a.pro_add2cart_add:after { background: #DDDDDD; content: ""; height: 100%; position: absolute; right: 0; top: 0; width: 1px; } .add2cart_buttons > a:hover { color: #1CCDCA; } .add2cart_buttons > a i { margin-right: 7px; } .products_filter .add2cart_details { overflow: hidden; } /*--- pgination ---*/ .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: #555; display: inline-block; font-size: 13px; line-height: 36px; height: 38px; min-width: 38px; padding: 0 11px; text-align: center; } .pagination li.page_of { margin-right: 4px; } #pagination { margin-top: 60px; } .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: #1CCDCA; border-color: #1CCDCA; color: #fff; } .pro_ordering { float: right; } .pro_result_count { line-height: 38px; } .pro_sort_con { font-size: 13px; margin-bottom: 25px; min-height: 38px; } .orderby_label select { border: 1px solid #ddd; color: #888; min-height: 40px; padding: 9px; width: 100%; background: #fff; } .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; } /*------ Shop Widget Slider -------*/ .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: #1CCDCA; content: ""; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; width: 100%; } .bold{ font-weight: 700; } .light{ font-weight: 300; } .index_top{ position: relative; z-index:1; } .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: #e84c3d; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .sidebar_slide_price { color: #e84c3d; 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: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px; bottom: -10px; content: ""; display: block; position: absolute; } /*------ Single Product Shop ------*/ .thumbs_gall_slider_con { border: 1px solid #E5E5E5; position: relative; background: #fff; } .gall_thumbs .owl-item{ border: 1px solid #fff; } .gall_thumbs .current_thumb { border: 1px solid #1CCDCA; overflow: hidden; } .single_product_slider{ float: left; width: 40%; padding-right: 30px; } .single_product_details{ float: left; width: 60%; } .thumbs_gall_slider_larg { border-bottom: 1px solid #E5E5E5; } .gall_thumbs { padding: 15px 14px; } .thumbs_gall_slider_larg .item{ position: relative; overflow: hidden; } .gall_thumbs .item{ cursor: pointer; } .gall_thumbs .item h1{ font-size: 18px; } .single_cart_form { } .single_pro_row { margin-top: 10px; } .single_product_title{ color: #1CCDCA; font-size: 28px; font-weight: 500; margin: 0 0 10px; font-family: "Oswald","Open Sans",sans-serif; } .hoverdir_con{ background: #2E333D; color: #fff; height: 100%; position: absolute; text-align: center; width: 100%; } .hoverdir_meta { position: absolute; width: 100%; } .proj_date{ font-size: 13px; } .hoverdir_meta .proj_name{ text-transform: uppercase; } .single_product_rating { margin-bottom: 10px; position: relative; } .single_product_reviews { margin-left: 10px; } .single_product_reviews .gray_desc { color: #aaa; font-size: 13px; margin-left: 5px; text-transform: capitalize; } .go_to_reviews { color: #aaa; font-size: 14px; font-weight: 300; } .go_to_reviews i { color: #ccc; display: inline-block; font-size: 16px; margin-right: 6px; } .send_button3{ background: #324545; color: #fff; border: 1px solid #324545; padding: 8px 14px; } .acc_content .send_button3{ display: inline-block; margin: 20px 0 5px; } .send_button3:hover{ background: #1CCDCA; border-color: #1CCDCA; 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; } .send_button2:hover{ color: #324545; border-color: #324545; } [class^="send_button"] i, [class*=" send_button"] i{ margin-right: 11px; } .single_product_price_con del{ color: #aaa; font-size: 18px; font-weight: 300; letter-spacing: 1px; margin-left: 10px; } .single_product_price_con ins{ font-size: 26px; font-weight: 700; letter-spacing: 1px; line-height: 20px; } .single_product_price_con { border-bottom: 1px solid #DDDDDD; margin-bottom: 16px; padding-bottom: 14px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] {-moz-appearance: textfield;} .quantity_controll.minus, .quantity_controll.plus { background: #fbfbfb; border: 1px solid #e1e1e1; color: #888; float: left; font-size: 15px; height: 41px; margin: 0; padding: 0; width: 36px; } .buttons_added .input-text { background: #fff; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-right: none; border-left: none; float: left; height: 41px; padding: 0; width: 36px; text-align: center; color: #666; } .margin_left_a { margin-left: 15px; } .single_product_desc { margin-bottom: 20px; } .shop_product_wrapper .hm-tabs.simple_tabs .tabs-navi li a { border-width: 1px; font-weight: 500; line-height: 37px; padding: 0 12px; } .shop_product_wrapper .hm-tabs.simple_tabs .tabs-body > li { padding: 5px 20px 0; position: relative; z-index: 1; } .shop_product_wrapper .hm-tabs.simple_tabs .tabs-body li h4{ font-size: 22px; margin-bottom: 15px; } .shop_attributes td { color: #999; } .shop_attributes th, .shop_attributes td { border-top: 1px solid #DDDDDD; padding: 10px 15px 10px 0; } .thumbs_gall_slider_con .owl-controls { position: absolute; z-index: 1; width: 100%; opacity: 0; } .thumbs_gall_slider_con:hover .owl-controls{ opacity: 1; } .thumbs_gall_slider_larg .owl-prev{ left: -1px; } .thumbs_gall_slider_larg .owl-next{ right: -1px; } .thumbs_gall_slider_larg .enar_owl_n, .thumbs_gall_slider_larg .enar_owl_p{ background: #e84c3d; color: #fff; display: block; font-size: 16px; height: 25px; line-height: 25px; text-align: center; width: 25px; } .tabs-body ul.list1 li { margin-bottom: 15px; } .tabs-body ul.list1 { padding: 10px 0; } .shop_product_wrapper .tabs-navi li{ margin-bottom: 15px; } .shop_product_wrapper .hm-tabs { clear: right; float: right; margin: 50px auto; width: 60%; } .shop_product_wrapper .tabs-body { position: relative; } .shop_product_wrapper .hm-tabs.simple_tabs:after { border: 1px solid #E5E5E5; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 19px; width: 100%; } .shop_product_wrapper .tabs-navi { margin-left: 20px; } .product_options .option_name, .simple_title { color: #1CCDCA; display: block; line-height: 33px; margin-bottom: 10px; margin-right: 15px; text-transform: uppercase; } .product_option_item { float: left; width: 50%; margin-top: 15px; } .product_option_item:nth-child(2n+1) { padding-right: 7px; } .product_option_item:nth-child(2n) { padding-left: 7px; } .product_option_item .orderby_label{ width: 100%; } .product_options, .single_product_details .quantity.buttons_added { /*border-bottom: 1px solid #E5E5E5;*/ padding-bottom: 25px; } /*------ Share Social ------*/ #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; transition: all 0.3s ease 0s; width: 40px; } #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 { background: #fff; border-color: #516ca4; color: #516ca4; } #share_on_socials a.twitter:hover { background: #fff; border-color: #00baff; color: #00baff; } #share_on_socials a.googleplus:hover { background: #fff; border-color: #ed523d; color: #ed523d; } #share_on_socials a.pinterest:hover { background: #fff; border-color: #ee1d19; color: #ee1d19; } #share_on_socials a.linkedin:hover { background: #fff; border-color: #1985bc; color: #1985bc; } #share_on_socials a.email:hover { background: #fff; border-color: #16a9a9; color: #16a9a9; } #share_on_socials a.stumbleupon:hover { background: #fff; border-color: #ec4823; color: #ec4823; } #share_on_socials a.digg:hover { background: #fff; border-color: #1b5891; color: #1b5891; } #share_on_socials a.reddit:hover { background: #fff; border-color: #fc4403; color: #fc4403; } #share_on_socials a.evernote:hover { background: #fff; border-color: #79d626; color: #79d626; } #share_on_socials a.delicious:hover { background: #fff; border-color: #3399fe; color: #3399fe; } #share_on_socials a.tumblr:hover { background: #fff; border-color: #395875; color: #395875; } #share_on_socials a.dribbble:hover { background: #fff; border-color: #ed659a; color: #ed659a; } #share_on_socials a.github:hover { background: #fff; border-color: #4183c4; color: #4183c4; } #share_on_socials a.instagram:hover { background: #fff; border-color: #406f94; color: #406f94; } #share_on_socials a.skype:hover { background: #fff; border-color: #44bbff; color: #44bbff; } #share_on_socials a.vimeo:hover { background: #fff; border-color: #35bbf0; color: #35bbf0; } #share_on_socials a.youtube:hover { background: #fff; border-color: #f02a06; color: #f02a06; } #share_on_socials a.rss:hover { background: #fff; border-color: #ff9d00; color: #ff9d00; } .social_share_btn { background: #fff; border: 1px solid #e1e1e1; display: inline-block; font-size: 13px; line-height: 40px; margin-right: 15px; min-height: 40px; 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; } /*------ Tree List Features ------*/ .tree_features > li:nth-of-type(2n) { float: right; clear: right; text-align: right; /*margin-top: -30px;*/ margin-right: -4px; } .tree_features_parent { margin-top: 60px; max-width: 50%; min-width: 160px; position: relative; z-index: 2; } .tree_features_parent { margin-top: 60px; max-width: 50%; min-width: 160px; position: relative; z-index: 2; } .tree_features > li { /*box-shadow: 4px 3px 4px rgba(0, 0, 0, 0.1) inset;*/ 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_t{ display: block; font-family: "Oswald","Open Sans",sans-serif; 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; } .tree_features > li:nth-of-type(2n) .leaf_icon { left: auto; right: 0; } .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; } .tree_features > li:after { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 100%; width: 100%; } .bg_gray .tree_features > li::after { background: #f9fafc; } .tree_features > li > .tree_curv { background: #b33753; height: 100%; position: absolute; right: 0; top: 50%; width: 50%; } .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; } .leaf_con{ padding-left: 144px; position: relative; z-index: 1; } .thumbs_gall_slider_larg .item > a { display: block; position: relative; pointer-events: none; } .thumbs_gall_slider_larg:not(.internal_porto) .item > a:after { background: rgba(29, 205, 202, 0.8); color: #fff; content: "\e112"; display: block; font-family: idealtheme; 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_larg .item:hover a:after { 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); } .single_cart_video { clear: left; float: left; padding: 30px 30px 30px 0; width: 40%; position:relative; } .vid_con { display: block; position: relative; overflow: hidden; } .vid_con .vid_icon { left:50%; top:50%; transform: scale(1) translateX(-50%) translateY(-50%); -moz-transform: scale(1) translateX(-50%) translateY(-50%); -webkit-transform: scale(1) translateX(-50%) translateY(-50%); -ms-transform: scale(1) translateX(-50%) translateY(-50%); -o-transform: scale(1) translateX(-50%) translateY(-50%); transform-origin: 0 0 0; -webkit-transform-origin: 0 0 0; -o-transform-origin: 0 0 0; -moz-transform-origin: 0 0 0; background: #fff; /*border: 5px solid rgba(255, 255, 255, 0.9);*/ color: #1CCDCA; font-size: 20px; height: 50px; line-height: 50px; position: absolute; text-align: center; text-indent: 6px; width: 50px; z-index: 1; } .vid_con:after { background: #1CCDCA; content: ""; display: block; height: 100%; left: 0; opacity: 0.4; position: absolute; top: 0; width: 100%; } .vid_type_icon { color: #fff; font-size: 20px; left: 15px; position: absolute; top: 15px; z-index: 1; } .vid_icon i { display: block; line-height: 50px; position: relative; z-index: 1; } .vid_con:hover .vid_icon { transform: scale(1.3) translateX(-50%) translateY(-50%); -moz-transform: scale(1.3) translateX(-50%) translateY(-50%); -webkit-transform: scale(1.3) translateX(-50%) translateY(-50%); -ms-transform: scale(1.3) translateX(-50%) translateY(-50%); -o-transform: scale(1.3) translateX(-50%) translateY(-50%); } /*------ Cart Comments ------*/ ol.commentlist { list-style: none; } .commerce_comments .comment_container { position: relative; } .commerce_comments .avatar_img { left: 0; position: absolute; top: 20px; } .commerce_comments .comment-text { padding-left: 95px; } .commerce_comments .comment_container { border-bottom: 1px dotted #E5E5E5; margin-bottom: 30px; padding: 20px 0; } .comment-text .your_rate { margin-bottom: 10px; } .comment-text .meta { display: block; font-size: 12px; margin-bottom: 8px; } .comment-text .description { font-size: 13px; } #review_form_wrapper .comment-form label { color: #324545; display: block; font-size: 13px; margin-bottom: 8px; } #review_form_wrapper .comment-form input[type="text"], #review_form_wrapper .comment-form textarea{ background: #fff; border: 1px solid #E5E5E5; color: #898989; font-size: 13px; padding: 9px; width: 100%; } #reviews .required { color: #1CCDCA; } #reviews .comment-form > div { margin-bottom: 20px; } .comment-form-rating > select#rating { display: none; } #reviews .comment-form-rating .stars a { border-right: 1px solid #E5E5E5; display: inline-block; font-size: 16px; margin-right: 1em; position: relative; text-indent: -9999px; } #reviews .comment-form-rating .stars a:last-child{ border-right: none; } #reviews .comment-form-rating .stars a:after { text-indent: 0; position: absolute; width:100%; height: 100%; left:0; top:0; font-family: "idealtheme"; } #reviews .comment-form-rating .stars a.star-1{ width: 2.2em; } #reviews .comment-form-rating .stars a.star-1:after{ content: "\e6fe"; } #reviews .comment-form-rating .stars a.star-1:hover:after, #reviews .comment-form-rating .stars a.active.star-1:after{ content: "\e6fd"; } #reviews .comment-form-rating .stars a.star-2{ width: 3.2em; } #reviews .comment-form-rating .stars a.star-2:after{ content: "\e6fe\e6fe"; } #reviews .comment-form-rating .stars a.star-2:hover:after, #reviews .comment-form-rating .stars a.active.star-2:after{ content: "\e6fd\e6fd"; } #reviews .comment-form-rating .stars a.star-3{ width: 4.2em; } #reviews .comment-form-rating .stars a.star-3:after{ content: "\e6fe\e6fe\e6fe"; } #reviews .comment-form-rating .stars a.star-3:hover:after, #reviews .comment-form-rating .stars a.active.star-3:after{ content: "\e6fd\e6fd\e6fd"; } #reviews .comment-form-rating .stars a.star-4{ width: 5.2em; } #reviews .comment-form-rating .stars a.star-4:after{ content: "\e6fe\e6fe\e6fe\e6fe"; } #reviews .comment-form-rating .stars a.star-4:hover:after, #reviews .comment-form-rating .stars a.active.star-4:after{ content: "\e6fd\e6fd\e6fd\e6fd"; } #reviews .comment-form-rating .stars a.star-5{ width: 6.2em; } #reviews .comment-form-rating .stars a.star-5:after{ content: "\e6fe\e6fe\e6fe\e6fe\e6fe"; } #reviews .comment-form-rating .stars a.star-5:hover:after, #reviews .comment-form-rating .stars a.active.star-5:after{ content: "\e6fd\e6fd\e6fd\e6fd\e6fd"; } /*--------- Page Title ---------*/ .page_title:not(.has_bg_image) { background: #FBFBFB; } .page_title.has_bg_image { padding: 50px 0; } .page_title.has_bg_image.member_header { padding: 150px 0 145px; } .page_title { border-bottom: 4px solid #fff; box-shadow: 0 0 4px rgba(0, 0, 0, 0.17); -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.17); -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.17); -ms-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.17); -o-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.17); position: relative; z-index: 1; } .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%; } [class^="enar_parallax"], [class*=" enar_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; } .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; } .page_title.has_bg_image h1 { letter-spacing: 1px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); text-transform: uppercase; font-family: "Oswald","Open Sans",sans-serif; font-size: 35px; font-weight: 500; } .page_title h1 { color: #888; float: left; clear: both; font-size: 30px; font-weight: 300; margin: 0; padding: 36px 0; text-transform: capitalize; font-family: "Lato",sans-serif; } .breadcrumbs .crumbs-spacer { color: #ccc; margin: 0 4px; vertical-align: middle; } .page_title .breadcrumbs { float: right; line-height: 40px; margin: 35px 0 30px; font-size: 12px; color: #888; } .page_title .breadcrumbs a { color: #888; } .page_title .breadcrumbs a:hover { color: #555; } .check_out_list { padding: 50px 0; } table.check_out_table { border: 1px solid #DDDDDD; } .idealtheme_commerce table.check_out_table th{ font-weight: normal; padding: 20px 15px; text-transform: uppercase; vertical-align: middle; background: #fbfbfb; color: #324545; } .idealtheme_commerce table.check_out_table td{ padding: 20px 15px; vertical-align: middle; border-top: 1px solid #DDDDDD; } .check_out_list .top_catt_remove{ background: #fff; border-color: #e84c3d; left: auto; position: relative; top: auto; } .check_out_list .top_catt_remove:after, .check_out_list .top_catt_remove:before{ background: #e84c3d; } .attach_shop_thumb.ico-post-image { max-width: 100%; } .idealtheme_commerce td.name_product { text-transform: uppercase; } .idealtheme_commerce .remove_product { max-width: 26px; } .idealtheme_commerce .thumbnail_product { max-width: 70px; } .check_out_table .cart_item:nth-child(2n) { background: #fbfbfb; } .check_out_table .amount { font-weight: 300; } .check_out_table .coupon_block { float: left; } .idealtheme_commerce .col-md-6:nth-child(2n+1){ padding-right: 0; } .idealtheme_commerce .col-md-6:nth-child(2n){ padding-left: 0; } .check_out_shipping_row { margin-bottom: 20px; } .check_out_shipping_row .orderby_label{ width:100%; } .check_out_shipping_row .input-text { width: 100%; } .check_out_totals .totals_row { width: 100%; border-bottom: 1px solid #DDDDDD; } .check_out_totals .totals_row:last-child { border-bottom:none; } .check_out_totals { border: 1px solid #DDDDDD; } .check_out_totals .totals_row > div{ float: left; padding: 15px; width: 50%; } .check_out_totals .totals_row > div:nth-child(2n+1) { border-right: 1px solid #DDDDDD; } .check_out_totals .totals_row:nth-child(2n+1) > div:nth-child(2n+1) { background: #fbfbfb; } .check_out_totals .totals_row:nth-child(2n) > div:nth-child(2n) { background: #fbfbfb; } .next_product_nav a { display: block; outline: medium none; position: absolute; text-align: left; top: 105px; z-index: 1000; } .site_boxed .next_product_nav a { top: 24px; } .site_boxed .next_product_nav .next .icon-wrap { margin-right: 20px; } .site_boxed .next_product_nav .prev .icon-wrap { margin-left: 20px; } .next_product_nav .next .icon-wrap{ margin-right: 15px; } .next_product_nav .prev .icon-wrap{ margin-left: 15px; text-indent: 2px; } .next_product_nav .icon-wrap { background: #fff; border: 2px solid #dadbdb; display: block; font-size: 14px; height: 40px; line-height: 38px; position: relative; text-align: center; width: 40px; z-index: 100; } .next_product_nav img { border: 2px solid #ABB0B1; height: 100%; position: absolute; top: 0; } .next_product_nav a.prev div { left: 0; padding-right: 90px; text-align: right; -moz-transform: translateY(-50%) translateX(-100%); -webkit-transform: translateY(-50%) translateX(-100%); -ms-transform: translateY(-50%) translateX(-100%); -o-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); } .next_product_nav a.next div { right: 0; padding-left: 90px; text-align: left; -moz-transform: translateY(-50%) translateX(100%); -webkit-transform: translateY(-50%) translateX(100%); -ms-transform: translateY(-50%) translateX(100%); -o-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%); } .next_product_nav a.next img { left: 0; border-right: none; } .next_product_nav a.prev img { right: 0; border-left: none; } .next_product_nav a.next { right: 0; } .next_product_nav div { background: #576162; padding: 12px 17px; position: absolute; top: 50%; z-index: 100; transition: transform 0.3s ease 0s; -moz-transition: transform 0.3s ease 0s; -webkit-transition: transform 0.3s ease 0s; -ms-transition: transform 0.3s ease 0s; -o-transition: transform 0.3s ease 0s; } .next_product_nav h3 { color: #d9dede; font-size: 14px; font-weight: 500; margin: 0; padding: 0; position: relative; white-space: nowrap; } .next_product_nav a:hover div { -webkit-transform: translateY(-50%) translateX(0); -moz-transform: translateY(-50%) translateX(0); -ms-transform: translateY(-50%) translateX(0); -o-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); } .next_product_nav div .price { display: block; font-size: 14px; margin: 8px 0 3px; color: #fff; } /*------ 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 { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -moz-transition: all 700ms ease; -webkit-transition: all 700ms ease; -o-transition: all 700ms ease; transition: all 700ms ease; } .team_block:hover .f1_card, .team_block .face.back { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .team_block .front { text-align: center; background: #fff; } .bg_gray .team_block .face { background: #f9fafc; border-color: #f9fafc; } .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; } .team_block .face.back { background: #1ccdca; color: white; display: block; padding: 15px 20px 15px 20px; border: 1px solid #1ccdca; overflow: hidden; transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; } .team_block .team_img { background: #fff; border: 5px solid #f3efef; display: block; overflow: hidden; max-width: 190px; margin: 8px auto 0; } .team_block .team_img img { padding: 5px; } .team_block .front .person_name { color: #324545; margin: 18px 0 8px; font-size: 16px; } .team_block .person_name, .team_block2 .person_name { display: block; font-size: 18px; text-transform: uppercase; } .team_block .back .person_jop{ margin: 5px 0 13px; font-weight: bold; } .team_block .front .person_jop { color: #bab9b9; } .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; } .team_block .back .social_media a { color: #fff; border-color: rgba(255,255,255,.5); background: none; border-width: 2px; line-height: 35px; } .team_block .back .social_media a:hover { color: #1CCDCA; border-color: #fff; background: #fff; } .social_media a { background: #fff; border: 1px solid #ddd; color: #777; display: inline-block; width: 37px; height: 37px; text-align: center; line-height: 37px; margin: 0 10px 7px 0; font-size: 14px; } .social_media a:hover { color: #1CCDCA; border-color: #1CCDCA; } .white_section .arrow_btn, .team_block .back .arrow_btn{ color: #fff; } .arrow_btn { font-size: 13px; color: #444; margin-top: 10px; display: inline-block; } .arrow_btn i { margin-right: 8px; } .team_block_lightbox { display: block; overflow: hidden; } /*------ Team 2 ------*/ .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: #1CCDCA; 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; font-family: "idealtheme"; 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: #1CCDCA; } .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 3 ------*/ .team-col { background: #1ccdca; width: 50%; color: #fff; float: left; position: relative; } .team-col-1 { width: 50%; float: left; position: relative; } .team-col-2 { 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 .team-col-2 .arrow{ position: absolute; background: #1CCDCA; width:15px; height:15px; top: 30px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index:1; } .team-col:not(.team_col_on_right) .team-col-2 .arrow{ left: -7px; } .team-col .team-col-2 .arrow{ left: auto; right: -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,.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; font-family: "idealtheme"; 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; } /*------ Progress Bar ------*/ .progress_bar { margin-bottom: 30px; overflow: hidden; } .progress_bar:last-of-type { margin-bottom: 0; } .progress_bar .fill_con{ width: 100%; background: #eee; height: 35px; position: relative; } .white_section .progress_bar .fill_con { background: rgba(0, 0, 0, 0.3); } .progress_bar .fill { height: 100%; background: #1CCDCA; 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 .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) #fff 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 .value .num { white-space: nowrap; } /*------ progress bar style 2 ------*/ .progress_bar.prog_bar2 { overflow: initial; } .prog_bar2_con:last-child > .progress_bar { margin-bottom: 0; } .prog_bar2_con:not(:last-child) { margin-bottom: 30px; } .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; } .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; } .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 .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; } .white_section .prog_bar2_con > .title { color: #fff; } .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; } .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, .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; } /*------ Circle Progress Bar ------*/ .hm_circle_progressbar_con { text-align: center; } .hm_circle_progressbar { width: 100%; padding: 35px; opacity: 0; position: relative; } .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%; } .hm_circle_progressbar.path { padding: 15px 35px 5px; } .hm_circle_progressbar.square { padding: 55px; } .white_section .hm_circle_title { color: #fff; } .hm_circle_title { font-size: 16px; text-transform: uppercase; color: #324545; } .hm_circle_progressbar > svg { width: 100%; display: block; } .hm_circle_progressbar.style1:not(.square) > svg { /*background: #fff;*/ } .hm_circle_progressbar > .progressbar-text, .hm_circle_progressbar .path_val { font-family: "Oswald","Open Sans",sans-serif; font-size: 32px; font-weight: 300; opacity: 0; } .hm_circle_progressbar .path_val .num{ font-weight: 300; } .hm_circle_progressbar .path_val { opacity: 1; position: absolute; white-space: nowrap; } .hm_circle_progressbar:not(.style1) > .progressbar-text { color: #fff; } .hm_circle_progressbar.style1 > .progressbar-text{ color: #324545; position: relative; z-index: 2; } .hm_new_con { background: #1c2124; overflow: hidden; } .hm_new_title_con { background: #e84c3d; float: left; height: 100%; line-height: 57px; padding: 0 15px; position: absolute; width: 168px; } .hm_new_title_con h4 { color: #fff; font-family: "lato"; 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_bar { float: left; font-size: 13px; padding: 15px 50px 15px 163px; position: relative; width: 100%; } .latest_word { display: inline-block; } .hm_new_title_con:after { background: #1c2124; content: ""; height: 100%; position: absolute; right: 1px; top: 0; width: 4px; } .news_item { margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news_item i { margin-right: 5px; } .hm_new_bar_controll { border-left: 1px solid #e84c3d; border-right: 1px solid #e84c3d; 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) #e84c3d; 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_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 { -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; } .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; } .news_item a{ color: #aaa; text-transform: uppercase; } .news_item a:hover{ color: #fff; } /*------ Blog ------*/ .blog_grid_block { position: relative; margin-bottom: 30px; } .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_block > div { position: relative; } .blog_grid_format i { background: #1ccdca; 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%; } .blog_grid_format { color: #fff; display: block; height: 40px; position: absolute; text-align: center; top: -20px; width: 40px; } .hosted_video_audio_con .blog_grid_format { bottom: -20px; top:inherit; display: none; } .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); } .blog_grid_format:before { height: 50%; left: 0; top: 0; position: absolute; content: ""; width: 100%; box-shadow: 0 0 4px rgba(0,0,0,.2); } .blog_grid_format:hover{ color:#fff; } .post_title_con { margin-bottom: 30px; position: relative; } .internal_post_con { padding: 70px 0; position: relative; } .post_title_con .meta { display: block; } .blog_grid_con .meta { color: #8a8d8d; display: block; font-size: 13px; margin-bottom: 13px; } .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: #1CCDCA; } .blog_grid_con .meta a:hover, .post_title_con .meta a:hover, .timeline_block .meta a:hover{ color: #1CCDCA; } .blog_grid_con .meta .meta_slash { margin: 0 5px; } .blog_grid_con .title, .post_title_con .title{ font-weight: 500; margin-bottom: 10px; text-transform: uppercase; font-size: 16px; } .blog_grid_con .title a{ color: #324545; } .blog_grid_con .title a:hover{ color: #1CCDCA; } .blog_grid_con .desc { color: #555; font-size: 13px; } .feature_inner_ling { position: relative; display: block; overflow: hidden; } .feature_inner_ling:after { background: #1CCDCA; width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0; } .hm_blog_full_list .feature_inner_ling:after { background: none; } .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%; } .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: #1CCDCA; 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,.8); color:#fff; } .blog_grid_block > div.feature_inner:after { background: #fff; content: ""; height: 1px; left: 10px; position: absolute; top: 10px; width: 16px; opacity: 0; } .no_corners:after, .no_corners:before, .no_corners .feature_inner_corners:after, .no_corners .feature_inner_corners:before{ display: none; } .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; } .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; } .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: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_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; } .feature_inner:hover .feature_inner_ling:after{ opacity: .8; } /*------ Blan Tables ------*/ .plan_col { background: #ffffff; position: relative; } .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 .spec_req2 { left: 50%; position: absolute; top: 0; z-index: 1; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); } .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: #1ccdca; 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: #1ccdca; font-size: 59%; font-weight: 300; margin-right: 5px; } .plan_column1 .plan_price_block .plan_price_in .plan_per { color: #1ccdca; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .plan_col.plan_column1 > h6{ position: relative; color: #1CCDCA; 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 .polygon_con { max-height: 115px; max-width: 115px; display: block; left: 50%; position: absolute; top: 0; transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); } .plan_col .polygon_con .polygon_fill { fill: #fff; stroke: #1CCDCA; } .plan_col.active_plan .polygon_con .polygon_fill, .plan_col:hover .polygon_con .polygon_fill { fill: #fff; stroke: #1CCDCA; } .plan_col .polygon_con svg { height: 100%; width: 100%; } .plan_col.plan_column1 > h6 .plan_price_name { font-family: "Oswald","Open Sans",sans-serif; 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_price_btn i { margin-right: 10px; } .plan_col li i { margin-right: 10px; } .plan_col li i.check_icon { color: #92C135; } .plan_col li i.wrong_icon { color: #E84C3D; } .plan_col.plan_column1:hover > h6, .plan_col.plan_column1.active_plan > h6{ background: #1CCDCA; color: #fff; } .plan_col.plan_column1:hover > h6:after{ opacity: 1; } /* -----[ Main Components ]----- */ .hm-header { height: 100px; line-height: 170px; position: relative; } .hm-header h1 { text-align: center; color: #FFFFFF; font-size: 2.2rem; } .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; /* Firefox bug - 3D CSS transform, jagged edges */ outline: 1px solid transparent; } .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; } .hm-pricing-list > li.is-ended::after { /* class added in jQuery - remove the gradient layer when it's no longer possible to scroll */ display: none; } .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 { font-family: "Oswald","Open Sans",sans-serif; position: relative; z-index: 1; height: 80px; padding: 1em; pointer-events: none; background: #1CCDCA; 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: #E84C3D; } .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-popular .hm-duration { color: #f3b6ab; } .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:after { content: ""; display: table; clear: both; } .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-footer { position: absolute; z-index: 1; top: 0; left: 0; /* on mobile it covers the .hm-pricing-header */ height: 80px; width: 100%; } .hm-pricing-footer::after { /* right arrow visible on mobile */ 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%; /* hide button text on mobile */ overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } /*------[ Contact ]------*/ .contact_details_row { margin-bottom: 40px; min-height: 75px; position: relative; } .contact_details_row:last-child { margin-bottom: 0; } .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; } .c_con .c_title { display: block; font-size: 16px; color: #1CCDCA; margin-bottom: 8px; text-transform: uppercase; } .c_detail .c_name { display: inline-block; color: #324545; margin-right: 10px; text-transform: capitalize; } .c_detail.inline_block{ display: inline-block; margin-right: 30px; } .c_detail { line-height: 28px; display: block; } .c_detail .c_desc { color: #9ea3a3; } /*----- Contact Form ------*/ .hm_contact_form { position: relative; } .label_space { display: block; margin-bottom: 10px; } .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 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%; } .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: #e84c3d; } .form_row label.error { color: #e84c3d; margin-bottom: 0; width: 80%; float: right; font-size: 13px; } .my_col_half label.error, .full_contact_form label.error { float: none; } .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 { margin-top: 27px; } .form_row:first-child { margin-top: 0; } #form-messages.send_success { border: 2px solid #44a244; color: #555; padding: 14px 20px 15px; } .form_row #form-messages { margin-left: 20%; } .full_contact_form #form-messages { margin-left: 0; } .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; /*#2F2F2F*/ /*#242A2F*/ overflow: hidden; color: #989898; font-size: 13px; } #footer .footer_copyright{ padding: 32px 0px; background: rgba(0, 0, 0, 0.25); /*#272727*/ position: relative; } #footer:after { height: 5px; width: 100%; top: 0; left: 0; background: rgba(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: 20px; 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; } .footer_row .top-socials > a { background: rgba(0, 0, 0, 0.4); margin-right: 5px; margin-top: 0px; } .footer_row .top-socials{ text-align: left; } .footer_row:first-child { border-top: 0; padding-top: 0; } .newsletter_con { margin-top: 20px; overflow: hidden; position: relative; } .newsletter_con { position: relative; margin-top: 20px; } .newsletter_button { background: #1CCDCA; 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,.07); } .newsletter_button i { left: 11px; position: absolute; top: 11px; } .newsletter_button .subscribe_true, .newsletter_button .refresh_loader { opacity: 0; } #subscribe_output h4 { color: #1CCDCA;/*#10970e*/ font-size: 14px; font-style: italic; margin: 10px 0 0; } .newsletter_con > input { width: 100%; font-size: 13px; padding: 8px 50px 8px 12px; } .newsletter_con label.error { color: #e84c3d; font-size: 14px; font-style: italic; font-weight: 300; letter-spacing: 1px; margin-top: 7px; } .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; } #footer .footer_copyright.has_social_icons { padding: 21px 0; } .icon_details_list { margin-top: 20px; } .icon_details_list li i { margin-right: 11px; font-size: 16px; vertical-align: top; } .icon_details_list li { margin-bottom: 10px; } .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: #1CCDCA; width: 100%; height: 100%; opacity:0; } .recent_posts_list li > a .recent_posts_img:before { content: "\e6e5"; display: block; position: absolute; width: 20px; height: 20px; line-height: 20px; text-align: center; font-family: "idealtheme"; text-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); z-index: 1; font-size: 24px; opacity:0; } .recent_posts_list li > a .recent_posts_img:hover:after, .recent_posts_list li > a .recent_posts_img:hover:before { opacity: 1; } .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 { margin-bottom: 29px; } .recent_posts_list li:last-child { margin-bottom: 0px; } .full_width { width: 100%; } .arrow_button { margin-top: 30px; display: block; text-align: center; border: 1px solid #1CCDCA; padding: 8px 0 10px; background: rgba(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; } #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 { margin: 5px 5px 0px 0; } #footer .tagcloud { margin-top: -5px; } #footer .tagcloud a:hover .tag { color: #fff; border-color: #1CCDCA; } .flickr_badge_image { display: block; float: left; width: 33.333%; padding: 0 7px 7px 0px; } .flickr_widget_block { margin-right: -7px; } .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: #1CCDCA; 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; font-family: "idealtheme"; text-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); z-index: 1; font-size: 24px; color: #fff; opacity:0; } .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: #1CCDCA; 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: #1CCDCA; 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_link > img { float: left; margin: -25px 15px 0 0; max-width: 100px; } .about_author_link:hover > span{ color: #1CCDCA; } .about_author_link > span { color: #324545; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; display: block; } .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; } .footer_copy_text { font-size: 13px; } .footer_menu > li { display: inline-block; padding: 0 8px; } .footer_menu > li:first-child { padding-left: 0px; } .footer_menu > li:last-child { padding-right: 0px; } .footer_menu > li a { color: #989898; font-size: 12px; } .footer_menu > li a:hover { color: #1CCDCA; } .footer_menu { float: right; } /*------ 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; } .timeline_block .timeline_feature a { display: block; overflow: hidden; position: relative; } .timeline_block .timeline_feature { margin-bottom: 20px; overflow: hidden; } .timeline_block .timeline_title { font-family: "Oswald","Open Sans",sans-serif; 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: #1CCDCA; } .timeline_block .article { color: #999; 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.timeline { overflow: hidden; padding: 0 15px; } .hm_filter_wrapper_con.timeline:after { background: #d7e4ed; content: ""; height: 100%; position: absolute; bottom: -30px; width: 4px; } .read_more_button { color: #1ccdca; display: inline-block; font-size: 13px; padding: 5px 0; font-style: italic; } .read_more_button i { margin-right: 7px; } .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_post_format { border: 3px solid #1ccdca; box-shadow: 0 0 3px rgba(0, 0, 0, 0); color: #1ccdca; height: 60px; line-height: 60px; overflow: hidden; position: absolute; text-align: center; top: -2px; width: 60px; z-index: 1; } /*----- Post Format Timeline ------*/ .timeline_post_format i { text-shadow: 0 1px 2px rgba(0, 0, 0, 0); font-size: 18px; position: absolute; 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: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: #1ccdca; 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 ------*/ .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: #1ccdca; 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; } .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 a { color: #576162; } .blog_grid_desc .title a:hover { color: #1CCDCA; } .colored_masonry .blog_grid_desc .title a, .colored_masonry .blog_grid_desc .title a:hover { color: #fff; } .blog_grid_desc .desc{ margin-bottom: 0; margin-top: 11px; font-size: 13px; } .blog_grid_desc .title{ font-family: "Oswald","Open Sans",sans-serif; font-weight: 400; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; font-size: 16px; } .blog_grid_desc .meta { display: block; font-size: 13px; } .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; } /*------ hm_blog_list ------*/ .hm_blog_list:not(.hm_blog_full_list) .feature_inner { float: left; width: 40%; } .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:not(:last-child) { border-bottom: 1px dotted #e9e9e9; padding-bottom: 50px; } .hm_blog_list .blog_grid_block { margin-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 .blog_grid_con .meta .meta_part, .post_title_con .meta .meta_part{ display: inline-block; margin-bottom: 10px; margin-right: 25px; } .timeline_block .meta .meta_part{ margin: 0px 25px 10px 0px; display: inline-block; } .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 .blog_grid_con .title, .hm_blog_full_list .blog_grid_con .title, .post_title_con .title{ font-family: "Oswald","Open Sans",sans-serif; 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: #1CCDCA; } .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; } .timeline_block .meta { display: block; font-size: 13px; font-style: italic; margin-bottom: 10px; } .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 > span > span { padding: 10px 16px 11px; left: 38px; } .hm_blog_list .btn_a:hover > span > span{ left: -1px; } .hm_blog_list .btn_a > span { padding-right: 37px; } .hm_blog_list .btn_a { margin-top: 25px; color: #1CCDCA; font-size: 13px; } .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: #1CCDCA; 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: #1CCDCA; } /*------ featured slider ------*/ .featured_slider { position: relative; background: #233039; } .featured_slider:not(.full_carousel) { margin-bottom: 25px; } .featured_slide_img .img_cart_con_h{ display: block; position:relative; } .featured_slide_img .img_cart_con_h img{ opacity:0; } .featured_slide_block { position: relative; overflow: hidden; -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .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: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_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_right{ right: -50%; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); } .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_img .img_cart_con.flip_left img, .featured_slide_img .img_cart_con.flip_right img{ display: block; position: absolute; top: 0; } .featured_slide_img .img_cart_con.flip_left img{ right: -50%; } .featured_slide_img .img_cart_con.flip_right img{ right: 50%; } .featured_slide_details { background: #1B2228; bottom: -40%; opacity:0; position: absolute; width: 100%; font-size: 13px; } .featured_slide_block:hover .featured_slide_details{ bottom: 0; opacity: 1; } .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; } .featured_slide_img > .f_s_i_format { right: 0; } .f_s_i_format { background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); color: #1CCDCA; 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); } .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); } .embed-container { background: #eee; overflow: hidden; 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%; } .blog_grid_block > div { position: relative; } .quote_con, a.quote_con:focus { background: #1CCDCA; color: #fff; display: block; font-size: 20px; line-height: 35px; padding: 17px 25px 26px; } .feature_inner_corners .quote_con, .timeline_feature .quote_con{ font-size: 16px; line-height: 30px; padding: 15px 25px 25px; } a.quote_con:hover{ background: #1B2228; color: #fff; } .self_hosted_container { position: relative; } .quote_con .quote_author { display: block; font-size: 13px; font-style: italic; line-height: initial; margin-top: 10px; } .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 #1CCDCA; color: #1CCDCA; 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; } .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 a { color: #777; display: inline-block; margin-right: 10px; font-size: 13px; } .cat_list_widget.no_numbers > li a{ display: block; } .cat_list_widget > li a:hover { color: #aaa; } .cat_list_widget > li .num_posts{ color: #aaa; float: right; font-size: 11px; } blockquote { padding: 20px 0; position: relative; margin: 30px 0; font-size: 17.5px; line-height: 32px; } blockquote.font_kalam { font-family: "Kalam",cursive; font-size: 2.5em; line-height: 50px; margin: 0 auto; text-align: center; padding: 0; } .white_section blockquote { color: #4d1914; } blockquote footer { font-size: 20px; } blockquote p { line-height: inherit; } blockquote > i { color: #1ccdca; font-size: 32px; position: absolute; top: 28px; } blockquote .quote_text { color: #888; display: block; font-style: italic; font-weight: 300; padding-left: 45px; } /* Comments */ ol.comments_list li { list-style: none; } #comments .children { border-left: 1px solid #1CCDCA; padding-left: 45px; position: relative; } #comments .children:after { background: #1CCDCA; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50px; width: 22px; } .comment-box{ background: #FEFEFE; border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 22px; } .comment-container .trees_number { background: #fff; border: 1px solid #eee; color: #c1c1c1; float: right; padding: 0 7px; font-size: 11px; display: none; } #comments .single_comment .avatar { background: #fff; border: 1px solid #ddd; float: left; margin: 4px 15px 0 4px; padding: 4px; } #comments .single_comment .comment_content { margin-left: 110px; } h4.author_name{ color: #1CCDCA; font-size: 15px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase; } h4.author_name a:hover{ color: #324545; } span.comment_meta{ display: block; margin-bottom: 8px; text-transform: uppercase; } span.comment_meta a{ color: #aaa; font-size: 12px; } .comment_said_text{ color: #999; font-size: 14px; } .comment_said_text p { line-height: 26px; } .comment-reply-link, .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; } .comment-reply-link:hover, .comment-edit-link:hover{ border-color: #1CCDCA; color: #324545; } .comment-respond { margin-top: 40px; } #reply-title > a { color: #48aace; } .comment-reply-title { color: #48aace; font-size: 22px; font-weight: 300; margin: 20px 0 10px; padding: 0; text-transform: none; } .logged-in-as { margin-bottom: 15px; } .comment-notes { color: #aaa; font-size: 13px; letter-spacing: 1px; margin: 8px 0 20px; } #reply-title small a { color: #F86923; font-size: 14px; } #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%; } #submit-comment { margin: 10px 0 0; } /*------*/ .small_title { margin-bottom: 20px; margin-top: 20px; position: relative; } .centered .small_title_con { padding-left: 15px; } .small_title:after { background: #eee; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; } .bg_gray .small_title .small_title_con{ background: #F9FAFC; } .page_title + .bg_gray { border-top: medium none; } .acc_content .small_title .small_title_con{ background: #FFF; } .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_con .s_text { color: #999; font-size: 13px; } .small_title .s_icon { color: #B5B5B5; display: inline-block; font-size: 13px; height: 40px; line-height: 40px; text-align: left; margin-right: 10px; } .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_con { min-height: 140px; } .about_auther_con .desc { display: block; font-size: 15px; font-style: italic; line-height: 28px; } .half_desc{ width: 75%; margin: 0 auto; } .about_auther_details .auther_link { display: block; font-size: 15px; margin-bottom: 8px; text-transform: uppercase; } .about_auther_details .social_media { margin-top: 15px; } .tags_con, .internal_post_con .related_posts, .post_next_prev_con { margin-bottom: 50px; } .about_auther { margin-bottom: 30px; } .align_right { text-align: right; } .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: #999; display: inline-block; font-size: 12px; margin: 0 5px 5px 0; padding: 8px 11px; text-transform: uppercase; } .tags_con > a:hover { border-color: #1CCDCA; color: #1CCDCA; } .post_next_prev{ float: right; margin-top: 16px; } .post_next_prev a { color: #ddd; display: inline-block; font-size: 16px; margin-right: 5px; } .post_next_prev a .t { color: #aaa; font-size: 11px; line-height: 22px; margin: 0 5px; text-transform: uppercase; vertical-align: top; } .post_next_prev a:hover, .post_next_prev a:hover .t{ color : #1CCDCA; } .post_next_prev_con .single_pro_row { padding-right: 115px; } .related_posts_slide { padding: 0 5px; } .related_slider_widget .related_posts_slide { padding: 0; } .related_posts_con { margin-left: -5px; margin-bottom: 23px; } .related_posts_slide .related_img { display: inline-block; margin-bottom: 8px; overflow: hidden; position: relative; max-width: 100%; } .related_posts_slide .related_img_con{ position: relative; } .related_posts_slide .related_title { color: #324545; font-size: 14px; margin: 0; } .related_slider_widget .related_posts_slide .related_title { text-transform: uppercase; } .related_posts_slide .related_title:hover{ color: #1CCDCA; } .related_posts_slide .post_date { color: #999; display: block; font-size: 12px; margin-top: 5px; } .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: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_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 { width: 100%; position:absolute; background: #1CCDCA; opacity: .7; content: ""; width: 100%; height: 100%; top:0; left:0; } /*------ Accordion ------*/ .enar_occ_title { background: #fff; border: 1px solid #e5e5e5; cursor: pointer; display: block; padding: 12px 25px 11px; position: relative; text-transform: uppercase; } .occ_expanded .enar_occ_title{ color: #fff; background: #1CCDCA; border-color: #1CCDCA; } .hm_filter_wrapper_con .occ_expanded .enar_occ_title{ color: #1CCDCA; background: #fff; border-color: #1CCDCA #1CCDCA #E5E5E5 #1CCDCA; } .hm_filter_wrapper_con .acc_content{ border-color: #1CCDCA; } .enar_occ_container { position: relative; padding-bottom: 5px; } .hm_filter_wrapper_con .enar_occ_container{ padding-bottom: 0px; } .acc_content{ padding: 17px 25px 20px; background: #fff; border-color: #e5e5e5; border-style: solid; border-width: 0 1px 1px; line-height: 24px; } .acc_content .list3{ margin-top: 20px; } .enar_occ_content { overflow: hidden; height: 0; position: relative; } .panel-heading a{ position: relative; } .plus_minus_style .panel-heading a:after, .plus_minus_style .panel-heading a:before, .plus_minus .enar_occ_title:after, .plus_minus .enar_occ_title:before{ background: #cecece; content: ""; height: 1px; position: absolute; right: 20px; top: 50%; width: 11px; } .enar_occ_title i { color: #ccc; font-size: 16px; margin-right: 12px; } .occ_expanded .enar_occ_title i { color: #fff; } .hm_filter_wrapper_con .occ_expanded .enar_occ_title i { color: #1CCDCA; } .plus_minus_style .panel-heading a.collapsed:before, .plus_minus .enar_occ_container:not(.occ_expanded) .enar_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 .enar_occ_title:after, .arrow_style .enar_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 .enar_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 .enar_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 .enar_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 .enar_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{ color: #777; border: 1px solid #E5E5E5; } .panel-heading a:not(.collapsed):after, .panel-heading a:not(.collapsed):before, .occ_expanded .enar_occ_title:after, .occ_expanded .enar_occ_title:before{ background: #fff; } .hm_filter_wrapper_con .occ_expanded .enar_occ_title:after, .hm_filter_wrapper_con .occ_expanded .enar_occ_title:before{ background: #1CCDCA; } .panel-heading a:not(.collapsed){ background: #1CCDCA; color: #fff; border-color: #1CCDCA; } .panel-heading a:not(.collapsed) i{ color: #fff; } .panel-heading a:hover:after, .panel-heading a:hover:before{ background: #1CCDCA; } .panel-heading a:hover i{ color: #1CCDCA; } .panel-heading a:not(.collapsed):hover:after, .panel-heading a:not(.collapsed):hover:before{ background: #fff; } .panel-heading a:not(.collapsed):hover i{ color: #fff; } .bg_gray .panel-default > .panel-heading{ background: #fff; } .panel-heading a i { color: #aaa; margin-right: 12px; font-size: 16px; } .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,.2); } .ui-video-background-controls li{ display: inline-block; width: 50%; } .ui-video-background-controls li:first-child{ border-right: 1px solid rgba(255,255,255,.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; } .ui-video-background-controls li a{ color: inherit; display: block; width: 100%; height: 100%; } /*----- Buttons ------*/ .welcome_banner.full_gray .content .btn_a { margin: 3px 0; right: 0; } .container .welcome_banner.full_gray .content .btn_a { right: 30px; } .btn_a { border: 1px solid #e4e4e4; display: inline-block; font-size: 13px; vertical-align: top; overflow: hidden; color: #888; } .btn_a:not(.color1):hover { color: #1CCDCA; } .btn_a:hover { color: #555; } .btn_a > span{ background: #fff; display: block; overflow: hidden; position: relative; padding-right: 45px; } .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{ padding-left: 2px; } .btn_a i.in_right{ padding-right: 2px; } .btn_a i.in_left, .btn_a i.in_right{ color: #1CCDCA; font-size: 16px; position: absolute; text-align: center; top: 0; width: 45px; line-height: 46px; } .welcome_banner.full_gray .btn_a i.in_left, .welcome_banner.full_gray .btn_a i.in_right{ color: #E84C3D; } .btn_a i.in_left{ left: 0px; } .btn_a i.in_right { right: -45px; opacity:0; } .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: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; } .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); } /*------ large ------*/ .btn_a.large_btn{ font-size: 16px; } .btn_a.large_btn > span { padding-right: 60px; } .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 > span > span { left: 61px; padding: 17px 18px 19px; } .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; } /*------ small ------*/ .btn_a.small_btn{ font-size: 13px; } .btn_a.small_btn > span { padding-right: 35px; } .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 > span > span { left: 36px; padding: 10px; } .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; } /*-------- Colored Buttons --------*/ .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: #1CCDCA; } .btn_a.color2 > span{ background: #3BADAF; } .btn_a.color3 > span{ background: #E84C3D; } .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 2 ------*/ .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; } .hidden_element{ color: transparent; color: rgba(0,0,0,0); position: relative; display: block; line-height: 20px; } .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 .hidden_element:after { color: #999; font-style: italic; content: attr(data-text); left: 0px; position: absolute; top: 0px; opacity:1; } .btn_b .hidden_element:before{ color: #999; font-style: italic; content: attr(data-text); left: 0px; position: absolute; top: 50px; opacity: 0; } .btn_b:hover .hidden_element:after{ top: -50px; opacity: 0; } .btn_b:hover .hidden_element:before{ top: 0; opacity: 1; } .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 color -------*/ .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: #1CCDCA; border-color: #1CCDCA; } .btn_b.color2 { background: #3BADAF; border-color: #3BADAF; } .btn_b.color3 { background: #E84C3D; border-color: #E84C3D; } .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 -------*/ .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, .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 span.btn_c_ic_a { left: 0; } .btn_c span.btn_c_ic_b { right: 50%; } /*----- Btn C Sizes ------*/ .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 ------*/ .btn_c:hover { color: #fff; padding: 0 54px 0 15px; } .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: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.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: #1CCDCA; } .btn_c.color2 { background: #3BADAF; } .btn_c.color3 { background: #E84C3D; } .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 i { margin-right: 14px; } .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.large_btn { font-size: 16px; padding: 16px 20px 18px; } .main_button.small_btn { font-size: 12px; padding: 7px 10px; } .main_button.color1{ background: #1CCDCA; border-color: #1CCDCA; } /*------ Hover ------*/ .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; } /*-------- Maps --------*/ .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%; } /*-------- Content Gallery --------*/ .content_thumbs_gall .thumbs_gall_slider_larg { padding: 7px; } .content_thumbs_gall .thumbs_gall_slider_larg { border-bottom: none; } .content_thumbs_gall .gall_thumbs .owl-item { border: none; } .content_thumbs_gall .gall_thumbs { padding: 0 0px 7px 7px; } .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; } .content_thumbs_gall { margin-bottom: 25px; } .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_n, .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_p { background: #fff; color :#1ccdca; font-size: 24px; height: 40px; line-height: 40px; width: 40px; } .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; } .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 .enar_owl_n, .col-md-12 > .content_thumbs_gall .thumbs_gall_slider_larg .enar_owl_p { font-size: 20px; height: 35px; line-height: 35px; width: 35px; } .col-md-12 > .content_thumbs_gall{ margin-bottom: 30px; } .list2{ list-style-type: none; margin-top: 20px; } .list2 li{ list-style-type: none; } .list2 li i { color: #1CCDCA; 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: #e84c3d; 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; } .hm-tabs .list3{ padding: 10px 0 0 0; } .list3 li:after { background: #e84c3d; color: #fff; content: "\e095"; font-family: idealtheme; font-size: 9px; height: 18px; left: 0; line-height: 18px; position: absolute; text-align: center; text-indent: 1px; top: 3px; width: 18px; } .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; } .list4 > li { list-style: outside none none; margin-bottom: 15px; } .list4 > li > i { color: #1CCDCA; font-size: 18px; margin-right: 8px; } .list4 > li > b { color: #666; margin-right: 10px; text-transform: uppercase; } /*------ Tooltip 1 ------*/ .hm_tooltip1, .hm_tooltip2, .hm_tooltip3{ display: inline; position: relative; z-index: 999; } .hm_tooltip-item1 { color: #1CCDCA; 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_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; } .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(100% + 10px); -moz-transform-origin: 50% calc(100% + 10px); -o-transform-origin: 50% calc(100% + 10px); transform-origin: 50% calc(100% + 10px); -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(100% + 6em); -moz-transform-origin: 50% calc(100% + 6em); -o-transform-origin: 50% calc(100% + 6em); transform-origin: 50% calc(100% + 6em); -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(.17,.67,.4,1.39); -moz-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); -o-transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); transition-timing-function: ease, cubic-bezier(.17,.67,.4,1.39); } .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_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-content1 img { position: relative; max-height: 170px; display: block; float: left; margin-right: 1.6em; } .hm_tooltip-text1 { display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; } .tooltip-effect1-5 .hm_tooltip-text1 { padding: 1.4em; } .hm_tooltip-text1 a { font-weight: bold; } /*------ Tooltip 2 ------*/ .tooltip-item2 { cursor: pointer; font-weight: bold; } .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-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-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); } .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::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 .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::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); } .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); } /*------ Tooltip 3 ------*/ .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; font-family: 'Kalam', cursive; -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: #1CCDCA; -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); } /*------ Tables ------*/ .table_container{ background: #fff; border: 1px solid #E7E7E7; border-width: 1px; padding: 15px; } /*------ 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 { margin: 0; font-weight: 400; font-size: 2em; padding: 0 0 17px; margin: 0; } .boxedcontainer {max-width: 1170px; margin:auto; padding:0px 30px;} /*------ Rev Slider ------*/ .tp-banner-container{ width:100%; position:relative; padding:0; clear: both; } .tp-banner{ width:100%; position:relative; } .tp-banner-fullscreen-container { width:100%; position:relative; padding:0; } /*------- 404 -------*/ .page404 { color: #1CCDCA; font-family: "Oswald","Open Sans",sans-serif; font-size: 300px; text-align: center; position: relative; } /*------ Sitemap ------*/ ul.sitemap { margin: 0; padding: 0 0 0 30px; overflow: auto; } .sitemap > li { float: left; margin-right: 70px; } .sitemap > li > a{ background: #1CCDCA; border: 1px solid #1CCDCA; color: #fff; display: inline-block; min-height: 38px; } .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; } .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 li.has_child_sitmap { margin-bottom: 60px; margin-top: 20px; } .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; } 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 li { position: relative; margin-bottom: 10px; font-size: 13px; } .sitemap li.has_child_sitmap { margin-bottom: 60px; } .sitemap ul li.has_child_sitmap > a { border: 1px solid #dddddd; color: #666; } .sitemap ul li.has_child_sitmap > a > i { margin-right: 10px; } .sitemap ul li a:hover{ color: #1CCDCA } .sitemap ul li a { display: inline-block; padding: 10px 23px; color: #888; font-style: italic; } .sitemap li.has_child_sitmap > a { padding: 9px 15px; } .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; } .shop_product_wrapper .tabs_mobile .tabs-navi li { margin-bottom: 0; } /*------- Login -------*/ .login_form_colored { background: #fff; border: 1px solid #e1e1e1; padding: 20px; position: relative; } .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; } i.lfc_icon { bottom: 1px; display: block; font-size: 14px; height: 100%; color: #1CCDCA; left: 1px; line-height: 39px; position: absolute; text-align: center; top: 1px; width: 40px; } .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; } .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: #555; } .lfc_header { background: #F9F9F9; border-bottom: 1px solid #e1e1e1; color: #555; display: block; margin: -20px -20px 0; padding: 15px 20px; text-transform: uppercase; } .login_flip { position: absolute; width: 100%; } .flip_top{ z-index: 3; } /*--------- Responsive ----------*/ @media screen and (-webkit-min-device-pixel-ratio:0) { .bg_fixed { background-attachment: scroll; } } @media only screen and (min-width: 1500px) { .hm-full-width .hm-pricing-list > li { padding: 2.5em 0; } } @media only screen and (min-width: 640px) { .content, .container, #navy li:not(.tab_menu_con):not(.image_menu_slide), .site_boxed #main_wrapper { max-width: 625px; } } @media only screen and (min-width: 768px) { .content, .container, #navy li:not(.tab_menu_con):not(.image_menu_slide), .site_boxed #main_wrapper { max-width: 750px; } /*-----[ Pricing Tables ]-----*/ .hm-header { height: 160px; line-height: 280px; } .hm-header h1 { font-size: 3.6rem; font-weight: 300; } .hm-pricing-container { margin: 0 auto; } .hm-pricing-container.hm-full-width { width: 100%; max-width: none; } .hm-pricing-list > li { margin-bottom: 0px; } .hm-pricing-list { margin: 0; } .hm-pricing-list:after { content: ""; display: table; clear: both; } .hm-pricing-list > li { width: 33.3333333333%; float: left; } .hm-pricing-list > li::after { /* hide gradient layer */ display: none; } .hm-pricing-list > li.hm-popular { box-shadow: inset 0 0 0 3px #E84C3D; } .hm-pricing-container:not(.hm-full-width):not(.hm-has-margins) .hm-pricing-list > li.hm-popular { margin: -1.2em 0 0; } .hm-pricing-container:not(.hm-full-width):not(.hm-has-margins) { margin-top: 60px; } .hm-pricing-container:not(.hm-full-width):not(.hm-has-margins) .hm-pricing-list > li.hm-popular .hm-pricing-header{ padding: 2.5em 0.9em 2.2em; } .hm-pricing-container:not(.hm-full-width):not(.hm-has-margins) .hm-pricing-list > li.hm-popular .hm-pricing-footer { padding-bottom: 3.1em; } .hm-pricing-list > li.hm-popular::before { /* hide table separator for .hm-popular table */ display: none; } .hm-pricing-list > li.hm-popular + li::before { /* hide table separator for tables following .hm-popular table */ display: none; } .hm-has-margins .hm-pricing-list > li, .hm-has-margins .hm-pricing-list > li.hm-popular { box-shadow: none; } .content_section:not(.white_section) .hm-has-margins .hm-pricing-list > li.hm-popular { border: 1px solid #e4e4e4; } .hm-secondary-theme .hm-pricing-list > li { background: #1B222A; } .hm-secondary-theme .hm-pricing-list > li.hm-popular { background: #161D24; box-shadow: 0 0 0 3px #e74c3c inset; } .hm-pricing-list:nth-of-type(1)::before { /* hide table separator for the first table */ display: none; } .hm-has-margins .hm-pricing-list > li { width: 32.3333333333%; float: left; margin-right: 1.5%; border-radius: 4px 4px 6px 6px; } .hm-has-margins .hm-pricing-list > li:last-of-type { margin-right: 0; } .hm-has-margins .hm-pricing-list > li::before { display: none; } .hm-popular .hm-pricing-wrapper > li::before { /* hide table separator for .hm-popular table */ display: none; } .hm-secondary-theme .hm-pricing-list > li > header { background: rgba(0, 0, 0, 0.2); } .hm-pricing-header { height: auto; padding: 1.9em 0.9em 1.6em; pointer-events: auto; text-align: center; color: #324545; background: transparent; } .hm-popular .hm-pricing-header { color: #E84C3D; background: transparent; } .hm-secondary-theme .hm-pricing-header { color: #FFFFFF; } .hm-pricing-header h2 { font-size: 1.8rem; letter-spacing: 2px; } .hm-value { font-size: 7rem; font-weight: 500; } .hm-currency, .hm-duration { color: rgba(23, 61, 80, 0.4); } .hm-popular .hm-currency, .hm-popular .hm-duration { color: #E84C3D; } .hm-secondary-theme .hm-currency, .hm-secondary-theme .hm-duration { color: #777; } .hm-secondary-theme .hm-popular .hm-currency, .hm-secondary-theme .hm-popular .hm-duration { color: #777; } .hm-currency { display: inline-block; margin-top: 10px; vertical-align: top; font-size: 2rem; font-weight: 700; } .hm-duration { font-size: 1.4rem; } .hm-pricing-body { overflow-x: visible; } .hm-pricing-features { width: auto; } .hm-pricing-features li { float: none; width: auto; padding: 1em; } .hm-popular .hm-pricing-features li { margin: 0 3px; } .hm-pricing-features li:nth-of-type(2n+1) { background: rgba(23, 61, 80, 0.06); } .hm-pricing-features em { display: inline-block; margin-bottom: 0; font-style: normal; } .hm-has-margins .hm-popular .hm-pricing-features li, .hm-secondary-theme .hm-popular .hm-pricing-features li { margin: 0; } .hm-secondary-theme .hm-pricing-features li { color: #FFFFFF; } .hm-secondary-theme .hm-pricing-features li:nth-of-type(2n+1) { background: transparent; } .hm-pricing-footer { position: relative; height: auto; padding: 1.8em 0; text-align: center; } .hm-pricing-footer::after { /* hide arrow */ display: none; } .hm-has-margins .hm-pricing-footer { padding-bottom: 0; } .hm-select { position: static; display: inline-block; height: auto; padding: 1.1em 3em; color: #FFFFFF; border-radius: 2px; background: #1CCDCA; font-size: 1.4rem; text-indent: 0; text-transform: uppercase; letter-spacing: 1px; } .hm-pricing-container.hm-full-width .hm-select { background: #323C47; } .no-touch .hm-select:hover { background: #273232; color: #fff; } .no-touch .hm-secondary-theme .hm-pricing-list > li .hm-select:hover { background: #1CCDCA; color: #fff; } .hm-pricing-container.hm-full-width .hm-popular .hm-select { background: #323C47; } .hm-popular .hm-select { background: #273232; } .no-touch .hm-popular .hm-select:hover { background: #1CCDCA; color: #fff; } .hm-secondary-theme .hm-popular .hm-select { background: #1CCDCA; } .no-touch .hm-secondary-theme .hm-popular .hm-select:hover { background: #18C4C1; } .hm-has-margins .hm-select { display: block; padding: 1.1em 0; border-radius: 0 0 4px 4px; } } @media only screen and (min-width: 992px) { .content, .container, .site_boxed #main_wrapper { max-width: 970px; } } @media only screen and (min-width: 1200px) { .content, .container, .site_boxed #main_wrapper { max-width: 1170px; } } @media only screen and (max-width: 1170px) { .languages-select, .top_details > span, .top_details > div { margin-right: 35px; } .four_blocks .filter_item_block { width: 33.3333%; } .project_text_nav .expand_img, .project_text_nav .detail_link, .hoverdir_meta .expand_img, .hoverdir_meta .detail_link { font-size: 12px; margin-bottom: 7px; padding: 7px 10px; } .f1_card .social_media > a:not(:last-child) { margin-right: 4px; } .f1_card .social_media { overflow-x: scroll; white-space: nowrap; } } @media only screen and (min-width: 1024px) { .icon_boxes_con > .col-md-3:nth-child(4n+1), .icon_boxes_con > .col-md-4:nth-child(3n+1), .icon_boxes_con > .col-md-6:nth-child(2n+1), .rows_container > .col-md-3:nth-child(4n+1), .rows_container > .col-md-4:nth-child(3n+1), .rows_container > .col-md-6:nth-child(2n+1) { clear: left; } .hm_go_top { bottom: 20px; height: 43px; right: 20px; width: 43px; } } @media only screen and (max-width: 1024px) { .counter { margin-bottom: 50px; } #top_cart + .top_search + #main_nav .nav_trigger { right: 107px; } .my_col_third { width: 50%; } .row_spacer { padding-bottom: 70px; padding-top: 70px; } .team-col { width: 100%; } .team-col-1 { width: 30%; } .team-col-2 { width: 70%; } .team_block3 .person_desc { margin-bottom: 11px; } .content:not(.no_padding) .col-md-3:nth-child(2n+1) { padding-left: 0; } .content:not(.no_padding) .col-md-3:nth-child(2n) { padding-right: 0; } .rows_container > div:not(:last-child):not(.team-col), .magnific-gallery > div{ padding-bottom: 20px; } .top_details > span:last-child { margin-right: 0; } .top_details > span, .top_details > div { margin-right: 25px; } .hm_new_title_con { width: 64px; } .hm_new_title_con h4 span { display: none; } .hm_new_bar { padding-left: 60px; } .vid_con > img { width: 100%; } #sidebar { border-top: 1px solid #DDDDDD; padding-top: 25px; width: 100%; } .four_blocks .filter_item_block { width: 50%; } .footer_menu { float: none; text-align: center; } .footer_copy_text { display: block; padding-bottom: 12px; text-align: center; } #footer .footer_copyright { padding: 20px 0; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) { padding-left: 35px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) { padding-right: 35px; } .timeline_post_format { border: 2px solid #1ccdca; height: 45px; line-height: 45px; top: 7px; width: 45px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_post_format { right: -59px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_post_format { left: -59px; } .main_button.large_btn { padding: 14px 18px 16px; } .main_button { padding: 9px 13px; } .btn_a.large_btn > span > span { left: 56px; padding: 13px 14px 15px; } .btn_a.large_btn i.in_left, .btn_a.large_btn i.in_right { line-height: 55px; width: 55px; } .btn_a.large_btn > span { padding-right: 55px; } .btn_a i.in_right { right: -55px; } .section_icon { top: -35px; } .section_icon i { height: 70px; line-height: 70px; width: 70px; } .description4 { width: 80%; } .feature_icon_slider .col-md-4 { width: 33.3333%; padding: 0; } .feature_icon .item h5 .title { font-size: 18px; margin-top: 15px; } .feature_icon_slider .col-md-4:nth-child(2n) { padding: 0 15px; } .feature_icon .item h5 .icon span { height: 48px; line-height: 48px; width: 48px; } .feature_icon .item h5 .icon { height: 50px; margin-right: 12px; width: 50px; } .feature_icon .item h5 { margin-bottom: 8px; } .feature_icon.on_right .item h5 .icon { margin-left: 12px; } .feature_icon .item > span { font-size: 13px; line-height: 22px; } .col-md-12 > .content_thumbs_gall { margin-bottom: 0; } .content_thumbs_gall { margin-bottom: 0; } .icon_boxes_con.style1 .service_box { margin-bottom: 80px; } .icon_boxes_con .col-md-4 { width: 50%; } .bordered_content.with_text { margin: 0; } .page_title.has_bg_image.member_header { padding: 100px 0 105px; } .contact_details_row:last-child { margin-bottom: 30px; } .five_portos .filter_item_block { width: 25%; } .filter_item_block.width2, .five_portos .filter_item_block.width2{ width: 50%; } .porto_nums { display: block; margin-top: 7px; float: none; } .products_filter li { width: 50%; } .four_boxes_title { width: 70%; } .four_boxes_desc { font-size: 23px; line-height: 1.2; } .top_details .title { display: none; } .half_full_con ul.list1 li { width: 100%; } } /* end 1024 */ @media only screen and (max-width: 992px) { #navy, #navy .owl-carousel:after, #navy .image_menu_slide > .owl-wrapper-outer:after{ display: none; } .mobile_menu_trigger, #navy > li > a > span.parent_arrow.normal_menu_arrow{ display: block; } #main_nav { float: none; padding: 75px 0 0 0; position: relative; } #navy li.normal_menu ul::after, #navy li.has_mega_menu > ul::after, #navy ul li:not(.image_menu_slide) a::after{ background: none; } #navy ul li.normal_menu ul { left: 0; top: 0; } #navy .mega_menu .mega_menu_in { padding-left: 15px; } #navy .mega_menu { left: 0; } #navy ul { background: none; border: none; margin: 0; padding: 0; position: relative; width: 100%; } #main_nav.has_mobile_menu #nav_menu::before { background: #fff; content: ""; height: 100%; left: 50%; position: absolute; top: 0; transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 100000px; } .mobile_menu_trigger { display: inline-block; height: 0; position: absolute; right: 0; top: 38px; } #navy { background: #fff; left: 0; position: relative; top: 0; width: 100%; border-top: 1px solid #eeeeee; } #navy li { float: none; margin: 0 auto; padding: 0; position: relative; width: 100%; } #navy > li > a { color: #888; } #navy > li.current_page_item > a, #navy > li > a:hover, #navy > li.opened_menu > a{ color: #1CCDCA; } #navy > li > a > span { padding: 12px 0; } #navy > li > a::after{ display: none; } #navy li a { border-bottom: 1px solid #eee; } #navy > li > a > span.normal_menu_arrow { display: block; padding: 0px !important; } #navy > li.opened_menu > a span.normal_menu_arrow::after{ transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); } #navy > li.opened_menu.has_mega_menu > a > span::after, #navy li.normal_menu li.opened_menu > a > span.normal_menu_arrow, #navy li.has_tab_menu.opened_menu > a > span::after{ right: 0; transform: rotate(90deg) translateX(2px); -moz-transform: rotate(90deg) translateX(2px); -webkit-transform: rotate(90deg) translateX(2px); -o-transform: rotate(90deg) translateX(2px); } #navy ul li.tab_menu_item.active .mega_arrow { transform: rotate(90deg) translateX(2px); -moz-transform: rotate(90deg) translateX(2px); -webkit-transform: rotate(90deg) translateX(2px); -o-transform: rotate(90deg) translateX(2px); } #navy ul li.normal_menu ul { padding-left: 15px; } #navy .mega_menu { position: relative; } #navy .mega_menu > li, #navy .tab_menu_list > li > ul > li { border-right: none; width: 100%; } #navy > li > a > span.normal_menu_arrow { background: #aaa; height: 1px; position: absolute; right: 0px; top: 50%; width: 9px; } #navy > li > a > span.normal_menu_arrow::after { background: #aaa; content: ""; display: block; height: 9px; left: 4px; position: absolute; top: -4px; width: 1px; } #navy ul.mega_menu > li > a::before { background-image: url("../images/m_d_arrow.png"); width: 9px; } #navy ul li .normal_menu_arrow, #navy > li > a > span.normal_menu_arrow { right: 0px; } #navy ul li:last-child a, #navy ul.mega_menu li a { border-bottom: 1px solid #eee; } #navy ul.mega_menu > li a { padding: 0 20px 0 28px; } #navy ul.mega_menu li a::before { left: 13px; top: 16px; } #navy ul.mega_menu li.go-back > a::before { left: 10px; } #navy ul li .mega_arrow { right: 15px; } #navy .tab_menu_list > li > ul { width: 100%; } #navy .tab_menu_item ul { padding-left: 15px; } #navy li.has_mega_menu > a > span::after, #navy li.has_tab_menu > a > span::after { background-image: url("../images/m_d_arrow.png"); background-repeat: no-repeat; content: ""; display: block; height: 9px; position: absolute; right: 0px; top: 17px; width: 9px; } #navy .tab_menu_list { width: 100%; border-right: 0 none; } #navy .tab_menu_item a { padding: 0 15px; } #navy .tab_menu_item a .parent_arrow { right: 15px; } #navy .tab_menu_list > li > ul { left: 0; position: relative; } #navy .tab_menu { left: 0; } .top_add_card > span { border: 1px solid #e2e2e2; } #navigation_bar, .topbar { border-bottom: 1px solid #E4E4E4; } .top_add_card:hover, .active .top_add_card, .active .top_add_card > span{ color : #1ccdca; } .top_add_card{ border-color: #e4e4e4; } .top_search_con { background: #fff; border-color: #e4e4e4; } #logo .logo_light{ opacity: 0; } body #logo .logo_dark{ opacity: 1; } .latest_word { display: none; } .icon_boxes_con > .col-md-3:nth-child(2n+1), .icon_boxes_con > .col-md-4:nth-child(2n+1), .rows_container > .col-md-3:nth-child(2n+1), .rows_container > .col-md-4:nth-child(2n+1){ clear: both; } .col-md-4, .col-md-3{ width: 50%; float: left; } .content:not(.no_padding) .col-md-4, .content:not(.no_padding) .col-md-5, .content:not(.no_padding) .col-md-6, .content:not(.no_padding) .col-md-7, .content:not(.no_padding) .col-md-8, .content:not(.no_padding) .col-md-9, .content:not(.no_padding) .col-md-10, .content:not(.no_padding) .col-md-11, .content:not(.no_padding) .col-md-12 { padding-left: 0; padding-right: 0; } .footer_row:last-child { padding-bottom: 40px; } .flickr_badge_image img { width: 100%; } #footer .row_spacer { padding-bottom: 50px; } .top_cart_con { top: 38px; } .filter_item_block { width: 50%; } .quote_con, a.quote_con:focus { font-size: 18px; line-height: 30px; } } @media only screen and (max-width: 992px) { .has_col_img.on_desktop > img { display: block; margin: 0 auto; position: relative; clear: both; } .filter_item_block { width: 50%; } .left_sidebar.col-md-3{ float: none; padding: 0; } .right_sidebar.col-md-3{ float: none; padding: 0; } .content_block.f_left { float: none; padding: 0; } .content_block.f_right { padding: 0; float: none; } } @media only screen and (max-width: 768px) { .tabs2 .tabs-navi a.selected:before, .tabs2 .tabs-navi a.selected:after{ display:none; } .icon_boxes_con .col-md-4 { width: 100%; } .feature_icon .item h5 .icon, .white_section .feature_icon .item h5 .icon{ float: none; } .top-socials { padding-bottom: 8px; } .top-socials { text-align: center; width: 100%; } .top-socials > a { margin-top: 0px; } .main_desc, .main_desc p { font-size: 22px; line-height: 1.4; } .my_col_third, .my_col_half { width: 100%; } .my_col_half, .my_col_third, .my_col_two_third, .my_col_three_quarter { padding-right: 0; } .content:not(.no_padding) .col-md-3, .content:not(.no_padding) .col-md-4, .content:not(.no_padding) .col-md-5, .content:not(.no_padding) .col-md-6, .content:not(.no_padding) .col-md-7, .content:not(.no_padding) .col-md-8, .content:not(.no_padding) .col-md-9, .content:not(.no_padding) .col-md-10, .content:not(.no_padding) .col-md-11, .content:not(.no_padding) .col-md-12 { padding-left: 0; padding-right: 0; } .flickr_badge_image { width: 33.3333%; } .top-socials { padding-bottom: 0px; } .topbar > .content { padding-bottom: 9px; padding-top: 7px; } .top_details > span:last-child { margin-right: 0; } .languages-select, .top_details, .top-socials { float: none; text-align: center; margin: 0; } .languages-select .languages-panel-con::after, .languages-drop .languages-panel{ left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .topbar.topbar_small { padding: 10px 0; } .top_details > span, .top_details > div { padding: 8px 0; } .filter_item_block { width: 50%; } .hm_blog_list .blog_grid_con { float: none; margin-top: 20px; padding: 0; width: 100%; } .hm_blog_list:not(.hm_blog_full_list) .feature_inner { float: none; width: 100%; } .row_spacer { padding-bottom: 60px; padding-top: 60px; } .content_spacer { padding-bottom: 50px; padding-top: 35px; } .four_blocks .filter_item_block { width: 100%; } .two_blocks .filter_item_block { width: 100%; } #comments .children { padding-left: 0; border-left: none; } #comments .children::after{ background: none; } .quote_con, a.quote_con:focus { font-size: 16px; line-height: 27px; } .send_button { padding: 8px 11px; } .hm_filter_wrapper_con.timeline .filter_item_block { width: 100%; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) { padding-right: 0px; padding-left: 58px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) { padding-left: 58px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2) { margin-top: 0; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_post_format { left: -59px; right: auto; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_block::before { border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: -16px; right: auto; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_block::after { border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: -15px; right: auto; } .hm_filter_wrapper_con.timeline::after { left: 23px; width: 3px; } .hm_filter_wrapper.timeline .centered { text-align: left; } .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-bottom: 15px; margin-left: 20px; } .counter_a .col-md-3:not(:last-child), .counter_b .col-md-3:not(:last-child) { margin-bottom: 40px; } .counter .value { font-size: 28px; } .counter .title { font-size: 20px; } .description4 { width: 100%; } .feature_icon_slider .feature_icon_img { margin: 30px 0; } .feature_icon_slider.owl-carousel { padding-bottom: 40px; } .feature_icon_slider .col-md-4 { width: 100%; } .feature_icon.on_right .item h5 .icon, .feature_icon .item h5 .icon { display: block; float: none; left: 50%; margin: 0 0 0 -25px; position: relative; } .feature_icon.on_right .item h5 .title, .feature_icon .item h5 .title { display: block; float: none; text-align: center; } .feature_icon.on_right .item > span, .feature_icon .item > span { display: block; text-align: center; } .feature_icon .item h5 .title { font-weight: 500; letter-spacing: 0; } .tree_features > li { margin: 0 0 5px; width: 100%; } .tree_features > li:nth-of-type(2n) { margin-top: 0; } .tree_features + .centered { text-align: left; } .tree_features_parent { margin: -7px 0 0 -6px; } .tree_features > li::after { left: 7px; } .tree_features > li:nth-of-type(2n)::after { left: -7px; } .thumbs_gall_slider_larg:not(.internal_porto) .item > a::after { font-size: 16px; height: 45px; line-height: 45px; width: 45px; } .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_n, .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_p { font-size: 20px; height: 35px; line-height: 34px; width: 35px; } .content_thumbs_gall.gall_arrow2 .thumbs_gall_slider_larg .owl-next { margin-top: -17px; } .mapcontainer .areaLegend, .mapcontainer .plotLegend { float: none; padding-bottom: 15px; width: 100%; } .team_block3 .team-col-2-con { padding: 13px 18px; } .team_block3 .person_name { font-size: 16px; } .team_block3 .person_jop { font-size: 13px; margin: 2px 0 5px; } .team_block3 .person_desc { font-size: 13px; line-height: 21px; margin-bottom: 5px; } .team-col-2 { min-height: 134px; } .team_block3 .team-col-2-con { height: 100%; overflow: auto; } .team-col.team_col_on_right .team-col-2 .team-col-2-con { direction: rtl; } .team-col-2-con > a { display: block; } .team-col.team_col_on_right .team-col-2 .team-col-2-con * { direction: ltr; } .page_title h1 { font-size: 28px; } .title1 { font-size: 22px; } .main_title h2 { font-size: 28px; line-height: 35px; margin-bottom: 45px; padding-bottom: 17px; } .main_title.has_bg > h2 { padding: 11px 16px 13px; } .main_title .line i { font-size: 18px; } .description1, .description2, .description3 { font-size: 16px; line-height: 29px; } h1 { font-size: 37px; } h2 { font-size: 32px; } h3 { font-size: 27px; } h4 { font-size: 22px; } h5 { font-size: 18px; } h6 { font-size: 16px; } .page404 { font-size: 250px; } .hm-tabs .list3 { padding: 10px 0 15px; } ul.list1 li { margin-bottom: 14px; padding-right: 15px; } .form_row .orderby_label { margin-bottom: 10px; } .form_row { margin-top: 0px; } .full_contact_form .form_row .hm_input_text, .full_contact_form .form_row .hm_textarea, .form_row input[type="file"] { margin-bottom: 10px; } .checkbox_radio_con { margin-bottom: 20px; } .tab_img { padding: 0 20px 8px 0; width: 100%; } .hm-tabs:not(.simple_tabs) .tabs-body > li { padding: 14px 18px; } .filter_item_block.width2, .five_portos .filter_item_block.width2 { width: 100%; } .five_portos .filter_item_block { width: 50%; } .porto_nums { display: inline-block; margin-top: 0px; float: right; } ul.list1 li { width: 100%; padding-right: 0; } .products_filter li { width: 100%; } table.check_out_table { display: block; overflow-x: auto; width: 100%; } .coupon_btn_con > input, .coupon_btn_con > button { margin-top: 13px; } .check_out_list .buttons_added .input-text { border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; } .check_out_list .quantity_controll.minus { border-bottom: medium none; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; } .check_out_list .quantity_controll.plus { border-top: medium none; border-radius: 0 0 3px 3px; -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; } .checkout_coupon_btns > * { float: left; margin: 15px 15px 0 0; } .single_product_slider { float: none; margin-bottom: 25px; padding-right: 0; width: 100%; } .single_product_details { float: left; width: 100%; } .next_product_nav a { top: 25px; } .shop_product_wrapper { padding-top: 25px; } .single_cart_video { clear: both; float: none; padding: 30px 0; width: 100%; } .shop_product_wrapper .hm-tabs { clear: both; float: left; margin: 50px auto; width: 100%; } .camera_caption { font-size: 13px; } .top_expande { display: block; } .topbar > .content{ display: none; } .half_full_con { width: 100%; padding-right: 15px; padding-left: 15px; } } /* end 768 */ /* Landscape phones and down */ @media only screen and (max-width: 480px) { .filter_item_block { width: 100%; } .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: none; width: 100%; } .site_boxed #main_wrapper { border: none; } .icons_spacer { padding-bottom: 20px; padding-top: 70px; } .page404 { font-size: 190px; } .top_details > span:last-child { margin-right: 0px; } .top_details { margin-left: 0; } .top_details .languages-select { margin-left: 25px; } .hm_new_title_con { padding: 0 11px; width: 50px; } .hm_new_title_con h4 i { font-size: 25px; } .page_title h1 { font-size: 25px; padding: 25px 0 15px; float: none; } .page_title .breadcrumbs { float: none; line-height: 30px; margin: 0 0 25px; } .hm_new_bar { padding-left: 45px; } blockquote .quote_text { padding-left: 0; padding-top: 38px; } blockquote > i { left: 50%; margin-left: -10px; } blockquote { padding: 20px 0; font-size: 15px; line-height: 28px; margin: 20px 0; } .post_next_prev_con .single_pro_row { padding-right: 0; } .single_pro_row { margin-top: 25px; } .post_next_prev { float: none; margin-top: 25px; } .about_auther .about_auther_details { padding-left: 0; padding-top: 160px; text-align: center; } .about_auther_con .desc { font-style: normal; font-size: 13px; line-height: 24px; } .about_auther .avatar_img { left: 50%; margin-left: -70px; } .about_auther_details .social_media { text-align: center; } #comments .single_comment .comment_content { margin-left: 0px; } #comments .single_comment .avatar { margin: 0 15px 15px 0; } .quote_con, a.quote_con:focus { font-size: 15px; line-height: 25px; padding: 13px 20px 18px; } #commentform input[type="text"] { margin: 0 0 1.4%; width: 100%; } .internal_post_con .content_block { padding-bottom: 20px; } .comment_said_text { font-size: 13px; } .timeline_block .timeline_title { font-size: 18px; } .timeline_block .meta .meta_part { margin: 0 17px 7px 0; } .welcome_banner h3 { font-size: 22px; line-height: 33px; } .welcome_banner.full_colored .btn_a, .welcome_banner.full_white .btn_a, .welcome_banner.boxed_white .btn_a, .welcome_banner.boxed_colored .btn_a { clear: both; display: inline-block; float: none; margin-left: 0; } .welcome_banner .intro_text { display: block; } .welcome_banner.classic_white .intro_text, .welcome_banner.full_banner_colored .intro_text { font-size: 18px; line-height: 32px; } .welcome_banner h3 { font-size: 20px; } .welcome_banner.full_gray h3 { line-height: 34px; margin-bottom: 20px; } .welcome_banner.full_gray { text-align: center; } .welcome_banner.full_gray .content .btn_a { float: none; } .welcome_banner_slider { padding: 0; } .welcome_banner_slider .owl-next { right: 0; top: -30px; } .welcome_banner_slider .owl-prev { left: 0; top: -30px; } .welcome_banner.boxed_colored .content, .welcome_banner.boxed_white .content { padding: 25px 15px; } .section_icon { top: -30px; } .section_icon i { font-size: 27px; height: 60px; line-height: 60px; width: 60px; } .counter .value { font-size: 25px; } .counter .title { font-size: 18px; } .leaf_icon, .tree_features > li:nth-of-type(2n) .leaf_icon { left: 50%; margin-bottom: 20px; margin-left: -72px; position: relative; } .leaf_con, .tree_features > li:nth-child(2n) .leaf_con { padding: 0; text-align: center; } .tree_features > li:nth-of-type(2n){ margin-right: 0; } .tree_features > li { margin: 0 0 40px; } .tree_features > li, .tree_features > li::after { -moz-border-radius: 5px; -webkit-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .tree_features > li > .tree_curv, .tree_features > li:nth-child(2n) > .tree_curv { bottom: -50px; height: 100%; left: 25%; top: auto; width: 50%; } .tree_features > li::after { -moz-border-radius: 0 100px; -webkit-border-radius: 0 100px; -ms-border-radius: 0 100px; -o-border-radius: 0 100px; border-radius: 0 100px; left: -13%; } .tree_features > li:nth-of-type(2n)::after { -moz-border-radius: 100px 0; -webkit-border-radius: 100px 0; -ms-border-radius: 100px 0; -o-border-radius: 100px 0; border-radius: 100px 0; left: auto; right: -13%; } .tree_features + .centered { text-align: center; } .tree_features_parent { margin: 0; } .hm-tabs:not(.simple_tabs) .tabs-body > li { padding: 12px 16px; } .tabs-navi a, .tabs2 .tabs-navi a { line-height: 40px; padding: 0 16px; } .ver_tabs.tabs_mobile .tabs-navi a { line-height: normal; padding: 15px 15px; text-align: center; } .ver_tabs.tabs_mobile .tabs-navi a > span { display: block; margin-bottom: 7px; } .ver_tabs.tabs_mobile .tabs-navi a > span > i { margin: 0; } .team-col-1 { width: 100%; } .team-col-2 { width: 100%; } .team_block3 .team-col-2-con { position: relative; } .team-col .team-col-2 .arrow { display: none; } .team_block3 .social_media a { height: auto; line-height: normal; margin-bottom: 0; margin-right: 20px; margin-top: 10px; } ul.list1 li { margin-bottom: 17px; width: 100%; } .normal_text_slider .desc { font-size: 15px; line-height: 29px; } .page_title.has_bg_image.member_header { padding: 50px 0 45px; } .form_row label { float: none; width: 100%; } .form_row .hm_input_text, .form_row select, .form_row .hm_textarea { width: 100%; } .form_row button, .form_row input[type="submit"] { margin-left: 0; max-width: 100%; } .title1 i { font-size: 28px; } .c_detail { line-height: 24px; } .tab_img { padding: 0 0 8px; width: 100%; } .five_portos .filter_item_block { width: 100%; } .list4 > li > i { font-size: 15px; margin-right: 4px; } .list4 > li > b { margin-right: 0; } .quantity.buttons_added > * { float: left; margin-bottom: 15px; margin-left: 0; margin-right: 15px; } .product_option_item { width: 100%; } .product_option_item:nth-child(2n){ padding-left: 0; } .product_option_item:nth-child(2n+1){ padding-right: 0; } .next_product_nav .icon-wrap { border: 1px solid #E5E5E5; } } /* end 480 */ @media only screen and (max-width: 360px) { body { font-size: 13px; } .welcome_banner.classic_white .intro_text, .welcome_banner.full_banner_colored .intro_text { font-size: 16px; line-height: 29px; } .welcome_banner h3 { font-size: 18px; line-height: 27px; } } @media only screen and (max-width: 320px) { .icon_boxes_con.style2:not(.icon_box_no_border):not(.solid_icon) .service_box .icon { left: 50%; } .top_details > span:last-child { margin-right: 0px; } #navigation_bar #logo > a { display: inline-block; } #logo { float: none; margin-right: 0; text-align: center; opacity: 1 !important; } .top_search { top: 88px; right: 100px; } .top_cart_con { min-width: 280px; right: 0; transform: translateX(50%); -moz-transform: translateX(50%); -webkit-transform: translateX(50%); } .top_cart_title { margin-bottom: 5px; } .top_search.large_top_search{ right: 46px; } #logo + #top_cart { right: 50%; top: 100px; } #logo + #top_cart + .top_search { margin-right: -20px; right: 50%; top: 100px; } .top_search + #main_nav .mobile_menu_trigger { right: 50%; } #top_cart + .top_search + #main_nav .nav_trigger { right: 0; transform: translateX(-35px) translateY(-50%); -webkit-transform: translateX(-35px) translateY(-50%); -moz-transform: translateX(-35px) translateY(-50%); -o-transform: translateX(-35px) translateY(-50%); } .top_add_card { right: -20px; transform: translateX(55px) translateY(-50%); -moz-transform: translateX(55px) translateY(-50%); -webkit-transform: translateX(55px) translateY(-50%); } .top_search.large_top_search, #top_cart + .top_search.large_top_search, #logo + #top_cart + .top_search.large_top_search { padding-left: 30px; right: 15px; margin-right: 0; } .mobile_menu_trigger { right: 32px; } .hm_new_bar_slider { padding-left: 0; } .hm_new_bar { padding-left: 0; } .hm_new_title_con { display: none; } .comment-box { padding: 15px; } h4.author_name { font-size: 14px; line-height: 23px; margin: -6px 0 10px; } span.comment_meta a { font-size: 11px; } .comment_said_text { font-size: 13px; } .send_button { font-size: 13px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) { padding-left: 0; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) { padding-left: 0; } .hm_filter_wrapper_con.timeline::after { left: 50%; width: 2px; bottom: 30px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_post_format, .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_post_format { left: 50%; margin-left: -22px; right: auto; top: -60px; } .hm_filter_wrapper_con.timeline { margin-top: 60px; } .hm_filter_wrapper_con.timeline .filter_item_block .timeline_block { margin: 0 0 80px; } .hm_filter_wrapper_con.timeline .filter_item_block:last-child .timeline_block{ margin: 0px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_block::before, .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) #c6d2db; left: 50%; margin-left: -8px; top: -16px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_block::after, .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) #ffffff; left: 50%; margin-left: -8px; top: -15px; } .timeline_block .timeline_title { font-size: 16px; } .hm_filter_wrapper.timeline .centered { text-align: center; } .icon_boxes_con.style2.icon_box_no_border .service_box .service_box_con { padding-left: 0; padding-top: 105px; text-align: center; } .icon_boxes_con.style2.icon_box_no_border .service_box .icon { left: 50%; margin-left: -42px; } .icon_boxes_con.style2.icon_left_right > div:nth-child(2n+1) .service_box .service_box_con, .icon_boxes_con.style2 .service_box .service_box_con, .icon_boxes_con.style2.solid_icon .service_box .service_box_con { padding: 95px 0 0; text-align: center; } .icon_boxes_con.style2 .service_box .icon { left: 50%; margin-left: -35px; } .icon_boxes_con.style2.solid_icon .service_box .icon { left: 50%; margin-left: -42px; } .icon_boxes_con.style1 .service_box h3, .icon_boxes_con.style2 .service_box h3 { font-size: 15px; margin: 5px 0 12px; } .main_title h2 { font-size: 26px; margin-top: 10px; } .page_title h1, .page_title .breadcrumbs { text-align: center; } .top_details { margin-left: 0; } .content_thumbs_gall.gall_arrow2 .thumbs_gall_slider_larg .owl-next { right: -10px; } .content_thumbs_gall.gall_arrow2 .thumbs_gall_slider_larg .owl-prev { left: -22px; } .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_n, .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_p { border: 1px solid #E5E5E5; } .tabs-navi a { font-size: 13px; } .team_block2 .member_img, .our_team_section .col-md-6:nth-child(2n) .team_block2 .member_img { float: none; width: 100%; } .team_block2 .team_detail, .our_team_section .col-md-6:nth-child(2n) .team_block2 .team_detail { float: none; margin-top: 15px; padding-right: 0; padding-left: 0; width: 100%; text-align: center; } .our_team_section .col-md-6:nth-child(2n+1) .team_block2 .team_detail { text-align: center; } .hm_tooltip-content1 { font-size: 12px; line-height: 21px; margin: 0 0 0 -180px; min-width: 214px; padding: 15px; } .page404 { font-size: 130px; } .normal_text_slider .desc { font-size: 14px; line-height: 27px; } .flickr_badge_image { width: 50%; } .contact_details_row .c_con { margin-top: 15px; padding-left: 0; } .contact_details_row .icon { position: relative; } .porto_nums { display: block; margin-top: 7px; float: none; } .shop_slider .pro_add2cart_details { width: 70%; } .topbar.topbar_small { padding: 7px 0 8px; } .top_details > span:not(.top_login):not(.languages-select) { display: none; } .top-socials > a { font-size: 13px; height: 28px; line-height: 30px; margin-top: 6px; width: 28px; } .top-socials > a > span.soc_name, .top-socials > a > span.soc_name{ display: none !important; } .light_header .top-socials > a > span.soc_icon_bg { background: #1ccdca; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; height: 30px; width: 30px; } }