Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* Theme Name: Theme URI: Version: Author: Author License: License URI: - */ /* 0 Reset 1 Header 2 Content 3 Staff section 4 Blog 5 Sidebar 6 Portfolio 7 Contact 8-14 check style_end.css 8 ShortCodes 9 Comments 10 Footer 11 Isotope 12 Tooltip 13 Revolution slider 14 Loader / coming soon /************************************************************************************ 0 Reset *************************************************************************************/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; } ol, ul { list-style: none; } strong { font-weight:700; } .bolder strong { font-weight:900; } em { font-style:italic; } sub { bottom: -0.25em; } sup { top: -0.5em; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } select { max-width:100%; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } blockquote { position: relative; font-style: italic; font-size: 16px; font-weight:bold; line-height: 26px; margin:42px 0 42px 28px; padding:50px 225px 50px 70px; } blockquote p { line-height:26px; opacity:0.6; } blockquote:before { content:""; position: absolute; top: 0px; left: 0px; height: 100%; background: #21c2f8; width: 10px; } blockquote:after { content: "„"; font-family: "MS Serif", "New York", serif; position: absolute; top: 20px; right: 50px; font-size: 140px; opacity: 0.1; } iframe { max-width:100%; width:100%; } table { border-collapse: collapse; border-spacing: 0; } h1, h2, h3, h4, h5, h6 { font-family:'Lato'; font-weight:bold; } .vc_custom_heading { margin-bottom:35px; } .vc_custom_heading h1, .vc_custom_heading h2, .vc_custom_heading h3, .vc_custom_heading h4, .vc_custom_heading h5, .vc_custom_heading h6 { margin-bottom:0; } h1 { font-size: 34px; margin-bottom: 10px; line-height: 45px; } h2 { font-size: 24px; line-height: 36px; } h3 { font-size: 20px; margin-bottom: 10px; } h4 { font-size: 18px; margin-bottom: 10px; } h5 { font-size: 16px; margin-bottom: 10px; } h6 { font-size: 15px; margin-bottom: 10px; font-weight: normal; } .clearfix { clear:both; } body { font-family:"Lato", Arial, sans-serif; font-size: 14px; line-height: 25px; color: #777; overflow-x:hidden; font-weight:400; background-color:#ffffff; } p { margin-top: 0px; margin-bottom: 10px; line-height: 24px; } .wpb_text_column p { margin-bottom:24px; } a, a:visited, a:hover, a:active { text-decoration: none; } a { color:#414141; text-decoration: none; outline: none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_clear { clear: both; width: 0; height: 0; padding: 0; margin: 0; border: none; background: transparent; display: block; } img.alignleft, img.alignright, img.aligncenter { margin-top:9px; margin-bottom:9px; } .alignleft, img.alignleft { display:inline; float: left; margin:9px 30px 0px 0px; } .alignright, img.alignright { display: inline; float: right; margin:9px 0px 0px 30px; } .aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; padding:0; } .alignnone { max-width: 100%; } .wp-caption-text { text-align: center; padding-top: 10px; } .wp-caption { text-align:center; max-width:100%; } .wp-caption.alignnone { margin:10px 0; } .wp-caption.aligncenter { margin:10px auto; } .wp-caption img { display:inline-block!important; } .wp-caption, .wp-caption-text, .sticky, .gallery-caption, .bypostauthor { } .html5-video-player:not(.ad-interrupting):not(.hide-info-bar) .html5-info-bar, .html5-info-bar { display:none!important; } .t_uppercase { letter-spacing: 1px; text-transform: uppercase; } .t_none { text-transform:none; } .t_lowercase { text-transform:lowercase; } .text_uppercase { text-transform:uppercase; } img[class*="wp-image-"] { display:block; } .wpb_single_image .wpb_wrapper { line-height:0; } .img_play_effect a span { position:relative; display:inline-block; overflow:hidden; max-width: 100%; } .img_play_effect a img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .img_play_effect a span:before { content:"\35"; font-size:24px; font-family: 'elg'; width:52px; height:52px; color:#fff; background:#222533; border-radius:300px; position:absolute; top:55%; left:50%; opacity:0; margin-top:-26px; margin-left:-26px; line-height:52px; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 1; } .img_play_effect a:hover span:before { top:50%; opacity:1; } .img_play_effect a:hover img { opacity:0.75; } .img_zoom_effect a span { position:relative; display:inline-block; overflow:hidden; max-width: 100%; } .img_zoom_effect a img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .img_zoom_effect a span:before { content:"\55"; font-size:14px; font-family: 'elg'; width:52px; height:52px; color:#fff; background:#222533; border-radius:300px; position:absolute; top:55%; left:50%; opacity:0; margin-top:-26px; margin-left:-26px; line-height:52px; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 1; } .img_zoom_effect a:hover span:before { top:50%; opacity:1; } .img_zoom_effect a:hover img { opacity:0.75; } .img_reduce_opacity { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:1; } .img_reduce_opacity:hover { opacity:0.7; } .img_remove_opacity { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; } .img_remove_opacity:hover { opacity:1; } .img_add_color { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .img_add_color:hover { -webkit-filter: grayscale(0%); filter: grayscale(0%); } .img_remove_color { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .img_remove_color:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } .img_hover_title { position: relative; } .img_hover_title span,.img_hover_title span a { display:block; position:absolute; width:100%; height:100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .img_hover_title .wpb_heading{ position:absolute; top:50%; margin-top:-25px; line-height:50px; text-align:center; width:100%; font-size: 18px; font-weight: 900; letter-spacing: 2.5px; font-family:"Raleway"; text-transform: uppercase; color: #fff; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .img_hover_title:hover .wpb_heading { opacity:1; } .img_hover_title:hover span { background:rgba(0,0,0,0.2); } .width-1000 { margin:auto; max-width:1000px } .width-950 { margin:auto; max-width:950px } .width-900 { margin:auto; max-width:900px } .width-850 { margin:auto; max-width:850px } .width-800 { margin:auto; max-width:800px } .width-750 { margin:auto; max-width:750px } .width-700 { margin:auto; max-width:700px } .width-650 { margin:auto; max-width:650px } .width-600 { margin:auto; max-width:600px } .width-550 { margin:auto; max-width:550px } .letterspacing-0 { letter-spacing:0px; } .letterspacing-1 { letter-spacing:1px; } .letterspacing-1-5 { letter-spacing:1.5px; } .letterspacing-2 { letter-spacing:2px; } .letterspacing-2-5 { letter-spacing:2.5px; } .letterspacing-3 { letter-spacing:3px; } .letterspacing-4 { letter-spacing:4px; } .borderradius-1 { border-radius:1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; } .borderradius-2 { border-radius:2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; } .borderradius-3 { border-radius:3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .borderradius-4 { border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } .borderradius-5 { border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .borderradius-6 { border-radius:6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } .borderradius-7 { border-radius:7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; } .borderradius-8 { border-radius:8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; } .borderradius-9 { border-radius:9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; } .borderradius-10 { border-radius:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } .show_hover { opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .show_hover:hover { opacity:1; } .show_hover a { color:#fff; } .row_top_icon { width: 100px; height: 100px; position: absolute; top: -50px; background: white; border-radius: 300px; -moz-border-radius: 300px; -webkit-border-radius: 300px; left: 50%; margin-left: -50px; } .row_top_icon i { background: rgb(0, 220, 255); width: 60px; height: 60px; display: block; position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -30px; text-align: center; line-height: 60px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #fff; font-size: 32px; } .row_bottom_arrow { width: 20px; height: 20px; position: absolute; background: white; transform: rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform:rotate(45deg); bottom: -10px; left: 50%; margin-left: -10px; } input[type=number]::-webkit-inner-spin-button { -webkit-appearance: none; cursor:pointer; display:block; width:8px; color: #333; text-align:center; position:relative; } input[type=number]::-webkit-inner-spin-button:before, input[type=number]::-webkit-inner-spin-button:after { content: "^"; position:absolute; right: 0; font-family:monospace; line-height: } input[type=number]::-webkit-inner-spin-button:before { top:0px; } input[type=number]::-webkit-inner-spin-button:after { bottom:0px; -webkit-transform: rotate(180deg); } /************ Container *************/ #rd_preloader { background-color:#fff; position:fixed; top:0; bottom:0; left:0; right:0; height: 100%; z-index: 100000; background-image:url(images/preloader.gif); background-repeat:no-repeat; background-position:center; } #fixed_body_left { margin-left:320px; } #main_content { width: 100%; margin:0 auto; } .pagefix { height: 101%; overflow: hidden; } .wrapper { width: 1170px; padding:0 0px; margin:0 auto; position:relative; overflow:hidden; } .wrapper.tf_o_visible { overflow:visible !important; } .table_wrapper { display:table !important; overflow:visible!important; } .section_wrapper { overflow:visible; } #boxed_layout { width:1240px; margin:30px auto; -webkit-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); box-shadow: 0 0px 15px rgba(0, 0, 0, 0.3); } .section { width: 100%; min-height: 100%; overflow:auto; padding-bottom:0px; line-height: 19px; background-color:#fff; position:relative; } .full-width-section { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; box-sizing: content-box!important; -moz-box-sizing: content-box!important; -webkit-box-sizing: content-box!important; margin-left: -50%; padding-left: 50%; padding-right: 50%; width: 100%; position: relative; z-index: 0; visibility: hidden; overflow: hidden; } .full-width-content { z-index: 0; } .def_section { overflow: visible; z-index: 1; } .n_section { position:relative; overflow:hidden; } .n_section:nth-child(even) { border-top:1px solid #dfdfdf; } .n_section:nth-child(odd) { border-top:1px solid #dfdfdf; } .section .wrapper { padding:0px 0px 0 0px; } .n_section .wrapper { padding:0px 0px; } .rd_row_overlay { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; } .rd_video_ctn { overflow:hidden; } .rd_video_ctn video { top: 0; left: 0; position: absolute; min-width:100%; min-height:100%; z-index: -1; } .rd_parallax_section { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; overflow:hidden; } .parallax_wrap { overflow: hidden; width: 100%; height: 100%; position: absolute; z-index:-1; top: 0; left: 0; } .parallax_bg { position: absolute; z-index: 1; width: 100%; height:100%; top: 0; left: 0; background-position: center; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; } .parallax_fixed { background-attachment:fixed; } .fixed_bg { background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: 50% 0; background-repeat: no-repeat no-repeat; background-attachment: fixed; } .repeat_bg { background-repeat:repeat; } .repeatx_bg { background-repeat: repeat-x; } .repeaty_bg { background-repeat: repeat-y; } #fw_c { padding:0px 0; } #footer_bg { width:100%; margin:0 auto; position:relative; background:#202024; color:#ccc; } .footer_wrap { max-width:1200px; } .module_section { display:none; } .left { float:left; } .right { float:right; } img { max-width: 100%; height: auto; } .map_canvas_body { position:relative; } #map_canvas { margin:0; width:100%; height:400px; } #map_canvas img { max-width: none !important; } .wpb_text_column .mejs-container { display:none; } /************************************************************************************ 1 Header *************************************************************************************/ #top_bg { position: relative; } #top_bar { background-color:#414141; font-size:13px; } #top_bar .wrapper { padding:0px 0; overflow: visible; display: table; z-index: 1000; } #top_bar .sub-menu { display:none; } .top_bar_menu { float:right; } .top_bar_menu li { float: left; padding-left: 20px; line-height:51px; } .top_phone { width:auto; float:left; margin:0px 0 0px 0; } .top_phone:before { font-family:'FontAwesome'; font-size:13px; content:'\f095'; padding:0px 14px 0px 0px; } .top_email { width:auto; float:left; margin:0px 0 0px 0px; } .top_email:before { font-family:'FontAwesome'; font-size:13px; content:'\f0e0'; padding:0px 14px 0px 0px; } .top_text { width:auto; float:left; margin:0px 0 0px 0px; padding:8px 0px 1px 0px; font-size:13px; } #rd_wpml { float:left; height: 51px; } #rd_wpml #lang_sel { height:51px; border:none!important; } #rd_wpml #lang_sel li { float: left; width: 190px; text-align: left; position: relative; } #rd_wpml #lang_sel a { background:none; font-size:14px; font-family:"Lato"; border:none!important; padding: 13px 20px 14px; } #rd_wpml .lang_sel_sel:after { content: "\f107"; font-family: "FontAwesome"; float: right; } #rd_wpml #lang_sel ul li:hover ul, #rd_wpml #lang_sel ul a:hover ul { opacity: 1; } #rd_wpml img { margin-right: 10px; } #rd_wpml #lang_sel ul ul { opacity:0; position:relative; width:260px; height:auto; background: #fff; overflow: auto; top:inherit; -moz-box-shadow: 0 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.1); box-shadow: 0 2px 3px rgba(0,0,0,0.1); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border:none!important } #rd_wpml #lang_sel > ul > li { height:51px; overflow:visible; } #rd_wpml #lang_sel li li { width: 260px; } #rd_wpml #lang_sel li li:first-child { padding-top:10px !important; } #rd_wpml #lang_sel li li:last-child { padding-bottom:10px !important; } /************************************************** Top bar Type 1 **************************************************/ .topbar_type_1 .top_phone { padding: 13px 0px 12px 0px; } .topbar_type_1 .top_text { padding: 13px 20px 12px 20px; } .topbar_type_1 .top_email { padding: 13px 0px 12px 0px; } .topbar_type_1 #header_socials { padding:10px 20px 11px 20px; } .topbar_type_1 .top_bar_menu { padding-right:20px; } /************************************************** Top bar Type 2 **************************************************/ .topbar_type_2 .top_phone { padding: 13px 0px 12px 0px; } .topbar_type_2 .top_text { padding: 13px 20px 12px 20px; } .topbar_type_2 .top_email { padding: 13px 0px 12px 0px; } .topbar_type_2 #header_socials { padding: 10px 20px 11px 20px; } .topbar_type_2 .top_bar_menu { padding-right:20px; } /************************************************** Top bar Type 3 **************************************************/ .topbar_type_3 .top_phone { padding: 13px 20px 12px 0px; } .topbar_type_3 .top_text { padding: 13px 20px 12px 0px; } .topbar_type_3 .top_email { padding: 13px 20px 12px 0px; } .topbar_type_3 #header_socials { padding-top: 10px; padding-bottom:11px; } .topbar_type_3 #rd_wpml #lang_sel > ul > li > a { padding-left:0px; } .topbar_type_3 .top_bar_menu li { line-height:50px; } /************************************************** Top bar Type 4 **************************************************/ .topbar_type_4 .top_phone { padding: 13px 20px 12px 0px; } .topbar_type_4 .top_text { padding: 13px 20px 12px 0px; } .topbar_type_4 .top_email { padding: 13px 20px 12px 0px; } .topbar_type_4 #header_socials { padding-top: 10px; padding-bottom:11px; } .topbar_type_4 #rd_wpml, .topbar_type_4 #rd_wpml #lang_sel, .topbar_type_4 #rd_wpml #lang_sel > ul > li { height:50px; } .topbar_type_4 #rd_wpml #lang_sel a { padding: 13px 20px 13px; } .topbar_type_4 .top_bar_menu li { line-height:50px; } /************************************************** Top bar Type 5 **************************************************/ .topbar_type_5 .top_phone { padding: 11px 20px 9px 20px; } .topbar_type_5 .top_text { padding: 11px 20px 9px 20px; } .topbar_type_5 .top_email { padding: 11px 20px 9px 20px; } .topbar_type_5 #header_socials { padding: 8px 20px; } .topbar_type_5 #rd_wpml, .topbar_type_5 #rd_wpml #lang_sel, .topbar_type_5 #rd_wpml #lang_sel > ul > li { height:46px; } .topbar_type_5 #rd_wpml #lang_sel a { padding: 11px 20px 11px; } .topbar_type_5 .top_bar_menu li { line-height:46px; } .topbar_type_5 .top_bar_menu { padding-right:20px; } /************************************************** Header / Menu **************************************************/ header { margin:0px auto; padding:0px 0 0 0; min-height:101px; height:auto; width:100%; position:relative; background-color:#FFF; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index:999; } #searchtop_img .fa-search { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .header_shadow { -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05); box-shadow: 0 2px 6px rgba(0,0,0,0.05); } header .wrapper { overflow:inherit; } .opaque_header { opacity:0.95; } .transparent_header { -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border-bottom:1px solid rgba(255,255,255,0.25); } .header_bottom_nav.transparent_header { border-top:none!important; } .header_bottom_nav.header_shadow.sticky_header.transparent_header.opaque_header, header.header_shadow.sticky_header.transparent_header.opaque_header { -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; box-shadow: 0 2px 6px rgba(0,0,0,0.05) !important; } .transparent_header nav > ul > li > a, .transparent_header .cart-content, .transparent_header nav > li.current-menu-item li a, .transparent_header #searchtop_img .fa-search, .transparent_header .header_si a, .transparent_header #nav_button:before { color:#fff!important; opacity:0.75!important; border-color: rgba(0,0,0,0)!important; background: none!important; } .transparent_header nav.nav_type_11 > ul > li > a:hover, .transparent_header nav.nav_type_11 > ul .current-menu-item > a, .transparent_header nav.nav_type_12 > ul > li > a:hover, .transparent_header nav.nav_type_12 > ul .current-menu-item > a { border-color: rgba(255,255,255,1)!important; background:none!important; } .transparent_header.opaque_header nav ul li a, .transparent_header.opaque_header .cart-content, .transparent_header.opaque_header nav ul ul li a, .transparent_header.opaque_header nav li.current-menu-item li a, .transparent_header.opaque_header #searchtop_img .fa-search, .transparent_header.opaque_header .header_si a { color:inherit!important; } .transparent_header > nav ul > li > a:hover { opacity:1!important; background: none!important; } .opaque_header nav ul li a { opacity:1!important; } .transparent_header, .transparent_header .header_si a, .transparent_header nav > ul, .transparent_header .wrapper > ul { background:rgba(255,255,255,0)!important; } .white_logo { display:none!important; } .transparent_header .white_logo { display:inline-block!important } .transparent_header .dark_logo { display:none!important } .opaque_header .dark_logo { display:inline-block!important; } .opaque_header .white_logo { display:none!important; } .fixed_header_left { position:fixed; top:0px; left:0px; bottom:0px; width:320px; z-index:5000; padding-left:0px; border-right:1px solid #ebebeb } .fixed_header_left.absolute_navigation { position:absolute; left:-320px; } .fixed_header_left .wrapper { width:320px; padding:40px 30px 30px 30px; } .fixed_to_body { left:50%; margin-left:-726px; } #header_top { width:100%; background-color:#fff; float:left; } #logo_img { line-height:100px; width:auto; max-height:100px; text-align:center; margin:0px 0 0 0px; padding:0px; float:left; position: relative; z-index: 5000; } #header_container .mobile_logo.white_logo,.opaque_header .dark_logo.mobile_logo,.mobile_logo{ display: none!important; } #logo_img a { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #logo_img:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right:0; /* Adjusts for spacing */ } #logo_img img { display: inline-block; vertical-align: middle; margin-top:-1px; max-height:100px; } .fixed_header_left #logo_img { float:none!important; margin:auto!important; text-align:center; } .logo_text { line-height:100px; width: 265px; max-height:100px; text-align:left; margin:0px 0 0 0px; padding:0px; float:left; } #header_sub_nav .logo_text, #header_sub_nav .logo_text a { max-height:90px; line-height:90px; } .logo_text:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.5em; /* Adjusts for spacing */ } .logo_text a { display: inline-block; vertical-align: middle; color:#000; margin-top:-1px; max-height:100px; } .logo_text p { font-weight: 300; font-size:23px; line-height:inherit; margin:0!important; padding:0!important; } #header_socials { width:auto; float:right; text-align:center; padding-top:0px; margin:0 0px 0 0; } .si_float_left { padding-right: 20px; float:left!important; } .si_float_right { padding-left: 20px; } #header_socials div { border:none!important; } #fixed_header_socials { width:auto; float:left!important; width:100%; text-align:left; padding: 20px 0px 0 0; clear:both!important; } #fixed_header_socials div { margin-bottom: 10px; width: 40px; height: 40px; margin-right: 7px; } #header_bottom { width:100%; background:rgba(0, 0, 0, 0.5); float:left; } .header_bottom_nav { min-height:49px; position:relative; z-index:999; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .header_bottom_nav nav { float:left; } #nav_mini { display:none; } #nav_button { display:none; cursor:pointer; } #nav_button_alt { margin: 8px 10px 0px 0px; float: left; display:block; height: 45px; cursor:pointer; } #nav_button_alt:before { font-family:"FontAwesome"; display:block; content:"\f0c9"; padding:8px 0 0 0px; text-align:center; margin-left:-1px; font-size:18px; } /************************************************** Navigation **************************************************/ header nav { width:auto; height:auto; width:auto; display:block; float:right; z-index:5000; margin:0px 0 0px 0; position:static; } /************************************************** Nav Type 1 **************************************************/ header.nav_type_1 { min-height:90px; } .nav_type_1 #logo_img, .nav_type_1 .logo_text { line-height:90px; max-height:90px; } header.nav_type_1 .header_current_cart:hover .cdp_2, .nav_type_1 #search-form, #header_container .nav_type_1 .cart-notification, #header_container .nav_type_1 ul li:hover > ul, #header_container .nav_type_1 ul li.sfHover > ul { top:90px; visibility:visible!important; } .nav_type_1 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_1 ul li { position: relative; font-size: 15px; float:left; z-index:5000; } .nav_type_1 ul li a { position: relative; display: block; padding: 32px 23px 33px 23px; font-size:15px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_1 #searchtop { float: right; padding: 32px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_1.shrinked_header #searchtop { padding: 13px 0px 13px 23px; } .nav_type_1.shrinked_header { min-height:55px; } .nav_type_1.shrinked_header ul li a { padding: 15px 23px 15px 23px; } .nav_type_1.shrinked_header #logo_img img { max-height:35px; } .nav_type_1.shrinked_header #logo_img, .nav_type_1.shrinked_header .logo_text { max-height:55px; line-height:55px; } .shrinked_header ul li > ul { top:55px !important; left:10000px; } .shrinked_header ul li.sfHover > ul { top:55px!important } header.nav_type_1 #nav_button { margin: 26px 10px 0px 0px; } /************************************************** Nav Type 2 **************************************************/ header.nav_type_2 { min-height:90px; } .nav_type_2 #logo_img, .nav_type_2 .logo_text { line-height:89px; max-height:89px; } header.nav_type_2 .header_current_cart:hover .cdp_2, #header_container .nav_type_2 #search-form, #header_container .nav_type_2 .cart-notification, #header_container .nav_type_2 ul li:hover > ul, #header_container .nav_type_2 ul li.sfHover > ul { top:89px; visibility:visible!important; } .nav_type_2 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_2 ul li { position: relative; font-size: 16px; float:left; z-index:5000; } .nav_type_2 ul li a { position: relative; display: block; padding: 29px 0px 33px 0px; margin:0 23px; margin-top:-1px; border-top:3px solid rgba(0,0,0,0); font-size:16px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_2 #searchtop { float: right; padding: 29px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_2.shrinked_header #searchtop { padding: 16px 0px 10px 23px; } .nav_type_2.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_2.shrinked_header ul li a { padding: 13px 0px 14px 0px; } .nav_type_2.shrinked_header #logo_img img { max-height:35px; } .nav_type_2.shrinked_header #logo_img, .nav_type_2.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_2 #nav_button { margin: 25px 10px 0px 0px; } /************************************************** Nav Type 3 **************************************************/ header.nav_type_3 { min-height:90px; } .nav_type_3 #logo_img, .nav_type_3 .logo_text { line-height:89px; max-height:89px; } header.nav_type_3 .header_current_cart:hover .cdp_2, .nav_type_3 #search-form, #header_container .nav_type_3 .cart-notification, #header_container .nav_type_3 ul li:hover > ul, #header_container .nav_type_3 ul li.sfHover > ul { top:89px; visibility:visible!important; } .nav_type_3 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_3 ul li { position: relative; font-size: 15px; float:left; z-index:5000; } .nav_type_3 ul li a { position: relative; display: block; padding: 31px 23px 33px 23px; font-size:15px; font-weight:bold; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_3 #searchtop { float: right; padding: 29px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_3.shrinked_header #searchtop { padding: 14px 0px 10px 23px; } .nav_type_3.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_3.shrinked_header ul li a { padding: 13px 23px 14px 23px; } .nav_type_3.shrinked_header #logo_img img { max-height:35px; } .nav_type_3.shrinked_header #logo_img, .nav_type_3.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_3 #nav_button { margin: 25px 10px 0px 0px; } /************************************************** Nav Type 4 **************************************************/ header.nav_type_4 { min-height:101px; } .nav_type_4 #logo_img, .nav_type_4 .logo_text { line-height:100px; max-height:100px; } header.nav_type_4 .header_current_cart:hover .cdp_2, .nav_type_4 #search-form, #header_container .nav_type_4 .cart-notification, #header_container .nav_type_4 ul li:hover > ul, #header_container .nav_type_4 ul li.sfHover > ul { top:100px; visibility:visible!important; } .nav_type_4 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_4 ul li { position: relative; font-size: 15px; float:left; z-index:5000; } .nav_type_4 ul li a { position: relative; display: block; padding: 35px 23px 40px 23px; font-size:16px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_4 #searchtop { float: right; padding: 36px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_4.shrinked_header #searchtop { padding: 14px 0px 10px 23px; } .nav_type_4.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_4.shrinked_header ul li a { padding: 13px 23px 14px 23px; } .nav_type_4.shrinked_header #logo_img img { max-height:35px; } .nav_type_4.shrinked_header #logo_img, .nav_type_4.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_4 #nav_button { margin: 31px 10px 0px 0px; } /************************************************** Nav Type 5 **************************************************/ .nav_type_5 { min-height:100px; } .nav_type_5 #logo_img, .nav_type_5 .logo_text { line-height:100px; max-height:100px; } header.nav_type_5 .header_current_cart:hover .cdp_2, .nav_type_5 #search-form, #header_container .nav_type_5 .cart-notification, #header_container .nav_type_5 ul li:hover > ul, #header_container .nav_type_5 ul li.sfHover > ul { top:100px; visibility:visible!important; } .nav_type_5 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_5 ul li { position: relative; font-size: 16px; float:left; z-index:5000; } .nav_type_5 ul li a { position: relative; display: block; padding: 30px 0px 40px 0px; margin:0 23px; border-top:5px solid; font-size:16px; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_5 #searchtop { float: right; padding: 36px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_5.shrinked_header #searchtop { padding: 14px 0px 10px 23px; } .nav_type_5.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_5.shrinked_header ul li a { padding: 11px 0px 14px 0px; } .nav_type_5.shrinked_header #logo_img img { max-height:35px; } .nav_type_5.shrinked_header #logo_img, .nav_type_5.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_5 #nav_button { margin: 31px 10px 0px 0px; } /************************************************** Nav Type 6 **************************************************/ .nav_type_6 { min-height:100px; } .nav_type_6 #logo_img, .nav_type_6 .logo_text { line-height:100px; max-height:100px; } header.nav_type_6 .header_current_cart:hover .cdp_2, .nav_type_6 #search-form, #header_container .nav_type_6 .cart-notification, #header_container .nav_type_6 ul li:hover > ul, #header_container .nav_type_6 ul li.sfHover > ul { top:100px; visibility:visible!important; } .nav_type_6 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_6 ul li { position: relative; font-size: 14px; float:left; z-index:5000; } .nav_type_6 ul li a { position: relative; display: block; padding: 32px 0px 38px 0px; margin:0 20px; border-top:5px solid; font-size:14px; text-transform:uppercase; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_6 #searchtop { float: right; padding: 36px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_6.shrinked_header #searchtop { padding: 14px 0px 10px 23px; } .nav_type_6.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_6.shrinked_header ul li a { padding: 11px 0px 14px 0px; } .nav_type_6.shrinked_header #logo_img img { max-height:35px; } .nav_type_6.shrinked_header #logo_img, .nav_type_6.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_6 #nav_button { margin: 31px 10px 0px 0px; } /************************************************** Nav Type 7 **************************************************/ .nav_type_7 { min-height:100px; } .nav_type_7 #logo_img, .nav_type_7 .logo_text { line-height:100px; max-height:100px; } header.nav_type_7 .header_current_cart:hover .cdp_2, .nav_type_7 #search-form, #header_container .nav_type_7 .cart-notification, #header_container .nav_type_7 ul li:hover > ul, #header_container .nav_type_7 ul li.sfHover > ul { top:100px; visibility:visible!important; } .nav_type_7 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_7 ul li { position: relative; font-size: 13px; float:left; z-index:5000; } .nav_type_7 ul li a { position: relative; display: block; padding: 38px 20px 37px 20px; font-size:13px; font-weight:900; text-transform:uppercase; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_7 #searchtop { float: right; padding: 36px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_7.shrinked_header #searchtop { padding: 14px 0px 10px 23px; } .nav_type_7.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_7.shrinked_header ul li a { padding: 16px 20px 14px 20px; } .nav_type_7.shrinked_header #logo_img img { max-height:35px; } .nav_type_7.shrinked_header #logo_img, .nav_type_7.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_7 #nav_button { margin: 31px 10px 0px 0px; } /************************************************** Nav Type 8 **************************************************/ header.nav_type_8 { min-height:90px; } .nav_type_8 #logo_img, .nav_type_8 .logo_text { line-height:89px; max-height:89px; } header.nav_type_8 .header_current_cart:hover .cdp_2, .nav_type_8 #search-form, #header_container .nav_type_8 .cart-notification, #header_container .nav_type_8 ul li:hover > ul, #header_container .nav_type_8 ul li.sfHover > ul { top:89px; visibility:visible!important; } .nav_type_8 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_8 ul li { position: relative; font-size: 15px; float:left; z-index:5000; } .nav_type_8 ul li a { position: relative; display: block; padding: 32px 23px 32px 23px; font-size:15px; font-weight:900; text-transform:uppercase; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_8 #searchtop { float: right; padding: 32px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_8.shrinked_header #searchtop { padding: 14px 0px 10px 23px; } .nav_type_8.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_8.shrinked_header ul li a { padding: 16px 23px 13px 23px; } .nav_type_8.shrinked_header #logo_img img { max-height:35px; } .nav_type_8.shrinked_header #logo_img, .nav_type_8.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_8 #nav_button { margin: 27px 10px 0px 0px; } /************************************************** Nav Type 9 **************************************************/ .nav_type_9 { min-height:90px; } .nav_type_9 #logo_img, .nav_type_9 .logo_text { line-height:90px; max-height:90px; } header.nav_type_9 .header_current_cart:hover .cdp_2, .nav_type_9 #search-form, #header_container .nav_type_9 .cart-notification, #header_container .nav_type_9 ul li:hover > ul, #header_container .nav_type_9 ul li.sfHover > ul { top:90px; visibility:visible!important; } .nav_type_9 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_9 ul li { position: relative; font-size: 13px; float:left; z-index:5000; } .nav_type_9 ul li a { position: relative; display: block; padding: 28px 0px 32px 0px; margin:0 18px; border-top:5px solid rgba(0,0,0,0); font-size:13px; font-weight:900; text-transform:uppercase; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_9 #searchtop { float: right; padding: 32px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_9.shrinked_header #searchtop { padding: 16px 0px 10px 23px; } .nav_type_9.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_9.shrinked_header ul li a { padding: 12px 0px 13px 0px; } .nav_type_9.shrinked_header #logo_img img { max-height:35px; } .nav_type_9.shrinked_header #logo_img, .nav_type_9.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_9 #nav_button { margin: 27px 10px 0px 0px; } /************************************************** Nav Type 10 **************************************************/ .nav_type_10 { min-height:91px; } .nav_type_10 #logo_img, .nav_type_10 .logo_text { line-height:91px; max-height:91px; } header.nav_type_10 .header_current_cart:hover .cdp_2, .nav_type_10 #search-form, #header_container .nav_type_10 .cart-notification, #header_container .nav_type_10 ul li:hover > ul, #header_container .nav_type_10 ul li.sfHover > ul { top:91px; visibility:visible!important; } .nav_type_10 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_10 ul li { position: relative; font-size: 14px; float:left; z-index:5000; } .nav_type_10 ul li a { position: relative; display: block; padding: 28px 0px 32px 0px; margin:0 22px; border-top:5px solid rgba(0,0,0,0); font-size:14px; font-weight:900; text-transform:uppercase; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } .nav_type_10 ul.menu > li:last-child > a:first-child { margin-right: 0px !important; } header.nav_type_10 #searchtop { float: right; padding: 32px 0px 29px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_10.shrinked_header #searchtop { padding: 16px 0px 10px 23px; } .nav_type_10.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_10.shrinked_header ul li a { padding: 12px 0px 13px 0px; } .nav_type_10.shrinked_header #logo_img img { max-height:35px; } .nav_type_10.shrinked_header #logo_img, .nav_type_10.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_10 #nav_button { margin: 27px 10px 0px 0px; } /************************************************** Nav Type 11 **************************************************/ header.nav_type_11 { min-height:110px; } .nav_type_11 #logo_img, .nav_type_11 .logo_text { line-height:110px; max-height:110px; } header.nav_type_11 .header_current_cart:hover .cdp_2, .nav_type_11 #search-form, #header_container .nav_type_11 .cart-notification, #header_container .nav_type_11 ul li:hover > ul, #header_container .nav_type_11 ul li.sfHover > ul { top:110px; visibility:visible!important; } .nav_type_11 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_11 ul li { position: relative; font-size: 15px; float:left; z-index:5000; } .nav_type_11 ul li a { position: relative; display: block; padding: 1px 10px 2px 10px; margin:37px 12px 36px; font-size:15px; border-radius:5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-weight:normal; border:1px solid rgba(0,0,0,0); cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_11 #searchtop { float: right; padding: 39px 0px 42px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_11.shrinked_header #searchtop { padding: 16px 0px 10px 23px; } .nav_type_11.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_11.shrinked_header ul li a { margin: 13px 12px 12px; } .nav_type_11.shrinked_header #logo_img img { max-height:35px; } .nav_type_11.shrinked_header #logo_img, .nav_type_11.shrinked_header .logo_text { max-height:55px; line-height:55px; } header.nav_type_11 #nav_button { margin: 35px 10px 0px 0px; } /************************************************** Nav Type 12 **************************************************/ header.nav_type_12 { min-height:100px; } .nav_type_12 #logo_img, .nav_type_12 .logo_text { line-height:100px; max-height:100px; } header.nav_type_12 .header_current_cart:hover .cdp_2, .nav_type_12 #search-form, #header_container .nav_type_12 .cart-notification, #header_container .nav_type_12 ul li:hover > ul, #header_container .nav_type_12 ul li.sfHover > ul { top:100px; visibility:visible!important; } .nav_type_12 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_12 ul li { position: relative; font-size: 15px; float:left; z-index:5000; } .nav_type_12 ul li a { position: relative; display: block; padding: 6px 8px 6px 8px; margin:37px 10px 32px; font-size:13px; line-height:10px; text-transform:uppercase; font-weight:900; border:2px solid rgba(0,0,0,0); cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } .nav_type_12 a.cart-content { padding: 0 8px; } header.nav_type_12 #searchtop { float: right; padding: 37px 0px 32px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_12.shrinked_header #searchtop { padding: 13px 0px 11px 23px; } .nav_type_12.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_12.shrinked_header ul li a { margin: 13px 10px 11px; } .nav_type_12.shrinked_header #logo_img img { max-height:35px; } .nav_type_12.shrinked_header #logo_img, .nav_type_12.shrinked_header .logo_text { max-height:55px; line-height:55px; } /************************************************** Nav Type 13 **************************************************/ header.nav_type_13 { min-height:62px; } .nav_type_13 #logo_img, .nav_type_13 .logo_text { line-height:60px; max-height:60px; } .nav_type_13 #logo_img a img { max-height:35px; } header.nav_type_13 .header_current_cart:hover .cdp_2, .nav_type_13 #search-form, #header_container .nav_type_13 .cart-notification, #header_container .nav_type_13 ul li:hover > ul, #header_container .nav_type_13 ul li.sfHover > ul { top:60px; visibility:visible!important; } .nav_type_13 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_13 ul li { position: relative; font-size: 16px; float:left; z-index:5000; } .nav_type_13 ul li a { position: relative; display: block; padding: 17px 23px 18px 23px; font-size:16px; font-weight:normal; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_13 #searchtop { float: right; padding: 17px 0px 14px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_13.shrinked_header #searchtop { padding: 14px 0px 12px 23px; } .nav_type_13.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_13.shrinked_header ul li a { padding: 14px 23px 14px 23px; } .nav_type_13.shrinked_header #logo_img img { max-height:35px; } .nav_type_13.shrinked_header #logo_img, .nav_type_13.shrinked_header .logo_text { max-height:55px; line-height:55px; } .nav_type_13.shrinked_header ul li.sfHover > ul { top:53px!important } header.nav_type_13 #nav_button { margin: 12px 10px 0px 0px; } /************************************************** Nav Type 14 **************************************************/ header.nav_type_14 { min-height:65px; } .nav_type_14 #logo_img, .nav_type_14 .logo_text { line-height:60px; max-height:60px; } .nav_type_14 #logo_img a img { max-height:35px; } header.nav_type_14 .header_current_cart:hover .cdp_2, .nav_type_14 #search-form, #header_container .nav_type_14 .cart-notification, #header_container .nav_type_14 ul li:hover > ul, #header_container .nav_type_14 ul li.sfHover > ul { top:60px; visibility:visible!important; } .nav_type_14 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_14 ul li { position: relative; font-size: 16px; float:left; z-index:5000; } .nav_type_14 ul li a { position: relative; display: block; padding: 17px 23px 18px 23px; font-size:16px; font-weight:normal; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } header.nav_type_14 #searchtop { float: right; padding: 17px 0px 14px 23px; font-size: 16px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .nav_type_14.shrinked_header #searchtop { padding: 13px 0px 8px 23px; } .nav_type_14.shrinked_header { min-height: 55px; max-height: 55px; } .nav_type_14.shrinked_header #search-form { top:50px!important; } .nav_type_14.shrinked_header ul li a { padding: 13px 23px 12px 23px; } .nav_type_14.shrinked_header #logo_img img { max-height:35px; } .nav_type_14.shrinked_header #logo_img, .nav_type_14.shrinked_header .logo_text { max-height:50px; line-height:50px; } .nav_type_14.shrinked_header ul li.sfHover > ul { top:50px!important } header.nav_type_14 #nav_button { margin: 12px 10px 0px 0px; } /************************************************** Nav Type 15 **************************************************/ header.nav_type_15 { min-height:89px; } .header_bottom_nav.nav_type_15 { min-height:51px; } .nav_type_15 #search-form, .nav_type_15 .header_current_cart:hover .cdp_2, #header_container .nav_type_15 .cart-notification, #header_container .nav_type_15 nav ul li:hover > ul, #header_container .nav_type_15 nav ul li.sfHover > ul { top:50px; visibility:visible!important; } .nav_type_15 #logo_img, .nav_type_15 .logo_text { line-height:88px; max-height:88px; } header.nav_type_15 #header_socials { line-height:88px; } .nav_type_15 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_15 ul li { position: relative; font-size: 16px; float:left; z-index:5000; } .nav_type_15 ul li a { position: relative; display: block; padding: 12px 25px 13px 25px; font-size:15px; font-weight:400; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } /************************************************** Nav Type 16 **************************************************/ header.nav_type_16 { min-height:90px; } .header_bottom_nav.nav_type_16 { min-height:70px; } .nav_type_16 #search-form, .nav_type_16 .header_current_cart:hover .cdp_2, #header_container .nav_type_16 .cart-notification, #header_container .nav_type_16 nav ul li:hover > ul, #header_container .nav_type_16 nav ul li.sfHover > ul { top:69px; visibility:visible!important; } .nav_type_16 #logo_img, .nav_type_16 .logo_text { line-height:90px; max-height:90px; } header.nav_type_16 #header_socials { line-height:90px; } .nav_type_16 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_16 ul li { position: relative; font-size: 16px; float:left; z-index:5000; } .nav_type_16 ul li a { position: relative; display: block; padding: 21px 22px 23px 22px; font-size:15px; font-weight:400; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } .header_bottom_nav.nav_type_16 #searchtop { padding:20px 0; } .nav_type_16 ul.menu > li:first-child > a:first-child { padding-left: 0px !important; } /************************************************** Nav Type 17 **************************************************/ header.nav_type_17 { min-height:88px; } .header_bottom_nav.nav_type_17 { min-height:71px; } .nav_type_17 #search-form, .nav_type_17 .header_current_cart:hover .cdp_2, #header_container .nav_type_17 .cart-notification, #header_container .nav_type_17 nav ul li:hover > ul, #header_container .nav_type_17 nav ul li.sfHover > ul { top:70px; visibility:visible!important; } .nav_type_17 #logo_img, .nav_type_17 .logo_text { line-height:88px; max-height:88px; } header.nav_type_17 #header_socials { line-height:88px; } .nav_type_17 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_17 ul li { position: relative; font-size: 16px; float:left; z-index:5000; } .nav_type_17 ul li a { position: relative; display: block; padding: 19px 0px 23px 0px; margin:0 22px; border-top:3px solid rgba(0,0,0,0); text-transform:uppercase; font-size:14px; font-weight:400; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } .header_bottom_nav.nav_type_17 #searchtop { padding: 21px 0 20px; } .nav_type_17 ul.menu > li:first-child > a:first-child { margin-left: 0px !important; } /************************************************** Nav Type 18 **************************************************/ header.nav_type_18 { min-height:92px; } .header_bottom_nav.nav_type_18 { min-height:70px; } .nav_type_18 #search-form, .nav_type_18 .header_current_cart:hover .cdp_2, #header_container .nav_type_18 .cart-notification, #header_container .nav_type_18 nav ul li:hover > ul, #header_container .nav_type_18 nav ul li.sfHover > ul { top:70px; visibility:visible!important; } .nav_type_18 #logo_img, .nav_type_18 .logo_text { line-height:92px; max-height:92px; width:100% } .nav_type_18 ul { float:right; position:static; z-index:5000; overflow:visible; } .nav_type_18 ul li { position: relative; font-size: 16px; float:left; z-index:5000; } .nav_type_18 ul li a { position: relative; display: block; padding: 22px 22px 23px 22px; font-size:15px; font-weight:400; cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; text-align:center; float:left; z-index:2000; } .header_bottom_nav.nav_type_18 #searchtop { padding: 20px 0 21px; } .nav_type_18 ul.menu > li:first-child > a:first-child { padding-left: 0px !important; } /************************************************** Nav Type 19 **************************************************/ .fixed_header_left .nav_type_19 .header_current_cart:hover .cdp_2,.fixed_header_left #header_container .nav_type_19 .cart-notification,.fixed_header_left .nav_type_19 nav ul li:hover > ul,.fixed_header_left .nav_type_19 nav ul li.sfHover > ul,.fixed_header_left .nav_type_19_f .header_current_cart:hover .cdp_2,.fixed_header_left #header_container .nav_type_19_f .cart-notification,.fixed_header_left .nav_type_19_f nav ul li:hover > ul,.fixed_header_left .nav_type_19_f nav ul li.sfHover > ul { top:70px; visibility:visible!important; } header .nav_type_19,header .nav_type_19_f { float:none; margin-top:50px; margin-bottom:30px; } .nav_type_19 ul,.nav_type_19_f ul { float:none; position:relative; z-index:5000; overflow:visible; } .nav_type_19 ul li,.nav_type_19_f ul li { position: relative; font-size: 13px; z-index:5000; } .nav_type_19 ul li a,.nav_type_19_f ul li a { position: relative; display: block; padding: 10px 0px; font-size:13px; font-weight:900; cursor: pointer; text-transform:uppercase; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; z-index:2000; } .nav_type_19 ul > li:last-child a,.nav_type_19_f ul > li:last-child a{ border-bottom:none!important; } .header_bottom_nav.nav_type_19 #searchtop { padding: 20px 0 21px; } .nav_type_19 ul.menu > li:first-child > a:first-child,.nav_type_19_f ul.menu > li:first-child > a:first-child { padding-left: 0px !important; } /* Nav style end */ #header_container nav ul > li > a:after { font-family:"FontAwesome"; content: "\f107"; padding-left: 10px; line-height: normal; } #header_container nav ul li > a:only-child:after { content: ''; padding: 0!important; line-height:normal; } #header_container .fixed_header_left nav ul > li > a:after { font-family: "FontAwesome"; content: "\f105"; line-height: normal; padding-top: 7px; float: right; } #header_container .fixed_header_left nav ul li li a:after { padding-top:3px; } #header_container .fixed_header_left nav ul li > a:only-child:after { content: ''; } #header_container nav ul li li a:after { font-family:"FontAwesome"; content: "\f105"; line-height:normal; padding-left:10px; float: right; } #header_container nav ul li.left_side_menu li.menu-item-has-children > a:after { content: "\f104"; float:left; padding-left:0; } #header_container nav ul ul { position: absolute; top: -9999em; width: 250px; line-height: 20px; padding: 0 0 0 0; margin:0; z-index:5000; box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); } .fixed_header_left nav ul ul { box-shadow: 0 8px 0px rgba(0, 0, 0, 0.1)!important; border-top:none !important; } #header_container nav ul ul ul { z-index:999; } #header_container nav ul ul li { width: 250px; border-right:none!important; font-weight:normal!important; text-transform:none!important; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; top:0px; } #header_container nav ul ul li a, #header_container nav ul ul .current-menu-item li a { text-align:left; padding:11px 14px 11px 14px !important; float:none; font-size:13px; margin: 0; text-transform:none!important; font-weight:normal!important; border-bottom:none!important; border-top:none!important; text-shadow:none!important; border-right: none!important; border-radius: 0!important; line-height:normal!important; width:100%; white-space:normal; } #header_container nav .rd_megamenu ul .current-menu-item li a { text-align:left; padding:7px 20px; } #header_container nav ul ul li a:hover, #header_container nav ul ul .current-menu-item a { border-bottom:none!important; } #header_container nav ul ul li:last-child a { } .fixed_header_left nav ul ul li a { width:155px; text-align:center; padding:5px 3px; } #header_container nav ul li:hover ul, #header_container nav ul li.sfHover ul { left: 0px; z-index: 5000; } #header_container nav ul li.left_side_menu:hover ul, #header_container nav ul li.sfHover.left_side_menu ul { left:inherit; right:0px; } #header_container .header_bottom_nav nav ul .rd_megamenu:hover ul, #header_container .header_bottom_nav nav ul .rd_megamenu.sfHover ul { left: 0px; top: 50px; z-index: 5000; } #header_container .header_bottom_nav.nav_type_16 nav ul .rd_megamenu:hover ul, #header_container .header_bottom_nav.nav_type_16 nav ul .rd_megamenu.sfHover ul { top: 69px; } #header_container .header_bottom_nav.nav_type_17 nav ul .rd_megamenu:hover ul, #header_container .header_bottom_nav.nav_type_17 nav ul .rd_megamenu.sfHover ul { top: 70px; } #header_container .header_bottom_nav.nav_type_18 nav ul .rd_megamenu:hover ul, #header_container .header_bottom_nav.nav_type_18 nav ul .rd_megamenu.sfHover ul { top: 70px; } #header_container nav ul li:hover li ul, #header_container nav ul li.sfHover li ul, #header_container nav ul li li:hover li ul, #header_container nav ul li li.sfHover li ul, #header_container nav ul li li li:hover li ul, #header_container nav ul li li li.sfHover li ul { top: -9999em } #header_container nav ul li li:hover > ul, #header_container nav ul li li.sfHover > ul, #header_container nav ul li li li:hover > ul, #header_container nav ul li li li.sfHover > ul, #header_container nav ul li li li li:hover > ul, #header_container nav ul li li li li.sfHover > ul { left: 250px; top:-3px !important; z-index:2; } #header_container .fixed_header_left nav ul li li:hover > ul, #header_container .fixed_header_left nav ul li li.sfHover > ul, #header_container .fixed_header_left nav ul li li li:hover > ul, #header_container .fixed_header_left nav ul li li li.sfHover > ul, #header_container .fixed_header_left nav ul li li li li:hover > ul, #header_container .fixed_header_left nav ul li li li li.sfHover > ul { left: 249px; top:-1px !important; z-index:2; } .left_side_menu a { text-align:right!important; } .left_side_menu ul ul { left:-250px !important; } .fixed_header_left nav ul li:hover ul, .fixed_header_left nav ul li.sfHover ul { left: 290px!important; top: 0px!important; z-index: 5000; } .fixed_header_left nav ul li ul > li a {border-left:none!important;} #header_container .fixed_header_left nav ul ul li:hover ul, .fixed_header_left nav ul ul li.sfHover ul { left: 249px!important; top: -1px!important; z-index: 5000; } #header_container .fixed_header_left nav ul li.rd_megamenu ul ul li a { border-left: none!important; } .mt_menu { display:none; min-height:49px; position:relative; z-index:999; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_menu_icon { padding-right:10px; line-height:normal; } .rd_megamenu { position:static!important; } .rd_megamenu ul { position: absolute; background:#fff; padding:0px 0px 0!important; width: 1170px!important; white-space: nowrap; left: auto; z-index: 500; float: left !important; zoom: 1; overflow: visible; visibility: visible; margin: 0; } .rd_megamenu ul li > a:after { display:none!important; } .h1_mega ul { left: 40px!important; } .rd_megamenu ul li { min-width:100px !important; display: inline-block; float: left; margin:0; position: relative; padding: 11px 27px; } .mega-col-3 ul li { width:33.33466529%!important; padding:0!important; } .mega-col-4 ul li { width:25%!important; padding:0!important; } .mega-col-5 ul li { width:20%!important; padding:0!important; } .mega-col-6 ul li { width:!important; padding:0!important; } .rd_megamenu ul li a { width: auto; display: block; background: transparent; } .rd_megamenu ul li ul { visibility: visible!important; display: block!important; position:static!important; max-width: 100%; padding:0px 0 0 0!important; box-shadow: none!important; margin-top:0px!important; } .rd_megamenu ul li ul li { width:100%!important; ; padding:0!important; } #header_container nav .rd_megamenu li a, .rd_megamenu li a { padding: 11px 20px 11px!important; width: 100%!important; } #header_container nav .rd_megamenu ul li a, .rd_megamenu ul li a { font-size:13px!important; font-weight:900!important; text-transform:uppercase !important; white-space: normal; } #header_container nav .rd_megamenu ul ul li a, .rd_megamenu ul ul li a { font-size:13px!important; font-weight:normal!important; text-transform:none!important; white-space: normal; } #header_container .rd_megamenu ul li ul li:last-child { border-bottom:none!important; } #header_container .mega_no_heading ul li a:first-child { display:none; } #header_container .mega_no_heading ul li ul li a:first-child { display:block!important; } #header_container nav ul .mega_no_heading ul li { top:0px!important; } .mm_widget_area { white-space:normal!important; } .rd_megamenu_widget_area { padding:20px; } #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area ul li a:hover { background:none!important; } #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area ul li a { padding:inherit!important; margin:inherit!important; font-size:inherit!important; font-weight:inherit!important; line-height: inherit!important; border: inherit; } #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area ul li a:after { content:""!important; padding: inherit; float: inherit; } #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area ul { padding:inherit!important; margin:0!important; font-size:inherit!important; font-weight:inherit!important; border:inherit!important; white-space:inherit!important; } #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area ul li { min-width:inherit!important; } .rd_megamenu_widget_area .sb_widget:last-child { margin-bottom:10px!important; } .rd_megamenu_widget_area .sb_widget > h3 { margin-bottom:31px; } /******** Mobile Menu **********/ #mobile-menu { display: block; position: fixed; top: 0; right:0; width: 270px; height: 100%; z-index: 60000; overflow-y: auto; overflow-x: hidden; -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); } .mm_open { -webkit-transform: translateX(0) !important; -moz-transform: translateX(0)!important; -ms-transform: translateX(0)!important; -o-transform: translateX(0)!important; transform: translateX(0)!important; } .menu_slide { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; -ms-transition: -ms-transform .5s; -o-transition: -o-transform .5s; transition: transform .5s; -moz-box-shadow: 0 2px 6px rgba(0,0,0,0.05); -webkit-box-shadow: 0 2px 6px rgba(0,0,0,0.05); box-shadow: 0 2px 6px rgba(0,0,0,0.05); } .menu_slide #nav_button_alt { margin: 0px 0px 0px 10px; float: left; display: block; float: right; height: 50px; line-height: 50px; width: auto; } .slided_body { -webkit-transform: translateX(-269px); -moz-transform: translateX(-269px); -ms-transform: translateX(-269px); -o-transform: translateX(-269px); transform: translateX(-269px); } #mobile-menu ul li a { display:inline-block; padding:10px 20px 13px 20px; width:calc(100% - 40px); color:#fff; border-bottom:none !important; text-transform:uppercase; position:relative; } #mobile-menu ul li { color:#666; border-top:1px solid rgba(255,255,255,0.05); border-bottom:1px solid rgba(0,0,0,0.35); } #mobile-menu ul ul { border-top:1px solid rgba(0,0,0,0.35); display:none; } #mobile-menu ul ul ul { border-top: 1px solid rgba(0, 0, 0, 0.22); display:none; } #mobile-menu ul ul li:last-child { border-bottom:none; } #mobile-menu ul ul li { border-top: 1px solid rgba(255, 255, 255, 0); border-bottom: 1px solid rgba(0, 0, 0, 0.22); } #mobile-menu ul ul ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.05); } #mobile-menu ul ul li a { padding:10px 20px 13px 20px; } #mobile-menu ul ul ul li a { padding:10px 20px 13px 20px; } /*#mobile-menu ul ul li a:before { font-family:"FontAwesome"; content: "\f105"; padding-right:15px; }*/ #mobile-menu #close_mm { position: absolute; right: 0; width: 55px; line-height: 55px; height: 55px; font-size: 18px; background: #464343; top: 0px; text-align: center; z-index: 100; color: #FBFBFB; cursor:pointer; } #mobile-menu .menu-item-has-children, #mobile-menu .mobile-ul-open { position:relative; } #mobile-menu .menu-item-has-children:after { font-family:"FontAwesome"; content: "\f107"; position: absolute; right: 0px; top: 0px; z-index:10; text-align: center; width: 47px; height: 47px; line-height: 45px; font-size: 16px; -webkit-transition: -webkit-transform .25s; -moz-transition: -moz-transform .25s; -ms-transition: -ms-transform .25s; -o-transition: -o-transform .25s; transition: transform .25s; } #mobile-menu ul ul .menu-item-has-children:after { font-family:"FontAwesome"; content: "\f067"; line-height: 47px; font-size: 11px; } #mobile-menu .mobile-ul-open:after { font-family:"FontAwesome"; content: "\f106"; position: absolute; right: 0px; top: 0px; z-index:10; text-align: center; width: 47px; height: 47px; line-height: 45px; font-size: 16px; -webkit-transition: -webkit-transform .25s; -moz-transition: -moz-transform .25s; -ms-transition: -ms-transform .25s; -o-transition: -o-transform .25s; transition: transform .25s; } #mobile-menu ul ul .mobile-ul-open:after { font-family:"FontAwesome"; right: 0px; line-height: 47px; transform: rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform:rotate(45deg); } #mobile_menu_search { padding:20px; } #mobile_menu_search #search input[type=submit] { font-size: 14px; padding: 12px 15px; font-family: "FontAwesome"; color: #a1b1bc; position: absolute; right: 5px; top: 1px; background: rgba(0, 0, 0, 0)!important; } #mobile_menu_search #search input[type=text] { font-family: "Lato"; font-size: 14px; background: #191b26; border: 1px solid rgba(145, 157, 201, 0.14); line-height: 20px; color: #999999; padding: 9px 20px 9px 20px; border-radius: 5px; } /************************************************************************************ 2 Content *************************************************************************************/ .page_title_ctn { margin:0px 0 0 0; position:relative; clear:both; background-position:top center; padding:43px 0px; z-index:2; overflow:visible; background:#f9fafb; } .page_title_ctn h1 { font-weight:400; margin-bottom:0; font-size:24px; line-height:34px; color:#2c3e50; max-width: 420px; float:left; } .rd_child_pages { width:30px; height:30px; background:#fff; border-radius:4px; float:left; margin-top: 2px; margin-left:20px; position:relative; overflow:visible; border: 1px solid #a1b1bc; color: #a1b1bc; } .rd_child_pages:before { font-family:"elg"; content: "\61"; font-size: 21px; position: absolute; left: 3px; top: 4px; font-style: normal; font-weight: normal; line-height: 1; display:inline-block; } .child_icon_close:before { font-family:"elg" !important; content:"\4d" !important; font-size: 20px !important; position: absolute !important; left: 3px !important; top: 4px !important; } .child_pages_ctn { position:absolute; background:#fff; overflow: hidden; width:500px; top:50px; right:-30px; visibility:hidden; border-radius:5px; opacity:0; overflow:visible; transform: scale(0.8); /* CSS3 */ -moz-transform: scale(0.8); /* Firefox */ -webkit-transform: scale(0.8); /* Webkit */ -o-transform: scale(0.8); /* Opera */ -ms-transform: scale(0.8); /* IE 9 */ transition: all ease-in-out .2s; -webkit-transition: all ease-in-out .2s; -moz-transition: all ease-in-out .2s; -o-transition: all ease-in-out .2s; -moz-box-shadow: 0 0px 6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.15); box-shadow: 0 0px 6px rgba(0,0,0,0.15); } .child_pages_ctn:before { content:""; min-height:10px; min-width:10px; background:#fff; transform: rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform:rotate(-45deg); position:absolute; right:38px; top:-4px; -moz-box-shadow: 0 0px 6px rgba(0,0,0,0.15); -webkit-box-shadow: 0 0px 6px rgba(0,0,0,0.15); box-shadow: 0 0px 6px rgba(0,0,0,0.15); } .pop_child_pages { opacity:1!important; visibility:visible !important; transform: scale(1) !important; /* CSS3 */ -moz-transform: scale(1) !important; /* Firefox */ -webkit-transform: scale(1) !important; /* Webkit */ -o-transform: scale(1) !important; /* Opera */ -ms-transform: scale(1) !important; /* IE 9 */ } .child_pages_ctn li { position:relative; overflow:hidden; } .child_pages_ctn li:first-child { border-radius:5px 5px 0 0; } .child_pages_ctn li:last-child { border-radius:0 0 5px 5px; } .child_pages_ctn li:last-child a { border-bottom:none!important; } .child_pages_ctn a { display:block; text-align:left; padding: 7px 20px 7px; font-size: 13px; transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; } .page_t_center { text-align:center; } .page_t_left { text-align:left; } .page_t_right { text-align:right; } .page_t_boxed h1 { line-height:normal; font-weight: 400; margin-bottom: 0; font-size: 24px; color: #fff; text-transform:none; display: inline-block; width: auto; padding: 8px 15px!important; border: solid 2px #fff; border-color: rgba(255,255,255,.5); margin-top: 4px; } .page_t_large h1 { font-size:38px; line-height: 45px; } .page_t_boxed h2 { color: #fff; font-size: 16px; opacity:0.8; font-weight: 400; padding-top: 20px; line-height: 20px; } .page_t_large h2 { font-size:20px; padding-top:20px; line-height:32px; } #second_title { overflow: auto; border-bottom: 1px solid #EBEBEB; padding-top: 40px } .title_bb { width: auto; height: auto; min-height:60px; min-width:420px; float: left; padding: 0px; margin: 0px; } .page_title { display: block; font-size:22px; margin:11px 15px 0 0px; float:left; width:auto; color: #A0A0A0; display: block; font-weight: 300; line-height: normal; } .page_subtitle { color:#C5C5C5 !important; width:auto; font-size:12px; line-height:20px; margin-top:20.5px; font-weight:normal; } #breadcrumbs { position: absolute; right: 0px; top: 50%; margin-top:-13px; } .page_t_right #breadcrumbs { left:40px !important; right:auto!important; } #crumbs { font-size:14px; padding: 2px 0px 0; } .crumbs_delimiter { font-size:16px; padding:0 13px; font-family:"FontAwesome"; } .pnf_main_text { text-align: center; margin-top: 100px; position: relative; font-size:30px; line-height:36px; font-weight: normal; margin-bottom: 7px; } .pnf_sub_text { text-align: center; position: relative; font-size:18px; line-height:24px; font-weight: normal; margin-bottom:70px; } .pnf_img { margin: 0 auto; text-align: center; } .pnf_search .rd_search_sc { margin:83px auto 110px !important; } .pnf_search .rd_search_sc input[type=text] { padding:14px 20px; } .pnf_search .rd_search_sc #search input[type=submit] { right: 6px; top: 4px; } .search_results { border-bottom: 1px solid #ebebeb; margin-bottom: 60px; padding-bottom: 20px; } .search_results h1 { font-weight:normal; font-size:36px; } .search_results strong { font-weight:900; } .search_sf #search input[type=text] { padding: 19px 20px 19px 20px; } .search_sf .rd_search_sc #search input[type=submit] { top:0px; right:0; padding: 21px 31px; color: #fff !important; } /************************************************************************************ 3 Staff section *************************************************************************************/ .wrapper.staff_single_page { padding-top:100px; } .staff_profile { width: 48.75%; float: left; margin-bottom:100px; } .staff_generated_info { width: 48.75%; float: left; margin-left: 2.5%; margin-bottom:100px; } .staff_name_position { float: left; width: 55%; margin-bottom:14px; } .single_staff_name { font-size:36px; line-height:40px; font-weight:900; margin:-8px 0 7px 0; } .single_staff_position { font-size:14px; line-height:24px; font-weight:700; } .single_staff_social { float:right; width:45%; text-align:right; margin-bottom:14px; } .single_staff_social div { height:37px !important; width:37px !important; margin:0 0px 10px 10px !important; } .single_staff_social a { height:37px; width:37px; text-align:center; line-height:37px; display:block; color:#fff; border-radius: 5px; font-size: 17px; } .single_staff_desc { float:left; width:100%; clear:both; line-height: 24px; white-space: pre-line; } .single_staff_meta { float:left; width:100%; line-height:24px; margin-top: 26px; padding-top: 23px; } .staff_meta_first { float:left; width:20%; margin-bottom:6px; } .staff_meta_last { float:left; width:80%; margin-bottom:6px; } /* staff realated shortcodes */ #staff-position { margin-bottom:45px; } #staff-position.filter_center { text-align:center; } #staff-position #options li { float:left; letter-spacing:0px; margin:0 0px 0 0; padding:0px 10px 10px 0; } #staff-position #options a { display: inline-block; color: #2c3e50; padding: 9px 25px 10px; margin-bottom: 0; text-align: center; font-size: 14px; margin-top: 0px; outline: none; overflow: visible; cursor: pointer; -moz-user-select: none; -webkit-user-select: none; -khtml-user-select: none; user-select: none; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom: 0px!important; background: #f5f7f7; border: 1px solid #eaf0f0; border-radius: 3px; } .team-member { overflow:hidden; } .full-width-content .team-member .recent_port_ctn { padding-right:0!important; } .member-photo { position:relative; overflow:hidden; } .member-photo img { display: block; width:100%; height:auto; } .member-info { display: block; padding: 16px 15px 9px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .member-info h3 { margin: 0; margin-bottom:6px; font-size:18px; text-align:center; font-weight:700; } .member-info .position { display: block; margin-bottom: 15px; font-size:15px; text-align:center; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .member-info .member_desc { margin: 10px 0 0 0; padding: 20px 5px; } .member-info p { margin:0; padding:0; } .member-social-links { display: inline-block; margin:0 auto; height:20px; } .member-social-links span { display: block; float: left; margin-bottom:0px !important; margin-top:0px !important; } .member-social-links { width: 40px; overflow: hidden; text-align: center; height: 100%; background: rgba(44, 62, 80, 0.75); margin: 0; position: absolute; padding: 5px 0 0px 0; top: 0; } .member-social-links div { width:auto; float:none; text-align:left; display:inline-block; zoom:1; margin:0 auto; padding:0 0 0 0px; margin-top:20px; } .member-social-links div div { margin-right:5px !important; } .member-social-links a { height:28px; line-height:29px; font-size:17px; display:block; color:#fff!important; } /** Carousel style 01 **/ .rstaff_01 { position:relative; overflow:visible !important; } .rstaff_01 .staff_nav { position:static; } .rstaff_01:hover .staff_nav .staff_left, .rstaff_01:hover .staff_nav .staff_right { opacity:1; } .rstaff_01 .staff_nav .staff_left, .rstaff_01 .staff_nav .staff_right { opacity:0; height:50px; width:50px; line-height:50px; border-radius:0px; top:50%; margin-top:-25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_01 .staff_nav .staff_left { left:0px; } .rstaff_01 .staff_nav .staff_right { right:30px !important; } .rstaff_01 .staff_nav .staff_left:before { font-size:30px; content: "\23"; font-family: 'elg'; left: 10px; top: 1px; } .rstaff_01 .staff_nav .staff_right:before { font-size:30px; font-family: 'elg'; content: "\24"; left: 10px; top: 1px; } .rd_staff_posts.rstaff_01 .recent_port_ctn { margin:0; } .rstaff_01 .recent_port_ctn { padding:0; margin-right: 30px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_01 .team-member:hover .member-info { background:#fff; } .rstaff_01 .member-info { padding: 19px 29px 15px; } .rstaff_01 .member-info h3 { margin-bottom:6px; text-align:left; } .rstaff_01 .member-social-links { opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_01 .recent_port_ctn:hover .member-social-links { opacity:1; } .rstaff_01 .member-social-links a:hover { background:none!important; } .rstaff_01 .member-info .position { text-align:left; margin-bottom:0; } /** Carousel style 02 **/ .rstaff_02 { max-width:100%; position:relative; overflow:visible !important; } .rd_staff_posts_ctn.rstaff_02 { margin-left:0!important; } .rstaff_02 .staff_post { padding:0!important; } .rstaff_02 .staff_nav { position:static; } .rstaff_02:hover .staff_nav .staff_left, .rstaff_02:hover .staff_nav .staff_right { opacity:1; } .rstaff_02 .staff_nav .staff_left, .rstaff_02 .staff_nav .staff_right { opacity:1; height:50px; width:50px; line-height:50px; top:50%; opacity:0; margin-top:-25px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_02 .staff_nav .staff_left { left:0px; } .rstaff_02 .staff_nav .staff_right { right:0px !important; } .rstaff_02 .staff_nav .staff_left:before { font-size:30px; content: "\23"; font-family: 'elg'; left: 10px; top: 1px; } .rstaff_02 .staff_nav .staff_right:before { font-size:30px; font-family: 'elg'; content: "\24"; left: 10px; top: 1px; } .rstaff_02 .recent_port_ctn { padding:0; } .rstaff_02 .team-member:hover .bw-wrapper a:before { opacity:1; } .rstaff_02 .bw-wrapper a:before { content: "+"; font-family:"Lato"; color:#fff; font-size: 150px; width: 100%; height: 100%; position: absolute; top: 0; text-align: center; font-weight: 100; opacity:0; padding-top: 50%; margin-top: -45px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_02 .team-member:hover .bw-wrapper:after { background:#2c3e50 !important; } .rstaff_02 .bw-wrapper:after { content: ""; width: 12px; height: 12px; position: absolute; background: black; transform: rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform:rotate(45deg); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; bottom: -6px; left: 51px; } .rstaff_02 .team-member:hover .member-info { background:#2c3e50 !important; } .rstaff_02 .member-info { padding: 28px 29px 13px; } .rstaff_02 .team-member:hover .member-info h3 a { color:#fff !important; } .rstaff_02 .member-info h3 { margin-bottom:6px; text-align:left; } .rstaff_02 .team-member:hover .position { color:#a1b1bc; } .rstaff_02 .member-info .position { text-align:left; } /** Carousel style 03 **/ .rstaff_03 { max-width:100%; position:relative; overflow:visible !important; } .rd_staff_posts_ctn.rstaff_03 { margin-left:0!important; } .rstaff_03 .staff_post { padding:0!important; } .rstaff_03 .recent_port_ctn { padding: 10px 15px 25px; } .rstaff_03 .member-photo { overflow:visible; } .rstaff_03 .staff_nav { position:static; } .rstaff_03 .bw-wrapper a:before { width: 100%; height: 100%; content: ""; left: -2px; top: -2px; border: 2px solid rgba(0,0,0,0); position: absolute; border-radius: 400px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_03:hover .staff_nav .staff_left, .rstaff_03:hover .staff_nav .staff_right { opacity:1; } .rstaff_03 .staff_nav .staff_left, .rstaff_03 .staff_nav .staff_right { opacity:1; height:50px; width:50px; line-height:50px; border-radius:500px; top:50%; margin-top:-25px; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_03 .staff_nav .staff_left { left:0px; } .rstaff_03 .staff_nav .staff_right { right:0px !important; } .rstaff_03 .staff_nav .staff_left:before { font-size:30px; content: "\23"; font-family: 'elg'; left: 10px; top: 1px; } .rstaff_03 .staff_nav .staff_right:before { font-size:30px; font-family: 'elg'; content: "\24"; left: 10px; top: 1px; } .rstaff_03 .carousel_recent_post img { border-radius: 500px; padding:5px; } .rstaff_03 .member-info { background:none; display: block; padding: 32px 15px 0px; } /** Carousel style 04 **/ .staff_sc.rstaff_04 { width:100%; position:relative; overflow:visible !important; } .rstaff_04 .staff_nav { display:none; } .rstaff_04 .recent_port_ctn { padding:0 0 39px 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_04 .member-photo { position: relative; overflow: hidden; float: left; width: 125px; height: 125px; padding: 5px; margin-top: 2px; background:#20202c; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rstaff_04 .member-info { padding: 0px 0px 0px 143px; background:none; } .rstaff_04 .member-info .member_desc { margin:0; padding: 10px 0 0 0; } .rstaff_04 .member-info h3 { margin-bottom:6px; text-align:left; } .rstaff_04 .member-info .position { text-align:left; margin-bottom:0; } .rd_sc_pager a { float:left; display:block; margin: 0 6px 0 0; width: 10px; height: 10px; cursor:pointer; text-indent: -999em; } .rd_sc_pager { margin: 0px auto 0; text-align: left; overflow: visible; height: 10px; } /** Staff Posts **/ .rd_staff_posts_ctn .blog_load_more_cont { bottom: -50px; } .staff_post { width: 100%; } .blog_4_col .staff_post { padding: 0 0 30px 30px; float: left; width: 25%; } .blog_3_col .staff_post { padding: 0 0 30px 30px; float: left; width: 33.3345%; } .blog_2_col .staff_post { padding: 0 0 30px 30px; float: left; width: 50%; } /** Style 01 **/ .rd_staff_p01 .staff_post_ctn:hover .member-info { background:#2c3e50 !important; color:#a1b1bc !important; } .rd_staff_p01 .member-info { padding: 17px 19px 4px; position:relative; } .rd_staff_p01 .staff_post_ctn:hover .member-info h3 a { color:#fff !important; } .rd_staff_p01 .member-info h3 { margin-bottom:2px; text-align:left; } .rd_staff_p01 .member-info .position { text-align:left; } .rd_staff_p01 .member-social-links { width:auto; overflow: hidden; text-align: center; height: auto; margin: 0; padding:0; background:none; position: absolute; top: 23px; right: 15px; } .rd_staff_p01 .member-social-links div { width:25px !important; } .rd_staff_p01 .member-social-links a:hover { background:none!important; } .rd_staff_p01 .staff_post_ctn:hover .member_desc { background:#2c3e50 !important; color:#a1b1bc !important; } .rd_staff_p01 .member_desc { padding: 13px 19px 22px; line-height:24px; border-top: 1px solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p01 .staff_post_ctn:hover .bw-wrapper a:before { opacity:1; background:rgba(34,37,51,0.75); } .rd_staff_p01 .bw-wrapper a:before { content: "+"; font-family:"Lato"; color:#fff; font-size: 150px; width: 100%; height: 100%; position: absolute; top: 0; text-align: center; font-weight: 100; opacity:0; padding-top: 50%; margin-top: -15px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /** Style 02 **/ .rd_staff_p02 .staff_post_ctn { border:1px solid; } .rd_staff_p02 .staff_post_ctn:hover .member-info { background:#2c3e50 !important; color:#a1b1bc !important; border-color:#2c3e50 !important; } .rd_staff_p02 .member-info { padding: 16px 19px 14px; border-top:1px solid; position:relative; } .rd_staff_p02 .staff_post_ctn:hover .member-info h3 a { color:#fff !important; } .rd_staff_p02 .member-info h3 { text-align:left; } .rd_staff_p02 .member-info .position { text-align:left; margin-bottom:0; } .rd_staff_p02 .member-social-links { width:auto; overflow: hidden; text-align: center; height: auto; margin: 0; position:relative; padding:0; background:none; } .rd_staff_p02 .member-social-links a:hover { background:none!important; } .rd_staff_p02 .member_desc { padding: 10px 19px 4px; border-top: 1px solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p02 .staff_post_ctn:hover .bw-wrapper a:before { opacity:0.9; background:rgba(34,37,51,0.75); } .rd_staff_p02 .bw-wrapper a:before { content: "+"; font-family:"Lato"; color:#fff; font-size: 150px; width: 100%; height: 100%; position: absolute; top: 0; text-align: center; font-weight: 100; opacity:0; padding-top: 50%; margin-top: -15px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /** Style 03 **/ .rd_staff_p03 .staff_post_ctn { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p03 .bw-wrapper { width: 210px; margin: 0 auto; border: 6px solid; border-radius: 300px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p03 .bw-wrapper img { border-radius: 200px; } .rd_staff_p03 .member-photo { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p03 .member-info { padding: 35px 15px 0px; background:none; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p03 .staff_post_ctn:hover .member-photo { transform: scale(1.04); -moz-transform: scale(1.04); -webkit-transform: scale(1.04); -o-transform: scale(1.04); -ms-transform: scale(1.04); } .rd_staff_p03 .staff_post_ctn:hover .bw-wrapper a:before { opacity: 0.90; width: 172px; border-radius: 300px; height: 172px; position: absolute; top: 19px; line-height: 170px; left: 50%; margin-left: -86px; } .rd_staff_p03 .bw-wrapper a:before { content: "+"; font-family: "Lato"; color: #fff; font-size: 60px; width: 199px; border-radius: 300px; height: 199px; position: absolute; top: 5.5px; line-height: 198px; text-align: center; font-weight: 400; opacity: 0; padding:0; margin:0; margin-left: -100px; left: 50%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p03 .position { margin-bottom:none; } /** Style 04 **/ .rd_staff_p04 .member-photo { float:left; width:100px; height:100px; margin-top:14px; border-radius:400px; margin-left: 1px; border:2px solid #fff; } .rd_staff_p04 .member-info { float: right; width: calc( 100% - 104px ); text-align:left; padding: 12px 0px 0px 15px; margin-left: 1px; } .rd_staff_p04 .member-info h3, .rd_staff_p04 .member-info .position { text-align:left; } .rd_staff_p04 .member-info .position { margin-bottom: 8px; } .rd_staff_p04 .member-info .member_desc { padding:0; margin:0; background:none; line-height:24px; } /** Style 05 **/ .rd_staff_p05 .member-info { padding: 18px 19px 4px; position:relative; } .rd_staff_p05 .member-info h3 { margin-bottom:2px; text-transform:uppercase; font-weight:900; text-align:left; } .rd_staff_p05 .member-info .position { text-align:left; letter-spacing:1px; font-size:14px; margin-top:6px; } .rd_staff_p05 .member_desc { margin-top:16px; padding: 13px 0px 20px; line-height:24px; letter-spacing:1px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p05 .staff_button { display: block; text-align: center; font-size: 14px; font-weight: bold; letter-spacing:1.5px; text-transform: uppercase; border: 2px solid #2c3e50; color: #2c3e50; border-radius: 5px; margin-top: 17px; padding: 4px 10px 5px; } .rd_staff_p05 .staff_button:after { content: "\24"; font-family: elg; font-weight: 300; position: relative; top: 3px; font-size: 16px; padding-left: 6px; } /** Style 06 **/ .rd_staff_posts_ctn.type06 .staff_post { padding-bottom:68px; } .rd_staff_p06 .member-photo { float:left; width:140px; height:140px; margin-top:2px; padding:5px; background:#ebebeb; } .rd_staff_p06 .member-info { float: right; width: calc( 100% - 170px ); text-align:left; padding: 0px 0px 0px 0px; margin-left:0px; } .rd_staff_p06 .member-social-links { width:auto; overflow: hidden; text-align: center; height: auto; margin: 0; padding:0; background:none; position: absolute; top: 0px; right: 2px; } .rd_staff_p06 .member-social-links div { width:30px !important; border-radius:300px; margin-left:5px !important; } .rd_staff_p06 .member-social-links div a { width:30px; height:30px; line-height:30px; border-radius:300px; } .rd_staff_p06 .member-info h3, .rd_staff_p06 .member-info .position { text-align:left; } .rd_staff_p06 .member-info .position { margin-bottom: 13px; } .rd_staff_p06 .member-info .member_desc { padding:0; margin:0; background:none; line-height:24px; } /** Style 07 **/ .rd_staff_posts_ctn.type07.masonry_blog { margin:0 !important; } .rd_staff_posts_ctn.type07 .staff_post { padding:0; } .rd_staff_p07 .member-photo .bw-wrapper a { display:block; position:relative; } .rd_staff_p07 .member-photo .bw-wrapper a:after { position: absolute; width: 100%; height: 100%; background: rgba(26, 28, 39, 0.6); content: ""; display: block; top: 0; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p07 .staff_post_ctn:hover .member-photo .bw-wrapper a:after { opacity:1; } .rd_staff_p07 .member-info { position: absolute; bottom: -76px; width: 100%; text-align: center; background: none; color: #fff !important; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p07 .staff_post_ctn:hover .member-info { opacity:1; bottom:0; } .rd_staff_p07 .member-social-links { width:100%; overflow: hidden; text-align: center; height: auto; margin: 0; padding:0; background:none; position: absolute; top:inherit; bottom: 120px; opacity:0; right: 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p07 .staff_post_ctn:hover .member-social-links { opacity:1; bottom:90px; } .rd_staff_p07 .member-social-links div { width:42px !important; height: 42px!important; border-radius:300px; margin-left:5px !important; } .rd_staff_p07 .member-social-links div a { width:41px; height:41px; line-height:40px; border:1px solid #fff; border-radius:300px; } .rd_staff_p07 .member-info h3 { font-size:15px; text-transform:uppercase; font-weight:900; margin-bottom:0; } .rd_staff_p07 .member-info h3 a { color:#ffffff!important; } .rd_staff_p07 .member-info .position { margin-bottom: 13px; font-size:14px; } .rd_staff_p07 .member-info .member_desc { padding:0; margin:0; background:none; line-height:24px; } /** Style 08 **/ .rd_staff_p08 .member-photo .bw-wrapper a { display:block; position:relative; } .rd_staff_p08 .member-photo .bw-wrapper a:after { position: absolute; width: 100%; height: 100%; background: rgba(26, 28, 39, 0.6); content: ""; display: block; top: 0; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p08 .staff_post_ctn:hover .member-photo .bw-wrapper a:after { opacity:1; } .rd_staff_p08 .member-info { width: 100%; background: none; padding: 27px 0 0 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p08 .member-social-links { width:100%; overflow: hidden; text-align: center; height: auto; margin: 0 0 -20px 0; padding:0; background:none; position: absolute; top:inherit; bottom:30%; opacity:0; right: 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p08 .staff_post_ctn:hover .member-social-links { opacity:1; bottom:50%; } .rd_staff_p08 .member-social-links div { width:40px !important; height: 40px!important; border-radius:300px; margin-left:5px !important; } .rd_staff_p08 .member-social-links div a { width:40px; height:40px; line-height:40px; border-radius:300px; background-color: #fff; color: #222533!important; } .rd_staff_p08 .member-social-links div a:hover { color: #fff!important; } .rd_staff_p08 .member-info h3 { font-size:16px; text-transform:uppercase; font-weight:900; font-family:"Raleway"; letter-spacing:1.5px; margin-bottom:6px; text-align:left; } .rd_staff_p08 .member-info .position { margin-bottom: 12px; padding-bottom: 18px; font-size: 12px; font-family: "Playfair Display"; text-align: left; letter-spacing: 1px; border-bottom: 1px solid; } .rd_staff_p08 .member-info .member_desc { padding:0; margin:0; background:none; line-height:24px; } /** Style 09 **/ .rd_staff_posts_ctn.type09.masonry_ctn { margin:0 !important; } .rd_staff_posts_ctn.type09 .staff_post { padding:0; } .rd_staff_p09 .member-photo .bw-wrapper a { display:block; position:relative; } .rd_staff_p09 .member-photo .bw-wrapper a:after { position: absolute; width: 100%; height: 100%; content: ""; display: block; top: 0; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p09 .staff_post_ctn:hover .member-photo .bw-wrapper a:after { opacity:1; } .rd_staff_p09 .member-info { position: absolute; bottom: 0px; width: 100%; text-align: center; background: none; color: #fff !important; opacity: 1; background-color: rgba(0,0,0,0.2); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p09 .staff_post_ctn:hover .member-info { opacity: 1; bottom: 50%; margin-bottom: -68px; background: none; } .rd_staff_p09 .member-social-links { width:100%; overflow: hidden; text-align: center; height: auto; margin: 0; padding:0; background:none; position: absolute; top:inherit; top:0; margin-top: -50px; opacity:0; right: 0px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_staff_p09 .staff_post_ctn:hover .member-social-links { opacity:1; top:50%; } .rd_staff_p09 .member-social-links div { width:40px !important; height: 40px!important; border-radius:300px; margin-left:5px !important; } .rd_staff_p09 .member-social-links div a { width:40px; height:40px; line-height:40px; border-radius:300px; background-color: #fff; color: #222533!important; } .rd_staff_p09 .member-social-links div a:hover { color: #fff!important; } .rd_staff_p09 .member-info h3 { font-size:14px; text-transform:uppercase; font-weight:900; font-family:"Raleway"; letter-spacing:1.5px; margin-bottom:0; } .rd_staff_p09 .member-info h3 a { color:#ffffff!important; } .rd_staff_p09 .member-info .position { margin:4px 0 8px; font-size:13px; font-family:"Playfair display"; letter-spacing:1px; } .rd_staff_p09 .member-info .member_desc { padding:0; margin:0; background:none; line-height:24px; } /************************************************************************************ 4 Blog *************************************************************************************/ #posts { width:850px; max-width:850px; padding:100px 0px 100px 0; } #fw_c.fw_single_post { margin-bottom:100px; } .sep_25 { padding-bottom:26px; } #posts .blog_4_col .sep_25 { padding-bottom:17px; } #posts .blog_3_col .sep_25, .blog_4_col .sep_25 { padding-bottom:19px; } .post_single .sep_25 { padding-bottom:41px; } .left_posts { float:left; } .right_posts { float:right; } .blog_box { width:auto; overflow:hidden; position:relative; } .blog_box img { margin:0 0 10px 0; } .blog_box_content { margin-top:10px; width:auto; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .more { display:table; width:auto; padding:7px 12px; float:left; margin:7px 0 0px 0px; font-size:14px; text-transform:uppercase; font-weight:900; text-shadow:none; letter-spacing:1px; border-radius: 3px; } .single_post_navigation { float: left; clear: both; width: 100%; padding-bottom: 20px; margin-bottom: 20px; } .single_post_navigation_bottom { float: left; clear: both; width: 100%; padding-top: 20px; margin-top: 70px; } .single_post_navigation .next_project, .single_post_navigation .previous_project,.single_post_navigation_bottom .next_project, .single_post_navigation_bottom .previous_project { float: right; font-weight: 900; text-align: center; font-size: 14px; min-width: 130px; border-radius: 3px; } .single_post_navigation .previous_project,.single_post_navigation_bottom .previous_project { letter-spacing: 1px; text-transform: uppercase; padding: 9px 17px; float:left; } .single_post_navigation .next_project,.single_post_navigation_bottom .next_project { letter-spacing: 1px; text-transform: uppercase; padding: 9px 17px; margin-left: 20px; } .single_post_navigation .previous_project:before,.single_port_navigation .previous_project:before,.single_post_navigation_bottom .previous_project:before { font-family: 'FontAwesome'; content: '\f053'; padding-right: 10px; } .single_post_navigation .next_project:after,.single_port_navigation .next_project:after,.single_post_navigation_bottom .next_project:after { font-family: 'FontAwesome'; content: '\f054'; padding-left: 10px; } .post { margin:0 auto 0px auto; padding:0px; overflow:auto; padding:0 0 60px 0; float:left; } #posts .post { overflow:visible; padding:0 0 60px 0; float:left; width: 100%; max-width:100%; } #fw_c .post { max-width:100%; } .post .love-it-wrapper { float:none; display:inline-block; padding:0; } .post .zilla-likes, .info_like .zilla-likes { margin:0; } .post_ctn { padding:0px; } .post_single { padding-bottom:0!important; } .audio_ctn { padding:30px 30px!important; display:table; max-width: 100%; width: 100%; } .grid_blog_post .audio_ctn { position:absolute; width: 100%; bottom: 0; } #posts .grid_blog_post.blog_3_col .audio_ctn { padding:20px!important; } .masonry_post_wrapper .audio_ctn { padding: 30px 4px !important; } .masonry_post_wrapper .mejs-duration-container, .mejs-offscreen { display: none !important; } #posts .ajax_post.blog_4_col .audio_ctn { padding:12px 5px!important; } .post-attachement { overflow:hidden; position:relative; width:100%; margin:0 0 0px 0; } .post-attachement a { display:block; width:100%; } .post-attachement a.blog_img_overlay:before { position: absolute; width: 100%; height: 100%; content: ""; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .post-attachement a.blog_img_overlay:hover:before { opacity:0.7; } .post-attachement a img { width:100%; display:block; } a.post-att-zoom { opacity:0; position: absolute !important; width: 56px; height: 55px; top: 0; right: 0; line-height: 54px; color: #fff!important; font-size: 16px; text-align: center; transform: scale(0.8); -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .post-attachement:hover a.post-att-zoom { opacity:1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); } .post_att_s { overflow:hidden; position:relative; width:100%; margin:0; } .post_quote_ctn { display:table; width:100%; } .post_quote_text { font-size:30px; padding:31px 30px 28px; line-height: 40px; position:relative; } #posts .grid_blog_post.blog_2_col .post_quote_text { min-height: 259px; max-height:259px; overflow:auto; } #posts .grid_blog_post.blog_3_col .post_quote_text { min-height: 154px; max-height:154px; overflow:auto; font-size: 17px; line-height: 24px; padding-bottom: 27px; } #posts .grid_blog_post.blog_4_col .post_quote_text { min-height: 143px; max-height:143px; overflow:auto; font-size: 14px; line-height: 24px; padding: 24px 24px 23px; } #fw_c .grid_blog_post.blog_4_col .post_quote_text { min-height: 154px; max-height: 154px; overflow: auto; font-size: 18px; line-height: 26px; padding: 24px 24px 23px; } #fw_c .grid_blog_post.blog_3_col .post_quote_text { min-height: 227px; max-height:227px; } #fw_c .grid_blog_post.blog_2_col .post_quote_text { font-size: 35px; padding: 60px 30px 60px; line-height: 50px; position: relative; min-height: 371px; } .post_quote_icon { position:absolute; right:20px; bottom:10px; font-family: "fontawesome"; } .post_timeline .post_quote_icon, .post_masonry .post_quote_icon { position: absolute; right: 19px; bottom: 14px; font-weight: normal !important; font-size: 30px; font-family: "fontawesome"; } .post_timeline .post_quote_text, .post_masonry .post_quote_text { font-size:24px; padding: 8px 20px 12px; line-height: 40px; } .post_quote_author { font-size: 14px; padding: 9px 30px 12px; margin-top: 1px; } #posts .grid_blog_post.blog_4_col .post_quote_author { display:none; } .post_timeline .post_quote_author, .post_masonry .post_quote_author { font-size: 14px; padding: 5px 20px 12px; } .entry { margin:25px 0px 0px 0px; width:100%; clear:both; line-height:24px; } .post-title { color:#161616; width:100%; padding:0px 0 0px 0px; position:relative; text-shadow:none; } .sticky_post .post-title:after { position: absolute; content: "\f005"; height: 20px; width: 40px; top: 8px; left: -30px; font-size: 20px; font-family: FontAwesome; color: #F8CB2A; font-weight: normal; } .post-title h2 { font-weight:700; line-height: 30px; font-size:30px; } .post_single .post-title h2 { font-weight:900; line-height: 36px; font-size:36px; } .blog_related_post .post-title h2 { font-weight:700; line-height: 24px; font-size:24px; } .blog_4_col .post-title h2 { line-height:22px; font-size:18px; } #posts .blog_4_col .post-title h2 { line-height:18px; font-size:18px; } .blog_3_col .post-title h2 { line-height:27px; font-size:24px; } #posts .blog_3_col .post-title h2, #posts .post_timeline .post-title h2 { line-height:24px; font-size:24px; } #posts .grid_blog_post.blog_3_col .post-title h2 { line-height:20px; font-size:18px; } #posts .search_masonry .blog_3_col .post-title h2 { line-height:24px; font-size:18px; } .post-date-ctn { width:55px; height:55px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-color:#3F6; color:#fff; font-size:18px; font-weight:bold; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.20); float:left; } .post-bottom-info { width:100%; overflow:visible; white-space:pre-wrap; font-size:13px; margin-top:20px; float:left; padding-top: 14px; } .info_comment { float:left; display:inline-block; } .info_comment:before { content:"\f0e6"; font-family:"FontAwesome"; padding-right: 10px; font-size: 14px; } .info_time { float:left; display:inline-block; } .info_time:before { content:"\f073"; font-family:"FontAwesome"; padding-right: 10px; font-size: 14px; } .info_like { float:left; display:inline-block; } .post-info { width:100%; height:auto; overflow:visible; float:left; font-size:13px; padding-bottom: 18px; margin: 11px 0px 14px 0px; white-space: pre-wrap; } .post_single .post-info { padding-bottom: 28px; margin: 17px 0px 24px 0px; } .post-user { width:auto; float:left; margin:0px 0 5px 4px; padding: 0px 10px 5px 10px; font-size: 10px; } .post-user:before { font-family:'FontAwesome'; font-size:13px; content:'\f007'; padding:0px 1px 0px 0px; color:#444; } .post-date { font-size: 11px; clear: both; width: 100%; display: inline-block; } .post-cat { width:auto; float:left; padding: 0px 10px 5px 10px; font-size: 10px; } .post-cat:before { font-family:'FontAwesome'; font-size:13px; content:'\f07c'; padding:0px 1px 0px 0px; color:#676767; } .post-tag { width:auto; float:left; padding: 0px 10px 5px 10px; font-size: 10px; } .post-tag:before { font-family:'FontAwesome'; font-size:13px; content:'\f02c'; padding:0px 1px 0px 0px; color:#676767; } .post-com { width:auto; float:left; padding: 0px 10px 5px 10px; font-size: 10px; } .post-com:before { font-family:'FontAwesome'; font-size:13px; content:'\f086'; padding:0px 1px 0px 0px; color:#676767; } .post-share { width:auto; float:left; padding: 0px 10px 5px 10px; font-size: 10px; cursor:pointer; } .post-share:before { font-family:'FontAwesome'; font-size:13px; content:'\f045'; padding:0px 1px 0px 0px; color:#676767; } .single-post-info .post-user, .single-post-info .post-date, .single-post-info .post-cat, .single-post-info .post-tag, .single-post-info .post-com { font-size:12px; } .single-post-info .post-user:before, .single-post-info .post-date:before, .single-post-info .post-cat:before, .single-post-info .post-tag:before, .single-post-info .post-com:before { font-size:15px; } .post-password-form input[type=password]{ width: 150px; margin-left: 10px; margin-top: 0px; } .post-password-form input[type=submit]{ position: relative; top: 1px; left: -2px; } .tags_container { float: left; width: 100%; line-height: 50px; margin-top: 33px; } .tags_icon { width: 50px; height: 50px; float: left; background: #2c3e50; text-align: center; font-size: 16px; } .tags_icon:before { content: "\f02b"; font-family:"FontAwesome"; text-align:center; margin-top: 1px; display: block; } .single_post_tags { border: 1px solid #ebebeb; line-height: 48px; font-size:14px; font-style:italic; padding-left:70px; } .share_icons_container { margin-top:10px; float: left; width: 100%; height: 50px; line-height: 50px; } .shareicons_icon { width: 50px; height: 50px; float: left; background: #21c2f8; text-align: center; font-size: 16px; } .shareicons_icon:before { content: "\f1e0"; font-family:"FontAwesome"; text-align:center; margin-top: 1px; display: block; } .single_post_share_icon { border: 1px solid #ebebeb; border-left: none!important; line-height: 48px; font-size:14px; padding-left:60px; } .single_post_share_icon .share-box { float: none; height: 48px!important; text-align:left; } .single_post_share_icon .share-box ul { margin-top:10px; } .single_post_share_icon .share-box li a { font-size: 17px; } .single_post_share_icon .share-box li a:hover { background:none!important; } #author-bio { width: 100%; float: left; margin-top: 50px; padding: 27px; box-shadow:0 0px 0px #ffffff, 0 4px 0 -1px #ffffff, 0 0px 0px 0px #ffffff, 0 0px 0px #ffffff, 0 4px 0 0px #ecf0f1, 0px 0px 0px 0px #ffffff; } #author-bio img { float:left; border:3px solid #ffffff; border-radius:5px; box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); } #author-info { padding-left:130px; } #author-info h3 { font-size:18px; } #author-info p { margin-bottom:5px; } .author_posts_link { font-style:italic; } .grid_blog_post .more { width: auto; text-shadow: none; margin-top: 24px; display: table; font-weight: 900; font-size: 16px; text-transform: uppercase; padding:12px 20px; border-radius:3px; letter-spacing: 1px; } .more-link { width: auto; text-shadow: none; margin-top: 24px; display: table; font-weight: 900; font-size: 16px; text-transform: uppercase; padding:12px 20px; border-radius:3px; letter-spacing: 1px; } .post_masonry .more-link { display: table; width: auto; padding: 7px 12px; margin: 20px 0 0px 0px; font-size: 14px; text-transform: uppercase; font-weight: 900; text-shadow: none; letter-spacing: 1px; border-radius: 3px; } .blog_related_post .more-link { font-size: 14px; padding: 8px 15px; } #posts .blog_4_col .more-link, #posts .blog_4_col .more { font-size: 14px; padding:7px 12px; } #posts .blog_3_col .more-link, #posts .blog_3_col .more { font-size: 14px; padding:7px 12px; } .single_post_related_carousel { margin-top:72px; float: left; width: 100%; } .single_related { font-size: 30px; display:inline-block; font-weight:normal; } .single_post_related_carousel .rp_sc { margin-top:26px; } .masonry_ctn { padding-bottom: 0px; margin-bottom: 40px; } .ajax_blog { padding-bottom:50px; } .masonry_ctn.grid_post, .masonry_ctn.blog_masonry { margin-left:-30px; } #posts .masonry_ctn.grid_post, #posts .masonry_ctn.blog_masonry { margin-left:-20px; } .ajax_post { width: 100%; } .ajax_post .wpb_column { padding:0 !important; margin:0 !important; min-height: 0!important; } .rd_portfolio_landscape, .columns4 .rd_portfolio_landscape { width:50%!important; } .rd_portfolio_portrait, .columns4 .rd_portfolio_portrait { width:25%!important; } .rd_portfolio_small_squared, .columns4 .rd_portfolio_small_squared { width:25%!important; } .rd_portfolio_squared, .columns4 .rd_portfolio_squared { width:50%!important; } .columns5 .rd_portfolio_landscape { width:40%!important; } .columns5 .rd_portfolio_portrait { width:20%!important; } .columns5 .rd_portfolio_small_squared { width:20%!important; } .columns5 .rd_portfolio_squared { width:40%!important; } .columns6 .rd_portfolio_landscape { width:33.3%!important; } .columns6 .rd_portfolio_portrait { width:16.65%!important; } .columns6 .rd_portfolio_small_squared { width:16.65%!important; } .columns6 .rd_portfolio_squared { width:33.3%!important; } .ajax_post.blog_4_col { padding: 0 0 40px 30px; float: left; width: 25%; } .blog_masonry .ajax_post.blog_4_col { padding: 0 0 40px 30px; float: left; width: 25%; } #posts .ajax_post.blog_4_col { padding: 0 0 30px 20px; float: left; width: 25%; } .blog_masonry .ajax_post.blog_3_col { padding: 0 0 40px 30px; float: left; width: 33.3345%; } .ajax_post.blog_3_col { padding: 0 0 60px 30px; float: left; width: 33.3335%; } #posts .ajax_post.blog_3_col { padding: 0 0 30px 20px; float: left; width: 33.3345%; } .blog_masonry .ajax_post.blog_2_col { padding: 0 0 40px 30px; float: left; width: 50%; } .ajax_post.blog_2_col { padding: 0 0 60px 30px; float: left; width: 50%; } #posts .ajax_post.blog_2_col { padding: 0 0 30px 20px; float: left; width: 50%; } .rd_staff_posts_ctn.blog_5_col .staff_post { float:left; width:20%; } .blog_timeline { margin-left:-230px; } .post_masonry { float: left; margin-bottom:0px; margin-left:0px; display:block; height:auto; } .post_timeline { width: 470px; float: left; margin-left:230px; margin-bottom:110px; display:block; height:auto; } .post_masonry .post-attachement, .post_timeline .post-attachement { padding-bottom:0; display:block; } .masonry_post_wrapper { padding: 20px 20px 14px 20px; overflow: auto; box-shadow:0 0px 0px #ffffff, 0 10px 0 -1px #ffffff, 0 0px 0px 0px #ffffff, 0 0px 0px #ffffff, 0 10px 0 0px #ecf0f1, 0px 0px 0px 0px #ffffff; } .full-width-content .masonry_ctn.blog_masonry { margin-left:-15px; } .full-width-content .masonry_ctn .post_masonry { padding: 0 0 15px 15px !important; } .full-width-content .masonry_ctn .post_masonry .masonry_post_wrapper { padding:0 0 15px 0!important; -webkit-box-shadow: 0 0 7px rgba(0,0,0,.15); -moz-box-shadow: 0 0 7px rgba(0,0,0,.15); box-shadow: 0 0 7px rgba(0,0,0,.15); } .full-width-content .masonry_ctn .post_masonry .masonry_post_wrapper .sep_25 { padding-bottom:0px; } .full-width-content .masonry_ctn .post_masonry .masonry_post_wrapper .post-title { padding-top:20px; } .full-width-content .masonry_ctn .post_masonry .masonry_post_wrapper .post-title, .full-width-content .masonry_ctn .post_masonry .masonry_post_wrapper .entry { padding-left:20px; padding-right:20px; } .full-width-content .masonry_ctn .post_masonry .masonry_post_wrapper .post-info, .full-width-content .masonry_ctn .post_masonry .masonry_post_wrapper .post-bottom-info { margin-left:20px; margin-right:20px; width:calc(100% - 40px); } #posts .post_timeline .sep_25 { padding-bottom:20px; } #posts .post_timeline { width:315px; margin-left:220px; } #posts .blog_timeline { margin-left:-220px; } .post_masonry .post-title h4, .post_masonry .post-title, .post_timeline .post-title h4, .post_timeline .post-title { border:none !important; width:auto!important; } .post_masonry .post-info, .post_timeline .post-info { position:inherit!important; } #fw_c .post_timeline .flexslider img, #fw_c .post_timeline .flexslider img { max-width:100% !important; } .post_masonry .post-com, .post_timeline .post-com { position:absolute; right:25px !important; bottom:25px !important; } .post_masonry .more, .post_timeline .more { float:none; margin-top:20px; } #posts div.post_timeline:before { left:-117.5px; } div.post_timeline:before { background: none 0px 0px repeat scroll #ffffff; border: 1px solid #1ab1ac; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-radius: 100%; content: ''; height: 12px; width: 12px; position: absolute; left: -122.5px; top: 130px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; box-shadow: 0 0 0 3px white; } #posts div.post_timeline:after { right:-116.5px; } div.post_timeline:after { background: none 0px 0px repeat scroll #ffffff; border: 1px solid #1ab1ac; border-image-source: initial; border-image-slice: initial; border-image-width: initial; border-image-outset: initial; border-image-repeat: initial; border-radius: 100%; content: ''; height: 12px; width: 12px; position: absolute; right: -122px; top: 80px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; box-shadow: 0 0 0 3px white; } .timeline_ctn { overflow:hidden; padding-bottom: 100px; margin-bottom: 80px; position: relative; } .timeline_month { position:absolute; font-size:18px; font-weight:bold; background: #ebebeb; padding: 18px 45px 13px; } .month_left { left:-200px; } .month_right { right:-200px; } .timeline_ctn .v_line { background: none repeat scroll 0 0 #ebebeb; height: 100%; left: 50%; position: absolute; width: 5px; margin-left:-2.5px; } .post_timeline .arrow_r { width: 0; height: 0; position: absolute; right: -50px; top: 77px; z-index: 11; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .post_timeline .arrow_r:after { content:'\f061'; font-family:"FontAwesome"; font-size:16px; } .post_timeline .arrow_l { width: 0; height: 0; left: -63px; position: absolute; top: 127px; z-index: 11; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .post_timeline .arrow_l:before { content:'\f060'; font-family:"FontAwesome"; font-size:16px; } .post_timeline:hover .arrow_l { left:-93px; } .post_timeline:hover .arrow_r { right:-78px; } .timeline_pd_r { position: absolute; display: block; background: #2c3e50; right: -208px; width: 65px; text-align: center; padding: 5px 0 6px; top: 73px; font-size: 14px; color: #fff; border-radius:2px; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .timeline_pd_r:before { border-color: transparent #2c3e50 transparent; border-style: solid solid solid none; border-width: 5px 5px 5px medium; content: ""; height: 0; left: -4px; margin-top: 10px; position: absolute; top: 0; width: 0; } .timeline_pd_l { position: absolute; display: block; background: #2c3e50; left: -208px; width: 65px; text-align: center; padding: 5px 0 6px; top: 123px; font-size: 14px; color: #fff; border-radius:2px; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .timeline_pd_l:before { border-color: transparent #2c3e50 transparent; border-style: solid none solid solid; border-width: 5px medium 5px 5px; content: ""; height: 0; right: -4px; margin-top: 10px; position: absolute; top: 0; width: 0; } .post_timeline:hover .timeline_pd_l, .post_timeline:hover .timeline_pd_r { opacity:1; } #posts .post_timeline.isotope-item:before { left:-78px; } #posts .post_timeline.isotope-item:after { right:-79px; } #posts .post_timeline .post-info .post-tag { display:none; } .blog_load_more_cont { position: absolute; left: 50%; margin-left: -130px; bottom: 0px; width: 260px; text-align: center; } .masonry_ctn.grid_post .blog_load_more_cont, .masonry_ctn.blog_masonry .blog_load_more_cont, .masonry_ctn.rd_staff_posts_ctn .blog_load_more_cont, .masonry_ctn.blog_2_col .blog_load_more_cont, .masonry_ctn.blog_3_col .blog_load_more_cont, .masonry_ctn.blog_4_col .blog_load_more_cont { margin-left:-115px; } .blog_load_more_cont a { position:relative; z-index:2; padding: 16px 20px 16px 20px; text-decoration: none; display: inline-block; position: relative; text-align: center; max-width: 100%; font-weight: 900; font-size: 16px; text-transform: uppercase; vertical-align: middle; border-radius: 3px; letter-spacing: 1px; } .refresh_icn { font-family:"FontAwesome"; z-index:1; margin-right:15px; } .icon-refresh { top:17px; } .multi_author_post { padding-bottom: 0 !important; margin-bottom: 10px; } .author_date_ctn { position:absolute; top:0; left:0; height:100%; } .right_posts .author_date_ctn { left:auto; right:0; } .author_date_ctn img { padding: 8px; width: 120px; border-radius: 200px; position:relative; left: 0; top: 0; background: #fff; } .author_date_ctn .rounded_date_ctn { text-align: center; width: 76px; height: 76px; border-radius: 100px; border: 3px solid #fff; position: absolute; left: 50%; margin-left: -38px; top: 76px; } .author_date_ctn .author_date_d { font-size: 21px; font-weight: 300; width: 40px; padding: 0 0 5px 0; margin: 14px auto 2px; border-bottom: 1px solid; } .author_date_ctn .author_date_m { font-size:14px; font-weight:700; text-transform:uppercase; } .author_date_ctn:before { content: ""; position: absolute; width: 3px; background: red; height: calc(100% - 162px); top: 162px; left: 50%; border-radius: 100px; } .multi_author_ctn { margin-left: 170px; padding: 19px 19px 13px; border: 1px solid #ebebeb; z-index: 1; position: relative; margin-bottom: 30px; } .right_posts .multi_author_ctn { margin-left:0; margin-right:170px; } .multi_author_ctn:after { position: absolute; content: ""; width: calc(100% - 10px ); height: 9px; border: 1px solid #ebebeb; z-index: 0; background: #fff; left: 9px; bottom: -11px; } .multi_author_ctn .sep_25 { padding-bottom:15px; } .multi_author_ctn .post-title h2 { font-size:24px; line-height:24px; } .multi_author_ctn .post-info { margin:12px 0 13px 0; } .post.multi_author_post .more-link { color: #2c3e50; border: none; text-transform: none; letter-spacing: normal; font-size: 14px; padding: 11px 0 0 0; margin: 0; font-weight:700; line-height: 14px; } .post.multi_author_post .more-link:before { content: "\f105"; font-family: "FontAwesome"; padding-right: 7px; } .blog_load_more_cont.multi_author_load { position: absolute; left: 42px; margin-left: 0px; bottom: 25px; width: 39px; height: auto; border-radius: 300px; text-align: center; } .right_posts .blog_load_more_cont.multi_author_load { left: auto; right: 39px; } .blog_load_more_cont.multi_author_load a { border-radius: 400px; width: 39px; height: 39px; padding: 0; margin: 0; } .blog_load_more_cont.multi_author_load .refresh_icn { top: 10px; font-size: 20px; left: 11px; margin-right:0; line-height:normal; position:absolute; } .blog_load_more_cont.multi_author_load .refresh_icn.fa-refresh { line-height:normal; font-size:16px; position:absolute; margin-right:0; } /** standard trending **/ .masonry_ctn.standard_trending { max-width:770px; } #fw_c .masonry_ctn.standard_trending { margin-left:auto; margin-right:auto; } .standard_trend_post_wrapper .post-info { float:none; font-family: "Playfair display"; font-size: 14px; padding:45px 70px 16px; border: none!important; letter-spacing:1px; margin:0; } .standard_trend_post_wrapper .post-title { padding:0 70px; } .standard_trend_post_wrapper .post-title h2{ font-weight: 900; line-height: 30px; font-size: 30px; letter-spacing:1.5px; font-family: "Raleway"; text-transform:uppercase; position:relative; } .standard_trend_post_wrapper .post-title h2:after { position: absolute; content: ""; border-bottom: 2px solid; width: 50px; left: 0; bottom: -17px; } .standard_trend_post_wrapper .entry { padding:0 70px; margin: 30px 0px 0px 0px; } .standard_trend_post_wrapper .more { float:none; border-radius:0; font-family: "Raleway"; text-transform:uppercase; letter-spacing:1.5px; font-size: 14px; margin: 25px 0 0px 0px; padding: 14px 21px 12px; } .standard_trend_post_wrapper .post-info-bottom{ width: 100%; margin-top: 50px; padding: 26px 70px 24px; } .standard_trend_post_wrapper .zilla-likes { float:right; } /** grid trending **/ .trending_post_wrapper{ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .trending_post_wrapper:hover { -webkit-box-shadow: 0 0 15px 0px rgba(0,0,0,0.15);; -moz-box-shadow: 0 0 15px 0px rgba(0,0,0,0.15);; box-shadow: 0 0 15px 0px rgba(0,0,0,0.15);; } .trending_post_wrapper .more { font-size:14px; text-transform:none; font-weight:bold; float:none; padding:7px 0; } .trending_post_wrapper .post_ctn { padding: 0 30px 5px; } .trending_post_wrapper .post-title h2 { font-family:"Raleway"; font-size:16px!important; font-weight:900; line-height:24px; text-transform:uppercase; letter-spacing:1.5px; } .post .trending_post_wrapper .post-info { border:none!important; font-family:"Playfair display"; font-size:12px!important; letter-spacing:1px; margin: 3px 0px 2px 0px; } .ajax_post.grid_trend_blog_post { padding-bottom:30px !important; } .trend_loadmore{ padding-bottom:100px!important; } .trend_loadmore .blog_load_more_cont a{ font-family:"Raleway"; font-weight:800; letter-spacing:1px; font-size:14px; padding: 21px 50px 18px 50px; border-radius:0; } /*** blog, portfolio navigation ***/ #pbd-alp-load-posts { padding:20px 0; margin-left:30px; } #pbd-alp-load-posts a { padding:10px 15px 10px 30px; background-color:#fafafa; position:relative; border:1px solid rgba(0, 0, 0, 0.1); } .navigation { padding:0px 0px 40px 0px; width:100%; margin-top: 35px; font-weight:normal; } .masonry_ctn .navigation { position:absolute; bottom:0; } .pagination { clear:both; padding:17px 0; position:relative; font-size:11px; line-height:13px; overflow:auto; float:left; } .pagination span, .pagination a { display: inline-block; *display: inline; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:15px; font-weight:400; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; border:1px solid #ebebeb; text-shadow:none; float:left; margin: 2px 4px 2px 0; padding:8px 0px 7px 0px; width:auto; min-width: 30px; max-width:30px; border-radius:5px; } .pagination a:hover { color:#676767 !important; background: #fcfcfc; } .pagination .current { background: #fcfcfc; } .pagination a.active, .pagination a:active { background-color: #fcfcfc; background-image: none; color:#676767 !important; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .navigation_prev:before { font-family:"FontAwesome"; font-size:15px; content:"\f104 " } .navigation_first:before { font-family:"FontAwesome"; font-size:15px; content:"\f100" } .navigation_next:before { font-family:"FontAwesome"; font-size:15px; content:"\f105" } .navigation_last:before { font-family:"FontAwesome"; font-size:15px; content:"\f101" } .pagination_current_position { float:right; margin-top: 24px; font-size:14px; } /********* Share Icons ********/ .share-box { width:100%; text-align:center; height:70px; padding:0 0 30px 0; float:left; } .share-box ul { width:auto; float:none; list-style:none; text-align:left; display:inline-block; zoom:1; margin:0 auto; padding:0 0 0 0px; margin-top:20px; } .share-box li { float:left; list-style:none; margin:0; padding:0; margin-right:0px!important; position:relative; border-left:none!important; width:34px!important; height:34px!important; } .share-box li a { line-height:34px; display:block !important; font-size:12px; } .share-box li.facebook a { width:27px!important; background:url(images/share_icons/facebook.png) no-repeat; background-position:0px 0px; background-size: 27px; min-height:29px; min-width:27px; } .share-box li.twitter a { width:28px!important; background:url(images/share_icons/twitter.png) no-repeat; background-position:0px 0px; background-size: 28px; min-height:28px; min-width:28px; } .share-box li.linkedin a { width:28px!important; background:url(images/share_icons/linkedin.png) no-repeat; background-position:0px 0px; background-size: 28px; min-height:28px; min-width:28px; } .share-box li.reddit a { width:28px!important; background:url(images/share_icons/reddit.png) no-repeat; background-position:0px 0px; background-size: 28px; min-height:28px; min-width:28px; } .share-box li.tumblr a { width:28px!important; background:url(images/share_icons/tumblr.png) no-repeat; background-position:0px 0px; background-size: 28px; min-height:28px; min-width:28px; } .share-box li.google a { width:28px!important; background:url(images/share_icons/g+.png) no-repeat; background-position:0px 0px; background-size: 28px; min-height:28px; min-width:28px; } .share-box li.email a { width:28px; background:url(images/share_icons/mail.png) no-repeat; background-position:0px 0px; background-size: 28px; min-height:28px; min-width:28px; } /******* Blog slider shortcodes *******/ .slide_post { position:relative; float:left; } .slide_post img { display:block; } .slide_post_info { position: absolute; top: 0; height: 100%; width: 50%; background: rgba(44, 62, 80, 0.9); padding: 21px 30px 30px; } .rd_alt_slide .slide_post_info { position: absolute; bottom: 0; top: inherit; height: 170px; width: 100%; background: rgba(44, 62, 80, 0.8); padding: 21px 30px 30px; } .rd_squared_slide .slide_post_info { position: absolute; bottom: 0; top: inherit; height: 80px; width: 100%; background: rgba(34, 37, 51, 0.9); padding: 19px 20px 10px; } .slide_post h2 { font-size: 24px; margin-bottom: 5px; } .rd_alt_slide .slide_post h2 { font-size: 20px; margin-bottom: 10px; } .rd_squared_slide .slide_post h2 { font-size: 14px; margin-bottom: 5px; line-height: 20px; text-transform: uppercase; font-weight: 900; letter-spacing: 1px; } .slide_post h2 a { color:#fff; } .sp_date { font-size:15px; color:#fff; padding: 2px 0 5px 0; } .rd_alt_slide .sp_date { display:none; } .rd_squared_slide .sp_date { font-size:12px; text-transform:uppercase; } .rd_alt_slide .rp_nav { position: absolute; width: 100%; z-index: 100; top: 20px; left:0px; } .rd_squared_slide .rp_nav { position: absolute; right: 0; bottom: 0; width: 160px; } .sp_left, .sp_right { border:1px solid #fff; width:30px; height:30px; float:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .sp_right { margin-left:5px; } .rd_alt_slide .rp_nav .sp_left { position:absolute; right:70px; } .rd_alt_slide .rp_nav .sp_right { position:absolute; right:35px; } .sp_left:before { font-family: 'FontAwesome'; content: '\f104'; padding-left: 11px; line-height: 28px; color: #fff; } .sp_right:before { font-family: 'FontAwesome'; content: '\f105'; padding-left: 12px; line-height: 28px; color: #fff; } .rd_squared_slide .sp_left, .rd_squared_slide .sp_right { border:none; width: 80px; height: 80px; text-align: center; font-size: 23px; float: left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin:0; } .rd_squared_slide .sp_left:before, .rd_squared_slide .sp_right:before { padding-left:0px; line-height: 80px; } /******* Recent blog shortcodes *******/ .masonry_ctn.blog_2_col { margin-left:-30px; } .masonry_ctn.blog_3_col { margin-left:-30px; } .masonry_ctn.blog_4_col { margin-left:-30px; } .vc_span6 .rp_type01, .vc_span6 .rp_type02, .vc_span6 .rp_type03, .vc_span6 .rp_type04, .vc_span6 .rp_type05, .vc_span6 .rp_type06, .vc_span6 .rp_type07, .vc_span6 .rp_type09, .vc_span6 .rp_type10 { width: 100%; } .vc_span6 .rp_type08 { width: 50%; } /** type01 **/ .rp_type01.ajax_post.blog_4_col, .rp_type01.ajax_post.blog_3_col, .rp_type01.ajax_post.blog_2_col, .rp_type01.ajax_post.blog_1_col { padding-bottom:40px !important; } .rp_type01 .post_ctn { padding: 0 0 0 189px; } .rp_type01 .post-attachement { width: 170px; float: left; margin-top: 6px; } .rp_type01 .post-attachement:hover .rp_image, .rp_type01 .post-attachement:hover .rp_gallery, .rp_type01 .post-attachement:hover .rp_quote, .rp_type01 .post-attachement:hover .rp_video, .rp_type01 .post-attachement:hover .rp_normal, .rp_type01 .post-attachement:hover .rp_audio { width:170px; height:200px; font-size:36px; line-height:200px; } .rp_type01 .rp_image, .rp_type01 .rp_gallery, .rp_type01 .rp_quote, .rp_type01 .rp_video, .rp_type01 .rp_normal, .rp_type01 .rp_audio { position:absolute; top:0px; width:40px; height:40px; background:rgba(23,33,42,0.7); text-align: center; line-height: 39px; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size:18px; } .rp_type01 .rp_image:before { font-family:"elg"; content: "\e005"; } .rp_type01 .rp_gallery:before { font-family:"elg"; content: "\e006"; } .rp_type01 .rp_audio:before { font-family:"elg"; content: "\e08e"; } .rp_type01 .rp_quote:before { font-family:"elg"; content: "\7b"; } .rp_type01 .rp_normal:before { font-family:"elg"; content: "\6c"; } .rp_type01 .rp_video:before { font-family:"elg"; content: "\e024"; } .rp_type01 .post-title h2 { font-size: 18px; } .rp_type01 .rp_post_info { font-size: 14px; padding-top:11px; } .rp_type01 .rp_post_info div { padding-bottom:10px; } .rp_type01 .rp_post_time:before, .rp_type01 .rp_post_comment:before, .rp_type01 .rp_post_cat:before { font-family:"elg"; font-size:15px; padding-right:10px; } .rp_type01 .rp_post_time:before { content: "\e025"; } .rp_type01 .rp_post_comment:before { content: "\77"; } .rp_type01 .rp_post_cat:before { content: "\e012"; } /** type02 **/ .rp_type02.ajax_post.blog_4_col, .rp_type02.ajax_post.blog_3_col, .rp_type02.ajax_post.blog_2_col, .rp_type02.ajax_post.blog_1_col { padding-bottom:18px !important; } .rp_type02 .post_ctn { padding:0 0 0 120px; } .rp_type02 .post-attachement { width:100px; float:left; margin-top:8px; } .rp_type02 .post-attachement img { display:block; } .rp_type02 .rp_post_time { width: 100px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; color: #fff; } .rp_type02 .post-title h2 { font-size: 18px; font-weight:700; margin-bottom:6px; } .rp_type02 .rp_entry { border-bottom:1px solid; padding: 0 0 5px 0; margin-bottom: 13px; } .rp_type02 .rp_post_info { font-size:15px; white-space: pre-wrap; } /** type03 **/ .rp_type03.ajax_post.blog_4_col, .rp_type03.ajax_post.blog_3_col, .rp_type03.ajax_post.blog_2_col, .rp_type03.ajax_post.blog_1_col { padding-bottom:18px !important; } .rp_type03 .post_ctn { padding: 12px 15px 10px 190px; border:1px solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type03 .post-attachement { width:170px; float:left; } .rp_type03 .post-attachement img { display:block; } .rp_type03 .rp_image, .rp_type03 .rp_gallery, .rp_type03 .rp_quote, .rp_type03 .rp_video, .rp_type03 .rp_normal, .rp_type03 .rp_audio { width: 70px; height: 70px; line-height:68px; font-size:24px; position:absolute; left:11px; top:11px; text-align: center; color: #fff; border:1px solid #fff; border-radius:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0; } .rp_type03 .rp_image:before { font-family:"elg"; content: "\e005"; } .rp_type03 .rp_gallery:before { font-family:"elg"; content: "\e006"; } .rp_type03 .rp_audio:before { font-family:"elg"; content: "\e08e"; } .rp_type03 .rp_quote:before { font-family:"elg"; content: "\7b"; } .rp_type03 .rp_normal:before { font-family:"elg"; content: "\6c"; } .rp_type03 .rp_video:before { font-family:"elg"; content: "\e024"; } .rp_type03 .rp_post_time { width: 70px; height: 70px; line-height:24px; position:absolute; left:11px; top:11px; text-align: center; color: #fff; background:rgba(34,37,51,0.5); border:1px solid #fff; border-radius:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type03:hover .rp_post_time { opacity:0; } .rp_type03:hover .rp_image, .rp_type03:hover .rp_gallery, .rp_type03:hover .rp_quote, .rp_type03:hover .rp_video, .rp_type03:hover .rp_normal, .rp_type03:hover .rp_audio { opacity:1; } .rp_type03 .rp_day { font-size: 24px; font-weight: 300; clear: both; display: block; margin-top: 12px; text-align: center; } .rp_type03 .rp_month { font-size:14px; font-weight:300; } .rp_type03 .post-title h2 { font-size: 18px; font-weight:700; margin-bottom:4px; } .rp_type03 .rp_entry { } .rp_type03 .rp_post_info { font-size:14px; white-space: pre-wrap; border-bottom:1px solid; border-right:1px solid; padding: 4px 0 6px 190px; } /** type04 **/ .rp_type04.ajax_post.blog_4_col, .rp_type04.ajax_post.blog_3_col, .rp_type04.ajax_post.blog_2_col, .rp_type04.ajax_post.blog_1_col { padding-bottom:17px !important; } .rp_type04 .post_ctn { padding: 0 0 0 189px; } .rp_type04 .post-attachement { width: 170px; float: left; margin-top: 9px; } .rp_type04 .post-attachement:hover .rp_image, .rp_type04 .post-attachement:hover .rp_gallery, .rp_type04 .post-attachement:hover .rp_quote, .rp_type04 .post-attachement:hover .rp_video, .rp_type04 .post-attachement:hover .rp_normal, .rp_type04 .post-attachement:hover .rp_audio { width:170px; height:170px; font-size:24px; line-height:170px; } .rp_type04 .rp_image, .rp_type04 .rp_gallery, .rp_type04 .rp_quote, .rp_type04 .rp_video, .rp_type04 .rp_normal, .rp_type04 .rp_audio { position:absolute; top:0px; width:30px; height:30px; background:rgba(23,33,42,0.7); text-align: center; line-height: 29px; color: #fff; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; font-size:12px; } .rp_type04 .rp_image:before { font-family:"elg"; content: "\e005"; } .rp_type04 .rp_gallery:before { font-family:"elg"; content: "\e006"; } .rp_type04 .rp_audio:before { font-family:"elg"; content: "\e08e"; } .rp_type04 .rp_quote:before { font-family:"elg"; content: "\7b"; } .rp_type04 .rp_normal:before { font-family:"elg"; content: "\6c"; } .rp_type04 .rp_video:before { font-family:"elg"; content: "\e024"; } .rp_type04 .post-title h2 { font-size: 14px; text-transform:uppercase; font-weight:900; } .rp_type04 .rp_post_info { font-size: 12px; text-transform:uppercase; white-space:pre-wrap; letter-spacing:1px; } .rp_type04 .rp_post_info div { padding-bottom:10px; } .rp_type04 .rp_entry { padding:26px 0 0 189px; } /** type05 **/ .rp_type05.ajax_post.blog_4_col, .rp_type05.ajax_post.blog_3_col, .rp_type05.ajax_post.blog_2_col, .rp_type05.ajax_post.blog_1_col { padding-bottom:18px !important; } .rp_type05 .post_ctn { padding: 11px 15px 9px 189px; border:1px solid; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type05 .post-attachement { width:170px; float:left; } .rp_type05 .post-attachement img { display:block; } .rp_type05 .rp_image, .rp_type05 .rp_gallery, .rp_type05 .rp_quote, .rp_type05 .rp_video, .rp_type05 .rp_normal, .rp_type05 .rp_audio { width: 70px; height: 70px; line-height:68px; font-size:24px; position:absolute; left:11px; top:11px; text-align: center; color: #fff; border:1px solid #fff; border-radius:100px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0; } .rp_type05 .rp_image:before { font-family:"elg"; content: "\e005"; } .rp_type05 .rp_gallery:before { font-family:"elg"; content: "\e006"; } .rp_type05 .rp_audio:before { font-family:"elg"; content: "\e08e"; } .rp_type05 .rp_quote:before { font-family:"elg"; content: "\7b"; } .rp_type05 .rp_normal:before { font-family:"elg"; content: "\6c"; } .rp_type05 .rp_video:before { font-family:"elg"; content: "\e024"; } .rp_type05:hover .rp_image, .rp_type05:hover .rp_gallery, .rp_type05:hover .rp_quote, .rp_type05:hover .rp_video, .rp_type05:hover .rp_normal, .rp_type05:hover .rp_audio { opacity:1; } .rp_type05 .post-title h2 { font-size: 18px; font-weight:700; margin-bottom:9px; } .rp_type05 .rp_entry, .rp_type05 .rp_entry p { line-height:21px; } .rp_type05 .rp_post_info { font-size: 14px; border-bottom: 1px solid; border-right: 1px solid; padding: 0px 0 0px 19px; overflow: auto; line-height: 35px; height: 36px; } .rp_type05 .rp_post_cat { float:left; border-right:1px solid; padding-right: 15px; margin-right: 15px; } .rp_type05 .rp_post_author { float:left; border-right:1px solid; padding-right: 15px; margin-right: 15px } .rp_type05 .rp_post_time { float:left; } /** type06 **/ .rp_type06.ajax_post.blog_4_col, .rp_type06.ajax_post.blog_3_col, .rp_type06.ajax_post.blog_2_col, .rp_type06.ajax_post.blog_1_col { padding-bottom:41px !important; } .rp_type06 .post_ctn { padding: 0 0 0 120px; } .rp_type06 .post-attachement { width: 100px; float: left; margin-top: 5px; } .rp_type06 .post-title h2 { font-size: 18px; } .rp_type06 .rp_post_info { font-size: 14px; padding-top:8px; } .rp_type06 .rp_post_time { } /** type07 **/ .rd_staff_posts_ctn.type07.staff_has_nav { margin-bottom: 50px !important; padding-bottom: 60px; } .rd_staff_posts_ctn.type07 { margin-bottom:0!important; } .rp_type07.ajax_post.blog_4_col, .rp_type07.ajax_post.blog_3_col, .rp_type07.ajax_post.blog_2_col, .rp_type07.ajax_post.blog_1_col { padding-bottom:42px !important; } .rp_type07 .post_ctn { padding:0 0 0 290px; } .rp_type07 .post-attachement { width:270px; float:left; margin-top:8px; } .rp_type07 .post-attachement img { display:block; } .rp_type07 .rp_post_time { width: 50px; height: 50px; line-height:19px; position:absolute; left:0px; top:1px; text-align: center; color: #fff; background:#2c3e50; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type07 .rp_day { font-size: 24px; font-weight: 900; clear: both; display: block; margin-top: 7px; margin-bottom: 1px; text-align: center; } .rp_type07 .rp_month { font-size:12px; font-weight:900; text-transform:uppercase; } .rp_type07 .post-title h2 { font-size: 18px; font-weight:700; margin-bottom:16px; } .rp_type07 .rp_entry p { margin-bottom:20px; } .rp_type07 .rp_post_info { font-size:15px; } .rp_type07 .rp_post_info:before { content:"\f0e5"; font-family:'FontAwesome'; padding-right: 9px; margin-top: -1px; display: block; float: left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /** type08 **/ .rp_type08.ajax_post.blog_4_col, .rp_type08.ajax_post.blog_3_col, .rp_type08.ajax_post.blog_2_col, .rp_type08.ajax_post.blog_1_col { padding-bottom:30px !important; } .rp_type08 .post_ctn { width:100%; } .rp_type08 .post-attachement { width:100%; position:relative; float:left; } .rp_type08 .post-attachement img { display:block; } .rp_type08:hover .rp_post_time { opacity:1; } .rp_type08 .rp_post_time { width: 90px; height: 90px; line-height:19px; position:absolute; left:50%; margin-top:-45px; margin-left:-45px; top:50%; text-align: center; color: #fff; background:#21c2f8; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; border-radius:100px; opacity:0; } .rp_type08 .rp_post_time:after { content: ""; position: absolute; width: 109px; height: 109px; left: -13px; top: -13px; border: 3px solid white; border-radius: 100px; background: none; } .rp_type08 .rp_day { font-size: 36px; font-weight: 300; clear: both; display: block; margin-top: 22px; margin-bottom: 11px; text-align: center; } .rp_type08 .rp_month { font-size:14px; font-weight:400; text-transform:uppercase; } .rp_type08 .post-title { width:100%; float:left; background:#f9fafb; padding: 0 20px; margin-bottom:1px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type08:hover .post-title a { color:#fff!important; } .rp_type08 .post-title a { color:#2c3e50!important; } .rp_type08 .post-title h2 { font-size: 18px; font-weight:700; line-height:50px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type08 .rp_post_info { font-size:15px; width:100%; float:left; line-height: 50px; padding: 0 20px; background:#f4f7f8; color:#a1b1bc; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type08:hover .rp_post_info { background:#222533; } .rp_type08 .rp_post_comment { float:left; } .rp_type08 .rp_post_comment:before { content:"\f075"; font-family:'FontAwesome'; padding-right: 10px; margin-top: -1px; display: block; float: left; color:#a1b1bc; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type08 .rp_post_more { float:right; } .rp_type08 .rp_post_more:before { content:"\f124"; font-family:'FontAwesome'; padding-right:10px; display: block; float: left; color:#a1b1bc; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /** type09 **/ .rp_type09.ajax_post.blog_4_col, .rp_type09.ajax_post.blog_3_col, .rp_type09.ajax_post.blog_2_col, .rp_type09.ajax_post.blog_1_col { padding-bottom:30px !important; } .rp_type09 .post_ctn { width:100%; padding:19px 0px 0; position:absolute; bottom: -135px; background:white; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type09:hover .post_ctn { bottom:0px; } .rp_type09 .post-attachement { width:100%; position:relative; float:left; border:1px solid; padding-bottom: 100px; } .rp_type09 .post-attachement img { display:block; width:100%; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .rp_type09:hover .post-attachement img { transform: scale(1.1) !important; /* CSS3 */ -moz-transform: scale(1.1) !important; /* Firefox */ -webkit-transform: scale(1.1) !important; /* Webkit */ -o-transform: scale(1.1) !important; /* Opera */ -ms-transform: scale(1.1) !important; /* IE 9 */ -webkit-filter: blur(3px); -moz-filter: blur(3px); -o-filter: blur(3px); -ms-filter: blur(3px); filter: blur(3px); } .rp_type09 .post-title { width:100%; padding:0 30px; margin-bottom:4px; float:left; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type09 .post-title h2 { font-size: 18px; font-weight:700; line-height:32px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type09 .rp_entry { width: 100%; float: left; border-top: 1px solid; padding: 22px 30px; margin-top: 25px; border-bottom: 5px solid; } .rp_type09 .rp_arrow { background:rgba(26,28,39,0.8); width:60px; height:60px; position:absolute; left:50%; margin-left:-30px; border-radius:100px; text-align:center; line-height:60px; opacity:0; top:74px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type09:hover .rp_arrow { opacity:1; } .rp_type09 .rp_arrow:after { font-family: 'elg'; content: "\35"; font-size:35px; color:#fff; } .rp_type09 .rp_entry p { line-height:25px; } .rp_type09 .rp_post_info { font-size:14px; width:100%; float:left; padding:0 30px; line-height: 20px; white-space:pre-wrap; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_type09 .rp_post_info a { display:inline!important; } /** type10 **/ .rp_type10.ajax_post.blog_4_col, .rp_type10.ajax_post.blog_3_col, .rp_type10.ajax_post.blog_2_col, .rp_type10.ajax_post.blog_1_col { padding-bottom:30px !important; } .rp_type10 .post_ctn { padding: 13px 20px 15px 20px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float:left; width: calc(100% - 300px); } .rp_type10 .post-attachement { width: 260px; float:left; } .rp_type10 .post-attachement:before { content: ""; width: 12px; height: 12px; position: absolute; right: -6px; top: 22px; transform: rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); } .rp_type10 .post-attachement img { display:block; } .rp_type10 .rp_left_info { float:left; width:40px; } .rp_type10 .rp_avatar { float:left; width:40px; margin-bottom:1px; } .rp_type10 .rp_avatar img { display:block; } .rp_like { float: left; width: 40px; height: 40px; text-align: center; line-height: 40px; background:#686d80; margin-bottom: 1px; } .rp_like .zilla-likes { color:#fff !important; width: 40px; height:40px; display: block; position:relative; margin:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_like .zilla-likes.active { background:#ef584d; } .rp_like .zilla-likes:before { content: "\e089"; position: absolute; width: 40px; display: block; height: 40px; color: #fff; font-family: "elg"; font-size: 18px; z-index: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .rp_like .zilla-likes span { display:none; } .rp_type10 .rp_post_time { float:left; background:#686d80; width: 40px; height: 71px; text-align:center; color:#fff; } .rp_type10 .rp_day { font-size: 15px; font-weight: 400; clear: both; display: block; margin-top: 12px; margin-bottom: 2px; text-align: center; } .rp_type10 .rp_month { font-size:14px; font-weight:400; } .rp_type10 .rp_image, .rp_type10 .rp_gallery, .rp_type10 .rp_quote, .rp_type10 .rp_video, .rp_type10 .rp_normal, .rp_type10 .rp_audio { width: 40px; height: 40px; line-height:40px; font-size: 15px; text-align: center; color: #fff; margin-bottom:1px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; float:left; background:#17181b; } .rp_type10 .rp_image:before { font-family:"elg"; content: "\e005"; } .rp_type10 .rp_gallery:before { font-family:"elg"; content: "\e006"; } .rp_type10 .rp_audio:before { font-family:"elg"; content: "\e08e"; } .rp_type10 .rp_quote:before { font-family:"elg"; content: "\7b"; } .rp_type10 .rp_normal:before { font-family:"elg"; content: "\6c"; } .rp_type10 .rp_video:before { font-family:"elg"; content: "\e024"; } .rp_type10 .post-title h2 { font-size: 18px; font-weight:700; margin-bottom:1px; } .rp_type10 .rp_entry, .rp_type10 .rp_entry p { line-height:24px; } .rp_type10 .rp_post_info { font-size: 14px; padding: 0px 0 10px 0px; overflow: auto; } .rp_type10 .rp_post_cat { float:left; border-right:1px solid; padding-right: 15px; margin-right: 15px; } .rp_type10 .rp_post_author { float:left; border-right:1px solid; padding-right: 15px; margin-right: 15px } /************ Share Icons Shortcode **************/ .sc-share-box.a_left { text-align:left; } .sc-share-box.a_right { text-align:right; } .sc-share-box.a_center { text-align:center; } .sc-share-box ul { display:inline-block; } .sc-share-box.a_center ul { margin-left:5px; } .sc-share-box.a_center ul li, .sc-share-box.a_left ul li { float:left; margin-right:10px!important; } .sc-share-box.a_right ul li { float:left; margin-left:10px!important; } .sc-share-box a { width: 30px; height: 30px; line-height: 30px; display: inline-block; border-radius: 2px; border: 1px solid rgba(0,0,0,0); } .sc-share-box a:hover { background:none !important; } .sc-share-box ul li a:before { width: 170px; height: auto; font-size: 14px; min-height: 30px; text-align: center; color: #fff; background: #171d22; position: absolute; left: 50%; margin-left: -85px; top: -36px; border-radius: 3px; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .sc-share-box ul li a:after { position: absolute; content: ""; border-color: #171d22 rgba(255, 255, 255, 0) rgba(255, 255, 255, 0); border-style: solid solid solid solid; border-width: 5px 5px 5px 5px; height: 0; left: 50%; margin-left: -5px; top: -6px; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .sc-share-box ul li a:hover:before { opacity:1; top: -46px; } .sc-share-box ul li a:hover:after { opacity:1; top: -16px; } /******* Four quotes Shortcodes ***********/ .sc-four-quote-ctn { display:table-row; } .sc-four-quote-first, .sc-four-quote-last { display: table-cell; width:50%; float: none; } .sc-four-quote-first { border-right:1px solid; } .quote-top-row .sc-four-quote-first, .quote-top-row .sc-four-quote-last { border-bottom:1px solid; } .sc-four-quote-first p { padding:0px 115px 0 40px; font-style:italic; margin-bottom: 19px; position:relative; } .sc-four-quote-last p { padding:0px 0px 0 155px; font-style:italic; margin-bottom: 19px; position:relative; } .quote-bottom-row p { padding-top:51px; } .sc-four-quote-first p:before { left: -3px; top: 5px; font-size: 25px; content: "“"; position: absolute; font-weight: bold; font-family: "MS Serif", "New York", serif; } .quote-bottom-row .sc-four-quote-first p:before { top:56px; } .sc-four-quote-last p:before { left: 112px; top: 5px; font-size: 25px; content: "“"; position: absolute; font-weight: bold; font-family: "MS Serif", "New York", serif; } .quote-bottom-row .sc-four-quote-last p:before { top:56px; } .sc-four-quote-first .quote_meta { margin-left:40px; } .sc-four-quote-last .quote_meta { margin-left:155px; } .quote-top-row .quote_meta { margin-bottom:45px; } .quote_meta h3 { float: left; font-size:14px; line-height:24px; font-weight:bold; margin-bottom:0px; position:relative; } .quote_meta h3:before { position: absolute; width: 20px; height: 3px; content: ""; left: -40px; top: 11px; } .quote_meta h4 { float: left; font-size: 14px; line-height: 24px; font-weight: normal; margin-left: 3px; margin-bottom:0px; } .sc-four-quote-icon { width: 100%; display: block; height: 0px; position: relative; } .sc-four-quote-icon:before { content: ""; position: absolute; width: 50px; height: 50px; background: #222533; border-radius: 200px; margin: -25px 0 0 -25px; left: 50%; color: #21c2f8; font-size: 60px; text-align: center; top: 0; line-height: 101px; box-shadow: 0 0 0 1px #393e51, 0px 0 0 5px #222533, 0 0 0 6px #393e51; z-index:1; } .sc-four-quote-icon:after { content: "“"; position: absolute; z-index: 2; color: #21c2f8; width: 50px; left: 50%; font-weight: bold; margin-left: -25px; font-family: "MS Serif", "New York", serif; font-size: 54px; text-align: center; top: 1px; } /********Twitter Shortcodes **********/ .tc_heading { text-align: center; font-weight: 300; font-size: 36px; margin-top:13px; margin-bottom: 40px; } .rd_twitter_icon { margin: 0 auto; height: 100px; width: 100px; border-radius: 300px; border: 2px solid #ffffff; text-align:center; margin-bottom: 44px; position:relative; } .rd_tc_3 .rd_twitter_icon { margin: 0 auto; height: 80px; width: 80px; border-radius: 300px; border: 3px solid #ffffff; text-align: center; margin-bottom: 53px; position: relative; } .rd_tc_3 .rd_twitter_icon:before { font-size: 28px; line-height: 77px; } .rd_tc_4 .rd_twitter_icon { margin-bottom:3px; border:none; } .rd_tc_4 .rd_twitter_icon:before { font-size: 54px; line-height: 98px; } .rd_tc_2 .rd_twitter_icon { margin-bottom: 58px; } .rd_tc_2 .rd_twitter_icon:after { width: 119px; height: 119px; position: absolute; content: ""; border: 1px solid; border-radius: 200px; left: 50%; margin-left: -59.5px; top: -12px; } .rd_twitter_icon:before { content: "\e094"; font-family: 'elg'; font-size:30px; line-height: 98px; } .rd_tc li { width: 100%; margin: 0 0 0px 0px; overflow: visible; padding: 0; display: block; float: left; height: auto !important; text-align: center; } .tweet_ctn { font-size: 24px; font-weight: 300; line-height: 34px; max-width: 850px; margin-left: auto; margin-right: auto; } .rd_tc_3 .tweet_ctn { font-weight:normal; } .rd_tc_4 .tweet_ctn { font-size: 30px; font-weight: 700; line-height: 40px; letter-spacing:2px; } .tweet_user { margin-top: 22px; margin-bottom:5px; } .rd_tc_2 .tweet_user { margin-top: 30px; margin-bottom:21px; position:relative; } .rd_tc_3 .tweet_user { display:inline-block; margin-top: 13px; } .rd_tc_3 .tweet_date { display:inline-block; margin-left:5px; } .rd_tc_4 .tweet_user { font-size:14px; margin-top: 17px; text-transform:uppercase; font-weight:bold; display:inline-block; } .rd_tc_4 .tweet_date { display:inline-block; font-size:14px; text-transform:uppercase; font-weight:bold; margin-left:5px; } .rd_tc_2 .tweet_user:after { content: ""; width: 30px; height: 1px; position: absolute; border-top: 1px solid; left: 50%; margin-left: -15px; top: 31px; } .tweet_user a { font-weight:bold; font-size:18px; } .rd_tc_4 .tweet_user a { font-size:14px; } .rd_twitter_nav { width:100%; height:36px; position:relative; margin-top:124px; } .rd_tc_2 .rd_twitter_nav { margin-top: 50px; } .tweet_left { width: 36px; height: 36px; border: 1px solid; position: absolute; left: 50%; margin-left: -40px; text-align: center; border-radius: 200px; line-height: 34px; transform: scale(0.9); /* CSS3 */ -moz-transform: scale(0.9); /* Firefox */ -webkit-transform: scale(0.9); /* Webkit */ -o-transform: scale(0.9); /* Opera */ -ms-transform: scale(0.9); /* IE 9 */ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .tweet_left:before { font-family: 'elg'; content: "\34"; } .tweet_left:hover, .tweet_right:hover { transform: scale(1); /* CSS3 */ -moz-transform: scale(1); /* Firefox */ -webkit-transform: scale(1); /* Webkit */ -o-transform: scale(1); /* Opera */ -ms-transform: scale(1); /* IE 9 */ } .tweet_right { width: 36px; height: 36px; border: 1px solid; position: absolute; right: 50%; margin-right:-40px; text-align: center; border-radius: 200px; line-height: 34px; transform: scale(0.9); /* CSS3 */ -moz-transform: scale(0.9); /* Firefox */ -webkit-transform: scale(0.9); /* Webkit */ -o-transform: scale(0.9); /* Opera */ -ms-transform: scale(0.9); /* IE 9 */ -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .tweet_right:before { content: "\35"; font-family: 'elg'; } .rd_tc_4 .tweet_left, .rd_tc_4 .tweet_right { width: 30px; height: 30px; transform: scale(1); /* CSS3 */ -moz-transform: scale(1); /* Firefox */ -webkit-transform: scale(1); /* Webkit */ -o-transform: scale(1); /* Opera */ -ms-transform: scale(1); /* IE 9 */ line-height: 27px; border-radius: 10px; font-size: 17px; } .rd_tc_4 .tweet_left { margin-left:-33px; } .rd_tc_4 .tweet_right { margin-right:-33px; } .rd_tc_4 .rd_twitter_nav { width: 100%; height: 36px; position: relative; margin-top: 41px; } /************************************************************************************ 5 Sidebar *************************************************************************************/ #sidebar { width:270px; padding-top:100px; padding-bottom:100px; } .right_sb { float:right; } .left_sb { float:left; } .right_sb ul { padding:0 0 0 0px; } .left_sb ul { padding:0 0px 0 0px; } .sb_widget { margin-bottom: 50px; font-size: 14px; } .sb_widget select { max-width: 98%; } .sb_widget h3 { font-size:18px; margin:0px 0 31px 0; padding:0px 0 0 26px; position:relative; font-weight: 700; } .sb_widget > h3:before { content:""; width:14px; position:absolute; top:2px; left:0; } .sb_widget ul li { padding-bottom:10px; } #search { overflow:hidden; position:relative; } #sidebar #search, .wpb_widgetised_column #search,#footer #search{ padding-left: 0px; padding-right: 0px; } .rd_search_sc #search input[type=submit], #sidebar #search input[type=submit], .wpb_widgetised_column #search input[type=submit],#footer #search input[type=submit]{ font-family: "FontAwesome"; color: #a1b1bc; position: absolute; right: 5px; top: 1px; background: rgba(0, 0, 0, 0)!important; font-weight:normal; } #sidebar .search, .wpb_widgetised_column .search,#footer .search{ padding:10px 20px!important; height: auto!important; width: 100%!important; } #sidebar .cat-item, .wpb_widgetised_column .cat-item { padding:0; } #sidebar .cat-item a, .wpb_widgetised_column .cat-item a { padding: 11px 0 9px; display:block; text-transform:uppercase; letter-spacing:1px; font-size:14px; font-weight:900; position: relative; z-index: 1; } #sidebar .cat-got-children, .wpb_widgetised_column .cat-got-children { position:relative; } #sidebar .cat-got-children:after, .wpb_widgetised_column .cat-got-children:after { font-family: "FontAwesome"; content: "\f107"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; position: absolute; right: 0; top: 11px; border: 1px solid #a1b1bc; height: 14px; width: 14px; border-radius: 3px; text-align: center; padding-top: 0px; line-height: 16px; font-size: 12px; } #sidebar .subcat-got-children:after, .wpb_widgetised_column .subcat-got-children:after { font-family: "FontAwesome"; content: "\f067"; !important -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; position: absolute; right: 0; top: 13px !important; border:none!important; height: 14px; width: 14px; border-radius: 3px; text-align: center; padding-top: 0px; line-height: 16px; font-size: 14px !important; } #sidebar .cat-open:after, .wpb_widgetised_column .cat-open:after { content: "\f106" !important; } #sidebar .subcat-open:after, .wpb_widgetised_column .subcat-open:after { content: "\f068" !important; } /******** WPML **********/ #sidebar #lang_sel, #sidebar #lang_sel li, #sidebar #lang_sel ul ul, #footer #lang_sel, #footer #lang_sel li, #footer #lang_sel ul ul, .wpb_widgetised_column #lang_sel, .wpb_widgetised_column #lang_sel li, .wpb_widgetised_column #lang_sel ul ul { width:100%; } #sidebar #lang_sel img, #footer #lang_sel img, .wpb_widgetised_column #lang_sel img { margin-right: 10px; } #sidebar #lang_sel a, #footer #lang_sel a, .wpb_widgetised_column #lang_sel a { background:none; font-size:14px; font-family:"Lato"; padding: 13px 20px 14px; } #sidebar .lang_sel_sel:after, #footer .lang_sel_sel:after, .wpb_widgetised_column .lang_sel_sel:after { content: "\f107"; font-family: "FontAwesome"; float: right; } #sidebar #lang_sel ul ul, #footer #lang_sel ul ul, .wpb_widgetised_column #lang_sel ul ul { position:relative; top:inherit; border-top:none!important; } #sidebar #lang_sel ul ul a, #footer #lang_sel ul ul a, .wpb_widgetised_column #lang_sel ul ul a { border-top:none!important; } /********Tag cloud widget **********/ .tagcloud { padding-left:0px; overflow:auto; } .tagcloud a { display: inline-block; margin: 0 7px 7px 0; padding: 5px 10px; text-shadow:none; float:left; font-size: 13px !important; border:1px solid #ebebeb; } #footer .tagcloud a { background:none!important; } /********Category widget**********/ #sidebar .cat-item .children, .wpb_widgetised_column .cat-item .children { display:none; } #sidebar .cat-item .children a, .wpb_widgetised_column .cat-item .children a { font-weight:700!important; text-transform:none!important; letter-spacing:normal!important; padding:10px 0 10px!important; } #sidebar .cat-item .children .children, .wpb_widgetised_column .cat-item .children .children { padding:4px 0; } #sidebar .cat-item .children .children a, .wpb_widgetised_column .cat-item .children .children a { font-weight:normal!important; text-transform:none!important; letter-spacing:normal!important; border:none!important; padding:6px 0; } #sidebar .cat-item .children .children a:after, .wpb_widgetised_column .cat-item .children .children a:after { content:none!important; } .cat-item .children .children li { border:none!important; } .cat-item:first-child { border:none!important; } #footer .cat-item a { padding:10px 0; display:block; } #footer li.cat-item:first-child > a { padding:0 0 10px; border-top:none; } #footer .children .cat-item a { padding:10px 0 !important; border-top:1px solid !important; } /********Recent comment widget**********/ #recentcomments, #sidebar .cat-item a:last-child { } #recentcomments li, .widget_archive li { padding:15px 0px 15px 0px !important; } #recentcomments li:first-child, .widget_archive li:first-child { padding-top:0!important; } #recentcomments li:last-child, .widget_archive li:last-child { border-bottom:none!important; padding-bottom: 0px!important; } #recentcomments li:before { font-family:'FontAwesome'; content:'\f0e6'; width:10px; padding-right:15px; float:left; } /********Widget carousel settings**********/ .sidebarcarousel { padding-top:30px; padding-right: 0px; padding-left: 0px; } .sidebarcarousel:hover .partners_left, .sidebarcarousel:hover .partners_right, .sidebarcarousel:hover .rp_left, .sidebarcarousel:hover .rp_right, .sidebarcarousel:hover .carousel_right, .sidebarcarousel:hover .carousel_left { opacity:1; } .sidebarcarousel ul { padding:0!important; } .sidebarcarousel .recent_port_ctn { padding-right:0; } /********Recent Post widget**********/ /** wordpress default recent post **/ .widget_recent_entries ul li, .rd_widget_recent_entries li, .rd_widget_recent_entries_f li, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entries ul li { padding: 15px 0 15px !important; } .rd_widget_recent_entries li, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entries ul li a { padding:0!important; } .widget_recent_entries ul li:first-child, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entries ul li:first-child { padding-top:0px !important; } .widget_recent_entries ul li:last-child, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entries ul li:last-child { border:none!important; padding-bottom: 0px!important; } /** thefox recent post **/ .rd_widget_recent_entries p { margin-bottom:0; } .rd_widget_recent_entries li, .rd_widget_recent_entries_f li, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .rd_widget_recent_entries li { list-style:none; margin:0 0 15px 0; padding:0 0 20px 0 !important; display:block; overflow:auto; } .rd_widget_recent_entries li:last-child, .rd_widget_recent_entries_f li:last-child, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .rd_widget_recent_entries li:last-child { padding-bottom: 0px !important; margin:0!important; border:none!important; } .widget_recent_entry { max-width:100%; } .widget_recent_entry h4 { font-size:16px; font-weight:bold; margin-bottom: 2px; } .rd_widget_recent_entries_f .widget_recent_entry h4 { font-size:16px; font-weight:bold; margin: 0 0 2px 0; width:100%; } .rd_widget_recent_entries .thumbnail { width:100px; height:80px; margin-right: 15px; margin-top: 5px; display:block; float:left; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_widget_recent_entries .thumbnail a:before { position: absolute; width: 100px; height: 80px; content: "+"; font-family: "Lato"; text-align: center; line-height: 80px; color: #fff; opacity:0; font-size: 34px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_widget_recent_entries li:hover .thumbnail a:before { opacity:0.85; } .rd_widget_recent_entries_f .thumbnail { width:50px; height:50px; margin-right: 15px; margin-top: 5px; display:block; float:left; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_widget_recent_entries_f .thumbnail a:before { position: absolute; width: 50px; height: 50px; content: "+"; font-family: "Lato"; text-align: center; line-height: 50px; color: #fff; opacity:0; font-size: 34px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_widget_recent_entries_f li:hover .thumbnail a:before { opacity:0.85; } #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .rd_widget_recent_entries .thumbnail a { padding:0!important; margin:0!important; } .rd_widget_recent_entries .thumbnail img, .rd_widget_recent_entries_f .thumbnail img { display:block; } .rd_widget_recent_entries .widget_recent_entry { width: calc(100% - 115px); float:right; } .rd_widget_recent_entries_f .widget_recent_entry { width: calc(100% - 65px); float: right; } .widget_recent_entry .w_excerpt { float:left; } .widget_recent_entry .w_excerpt p { margin:0; } .widget_recent_entry .w_date { float:left; font-size:12px; } .rd_widget_recent_entries_f .widget_recent_entry .w_date { font-size:13px; } .widget_recent_entry .w_comment { float:right; font-size:12px; } .widget_recent_entry .w_comment a:before { font-family:'FontAwesome'; content:"\f0e6 "; padding-right: 3px; font-size: 14px; } .widget_recent_entry h4 { font-size: 14px; font-weight: bold; margin: 4px 0 0 0; float: left; } .blog_box img { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .filter_img:hover .img_link, .filter_img:hover .post_link { opacity:1; } .filter_img:hover .img_link { left:4px; } .filter_img:hover .post_link { right:4px; } h5.widget_post_title { font-weight: 700; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; } p.rp_date { font-size: 11px; margin-top: -10px; padding-bottom:11px; } /******** Archive **********/ #sidebar .widget_archive ul li, .wpb_widgetised_column { padding:15px 0 15px 0; } #sidebar .widget_archive ul li:first-child, .wpb_widgetised_column .widget_archive ul li:first-child { padding-top:0px; } #sidebar .widget_archive ul li:last-child, .wpb_widgetised_column .widget_archive ul li:last-child { padding-bottom:0px; border:none!important; } /******** Blog Meta *********/ .widget_meta ul li, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_meta ul li { padding:15px 0 15px 0 !important; } #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_meta ul li a { padding:0 !important; } .widget_meta ul li:first-child, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_meta ul li:first-child { padding-top:0px !important; } .widget_meta ul li:last-child, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_meta ul li:last-child { padding-bottom:0px !important; border:none!important; } /********Recent Portfolio widget**********/ .port_widget, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .port_widget { width:auto; overflow:auto; padding:0 0 0px 0; margin:0; clear:both; } .port_widget img, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .port_widget img { width:auto; height:auto; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .no_margin, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .no_margin { width:31% !important; float:left; margin:0px 0 5px 0; padding:0; border:none; } .margin_r, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .margin_r { width:31% !important; float:left; margin-top:0px; margin-right:3.5%; padding:0; border:none; } #footer .margin_r { margin-bottom:10px; } .port_tn { width:auto; height:auto; margin:0; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; position:relative; overflow:hidden; } .port_tn a img { display:block; } .port_tn a:before { position: absolute; width: 200px; height: 200px; content: "+"; font-family:"Lato"; text-align: center; line-height: 200px; margin:-100px 0 0 -100px; top:50%; left:50%; color: #fff; opacity:0; font-size: 34px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .port_tn:hover a:before { opacity:0.85; } /********Twitter widget**********/ #sidebar .tweets-container, .wpb_widgetised_column .tweets-container { overflow:auto; } .tweets { clear: both; list-style: none; margin: 0; width:100%; padding: 6px 0 0; } .tweets li:before { font-family: 'FontAwesome'; content: '\f099'; color: #21C2F8; float: left; font-size: 20px; margin-top: 5px; } .tweets li { margin-bottom: 6px; width:100%; list-style: none; margin: 0 0 15px 0; padding: 0 0 20px 0 !important; display: block; overflow: auto; } .tweets li:last-child { border-bottom:none!important; margin-bottom:0!important; } .tweets p { margin-bottom: 0; width:auto; padding-left:35px; } .tweets span { padding-left:35px; } /******** Social Icons widget *********/ .thefox_social_widget_icons { width: calc(100% + 10px); } #footer .thefox_social_widget_icons a { color: #fff!important; } .thefox_social_widget_text { margin-bottom:30px; } .thefox_social_widget_text p { margin-botton:17px; } .thefox_social_widget_icons div { width: 37px!important; height: 37px !important; line-height: 37px; float:left; margin: 0 9.5px 10px 0px!important; } .thefox_social_widget_icons div a { width: 37px; height: 37px; display: block; border-radius: 5px; } /********WP Calendar widget**********/ #calendar_wrap { padding:0 0px; } #wp-calendar { border-top:none!important; width:100%; text-shadow:none; position:relative; } #wp-calendar td { padding:9px; } #wp-calendar tbody td a { background: #46D1FF; display: block; width: 25px; height: 25px; line-height: 25px; border-radius: 200px; } #wp-calendar tbody td { text-align:center; border-radius:100px; } #wp-calendar thead th { padding:7px 4px; } #wp-calendar thead th:last-child { color:#fc4123; } #wp-calendar th { padding:4px } #wp-calendar caption { padding: 10px 40px 11px; letter-spacing: 1px; text-transform: uppercase; font-weight: 900; color: #fff; line-height: 19px; } #wp-calendar tfoot { position:absolute; top:0; width:100%; } #wp-calendar tfoot td { padding:0!important; } #wp-calendar td#prev { width:40px; height:40px; } #wp-calendar td#prev a { color:rgba(0,0,0,0)!important; } #wp-calendar td#prev a:after { font-family: "FontAwesome"; content: "\f104"; position: absolute; z-index: 1; display: block; top: 0; height: 40px; width: 40px; left: -1px; background: rgba(255, 255, 255, 0.1); color: #fff; text-align: center; line-height: 40px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #wp-calendar td#next { width:40px; height:40px; } #wp-calendar td#next a { color:rgba(0,0,0,0)!important; } #wp-calendar td#next a:after { font-family: "FontAwesome"; content: "\f105"; position: absolute; z-index: 1; display: block; top: 0; height: 40px; width: 40px; right: -1px; background: rgba(255, 255, 255, 0.1); color: #fff; text-align: center; line-height: 40px; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #footer #wp-calendar td#prev a:after, #footer #wp-calendar td#next a:after { background: rgba(0, 0, 0, 0.1); } /********Menu / Pages**********/ .widget_pages .page_item, .widget_nav_menu .menu-item { padding:0 } .widget_pages .page_item a, .widget_nav_menu .menu-item a { padding:15px 0px; display:block; font-size:13px; border-bottom:1px solid; } .widget_pages .page_item .children a, .widget_nav_menu .menu-item .sub-menu a { padding-left:23px; } .widget_pages .page_item .children .children a, .widget_nav_menu .menu-item .sub-menu .sub-menu a { padding-left:43px; } .widget_pages .page_item .children a:before, .widget_nav_menu .menu-item .sub-menu a:before { content: "\f105"; margin-right:15px; } .widget_pages .page_item a:before, .widget_nav_menu .menu-item a:before { font-family: "FontAwesome"; content: "\f0a9"; float:left; margin-right:12px; } #sidebar .current_page_item a:after, .wpb_widgetised_column .current_page_item a:after { content:""; } #sidebar .children .page_item, .wpb_widgetised_column .children .page_item { border-top:none!important; } .textwidget p { margin-bottom:17px; } /************************************************************************************ 6 Portfolio *************************************************************************************/ .wrapper.portfolio_single_page { padding-bottom:100px; } /********** Tags **********/ .fw_port #portfolio-tags { display:none; } #portfolio-tags { margin:0 auto; padding:0px 0 35px 0px; text-align:center; } #options { display:inline-block; zoom:1; list-style:none; width:auto; margin:0 0px 0 0; padding:0 0px 0px 0; overflow:auto; } .filter_type_1 #options li { float:left; letter-spacing:0px; margin:0 0px 0 0; padding:0px 5px 0px 0; } .filter_type_1 #options a { display: inline-block; *display: inline; padding: 4.5px 11px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:12px; font-weight:900; margin-top:0px; outline: none; text-transform: uppercase; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:0px!important; } .filter_type_2 { padding-bottom:45px!important; } .filter_type_2 #options li { float:left; letter-spacing:0px; margin:0 0px 0 0; padding:0px 0px 0px 0; } .filter_type_2 #options > li { border-radius:5px; } .filter_type_2 .optionset li:first-child a { border-radius:5px 0 0 5px; } .filter_type_2 .optionset li:last-child a { border-radius:0 5px 5px 0; } .filter_type_2 #options a { display: inline-block; *display: inline; padding: 14.5px 25px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:16px; font-weight:bold; margin-top:0px; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:0px!important; } .filter_type_3 { padding-bottom:28px!important; } .filter_type_3 #options { border-radius: 5px; } .filter_type_3 #options li { float:left; letter-spacing:0px; margin:0 0px 0 0; padding:0px 0px 0px 0; } .filter_type_3 #options a { display: inline-block; *display: inline; padding: 13.5px 11px 13.5px 26px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:16px; font-weight:normal; margin-top:0px; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:0px!important; } .filter_type_4 { padding-bottom:32px!important; } .filter_type_4 #options { border-radius: 5px; } .filter_type_4 #options li { float:left; letter-spacing:0px; margin:0 0px 0 0; padding:0px 0px 0px 0; } .filter_type_4 #options a { display: inline-block; *display: inline; padding: 13.5px 11px 13.5px 26px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:16px; font-weight:normal; margin-top:0px; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:0px!important; } .filter_type_5 { padding-bottom:11px!important; width: 1170px; text-align:left !important; } .filter_type_5 #options { border-radius: 0px; } .filter_type_5 #options li { float:left; letter-spacing:0px; margin:0 0px 0 0; padding:0px 0px 0px 0; } .filter_type_5 #options a { display: inline-block; *display: inline; padding: 13.5px 32px 13.5px 0px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:14px; font-weight:normal; margin-top:0px; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:0px!important; } .filter_type_6 { padding-bottom:11px!important; } .filter_type_6 #options { border-radius: 0px; } .filter_type_6 #options li { float:left; letter-spacing:0px; margin:0 0px 0 0; padding:0px 0px 0px 0; } .filter_type_6 #options a { display: inline-block; *display: inline; padding: 13.5px 16.5px 13.5px 16.5px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:14px; font-weight:700; text-transform:uppercase; margin-top:0px; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:0px!important; } .filter_type_7 { padding-bottom:11px!important; width: 1170px; text-align:left !important; padding: 0px 0 0px 0px; text-align: center; margin-bottom: 35px !important; height: 55px; } .filter_type_7 #options { border-radius: 0px; width: 1170px; } .filter_type_7 #options li { float:left; letter-spacing:0px; margin:0 0px 0 0; padding:0px 0px 0px 0; } .filter_type_7 #options a { display: inline-block; *display: inline; padding: 15.5px 33.5px 15.5px 0px; margin-bottom: 0; *margin-left: .3em; text-align: center; font-size:14px; font-weight:normal; text-transform:none; margin-top:0px; outline: none; overflow: visible; /* removes extra side padding in IE */ cursor: pointer; -moz-user-select: none; -webkit-user-select:none; -khtml-user-select: none; user-select: none; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:0px!important; } #options a:focus { outline: 0; } #options a.active, #options a:active, #options .selected a { outline: 0; background-color:#fdfdfd; color:#a0a0a0; } .portfolio_sorts a { position:relative; padding-right:47px !important; cursor:pointer; } .portfolio_sorts:hover #sorts { opacity:1; z-index: 1000; } .portfolio_sorts a:after { font-family:"FontAwesome"; content:'\f107'; padding-left: 9px; padding-top: 2px; position:absolute; right: 27px; } #sorts { position: absolute; border: 1px solid #E2E2E2; width: 118px; z-index: 30; opacity:0; border-radius:0 0 5px 5px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #sorts li { width: 118px; font-size:16px; padding: 10px 0!important; display: block; cursor:pointer; text-align: center; } .filter_type_5 #sorts { width:75px; } .filter_type_5 #sorts li { font-size:14px; width:75px; } .filter_type_6 #sorts li { font-size:14px; font-weight:700; text-transform:uppercase; } .filter_type_7 .portfolio_sorts { float:right !important; } .filter_type_7 .portfolio_sorts a { text-align: center !important; padding: 7px 30px 8px 14px!important; margin-top: 8px!important; border-radius:5px; } .filter_type_7 .portfolio_sorts a:after { right: 8px; } .filter_type_7 #sorts { width:90px; } .filter_type_7 #sorts li { font-size:14px; width:90px; } /************************************************* Container *******************************************************************/ .portfolio { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; z-index:1; } .full-width-content .portfolio { z-index:inherit!important; } .full-width-content .portfolio { margin: 0!important; } .columns1 .element { height:auto; width:100%; margin:0 0 0px 0px; } .columns2 .element { height:auto; width:50%; margin:0 0 0px 0px; } .full-width-content .columns2 .element { width:50%; margin:0; float:left; } .columns3 .element { height:auto; width: 33.333333%; margin:0 0 0px 0px; } .full-width-content .columns3 .element { width: 33.3%; margin:0; float:left; } .columns4 .element { height:auto; width:24.98%; margin:0 0 0px 0px; } .full-width-content .columns4 .element { width:25%; margin:0; float:left; } .columns5 .element { width:20%; margin:0; float:left; } .columns6 .element { width:16.6666666667%; margin:0; float:left; } .port_type_1 .port_item_details, .port_type_2 .port_item_details, .port_type_3 .port_item_details, .port_type_4 .port_item_details { display:none; } .port_type_2 .element { margin-left:-1px !important; } .port_type_3 { margin-left:-20px; } .port_type_3 .filter_img { padding:0 0 20px 20px; } .port_type_4 .element, .port_type_5 .element, .port_type_6 .element { padding: 0 5px 10px; } .element { position:relative; } .filter_img { position:relative; overflow:hidden; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .filter_img a { margin:0; padding:0; } .ico_link, .ico_link img, .port_thumb_ctn { border:none!important; display:block!important; text-decoration:none!important; outline:none!important; background-color:#fafafa!important; position:relative; width:100%; transition: opacity 0.2s, transform 0.35s; overflow:hidden; } .ico_link img { -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .ico_link img:hover { } .portfolio_desc { display:block; padding:18px 20px 16px; text-align:left; border-top:none!important; position: absolute; bottom: 0; opacity:0; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .port_item_details { display:block; padding:12px 20px 19px; text-align:left; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio_desc h2 { padding:0px 0 0px 0; margin:0; font-weight:700; font-size:20px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .port_item_details h2 { padding:0px 0 3px 0; margin:0; font-size:18px; line-height:24px; font-weight:700; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio_desc h3 { font-size:14px; color:#bdbdbd; letter-spacing:normal; padding:0; margin:0; font-weight:400; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .port_item_details h3 { font-size:14px; color:#bdbdbd; letter-spacing:normal; padding:0; margin:0; font-weight:400; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .portfolio_desc h2 a, .port_item_details h2 a { margin:0; padding:0; color:#444444; } .port_type_5 .item_details_info, .port_type_6 .item_details_info, .port_type_5 .port_small_excerpt, .port_type_6 .port_small_excerpt { display:none; } .port_type_7 .filter_img, .port_type_8 .filter_img, .port_type_9 .filter_img { float: left; width: 68.4%; } .port_type_7 .port_item_details, .port_type_8 .port_item_details { padding:26px 0px 10px; float: right; width: 31.6%; min-height:380px; } .port_type_9 .port_item_details { padding:0px; float: right; width: 31.6%; } .port_type_7 .port_item_details h2, .port_type_8 .port_item_details h2, .port_type_9 .port_item_details h2 { font-size:22px; padding:0 31px 5px 31px; } .port_type_7 .port_item_details h3, .port_type_8 .port_item_details h3, .port_type_9 .port_item_details h3 { font-size:15px; padding:0 31px 0px 31px; } .port_type_7 .item_details_info, .port_type_8 .item_details_info { overflow:auto; padding:10px 0 9px; margin-top: 19px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .port_type_9 .item_details_info { overflow:auto; padding:0px; margin-top: 14px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .item_details_date { float:left; font-size:14px; padding-left:31px } .love-it-wrapper { float:left; padding-left:20px; } .post-bottom-info .love-it-wrapper { padding:0; } .port_project_buttons { overflow:auto; padding:14px 0 0 0; } .port_type_9 .port_project_buttons { overflow:auto; padding:7px 0 0 0; } .view-portfolio-item { font-size: 15px; padding: 9px 15px 10px; border: 1px solid #444; border-radius: 5px; float:left; min-width: 130px; text-align: center; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .view-portfolio-pp { float: left; color: #fff; border: 1px solid #34495e; background: #34495e; font-size: 15px; padding: 9px 15px 10px; border-radius: 5px; float: left; min-width: 130px; text-align: center; margin-right: 10px; margin-bottom:10px; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .port_type_9 .view-portfolio-item, .port_type_9 .view-portfolio-pp { text-transform:uppercase; font-size:12px; font-weight:700; padding: 9px 10px 10px; } .portfolio_sub_info { display:none; } .port_small_excerpt { padding:23px 31px 13px; font-size:14px; position:relative; } .port_type_9 .port_small_excerpt { padding:21px 31px; } .zilla-likes:before { content:'\f004'; font-family:"FontAwesome"; padding-right: 5px; font-size: 14px; } .zilla-likes { font-size:14px; margin-left: 20px; } .load_more_cont { margin-left:0px; padding:50px 0 30px 0px; text-align:center; } .load_more_cont a { position:relative; z-index:2; padding: 15px 20px 15px 20px; font-size: 12px; text-decoration: none; display: inline-block; line-height: 1.4em; position: relative; font-weight: 700; text-align: center; max-width: 100%; text-transform:uppercase; font-size: 14px; border: 1px solid #ebebeb; vertical-align: middle; border-radius:5px; } .load_more_cont .icon-refresh { top:15.5px; } /** hover effect **/ .rd_hover_white .element figcaption, .rd_hover_whiteic .element figcaption, .rd_hover_gradient .element figcaption { display:none; } .element figcaption { padding: 2em; color: #fff; text-transform: uppercase; font-size: 1.25em; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .element figcaption, .element figcaption > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .element figcaption > a { z-index: 999; text-indent: 200%; white-space: nowrap; font-size: 0; opacity: 0; } /*---------------*/ /***** Trending *****/ /*---------------*/ .rd_hover_trending .port_img_link, .rd_hover_trending .port_post_link { display:none; } .rd_hover_trending .element img { max-width: none; opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .rd_hover_trending .port_overlay{ opacity:1; } .rd_hover_trending .element:hover .port_overlay{ opacity:0; } .rd_hover_trending .element figcaption { text-align: left; } .rd_hover_trending .element figcaption > div { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index:1; } .rd_hover_lily .element figcaption h2, .rd_hover_lily .element figcaption p { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } .rd_hover_trending .element figcaption h2 { opacity: 1; font-size: 16px; line-height: 24px; text-align: center; letter-spacing:1.5px; top: 50%; margin: -22px 0 0 0; position: absolute; color:#fff; width: 100%; font-family:"Raleway"; font-weight:900; text-transform:uppercase; } .rd_hover_trending .element figcaption p { color: #fff; opacity: 1; font-size: 14px; text-transform: none; position: absolute; top: 50%; width: 100%; text-align: center; margin: 0; letter-spacing: 0.5px; } .rd_hover_trending .element:hover img, .rd_hover_lily .element:hover figcaption p { opacity: 1; } .rd_hover_trending .element:hover img, .rd_hover_trending .element:hover figcaption h2, .rd_hover_trending .element:hover figcaption p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; } .rd_hover_trending .element:hover figcaption p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; }/*---------------*/ /***** Lily *****/ /*---------------*/ .rd_hover_lily .port_img_link, .rd_hover_lily .port_post_link { display:none; } .rd_hover_lily .element img { max-width: none; width: -webkit-calc(100% + 11%); width: calc(100% + 11%); opacity: 0.7; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-9%, 0, 0); transform: translate3d(-9%, 0, 0); } .rd_hover_lily .element figcaption { text-align: left; } .rd_hover_lily .element figcaption > div { position: absolute; bottom: 0; left: 0; padding: 2em; width: 100%; height: 50%; } .rd_hover_lily .element figcaption h2, .rd_hover_lily .element figcaption p { -webkit-transform: translate3d(0, 40px, 0); transform: translate3d(0, 40px, 0); } .rd_hover_lily .element figcaption h2 { opacity:0; font-size: 16px; font-weight: 900; line-height: 24px; letter-spacing: 0.5px; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } .rd_hover_lily .element figcaption p { color: rgba(255,255,255,0.8); opacity: 0; font-size:14px; -webkit-transition: opacity 0.2s, -webkit-transform 0.35s; transition: opacity 0.2s, transform 0.35s; } .rd_hover_lily .element:hover img, .rd_hover_lily .element:hover figcaption p { opacity: 1; } .rd_hover_lily .element:hover img, .rd_hover_lily .element:hover figcaption h2, .rd_hover_lily .element:hover figcaption p { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity:1; } .rd_hover_lily .element:hover figcaption p { -webkit-transition-delay: 0.05s; transition-delay: 0.05s; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; } /*---------------*/ /***** Sadie *****/ /*---------------*/ .rd_hover_sadie .port_img_link, .rd_hover_sadie .port_post_link { display:none; } .rd_hover_sadie .element figcaption { text-align:center; } .rd_hover_sadie .element figcaption::before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%); content: ''; opacity: 0; -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); } .rd_hover_sadie .element figcaption h2 { position: absolute; top: 52%; left: 0; width: 100%; letter-spacing: 0.5px; font-size: 16px; color: #484c61; -webkit-transition: -webkit-transform 0.35s, color 0.35s; transition: transform 0.35s, color 0.35s; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } .rd_hover_sadie .element figcaption::before, .rd_hover_sadie .element figcaption p { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .rd_hover_sadie .element figcaption p { position: absolute; bottom: 0; left: 0; padding: 2em; font-size:14px; text-transform:none; width: 100%; opacity: 0; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } .rd_hover_sadie .element:hover figcaption h2 { color: #fff; -webkit-transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); transform: translate3d(0, -50%, 0) translate3d(0, -40px, 0); } .rd_hover_sadie .element:hover figcaption::before, .rd_hover_sadie .element:hover figcaption p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*---------------*/ /***** Bubba *****/ /*---------------*/ .rd_hover_bubba .element figcaption { text-align:center; } .rd_hover_bubba .port_img_link, .rd_hover_bubba .port_post_link { display:none; } .rd_hover_bubba .element figcaption { text-align:center; } .rd_hover_bubba .element img { opacity: 1; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .rd_hover_bubba .element:hover img { opacity: 0.5; } .rd_hover_bubba .element figcaption::before, .rd_hover_bubba .element figcaption::after { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .rd_hover_bubba .element figcaption::before { border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); } .rd_hover_bubba .element figcaption::after { border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); } .rd_hover_bubba .element figcaption h2 { padding-top: 30%; font-weight:900; color: #fff; letter-spacing: 0.5px; font-size: 16px; line-height: 24px; opacity: 0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } .rd_hover_bubba.thumbnail_type_2 .element figcaption h2 { padding-top:42%; } .rd_hover_bubba.thumbnail_type_3 .element figcaption h2 { padding-top:23%; } .rd_hover_bubba.thumbnail_type_4 .element figcaption h2 { padding-top:50%; } .rd_hover_bubba.thumbnail_type_5 .element figcaption h2 { padding-top:42%; } .rd_hover_bubba.thumbnail_type_5 .element.rd_portfolio_landscape figcaption h2 { padding-top: 24.5%; } .rd_hover_bubba .element.rd_portfolio_landscape figcaption h2 { padding-top: 14.5%; } .rd_hover_bubba .element figcaption p { padding: 5px 2.5em; opacity: 0; text-transform:none; color: #fff; font-size: 14px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } .rd_hover_bubba .element:hover figcaption::before, .rd_hover_bubba .element:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .rd_hover_bubba .element:hover figcaption h2, .rd_hover_bubba .element:hover figcaption p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*---------------*/ /***** Chico *****/ /*---------------*/ .rd_hover_chico .element figcaption { text-align:center; } .rd_hover_chico .port_img_link, .rd_hover_chico .port_post_link { display:none; } .rd_hover_chico .element img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1.12); transform: scale(1.12); } .rd_hover_chico .element:hover img { opacity: 0.5; -webkit-transform: scale(1); transform: scale(1); } .rd_hover_chico .element figcaption { padding: 3em; } .rd_hover_chico .element figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; -webkit-transform: scale(1.1); transform: scale(1.1); } .rd_hover_chico .element figcaption::before, .rd_hover_chico .element figcaption p { opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .rd_hover_chico .element figcaption h2 { padding: 20% 0 0px 0; color:#ffffff; font-size: 16px; line-height: 24px; font-weight: 900; letter-spacing: 0.5px; } .rd_hover_chico.thumbnail_type_2 .element figcaption h2 { padding-top:30%; } .rd_hover_chico.thumbnail_type_3 .element figcaption h2 { padding-top:13%; } .rd_hover_chico.thumbnail_type_4 .element figcaption h2 { padding-top:40%; } .rd_hover_chico.thumbnail_type_5 .element figcaption h2 { padding-top:36%; } .rd_hover_chico.thumbnail_type_5 .element.rd_portfolio_landscape figcaption h2 { padding-top: 22%; } .rd_hover_chico .element.rd_portfolio_landscape figcaption h2 { padding-top: 9.5%; } .rd_hover_chico .element figcaption p { margin: 0 auto; max-width: 200px; font-size: 14px; text-transform: none; color: #fff; -webkit-transform: scale(1.5); transform: scale(1.5); } .rd_hover_chico .element:hover figcaption::before, .rd_hover_chico .element:hover figcaption p { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } /*---------------*/ /***** Roxy *****/ /*---------------*/ .rd_hover_roxy .port_img_link, .rd_hover_roxy .port_post_link { display:none; } .rd_hover_roxy .element img { max-width: none; width: -webkit-calc(100% + 11%); width: calc(100% + 11%); opacity: 0.95; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-9%, 0, 0); transform: translate3d(-9%, 0, 0); } .rd_hover_roxy .element figcaption::before { position: absolute; top: 30px; right: 30px; bottom: 30px; left: 30px; border: 1px solid #fff; content: ''; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } .rd_hover_roxy .element figcaption { padding: 3em; text-align: left; } .rd_hover_roxy .element figcaption h2 { padding: 45% 0 0px 0; font-size: 16px; font-weight: 900; letter-spacing: 0.5px; line-height: 24px; color:#fff; opacity:0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; } .rd_hover_roxy.thumbnail_type_2 .element figcaption h2 { padding-top:70%; } .rd_hover_roxy.thumbnail_type_3 .element figcaption h2 { padding-top:30%; } .rd_hover_roxy.thumbnail_type_4 .element figcaption h2 { padding-top:40%; } .rd_hover_roxy.thumbnail_type_5 .element figcaption h2 { padding-top:70%; } .rd_hover_roxy.thumbnail_type_5 .element.rd_portfolio_landscape figcaption h2 { padding-top: 36%; } .rd_hover_roxy .element.rd_portfolio_landscape figcaption h2 { padding-top: 17.5%; } .rd_hover_roxy .element figcaption p { opacity: 0; text-transform:none; font-size:14px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .rd_hover_roxy .element:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .rd_hover_roxy .element:hover figcaption::before, .rd_hover_roxy .element:hover figcaption h2, .rd_hover_roxy .element:hover figcaption p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*---------------*/ /***** Layla *****/ /*---------------*/ .rd_hover_layla .port_img_link, .rd_hover_layla .port_post_link { display:none; } .rd_hover_layla .element img { -webkit-transform: scale(1.15); transform: scale(1.15); } .rd_hover_layla .element figcaption { text-align:center; padding: 3em; } .rd_hover_layla .element figcaption::before, .rd_hover_layla .element figcaption::after { position: absolute; content: ''; opacity: 0; } .rd_hover_layla .element figcaption::before { top: 50px; right: 30px; bottom: 50px; left: 30px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: 0 0; transform-origin: 0 0; } .rd_hover_layla .element figcaption::after { top: 30px; right: 50px; bottom: 30px; left: 50px; border-right: 1px solid #fff; border-left: 1px solid #fff; -webkit-transform: scale(1, 0); transform: scale(1, 0); -webkit-transform-origin: 100% 0; transform-origin: 100% 0; } .rd_hover_layla .element figcaption h2 { padding-top: 22%; font-size: 16px; font-weight: 900; letter-spacing: 0.5px; line-height: 24px; color:#fff; opacity:0; -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .rd_hover_layla.thumbnail_type_2 .element figcaption h2 { padding-top:34%; } .rd_hover_layla.thumbnail_type_3 .element figcaption h2 { padding-top:12.5%; } .rd_hover_layla.thumbnail_type_4 .element figcaption h2 { padding-top:35%; } .rd_hover_layla.thumbnail_type_5 .element figcaption h2 { padding-top:34%; } .rd_hover_layla.thumbnail_type_5 .element.rd_portfolio_landscape figcaption h2 { padding-top: 20%; } .rd_hover_layla .element.rd_portfolio_landscape figcaption h2 { padding-top: 10%; } .rd_hover_layla .element figcaption p { padding: 0em 2em; text-transform: none; font-size:14px; opacity: 0; color:#fff; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .rd_hover_layla .element figcaption h2 { -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } .rd_hover_layla .element img, .rd_hover_layla .element figcaption::before, .rd_hover_layla .element figcaption::after, .rd_hover_layla .element figcaption p, .rd_hover_layla .element figcaption h2 { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .rd_hover_layla .element:hover img { opacity: 0.7; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transform: scale(1); transform: scale(1); } .rd_hover_layla .element:hover figcaption::before, .rd_hover_layla .element:hover figcaption::after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .rd_hover_layla .element:hover figcaption h2, .rd_hover_layla .element:hover figcaption p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .rd_hover_layla .element:hover figcaption::after, .rd_hover_layla .element:hover figcaption h2, .rd_hover_layla .element:hover figcaption p, .rd_hover_layla .element:hover img { -webkit-transition-delay: 0.15s; transition-delay: 0.15s; } /*-----------------*/ /***** Goliath *****/ /*-----------------*/ .rd_hover_goliath .port_img_link, .rd_hover_goliath .port_post_link { display:none; } .rd_hover_goliath .element img, .rd_hover_goliath .element figcaption h2 { -webkit-transition: -webkit-transform 0.35s; transition: transform 0.35s; } .rd_hover_goliath .element figcaption h2 { font-size: 16px; font-weight: 900; letter-spacing: 0.5px; line-height: 25px; } .rd_hover_goliath .element figcaption p { font-size: 14px; text-transform: none; } .rd_hover_goliath .element img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .rd_hover_goliath .element figcaption div { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 35px; height: 64px; } .rd_hover_goliath .element figcaption h2, .rd_hover_goliath .element figcaption p { opacity: 0; color:#fff; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } .rd_hover_goliath .element:hover img { -webkit-transform: translate3d(0, -80px, 0); transform: translate3d(0, -80px, 0); } .rd_hover_goliath .element:hover figcaption h2 { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .rd_hover_goliath .element:hover figcaption p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*-----------------*/ /***** Steve *****/ /*-----------------*/ .rd_hover_steve .port_img_link, .rd_hover_steve .port_post_link { display:none; } .rd_hover_steve .element { z-index: auto; overflow: visible; } .rd_hover_steve .element:hover { z-index:1; } .rd_hover_steve .element .filter_img { z-index: auto; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; overflow: visible; } .rd_hover_steve .element .filter_img:before { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; content: ''; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; } .rd_hover_steve .element .filter_img:before { box-shadow: 0 3px 30px rgba(0,0,0,0.6); opacity: 0; } .rd_hover_steve .element figcaption { z-index: 1; text-align:center; } .rd_hover_steve .element img { opacity: 1; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: perspective(1000px) translate3d(0, 0, 0); transform: perspective(1000px) translate3d(0, 0, 0); } .rd_hover_steve .element figcaption h2, .rd_hover_steve .element figcaption p { color: #fff; } .rd_hover_steve .element figcaption h2 { position: relative; margin-top: 20%; font-size: 16px; font-weight: 900; opacity: 0; letter-spacing: 0.5px; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; } .rd_hover_steve.thumbnail_type_2 .element figcaption h2 { margin-top:32%; } .rd_hover_steve.thumbnail_type_3 .element figcaption h2 { margin-top: 13.5%; } .rd_hover_steve.thumbnail_type_4 .element figcaption h2 { margin-top:35%; } .rd_hover_steve.thumbnail_type_5 .element figcaption h2 { margin-top:32%; } .rd_hover_steve.thumbnail_type_5 .element.rd_portfolio_landscape figcaption h2 { margin-top: 20%; } .rd_hover_steve .element.rd_portfolio_landscape figcaption h2 { margin-top: 9.5%; } .rd_hover_steve .element figcaption p { margin-top: 0; opacity: 0; font-size: 16px; text-transform: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale3d(0.9, 0.9, 1); transform: scale3d(0.9, 0.9, 1); } .rd_hover_steve .element:hover .filter_img:before { opacity: 1; } .rd_hover_steve .element .filter_img:hover { -webkit-transform: perspective(1000px) translate3d(0, 0, 21px); transform: perspective(1000px) translate3d(0, 0, 21px); z-index:1; } .rd_hover_steve .element:hover img { opacity:0.75; } .rd_hover_steve .element:hover figcaption h2:before { opacity: 0; } .rd_hover_steve .element:hover figcaption h2 { opacity: 1; } .rd_hover_steve .element:hover figcaption p { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /********************************************** Overlay *****************************************/ .port_post_link { display:block; min-height:100%; min-width:50%; top:0; left:0; position:absolute; overflow:hidden; } .port_img_link { display:block; min-height:100%; min-width:50%; top:0; right:0; position:absolute; overflow:hidden; } .blog_post_link_ctn { display:block; min-height:100%; min-width:50%; top:0; right:0; position:absolute; overflow:hidden; } .blog_img_link_ctn { display:block; min-height:100%; min-width:50%; top:0; left:0; position:absolute; overflow:hidden; } .img_link:before { font-family:'FontAwesome'; font-size:16px; color:#fff; content:'\f002'; } .img_link { position:absolute; top:50%; margin-top:-21px; left:120%; text-shadow:none; opacity:0; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; z-index:2; width: 42px; height: 42px; background: none; display: inline-block; font-size: 18px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #fff; text-align: center; line-height: 38px; border:1px solid #fff; } .post_link:before { font-family:'FontAwesome'; font-size:16px; color:#2c3e50; content:'\f0c1'; } .post_link { position:absolute; top:50%; margin-top:-21px; right:120%; text-shadow:none; opacity:0; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 41px; height: 41px; z-index:2; background: rgba(255, 255, 255, 1); display: inline-block; font-size: 18px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #444; text-align: center; line-height: 41px; } .blog_img_link:before { font-family:'FontAwesome'; font-size:14px; color:#2c3e50; content:'\f002'; } .blog_img_link { position:absolute; right:5px; bottom:-20%; text-shadow:none; opacity:1; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; z-index:2; width: 36px; height: 36px; background: rgba(255, 255, 255, 1); display: inline-block; font-size: 18px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #334455; text-align: center; line-height: 34px; border:none; } .blog_post_link:before { font-family:'FontAwesome'; font-size:20px; color:#334455; content:'\f105'; } .blog_post_link { position:absolute; left:5px; bottom:-20%; text-shadow:none; opacity:1; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; width: 36px; height: 36px; z-index:2; background: rgba(255, 255, 255, 1); display: inline-block; font-size: 18px; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; color: #2c3e50; text-align: center; line-height: 36px; } .port_overlay { display:block; min-height:100%; min-width:100%; position:absolute; top:0; z-index:1; opacity:0; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .fw_port_link { display:none; } .fw_port_tag { display:none; } .fw_port .fw_port_link { top: 60%; display:block; position: absolute; color: #fff; border-bottom: 1px solid #fff; width: 85%; text-align: right; right: 15%; font-weight: 300; font-size: 20px; padding-bottom: 10px; } .fw_port .fw_port_tag { position: absolute; color: #fff; right: 15%; top: 60%; display: block; font-weight: 300; padding: 65px 0 0 0; } /**** Project details ****/ /* Navigation */ .single_port_navigation { float: left; clear: both; width: 100%; margin-top: 100px; padding-bottom: 20px; margin-bottom: 50px; } .all_projects_btn { display: block; width: 40px; height: 40px; position:relative; float: left; border-radius: 3px; border: 1px solid; } span.ap_top_point { position: absolute; border-left: 6px solid; border-right: 6px solid; height: 6px; width: 17px; left: 11px; top: 11px; } span.ap_bottom_point { position: absolute; border-left: 6px solid; border-right: 6px solid; height: 6px; width: 17px; left: 11px; top: 22px; } .single_port_navigation .previous_project { font-size:14px; font-weight:900; letter-spacing:1px; float:right; text-transform:uppercase; padding:9px 17px 9px; min-width: 130px; text-align: center; border-radius: 3px; } .single_port_navigation .next_project { font-size:14px; font-weight:900; letter-spacing:1px; float:right; text-transform:uppercase; padding:9px 17px 9px; min-width: 130px; text-align: center; border-radius: 3px; margin-left:20px; } .port_details_slider { width: 65.83333333333334%; float: left; min-height: 5px; display: block; margin:0; } .port_details_information { width: 31.666666666666668%; display: block; min-height: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5%; } .port_details_full_slider, .port_details_full_information { width:100%; min-height: 5px; display: block; margin:0; } .port_details_full_slider a img, .port_details_slider a img { display:block; width:100%; } .port_details_full_information .port_details_title { margin-top:43px; } .port_details_title { font-size:30px; margin:-7px 0 6px 0; } .port_details_subtitle { font-size:15px; line-height:24px; margin-bottom: 8px; } .port_details_information .item_details_info { float:left; width:100%; clear:both; padding-bottom: 19px; } .port_details_full_information .item_details_info { float:left; width:100%; clear:both; padding-bottom: 27px; border-bottom: 1px solid; margin-bottom: 22px; } .port_details_information .item_details_date, .port_details_full_information .item_details_date { padding-left:0; } .port_details_information .item_details_date::after, .port_details_full_information .item_details_date::after { content: '|'; padding-left: 10px; font-weight:300; } .port_details_information .zilla-likes, .port_details_full_information .zilla-likes { float: left; margin-left: 10px; } .port_details_information .share-box ul, .port_details_full_information .share-box ul { margin-top: 8px; } .port_details_full_information .share_icons_container { margin-top:18px; } .single_port_related { padding:90px 0 0 0; } .single_port_related > h2 { font-size: 24px; line-height: 36px; font-weight:700; text-align:left; margin-bottom: 32px; } .single_port_comments .comment_count h3, .single_port_comments #add-comment h4 { font-size: 24px; line-height: 36px; font-weight:700; text-align:left; margin-bottom: 32px; } .port_vp { float: left; } .port_vp a { font-size: 12.5px; color:#fff; font-family: Lato; text-transform: uppercase; font-weight: 900; padding: 10px 13px 11px; margin-top: 30px; letter-spacing: 0.5px; border-radius: 5px; display: block; } .port_details_full_information .item_details_entry { width: 65.83333333333334%; float: left; min-height: 5px; display: block; margin:0; } .port_details_full_information .port_metas { width: 31.666666666666668%; display: block; min-height: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.5%; } .port_metas { width:100%; margin-bottom:17px; } .port_meta { padding: 10px 0; } .port_meta_first { width:29%; float:left; } .port_meta_last { width:71%; float:left; } .port_meta:last-child { border:none!important; } /**** Carousel ****/ .full-width-content .cbp_type03, .full-width-content .cbp_type04, .full-width-content .staff_sc, .full-width-content .cbp_type07 { width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px); width: -o-calc(100% - 30px); width: calc(100% - 30px); margin-left: 30px; } .single-portfolio .jcarousel, .jcarousel, .rp_sc, .staff_sc, .related, .cross-sells, .upsells { width:calc(100% + 30px); } #posts .jcarousel, #posts .rp_sc, #posts .pb_full_width .staff_sc { width:calc(100% + 20px); } .jcarousel, .rp_sc, .staff_sc { margin:0 0 0 0px; overflow:auto; height:100%; } .carousel_recent_post { width:290px; margin:0 0 0px 0px; overflow:visible; padding: 0; display: block; float: left; height:auto !important; } #posts .blog_related_post { width:290px; margin:0 0 0px 0px; overflow:visible; padding: 0; display: block; float: left; height:auto !important; padding-right:20px; } .blog_related_post { width:290px; margin:0 0 0px 0px; overflow:visible; padding: 0; display: block; float: left; height:auto !important; padding-right:30px; } .blog_related_post .post, #posts .blog_related_post .post { padding-bottom:0px; } .single_post_related_carousel .related_right { right:0!important; } .single_post_related_carousel .related_left { right:42px!important; } .full-width-content .carousel_recent_post .recent_port_ctn { padding-right:0px; } .recent_port_ctn { padding-right:30px; width:auto; } .carousel_recent_post img { padding:0; margin:0; width:100%; height:auto; display:block } .carousel_recent_post .portfolio_desc h5 { padding:20px 0 0 0; margin:0; color:#333; font-size:18px; line-height: normal; } .carousel_recent_post .portfolio_desc h6 { font-size:15px; color:#bdbdbd; } .carousel_nav, .rp_nav, .staff_nav, .related_nav { position:relative; width:100%; z-index:100; } .module_recent_posts:hover .rp_left, .module_recent_posts:hover .rp_right, .module_staff:hover .staff_left, .module_staff:hover .staff_right, .module_recent_portfolio:hover .carousel_right, .module_recent_portfolio:hover .carousel_left, .all_port:hover .carousel_right, .all_port:hover .carousel_left { opacity:0.85; } .carousel_left, .carousel_right { position:absolute; top:83px !important; left:-17px; width: 35px; height: 35px; border:1px solid rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; z-index:100; background: #333333; opacity: 0; } .rp_left, .rp_right, .staff_left, .staff_right { position:absolute; top:200px; left:0px; width: 35px; height: 35px; border:1px solid rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; z-index:100; background: #333333; opacity: 0; } .related_left, .related_right, .upsells_left, .upsells_right, .all_port .carousel_left, .all_port .carousel_right { position:absolute; top:-32px; right:26px; width: 33px; height: 33px; text-align:center; line-height:31px; border:1px solid rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .carousel_left:hover, .carousel_right:hover, .rp_left:hover, .rp_right:hover, .staff_left:hover, .staff_right:hover, .related_left:hover, .related_right:hover, .upsells_left:hover, .upsells_right:hover { color:#fff; } .carousel_right, .rp_right, .staff_right { right:0px; left:inherit; } .tf_woo_carousel:hover .rp_left, .tf_woo_carousel:hover .rp_right { opacity:1; } .related_right, .upsells_right, .all_port .carousel_right { right:-16px !important; } .carousel_left:before, .rp_left:before, .staff_left:before { font-family:'FontAwesome'; content:'\f104'; position:absolute; left:12px; top:6px; text-shadow:none; font-size:22px; color: #F8F8F8; } .related_left:before, .upsells_left:before { font-family:'FontAwesome'; content:'\f104'; text-shadow:none; font-size:16px; } .carousel_right:before, .rp_right:before, .staff_right:before { font-family:'FontAwesome'; content:'\f105'; position:absolute; left:13px; top:6px; text-shadow:none; font-size:22px; color: #F8F8F8; } .related_right:before, .upsells_right:before { font-family:'FontAwesome'; content:'\f105'; text-shadow:none; font-size:16px; } .partners_nav { width:100%; z-index:100; } .module_partners:hover .partners_left, .module_partners:hover .partners_right { opacity:0.85 } .partners_left, .partners_right { position:absolute; top:50%; margin-top:-17.5px; left:0px; width: 35px; height: 35px; border:1px solid rgba(0, 0, 0, 0.1); cursor: pointer; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; z-index:100; background: #2c3e50; opacity: 0; } .sponsors:hover .partners_left, .sponsors:hover .partners_right { opacity:1 } .partners_left:hover, .partners_right:hover { color:#fff; } .partners_right { left:inherit; right:0px; } .partners_left:before { font-family:'FontAwesome'; content:'\f104'; position:absolute; left:12px; top:6px; text-shadow:none; font-size:22px; color: #F8F8F8; } .partners_right:before { font-family:'FontAwesome'; content:'\f105'; position:absolute; left:13px; top:6px; text-shadow:none; font-size:22px; color: #F8F8F8; } /**** VC carousel blog post ****/ .cbp_type01 { width:calc(100% + 1px )!important; position:relative; overflow:inherit!important; } .cbp_type01 .blog_box:after { content: ""; width: 100%; height: 100%; position: absolute; position: top; top: 0; z-index: 0; background: -moz-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(66,66,66,0.65) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, rgba(0,0,0,0)), color-stop(100%, rgba(66,66,66,0.65))); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(66,66,66,0.65) 100%); background: -o-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(66,66,66,0.65) 100%); background: -ms-linear-gradient(top, rgba(0,0,0,0) 25%, rgba(66,66,66,0.65) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 25%, rgba(66,66,66,0.65) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6424242', GradientType=0 ); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .cbp_type01 .recent_port_ctn:hover .blog_box:after { opacity:0; } .cbp_type01 .blog_box_content { z-index: 1; } .cbp_type01 .rp_nav { position:static; clear: both; } .cbp_type01:hover .rp_left, .cbp_type01:hover .rp_right { opacity:1; } .cbp_type01 .rp_left { left:0px; width:36px; text-align:center; height:50px; line-height:50px; border-radius: 0 5px 5px 0; top:50%; margin-top:-25px; } .cbp_type01 .rp_left:before { content:"\f053"; font-size:16px; left: 10px; top: 1px; color:#fff; } .cbp_type01 .rp_right { right:0px; width:36px; text-align:center; height:50px; line-height:50px; border-radius: 5px 0px 0 5px; top:50%; margin-top:-25px; } .cbp_type01 .rp_right:before { content:"\f054"; font-size:16px; left: 12px; top: 1px; color:#fff; } /** type 02 **/ .cbp_type02 { width:calc(100% + 1px )!important; position:relative; overflow:inherit!important; } .cbp_type02 h5.widget_post_title { font-size:18px; text-transform:none; font-weight:700; margin-bottom:4px; } .cbp_type02 .recent_port_ctn:hover .blog_box_content { bottom:0; background:rgba(34,37,51,0.96); } .cbp_type02 .blog_box_content { margin:0; bottom:0; padding:27.5px 0 25.5px; } .cbp_type02 .blog_box:before { background: rgba(34,37,51,0.50); content: ""; position: absolute; width: 100%; height: 100%; } .cbp_type02 .carousel_recent_post:hover .blog_box:before { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0; } .cbp_type02 p.rp_date { font-size: 14px; margin-top: 0px; font-weight:400; } .cbp_type02 .rp_nav { position:static; } .cbp_type02:hover .rp_left, .cbp_type02:hover .rp_right { opacity:1; } .cbp_type02 .rp_left { left:0px; width:36px; text-align:center; height:50px; line-height:50px; border-radius: 0 5px 5px 0; top:50%; margin-top:-25px; } .cbp_type02 .rp_left:before { content:"\f053"; font-size:16px; left: 10px; top: 1px; color:#fff; } .cbp_type02 .rp_right { right:0px; width:36px; text-align:center; height:50px; line-height:50px; border-radius: 5px 0px 0 5px; top:50%; margin-top:-25px; } .cbp_type02 .rp_right:before { content:"\f054"; font-size:16px; left: 12px; top: 1px; color:#fff; } /** type 03 **/ .cbp_type03 { position:relative; overflow:visible!important; } .cbp_type03 .blog_related_post .post-title h2 { font-size:16px; font-weight:900; text-transform:uppercase; line-height:21px; } .cbp_type03 .sep_25 { padding-bottom:23px; } .cbp_type03 .blog_related_post .more-link { border-width:2px !important; font-size: 14px; padding: 6px 15px 6px; font-weight: bold; } .cbp_type03 .rp_nav { position:static; } .cbp_type03:hover .rp_left, .cbp_type03:hover .rp_right { opacity:1; } .cbp_type03 .rp_left { left:0px; top: 40%; margin-top: -15.5px; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .cbp_type03 .rp_right { right:30px; text-align:center; top: 40%; margin-top:-15.5px; opacity:0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /** type 04 **/ .cbp_type04 { margin-top:44px; } .related_nav.cbp_type04 { margin-top:0px; } .related_nav.cbp_type04 .related_left, .related_nav.cbp_type04 .related_right { width:30px; height:30px; border-radius:2px; } .related_nav.cbp_type04 .related_left { right: 40px; } .related_nav.cbp_type04 .related_left:before { font-size:16px; top: 3px; } .related_nav.cbp_type04 .related_right { right: 0px !important; } .related_nav.cbp_type04 .related_right:before { font-size:16px; top: 3px; } /** type 05 **/ .cbp_left_desc { width: 23.125%; float:left; display:block; position:relative; } .cbp_right_desc { width: 23.125%; float:right; display:block; position:relative; } .cbp_left_desc p, .cbp_left_desc p { margin-bottom:24px; } .cbp_type05.rp_sc { width: 76.875%; } .cbp_left .recent_port_ctn { padding-right:0; padding-left:30px; } .cbp_righ .recent_port_ctn { padding-right:30; padding-left:0px; } .rp_desc { line-height:24px; } .cbp_type05 .cbp_title { font-size:30px; font-weight:900; text-transform:uppercase; letter-spacing:2px; margin-bottom: 19px; } .cbp_type05 .blog_post_link_ctn { opacity: 0; display: block; text-align: center; min-height: 76px; max-width: 76px !important; min-width: 76px; position: absolute; left: 50%; line-height:70px; margin-left: -38px; border-radius: 100px; top: 87px; border: 3px solid #fff; } .cbp_type05 .recent_port_ctn:hover .blog_post_link_ctn { opacity:1; } .cbp_type05 .blog_post_link_ctn:before { font-family: 'FontAwesome'; content: '\f105'; display:block; font-size:30px; color:#fff; } .cbp_type05 .rp_left { left:0px; top:26px; opacity:1; width: 50px; height: 50px; border-radius:3px 0 0 3px; } .cbp_type05 .rp_right { left:60px; top:26px; opacity:1; width: 50px; height: 50px; border-radius:0 3px 3px 0; } .cbp_type05 .rp_left:before { left: 18px; top: 12px; font-size: 28px; } .cbp_type05 .rp_right:before { left: 20px; top: 12px; font-size: 28px; } .cbp_type05 .blog_box_content { margin: 0; padding:25px 30px 13px; background: #f9f9f9; line-height:24px; } .cbp_type05 h5.widget_post_title { font-size:18px; font-weight:700; text-transform:none; letter-spacing:normal; margin-bottom:8px; } .cbp_type05 a.more-link { display: none; } /** type 06 **/ .cbp_type06 .rp_desc { line-height:24px; } .cbp_type06.rp_sc { width: 76.875%; } .cbp_type06 .cbp_title { font-size:36px; font-weight:300; text-transform:none; margin-bottom: 19px; } .cbp_type06 .blog_post_link_ctn { opacity:0; display: block; text-align: center; min-height: 100%; max-width: 100%; min-width: 100%; position: absolute; left: 0%; line-height: 70px; top: 0px; background: rgba(34, 37, 51, 0.65); } .cbp_type06 .recent_port_ctn:hover .blog_post_link_ctn { opacity:1; } .cbp_type06 .blog_post_link_ctn:before { font-family: 'Lato'; content: '+'; display: block; font-size: 150px; color: #fff; margin-top: 55px; font-weight: 100; } .cbp_type06 .rp_left { left:0px; top:26px; opacity:1; width: 54px; height: 54px; border-radius:100px; } .cbp_type06 .rp_right { left:64px; top:26px; opacity:1; width: 54px; height: 54px; border-radius:100px; } .cbp_type06 .rp_right:hover, .cbp_type06 .rp_left:hover { transform: scale(1.05); /* CSS3 */ -moz-transform: scale(1.05); /* Firefox */ -webkit-transform: scale(1.05); /* Webkit */ -o-transform: scale(1.05); /* Opera */ -ms-transform: scale(1.05); /* IE 9 */ } .cbp_type06 .rp_left:before { font-family: 'elg'; left: 18px; top: 15px; font-size: 16px; content:"\23"; } .cbp_type06 .rp_right:before { font-family: 'elg'; left: 20px; top: 15px; font-size: 16px; content:"\24"; } .cbp_type06 .blog_box_content { margin: 0; padding:24px 30px 64px; background: #f9f9f9; position:relative; line-height:24px; } .cbp_type06 h5.widget_post_title { font-size:18px; font-weight:700; text-transform:none; letter-spacing:normal; margin-bottom:7px; } .cbp_type06 a.more-link { width: 100%; position: absolute; bottom: 0; left: 0; line-height: 50px; margin: 0px; border-radius: 0; padding: 0 30px; font-weight: 900; background: #a1b1bc; color: #fff; font-size: 14px; } .cbp_type06 a.more-link:after { content: ""; position: absolute; right: 0px; width: 50px; height: 50px; line-height: 50px; background: rgba(0, 0, 0, 0.21); font-family: 'FontAwesome'; content: '\f105'; text-align: center; font-size: 20px; font-weight: 100; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /** type 07 **/ .cbp_type07 { position:relative; overflow:visible!important; } .cbp_type07 .blog_related_post .post-title h2 { font-size:14px; font-weight:900; text-transform:uppercase; letter-spacing:1px; line-height:21px; } .cbp_type07 .blog_related_post .post-info { font-size:12px; font-weight:400; text-transform:uppercase; padding-bottom: 7px; margin: 5px 0px 0px 0px; border-bottom:none!important; } .cbp_type07 .sep_25 { padding-bottom:21px; } .cbp_type03 .blog_related_post .more-link { border-width:2px !important; font-size: 14px; padding: 6px 15px 6px; font-weight: bold; } /** type 08 **/ .cbp_type08.rp_sc, .cbp_type08.jcarousel { width: 76.875%; } .cbp_type08 .cbp_title { font-size:36px; font-weight:300; text-transform:none; margin-bottom: 19px; } .cbp_type08 .blog_post_link_ctn { opacity: 0; display: block; text-align: center; min-height: 76px; max-width: 76px !important; min-width: 76px; position: absolute; left: 50%; line-height:70px; margin-left: -38px; border-radius: 100px; top: 87px; border: 3px solid #fff; } .cbp_type08 .recent_port_ctn:hover .blog_post_link_ctn { opacity:1; } .cbp_type08 .blog_post_link_ctn:before { font-family: 'FontAwesome'; content: '\f105'; display:block; font-size:30px; color:#fff; } .cbp_type08 .rp_left { left:0px; top:26px; opacity:1; width: 45px; height: 40px; border:none; border-radius:3px 0 0 3px; } .cbp_type08 .rp_right { left:45px; top:26px; opacity:1; width: 45px; height: 40px; border:none; border-radius:0 3px 3px 0; } .cbp_type08 .rp_left:before { left: 17px; top: 9px; font-size: 18px; } .cbp_type08 .rp_right:before { left: 21px; top: 9px; font-size: 18px; } .cbp_type08 .blog_box_content { margin: 0; padding:25px 30px 13px; background: #f9f9f9; line-height:24px; } .cbp_type08 h5.widget_post_title { font-size:18px; font-weight:700; text-transform:none; letter-spacing:normal; margin-bottom:8px; } .cbp_type08 a.more-link { display: none; } /**** VC carousel portfolio post ****/ .jcarousel.rd_pc_1 { overflow:visible; } .jcarousel.rd_pc_2 { overflow:visible; max-width:1170px; } .rd_pc_1 .port_details { padding:20px 30px 17px; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pc_2 .port_details { padding:20px 30px 17px; position:relative; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pc_2 .recent_port_ctn { padding:0px !important; } .port_details:before { position: absolute; content: ""; width: 10px; height: 10px; top: -6px; left: 40px; transform: rotate(45deg); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } .rd_pc_1 .port_details h2, .rd_pc_2 .port_details h2 { font-size:18px; font-weight:bold; line-height:32px; } .rd_pc_1 .port_details h3, .rd_pc_2 .port_details h3 { font-size:14px; font-weight: normal; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } /************************************************************************************ 7 Contact *************************************************************************************/ .wpcf7 .left_field { width:48%; float:left; } .wpcf7 .right_field { width:48%; float:right; } .wpcf7 .message_field { clear:both; } .wpcf7 input[type=text], input[type=email], input[type=password], textarea { margin-top:20px; } #footer .wpcf7 input[type=text], #footer input[type=email] { margin-top:0; } input[type=text], input[type=email], input[type=password], textarea { font-family: "Lato"; font-size: 14px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.1); line-height: 20px; color: #999999; padding: 10px 20px 11px 20px; } #footer input[type=text], #footer input[type=email], #footer input[type=password], #footer textarea { font-family: "Lato"; font-size: 14px; background-color: rgba(0, 0, 0, 0.2); border: 1px solid rgba(0, 0, 0, 0.1); line-height: 20px; height: 30px; color: #ffffff; padding: 0 1% 0 2%; } input[type=text], input[type=email], input[type=password] { width: 100%; } #footer input[type=text], #footer input[type=email], #footer input[type=password] { width: 49%; } #footer input[type=text] { margin-right:2%; float:left; } textarea, #footer textarea { height: 180px; width: 100%; padding: 10px 20px 11px 20px; resize: vertical; } #footer textarea { height:100px; width:100%; } input[type=text]:focus, input[type=email]:focus, textarea:focus, select:focus, input:focus { border-color: #dedede; outline: none; } input[type=submit] { font-size: 16px; font-family:"Lato"; text-transform:uppercase; padding: 12px 10px; color: #ffffff; cursor: pointer; border: none; font-weight:900; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; } #footer .wpcf7 input[type=submit] { float:right; padding:8px 10px; border: none; font-size:12px; background-color:#1bbc9b; } input[type=submit]:hover { background-color:#1d1d1d; color: #fff; } form { margin-top: 0px; } form div { margin-top: 15px; position: relative; } div form:first-child, form div:first-child { margin-top: 0px; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>