@charset "utf-8"; /* [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.4 */ /*------------------------------------------------------------- Main Style -------------------------------------------------------------*/ 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: #004E9E; text-decoration: none; } body { font-size: 14px; font-family: "Open Sans", sans-serif; color: #666666; position: relative; line-height: 1.5; } body.site_boxed { background-color: #f9f9f9; } html { height: 100%; min-height: 100%; } body { min-height: 100%; } a { color: #004E9E; text-decoration: none; outline: none; } a:hover { color: #E30420; } ::-webkit-selection { background: #004E9E; color: #fff; text-shadow: none; } ::-moz-selection { background: #004E9E; color: #fff; text-shadow: none; } ::selection { background: #004E9E; 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) { opacity: 0; width: 100%; } a, .top-socials > a > span.soc_name, .top-socials > a > span.soc_name:after, .top-socials > a, #navy > li > a > span, #navy ul li a, #navy ul li .parent_arrow, .owl-prev, .owl-next, #navy ul li:not(.image_menu_slide) a:after, #navy ul.mega_menu li a:before, #navy .img_menu_i > a span:before, .top-socials > a, .top-socials > a > span.soc_icon_bg, #navy > li > a, #navy > li > a:after, .top_catt_remove:after, .top_catt_remove:before, .top_catt_remove, .top_cart_title, #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, #share_on_socials a, .top_cart, #main_nav, #logo, .header_on_side.site_boxed #side_heder { -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; } .cart_toltip_icon { -webkit-transition: opacity 0.4s ease; -moz-transition: opacity 0.4s ease; -o-transition: opacity 0.4s ease; -ms-transition: opacity 0.4s ease; transition: opacity 0.4s ease; } #navigation_bar { -webkit-transition: background 0.4s ease; -moz-transition: background 0.4s ease; -o-transition: background 0.4s ease; -ms-transition: background 0.4s ease; transition: background 0.4s ease; } .blog_grid_format { -webkit-transition: -webkit-transform 0.4s ease; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -ms-transition: -ms-transform 0.4s ease; transition: transform 0.4s ease; } a.img_popup > img, .related_posts_slide .related_img > img, .add2cart_image .add2cart_img > img { -webkit-transition: -webkit-transform 0.7s ease; -moz-transition: -moz-transform 0.7s ease; -o-transition: -o-transform 0.7s ease; -ms-transition: -ms-transform 0.7s ease; transition: transform 0.7s ease; } #navy .has_sub_img .owl-controls, .top_add_card, .top_add_card > span, .top_catt_remove, #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, #navy .has_sub_img .owl-controls, .plan_col .spec_req2, .plan_col .polygon_con { left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); } .top_add_card > span, .rotate_icon, .icon_boxes_con.style1 .service_box > .icon, .icon_boxes_con.style1 .service_box .service_box_con:before, .icon_boxes_con.style1 .service_box .ser-box-link, h2.title2 span:after, .main_title.centered .line i, .centered .main_title .line i, .main_title.centered span, .centered .main_title span, .main_title.centered span:before, .centered .main_title span:before, .description3.centered:after, .tabs2 .tabs-navi a.selected:after, .tabs2 .tabs-navi a.selected:before, .tabs1.fill_active .tabs-navi a.selected:before, .section_icon, .counter .title:before, .counter .title:after, .add2cart_btn, .shop_slider .pro_add2cart_details, .cart_toltip_icon:before, .sidebar_slide_discount:before, .sidebar_slide_price:before, .progress_bar.prog_bar2 .value:after, .progress_bar.prog_bar2 .value:before, .blog_grid_format, .plan_column1 .plan_price_block, .hm_filter_wrapper_con.timeline:after, .wobbly_slide ul li > svg, .face404, #navy > li > a:after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #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"], .menu_button_mode:not(.header_on_side) #navy > li > a { -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .posts_widget_list li > a img, ul.list1 li > .arrow, .attach_shop_thumb.ico-post-image, .progress_bar .fill_con, .progress_bar .value, .progress_bar .fill, .recent_posts_list li > a .recent_posts_img, .flickr_badge_image a, .hm_vid_con img, .hm_vid_con:after, .blog_list_format, .posts_widget_list2 li > a img, .comment-container .trees_number, .post_format_con.hm_quote > span > a:after, .mejs-container, .mejs-controls .mejs-time-rail .mejs-time-float, .content_thumbs_gall .gall_thumbs .owl-item > .item, .social_share_btn::before, .social_share_btn::after, .mega_toltip, .nav_with_nums #filter-by > li a span.num, ul.list1 li:after, .price_lable { -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; } .icon_boxes_con.style1 .service_box > .icon:after, .icon_boxes_con.style1 .service_box .service_box_con:before, .icon_boxes_con.style1.radius5 .service_box > .icon:after, .icon_boxes_con.style2.radius5 .service_box .icon:after, .top-socials > a > span.soc_name, .plan_col.plan_column1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #sort-by.option-set, .hm_filter_wrapper.porto_hidden_title .porto_desc:after, .add2cart_details, .blog_grid_con, .panel-body, .enar_occ_content .acc_content, .lfc_forget_pass, #navy ul, .top_cart_con, .top_cart_footer, .languages-panel-con, .before_after_desc { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; -ms-border-radius: 0 0 3px 3px; -o-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } #options .sort_list:hover a.sort_selecter, a.add2cart_img, .feature_inner_ling, .blog_grid_desc, .panel-heading a:not(.collapsed), .occ_expanded .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, .buttons_added .input-text { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; } .quantity_controll.minus, .featured_slider.full_carousel .owl-buttons .owl-next, .tp-rightarrow.preview4:after, .flex_style1 #flex_thumbs .flex_previous, .camera_next, .sitemap > li > .sitemap_count, .lfc_icon, #navy .image_menu .owl-prev, .top-socials.box_socials > a > span.soc_icon_bg, #filter-by > li:first-child a { border-radius: 3px 0px 0px 3px; -moz-border-radius: 3px 0px 0px 3px; -webkit-border-radius: 3px 0px 0px 3px; -ms-border-radius: 3px 0px 0px 3px; -o-border-radius: 3px 0px 0px 3px; } .quantity_controll.plus, .orderby_label:before, .tagcloud .num, .featured_slider.full_carousel .owl-buttons .owl-prev, .tp-leftarrow.preview4:after, .flex_style1 #flex_thumbs .flex_next, .camera_prev, .sitemap > li > a, #navy .image_menu .owl-next, #navy .tab_menu_item .image_menu .owl-prev, .top-socials.box_socials span.soc_name:after, #filter-by > li:last-child a, .top-socials > a:last-child > span.soc_icon_bg { border-radius: 0px 3px 3px 0px; -moz-border-radius: 0px 3px 3px 0px; -webkit-border-radius: 0px 3px 3px 0px; -ms-border-radius: 0px 3px 3px 0px; -o-border-radius: 0px 3px 3px 0px; } .site_boxed .top_cart_con { border-radius: 3px 3px 0px 3px; -moz-border-radius: 3px 3px 0px 3px; -webkit-border-radius: 3px 3px 0px 3px; -ms-border-radius: 3px 3px 0px 3px; -o-border-radius: 3px 3px 0px 3px; } .cart_toltip_icon:after, .top_search_con, .add2cart_btn, .shop_slider .pro_add2cart_details, .sidebar_slide_price:after, .btn_c, .plan_col.plan_column1 .plan_price_btn, .ui-video-background-controls, .num_colored, .four_boxes_block, .four_boxes_title, .social_share_btn, .nav_trigger, .tree_features > li, .tree_features > li:after { -moz-border-radius: 200px; -webkit-border-radius: 200px; -ms-border-radius: 200px; -o-border-radius: 200px; border-radius: 200px; } .add2cart_image .add2cart_img > img { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } /*------------------------------------------------------------ Grids -------------------------------------------------------------*/ .full_width { width: 100%; } .full_con { position: relative; width: 100%; } .half_full_con { width: 50%; padding: 0 50px; } .spacer10, .spacer20, .spacer30, .spacer40, .spacer50, .spacer60, .spacer70, .spacer80, .spacer90, .spacer100 { width: 100%; display: block; } .my_col_full { width: 100%; } .my_col_half { width: 50%; } .my_col_third { width: 33.3333%; } .my_col_half, .my_col_third { float: left; padding-right: 15px; position: relative; } .my_col_half:last-child, .my_col_third:last-child { padding-right: 0px; } .my_col_half.on_the_center, .my_col_third.on_the_center { float: none; clear: both; margin: 0 auto; padding: 0; } .spacer10 { height: 10px; } .spacer20 { height: 20px; } .spacer30 { height: 30px; } .spacer40 { height: 40px; } .spacer50 { height: 50px; } .spacer60 { height: 60px; } .spacer70 { height: 70px; } .spacer80 { height: 80px; } .spacer90 { height: 90px; } .spacer100 { height: 100px; } .white_section h1, .white_section h2, .white_section h3, .white_section h4, .white_section h5, .white_section h6 { color: #fff; } .content table { width: 100%; margin: 0; text-align: left; } h1, h2, h3, h4, h5, h6 { color: #324545; } 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: #e74c3c; } input[type="text"]:focus, input[type="date"]:focus, input[type="email"]:focus, input[type="number"]:focus, textarea:focus, input[type="password"]:focus { border-color: #004E9E; color: #324545; } .white_section { color: rgba(255, 255, 255, 0.7); background: #42484d; } .theme_option { display: none; } .table_container { background: #fff; border: 1px solid #E7E7E7; border-width: 1px; padding: 15px; } [class^="send_button"] i, [class*=" send_button"] i { margin-right: 11px; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance: textfield; } .margin_left_a { margin-left: 15px; } /* Mozilla dosen't style place holders by default */ input:-moz-placeholder { color: #a9a9a9; } textarea:-moz-placeholder { color: #a9a9a9; } .hm-tabs li .col-md-6, .panel-body .col-md-6 { padding: 0; } .f_left { float: left; } .f_right { float: right; } #sidebar { padding-top: 4px; } .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: #004E9E; } .content { padding: 0 15px; } .no_padding { padding-right: 0px; padding-left: 0px; } .content_hidden { margin: 0; overflow: hidden; } .content, .container { margin: 0 auto; max-width: 1170px; position: relative; width: 100%; -webkit-transform: translateZ(0); } .content_section { position: relative; } #main_wrapper { overflow: hidden; background: #fff; } .animated { visibility: hidden; display: block; } .visible { visibility: visible; display: block; } .bg_gray { background: #f9fafc; border-bottom: 1px solid #eaebed; border-top: 1px solid #eaebed; } .upper { text-transform: uppercase; } .has_just_main_title.content { padding-bottom: 15px; } .icons_spacer { margin-bottom: -45px; padding-bottom: 90px; padding-top: 20px; } .row_spacer { padding-bottom: 90px; padding-top: 90px; } .row_spacer2 { padding-bottom: 40px; padding-top: 40px; } .row_spacer_t { padding-top: 90px; } .row_spacer_b { padding-bottom: 90px; } .content_spacer { padding-top: 50px; padding-bottom: 70px; } .bg_overlay { background: rgba(0, 0, 0, 0.6); position: relative; color: #eeeeee; } .bg_overlay:after { background: rgba(0, 0, 0, 0.1); content: ""; display: block; position: absolute; width: 100%; height: 5px; top: 0; } .bg_overlay:before { background: rgba(0, 0, 0, 0.1); content: ""; display: block; position: absolute; width: 100%; height: 1px; bottom: 0; } .bg_overlay_b { background: rgba(0, 0, 0, 0.6); position: relative; color: #eeeeee; } .bg_overlay1 { background: rgba(0, 0, 0, 0.4); position: relative; color: #eeeeee; } .bg_overlay2 { background: rgba(0, 0, 0, 0.2); position: relative; } .bordered_btn_black { border: 2px solid rgba(0, 0, 0, 0.1); color: #777; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_black:hover { border-color: #004E9E; color: #004E9E; } .bordered_btn_enar { border: 2px solid #004E9E; color: #004E9E; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_enar:hover { border-color: #fff; color: #fff; } .bordered_btn_white { border: 2px solid #fff; color: #fff; display: inline-block; padding: 15px 20px; font-size: 14px; } .bordered_btn_white:hover { border-color: #004E9E; color: #004E9E; } .has_top_border { border-top: 1px solid #e7e7e7; } .border_b_n { border-bottom: none; } .border_t_n { border-top: none; } .no_border { border: none !important; } .shadow1 { box-shadow: 0 0 11px rgba(0, 0, 0, 0.1); } .italic { font-style: italic; } .centered { text-align: center; } .bold { font-weight: 700; } .light { font-weight: 300; } .align_right { text-align: right; } .btn_space { margin-top: 25px; margin-bottom: 15px; } [class^="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; } .tab_img { float: left; padding: 0 25px 8px 0; width: 33%; } /*------------------------------------------------------------- Logo -------------------------------------------------------------*/ #logo { float: left; margin-right: 45px; position: relative; z-index: 4; } #logo > a { display: block; margin-top: 13px; position: relative; height: 45px; } #logo > a img { display: inline-block; position: relative; top: 0; max-height: 100%; } .full_logo { display: inline-block; height: 60px; vertical-align: top; } .full_logo img { max-height: 100%; } /*------------------------------------------------------------- Back Top -------------------------------------------------------------*/ .hm_go_top { display: inline-block; height: 43px; width: 43px; position: fixed; bottom: 20px; right: 20px; background: #004E9E url(../images/hm-top-arrow.svg) no-repeat center 50%; visibility: hidden; opacity: 0; z-index: 1; -webkit-transform: translateZ(0); } .hm_go_top.hm_go_is-visible { visibility: visible; opacity: 1; } .hm_go_top:hover { opacity: .8; } /*------------------------------------------------------------- Logo Light & Dark -------------------------------------------------------------*/ .light_header #logo .logo_light, body #logo .logo_dark { opacity: 1; } .light_header #logo .logo_dark { opacity: 1; } #logo .logo_dark { position: absolute; } /*------------------------------------------------------------- Boxed Width -------------------------------------------------------------*/ .site_boxed #main_wrapper { border-left: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; margin: 0 auto; max-width: 1170px; width: 100%; } .site_boxed .icon_boxes_con { padding-right: 5px; padding-left: 5px; } .site_boxed .welcome_banner .content { padding-right: 20px; padding-left: 20px; } .site_boxed .content.no_padding { padding-right: 5px; padding-left: 5px; } .site_boxed .content { padding-right: 20px; padding-left: 20px; } .site_boxed .container > .rows_container { padding-left: 5px; padding-right: 5px; } .site_boxed .tp-banner-container.content { padding: 0; } .site_boxed .shop_slider { padding-left: 5px; padding-right: 5px; } .site_boxed .top_cart_con { border-width: 1px 0 1px 1px; } /*------------------------------------------------------------- Core Owl Carousel -------------------------------------------------------------*/ .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapperafter { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -webkit-transform: translateZ(0); } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .grabbing { cursor: move; } .owl-carousel .owl-item { float: left; } /*------------------------------------------------------------- Sections BG Color -------------------------------------------------------------*/ .bg_color1 { background: #303939; } .bg_color2 { background: #39354c; } .bg_color3 { background: #2B9CA2; } .bg_color4 { background: #576162; } .bg_color5 { background: #55495C; } .bg_color6 { background: #EFF6FB; } .bg_color7 { background: #e74c3c; } .bg_color8 { background: #38414d; } .bg_color9 { background: #38414d; } .bg_color10 { background: #3C464D; } .bg_color11 { background: #684060; } .bg_color12 { background: #2D2D3A; } .bg_color13 { background: #2C3E50; } .bg_color14 { background: #004E9E; } /*------------------------------------------------------------- Sections BG Image -------------------------------------------------------------*/ .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"); } /*------------------------------------------------------------- Header BG Image -------------------------------------------------------------*/ .bg_header1 { background-image: url("../images/pitched-tile-roofing.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); } .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: #004E9E; display: block; font-size: 32px; height: 76px; line-height: 76px; text-align: center; width: 76px; } .has_col_img.on_desktop > img { bottom: 0; max-width: 50%; position: absolute; } /*------------------------------------------------------------- Titles -------------------------------------------------------------*/ .main_title.light h2, .title1.light, h2.title2 { font-weight: 300; } h2.title2 { font-size: 32px; margin-bottom: 30px; } h2.title2 span.red { background: #e74c3c; } h2.title2 span { background: #004E9E; margin-right: 20px; padding: 8px 17px 7px; color: #fff; } .main_title.no_line h2 { padding-bottom: 0; margin-bottom: 20px; } .main_title.no_line .line { display: none; } .main_title h2 .icon { color: #004E9E; font-size: 24px; margin-right: 15px; } .main_title.medium h2 { font-size: 24px; } .main_title.small h2 { font-size: 22px; } .main_title.small:not(.no_line) h2 { margin-bottom: 35px; } .main_title h2 { color: #324545; font-size: 30px; font-weight: 400; letter-spacing: 1px; margin-bottom: 20px; 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: #004E9E; display: block; font-size: 20px; height: 40px; line-height: 40px; position: absolute; text-align: center; top: -20px; width: 40px; } .main_title.align_right .line i { padding-left: 13px; padding-right: 0; right: 0; } .main_title:not(.centered):not(.align_right) .line i { padding-right: 13px; width: auto; } .main_title.side_line > h2 { margin-bottom: 23px; } .main_title h2 .line { background: rgba(0, 0, 0, 0.07); bottom: 0; height: 1px; position: absolute; width: 33%; } .main_title .line:before { background: #1cc6df; content: ""; display: block; height: 1px; position: absolute; width: 100px; } .main_title.align_right .line:before { right: 0; } .main_title.has_bg.align_right .line:before { right: 20px; } .main_title .dot { background: #fff; border: 1px solid #1cc6df; height: 10px; position: absolute; top: -5px; width: 10px; } .main_title.align_right .dot { right: 0; } .main_title h2:hover .line:before { width: 75%; } .main_title.side_line h2:after { left: -65px; } .main_title.side_line h2:before { right: -65px; } .main_title.side_line.align_right h2:before { left: -65px; right: auto; } .main_title.lato h2 { font-weight: 300; font-family: "lato", sans-serif; } .main_title.short_line h2 { display: inline-block; } .main_title.side_line h2 { display: inline-block; } .main_title.side_line h2 { padding-bottom: 5px; } .main_title.side_line .line:before { background: none; } .main_title.side_line .line { background: none; } .main_title.short_line .line:before { background: none; } .main_title.has_bg > h2 { padding: 16px 18px 18px; display: inline-block; } .main_title.has_bg .line { background: none; } .main_title.has_bg .line:before { background: none; border-style: solid; border-width: 12px 50px 0; border-color: transparent; } .main_title.gray_bg > h2 { background: #eeeeee; } .main_title.blue_bg > h2 { background: #004E9E; color: #fff; } .main_title.gray_bg .line:before { border-color: #eeeeee transparent transparent; } .main_title.blue_bg .line:before { border-color: #004E9E transparent transparent; } .centered .main_title.side_line h2:after, .main_title.side_line.centered h2:after, .main_title.side_line h2:before { background: #324545; content: ""; display: block; height: 1px; position: absolute; top: 15px; width: 50px; } .white_section .main_title h2 { color: #fff; } .white_section .main_title:not(.has_bg):not(.side_line) h2 .line { background: rgba(255, 255, 255, 0.1); } .white_section .centered .main_title.side_line h2::after, .white_section .main_title.side_line.centered h2::after, .white_section .main_title.side_line h2::before { background: rgba(255, 255, 255, 0.2); } .bg_gray .main_title .line i { background: #f9fafc; } .centered .main_title .line i { padding-right: 0px; width: 40px; } .align_right h2 .line { right: 0; } .bg_color7 .main_title .line:before { background: rgba(0, 0, 0, 0.2); } .title1 { color: #004E9E; font-size: 20px; font-weight: 400; margin: 0 0 13px; font-family: "Oswald", "Open Sans", sans-serif; line-height: 33px; } .title1 span { color: #888888; } .title1.title_color1 { color: #e74c3c; } .title1.title_color2 { color: #324545; } .title1 i { font-size: 32px; margin-right: 15px; } .description1, .description2, .description3 { display: block; font-size: 18px; font-weight: 300; line-height: 34px; margin: 15px 0 30px; } .description2, .description3 { background: #f9fafc; border-top: 1px solid #004E9E; padding: 10px; position: relative; } .description4 { display: block; line-height: 24px; margin: 15px 0px 50px; width: 96%; } .description4.centered { margin: 15px auto 25px; } .description4.align_right { padding-left: 50%; width: 100%; } .description2:after { border-color: transparent transparent #004E9E; border-style: solid; border-width: 4px; content: ""; display: block; left: 50%; position: absolute; top: -9px; } .description3:not(.centered):after { left: 0; } .description3:after { background: #004E9E; content: ""; display: block; height: 1px; position: absolute; top: -7px; width: 30%; } .main_desc { margin: 0 auto 40px; font-family: "lato", sans-serif; font-size: 24px; font-weight: 300; line-height: 1.5; } .main_desc p { font-family: "lato", sans-serif; font-size: 24px; font-weight: 300; line-height: 1.5; margin: 0 auto 20px; } .half_desc { width: 75%; margin: 0 auto; } /*------------------------------------------------------------- Buttons -------------------------------------------------------------*/ .hidden_element { color: transparent; color: rgba(0, 0, 0, 0); position: relative; display: block; line-height: 20px; } .send_button { background: #004E9E; border: 1px solid #004E9E; color: #fff; padding: 8px 12px; font-size: 14px; display: inline-block; } .send_button:hover { background: #324545; border-color: #324545; color: #fff; } .send_button2 { background: #fff; border: 1px solid #004E9E; color: #004E9E; font-size: 14px; padding: 9px 12px; } .send_button2:hover { color: #324545; border-color: #324545; } .send_button3 { background: #324545; color: #fff; border: 1px solid #324545; padding: 8px 14px; } .send_button3:hover { background: #004E9E; border-color: #004E9E; color: #fff; } .send_button4 { background: #88999a; color: #fff; border: 1px solid #88999a; padding: 9px 12px; } .send_button4:hover { background: #576162; border-color: #576162; color: #fff; } .acc_content .send_button3 { display: inline-block; margin: 20px 0 5px; } .arrow_btn { font-size: 13px; color: #444444; margin-top: 10px; display: inline-block; } .arrow_btn i { margin-right: 8px; } .white_section .arrow_btn, .team_block .back .arrow_btn { color: #fff; } .arrow_button { margin-top: 30px; display: block; text-align: center; border: 1px solid #004E9E; padding: 8px 0 10px; background: rgba(0, 0, 0, 0.2); } .arrow_button > span { display: inline-block; position: relative; } .arrow_button > span i { position: absolute; top: 2px; } .arrow_button > span i:first-child { left: 0px; opacity: 1; } .arrow_button > span i:last-child { right: 10px; opacity: 0; } .arrow_button > span > span { padding: 0 20px; font-style: italic; } .arrow_button:hover > span i:last-child { right: 0px; opacity: 1; } .arrow_button:hover > span i:first-child { left: 10px; opacity: 0; } .arrow_button:hover > span > span { color: #fff; } /*------------------------------------------------------------- Pgination -------------------------------------------------------------*/ #pagination { margin-top: 60px; } .pagination li { float: left; margin-right: 4px; } .pagination li a, .pagination li a:hover, .pagination li.active a, .pagination li.disabled, .pagination li.page_of { background: #fff; border: 1px solid #DDDDDD; color: #444444; display: inline-block; font-size: 13px; line-height: 42px; height: 43px; min-width: 43px; padding: 0 11px; text-align: center; } .pagination li.page_of { margin-right: 4px; } .pagination li.next_pagination > a, .pagination li.prev_pagination > a { color: #aaa; } .pagination li a:hover, .pagination li.active a, .pagination li.next_pagination > a:hover, .pagination li.prev_pagination > a:hover { background: #004E9E; border-color: #004E9E; color: #fff; } /*------------------------------------------------------------- Select Options -------------------------------------------------------------*/ .orderby_label { display: block; position: relative; width: 250px; font-weight: normal; } .orderby_label:before { background: #fff; content: "\e6e9"; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 1px solid #ddd; display: block; font-family: idealtheme; font-size: 16px; height: 100%; line-height: 38px; pointer-events: none; position: absolute; right: 1px; text-align: center; top: 0; width: 38px; max-height: 42px; } .orderby_label select { border: 1px solid #ddd; color: #888; min-height: 40px; padding: 9px; width: 100%; background: #fff; } /*------------------------------------------------------------- Social Share -------------------------------------------------------------*/ #share_on_socials a { background: #fff; border: 1px solid #E1E1E1; color: #aaa; display: inline-block; height: 40px; line-height: 40px; margin: 0 6px 6px 0; text-align: center; width: 40px; } #share_on_socials a:last-child { margin-right: 0; } #share_on_socials a.facebook { color: #516ca4; } #share_on_socials a.twitter { color: #00baff; } #share_on_socials a.googleplus { color: #ed523d; } #share_on_socials a.pinterest { color: #ee1d19; } #share_on_socials a.linkedin { color: #1985bc; } #share_on_socials a.email { color: #16a9a9; } #share_on_socials a.stumbleupon { color: #ec4823; } #share_on_socials a.digg { color: #1b5891; } #share_on_socials a.reddit { color: #fc4403; } #share_on_socials a.evernote { color: #79d626; } #share_on_socials a.delicious { color: #3399fe; } #share_on_socials a.tumblr { color: #395875; } #share_on_socials a.dribbble { color: #ed659a; } #share_on_socials a.github { color: #4183c4; } #share_on_socials a.instagram { color: #406f94; } #share_on_socials a.skype { color: #44bbff; } #share_on_socials a.vimeo { color: #35bbf0; } #share_on_socials a.youtube { color: #f02a06; } #share_on_socials a.rss { color: #ff9d00; } #share_on_socials a.facebook:hover { border-color: #516ca4; } #share_on_socials a.twitter:hover { border-color: #00baff; } #share_on_socials a.googleplus:hover { border-color: #ed523d; } #share_on_socials a.pinterest:hover { border-color: #ee1d19; } #share_on_socials a.linkedin:hover { border-color: #1985bc; } #share_on_socials a.email:hover { border-color: #16a9a9; } #share_on_socials a.stumbleupon:hover { border-color: #ec4823; } #share_on_socials a.digg:hover { border-color: #1b5891; } #share_on_socials a.reddit:hover { border-color: #fc4403; } #share_on_socials a.evernote:hover { border-color: #79d626; } #share_on_socials a.delicious:hover { border-color: #3399fe; } #share_on_socials a.tumblr:hover { border-color: #395875; } #share_on_socials a.dribbble:hover { border-color: #ed659a; } #share_on_socials a.github:hover { border-color: #4183c4; } #share_on_socials a.instagram:hover { border-color: #406f94; } #share_on_socials a.skype:hover { border-color: #44bbff; } #share_on_socials a.vimeo:hover { border-color: #35bbf0; } #share_on_socials a.youtube:hover { border-color: #f02a06; } #share_on_socials a.rss:hover { border-color: #ff9d00; } .social_share_btn { background: #fff; border: 1px solid #e1e1e1; display: inline-block; font-size: 13px; line-height: 40px; min-height: 40px; margin-right: 15px; padding: 0 18px; position: relative; } .social_share_btn:after, .social_share_btn:before { content: ""; height: 11px; position: absolute; top: 15px; transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); width: 11px; } .social_share_btn:after { background: #fff; right: -4px; } .social_share_btn:before { background: #ddd; right: -5px; } .social_media a { background: #fff; border: 1px solid #ddd; color: #777; display: inline-block; width: 37px; height: 37px; line-height: 37px; text-align: center; margin: 0 7px 7px 0; font-size: 14px; } .social_media a:last-child { margin-right: 0; } .social_media a:hover { color: #004E9E; border-color: #004E9E; } /*------------------------------------------------------------- Video Block Lightbox -------------------------------------------------------------*/ .vid_con { display: block; position: relative; overflow: hidden; } .vid_con:after { background: #004E9E; content: ""; display: block; height: 100%; left: 0; opacity: 0.4; position: absolute; top: 0; width: 100%; } .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; background: #fff; color: #004E9E; font-size: 20px; height: 50px; line-height: 50px; position: absolute; text-align: center; text-indent: 6px; width: 50px; z-index: 1; } .vid_con .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%); } .vid_con .vid_type_icon { color: #fff; font-size: 20px; left: 15px; position: absolute; top: 15px; z-index: 1; } /*------------------------------------------------------------- Page Title -------------------------------------------------------------*/ .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:not(.has_bg_image) { background: #fbfbfb; } .page_title.has_bg_image { padding: 5px 0; } .page_title.has_bg_image.member_header { padding: 150px 0 145px; } .page_title.has_bg_image::after { background: rgba(255, 255, 255, 0.1); content: ""; display: block; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .page_title.has_bg_image h1 { letter-spacing: 1px; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1); text-transform: uppercase; font-family: "Oswald", "Open Sans", sans-serif; font-size: 32px; 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; } .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: #444444; } .page_title .breadcrumbs .crumbs-spacer { color: #ccc; margin: 0 4px; vertical-align: middle; } .white_section.page_title h1, .white_section.page_title .breadcrumbs, .white_section.page_title .breadcrumbs a, .white_section.page_title .breadcrumbs a:hover { color: #fff; } blockquote { padding: 20px 0; position: relative; margin: 30px 0; font-size: 17.5px; line-height: 32px; } blockquote.font_kalam { font-family: "Kalam", cursive; font-size: 2.5em; line-height: 50px; margin: 0 auto; text-align: center; padding: 0; } blockquote footer { font-size: 20px; } blockquote p { line-height: inherit; } blockquote > i { color: #004E9E; font-size: 32px; position: absolute; top: 28px; } blockquote .quote_text { color: #888; display: block; font-style: italic; font-weight: 300; padding-left: 45px; } .white_section blockquote { color: rgba(0, 0, 0, 0.7); } /*------------------------------------------------------------- Small Title -------------------------------------------------------------*/ .small_title { margin-bottom: 20px; margin-top: 20px; position: relative; } .small_title:after { background: #eee; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50%; width: 100%; } .small_title .small_title_con { background: #fff; display: inline-block; padding-right: 15px; position: relative; z-index: 1; } .small_title.align_right .small_title_con { padding-left: 15px; padding-right: 0; direction: rtl; } .small_title.align_right .s_icon { direction: ltr; } .small_title.align_right .s_icon { margin-left: 10px; margin-right: 0; } .small_title .small_title_con .s_text { color: #999; font-size: 13px; text-transform: uppercase; } .small_title .s_icon { color: #b5b5b5; display: inline-block; font-size: 15px; height: 40px; line-height: 40px; text-align: left; margin-right: 7px; } .internal_post_con .small_title .small_title_con .s_text { color: #555555; } .centered .small_title_con { padding-left: 15px; } .bg_gray .small_title .small_title_con { background: #f9fafc; } .page_title + .bg_gray { border-top: medium none; } /*------------------------------------------------------------- Magnific Lightbox -------------------------------------------------------------*/ .magnific-popup { display: inline-block; position: relative; overflow: hidden; } .ajax_content_container { background: #fff; margin: 0 auto; width: 50%; } .hm_script_loaded .ajax_content_container { opacity: 0; } .small-dialog h2 { font-weight: 400; font-size: 2em; padding: 0 0 17px; margin: 0; } .boxedcontainer { max-width: 1170px; margin: auto; padding: 0px 30px; } /*------------------------------------------------------------- Revolution 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 Page -------------------------------------------------------------*/ .page404 { color: #004E9E; font-family: "Oswald", "Open Sans", sans-serif; font-size: 300px; text-align: center; position: relative; } /*------------------------------------------------------------- Login Page -------------------------------------------------------------*/ .lfc_user_row { position: relative; } .lfc_user_row:not(:last-of-type) { margin-bottom: 20px; } .lfc_user_row input[type="text"], .lfc_user_row input[type="password"] { color: #888; font-weight: 500; padding-left: 40px; width: 100%; } .lfc_user_row input.input_no_icon { padding-left: 13px; } .login_form_colored { background: #fff; border: 1px solid #e1e1e1; padding: 20px; position: relative; } .login_form_colored input[type="checkbox"] { display: inline-block; margin: 3px 5px 4px 0; } .login_form_colored .remember-box { display: inline-block; font-size: 13px; line-height: 20px; padding: 10px 0; } .login_form_colored label { display: block; text-align: left; } i.lfc_icon { bottom: 1px; display: block; font-size: 14px; height: 100%; color: #004E9E; left: 1px; line-height: 39px; position: absolute; text-align: center; top: 1px; width: 40px; } .lfc_forget_pass { background: #F9F9F9; border-top: 1px solid #e1e1e1; color: #888; display: block; font-size: 13px; margin: 20px -20px -20px; padding: 15px 20px; text-align: left; } .lfc_forget_pass:hover { color: #555555; } .lfc_header { background: #F9F9F9; border-bottom: 1px solid #e1e1e1; color: #555555; display: block; margin: -20px -20px 0; padding: 15px 20px; text-transform: uppercase; } .login_flip { position: absolute; width: 100%; } .flip_top { z-index: 3; } /*------------------------------------------------------------- Lists -------------------------------------------------------------*/ ul.list1 { padding: 20px 0; } ul.list1 li { float: left; margin-bottom: 20px; padding: 0 27px; position: relative; width: 50%; } ul.list1 li:after { background: #004E9E; 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; } .list2 { list-style-type: none; margin-top: 20px; } .list2 li { list-style-type: none; } .list2 li i { color: #004E9E; display: inline-block; font-size: 24px; margin-bottom: 5px; margin-right: 7px; vertical-align: top; } .list3 > li { list-style: none; position: relative; padding: 0 0 0 27px; margin-bottom: 10px; } .list3 > li .arrow { background: #e74c3c; color: #fff; display: inline-block; font-size: 9px; height: 18px; line-height: 19px; margin: 0 10px 10px 0px; text-align: center; text-indent: 1px; width: 18px; } .list3 li:after { background: #e74c3c; color: #fff; content: "\e095"; font-family: idealtheme; font-size: 9px; height: 18px; left: 0; line-height: 18px; position: absolute; text-align: center; text-indent: 1px; top: 3px; width: 18px; } .list4 > li { list-style: outside none none; margin-bottom: 15px; } .list4 > li > i { color: #004E9E; font-size: 18px; margin-right: 8px; } .list4 > li > b { color: #666; margin-right: 10px; text-transform: uppercase; } /*------------------------------------------------------------- Preloader -------------------------------------------------------------*/ .preloader2 #preloader, .preloader1 #preloader, .preloader3 #preloader { display: block; } #preloader { background: #ffffff; 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: #004E9E; 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: -1s; animation-delay: -1s; } .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); } } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% { transform: scaleY(1); -webkit-transform: scaleY(1); } } /*-------------------------------------------------[ 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: #E30420; 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 #004E9E; 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 #004E9E; 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); } } /*------------------------------------------------------------- Top Bar -------------------------------------------------------------*/ .topbar { background: #101215; position: relative; z-index: 1001; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .top-socials { text-align: right; } .top_expande { background: #fff; border-top: 1px solid #e4e4e4; display: none; height: 20px; width: 100%; cursor: pointer; color: #004E9E; position: relative; font-size: 16px; } .top_expande.not_expanded { background: #F9F9F9; } .top_expande i { left: 50%; margin-left: -4px; position: absolute; top: 1px; } .top_expande.not_expanded i.no_exp, .top_expande:not(.not_expanded) i.exp { opacity: 1; } .top_expande.not_expanded i.exp, .top_expande i.no_exp { opacity: 0; } .topbar.white_topbar { background: #fff; } .topbar.large_topbar { padding: 25px 0; } .topbar .top_login > i { font-size: 13px; } .topbar #logo > a { max-height: 60px; display: inline-block; vertical-align: top; } .topbar #logo > a img { display: block; max-width: 100%; position: relative; vertical-align: top; max-height: 60px; } .top_details .title, .top_details .title a, .top_details > span > a, .top_details > span, .top_details > div, .top_details > div > a { color: #777777; } .top_details > span > a { text-transform: uppercase; } .top_details > span .icon.ico-key8 { font-size: 13px; } .top_details > span, .top_details > div { display: inline-block; margin-right: 40px; padding: 12px 0; font-size: 11px; } .top_details .title { margin: 0 5px 0 0px; text-transform: uppercase; } .top_details > span .icon { margin-right: 8px; } .top_details .top_login_title { margin-right: 0; } .top-socials > a { color: #808c8c; display: inline-block; font-size: 14px; 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 > a > span.soc_icon_bg { background: #000000; display: block; content: ""; width: 32px; height: 32px; line-height: 32px; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; } .top-socials > a > i { position: relative; z-index: 1; } .top-socials > a:hover > span.soc_name { width: auto; padding-left: 28px; opacity: 1; } .top-socials > a:hover > span.soc_icon_bg { top: 0px; left: 0px; opacity: 1; } .top-socials > a:last-child > span.soc_name { right: 11px; left: auto; } .top-socials > a:last-child:hover > span.soc_name { padding-left: 12px; padding-right: 28px; } .top-socials a:last-child span.soc_name:before { display: none; } .top-socials span.soc_name:after, .top-socials span.soc_name:before { background: #070809; content: ""; display: block; height: 32px; position: absolute; top: 0; width: 32px; z-index: -1; } .top-socials span.soc_name:after { right: -12px; } .top-socials span.soc_name:before { left: -14px; } .zoom-anim-dialog.login_popup { background: none; padding: 0; } /*------------------------------------------------------------- Light Header - Top Bar -------------------------------------------------------------*/ .light_header .topbar { background: #f9f9f9; border-bottom: 1px solid #e4e4e4; } .light_header .top-socials > a > span.soc_icon_bg { background: rgba(0, 0, 0, 0.15); } .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: #004E9E; color: #fff; } .topbar.topbar_colored { background: #004E9E; border-bottom: none; } .topbar_colored .top_details .title, .topbar_colored .top_details .title a, .topbar_colored .top_details > span > a, .topbar_colored .top_details > span, .topbar_colored .top_details > div > a, .topbar_colored .top_details > div { color: #fff; } .topbar_colored .top-socials > a { color: #fff; } .topbar_colored .top-socials span.soc_name:after, .topbar_colored .top-socials span.soc_name:before, .topbar_colored .top-socials > a > span.soc_name { background: #00918f; color: #fff; text-shadow: none; } .topbar_colored .top-socials > a > span.soc_icon_bg { background: rgba(0, 0, 0, 0.15); } /*------------------------------------------------------------- Light Header ( Language Select ) -------------------------------------------------------------*/ .light_header .languages-select .languages-panel-con { background: #004E9E; } .light_header .languages-select li a, .light_header .languages-select .languages-panel-con .lang_checked { color: #fff; } .topbar_colored .languages-select .languages-panel-con { background: #00918f; } /*------------------------------------------------------------- Top Bar ( languages select ) -------------------------------------------------------------*/ .languages-select { margin-right: 40px; position: relative; z-index: 1; } .languages-select > span { cursor: pointer; text-transform: uppercase; } .languages-select > span i { display: inline-block; font-size: 13px; margin: 1px 8px 0 0; vertical-align: top; } .languages-select .languages-panel { left: 0; margin: 7px 0 0; min-width: 135px; opacity: 0; padding-top: 5px; pointer-events: none; position: absolute; display: block; } .languages-select .lang_checked { color: #004E9E; float: right; margin-top: 3px; } .languages-select .languages-panel-con { margin: 0px 0px 0px 0px; position: relative; } .languages-select:hover .languages-panel { opacity: 1; pointer-events: auto; } .languages-select li a { color: #444444; display: block; font-size: 13px; font-style: italic; padding: 5px 12px 7px; } .languages-select li.active a, .languages-select li a:hover { background: rgba(0, 0, 0, 0.1); } /*------------------------------------------------------------- Navigation -------------------------------------------------------------*/ #navigation_bar { background: #1a2023; position: relative; z-index: 1000; -webkit-transform: translateZ(0); } #navy { font-size: 12px; text-transform: uppercase; } #navy li { float: left; position: relative; } #navy ul { z-index: 1; background: #fff; border: 1px solid #E4E4E4; left: 0; position: absolute; width: 270px; } #navy ul li { width: 100%; } #navy ul li a { position: relative; color: #555555; display: block; font-weight: 500; line-height: 40px; padding: 0 15px; border-bottom: 1px solid #e2e2e2; } #navy ul li .parent_arrow { position: absolute; right: 11px; top: 16px; } #navy ul li .mega_arrow { background-image: url("../images/m_d_arrow.png"); height: 9px; position: absolute; right: 20px; width: 9px; } #navy ul li .normal_menu_arrow { background-image: url("../images/m_s_arrow.png"); height: 9px; position: absolute; width: 5px; } #navy ul li.tab_menu_item.active .mega_arrow { background-image: url("../images/m_d_arrow_white.png"); } #navy ul li.normal_menu a:after { left: -1px; } #navy ul li ul { left: 100%; top: 0; } #navy ul li.normal_menu ul { top: -1px; } /* #navy ul li:not(.image_menu_slide) a:after { background: #004E9E; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 1px; } */ #navy > li:hover a:after, #navy > li.current_page_item > a:after { width: 100%; } #navy > li > a { position: relative; color: #fff; display: block; } #navy > li > a:after { content: ""; display: block; position: absolute; top: 0; background: #004E9E; height: 1px; width: 0; } #navy > li > a > span { padding: 28px 20px; display: block; font-weight: 600; } #navy > li > a > span.parent_arrow.normal_menu_arrow { display: none; } #navy ul li a:hover { background: rgba(0, 0, 0, 0.02); } #navy ul li a:hover, #navy ul li a:hover > .parent_arrow, #navy ul li a:hover i.menu_icon { color: #004E9E; } #navy ul li a:hover:after { opacity: 1; } #navy ul li a i.menu_icon { font-size: 14px; margin-right: 10px; color: #aaa; } #navy ul li:last-child > a, #navy ul.mega_menu li > a { border-bottom: none; } #navy li.normal_menu ul:after, #navy li.has_mega_menu > ul:after { background: #004E9E; content: ""; display: block; height: 1px; left: -1px; min-width: 100%; position: absolute; top: -1px; width: 220px; } #navy .tab_menu { border-top-width: 0px; } #navy .tab_menu_item.active > a:hover i { color: #fff; } #navy ul.mega_menu li:not(.go-back) > a:before, #navy .img_menu_i > a span:before { background-image: url("../images/m_s_arrow.png"); content: ""; display: block; height: 9px; position: absolute; width: 5px; } #nav_menu:not(.mobile_menu) #navy > li.current_page_item > a:not(.nav_trigger) > span, #nav_menu:not(.mobile_menu) #navy > li:hover > a:not(.nav_trigger) > span { background: rgba(255, 255, 255, 0.02); } #navy ul.mega_menu li.has-children > a:hover > .mega_toltip, #navy .tab_menu_item:not(.active) > a:hover > .mega_toltip { opacity: 1; right: 40px; } #navy > li.current_page_item > a:not(.nav_trigger), #navy > li:hover > a:not(.nav_trigger), #navy > li.current > a, .light_header #navy > li.current > a { color: #004E9E; } .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 #F2F2F2; } #navy .has_mega_menu ul.mega_menu, #navy ul.image_menu, #navy ul.tab_menu, #navy li.normal_menu ul { display: none; } #navy li.has_mega_menu, #navy li.has_tab_menu, #navy li.has_image_menu { position: inherit; } #top_cart + .top_search { right: 68px; } #top_cart + .top_search.large_top_search { padding-left: 83px; } #site_header + div, #site_header + section { clear: both; } .one_page_site #main_nav:not(.has_mobile_menu) { float: right; } .sticky_menu #navigation_bar { width: 100%; left: 0; right: 0; } .light_header #navigation_bar { background: #fff; border-bottom: 1px solid #E4E4E4; } /*------------------------------------------------------------- Mobile Menu Trigger -------------------------------------------------------------*/ .mobile_menu_trigger { display: none; } .nav_trigger { border: 1px solid rgba(255, 255, 255, 0.1); display: block; height: 38px; position: absolute; right: 0px; width: 38px; z-index: 3; font-size: 0; } .nav_trigger span, .nav_trigger span:before, .nav_trigger span:after { position: absolute; display: inline-block; height: 1px; width: 17px; background: #ccc; } .nav_trigger span { position: absolute; top: 19px; right: 10px; margin-top: -1px; padding: 0; -webkit-transition: background 0.3s 0.3s; -moz-transition: background 0.3s 0.3s; transition: background 0.3s 0.3s; } .nav_trigger span:before, .nav_trigger span:after { content: ''; right: 0; -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; -webkit-transition: -webkit-transform 0.3s 0.3s; -moz-transition: -moz-transform 0.3s 0.3s; transition: transform 0.3s 0.3s; } .nav_trigger span:before { top: -6px; } .nav_trigger span:after { top: 6px; } .nav_trigger.nav-is-visible span { background: rgba(46, 50, 51, 0); } .nav_trigger.nav-is-visible span:before { -webkit-transform: translateX(3px) translateY(0px) rotate(45deg); -moz-transform: translateX(3px) translateY(0px) rotate(45deg); -ms-transform: translateX(3px) translateY(0px) rotate(45deg); -o-transform: translateX(3px) translateY(0px) rotate(45deg); transform: translateX(3px) translateY(0px) rotate(45deg); } .nav_trigger.nav-is-visible span:after { -webkit-transform: translateX(3px) translateY(0px) rotate(-45deg); -moz-transform: translateX(3px) translateY(0px) rotate(-45deg); -ms-transform: translateX(3px) translateY(0px) rotate(-45deg); -o-transform: translateX(3px) translateY(0px) rotate(-45deg); transform: translateX(3px) translateY(0px) rotate(-45deg); } #top_cart + #main_nav .nav_trigger, .top_search + #main_nav .nav_trigger { right: 53px; } #top_cart + .top_search + #main_nav .nav_trigger { right: 122px; } .one_page_site .nav_trigger { right: 0; } /*------------------------------------------------------------- Mega Menu -------------------------------------------------------------*/ .mega_toltip { background: rgba(0, 0, 0, 0.3); color: #fff; font-size: 10px; letter-spacing: 1px; line-height: 13px; padding: 4px 6px; position: absolute; right: 30px; opacity: 0; } #navy ul.mega_menu { border-top: medium none; left: 15px; max-width: 1140px; overflow: hidden; position: absolute; } #navy ul.mega_menu li { position: static; } #navy ul.mega_menu > li:last-child > a { margin-bottom: 0; } #navy ul.mega_menu > li a { padding: 0 30px 0px 38px; } #navy ul.mega_menu > li > a { color: #004E9E; } #navy ul.mega_menu > li ul { border: none; box-shadow: none; left: auto; position: relative; top: auto; width: auto; } #navy ul.mega_menu > li { height: 100%; overflow: hidden; clear: none; float: left; width: 25%; position: relative; border-right: 1px solid #E4E4E4; padding: 15px 0; } #navy ul.mega_menu > li:last-child { border-right: none; } #navy ul.mega_menu > li > ul:after { background: none; } #navy ul.mega_menu li.go-back > a { color: #aaa; } #navy ul.mega_menu li.go-back > a:before { background-image: url("../images/d_m_d_arrow_back.png"); background-repeat: no-repeat; content: ""; display: block; height: 9px; position: absolute; width: 9px; left: 19px; } #navy ul.mega_menu li a:before { left: 22px; top: 15px; } #navy ul.mega_menu .moves-out > li > a { transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); } #navy ul.mega_menu ul ul { border: medium none; box-shadow: none; height: auto; left: 1px; position: absolute; top: 0; width: 100%; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; } #navy ul.mega_menu ul ul.is-hidden { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); } /*------------------------------------------------------------- Tabs Menu -------------------------------------------------------------*/ #navy .tab_menu { left: 15px; max-width: 1140px; width: 100%; } #navy .tab_menu .tab_menu_con { clear: both; float: left; width: 100%; height: 100%; } #navy .tab_menu .tab_menu_list { border-right: 1px solid #eee; border-bottom: none; border-top: none; border-left: none; box-shadow: none; left: 0; position: static; width: 25%; padding: 15px 0 30px; height: 100%; } #navy .tab_menu .tab_menu_item { clear: left; float: none; position: static; width: 100%; } #navy .tab_menu .tab_menu_item > a { padding: 0 22px; } #navy .tab_menu .tab_menu_item > a .parent_arrow { right: 20px; } #navy .tab_menu .tab_menu_item > a:hover { color: #004E9E; } #navy .tab_menu .tab_menu_item.active > a { background: #004E9E; color: #fff; } #navy .tab_menu .tab_menu_item.active > a i { color: #fff; } #navy .tab_menu .tab_menu_item:not(.active) > a:hover i { color: #004E9E; } #navy .tab_menu .tab_menu_item.active > ul { display: block; } #navy .tab_menu .tab_menu_item > ul { display: none; } #navy .tab_menu .tab_menu_list > li > ul { background: none; border: none; box-shadow: none; left: 25%; position: absolute; width: 75%; } #navy .tab_menu .tab_menu_list > li > ul > li > ul li { clear: both; float: none; } #navy .tab_menu .tab_menu_list > li > ul.html_content_menu > li { padding: 15px 20px; width: 100%; } #navy .tab_menu .tab_menu_list > li > ul > li > ul { height: auto; left: 0; position: relative; top: 100%; background: none; border: none; box-shadow: none; top: 0; } #nav_menu:not(.mobile_menu) .tab_menu_list > li > ul > li:not(.image_menu_slide) { clear: none; float: left; padding: 15px 0; width: 33.3333%; } /*------------------------------------------------------------- Images Slider Menu -------------------------------------------------------------*/ #navy .image_menu { left: 0; width: 100%; overflow: hidden; } #navy .image_menu .owl-next { right: -27px; border-left-width: 0; } #navy .image_menu .owl-next:after { box-shadow: 0 0 9px #ccc; content: ""; display: block; height: 100%; left: -20px; position: absolute; top: 0; width: 20px; } #navy .image_menu .owl-prev { left: -27px; border-right-width: 0; } #navy .image_menu .owl-prev:after { box-shadow: 0 0 9px #ccc; content: ""; display: block; height: 100%; right: -20px; position: absolute; top: 0; width: 20px; } #navy .image_menu .owl-prev, #navy .image_menu .owl-next { background: #fff; text-align: center; border: 1px solid #eee; -moz-box-shadow: 0 8px 20px 4px rgba(0, 0, 0, 0.07); -webkit-box-shadow: 0 8px 20px 4px rgba(0, 0, 0, 0.07); box-shadow: 0 8px 20px 4px rgba(0, 0, 0, 0.07); color: #004E9E; font-size: 17px; height: 145px; line-height: 145px; overflow: hidden; position: absolute; top: 20px; width: 27px; display: none; } #navy .image_menu .has_sub_img .owl-prev, #navy .image_menu .has_sub_img .owl-next { display: block; font-size: 13px; text-shadow: 0 0 4px rgba(0, 0, 0, 0.3); } #navy .image_menu .owl-pagination { display: none; } #navy .image_menu .owl-wrapper-outer { z-index: 1; } #navy .image_menu .image_menu_slide > .owl-wrapper-outer:after { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 20px; } #navy .image_menu .has_sub_img .owl-controls:before { border: 4px solid rgba(0, 0, 0, 0.4); content: ""; display: block; height: 48px; left: -4px; position: absolute; top: -4px; width: 48px; } #navy .image_menu .owl-buttons:after { clear: both; content: ""; display: block; height: 0; overflow: hidden; } #navy .image_menu .owl-carousel:after { background: #fff; content: ""; display: block; height: 100%; right: 0; position: absolute; top: 0; width: 20px; z-index: 1; } #navy .image_menu .img_menu_i { padding: 20px 10px 5px; } #navy .image_menu .img_menu_i:last-child { border-right: none; } #navy .image_menu .img_menu_i > a { border-bottom: none; padding: 0; } #navy .image_menu .img_menu_i > a.menu_imgs { background: rgba(0, 0, 0, 0.4); color: #fff; display: block; padding: 0 10px; position: absolute; text-align: center; width: 100%; z-index: 1; font-weight: 500; } #navy .image_menu .img_menu_i > a.menu_imgs:hover { color: #aaa; } #navy .image_menu .img_menu_i > a span { display: block; padding: 2px 0 0 15px; position: relative; } #navy .image_menu .img_menu_i > a span:before { left: 0px; top: 17px; } #navy .image_menu .img_menu_i a:after { background: none !important; } #navy .tab_menu_item .image_menu .owl-prev { height: 50px; left: auto; right: -27px; line-height: 50px; top: 80px; border-right-width: 1px; border-left-width: 0px; } #navy .tab_menu_item .image_menu .owl-prev:after { left: -20px; right: auto; } #navy .tab_menu_item .image_menu .owl-next { height: 50px; line-height: 50px; } #navy .tab_menu_item .image_menu .has_sub_img .owl-prev { line-height: 40px; top: auto; left: 0; } #navy .tab_menu_item .image_menu .has_sub_img .owl-next { line-height: 40px; top: auto; } /*------------------------------------------------------------- Sub Images Slider Menu -------------------------------------------------------------*/ #navy .has_sub_img .owl-controls { background: rgba(29, 205, 202, 0.8); height: 40px; left: 50%; position: absolute; top: 46%; width: 40px; z-index: 2; } #navy .has_sub_img .owl-prev, #navy .has_sub_img .owl-next { color: #fff; font-size: 10px; height: 40px; line-height: 40px; position: absolute; width: 20px; border: none; top: auto; background: none; } #navy .has_sub_img .owl-prev:hover, #navy .has_sub_img .owl-next:hover { opacity: .5; } #navy .has_sub_img .owl-next { right: 0; } #navy .has_sub_img .owl-prev { left: 0; } #navy .has_sub_img .owl-next:after, #navy .has_sub_img .owl-prev:after { display: none; } #navy .has_sub_img .owl-next i { margin-right: 8px; } #navy .has_sub_img .owl-prev i { margin-left: 8px; } #navy .has_sub_img .owl-item { border-right: none; } #navy .has_sub_img .img_menu_i { padding: 0px; } #navy .owl-item { border: none; } /*------------------------------------------------------------- Light Header ( Navigation ) -------------------------------------------------------------*/ .light_header #navy > li > a:after { display: none; } .light_header #navy > li > a { color: #324545; } .light_header #navy > li.current_page_item > a:not(.nav_trigger) > span:not(.normal_menu_arrow), .light_header #navy > li:hover > a:not(.nav_trigger) > span:not(.normal_menu_arrow) { background: none; } .light_header .top_search_con { background: #fff !important; border-color: #E4E4E4 !important; } .light_header .top_search_con input[type="text"]:focus { color: #808c8c !important; } .light_header .top_add_card, .nav_trigger { border-color: #ddd; } .light_header .top_add_card > span { background: #fff; border: 1px solid #e2e2e2; color: #777; line-height: 15px; } .light_header .top_add_card:hover, .light_header .active .top_add_card, .light_header .active .top_add_card > span { color: #004E9E; } /*------------------------------------------------------------- Navigation ( Dark Menu ) -------------------------------------------------------------*/ .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul { background: #13181A; border: none; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .owl-carousel:after, .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .image_menu_slide > .owl-wrapper-outer:after { background: #13181A; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .has_sub_img.owl-carousel:after { background: none; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .mega_menu li.go-back > a { background: rgba(0, 0, 0, 0.15); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy li.normal_menu ul:after, .dark_sup_menu #nav_menu:not(.mobile_menu) #navy li.has_mega_menu > ul:after { left: 0; top: 0; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li.normal_menu ul:after { left: -1px; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li a:after { background: none; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li:not(.image_menu_slide) a { border-bottom: 1px solid rgba(255, 255, 255, 0.03); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li:not(.image_menu_slide) a { color: #ccc; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy .tab_menu_list { background: rgba(0, 0, 0, 0.2); } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul.mega_menu > li > a { color: #fff; font-weight: bold; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul li:not(.tab_menu_item):hover > a { background: rgba(0, 0, 0, 0.2); color: #fff; } .dark_sup_menu #nav_menu:not(.mobile_menu) #navy ul.mega_menu > li:hover > a { background: none; color: #004E9E; } .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: #004E9E; } /*------------------------------------------------------------- Navigation ( Add To Cart ) -------------------------------------------------------------*/ .top_cart { position: absolute; right: 0; top: 37px; } .active .top_add_card { color: #fff; } .active .top_add_card > span { background: #fff; color: #777; text-shadow: none; } .top_add_card { border: 1px solid rgba(255, 255, 255, 0.07); color: #818b8d; display: block; font-size: 13px; height: 38px; line-height: 41px; position: absolute; right: 15px; text-align: center; text-indent: -2px; width: 38px; z-index: 6; } .top_add_card:hover { opacity: 0.9; color: #fff; } .top_add_card > span { background: #fff; color: #111; display: block; font-size: 9px; height: 18px; line-height: 17px; position: absolute; top: -12px; width: 18px; } .top_cart_con { display: none; background: #fff; border: 1px solid #ddd; max-width: 100%; min-width: 280px; position: absolute; right: 0; top: 37px; } .top_cart_header { background: #f8f8f8; border-bottom: 1px solid #e0e6ef; padding: 16px 20px; } .top_cart_header h3 { color: #233039; font-size: 13px; text-transform: uppercase; margin: 0; } .top_cart_block { padding: 20px; } .top_cart_footer { border-top: 1px solid #e0e6ef; padding: 16px 20px; background: #f8f8f8; } .top_cart_list img { border: 1px solid #e0e6ef; position: absolute; padding: 3px; top: 2px; } .top_cart_list > li { margin-bottom: 20px; min-height: 53px; position: relative; } .top_cart_list > li > a:hover .top_cart_title { color: #004E9E; } .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: #004E9E; font-size: 16px; line-height: 36px; } .top_cart_btn { background: #004E9E; border: none; color: #fff; padding: 8px 10px; } .top_cart_btn:hover { opacity: 0.9; } .top_catt_remove { background: #fff; border: 1px solid #dddddd; display: block; height: 20px; left: -30px; position: absolute; top: 0px; width: 20px; cursor: pointer; } .top_catt_remove:after, .top_catt_remove:before { background: #c9cbc4; content: ""; display: block; height: 2px; left: -1px; position: absolute; top: 8px; width: 10px; } .top_catt_remove:before { transform: translateX(5px) rotate(-45deg); -moz-transform: translateX(5px) rotate(-45deg); -webkit-transform: translateX(5px) rotate(-45deg); -ms-transform: translateX(5px) rotate(-45deg); -o-transform: translateX(5px) rotate(-45deg); } .top_catt_remove:after { transform: translateX(5px) rotate(45deg); -moz-transform: translateX(5px) rotate(45deg); -webkit-transform: translateX(5px) rotate(45deg); -ms-transform: translateX(5px) rotate(45deg); -o-transform: translateX(5px) rotate(45deg); } .top_catt_remove:hover { border-color: #004E9E; 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: #004E9E; } /*------------------------------------------------------------- Navigation ( Search Bar ) -------------------------------------------------------------*/ .top_search { top: 37px; position: absolute; right: 15px; width: 200px; } .top_search.large_top_search { width: 100% !important; z-index: 5; padding-left: 30px; } .top_search.small_top_search { width: 38px; z-index: 5; } .top_search.small_top_search .top_search_icon { color: #818b8d; } .top_search .top_search_con { background: #1a2023; border: 1px solid rgba(255, 255, 255, 0.07); float: right; height: 38px; position: relative; width: 100%; } .top_search .top_search_con input[type="text"] { background: none !important; border: medium none; height: 100%; width: 100%; padding: 1px 20px 0 40px; color: #818B8D; font-size: 12px; } .top_search .top_search_con input[type="text"]:focus { color: #eee; } .top_search .top_search_submit { border: medium none; padding: 0; position: absolute; width: 20px; left: 12px; opacity: 0; top: 9px; } .top_search .top_search_icon { color: #004E9E; font-size: 15px; left: 11px; position: absolute; top: 8px; } /* ---------------------------------------------------------------- Contact Us -----------------------------------------------------------------*/ .contact_details_row { margin-bottom: 40px; min-height: 75px; position: relative; } .contact_details_row .icon { top: 5px; color: #fff; display: block; font-size: 24px; height: 70px; position: absolute; width: 70px; background: #576162; text-align: center; line-height: 70px; } .contact_details_row .c_con { position: relative; padding-left: 90px; } .contact_details_row:last-child { margin-bottom: 0; } .c_con .c_title { display: block; font-size: 16px; color: #004E9E; margin-bottom: 8px; text-transform: uppercase; } .c_detail { line-height: 28px; display: block; } .c_detail .c_name { display: inline-block; color: #324545; margin-right: 10px; text-transform: capitalize; } .c_detail .c_desc { color: #9ea3a3; } .c_detail.inline_block { display: inline-block; margin-right: 30px; } .hm_contact_form { position: relative; } .label_space { display: block; margin-bottom: 10px; } .form_row { margin-top: 27px; } .form_row label:not(.orderby_label) { float: left; display: block; width: 20%; color: #999; line-height: 39px; } .form_row .orderby_label { float: left; width: 80%; } .form_row > span { display: inline-block; } .form_row label.error { color: #e74c3c; margin-bottom: 0; width: 80%; float: right; font-size: 13px; } .form_row .hm_input_text { color: #324545; width: 80%; font-weight: 600; } .form_row .hm_textarea { color: #324545; width: 80%; min-height: 200px; } .form_row #form-messages { margin-left: 20%; } .form_row input[type="radio"]:first-of-type, .form_row input[type="checkbox"]:first-of-type { margin-left: 0; } .form_row input[type="radio"], .form_row input[type="checkbox"] { display: inline-block; margin: 3px 5px 4px 15px; } .full_contact_form .form_row label { float: none; width: 100%; } .full_contact_form #form-messages { margin-left: 0; } .bg_gray .form_row label { color: #888; } .full_contact_form .form_row .hm_input_text, .full_contact_form .form_row .hm_textarea, .full_contact_form .form_row select, .form_row input[type="file"] { width: 100%; } .full_contact_form .form_row button, .full_contact_form .form_row input[type="submit"] { margin-left: 0; max-width: 100%; } .hm_requires_star { color: #e74c3c; } .my_col_half label.error, .full_contact_form label.error { float: none; } .form_row:first-child { margin-top: 0; } #form-messages.send_success { border: 2px solid #44a244; color: #555; padding: 14px 20px 15px; } .form_row button, .form_row input[type="submit"] { max-width: 80%; margin-left: 20%; } .full_button { width: 100%; } .form_loader { background: url("../images/camera-loader.gif") no-repeat center center rgba(255, 255, 255, 0.6); display: none; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 5; } /* ---------------------------------------------------------------- Footer -----------------------------------------------------------------*/ #footer { position: relative; width: 100%; background: #191E21; overflow: hidden; color: #989898; font-size: 13px; } #footer .footer_copyright { padding: 20px 0px; background: rgba(0, 0, 0, 0.25); position: relative; } #footer .footer_copyright.has_social_icons { padding: 21px 0; } #footer .tagcloud { margin-top: -5px; } #footer .tagcloud a { margin: 5px 5px 0px 0; } #footer .tagcloud a .tag { background: rgba(0, 0, 0, 0.5); border-color: rgba(255, 255, 255, 0); color: #989898; font-size: 11px; overflow: hidden; padding: 9px 11px; text-transform: uppercase; position: relative; vertical-align: top; font-weight: 500; } #footer .tagcloud a:hover .tag { color: #fff; border-color: #004E9E; } #footer:after { height: 5px; width: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); content: ""; position: absolute; } .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; text-align: left; } .footer_row .top-socials > a { background: rgba(0, 0, 0, 0.4); margin-right: 5px; margin-top: 0px; } .footer_row:first-child { border-top: 0; padding-top: 0; } .newsletter_con { overflow: hidden; position: relative; margin-top: 20px; } .newsletter_con > input { width: 100%; font-size: 13px; padding: 8px 50px 8px 12px; } .newsletter_con label.error { color: #e74c3c; font-size: 14px; font-style: italic; font-weight: 300; letter-spacing: 1px; margin-top: 7px; } .newsletter_button { background: #004E9E; border: none; color: #fff; font-size: 16px; height: 37px; padding: 0; position: absolute; right: 0; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); top: 0; width: 40px; border-left: 1px solid rgba(0, 0, 0, 0.07); } .newsletter_button i { left: 11px; position: absolute; top: 11px; } .newsletter_button .subscribe_true, .newsletter_button .refresh_loader { opacity: 0; } #subscribe_output h4 { color: #004E9E; font-size: 14px; font-style: italic; margin: 10px 0 0; } .refresh_loader { -moz-animation: sendingSubs .5s infinite linear; -webkit-animation: sendingSubs .5s infinite linear; animation: sendingSubs .5s infinite linear; } @-moz-keyframes sendingSubs { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-webkit-keyframes sendingSubs { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes sendingSubs { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .footer_row:last-child { padding-bottom: 0; } .footer_copyright.has_social_icons .footer_copy_text { line-height: 40px; } .icon_details_list { margin-top: 20px; } .icon_details_list li { margin-bottom: 10px; } .icon_details_list li i { margin-right: 11px; font-size: 16px; vertical-align: top; } .recent_posts_list li { margin-bottom: 29px; } .recent_posts_list li > a .recent_posts_img { float: left; margin: 1px 18px 0 0; display: block; overflow: hidden; position: relative; } .recent_posts_list li > a .recent_posts_img:after { content: ""; display: block; left: 0; top: 0; position: absolute; background: #004E9E; 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 span { color: #ddd; display: block; font-size: 13px; margin-bottom: 7px; margin-top: -3px; } .recent_posts_list li .recent_post_detail { margin-bottom: 5px; display: block; font-size: 12px; font-style: italic; } .recent_posts_list li .recent_post_detail:last-child { margin-bottom: 0; } .recent_posts_list li:last-child { margin-bottom: 0px; } .recent_posts_list li > a .recent_posts_img:hover:after, .recent_posts_list li > a .recent_posts_img:hover:before { opacity: 1; } .flickr_badge_image { display: block; float: left; width: 33.333%; padding: 0 7px 7px 0px; } .flickr_badge_image a { display: block; position: relative; overflow: hidden; } /* .flickr_badge_image a:after { content: ""; display: block; left: 0; top: 0; position: absolute; background: #004E9E; 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"; background-color: #004E9E; text-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); z-index: 1; font-size: 24px; color: #fff; opacity: 0; } .flickr_widget_block { margin-right: -7px; } .flickr_badge_image:hover a:after, .flickr_badge_image:hover a:before { opacity: 1; } .hm_vid_con { border: 4px solid rgba(0, 0, 0, 0.3); display: block; overflow: hidden; position: relative; } .hm_vid_con .vid_icon { border: 3px solid rgba(255, 255, 255, 0.9); height: 54px; line-height: 54px; position: absolute; text-align: center; width: 54px; color: #fff; font-size: 24px; z-index: 1; } .hm_vid_con .vid_icon i { background: #004E9E; 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: #004E9E; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: .3; } .hm_vid_con:hover:after { opacity: .7; } .about_author { background: #ecf0f1; position: relative; padding: 10px 5px 15px 15px; margin-top: 36px; } .about_author .social_media a { background: rgba(0, 0, 0, 0); border: none; font-size: 13px; margin: 0 14px 0 0; text-align: left; width: auto; } .about_author .social_media a:last-child { margin-right: 0; } .about_author_link > img { float: left; margin: -25px 15px 0 0; max-width: 100px; } .about_author_link > span { color: #324545; font-size: 14px; text-transform: uppercase; margin-bottom: 5px; display: block; } .about_author_link:hover > span { color: #004E9E; } .footer_copy_text { font-size: 13px; } .footer_menu { float: right; } .footer_menu > li { display: inline-block; padding: 0 8px; } .footer_menu > li a { color: #989898; font-size: 12px; } .footer_menu > li a:hover { color: #004E9E; } .footer_menu > li:first-child { padding-left: 0px; } .footer_menu > li:last-child { padding-right: 0px; } /* ---------------------------------------------------------------- Sitemap -----------------------------------------------------------------*/ ul.sitemap { margin: 0; padding: 0 0 0 32px; overflow: auto; } ul.sitemap li ul { border-left: 1px solid #ddd; padding: 20px 0 0 50px; margin-left: 20px; position: relative; } ul.sitemap > li > ul { margin-left: 0px; } ul.sitemap ul::after { background: #fff; bottom: -2px; content: ""; height: 20px; left: -1px; position: absolute; width: 1px; } .sitemap i { margin-right: 10px; } .sitemap > li { float: left; margin-right: 70px; } .sitemap > li > a { background: #004E9E; border: 1px solid #004E9E; color: #fff; display: inline-block; height: 38px; } .sitemap > li > .sitemap_count { background: #555; border-color: #555; color: #fff; height: 38px; left: 0; line-height: 38px; top: 0; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); width: 30px; } .sitemap ul li.has_child_sitmap:last-child::after { background: #fff; content: ""; display: block; height: 100%; left: -51px; position: absolute; top: 21px; width: 1px; } .sitemap ul li.has_child_sitmap > a { border: 1px solid #dddddd; color: #666; } .sitemap ul li a:hover { color: #004E9E; } .sitemap ul li a { display: inline-block; padding: 10px 23px; color: #888; font-style: italic; } .sitemap li.has_child_sitmap { margin-top: 20px; margin-bottom: 60px; } .sitemap li.has_child_sitmap > a { padding: 9px 15px; } .sitemap li { position: relative; margin-bottom: 10px; font-size: 13px; } .sitemap > li::before { display: none; } .sitemap li::before { background: #dddddd; content: ""; height: 1px; left: -50px; position: absolute; top: 50%; width: 50px; } .sitemap li.has_child_sitmap::before { top: 20px; } .sitemap li:not(.has_child_sitmap)::after { border: 1px solid #ddd; content: ""; display: block; height: 9px; left: 0; position: absolute; width: 9px; } .sitemap_count { background: #fff; border: 1px solid #ddd; color: #aaa; display: block; font-size: 11px; height: 25px; left: -63px; line-height: 23px; position: absolute; text-align: center; top: 8px; width: 25px; z-index: 1; } .shop_product_wrapper .tabs_mobile .tabs-navi li { margin-bottom: 0; } /* ---------------------------------------------------------------- Welcome Banner -----------------------------------------------------------------*/ .title_banner { background: #004E9E; padding: 25px 0 27px; position: relative; margin-bottom: 1px; } .title_banner h2 { color: #fff; font-family: "Oswald", "Open Sans", sans-serif; font-size: 24px; font-weight: 400; margin: 0; } .title_banner.t_b_color1 { background: #684962; } .title_banner.t_b_color2 { background: #e74c3c; } .title_banner.t_b_color3 { background: #3E6477; } .welcome_banner.full_colored, .welcome_banner.boxed_colored { background: #00a69b; color: #fff; } .welcome_banner.full_colored h3, .welcome_banner.boxed_colored h3, .welcome_banner.full_banner_colored h3, .welcome_banner.full_gray h3 { color: #fff; } .welcome_banner.full_gray { background: #3b3b3b; padding: 40px 0; } .welcome_banner.full_gray .content { padding: 0 15px; } .welcome_banner.full_gray .content .btn_a { margin: 3px 0; right: 0; } .welcome_banner.full_gray h3:not(.centered) { float: left; } .welcome_banner.full_gray h3 { line-height: 48px; margin-bottom: 0; padding: 0; position: relative; text-transform: none; } .container .welcome_banner.full_gray .content { padding-left: 40px; } .container .welcome_banner.full_gray .content .btn_a { right: 30px; } .welcome_banner.full_white, .welcome_banner.classic_white { background: #fff; border-bottom: 1px solid #EEF1F2; } .welcome_banner { position: relative; } .welcome_banner .content { padding: 50px 15px; } .welcome_banner h3 { font-size: 24px; font-weight: 300; text-transform: uppercase; margin: 0px 0px 15px; } .welcome_banner h3 i { margin: 0 6px; vertical-align: middle; } .welcome_banner h3 i.larg { font-size: 32px; } .welcome_banner h3 i.small { font-size: 24px; } .welcome_banner h3 span { color: #004E9E; } .welcome_banner .intro_text { line-height: 25px; } .welcome_banner.full_colored:after { background: rgba(255, 255, 255, 0.2); content: ""; display: block; height: 1px; position: absolute; top: 0; width: 100%; } .welcome_banner.full_gray:after { background: rgba(0, 0, 0, 0.15); bottom: 0; content: ""; height: 5px; left: 0; position: absolute; width: 100%; } .welcome_banner.full_gray:before { z-index: 1; height: 1px; content: ""; position: absolute; width: 100%; top: 0; left: 0; background: rgba(255, 255, 255, 0.1); } .welcome_banner.full_colored .btn_a, .welcome_banner.full_white .btn_a, .welcome_banner.boxed_white .btn_a, .welcome_banner.boxed_colored .btn_a { margin-left: 45px; } .welcome_banner.classic_white h3, .welcome_banner.classic_white h3 span, .welcome_banner.full_banner_colored h3 { font-style: normal; font-weight: 700; } .welcome_banner.classic_white .intro_text, .welcome_banner.full_white .intro_text, .welcome_banner.boxed_white .intro_text { color: #777; } .welcome_banner.classic_white .intro_text, .welcome_banner.full_banner_colored .intro_text { display: block; font-size: 20px; font-style: normal; font-weight: 300; line-height: 34px; } .welcome_banner.boxed_colored, .welcome_banner.boxed_white { -moz-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; -ms-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; -o-box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.04) inset; margin-bottom: 30px; margin-top: 30px; } .welcome_banner.boxed_colored .content, .welcome_banner.boxed_white .content { padding: 35px 25px; } .welcome_banner.boxed_white { border: 1px solid #eef1f2; } .boxed_colored .btn_a, .full_colored .btn_a { border: none; } .welcome_banner.full_banner_colored { background: #1B2228; color: #fff; z-index: 1; } .welcome_banner.full_banner_colored .intro_text { color: #aaa; } .welcome_banner.full_banner_colored:after { border-bottom: 1px dashed rgba(255, 255, 255, 0.1); content: ""; display: block; height: 1px; position: absolute; top: 5px; width: 100%; } .welcome_banner.full_banner_colored:before { background: rgba(0, 0, 0, 0.2); bottom: 0; content: ""; display: block; height: 5px; left: 0; position: absolute; width: 100%; } .welcome_banner_slider { padding: 0 20px; position: relative; } .welcome_banner_slider .owl-controls { position: absolute; width: 100%; top: 0; } .welcome_banner_slider .owl-prev { left: -25px; } .welcome_banner_slider .owl-next { right: 15px; } .welcome_banner_slider .owl-prev, .welcome_banner_slider .owl-next { color: #ccc; font-size: 24px; position: absolute; top: 0; } .welcome_banner_slider .owl-prev:hover, .welcome_banner_slider .owl-next:hover { color: #999; } .rotate_icon { background: #e74c3c; bottom: 0px; display: inline-block; font-size: 32px; height: 70px; line-height: 71px; position: absolute; text-align: center; width: 70px; color: #fff; transform: translateY(50%) translateX(-50%); -webkit-transform: translateY(50%) translateX(-50%); -moz-transform: translateY(50%) translateX(-50%); -o-transform: translateY(50%) translateX(-50%); } .rotate_icon:after { border-color: transparent transparent #e74c3c transparent; border-style: solid; border-width: 8px; top: -13px; content: ""; display: block; position: absolute; right: 26px; } .welcome_banner.full_gray .btn_a i.in_left, .welcome_banner.full_gray .btn_a i.in_right { color: #e74c3c; } /* ---------------------------------------------------------------- Icon Boxes -----------------------------------------------------------------*/ .service_box { position: relative; z-index: 1; } .icon_boxes_con.style1 .service_box { margin-bottom: 0px; } .icon_boxes_con.style1 .service_box .service_box_con { border: 1px solid #e7e7e7; padding: 10px 0px 0px 0px; background: #fff; } .icon_boxes_con.style1 .service_box > .icon i { background: #004E9E; color: #fff; display: block; font-size: 32px; height: 60px; left: 9px; line-height: 60px; position: absolute; text-align: center; top: 9px; width: 60px; z-index: 1; } .icon_boxes_con.style1 .service_box > .icon i.color1 { background: #92c135; } .icon_boxes_con.style1 .service_box > .icon i.color2 { background: #0072A5; } .icon_boxes_con.style1 .service_box > .icon i.color3 { background: #E85F1B; } .icon_boxes_con.style1 .service_box > .icon:after { background: #fff; border: 1px solid #fff; content: ""; display: block; height: 80px; left: 0px; position: absolute; top: 0px; width: 78px; } .icon_boxes_con.style1 .service_box .service_box_con:before { border: 1px solid #e7e7e7; content: ""; display: block; height: 80px; position: absolute; top: -37px; width: 80px; z-index: -1; } .icon_boxes_con.style1 .service_box .ser-box-link { background: #fff; border: 1px solid #e7e7e7; bottom: -17px; color: transparent; display: block; font-size: 0; height: 35px; position: absolute; width: 35px; } .icon_boxes_con.style1 .service_box .ser-box-link > span { background: #c4c2c2; display: block; height: 11px; left: 16px; position: absolute; top: 11px; width: 1px; } .icon_boxes_con.style1 .service_box .ser-box-link > span:after { background: #c4c2c2; content: ""; display: block; height: 1px; left: -5px; position: absolute; top: 5px; width: 11px; } .icon_boxes_con.style1 .service_box .ser-box-link:hover { border-color: #004E9E; } .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: 20px; } .icon_boxes_con.style1.just_icon_border:not(.img_icon_box) .service_box > .icon { top: 0; } .icon_boxes_con.style1:not(.img_icon_box) .service_box > .icon { height: 78px; position: absolute; top: -36px; width: 78px; } .icon_boxes_con.style1 .service_box h3, .icon_boxes_con.style2 .service_box h3 { font-size: 17px; font-weight: 500; margin: 0 0 12px; text-transform: capitalize; color: #004E9E; } .icon_boxes_con .service_box h3 a { color: inherit; } .white_section .icon_boxes_con .service_box h3 { color: #fff; } .white_section .icon_boxes_con.style2:not(.icon_box_no_border) .service_box .icon::after { background: rgba(0, 0, 0, 0.15); border: none; } .upper_title h1, .upper_title h2, .upper_title h3, .upper_title h4, .upper_title h5, .upper_title h6, .upper_title .tabs-navi { text-transform: uppercase; } .light_title h1, .light_title h2, .light_title h3, .light_title h4, .light_title h5, .light_title h6 { font-weight: 300 !important; } .icon_boxes_con.style1 .service_box .desc, .icon_boxes_con.style2 .service_box .desc { display: block; font-size: 14px; font-weight: 500; line-height: 24px; } .white_section .icon_boxes_con.style1 .service_box .desc, .white_section .icon_boxes_con.style2 .service_box .desc { color: #ccc; color: rgba(255, 255, 255, 0.45); } .icon_boxes_con.style2 .service_box { margin-bottom: 40px; } .icon_boxes_con.style2 .service_box .service_box_con { padding-left: 65px; padding-top:10px; } .icon_boxes_con.style2 .service_box .icon { background: #004E9E; color: #fff; display: block; font-size: 32px; height: 36px; line-height: 35px; position: absolute; text-align: center; width: 36px; top: 5px; } .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: #004E9E; 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: #004E9E; content: ""; display: block; height: 6px; left: 0; position: absolute; top: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); width: 2px; } .icon_boxes_con.style2 .service_box .ser-box-link:hover > span:before { top: 2px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .icon_boxes_con.style2 .service_box .ser-box-link:hover > span:after { top: 2px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .icon_boxes_con.style2.icon_box_no_border .service_box .service_box_con { padding-left: 105px; } .icon_boxes_con.style2.icon_box_no_border .service_box .icon { height: 84px; width: 84px; line-height: 87px; top: 0; } .icon_boxes_con.style2.icon_left_right > div:nth-child(2n+1) .service_box .service_box_con { padding-left: 0; padding-right: 100px; text-align: right; } .icon_boxes_con.style2.icon_left_right > div:nth-child(2n+1) .service_box .icon { right: 7px; left: auto; } .icon_boxes_con.style1 .service_box .ser-box-link:hover > span, .icon_boxes_con.style1 .service_box .ser-box-link:hover > span:after { background: #004E9E; } .icon_boxes_con.style2.medium_icon .service_box .icon, .icon_boxes_con.style1.medium_icon .service_box .icon { font-size: 18px; } .icon_boxes_con.style2:not(.icon_box_no_border):not(.solid_icon) .service_box .icon { left: 7px; } .icon_boxes_con.style2:not(.icon_box_no_border) .service_box .icon:after { background: #fff; border: 1px solid #e6ebea; content: ""; display: block; height: 46px; left: -5px; position: absolute; top: -5px; width: 46px; z-index: -1; } .icon_boxes_con.style2.solid_icon .service_box .service_box_con { padding-left: 105px; } .icon_boxes_con.style2.solid_icon .service_box .icon { background: #fff; background: none; height: 84px; line-height: 84px; width: 84px; top: 0; } .icon_boxes_con.style2.solid_icon .service_box .icon i { background: none; color: #004E9E; position: relative; z-index: 1; } .icon_boxes_con.style2.solid_icon .service_box .icon:after { left: 0; top: 0; } .icon_boxes_con.style2.solid_icon .service_box:hover > .icon i { color: #fff; } .icon_boxes_con.style1.circle .service_box > .icon i { height: 70px; line-height: 70px; width: 70px; } .icon_boxes_con.style1.circle .service_box .service_box_con:before { height: 90px; width: 90px; top: -44px; } .icon_boxes_con.style1.circle .service_box > .icon:after, .icon_boxes_con.style1.circle .service_box > .icon { height: 88px; width: 88px; } .icon_boxes_con.style1.circle:not(.just_icon_border) .service_box > .icon { top: -43px; } .icon_boxes_con.style1.circle:not(.just_icon_border) .service_box:hover > .icon i { height: 88px; left: 0; top: 0; width: 88px; } .icon_boxes_con.just_icon_border .service_box .service_box_con, .icon_boxes_con.just_icon_border .service_box .service_box_con:before { border: none; background: none; } .icon_boxes_con.just_icon_border .service_box > .icon:after { border: 1px solid #e6ebea; background: #fff; } .icon_boxes_con.just_icon_border.img_icon_box .service_box > .icon::after { background: none; border: medium none; } .icon_boxes_con.just_icon_border.circle .service_box > .icon i { height: 74px; left: 7px; line-height: 70px; top: 7px; width: 74px; } .icon_boxes_con.style1.solid_icon .service_box > .icon:after, .icon_boxes_con.style2.solid_icon .service_box .icon:after { background: #fff; border: 1px solid #004E9E; } .icon_boxes_con.style1.solid_icon .service_box > .icon i { background: #fff; color: #004E9E; } .icon_boxes_con.style2.reflection .service_box .icon i:after { background: rgba(255, 255, 255, 0.1); content: ""; display: block; height: 50%; left: -8px; 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: 36px; line-height: 36px; overflow: hidden; position: relative; width: 36px; } .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: #004E9E; content: ""; display: block; height: 100%; position: absolute; width: 100%; z-index: 1; left: 50%; top: 50%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(1.2); -moz-transform: translateY(-50%) translateX(-50%) scale(1.2); -ms-transform: translateY(-50%) translateX(-50%) scale(1.2); -o-transform: translateY(-50%) translateX(-50%) scale(1.2); transform: translateY(-50%) translateX(-50%) scale(1.2); } .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box > .icon i { background: none; } .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box > .icon i:after { background: #004E9E; content: ""; display: block; height: 100%; left: 50%; position: absolute; top: 50%; width: 100%; z-index: -1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -moz-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); -o-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box:hover > .icon i:after { opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -moz-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); -o-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .icon_boxes_con.style1.circle.just_icon_border:not(.solid_icon) .service_box:hover > .icon i { background: #fff; color: #004E9E; } .icon_boxes_con.style2:not(.solid_icon):not(.icon_box_no_border) .service_box:hover .icon { background: #fff; color: #004E9E; } .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: #004E9E; color: #fff; } .service_box:hover h3 { color: #004E9E; } /* ---------------------------------------------------------------- Tabs -----------------------------------------------------------------*/ .hm-tabs { position: relative; margin: 0px auto 50px; clear: both; } .hm-tabs nav { -webkit-overflow-scrolling: touch; background: #f8f7ee; box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); -moz-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); -webkit-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06); position: relative; float: none; background: transparent; box-shadow: none; z-index: 1; } .hm-tabs .list3 { padding: 10px 0 0 0; } .hm-tabs:last-child { margin-bottom: 0; } .hm-tabs:after, .tabs-navi:after { content: ""; display: table; clear: both; } .tabs-navi { width: auto; font-size: 0; } .tabs-navi li { display: inline-block; } .tabs-navi a { display: block; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #888; line-height: 50px; width: auto; text-align: left; font-size: 14px; padding: 0 25px; position: relative; background: #f9fafc; } .tabs-navi a i { font-size: 18px; margin-right: 10px; vertical-align: sub; } .no-touch .tabs-navi a:hover { color: #324545; } .tabs2:not(.fill_active) .tabs-navi a:hover { color: #004E9E; } .hm-tabs:not(.simple_tabs) .tabs-body { background: #ffffff; clear: both; } .hm-tabs:not(.simple_tabs) .tabs-body > li { padding: 20px 25px 20px; } .tabs-body > li { display: none; } .tabs-body li table { margin: 5px 0; } .tabs-body li .counter_a { margin-bottom: 26px; } .tabs-body li.selected { display: block; -webkit-animation: cd-fade-in 0.5s; -moz-animation: cd-fade-in 0.5s; animation: cd-fade-in 0.5s; } .tabs-body ul.list1 { padding: 10px 0; } .tabs-body ul.list1 li { margin-bottom: 15px; } .with_arrow_d.tabs1.fill_active .tabs-navi a.selected:before { background: none; border-color: #004E9E transparent transparent; border-style: solid; border-width: 7px; bottom: -11px; content: ""; display: block; position: absolute; width: 10px; } .with_arrow_t.tabs1.fill_active .tabs-navi a.selected:before { background: none; border-color: transparent transparent #fff; border-style: solid; border-width: 7px; bottom: -3px; content: ""; display: block; position: absolute; width: 10px; } .tabs1.ver_tabs.gradient_active .tabs-navi a.selected { -moz-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.06) inset; -webkit-box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.06) inset; box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.06) inset; } .tabs1.ver_tabs .tabs-navi a.selected { background: #fff; color: #004E9E; } .tabs1.ver_tabs .tabs-navi a { border-bottom: 1px solid #E5E5E5; } .tabs1.ver_tabs nav { clear: none; float: left; width: 30%; border-right: 1px solid #E5E5E5; margin-bottom: -1px; } .tabs1.ver_tabs nav ul { width: 100%; } .tabs1.ver_tabs .tabs-body { background: #fff; border: none; clear: none; float: left; width: 70%; position: relative; } .tabs1.ver_tabs .tabs-body:after { background: #E5E5E5; content: ""; display: block; height: 100%; left: -1px; position: absolute; top: 0; width: 1px; } .tabs1:not(.ver_tabs) .tabs-navi a.selected { background: #ffffff; box-shadow: inset 0 2px 0 #004E9E; color: #004E9E; } .tabs1:not(.ver_tabs) .tabs-navi a { border-color: #E5E5E5; border-right: 1px solid #E5E5E5; border-top: 1px solid #E5E5E5; } .tabs1:not(.ver_tabs) .tabs-navi a.selected:after { background: #fff; bottom: -1px; content: ""; display: block; height: 1px; left: 0; position: absolute; width: 100%; } .tabs1 .tabs-body { border: 1px solid #e5e5e5; -moz-border-radius: 0 3px 3px; -webkit-border-radius: 0 3px 3px; -ms-border-radius: 0 3px 3px; -o-border-radius: 0 3px 3px; border-radius: 0 3px 3px; } .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi a.selected:before { background: #004E9E; content: ""; display: block; height: 3px; left: -1px; position: absolute; top: -1px; width: 102%; } .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi > li:first-child a { border-left: 1px solid #e5e5e5; } .tabs1.fill_active .tabs-navi a:before { display: none; } .tabs1.fill_active .tabs-navi a.selected:after { background: none; } .tabs1.fill_active .tabs-navi li a.selected { border-left-color: #004E9E; } .tabs1.fill_active .tabs-navi li:first-child a:not(.selected) { border-left: 1px solid #dedede; } .tabs1.fill_active .tabs-navi li:first-child a { -moz-border-radius: 3px 0 0; -webkit-border-radius: 3px 0 0; -ms-border-radius: 3px 0 0; border-radius: 3px 0 0; } .tabs1.fill_active .tabs-navi li:last-child a { -moz-border-radius: 0 3px 0 0; -webkit-border-radius: 0 3px 0 0; -ms-border-radius: 0 3px 0 0; border-radius: 0 3px 0 0; } .tabs1.fill_active .tabs-navi li.prev_selected a { border-right-color: #004E9E; } .ver_tabs .tabs-navi li:last-child a.selected { border-bottom: 1px solid #E5E5E5; margin-bottom: 15px; } .ver_tabs .tabs-navi li { display: block; width: 100%; } .ver_tabs .tabs-navi a:before { background: none; content: ""; height: 100%; left: -1px; position: absolute; top: 0; width: 3px; } .ver_tabs .tabs-navi a.selected:before { background: #004E9E; } .tabs2 .tabs-navi a.selected:after { border-color: transparent transparent #fff; border-style: solid; border-width: 8px; bottom: -27px; content: ""; display: block; position: absolute; } .tabs2 .tabs-navi a.selected:before { border-color: transparent transparent #666; border-style: solid; border-width: 8px; bottom: -27px; content: ""; display: block; position: absolute; } .tabs2 .tabs-navi li { margin-right: 8px; } .tabs2 .tabs-navi a.selected { border-color: #004E9E; color: #004E9E; } .tabs2 .tabs-navi a.selected > span i { color: #004E9E; } .tabs2 .tabs-navi a { border-color: #E5E5E5; line-height: 45px; color: #888; padding: 0 18px; background: #fff; border: 1px solid #E5E5E5; } .tabs2 .tabs-body { margin-top: 25px; border: 1px solid #E5E5E5; } .bg_gray .tabs2 .tabs-body, .bg_gray .tabs1 .tabs-body, .bg_gray .tabs1:not(.ver_tabs) .tabs-navi a, .bg_gray .tabs2 .tabs-navi a:not(.selected) { border-color: #e5e5e5; } .tabs2.fill_active .tabs-navi a.selected, .tabs2.fill_active .tabs-navi a:hover, .tabs1.fill_active .tabs-navi a.selected, .tabs1.fill_active .tabs-navi a:hover { background: #004E9E; color: #fff; border-color: #004E9E; } .tabs1.fill_active .tabs-navi li:first-child a.selected, .tabs1.fill_active .tabs-navi li:first-child a:hover { border-left: 1px solid #004E9E; } .ver_tabs:not(.gradient_active) .tabs-navi a.selected:after { background: #fff; content: ""; display: block; height: 100%; position: absolute; right: -1px; top: 0; width: 1px; } .bg_gray .hm-tabs.tabs1.ver_tabs { background: #fff; border: 1px solid #E5E5E5; } .bg_gray .tabs-navi a { background: #fff; } .hm-tabs.tabs1.ver_tabs { border: 1px solid #dedede; } .hm-tabs.simple_tabs .tabs-navi li a { border: 2px solid #E5E5E5; color: #999; background: #fff; font-weight: 700; line-height: 42px; margin-right: 15px; padding: 0 20px; } .hm-tabs.simple_tabs .tabs-navi li a:hover { border-color: #ccc; color: #324545; } .hm-tabs.simple_tabs .tabs-navi li a.selected { border-color: #004E9E; color: #004E9E; } .hm-tabs.simple_tabs .tabs-navi a { background: rgba(0, 0, 0, 0); } .hm-tabs.simple_tabs .tabs-body > li { padding: 20px 0px; } .tabs1.tabs_mobile:not(.ver_tabs):not(.fill_active) .tabs-navi > li a { border: 1px solid #e5e5e5; margin: 0 8px 8px 0; } .tabs1.tabs_mobile:not(.ver_tabs) .tabs-navi a.selected::after { display: none; } .hm-tabs.simple_tabs.tabs_mobile .tabs-navi li a { margin-bottom: 15px; } .hm-tabs.simple_tabs.tabs_mobile .tabs-body > li { padding-top: 0; } .tabs1.tabs_mobile.fill_active:not(.ver_tabs) .tabs-navi > li a { margin: 0 8px 8px 0; } .tabs1.tabs_mobile.fill_active:not(.ver_tabs) .tabs-navi > li a:not(.selected):not(:hover) { border: 1px solid #e5e5e5; } .tabs1.fill_active.tabs_mobile:not(.ver_tabs) .tabs-navi li a.selected, .tabs1.fill_active.tabs_mobile:not(.ver_tabs) .tabs-navi li a:hover { border-left: 1px solid #004E9E; border-bottom: 1px solid #004E9E; } .tabs2.tabs_mobile .tabs-navi li { margin-bottom: 8px; } .tabs2.tabs_mobile.fill_active:not(.ver_tabs) .tabs-body { margin-top: 17px; } .widget_block .tabs-navi a { padding: 0 15px; line-height: 43px; } .widget_block .hm-tabs { margin-top: 34px; } .widget_block .hm-tabs .tabs-body > li { padding: 20px 0; } .widget_block .tabs1 .tabs-body { border-color: #e5e5e5; border-style: solid; border-width: 1px 0 0 0; } .icon_alone, .tabs-navi a i.icon_alone { margin-right: 0; } .hm-tabs li > p:not(last-child), .panel-body p:not(last-child) { margin-bottom: 15px; } .hm-tabs li > p:last-child, .panel-body p:last-child { margin-bottom: 0px; } @-webkit-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes cd-fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } /* ---------------------------------------------------------------- Light Box -----------------------------------------------------------------*/ a.img_popup { display: inline-block; margin-top: 5px; max-width: 100%; overflow: hidden; position: relative; } a.img_popup > span { z-index: 2; background: rgba(29, 205, 202, 0.7); color: #fff; display: block; font-size: 20px; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; opacity: 0; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -o-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); } a.img_popup:hover > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } a.img_popup:hover > span { opacity: 1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -moz-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -ms-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -o-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); } a.img_popup:after { border: 4px solid rgba(0, 0, 0, 0.05); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .white_section .f_s_block.circle a.img_popup:after { display: none; } .f_s_block a.img_popup { display: block; } /* ---------------------------------------------------------------- Features -----------------------------------------------------------------*/ .feature_icon .item { margin-bottom: 40px; } .feature_icon .item > span { line-height: 24px; } .feature_icon .item h5 { margin-bottom: 10px; } .feature_icon .item h5 .title { float: left; font-family: "Oswald", "Open Sans", sans-serif; font-size: 20px; font-weight: 300; margin-top: 12px; text-transform: uppercase; word-spacing: 2px; letter-spacing: 1px; } .feature_icon .item h5 .icon span { background: #004E9E; color: #fff; display: inline-block; font-size: 18px; height: 51px; left: 0; line-height: 51px; position: relative; text-align: center; top: 0; width: 51px; } .feature_icon .item h5 .icon span i { position: relative; z-index: 1; } .feature_icon .item h5 .icon span:after { background: #324545; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .feature_icon .item h5:after { content: ""; display: table; clear: both; } .feature_icon .item:last-child { margin-bottom: 0; } .feature_icon .item:hover h5 .icon { border-color: #fff; } .feature_icon .item:hover h5 .icon span:after { opacity: 1; } .feature_icon .item:hover h5 .title { color: #004E9E; } .white_section .feature_icon .item > span { color: #aaa; } .white_section .feature_icon .item h5 .icon span { background: rgba(0, 0, 0, 0.4); } .white_section .feature_icon .item h5 .icon span:after { background: #004E9E; } .white_section .feature_icon .item:hover h5 .icon { border-color: rgba(0, 0, 0, 0); } .white_section .f_s_block.circle { border: 5px solid rgba(0, 0, 0, 0.5); background: none; max-width: 500px; margin: 0 auto; } .feature_icon .item h5 .icon, .white_section .feature_icon .item h5 .icon { display: block; float: left; height: 53px; margin-right: 12px; width: 53px; } .feature_icon.on_right .item h5 .icon { float: right; margin-left: 12px; margin-right: 0; } .feature_icon.on_right .item h5 .title { float: right; } .feature_icon.on_right .item > span { display: block; text-align: right; } .feature_icon_slide .col-md-4:last-child { padding-right: 0; } .feature_icon_slide .col-md-4:first-child { padding-left: 0; } .f_s_block { position: relative; } .f_s_block > a { margin: 0; } .f_s_block.circle { background: #fff; overflow: hidden; position: relative; z-index: 1; } .tree_features > li:nth-of-type(2n) { float: right; clear: right; text-align: right; margin-right: -4px; } .tree_features > li:nth-of-type(2n) .leaf_icon { left: auto; right: 0; } .tree_features > li { min-height: 144px; clear: left; float: left; background: #b33753; color: #fff; padding: 25px 25px 30px 25px; position: relative; width: 50%; margin-bottom: 5px; list-style: none; vertical-align: top; display: block; } .tree_features > li > .tree_curv { background: #b33753; height: 100%; position: absolute; right: 0; top: 50%; width: 50%; } .tree_features > li:after { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 100%; width: 100%; } .tree_features > li:nth-child(2n) > .tree_curv { left: 0; right: auto; } .tree_features > li:nth-child(2n) .leaf_con { padding-right: 144px; padding-left: 0; } .tree_features_parent { margin-top: 60px; max-width: 50%; min-width: 160px; position: relative; z-index: 2; } .tree_features_t { display: block; font-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; } .leaf_icon { background: rgba(0, 0, 0, 0.1); display: block; font-size: 32px; height: 144px; left: 0px; line-height: 144px; position: absolute; text-align: center; width: 144px; z-index: 1; top: 0; } .bg_gray .tree_features > li::after { background: #f9fafc; } .leaf_con { padding-left: 144px; position: relative; z-index: 1; } /* ---------------------------------------------------------------- Features -----------------------------------------------------------------*/ .white_section .counter .value { color: #fff; } .white_section .counter .icon { color: #fff; } .white_section .counter_a .counter .icon { background: rgba(0, 0, 0, 0.3); color: #fff; } .white_section .counter_a .counter .icon:before { border: 1px solid rgba(255, 255, 255, 0.2); } .white_section .counter_a .counter .title { color: #fff; } .counter > span { display: block; margin-top: 15px; text-align: center; position: relative; } .counter .icon { font-size: 32px; margin: 0 auto; color: #004E9E; } .counter .icon i { position: relative; z-index: 1; } .counter .value { font-size: 32px; font-weight: 700; margin-top: 30px; font-family: "Oswald", "Open Sans", sans-serif; } .counter .title { font-size: 22px; letter-spacing: 1px; padding-top: 15px; text-transform: capitalize; } .counter .title:before { background: rgba(255, 255, 255, 0.1); width: 50%; } .counter_a .counter .icon { height: 90px; line-height: 90px; width: 90px; } .counter_a .counter .icon:before { content: ""; display: block; height: 102px; left: -6px; position: absolute; top: -6px; width: 102px; opacity: 1; -webkit-transition-delay: 200ms; -moz-transition-delay: 200ms; -ms-transition-delay: 200ms; -o-transition-delay: 200ms; transition-delay: 200ms; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .counter_a .counter .icon:after { background: #004E9E; content: ""; display: block; height: 90px; left: 0; position: absolute; top: 0; width: 90px; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); } .counter_a .counter .value { font-weight: 300; letter-spacing: 1px; } .counter_a .counter .title { font-weight: 300; } .counter_a .counter:hover .icon { color: #fff; } .white_section .counter .icon, .white_section .counter .title { color: #fff; } .counter_b .counter .title { font-weight: 300; } .counter_b .counter .title:before { background: rgba(255, 255, 255, 0); } .counter_b .counter .title:after { background: #fff; } .tabs-body li .counter .title { margin-top: 0; } .counter .title:before, .counter .title:after { content: ""; display: block; height: 1px; position: absolute; top: 0; } .counter:hover .icon:after { opacity: 1; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .counter:hover .icon:before { opacity: 0; transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); } /* ---------------------------------------------------------------- Client Say -----------------------------------------------------------------*/ .normal_text_slider { position: relative; } .normal_text_slider .c_say { text-align: center; } .normal_text_slider .client_img { border: 1px solid #dadbdb; display: inline-block; overflow: hidden; padding: 6px; position: relative; text-align: center; } .normal_text_slider .client_img img { display: block; position: relative; } .normal_text_slider .client_img > span { display: block; height: 100%; position: relative; width: 100%; } .normal_text_slider .client_details { color: #324545; display: block; font-size: 16px; margin: 30px 0 15px; text-transform: uppercase; } .normal_text_slider .url { color: #004E9E; } .normal_text_slider .desc { margin-bottom: 30px; color: #8f8e8e; font-size: 16px; font-style: italic; line-height: 33px; display: block; } .white_section .normal_text_slider .client_img { border: 2px solid rgba(255, 255, 255, 0.3); padding: 5px; } .white_section .normal_text_slider .client_details { color: #fff; } .white_section .normal_text_slider .desc { color: #fff; } .white_section .btn_a { box-shadow: 0px 3px 1px rgba(0, 0, 0, 0.2); margin-bottom: 3px; border: none; } .normal_text_slider.client_say_slider .desc { margin-bottom: 0; } .what_say_block { position: relative; margin-bottom: 40px; } .what_say_block .say_img { border: 1px solid #dadbdb; display: inline-block; padding: 4px; position: absolute; } .what_say_block .say_datils { min-height: 89px; padding-left: 100px; } .say_datils > h5 { color: #324545; font-size: 14px; margin-bottom: 10px; text-transform: capitalize; } .say_datils > h5 > span { color: #004E9E; margin-left: 7px; } .say_datils .text { line-height: 25px; } /* ---------------------------------------------------------------- Video Background -----------------------------------------------------------------*/ .mb_YTPPlaypause, .mb_YTPMuteUnmute { display: none !important; } .mb_YTPlayer { display: block; transform: translateZ(0); transform-style: preserve-3d; perspective: 1000; backface-visibility: hidden; transform: translate3d(0, 0, 0); animation-timing-function: linear; box-sizing: border-box; } .mb_YTPlayer :focus { outline: 0; } .mbYTP_wrapper iframe { max-width: 4000px !important; } .mb_YTPBar { bottom: 0; color: #fff; left: 0; padding: 5px; width: 100%; z-index: 1000; position: absolute; } .mb_YTPBar span { display: inline-block; height: 24px; position: relative; font-style: italic; font-weight: 300; font-size: 14px; color: #aaa; } .mb_YTPProgress { height: 7px; width: 100%; background: rgba(255, 255, 255, 0.2); bottom: 0; left: 0; } .mb_YTPLoaded { height: 7px; width: 0; background: rgba(255, 255, 255, 0.3); left: 0; } .mb_YTPseekbar { height: 7px; width: 0; background: #004E9E; bottom: 0; left: 0; } .video_frame { background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.13); position: relative; } .video_frame:after, .video_frame:before { top: -1px; right: -1px; } .video_frame:hover:after, .video_frame:hover:before { top: 10px; right: 10px; } .video_frame_tl:after, .video_frame_tl:before { top: -1px; left: -1px; } .video_frame:hover .video_frame_tl:after, .video_frame:hover .video_frame_tl:before { top: 10px; left: 10px; } .video_frame_br:after, .video_frame_br:before { bottom: -1px; right: -1px; } .video_frame:hover .video_frame_br:after, .video_frame:hover .video_frame_br:before { bottom: 10px; right: 10px; } .video_frame_bl:after, .video_frame_bl:before { bottom: -1px; left: -1px; } .video_frame:hover .video_frame_bl:after, .video_frame:hover .video_frame_bl:before { bottom: 10px; left: 10px; } .video_frame:after, .video_frame_tl:after, .video_frame_bl:after, .video_frame_br:after { height: 1px; width: 16px; } .video_frame:after, .video_frame_tl:after, .video_frame:before, .video_frame_tl:before, .video_frame_br:after, .video_frame_bl:after, .video_frame_br:before, .video_frame_bl:before { background: #fff; content: ""; position: absolute; } .video_frame:before, .video_frame_tl:before, .video_frame_bl:before, .video_frame_br:before { height: 16px; width: 1px; } .video_frame_bl { padding-left: 15px; padding-right: 15px; } .play_video_btn { border: 1px solid rgba(255, 255, 255, 0.4); display: inline-block; height: 80px; padding: 4px; position: relative; width: 80px; } .play_video_btn > span { background: #e74c3c; color: #fff; display: block; font-size: 32px; height: 100%; width: 100%; -moz-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); -ms-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.5); } .play_video_btn > span i { display: block; position: absolute; } .play_video_btn > span i.ico-pause { font-size: 20px; } .play_video_btn > span i.ico-play5 { padding-left: 8px; } .play_video_btn > span i.ico-pause2 { font-size: 29px; } .play_video_btn:hover > span { background: #fff; color: #e74c3c; } .youtube_bg_video.mb_YTPlayer { display: block; height: 100%; position: absolute !important; width: 100%; } .youtube_bg_video.has_overlay:after { background: rgba(0, 0, 0, 0.6); position: absolute; width: 100%; height: 100%; left: 0; top: 0; content: ""; } .html_video_background_con { overflow: hidden; position: relative; } .html_video_background { height: 100%; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: 0; } .html_video_background video { min-width: 100%; } .ui-video-background-controls { background: rgba(0, 0, 0, 0.4); font-size: 18px; line-height: 40px; margin: 0 auto; position: relative; text-align: center; width: 100px; border: 5px solid rgba(0, 0, 0, 0.2); } .ui-video-background-controls li { display: inline-block; width: 50%; } .ui-video-background-controls li a { color: inherit; display: block; width: 100%; height: 100%; } .ui-video-background-controls li:first-child { border-right: 1px solid rgba(255, 255, 255, 0.1); } .ui-video-background-controls li:first-child a { padding-left: 5px; } .ui-video-background-controls li:last-child a { padding-right: 5px; } .ui-video-background-play { font-size: 14px; } .youtube_bg_video + .content { min-height: 500px; } /* ---------------------------------------------------------------- Team -----------------------------------------------------------------*/ .team_block { position: relative; width: 100%; height: 310px; margin-bottom: 30px; z-index: 1; -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .team_block .f1_card { position: relative; width: 100%; height: 100%; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .team_block .face { background: #fff; border: 1px solid #f1eff0; padding: 20px; position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; -webkit-transform: translateZ(0); -moz-transition: -moz-transition 700ms ease; -webkit-transition: -webkit-transition 700ms ease; -o-transition: -o-transition 700ms ease; transition: transform 700ms ease; } .team_block .front { text-align: center; background: #fff; } .team_block .front .person_name { color: #324545; margin: 18px 0 8px; font-size: 16px; } .team_block .front .person_jop { color: #bab9b9; } .team_block .back { background: #004E9E; color: white; display: block; padding: 15px 20px 15px 20px; border: 1px solid #004E9E; overflow: hidden; transform: rotateY(-180deg); -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); } .team_block:hover .face.back { -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); transform: rotateY(0deg); } .team_block:hover .face.front { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .team_block .team_img { background: #fff; border: 5px solid #f3efef; display: block; overflow: hidden; max-width: 190px; margin: 8px auto 0; padding: 5px; } .team_block .back .person_jop { margin: 5px 0 13px; font-weight: bold; } .team_block .back .social_media a { color: #fff; border-color: rgba(255, 255, 255, 0.5); background: none; border-width: 2px; line-height: 35px; } .team_block .back .social_media a:hover { color: #004E9E; border-color: #fff; background: #fff; } .team_block .person_jop { display: block; font-size: 13px; text-transform: capitalize; } .team_block .person_desc { display: block; font-size: 14px; line-height: 23px; margin-bottom: 15px; max-height: 115px; overflow: hidden; position: relative; } .team_block .person_desc:after { bottom: 0; display: inline-block; height: 23px; margin-left: 3px; position: relative; right: 3px; } .bg_gray .team_block .face { background: #f9fafc; border-color: #f9fafc; } .team_block .person_name, .team_block2 .person_name { display: block; font-size: 18px; text-transform: uppercase; } .team_block2 { margin-bottom: 50px; } .team_block2 .member_img { background: #fff; border: 1px solid #dadbdb; padding: 5px; overflow: hidden; position: relative; display: block; float: right; width: 30%; } .team_block2 .member_img:before { background: #004E9E; 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: #004E9E; } .team_block2 .person_jop { color: #aaa; display: block; font-size: 14px; margin: 3px 0 10px; } .team_block2 .person_desc { display: block; line-height: 25px; margin-bottom: 15px; color: #999; } .team_block2 .social_media a { font-size: 12px; height: 35px; line-height: 35px; margin: 0 8px 7px 0; width: 35px; } .team_block2 .social_media a:last-child { margin-right: 0; } .team_block2 #share_on_socials a { margin: 0 9px 6px 0; } .our_team_section .col-md-6:nth-child(2n+1) .team_block2 .team_detail { text-align: right; } .our_team_section .col-md-6:nth-child(2n+1) .team_block2 .social_media a { display: inline-block; margin: 0 0 7px 8px; } .our_team_section .col-md-6:nth-child(2n+1) .team_block2 #share_on_socials a { margin: 0 0 7px 9px; } .our_team_section .col-md-6:nth-child(2n) .team_block2 .member_img { float: left; } .our_team_section .col-md-6:nth-child(2n) .team_block2 .team_detail { padding-right: 0px; padding-left: 20px; } .team-col { background: #004E9E; width: 50%; color: #fff; float: left; position: relative; } .team-col .team-col-2 .arrow { position: absolute; background: #004E9E; width: 15px; height: 15px; top: 30px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; left: auto; right: -7px; } .team-col-1 { width: 50%; float: left; position: relative; } .team-col-1 .member_img2 > span { display: block; position: relative; } .team-col-1 .member_img2 > span:after { box-shadow: 0 0 75px rgba(0, 0, 0, 0.5) inset; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .team-col-2 { width: 50%; float: left; position: relative; } .team-col:not(.team_col_on_right) .team-col-2 .arrow { left: -7px; } .team_block3 .person_name { display: block; font-size: 20px; text-transform: uppercase; color: #fff; } .team_block3 .person_jop { display: block; font-size: 14px; font-weight: bold; margin: 5px 0 10px; text-transform: capitalize; } .team_block3 .person_desc { display: block; margin-bottom: 20px; line-height: 23px; color: rgba(255, 255, 255, 0.8); } .team_block3 .team-col-2-con { position: absolute; padding: 20px 25px 20px; } .team_block3 .social_media a { background: none; border: none; color: #fff; margin-right: 25px; width: auto; } .team_block3 .social_media a:hover { opacity: 0.7; } .member_img2 { display: block; position: relative; } .member_img2:before { background: rgba(28, 205, 202, 0.8); content: ""; top: 0px; display: block; height: 100%; left: 0; position: absolute; width: 100%; text-align: center; opacity: 0; z-index: 1; } .member_img2:after { content: "\e112"; display: block; height: 40px; line-height: 40px; position: absolute; width: 40px; 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; } /* ---------------------------------------------------------------- Pies & Skills -----------------------------------------------------------------*/ .progress_bar { margin-bottom: 30px; overflow: hidden; } .progress_bar .fill_con { width: 100%; background: #eee; height: 35px; position: relative; } .progress_bar .fill { height: 100%; background: #004E9E; width: 0; white-space: nowrap; position: absolute; left: 0; top: 0; } .progress_bar .value { background: #fff; bottom: 5px; color: #324545; display: block; font-size: 12px; font-style: italic; line-height: 24px; padding: 0 7px; position: absolute; right: 5px; top: 5px; text-align: center; } .progress_bar .value .num { white-space: nowrap; } .progress_bar .small_line_bar .value { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); } .progress_bar .small_line_bar .title { text-shadow: 0 0 2px rgba(0, 0, 0, 0.3); } .progress_bar .value:after { border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 4px; content: ""; display: block; left: -7px; position: absolute; } .progress_bar .title { color: #fff; display: inline-block; font-size: 13px; left: -33%; line-height: 34px; margin-left: 13px; opacity: 0; position: absolute; text-transform: uppercase; } .progress_bar:last-of-type { margin-bottom: 0; } .white_section .progress_bar .fill_con { background: rgba(0, 0, 0, 0.3); } .white_section .progress_bar.prog_bar2 .fill_con { background: rgba(0, 0, 0, 0.3); box-shadow: 0 1px 0 rgba(255, 255, 255, 0.08), 1px 7px 7px rgba(0, 0, 0, 0.2) inset, 0 1px 0 rgba(0, 0, 0, 0.2) inset; } .white_section .prog_bar2_con > .title { color: #fff; } .white_section .hm_circle_progressbar.style1:not(.square):not(.path)::after { background: #fff; content: ""; display: block; height: 40%; left: 30%; position: absolute; top: 30%; width: 40%; } .white_section .hm_circle_title { color: #fff; } .progress_bar.prog_bar2 { overflow: initial; } .progress_bar.prog_bar2 .fill_con { height: 20px; position: relative; } .progress_bar.prog_bar2 .fill_con .fill { height: 18px; top: 1px; overflow: hidden; left: 1px; } .progress_bar.prog_bar2 .fill_con .fill:after { box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2) inset; -webkit-box-shadow: 0 4px 8px rgba(255, 255, 255, 0.2) inset; content: ""; display: block; height: 100%; width: 100%; } .progress_bar.prog_bar2 .fill_con .fill:before { background: rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, -1px -1px 0 rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset, -1px -1px 0 rgba(255, 255, 255, 0.2); content: ""; height: 6px; position: absolute; right: 7px; top: 6px; width: 6px; } .progress_bar.prog_bar2 .fill_con2 { height: 35px; position: relative; margin-bottom: 9px; overflow: hidden; } .progress_bar.prog_bar2 .fill_con2 .fill { background: none !important; } .progress_bar.prog_bar2 .value:after { border-color: rgba(0, 0, 0, 0.7) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-width: 5px; bottom: -10px; top: auto; } .progress_bar.prog_bar2 .value:before { border-color: rgba(255, 255, 255, 0.1) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 4px; bottom: -8px; content: ""; display: block; position: absolute; z-index: 10; } .progress_bar.prog_bar2 .value { background: rgba(0, 0, 0, 0.4); border: 1px solid rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.1) inset, 2px 2px 2px rgba(0, 0, 0, 0.3); color: #fff; top: 3px; } .prog_bar2_con:last-child > .progress_bar { margin-bottom: 0; } .prog_bar2_con:not(:last-child) { margin-bottom: 30px; } .progress_bar.prog_bar2 .fill, .progress_bar.prog_bar2 .fill_con, .progress_bar.prog_bar2 .fill_con .fill:after { border-radius: 20px; -moz-border-radius: 20px; -webkit-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px; } .prog_bar2_con > .title { display: block; margin-bottom: -30px; } .prog_bar2_con > .title i { font-size: 24px; margin-right: 13px; vertical-align: sub; display: none; } .prog_bar2_con > .title .prog_bar2_title { font-size: 15px; text-transform: uppercase; } .hm_circle_progressbar_con { text-align: center; } .hm_circle_progressbar { width: 100%; padding: 35px; opacity: 0; position: relative; } .hm_circle_progressbar > svg { width: 100%; display: block; } .hm_circle_progressbar .path_val { opacity: 1; position: absolute; white-space: nowrap; } .hm_circle_progressbar .path_val .num { font-weight: 300; } .hm_circle_progressbar.path { padding: 15px 35px 5px; } .hm_circle_progressbar.square { padding: 55px; } .hm_circle_title { font-size: 16px; text-transform: uppercase; color: #324545; } .hm_circle_progressbar > .progressbar-text, .hm_circle_progressbar .path_val { font-family: "Oswald", "Open Sans", sans-serif; font-size: 32px; font-weight: 300; opacity: 0; } .hm_circle_progressbar:not(.style1) > .progressbar-text { color: #fff; } .hm_circle_progressbar.style1 > .progressbar-text { color: #324545; position: relative; z-index: 2; } /* ---------------------------------------------------------------- Pricing Tables -----------------------------------------------------------------*/ .plan_col { background: #ffffff; position: relative; } .plan_col .spec_req2 { left: 50%; position: absolute; top: 0; z-index: 1; } .plan_col .polygon_con { max-height: 115px; max-width: 115px; display: block; left: 50%; position: absolute; top: 0; } .plan_col .polygon_con .polygon_fill { fill: #fff; stroke: #004E9E; } .plan_col .polygon_con svg { height: 100%; width: 100%; } .plan_col li i { margin-right: 10px; } .plan_col li i.check_icon { color: #92C135; } .plan_col li i.wrong_icon { color: #e74c3c; } .content_section:not(.white_section):not(.bg_fixed) .plan_col.plan_column1 { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset; padding: 1px; } .plan_col.plan_column1 { margin-top: 50px; text-align: center; } .plan_col.plan_column1 > h6 { position: relative; color: #004E9E; border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -o-border-radius: 5px 5px 0px 0px; padding-bottom: 20px; padding-top: 65px; margin: -1px; } .plan_col.plan_column1 > h6 .plan_price_name { font-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_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: #004E9E; 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: #004E9E; font-size: 59%; font-weight: 300; margin-right: 5px; } .plan_column1 .plan_price_block .plan_price_in .plan_per { color: #004E9E; font-size: 13px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase; } .plan_col.active_plan .polygon_con .polygon_fill, .plan_col:hover .polygon_con .polygon_fill { fill: #fff; stroke: #004E9E; } .plan_price_btn i { margin-right: 10px; } .plan_col.plan_column1:hover > h6, .plan_col.plan_column1.active_plan > h6 { background: #004E9E; color: #fff; } .plan_col.plan_column1:hover > h6:after { opacity: 1; } .hm-pricing-container { max-width: 1170px; margin: 4em auto; } .hm-pricing-list { margin: 2em 0 0; } .hm-pricing-list > li { margin-bottom: 15px; position: relative; background: #FFFFFF; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); outline: 1px solid transparent; } .hm-pricing-list > li.is-ended::after { display: none; } .hm-secondary-theme .hm-pricing-list > li > header:after { background: rgba(255, 255, 255, 0.07); content: ""; display: block; bottom: 0; left: 0; height: 1px; width: 100%; position: absolute; } .hm-secondary-theme .hm-pricing-list > li:after { background: rgba(255, 255, 255, 0.05); position: absolute; content: ""; display: block; height: 100%; right: 0; top: 0; width: 1px; } .content_section:not(.white_section) .hm-pricing-container:not(.hm-full-width) .hm-pricing-list > li:not(.hm-popular) { border: 1px solid #e4e4e4; box-shadow: none; } .hm-pricing-header { font-family: "Oswald", "Open Sans", sans-serif; position: relative; z-index: 1; height: 80px; padding: 1em; pointer-events: none; background: #004E9E; color: #FFFFFF; } .hm-pricing-header h2 { color: inherit; font-size: inherit; font-weight: 500; margin-bottom: 3px; margin-top: 0; text-transform: uppercase; } .hm-popular .hm-pricing-header { background: #e74c3c; } .hm-popular .hm-duration { color: #f3b6ab; } .hm-currency, .hm-value { font-size: 2.6rem; font-weight: 300; } .hm-duration { font-weight: 700; font-size: 1.3rem; color: #DFF9F9; text-transform: uppercase; } .hm-duration::before { content: '/'; margin-right: 2px; } .hm-pricing-body { overflow-x: auto; color: #324545; -webkit-overflow-scrolling: touch; } .hm-pricing-features { width: 600px; } .hm-pricing-features li { width: 100px; float: left; padding: 1.6em 1em; font-size: 1.4rem; text-align: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .hm-pricing-features em { display: block; margin-bottom: 5px; font-weight: 600; } .hm-pricing-features:after { content: ""; display: table; clear: both; } .hm-pricing-footer { position: absolute; z-index: 1; top: 0; left: 0; height: 80px; width: 100%; } .hm-pricing-footer::after { content: ''; position: absolute; right: 1em; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 20px; width: 20px; background: url(../images/hm-icon-small-arrow.svg); } .hm-select { position: relative; z-index: 1; display: block; height: 100%; overflow: hidden; text-indent: 100%; white-space: nowrap; color: transparent; } /*------------------------------------------------------------- Pricing Table Responsive -------------------------------------------------------------*/ @media only screen and (min-width: 1500px) { .hm-full-width .hm-pricing-list > li { padding: 2.5em 0; } } @media only screen and (min-width: 768px) { .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-container.hm-full-width .hm-select { background: #323C47; } .hm-pricing-container.hm-full-width .hm-popular .hm-select { background: #323C47; } .hm-pricing-list { margin: 0; } .hm-pricing-list > li { margin-bottom: 0px; width: 33.3333333333%; float: left; } .hm-pricing-list > li::after { display: none; } .hm-pricing-list > li.hm-popular { box-shadow: inset 0 0 0 3px #e74c3c; } .hm-pricing-list > li.hm-popular::before { display: none; } .hm-pricing-list:after { content: ""; display: table; clear: both; } .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 { margin: -1.2em 0 0; } .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-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 > header { background: rgba(0, 0, 0, 0.2); } .hm-secondary-theme .hm-pricing-list > li.hm-popular { background: #161D24; box-shadow: 0 0 0 3px #e74c3c inset; } .hm-secondary-theme .hm-pricing-header { color: #FFFFFF; } .hm-secondary-theme .hm-pricing-features li { color: #FFFFFF; } .hm-secondary-theme .hm-pricing-features li:nth-of-type(2n+1) { background: transparent; } .hm-secondary-theme .hm-popular .hm-select { background: #004E9E; } .hm-pricing-list:nth-of-type(1)::before { 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-has-margins .hm-pricing-footer { padding-bottom: 0; } .hm-has-margins .hm-select { display: block; padding: 1.1em 0; border-radius: 0 0 4px 4px; } .hm-popular .hm-pricing-wrapper > li::before { display: none; } .hm-popular .hm-pricing-header { color: #e74c3c; background: transparent; } .hm-popular .hm-pricing-features li { margin: 0 3px; } .hm-popular .hm-select { background: #273232; } .hm-pricing-header { height: auto; padding: 1.9em 0.9em 1.6em; pointer-events: auto; text-align: center; color: #324545; background: transparent; } .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: #e74c3c; } .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-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-pricing-footer { position: relative; height: auto; padding: 1.8em 0; text-align: center; } .hm-pricing-footer::after { display: none; } .hm-select { position: static; display: inline-block; height: auto; padding: 1.1em 3em; color: #FFFFFF; border-radius: 2px; background: #004E9E; font-size: 1.4rem; text-indent: 0; text-transform: uppercase; letter-spacing: 1px; } .no-touch .hm-select:hover { background: #273232; color: #fff; } .no-touch .hm-secondary-theme .hm-pricing-list > li .hm-select:hover { background: #004E9E; color: #fff; } .no-touch .hm-secondary-theme .hm-popular .hm-select:hover { background: #18C4C1; } .no-touch .hm-popular .hm-select:hover { background: #004E9E; color: #fff; } .hm-pricing-list > li.hm-popular + li::before { display: none; } } /* ---------------------------------------------------------------- Carousel -----------------------------------------------------------------*/ .featured_slider { position: relative; background: #233039; } .featured_slider:not(.full_carousel) { margin-bottom: 25px; } .featured_slide_img { display: block; position: relative; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; } .featured_slide_img .img_cart_con_h { display: block; position: relative; } .featured_slide_img .img_cart_con_h img { opacity: 0; } .featured_slide_img .img_cart_con { display: block; width: 100%; height: 100%; top: 0; position: absolute; overflow: hidden; } .featured_slide_img .img_cart_con.flip_left { left: -50%; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); } .featured_slide_img .img_cart_con.flip_left img { right: -50%; } .featured_slide_img .img_cart_con.flip_right { right: -50%; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -o-transform: rotateY(0deg); } .featured_slide_img .img_cart_con.flip_right img { right: 50%; } .featured_slide_img > .f_s_i_format { right: 0; } .featured_slide_block { position: relative; overflow: hidden; -webkit-perspective: 400px; -moz-perspective: 400px; -o-perspective: 400px; perspective: 400px; } .featured_slide_img:after { box-shadow: 0 0 60px rgba(0, 0, 0, 0.5) inset; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; opacity: 0; } .featured_slide_block:hover .featured_slide_img:after { opacity: 1; } .featured_slide_block:hover .featured_slide_img .img_cart_con.flip_left { left: -50%; transform: rotateY(40deg); -webkit-transform: rotateY(40deg); -moz-transform: rotateY(40deg); -o-transform: rotateY(40deg); } .featured_slide_block:hover .featured_slide_img .img_cart_con.flip_right { right: -50%; transform: rotateY(-40deg); -webkit-transform: rotateY(-40deg); -moz-transform: rotateY(-40deg); -o-transform: rotateY(-40deg); } .featured_slide_block:hover .featured_slide_details { bottom: 0; opacity: 1; } .featured_slide_block:hover .f_s_i_zoom { opacity: 1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1); -moz-transform: translateY(-50%) translateX(-50%) scale(1); -ms-transform: translateY(-50%) translateX(-50%) scale(1); -o-transform: translateY(-50%) translateX(-50%) scale(1); transform: translateY(-50%) translateX(-50%) scale(1); } .featured_slide_img .img_cart_con.flip_left img, .featured_slide_img .img_cart_con.flip_right img { display: block; position: absolute; top: 0; } .featured_slide_details { background: #1B2228; bottom: -40%; opacity: 0; position: absolute; width: 100%; font-size: 13px; } .f_s_d_link { color: #fff; display: block; padding: 15px 15px 15px 52px; text-transform: uppercase; } .f_s_d_link:hover { color: #fff; } .flip_right .f_s_i_format { left: 50%; margin-left: -40px; } .f_s_i_format { background: rgba(255, 255, 255, 0.9); box-shadow: 0 0 3px rgba(0, 0, 0, 0.3); color: #004E9E; display: block; font-size: 16px; height: 40px; line-height: 40px; padding: 0; position: absolute; text-align: center; top: 0; width: 40px; z-index: 1; } .f_s_i_date { background: rgba(0, 0, 0, 0.6); color: #fff; display: block; font-size: 13px; height: 100%; left: 0; opacity: 1; padding: 7px 5px 3px; position: absolute; text-align: center; width: 40px; z-index: 1; } .f_s_i_date span { display: inline-block; vertical-align: top; } .f_s_i_date .day { font-size: 11px; } .f_s_i_date .mounth { font-size: 10px; font-weight: 300; line-height: 10px; text-transform: uppercase; } .f_s_i_zoom { color: #fff; font-size: 24px; height: 40px; line-height: 40px; position: absolute; text-align: center; width: 40px; z-index: 10; opacity: 0; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%) scale(0); -moz-transform: translateY(-50%) translateX(-50%) scale(0); -ms-transform: translateY(-50%) translateX(-50%) scale(0); -o-transform: translateY(-50%) translateX(-50%) scale(0); transform: translateY(-50%) translateX(-50%) scale(0); } .related_posts_slide { padding: 0 5px; } .related_posts_slide .related_img { display: inline-block; margin-bottom: 8px; overflow: hidden; position: relative; max-width: 100%; } .related_posts_slide .related_img > span { color: #fff; display: block; font-size: 17px; height: 50px; line-height: 50px; position: absolute; text-align: center; width: 50px; left: 50%; top: 50%; opacity: 0; -webkit-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -moz-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -ms-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); -o-transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); transform: translateY(-50%) translateX(-50%) scale(2) rotate(45deg); } .related_posts_slide .related_img > span i { position: relative; z-index: 1; text-shadow: 0 0px 4px rgba(0, 0, 0, 0.2); } .related_posts_slide .related_img > span:after { position: absolute; background: #004E9E; opacity: .7; content: ""; width: 100%; height: 100%; top: 0; left: 0; } .related_posts_slide .related_img_con { position: relative; } .related_posts_slide .related_title { color: #324545; font-size: 14px; margin: 0; } .related_posts_slide .related_title:hover { color: #004E9E; } .related_posts_slide .post_date { color: #999; display: block; font-size: 12px; margin-top: 5px; } .related_posts_slide .related_img:hover > span { opacity: 1; -webkit-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -moz-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -ms-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -o-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); } .related_posts_slide .related_img:hover > img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .related_slider_widget .related_posts_slide { padding: 0; } .related_slider_widget .related_posts_slide .related_title { text-transform: uppercase; } .related_posts_con { margin-left: -5px; margin-bottom: 23px; } .hoverdir_con { background: #2E333D; color: #fff; height: 100%; position: absolute; text-align: center; width: 100%; } .hoverdir_meta { position: absolute; width: 100%; } .hoverdir_meta .proj_name { text-transform: uppercase; } .proj_date { font-size: 13px; } /* ---------------------------------------------------------------- Buttons -----------------------------------------------------------------*/ .btn_a { border: 1px solid #e4e4e4; display: inline-block; font-size: 13px; vertical-align: top; overflow: hidden; color: #888; } .btn_a > span { background: #fff; display: block; overflow: hidden; position: relative; padding-right: 45px; } .btn_a > span > span { display: inline-block; left: 46px; padding: 13px 15px 14px; border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; position: relative; white-space: nowrap; } .btn_a i.in_left { padding-left: 2px; left: 0px; } .btn_a i.in_right { padding-right: 2px; right: -45px; opacity: 0; } .btn_a:not(.color1):hover { color: #004E9E; } .btn_a:hover { color: #555; } .btn_a:hover > span > span { left: -1px; } .btn_a:hover i.in_left { left: -45px; opacity: 0; } .btn_a:hover i.in_right { right: 0; opacity: 1; } .btn_a i.in_right, .btn_a i.in_left, .btn_a > span > span { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .btn_a i.in_left, .btn_a i.in_right { color: #004E9E; font-size: 16px; position: absolute; text-align: center; top: 0; width: 45px; line-height: 46px; } .bottom_space { margin-bottom: 20px; } .btn_a.color1 i.in_left, .btn_a.color2 i.in_left, .btn_a.color3 i.in_left, .btn_a.color4 i.in_left, .btn_a.color5 i.in_left, .btn_a.color6 i.in_left, .btn_a.color7 i.in_left, .btn_a.color1 i.in_right, .btn_a.color2 i.in_right, .btn_a.color3 i.in_right, .btn_a.color4 i.in_right, .btn_a.color5 i.in_right, .btn_a.color6 i.in_right, .btn_a.color7 i.in_right { background: rgba(0, 0, 0, 0.1); } .btn_a.large_btn { font-size: 16px; } .btn_a.large_btn > span { padding-right: 60px; } .btn_a.large_btn > span > span { left: 61px; padding: 17px 18px 19px; } .btn_a.large_btn i.in_left, .btn_a.large_btn i.in_right { line-height: 59px; height: 100%; width: 60px; font-size: 18px; } .btn_a.large_btn:hover > span > span { left: -1px; } .btn_a.large_btn:hover i.in_left { left: -60px; opacity: 0; } .btn_a.large_btn:hover i.in_right { right: 0; opacity: 1; } .btn_a.small_btn { font-size: 13px; } .btn_a.small_btn > span { padding-right: 35px; } .btn_a.small_btn > span > span { left: 36px; padding: 10px; } .btn_a.small_btn i.in_left, .btn_a.small_btn i.in_right { line-height: 39px; width: 35px; font-size: 13px; } .btn_a.small_btn:hover > span > span { left: -1px; } .btn_a.small_btn:hover i.in_left { left: -35px; opacity: 0; } .btn_a.small_btn:hover i.in_right { right: 0; opacity: 1; } .btn_a.color1, .btn_a.color2, .btn_a.color3, .btn_a.color4, .btn_a.color5, .btn_a.color6, .btn_a.color7 { border: none; } .btn_a.color1 > span, .btn_a.color2 > span, .btn_a.color3 > span, .btn_a.color4 > span, .btn_a.color5 > span, .btn_a.color6 > span, .btn_a.color7 > span { color: #fff; } .btn_a.color1 > span { background: #004E9E; } .btn_a.color2 > span { background: #3BADAF; } .btn_a.color3 > span { background: #e74c3c; } .btn_a.color4 > span { background: #5F52B7; } .btn_a.color5 > span { background: #B853A3; } .btn_a.color6 > span { background: #92C135; } .btn_a.color7 > span { background: #576162; } .btn_a.color1 > span > span, .btn_a.color2 > span > span, .btn_a.color3 > span > span, .btn_a.color4 > span > span, .btn_a.color5 > span > span, .btn_a.color6 > span > span, .btn_a.color7 > span > span { border-color: rgba(255, 255, 255, 0); } .btn_a.color1 i.in_left, .btn_a.color1 i.in_right, .btn_a.color2 i.in_left, .btn_a.color2 i.in_right, .btn_a.color3 i.in_left, .btn_a.color3 i.in_right, .btn_a.color4 i.in_left, .btn_a.color4 i.in_right, .btn_a.color5 i.in_left, .btn_a.color5 i.in_right, .btn_a.color6 i.in_left, .btn_a.color6 i.in_right, .btn_a.color7 i.in_left, .btn_a.color7 i.in_right { color: #fff; } .btn_b { background: #fff; border: 1px solid #e4e4e4; padding: 11px 14px 11px 18px; color: #ccc; display: inline-block; position: relative; overflow: hidden; margin-right: 15px; vertical-align: top; font-size: 14px; } .btn_b .hidden_element:after { color: #999; content: attr(data-text); left: 0px; position: absolute; top: 0px; } .btn_b .hidden_element:before { color: #999; content: attr(data-text); position: absolute; top: 50px; } .white_section .btn_b.white_btn { border: none; } .white_section .btn_b:not(.white_btn) { background: rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3) inset; border: none; } .white_section .btn_b:not(.white_btn) .hidden_element:before, .white_section .btn_b:not(.white_btn) .hidden_element:after { color: #fff; } .white_btn { background: #fff; border: 1px solid #fff; color: #555; } .btn_b:hover .hidden_element:after { top: -50px; } .btn_b:hover .hidden_element:before { top: 0; } .btn_b.large_btn { padding: 15px 20px 16px 24px; font-size: 16px; } .btn_b.small_btn { padding: 8px 10px 8px 12px; font-size: 13px; } .acc_content .main_button { line-height: normal; margin-top: 20px; } .btn_b.color1 .hidden_element:before, .btn_b.color1 .hidden_element:after, .btn_b.color2 .hidden_element:before, .btn_b.color2 .hidden_element:after, .btn_b.color3 .hidden_element:before, .btn_b.color3 .hidden_element:after, .btn_b.color4 .hidden_element:before, .btn_b.color4 .hidden_element:after, .btn_b.color5 .hidden_element:before, .btn_b.color5 .hidden_element:after, .btn_b.color6 .hidden_element:before, .btn_b.color6 .hidden_element:after, .btn_b.color7 .hidden_element:before, .btn_b.color7 .hidden_element:after { color: #fff; } .btn_b.color1 { background: #004E9E; border-color: #004E9E; } .btn_b.color2 { background: #3BADAF; border-color: #3BADAF; } .btn_b.color3 { background: #e74c3c; border-color: #e74c3c; } .btn_b.color4 { background: #5F52B7; border-color: #5F52B7; } .btn_b.color5 { background: #B853A3; border-color: #B853A3; } .btn_b.color6 { background: #92C135; border-color: #92C135; } .btn_b.color7 { background: #576162; border-color: #576162; } .btn_c { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset; display: inline-block; background: #576162; color: #fff; font-size: 13px; font-style: italic; position: relative; margin-top: 30px; height: 43px; line-height: 42px; padding: 0 15px 0 54px; } .btn_c span.btn_c_ic_a { left: 0; } .btn_c span.btn_c_ic_b { right: 50%; } .btn_c span.btn_c_ic_a, .btn_c span.btn_c_ic_b { background: #454d4f; display: block; height: 43px; line-height: 43px; text-align: center; width: 43px; position: absolute; top: 0; font-size: 18px; } .btn_c.large_btn { font-size: 18px; height: 60px; line-height: 60px; padding: 0 22px 0 75px; } .btn_c.large_btn span.btn_c_ic_a, .btn_c.large_btn span.btn_c_ic_b { height: 60px; line-height: 60px; width: 60px; } .btn_c.medium_btn { font-size: 15px; height: 50px; line-height: 47px; padding: 0 20px 0 64px; } .btn_c.medium_btn span.btn_c_ic_a, .btn_c.medium_btn span.btn_c_ic_b { height: 50px; line-height: 50px; width: 50px; } .btn_c:hover { color: #fff; padding: 0 54px 0 15px; } .btn_c:hover span.btn_c_ic_a { left: 50%; } .btn_c:hover span.btn_c_ic_b { -moz-transform: scale(1); -webkit-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); right: 0; } .btn_c.large_btn:hover { padding: 0 75px 0 22px; } .btn_c.medium_btn:hover { padding: 0 64px 0 20px; } .btn_c span.btn_c_ic_b, .btn_c:hover span.btn_c_ic_a { -moz-transform: scale(0); -webkit-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .btn_c.color1 span.btn_c_ic_a, .btn_c.color1 span.btn_c_ic_b, .btn_c.color2 span.btn_c_ic_a, .btn_c.color2 span.btn_c_ic_b, .btn_c.color3 span.btn_c_ic_a, .btn_c.color3 span.btn_c_ic_b, .btn_c.color4 span.btn_c_ic_a, .btn_c.color4 span.btn_c_ic_b, .btn_c.color5 span.btn_c_ic_a, .btn_c.color5 span.btn_c_ic_b, .btn_c.color6 span.btn_c_ic_a, .btn_c.color6 span.btn_c_ic_b, .btn_c.color7 span.btn_c_ic_a, .btn_c.color7 span.btn_c_ic_b { background: rgba(0, 0, 0, 0.1); } .btn_c.color1 { background: #004E9E; } .btn_c.color2 { background: #3BADAF; } .btn_c.color3 { background: #e74c3c; } .btn_c.color4 { background: #5F52B7; } .btn_c.color5 { background: #B853A3; } .btn_c.color6 { background: #92C135; } .btn_c.color7 { background: #576162; } .main_button { background: #fff; border: 1px solid #e4e4e4; color: #999; padding: 11px 14px; font-size: 13px; display: inline-block; } .main_button i { margin-right: 11px; } .main_button.large_btn { font-size: 16px; padding: 12px 18px 14px; } .main_button.large_btn i { margin-right: 14px; } .main_button.small_btn { font-size: 12px; padding: 7px 10px; } .main_button.small_btn i { margin-right: 9px; } .main_button:hover { color: #666; } .main_button.color1:hover, .main_button.color2:hover, .main_button.color3:hover, .main_button.color4:hover, .main_button.color5:hover, .main_button.color6:hover, .main_button.color7:hover, .main_button.color1, .main_button.color2, .main_button.color3, .main_button.color4, .main_button.color5, .main_button.color6, .main_button.color7 { color: #fff; } .main_button.color1 { background: #004E9E; border-color: #004E9E; } .main_button.color1:hover { background: #083C3B; border-color: #083C3B; } .main_button.color2 { background: #3BADAF; border-color: #3BADAF; } .main_button.color2:hover { background: #143B3C; border-color: #143B3C; } .main_button.color3 { background: #D10707; border-color: #D10707; } .main_button.color3:hover { background: #2F2F2F; border-color: #2F2F2F; } .main_button.color4 { background: #5F52B7; border-color: #5F52B7; } .main_button.color4:hover { background: #1F1B3C; border-color: #1F1B3C; } .main_button.color5 { background: #B853A3; border-color: #B853A3; } .main_button.color5:hover { background: #3C1B35; border-color: #3C1B35; } .main_button.color6 { background: #92C135; border-color: #92C135; } .main_button.color6:hover { background: #2D3C10; border-color: #2D3C10; } .main_button.color7 { background: #576162; border-color: #576162; } .main_button.color7:hover { background: #393B3C; border-color: #393B3C; } /* ---------------------------------------------------------------- Google Map -----------------------------------------------------------------*/ .bordered_content:not(.with_text) .google_map { height: 350px; } .google_map { display: block; margin: 0 auto; width: 100%; } .google_map img { max-width: none; } .content .bordered_content { margin-bottom: 25px; } .content .bordered_content.bordered { border: 1px solid #e7e7e7; padding: 8px; } .bordered_content.bordered { border-top: 1px solid #e7e7e7; border-bottom: 1px solid #e7e7e7; padding: 8px 0px; margin-bottom: 0; } .bordered_content.with_text { margin: 0 25px 25px 0; } /*-------- World Maps --------*/ .mapTooltip { position: fixed; background: #fff; moz-opacity: 0.70; opacity: 0.70; filter: alpha(opacity=70); padding: 10px 15px; z-index: 1000; max-width: 200px; display: none; color: #343434; } .mapTooltip > span { font-size: 16px; text-transform: uppercase; } .mapcontainer .areaLegend, .mapcontainer .plotLegend { float: left; width: 50%; } /* ---------------------------------------------------------------- Thembs Gallery -----------------------------------------------------------------*/ .thumbs_gall_slider_larg:not(.internal_porto) .item > a:after { background: #004E9E; 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_con { border: 1px solid #E5E5E5; position: relative; background: #fff; } .thumbs_gall_slider_con .owl-controls { position: absolute; z-index: 1; width: 100%; opacity: 0; } .gall_thumbs { padding: 15px 14px; } .gall_thumbs .owl-item { border: 1px solid #fff; } .gall_thumbs .current_thumb { border: 1px solid #004E9E; overflow: hidden; } .gall_thumbs .item { cursor: pointer; } .gall_thumbs .item h1 { font-size: 18px; } .thumbs_gall_slider_con:hover .owl-controls { opacity: 1; } .thumbs_gall_slider_larg .enar_owl_n, .thumbs_gall_slider_larg .enar_owl_p { background: #e74c3c; color: #fff; display: block; font-size: 16px; height: 25px; line-height: 25px; text-align: center; width: 25px; } .content_thumbs_gall { margin-bottom: 25px; } .content_thumbs_gall .thumbs_gall_slider_larg { padding: 7px; border-bottom: none; } .content_thumbs_gall .thumbs_gall_slider_larg .owl-prev { left: 0; margin-top: -13px; } .content_thumbs_gall .thumbs_gall_slider_larg .owl-next { right: 14px; margin-top: -13px; } .content_thumbs_gall .gall_thumbs { padding: 0 0px 7px 7px; } .content_thumbs_gall .gall_thumbs .owl-item { border: none; } .content_thumbs_gall .gall_thumbs .owl-item > .item { margin-right: 7px; overflow: hidden; position: relative; } .content_thumbs_gall .gall_thumbs .owl-item.current_thumb > .item, .content_thumbs_gall .gall_thumbs .owl-item:hover > .item { opacity: 0.4; } .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_n, .gall_arrow2 .thumbs_gall_slider_larg .enar_owl_p { background: #fff; color: #004E9E; font-size: 24px; height: 40px; line-height: 40px; width: 40px; } .thumbs_gall_slider_con.content_thumbs_gall .owl-controls { opacity: 1; } .content_thumbs_gall.gall_arrow2 .thumbs_gall_slider_larg .owl-prev { left: 20px; margin-top: -20px; } .content_thumbs_gall.gall_arrow2 .thumbs_gall_slider_larg .owl-next { right: 40px; margin-top: -20px; } .col-md-12 > .content_thumbs_gall .thumbs_gall_slider_larg .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; } .thumbs_gall_slider_larg { border-bottom: 1px solid #E5E5E5; } .thumbs_gall_slider_larg .item { position: relative; overflow: hidden; } .thumbs_gall_slider_larg .item > a { display: block; position: relative; pointer-events: none; } .thumbs_gall_slider_larg .item:hover a:after { opacity: 0.7; -webkit-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -moz-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -ms-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); -o-transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); transform: translateY(-50%) translateX(-50%) scale(1) rotate(0deg); } .thumbs_gall_slider_larg .owl-prev { left: -1px; } .thumbs_gall_slider_larg .owl-next { right: -1px; } /* ---------------------------------------------------------------- Tooltip -----------------------------------------------------------------*/ .hm_tooltip1, .hm_tooltip2, .hm_tooltip3 { display: inline; position: relative; z-index: 999; } .hm_tooltip-item1 { color: #004E9E; cursor: pointer; display: inline-block; font-weight: 700; padding: 0 5px; } .hm_tooltip-item1:after { content: ''; position: absolute; width: 360px; height: 20px; bottom: 100%; left: 50%; pointer-events: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .hm_tooltip1:hover .hm_tooltip-item1:after { pointer-events: auto; } .hm_tooltip1:hover .hm_tooltip-content1 { pointer-events: auto; opacity: 1; -webkit-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); -moz-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); -o-transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); transform: translate3d(0, 0, 0) rotate3d(0, 0, 0, 0); } .hm_tooltip-content1 { position: absolute; z-index: 9999; min-width: 360px; left: 50%; margin: 0 0 20px -180px; bottom: 100%; text-align: left; font-size: 13px; line-height: 22px; background: #171B1E; opacity: 0; cursor: default; pointer-events: none; } .hm_tooltip-content1 img { position: relative; max-height: 170px; display: block; float: left; margin-right: 1.6em; } .tooltip-effect1-1 .hm_tooltip-content1 { -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); -o-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect1-2 .hm_tooltip-content1 { -webkit-transform-origin: 50% calc(110%); -moz-transform-origin: 50% calc(110%); -o-transform-origin: 50% calc(110%); transform-origin: 50% calc(110%); -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -moz-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -o-transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); transform: perspective(1000px) rotate3d(1, 0, 0, 45deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; -o-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect1-3 .hm_tooltip-content1 { -webkit-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -moz-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -o-transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); transform: translate3d(0, 10px, 0) rotate3d(1, 1, 0, 25deg); -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-effect1-4 .hm_tooltip-content1 { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transform: scale3d(0.7, 0.3, 1); -moz-transform: scale3d(0.7, 0.3, 1); -o-transform: scale3d(0.7, 0.3, 1); transform: scale3d(0.7, 0.3, 1); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; -o-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; } .tooltip-effect1-5 .hm_tooltip-content1 { width: 180px; margin-left: -90px; -webkit-transform-origin: 50% calc(106%); -moz-transform-origin: 50% calc(106%); -o-transform-origin: 50% calc(106%); transform-origin: 50% calc(106%); -webkit-transform: rotate3d(0, 0, 1, 15deg); -moz-transform: rotate3d(0, 0, 1, 15deg); -o-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); -webkit-transition: opacity 0.2s, -webkit-transform 0.2s; -moz-transition: opacity 0.2s, transform 0.2s; -o-transition: opacity 0.2s, transform 0.2s; transition: opacity 0.2s, transform 0.2s; -webkit-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); -moz-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); -o-transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); transition-timing-function: ease, cubic-bezier(0.17, 0.67, 0.4, 1.39); } .tooltip-effect1-5 .hm_tooltip-text1 { padding: 1.4em; } .hm_tooltip1.tooltip-effect1-2:hover .hm_tooltip-content1 { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); -moz-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); -o-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); } .hm_tooltip-content1:after { content: ''; top: 100%; left: 50%; border: solid transparent; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-top-color: #171B1E; border-width: 10px; margin-left: -10px; } .hm_tooltip-text1 { display: block; padding: 1.31em 1.21em 1.21em 0; color: #fff; } .hm_tooltip-text1 a { font-weight: bold; } .tooltip-item2 { cursor: pointer; font-weight: bold; } .tooltip-turnright .tooltip-content2 { -webkit-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); -moz-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); -o-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); -ms-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, 6deg); } .tooltip-turnright .tooltip-content2:after { left: 25%; -webkit-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -moz-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -ms-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -o-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); } .tooltip-turnleft .tooltip-content2 { -webkit-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); -moz-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); -o-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); -ms-transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); transform: translate3d(0, 50px, 0) rotate3d(1, 1, 1, -6deg); } .tooltip-turnleft .tooltip-content2:after { right: 25%; -webkit-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -moz-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -ms-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); -o-transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); transform: rotate3d(1, 1, 1, 25deg) translate3d(0, -15px, 0); } .hm_tooltip2:hover .tooltip-content2 { opacity: 1; pointer-events: auto; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .tooltip-content2 { position: absolute; font-size: 16px; background: #fff; z-index: 9999; width: 280px; bottom: 100%; left: 50%; margin: 0 0 105px -140px; padding: 25px; text-align: left; border-radius: 10px/50%; -moz-border-radius: 10px/50%; -webkit-border-radius: 10px/50%; -ms-border-radius: 10px/50%; -o-border-radius: 10px/50%; color: #dd5864; opacity: 0; cursor: default; line-height: 26px; pointer-events: none; -webkit-transition: opacity 0.3s, -webkit-transform 0.3s; -moz-transition: opacity 0.3s, transform 0.3s; -ms-transition: opacity 0.3s, transform 0.3s; -o-transition: opacity 0.3s, transform 0.3s; transition: opacity 0.3s, transform 0.3s; } .tooltip-content2:after { content: ''; position: absolute; width: 60px; height: 120px; top: 100%; background: url(../images/tooltip3.svg) no-repeat center center; background-size: 100%; -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -o-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -moz-transition: transform 0.3s; -webkit-transition: transform 0.3s; -o-transition: transform 0.3s; -ms-transition: transform 0.3s; } .tooltip-turnright:hover .tooltip-content2:after { -webkit-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -moz-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -ms-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -o-transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); transform: scale3d(-1, 1, 1) rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); } .tooltip-turnleft:hover .tooltip-content2:after { -webkit-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -moz-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -ms-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); -o-transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); transform: rotate3d(1, 1, 1, 0) translate3d(0, -5px, 0); } .colorful_icons { max-width: 100px; } .colorful_icons_con { text-align: center; } .colorful_icons_con > span { display: block; } .colorful_title { display: block; font-size: 22px; font-weight: 300; margin-top: 10px; } .tooltip-content3 { position: absolute; background: url(../images/shape1.svg) no-repeat center bottom; background-size: 100% 100%; z-index: 9999; width: 200px; bottom: 100%; left: 50%; margin-left: -100px; padding: 50px 30px; text-align: center; color: #fff; opacity: 0; cursor: default; font-size: 16px; line-height: 1.8; pointer-events: none; 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: #004E9E; -webkit-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); -moz-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); -o-transform: translate3d(0, -60%, 0) rotate3d(0, 0, 1, 45deg); } /* ---------------------------------------------------------------- Accordion -----------------------------------------------------------------*/ .acc_content { padding: 17px 25px 20px; background: #fff; border-color: #e5e5e5; border-style: solid; border-width: 0 1px 1px; line-height: 24px; } .acc_content .small_title .small_title_con { background: #FFF; } .acc_content .list3 { margin-top: 20px; } .enar_occ_title { background: #fff; border: 1px solid #e5e5e5; cursor: pointer; display: block; padding: 12px 25px 11px; position: relative; text-transform: uppercase; } .enar_occ_title i { color: #ccc; font-size: 16px; margin-right: 12px; } .occ_expanded .enar_occ_title { color: #fff; background: #004E9E; border-color: #004E9E; } .occ_expanded .enar_occ_title i { color: #fff; } .hm_filter_wrapper_con .occ_expanded .enar_occ_title { color: #004E9E; background: #fff; border-color: #004E9E #004E9E #e5e5e5 #004E9E; } .hm_filter_wrapper_con .occ_expanded .enar_occ_title i { color: #004E9E; } .hm_filter_wrapper_con .acc_content { border-color: #004E9E; } .hm_filter_wrapper_con .enar_occ_container { padding-bottom: 0px; } .enar_occ_container { position: relative; padding-bottom: 5px; } .enar_occ_content { overflow: hidden; height: 0; position: relative; } .panel-heading a { position: relative; color: #777; border: 1px solid #E5E5E5; } .panel-heading a i { color: #aaa; margin-right: 12px; font-size: 16px; } .panel-heading a:not(.collapsed) { background: #004E9E; color: #fff; border-color: #004E9E; } .panel-heading a:not(.collapsed) i { color: #fff; } .panel-heading a:hover i { color: #004E9E; } .panel-heading a:not(.collapsed):hover i { color: #fff; } .plus_minus_style .panel-heading a:after, .plus_minus_style .panel-heading a:before, .plus_minus .enar_occ_title:after, .plus_minus .enar_occ_title:before { background: #cecece; content: ""; height: 1px; position: absolute; right: 20px; top: 50%; width: 11px; } .plus_minus_style .panel-heading a.collapsed:before, .plus_minus .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: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: #004E9E; } .panel-heading a:hover:after, .panel-heading a:hover:before { background: #004E9E; } .panel-heading a:not(.collapsed):hover:after, .panel-heading a:not(.collapsed):hover:before { background: #fff; } .bg_gray .panel-default > .panel-heading { background: #fff; } /* ---------------------------------------------------------------- Sliders -----------------------------------------------------------------*/ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut 0.7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn 0.7s both ease; } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade 0.7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown 0.6s ease both; } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom 0.5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo 0.5s ease both; } @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } @media screen and (max-width: 32em) { .wobbly_slide h1, .wobbly_slide blockquote { font-size: 2em; } } /*-------------------------------------------------[ Owl Custom ]------*/ .owl-prev, .owl-next { position: absolute; } #enar_owl_slider .owl-item { overflow: hidden; } #enar_owl_slider .btn_a { margin: 50px 0 0; border: none; } #enar_owl_slider .owl_slider_con { left: 50%; width: 100%; max-width: 1170px; position: absolute; z-index: 1; padding: 0 15px; } #enar_owl_slider .owl_slider_con > span.transform_owl { -webkit-transition: all 0.7s 0.5s; -moz-transition: all 0.7s 0.5s; transition: all 0.7s 0.5s; right: 0; opacity: 1; } #enar_owl_slider .owl-wrapper-outer { height: 100%; } #enar_owl_slider .owl-wrapper { cursor: move; } #enar_owl_slider .owl-prev { left: 10px; } #enar_owl_slider .owl-next { right: 10px; } #enar_owl_slider .item > img { width: 100%; } #enar_owl_slider .enar_owl_p > span { left: 18px; top: 21px; } #enar_owl_slider .enar_owl_p > span:after { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; right: -5px; top: -5px; width: 5px; } #enar_owl_slider .enar_owl_p > span:before { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; right: -5px; top: 5px; width: 5px; } #enar_owl_slider .enar_owl_n > span { left: 25px; top: 21px; } #enar_owl_slider .enar_owl_n > span:after { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; left: -5px; top: -5px; width: 5px; } #enar_owl_slider .enar_owl_n > span:before { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; left: -5px; top: 5px; width: 5px; } #enar_owl_slider .owl-controls, .png_slider .owl-controls, .feature_icon_slider .owl-controls, .content_slider .owl-controls { text-align: center; } .white_section #enar_owl_slider .owl-page, .white_section .png_slider .owl-page, .white_section .feature_icon_slider .owl-page { background-color: #eee; } #enar_owl_slider .owl-page, .png_slider .owl-page, .feature_icon_slider .owl-page, .porto_galla .owl-page, .content_slider .owl-page, .sidebar_slider .owl-page { background-color: #fff; border: 2px solid #fff; display: inline-block; height: 10px; margin-left: 10px; width: 10px; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); box-shadow: 0 0 2px rgba(0, 0, 0, 0.2); } #enar_owl_slider .owl-page.active, #enar_owl_slider .owl-page:hover, .png_slider .owl-page.active, .png_slider .owl-page:hover, .feature_icon_slider .owl-page.active, .feature_icon_slider .owl-page:hover, .porto_galla .owl-page.active, .porto_galla .owl-page:hover, .content_slider .owl-page.active, .content_slider .owl-page:hover, .sidebar_slider .owl-page.active, .sidebar_slider .owl-page:hover { background-color: #004E9E; } #enar_owl_slider .owl-pagination, .png_slider .owl-pagination { bottom: 20px; position: absolute; width: 100%; margin-left: -10px; } .png_slider.png_slider_light .owl-pagination { bottom: 0px; } .porto_galla .owl-pagination { padding-right: 20px; position: absolute; text-align: right; top: 15px; width: 100%; z-index: 10; height: 0; } .porto_block .owl-controls { z-index: 10; height: 100%; } .feature_icon_slider .owl-pagination, .sidebar_slider .owl-pagination { bottom: 0px; position: absolute; width: 100%; } .sidebar_slider .owl-pagination { bottom: 10px; padding-left: 8px; } #enar_owl_slider .owl-prev, #enar_owl_slider .owl-next { border: 4px solid rgba(0, 0, 0, 0.1); height: 55px; width: 55px; top: -29px; } #enar_owl_slider .owl-buttons, .png_slider .owl-buttons, .normal_text_slider .owl-buttons, .porto_galla .owl-buttons { position: absolute; width: 100%; } /*-------------------------------------------------[ Text Slider ]------*/ .normal_text_slider .owl-buttons { top: 0; } #enar_owl_slider .enar_owl_p, #enar_owl_slider .enar_owl_n { background: #fff; display: block; height: 100%; width: 100%; position: relative; } #enar_owl_slider .enar_owl_p:after, #enar_owl_slider .enar_owl_n:after { background-color: #e74c3c; content: ""; display: block; height: 100%; opacity: 0; -webkit-transform: scale(1.5); -moz-transform: scale(1.5); -ms-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); width: 100%; } #enar_owl_slider .enar_owl_p:hover:after, #enar_owl_slider .enar_owl_n:hover:after { opacity: 1; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } #enar_owl_slider .enar_owl_p:hover > span:after, #enar_owl_slider .enar_owl_p:hover > span:before, #enar_owl_slider .enar_owl_n:hover > span:after, #enar_owl_slider .enar_owl_n:hover > span:before, #enar_owl_slider .enar_owl_n:hover > span, #enar_owl_slider .enar_owl_p:hover > span { background: #fff; } #enar_owl_slider .enar_owl_p > span, #enar_owl_slider .enar_owl_n > span { background: #e74c3c; display: block; position: absolute; z-index: 1; height: 5px; width: 5px; } /*-------------------------------------------------[ Shop Slider ]------*/ .shop_slider.owl-carousel { padding-top: 10px; } .shop_slider .owl-prev { left: 30px; top: -25px; } .shop_slider .owl-next { right: 30px; top: -25px; } .shop_slider .owl-controls { position: absolute; width: 100%; } .shop_slider .enar_owl_p, .shop_slider .enar_owl_n { background: #fff; border: 1px solid #dadbdb; color: #dadbdb; display: block; font-size: 24px; height: 50px; line-height: 50px; text-align: center; width: 50px; } .white_section .shop_slider .enar_owl_p, .white_section .shop_slider .enar_owl_n { background: none; } /*-------------------------------------------------[ OWL Slider Default ]------*/ .owl_slider_con > span { right: -25%; position: relative; opacity: 0; } .owl_text_a { display: block; text-transform: uppercase; } .owl_text_a > span { background-color: #e74c3c; color: #fff; display: inline-block; font-size: 16px; padding: 13px 54px 13px 20px; position: relative; font-style: italic; } .owl_text_a a { background-color: #cf2c1d; color: #fff; font-size: 20px; height: 100%; line-height: 49px; padding: 0 13px; position: absolute; right: 0; top: 0; } .owl_text_a a span:before { background-color: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .owl_text_a a:hover span:before { opacity: 1; left: 0; } .owl_text_b, .owl_text_c { display: block; } .owl_text_b > span { background: #fff; color: #e74c3c; display: inline-block; font-size: 28px; font-weight: bold; padding: 15px 20px; text-transform: uppercase; } .owl_text_c > span { background-color: rgba(0, 0, 0, 0.8); color: #fff; display: inline-block; font-family: "Kalam", cursive; font-size: 18px; line-height: 26px; padding: 11px 20px; width: auto; } /*-------------------------------------------------[ Owl Sliders ]------*/ .png_slider.png_slider_light { padding-bottom: 40px; } .png_slider_light.png_slider .owl-prev, .png_slider_light.png_slider .owl-next { border-color: #dadbdb; } .png_slider .owl-prev, .png_slider .owl-next { border: 1px solid #E2E2E2; font-size: 24px; height: 52px; line-height: 52px; text-align: center; width: 52px; color: #e2e2e2; } .png_slider .owl-prev:hover, .png_slider .owl-next:hover { background: #fff; color: #004E9E; } .png_slider .owl-prev { left: 15px; } .png_slider .owl-next { right: 15px; } .png_slide .desc { position: absolute; width: 60%; } .png_slide .desc > span { background-color: rgba(0, 0, 0, 0.6); border-left: 4px solid #004E9E; border-right: 4px solid #004E9E; display: block; font-size: 16px; line-height: 26px; margin-bottom: 40px; padding: 20px; } .porto_block .owl-controls { position: absolute; width: 100%; top: 0; } .normal_text_slider.client_say_slider .owl-controls, .our_client_slider .owl-controls { position: absolute; width: 100%; top: 0; } .white_section .our_client_slider .enar_owl_p, .white_section .our_client_slider .enar_owl_n { border-color: #fff; color: #fff; background: none; } .normal_text_slider .enar_owl_n, .our_client_slider .enar_owl_n { text-indent: 2px; } .normal_text_slider .enar_owl_p, .normal_text_slider .enar_owl_n, .our_client_slider .enar_owl_p, .our_client_slider .enar_owl_n { background: #fff; border: 2px solid #dadbdb; color: #dadbdb; display: block; font-size: 24px; height: 37px; line-height: 36px; text-align: center; width: 37px; } .porto_galla .enar_owl_p, .porto_galla .enar_owl_n { background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.1); color: #004E9E; display: block; font-size: 20px; height: 37px; line-height: 36px; text-align: center; width: 37px; } .white_section .normal_text_slider .enar_owl_p, .white_section .normal_text_slider .enar_owl_n { background: none; border-color: #fff; color: #fff; } .normal_text_slider .enar_owl_p:hover, .normal_text_slider .enar_owl_n:hover, .our_client_slider .enar_owl_p:hover, .our_client_slider .enar_owl_n:hover, .shop_slider .enar_owl_p:hover, .shop_slider .enar_owl_n:hover { color: #004E9E; border-color: #004E9E; } .white_section .our_client_slider .enar_owl_p:hover, .white_section .our_client_slider .enar_owl_n:hover { color: #fff; border-color: #fff; } .normal_text_slider.client_say_slider .owl-prev, .normal_text_slider.client_say_slider .owl-next { top: 71px; } .normal_text_slider.client_say_slider .owl-prev { left: 30%; } .normal_text_slider.client_say_slider .owl-next { right: 30%; } .normal_text_slider .owl-prev { left: -55px; top: 10px; } .normal_text_slider .owl-next { right: 55px; top: 10px; } .our_client_slider.owl-carousel { padding: 0 40px; } .our_client_slider .owl-prev { left: -40px; } .our_client_slider .owl-next { right: 40px; } .sidebar_slider .owl-buttons { position: absolute; top: -47px; width: 100%; right: 0; } .sidebar_slider .owl-prev { right: 30px; } .sidebar_slider .owl-next { right: 0; } .sidebar_slider .enar_owl_p, .sidebar_slider .enar_owl_n { font-size: 24px; color: #dadbdb; } .sidebar_slider .enar_owl_p:hover, .sidebar_slider .enar_owl_n:hover { color: #004E9E; } .normal_text_slider:not(.client_say_slider) { padding: 0 55px; } .porto_galla .owl-prev { left: 0; opacity: 0; } .porto_galla .owl-next { right: 0; opacity: 0; } .porto_hidden_title .porto_galla .owl-next, .porto_hidden_title .porto_galla .owl-prev { margin-top: -20px; } .porto_galla:hover .owl-prev { opacity: 1; left: 10px; } .porto_galla:hover .owl-next { opacity: 1; right: 10px; } .related_posts_con .owl-buttons, .related_slider_widget .owl-buttons { color: #dadbdb; font-size: 24px; position: absolute; right: -4px; top: -36px; } .related_posts_con .owl-buttons .owl-prev, .related_slider_widget .owl-buttons .owl-prev { right: 30px; } .related_posts_con .owl-buttons .owl-next, .related_slider_widget .owl-buttons .owl-next { right: 0; } .related_posts_con .owl-buttons .owl-prev:hover, .related_posts_con .owl-buttons .owl-next:hover { color: #1dcbca; } .featured_slider .owl-buttons { position: absolute; top: 50%; width: 100%; } .featured_slider .owl-buttons .owl-prev { transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); left: 0; } .featured_slider .owl-buttons .owl-next { transform: translateY(-50%) translateX(50%); -moz-transform: translateY(-50%) translateX(50%); -webkit-transform: translateY(-50%) translateX(50%); -ms-transform: translateY(-50%) translateX(50%); -o-transform: translateY(-50%) translateX(50%); right: 0; } .full_carousel { overflow: hidden; } .featured_slider:not(.full_carousel) .owl-buttons .owl-prev, .featured_slider:not(.full_carousel) .owl-buttons .owl-next { background: #004E9E; border: 2px solid #fff; color: #fff; font-size: 20px; height: 40px; line-height: 37px; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 40px; } .featured_slider:not(.full_carousel) .owl-buttons .owl-prev:hover, .featured_slider:not(.full_carousel) .owl-buttons .owl-next:hover { background: #233039; } .featured_slider.full_carousel .owl-buttons .owl-prev, .featured_slider.full_carousel .owl-buttons .owl-next { background: rgba(0, 0, 0, 0.7); color: #fff; font-size: 24px; height: 60px; line-height: 60px; text-align: center; width: 35px; } .featured_slider.full_carousel .owl-buttons .owl-prev { transform: translateX(-100%) translateY(-50%); -moz-transform: translateX(-100%) translateY(-50%); -webkit-transform: translateX(-100%) translateY(-50%); -ms-transform: translateX(-100%) translateY(-50%); -o-transform: translateX(-100%) translateY(-50%); padding-right: 3px; left: 0; } .featured_slider.full_carousel .owl-buttons .owl-next { transform: translateX(100%) translateY(-50%); -moz-transform: translateX(100%) translateY(-50%); -webkit-transform: translateX(100%) translateY(-50%); -ms-transform: translateX(100%) translateY(-50%); -o-transform: translateX(100%) translateY(-50%); padding-left: 3px; right: 0; } .featured_slider.full_carousel:hover .owl-buttons .owl-prev, .featured_slider.full_carousel:hover .owl-buttons .owl-next { transform: translateX(0) translateY(-50%); -moz-transform: translateX(0) translateY(-50%); -webkit-transform: translateX(0) translateY(-50%); -ms-transform: translateX(0) translateY(-50%); -o-transform: translateX(0) translateY(-50%); } /*------------------------------------------[ Slider Revolution ]------*/ .rev_title_a { font-size: 45px; font-weight: 300; } .rev_title_aa { font-size: 24px; font-weight: 300; text-transform: capitalize; } .rev_title_b { font-size: 18px; font-weight: 300; } .rev_title_c:not(.upper) { text-transform: capitalize; } .rev_title_c { line-height: 19px; color: #444444; } .rev_title_d { font-size: 24px; font-weight: 300; } .rev_title_e { font-size: 50px; font-weight: 300; font-family: "Oswald", "Open Sans", sans-serif; } .tp-banner-video-fullwidth .rev_title_e, .tp-banner-panzoom-fullwidth .rev_title_e, .tp-banner-boxedwidth .rev_title_e, .tp-banner-fullwidth .rev_title_e { font-size: 40px; } .rev_title_f { font-size: 35px; font-weight: 300; letter-spacing: -1px; } .rev_color1 { color: #D10707; } .rev_color2 { color: #282828; } .rev_color3 { color: #444444; } .rev_color4 { color: #006866; } .rev_color_white { color: #fff; } .rev_color_main { color: #004E9E; } .rev_arrow_a { background: rgba(0, 0, 0, 0.3); color: #fff; display: block; font-size: 12px; height: 19px; line-height: 19px; text-align: center; width: 19px; } .rev_button_a { border-width: 0; } .rev_button_b { border: 4px solid rgba(0, 0, 0, 0.1); color: #324545; border-radius: 7px; -webkit-border-radius: 7px; -moz-border-radius: 7px; } .bold { font-weight: 700; } .oswald_font { font-family: "Oswald", "Open Sans", sans-serif; } .rev_offer_circle { background: #004E9E; color: #fff; font-size: 50px; width: 150px; height: 150px; display: block; text-align: center; border: 6px solid #fff; } .rev_offer_circle2 > span { font-weight: 300; } .rev_offer_circle2 { background: #fff; color: #e74c3c; font-size: 35px; width: 80px; height: 80px; display: block; font-weight: 300; text-align: center; border: 2px solid #fff; } .tp-banner-fullscreen .rev_offer_circle, .tp-banner-boxedfullscreen .rev_offer_circle { width: 100px; height: 100px; font-size: 40px; } .tp-banner-fullscreen .rev_offer_circle2, .tp-banner-boxedfullscreen .rev_offer_circle2 { width: 65px; height: 65px; line-height: 65px; font-size: 30px; } .rev_offer_circle > span, .rev_offer_circle2 > span { position: absolute; display: block; } .tp-leftarrow.preview4:after { padding-right: 3px; } .tp-rightarrow.preview4:after { padding-left: 2px; } .tp-banner-panzoom-fullwidth .tp-caption.reddishbg_heavy_80 { font-size: 40px; line-height: 40px; padding: 15px 20px 20px; } .tp-banner-panzoom-fullwidth .tp-caption.reddishbg_heavy_70 { font-size: 30px; line-height: 30px; padding: 15px 20px 20px; } .tp-banner-panzoom-fullwidth .tp-caption.reddishbg_heavy_30 { font-size: 20px; line-height: 20px; padding: 15px 20px 20px; } .ren_num_a { padding: 20px 25px; font-size: 50px; line-height: 50px; color: #fff; border: 2px solid #fff; text-shadow: 0 0 7px rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, 0.05); } .tp-caption.reddishbg_heavy_80 { font-size: 46px; line-height: 46px; font-weight: 400; color: #E30420; text-decoration: none; background-color: rgba(255, 255, 255, 0.9); padding: 20px 25px 25px; text-shadow: none; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.reddishbg_heavy_70 { font-size: 30px; line-height: 30px; font-weight: 400; color: #ffffff; text-decoration: none; background-color: rgba(0, 78, 158, 0.8); padding: 20px 25px 25px; text-shadow: none; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.reddishbg_heavy_30 { text-transform: capitalize; font-size: 30px; line-height: 30px; font-weight: 300; color: #fff; text-decoration: none; background-color: rgba(0, 0, 0, 0.7); padding: 20px 30px 25px; text-shadow: none; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.white_heavy_70.has_bg { background-color: rgba(38, 207, 204, 0.8); } .tp-caption.white_heavy_70 { font-size: 70px; line-height: 70px; font-weight: 800; color: #fff; text-decoration: none; padding: 0; background-color: transparent; text-shadow: none; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.light_medium_20 { font-size: 20px; line-height: 30px; font-weight: 700; color: #ffffff; text-decoration: none; background-color: transparent; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.white_heavy_60 { font-size: 50px; line-height: 50px; color: #ffffff; text-decoration: none; background-color: transparent; text-shadow: none; border-width: 0px; border-color: #000000; border-style: none; } .tp-caption.black_thin_blackbg_30 { font-size: 20px; line-height: 30px; font-weight: 300; color: #ffffff; text-decoration: none; background-color: rgba(0, 0, 0, 0.8); padding: 5px 15px 10px; text-shadow: none; border-width: 0px; border-color: #000000; border-style: none; } /*------------------------------------------[ Flex Slider ]------*/ .flex_slider_container { position: relative; } .flex_slider_container.flex_style1 { margin-bottom: 60px; } .flex_slider_container.flex_style1.flex_no_thumb { margin-bottom: 0; } .flex_style1 #flex_thumbs .flex_next i, .flex_style1 #flex_thumbs .flex_previous i { font-size: 22px; position: absolute; display: block; } .flex_style1 #flex_thumbs .flex_next, .flex_style1 #flex_thumbs .flex_previous { background: #000; color: #fff; display: block; height: 100%; position: absolute; text-align: center; top: 0; width: 40px; z-index: 1; } .flex_style1 #flex_thumbs { background: none; bottom: 0; padding: 0 40px; position: absolute; transform: translateX(50%) translateY(50%); -webkit-transform: translateX(50%) translateY(50%); -moz-transform: translateX(50%) translateY(50%); -o-transform: translateX(50%) translateY(50%); width: 50%; z-index: 10; } .flex_style1 #flex_thumbs .flex_next { right: 0px; } .flex_style1 #flex_thumbs .flex_previous { left: 0px; } .flex_style1 #flex_thumbs .flex-viewport { background: #fff; } .flex_style1 #flex_thumbs .flex-viewport > .slides > li { cursor: pointer; } .flex_style1 #flex_thumbs img { max-height: 120px; width: auto; } .flex_style1 #flex_thumbs li:after { background: rgba(29, 205, 202, 0); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .flex_style1 #flex_carousel .flex-viewport { position: relative; } .flex_style1 #flex_carousel .flex_next { right: 30px; } .flex_style1 #flex_carousel .flex_next span span:before { left: -5px; } .flex_style1 #flex_carousel .flex_next span span:after { left: -5px; } .flex_style1 #flex_carousel .flex_next > span span { transform: translateX(0%) translateY(-50%); -moz-transform: translateX(0%) translateY(-50%); -webkit-transform: translateX(0%) translateY(-50%); -o-transform: translateX(0%) translateY(-50%); } .flex_style1 #flex_carousel .flex_previous { left: 30px; } .flex_style1 #flex_carousel .flex_previous span span:before { right: -5px; } .flex_style1 #flex_carousel .flex_previous span span:after { right: -5px; } .flex_style1 #flex_carousel .flex_previous > span span { transform: translateX(-100%) translateY(-50%); -moz-transform: translateX(-100%) translateY(-50%); -webkit-transform: translateX(-100%) translateY(-50%); -o-transform: translateX(-100%) translateY(-50%); } .flexslider .slides img { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; vertical-align: top; } .flexslider .slides > li { display: none; position: relative; } .flex_slider_container.flex_style1:after { background: rgba(255, 255, 255, 0.1); content: ""; height: 1px; left: 0; position: absolute; top: 0; width: 100%; } .flex_style1 #flex_thumbs li.flex-active-slide:after, .flex_style1 #flex_thumbs li:hover:after { background: rgba(29, 205, 202, 0.5); } .flex_style1 #flex_carousel .flex_next, .flex_style1 #flex_carousel .flex_previous { border: 4px solid rgba(0, 0, 0, 0.2); height: 55px; width: 55px; z-index: 10; position: absolute; } .flex_style1 #flex_carousel .flex_next > span, .flex_style1 #flex_carousel .flex_previous > span { background: #fff; display: block; height: 100%; position: relative; width: 100%; } .flex_style1 #flex_carousel .flex_next > span:after, .flex_style1 #flex_carousel .flex_previous > span:after { background: #004E9E; content: ""; display: block; height: 100%; opacity: 0; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); width: 100%; } .flex_style1 #flex_carousel .flex_next:hover > span:after, .flex_style1 #flex_carousel .flex_previous:hover > span:after { opacity: 1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); } .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 { background: #fff; } .flex_style1 #flex_carousel .flex_next span span:before, .flex_style1 #flex_carousel .flex_previous span span:before { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; width: 5px; top: 5px; } .flex_style1 #flex_carousel .flex_next span span:after, .flex_style1 #flex_carousel .flex_previous span span:after { background: #e74c3c; content: ""; display: block; height: 5px; position: absolute; width: 5px; top: -5px; } .flex_style1 #flex_carousel .flex_next span span, .flex_style1 #flex_carousel .flex_previous span span { background: #e74c3c; display: block; height: 5px; position: absolute; width: 5px; z-index: 1; top: 50%; left: 50%; } .flex_in_flex.flexslider { background: rgba(0, 0, 0, 0.4); left: 50%; overflow: visible; padding: 30px 30px 40px; position: absolute; text-align: center; top: 50%; width: 70%; z-index: 2; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); } .flex_in_flex.flexslider .flex-viewport { margin-bottom: 50px; } .flex_in1 { color: #fff; display: block; font-size: 25px; font-weight: 300; margin-bottom: 15px; } .flex_in2 { color: #fff; display: block; font-size: 60px; line-height: 60px; } .flex_in3 { color: #fff; display: block; font-size: 40px; margin-bottom: 40px; } .flex_in_color1 { color: #004E9E; font-weight: 400; } .container #flex_carousel.flexslider { margin-top: 30px; border: 1px solid #E5E5E5; padding: 8px; } #flex_carousel.flexslider.has_control_nav { overflow: visible; } #flex_carousel.flexslider.has_control_nav > .flex-control-nav { bottom: 0; left: 50%; margin: 0; padding: 20px; transform: translateX(-50%) translateY(100%); -moz-transform: translateX(-50%) translateY(100%); -webkit-transform: translateX(-50%) translateY(100%); width: auto; } .flex_in_flex .flex-control-nav { bottom: -50px; left: 0; margin: 0; } /*------------------------------------------[ Wobbly Slider ]------*/ .wobbly_slide { margin: 30px 0 0 0; overflow: hidden; padding: 0 0 25px; position: relative; top: 0; padding: 0; white-space: initial; text-align: center; } .wobbly_slide ul li { -webkit-transform: translateZ(0); transform: translateZ(0); float: left; display: block; margin: 0; padding: 0 40px; position: relative; } .wobbly_slide ul li > svg { fill: #0072A5; height: 100%; position: absolute; z-index: -1; } .wobbly_slide ul li:nth-child(2) > svg { fill: #5F52B7; } .wobbly_slide ul li:nth-child(3) > svg { fill: #F36A71; } .wobbly_slide ul li:nth-child(4) > svg { fill: #9D9E94; } .wobbly_slide ul li:nth-child(5) > svg { fill: #0CAEBF; } .wobbly_slide ul li:nth-child(6) > svg { fill: #B853A3; } .wobbly_slide ul li:nth-child(7) > svg { fill: #1BBC9B; } .wobbly_slide > nav span { top: 50%; margin-top: -25px; background: #fff; bottom: 0; color: #004E9E; cursor: pointer; font-size: 32px; font-weight: normal; height: 50px; opacity: 1; position: absolute; text-align: center; width: 50px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .wobbly_slide > nav span i { position: absolute; } .wobbly_slide > nav span:hover { opacity: 1; } .wobbly_slide > nav span.next { right: 20px; -webkit-transform: translateX(0); transform: translateX(0); } .wobbly_slide > nav span.prev { left: 20px; -webkit-transform: translateX(0); transform: translateX(0); } .wobbly_slide .bordered_btn_white { margin-bottom: 45px; } .wobbly_slide h1 { margin-bottom: 30px; } .wobbly_slide .icon { display: block; padding-top: 3%; position: relative; margin: 0 auto 40px; width: 50%; max-width: 160px; } .wobbly_slide > nav span.disabled, .wobbly_slide > nav span.disabled:hover { opacity: 0.2; cursor: default; } .wobbly_slide h1, .wobbly_slide blockquote { margin: 0; font-weight: 400; font-size: 3em; font-size: 3vw; padding-top: 3%; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05); font-family: 'Flamenco', Arial, sans-serif; } .wobbly_title { color: #fff; font-family: "Oswald", "Open Sans", sans-serif; margin-bottom: 20px; } .wobbly_desc { font-family: "lato", sans-serif; font-size: 200%; max-width: 800px; text-align: center; font-weight: 300; line-height: 1.4; margin: 0 auto 1.2em; color: #fff; } .wobbly_slide, .wobbly_slide ul, .wobbly_slide ul li, .wobbly_slide { min-height: 480px; } /*------------------------------------------[ Four Boxes ]------*/ .boxgallery_con { min-height: 650px; position: relative; } .boxgallery_desc { color: #fff; max-width: 1170px; position: absolute; width: 80%; z-index: 10; text-align: center; } .boxgallery_desc .four_boxes_block { background: rgba(255, 255, 255, 0.1); border-top: 3px solid rgba(255, 255, 255, 0.2); position: relative; padding: 30px; } .four_boxes_title { background: #fff; color: #324545; display: block; font-family: "Oswald", "Open Sans", sans-serif; font-size: 24px; left: 50%; padding: 12px 25px; position: absolute; text-transform: uppercase; top: 0; transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); } .four_boxes_desc { text-shadow: 0 2px 2px rgba(0, 0, 0, 0.3); color: #fff; display: block; font-family: "lato", sans-serif; font-size: 26px; font-weight: 300; line-height: 1.4; padding-top: 20px; text-align: center; } .js .boxgallery, .js .boxgallery div { position: absolute; } .js .boxgallery, .boxgallery .bg-tile, .boxgallery .bg-img { overflow: hidden; } .js .boxgallery, .js .boxgallery .panel { top: 0; left: 0; width: 100%; height: 100%; } .boxgallery .panel { z-index: 0; -webkit-perspective: 1200px; perspective: 1200px; background: none; } .boxgallery .bg-tile { width: 50%; height: 50%; } .boxgallery .bg-img { width: 100%; height: 100%; background: #999; } .boxgallery .bg-img img { position: absolute; display: block; height: 200%; max-width: 200%; } .boxgallery > nav span { position: absolute; top: 50%; z-index: 1000; display: block; width: 100px; height: 100px; outline: none; text-align: left; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .boxgallery > nav span.prev { left: 0; } .boxgallery > nav span.next { right: 0; } .boxgallery > nav i { position: relative; display: block; width: 100%; height: 100%; } .boxgallery .panel.current { z-index: 2; } .boxgallery .panel.current .bg-img { -webkit-transition: -webkit-transform 1.1s ease-in-out; transition: transform 1.1s ease-in-out; } .boxgallery .panel.active { z-index: 1; } .boxgallery .bg-tile:nth-child(2), .boxgallery .bg-tile:nth-child(4) { left: 50%; } .boxgallery .bg-tile:nth-child(3), .boxgallery .bg-tile:nth-child(4) { top: 50%; } .boxgallery .bg-tile:nth-child(2) .bg-img img, .boxgallery .bg-tile:nth-child(4) .bg-img img { left: -100%; } .boxgallery .bg-tile:nth-child(3) .bg-img img, .boxgallery .bg-tile:nth-child(4) .bg-img img { top: -100%; } .boxgallery > nav span::before, .boxgallery > nav span::after, .boxgallery > nav i::before, .boxgallery > nav i::after { position: absolute; left: 50%; width: 3px; height: 50%; outline: 1px solid transparent; background: #dbccd0; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); } .boxgallery > nav i::before, .boxgallery > nav i::after { z-index: 100; height: 0; background: #fff; -webkit-transition: height 0.3s, -webkit-transform 0.3s; transition: height 0.3s, transform 0.3s; } .boxgallery > nav span::before, .boxgallery > nav i::before { top: 50%; -webkit-transform: translateX(-50%) rotate(-135deg); transform: translateX(-50%) rotate(-135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .boxgallery > nav span.next::before, .boxgallery > nav span.next i::before { -webkit-transform: translateX(-50%) rotate(135deg); transform: translateX(-50%) rotate(135deg); -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; } .boxgallery > nav span::after, .boxgallery > nav i::after { top: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .boxgallery > nav span.next::after, .boxgallery > nav span.next i::after { -webkit-transform: translateX(-50%) rotate(45deg); transform: translateX(-50%) rotate(45deg); -webkit-transform-origin: 100% 0%; transform-origin: 100% 0%; } .no-touch .boxgallery > nav span:hover i::before, .no-touch .boxgallery > nav span:hover i::after { height: 50%; } .no-touch .boxgallery > nav span:hover::before, .no-touch .boxgallery > nav span:hover i::before { -webkit-transform: translateX(-50%) rotate(-125deg); transform: translateX(-50%) rotate(-125deg); } .no-touch .boxgallery > nav span.next:hover::before, .no-touch .boxgallery > nav span.next:hover i::before { -webkit-transform: translateX(-50%) rotate(125deg); transform: translateX(-50%) rotate(125deg); } .no-touch .boxgallery > nav span:hover::after, .no-touch .boxgallery > nav span:hover i::after { -webkit-transform: translateX(-50%) rotate(-55deg); transform: translateX(-50%) rotate(-55deg); } .no-touch .boxgallery > nav span.next:hover::after, .no-touch .boxgallery > nav span.next:hover i::after { -webkit-transform: translateX(-50%) rotate(55deg); transform: translateX(-50%) rotate(55deg); } .boxgallery[data-effect="effect-1"] .panel.active .bg-tile, .boxgallery[data-effect="effect-2"] .panel.active .bg-tile { -webkit-animation: scaleDown 1.1s ease-in-out; animation: scaleDown 1.1s ease-in-out; } @-webkit-keyframes scaleDown { from { -webkit-transform: translate3d(0, 0, 380px); transform: translate3d(0, 0, 380px); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes scaleDown { from { -webkit-transform: translate3d(0, 0, 380px); transform: translate3d(0, 0, 380px); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .boxgallery[data-effect="effect-2"] .panel.current .bg-img { -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.9s cubic-bezier(0.7, 0, 0.3, 1); } .boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(2) .bg-img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(3) .bg-img { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .boxgallery[data-effect="effect-2"] .panel.current .bg-tile:nth-child(4) .bg-img { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .boxgallery[data-effect="effect-3"] .panel::after { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); content: ''; -webkit-transition: opacity 1.1s ease-in-out; transition: opacity 1.1s ease-in-out; } .boxgallery[data-effect="effect-3"] .panel.current::after { -webkit-transition: none; transition: none; } .boxgallery[data-effect="effect-3"] .panel.current .bg-img { -webkit-transition: -webkit-transform 1.1s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 1.1s cubic-bezier(0.7, 0, 0.3, 1); } .boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(2) .bg-img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } .boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(3) .bg-img { -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .boxgallery[data-effect="effect-3"] .panel.current .bg-tile:nth-child(4) .bg-img { -webkit-transition-delay: 0.45s; transition-delay: 0.45s; } .boxgallery[data-effect="effect-3"] .panel.current::after, .boxgallery[data-effect="effect-3"] .panel.active::after { opacity: 0; } /*-----------------------------------------------------------------[ Sliders Responsive ]-------*/ @media screen and (min-aspect-ratio: 1280/850) { .boxgallery .bg-img img { width: 200%; height: auto; display: block; max-width: 200%; } } @media only screen and (max-width: 1200px) { .boxgallery_con { min-height: 520px; } } @media only screen and (max-width: 1024px) { .boxgallery_con { min-height: 389px; } } @media only screen and (max-width: 768px) { .boxgallery_con { min-height: 450px; } .four_boxes_title { font-size: 18px; } .boxgallery_desc { width: 100%; } .four_boxes_desc { font-size: 20px; line-height: 1.3; padding-top: 10px; } .boxgallery_desc .four_boxes_block { padding: 25px 20px 20px; } } @media only screen and (max-width: 480px) { .boxgallery_con { min-height: 350px; } .four_boxes_title { font-size: 15px; width: 90%; } .four_boxes_desc { font-size: 17px; line-height: 1.2; padding-top: 8px; } .boxgallery_desc .four_boxes_block { border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; padding: 25px 15px 18px; } } @media screen and (max-width: 380px) { .boxgallery > nav span { width: 50px; height: 50px; } } @media only screen and (max-width: 320px) { .four_boxes_title { font-size: 14px; padding: 12px 10px; width: 90%; } .four_boxes_desc { font-size: 14px; } .boxgallery_con { min-height: 250px; } } /*------------*/ @media only screen and (max-width: 768px) { .normal_text_slider.client_say_slider .owl-next { right: 0; } .normal_text_slider.client_say_slider .owl-prev { left: 0; } } @media only screen and (max-width: 320px) { .shop_slider .owl-next { right: 0; } .shop_slider .owl-prev { left: 0; } } @media only screen and (max-width: 1024px) { .flex_in1 { font-size: 22px; margin-bottom: 10px; } .flex_in2 { font-size: 45px; line-height: 45px; } .flex_in3 { font-size: 30px; margin-bottom: 20px; } .flex_in_flex .flex-control-nav { top: -23px; } .bordered_btn_white { font-size: 14px; padding: 12px 15px; } } @media only screen and (max-width: 768px) { .flex_in_flex.flexslider { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; height: 100%; width: 100%; } .flex_in1 { font-size: 19px; margin-bottom: 7px; } .flex_in2 { font-size: 35px; line-height: 45px; } .flex_in3 { font-size: 25px; margin-bottom: 15px; } .flex_in_flex .flex-control-nav { top: 10px; } .bordered_btn_white { font-size: 14px; padding: 12px 15px; } .flex_style1 #flex_thumbs { padding: 0 40px; -moz-transform: translateX(0%) translateY(100%); -webkit-transform: translateX(0%) translateY(100%); -ms-transform: translateX(0%) translateY(100%); -o-transform: translateX(0%) translateY(100%); transform: translateX(0%) translateY(100%); width: 100%; margin-bottom: -9px; } .flex_style1 #flex_thumbs .flex_next, .flex_style1 #flex_thumbs .flex_previous { width: 31px; } .flex_style1 #flex_thumbs .flex_previous { left: 9px; } .flex_style1 #flex_thumbs .flex_next { right: 9px; } } @media only screen and (max-width: 480px) { .flex_in_flex.flexslider { padding: 23px 15px; } .flex_in_flex .flex-control-nav { top: 5px; } .flex_in1 { font-size: 15px; margin-bottom: 2px; } .flex_in2 { font-size: 22px; line-height: 29px; } .flex_in3 { font-size: 17px; margin-bottom: 9px; } .bordered_btn_white { border-width: 1px; font-size: 12px; padding: 6px 9px; } .flex_style1 #flex_carousel .flex_next, .flex_style1 #flex_carousel .flex_previous { height: 40px; width: 40px; } .flex_style1 #flex_carousel .flex_next { right: 8px; } .flex_style1 #flex_carousel .flex_previous { left: 8px; } .flex_style1 #flex_carousel .flex_next span span::before, .flex_style1 #flex_carousel .flex_previous span span::before { height: 4px; top: 4px; width: 4px; } .flex_style1 #flex_carousel .flex_next span span::before { left: -4px; } .flex_style1 #flex_carousel .flex_next span span::after { left: -4px; } .flex_style1 #flex_carousel .flex_next span span::after, .flex_style1 #flex_carousel .flex_previous span span::after { height: 4px; top: -4px; width: 4px; } .flex_style1 #flex_carousel .flex_next span span, .flex_style1 #flex_carousel .flex_previous span span { height: 4px; width: 4px; } .flex-control-paging li a { height: 9px; width: 9px; } .flex-control-nav li { margin: 0 3px; } } @media only screen and (max-width: 320px) { .flex_in_flex.flexslider { padding: 20px 0px; } .flex_in1 { font-size: 13px; margin-bottom: 0px; } .flex_in2 { font-size: 18px; line-height: 25px; } .flex_in3 { font-size: 14px; margin-bottom: 0px; } .bordered_btn_white { border: none; font-size: 10px; padding: 4px 6px; } .flex-control-paging li a { height: 7px; width: 7px; } .flex_in_flex .flex-control-nav { top: 0px; } } @media only screen and (max-width: 1024px) { .owl_text_a > span { font-size: 14px; padding: 12px 50px 11px 17px; } .owl_text_a a { font-size: 22px; line-height: 45px; padding: 0 3px; } .owl_text_b > span { font-size: 24px; padding: 12px 16px; } .owl_text_c > span { font-size: 17px; line-height: 26px; padding: 9px 16px; } #enar_owl_slider .btn_a { margin: 35px 0 0; } .wobbly_desc { font-size: 150%; max-width: 600px; } } @media only screen and (max-width: 768px) { .wobbly_desc { font-size: 130%; max-width: 500px; } .bordered_btn_white { font-size: 13px; padding: 10px 13px; } .normal_text_slider:not(.client_say_slider) { padding: 0 15px; } .normal_text_slider .owl-next { right: 15px; top: 0; } .normal_text_slider .owl-prev { left: -15px; top: 0; } .normal_text_slider .owl-buttons { top: -40px; } .owl_text_b > span { font-size: 16px; padding: 6px 12px; } .owl_text_c > span { font-size: 13px; line-height: 22px; padding: 5px 12px; } .owl_text_a > span { font-size: 12px; padding: 7px 37px 7px 12px; } .owl_text_a a { font-size: 16px; line-height: 34px; padding: 0 4px; } #enar_owl_slider .btn_a { margin: 8px 0 0; font-size: 12px; } #enar_owl_slider .btn_a > span > span { left: 40px; } #enar_owl_slider .btn_a > span { padding-right: 30px; } #enar_owl_slider .btn_a i.in_left, #enar_owl_slider .btn_a i.in_right { font-size: 12px; line-height: 35px; width: 30px; } #enar_owl_slider .btn_a > span > span { left: 30px; padding: 7px 9px; } #enar_owl_slider .btn_a i.in_right { right: -30px; } } @media only screen and (max-width: 480px) { .owl_text_c { display: none; } .owl_text_b > span { font-size: 15px; padding: 5px 10px; } .owl_text_a > span { font-size: 12px; padding: 5px 34px 5px 10px; } .owl_text_a a { font-size: 16px; line-height: 29px; padding: 0 3px; } #enar_owl_slider .owl-prev, #enar_owl_slider .owl-next { height: 40px; top: -21px; width: 40px; } #enar_owl_slider .enar_owl_n > span::after { height: 4px; left: -4px; top: -4px; width: 4px; } #enar_owl_slider .enar_owl_n > span { left: 17px; top: 15px; } #enar_owl_slider .enar_owl_p > span, #enar_owl_slider .enar_owl_n > span { height: 4px; width: 4px; } #enar_owl_slider .enar_owl_n > span::before { height: 4px; left: -4px; top: 4px; width: 4px; } #enar_owl_slider .enar_owl_p > span::before { height: 4px; right: -4px; top: 4px; width: 4px; } #enar_owl_slider .enar_owl_p > span::after { height: 4px; right: -4px; top: -4px; width: 4px; } #enar_owl_slider .enar_owl_p > span { left: 12px; top: 15px; } } @media only screen and (max-width: 320px) { .owl_slider_con .owl_text_d { display: none; } .owl_text_b > span { font-size: 14px; } } /*------------------------------------------------------------- Portfolio -------------------------------------------------------------*/ .hm_filter_wrapper.boxed_portos { margin: 0 auto; max-width: 1170px; position: relative; width: 100%; } .content_hidden { margin: 0; overflow: hidden; } .hm_filter_wrapper_con { margin-top: 20px; } #options.sort_options { padding: 0 15px; text-transform: capitalize; } .site_boxed #options.sort_options { padding: 0 15px; } .site_boxed .hm_filter_wrapper.boxed_portos { padding: 0 5px; } .content #options.sort_options { padding: 0; } .hm_filter_wrapper_con:after { content: ''; display: block; clear: both; } .has_sapce_portos .filter_item_block { padding: 0 15px; margin-bottom: 30px; } .filter_item_block { width: 33.33333%; float: left; position: relative; } .filter_item_block .number { display: none; } .two_blocks .filter_item_block { width: 50%; } .two_blocks .porto_type img { width: 100%; } .four_blocks .filter_item_block { width: 25%; } .five_portos .filter_item_block { width: 20%; } .filter_item_block.width2 { width: 40%; } .filter_item_block:hover .porto_desc { border-bottom-color: #004E9E; } .hm_filter_wrapper:not(.porto_hidden_title):not(.porto_full_desc) .filter_item_block:hover .porto_desc h6 { color: #004E9E; } .porto_type { overflow: hidden; position: relative; z-index: 1; } .porto_type > img { position: relative; top: 0; } .hm_filter_wrapper .porto_type:not(.simple_porto_img):after { background: #004E9E; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .hm_filter_wrapper .icon_expand { color: #fff; top: 20px; font-size: 16px; height: 48px; line-height: 48px; margin-right: 5px; text-align: center; width: 48px; } .hm_filter_wrapper .icon_expand > span { display: block; height: 100%; position: relative; width: 100%; } .hm_filter_wrapper .icon_expand:last-child { margin-right: 0px; } .before_after_img { display: block; position: relative; overflow: hidden; } .before_after_b, .before_after_a { display: block; float: left; width: 50%; position: relative; } .before_after_desc { background: #fff; border: 1px solid #dfe3e6; padding: 18px 24px 10px; } .before_after_desc h6 { margin-bottom: 10px; } .hm_filter_wrapper.porto_full_desc .porto_type:after { background: none; } .hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_type:after, .porto_type:hover:after { opacity: 0.7; } .porto_nav { left: 15%; position: absolute; text-align: center; width: 70%; z-index: 10; } .porto_nav .icon_expand:nth-child(2n) { top: -50px; } .porto_nav .icon_expand:nth-child(3n) { left: 50px; } .masonry_porto .porto_nav { left: 0; width: 100%; } .project_text_nav .expand_img, .hoverdir_meta .expand_img { margin-right: 5px; } .porto_block .expand_img, .porto_block .detail_link, .hm_filter_wrapper .icon_expand, .hoverdir_meta .expand_img, .hoverdir_meta .detail_link { background: #ed4e6e; color: #fff; display: inline-block; position: relative; z-index: 1; } .porto_nav .expand_img, .porto_nav .detail_link, .hm_filter_wrapper .icon_expand { background: rgba(0, 0, 0, 0.7); opacity: 0; transform: scale(0) rotate(20deg); -moz-transform: scale(0) rotate(20deg); -webkit-transform: scale(0) rotate(20deg); -ms-transform: scale(0) rotate(20deg); -o-transform: scale(0) rotate(20deg); } .project_text_nav .expand_img, .project_text_nav .detail_link, .hoverdir_meta .expand_img, .hoverdir_meta .detail_link { font-size: 13px; font-style: italic; padding: 9px 13px; } .project_text_nav .detail_link { -webkit-transition-delay: 0.10s; -moz-transition-delay: 0.10s; -ms-transition-delay: 0.10s; -o-transition-delay: 0.10s; transition-delay: 0.10s; } .project_text_nav .porto_type:hover .expand_img, .project_text_nav .porto_type:hover .detail_link, .project_text_nav .porto_type:hover .icon_expand, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .icon_expand, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .expand_img, .hm_filter_wrapper.porto_hidden_title .porto_block:hover .detail_link { left: 0; right: 0; top: 0; opacity: 1; transform: scale(1) rotate(0deg); -moz-transform: scale(1) rotate(0deg); -webkit-transform: scale(1) rotate(0deg); -ms-transform: scale(1) rotate(0deg); -o-transform: scale(1) rotate(0deg); } .hm_filter_wrapper.four_blocks.boxed_portos .icon_expand { height: 44px; line-height: 44px; width: 44px; } .hm_filter_wrapper.four_blocks.boxed_portos .porto_nums > span { display: none; } .porto_nav .expand_img:hover, .porto_nav .detail_link:hover, .project_text_nav .porto_type:hover .icon_expand:hover { background: rgba(0, 0, 0, 0.9); color: #004E9E; } .porto_desc h6 { font-size: 14px; font-weight: 500; margin-bottom: 6px; } .hm_filter_wrapper.masonry_porto.has_sapce_portos .width2.rectangle_width .porto_type img { margin-top: -15px; } .menu_special_color { color: #e74c3c; font-weight: 700; } .simple_porto_img:hover > a { opacity: .8; } .porto_desc:not(.simple_porto_desc) { background: #fff; border-bottom: 1px solid #e6e6e6; padding: 17px 20px 17px; position: relative; z-index: 1; } .hm_filter_wrapper:not(.has_sapce_portos):not(.porto_full_desc):not(.porto_hidden_title) .porto_desc::after { background: #eee; content: ""; height: 100%; left: 0; position: absolute; top: 0; width: 1px; } .hm_filter_wrapper:not(.has_sapce_portos) .porto_desc { border-bottom: medium none; } .porto_date { color: #999; font-size: 12px; } .porto_nums { float: right; } .porto_nums > span { color: #a1a1a1; font-size: 11px; margin-right: 10px; } .porto_nums > span i { color: #c6c6c6; font-size: 13px; vertical-align: sub; margin-right: 6px; } .porto_nums > span:last-child { margin-right: 0px; } .porto_nums > span.like.added i { color: #004E9E; } .porto_nums > span.comm i { font-size: 16px; } .porto_nums > span.like i { cursor: pointer; } .porto_nums > span.like i:hover { color: #004E9E; } .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 a span.num { display: none; } #filter-by > li a.selected { background: #004E9E; border-color: #004E9E; color: #fff; } #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: #004E9E; } .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 a.selected span.num { background: #324545; border-color: #324545; color: #fff; } .nav_with_nums #filter-by > li:hover > a span.num, .nav_with_nums #filter-by > li > a.selected span.num { opacity: 1; } #options .sort_list { max-width: 200px; float: right; min-width: 180px; position: relative; margin-right: 1px; margin-top: 12px; } #options .sort_list a.sort_selecter { border: 1px solid #dfe3e6; background: #fff; width: 100%; } #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 a { border-bottom: 1px solid #dfe3e6; display: block; position: relative; font-size: 12px; color: #898989; } #options .sort_list a span.text { display: block; padding: 8px 15px; } #options .sort_list ul li:last-child a { border-bottom: medium none; } #options .sort_list:hover { z-index: 10; } #options .sort_list:hover > #sort-by.option-set { visibility: visible; opacity: 1; } #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 a:hover, #options .sort_list a.selected, #sort-direction.option-set a.selected, #sort-direction.option-set a:hover { color: #004E9E; } #sort-direction.option-set { float: right; background: #fff; border: 1px solid #dfe3e6; margin-top: 12px; margin-right: 10px; opacity: 0; } #sort-direction.option-set li:first-child { border-bottom: 1px solid #dfe3e6; } #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; } .porto_hidden_title .porto_meta, .porto_desc h6 { position: relative; z-index: 1; } .porto_block { overflow: hidden; position: relative; } .hm_filter_wrapper.porto_hidden_title .porto_desc { border-bottom: none; bottom: -100%; position: absolute; width: 100%; } .hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_type > img { top: -30px; } .hm_filter_wrapper.porto_hidden_title .porto_block:hover .porto_desc { bottom: 0px; } .hm_filter_wrapper.porto_hidden_title .porto_block .porto_nav { -moz-transform: translateY(-100%); -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .hm_filter_wrapper.porto_hidden_title.boxed_portos.four_blocks .porto_desc { padding: 13px 20px 16px; } .hm_filter_wrapper.porto_hidden_title.has_sapce_portos .porto_desc::after { border-color: rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0 1px 1px; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .porto_full_desc .porto_desc { overflow: hidden; background: #314152; height: 100%; position: absolute; width: 100%; color: #bfc6cd; border-bottom: none; text-align: center; } .porto_full_desc .porto_meta { position: absolute; width: 100%; } .porto_full_desc .porto_meta > p { margin: 16px 0; } .porto_full_desc .porto_desc h6, .hoverdir_meta .proj_name { color: #fff; margin-bottom: 15px; } .porto_full_desc .porto_date, .hoverdir_meta .proj_date { color: #004E9E; display: block; margin-bottom: 20px; text-transform: uppercase; } .four_blocks.boxed_portos.porto_full_desc .porto_meta > p { font-size: 13px; margin: 11px 0 12px; } .four_blocks.boxed_portos.porto_full_desc.has_sapce_portos .porto_date { display: block; margin-bottom: 13px; margin-top: 5px; } .four_blocks.boxed_portos.porto_full_desc.has_sapce_portos .porto_desc { text-align: center; } .da-slideFromTop { left: 0px; top: -100%; } .da-slideFromBottom { left: 0px; top: 100%; } .da-slideFromLeft { top: 0px; left: -100%; } .da-slideFromRight { top: 0px; left: 100%; } .da-slideTop { top: 0px; } .da-slideLeft { left: 0px; } /*------------------------------------------------------------- Blog -------------------------------------------------------------*/ .hm_new_con { background: #1c2124; overflow: hidden; } .hm_new_title_con { background: #e74c3c; float: left; height: 100%; line-height: 57px; padding: 0 15px; position: absolute; width: 168px; } .hm_new_title_con:after { background: #1c2124; content: ""; height: 100%; position: absolute; right: 1px; top: 0; width: 4px; } .hm_new_title_con h4 { color: #fff; font-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_title_con h4 > span .latest_word { display: inline-block; } .hm_new_bar { float: left; font-size: 13px; padding: 15px 50px 15px 163px; position: relative; width: 100%; } .hm_new_bar_controll { border-left: 1px solid #e74c3c; border-right: 1px solid #e74c3c; height: 100%; position: absolute; right: 0; top: 0; width: 35px; } .hm_new_bar_controll:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #e74c3c; border-style: solid; border-width: 8px; content: ""; left: -8px; position: absolute; top: -8px; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); } .hm_new_bar_slider { max-height: 18px; overflow: hidden; padding-left: 20px; } .hm_new_bar_slider > .news_item { display: inline-block; } .hm_new_bar_slider .news_item { margin-right: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hm_new_bar_slider .news_item i { margin-right: 5px; } .hm_new_bar_slider .news_item a { color: #aaa; text-transform: uppercase; } .hm_new_bar_slider .news_item a:hover { color: #fff; } .hm_new_bar_controll_btn { background: rgba(0, 0, 0, 0.6); color: #fff; display: block; height: 100%; width: 100%; position: relative; } .hm_new_bar_controll_btn i { font-size: 12px; margin-left: -1px; display: block; left: 50%; position: absolute; top: 50%; -moz-transform: translateX(-50%) translateY(-50%) scale(1); -webkit-transform: translateX(-50%) translateY(-50%) scale(1); -o-transform: translateX(-50%) translateY(-50%) scale(1); transform: translateX(-50%) translateY(-50%) scale(1); opacity: 1; } .hm_new_bar_controll_btn.pause .pause_news, .hm_new_bar_controll_btn.play .play_news { -moz-transform: translateX(-50%) translateY(-50%) scale(0); -webkit-transform: translateX(-50%) translateY(-50%) scale(0); -o-transform: translateX(-50%) translateY(-50%) scale(0); transform: translateX(-50%) translateY(-50%) scale(0); opacity: 0; } /*------------------------------------------------------------- Blog -------------------------------------------------------------*/ .blog_grid_block { position: relative; margin-bottom: 30px; } .blog_grid_block > div { position: relative; } .blog_grid_block > div.feature_inner:after { background: #fff; content: ""; height: 1px; left: 10px; position: absolute; top: 10px; width: 16px; opacity: 0; } .blog_grid_block > div.feature_inner:before { background: #fff; content: ""; height: 16px; left: 10px; position: absolute; top: 10px; width: 1px; z-index: 1; opacity: 0; } .blog_grid_block > div.feature_inner .feature_inner_corners:after { background: #fff; content: ""; height: 1px; right: 10px; position: absolute; bottom: 10px; width: 16px; opacity: 0; } .blog_grid_block > div.feature_inner .feature_inner_corners:before { background: #fff; content: ""; height: 16px; right: 10px; position: absolute; bottom: 10px; width: 1px; z-index: 1; opacity: 0; } .blog_grid_block > div.feature_inner:hover .feature_inner_btns > a { transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .blog_grid_block > div.feature_inner:hover .feature_inner_btns > a:hover { transform: scale(1.3) rotate(45deg); -moz-transform: scale(1.3) rotate(45deg); -webkit-transform: scale(1.3) rotate(45deg); -o-transform: scale(1.3) rotate(45deg); -ms-transform: scale(1.3) rotate(45deg); z-index: 1; } .blog_grid_block > div.feature_inner:hover:after, .blog_grid_block > div.feature_inner:hover:before, .blog_grid_block > div.feature_inner:hover .feature_inner_corners:after, .blog_grid_block > div.feature_inner:hover .feature_inner_corners:before { opacity: 1; } .blog_grid_con { background: #fff; border-color: #e9e9e9; border-style: solid; border-width: 0 1px 1px; padding: 25px 22px 17px; } .blog_grid_con p { margin: 0; } .blog_grid_con p:not(.desc) { margin-bottom: 20px; } .post .blog_grid_con > p:last-child { margin-bottom: 0; } .blog_grid_format { color: #fff; display: block; height: 40px; position: absolute; text-align: center; top: -20px; width: 40px; } .blog_grid_format:hover { transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); color: #fff; } .blog_grid_format:before { height: 50%; left: 0; top: 0; position: absolute; content: ""; width: 100%; box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); } .blog_grid_format i { background: #004E9E; box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0px -1px 1px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.5) inset, 0px -1px 1px rgba(0, 0, 0, 0.1) inset; color: #fff; display: block; font-size: 16px; height: 100%; line-height: 40px; position: absolute; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -webkit-text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); width: 100%; } .hosted_video_audio_con .blog_grid_format { bottom: -20px; top: inherit; display: none; } .post_title_con { margin-bottom: 30px; position: relative; } .post_title_con .meta { display: block; } .tags_con, .internal_post_con .related_posts, .post_next_prev_con { margin-bottom: 50px; } .internal_post_con { padding: 70px 0; position: relative; } .blog_grid_con .meta a, .post_title_con .meta a, .timeline_block .meta a { color: #999; } .blog_grid_con .meta .post_type_meta a, .post_title_con .post_type_meta a { color: #004E9E; } .blog_grid_con .meta a:hover, .post_title_con .meta a:hover, .timeline_block .meta a:hover { color: #004E9E; } .blog_grid_con .title, .post_title_con .title { font-weight: 500; margin-bottom: 10px; text-transform: uppercase; font-size: 16px; } .blog_grid_con .meta { color: #8a8d8d; display: block; font-size: 13px; margin-bottom: 13px; } .blog_grid_con .meta .meta_slash { margin: 0 5px; } .blog_grid_con .title a { color: #324545; } .blog_grid_con .title a:hover { color: #004E9E; } .blog_grid_con .desc { color: #555; font-size: 13px; } .feature_inner_ling { position: relative; display: block; overflow: hidden; } .feature_inner_ling:after { background: #004E9E; width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; opacity: 0; } .feature_inner_ling:before { box-shadow: 0px -5px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px -5px 3px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0px -5px 3px rgba(0, 0, 0, 0.1) inset; content: ""; height: 100%; left: -15%; position: absolute; top: 0; width: 130%; } .hm_blog_full_list .feature_inner_ling:after { background: none; } .feature_inner_btns { position: absolute; z-index: 1; } .feature_inner_btns > a { background: #fff; display: inline-block; height: 40px; width: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #004E9E; transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); } .feature_inner_btns > a.icon_link { background: rgba(0, 0, 0, 0.8); color: #fff; } .no_corners:after, .no_corners:before, .no_corners .feature_inner_corners:after, .no_corners .feature_inner_corners:before { display: none; } .hm_blog_full_list .blog_grid_block > div.feature_inner .feature_inner_corners:before, .hm_blog_full_list .blog_grid_block > div.feature_inner:before, .hm_blog_full_list .blog_grid_block > div.feature_inner:after, .hm_blog_full_list .blog_grid_block > div.feature_inner .feature_inner_corners:after { background: none; } .feature_inner:hover .feature_inner_ling:after { opacity: .8; } /*-------------------------------------------------[ Blog Timeline ]------*/ .hm_filter_wrapper_con.timeline .filter_item_block { width: 50%; list-style: none; position: relative; z-index: 1; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) { padding-right: 50px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) { padding-left: 50px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2) { margin-top: 85px; } .hm_filter_wrapper_con.timeline .filter_item_block .timeline_block { background: #fff; border: 1px solid #D7E4ED; margin: 0 0 50px; padding: 20px; position: relative; width: 100%; } .hm_filter_wrapper_con.timeline .filter_item_block .timeline_block:before, .hm_filter_wrapper_con.timeline .filter_item_block .timeline_block:after { border-style: solid; border-width: 8px; content: ""; position: absolute; display: block; top: 20px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_block:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6d2db; right: -16px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_block:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff; right: -15px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_block:before { border-color: rgba(0, 0, 0, 0) #c6d2db rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: -16px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_block:after { border-color: rgba(0, 0, 0, 0) #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); left: -15px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n+1) .timeline_post_format { right: -81px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .timeline_post_format { left: -80px; } .hm_filter_wrapper_con.timeline .filter_item_block:nth-child(2n) .read_more_button { float: right; } .timeline_block .meta { display: block; font-size: 13px; font-style: italic; margin-bottom: 10px; } .timeline_block .meta .meta_part { margin: 0px 25px 10px 0px; display: inline-block; } .timeline_block .timeline_feature { margin-bottom: 20px; overflow: hidden; } .timeline_block .timeline_feature a { display: block; overflow: hidden; position: relative; } .timeline_block .timeline_title { font-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: #004E9E; } .timeline_block .article { line-height: 24px; margin-bottom: 10px; } .timeline_block .date { color: #b0afaf; display: inline-block; font-size: 13px; margin-bottom: 15px; margin-right: 20px; font-style: italic; } .timeline_block .date i { font-size: 16px; margin-right: 8px; vertical-align: sub; } .hm_filter_wrapper_con.timeline { position: relative; } .hm_filter_wrapper_con.timeline:after { background: #d7e4ed; content: ""; height: 100%; position: absolute; bottom: -30px; width: 4px; } .hm_filter_wrapper.timeline { overflow: hidden; padding: 0 15px; } .read_more_button { color: #004E9E; display: inline-block; font-size: 13px; padding: 5px 0; font-style: italic; } .read_more_button i { margin-right: 7px; } .timeline_post_format { border: 3px solid #004E9E; color: #004E9E; height: 60px; overflow: hidden; position: absolute; top: -2px; width: 60px; z-index: 1; } .timeline_post_format:after { background: #fff; content: ""; left: 0; top: 0; color: #fff; display: block; position: absolute; width: 100%; height: 100%; } .timeline_post_format i { font-size: 18px; position: absolute; z-index: 1; } .timeline_post_format:hover, .timeline_block:hover .timeline_post_format { color: #324545; border-color: #324545; } .timeline_block .timeline_feature > a:not(.quote_con):before, .timeline_block .timeline_feature .owl-item a:before { background: #004E9E; content: ""; display: block; height: 100%; left: 0; opacity: 0; position: absolute; top: 0; width: 100%; } .timeline_block .timeline_feature a span.image-zoom { color: #fff; font-size: 24px; height: 50px; line-height: 50px; opacity: 1; position: absolute; text-align: center; width: 50px; z-index: 1000; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); opacity: 0; } .timeline_block .timeline_feature a:hover span.image-zoom { opacity: 1; } .timeline_block .timeline_feature a:hover:before { opacity: 0.5; } /*------------------------------------------[ Blog Masonry ]------*/ .blog_grid_desc { border-color: #e9e9e9; border-style: solid; border-width: 1px 1px 0px 1px; background: #fff; color: #324545; padding: 20px 22px 19px; } .blog_grid_desc .title { font-family: "Oswald", "Open Sans", sans-serif; font-weight: 400; letter-spacing: 1px; margin-bottom: 0; text-transform: uppercase; font-size: 16px; } .blog_grid_desc .title a { color: #576162; } .blog_grid_desc .title a:hover { color: #004E9E; } .blog_grid_desc .meta { display: block; font-size: 13px; } .blog_grid_desc .desc { margin-bottom: 0; margin-top: 11px; font-size: 13px; } .hm_filter_wrapper.masonry_posts .filter_item_block, .hm_filter_wrapper.masonry_grid_posts .filter_item_block { padding: 0 15px; } .colored_masonry .blog_grid_desc { background: #004E9E; box-shadow: 0 -3px 11px rgba(0, 0, 0, 0.05) inset, 0 -1px 0 rgba(0, 0, 0, 0.08) inset; color: #fff; border: none; } .colored_masonry .blog_grid_desc .title a, .colored_masonry .blog_grid_desc .title a:hover { color: #fff; } .blog_grid_desc .meta .meta_part, .hm_filter_wrapper.masonry_posts .blog_grid_con .meta .meta_part { display: inline-block; margin-bottom: 10px; margin-right: 20px; font-style: italic; } .blog_grid_desc .meta .meta_part i, .blog_grid_con .meta .meta_part i { margin-right: 5px; font-size: 14px; vertical-align: top; line-height: 19px; } .internal_post_con .meta .meta_part i, .timeline_block .meta .meta_part i { font-size: 14px; margin-right: 5px; color: #b0afaf; } .internal_post_con .meta .meta_part .ico-user5, .timeline_block .meta .meta_part .ico-user5 { font-size: 13px; } .hm_filter_wrapper.masonry_posts .blog_grid_con .meta { margin-bottom: 0; } .hm_filter_wrapper.masonry_posts .blog_grid_con .desc { border-top: 1px solid rgba(0, 0, 0, 0.07); margin-top: 13px; padding-top: 15px; } /*------------------------------------------[ Blog List ]------*/ .hm_blog_list .blog_grid_con { background: none; border: medium none; float: left; padding: 0 0 0 30px; width: 60%; } .hm_blog_list .blog_grid_block { margin-bottom: 50px; } .hm_blog_list .blog_grid_block:not(:last-child) { border-bottom: 1px dotted #e9e9e9; padding-bottom: 50px; } .hm_blog_list .blog_grid_block:last-child { margin-bottom: 0; } .hm_blog_list .col-md-12:last-child .blog_grid_block { margin-bottom: 0; } .hm_blog_list:not(.hm_blog_full_list) .feature_inner { float: left; width: 40%; } .hm_blog_list .blog_grid_con .desc { color: #555; font-size: 14px; } .hm_blog_list .feature_inner_ling:before { box-shadow: 0 0 30px rgba(0, 0, 0, 0.1) inset; height: 100%; left: 0; top: 0; width: 100%; } .hm_blog_list .format_quote .blog_grid_con .meta { margin-bottom: 0; } .hm_blog_list .btn_a i.in_left, .hm_blog_list .btn_a i.in_right { height: 100%; line-height: 39px; padding: 0 12px; width: 38px; } .hm_blog_list .btn_a { margin-top: 25px; color: #004E9E; font-size: 13px; } .hm_blog_list .btn_a:hover > span > span { left: -1px; } .hm_blog_list .btn_a > span { padding-right: 37px; } .hm_blog_list .btn_a > span > span { padding: 10px 16px 11px; left: 38px; } .hm_blog_list .blog_grid_con .meta .meta_part, .post_title_con .meta .meta_part { display: inline-block; margin-bottom: 10px; margin-right: 25px; } .hm_blog_list .blog_grid_con .title, .hm_blog_full_list .blog_grid_con .title, .post_title_con .title { font-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: #004E9E; } .hm_blog_list .blog_grid_con .meta, .post_title_con .meta { border-bottom: 1px dotted rgba(0, 0, 0, 0.1); margin-bottom: 17px; padding-bottom: 11px; font-size: 13px; font-style: italic; } .hm_blog_full_list .blog_grid_con { border: none; background: none; width: 100%; float: none; clear: both; padding: 25px 0px 25px; } .blog_list_format { background: #004E9E; 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: #004E9E; } .self_hosted_container { position: relative; } .embed-container { background: #eee; position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .feature_inner_corners .quote_con, .timeline_feature .quote_con { font-size: 16px; line-height: 30px; padding: 15px 25px 25px; } .quote_con .quote_author { display: block; font-size: 13px; font-style: italic; line-height: initial; margin-top: 10px; } .quote_con:hover { background: #1B2228; color: #fff; } .quote_con, .quote_con:focus { background: #004E9E; color: #fff; display: block; font-size: 20px; line-height: 35px; padding: 17px 25px 26px; } .post_format_con.hm_quote > span:after { background: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .post_format_con.hm_quote > span > a:after { background: rgba(0, 0, 0, 0.1); content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .post_format_con > span { display: block; height: 3px; position: relative; width: 100%; } .post_format_con > span > a { background: #fff; border: 1px solid #004E9E; color: #004E9E; height: 40px; left: 50%; line-height: 40px; margin-top: -17px; position: absolute; text-align: center; width: 40px; z-index: 1; transform: translateX(-50%) rotate(45deg); -moz-transform: translateX(-50%) rotate(45deg); -webkit-transform: translateX(-50%) rotate(45deg); -ms-transform: translateX(-50%) rotate(45deg); -o-transform: translateX(-50%) rotate(45deg); } .post_format_con > span > a i { display: block; line-height: 40px; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); position: relative; z-index: 1; } /*------------------------------------------[ Blog Comments ]------*/ #comments ol.comments_list li { list-style: none; } #comments .children { border-left: 1px solid #004E9E; padding-left: 45px; position: relative; } #comments .children:after { background: #004E9E; content: ""; display: block; height: 1px; left: 0; position: absolute; top: 50px; width: 22px; } #comments .comment-box { background: #FEFEFE; border: 1px solid #e5e5e5; margin-bottom: 20px; padding: 22px; } #comments .trees_number { background: #fff; border: 1px solid #eee; color: #c1c1c1; float: right; padding: 0 7px; font-size: 11px; display: none; } #comments .avatar { background: #fff; border: 1px solid #ddd; float: left; margin: 4px 15px 0 4px; padding: 4px; } #comments .comment_content { margin-left: 110px; } #comments h4.author_name { color: #004E9E; font-size: 15px; font-weight: 400; margin: 0 0 10px; text-transform: uppercase; } #comments h4.author_name a:hover { color: #324545; } #comments span.comment_meta { display: block; margin-bottom: 8px; text-transform: uppercase; } #comments span.comment_meta a { color: #aaa; font-size: 12px; } #comments .comment_said_text { color: #777; font-size: 14px; } #comments .comment_said_text p { line-height: 26px; } #comments .comment-reply-link, #comments .comment-edit-link { background: #fff; border: 1px solid #ddd; color: #aaa; display: inline-block; font-size: 11px; margin: 2px 3px 0 0; padding: 4px 10px 5px; } #comments .comment-reply-link:hover, #comments .comment-edit-link:hover { border-color: #004E9E; color: #324545; } #comments .comment-respond { margin-top: 40px; } #comments .comment-notes { color: #aaa; font-size: 13px; letter-spacing: 1px; margin: 8px 0 20px; } #commentform input[type="text"] { height: 40px; margin: 0 1.4% 1.4% 0; width: 32.4%; float: left; } #commentform input:last-of-type { margin-right: 0; } #commentform textarea { width: 100%; } #commentform #submit-comment { margin: 10px 0 0; } /*------------------------------------------[ Blog About Auther Block ]------*/ .about_auther { margin-bottom: 30px; font-size: 15px; } .about_auther .avatar_img { border: 1px solid #dadbdb; display: inline-block; float: left; overflow: hidden; padding: 6px; position: absolute; width: 140px; } .about_auther .about_auther_details { display: block; padding-left: 160px; } .about_auther .about_auther_details .auther_link { display: block; margin-bottom: 8px; text-transform: uppercase; } .about_auther .about_auther_details .social_media { margin-top: 15px; } .about_auther .about_auther_con { min-height: 140px; } .about_auther .about_auther_con .desc { line-height: 28px; } /*------------------------------------------[ Blog Tags ]------*/ .tags_con > h6, #share_on_socials > h6 { display: inline-block; margin-bottom: 5px; margin-right: 5px; text-transform: uppercase; font-size: 15px; } .tags_con > a { background: #fff; border: 1px solid #dddddd; color: #777; display: inline-block; font-size: 12px; margin: 0 5px 5px 0; padding: 8px 11px; text-transform: uppercase; } .tags_con > a:hover { border-color: #004E9E; color: #004E9E; } /*------------------------------------------[ Blog Next Prev Post ]------*/ .post_next_prev { float: right; margin-top: 16px; } .post_next_prev a { color: #ddd; display: inline-block; font-size: 15px; margin-right: 5px; } .post_next_prev a .t { color: #999; font-size: 12px; line-height: 22px; margin: 0 5px; text-transform: uppercase; vertical-align: top; } .post_next_prev a:hover, .post_next_prev a:hover .t { color: #004E9E; } .post_next_prev_con .single_pro_row { padding-right: 115px; } /* ---------------------------------------------------------------- Widgets -----------------------------------------------------------------*/ .cat_list_widget > li { border-bottom: 1px dotted #e5e5e5; list-style: none; padding: 7px 0; } .cat_list_widget > li:last-child { border-bottom: none; } .cat_list_widget > li .num_posts { color: #aaa; float: right; font-size: 11px; } .cat_list_widget > li a { color: #777; display: inline-block; margin-right: 10px; font-size: 13px; } .cat_list_widget > li a:hover { color: #aaa; } .cat_list_widget.no_numbers > li a { display: block; } .widget_block { border-bottom: 1px solid #eee; margin-bottom: 22px; padding-bottom: 30px; } .widget_block > h6 { font-size: 15px; font-weight: 500; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; word-spacing: 1px; } .widget_block:last-child { border-bottom: medium none; margin-bottom: 0; padding-bottom: 0; } /*------[ Search Widget ]------*/ .search_block { height: 39px; position: relative; } .search_block form input.serch_input { background: #fff; border: 1px solid #E5E5E5; color: #888; float: left; font-size: 13px; height: 39px; letter-spacing: 1px; margin: 0; padding: 5px 50px 5px 10px; width: 100%; } .search_block form input.serch_input:focus { color: #444444; } .search_block form .search_btn:after { background: #ddd; content: ""; height: 50%; left: 0; position: absolute; top: 25%; width: 1px; } .search_block form .search_btn { background: rgba(0, 0, 0, 0); border: medium none; color: #004E9E; float: left; font-size: 14px; height: 39px; line-height: 42px; min-width: 39px; position: absolute; right: 1px; vertical-align: bottom; } .search_block form .search_btn:hover { opacity: 0.8; } .search_block.large_search form input.serch_input { height: 45px; padding: 4px 55px 5px 15px; color: #888; } .search_block.large_search form .search_btn { font-size: 16px; height: 45px; line-height: 45px; min-width: 45px; } /*-------------------------------------------------[ Social Links Widget ]------*/ .social_links_widget a { background: #fff; border: 1px solid #ddd; color: #777; display: block; float: left; font-size: 14px; height: 38px; line-height: 38px; margin: 0 10px 10px 0; text-align: center; width: 38px; } .social_links_widget a.twitter:hover { color: #00baff; } .social_links_widget a.facebook:hover { color: #516ca4; } .social_links_widget a.googleplus:hover { color: #ed523d; } .social_links_widget a.linkedin:hover { color: #1985bc; } .social_links_widget a.youtube:hover { color: #f02a06; } .social_links_widget a.skype:hover { color: #44bbff; } .social_links_widget a.flickr:hover { color: #ff0084; } .social_links_widget a.picasa:hover { color: #6878a0; } .social_links_widget a.vimeo:hover { color: #44bbff; } .social_links_widget a.tumblr:hover { color: #395875; } .social_links_widget a.dribble:hover { color: #dc71a6; } .social_links_widget a.soundcloud:hover { color: #ff6600; } .social_links_widget a.instagram:hover { color: #406f94; } .social_links_widget a.pinterest:hover { color: #f21414; } .social_links_widget a.rss:hover { color: #ff9d00; } /*-------------------------------------------------[ Tagcloud Widget ]------*/ .tagcloud a { display: block; float: left; margin: 0 10px 10px 0; position: relative; } .tagcloud a:hover .tag { color: #004E9E; } .tagcloud .tag { background: #fff; border: 1px solid #E5E5E5; color: #666; display: inline-block; font-size: 11px; font-weight: 300; letter-spacing: 1px; padding: 8px 9px; text-transform: uppercase; } .tagcloud .num { background: #FAFAFA; border-color: #E5E5E5; border-style: solid; border-width: 1px; display: inline-block; font-size: 11px; padding: 8px 9px 8px 11px; color: #888; position: relative; margin-left: -2px; } .tagcloud.style2 .num:before { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #c6c6c6; border-style: solid; border-width: 4px; content: ""; display: block; left: 0px; position: absolute; top: 12px; } .tagcloud.style2 .num:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #ffffff; border-style: solid; border-width: 4px; content: ""; display: block; left: -1px; position: absolute; top: 12px; } /*-------------------------------------------------[ Tagcloud Widget ]------*/ .posts_widget_list li:not(:last-child), .posts_widget_list2 li:not(:last-child) { margin-bottom: 25px; } .posts_widget_list li > a { color: #004E9E; font-size: 13px; text-transform: capitalize; } .posts_widget_list li > a img { border: 1px solid #DDDDDD; padding: 4px; max-width: 70px; float: left; margin: 4px 15px 0 0; } .posts_widget_list li .your_rate { margin: 5px 0 9px; } .posts_widget_list2 li > a { color: #324545; font-size: 14px; text-transform: capitalize; } .posts_widget_list2 li > a img { max-width: 90px; float: left; margin: 5px 15px 0 0; } .posts_widget_list2 li > a span:hover { color: #004E9E; } .posts_widget_list li .post_date, .posts_widget_list2 li .post_date { color: #999; display: block; font-size: 12px; margin: 5px 0; } .post_date i { font-size: 15px; margin-right: 6px; } .post_comment { font-size: 13px; font-style: italic; } /*-------------------------------------------------[ Shop Slider Widget ]------*/ .sidebar_slide { position: relative; max-width: 500px; overflow: hidden; } .sidebar_slide_link { display: block; position: relative; } .sidebar_slide_details { height: 100%; position: absolute; width: 100%; } .sidebar_slide_title { color: #fff; display: block; font-size: 20px; padding: 15px 20px; position: relative; text-transform: uppercase; text-align: center; } .sidebar_slide_title:after { background: #004E9E; content: ""; height: 100%; left: 0; opacity: 0.9; position: absolute; top: 0; width: 100%; } .sidebar_slide_cats { color: #324545; display: block; font-size: 14px; padding: 10px 20px; position: relative; text-transform: uppercase; text-align: center; } .sidebar_slide_cats:after { background: #fff; content: ""; height: 100%; left: 0; opacity: 0.8; position: absolute; top: 0; width: 100%; } .sidebar_slide_discount { border: 4px solid rgba(255, 255, 255, 0.7); color: #fff; display: block; font-size: 32px; font-style: italic; height: 90px; line-height: 80px; margin: 20px auto 0; position: relative; text-align: center; width: 90px; } .sidebar_slide_discount:after { background: #e74c3c; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .sidebar_slide_price { color: #e74c3c; display: block; font-size: 22px; font-style: italic; letter-spacing: 1px; margin: 20px auto 0; padding: 8px 15px; position: relative; text-align: center; width: 50%; } .sidebar_slide_price:after { background: #fff; content: ""; display: block; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .sidebar_slide_price:before { border-color: #ffffff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); border-style: solid; border-width: 5px; bottom: -10px; content: ""; display: block; position: absolute; } /*------------------------------------------------------------- Shop -------------------------------------------------------------*/ .shop_slider .owl-item { padding: 0 15px; } .shop_slider .add2cart_slide:hover .pro_add2cart_details { opacity: 1; } .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; } .shop_slider .pro_add2cart_details:hover { color: #004E9E; } .add2cart_img { display: block; position: relative; border-bottom: 1px solid #DDDDDD; overflow: hidden; } .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 { background: #e74c3c; } .add2cart_img .circle.sale:after { border-top-color: #e74c3c; } .add2cart_img .circle.new { background: #12b1c6; } .add2cart_img .circle.new:after { border-top-color: #12b1c6; } .add2cart_img .circle:after { border-color: #e74c3c 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; } .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; } .sale_new .text { position: relative; z-index: 1; } .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: #777; font-size: 13px; padding: 10px 15px; position: relative; left: auto; bottom: -29px; font-style: italic; } .add2cart_btn i { color: #aaa; margin-right: 10px; } .add2cart_btn:hover { color: #004E9E; border-color: #004E9E; } .add2cart_btn:hover i { color: #004E9E; } .add2cart_image { position: relative; } .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_image .add2cart_zoom:hover { color: #004E9E; } .add2cart_image .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 { opacity: 1; } .add2cart_image:hover .pro_add2cart_details { opacity: 1; top: 25%; } .sidebar_slider:hover .cart_toltip_icon2 { opacity: 1; } .pro_add2cart_details .text { position: relative; white-space: nowrap; } .pro_add2cart_details .text i { margin-right: 9px; font-size: 14px; } .cart_toltip_icon { background: #fff; border: 2px solid #DDDDDD; color: #004E9E; 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_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: #ffffff; 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; } .cart_toltip_icon2 { background: #fff; border: 2px solid #DDDDDD; color: #004E9E; font-size: 14px; height: 40px; line-height: 40px; opacity: 0; position: absolute; right: 20px; text-align: center; bottom: 20px; width: 40px; z-index: 1; } .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; } .your_rate:before { content: "\e6fe\e6fe\e6fe\e6fe\e6fe"; font-family: "idealtheme"; left: -2px; position: absolute; top: 0; color: #ccc; } .outline_stars { height: 20px; left: 0; overflow: hidden; position: absolute; top: 0; width: 100%; } .outline_stars:before { content: "\e6fd\e6fd\e6fd\e6fd\e6fd"; font-family: "idealtheme"; left: -2px; position: absolute; top: 0; color: #FFB200; } .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; } .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; width: 50%; } .add2cart_buttons a.pro_add2cart_add { border-right: 1px solid #ddd; } .add2cart_buttons a:hover { color: #004E9E; } .add2cart_buttons a i { margin-right: 7px; } .products_filter .add2cart_details { overflow: hidden; } .pro_ordering { float: right; } .pro_result_count { line-height: 38px; } .pro_sort_con { font-size: 13px; margin-bottom: 25px; min-height: 38px; } .index_top { position: relative; z-index: 1; } .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: #999; font-size: 13px; font-weight: 300; } .go_to_reviews i { color: #ccc; display: inline-block; font-size: 15px; margin-right: 6px; } .single_product_price_con { border-bottom: 1px solid #DDDDDD; margin-bottom: 16px; padding-bottom: 14px; } .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; } .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; } .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_product_wrapper .tabs-navi { margin-left: 20px; } .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%; } .product_option_item { float: left; width: 50%; margin-top: 15px; } .product_option_item .orderby_label { width: 100%; } .product_option_item:nth-child(2n+1) { padding-right: 7px; } .product_option_item:nth-child(2n) { padding-left: 7px; } .product_options .option_name, .simple_title { color: #004E9E; display: block; line-height: 33px; margin-bottom: 10px; margin-right: 15px; text-transform: uppercase; } .product_options, .single_product_details .quantity.buttons_added { padding-bottom: 25px; } .shop_attributes td { color: #999; } .shop_attributes th, .shop_attributes td { border-top: 1px solid #DDDDDD; padding: 10px 15px 10px 0; } .single_cart_video { clear: left; float: left; padding: 30px 30px 30px 0; width: 40%; position: relative; } /*-------------------------------------------------[ Shop Comments ]------*/ #reply-title small a { color: #F86923; font-size: 14px; } #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; } 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: #004E9E; } #reviews .comment-form > div { margin-bottom: 20px; } #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-2 { width: 3.2em; } #reviews .comment-form-rating .stars a.star-2:after { content: "\e6fe\e6fe"; } #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-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-5 { width: 6.2em; } #reviews .comment-form-rating .stars a.star-5:after { content: "\e6fe\e6fe\e6fe\e6fe\e6fe"; } .comment-form-rating > select#rating { display: none; } #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:hover:after, #reviews .comment-form-rating .stars a.active.star-2:after { content: "\e6fd\e6fd"; } #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: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:hover:after, #reviews .comment-form-rating .stars a.active.star-5:after { content: "\e6fd\e6fd\e6fd\e6fd\e6fd"; } .check_out_list { padding: 50px 0; } table.check_out_table { border: 1px solid #DDDDDD; } .check_out_list .top_catt_remove { background: #fff; border-color: #e74c3c; left: auto; position: relative; top: auto; } .check_out_list .top_catt_remove:after, .check_out_list .top_catt_remove:before { background: #e74c3c; } .attach_shop_thumb.ico-post-image { max-width: 100%; } .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; } .idealtheme_commerce td.name_product { text-transform: uppercase; } .idealtheme_commerce .remove_product { max-width: 26px; } .idealtheme_commerce .thumbnail_product { max-width: 70px; } .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_table .cart_item:nth-child(2n) { background: #fbfbfb; } .check_out_table .amount { font-weight: 300; } .check_out_table .coupon_block { float: left; } .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 { border: 1px solid #DDDDDD; } .check_out_totals .totals_row { width: 100%; border-bottom: 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:last-child { border-bottom: none; } .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; } /*-------------------------------------------------[ Shop Next Product ]------*/ .next_product_nav { height: 200px; overflow: hidden; position: absolute; width: 100%; } .next_product_nav a { display: block; outline: medium none; position: absolute; text-align: left; top: 105px; z-index: 1000; } .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.prev img { right: 0; border-left: none; } .next_product_nav a.next { right: 0; } .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 div { background: #576162; padding: 12px 17px; position: absolute; top: 50%; z-index: 100; transition: transform 0.3s ease 0s; -moz-transition: -moz-transform 0.3s ease 0s; -webkit-transition: -webkit-transform 0.3s ease 0s; -ms-transition: -ms-transform 0.3s ease 0s; -o-transition: -o-transform 0.3s ease 0s; } .next_product_nav div .price { display: block; font-size: 14px; margin: 8px 0 3px; color: #fff; } .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); } .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; } .single_product_slider { float: left; width: 40%; padding-right: 30px; } .single_product_details { float: left; width: 60%; } .single_pro_row { margin-top: 10px; } .single_product_title { color: #004E9E; font-size: 28px; font-weight: 500; margin: 0 0 10px; font-family: "Oswald", "Open Sans", sans-serif; } /*---------------------------------------------------------- Functional styling; These styles are required for noUiSlider to function. You don't need to change these rules to apply your design. -----------------------------------------------------------*/ .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-user-select: none; -ms-touch-action: none; -ms-user-select: none; -moz-user-select: none; -moz-box-sizing: border-box; box-sizing: border-box; } .noUi-target { position: relative; direction: ltr; } .noUi-base { width: 100%; height: 100%; position: relative; } .noUi-origin { position: absolute; right: 0; top: 0; left: 0; bottom: 0; } .noUi-handle { position: relative; z-index: 1; } .noUi-stacking .noUi-handle { /* This class is applied to the lower origin when its values is > 50%. */ z-index: 10; } .noUi-stacking + .noUi-origin { /* Fix stacking order in IE7, which incorrectly creates a new context for the origins. */ *z-index: -1; } .noUi-state-tap .noUi-origin { -webkit-transition: left 0.3s, top 0.3s; transition: left 0.3s, top 0.3s; } .noUi-state-drag * { cursor: inherit !important; } /* Painting and performance; * Browsers can paint handles in their own layer. */ .noUi-base { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* Slider size and handle placement; */ .noUi-horizontal { height: 16px; } .noUi-horizontal .noUi-handle.noUi-handle-upper { left: -33px; top: -7px; } .noUi-horizontal .noUi-handle { width: 34px; height: 28px; left: -1px; top: -6px; } /*.noUi-handle.noUi-handle-upper { left: -33px; }*/ .noUi-vertical { width: 18px; } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; } /* Styling; */ .noUi-background { background: #F7F7F7; border-bottom: 1px solid #d3d3d3; border-top: 1px solid #d3d3d3; box-shadow: 0 1px 1px #f0f0f0 inset; margin-bottom: -1px; margin-top: -1px; } .noUi-connect { background: #004E9E; box-shadow: 0 0 3px rgba(51, 51, 51, 0.25) inset; margin-bottom: -1px; margin-top: -1px; transition: background 450ms ease 0s; -webkit-transition: background 450ms; } .noUi-origin { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; } .noUi-target { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -ms-border-radius: 2px; border: 1px solid #D3D3D3; box-shadow: inset 0 1px 1px #f0f0f0, 0 3px 6px -5px #bbbbbb; } .noUi-target.noUi-connect { box-shadow: inset 0 0 3px rgba(51, 51, 51, 0.45), 0 3px 6px -5px #bbbbbb; } /* Handles and cursors; */ .noUi-dragable { cursor: w-resize; } .noUi-vertical .noUi-dragable { cursor: n-resize; } .noUi-handle { border: 1px solid #D9D9D9; border-radius: 3px; background: #FFF; cursor: default; box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #e5e5e5, 0 3px 6px -3px #bbbbbb; } .noUi-active { box-shadow: inset 0 0 1px #ffffff, inset 0 1px 7px #dddddd, 0 3px 6px -3px #bbbbbb; } /* Handle stripes; */ .noUi-handle:before, .noUi-handle:after { content: ""; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px; } .noUi-handle:after { left: 17px; } .noUi-vertical .noUi-handle:before, .noUi-vertical .noUi-handle:after { width: 14px; height: 1px; left: 6px; top: 14px; } .noUi-vertical .noUi-handle:after { top: 17px; } /* Disabled state; */ [disabled].noUi-connect, [disabled] .noUi-connect { background: #B8B8B8; } [disabled] .noUi-handle { cursor: not-allowed; } /* ---------------------------------------------------------------- Dark Site -----------------------------------------------------------------*/ .dark #preloader { background: #121518; } .dark .bg_overlay:after, .dark .bg_overlay:before { background: none; } .dark, .dark .small_title .small_title_con, .dark .main_title .line i, .dark .main_title .dot, body.site_boxed.dark, .dark #main_wrapper { background: #1D2226; } .dark .description2, .dark .description3 { background: #181D20; } .dark .page_title:not(.has_bg_image), .dark .page_title { background-color: #121518; border-bottom: 1px solid rgba(255, 255, 255, 0.06); box-shadow: 0 0 0; } .dark .small_title:after, .dark .main_title h2 .line { background: #3F4C4C; background: rgba(255, 255, 255, 0.07); } .dark .acc_content .small_title .small_title_con { background: #171b1e; } .dark { color: #fff; color: rgba(255, 255, 255, 0.7); } .dark .main_title:not(.gray_bg) h2, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark .h1, .dark .h2, .dark .h3, .dark .h4, .dark .h5, .dark .h6, .dark .page_title h1, .dark .hm_circle_title, .dark .team_block .front .person_name, .dark .team_block2 .person_name, .dark .say_datils > h5, .dark .normal_text_slider .client_details, .dark .related_posts_slide .related_title { color: #fff; } .dark #navigation_bar { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .dark:not(.light_header) .sticky_menu #navigation_bar, .dark:not(.light_header) .sticky_menu .top_search_con { background: #0B0D0F; } .dark .bg_gray { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.06); } .dark .acc_content { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0); } .dark .panel-body, .dark .panel-heading a, .dark .bg_gray .tabs2 .tabs-body, .dark .tabs2 .tabs-body, .dark .bg_gray .tabs1 .tabs-body, .dark .tabs1 .tabs-body, .dark .bg_gray .tabs1:not(.ver_tabs) .tabs-navi a, .dark .bg_gray .tabs2 .tabs-navi a:not(.selected), .dark .tabs1:not(.ver_tabs) .tabs-navi a, .dark .tabs2 .tabs-navi a:not(.selected) { border-color: rgba(255, 255, 255, 0); } .dark .bg_gray .panel-default > .panel-heading, .dark .panel-default > .panel-heading { background: rgba(0, 0, 0, 0.5); } .dark .occ_expanded .enar_occ_title { background: #004E9E; } .dark .enar_occ_title { background: rgba(0, 0, 0, 0.5); border-color: rgba(255, 255, 255, 0); } .dark .panel, .dark .hm-tabs:not(.simple_tabs) .tabs-body, .dark .bg_gray .acc_content, .dark .acc_content, .dark .bg_gray .hm-tabs.tabs1.ver_tabs, .dark .hm-tabs.tabs1.ver_tabs, .dark .hm-tabs.tabs1.ver_tabs { background: rgba(0, 0, 0, 0.2); } .dark .hm-tabs.ver_tabs .tabs-body, .dark .tabs1.ver_tabs .tabs-body:after, .dark .tabs1.ver_tabs .tabs-navi a.selected, .dark .ver_tabs:not(.gradient_active) .tabs-navi a.selected:after { background: none; } .dark .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi a.selected, .dark .bg_gray .tabs-navi a, .dark .tabs-navi a, .dark .tabs2 .tabs-navi a { background: rgba(0, 0, 0, 0.2); } .dark .tabs1:not(.ver_tabs) .tabs-navi a.selected::after { background: rgba(255, 255, 255, 0.06); } .dark .tabs1:not(.ver_tabs):not(.fill_active) .tabs-navi > li:first-child a { border-left-color: rgba(255, 255, 255, 0); } .dark .tabs1:not(.ver_tabs) .tabs-navi a.selected::after { background: rgba(255, 255, 255, 0); } .dark .bg_gray .tabs-navi a, .dark .tabs-navi a, .dark .hm-tabs.simple_tabs .tabs-navi li a { background: rgba(0, 0, 0, 0.5); color: #aaa; border-color: rgba(255, 255, 255, 0.1); } .dark .hm-tabs.simple_tabs .tabs-navi li a.selected { color: #004E9E; border-color: rgba(255, 255, 255, 0.3); } .no-touch .dark .tabs-navi a:hover { color: #fff; } .dark .with_arrow_t.tabs1.fill_active .tabs-navi a.selected:before { border-bottom-color: rgba(0, 0, 0, 0); } .dark .tabs1.ver_tabs .tabs-navi a, .dark .ver_tabs .tabs-navi li:last-child a.selected { border-bottom: 1px solid rgba(255, 255, 255, 0.04); } .dark .hm-tabs.simple_tabs .tabs-navi li a:hover:not(.selected) { border-color: rgba(255, 255, 255, 0.1); color: #fff; } .dark .tabs2 .tabs-navi a.selected:after { border-bottom-color: rgba(0, 0, 0, 0.2); bottom: -26px; } .dark .tabs1.fill_active .tabs-navi li:first-child a:not(.selected), .dark .tabs1.fill_active .tabs-navi li:first-child a.selected, .dark .tabs1.fill_active .tabs-navi li:first-child a:hover { border-left: none; } .dark .tabs2 .tabs-navi a.selected:before { display: none; } .dark .bg_gray .hm-tabs.tabs1.ver_tabs, .dark .hm-tabs.tabs1.ver_tabs, .dark .tabs1.ver_tabs nav { border-color: rgba(255, 255, 255, 0); } .dark .welcome_banner.full_white, .dark .welcome_banner.classic_white { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .dark .welcome_banner.classic_white .intro_text, .dark .welcome_banner.full_white .intro_text, .dark .welcome_banner.boxed_white .intro_text { color: rgba(255, 255, 255, 0.6); } .dark .section_icon i { background: #004E9E; color: #fff; } .dark .section_icon { border: none; } .dark .welcome_banner.boxed_white { border-color: rgba(255, 255, 255, 0.06); background: rgba(0, 0, 0, 0.2); } .dark .welcome_banner.full_banner_colored::after { border-bottom: 1px solid rgba(255, 255, 255, 0.06); top: 0; } .dark .progress_bar .fill_con { background: rgba(0, 0, 0, 0.3); } .dark .hm_new_con { background: rgba(0, 0, 0, 0.5); } .dark .bg_gray .main_title .line i { background: #171b1e; } .dark .team_block .face, .dark .bg_gray .team_block .face { background: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0); } .dark .team_block .face.back { background: #004E9E; } .dark .team_block .team_img { background: rgba(0, 0, 0, 0.1); border: 5px solid rgba(255, 255, 255, 0.06); } .dark .team_block2 .member_img { background: rgba(0, 0, 0, 0.3); border: none; } .dark .social_media a { background: rgba(0, 0, 0, 0.5); border: none; color: #aaa; } .dark #footer::before { background: none; } .dark .what_say_block .say_img { background: rgba(0, 0, 0, 0.4); border: none; } .dark .normal_text_slider .enar_owl_p, .dark .normal_text_slider .enar_owl_n, .dark .our_client_slider .enar_owl_p, .dark .our_client_slider .enar_owl_n { background: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.1); } .dark .has_top_border { border-top-color: rgba(255, 255, 255, 0.06); } .dark .featured_slider { background: rgba(0, 0, 0, 0.4); } .dark .featured_slide_details { background: rgba(0, 0, 0, 0.8); } .dark .content .bordered_content.bordered, .dark .bordered_content.bordered { background: rgba(0, 0, 0, 0.3); border: none; } .dark .mapcontainer .areaLegend text, .dark .mapcontainer .plotLegend text { fill: #fff; } .dark .tree_features > li::after { background: #1d2226; } .dark .bg_gray .tree_features > li::after { background: #171b1e; } .dark .thumbs_gall_slider_con { background: rgba(0, 0, 0, 0.4); border-color: rgba(0, 0, 0, 0); } .dark .icon_boxes_con.style1:not(.just_icon_border) .service_box > .icon:after, .dark .icon_boxes_con.style1:not(.just_icon_border) .service_box .service_box_con, .dark .icon_boxes_con.style1:not(.just_icon_border) .service_box .service_box_con:before { background: #161A1D; border: none; } .dark .icon_boxes_con.style1 .service_box .ser-box-link { background: rgba(0, 0, 0, 0); border: 1px solid rgba(255, 255, 255, 0.1); } .dark .icon_boxes_con.just_icon_border .service_box > .icon:after { background: rgba(0, 0, 0, 0.3); border: none; } .dark .icon_boxes_con.style1.circle.just_icon_border.solid_icon .service_box:hover > span i { background: none; } .dark .icon_boxes_con.style1.solid_icon .service_box > .icon i { background: rgba(0, 0, 0, 0); } .dark .icon_boxes_con.style1.solid_icon .service_box > .icon:after, .dark .icon_boxes_con.style2.solid_icon .service_box .icon:after { background: rgba(0, 0, 0, 0.3); } .dark .icon_boxes_con.style2:not(.icon_box_no_border):not(.solid_icon) .service_box .icon:after { background: #004E9E; border: none; } .dark .table_container { background: rgba(0, 0, 0, 0.2); border: none; } .dark caption { background: rgba(0, 0, 0, 0.3); border-bottom: 1px solid rgba(255, 255, 255, 0.07); } .dark .table > thead > tr > th, .dark .table > tbody > tr > th, .dark .table > tfoot > tr > th, .dark .table > thead > tr > td, .dark .table > tbody > tr > td, .dark .table > tfoot > tr > td { border-top-color: rgba(255, 255, 255, 0.07); } .dark pre { background-color: rgba(0, 0, 0, 0.4); color: #888; border: none; } .dark .table-striped > tbody > tr:nth-of-type(2n+1), .dark .table-hover > tbody > tr:hover { background-color: rgba(0, 0, 0, 0.2); } .dark .table-bordered { border-color: rgba(255, 255, 255, 0.07); } .dark .table-bordered > thead > tr > th:first-child, .dark .table-bordered > tbody > tr > th:first-child, .dark .table-bordered > thead > tr > td:first-child, .dark .table-bordered > tbody > tr > td:first-child { border-left-color: rgba(255, 255, 255, 0.07); } .dark .table-bordered > thead > tr > th, .dark .table-bordered > tbody > tr > th, .dark .table-bordered > tfoot > tr > th, .dark .table-bordered > thead > tr > td, .dark .table-bordered > tbody > tr > td, .dark .table-bordered > tfoot > tr > td { border-right-color: rgba(255, 255, 255, 0.07); } .dark .table .success, .dark .table .danger, .dark .table .warning, .dark .table .info, .dark .table .active { color: #444444; } .dark .social_links_widget a { background: rgba(0, 0, 0, 0.4); border: none; } .dark .social_share_btn:before { background: #2c3032; } .dark .social_share_btn:after { background: #14181b; } .dark .social_share_btn { background: #14181b; border-color: #2c3032; } .dark #share_on_socials a { background: rgba(0, 0, 0, 0.4); border: none; line-height: 42px; } .dark input[type="text"], .dark input[type="date"], .dark input[type="email"], .dark input[type="number"], .dark textarea, .dark .form_row input[type="file"], .dark .lfc_user_row input[type="password"], .dark #review_form_wrapper .comment-form input[type="text"], .dark #review_form_wrapper .comment-form textarea { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.08); } .dark #form-messages, .dark .form_row label:not(.orderby_label) { color: #fff; } .dark input[type="text"]:focus, .dark input[type="date"]:focus, .dark input[type="email"]:focus, .dark input[type="number"]:focus, .dark textarea:focus, .dark input[type="password"]:focus, .dark .c_detail .c_name, .dark .search_block form input.serch_input:focus, .dark .hm_blog_list .blog_grid_con .title a, .dark .post_title_con .title a, .dark .posts_widget_list2 li > a { color: #fff; } .dark .contact_details_row .icon { background: rgba(0, 0, 0, 0.4); } .dark .hm_filter_wrapper_con .occ_expanded .enar_occ_title { background: rgba(0, 0, 0, 0.5); border-bottom-color: rgba(0, 0, 0, 0); } .dark #filter-by > li a { background: rgba(0, 0, 0, 0.2); border-bottom-color: rgba(255, 255, 255, 0.07); border-right-color: rgba(255, 255, 255, 0.07); border-top-color: rgba(255, 255, 255, 0.07); color: #aaa; } .dark #filter-by > li:first-child a { border-left-color: rgba(255, 255, 255, 0.07); } .dark .form_row .hm_input_text, .dark .form_row select { color: #eee; } .dark .orderby_label select, .dark .search_block form input.serch_input, .dark .about_auther .avatar_img { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.08); } .dark .orderby_label:before { background: #171b1e; border-bottom-color: #292d30; border-left-color: #292d30; border-top-color: #292d30; } .dark .search_block form .search_btn:after { background: rgba(255, 255, 255, 0.08); } .dark .login_form_colored, .dark .lfc_header, .dark .lfc_forget_pass, .dark .next_product_nav .icon-wrap { background: rgba(0, 0, 0, 0.3); border-color: rgba(255, 255, 255, 0.08); } .dark .price_lable, .dark .check_out_table .cart_item:nth-child(2n) { background: rgba(0, 0, 0, 0.3); border-color: rgba(0, 0, 0, 0); } .dark .widget_block, .dark .hm_blog_list .blog_grid_con .meta, .dark .post_title_con .meta, .dark .cat_list_widget > li, .dark .hm_blog_list .blog_grid_block:not(:last-child) { border-bottom-color: rgba(255, 255, 255, 0.07); } .dark .noUi-handle { background: #121518; border: none; box-shadow: none; } .dark .noUi-handle:before, .dark .noUi-handle:after { background: rgba(255, 255, 255, 0.1); } .dark .noUi-connect, .dark .content_section:not(.white_section):not(.bg_fixed) .plan_col.plan_column1 { box-shadow: none; } .dark .noUi-target, .dark .add2cart_slide { border-color: rgba(0, 0, 0, 0); box-shadow: none; } .dark .noUi-background { background: #2B3238; border-bottom: none; border-top: 1px solid #2B3238; box-shadow: none; } .dark .noUi-origin { border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; } .dark .posts_widget_list li > a img, .dark #comments .single_comment .avatar { background: rgba(0, 0, 0, 0.3); border: none; } .dark .single_product_price_con { border-bottom-color: rgba(255, 255, 255, 0.06); } .dark .send_button2, .dark .check_out_list .top_catt_remove { background: rgba(0, 0, 0, 0); } .dark .send_button2:hover, .dark .add2cart_prod_name { color: #fff; } .dark .shop_attributes th, .dark .shop_attributes td, .dark #reviews .comment-form-rating .stars a, .dark .commerce_comments .comment_container, .dark table.check_out_table, .dark .idealtheme_commerce table.check_out_table td, .dark .check_out_totals, .dark .check_out_totals .totals_row > div:nth-child(2n+1), .dark .check_out_totals .totals_row { border-color: rgba(255, 255, 255, 0.06); } .dark .shop_product_wrapper .hm-tabs.simple_tabs:after { border-color: rgba(255, 255, 255, 0.06); background: rgba(0, 0, 0, 0.2); } .dark .shop_product_wrapper .hm-tabs.simple_tabs .tabs-navi li a { background: #0e1113; } .dark #review_form_wrapper .comment-form label { color: #fff; font-weight: normal; } .dark .idealtheme_commerce table.check_out_table th { background: rgba(0, 0, 0, 0.2); color: #fff; } .dark .check_out_totals .totals_row:nth-child(2n+1) > div:nth-child(2n+1), .dark .check_out_totals .totals_row:nth-child(2n) > div:nth-child(2n) { background: rgba(0, 0, 0, 0.2); } .dark .post_format_con > span > a { background: #171b1e; } .dark .bg_color6 { background: #2a2b2c; } .dark .hm_filter_wrapper_con.timeline:after { background: #3d3e40; } .dark .timeline_post_format:after { background: #1d1d1e; } .dark .tags_con > a { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.08); } .dark .comment-box { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0); } .dark .comment-reply-link, .dark .comment-edit-link { background: rgba(255, 255, 255, 0.1); border-color: rgba(0, 0, 0, 0); } .dark .tagcloud .tag { background: rgba(0, 0, 0, 0.2); border-color: rgba(255, 255, 255, 0.1); } .dark .tagcloud .num { background: rgba(0, 0, 0, 0.4); border-color: rgba(255, 255, 255, 0.1); } .dark .tagcloud.style2 .num:after { border-left-color: #171b1e; } .dark .tagcloud.style2 .num:before { border-left-color: #2f3235; } .dark #options .sort_list a.sort_selecter, .dark #sort-direction.option-set, .dark .porto_desc { background: rgba(0, 0, 0, 0.44); border-color: rgba(255, 255, 255, 0.08); } .dark .simple_porto_img + .porto_desc.simple_porto_desc { background: none; } .dark .hm_filter_wrapper.porto_hidden_title .porto_desc { background: rgba(0, 0, 0, 0.7); } .dark #sort-direction.option-set li:first-child { border-bottom-color: rgba(255, 255, 255, 0.08); } .dark #options .sort_list a.sort_selecter .arrow { border-left-color: rgba(255, 255, 255, 0.08); } .dark #sort-by.option-set { background: #171B1E; border-color: rgba(255, 255, 255, 0.08); } .dark #options .sort_list a { border-bottom-color: rgba(255, 255, 255, 0.08); } .dark .nav_with_nums #filter-by > li a.selected span.num { border-color: rgba(255, 255, 255, 0); } .dark .plan_col { background: #14181B; } .dark .plan_col.plan_column1 li, .dark .plan_col.plan_column1 li:first-child { border-color: rgba(255, 255, 255, 0.04); } .dark .plan_col.plan_column1 .plan_price_btn { background: rgba(255, 255, 255, 0.1); border-color: rgba(255, 255, 255, 0); } .dark .plan_col.plan_column1 .plan_price_btn:hover { background: rgba(255, 255, 255, 0.15); border-color: rgba(255, 255, 255, 0); } .dark .plan_col .polygon_con .polygon_fill { fill: #0F1214; stroke: rgba(0, 0, 0, 0); } .dark .hm_filter_wrapper:not(.has_sapce_portos):not(.porto_full_desc):not(.porto_hidden_title) .porto_desc::after { background: none repeat scroll 0 0 rgba(255, 255, 255, 0.07); } .dark .add2cart_btn { background: #0C0E10; border-color: rgba(0, 0, 0, 0); } .dark .add2cart_btn:hover { background: #0C0E10; } .dark .hm-pricing-container.hm-full-width.hm-secondary-theme { border-bottom: 1px solid rgba(255, 255, 255, 0.06); } .dark.site_boxed #main_wrapper { border-color: rgba(255, 255, 255, 0.03); } .dark.site_boxed.header_on_side #main_wrapper { padding-right: 0; padding-top: 0; } .dark.site_boxed:not(.light_header) .topbar { border-color: rgba(255, 255, 255, 0.1); } .dark.site_boxed .content_section:not(.bg_gray):not(.page_title):not(.bg_fixed) { background: rgba(0, 0, 0, 0.1); } .dark.header_on_side #side_heder_in, .dark.header_on_side #navigation_bar { background: rgba(0, 0, 0, 0); } .dark.header_on_side #side_heder { background: rgba(0, 0, 0, 0.4); } .dark.header_on_side.light_header #side_heder { background: #fff; } .dark.header_on_side.light_header #side_heder #share_on_socials a { background: #fff; border: 1px solid #e1e1e1; } .dark.header_on_side #main_wrapper:after { background: rgba(255, 255, 255, 0.07); background: none; } .dark.site_boxed.header_on_side .topbar { margin-top: 0; } @media only screen and (min-width: 992px) { .dark.header_on_side:not(.light_header) #navy { background: rgba(0, 0, 0, 0); } .dark.header_on_side:not(.light_header) #main_nav #nav_menu:before { background: none; } .dark.header_on_side:not(.light_header) #navy li a { border-bottom-color: rgba(255, 255, 255, 0.05); } .dark.header_on_side:not(.light_header) #navy { border-top-color: rgba(255, 255, 255, 0.05); } } /*------------------------------------------------------------- Responsive -------------------------------------------------------------*/ @media screen and (-webkit-min-device-pixel-ratio: 0) { .bg_fixed { background-attachment: scroll; } } @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; } } @media only screen and (min-width: 992px) { /*------------------------------------------------[ Side Menu ]--------*/ .header_on_side #navy > li:last-child > a { border-bottom: none; } .header_on_side #navy .tab_menu .tab_menu_item.active > a { background: #f5f5f5; color: #666; } .header_on_side #navy .tab_menu .tab_menu_item.active > a i, .header_on_side #navy .tab_menu .tab_menu_item.active > a:hover i { color: #aaa; } .side_header_social { float: left; padding: 30px 20px; width: 270px; } .header_on_side #main_nav { float: none; } .header_on_side #navy .owl-carousel:after, .header_on_side #navy .image_menu_slide > .owl-wrapper-outer:after { display: none; } .header_on_side #navy > li > a > span.parent_arrow.normal_menu_arrow { display: block; } .header_on_side #navy li.normal_menu ul:after, .header_on_side #navy li.has_mega_menu > ul:after, .header_on_side #navy ul li:not(.image_menu_slide) a:after { background: none; } .header_on_side #navy ul li.normal_menu ul { left: 0; top: 0; } .header_on_side #navy ul.mega_menu .mega_menu_in { padding-left: 0px; } .header_on_side #navy ul.mega_menu { left: 0; } .header_on_side #navy ul { background: none; border: none; margin: 0; padding: 0; position: relative; width: 100%; } .header_on_side #navy { background: #fff; left: 0; position: relative; top: 0; width: 100%; border-top: 1px solid #eeeeee; } .header_on_side #navy li { float: none; margin: 0 auto; padding: 0 !important; position: relative; width: 100%; } .header_on_side #navy > li > a { color: #888; } .header_on_side #navy > li.current_page_item > a, .header_on_side #navy > li > a:hover, .header_on_side #navy > li.opened_menu > a { color: #004E9E; } .header_on_side #navy > li > a > span { padding: 12px 0; } .header_on_side #navy > li > a:after { display: none; } .header_on_side #navy li a { border-bottom: 1px solid #eee; } .header_on_side #navy > li > a > span.normal_menu_arrow { display: block; padding: 0px !important; } .header_on_side #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); } .header_on_side #navy > li.opened_menu.has_mega_menu > a > span:after, .header_on_side #navy li.normal_menu li.opened_menu > a > span.normal_menu_arrow, .header_on_side #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); } .header_on_side #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); } .header_on_side #navy ul li.normal_menu ul { padding-left: 15px; } .header_on_side #navy ul.mega_menu { position: relative; } .header_on_side #navy ul.mega_menu > li, .header_on_side #navy .tab_menu_list > li > ul > li { border-right: none; width: 100%; } .header_on_side #navy > li > a > span.normal_menu_arrow { background: #aaa; height: 1px; position: absolute; right: 0px; top: 50%; width: 9px; } .header_on_side #navy > li > a > span.normal_menu_arrow:after { background: #aaa; content: ""; display: block; height: 9px; left: 4px; position: absolute; top: -4px; width: 1px; } .header_on_side #navy ul.mega_menu > li > a:before { background-image: url("../images/m_d_arrow.png"); width: 9px; } .header_on_side #navy ul li .normal_menu_arrow, .header_on_side #navy > li > a > span.normal_menu_arrow { right: 0px; } .header_on_side #navy ul li:last-child a, .header_on_side #navy ul.mega_menu li a { border-bottom: 1px solid #eee; } .header_on_side #navy ul.mega_menu > li a { padding: 0 20px 0 28px; } .header_on_side #navy ul.mega_menu li a:before { left: 13px; top: 16px; } .header_on_side #navy ul.mega_menu li.go-back > a:before { left: 10px; } .header_on_side #navy ul li .mega_arrow { right: 15px; } .header_on_side #navy .tab_menu .tab_menu_list > li > ul { width: 100%; } .header_on_side #navy .tab_menu_item ul { padding-left: 0px; } .header_on_side #navy li.has_mega_menu > a > span:after, .header_on_side #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; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; } .header_on_side #navy .tab_menu .tab_menu_list { width: 100%; padding: 0; border-right: 0 none; } .header_on_side #navy .tab_menu_item a { padding: 0 15px; } .header_on_side #navy .tab_menu_item a .parent_arrow { right: 15px; } .header_on_side #navy .tab_menu .tab_menu_list > li > ul { left: 0; position: relative; } .header_on_side #navy .tab_menu { left: 0; } /*-------[ End Side Menu ]--------*/ .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; } .site_boxed.header_on_side .icon_boxes_con > .col-md-3:nth-child(4n+1), .site_boxed.header_on_side .icon_boxes_con > .col-md-4:nth-child(3n+1), .site_boxed.header_on_side .icon_boxes_con > .col-md-6:nth-child(2n+1), .site_boxed.header_on_side .rows_container > .col-md-3:nth-child(4n+1), .site_boxed.header_on_side .rows_container > .col-md-4:nth-child(3n+1), .site_boxed.header_on_side .rows_container > .col-md-6:nth-child(2n+1) { clear: none; } .site_boxed.header_on_side .icon_boxes_con > .col-md-3:nth-child(2n+1), .site_boxed.header_on_side .icon_boxes_con > .col-md-4:nth-child(2n+1), .site_boxed.header_on_side .icon_boxes_con > .col-md-6:nth-child(2n+1), .site_boxed.header_on_side .rows_container > .col-md-3:nth-child(2n+1), .site_boxed.header_on_side .rows_container > .col-md-4:nth-child(2n+1), .site_boxed.header_on_side .rows_container > .col-md-6:nth-child(2n+1) { clear: left; } /*------------------------------------------------------------- Transparent Menu -------------------------------------------------------------*/ .transparent_header #site_header + section:after, .transparent_header #site_header + div:after { background: url(../images/dark_grid.png) repeat-x; content: ""; height: 300px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } .transparent_header.light_header #site_header + section:after, .transparent_header.light_header #site_header + div:after { background: url(../images/light_grid.png) repeat-x; content: ""; height: 300px; position: absolute; top: 0; left: 0; width: 100%; z-index: 1; } #main_nav { float: left; } #main_nav.f_right { float: right; } /*------------------------------------------------------------- Menu Button Mode -------------------------------------------------------------*/ .menu_button_mode:not(.header_on_side) #navy > li { padding: 18px 0px; } .menu_button_mode:not(.header_on_side) #navy > li > a { padding: 10px 15px; margin-right: 10px; } .menu_button_mode:not(.header_on_side) #navy > li > a:after { display: none; } .menu_button_mode:not(.header_on_side) #navy > li:last-child > a { margin-right: 0px; } .menu_button_mode:not(.header_on_side) #navy > li.current_page_item > a, .menu_button_mode:not(.header_on_side) #navy > li.current_page_item:hover > a { background: #004E9E; color: #fff; } .menu_button_mode:not(.header_on_side) #navy > li > a > span { padding: 0; } #navy > li > ul { top: 100%; } .header_on_side:not(.light_header):not(.dark) #logo .logo_dark { opacity: 1; } .header_on_side:not(.light_header):not(.dark) #logo .logo_light { opacity: 0; } .header_on_side #navy { display: block; } .header_on_side #navy .img_menu_i { padding: 20px 0; } .header_on_side #navy .img_menu_i > a { border-bottom: none !important; } .header_on_side .hm_filter_wrapper { padding-right: 30px; padding-left: 30px; } .header_on_side .container { width: auto; padding-right: 30px; padding-left: 30px; } .header_on_side .content { width: auto; padding-right: 45px; padding-left: 45px; } .header_on_side .content .hm_filter_wrapper { padding-right: 0px; padding-left: 0px; } .header_on_side .content.no_padding { padding-right: 30px; padding-left: 30px; } .header_on_side #side_heder .content { padding-right: 20px; padding-left: 20px; } .header_on_side #main_nav.has_mobile_menu { float: none; padding: 0; position: relative; } .header_on_side #main_wrapper { padding-left: 270px; width: auto; } .header_on_side:not(.site_boxed) #side_heder { border-right: 1px solid #e4e4e4; } .header_on_side #logo { float: none; margin: 25px 0; } .header_on_side #side_heder { position: static; height: 100%; left: 0; overflow: hidden; position: fixed; top: 1px; width: 270px; } .header_on_side #side_heder_in { position: relative; height: 100%; width: 287px; overflow-y: auto; overflow-x: hidden; } .header_on_side #navigation_bar { width: 270px; background: none; } .site_boxed.header_on_side #side_heder { left: auto; margin-left: -270px; margin-top: 30px; } .site_boxed.header_on_side #side_heder.start_side_offset { margin-top: 0; padding-top: 13px; } .site_boxed.header_on_side .start_side_offset #logo { margin-top: 0; } .site_boxed.header_on_side #preloader { margin-top: -30px; } .site_boxed.header_on_side .col-md-3, .site_boxed.header_on_side .col-md-4 { width: 50%; } .site_boxed.header_on_side .feature_icon_slide .col-md-4 { width: 33.33333%; } .site_boxed.header_on_side .col-md-6 { width: 100%; float: none; } .site_boxed.header_on_side .has_col_img.on_desktop > img { clear: both; display: block; margin: 0 auto; max-width: 100%; position: relative; } .site_boxed.header_on_side .counter_b { margin-bottom: -70px; } .site_boxed.header_on_side .counter_b .col-md-3 { margin-bottom: 70px; } .site_boxed.header_on_side #main_wrapper { margin: 30px auto 0; max-width: 992px; padding-left: 270px; padding-top: 7px; position: relative; border-top: 1px solid #E7E7E7; } .site_boxed.header_on_side .topbar { margin-top: -7px; border-left: 1px solid #E7E7E7; } .site_boxed.header_on_side.light_header .topbar:not(.topbar_colored) { background: #fff; } .site_boxed.header_on_side .filter_item_block { width: 50%; } .site_boxed.header_on_side #footer .col-md-3 { margin-bottom: 60px; } .site_boxed.header_on_side #footer > .container { margin-bottom: -60px; } .site_boxed.header_on_side .footer_copyright .col-md-6 { line-height: 30px; text-align: center; } .site_boxed.header_on_side .footer_copyright .col-md-6 .footer_menu { float: none; } .site_boxed.header_on_side .plan_col.plan_column1 { margin-bottom: 40px; } .site_boxed.header_on_side #main_wrapper:after { content: ""; background: #e7e7e7; width: 1px; height: 100%; top: 0; position: absolute; left: 270px; } .site_boxed.header_on_side .container { padding-left: 10px; padding-right: 10px; } .site_boxed.header_on_side .content { padding-left: 30px; padding-right: 30px; } .site_boxed.header_on_side .content.no_padding { padding-left: 15px; padding-right: 15px; } .site_boxed.header_on_side .hm_filter_wrapper { padding: 0 15px; } .site_boxed.header_on_side .hm_filter_wrapper.masonry_grid_posts { padding: 0; } .site_boxed.header_on_side .shop_slider { padding-left: 0px; padding-right: 0px; } .site_boxed.header_on_side #options .sort_list { margin-right: 6px; } .transparent_header #navigation_bar-sticky-wrapper:not(.sticky_menu) #navigation_bar { background: none; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .transparent_header.light_header #navigation_bar-sticky-wrapper:not(.sticky_menu) #navigation_bar { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .transparent_header #site_header { position: absolute; width: 100%; } .transparent_header:not(.light_header) .top_search_con, .transparent_header:not(.light_header) .top_add_card { background: none; border-color: rgba(255, 255, 255, 0.15); } .transparent_header:not(.light_header) .top_search_con input[type="text"] { color: #eee; } .transparent_header.light_header #navigation_bar-sticky-wrapper:not(.sticky_menu) .top_search_con, .transparent_header.light_header #navigation_bar-sticky-wrapper:not(.sticky_menu) .top_add_card { background: #fff; border-color: rgba(0, 0, 0, 0.15); } .transparent_header.light_header #navigation_bar-sticky-wrapper:not(.sticky_menu) .top_add_card > span { border-color: rgba(0, 0, 0, 0.2); } .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) { .site_boxed.header_on_side #main_wrapper { max-width: 1170px; } .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 #004E9E; 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) { /*------------------------------------------------[ Mobile Menu ]--------*/ .top_search .top_search_con { background: #fff !important; border-color: #e4e4e4 !important; } #navigation_bar { min-height: 76px; } #navy .tab_menu .tab_menu_item.active > a { background: #f5f5f5; color: #666; } #navy .tab_menu .tab_menu_item.active > a i, #navy .tab_menu .tab_menu_item.active > a:hover i { color: #aaa; } #navy ul li.tab_menu_item.active .mega_arrow { background-image: url("../images/m_d_arrow.png"); } #navy, #navy .owl-carousel:after, #navy .image_menu_slide > .owl-wrapper-outer:after { display: none; } #navy > li > a > span.parent_arrow.normal_menu_arrow { display: block; } #main_nav.has_mobile_menu { 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 ul.mega_menu .mega_menu_in { padding-left: 15px; } #navy ul.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 !important; 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: #004E9E; } #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 ul.mega_menu { position: relative; } #navy ul.mega_menu > li, #navy .tab_menu_list > li > ul > li { border-right: none; width: 100% !important; } #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 .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; transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; } #navy .tab_menu .tab_menu_list { width: 100%; padding: 0; border-right: 0 none; } #navy .tab_menu_item a { padding: 0 15px; } #navy .tab_menu_item a .parent_arrow { right: 15px; } #navy .tab_menu .tab_menu_list > li > ul { left: 0; position: relative; } #navy .tab_menu { left: 0; } /*-------[ End Mobile Menu ]--------*/ .side_header_social { display: none; } .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: #004E9E; } .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; } .has_col_img.on_desktop > img { display: block; margin: 0 auto; position: relative; clear: both; max-width: 100%; } .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; } .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) { .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 { clear: both; } .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: #004E9E; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; height: 30px; width: 30px; } }