/*
Theme Name: TheFox
Theme URI: http://www.thefoxwp.com
Description: A superflexible and responsive Business Theme by Tranmautritam team -
Update notifications available on twitter and facebook:
Follow me on twitter
- Join the Facebook Group A theme by Tranmautritam Team.
Version: 2.081
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%;
}
.scroll-down {
width: 70px;
position: absolute;
bottom: 0px;
z-index: 99999;
left: 50%;
margin-left: -35px;
opacity: .7;
}
ol, ul {
list-style: none;
}
strong,b {
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-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;
}
textarea, select, button {
-webkit-appearance: none;
-moz-appearance: none;
}
textarea { font-family: inherit; }
.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;
}
.text_light {
font-weight:300;
}
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-1170 {
margin:auto!important;
max-width:1170px
}
.width-1100 {
margin:auto !important;
max-width:1100px
}
.width-1000 {
margin:auto !important;
max-width:1000px
}
.width-950 {
margin:auto !important;
max-width:950px
}
.width-900 {
margin:auto !important;
max-width:900px
}
.width-850 {
margin:auto !important;
max-width:850px
}
.width-800 {
margin:auto !important;
max-width:800px
}
.width-750 {
margin:auto !important;
max-width:750px
}
.width-700 {
margin:auto !important;
max-width:700px
}
.width-650 {
margin:auto !important;
max-width:650px
}
.width-600 {
margin:auto !important;
max-width:600px
}
.width-550 {
margin:auto !important;
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);
}
.vc_figure-caption { line-height:24px; }
.vc_hidden-lg { display:none !important;}
/************ 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);
overflow:hidden;
}
.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;
background-position:center;
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 !important;
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: -1!important;
}
.vc_parallax .rd_row_overlay {
z-index: 0!important;
}
.vc_parallax.rd_has_overlay .vc_parallax-inner {
z-index:-1!important;
}
.rd_video_ctn {
overflow:hidden;
}
.vc_parallax.rd_video_ctn .vc_parallax-inner {
z-index:-2!important;
}
.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;
-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 top;
background-repeat:no-repeat;
background-size: cover;
-webkit-background-size: cover;
}
.parallax_fixed {
background-attachment:fixed;
}.vc_row.wpb_row.vc_row-fluid.rd_parallax_section {
background: transparent;
}
.fixed_bg {
background-size: cover;
-webkit-background-size: cover;
background-position: 50% 0;
background-repeat: no-repeat no-repeat;
background-attachment: fixed;
}
.repeat_bg {
background-repeat:repeat;
}
.repeatx_bg {
background-repeat: repeat-x;
}
.repeaty_bg {
background-repeat: repeat-y;
}
#fw_c {
padding:0px 0;
}
#footer_bg {
width:100%;
margin:0 auto;
position:relative;
background:#202024;
color:#ccc;
}
.footer_wrap {
max-width:1200px;
}
.module_section {
display:none;
}
.left {
float:left;
}
.right {
float:right;
}
img {
max-width: 100%;
height: auto;
}
.map_canvas_body {
position:relative;
}
.map_canvas {
margin:0;
width:100%;
height:400px;
}
.map_canvas img {
max-width: none !important;
}
.wpb_text_column .mejs-container {
display:none;
}
/************************************************************************************
1 Header
*************************************************************************************/
#top_bg {
position: relative;
}
#top_bar {
background-color:#414141;
font-size:13px;
}
#top_bar .wrapper {
padding:0px 0;
overflow: visible;
display: table;
z-index: 1000;
}
#top_bar .sub-menu {
display:none;
}
.top_bar_menu {
float:right;
}
.top_bar_menu li {
float: left;
padding-left: 20px;
line-height:51px;
}
.top_phone {
width:auto;
float:left;
margin:0px 0 0px 0;
}
.top_phone:before {
font-family:'FontAwesome';
font-size:13px;
content:'\f095';
padding:0px 14px 0px 0px;
}
.top_email {
width:auto;
float:left;
margin:0px 0 0px 0px;
}
.top_email:before {
font-family:'FontAwesome';
font-size:13px;
content:'\f0e0';
padding:0px 14px 0px 0px;
}
.top_text {
width:auto;
float:left;
margin:0px 0 0px 0px;
padding:8px 0px 1px 0px;
font-size:13px;
}
#rd_wpml {
float:left;
height: 51px;
}
#rd_wpml #lang_sel,#rd_wpml .wpml-ls-legacy-dropdown{
height:51px;
border:none!important;
width:auto;
}
#rd_wpml #lang_sel li,#rd_wpml .wpml-ls-legacy-dropdown .wpml-ls-item {
float: left;
width: 190px;
text-align: left;
position: relative;
}
#rd_wpml #lang_sel a,#rd_wpml .wpml-ls-legacy-dropdown .wpml-ls-item a {
background:none;
font-size:14px;
font-family:"Lato";
border:none!important;
padding: 13px 20px 14px;
}
#rd_wpml .lang_sel_sel:after,#rd_wpml .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
content: "\f107";
font-family: "FontAwesome";
float: right;
border: none!important;
position: static !important;
}
#rd_wpml #lang_sel ul li:hover ul, #rd_wpml #lang_sel ul a:hover ul, #rd_wpml .wpml-ls-legacy-dropdown:hover .wpml-ls-sub-menu, #rd_wpml .wpml-ls-legacy-dropdown ul li:hover .wpml-ls-sub-menu {
opacity: 1;
}
#rd_wpml img {
margin-right: 10px;
}
#rd_wpml #lang_sel ul ul,#rd_wpml .wpml-ls-legacy-dropdown .wpml-ls-sub-menu {
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,#rd_wpml .wpml-ls-legacy-dropdown > ul > li{
height:51px;
overflow:visible;
}
#rd_wpml #lang_sel li li,#rd_wpml .wpml-ls-legacy-dropdown li li{
width: 260px;
}
#rd_wpml #lang_sel li li:first-child,#rd_wpml .wpml-ls-legacy-dropdown li li:first-child {
padding-top:10px !important;
}
#rd_wpml #lang_sel li li:last-child,#rd_wpml .wpml-ls-legacy-dropdown 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;
}
#boxed_layout header {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
}
#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 {
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 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;
}
.fixed_header_left #logo_img,.fixed_header_left #logo_img img{
max-height:inherit;
}
#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:none;
-moz-transition:none;
-o-transition:none;
transition:none;
}
.header_bottom_nav nav {
float:left;
}
#nav_mini {
display:none;
}
#nav_button {
display:none;
cursor:pointer;
}
.header_bottom_nav #nav_button {
margin-top: 16px;
}
#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,#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 #search-form {
top:90px;
}
.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:hover > ul {
/*top:55px !important;*/
}
.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 .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 #search-form {
top:89px;
}
.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,#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 #search-form {
top:89px;
}
.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, #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 #search-form {
top:100px;
}
.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, #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 #search-form {
top:100px;
}
.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 13px 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, #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 #search-form {
top:100px;
}
.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, #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 #search-form {
top:100px;
}
.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, #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 #search-form {
top:89px;
}
.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, #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 #search-form {
top:90px;
}
.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 9
**************************************************/
.nav_type_9_c {
min-height:90px;
}
nav.nav_type_9_c {
float:none;
text-align:center;
font-size: 50px;
word-spacing: 0;
letter-spacing: 0;
}
.nav_type_9_c #logo_img, .nav_type_9_c .logo_text {
line-height:90px;
max-height:90px;
position:absolute;
left:50%;
}
header.nav_type_9_c .header_current_cart:hover .cdp_2, #header_container .nav_type_9_c .cart-notification, #header_container .nav_type_9_c ul li:hover > ul, #header_container .nav_type_9_c ul li.sfHover > ul {
top:90px;
visibility:visible!important;
}
.nav_type_9_c #search-form {
top:90px;
}
.nav_type_9_c ul {
float:none;
position:static;
z-index:5000;
overflow:visible;
display:inline-block;
line-height: normal;
}
.nav_type_9_c ul li {
position: relative;
font-size: 13px;
float:left;
z-index:5000;
}
.nav_type_9_c ul li a {
position: relative;
display: block;
padding: 34px 0px 35px 0px;
margin:0px;
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;
min-width: 100px;
float:left;
z-index:2000;
}
header.nav_type_9_c #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_c.shrinked_header #searchtop {
padding: 16px 0px 10px 23px;
}
.nav_type_9_c.shrinked_header {
min-height: 55px;
max-height: 55px;
}
.nav_type_9_c.shrinked_header ul li a {
padding: 17px 0px 17px 0px;
}
.nav_type_9_c.shrinked_header #logo_img img {
max-height:35px;
}
.nav_type_9_c.shrinked_header #logo_img, .nav_type_9_c.shrinked_header .logo_text {
max-height:55px;
line-height:55px;
}
header.nav_type_9_c #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, #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 #search-form {
top:91px;
}
.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, #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 #search-form {
top:110px;
}
.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,#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 #search-form {
top:100px;
}
.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,#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 #search-form {
top:60px;
}
.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,#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 #search-form {
top:60px;
}
.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 .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 #search-form {
top:50px;
}
.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 .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 #search-form {
top:69px;
}
.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 .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 #search-form {
top:70px;
}
.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 .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 #search-form {
top:70px;
}
.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;
top: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_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 #rd_wpml, #mobile-menu #lang_sel, #mobile-menu #rd_wpml #lang_sel > ul > li{
width:100%;
}
#mobile-menu #rd_wpml #lang_sel ul ul,#mobile-menu #rd_wpml #lang_sel li li {
width:100%;
}
#mobile-menu #rd_wpml ul ul { display:block!important; }
#mobile-menu #rd_wpml #lang_sel ul li ul,#mobile-menu #rd_wpml #lang_sel ul a ul ul{ opacity:1; visibility:visible;}
#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;
clear: both;
}
#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,#fw_c.index_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;
}
.staff_sc:hover .staff_nav .staff_left, .staff_sc:hover .staff_nav .staff_right {
opacity:1;
}
.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;
}
#posts.business_posts {
width:700px;
max-width:700px;
}
#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%;
}
#fw_c .post_single {
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%;
}
.business_author_post .post_quote_ctn,.post_single_business .post_quote_ctn{
margin-bottom: 30px;
position:relative;
}
.post_quote_text {
font-size:30px;
padding:31px 30px 28px;
line-height: 40px;
position:relative;
}
.business_author_post .post_quote_text,.post_single_business .post_quote_text{
font-size: 30px;
padding: 60px;
line-height: 50px;
position: relative;
font-style:italic;
font-weight:300;
margin-right: 5px;
}
.business_author_post .post_quote_text:after,.post_single_business .post_quote_text:after{
content: "";
position: absolute;
left: 5px;
top: 5px;
height: 100%;
width: 100%;
opacity: 0.5;
z-index: -1;
}
.business_author_post .post_quote_author,.post_single_business .post_quote_author{
font-size: 13px;
padding: 9px 30px 12px;
margin-top: 1px;
position: absolute;
left: 0;
bottom: 0;
}
#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";
}
.ajax_post.post_masonry.new_month_post {
width: 100%!important;
}
.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;
}
.refresh_icn: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;
}
.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 business **/
.masonry_ctn.standard_business {
margin-bottom:0;
}
.business_author_post .top_info_ctn {
overflow:auto;
padding-bottom:40px;
}
.post_b_avatar {
float:left;
}
.post_b_avatar img {
display:block;
border-radius:300px;
}
.post_b_ad {
float:left;
padding-left:22px;
}
.post_b_author {
font-weight:600;
font-size:16px;
padding:7px 0 5px 0;
}
.post_b_category {
float:right;
}
.post_b_category a {
padding:10px 15px;
margin:0 0 10px 10px;
display: inline-block;
}
.business_author_post .post-title h2 {
font-size:30px;
line-height:50px;
font-weight:300;
}
.business_author_post .entry {
margin-top:8px;
line-height:30px;
}
.post_single_business .entry{
margin-top:0px;
line-height:30px;
}
.business_author_post .entry p,.post_single_business .entry p{
line-height:30px;
}
.business_author_post .post-info {
font-size: 14px;
margin: 16px 0px 0px 0px;
padding-bottom: 58px;
}
.business_author_post .post-info a:first-child{
font-weight:600;
}
.standard_business .blog_load_more_cont {
margin-left:0;
right:0;
left:inherit;
width:auto;
}
.standard_business .blog_load_more_cont a {
position: relative;
z-index: 2;
padding: 10px 15px;
text-decoration: none;
display: inline-block;
position: relative;
text-align: center;
max-width: 100%;
font-weight: 400;
font-size: 14px;
text-transform:none;
vertical-align: middle;
border-radius: 3px;
letter-spacing:normal;
}
.navigation.b_nav {
padding: 0px 0px 20px 0px;
margin-top: 0px;
border: none!important;
}
.b_nav .pagination {
clear: both;
padding: 0px 0;
position: relative;
font-size: 11px;
line-height: 13px;
overflow: auto;
float: right;
}
.b_nav .pagination span,.b_nav .pagination a {
margin: 2px 0px 2px 4px;
font-size: 14px;
border-radius: 3px;
}
.business_sp_title {
background-size: cover !important;
-moz-background-size: cover !important;
-webkit-background-size:cover !important;
box-sizing: content-box!important;
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
background-position: center top !important;
text-align:center;
position: relative;
}
.business_sp_title:after, .rp_business:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
background-color: rgba(27, 46, 63, 0.4);
top: 0;
left: 0;
z-index: 0;
}
.bs_single_post_navigation {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
a.bs_previous_project,a.bs_next_project {
position: absolute;
left: 50px;
top: 50%;
margin-top: -22.5px;
max-width: 55px;
height: 55px;
background-color: rgba(0,0,0,0.3);
line-height: 55px;
padding:0 24px;
border-radius: 3px;
color:#fff;
overflow:hidden;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
z-index: 2;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
a.bs_previous_project span,a.bs_next_project span {
-webkit-transition:all 0.35s ease;
-moz-transition:all 0.35s ease;
-o-transition:all 0.35s ease;
-ms-transition:all 0.35s ease;
transition: all 0.35s ease;
opacity:0;
}
a.bs_previous_project:before,.b_related_left:after {
font-family: 'FontAwesome';
content: '\f104';
padding-right: 16px;
font-weight:normal;
letter-spacing:normal;
}
a.bs_previous_project:hover,a.bs_next_project:hover {
max-width:500px;
color:#fff;
padding:0 30px;
}
a.bs_previous_project:hover span,a.bs_next_project:hover span{
opacity:1;
}
a.bs_next_project {
left: auto;
right: 50px!important;
direction: rtl;
}
a.bs_next_project:after,.b_related_right:after {
font-family: 'FontAwesome';
content: '\f105';
padding-left: 16px;
font-weight:normal;
letter-spacing:normal;
}
.business_sp_title .wrapper,.business_related_post .wrapper{
z-index:1;
color:#fff;
padding: 114px 0;
max-width: 1000px;
}
.business_sp_title h1{
text-align:center;
font-size: 48px;
line-height: 70px;
color:#fff;
font-weight:300;
}
.business_sp_title img{
border-radius:200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
margin:60px 0 29px;
}
.business_sp_title .wrapper a{
display:inline-block;
color:#fff;
width:100%;
font-size:20px;
font-weight:600;
margin-bottom:8px;
}
.business_related_carousel {
width:100%;
position:relative;
}
.b_related_nav {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.b_related_left,.b_related_right {
position: absolute;
left: 50px;
top: 50%;
margin-top: -22.5px;
width: 55px;
height: 55px;
background-color: rgba(0,0,0,0.3);
line-height: 55px;
padding:0 24px;
border-radius: 3px;
color:#fff;
overflow:hidden;
font-size:12px;
font-weight:bold;
letter-spacing:1px;
text-transform:uppercase;
text-align:left;
z-index: 2;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor:pointer;
}
.b_related_right{
left: auto;
right: 50px!important;
direction: rtl;
}
.b_related_left:hover,.b_related_right:hover {
background-color: rgba(0,0,0,0.7);
}
.business_related_post {
float:left;
text-align:center;
background-size: cover !important;
-moz-background-size: cover !important;
-webkit-background-size:cover !important;
box-sizing: content-box!important;
-moz-box-sizing: content-box!important;
-webkit-box-sizing: content-box!important;
}
.business_related_post .wrapper {
max-width:760px;
}
h2.b-post-title{
text-align:center;
font-size: 36px;
line-height: 62px;
color:#fff;
font-weight:300;
}
.business_related_post h4 {
text-align:center;
font-size:18px;
line-height:22px;
letter-spacing:2px;
font-weight:400;
margin-bottom:60px;
color:#fff;
position:relative;
}
.business_related_post h4:after {
content:"";
position:absolute;
bottom: -43px;
border-bottom:1px solid;
width:70px;
left:50%;
margin-left:-35px;
}
.b-read-now {
font-size: 14px;
text-transform: uppercase;
font-weight: bold;
line-height: 55px;
border-radius: 3px;
color: #fff;
text-align: center;
min-width: 200px;
background: rgba(0,0,0,0.5);
display: inline-block;
margin-top:44px;
}
.b-read-now:hover {
color:#fff;
}
.share_icons_business .share-box ul {
width:100%;
}
.share_icons_business .share-box ul li {
width: 13.716%!important;
margin: 0.28%!important;
height:40px!important;
border-radius: 3px;
}
.share_icons_business .share-box li a {
line-height: 40px;
display: block !important;
font-size: 17px;
border-radius: 3px;
color: #fff;
}
#author-bio-business {
width: 100%;
float: left;
margin-top: 50px;
}
#author-bio-business img {
float: left;
border-radius: 200px;
width:70px;
}
#author-bio-business #author-info{
padding-left:100px;
}
#author-bio-business #author-info p{
margin-bottom: 10px;
font-size:13px;
}
#business_comments .comment_count h3{
margin-bottom: 77px;
}
#business_comments #comments > ul > li ul{
border:none!important;
}
#business_comments #comments ul li li .comment_ctn:before{
display:none;
}
#business_comments #add-comment h4,#business_comments .comment_count h3{
font-size:13px;
text-transform:uppercase;
letter-spacing:1px;
font-weight:bold;
position:relative;
line-height:normal;
}
#business_comments #comments > ul > li {
padding-bottom:40px;
}
#business_comments #comments > ul > li:last-child{
padding-bottom:0px;
}
#business_comments #comments > ul > li:last-child .comment_ctn,#business_comments #comments{
margin-bottom:0;
}
#business_comments #comments > ul > li ul {
margin-top:19px;
}
#business_comments #comments ul li .comment_ctn {
background: none;
box-shadow: none;
border: none;
padding: 0 0 33px 0;
}
#business_comments #comments ul li .avatar img {
width:50px;
border-radius: 100px;
background: none;
box-shadow: none;
border: none;
}
#business_comments #comments ul li .details span.author{
font-size: 16px;
font-weight: 600;
}
#business_comments #comments ul li .details {
padding: 7px 0 0 20px;
}
#business_comments #comments ul li .details span.date {
margin-top:1px;
}
#business_comments #comments ul li .comment {
padding-top:20px;
}
#business_comments #comments ul li .comment p {
line-height:30px;
}
#comments ul li em{
padding-left: 30px;
}
#business_comments #add-comment{
padding-top:22px;
}
#business_comments #add-comment h4{
padding-bottom:55px;
}
#business_comments #comments ul li .details span.Reply a {
font-size: 14px;
text-transform: none;
font-weight: normal;
background:none!important;
padding: 6px 13px;
border-radius: 0;
}
#business_comments #add-comment input#submit,#respond input#submit {
font-weight: bold;
font-size: 14px;
letter-spacing: 0;
float: right;
}
/** 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
}
.rp_type11.ajax_post.blog_4_col, .rp_type11.ajax_post.blog_3_col, .rp_type11.ajax_post.blog_2_col, .rp_type11.ajax_post.blog_1_col {
padding-bottom:30px !important;
}
.rp_type11 .post-attachement img{
display:block;
}
.rp_type11 .post-attachement:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
background-color:#262c39;
-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.8;
z-index: 0;
}
.rp_type11:hover .post-attachement:after {
opacity:0.96;
}
.rp_type11 .post_ctn {
width:100%;
position:absolute;
bottom:0px;
padding:45px;
background: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;
color:#fff!important;
z-index:1;
}
.rp_type11 .post_ctn .post-title h2 a{
font-weight:600;
font-family:"Open sans";
font-size:24px;
line-height:36px;
}
.rp_type11 .post_ctn a,.rp_type11 .post_ctn a:hover{
color:#fff!important;
display: inline-block!important;
width: auto;
}
.rp_type11 .rp_post_info {
white-space: pre;
padding-top: 10px;
}
/************ 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 ul {
width: 100%;
margin:0;
}
.sc-share-box.a_center ul {
margin-left:5px;
}
.sc-share-box.a_center ul li, .sc-share-box.a_left ul li {
margin-right:10px!important;
}
.sc-share-box.a_right ul li {
margin-left:10px!important;
}
.sc-share-box.a_center.business_share_icons ul li, .sc-share-box.a_left.business_share_icons ul li, .sc-share-box.a_right.business_share_icons ul li {
margin-right: 0.5%!important;
margin-left: 0.5% !important;
width: 15.66%!important;
height: 40px!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.business_share_icons a {
width: 100%;
height: 40px;
line-height: 40px;
font-size: 17px;
}
.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;
B 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.business_share_icons ul li a:after {
top: 3px;
}
.sc-share-box ul li a:hover:before {
opacity:1;
top: -46px;
}
.sc-share-box.business_share_icons ul li a:hover:before {
opacity: 1;
top: -56px;
}
.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;
}
.rd_tc_5 .rd_twitter_icon {
height: 77px;
border:none!important;
}
.rd_tc_5 .rd_twitter_icon:before {
font-size:72px;
}
.rd_tc_5 .tweet_ctn {
font-size: 30px;
padding: 0px;
line-height: 50px;
position: relative;
font-weight: 300;
}
.rd_tc_5 .tweet_user{
margin: 93px 0 5px 0;
position: relative;
}
.rd_tc_5 .tweet_user:before {
content: "";
border-top: 1px solid;
width: 100px;
left: 50%;
top: -46px;
margin-left: -50px;
position: absolute;
}
.rd_tc_5 .tweet_user a{
font-weight: bold;
font-size: 14px;
text-transform: uppercase;
}
.rd_tc_5 .tweet_date{
text-transform:none;
font-weight: normal;
font-size: 14px;
}
/************************************************************************************
5 Sidebar
*************************************************************************************/
#sidebar {
width:270px;
padding-top:100px;
padding-bottom:100px;
}
#sidebar.business_sidebar {
width:370px;
position:relative;
}
.business_sidebar:before {
content: "";
width: 2000%;
height: 100%;
position: absolute;
top: 0;
z-index: -1;
}
.business_sidebar.right_sb {
padding-left:30px;
}
.business_sidebar.right_sb:before {
left:0;
}
.right_sb {
float:right;
}
.business_sidebar.left_sb {
padding-right:30px;
}
.business_sidebar.left_sb:before {
right:0;
}
.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;
}
.business_sidebar .sb_widget h3{
font-size:13px;
padding:0;
margin-bottom:51px;
text-transform: uppercase;
font-family: "Open sans";
}
.sb_widget > h3:before {
content:"";
width:14px;
position:absolute;
top:2px;
left:0;
}
.business_sidebar .sb_widget > h3:before,#business_comments #add-comment h4:before,#business_comments .comment_count h3:before {
top:44px;
width:70px;
border:none!important;
height:1px;
content:"";
left:0;
position:absolute;
}
.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.business_sidebar .cat-item a {
font-weight:normal;
text-transform:none;
letter-spacing:normal;
}
#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;
}
.business_sidebar .tagcloud a{
font-size: 14px !important;
margin: 0 10px 10px 0;
padding: 9px 10px;
}
#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;
}
.rd_widget_recent_entries h4 {
clear:both;
}
/** 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;
clear:both;
}
.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;
}
.sb_widget.tweets { margin-bottom: 30px; }
.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;
opacity:0;
}
#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: 100%;
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: 100%;
}
.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;
}
.filter_type_8 {
padding-bottom:15px!important;
}
.filter_type_8 #options {
border-radius: 5px;
}
.filter_type_8 #options li {
float:left;
letter-spacing:0px;
margin:0 0px 0 0;
padding:0px 0px 0px 0;
}
.filter_type_8 #options a {
display: inline-block;
*display: inline;
padding: 13.5px 11px 13.5px 26px;
margin-bottom: 0;
background:none!important;
*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;
}
#portfolio-tags.filter_type_9 {
padding: 25px 0 21px;
margin-bottom:20px;
}
.filter_type_9 #options li {
float:left;
letter-spacing:0px;
margin:0 0px 0 0;
padding:0px 5px 0px 5px;
}
.filter_type_9 #options a {
display: inline-block;
*display: inline;
padding: 0px 25px;
min-width:100px;
margin-bottom: 0;
text-align: center;
font-size:16px;
font-weight:300;
line-height:48px;
border:1px solid rgba(0,0,0,0);
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;
border-radius: 100px;
margin-bottom:0px!important;
}
/************************************************* 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;
}.port_type_10 .port_item_details{
text-align:center;
padding: 20px 0;
}
.port_type_10 .port_item_details h2 {
font-size:14px;
font-weight:bold;
padding:0;
}
.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;
transition: none;
overflow: visible;
-webkit-transform: perspective(1000px) translate3d(0, 0, 0px);
transform: perspective(1000px) translate3d(0, 0, 0px);
}
.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:auto;
}
.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_type07 .rp_nav {
position:static;
}
.cbp_type07:hover .rp_left, .cbp_type07:hover .rp_right {
opacity:1;
}
.cbp_type07 .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_type07 .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;
}
.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;
position:relative;
}
.jcarousel.rd_pc_2 {
overflow:visible;
max-width:1170px;
position:relative;
}
.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;
}
.rd_pc_1 .carousel_nav,.rd_pc_2 .carousel_nav {
position:static;
}
.rd_pc_1 .carousel_left,.rd_pc_2 .carousel_left{
left:0px;
top:50% !important;
margin-top:-17.5px;
}
.rd_pc_1 .carousel_right,.rd_pc_2 .carousel_right{
top:50% !important;
margin-top:-17.5px;
}
.rd_pc_1:hover .carousel_left,.rd_pc_2:hover .carousel_left,.rd_pc_1:hover .carousel_right,.rd_pc_2:hover .carousel_right{
opacity:1;
}
/************************************************************************************
7 Contact
*************************************************************************************/
.wpcf7-form-control-wrap:before, .wpcf7-form-control-wrap:after {
content: "";
display: table;
clear: both;
}
.wpcf7-form-control-wrap {
position: relative;
z-index:10;
}
.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;
}
.wpcf7 input[type=text] {
position:inherit;
}
input[type=text], input[type=email], input[type=password], input:not([type=submit]),textarea,.wpcf7 select {
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-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%;
}
.wpcf7 select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
span[class*=" menu-"]:after{
font-family: "FontAwesome";
content: "\f107" !important;
position: absolute;
top: 0px;
right: 30px;
z-index: 1;
width: 1px;
height: 1px;
}
input[type=text], input[type=email], input[type=password], input:not([type=submit]),.wpcf7 select {
width: 100%;
}
input[type=checkbox], input[type=radio]{
width: auto;
}
.wpcf7 input[type=checkbox],.wpcf7 input[type=radio]{
margin:0!important;
}
span.wpcf7-list-item {
clear:both;
width:100%;
display:block;
padding-bottom: 10px;
}
#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;
}