/* 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--------------------- # KEN BURNS HEADER VERSION ------------------60------------------------------ 01 KEN BURNS HEADER VERSION RESPONSIVE -------1310---------------------------- 02 KEN BURNS HEADER VERSION COLORS -----------1731---------------------------- 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 #089be4 -------------------rgb(26, 188, 156)----------------- 03 Replace Only This Color To Change Whole Color Scheme #ececec -------------------rgb(236, 236, 236)---------------- 04 #999999 -------------------rgb(153, 153, 153)---------------- 05 #474747 -------------------rgb(71, 71, 71)------------------- 06 #dddddd -------------------rgb(221, 221, 221)---------------- 07 #272727 -------------------rgb(40, 40, 40)------------------- 08 #022e44 -------------------rgb(2, 46, 68)-------------------- 09 */ /*========================================================================================================================================== KEN BURNS 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; } /*======================================================= ---01--- FULL TRANSPARENT KEN BURNS HEADER NAVIGATION BAR ========================================================*/ .ken_burns_navbar { z-index: 3; margin: 0px; border: none; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ } .ken_burns_navbar.affix { top: 0px; width: 100%; z-index: 10; position: fixed; -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; /* Chrome, Safari, Opera */ 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; /* Standard syntax */ } .ken_burns_fa_angle_down { margin-left: 7px; } /*========== LOGO ==========*/ #ken_burns_header_logo { width: 200px; margin-top: 15px; -webkit-transition: margin-top ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: margin-top ease-in-out 0.3s; /* Standard syntax */ } .ken_burns_navbar.affix div div a #ken_burns_header_logo { margin-top: 10px; } /*========== TOGGLE BUTTON ==========*/ .ken_burns_navbar_toggle { border: none; } .ken_burns_navbar_toggle .icon-bar { -webkit-transition: all ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: all ease-in-out 0.3s; /* Standard syntax */ } .ken_burns_navbar_toggle .ken_burns_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 */ } .ken_burns_navbar_toggle .ken_burns_middle_icon_bar { opacity: 0; } .ken_burns_navbar_toggle .ken_burns_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 */ } .ken_burns_navbar_toggle.collapsed .ken_burns_top_icon_bar { -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); /* Standard syntax */ } .ken_burns_navbar_toggle.collapsed .ken_burns_middle_icon_bar { opacity: 1; } .ken_burns_navbar_toggle.collapsed .ken_burns_bottom_icon_bar { -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */ transform: rotate(0deg); /* Standard syntax */ } /*========== NAV TABS ==========*/ .ken_burns_navbar_nav>li>a, .ken_burns_navbar_nav>li>a:visited { overflow: hidden; padding-top: 30px; position: relative; padding-bottom: 30px; text-transform: uppercase; font-family: 'Lato', 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 */ } .ken_burns_navbar.affix div .ken_burns_navbar_nav>li>a { padding-top: 25px; padding-bottom: 25px; } .ken_burns_navbar_nav>li>a:before { top: 0; left: 50%; right: 50%; height: 4px; content: ""; z-index: -1; position: absolute; -webkit-transition: left ease-in-out 0.3s, right ease-in-out 0.3s; /* Chrome, Safari, Opera */ transition: left ease-in-out 0.3s, right ease-in-out 0.3s; /* Standard syntax */ } .ken_burns_navbar_nav>li>a:hover:before, .ken_burns_navbar_nav>li>a:focus:before, .ken_burns_navbar_nav>li>a:active:before { left: 0; right: 0; } .ken_burns_navbar_nav>li>a:hover, .ken_burns_navbar_nav>li>a:active, .ken_burns_navbar_nav>li>a:focus { border: none; outline: none; } /*========== DROPDOWN ==========*/ .ken_burns_dropdown_menu { border: none; padding: 0px; font-family: 'Lato', sans-serif; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ } .ken_burns_dropdown_menu li a, .ken_burns_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 */ } .ken_burns_dropdown_menu li a i { margin-right: 5px; } /*========== MULTI LEVEL DROPDOWN ==========*/ .ken_burns_dropdown_right i, .ken_burns_dropdown_left i { margin-left: 15px; } .ken_burns_dropdown_menu_right { top: -1px; left: 100%; position: absolute; } .ken_burns_dropdown_menu_left { top: -1px; left: -92%; position: absolute; } /*========== SHORT CODE DROPDOWN ==========*/ .ken_burns_dropdown_menu_shortcodes { left: -450px; width: 1000px; font-family: 'Lato', sans-serif; } .ken_burns_shortcodes_list { padding: 0px; } .ken_burns_shortcodes_list ul { padding: 0px; list-style-type: none; margin: 25px 0px 25px 0px; } .ken_burns_shortcodes_list ul li a, .ken_burns_shortcodes_list ul li a:visited { display: block; text-decoration: none; padding: 5px 0px 5px 20px; } .ken_burns_shortcodes_list ul li a i { margin-right: 10px; } /*========== FEATURES DROPDOWN ==========*/ .ken_burns_dropdown_menu_features { left: -600px; width: 1000px; font-family: 'Lato', sans-serif; } .ken_burns_features_list { padding: 0px; } .ken_burns_features_list ul { padding: 0px; list-style-type: none; margin: 25px 0px 25px 0px; } .ken_burns_features_list ul li a, .ken_burns_features_list ul li a:visited { display: block; text-decoration: none; padding: 5px 0px 5px 25px; } .ken_burns_features_list_heading { padding: 5px 0px 5px 25px; } /*========== MEGA DROPDOWN ==========*/ .ken_burns_dropdown_menu_mega { left: -850px; width: 1170px; padding: 5px 5px 5px 5px; font-family: 'Lato', sans-serif; } .ken_burns_mega_list { margin: 0px; } .ken_burns_mega_list ul { margin: 0px; padding: 0px; list-style-type: none; } .ken_burns_mega_list ul li { margin: 25px 0px 25px 0px; } .ken_burns_mega_list_heading { font-weight: normal; text-transform: uppercase; } .ken_burns_mega_list ul li a, .ken_burns_mega_list ul li a:visited { margin: 0px; padding: 0px; text-decoration: none; text-transform: capitalize; } .ken_burns_mega_list ul li a i { margin-right: 10px; } .ken_burns_mega_image { margin: 0px; } .ken_burns_mega_image ul { margin: 0px; padding: 0px; list-style-type: none; } .ken_burns_mega_image ul li { margin: 25px 0px 25px 0px; } .ken_burns_mega_image_heading { font-weight: normal; text-transform: uppercase; } .ken_burns_mega_image img { width: 100%; -webkit-border-radius: 5px; /* Chrome, Safari, Opera */ border-radius: 5px; /* Standard syntax */ } .ken_burns_mega_image ul li h5 { margin-top: 25px; font-weight: bold; margin-bottom: 25px; text-transform: capitalize; } .ken_burns_mega_image p { text-align: justify; } .ken_burns_mega_posts { margin: 0px; } .ken_burns_mega_posts ul { margin: 0px; padding: 0px; list-style-type: none; } .ken_burns_mega_posts_heading { font-weight: normal; text-transform: uppercase; margin: 25px 0px 25px 0px; } .ken_burns_mega_posts_col_img { margin: 0%; padding: 0%; } .ken_burns_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 */ } .ken_burns_mega_posts_row { margin: 10px 0px 0px 0px; } .ken_burns_mega_posts_col_text h5 { padding: 0px; margin: 0px 0px 5px 0px; text-transform: capitalize; } .ken_burns_mega_posts_col_text h5 a, .ken_burns_mega_posts_col_text h5 a:visited { margin: 0px; padding: 0px; font-weight: bold; text-decoration: none; } .ken_burns_mega_posts_row:hover .ken_burns_mega_posts_col_img img { opacity: 1; } /*========== SHOP DROPDOWN ==========*/ .ken_burns_dropdown_menu_shop { left: -940px; width: 1170px; padding: 15px 25px 15px 25px; font-family: 'Lato', sans-serif; } .ken_burns_dropdown_menu_shop_row { margin-top: 10px; } .ken_burns_dropdown_menu_shop_col 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 */ } .ken_burns_dropdown_menu_shop_col h5 { padding: 0px; margin: 20px 0px 5px 0px; text-transform: uppercase; } .ken_burns_dropdown_menu_shop_col h5 a, .ken_burns_dropdown_menu_shop_col h5 a:visited { margin: 0px; padding: 0px; font-weight: bold; text-decoration: none; } .ken_burns_dropdown_menu_shop_col p { text-align: justify; } .ken_burns_dropdown_menu_shop_col:hover img { opacity: 1; } /*======================================================= ---02--- KEN BURNS HEADER BACKGROUND ========================================================*/ .ken_burns_container { top: -80px; padding: 0px; overflow: hidden; max-height: 650px; position: relative; margin-bottom: -80px; } .ken_burns_container img { width: 100%; -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: backgroundkenburns 20000ms linear 0s infinite alternate; /* Chrome, Safari, Opera */ animation: backgroundkenburns 20000ms linear 0s infinite alternate; /* Standard syntax */ } /*========== ANIMATION ==========*/ @-webkit-keyframes backgroundkenburns { 0% { -webkit-transform: scale(1); /* Chrome, Safari, Opera */ -webkit-transition: -webkit-transform 20000ms linear 0s; /* Chrome, Safari, Opera */ } 100% { -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ -webkit-transition: -webkit-transform 20000ms linear 0s; /* Chrome, Safari, Opera */ } } @-moz-keyframes backgroundkenburns { 0% { -moz-transform: scale(1); /* Mozilla */ -moz-transition: -moz-transform 20000ms linear 0s; /* Mozilla */ } 100% { -moz-transform: scale(1.2); /* Mozilla */ -moz-transition: -moz-transform 20000ms linear 0s; /* Mozilla */ } } @-ms-keyframes backgroundkenburns { 0% { -ms-transform: scale(1); /* IE 9 */ -ms-transition: -ms-transform 20000ms linear 0s; /* IE 9 */ } 100% { -ms-transform: scale(1.2); /* IE 9 */ -ms-transition: -ms-transform 20000ms linear 0s; /* IE 9 */ } } @-o-keyframes backgroundkenburns { 0% { -o-transform: scale(1); /* Opera */ -o-transition: -o-transform 20000ms linear 0s; /* Opera */ } 100% { -o-transform: scale(1.2); /* Opera */ -o-transition: -o-transform 20000ms linear 0s; /* Opera */ } } @keyframes backgroundkenburns { 0% { transform: scale(1); /* Standard syntax */ transition: transform 20000ms linear 0s; /* Standard syntax */ } 100% { transform: scale(1.2); /* Standard syntax */ transition: transform 20000ms linear 0s; /* Standard syntax */ } } /*========== CAPTION ==========*/ .ken_burns_caption { bottom: 15%; width: 100%; position: absolute; text-align: center; font-family: 'Raleway', sans-serif; } .ken_burns_caption h1 { font-size: 65px; font-weight: 600; letter-spacing: -3px; text-transform: uppercase; -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */ animation-delay: 1s; /* Standard syntax */ } .ken_burns_caption p { font-size: 16px; font-weight: 400; letter-spacing: 1px; text-transform: capitalize; -webkit-animation-delay: 2s; /* Chrome, Safari, Opera */ animation-delay: 2s; /* Standard syntax */ } .ken_burns_caption p:nth-child(4) { margin-bottom: 50px; } .ken_burns_caption a:nth-child(5), .ken_burns_caption a:nth-child(5):visited { font-weight: 600; margin-right: 5px; padding: 15px 30px; border-radius: 50px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all ease-in-out 0.2s; /* Chrome, Safari, Opera */ transition: all ease-in-out 0.2s; /* Standard syntax */ -webkit-animation-delay: 3s; /* Chrome, Safari, Opera */ animation-delay: 3s; /* Standard syntax */ } .ken_burns_caption a:nth-child(6), .ken_burns_caption a:nth-child(6):visited { font-weight: 600; margin-left: 5px; padding: 15px 30px; border-radius: 50px; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; -webkit-transition: all ease-in-out 0.2s; /* Chrome, Safari, Opera */ transition: all ease-in-out 0.2s; /* Standard syntax */ -webkit-animation-delay: 3s; /* Chrome, Safari, Opera */ animation-delay: 3s; /* Standard syntax */ } /*======================================================= ---03--- KEN BURNS HEADER MODAL ========================================================*/ .ken_burns_modal_dialog { top: 20px; } .ken_burns_modal_content { left:12%; width: 75%; border: none; overflow: hidden; box-shadow: none; position: relative; -webkit-border-radius: 30px; /* Chrome, Safari, Opera */ border-radius: 30px; /* Standard syntax */ } /*========== HEADER OF MODAL ==========*/ .ken_burns_modal_header { border: none; text-align: left; padding: 20px 10px; } .ken_burns_modal_header img { width: 250px; -webkit-transform-origin: 0% 100%; -moz-transform-origin: 0% 100%; -ms-transform-origin: 0% 100%; -o-transform-origin: 0% 100%; transform-origin: 0% 100%; -webkit-animation: modalkenburns 20000ms linear 0s infinite alternate; /* Chrome, Safari, Opera */ animation: modalkenburns 20000ms linear 0s infinite alternate; /* Standard syntax */ } /*========== ANIMATION ==========*/ @-webkit-keyframes modalkenburns { 0% { -webkit-transform: scale(1); /* Chrome, Safari, Opera */ -webkit-transition: -webkit-transform 20000ms linear 0s; /* Chrome, Safari, Opera */ } 100% { -webkit-transform: scale(1.2); /* Chrome, Safari, Opera */ -webkit-transition: -webkit-transform 20000ms linear 0s; /* Chrome, Safari, Opera */ } } @-moz-keyframes modalkenburns { 0% { -moz-transform: scale(1); /* Mozilla */ -moz-transition: -moz-transform 20000ms linear 0s; /* Mozilla */ } 100% { -moz-transform: scale(1.2); /* Mozilla */ -moz-transition: -moz-transform 20000ms linear 0s; /* Mozilla */ } } @-ms-keyframes modalkenburns { 0% { -ms-transform: scale(1); /* IE 9 */ -ms-transition: -ms-transform 20000ms linear 0s; /* IE 9 */ } 100% { -ms-transform: scale(1.2); /* IE 9 */ -ms-transition: -ms-transform 20000ms linear 0s; /* IE 9 */ } } @-o-keyframes modalkenburns { 0% { -o-transform: scale(1); /* Opera */ -o-transition: -o-transform 20000ms linear 0s; /* Opera */ } 100% { -o-transform: scale(1.2); /* Opera */ -o-transition: -o-transform 20000ms linear 0s; /* Opera */ } } @keyframes modalkenburns { 0% { transform: scale(1); /* Standard syntax */ transition: transform 20000ms linear 0s; /* Standard syntax */ } 100% { transform: scale(0.8); /* Standard syntax */ transition: transform 20000ms linear 0s; /* Standard syntax */ } } .ken_burns_modal_header>button { opacity: 1; z-index: 1; left: 10px; border: none; bottom: 10px; 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 */ } .ken_burns_modal_header >button:hover, .ken_burns_modal_header>button:active, .ken_burns_modal_header>button:focus { opacity: 1; border: none; box-shadow: none; outline: none !important; } /*========== BODY OF MODAL ==========*/ .ken_burns_modal_body { margin: 0px; font-family: 'Raleway', sans-serif; } #ken_burns_modal_user_image { text-align: center; } #ken_burns_modal_user_image img { width: 90px; -webkit-border-radius: 100%; /* Chrome, Safari, Opera */ border-radius: 100%; /* Standard syntax */ } #ken_burns_modal_user_image h3 { font-weight: bold; } .ken_burns_modal_body_form>div { margin-top: 10px; margin-bottom: 25px; } .ken_burns_modal_body_form div input { height: 42px; box-shadow: none; padding: 0px 0px 0px 20px; -webkit-border-radius: 50px; /* Chrome, Safari, Opera */ border-radius: 50px; /* 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 */ } .ken_burns_modal_body_form div textarea { box-shadow: none; height: initial !important; padding: 20px 0px 20px 20px; -webkit-border-radius: 50px; /* Chrome, Safari, Opera */ border-radius: 50px; /* 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 */ } .ken_burns_checkbox input { height: initial !important; } .ken_burns_modal_body_form div input:focus, .ken_burns_modal_body_form div textarea:focus { outline: none; box-shadow: none; } .ken_burns_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-border-radius: 50px; /* Chrome, Safari, Opera */ border-radius: 50px; /* 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 */ } .ken_burns_modal_body_form button:before { top: 0; left: 0; right: 0; bottom: 0; content: ""; z-index: -1; position: absolute; -webkit-border-radius: 50px; /* Chrome, Safari, Opera */ border-radius: 50px; /* Standard syntax */ -webkit-transform: scaleY(0); /* Chrome, Safari, Opera */ transform: scaley(0); /* Standard syntax */ -webkit-transform-origin: 50%; /* Chrome, Safari, Opera */ transform-origin: 50%; /* 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 */ } .ken_burns_modal_body_form button:hover, .ken_burns_modal_body_form button:focus, .ken_burns_modal_body_form button:active { border: none; box-shadow: none; outline: none !important; } .ken_burns_modal_body_form button:hover:before, .ken_burns_modal_body_form button:focus:before, .ken_burns_modal_body_form button:active:before { -webkit-transform: scaleY(1); /* Chrome, Safari, Opera */ transform: scaleY(1); /* Chrome, Safari, Opera */ } /*========== FOOTER OF MODAL ==========*/ .ken_burns_modal_footer { border: none; text-align: left; padding: 3px 0px 10px 20px; } #ken_burns_contact_us_modal_social_icons ul { padding: 0; list-style-type: none; margin: 10px 10px 10px 0px; } #ken_burns_contact_us_modal_social_icons ul li { float: left; margin-right: 1px; } #ken_burns_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: 25px; /* Chrome, Safari, Opera */ border-radius: 25px; /* 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 */ } #ken_burns_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: 25px; /* Chrome, Safari, Opera */ border-radius: 25px; /* 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 */ } #ken_burns_contact_us_modal_social_icons ul li a:hover:before, #ken_burns_contact_us_modal_social_icons ul li a:focus:before, #ken_burns_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 ==========*/ .ken_burns_modal_body_search { padding: 0px; } .ken_burns_search_bar>div { width: 85%; float: left; margin: 0px; padding-top: 15px; } .ken_burns_search_bar>div>input { font-size: 22px; box-shadow: none; font-weight: bold; border: none !important; } .ken_burns_search_bar>div>input:focus { border: none; box-shadow: none; } .ken_burns_search_bar>button { width: 15%; margin: 0px; padding: 25px; text-align: center; -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ } .ken_burns_search_bar>button:before { -webkit-border-radius: 0%; /* Chrome, Safari, Opera */ border-radius: 0%; /* Standard syntax */ } .ken_burns_search_bar>button>span { vertical-align: middle; } /*========================================================================================================================================== KEN BURNS HEADER VERSION RESPONSIVE ==========================================================================================================================================*/ /*================================================== MEDIA MAX-991px ==================================================*/ @media (max-width: 991px) { /*======================================================= KEN BURNS HEADER NAVIGATION BAR ========================================================*/ .ken_burns_navbar.affix { position: static; } #ken_burns_header_logo { margin-top: 0px; } .ken_burns_navbar.affix div div a #ken_burns_header_logo { margin-top: 0px; } .ken_burns_navbar.affix div .ken_burns_navbar_nav>li>a { padding-top: 30px; padding-bottom: 30px; } .ken_burns_container { top: 0px; margin-bottom: 0px; } } /*================================================== MEDIA 767px ==================================================*/ @media only screen and (max-width: 767px) { /*======================================================= KEN BURNS HEADER NAVIGATION BAR ========================================================*/ .ken_burns_navbar_header { padding: 10px 0px 10px 0px; } .ken_burns_navbar_nav { float: initial !important; } .ken_burns_fa_angle_down { float: right; font-size: 22px; } /*========== DROPDOWN ==========*/ .ken_burns_dropdown ul { text-align: center; } .ken_burns_dropdown_right i, .ken_burns_dropdown_left i { display: none; } .ken_burns_dropdown_menu_right, .ken_burns_dropdown_menu_left { display: none; } .ken_burns_navbar_nav, .ken_burns_dropdown_menu { text-align: left; } .ken_burns_shortcodes_list_border, .ken_burns_features_list_border { border-right: none; } .ken_burns_mega_image, .ken_burns_mega_posts { text-align: center; } .ken_burns_mega_image img, .ken_burns_mega_posts_col_img img, .ken_burns_dropdown_menu_shop_col img { width: 50%; } .ken_burns_mega_posts_col_text h5 { margin: 10px 0px 10px 0px; } .ken_burns_dropdown_menu_shop_col { text-align: center; } .ken_burns_dropdown_menu_shop_col p { text-align: center; } .ken_burns_dropdown_menu_share { float: initial !important; } /*======================================================= MODAL ========================================================*/ .ken_burns_modal_content { width: 100%; position: static; } } /*================================================== MEDIA 768px - 5000px ==================================================*/ @media only screen and (min-width: 768px) and (max-width: 5000px) { /*======================================================= KEN BURNS HEADER NAVIGATION BAR TRANSLATE EFFECT ========================================================*/ .ken_burns_dropdown_menu { opacity: 0 !important; display: block !important; visibility: hidden !important; -webkit-transform: translate(0px,25px) !important; /* Chrome, Safari */ transform: translate(0px,25px) !important; /* Standard syntax */ -webkit-transition: -webkit-transform 0.2s ease-in-out, visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; /* Chrome, Safari */ transition: transform 0.2s ease-in-out, visibility 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s; /* Standard syntax */ } .ken_burns_dropdown:hover>.ken_burns_dropdown_menu { opacity: 1 !important; visibility: visible !important; -webkit-transform: translate(0px,0px) !important; /* Chrome, Safari */ transform: translate(0px,0px) !important; /* Standard syntax */ } } /*================================================== MEDIA 480px ==================================================*/ @media only screen and (max-width: 480px) { /*========== SEARCH BAR ==========*/ .ken_burns_search_bar>div { width: 75%; } .ken_burns_search_bar>button { width: 25%; } /*======================================================= KEN BURNS HEADER BACKGROUND ========================================================*/ .ken_burns_caption { bottom: 5%; } .ken_burns_caption h1 { font-size: 20px; letter-spacing: 1px; } .ken_burns_caption p { font-size: 12px; letter-spacing: 0px; } .ken_burns_caption p:nth-child(4) { margin-bottom: 5px; } .ken_burns_caption a:nth-child(5), .ken_burns_caption a:nth-child(6) { padding: 5px 10px; } } /*================================================== MEDIA 481px - 600px ==================================================*/ @media (min-width: 481px) and (max-width: 600px) { /*========== SEARCH BAR ==========*/ .ken_burns_search_bar>div { width: 75%; } .ken_burns_search_bar>button { width: 25%; } /*======================================================= KEN BURNS HEADER BACKGROUND ========================================================*/ .ken_burns_caption { bottom: 10%; } .ken_burns_caption h1 { font-size: 40px; } .ken_burns_caption p:nth-child(4) { margin-bottom: 30px; } } /*================================================== MEDIA 601px - 767px ==================================================*/ @media (min-width: 601px) and (max-width: 767px) { /*======================================================= KEN BURNS HEADER BACKGROUND ========================================================*/ .ken_burns_caption { bottom: 10%; } } /*================================================== MEDIA 768px - 991px ==================================================*/ @media (min-width: 768px) and (max-width: 991px) { /*======================================================= KEN BURNS HEADER NAVIGATION BAR ========================================================*/ /*========== DROPDOWN ==========*/ .ken_burns_dropdown_menu_left { left: 100%; } .ken_burns_dropdown_menu_shortcodes { width: 725px; left: -225px; } .ken_burns_dropdown_menu_features { width: 725px; left: -370px; } .ken_burns_dropdown_menu_mega { left: -485px; width: 725px; } .ken_burns_dropdown_menu_shop { left: -586px; width: 750px; } } /*================================================== MEDIA 992px - 1250px ==================================================*/ @media (min-width: 992px) and (max-width: 1250px) { /*======================================================= KEN BURNS HEADER NAVIGATION BAR ========================================================*/ .ken_burns_navbar_responsive { padding-left: 0px; padding-right: 0px; } /*========== DROPDOWN ==========*/ .ken_burns_dropdown_menu_shortcodes { left: -420px; width: 950px; } .ken_burns_dropdown_menu_features { left: -565px; width: 950px; } .ken_burns_dropdown_menu_mega { left: -709px; width: 990px; } .ken_burns_dropdown_menu_shop { left: -775px; width: 950px; } } /*========================================================================================================================================== KEN BURNS HEADER VERSION COLORS (LIGHT BLUE) ==========================================================================================================================================*/ /*======================================================= ---00--- KEN BURNS HEADER NAVIGATION BAR ========================================================*/ /*=============== NAVBAR ===============*/ .ken_burns_navbar { background: transparent; } .ken_burns_navbar.affix { background: rgba(255, 255, 255, 0.9); box-shadow: 0px 0px 10px #272727; } /*=============== MEDIA QUERIES ===============*/ @media (max-width: 991px) { .ken_burns_navbar { background: rgba(255, 255, 255, 1); } .ken_burns_navbar.affix { background: rgba(255, 255, 255, 1); } } .ken_burns_navbar_nav>li>a, .ken_burns_navbar_nav>li>a:visited { color: #272727 !important; } .ken_burns_navbar_toggle .ken_burns_top_icon_bar, .ken_burns_navbar_toggle .ken_burns_bottom_icon_bar { background: #089be4 !important; } .ken_burns_navbar_nav>li>a:hover, .ken_burns_navbar_nav>li>a:active, .ken_burns_navbar_nav>li>a:focus { color: #089be4 !important; } .ken_burns_navbar_nav>li>a:before { background: #089be4; } .ken_burns_navbar_toggle.collapsed .ken_burns_top_icon_bar, .ken_burns_navbar_toggle.collapsed .ken_burns_middle_icon_bar, .ken_burns_navbar_toggle.collapsed .ken_burns_bottom_icon_bar { background: #089be4 !important; } .ken_burns_navbar_nav>li>a, .ken_burns_navbar_nav>li>a:visited, .ken_burns_navbar_nav>li>a:hover, .ken_burns_navbar_nav>li>a:active, .ken_burns_navbar_nav>li>a:focus, .ken_burns_navbar_toggle, .ken_burns_navbar_toggle:hover, .ken_burns_navbar_toggle:active, .ken_burns_navbar_toggle:focus { background: transparent !important; } .ken_burns_navbar.affix { box-shadow: 0px 0px 10px #dddddd; } /*=============== DROPDOWN ===============*/ .ken_burns_dropdown_menu { background: #272727; } .ken_burns_dropdown_menu li a, .ken_burns_dropdown_menu li a:visited { color: #ececec !important; } .ken_burns_dropdown_menu li a:hover, .ken_burns_dropdown_menu li a:active, .ken_burns_dropdown_menu li a:focus { color: #ffffff !important; } .ken_burns_dropdown_menu li a:hover, .ken_burns_dropdown_menu li a:active, .ken_burns_dropdown_menu li a:focus { background: #089be4 !important; } .ken_burns_dropdown_menu { box-shadow: 0px 0px 5px #dddddd; } .ken_burns_dropdown_menu { border-top: 2px solid #089be4; } /*=============== SHORTCODES, FEATURES, MEGA, SHOP ===============*/ .ken_burns_dropdown_menu_mega, .ken_burns_dropdown_menu_shop { background: #272727; } .ken_burns_features_list>ul>li>h4, .ken_burns_dropdown_menu_mega>li>ul>li>h4, .ken_burns_dropdown_menu_mega>li>ul>li>h5, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:visited, .ken_burns_dropdown_menu_shop_col>h5>a, .ken_burns_dropdown_menu_shop_col>h5>a:visited { color: #999999 !important; } .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:hover, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:active, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:focus, .ken_burns_dropdown_menu_shop_col>h5>a:hover, .ken_burns_dropdown_menu_shop_col>h5>a:active, .ken_burns_dropdown_menu_shop_col>h5>a:focus { color: #089be4 !important; } .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:hover, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:active, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:focus, .ken_burns_dropdown_menu_shop_col>h5>a:hover, .ken_burns_dropdown_menu_shop_col>h5>a:active, .ken_burns_dropdown_menu_shop_col>h5>a:focus { background: transparent !important; } .ken_burns_shortcodes_list ul li a, .ken_burns_shortcodes_list ul li a:visited, .ken_burns_features_list ul li a, .ken_burns_features_list ul li a:visited, .ken_burns_dropdown_menu_mega>li>ul>li>a, .ken_burns_dropdown_menu_mega>li>ul>li>a:visited, .ken_burns_dropdown_menu_mega>li>ul>li>p, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>p, .ken_burns_dropdown_menu_shop_col>p { color: #ececec !important; } .ken_burns_shortcodes_list ul li a:hover, .ken_burns_shortcodes_list ul li a:active, .ken_burns_shortcodes_list ul li a:focus, .ken_burns_features_list ul li a:hover, .ken_burns_features_list ul li a:active, .ken_burns_features_list ul li a:focus, .ken_burns_dropdown_menu_mega>li>ul>li>a:hover, .ken_burns_dropdown_menu_mega>li>ul>li>a:active, .ken_burns_dropdown_menu_mega>li>ul>li>a:focus { color: #089be4 !important; } .ken_burns_shortcodes_list ul li a:hover, .ken_burns_shortcodes_list ul li a:active, .ken_burns_shortcodes_list ul li a:focus, .ken_burns_features_list ul li a:hover, .ken_burns_features_list ul li a:active, .ken_burns_features_list ul li a:focus, .ken_burns_dropdown_menu_mega>li>ul>li>a:hover, .ken_burns_dropdown_menu_mega>li>ul>li>a:active, .ken_burns_dropdown_menu_mega>li>ul>li>a:focus { background: transparent !important; } .ken_burns_shortcodes_list_border { border-right: 1px solid #474747; } .ken_burns_features_list_border { border-right: 1px solid #474747; } .ken_burns_dropdown_menu_mega>li>ul>li:first-child { border-bottom: 1px solid #474747; } @media (max-width: 767px) { /*=============== DROPDOWN ===============*/ .ken_burns_dropdown_menu li a, .ken_burns_dropdown_menu li a:visited { color: #272727 !important; } .ken_burns_dropdown_menu li a:hover, .ken_burns_dropdown_menu li a:active, .ken_burns_dropdown_menu li a:focus { color: #ffffff !important; } /*=============== SHORTCODES, FEATURES, MEGA, SHOP ===============*/ .ken_burns_features_list>ul>li>h4, .ken_burns_dropdown_menu_mega>li>ul>li>h4, .ken_burns_dropdown_menu_mega>li>ul>li>h5, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:visited, .ken_burns_dropdown_menu_shop_col>h5>a, .ken_burns_dropdown_menu_shop_col>h5>a:visited { color: #000000 !important; } .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:hover, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:active, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>h5>a:focus, .ken_burns_dropdown_menu_shop_col>h5>a:hover, .ken_burns_dropdown_menu_shop_col>h5>a:active, .ken_burns_dropdown_menu_shop_col>h5>a:focus { color: #089be4 !important; } .ken_burns_shortcodes_list ul li a, .ken_burns_shortcodes_list ul li a:visited, .ken_burns_features_list ul li a, .ken_burns_features_list ul li a:visited, .ken_burns_dropdown_menu_mega>li>ul>li>a, .ken_burns_dropdown_menu_mega>li>ul>li>a:visited, .ken_burns_dropdown_menu_mega>li>ul>li>p, .ken_burns_dropdown_menu_mega>li>ul>li>div>div>p, .ken_burns_dropdown_menu_shop_col>p { color: #000000 !important; } .ken_burns_shortcodes_list ul li a:hover, .ken_burns_shortcodes_list ul li a:active, .ken_burns_shortcodes_list ul li a:focus, .ken_burns_features_list ul li a:hover, .ken_burns_features_list ul li a:active, .ken_burns_features_list ul li a:focus, .ken_burns_dropdown_menu_mega>li>ul>li>a:hover, .ken_burns_dropdown_menu_mega>li>ul>li>a:active, .ken_burns_dropdown_menu_mega>li>ul>li>a:focus { color: #089be4 !important; } } /*======================================================= ---01--- KEN BURNS HEADER BACKGROUND ========================================================*/ .ken_burns_container { } .ken_burns_caption { color: #022e44; } .ken_burns_caption a:nth-child(5), .ken_burns_caption a:nth-child(5):visited { color: #022e44; border: 2px solid #022e44; } .ken_burns_caption a:nth-child(5):hover, .ken_burns_caption a:nth-child(5):active, .ken_burns_caption a:nth-child(5):focus { color: #022e44; background: #ffffff; border: 2px solid #ffffff; } .ken_burns_caption a:nth-child(6), .ken_burns_caption a:nth-child(6):visited { color: #ffffff; background: #022e44; border: 2px solid #022e44; } .ken_burns_caption a:nth-child(6):hover, .ken_burns_caption a:nth-child(6):active, .ken_burns_caption a:nth-child(6):focus { color: #022e44; background: #ffffff; border: 2px solid #ffffff; } /*======================================================= ---02--- KEN BURNS HEADER MODAL ========================================================*/ .ken_burns_modal_fade { background: rgba(255, 255, 255, 0.4); } .ken_burns_modal_header>button, .ken_burns_modal_body_form button, #ken_burns_contact_us_modal_social_icons ul li a, #ken_burns_contact_us_modal_social_icons ul li a:hover, #ken_burns_contact_us_modal_social_icons ul li a:active, #ken_burns_contact_us_modal_social_icons ul li a:focus { color: #ffffff; } .ken_burns_modal_header { background: #089be4; } .ken_burns_modal_header >button:hover, .ken_burns_modal_header>button:active, .ken_burns_modal_header>button:focus { color: #272727; } .ken_burns_modal_body_form button:hover, .ken_burns_modal_body_form button:active, .ken_burns_modal_body_form button:focus { color: #ffffff !important; } .ken_burns_modal_body, .ken_burns_modal_body_form div input, .ken_burns_modal_body_form div textarea { background: #ffffff; } .ken_burns_modal_body_form div input, .ken_burns_modal_body_form div textarea { color: #000000; } .ken_burns_modal_body_form button:before, #ken_burns_contact_us_modal_social_icons ul li a { background: #272727; } .ken_burns_modal_body_form div input, .ken_burns_modal_body_form div textarea { border: 1px solid #dddddd; } .ken_burns_modal_body_form div input:focus, .ken_burns_modal_body_form div textarea:focus { border: 1px solid #089be4; } .ken_burns_modal_body_form button, #ken_burns_contact_us_modal_social_icons ul li a:before { background: #089be4; } .ken_burns_modal_body_form button:hover, .ken_burns_modal_body_form button:active, .ken_burns_modal_body_form button:focus { background: #089be4 !important; } #ken_burns_modal_user_image img { background: transparent !important; } .ken_burns_modal_footer a { color: #272727; }