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
<!DOCTYPE html> <html lang="cs-CZ"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" /> <title> | Další web používající WordPress</title> <link rel="shortcut icon" href="http://www.testwebu.9e.cz/wp-content/themes/TheFox/images/fav.png"/> <script> mixajaxurl = "http://www.testwebu.9e.cz/wp-admin/admin-ajax.php"; </script> <!-- html5.js for IE less than 9 --> <!--[if lt IE 9]>--> <script src="http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/html5.js"></script> <!--<![endif]--> <!-- css3-mediaqueries.js for IE less than 9 --> <!--[if lt IE 9]>--> <script src="http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/css3-mediaqueries.js"></script> <!--<![endif]--> <link rel="alternate" type="application/rss+xml" title=" » RSS zdroj" href="http://www.testwebu.9e.cz/?feed=rss2" /> <link rel="alternate" type="application/rss+xml" title=" » RSS komentářů" href="http://www.testwebu.9e.cz/?feed=comments-rss2" /> <link rel="alternate" type="application/rss+xml" title=" » RSS komentářů pro Domů" href="http://www.testwebu.9e.cz/?feed=rss2&page_id=2" /> <script type="text/javascript"> window._wpemojiSettings = {"baseUrl":"http:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"http:\/\/www.testwebu.9e.cz\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.2.2"}}; !function(a,b,c){function d(a){var c=b.createElement("canvas"),d=c.getContext&&c.getContext("2d");return d&&d.fillText?(d.textBaseline="top",d.font="600 32px Arial","flag"===a?(d.fillText(String.fromCharCode(55356,56812,55356,56807),0,0),c.toDataURL().length>3e3):(d.fillText(String.fromCharCode(55357,56835),0,0),0!==d.getImageData(16,16,1,1).data[0])):!1}function e(a){var c=b.createElement("script");c.src=a,c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var f,g;c.supports={simple:d("simple"),flag:d("flag")},c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.simple&&c.supports.flag||(g=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",g,!1),a.addEventListener("load",g,!1)):(a.attachEvent("onload",g),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),f=c.source||{},f.concatemoji?e(f.concatemoji):f.wpemoji&&f.twemoji&&(e(f.twemoji),e(f.wpemoji)))}(window,document,window._wpemojiSettings); </script> <style type="text/css"> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 .07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='layerslider-css' href='http://www.testwebu.9e.cz/wp-content/plugins/LayerSlider/static/css/layerslider.css?ver=5.4.0' type='text/css' media='all' /> <link rel='stylesheet' id='ls-google-fonts-css' href='http://fonts.googleapis.com/css?family=Lato:100,300,regular,700,900%7COpen+Sans:300%7CIndie+Flower:regular%7COswald:300,regular,700&subset=latin%2Clatin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='contact-form-7-css' href='http://www.testwebu.9e.cz/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=4.1.2' type='text/css' media='all' /> <link rel='stylesheet' id='rs-plugin-settings-css' href='http://www.testwebu.9e.cz/wp-content/plugins/revslider/rs-plugin/css/settings.css?ver=4.6.9' type='text/css' media='all' /> <style id='rs-plugin-settings-inline-css' type='text/css'> .tp-caption a{color:#ff7302;text-shadow:none;-webkit-transition:all 0.2s ease-out;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out}.tp-caption a:hover{color:#ffa902} </style> <link rel='stylesheet' id='googlefonts-css' href='http://fonts.googleapis.com/css?family=Lato%3A100%2C300%2C400%2C600%2C700%2C900%7CRaleway%3A900%7CPlayfair+Display%7C%27+rel%3D%27stylesheet%27+type%3D%27text%2Fcss&ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='style-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/style.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='style_end-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/style_end.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='media-queries-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/media-queries_wide.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='rgs-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/css/rgs.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='css3_animations-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/css/animations.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='flexslidercss-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/includes/Flexslider/flexslider.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-thefox-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/css/font-awesome.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='moon-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/css/moon.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='elegant-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/css/elegant.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='prettyphotocss-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/includes/prettyPhoto/css/prettyPhoto.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='js_frontend-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/css/thefox_js_composer.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='zilla-likes-css' href='http://www.testwebu.9e.cz/wp-content/themes/TheFox/includes/zilla-likes/styles/zilla-likes.css?ver=4.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='redux-google-fonts-rd_data-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A600%2C400%2C700%7CLato%3A700%2C300&subset=latin-ext&ver=1433704778' type='text/css' media='all' /> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-includes/js/jquery/jquery.js?ver=1.11.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/plugins/LayerSlider/static/js/greensock.js?ver=1.11.8'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/plugins/LayerSlider/static/js/layerslider.kreaturamedia.jquery.js?ver=5.4.0'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/plugins/LayerSlider/static/js/layerslider.transitions.js?ver=5.4.0'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.tools.min.js?ver=4.6.9'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/plugins/revslider/rs-plugin/js/jquery.themepunch.revolution.min.js?ver=4.6.9'></script> <script type='text/javascript'> /* <![CDATA[ */ var zilla_likes = {"ajaxurl":"http:\/\/www.testwebu.9e.cz\/wp-admin\/admin-ajax.php"}; /* ]]> */ </script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/includes/zilla-likes/scripts/zilla-likes.js?ver=4.2.2'></script> <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://www.testwebu.9e.cz/xmlrpc.php?rsd" /> <link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://www.testwebu.9e.cz/wp-includes/wlwmanifest.xml" /> <meta name="generator" content="WordPress 4.2.2" /> <link rel='canonical' href='http://www.testwebu.9e.cz/' /> <link rel='shortlink' href='http://www.testwebu.9e.cz/' /> <script type="text/javascript"> jQuery(document).ready(function() { // CUSTOM AJAX CONTENT LOADING FUNCTION var ajaxRevslider = function(obj) { // obj.type : Post Type // obj.id : ID of Content to Load // obj.aspectratio : The Aspect Ratio of the Container / Media // obj.selector : The Container Selector where the Content of Ajax will be injected. It is done via the Essential Grid on Return of Content var content = ""; data = {}; data.action = 'revslider_ajax_call_front'; data.client_action = 'get_slider_html'; data.token = '6283b2c4ee'; data.type = obj.type; data.id = obj.id; data.aspectratio = obj.aspectratio; // SYNC AJAX REQUEST jQuery.ajax({ type:"post", url:"http://www.testwebu.9e.cz/wp-admin/admin-ajax.php", dataType: 'json', data:data, async:false, success: function(ret, textStatus, XMLHttpRequest) { if(ret.success == true) content = ret.data; }, error: function(e) { console.log(e); } }); // FIRST RETURN THE CONTENT WHEN IT IS LOADED !! return content; }; // CUSTOM AJAX FUNCTION TO REMOVE THE SLIDER var ajaxRemoveRevslider = function(obj) { return jQuery(obj.selector+" .rev_slider").revkill(); }; // EXTEND THE AJAX CONTENT LOADING TYPES WITH TYPE AND FUNCTION var extendessential = setInterval(function() { if (jQuery.fn.tpessential != undefined) { clearInterval(extendessential); if(typeof(jQuery.fn.tpessential.defaults) !== 'undefined') { jQuery.fn.tpessential.defaults.ajaxTypes.push({type:"revslider",func:ajaxRevslider,killfunc:ajaxRemoveRevslider,openAnimationSpeed:0.3}); // type: Name of the Post to load via Ajax into the Essential Grid Ajax Container // func: the Function Name which is Called once the Item with the Post Type has been clicked // killfunc: function to kill in case the Ajax Window going to be removed (before Remove function ! // openAnimationSpeed: how quick the Ajax Content window should be animated (default is 0.3) } } },30); }); </script> <!-- Custom Styling --> <style type="text/css"> #boxed_layout{margin-top:0px; margin-bottom:0px;}#logo_img img{max-width:180px;}#mobile-menu{background:#222533}#mobile-menu ul ul{background:#2e3244;}#mobile-menu ul ul ul{background:#35384d;}#mobile-menu .mobile-ul-open > a{color:#04bfbf}#mobile-menu .mobile-ul-open:after{color:#04bfbf !important;}#mobile-menu .current_page_item{ background:#191b26;}#mobile-menu .current_page_item > a { border-left:2px solid #04bfbf;}#mobile-menu ul li a{color:#ffffff}#mobile-menu .menu-item-has-children:after{color:#5a5d6b;}#mobile-menu ul li li li a{color:#69708f}#mobile-menu ul ul .menu-item-has-children:after{color:#5d637d;}#mobile_menu_search #search input[type=text]{background:#191b26 !important; color:#69708f;}#mobile_menu_search #search input[type=submit]{color:#69708f;}#top_bar,#rd_wpml #lang_sel ul ul{background:#ffffff;}.topbar_type_1,.topbar_type_1 a,.topbar_type_1 #rd_wpml #lang_sel a{color:#a1b1bc;}.topbar_type_1 strong,.topbar_type_1 .topbar_woocommerce_login.type1 .topbar_sign_in,.topbar_type_1 .topbar_woocommerce_login.type1 .topbar_register,.topbar_type_1 .topbar_woocommerce_login.type1 .topbar_signed_in,.topbar_type_1 #rd_wpml #lang_sel li li a:hover{color:#2c3e50;}.topbar_type_1 .top_email:before,.topbar_type_1 .top_phone:before,.topbar_type_1 .top_text:before{color:#1abc9c;}.topbar_type_1 .top_email,.topbar_type_1 .top_phone,.topbar_type_1 #header_socials,.topbar_type_1 .header_current_cart{border-right:1px solid #ebebeb; padding-right:20px; padding-left:20px;}.topbar_type_1 .topbar_woocommerce_login{border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; padding-right:20px; padding-left:20px;}.topbar_type_1 #rd_wpml,.topbar_type_1 .top_bar_menu{border-right:1px solid #ebebeb;}.topbar_type_1 .wrapper > div:first-child {border-left:1px solid #ebebeb;}.topbar_type_1 .topbar_woocommerce_login.type1 .topbar_register{ border:1px solid #ebebeb; border-bottom:2px solid #ebebeb}.topbar_type_1 .topbar_woocommerce_login.type2 .topbar_register{ border:1px solid #a1b1bc; background:#a1b1bc; color:#ffffff;}.topbar_type_1 .topbar_woocommerce_login.type2 .topbar_sign_in,.topbar_type_1 .topbar_woocommerce_login.type2 .topbar_signed_in{ border:1px solid #a1b1bc;}.topbar_type_1 #header_socials a:hover{ color:#2c3e50;}.topbar_type_2,.topbar_type_2 a,.topbar_type_2 #rd_wpml #lang_sel a{color:#a1b1bc;}.topbar_type_2 strong,.topbar_type_2 .topbar_woocommerce_login.type1 .topbar_sign_in,.topbar_type_2 .topbar_woocommerce_login.type1 .topbar_register,.topbar_type_2 .topbar_woocommerce_login.type1 .topbar_signed_in,.topbar_type_2 #rd_wpml #lang_sel li li a:hover{color:#2c3e50;}.topbar_type_2 .top_email:before,.topbar_type_2 .top_phone:before,.topbar_type_2 .top_text:before{color:#1abc9c;}.topbar_type_2 .top_email,.topbar_type_2 .top_phone,.topbar_type_2 #header_socials,.topbar_type_2 .header_current_cart{border-right:1px solid #ebebeb; padding-right:20px; padding-left:20px;}.topbar_type_2 .topbar_woocommerce_login{border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; padding-right:20px; padding-left:20px;}.topbar_type_2 { border-top:5px solid #1abc9c;}.topbar_type_2 #rd_wpml,.topbar_type_2 .top_bar_menu{border-right:1px solid #ebebeb;}.topbar_type_2 .wrapper > div:first-child {border-left:1px solid #ebebeb;}.topbar_type_2 .topbar_woocommerce_login.type1 .topbar_register{ border:1px solid #ebebeb; border-bottom:2px solid #ebebeb}.topbar_type_2 .topbar_woocommerce_login.type2 .topbar_register{ border:1px solid #a1b1bc; background:#a1b1bc; color:#ffffff;}.topbar_type_2 .topbar_woocommerce_login.type2 .topbar_sign_in,.topbar_type_2 .topbar_woocommerce_login.type2 .topbar_signed_in{ border:1px solid #a1b1bc;}.topbar_type_2 #header_socials a:hover{ color:#2c3e50;}.topbar_type_3,.topbar_type_3 a,.topbar_type_3 #rd_wpml #lang_sel a{color:#a1b1bc;}.topbar_type_3 strong,.topbar_type_3 .topbar_woocommerce_login.type1 .topbar_sign_in,.topbar_type_3 .topbar_woocommerce_login.type1 .topbar_register,.topbar_type_3 .topbar_woocommerce_login.type1 .topbar_signed_in,.topbar_type_3 #rd_wpml #lang_sel li li a:hover{color:#2c3e50;}.topbar_type_3 .top_email:before,.topbar_type_3 .top_phone:before,.topbar_type_3 .top_text:before{color:#1abc9c;}.topbar_type_2 { border-top:5px solid #1abc9c;}.topbar_type_3 .topbar_woocommerce_login.type1 .topbar_register{ border:1px solid #ebebeb; border-bottom:2px solid #ebebeb}.topbar_type_3 .topbar_woocommerce_login.type2 .topbar_register{ border:1px solid #a1b1bc; background:#a1b1bc; color:#ffffff;}.topbar_type_3 .topbar_woocommerce_login.type2 .topbar_sign_in,.topbar_type_3 .topbar_woocommerce_login.type2 .topbar_signed_in{ border:1px solid #a1b1bc;}.topbar_type_3 #header_socials a:hover{ color:#2c3e50;}.topbar_type_4,.topbar_type_4 a,.topbar_type_4 #rd_wpml #lang_sel a{color:#a1b1bc;}.topbar_type_4 strong,.topbar_type_4 .topbar_woocommerce_login.type1 .topbar_sign_in,.topbar_type_4 .topbar_woocommerce_login.type1 .topbar_register,.topbar_type_4 .topbar_woocommerce_login.type1 .topbar_signed_in,.topbar_type_4 #rd_wpml #lang_sel li li a:hover{color:#2c3e50;}.topbar_type_4 .top_email:before,.topbar_type_4 .top_phone:before,.topbar_type_4 .top_text:before{color:#1abc9c;}.topbar_type_4 { border-top:5px solid #1abc9c;}.topbar_type_4 .topbar_woocommerce_login.type1 .topbar_register{ border:1px solid #ebebeb; border-bottom:2px solid #ebebeb}.topbar_type_4 .topbar_woocommerce_login.type2 .topbar_register{ border:1px solid #a1b1bc; background:#a1b1bc; color:#ffffff;}.topbar_type_4 .topbar_woocommerce_login.type2 .topbar_sign_in,.topbar_type_4 .topbar_woocommerce_login.type2 .topbar_signed_in{ border:1px solid #a1b1bc;}.topbar_type_4 #header_socials a:hover{ color:#2c3e50;}.topbar_type_5,.topbar_type_5 a,.topbar_type_5 #rd_wpml #lang_sel a{color:#a1b1bc;}.topbar_type_5 strong,.topbar_type_5 .topbar_woocommerce_login.type1 .topbar_sign_in,.topbar_type_5 .topbar_woocommerce_login.type1 .topbar_register,.topbar_type_5 .topbar_woocommerce_login.type1 .topbar_signed_in,.topbar_type_5 #rd_wpml #lang_sel li li a:hover,.topbar_woocommerce_login.type2 .topbar_sign_in:hover,.top_email a:hover{color:#2c3e50;}.topbar_type_5 .top_email:before,.topbar_type_5 .top_phone:before,.topbar_type_5 .top_text:before{color:#1abc9c; }.topbar_type_5 .top_email,.topbar_type_5 .top_phone,.topbar_type_5 #header_socials,.topbar_type_5 .header_current_cart{border-right:1px solid #ebebeb; padding-right:20px; padding-left:20px;}.topbar_type_5 .topbar_woocommerce_login{border-right:1px solid #ebebeb; border-left:1px solid #ebebeb; padding-right:20px; padding-left:20px;}.topbar_type_5 .wrapper > div:first-child {border-left:1px solid #ebebeb;}.topbar_type_5 #rd_wpml,.topbar_type_5 .top_bar_menu{border-right:1px solid #ebebeb;}.topbar_type_5 { border-top:4px solid #1abc9c; border-bottom:1px solid #ebebeb}.topbar_type_5 .topbar_woocommerce_login.type1 .topbar_register{ border:1px solid #ebebeb; border-bottom:2px solid #ebebeb}.topbar_type_5 .topbar_woocommerce_login.type2 .topbar_register{ border:1px solid #a1b1bc; background:#a1b1bc; color:#ffffff;}.topbar_type_5 .topbar_woocommerce_login.type2 .topbar_sign_in,.topbar_type_5 .topbar_woocommerce_login.type2 .topbar_signed_in{ border:1px solid #a1b1bc;}.topbar_type_5 #header_socials a:hover{ color:#2c3e50;}.header_current_cart .cart-content-tb.tbi-with-border{border:1px solid #ebebeb;}.header_current_cart .cart-content-tb.tbi-with-bg{background:#ebebeb;}.header_current_cart .cart-content-tb:before{color:#1abc9c;}.header_current_cart .cart-content-tb:hover{color:#a1b1bc;}.nav_type_1 ul li a,.nav_type_2 ul li a,.nav_type_3 ul li a,.nav_type_4 ul li a,.nav_type_5 ul li a,.nav_type_6 ul li a,.nav_type_7 ul li a,.nav_type_8 ul li a,.nav_type_9 ul li a,.nav_type_10 ul li a,.nav_type_11 ul li a,.nav_type_12 ul li a,.nav_type_13 ul li a,.nav_type_14 ul li a,.nav_type_15 ul li a,.nav_type_16 ul li a,.nav_type_17 ul li a,.nav_type_18 ul li a{font-family:Open Sans !important; font-size:12px !important; font-weight:600 !important; }.transparent_header{background:rgba(115,112,112,0)!important;}.transparent_header{border-bottom:1px solid rgba(255,255,255,0.25)!important;}header,.mt_menu{background:#222533;}header.transparent_header.opaque_header{background:#222533 !important; border-bottom:none!important;}#nav_button:before,#nav_button_alt:before{color:#ffffff;}.logo_text a{color:#ffffff;}.transparent_header .logo_text a{color:#fff;}.transparent_header.opaque_header .logo_text a{color:#ffffff;}.nav_type_1 nav ul,.nav_type_1 .header_current_cart{background:#222533;}.nav_type_1 ul li a,.nav_type_1 a#searchtop_img{color:#ffffff;}.nav_type_1 nav ul li a:hover,.nav_type_1 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}.nav_type_1 .cart-content:hover,.nav_type_1 #searchtop_img:hover i{color:#cc682e;}header.nav_type_2{border-top:1px solid #222533;}.nav_type_2 nav ul,.nav_type_2 .header_current_cart{background:#222533;}.nav_type_2 ul li a,.nav_type_2 a#searchtop_img{color:#ffffff;}.nav_type_2 nav ul li a:hover,.nav_type_2 > ul > .current-menu-item > a{color:#cc682e; border-top:3px solid #cc682e; }.nav_type_2 .cart-content:hover,.nav_type_2 #searchtop_img:hover i{color:#cc682e;}header.nav_type_3{border-top:1px solid #222533;}.nav_type_3 nav ul,.nav_type_3 .header_current_cart{background:#222533;}.nav_type_3 ul li a,.nav_type_3 a#searchtop_img{color:#ffffff;}.nav_type_3 nav ul li a:hover,.nav_type_3 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}.nav_type_3 .cart-content:hover,.nav_type_3 #searchtop_img:hover i{color:#cc682e;}header.nav_type_4{border-top:1px solid #222533;}.nav_type_4 nav ul,.nav_type_4 .header_current_cart{background:#222533;}.nav_type_4 ul li a,.nav_type_4 a#searchtop_img{color:#ffffff;}.nav_type_4 nav ul li a:hover,.nav_type_4 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}.nav_type_4 .cart-content:hover,.nav_type_4 #searchtop_img:hover i{color:#cc682e;}.nav_type_5 nav ul,.nav_type_5 .header_current_cart{background:#222533;}.nav_type_5 ul li a{color:#ffffff; border-top:5px solid #222533;}.nav_type_5 a#searchtop_img{color:#ffffff;}.nav_type_5 nav ul li a:hover,.nav_type_5 > ul > .current-menu-item > a{color:#cc682e; border-top:5px solid #cc682e !important; }.nav_type_5 .cart-content:hover,.nav_type_5 #searchtop_img:hover i{color:#cc682e;}.nav_type_6 nav ul,.nav_type_6 .header_current_cart{background:#222533;}.nav_type_6 ul li a{color:#ffffff; border-top:5px solid #222533;}.nav_type_6 a#searchtop_img{color:#ffffff;}.nav_type_6 nav ul li a:hover,.nav_type_6 > ul > .current-menu-item > a{color:#cc682e; border-top:5px solid #cc682e !important;}.nav_type_6 .cart-content:hover,.nav_type_6 #searchtop_img:hover i{color:#cc682e;}.nav_type_7 nav ul,.nav_type_7 .header_current_cart{background:#222533;}.nav_type_7 ul li a,.nav_type_7 a#searchtop_img{color:#ffffff;}.nav_type_7 nav ul li a:hover,.nav_type_7 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}.nav_type_7 .cart-content:hover,.nav_type_7 #searchtop_img:hover i{color:#cc682e;}header.nav_type_8{border-top:1px solid #222533;}.nav_type_8 nav ul,.nav_type_8 .header_current_cart{background:#222533;}.nav_type_8 ul li a,.nav_type_8 a#searchtop_img{color:#ffffff;}.nav_type_8 nav ul li a:hover,.nav_type_8 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}.nav_type_8 .cart-content:hover,.nav_type_8 #searchtop_img:hover i{color:#cc682e;}.nav_type_9 nav ul,.nav_type_9 .header_current_cart{background:#222533;}.nav_type_9 ul li a{color:#ffffff; border-top:5px solid rgba(0,0,0,0);}.nav_type_9 a#searchtop_img{color:#ffffff;}.nav_type_9 nav ul li a:hover,.nav_type_9 > ul > .current-menu-item > a{color:#cc682e; border-top:5px solid #cc682e !important;}.nav_type_9 .cart-content:hover,.nav_type_9 #searchtop_img:hover i{color:#cc682e;}.nav_type_10 nav ul,.nav_type_10 .header_current_cart{background:#222533;}.nav_type_10 ul li a{color:#ffffff; border-top:5px solid rgba(0,0,0,0);}.nav_type_10 a#searchtop_img{color:#ffffff;}.nav_type_10 nav ul li a:hover,.nav_type_10 > ul > .current-menu-item > a{color:#cc682e; border-top:5px solid #cc682e !important;}.nav_type_10 .cart-content:hover,.nav_type_10 #searchtop_img:hover i{color:#cc682e;}.nav_type_11 nav ul,.nav_type_11 .header_current_cart{background:#222533;}.nav_type_11 ul li a{color:#ffffff; border:1px solid rgba(0,0,0,0);}.nav_type_11 a#searchtop_img{color:#ffffff;}.nav_type_11 nav ul li a:hover,.nav_type_11 > ul > .current-menu-item > a{color:#cc682e; border:1px solid #cc682e; background:#ffffff;}.nav_type_11 .cart-content:hover,.nav_type_11 #searchtop_img:hover i{color:#cc682e;}.nav_type_12 nav ul,.nav_type_12 .header_current_cart{background:#222533;}.nav_type_12 ul li a{color:#ffffff; border:2px solid rgba(0,0,0,0);}.nav_type_12 a#searchtop_img{color:#ffffff;}.nav_type_12 nav ul li a:hover,.nav_type_12 > ul > .current-menu-item > a{color:#cc682e; border:2px solid #cc682e; background:#ffffff;}.nav_type_12 .cart-content:hover,.nav_type_12 #searchtop_img:hover i{color:#cc682e;}header.nav_type_13{border-top:2px solid #222533;}.nav_type_13 nav ul,.nav_type_13 .header_current_cart{background:#222533;}.nav_type_13 ul li a,.nav_type_13 a#searchtop_img{color:#ffffff;}.nav_type_13 nav ul li a:hover,.nav_type_13 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}.nav_type_13 .cart-content:hover,.nav_type_13 #searchtop_img:hover i{color:#cc682e;}header.nav_type_14{border-top:5px solid #222533;}.nav_type_14 nav ul,.nav_type_1 .header_current_cart{background:#222533;}.nav_type_14 ul li a,.nav_type_14 a#searchtop_img{color:#ffffff;}.nav_type_14 nav ul li a:hover,.nav_type_14 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}.nav_type_14 .cart-content:hover,.nav_type_14 #searchtop_img:hover i{color:#cc682e;}.header_bottom_nav.transparent_header.opaque_header{background:#222533 !important;}header.nav_type_15,.header_bottom_nav.nav_type_15{border-top:1px solid #222533;}.header_bottom_nav.nav_type_15{background:#222533;}.nav_type_15 ul li a{color:#ffffff; border-right:1px solid #222533}.nav_type_15 ul li:first-child a{border-left:1px solid #222533} .nav_type_15 nav ul li a:hover,.nav_type_15 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}header #header_socials a,.nav_type_15 a#searchtop_img{color:#ffffff;}header #header_socials a:hover{color:#cc682e;}.header_bottom_nav.nav_type_15 .cart-content:hover,.header_bottom_nav.nav_type_15 #searchtop_img:hover i{color:#cc682e;}.header_bottom_nav.nav_type_16{border-top:1px solid #222533;}.header_bottom_nav.nav_type_16{background:#222533;}.nav_type_16 ul li a,.nav_type_16 a#searchtop_img{color:#ffffff;}.nav_type_16 nav ul li a:hover,.nav_type_16 > ul > .current-menu-item > a{color:#cc682e; background:#ffffff;}.header_bottom_nav.nav_type_16 .cart-content:hover,.header_bottom_nav.nav_type_16 #searchtop_img:hover i{color:#cc682e;}.header_bottom_nav.nav_type_17{border-top:1px solid #222533;}.header_bottom_nav.nav_type_17{background:#222533;}.nav_type_17 ul li a,.nav_type_17 a#searchtop_img{color:#ffffff;}.nav_type_17 nav ul li a:hover,.nav_type_17 > ul > .current-menu-item > a{color:#cc682e; border-top:3px solid #cc682e;}.header_bottom_nav.nav_type_17 .cart-content:hover,.header_bottom_nav.nav_type_17 #searchtop_img:hover i{color:#cc682e;}.header_bottom_nav.nav_type_18{border-top:1px solid #222533;}.header_bottom_nav.nav_type_18{background:#222533;}.nav_type_18 ul li a,.nav_type_18 a#searchtop_img{color:#ffffff;}.nav_type_18 nav ul li a:hover,.nav_type_18 > ul >.current-menu-item > a{color:#cc682e; background#ffffff;}.header_bottom_nav.nav_type_18 .cart-content:hover,.header_bottom_nav.nav_type_18 #searchtop_img:hover i{color:#cc682e;}.nav_type_19 ul li a,.nav_type_19_f ul li a{color:#ffffff;}.nav_type_19 ul > li > a,.nav_type_19_f ul > li > a{border-bottom:1px solid #222533;}.nav_type_19 ul ul li a,.nav_type_19_f ul ul li a{border-right:1px solid #222533;}#edge-search-form .search_button_icon{color:#ffffff;}.nav_type_19 ul li a:hover,.nav_type_19 > ul > .current-menu-item > a,.nav_type_19_f ul li a:hover,.nav_type_19_f > ul > .current-menu-item > a{color:#cc682e;}.nav_type_19 .cart-content:hover,.nav_type_19 #searchtop_img:hover i,.nav_type_19_f .cart-content:hover,.nav_type_19_f #searchtop_img:hover i{color:#cc682e;}#fixed_header_socials a{color:#ffffff;}#fixed_header_socials a{border:1px solid #222533;}.fixed_header_left{border-right:1px solid #ecf0f1;}#edge-search-form input[type=text]{border:1px solid #222533; background:#222533;}ul.header_current_cart li .cart-content{color:#ffffff; font-weight: normal;}.transparent_header.opaque_header nav > ul > li > a, .transparent_header.opaque_header .cart-content{color:#ffffff !important;}#header_container nav .rd_megamenu ul ul li a, .rd_megamenu ul ul li a,#header_container nav ul ul li a{font-family:Open Sans !important; font-size:13px !important; font-weight:400 !important; line-height:14px !important; }ul.header_cart_dropdown,.header_cart_dropdown .button,#search-form,#search-form.pop_search_form #ssform,.child_pages_ctn li,#header_container nav ul li ul,#header_container nav ul li ul a{background:#ffffff;}#header_container nav .rd_megamenu ul li a, .rd_megamenu ul li a,.header_cart_dropdown ul.cart_list li a,.header_cart_dropdown .widget_shopping_cart_content .rd_cart_buttons a{color:#2c3e50;}.header_cart_dropdown, #header_container nav .rd_megamenu ul ul li a, .rd_megamenu ul ul li a,#header_container nav ul ul li a,.header_cart_dropdown .rd_clear_btn,.header_cart_dropdown .total,#search-form.pop_search_form #ssform,.child_pages_ctn a{color:#a1b1bc;}.header_cart_dropdown .quantity,.header_cart_dropdown .product_list_widget span.amount,.header_cart_dropdown .total .amount,.search_button_icon{color:#04bfbf;}.header_cart_dropdown ul.cart_list li a.remove:hover,.child_pages_ctn a:hover{background:#21e6f8; color:#ffffff;}.header_cart_dropdown ul.cart_list li a:hover{color:#21e6f8;}.header_cart_dropdown .rd_clear_btn:hover{color:#222533;}ul.header_cart_dropdown,#search-form.pop_search_form #ssform{border:1px solid #ecf0f1;}#header_container nav ul ul .current-menu-item li a, #header_container nav ul ul li a{border-left:1px solid #ecf0f1;}#header_container .fixed_header_left nav ul ul ul li a{border-left:1px solid #ecf0f1 !important;}#header_container .fixed_header_left nav ul ul .current-menu-item li a, #header_container .fixed_header_left nav ul ul li a{border-right:1px solid #ecf0f1 !important;}#header_container .fixed_header_left nav ul ul, #header_container .fixed_header_left nav ul ul{border-top:1px solid #ecf0f1 !important;}#header_container nav ul ul li,ul.header_cart_dropdown ul.product_list_widget li.child_pages_ctn a{border-bottom:1px solid #ecf0f1;}#header_container .rd_megamenu ul li ul,.header_cart_dropdown .clear_total{border-top:1px solid #ecf0f1;}#header_container nav ul ul,.widget_shopping_cart_content,#search-form{border-top:3px solid #04bfbf;}.current_item_number{background:#04bfbf;}.rd_cart_buttons{background:#222533;}.header_cart_dropdown .button{background:#ffffff; border:2px solid #ffffff !important;}.header_cart_dropdown .widget_shopping_cart_content .rd_cart_buttons .button:hover{background:#222533; border:2px solid #ffffff !important; color:#ffffff;}.current_item_number:before{border-color: transparent #04bfbf transparent;}.header_cart_dropdown ul.cart_list li a.remove{background:#a1b1bc;}#header_container nav ul ul li a:hover,#header_container nav ul ul li.current-menu-item a{background:#ecf0f1; color:#2c3e50;}#header_container nav ul ul .mm_widget_area{border:none!important; border-left:1px solid #ecf0f1 !important;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .product_list_widget a{color:#2c3e50;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .product_list_widget a:hover{color:#21e6f8;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .sb_widget h3{color:#2c3e50}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #lang_sel a{color:#a1b1bc; background:#ffffff; border:1px solid #ecf0f1}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #lang_sel a:hover{color:#2c3e50;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entries ul li{border-bottom:1px solid #ecf0f1}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entries ul li a{color:#a1b1bc}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entries ul li a:hover{color:#04bfbf}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #recentcomments li{border-bottom:1px solid #ecf0f1}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #recentcomments li a{color:#2c3e50;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #recentcomments li a:hover{color:#21e6f8;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .rd_widget_recent_entries li{border-bottom:1px solid #ecf0f1}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .w_comment a{color:#a1b1bc;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .w_comment a:hover{color:#04bfbf;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entry h4 a{color:#2c3e50;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_recent_entry h4 a:hover{color:#04bfbf;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_archive ul li,#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_meta ul li{border-bottom:1px solid #ecf0f1}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_archive ul li a,#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_meta ul li a{color:#a1b1bc;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_archive ul li a:hover,#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .widget_meta ul li a:hover{color:#04bfbf;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .page_item a, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .menu-item a{border-bottom:1px solid #ecf0f1; color:#a1b1bc;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .page_item a:hover, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .menu-item a:hover,#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .current_page_item a,#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .current_page_item a{color:#04bfbf; }#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .page_item a:before, #header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area .menu-item a:before { color:#222533;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #wp-calendar caption{background:#2c3e50; color:#ffffff}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #wp-calendar{border:1px solid #ecf0f1}#wp-calendar th{color:#222533;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #wp-calendar tbody td a{color:#fff; background:#222533;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #wp-calendar tbody td a:hover{color:#fff; background:#04bfbf;}#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #wp-calendar td#next a:hover:after,#header_container nav .rd_megamenu .mm_widget_area .rd_megamenu_widget_area #wp-calendar td#prev a:hover:after{background:#04bfbf;}body{font-family:Open Sans; font-size:13px; font-weight:; line-height:14px; }h1{font-family:Lato; font-size:34px; font-weight:700; line-height:42px; }h2{font-family:Open Sans; font-size:24px; font-weight:700; line-height:36px; }h3{font-family:Open Sans; font-size:20px; font-weight:700; line-height:24px; }h4{font-family:Open Sans; font-size:18px; font-weight:400; line-height:24px; }h5{font-family:Open Sans; font-size:16px; font-weight:400; line-height:24px; }h6{font-family:Lato; font-size:14px; font-weight:300; line-height:24px; }body,#jprePercentage{color:#5b5b5b}body a,.hl_color,#sidebar #search input[type=submit]:hover,.wpb_widgetised_column #search input[type=submit]:hover,.strong_colored strong{color:#bf5d2b}body a:hover{color:#dd9933}h1,h2,h3,h4,h5,h6{color:#2c3e50}.def_section,blockquote{background:#ffffff}#to_top:hover{background:#bf5d2b}::-webkit-input-placeholder{color:#a1b1bc}:-moz-placeholder{color:#a1b1bc}::-moz-placeholder{color:#a1b1bc}:-ms-input-placeholder{color:#a1b1bc}#sidebar #search input[type=submit],.wpb_widgetised_column #search input[type=submit]{color:#a1b1bc}input[type=text], input[type=email], input[type=password], textarea,#coupon_code{color:#a1b1bc; border:1px solid #eceef0; background:#ffffff;}input[type="checkbox"]{color:#ffffff; border:1px solid #eceef0; background:#ffffff;}input[type=checkbox]:checked{color:#ffffff; border:1px solid #13d7d7; background:#13d7d7;}.flex-direction-nav li a{color:#2c3e50; background:#ffffff;}.wpb_text_column ol li:before{background:#5b5b5b}.wpb_text_column ol li:hover:before{background:#bf5d2b}blockquote{ border:1px solid #ecf0f1; }blockquote:before,.post-password-form input[type=submit]{ background:#bf5d2b; }.code_box_ctn{ background:#f9fafb; }.wp-caption{ background:#f9fafb; border:1px solid #ecf0f1; }.tp-caption a { color: #fff;}.tp-caption a:hover { color: #fff;}.tp-bannertimer{background: #dd9933; background: -moz-linear-gradient(left, #dd9933 0%, #13d7d7 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dd9933), color-stop(100%,#13d7d7)); background: -webkit-linear-gradient(left, #dd9933 0%,#13d7d7 100%); background: -o-linear-gradient(left, #dd9933 0%,#13d7d7 100%); background: -ms-linear-gradient(left, #dd9933 0%,#13d7d7 100%); background: linear-gradient(to right, #dd9933 0%,#13d7d7 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#dd9933", endColorstr="#13d7d7",GradientType=1 );} .page_title_ctn{background:#f9fafb; border-bottom:1px solid #ecf0f1; }.page_title_ctn h1{color:#2c3e50; }#crumbs a,#crumbs span{color:#a1b1bc; }.rd_child_pages{color:#a1b1bc; border:1px solid #a1b1bc; background:#ffffff;}.search_results strong{color:#bf5d2b; }.search_sf .rd_search_sc #search input[type=submit]{background:#2c3e50 !important;}.search_sf .rd_search_sc #search input[type=submit]:hover{background:#dd9933 !important;}.post_single .post-title h2 a,.blog_related_post .post-title h2 a,.logged-in-as a{color:#2c3e50}.post_single .post-title h2 a:hover,.blog_related_post .post-title h2 a:hover{color:#dd9933}.mejs-container .mejs-controls,.audio_ctn{background:#5b5b5b !important;}.mejs-controls .mejs-time-rail .mejs-time-current{background:#2c3e50 !important; }.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current{background:#dd9933 !important; }.post_quote_text,.post_quote_author{background:#bf5d2b; color:#ffffff!important;}.post-info a{color:#5b5b5b}.post_single .post-info a:hover{color:#dd9933}.single_post_navigation,.post-info{border-bottom:1px solid #ecf0f1}.single_post_navigation_bottom{border-top:1px solid #ecf0f1}.tags_icon{background:#2c3e50; color:#ffffff;}.single_post_tags{border:1px solid #eceef0; background:#ffffff;}.shareicons_icon{background:#bf5d2b; color:#ffffff;}.single_post_share_icon{border:1px solid #eceef0; background:#ffffff;}.single_post_share_icon .share-box li a{color:#a1b1bc;}.single_post_share_icon .share-box li a:hover{color:#bf5d2b !important;}#author-bio{border:1px solid #eceef0; background:#f9fafb; color:#a1b1bc; 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-info h3{color:#2c3e50;}.author_posts_link{color:#a1b1bc;}.author_posts_link:hover{color:#bf5d2b;}.comment_ctn{border:1px solid #eceef0; background:#ffffff; color:#a1b1bc; 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;}.comment_count h3 a{color:#2c3e50}#comments ul li .details span.author{color:#2c3e50}#comments ul li .details span.date a{color:#a1b1bc}#comments ul li .details span.Reply a{background:#a1b1bc; color:#ffffff}#comments ul li .details span.Reply a:hover{background:#222533; color:#ffffff}#comments > ul > li ul{border-left:1px solid #ecf0f1}#comments ul li li .comment_ctn:before{background:#ecf0f1;}input.single_post_author,input.single_post_email,input.single_post_url,.single_post_comment{background:#f9fafb}input.single_post_author:focus,input.single_post_email:focus,input.single_post_url:focus,.single_post_comment:focus{background:#ffffff}#add-comment input#submit{background:#2c3e50; color:#ffffff}#add-comment input#submit:hover{background:#dd9933; color:#ffffff}.blog_related_post .more-link{border:1px solid #2c3e50; color:#2c3e50; background:#ffffff;}.blog_related_post .more-link:hover{color:#ffffff; background:#2c3e50;}.cbp_type03 .rp_left,.cbp_type03 .rp_right{background:#2c3e50}.cbp_type03 .rp_left:hover,.cbp_type03 .rp_right:hover{background:#dd9933}.cbp_type03 .blog_related_post .more-link:hover{background:#dd9933; border-color:#dd9933;}.cbp_type05 .rp_left,.cbp_type05 .rp_right,.cbp_type08 .rp_left,.cbp_type08 .rp_right{background:#bf5d2b}.cbp_type05 .rp_left:hover,.cbp_type05 .rp_right:hover,.cbp_type08 .rp_left:hover,.cbp_type08 .rp_right:hover{background:#222533}.cbp_type05 .carousel_recent_post .blog_box_content,.cbp_type08 .carousel_recent_post .blog_box_content{color:#5b5b5b}.cbp_type05 .carousel_recent_post h5.widget_post_title a,.cbp_type08 .carousel_recent_post h5.widget_post_title a{color:#2c3e50}.cbp_type05 .carousel_recent_post:hover .blog_box_content,.cbp_type05 .blog_post_link_ctn,.cbp_type08 .carousel_recent_post:hover .blog_box_content,.cbp_type08 .blog_post_link_ctn{background:#2c3e50; color:#a1b1bc;}.cbp_type05 .carousel_recent_post:hover h5.widget_post_title a,.cbp_type08 .carousel_recent_post:hover h5.widget_post_title a{color:#ffffff}.cbp_type06 .rp_left,.cbp_type06 .rp_right{background:#5b5b5b}.cbp_type06 .rp_left:hover,.cbp_type06 .rp_right:hover{background:#2c3e50}.cbp_type06 .carousel_recent_post .blog_box_content{color:#5b5b5b}.cbp_type06 .carousel_recent_post h5.widget_post_title a{color:#2c3e50}.cbp_type06 a.more-link{background:#5b5b5b; color:#fff;}.cbp_type06 a.more-link:after{background:#2c3e50; color:#fff;}.cbp_type06 a.more-link:hover{background:#bf5d2b; color:#fff;}.cbp_type06 a.more-link:hover:after{ background: rgba(0, 0, 0, 0.21); color:#fff;}.sp_left:hover,.sp_right:hover{background:#bf5d2b; border-color:#bf5d2b;}.sb_widget h3{color:#2c3e50}.sb_widget > h3:before{border-top:7px solid #bf5d2b; border-bottom:7px solid #13d7d7;}#sidebar #lang_sel a,.wpb_widgetised_column #lang_sel a{color:#5b5b5b; background:#ffffff; border:1px solid #ecf0f1}#sidebar #lang_sel a:hover,.wpb_widgetised_column #lang_sel a:hover{color:#2c3e50;}#sidebar .widget_recent_entries ul li,.wpb_widgetised_column .widget_recent_entries ul li{border-bottom:1px solid #ecf0f1}#sidebar .widget_recent_entries ul li a,.wpb_widgetised_column .widget_recent_entries ul li a{color:#5b5b5b}#sidebar .widget_recent_entries ul li a:hover,.wpb_widgetised_column .widget_recent_entries ul li a:hover{color:#bf5d2b}#sidebar #recentcomments li,.wpb_widgetised_column #recentcomments li{border-bottom:1px solid #ecf0f1}#sidebar #recentcomments li a,.wpb_widgetised_column #recentcomments li a,#sidebar .tweets li a,.wpb_widgetised_column .tweets li a{color:#2c3e50;}#sidebar #recentcomments li a:hover,.wpb_widgetised_column #recentcomments li a:hover{color:#dd9933;}#sidebar .rd_widget_recent_entries li,.wpb_widgetised_column .rd_widget_recent_entries li,#sidebar .tweets li,.wpb_widgetised_column .tweets li{border-bottom:1px solid #ecf0f1}#sidebar .tagcloud a ,.wpb_widgetised_column .tagcloud a {border:1px solid #ecf0f1; color:#5b5b5b}#sidebar .tagcloud a:hover,.wpb_widgetised_column .tagcloud a:hover{background:#bf5d2b; border-color:#bf5d2b; color:#ffffff;}#sidebar .w_comment a,.wpb_widgetised_column .w_comment a{color:#5b5b5b;}#sidebar .w_comment a:hover,.wpb_widgetised_column .w_comment a:hover{color:#bf5d2b;}#sidebar .widget_recent_entry h4 a,.wpb_widgetised_column .widget_recent_entry h4 a{color:#2c3e50;}#sidebar .widget_recent_entry h4 a:hover,.wpb_widgetised_column .widget_recent_entry h4 a:hover{color:#bf5d2b;}#sidebar .widget_archive ul li,#sidebar .widget_meta ul li,.wpb_widgetised_column .widget_archive ul li,.wpb_widgetised_column .widget_meta ul li{border-bottom:1px solid #ecf0f1}#sidebar .widget_archive ul li a,#sidebar .widget_meta ul li a,.wpb_widgetised_column .widget_archive ul li a,.wpb_widgetised_column .widget_meta ul li a{color:#5b5b5b;}#sidebar .widget_archive ul li a:hover,#sidebar .widget_meta ul li a:hover,.wpb_widgetised_column .widget_archive ul li a:hover,.wpb_widgetised_column .widget_meta ul li a:hover{color:#bf5d2b;}#sidebar .page_item a, #sidebar .menu-item a,.wpb_widgetised_column .page_item a,.wpb_widgetised_column .menu-item a{border-bottom:1px solid #ecf0f1; color:#5b5b5b;}#sidebar .page_item a:hover, #sidebar .menu-item a:hover,#sidebar .current_page_item a,#sidebar .current_page_item a,.wpb_widgetised_column .page_item a:hover,.wpb_widgetised_column .menu-item a:hover,.wpb_widgetised_column .current_page_item a{color:#bf5d2b; }#sidebar .page_item a:before, #sidebar .menu-item a:before,.wpb_widgetised_column .page_item a:before,.wpb_widgetised_column .menu-item a:before{ color:#bf5d2b;}#wp-calendar caption{background:#2c3e50; color:#ffffff}#wp-calendar{border:1px solid #ecf0f1}#wp-calendar th{color:#bf5d2b;}#wp-calendar tbody td a{color:#fff; background:#bf5d2b;}#wp-calendar tbody td a:hover{color:#fff; background:#bf5d2b;}#wp-calendar td#next a:hover:after,#wp-calendar td#prev a:hover:after{background:#bf5d2b;}.rd_widget_recent_entries .thumbnail a:before,.port_tn a:before,.rd_widget_recent_entries_f .thumbnail a:before{background:#bf5d2b;}.single_port_navigation,.port_details_full_information .item_details_info{border-bottom:1px solid #ecf0f1;}.all_projects_btn{color:#5b5b5b;}.next_project{border:1px solid #ecf0f1; background:#ecf0f1; color:#2c3e50;}.next_project:hover{border:1px solid #222533; background:#222533; color:#fff;}.previous_project{border:1px solid #5b5b5b; background:#ffffff; color:#5b5b5b;}.previous_project:hover{border:1px solid #dd9933; background:#dd9933; color:#fff;}.port_details_subtitle{color:#bf5d2b;}.port_meta{border-bottom:1px solid #ecf0f1;}.next_project{border-bottom:1px solid #ecf0f1;}.port_vp a{background:#2c3e50;}.port_vp a:hover{background:#dd9933; color:#fff;}.single_staff_meta{border-top:1px solid #ecf0f1;}#member_email a:hover, .sc-share-box #member_email a, .single_staff_social #member_email a{background:#bf5d2b;}.product_filtering {border-bottom:1px solid #ecf0f1}.filter_param,.filter_param li ul{background:#ffffff; border:1px solid #eceef0; color:#a1b1bc;}.filter_param strong{color:#2c3e50;}.current_li:after{border-left:1px solid #eceef0;}.filter_param.filter_param_sort{background:#a1b1bc; border:1px solid #a1b1bc;}.filter_param.filter_param_sort a{color:#ffffff}.filter_param.filter_param_order a,.filter_param.filter_param_count a{color:#a1b1bc}.filter_param.filter_param_order a:hover,.filter_param.filter_param_count a:hover{color:#222533}.shop_two_col,.shop_three_col,.shop_four_col,.caroufredsel_wrapper .inner_product,.woocommerce .products li{color:#a1b1bc; background:#ffffff; border:1px solid #eceef0;}.custom_cart_button a{color:#a1b1bc;}.custom_cart_button a:hover{color:#222533;}.product_box {border-top:1px solid #eceef0; border-bottom:1px solid #eceef0;}.product_box h3{color:#2c3e50;}.product_box h3:hover{color:#bf5d2b;}.product_box .price{color:#a1b1bc;}.product_box .price del{color:#a1b1bc !important;}.product_box .price ins{color:#bf5d2b;}.adding_to_cart_working .icon_status_inner:before{color:#bf5d2b;}.adding_to_cart_completed .icon_status_inner:before{color:#dd9933;}.single_product_main_image div,.single_products_thumbnails img,.single_product_navigation .previous_product,.single_product_navigation .next_product {border:1px solid #ecf0f1 }.single_product_navigation .previous_product:hover,.single_product_navigation .next_product:hover{border:1px solid #222533; background:#222533; color:#ffffff }.single_products_thumbnails img.selected{border:1px solid #bf5d2b }.product_nav_left:hover,.product_nav_right:hover{background:#bf5d2b }.product_title.entry-title,.woocommerce-tabs ul li a,.related h2,.single_product_navigation .previous_product,.single_product_navigation .next_product,.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta strong, .woocommerce-page #reviews #comments h2,.show_review_form.button {color:#2c3e50 }.summary.entry-summary .price,.summary.entry-summary .price del,.show_review_form.button,.woocommerce-page #reviews #comments ol.commentlist li .comment-text p.meta{color:#5b5b5b }.summary.entry-summary .price ins,.woocommerce-product-rating .woocommerce-review-link,.custom_cart_button .button.add_to_cart_button.product_type_simple.added{color:#bf5d2b }.woocommerce-product-rating .woocommerce-review-link:hover{color:#dd9933 }button.single_add_to_cart_button.button.alt{color:#2c3e50; background:#ffffff; border:2px solid #2c3e50; }button.single_add_to_cart_button.button.alt:hover{color:#ffffff; background:#dd9933; border:2px solid #dd9933; }.single_product_navigation{border-top:1px solid #ecf0f1 }.related_left, .related_right,.upsells_left, .upsells_right{border:1px solid #eceef0; color:#a1b1bc ; background:#ffffff;}.related_left:hover, .related_right:hover,.upsells_left:hover, .upsells_right:hover{border:1px solid #13d7d7; color:#ffffff ; background:#13d7d7;}.woo-share-box ul li a,.woo_img_next,.woo_img_prev{background:#ecf0f1; color:#5b5b5b ;}.woo_img_next:hover,.woo_img_prev:hover{background:#222533; color:#ffffff ;}.woocommerce-tabs .tabs li a{border-right:1px solid #ecf0f1 }.woocommerce-tabs,.woocommerce-tabs li.active{border-left:1px solid #ecf0f1 }.woocommerce-tabs li.active{border-bottom:1px solid #ffffff }.woocommerce-tabs .tabs li a{border-top:1px solid #ecf0f1 }.woocommerce-tabs .panel{border:1px solid #ecf0f1 }.woocommerce-page #reviews #comments h2,#reviews #comments ol.commentlist li{border-bottom:1px solid #ecf0f1 !important; }.chosen-container-single .chosen-single,#rd_login_form .inline,.product-description a,.shipping td:last-child{color:#5b5b5b}.chosen-container-single .chosen-single,.select2-drop{background:#ffffff}.woocommerce-cart .cart_totals h2, .woocommerce-cart form h2, .woocommerce-checkout .woocommerce h2,.woocommerce form .form-row label, .woocommerce-page form .form-row label,.checkout_steps .active_step,.product-qty,.rd_order_total,.country_to_state,.cross-sells h2,.woocommerce-cart .cart_totals,.shop_table.order_details tfoot,.woocommerce .order_details li strong, .woocommerce-page .order_details li strong{color:#2c3e50}.woocommerce-cart .cart_totals strong, .rd_order_total .total strong,.shop_table.order_details tfoot .amount,.order_complete_ctn h3,.customer_details dd{color:#bf5d2b;}.woocommerce-checkout input[type=text],.woocommerce-checkout input[type=email],.woocommerce-checkout input[type=password],.woocommerce-checkout textarea,.form-row .chosen-container-single .chosen-single,.woocommerce-checkout .product-name img,.order_and_total_wrapper,.user_current_cart,.woocommerce-page table.cart img,.woocommerce-message, .woocommerce-error, .woocommerce-info,.country_to_state,.shop_table.order_details,.woocommerce .order_details, .woocommerce-page .order_details,#calc_shipping_state,.woocommerce-cart #coupon_code,.woocommerce form .form-row input.input-text,.country_to_state .select2-choice,.state_select .select2-choice,#calc_shipping_state .select2-choice,.select2-drop-active{border:1px solid #ecf0f1; color: #5b5b5b;}.woocommerce-page input[type=submit],.customer_details_next,.rd_create_acc,#place_order,.rd_coupon_form .alt2,.coupon input.button.alt2,#review_form input[type=submit],.woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit {background:#bf5d2b; color:#ffffff;}.cart_details_back,.customer_details_back,#rd_login_form input[type=submit],.rd_guest_acc,.update_cart input.checkout-button.button,.cart-collaterals .shipping_calculator .button,.create_acc_done,.wc-backward{background:#5b5b5b; color:#ffffff;}.shop_table thead{background:#ecf0f1; color:#2c3e50;}ul.payment_methods.methods li{border-bottom:1px solid #ecf0f1;}.woocommerce-page .order_details li{border-right:1px solid #ecf0f1;}.cart_totals tr td,.cart_totals tr th{border:1px solid #ecf0f1 !important;}.cart_totals tr td{border-left:none!important;}.cart_totals tr:first-child td,.cart_totals tr:first-child th{border-bottom:none!important;}.cart_totals tr:last-child td,.cart_totals tr:last-child th{border-top:none!important;}.show_review_form.button:hover{color:#222533;}.woocommerce-page input[type=submit]:hover,.customer_details_next:hover,.rd_create_acc:hover,#place_order:hover,.rd_coupon_form .alt2:hover,.coupon input.button.alt2:hover,#review_form input[type=submit]:hover,.woocommerce .addresses .title .edit:hover, .woocommerce-page .addresses .title .edit:hover{background:#dd9933; color:#ffffff;}.cart_details_back:hover,.customer_details_back:hover,.rd_guest_acc:hover,#rd_login_form input[type=submit]:hover,.update_cart input.checkout-button.button:hover,.cart-collaterals .shipping_calculator .button:hover,.wc-backward:hover{background:#222533; color:#ffffff;}.my_account_orders{border:1px solid #ecf0f1;}#sidebar #searchform div #s,.wpb_widgetised_column #searchform div #s{background:#ffffff !important; border:1px solid #eceef0; color:#a1b1bc}#s::-webkit-input-placeholder{color:#a1b1bc}#s:-moz-placeholder{color:#a1b1bc}#s::-moz-placeholder{color:#a1b1bc}#s:-ms-input-placeholder{color:#a1b1bc}.widget_product_search input[type=submit]{background:none!important; color:#a1b1bc}.widget_product_search input[type=submit]:hover{background:none!important; color:#13d7d7}.ui-slider-handle.ui-state-default.ui-corner-all{background:#bf5d2b}.ui-slider-range.ui-widget-header.ui-corner-all{background:#ecf0f1}.price_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all{border:1px solid #ecf0f1}.price_slider_amount button.button{color:#ffffff; background:#5b5b5b;}#sidebar .price_label,.wpb_widgetised_column .price_label{color:#5b5b5b}.price_label .to,.price_label .from{color:#2c3e50}#sidebar .widget_price_filter .price_slider_amount .button:hover,.wpb_widgetised_column .widget_price_filter .price_slider_amount .button:hover{background:#222533; color:#ffffff;}.product_list_widget a{color:#2c3e50}ul.product_list_widget li{border-bottom:1px solid #ecf0f1}.product_list_widget span.amount{color:#5b5b5b}.product_list_widget ins span.amount{color:#bf5d2b}#sidebar .cat-item a,.wpb_widgetised_column .cat-item a{color:#2c3e50}#sidebar .cat-item a:hover,.wpb_widgetised_column .cat-item a:hover{color:#dd9933}#sidebar .cat-item,.wpb_widgetised_column .cat-item,#sidebar .cat-item .children,.wpb_widgetised_column .cat-item .children{border-top:1px solid #ecf0f1}#sidebar .cat-item .children .children a,.wpb_widgetised_column .cat-item .children .children a{color:#5b5b5b}#sidebar .cat-item .children .children a:hover,.wpb_widgetised_column .cat-item .children .children a:hover{color:#222533}#sidebar .cat-got-children:after,.wpb_widgetised_column .cat-got-children:after{border-color:#5b5b5b; color:#5b5b5b;}#sidebar .product_list_widget span.amount,.wpb_widgetised_column .product_list_widget span.amount{color:#5b5b5b}#sidebar .product_list_widget ins span.amount,.wpb_widgetised_column .product_list_widget ins span.amount{color:#bf5d2b}#header_container .cart-notification{background:#222533; border-left:5px solid #bf5d2b; }#header_container .cart-notification{color:#5b5b5b; }#header_container .cart-notification span{color:#ffffff; }.rd_tabs li,.rd_tabs.horizontal .tabs-container{background:#ffffff; }.rd_tabs.horizontal .tabs li,.rd_tabs.horizontal .tabs-container{border:1px solid #ecf0f1; }.rd_tabs.horizontal .tabs li:last-child{border-right:1px solid #ecf0f1 !important; }.rd_tabs.horizontal .active{border-bottom:1px solid #ffffff !important; }.rd_tabs.horizontal.rd_tab_1 li a,.rd_tabs.horizontal.rd_tab_2 li a,.rd_tabs.horizontal.rd_tab_4 li a{color:#5b5b5b; }.rd_tabs.horizontal.rd_tab_1 li a:hover,.rd_tabs.horizontal.rd_tab_2 li a:hover,.rd_tabs.horizontal.rd_tab_4 li a:hover{color:#2c3e50; }.rd_tabs.horizontal.rd_tab_1 .active {border-top:3px solid #bf5d2b; }.rd_tabs.horizontal.rd_tab_1 .active a,.rd_tabs.horizontal.rd_tab_2 .active a,.rd_tabs.horizontal.rd_tab_1 .active a:hover,.rd_tabs.horizontal.rd_tab_2 .active a:hover{color:#bf5d2b; }.rd_tabs.horizontal.rd_tab_2 .active {border-top:4px solid #bf5d2b; }.rd_tabs.horizontal.rd_tab_3 .tabs li{background:#5b5b5b; }.rd_tabs.horizontal.rd_tab_3 .tabs li a{color:#ffffff; }.rd_tabs.horizontal.rd_tab_3 .tabs li.active {background:#ffffff; }.rd_tabs.horizontal.rd_tab_3 .tabs li.active a{color:#2c3e50; }.rd_tabs.horizontal.rd_tab_4 li.active a{color:#2c3e50; }.rd_tabs.rd_vtab_1 #tabs{border-top:1px solid #ecf0f1; }.rd_tabs.rd_vtab_1 li,.rd_tabs.rd_vtab_1 .tab_content{border:1px solid #ecf0f1; }.rd_tabs.rd_vtab_1 li{background:#f9fafb; }.rd_tabs.rd_vtab_1 li.active,.rd_tabs.rd_vtab_1 .tabs-container{background:#ffffff; }.rd_tabs.rd_vtab_1.rd_vtab_left li.active {border-left:1px solid rgba(0,0,0,0); border-right:1px solid #ffffff;}.rd_tabs.rd_vtab_1.rd_vtab_right li.active {border-right:1px solid rgba(0,0,0,0); border-left:1px solid #ffffff;}.rd_tabs.vertical li a{color:#5b5b5b;}.rd_tabs.rd_vtab_1.vertical.rd_vtab_left li a{border-left:5px solid#f9fafb;}.rd_tabs.rd_vtab_1.vertical.rd_vtab_right li a{border-right:5px solid#f9fafb;}.rd_tabs.rd_vtab_1.vertical.rd_vtab_left li.active a{color:#dd9933; border-left:5px solid#bf5d2b;}.rd_tabs.rd_vtab_1.vertical.rd_vtab_right li.active a{color:#dd9933; border-right:5px solid#bf5d2b;}.rd_tabs.rd_vtab_2 li{border-bottom:1px solid #ecf0f1; }.rd_tabs.rd_vtab_2 li.active a{color:#bf5d2b; }.rd_tabs.rd_vtab_2 li{border-bottom:1px solid #ecf0f1; }.rd_tabs.rd_vtab_2.rd_vtab_left .tabs-container{border-left:1px solid #ecf0f1; }.rd_tabs.rd_vtab_2.rd_vtab_left .tab_content{border-left:1px solid #ecf0f1; background:#ffffff;}.rd_tabs.rd_vtab_2.rd_vtab_right .tab_content{border-right:1px solid #ecf0f1; background:#ffffff;}.rd_clear_alert{border:1px solid #ecf0f1; }.thefox_bigloader .loader_button{background:#21C2F8; }#coming_soon_form input[type=button]{background:#1abc9c; }#coming_soon_form input[type=button]:hover{background:#21C2F8; }.thefox_bigloader .loader_tophalf{background: -moz-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%, #1abc9c 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(52, 192, 191, 0.5)) color-stop(100%,#1abc9c)); background: -webkit-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%,#1abc9c 100%); background: -o-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%,#1abc9c 100%); background: -ms-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%,#1abc9c 100%); background: linear-gradient(to right, rgba(52, 192, 191, 0.5) 0%,#1abc9c 100%);}.thefox_bigloader .loader_bottomhalf{background: -moz-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%, rgba(77, 196, 226, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(52, 192, 191, 0.5)), color-stop(100%,rgba(77, 196, 226, 0))); background: -webkit-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%); background: -o-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%); background: -ms-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%); background: linear-gradient(to right, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%);}#jpreOverlay .thefox_bigloader .loader_button{background:#21C2F8; }#jpreOverlay .thefox_bigloader .loader_tophalf{background: -moz-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%, #1abc9c 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(52, 192, 191, 0.5)) color-stop(100%,#1abc9c)); background: -webkit-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%,#1abc9c 100%); background: -o-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%,#1abc9c 100%); background: -ms-linear-gradient(left, rgba(52, 192, 191, 0.5) 0%,#1abc9c 100%); background: linear-gradient(to right, rgba(52, 192, 191, 0.5) 0%,#1abc9c 100%);}#jpreOverlay .thefox_bigloader .loader_bottomhalf{background: -moz-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%, rgba(77, 196, 226, 0) 100%); background: -webkit-gradient(linear, left top, right top, color-stop(1%,rgba(52, 192, 191, 0.5)), color-stop(100%,rgba(77, 196, 226, 0))); background: -webkit-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%); background: -o-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%); background: -ms-linear-gradient(left, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%); background: linear-gradient(to right, rgba(52, 192, 191, 0.5) 1%,rgba(77, 196, 226, 0) 100%);}#jpreBar {background: #21c2f8; background: -moz-linear-gradient(left, #21c2f8 0%, #13d4ae 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#21c2f8), color-stop(100%,#13d4ae)); background: -webkit-linear-gradient(left, #21c2f8 0%,#13d4ae 100%); background: -o-linear-gradient(left, #21c2f8 0%,#13d4ae 100%); background: -ms-linear-gradient(left, #21c2f8 0%,#13d4ae 100%); background: linear-gradient(to right, #21c2f8 0%,#13d4ae 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#21c2f8", endColorstr="#13d4ae",GradientType=1 );} #preloader_3:before{background:#bf5d2b}#preloader_3:after{background:#bf5d2b}@-webkit-keyframes preloader_3_before { 0% {transform: translateX(0px) rotate(0deg)} 50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#bf5d2b;border-radius:0px;} 100% {transform: translateX(0px) rotate(0deg)}} @keyframes preloader_3_before { 0% {transform: translateX(0px) rotate(0deg)} 50% {transform: translateX(50px) scale(1.2) rotate(260deg); background:#bf5d2b;border-radius:0px;} 100% {transform: translateX(0px) rotate(0deg)}} @-webkit-keyframes preloader_3_after { 0% {transform: translateX(0px)} 50% {transform: translateX(-50px) scale(1.2) rotate(-260deg); background:#bf5d2b; border-radius:0px;} 100% {transform: translateX(0px)}} @keyframes preloader_3_after { 0% {transform: translateX(0px)} 50% {transform: translateX(-50px) scale(1.2) rotate(-260deg);background:#bf5d2b;border-radius:0px;} 100% {transform: translateX(0px)}}#footer_bg,#footer{background:#2f2933; }#footer,#footer .cat-item a{color:#a1b1bc; }#footer .widget h2,#footer .widget_recent_entry h4 a{color:#ffffff; }.footer_type_3 .widget h2,.footer_type_8 .widget h2{border-left:5px solid #04bfbf; }#footer a{color:#04bfbf; }#footer a:hover{color:#ffffff; }#footer .tagcloud a{border:1px solid #a1b1bc; color:#a1b1bc; }#footer .tagcloud a:hover{border:1px solid #04bfbf; background:#04bfbf !important; color:#ffffff;}#footer .cat-item a,#footer .children .cat-item a{border-top:1px solid #2f2933; border-color:#2f2933 !important;}#footer .widget_recent_entries li{border-bottom:1px solid #2f2933; border-color:#2f2933 !important;}.footer_type_9{border-top:1px solid #2f2933;}.footer_type_5{border-top:10px solid #2f2933;}.footer_type_10 .widget_line .small_l_left{border-top:3px solid #ffffff;}#footer .widget_recent_entries ul li{border-bottom:1px solid #2f2933}#footer .widget_recent_entries ul li a{color:#a1b1bc}#footer .widget_recent_entries ul li a:hover{color:#04bfbf}#footer #recentcomments li{border-bottom:1px solid #2f2933}#footer #recentcomments li a{color:#ffffff;}#footer #recentcomments li a:hover{color:#ffffff;}#footer .rd_widget_recent_entries li,#footer .rd_widget_recent_entries_f li{border-bottom:1px solid #2f2933}#footer .w_comment a{color:#a1b1bc;}#footer .w_comment a:hover{color:#04bfbf;}#footer .widget_recent_entry h4 a{color:#ffffff;}#footer .widget_recent_entry h4 a:hover{color:#04bfbf;}#footer .widget_archive ul li,#footer .widget_meta ul li{border-bottom:1px solid #2f2933}#footer .widget_archive ul li a,#footer .widget_meta ul li a{color:#a1b1bc;}#footer .widget_archive ul li a:hover,#footer .widget_meta ul li a:hover{color:#bf5d2b;}#footer .page_item a, #footer .menu-item a{border-bottom:1px solid #2f2933; color:#a1b1bc;}#footer .page_item a:hover, #footer .menu-item a:hover,#footer .current_page_item a,#footer .current_page_item a{color:#04bfbf; }#footer .page_item a:before, #footer .menu-item a:before { color:#04bfbf;}#footer #wp-calendar caption{background:#ffffff; color:#2f2933;}#footer #wp-calendar{border:1px solid #2f2933}#footer #wp-calendar th{color:#04bfbf;}#footer #wp-calendar tbody td a{color:#fff; background:#04bfbf;}#footer #wp-calendar tbody td a:hover{color:#fff; background:#04bfbf;}#footer #wp-calendar td#next a:hover:after,#footer #wp-calendar td#prev a:hover:after{background:#04bfbf;}#footer #lang_sel a{color:#a1b1bc; background:#2f2933; border:1px solid #a1b1bc}#footer #lang_sel a:hover{color:#ffffff}#footer_coms {background:#242735; }#footer_coms a{color:#bf5d2b; }#footer_coms a:hover,#footer_coms .menu a:hover,.f_si_type1 a:hover,#footer_coms #to_top_img:hover{color:#ffffff; }#footer_coms,#footer_coms .menu a,#f_social_icons a,#footer_coms #to_top_img{color:#a1b1bc; }#footer_coms{border-top:1px solid #282b39;}#footer_coms .f_si_type2 #to_top_img{background:#bf5d2b!important;};</style> <style type="text/css">.recentcomments a{display:inline !important;padding:0 !important;margin:0 !important;}</style> <meta name="generator" content="Powered by Visual Composer - drag and drop page builder for WordPress."/> <!--[if IE 8]><link rel="stylesheet" type="text/css" href="http://www.testwebu.9e.cz/wp-content/plugins/js_composer/assets/css/vc-ie8.css" media="screen"><![endif]--><style type="text/css" title="dynamic-css" class="options-output">body{background-repeat:repeat;background-size:inherit;background-attachment:fixed;background-position:left bottom;background-image:url('http://www.girafka.cz/wp-content/uploads/2015/06/back_gau.jpg');}</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript></head> <body class="home page page-id-2 page-template-default logged-in wpb-js-composer js-comp-ver-4.5.2 vc_responsive" > <div id="boxed_layout" class="menu_slide"><div id="top_bg" > <div id="header_container"> <!-- header --> <header class="header_shadow sticky_header nav_type_9 clearfix" > <div class="wrapper"> <!-- logo --> <div class="logo_text"><a href="http://www.testwebu.9e.cz"> <p> </p> </a></div> <!-- logo END--> <!-- menu --> <div id="search-form"> <form method="get" action="http://www.testwebu.9e.cz" id="searchform"> <input type="text" name="s" placeholder="Search" class="search" id="ssform" value="" /> <input type="submit" id="searchsubmit" value="" /> <span class="search_button_icon"></span> </form> </div> <div id="searchtop"> <a id="searchtop_img"><i class="fa fa-search"></i></a> </div> <nav class="nav_type_9"><ul id="menu-main-menu" class="menu"><li id="menu-item-1685" class=" menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item "><a href="http://www.testwebu.9e.cz/">Domů</a></li> <li id="menu-item-1683" class=" menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home "><a href="http://www.testwebu.9e.cz/">Pokus</a></li> <li id="menu-item-1684" class=" menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home "><a href="http://www.testwebu.9e.cz/">Pokus 1</a></li> </ul> </nav> <!-- menu END--> </div> </div> </header> <!-- header END--> <style>#top_bar {display:none;}</style><script type="text/javascript" charset="utf-8"> var j$ = jQuery; j$.noConflict(); "use strict"; j$('#header_container').css('position', 'absolute'); j$('#header_container').css('width', '100%'); j$('header').addClass('transparent_header'); j$('.header_bottom_nav').addClass('transparent_header'); </script> <style>.page_title_ctn {padding-top:133px; padding-bottom:43px;}</style><div> <div id="rev_slider_1_1_wrapper" class="rev_slider_wrapper fullscreen-container" style="background-color:#000000;padding:0px;"> <!-- START REVOLUTION SLIDER 4.6.9 fullscreen mode --> <div id="rev_slider_1_1" class="rev_slider fullscreenbanner" style="display:none;"> <ul> <!-- SLIDE --> <li data-transition="slidehorizontal" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" > <!-- MAIN IMAGE --> <img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2015/02/slider_1.jpg" alt="slider_1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat"> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption tp-fade fadeout rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="0" data-speed="500" data-start="2500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="500" style="z-index: 5;"> <div style=" -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;" class="tp-layer-inner-rotation rs-wave" data-speed="8" data-angle="180" data-radius="25" data-origin="50% 50%"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/dot5.png" alt=""> </div> </div> <!-- LAYER NR. 2 --> <div class="tp-caption tp-fade rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="200" data-speed="300" data-start="0" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 6;"> <div style=" -moz-transform: rotate(-360deg); -ms-transform: rotate(-360deg); -o-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); transform: rotate(-360deg); -moz-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; -o-transform-origin: 50% 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;" class="tp-layer-inner-rotation rs-pendulum" data-easing="Linear.easeNone" data-startdeg="0" data-enddeg="360" data-speed="7" data-origin="50% 50%"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/dot_vector.png" alt=""> </div> </div> <!-- LAYER NR. 3 --> <div class="tp-caption tp-fade rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="200" data-speed="800" data-start="500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 7;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/slider_t_bg.png" alt="" data-ww="2550" data-hh="247"> </div> <!-- LAYER NR. 4 --> <div class="tp-caption sft rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="133" data-speed="800" data-start="1200" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 8;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/top_text.png" alt="" data-ww="272" data-hh="13"> </div> <!-- LAYER NR. 5 --> <div class="tp-caption tp-fade rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="197" data-speed="750" data-start="1500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 9;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/crea_text.png" alt="" data-ww="770" data-hh="73"> </div> <!-- LAYER NR. 6 --> <div class="tp-caption sfb rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="264" data-speed="800" data-start="1900" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 10;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/bottom_text.png" alt="" data-ww="461" data-hh="19"> </div> <!-- LAYER NR. 7 --> <div class="tp-caption tp-fade rs-parallaxlevel-6" data-x="center" data-hoffset="-200" data-y="center" data-voffset="-30" data-speed="700" data-start="2500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 11;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/dot1.png" alt=""> </div> <!-- LAYER NR. 8 --> <div class="tp-caption tp-fade rs-parallaxlevel-4" data-x="center" data-hoffset="200" data-y="center" data-voffset="-30" data-speed="700" data-start="2500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 12;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/dot2.png" alt=""> </div> <!-- LAYER NR. 9 --> <div class="tp-caption tp-fade rs-parallaxlevel-4" data-x="center" data-hoffset="-200" data-y="center" data-voffset="170" data-speed="700" data-start="2500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 13;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/dot4.png" alt=""> </div> <!-- LAYER NR. 10 --> <div class="tp-caption tp-fade rs-parallaxlevel-5" data-x="center" data-hoffset="200" data-y="center" data-voffset="170" data-speed="700" data-start="2500" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 14;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2014/11/dot3.png" alt=""> </div> </li> <!-- SLIDE --> <li data-transition="slidehorizontal" data-slotamount="7" data-masterspeed="300" data-saveperformance="off" > <!-- MAIN IMAGE --> <img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2015/02/slider_2.jpg" alt="slider_2" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat"> <!-- LAYERS --> <!-- LAYER NR. 1 --> <div class="tp-caption customin rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="0" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:2.5;scaleY:2.5;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="1000" data-start="700" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 5;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2015/01/big_becrea.png" alt=""> </div> <!-- LAYER NR. 2 --> <div class="tp-caption customin rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="0" data-customin="x:0;y:0;z:0;rotationX:0;rotationY:0;rotationZ:0;scaleX:0;scaleY:0;skewX:0;skewY:0;opacity:0;transformPerspective:600;transformOrigin:50% 50%;" data-speed="700" data-start="1700" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 6;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2015/01/becrea.png" alt=""> </div> <!-- LAYER NR. 3 --> <div class="tp-caption sfb rs-parallaxlevel-0" data-x="center" data-hoffset="0" data-y="center" data-voffset="70" data-speed="700" data-start="2400" data-easing="Power3.easeInOut" data-elementdelay="0.1" data-endelementdelay="0.1" data-endspeed="300" style="z-index: 7;"><img src="http://www.rd-themes.com/TheFox/wp-content/uploads/2015/01/how_becrea.png" alt=""> </div> </li> </ul> <div class="tp-bannertimer"></div> </div> <style scoped></style> <script type="text/javascript"> /****************************************** - PREPARE PLACEHOLDER FOR SLIDER - ******************************************/ var setREVStartSize = function() { var tpopt = new Object(); tpopt.startwidth = 1920; tpopt.startheight = 500; tpopt.container = jQuery('#rev_slider_1_1'); tpopt.fullScreen = "on"; tpopt.forceFullWidth="off"; tpopt.container.closest(".rev_slider_wrapper").css({height:tpopt.container.height()});tpopt.width=parseInt(tpopt.container.width(),0);tpopt.height=parseInt(tpopt.container.height(),0);tpopt.bw=tpopt.width/tpopt.startwidth;tpopt.bh=tpopt.height/tpopt.startheight;if(tpopt.bh>tpopt.bw)tpopt.bh=tpopt.bw;if(tpopt.bh<tpopt.bw)tpopt.bw=tpopt.bh;if(tpopt.bw<tpopt.bh)tpopt.bh=tpopt.bw;if(tpopt.bh>1){tpopt.bw=1;tpopt.bh=1}if(tpopt.bw>1){tpopt.bw=1;tpopt.bh=1}tpopt.height=Math.round(tpopt.startheight*(tpopt.width/tpopt.startwidth));if(tpopt.height>tpopt.startheight&&tpopt.autoHeight!="on")tpopt.height=tpopt.startheight;if(tpopt.fullScreen=="on"){tpopt.height=tpopt.bw*tpopt.startheight;var cow=tpopt.container.parent().width();var coh=jQuery(window).height();if(tpopt.fullScreenOffsetContainer!=undefined){try{var offcontainers=tpopt.fullScreenOffsetContainer.split(",");jQuery.each(offcontainers,function(e,t){coh=coh-jQuery(t).outerHeight(true);if(coh<tpopt.minFullScreenHeight)coh=tpopt.minFullScreenHeight})}catch(e){}}tpopt.container.parent().height(coh);tpopt.container.height(coh);tpopt.container.closest(".rev_slider_wrapper").height(coh);tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(coh);tpopt.container.css({height:"100%"});tpopt.height=coh;}else{tpopt.container.height(tpopt.height);tpopt.container.closest(".rev_slider_wrapper").height(tpopt.height);tpopt.container.closest(".forcefullwidth_wrapper_tp_banner").find(".tp-fullwidth-forcer").height(tpopt.height);} }; /* CALL PLACEHOLDER */ setREVStartSize(); var tpj=jQuery; tpj.noConflict(); var revapi1; tpj(document).ready(function() { if(tpj('#rev_slider_1_1').revolution == undefined){ revslider_showDoubleJqueryError('#rev_slider_1_1'); }else{ revapi1 = tpj('#rev_slider_1_1').show().revolution( { dottedOverlay:"none", delay:9000, startwidth:1920, startheight:500, hideThumbs:200, thumbWidth:100, thumbHeight:50, thumbAmount:2, simplifyAll:"off", navigationType:"bullet", navigationArrows:"solo", navigationStyle:"round", touchenabled:"on", onHoverStop:"on", nextSlideOnWindowFocus:"off", swipe_threshold: 0.7, swipe_min_touches: 1, drag_block_vertical: false, parallax:"mouse", parallaxBgFreeze:"off", parallaxLevels:[5,10,15,20,25,30,35,40,45,50], parallaxDisableOnMobile:"on", keyboardNavigation:"off", navigationHAlign:"center", navigationVAlign:"bottom", navigationHOffset:0, navigationVOffset:20, soloArrowLeftHalign:"left", soloArrowLeftValign:"center", soloArrowLeftHOffset:20, soloArrowLeftVOffset:0, soloArrowRightHalign:"right", soloArrowRightValign:"center", soloArrowRightHOffset:20, soloArrowRightVOffset:0, shadow:0, fullWidth:"off", fullScreen:"on", spinner:"spinner0", stopLoop:"off", stopAfterLoops:-1, stopAtSlide:-1, shuffle:"off", forceFullWidth:"off", fullScreenAlignForce:"on", minFullScreenHeight:"", hideThumbsOnMobile:"off", hideNavDelayOnMobile:1500, hideBulletsOnMobile:"off", hideArrowsOnMobile:"off", hideThumbsUnderResolution:0, fullScreenOffsetContainer: "", fullScreenOffset: "", hideSliderAtLimit:0, hideCaptionAtLimit:0, hideAllCaptionAtLilmit:0, startWithSlide:0 }); } }); /*ready*/ </script> </div><!-- END REVOLUTION SLIDER --></div><div class="section def_section"> <div class="wrapper section_wrapper"> <div id="fw_c" class="clearfix tf_single_page"> <div class="vc_row wpb_row vc_row-fluid "> <div class="vc_span12 wpb_column vc_column_container "> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper" id="ct_rn14meg7yfgy6fqh6srd"> <p>„Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.“</p> <p> </p> <p>„Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?“</p> </div> </div> </div> </div> </div> </div> </div> </div> <div id="footer_bg"> <div id="footer_coms"> <div class="wrapper"> <div class="f_menu_left m_normal"> </div> <div class="footer_si_ctn f_si_right f_si_type2" > <div id="f_social_icons"> </div> </div> <div class="footer_message f_message_left" > </div> </div> </div> </div> </div> </div> <a id="to_top"><i class="fa-angle-up"></i></a> </div> <div id="mobile-menu"> <ul id="menu-main-menu-1" class="menu"><li id="menu-item-1685" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-2 current_page_item menu-item-1685"><a href="http://www.testwebu.9e.cz/">Domů</a></li> <li id="menu-item-1683" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1683"><a href="http://www.testwebu.9e.cz/">Pokus</a></li> <li id="menu-item-1684" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-1684"><a href="http://www.testwebu.9e.cz/">Pokus 1</a></li> </ul> <div id="mobile_menu_search"> <div id="search"> <form method="get" action="http://www.testwebu.9e.cz/"><input type="text" name="s" placeholder="Search" class="search" value=""/><input type="submit" id="searchsubmit" value=""></form> </div></div> </div> <div class="menu_slide mt_menu sticky_header" > <div class="wrapper tf_o_visible"> <div class="logo_text"><a href="http://www.testwebu.9e.cz"> <p> </p> </a></div> <div id="nav_button_alt"></div> </div> </div> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/pre-loader.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/customjs.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/includes/Flexslider/jquery.flexslider.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/jquery.easing.1.3.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/jquery.transit.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/jquery.fitvids.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/includes/prettyPhoto/jquery.prettyPhoto.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/superfish.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/waypoints.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/jcarousel.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/countTo.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/jquery.tipTip.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/custom_woo_js.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/themes/TheFox/js/smoothscroll.js?ver=4.2.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/plugins/contact-form-7/includes/js/jquery.form.min.js?ver=3.51.0-2014.06.20'></script> <script type='text/javascript'> /* <![CDATA[ */ var _wpcf7 = {"loaderUrl":"http:\/\/www.testwebu.9e.cz\/wp-content\/plugins\/contact-form-7\/images\/ajax-loader.gif","sending":"Odes\u00edl\u00e1m..."}; /* ]]> */ </script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.1.2'></script> <script type='text/javascript' src='http://www.testwebu.9e.cz/wp-content/plugins/js_composer/assets/js/js_composer_front.js?ver=4.5.2'></script> <div ><div class="zoznam">Vyzkoušejte nový webhosting <a href="http://b.cz/">b.cz</a>. Nejkratší doména 2. řádu na českém trhu.</div></div></body></html>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
/* Theme Name: TheFox Theme URI: http://www.thefoxwp.com Description: <strong>A superflexible and responsive Business Theme by Tranmautritam team</strong> - <br/>Update notifications available on twitter and facebook:<br/> <a href='https://twitter.com/tranmautritam'>Follow me on twitter</a><br/> - <a href='https://www.facebook.com/tranmautritam.designer'>Join the Facebook Group</a> A theme by <a href="http://themeforest.net/user/tranmautritam?ref=tranmautritam">Tranmautritam Team</a>. Version: 1.20 Author: Tranmautritam Team Author URI: http://themeforest.net/user/tranmautritam?ref=tranmautritam License: Themeforest Split Licence 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; } #toppng { background-image: url("images/call.png"); width: 250px; height: 250px; position: fixed; top: 100px; right: 100px; z-index: 999; } .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>