/* Mega StyleSheet For Immortal Header & Slider Item Name: Immortal Header & Slider Item URL: Description: Different Types of Headers for Web Pages, Bootstrap Sliders, Bootstrap Mega Menu, Bootstrap Modal Forms Author: SZThemes Author URI: http://codecanyon.net/user/sz_themes Version: 1.0 Content List ----------------------------------------------------------------------------------- NAME ----------------------------------------LINE NUMBER--------------------- # LARGE TABS HEADER VERSION ------------------58------------------------------ 01 LARGE TABS HEADER VERSION RESPONSIVE -------1267---------------------------- 02 LARGE TABS HEADER VERSION COLORS -----------1755---------------------------- 03 [ Note: Line Numbers Are According To Notepad++ ] ------------------------------------------------------------------ Fonts Styles ------------------------------------------------------------------ 'Raleway', sans-serif ---------------------------------- 01 'Lato', sans-serif ---------------------------------- 02 FontAwesome ---------------------------------- 03 ------------------------------------------------------------------ Color Codes ------------------------------------------------------------------ NAME ------------------------RGB-------------------------- # #ffffff -------------------rgb(255, 255, 255)---------------- 01 #000000 -------------------rgb(0, 0, 0)---------------------- 02 #00A7E3 -------------------rgb(191, 57, 43)------------------ 03 Replace This Color To Change Whole Color Scheme #0186b6 -------------------rgb(115, 34, 26)------------------ 04 Replace Also This Color To Change Whole Color Scheme #e5e5e5 -------------------rgb(229, 229, 229)---------------- 05 #dddddd -------------------rgb(221, 221, 221)---------------- 06 #c1c1c1 -------------------rgb(193, 193, 193)---------------- 07 */ /*========================================================================================================================================== LARGE TABS HEADER VERSION ==========================================================================================================================================*/ /*======================================================= ---00--- COMMON CSS ========================================================*/ #immortal_header { -webkit-text-size-adjust: 100% !important; -moz-osx-font-smoothing: grayscale !important; -webkit-font-smoothing: antialiased !important; -ms-font-size-adjust: inherit !important; font-size-adjust: inherit !important; } /*======================================================= ---00--- TOP BAR ========================================================*/ .top_bar_container_fluid { background: #00A7E3; padding: 15px 0px 10px 0px; } .top_bar_container_fluid, #top_bar_login_btn, #top_bar_register_btn, #top_bar_search_btn, #top_bar_email a { color: #ffffff; } #top_bar_social_icons ul li a:hover, #top_bar_social_icons ul li a:active, #top_bar_social_icons ul li a:focus { color: #ffffff !important; } #top_bar_social_icons ul li a:before { background: #ffffff; } #top_bar_login_btn:hover, #top_bar_login_btn:active, #top_bar_login_btn:focus, #top_bar_register_btn:hover, #top_bar_register_btn:active, #top_bar_register_btn:focus, #top_bar_search_btn:hover, #top_bar_search_btn:active, #top_bar_search_btn:focus, #top_bar_email a:hover, #top_bar_email a:active, #top_bar_email a:focus { color: #00A7E3; } #top_bar_social_icons ul li a { color: #00A7E3; } #top_bar_social_icons ul li a { background: #00A7E3; } /*======================================================= ---01--- LARGE TABS HEADER VERSION NAVIGATION BAR ========================================================*/ .large_tabs_navbar { margin: 0px 0px 10px 0px; border: none; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ } .large_tabs_navbar.affix { width: 100%; z-index: 10; position: relative; /* -webkit-transition: background ease-in-out 0.5s, border ease-in-out 0.5s, top ease-in-out 0.5s, box-shadow ease-in-out 0.5s; transition: background ease-in-out 0.5s, border ease-in-out 0.5s, top ease-in-out 0.5s, box-shadow ease-in-out 0.5s; */ } /*========== LOGO ==========*/ #large_tabs_header_logo, #large_tabs_header_logo svg { width: 225px; margin: 15px 0; } .large_tabs_navbar.affix div div a #large_tabs_header_logo { margin-top: 10px; margin-bottom: 5px; } /*========== TOGGLE BUTTON ==========*/ .large_tabs_navbar_toggle { border: none; } .large_tabs_navbar_toggle .icon-bar { -webkit-transition: all ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: all ease-in-out 0.3s; /* Standard syntax */ } .large_tabs_navbar_toggle .large_tabs_top_icon_bar { -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */ transform: rotate(45deg); /* Standard syntax */ -webkit-transform-origin: 10% 10%; /* Chrome, Safari, Opera */ transform-origin: 10% 10%; /* Standard syntax */ } .large_tabs_navbar_toggle .large_tabs_middle_icon_bar { opacity: 0; } .large_tabs_navbar_toggle .large_tabs_bottom_icon_bar { -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */ transform: rotate(-45deg); /* Standard syntax */ -webkit-transform-origin: 10% 90%; /* Chrome, Safari, Opera */ transform-origin: 10% 90%; /* Standard syntax */ } .large_tabs_navbar_toggle.collapsed .large_tabs_top_icon_bar { -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); /* Standard syntax */ } .large_tabs_navbar_toggle.collapsed .large_tabs_middle_icon_bar { opacity: 1; } .large_tabs_navbar_toggle.collapsed .large_tabs_bottom_icon_bar { -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); /* Standard syntax */ } /*========== NAV TABS ==========*/ .large_tabs_navbar_nav>li>a, .large_tabs_navbar_nav>li>a:visited { overflow: hidden; font-weight: 400; position: relative; text-transform: uppercase; padding: 45px 12px 30px 12px; font-family: "Poppins", Helvetica, Arial, sans-serif; -webkit-transition: all ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: all ease-in-out 0.3s; /* Standard syntax */ -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ transform: translateZ(0); /* Standard syntax */ -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; /* Standard syntax */ } .large_tabs_navbar.affix div .large_tabs_navbar_nav>li>a { padding-top: 10px; padding-bottom: 10px; } .large_tabs_navbar_nav>li>a:before { top: 0; left: 0; height: 4px; content: ""; z-index: -1; right: 100%; position: absolute; -webkit-transition: right ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: right ease-in-out 0.3s; /* Standard syntax */ } .large_tabs_navbar_nav>li>a:hover:before, .large_tabs_navbar_nav>li>a:focus:before, .large_tabs_navbar_nav>li>a:active:before { right: 0; } .large_tabs_navbar_nav>li>a:hover, .large_tabs_navbar_nav>li>a:active, .large_tabs_navbar_nav>li>a:focus { border: none; outline: none; } .large_tabs_navbar_header a { margin-top: 5px; } .large_tabs_navbar_separate_text { font-size: 12px; font-weight: 400; margin: 5px 0px 0px 0px; text-transform: capitalize; font-family: "Poppins", Helvetica, Arial, sans-serif; } /*========== DROPDOWN ==========*/ .large_tabs_dropdown_menu { border: none; padding: 0px; font-family: "Poppins", Helvetica, Arial, sans-serif; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ } .large_tabs_dropdown_menu li a, .large_tabs_dropdown_menu li a:visited { padding: 15px 15px 15px 15px; -webkit-transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; /* Chrome, Safari, Opera */ transition: background 0.2s ease-in-out 0s, color 0.2s ease-in-out 0s; /* Standard syntax */ } .large_tabs_dropdown_menu li a i { margin-right: 5px; } /*========== MULTI LEVEL DROPDOWN ==========*/ .large_tabs_dropdown_right i, .large_tabs_dropdown_left i { margin-left: 15px; } .large_tabs_dropdown_menu_right { top: -1px; left: 100%; position: absolute; } .large_tabs_dropdown_menu_left { top: -1px; left: -92%; position: absolute; } /*========== SHORT CODE DROPDOWN ==========*/ .large_tabs_dropdown_menu_shortcodes { left: -350px; width: 1000px; font-family: "Poppins", Helvetica, Arial, sans-serif; } .large_tabs_shortcodes_list { padding: 0px; } .large_tabs_shortcodes_list ul { padding: 0px; list-style-type: none; margin: 25px 0px 25px 0px; } .large_tabs_shortcodes_list ul li a, .large_tabs_shortcodes_list ul li a:visited { display: block; text-decoration: none; padding: 5px 0px 5px 20px; } .large_tabs_shortcodes_list ul li a i { margin-right: 10px; } /*========== FEATURES DROPDOWN ==========*/ .large_tabs_dropdown_menu_features { left: -500px; width: 1000px; font-family: "Poppins", Helvetica, Arial, sans-serif; } .large_tabs_features_list { padding: 0px; } .large_tabs_features_list ul { padding: 0px; list-style-type: none; margin: 25px 0px 25px 0px; list-style-image: none; } .large_tabs_features_list ul li a, .large_tabs_features_list ul li a:visited { display: block; text-decoration: none; padding: 5px 0px 5px 25px; } .large_tabs_features_list_heading { padding: 5px 0px 5px 25px; } /*========== MEGA DROPDOWN ==========*/ .large_tabs_dropdown_menu_mega { left: -770px; width: 1170px; padding: 5px 5px 5px 5px; font-family: "Poppins", Helvetica, Arial, sans-serif; } .large_tabs_mega_list { margin: 0px; } .large_tabs_mega_list ul { margin: 0px; padding: 0px; list-style-type: none; list-style-image: none; } .large_tabs_mega_list ul li { margin: 25px 0px 25px 0px; } .large_tabs_mega_list_heading { font-weight: normal; text-transform: uppercase; } .large_tabs_mega_list ul li a, .large_tabs_mega_list ul li a:visited { margin: 0px; padding: 0px; text-decoration: none; text-transform: capitalize; } .large_tabs_mega_list ul li a i { margin-right: 10px; } .large_tabs_mega_image { margin: 0px; } .large_tabs_mega_image ul { margin: 0px; padding: 0px; list-style-type: none; } .large_tabs_mega_image ul li { margin: 25px 0px 25px 0px; } .large_tabs_mega_image_heading { font-weight: normal; text-transform: uppercase; } .large_tabs_mega_image img, .large_tabs_mega_image svg { width: 100%; -webkit-border-radius: 5px; /* Chrome, Safari, Opera */ border-radius: 5px; /* Standard syntax */ } .large_tabs_mega_image ul li h5 { margin-top: 25px; font-weight: bold; margin-bottom: 25px; text-transform: capitalize; } .large_tabs_mega_image p { text-align: justify; } .large_tabs_mega_posts { margin: 0px; } .large_tabs_mega_posts ul { margin: 0px; padding: 0px; list-style-type: none; } .large_tabs_mega_posts_heading { font-weight: normal; text-transform: uppercase; margin: 25px 0px 25px 0px; } .large_tabs_mega_posts_col_img { margin: 0%; padding: 0%; } .large_tabs_mega_posts_col_img img { width: 100%; opacity: 0.7; -webkit-border-radius: 5px; /* Chrome, Safari, Opera */ border-radius: 5px; /* Standard syntax */ -webkit-transition: opacity ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: opacity ease-in-out 0.3s; /* Standard syntax */ } .large_tabs_mega_posts_row { margin: 10px 0px 0px 0px; } .large_tabs_mega_posts_col_text h5 { padding: 0px; margin: 0px 0px 5px 0px; text-transform: capitalize; } .large_tabs_mega_posts_col_text h5 a, .large_tabs_mega_posts_col_text h5 a:visited { margin: 0px; padding: 0px; font-weight: bold; text-decoration: none; } .large_tabs_mega_posts_row:hover .large_tabs_mega_posts_col_img img { opacity: 1; } /*========== SHOP DROPDOWN ==========*/ .large_tabs_dropdown_menu_shop { left: -400px; width: 900px; padding: 15px 25px 15px 25px; font-family: "Poppins", Helvetica, Arial, sans-serif; } .large_tabs_dropdown_menu_shop_row { margin-top: 10px; } .large_tabs_dropdown_menu_shop_col img, .large_tabs_dropdown_menu_shop_col img a { width: 100%; opacity: 1; -webkit-border-radius: 5px; /* Chrome, Safari, Opera */ border-radius: 5px; /* Standard syntax */ -webkit-transition: opacity ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: opacity ease-in-out 0.3s; /* Standard syntax */ } .large_tabs_dropdown_menu_shop_col h5 { padding: 0px; margin: 20px 0px 5px 0px; text-transform: uppercase; } .large_tabs_dropdown_menu_shop_col h5 a, .large_tabs_dropdown_menu_shop_col h5 a:visited { margin: 0px; padding: 0px; font-weight: bold; text-decoration: none; } .large_tabs_dropdown_menu_shop_col p { text-align: left; line-height: 0.95em; } .large_tabs_dropdown_menu_shop_col:hover img, .large_tabs_dropdown_menu_shop_col:hover img a { opacity: 0.75; background-color: none; } /*======================================================= ---02--- LARGE TABS HEADER SLIDER ========================================================*/ /*========== LEFT/RIGHT CONTROL ==========*/ .large_tabs_carousel_control_left, .large_tabs_carousel_control_right { top: 40%; z-index: 2; width: 55px; height: 55px; text-align: center; -webkit-border-radius: 100%; /* Chrome, Safari, Opera */ border-radius: 100%; /* Standard syntax */ -webkit-transition: all ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: all ease-in-out 0.3s; /* Standard syntax */ } .large_tabs_carousel_icons { line-height: 50px; font-size: 34px !important; } .large_tabs_carousel_control_left { left: 1% !important; } .large_tabs_carousel_control_right { right: 1% !important; } .large_tabs_carousel_control_left:hover, .large_tabs_carousel_control_left:active, .large_tabs_carousel_control_left:focus, .large_tabs_carousel_control_right:hover, .large_tabs_carousel_control_right:active, .large_tabs_carousel_control_right:focus { opacity: 1; } /*========== ELASTIC EFFECT ==========*/ .large_tabs_carousel_elastic { opacity: 1; -webkit-transform: scale3d(1,1,1); /* Chrome, Safari, Opera */ transform: scale3d(1,1,1); /* Standard syntax */ } .large_tabs_carousel_elastic .item { top: 0; z-index: 1; opacity: 0; width: 100%; position: absolute; left: 0 !important; display: block !important; -webkit-transform: scale3d(2,1,2); /* Chrome, Safari, Opera */ transform: scale3d(2,1,2); /* Standard syntax */ -webkit-transition: -webkit-transform 0.7s ease-in-out 0s, opacity ease-in-out 0.7s; /* Chrome, Safari, Opera */ transition: transform 0.7s ease-in-out 0s, opacity ease-in-out 0.7s; /* Standard syntax */ } .large_tabs_carousel_elastic .item:first-child { top: auto; position: relative; } .large_tabs_carousel_elastic .item.active { opacity: 1; z-index: 2; -webkit-transform: scale3d(1,1,1); /* Chrome, Safari, Opera */ transform: scale3d(1,1,1); /* Standard syntax */ -webkit-transition: -webkit-transform 0.7s ease-in-out 0s, opacity ease-in-out 0.7s; /* Chrome, Safari, Opera */ transition: transform 0.7s ease-in-out 0s, opacity ease-in-out 0.7s; /* Standard syntax */ } /*========== KEN BURNS EFFECT ==========*/ .large_tabs_carousel_wrapper { overflow:hidden; max-width: 1600px; height: auto; margin: 0 auto; } .large_tabs_carousel_wrapper > .carousel-inner > .item > img, .large_tabs_carousel_wrapper > .carousel-inner > .item > a > img { margin: auto; opacity: 1; width: 100% !important; -webkit-transform-origin: 100% 0%; -moz-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -o-transform-origin: 100% 0%; transform-origin: 100% 0%; -webkit-animation: immortalkenburns 20000ms linear 0s infinite alternate; /* Chrome, Safari, Opera */ animation: immortalkenburns 20000ms linear 0s infinite alternate; /* Standard syntax */ } /*========== CAPTION ==========*/ .large_tabs_carousel_caption { left: 10%; width: 80%; top: 15%; text-align: left; font-family: "Poppins", Helvetica, Arial, sans-serif; } .large_tabs_carousel_caption_right { left: 50%; } .large_tabs_carousel_caption_center { float: none; margin: auto; } .large_tabs_carousel_caption h1 { color: #111111;font-size: 2.3rem; font-weight: 500; text-shadow: none; padding: 5px 15px 5px 15px; -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */ animation-delay: 1s; /* Standard syntax */ } .large_tabs_carousel_caption h2 { font-size: 1.5rem; text-shadow: none; padding-left: 15px; font-weight: normal; -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */ animation-delay: 1.5s; /* Standard syntax */ } /*======================================================= ---03--- LARGE TABS HEADER MODAL ========================================================*/ .large_tabs_modal_dialog { top: 20px; } .large_tabs_modal_content { left:12%; width: 75%; border: none; overflow: hidden; box-shadow: none; position: relative; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ } /*========== HEADER OF MODAL ==========*/ .large_tabs_modal_header { border: none; text-align: left; padding: 20px 10px; } .large_tabs_modal_header img, .large_tabs_modal_header svg { width: 250px; } .large_tabs_modal_header>button { bottom: 10px; opacity: 1; z-index: 1; left: 10px; border: none; outline: none; font-size: 35px; text-shadow: none; position: relative; font-weight: normal; padding: 0px 9px 0px 9px; -webkit-transition: color 0.5s ease-in-out 0s; /* Chrome, Safari, Opera */ transition: color 0.5s ease-in-out 0s; /* Standard syntax */ } .large_tabs_modal_header >button:hover, .large_tabs_modal_header>button:active, .large_tabs_modal_header>button:focus { opacity: 1; border: none; box-shadow: none; outline: none !important; } /*========== BODY OF MODAL ==========*/ .large_tabs_modal_body { margin: 0px; font-family: "Poppins", Helvetica, Arial, sans-serif; } #large_tabs_modal_user_image { text-align: center; } #large_tabs_modal_user_image img { width: 90px; -webkit-border-radius: 100%; /* Chrome, Safari, Opera */ border-radius: 100%; /* Standard syntax */ } #large_tabs_modal_user_image h3 { font-weight: bold; } .large_tabs_modal_body_form>div { margin-top: 10px; margin-bottom: 25px; } .large_tabs_modal_body_form div input { height: 42px; box-shadow: none; padding: 0px 0px 0px 20px; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ -webkit-transition: background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s; /* Chrome, Safari, Opera */ transition: background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s; /* Standard syntax */ } .large_tabs_modal_body_form div textarea { box-shadow: none; height: initial !important; padding: 20px 0px 20px 20px; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ -webkit-transition: background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s; /* Chrome, Safari, Opera */ transition: background 0.5s ease-in-out 0s, border 0.5s ease-in-out 0s; /* Standard syntax */ } .large_tabs_checkbox input { height: initial !important; } .large_tabs_modal_body_form div input:focus, .large_tabs_modal_body_form div textarea:focus { outline: none; box-shadow: none; } .large_tabs_modal_body_form button { border: none; display: block; font-size: 16px; overflow: hidden; box-shadow: none; position: relative; text-align: center; font-weight: normal; vertical-align: middle; padding: 10px 35px 10px 35px; -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ transform: translateZ(0); /* Standard syntax */ -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; /* Standard syntax */ -webkit-transition: color 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */ transition: color 0.3s ease-in-out 0s; /* Standard syntax */ } .large_tabs_modal_body_form button:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: -1; position: absolute; -webkit-transform: scaleY(0); /* Chrome, Safari, Opera */ transform: scaleY(0); /* Standard syntax */ -webkit-transform-origin: 50% 0; /* Chrome, Safari, Opera */ transform-origin: 50% 0; /* Standard syntax */ -webkit-transition: -webkit-transform 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */ transition: transform 0.3s ease-in-out 0s; /* Standard syntax */ } .large_tabs_modal_body_form button:hover, .large_tabs_modal_body_form button:focus, .large_tabs_modal_body_form button:active { border: none; box-shadow: none; outline: none !important; } .large_tabs_modal_body_form button:hover:before, .large_tabs_modal_body_form button:focus:before, .large_tabs_modal_body_form button:active:before { -webkit-transform: scaleY(1); /* Chrome, Safari, Opera */ transform: scaleY(1); /* Chrome, Safari, Opera */ -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66); } /*========== FOOTER OF MODAL ==========*/ .large_tabs_modal_footer { border: none; text-align: left; padding: 3px 0px 10px 20px; } #large_tabs_contact_us_modal_social_icons ul { padding: 0; list-style-type: none; margin: 10px 10px 10px 0px; } #large_tabs_contact_us_modal_social_icons ul li { float: left; margin-right: 1px; } #large_tabs_contact_us_modal_social_icons ul li a { width: 30px; padding: 5px; display: block; overflow: hidden; position: relative; text-align: center; text-decoration: none; vertical-align: middle; -webkit-border-radius: 100%; /* Chrome, Safari, Opera */ border-radius: 100%; /* Standard syntax */ -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */ transform: translateZ(0); /* Standard syntax */ -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */ backface-visibility: hidden; /* Standard syntax */ -webkit-transition: color 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */ transition: color 0.3s ease-in-out 0s; /* Standard syntax */ } #large_tabs_contact_us_modal_social_icons ul li a:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: -1; position: absolute; -webkit-border-radius: 100%; /* Chrome, Safari, Opera */ border-radius: 100%; /* Standard syntax */ -webkit-transform: scale(2); /* Chrome, Safari, Opera */ transform: scale(2); /* Standard syntax */ -webkit-transition: -webkit-transform 0.3s ease-in-out 0s; /* Chrome, Safari, Opera */ transition: transform 0.3s ease-in-out 0s; /* Standard syntax */ } #large_tabs_contact_us_modal_social_icons ul li a:hover:before, #large_tabs_contact_us_modal_social_icons ul li a:focus:before, #large_tabs_contact_us_modal_social_icons ul li a:active:before { -webkit-transform: scale(0); /* Chrome, Safari, Opera */ transform: scale(0); /* Chrome, Safari, Opera */ } /*========== SEARCH BAR ==========*/ .large_tabs_modal_body_search { padding: 0px; } .large_tabs_search_bar>div { width: 85%; float: left; margin: 0px; padding-top: 15px; } .large_tabs_search_bar>div>input { border: none; font-size: 16px; box-shadow: none; font-weight: normal; border: none !important; } .large_tabs_search_bar>div>input:focus { border: none; box-shadow: none; } .large_tabs_search_bar>button { width: 15%; margin: 0px; padding: 25px; text-align: center; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ } .large_tabs_search_bar>button>span { vertical-align: middle; } /*========================================================================================================================================== LARGE TABS HEADER VERSION RESPONSIVE ==========================================================================================================================================*/ /*================================================== MEDIA 991px ==================================================*/ @media (max-width: 991px) { /*======================================================= NAVIGATION BAR ========================================================*/ .large_tabs_navbar.affix { position:relative; } #large_tabs_header_logo { margin-top: 0px; } .large_tabs_navbar.affix div div a #large_tabs_header_logo { margin-top: 0px; margin-bottom: 20px; } } /*================================================== MEDIA 767px ==================================================*/ @media only screen and (max-width: 767px) { /*======================================================= NAVIGATION BAR ========================================================*/ .large_tabs_navbar_nav>li>a, .large_tabs_navbar_nav>li>a:visited { padding: 10px 12px 10px 12px; } .large_tabs_navbar_nav { float: initial !important; } .large_tabs_navbar_nav .active a , .large_tabs_navbar_nav .active a:visited, .large_tabs_navbar_nav .active a:hover, .large_tabs_navbar_nav .active a:active, .large_tabs_navbar_nav .active a:focus { border-left: none !important; } .large_tabs_navbar_nav>li>a, .large_tabs_navbar_nav>li>a:visited, .large_tabs_navbar_nav>li>a:hover, .large_tabs_navbar_nav>li>a:active, .large_tabs_navbar_nav>li>a:focus { border-right: none !important; } .large_tabs_navbar_nav .active a, .large_tabs_navbar_nav .active a:visited, .large_tabs_navbar_nav .active a:hover, .large_tabs_navbar_nav .active a:active, .large_tabs_navbar_nav .active a:focus { border-right: none !important; } .large_tabs_navbar.affix div .large_tabs_navbar_nav>li>a { padding-top: 10px; padding-bottom: 10px; } /*========== DROPDOWN ==========*/ .large_tabs_dropdown ul { text-align: center; } .large_tabs_dropdown_right i, .large_tabs_dropdown_left i { display: none; } .large_tabs_dropdown_menu_right, .large_tabs_dropdown_menu_left { display: none; } .large_tabs_navbar_nav, .large_tabs_dropdown_menu { text-align: left; } .large_tabs_shortcodes_list_border, .large_tabs_features_list_border { border-right: none; } .large_tabs_mega_image, .large_tabs_mega_posts { text-align: center; } .large_tabs_mega_image img, .large_tabs_mega_posts_col_img img, .large_tabs_dropdown_menu_shop_col img { width: 50%; } .large_tabs_mega_posts_col_text h5 { margin: 10px 0px 10px 0px; } .large_tabs_dropdown_menu_shop_col { text-align: center; } .large_tabs_dropdown_menu_shop_col p { text-align: center; } .large_tabs_dropdown_menu_share { float: initial !important; } .large_tabs_navbar_header { padding: 10px 0px 10px 0px; } /*======================================================= MODAL ========================================================*/ .large_tabs_modal_content { width: 100%; position: static; } } /*================================================== MEDIA 768px - 5000px ==================================================*/ @media only screen and (min-width: 768px) and (max-width: 5000px) { /*======================================================= NAVIGATION BAR FADE EFFECT ========================================================*/ .large_tabs_dropdown_menu { opacity: 0 !important; display: block !important; visibility: hidden !important; -webkit-transition: visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; /* Chrome, Safari */ transition: visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; /* Standard syntax */ } .large_tabs_dropdown:hover>.large_tabs_dropdown_menu { opacity: 1 !important; visibility: visible !important; } } /*================================================== MEDIA 480px ==================================================*/ @media only screen and (max-width: 480px) { /*========== SEARCH BAR ==========*/ .large_tabs_search_bar>div { width: 75%; } .large_tabs_search_bar>button { width: 25%; } /*======================================================= LARGE TABS HEADER SLIDER ========================================================*/ /*========== LEFT/RIGHT CONTROL ==========*/ .large_tabs_carousel_control_left, .large_tabs_carousel_control_right { border: none; } .large_tabs_carousel_icons { font-size: 18px !important; } /*========== CAPTION ==========*/ .large_tabs_carousel_caption { left: 0%; width: 100%; bottom: 25%; text-align: center; } .large_tabs_carousel_caption h1 { font-size: 25px; } .large_tabs_carousel_caption h2 { font-size: 20px; } } /*================================================== MEDIA 481px - 600px ==================================================*/ @media (min-width: 481px) and (max-width: 600px) { /*========== SEARCH BAR ==========*/ .large_tabs_search_bar>div { width: 75%; } .large_tabs_search_bar>button { width: 25%; } /*======================================================= LARGE TABS HEADER SLIDER ========================================================*/ /*========== LEFT/RIGHT CONTROL ==========*/ .large_tabs_carousel_control_left, .large_tabs_carousel_control_right { border: none; } /*========== CAPTION ==========*/ .large_tabs_carousel_caption { left: 0%; width: 100%; bottom: 25%; text-align: center; } } /*================================================== MEDIA 601px - 767px ==================================================*/ @media (min-width: 601px) and (max-width: 767px) { /*======================================================= LARGE TABS HEADER SLIDER ========================================================*/ /*========== CAPTION ==========*/ .large_tabs_carousel_caption { left: 0%; width: 100%; bottom: 25%; text-align: center; } } /*================================================== MEDIA 768px - 991px ==================================================*/ @media (min-width: 768px) and (max-width: 991px) { /*======================================================= NAVIGATION BAR ========================================================*/ /*========== NAVBAR TABS ==========*/ .large_tabs_navbar.affix div .large_tabs_navbar_nav>li>a { padding-top: 10px; padding-bottom: 10px; } .large_tabs_navbar_nav>li>a { padding: 10px 13px 10px 13px; } /*========== DROPDOWN ==========*/ .large_tabs_dropdown_menu_left { left: 100%; } .large_tabs_dropdown_menu_share { left: 0% !important; } .large_tabs_dropdown_menu_shortcodes { width: 725px; left: -215px; } .large_tabs_dropdown_menu_features { width: 725px; left: -330px; } .large_tabs_dropdown_menu_mega { left: -440px; width: 725px; } .large_tabs_dropdown_menu_shop { left: -375px; width: 750px; } /*======================================================= LARGE TABS HEADER SLIDER ========================================================*/ .large_tabs_carousel_caption { bottom: 25%; } } /*================================================== MEDIA 768px - 1199px ==================================================*/ @media (min-width: 992px) and (max-width: 1199px) { /*======================================================= NAVIGATION BAR ========================================================*/ .large_tabs_navbar_header { margin-bottom: 25px; } /*========== DROPDOWN ==========*/ .large_tabs_dropdown_menu_shortcodes { left: -300px !important; width: 950px !important; } .large_tabs_dropdown_menu_features { left: -440px !important; width: 950px !important; } .large_tabs_dropdown_menu_mega { left: -584px !important; width: 990px !important; } .large_tabs_dropdown_menu_shop { left: -450px !important; width: 900px !important; } /*======================================================= LARGE TABS HEADER SLIDER ========================================================*/ .large_tabs_carousel_caption { bottom: 50%; } } /*========================================================================================================================================== LARGE TABS HEADER VERSION COLORS FILE (MAROON) ==========================================================================================================================================*/ /*======================================================= ---00--- NAVIGATION BAR ========================================================*/ /*=============== NAVBAR ===============*/ .large_tabs_navbar, .large_tabs_navbar.affix { background: #ffffff; } .large_tabs_navbar_nav>li>a, .large_tabs_navbar_nav>li>a:visited { color: #000000 !important; border-right: 1px solid #e5e5e5 !important; } .large_tabs_navbar_nav .active a, .large_tabs_navbar_nav .active a:visited, .large_tabs_navbar_nav .active a:hover, .large_tabs_navbar_nav .active a:active, .large_tabs_navbar_nav .active a:focus { color: #ffffff !important; background: #00A7E3 !important; border-left: 1px solid #e5e5e5 !important; border-right: 1px solid #e5e5e5 !important; } .large_tabs_navbar_toggle .large_tabs_top_icon_bar, .large_tabs_navbar_toggle .large_tabs_bottom_icon_bar { background: #00A7E3 !important; } .large_tabs_navbar_nav>li>a:hover, .large_tabs_navbar_nav>li>a:active, .large_tabs_navbar_nav>li>a:focus { color: #ffffff !important; background: #00A7E3 !important; border-right: 1px solid #e5e5e5 !important; } .large_tabs_navbar_nav>li>a:before { background: #0186b6 !important; } .large_tabs_navbar_toggle.collapsed .large_tabs_top_icon_bar, .large_tabs_navbar_toggle.collapsed .large_tabs_middle_icon_bar, .large_tabs_navbar_toggle.collapsed .large_tabs_bottom_icon_bar { background: #00A7E3 !important; } .large_tabs_navbar_toggle, .large_tabs_navbar_toggle:hover, .large_tabs_navbar_toggle:active, .large_tabs_navbar_toggle:focus { background: transparent !important; } .large_tabs_navbar.affix { /* box-shadow: 0px 0px 10px #dddddd; */ } /*=============== DROPDOWN ===============*/ .large_tabs_dropdown_menu { background: #ffffff; } .large_tabs_dropdown_menu li a, .large_tabs_dropdown_menu li a:visited { color: #000000 !important; } .large_tabs_dropdown_menu li a:hover, .large_tabs_dropdown_menu li a:active, .large_tabs_dropdown_menu li a:focus { color: #ffffff !important; } .large_tabs_dropdown_menu li a:hover, .large_tabs_dropdown_menu li a:active, .large_tabs_dropdown_menu li a:focus { background: #00A7E3 !important; } .large_tabs_dropdown_menu { box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2); } .large_tabs_dropdown_menu { border-top: 2px solid #00A7E3; } /*=============== SHORTCODES, FEATURES, MEGA, SHOP ===============*/ .large_tabs_dropdown_menu_mega, .large_tabs_dropdown_menu_shop { background: #ffffff; } .large_tabs_features_list>ul>li >h4, .large_tabs_dropdown_menu_mega>li>ul>li>h4, .large_tabs_dropdown_menu_mega>li>ul>li>h5, .large_tabs_dropdown_menu_mega>li>ul>li>div>div>h5>a, .large_tabs_dropdown_menu_mega>li>ul>li>div>div>h5>a:visited { color: #000000 !important; } .large_tabs_dropdown_menu_shop_col>img>a.visuel, .large_tabs_dropdown_menu_shop_col>img>a.visuel:visited, .large_tabs_dropdown_menu_shop_col>img>a.visuel:hover, .large_tabs_dropdown_menu_shop_col>img>a.visuel:active, .large_tabs_dropdown_menu_shop_col>img>a.visuel:focus{ background: transparent; margin-left: 0px; padding-left: 0px; } .large_tabs_dropdown_menu_shop_col>h5>a.produit1, .large_tabs_dropdown_menu_shop_col>h5>a.produit1:visited, .large_tabs_dropdown_menu_shop_col>h5>a.produit1:hover, .large_tabs_dropdown_menu_shop_col>h5>a.produit1:active, .large_tabs_dropdown_menu_shop_col>h5>a.produit1:focus{ color: #0076b1 !important; } .large_tabs_dropdown_menu_shop_col>h5>a.produit1:hover{ text-decoration: underline; } .large_tabs_dropdown_menu_shop_col>h5>a.produit2, .large_tabs_dropdown_menu_shop_col>h5>a.produit2:visited, .large_tabs_dropdown_menu_shop_col>h5>a.produit2:hover, .large_tabs_dropdown_menu_shop_col>h5>a.produit2:active, .large_tabs_dropdown_menu_shop_col>h5>a.produit2:focus{ color: #f8cc46 !important; } .large_tabs_dropdown_menu_shop_col>h5>a.produit2:hover{ text-decoration: underline; } .large_tabs_dropdown_menu_shop_col>h5>a.produit3, .large_tabs_dropdown_menu_shop_col>h5>a.produit3:visited, .large_tabs_dropdown_menu_shop_col>h5>a.produit3:hover, .large_tabs_dropdown_menu_shop_col>h5>a.produit3:active, .large_tabs_dropdown_menu_shop_col>h5>a.produit3:focus{ color: #c63134 !important; } .large_tabs_dropdown_menu_shop_col>h5>a.produit3:hover{ text-decoration: underline; } .large_tabs_dropdown_menu_shop_col>h5>a.produit4, .large_tabs_dropdown_menu_shop_col>h5>a.produit4:visited, .large_tabs_dropdown_menu_shop_col>h5>a.produit4:hover, .large_tabs_dropdown_menu_shop_col>h5>a.produit4:active, .large_tabs_dropdown_menu_shop_col>h5>a.produit4:focus{ color: #728ea3 !important; } .large_tabs_dropdown_menu_shop_col>h5>a.produit4:hover{ text-decoration: underline; } .large_tabs_dropdown_menu_shop_col>h5>a.produit5, .large_tabs_dropdown_menu_shop_col>h5>a.produit5:visited, .large_tabs_dropdown_menu_shop_col>h5>a.produit5:hover, .large_tabs_dropdown_menu_shop_col>h5>a.produit5:active, .large_tabs_dropdown_menu_shop_col>h5>a.produit5:focus{ color: #284194 !important; } .large_tabs_dropdown_menu_shop_col>h5>a.produit5:hover{ text-decoration: underline; } .large_tabs_dropdown_menu_shop_col>h5>a.produit6, .large_tabs_dropdown_menu_shop_col>h5>a.produit6:visited, .large_tabs_dropdown_menu_shop_col>h5>a.produit6:hover, .large_tabs_dropdown_menu_shop_col>h5>a.produit6:active, .large_tabs_dropdown_menu_shop_col>h5>a.produit6:focus{ color: #5e8954 !important; } .large_tabs_dropdown_menu_shop_col>h5>a.produit6:hover{ text-decoration: underline; } .large_tabs_dropdown_menu_shop_col>h5>a.produit7, .large_tabs_dropdown_menu_shop_col>h5>a.produit7:visited, .large_tabs_dropdown_menu_shop_col>h5>a.produit7:hover, .large_tabs_dropdown_menu_shop_col>h5>a.produit7:active, .large_tabs_dropdown_menu_shop_col>h5>a.produit7:focus{ color: #6d2b7f !important; } .large_tabs_dropdown_menu_shop_col>h5>a.produit7:hover{ text-decoration: underline; } .large_tabs_dropdown_menu_shop_col>h5>a.produit8, .large_tabs_dropdown_menu_shop_col>h5>a.produit8:visited, .large_tabs_dropdown_menu_shop_col>h5>a.produit8:hover, .large_tabs_dropdown_menu_shop_col>h5>a.produit8:active, .large_tabs_dropdown_menu_shop_col>h5>a.produit8:focus{ color: #e37639 !important; } .large_tabs_dropdown_menu_shop_col>h5>a.produit8:hover{ text-decoration: underline; } .large_tabs_dropdown_menu_shop_col>img>a:hover{ background: none; } .large_tabs_dropdown_menu_mega>li>ul>li>div>div>h5>a:hover, .large_tabs_dropdown_menu_mega>li>ul>li>div>div>h5>a:active, .large_tabs_dropdown_menu_mega>li>ul>li>div>div>h5>a:focus, .large_tabs_dropdown_menu_shop_col>h5>a:hover, .large_tabs_dropdown_menu_shop_col>h5>a:active, .large_tabs_dropdown_menu_shop_col>h5>a:focus{ background: transparent !important; } .large_tabs_shortcodes_list ul li a, .large_tabs_shortcodes_list ul li a:visited, .large_tabs_features_list ul li a, .large_tabs_features_list ul li a:visited, .large_tabs_dropdown_menu_mega>li>ul>li>a, .large_tabs_dropdown_menu_mega>li>ul>li>a:visited, .large_tabs_dropdown_menu_mega>li>ul>li>p, .large_tabs_dropdown_menu_mega>li>ul>li>div>div>p, .large_tabs_dropdown_menu_shop_col>p { color: #000000 !important; } .large_tabs_shortcodes_list ul li a:hover, .large_tabs_shortcodes_list ul li a:active, .large_tabs_shortcodes_list ul li a:focus, .large_tabs_features_list ul li a:hover, .large_tabs_features_list ul li a:active, .large_tabs_features_list ul li a:focus, .large_tabs_dropdown_menu_mega>li>ul>li>a:hover, .large_tabs_dropdown_menu_mega>li>ul>li>a:active, .large_tabs_dropdown_menu_mega>li>ul>li>a:focus { color: #00A7E3 !important; } .large_tabs_shortcodes_list ul li a:hover, .large_tabs_shortcodes_list ul li a:active, .large_tabs_shortcodes_list ul li a:focus, .large_tabs_features_list ul li a:hover, .large_tabs_features_list ul li a:active, .large_tabs_features_list ul li a:focus, .large_tabs_dropdown_menu_mega>li>ul>li>a:hover, .large_tabs_dropdown_menu_mega>li>ul>li>a:active, .large_tabs_dropdown_menu_mega>li>ul>li>a:focus { background: transparent !important; } .large_tabs_shortcodes_list_border { border-right: 1px solid #e5e5e5; } .large_tabs_features_list_border { border-right: 1px solid #e5e5e5; } .large_tabs_dropdown_menu_mega>li>ul>li:first-child { border-bottom: 0px solid #e5e5e5; } .large_tabs_navbar_separate_text { color: #c1c1c1; } /*======================================================= ---01--- LARGE TABS HEADER SLIDER ========================================================*/ .large_tabs_carousel_wrapper { background: #FFFFFF; } /*========== LEFT/RIGHT CONTROL ==========*/ .large_tabs_carousel_control_left, .large_tabs_carousel_control_left:hover, .large_tabs_carousel_control_left:active, .large_tabs_carousel_control_left:focus, .large_tabs_carousel_control_right, .large_tabs_carousel_control_right:hover, .large_tabs_carousel_control_right:active, .large_tabs_carousel_control_right:focus { color: #FFFFFF; border: 0px solid #111111; background: #111111 !important; } /*=============== CAPTION ===============*/ .large_tabs_carousel_caption h1 { background: #ffffff; display: inline-block; } .large_tabs_carousel_caption h2 { color: #ffffff; } /*=============== MEDIA QUERIES ===============*/ @media (max-width: 600px) { /*========== LEFT/RIGHT CONTROL ==========*/ .large_tabs_carousel_control_left, .large_tabs_carousel_control_left:hover, .large_tabs_carousel_control_left:active, .large_tabs_carousel_control_left:focus, .large_tabs_carousel_control_right, .large_tabs_carousel_control_right:hover, .large_tabs_carousel_control_right:active, .large_tabs_carousel_control_right:focus { border: none !important; background: transparent !important; } } /*======================================================= ---02--- LARGE TABS HEADER MODAL ========================================================*/ .large_tabs_modal_fade { background: rgba(255, 255, 255, 0.4); } .large_tabs_modal_header>button, .large_tabs_modal_body_form button, #large_tabs_contact_us_modal_social_icons ul li a, #large_tabs_contact_us_modal_social_icons ul li a:hover, #large_tabs_contact_us_modal_social_icons ul li a:active, #large_tabs_contact_us_modal_social_icons ul li a:focus { color: #ffffff; } .large_tabs_modal_header { background: #F7F7F7; } .large_tabs_modal_header >button:hover, .large_tabs_modal_header>button:active, .large_tabs_modal_header>button:focus { color: #00A7E3; } .large_tabs_modal_body_form button:hover, .large_tabs_modal_body_form button:active, .large_tabs_modal_body_form button:focus { color: #ffffff !important; } .large_tabs_modal_body, .large_tabs_modal_body_form div input, .large_tabs_modal_body_form div textarea { background: #ffffff; } .large_tabs_modal_body_form div input, .large_tabs_modal_body_form div textarea { color: #000000; } .large_tabs_modal_body_form button:before, #large_tabs_contact_us_modal_social_icons ul li a { background: #00A7E3; } .large_tabs_modal_body_form div input, .large_tabs_modal_body_form div textarea { border: none; border-bottom: 1px solid #e5e5e5; } .large_tabs_modal_body_form div input:focus, .large_tabs_modal_body_form div textarea:focus { border: none; border-bottom: 1px solid #00A7E3; } .large_tabs_modal_body_form button, #large_tabs_contact_us_modal_social_icons ul li a:before { background: #0186b6; } .large_tabs_modal_body_form button:hover, .large_tabs_modal_body_form button:active, .large_tabs_modal_body_form button:focus { background: #0186b6 !important; } #large_tabs_modal_user_image img { background: transparent !important; } .large_tabs_modal_footer a { color: #0186b6; }