/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*/
/* ==========================================================================
Base styles: opinionated defaults
========================================================================== */
html,
button,
input,
select,
textarea,
.noswitch {
color: #222;
}
::-moz-selection {
background: #b3d4fc;
text-shadow: none;
}
::selection {
background: #b3d4fc;
text-shadow: none;
}
hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #ddd;
margin: 1em 0;
padding: 0;
}
hr.doubleline { border-top: 3px double #ddd; }
hr.shorthr{ width: 20%; margin: 0 0 1.5em; }
.doublemargin { margin: 2em 0; }
/*
* Remove the gap between images and the bottom of their containers: h5bp.com/i/440
*/
img {
vertical-align: middle;
max-width: 100%;
}
/*
* Remove default fieldset styles.
*/
fieldset {
border: 0;
margin: 0;
padding: 0;
}
/*
* Allow only vertical resizing of textareas.
*/
textarea {
resize: vertical;
}
/* ==========================================================================
Chrome Frame prompt
========================================================================== */
.chromeframe {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
}
/* ==========================================================================
Author's custom styles
========================================================================== */
input:not([type=submit]):not([type=file]), textarea {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}
input, textarea, select, .uneditable-input {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
color: #777;
display: inline-block;
font-size: 13px;
line-height: 18px;
margin-bottom: 9px;
padding: 5px;
width: 100%;
height: 26px;
}
select {
height: 37px;
padding-top: 7px;
}
input[type="checkbox"] {
margin-right: 12px;
position: relative;
top: 8px;
}
input[type="submit"], button {
border: 1px solid #AAAAAA;
color: #666666;
height: auto;
letter-spacing: 1px;
line-height: 20px;
margin: 0;
padding: 12px 24px;
text-transform: uppercase;
width: auto;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
}
textarea {
height: auto;
}
input:focus, input[type="submit"]:focus, button:focus, textarea:focus, select:focus {outline:0 none;}
body {
font-size: 15px;
font-family: "Open Sans", "Helvetica Neue", Arial, sans-serif;
font-weight: 300;
line-height: 1.8em;
color:#555;
background-color: #EEEEEE;
}
body.page-landing {
background: #FFFFFF;
}
a {
text-decoration: none;
color: #cd9a66;
outline: none;
}
a:hover {
color: #333;
}
h1 , h2 , h3 , h4 , h5 , h6 {
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
font-weight: normal;
word-spacing: 1px;
color: #555;
}
h4 , h5 , h6 {
letter-spacing: 1px;
}
.responsiveheader {
background-color: #FFFFFF;
position: fixed;
width: 100%;
z-index: 20;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
-moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.25));
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
display: none;
}
.responsiveheader-wrapper {
position: relative;
width: 100%;
height: 58px;
display: none;
}
.responsiveheader .logo {
padding: 15px 0;
text-align: center;
}
.responsiveheader .navleft, .responsiveheader .navright {
display: block;
height: 100%;
padding: 0 20px;
position: absolute;
text-align: center;
left: 0;
cursor: pointer;
width: 26px;
}
.responsiveheader .navright {
left: inherit;
right: 0;
top: 0;
}
.responsiveheader .navleftinner, .responsiveheader .navrightinner {
position: absolute;
top: 50%;
}
.responsiveheader .navleftwrapper, .responsiveheader .navrightwrapper {
display: block;
margin-top: -50%;
position: relative;
}
.responsiveheader .iconlist:before {
content: "\f0c9";
font-family: "FontAwesome";
font-size: 20px;
line-height: 100%;
}
.responsiveheader .navright .iconlist:before {
content: "\f002";
}
.mobilesearch {
background: white;
display: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
overflow: hidden;
}
.mobilesearch form {
height: 100%;
margin: 0;
}
.mobilesearch input {
border: medium none;
height: 100%;
padding-left: 20px;
width: 100%;
font-size: 18px;
padding-bottom: 0;
padding-top: 0;
margin-bottom: 0;
}
.mobilesearch input::-moz-placeholder { font-style: italic; }
.mobilesearch input::-webkit-input-placeholder { font-style: italic; }
.mobilesearch .closemobilesearch {
cursor: pointer;
display: block;
font-size: 20px;
height: 100%;
line-height: 100%;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 50px;
z-index: 20;
}
.mobilesearch .closemobilesearch {
cursor: pointer;
display: block;
font-size: 24px;
height: 100%;
position: absolute;
top: 0;
z-index: 20;
}
.closemobilesearch span {
line-height: 100%;
margin-top: -9px;
position: absolute;
top: 50%;
right: 15px;
}
.mobile-copyright {
font-size: 12px;
text-align: center;
margin-top: 30px;
padding: 15px 5px !important;
color: #A5A5A5;
background: #454545;
}
.mobile-float {
background: #333333;
height: 9999px;
position: absolute;
top: 0;
width: 270px;
z-index: -1;
}
#rightsidecontainer {
position : absolute;
width: 100%;
height: 100%;
}
.jviewport {
height: 100%;
position: absolute;
width: 100%;
}
.jviewport.overflowhide {
overflow: hidden;
}
html.blackout, body.blackout {
background: #000;
}
.landingpage #rightsidecontainer, .landingpage .jviewport {
position: inherit;
}
.contentholder {
margin-left: 270px;
overflow: hidden;
}
.mobile-menu { display: none; }
.contentoverflow {
background: rgba(0,0,0,0.5);
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
display: none;
cursor: pointer;
z-index: 10;
}
#leftsidebar {
background: #fff;
position: fixed;
left: 0;
top: 0;
width: 270px;
height: 100%;
z-index: 202;
outline: none;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
}
.headermenu {
border-bottom: 1px solid #222;
background: #222;
color: #CCCCCC;
left: 0;
min-height: 42px;
position: fixed;
top: 0;
width: 100%;
z-index: 200;
}
.headermenu.fademe:hover {
opacity: 1;
}
.headermenu .toplink {
float: right;
font-weight: normal;
}
.headermenu .toplink ul {
margin: 0;
padding: 0;
}
.headermenu .toplink li {
float: left;
list-style: none;
padding: 0 15px;
position: relative;
}
.headermenu .toplink li > a {
color: #ababab;
font-size: 12px;
height: 42px;
line-height: 42px;
display: inline-block;
outline: none;
}
.headermenu .toplink li.active , .headermenu .toplink li.active > a {
background: #EEEEEE;
color: #666666;
}
.headermenu .toplink .separator:after {
content: "|";
font-size: 11.5px;
font-weight: bold;
}
.headermenu .toplink .separator {
padding: 0;
margin-right: -2px;
}
.toplink ul > li > a:before , .topnavigationwoo .topcart > a:before, .topnavigationwoo .toplogin > a:before{
margin-right: 10px;
padding-left: 0px;
font-style: normal;
font-size: 13px;
}
.topaccount > a > img {
border-radius: 10px 10px 10px 10px;
height: 17px;
margin-right: 8px;
position: relative;
top: -2px;
width: 17px;
}
.topnavigationwoo .topaccount > a > img {
top: 0;
}
.toplink .toplogin > a:before, .topnavigationwoo .toplogin > a:before { font-family: 'FontAwesome'; content: "\f023"; color: #757575; }
.toplink .topcart > a:before, .topnavigationwoo .topcart > a:before { font-family: 'FontAwesome'; content: "\f07a"; }
/** Account Drop **/
.active .accountdrop {
display: block;
}
.accountdrop {
background: #FFFFFF;
position: absolute;
width: 220px;
display: none;
margin-left: -108px;
z-index: 5;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
}
.headermenu .toplink .accountdrop li {
border-bottom: 1px solid #eee;
float: none;
line-height: 1.5;
margin: 0;
padding: 0 20px;
text-align: right;
}
.headermenu .toplink .accountdrop li:hover {
background: #eee;
}
.headermenu .toplink .accountdrop li:hover a {
color: #222;
}
.headermenu .toplink .accountdrop li a {
color: #555555;
font-size: 11px;
letter-spacing: 0.5px;
text-transform: uppercase;
display: block;
}
.active .topcartcontent {
display: block;
}
.headermenu .topcartcontent {
margin-left: 0;
right: 0;
}
.topcartcontent {
display: none;
background: #FFFFFF;
position: absolute;
width: 300px;
margin-left: -175px;
padding: 10px 25px;
z-index: 5;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
}
.normalizeposition {
margin-left: auto;
right: 0;
}
.topcartheader {
font-size: 15px;
letter-spacing: 2px;
line-height: 50px;
margin: 0;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.topcarthr {
border: none;
border-bottom: 1px solid #ccc;
margin: 0;
}
.topcartlist_product {
margin-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #ccc;
}
.topcartlist_product:last-child {
border-bottom: none;
}
.topcartlist_image {
float: left;
}
.topcart_desc {
float: left;
margin-left: 10px;
width: 150px;
}
.topcart_price {
float: left;
width: 70px;
text-align: right;
}
.topcart_desc strong, .topcart_desc a:hover strong {
display: block;
font-weight: bold;
font-style: normal;
color: #666;
line-height: 1.6;
}
.topcart_desc > span {
color: #888888;
font-size: 11px;
font-style: italic;
display: block;
line-height: 22px;
}
.topcart_subtotal {
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
font-weight: bold;
font-size: 15px;
line-height: 50px;
margin-bottom: 12px;
}
.topcart_subtotal > strong {
float: right;
}
.topcart_button {
margin-bottom: 10px;
}
.topcart_product_remove {
font-size: 11px;
margin-right: 5px;
text-align: right;
cursor: pointer;
}
.toplink li a.topcart_btn, .topnavigationwoo li a.topcart_btn {
background: #FFFFFF;
border: 1px solid #aaa;
display: inline-block;
line-height: 30px;
text-align: center;
width: 139px;
color: #666;
}
.toplink li a.topcart_btn:hover , .topnavigationwoo li a.topcart_btn:hover {
color: #333;
}
.toplink li a.topcart_btn.viewcart, .topnavigationwoo li a.topcart_btn {
margin-right: 5px;
font-style: italic;
text-transform: none;
letter-spacing: 0;
font-size: 12px;
}
.headermenu .searchheader {
color: #ABABAB;
cursor: pointer;
float: right;
font-size: 16px;
line-height: 40px;
padding: 0 24px 0 12px;
}
.headermenu .searchcontent {
background: white;
height: 42px;
position: absolute;
top: -44px;
width: 100%;
overflow: hidden;
border-bottom: 1px solid #ddd;
z-index: 2;
-webkit-transition: all 0.2s ;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.headermenu .searchcontent input {
background: transparent;
border: none;
height: 42px;
margin-left: 270px;
width: 80%;
outline: none;
font-size: 18px;
padding: 0 20px;
font-family: 'Playfair Display', Georgia, serif;
}
.headermenu .searchcontent input::-moz-placeholder { font-style: italic; }
.headermenu .searchcontent input::-webkit-input-placeholder { font-style: italic; }
.closesearch {
cursor: pointer;
line-height: 42px;
margin-right: 22px;
position: absolute;
right: 0;
top: 0;
color: #000;
}
.opensearch .headermenu .searchcontent {
top: 0px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.withheadermenu .content {
}
.content {
position: relative;
}
.leftfooter {
background: white;
bottom: 0;
position: absolute;
width: 100%;
}
/*** Horizontal Navigation ***/
.horizontalnav .headermenu, .horizontalnav #leftsidebar {
display: none;
}
.horizontalnav .contentheaderspace,
.horizontalnav .topnavigation,
.navcontent li {
height: 60px;
line-height: 60px;
}
.horizontalnav .contentfooterspace {
height: 40px;
}
.horizontalnav .contentholder {
margin-left: 0;
}
.topnavigation {
display: none;
}
.navigationcontainer {
width: 1200px;
margin: 0 auto;
}
.navigationcontainer .topsearchwrapper {
width: 1200px;
}
.horizontalnav .topnavigation {
top: 0;
left: 0;
width: 100%;
display: block;
position: fixed;
background: white;
z-index: 202;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.topnavigation .logo {
float: left;
padding: 0;
padding-left: 20px;
text-align: left;
}
.topnavigation .logo img {position: absolute;}
.topnavigation .sectioncontainer .logo {
padding-left: 0px;
}
/*** Top Nav Small ***/
.horizontalnav .topnavigation {
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.topnavigation .logo img,
.topnavigation .footsocial, .topnavigation .topnavigationwoo, .topnavsmaller .navcontent > ul > li, .topsearchwrapper input,
.topsearchwrapper .closesearch, .topnavigationsearch {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.topnavsmall.topnavigation .logo img {
position: relative;
margin: 0 !important;
width: auto !important;
height: 25px !important;
max-height: 25px;
}
.topnavsmall.topnavigation .footsocial, .topnavsmall.topnavigation .topnavigationwoo, .topnavsmall .topsearchwrapper input {
line-height: 50px;
height: 50px;
}
.topnavsmall .topsearchwrapper .closesearch, .horizontalnav .topnavsmall.topnavigation, .topnavsmall .navcontent > ul > li, .topnavsmall .topnavigationsearch,
.topnavsmall.topnavigation .logo {
line-height: 50px;
}
.topnavsmall .topsearchwrapper, .horizontalnav .topnavsmall.topnavigation, .topnavsmall .navcontent li, .topnavsmall .topnavigationsearch,
.topnavsmall .topwrapperbottom {
height: 50px;
}
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .logo_link,
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > .nav_logo > .mobile_toggle,
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link,
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li > .item_link > span,
.topnavigation.topnavsmall #mega_main_menu.top_navigation > .menu_holder > .menu_inner > ul > li.nav_search_box,
.topnavigation.topnavsmall #mega_main_menu.top_navigation.icons-left > .menu_holder > .menu_inner > ul > li > .item_link > i,
.topnavigation.topnavsmall #mega_main_menu.top_navigation.icons-right > .menu_holder > .menu_inner > ul > li > .item_link > i,
.topnavigation.topnavsmall #mega_main_menu.top_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.disable_icon > span,
.topnavigation.topnavsmall #mega_main_menu.top_navigation.icons-top > .menu_holder > .menu_inner > ul > li > .item_link.menu_item_without_text > i {
line-height: 50px;
height: 50px;
}
/*** Two Line ***/
.topnavtwoline .topnavsmall.topnavigation .footsocial, .topnavtwoline .topnavsmall.topnavigation .topnavigationwoo {
line-height: 40px;
height: 40px;
}
.topnavtwoline .topnavsmall.topnavigation {
height: 91px;
}
/*** End Top Nav Small ***/
.topnavigationsearch {
float: right;
font-size: 15px;
line-height: 60px;
padding: 0 20px 0 10px;
cursor: pointer;
}
.topsearchwrapper {
background: #FFFFFF;
height: 60px;
position: absolute;
width: 100%;
display: none;
}
.topsearchwrapper input {
border: none;
box-shadow: none !important;
font-size: 18px;
height: 60px;
line-height: 60px;
margin: 0;
padding: 0 0 0 20px;
display: block;
font-family: 'Playfair Display', Georgia, serif;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.topsearchwrapper input::-moz-placeholder { font-style: italic; }
.topsearchwrapper input::-webkit-input-placeholder { font-style: italic; }
.topsearchwrapper .closesearch {
font-size: 15px;
line-height: 60px;
}
/*** Top Menu ***/
.navcontent {
float: right;
}
.sectioncontainer .navcontent {
margin-right: 0;
}
.navcontent > ul {
margin: 0;
padding: 0;
}
.navcontent li {
float: left;
list-style: none outside none;
position: relative;
}
.navcontent > ul > li, .navcontent > ul > li.hovered > a {
position: relative;
-webkit-transition: ease color 0.5s;
-moz-transition: ease color 0.5s;
transition: ease color 0.5s;
outline: none;
}
.navcontent > ul > li.hovered {
background-color: #222;
color: #fff;
}
.navcontent > ul > li.hovered > a { color: #fbfbfb }
.navcontent a, .topnavigationwoo .accountdrop li a {
color: #444;
display: block;
font-size: 11px;
font-weight: normal;
letter-spacing: 1px;
padding: 0 15px;
text-align: center;
text-transform: uppercase;
}
.navcontent .childmenu {
background: #FFFFFF;
border-radius: 0 0 2px 2px;
margin: 0;
padding: 0;
position: absolute;
width: 200px;
margin-top: -1px;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
}
.navcontent .childmenu > li, .topnavigationwoo .accountdrop li {
border-top: 1px solid #efefef;
float: none;
height: auto;
line-height: 25px;
padding: 10px 0;
}
.navcontent .childmenu > li a {
color: #555;
}
.navcontent .childmenu > li:hover {
background: #f9f9f9;
}
.navcontent .childmenu {
display: none;
}
/** Child Menu **/
.navcontent > ul > li > ul.childmenu > li > ul.childmenu {
background: none repeat scroll 0 0 #FFFFFF;
left: 200px;
top: -2px;
}
.navcontent > ul > li > ul.childmenu > li > ul.childmenu.goright {
right: 200px;
left: auto;
}
.navcontent .childmenu .arrow:after {
font-family: "FontAwesome";
content: "\f107";
font-style: normal;
margin-left: 10px;
}
.navcontent .childmenu .arrow {
position: absolute;
right: 20px;
}
.navcontent .childmenu > li:last-child,
.accountdrop, .accountdrop ul > li:last-child,
.topcartcontent {
border-bottom: 0 !important;
-webkit-border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}
.footercontent {
background: #FFFFFF;
bottom: 0;
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.3);
height: 40px;
position: fixed;
width: 100%;
z-index: 100;
display: none;
}
.horizontalnav .footercontent {
display: block;
}
.horizontalnav .fs-container {
margin-top: 60px;
}
.horizontalnav .kennav {
top: 20px;
}
.horizontalnav .blog-masonry-wrapper {
}
.horizontalnav .fullbgwrapper {
margin-left: 0;
}
.horizontalnav .halfwidth .mainpage {
margin-bottom: 0px;
}
.horizontalnav .blog-normal-wrapper {
padding-top: 60px;
}
.topnavigation .footsocial, .topnavigation .topnavigationwoo, .horizontalnav .langwrapper {
clear: none;
float: right;
line-height: 60px;
padding-left: 10px;
padding-right: 10px;
border: none;
position: relative;
}
.horizontalnav .langwrapper ul {
padding: 0;
margin: 0;
}
.horizontalnav .langwrapper ul li {
list-style: none;
float: left;
}
.horizontalnav .langwrapper i {
background-repeat: no-repeat;
display: block;
height: 20px;
width: 18px;
}
.horizontalnav .langwrapper .text-social {
display: none;
}
.horizontalnav .langwrapper i {
background-position: center center;
background-repeat: no-repeat;
display: block;
height: 100%;
width: 35px;
}
.topnavigation .footsocial a {
border: 1px solid transparent;
font-size: 14px;
}
.horizontalnav .bigloader {
margin-left: -30px;
}
.horizontalnav .filterfloat {
display: block;
left: auto;
top: 60px;
margin-top: 20px;
}
.horizontalnav .pagewrapper {
padding-top: 20px;
}
.horizontalnav .topnavigationwoo > ul:before, .horizontalnav .footsocial > ul:before, .horizontalnav .langwrapper > ul:before {
background: #E6E6E6;
content: "";
height: 22px;
position: absolute;
left: 0;
top: 50%;
width: 1px;
margin-top: -10px;
}
/** Portfolio **/
.horizontalnav .portfolionavbar {
background: transparent;
border: none;
right: 20px;
top: 60px;
width: auto;
margin-top: 20px;
}
.horizontalnav .portfolionavlist > ul {
padding: 0;
}
.horizontalnav .portfolionavlist li {
background: #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #DDDDDD;
}
.horizontalnav .portfolionavlist li, .horizontalnav .portfolionavlist li > a {
height: 40px;
width: 40px;
}
.horizontalnav .portfolionavlist .navicon {
line-height: 40px;
font-size: 20px;
}
.horizontalnav .portfoliolove .navicon {
position: relative;
top: -2px;
}
.horizontalnav .portfoliolove .navicon:before {
font-size: 12px;
}
.horizontalnav .portfolionavlist .portfoliolove .navicon:before { top: 1px; }
.horizontalnav .portfolionavlist .portfolioprev .navicon:before { }
.horizontalnav .portfolionavlist .portfolionext .navicon:before { }
.horizontalnav .portfolionavlist .portfolioinfo .navicon:before { font-size: 17px; }
.horizontalnav .portfolionavlist .portfolioclose .navicon:before { }
/*** Portfolio Landing Page ***/
.post-header {background: #f9f9f9;}
.post-header-inner {padding: 10px 0; position: relative;}
.post-header .post-title {width: 100%; text-align: center;}
.post-header .post-title h1 {font-size:24px; margin: 0.67em 10%;}
.post-header .post-nav {list-style: none; position: absolute; display: inline-block; width: 100%; top: 50%; margin: -16px 0 0; padding: 0;}
.post-header .post-nav a {display: inline-block; font-size: 32px; color: #555}
.post-nav-list {float: left;}
.post-nav-controls { float: right; width: 64px; }
.post-nav-controls a { width: 32px; text-align: center; }
.post-nav .prev-link { float: left; }
.post-nav .next-link { float: right; }
/*** Cart **/
.topnavigationwoo ul {
margin: 0;
padding: 0;
}
.topnavigationwoo li {
float: left;
list-style: none outside none;
margin: 0;
padding-left: 10px;
padding-right: 10px;
}
.topnavigationwoo .topaccount span, .topnavigationwoo .topcart a {
color: #444444;
font-size: 11px;
font-style: normal;
letter-spacing: 1px;
text-transform: uppercase;
}
.topnavigationwoo .topaccount > a {
display: block;
}
.topnavigation .topnavigationwoo {
line-height: 58px;
}
.topnavigation .topnavigationwoo .topcartcontent {
border-top: 1px solid #efefef;
margin-top: -2px;
}
.topnavigation .topnavigationwoo .topcart .topemptycart {
line-height: 50px;
}
.topnavigation .topnavigationwoo .topcartcontent {
line-height: normal;
}
/*** End Horizontal Navigation ***/
/*** Foot Lang ***/
.leftfooterwrapper {
padding-top: 25px;
}
.footlink, #leftsidebar .langwrapper {
text-align: center;
padding: 0 20px;
}
.footlink li, #leftsidebar .langwrapper li {
list-style: none;
display: inline-block;
margin-right: 12px;
}
.footlink li a, #leftsidebar .langwrapper li a {
font-family: 'Playfair Display',Georgia,serif;
font-size: 13px;
font-style: italic;
}
.footlink ul, #leftsidebar .langwrapper ul {
margin-bottom: 20px;
margin-top: 0;
padding: 0;
}
.footlink .separator, #leftsidebar .langwrapper .separator {
position: relative;
top: -2px;
margin-right: 8px;
}
.footlink .separator:after, #leftsidebar .langwrapper .separator:after {
content: "|";
font-size: 11px;
}
.footlink .separator:last-child, #leftsidebar .langwrapper .separator:last-child {
display: none;
}
/*** Foot Social ***/
.footsocial {
text-align: center;
clear: both;
}
.footsocial ul {
margin: 0;
padding: 0;
}
.footsocial a {
border: 1px solid #000000;
color: #000000;
display: block;
font-size: 11px;
line-height: 22px;
margin: 0 5px;
min-width: 20px;
padding: 0;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition-property: color, border-color;
-moz-transition-property: color, border-color;
-ms-transition-property: color, border-color;
-o-transition-property: color, border-color;
transition-property: color, border-color;
}
.footsocial a:hover {
color: #666666;
border: 1px solid #666666;
cursor: pointer;
}
.footsocial li {
display: inline-block;
list-style: none;
}
.footcopy {
font-size: 11px;
font-style: italic;
margin: 20px;
text-align: center;
clear: both;
font-family: 'Playfair Display',Georgia,serif;
}
.logo {
padding: 45px 0 30px;
text-align: center;
}
.logo > a {
display: block;
}
.mainnavigation {
padding-bottom: 10px;
padding-top: 10px;
border-top: 1px solid #eee;
}
.mainnavigation .arrow:after {
font-family: "FontAwesome";
content: "\f107";
font-style: normal;
}
.mainnav {
margin: 0;
padding: 0;
}
.mainnav > li {
list-style: none;
text-align: center;
overflow: hidden;
}
.mainnav > li > a > h2 {
color: #333333;
display: inline-block;
font-style: normal;
letter-spacing: 1px;
line-height: 40px;
margin: 0;
position: relative;
text-transform: uppercase;
padding: 0 10px;
font-family: 'Open Sans', "helvetica neue", "arial", sans-serif;
}
.mainnav > li > a > h2:after {
background: #EEEEEE;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
bottom: 0;
width: 100%;
}
.mainnav > li:last-child > a > h2:after {
background: none;
}
.mainnav > li > a {
display: block;
outline: none;
}
.mainnav li.active > a > h2, .mainnav li:hover > a > h2, .menudown > a > h2,
.mainnav li[class^="current"] > a > h2,
.mainnav li[class*="current_"] > a > h2,
.menu-top-navigation li[class^="current"] > a > h2,
.menu-top-navigation li[class*="current_"] > a > h2,
li.current-menu-parent > a > h2 {
color: #cd9a66;
}
li.current-menu-parent > a,
li.current-menu-ancestor > a,
li.current_page_item > a {
color: #cd9a66;
}
/*** Child Nav ***/
.mainnav .childmenu {
margin: 20px 0 15px;
padding: 0;
display: none;
}
.mainnav .childmenu .childmenu {
border-bottom: 1px solid #EEEEEE;
border-top: 1px solid #EEEEEE;
margin: 30px 0 20px;
}
.mainnav .childmenu .childmenu h2 {
font-style: italic;
text-transform: none;
font-family: "Playfair Display", "Georgia", serif;
}
.mainnav .childmenu .childmenu li:last-child h2:after {
background: none;
}
.mainnav .childmenu a {
display: block;
}
.mainnav .childmenu li {
list-style: none;
}
.mainnav h2 {
font-size: 13px;
}
.mainnav .childmenu h2 {
display: inline;
font-weight: normal;
line-height: 35px;
margin: 0;
padding: 0;
position: relative;
padding: 0 10px;
letter-spacing: 0;
font-style: normal;
text-transform: uppercase;
font-size: 12px;
}
.mainnav .childmenu h2:after {
background: #EEEEEE;
content: "";
height: 1px;
left: 0;
opacity: 1;
position: absolute;
text-align: center;
top: 24px;
width: 100%;
}
.mainnav .childmenu li:first-child {
padding-top: 5px;
}
.mainnav .childmenu li:last-child {
padding-bottom: 5px;
}
.mainnav .childmenu .menudown > a > h2:after {
background: none;
}
/*** Additional Block ***/
.additionalblock {
padding: 20px 40px;
text-align: center;
border-top: 1px solid #eee;
}
.additionalblock form {
margin: 0;
}
.additionalblock:last-child{
border-bottom: 1px solid #eee;
}
.additionalblock i {
text-align: center;
display: block;
font-size: 20px;
}
.additionalblock h3 {
font-size: 12px;
text-transform: uppercase;
letter-spacing: 2px;
text-align: center;
margin-bottom: 11px;
margin-top: 7px;
}
.additionalblock .line {
height: 1px;
background: #eee;
width: 150px;
margin: 0 auto 15px;
display: block;
}
.additionalblock input[type="text"] {
text-align: center;
width: 180px;
border: 1px solid #ccc;
line-height: 23px;
height: 23px;
font-style: italic;
font-size: 12px;
}
.additionalblock p {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 12px;
line-height: 24px;
margin-top: 20px;
}
/*** Fullscreen Container ***/
.fs-container, .fs-overflow {
overflow: hidden;
}
.fs-overflow .contentholder {
height: 100%;
}
.fs-overflow .content, .fs-container {
height: 100%;
width: 100%;
}
.fs-container {
background: transparent;
margin-top: 43px;
}
.fs-container.portfolio-protected {margin-top: 0}
.fs-container, .headingparallax, .parallaxslider, .parallaxslider .sliderContainer {
z-index: 10;
}
.slideshowgallery {
width: 100%;
height: 100%;
}
.slideshowgallery > a {
display: none;
}
.slideshowgallery .fotorama__wrap > .fotorama__nav-wrap {
border-top: 1px solid #DDDDDD;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.33);
}
.slideshowgallery .fotorama__stage img {
box-shadow: 0 0 15px rgba(0, 0, 0, 0.20) !important;
}
.fotorama__dot {width: 10px; height: 10px;}
.fotorama__nav__frame.fotorama__active .fotorama__dot {width: 12px; height: 12px;}
/*** Sidebar Collapse ***/
.sidebarcollapse #leftsidebar {
left: -210px;
}
.sidebarcollapse .lefttop , .sidebarcollapse .leftfooter {
display: none;
width: 100% !important;
}
.sidebarcollapse .contentholder {
margin-left: 60px;
}
.sidebarcollapse .topleftmenu {
margin-left: 60px;
}
.sidebarcollapse .headermenu .searchcontent input {
margin-left: 60px;
}
.csbwrapper {
height: 100%;
position: absolute;
right: 0;
width: 60px;
display: none;
cursor: pointer;
}
.sidebarcollapse .csbwrapper {
display: block;
}
.csbfooter, .cbsheader {
position: absolute;
text-align: center;
width: 100%;
}
.csbfooter {
bottom: 0;
}
.cbsheader {
top: 0;
}
.cbsheader .csbhicon {
margin-top: 20px;
}
.cbsheader .csbhicon:before {
font-family: "FontAwesome";
content: "\f0c9";
font-style: normal;
font-size: 25px;
}
.csbfooter ul {
list-style: none;
padding: 0;
}
.csbfooter ul {
margin: 0 0 22px 0;
}
.csbfooter li {
margin: 0 0 10px 0;
}
.csbfooter li a {
border: 1px solid #000000;
color: #000000;
display: inline-block;
font-size: 12px;
line-height: 25px;
padding: 0;
text-align: center;
width: 24px;
}
.sidebarcollapse .bigloader {
margin-left: -30px;
}
/*** No Header Menu ***/
.noheadermenu .headermenu, .noheadermenu .contentheaderspace {
display: none;
}
.noheadermenu .blog-normal-wrapper {
padding-top: 0;
}
.noheadermenu .fs-container {
margin-top: 0;
}
.noheadermenu .blog-masonry-wrapper {
}
.noheadermenu .filterfloat {
display: block;
}
.filterfloat {
display: none;
position: fixed;
z-index: 20;
top: 10px;
right: 20px;
}
.sidebarcollapse .filterfloat {
left: 70px;
right: auto;
}
.filterfloatbutton > span {
position: relative;
padding: 0 5px;
top: -4px;
}
.filterfloatbutton:hover {
opacity: 1;
}
.filterfloat.active .filterfloatbutton {
opacity: 1;
}
.filterfloat.active .filterfloatbutton {
background-color: #ddd;
}
.filterfloatbutton {
background: white;
color: #666;
cursor: pointer;
font-family: 'Playfair Display', Georgia, serif;
font-size: 12px;
font-style: italic;
line-height: 44px;
height: 38px;
opacity: 0.7;
padding: 0 10px;
border-radius: 2px;
}
.filterfloatbutton:before {
font-family: "FontAwesome";
content: "\f0c9";
font-style: normal;
font-size: 14px;
position: relative;
top: -3px;
}
.filterfloatlist {
display: none;
background: white;
}
.filterfloat.active .filterfloatlist {
display: block;
}
.filterfloatlist ul {
background-color: #FEFEFE;
list-style: square outside none;
margin: 0;
min-width: 150px;
padding: 10px 40px 12px;
}
.filterfloatlist li {
color: #999999;
cursor: pointer;
font-size: 12px;
line-height: 27px;
text-transform: capitalize;
}
.filterfloatlist li:hover,
.filterfloatlist li.active {
color: #333;
}
.filterfloatlist h3 {
background: #f9f9f9;
color: #666666;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-style: italic;
margin: 0;
padding: 8px 20px;
}
/*** Isotope ***/
/**** Isotope Filtering ****/
.isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-ms-transition-property: -ms-transform;
-o-transition-property: -o-transform;
transition-property: transform;
}
/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition,
.no-transition .isotope-item {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
/*** Isotope Portfolio ***/
.isotopewrapper img {
width: 100%;
}
.contentheaderspace {
height: 43px;
display: block;
}
.portfoliowrapper {
display: block;
left: 0%;
position: relative;
width: 100%;
}
.marginportfolio .portfoliocontentwrapper,
.pinterestportfolio .portfoliocontentwrapper,
.marginimg .imagelist-content-wrapper,
.marginproduct .product-content-wrapper {
padding: 10px 10px 10px 10px;
}
.marginimg .imagelist-content-wrapper.nomargin {
padding: 0;
margin: -5px;
padding-bottom: 15px;
}
.marginportfolio .portfolioitem a,
.pinterestportfolio .portfolioitem a,
.marginimg .imggalitem a,
.marginproduct .productcontent
{
margin: 5px;
}
.portfolioitem[data-width="0.5"] .info,
.portfolioitem[data-height="0.5"] .info,
.portfolioitem[data-width="0.25"] .info,
.portfolioitem[data-height="0.25"] .info {
display: none;
}
.portfolioitem[data-width="0.5"] .mask{
top: 5px;
left: 5px;
bottom: 5px;
right: 5px;
}
.pinterestportfolio .portfolioitem a {
border-radius: 5px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-webkit-transition: ease-in-out all 0.2s;
-moz-transition: ease-in-out all 0.2s;
transition: ease-in-out all 0.2s;
}
.pinterestportfolio.portfoliowrapper .portfolioitem:hover a {
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 5px rgba(0,0,0,0.3),0 0 0 1px rgba(0,0,0,0.05);
}
.pinterestportfolio .portfolioitem .mask {
background: white;
left: 0;
opacity: 1;
position: relative;
top: 0;
width: 100%;
}
.pinterestportfolio .portfolioitem .mask .info p {
color: #BBBBBB;
margin: 0;
opacity: 1;
padding-bottom: 10px;
padding-top: 5px;
text-align: left;
margin-left: 20px;
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.pinterestportfolio .portfolioitem .mask .info {
margin-top: -5px !important;
}
.pinterestportfolio .portfolioitem .mask .info h2 {
color: #333333;
font-size: 15px;
font-weight: bold;
opacity: 1;
padding-top: 10px;
text-align: center;
line-height: 1.5;
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.pinterestportfolio .portfolioitem .mask .info span {
background-color: #CCCCCC;
color: #333333;
margin: 0 auto;
opacity: 1;
width: 20px;
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.pinterestportfolio .portfolioitem .mask .info p {
color: #AAAAAA;
margin: 0;
opacity: 1;
padding-bottom: 10px;
padding-top: 5px;
text-align: center;
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.portfoliowrapper .portfolioitem,
.imggalitem,
.productwrapper .productitem {
float: left;
margin: 0;
padding: 0;
opacity: 0;
overflow: hidden;
position: relative;
}
.portfoliofilter, .blogfilter, .topheadertitle {
float: left;
margin-left: 270px;
}
.topheadertitle {
font-family: georgia;
font-style: italic;
line-height: 42px;
padding-left: 20px;
}
.blogfilter h3 {
background: #f9f9f9;
color: #666666;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-style: italic;
margin: 0;
padding: 8px 20px;
}
.portfoliofilter.active .portfoliofilterbutton, .blogfilter.active .blogfilterbutton{
background: #EEEEEE;
color: #666;
}
.portfoliofilterbutton, .blogfilterbutton {
color: #999999;
cursor: pointer;
font-family: 'Playfair Display', Georgia, serif;
font-size: 12px;
font-style: italic;
line-height: 42px;
padding: 0 24px 0 18px;
}
.portfoliofilterbutton:before, .blogfilterbutton:before {
font-family: "FontAwesome";
content: "\f0c9";
font-style: normal;
font-size: 14px;
float: left;
padding-right: 10px;
}
.portfoliofilterlist, .blogfilterlist {
display: none;
position: absolute;
background-color: #fff;
-webkit-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 3px 3px rgba(0,0,0,0.15), 0 1px 1px 1px rgba(0,0,0,0.05);
}
.portfoliofilter.active .portfoliofilterlist, .blogfilter.active .blogfilterlist {
display: block;
}
.portfoliofilterlist ul, .blogfilterlist ul {
background-color: #FEFEFE;
list-style: square;
margin: 0;
padding: 10px 40px 12px 40px;
min-width: 150px;
}
.portfoliofilterlist li, .blogfilterlist li {
color: #999999;
cursor: pointer;
font-size: 12px;
line-height: 27px;
text-transform: capitalize;
}
.portfoliofilterlist li:hover,
.portfoliofilterlist li.active,
.blogfilterlist li:hover,
.blogfilterlist li.active {
color: #333;
}
.portfolioinputfilter, .bloginputfilter {
display: none;
}
.portfoliopagingholder, .blogpagingholder{
height: 40px;
}
.blogpagingholder .pagedot > a, .blogpagingholder .pagedot > span {
border: 1px dotted #BBBBBB;
display: block;
float: left;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 0 10px;
line-height: 40px;
text-transform: uppercase;
letter-spacing: 2px;
}
.blogpagingholder .pagedot > a {
border:none;
-webkit-transition: ease all 0.5s;
-moz-transition: ease all 0.5s;
transition: ease all 0.5s;
}
.blogpagingholder .pagedot > a:hover {
background: #f1f1f1;
}
.blogpagingholder .pagedot > span {
border: none;
}
.blogpagingholder .pagedot {
padding-left: 7px;
padding-right: 7px;
}
.portfoliopagingwrapper, .blogpagingwrapper {
background: #ffffff;
bottom: 0;
opacity: 1;
height: 40px;
left: 0;
position: fixed;
width: 100%;
z-index: 3;
-webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0,0,0,0.1);
-moz-box-shadow: 0 0 7px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0,0,0,0.1);
box-shadow: 0 0 7px rgba(0, 0, 0, 0.25), 0 0 1px rgba(0,0,0,0.1);
}
.portfoliopagingwrapper.hideme, .blogpagingwrapper.hideme {
opacity: 0;
}
.pagetext {
border-right: 1px solid #ddd;
float: right;
font-size: 11px;
line-height: 40px;
padding-right: 20px;
text-transform: uppercase;
letter-spacing: 2px;
}
.pagedot {
border-left: 1px solid #FFFFFF;
float: right;
height: 40px;
padding-left: 20px;
padding-right: 15px;
}
.pagedot ul {
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.pagedot li {
cursor: pointer;
float: left;
line-height: 40px;
list-style: none;
margin-right: 10px;
width: 20px;
text-align: center;
}
.pagedot li span {
background: #333333;
border-radius: 10px;
display: inline-block;
height: 10px;
line-height: 40px;
overflow: hidden;
text-indent: 9999px;
width: 10px;
}
.pagedot li.active span {
background: #999;
}
.pagedot li.active {
cursor: auto;
}
.bigloader {
background-image: url("../img/loading.gif");
background-repeat: no-repeat;
background-position: 10px 10px;
background-color: rgba(255,255,255,1);
background-size: 40px;
border-radius: 30px 30px 30px 30px;
display: block;
height: 60px;
left: 50%;
margin-left: 105px;
margin-top: -40px;
opacity: 0.7;
position: fixed;
top: 50%;
width: 60px;
z-index: 100;
}
.blog-normal-article .bigloader {
margin-left: -30px;
}
.galleryloadmore {
border-top: 1px solid #ddd;
background: none repeat scroll 0 0 rgba(255, 255, 255, 1);
bottom: 0;
left: 0;
padding-bottom: 15px;
padding-top: 15px;
position: fixed;
text-align: center;
width: 100%;
z-index: 10;
display: none;
}
.galleryloaderinner {
padding-left: 135px;
border-radius: 30px;
background-position: 270px center;
height: 20px;
width: 260px;
margin: 0 auto;
text-align: center;
background-image: url("../img/horizontal-loader.gif");
background-repeat: no-repeat;
}
.sidebarcollapse .galleryloaderinner {
background-position: 60px center;
width: 170px;
padding-left: 0px;
}
.horizontalnav .galleryloaderinner {
background-position: center center;
width: 130px;
padding-left: 0px;
}
.sliderloader {
display: none;
}
/*** Portfolio Content Part 2 ***/
.portfoliohideoverflow {
overflow: hidden;
}
.portfoliocontent {
width: 100%;
height: 200px;
position: absolute;
left: 100%;
top: 0;
overflow: hidden;
min-height: 410px;
}
.portfoliocontentwrapper {
height: 100%;
width: auto;
}
.portfolionavbar {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15),0 0 3px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, .15),0 0 3px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, .15),0 0 3px rgba(0, 0, 0, 0.2);
height: auto;
position: absolute;
width: 100%;
background-color: white;
top: -50px;
z-index: 4;
}
.portfolionavtitle {
font-weight: normal;
color: #666666;
float: left;
line-height: 50px;
margin-left: 20px;
position: absolute;
width: 100%;
}
.portfoliobottombar .portfolionavtitle {
color: #666666;
line-height: 45px;
float: none;
text-align: center;
}
.portfolionavbar, .portfoliobottombar {
display: none;
}
.portfolioholder {
width: 100%;
}
.portfoliobottombar {
background: white;
bottom: 0;
border-top: 1px solid #ddd;
position: absolute;
width: 100%;
z-index: 2;
height: 45px;
opacity: 0.5;
-webkit-transition: all 0.5s ;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.portfoliobottombar:hover {
opacity: 1;
}
.portfolioholderwrap {
position: relative;
margin-left: 0px;
margin-top: 50px;
width: 100%;
margin-left: -100%;
overflow: hidden;
}
.horizontalnav .portfolioholderwrap {
margin-top: 60px;
}
.portfolionavlist {
float: right;
position: relative;
z-index: 5;
}
.portfolionavlist > ul {
list-style: none outside none;
margin: 0;
}
.portfolionavlist li, .portfolionavlist li > a {
height: 50px;
width: 50px;
}
.portfolionavlist li {
border-left: 1px solid #DDD;
float: left;
}
.portfolionavlist li > a {
overflow: hidden;
display: block;
}
.portfolionavlist a {
outline: none;
}
.portfolionavlist .navicon {
line-height: 50px;
width: 100%;
color: #666;
font-family: "FontAwesome";
text-align: center;
font-style: normal;
font-size: 21px;
cursor: pointer;
background-color: white;
}
.portfolionavlist .navicon:hover {
background-color: #f1f1f1;
color: #333;
}
.portfolioinfo.opened .navicon {
background-color: #333;
color: #f1f1f1;
}
.portfoliolove .navicon:before { content: "\f064"; font-size: 14px; position: relative; top: -2px; }
.portfolioinfo .navicon:before { content: "\f129"; font-size: 18px; position: relative; top: 1px; }
.portfolionext .navicon:before { content: "\f105"; position: relative; top: 1px; }
.portfolioprev .navicon:before { content: "\f104"; position: relative; top: 1px; }
.portfolioclose .navicon:before { content: "\f0c9"; position: relative; top: -3px; font-size: 18px; }
.portfoliozoom .navicon:before { content: "\f065"; position: relative; font-size: 16px;}
.portfoliozoom.alt .navicon:before { content: "\f066"; position: relative; }
.portfoliovideoclose .navicon:before { content: "\f00d"; font-size: 24px; }
.portfoliovideoclose { display: none; }
.portfoliovideoclose .navicon { padding-top: 1px; }
.portfolioclose .navicon { padding-top: 3px; }
.portfolioclose { border-right: 1px solid #DDDDDD; }
/*** Portfolio Pop Up ***/
.portfoliopopup {
background: #333333;
padding: 10px 12px 12px;
margin-top: 10px;
position: absolute;
text-align: right;
top: 0;
left: 0;
display: none;
opacity: 0;
z-index: 100;
}
.popuparrow {
border-color: transparent transparent #333333;
border-style: solid;
border-width: 8px;
position: absolute;
top: -16px;
right: 16px;
}
.ppopup-left .popuparrow {right: auto; left: 16px;}
.popuptext {
color: #FFFFFF;
line-height: 12px;
font-size: 12px;
}
/*** Portfolio Content ***/
.portfolio-content-wrapper-inner {
padding: 40px;
color: #7F7F7F;
}
.portfolio-date {
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 12px;
color: #7F7F7F;
display: block;
text-align: center;
}
.portfolio-content-wrapper h1, .portfolio-content-wrapper h2, .ptdescription h1, .ptdescription h2 {
letter-spacing: 1px;
line-height: 32px;
text-transform: uppercase;
color: #444444;
}
.portfolio-content-wrapper h1, .ptdescription h1 {
text-align: center;
letter-spacing: 0;
line-height: 1.4;
}
.portfolio-content-wrapper h2, .ptdescription h2 {
font-size: 18px;
}
.portfolio-meta {
margin: 20px 0;
text-align: center;
}
.portfolio-meta h2 {
font-size: 16px;
line-height: 2.4;
display: inline;
color: #444444;
letter-spacing: 1px;
line-height: 32px;
text-transform: uppercase;
}
.portfolio-meta-line {
background-color: #DDDDDD;
display: block;
height: 1px;
margin: 20px auto;
position: static;
width: 50px;
}
.portfolio-meta-desc {
color: #7F7F7F;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-style: italic;
line-height: 25px;
list-style: none;
}
.portfolio-meta.nopadding {
margin: 0 0 20px;
}
.portfolio-meta-desc p {
margin: 2px 0;
}
.portfolio-link {
text-align: center;
padding: 0 0 30px;
}
.portfolio-link > span, .portfolio-single-nav > span {
color: #7F7F7F;
display: block;
font-family: 'Playfair Display', Georgia, serif;
font-size: 13px;
font-style: italic;
margin-bottom: 5px;
padding: 5px 0 15px;
}
.portfolio-link .slider-button, .portfolio-single-nav .slider-button {
border: 1px solid #CCCCCC;
padding: 11px 20px;
display: inline-block;
}
.portfolio-link .slider-button:hover,
.portfolio-link .slider-button:active,
.portfolio-single-nav .slider-button:hover,
.portfolio-single-nav .slider-button:active
{
border-color:#333;
}
.portfolio-link .slider-button .button-text, .portfolio-single-nav .slider-button .button-text {
color: #333333;
font-size: 12px;
font-weight: bold;
letter-spacing: 1.5px;
}
.portfolio-single-nav {
border-top: 1px solid #DDDDDD;
display: block;
margin-bottom: 10px;
padding-top: 10px;
}
.portfolio-single-nav .slider-button {
padding: 5px 8px;
margin-bottom: 5px;
}
.singlenavicon {
display: inline-block;
float: left;
font-size: 14px;
margin-right: 10px;
line-height: 28px;
}
.singlenavicon.right {
float: right;
margin-left: 10px;
margin-right: 0;
}
/*** Portfolio Password ***/
.portfolio-password-overlay {
background: rgba(0, 0, 0, 0.1);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.portfolio-passsword {
background: #FFFFFF;
left: 50%;
margin-left: -151px;
margin-top: -74px;
position: absolute;
top: 50%;
width: 300px;
z-index: 120;
border-radius: 2px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.portfolio-form-header > h2 {
background: #fff;
color: #333;
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 10px 10px 10px 20px;
text-transform: uppercase;
border-bottom: 1px solid #ddd;
}
.portfolio-passsword .portfolio-form-header > h2 {background: none;}
.portfolio-form-body {
height: 120px;
}
.portfolio-form-body > input {
border: 1px solid #CCCCCC;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
height: 26px;
margin-left: 18px;
margin-top: 16px;
padding-left: 10px;
width: 250px;
}
.portfolio-form-body > div {
margin-top: 6px;
text-align: center;
}
.portfolio-form-body > div > a {
padding: 3px 20px ;
}
.portfolio-form-body .slider-button {
border: 1px solid #CCCCCC;
}
.portfolio-form-body .slider-button .button-text {
color: #333333;
font-size: 12px;
}
/*** Portfolio Share ***/
.portfolio-share-overlay {
background: rgba(0, 0, 0, 0.9);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: 30;
display: none;
}
.share-container {
background-color: #FFFFFF;
box-shadow: 0 0 5px #999999;
left: 50%;
margin-left: -150px;
margin-top: -130px;
position: absolute;
top: 50%;
width: 300px;
}
.share-container h2 {
background: #FFFFFF;
border-bottom: 1px solid #DDDDDD;
color: #333333;
font-size: 15px;
font-weight: bold;
margin: 0;
padding: 10px 10px 10px 20px;
text-transform: uppercase;
}
.share-body {
padding: 0 18px 5px;
}
.share-body > div {
color: #FFFFFF;
cursor: pointer;
font-size: 12px;
height: 35px;
line-height: 35px;
margin-bottom: 10px;
margin-top: 17px;
position: relative;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.share-text {
left: 0;
opacity: 1;
position: absolute;
text-transform: none;
top: 0;
transition: opacity 0.3s ease 0s;
width: 100%;
text-transform: uppercase;
letter-spacing: 1px;
word-spacing: 2px;
font-weight: normal;
font-size: 11px;
}
.share-close {
cursor: pointer;
position: absolute;
right: 16px;
top: 11px;
}
.share-close:before {
content: "\f00d";
font-family: "FontAwesome";
color: #323031;
font-size: 16px;
}
.share-facebook {
background-color: #436098;
}
.share-twitter {
background-color: #5AC3F0;
}
.share-googleplus {
background-color: #A41B23;
}
.share-pinterest {
background-color: #323031;
}
/*** Portfolio Expand Theater**/
.portfoliooverflow {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.9);
z-index: 500;
display: none;
}
.pt-portfolio-share-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
z-index: 505;
display: none;
}
.pthoverflow {
overflow: hidden;
}
.theatherloader {
margin-left: 0;
margin-top: -30px;
}
.ptcontainer {
position: relative;
height: 100%;
width: 100%;
}
.ptwrapper {
position: relative;
left: -100%;
border: 1px solid #ddd;
-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
.ptwrappercontainer {
overflow: hidden;
}
.ptcontent, .ptdescription, .ptcontent-wrapper {
height: 100%;
overflow: hidden;
}
.ptcontent {
width: 100%;
background: #F9F9F9;
position: relative;
}
.ptdescription {
background: white;
border-left: 1px solid #ddd;
left: 100%;
position: absolute;
top: 0;
width: 30%;
z-index: 20;
overflow: auto;
}
.ptdescription .portfolio-content-wrapper-inner {
padding-top: 70px;
}
.ptnavigation {
position: absolute;
right: 30px;
top: 0;
z-index: 100;
}
.ptnavigation a {
border-bottom: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
display: block;
height: 40px;
width: 40px;
overflow: hidden;
background: #f7f7f7;
}
.ptnavigation .portfoliolove .navicon:before {
font-size: 13px;
position: relative;
top: 3px;
}
.ptnavigation .portfoliolove .navicon {
line-height: 36px;
}
.ptnavigation .portfolioinfo .navicon:before {
font-size: 16px;
}
.ptnavigation .portfolioinfo .navicon {
line-height: 36px;
}
.ptnavigation li:last-child a {
border-right: 1px solid #DDDDDD;
}
.ptnavigation .navicon {
color: #666666;
cursor: pointer;
font-family: "FontAwesome";
font-size: 22px;
font-style: normal;
line-height: 40px;
text-align: center;
}
.ptnavigation ul {
margin: 0;
padding: 0;
}
.ptnavigation li {
float: left;
list-style: none;
}
.ptcontent-navigator, .portfolio-navigation {
text-align: center;
}
.pt-next, .pt-prev {
color: #888888;
cursor: pointer;
display: none;
font-family: "FontAwesome";
position: absolute;
top: 50%;
width: 70px;
height: 70px;
z-index: 2;
margin-top: -35px;
}
.pt-next .pt-bgarrow:before {
content: "\f105";
left: 50%;
top: 50%;
margin-left: -4px;
margin-top: -24px;
position: absolute;
}
.pt-prev .pt-bgarrow:before {
content: "\f104";
position: absolute;
right: 50%;
top: 50%;
margin-right: -4px;
margin-top: -24px;
position: absolute;
}
.ptcontent .pt-bgarrow, .portfolio-navigation .pt-bgarrow {
border-radius: 23px 23px 23px 23px;
cursor: pointer;
display: block;
height: 46px;
left: 50%;
margin: -23px 0 0 -23px;
opacity: 0.5;
position: absolute;
top: 50%;
width: 46px;
background-color: #fff;
font-size: 34px;
line-height: 46px;
-webkit-transition: all 0.4s ease 0.2s;
-moz-transition: all 0.4s ease 0.2s;
-o-transition: all 0.4s ease 0.2s;
-ms-transition: all 0.4s ease 0.2s;
transition: all 0.4s ease 0.2s;
}
.pt-next { right: 30px; }
.pt-prev { left: 30px; }
.portfolionavprevnext .pt-next-prev-bg {
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 50%;
overflow: hidden;
background-size: 100% 100%;
background-position: center center;
background-repeat: no-repeat;
margin: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.portfolionavprevnext:hover .pt-bgarrow {
border-radius: 50px 50px 50px 50px;
height: 100px;
margin: -50px 0 0 -50px;
opacity: 0.3;
width: 100px;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.portfolionavprevnext:hover .pt-next-prev-bg {
width: 90px;
height: 90px;
background-size: 100% 100%;
margin: -45px 0 0 -45px;
-moz-border-radius: 45px;
-webkit-border-radius: 45px;
border-radius: 45px;
}
/*** Video Close ***/
.closeportfoliovideo {
cursor: pointer;
display: none;
font-size: 13px;
line-height: 2.2;
text-align: center;
word-spacing: 2px;
text-transform: uppercase;
border-bottom: 1px solid #f0f0f0;
display: none;
letter-spacing: 1px;
font-weight: bold;
background: #fbfbfb;
}
/*** Theather Password ***/
.ptwrappercontainer, .ptpasswordform {
display: block;
height: 100%;
position: relative;
width: 100%;
}
.loadpassword .ptwrappercontainer { display: none; }
.loadcontent .ptpasswordform { display: none; }
.loadpassword .ptwrapper { background-color: transparent; }
.loadpassword .ptwrapper {
border: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
/*** Mobile Portfolio Overflow **/
.single-portfolio .content {
height: auto !important;
min-height: 100%;
position: relative;
width: 100%;
}
.single-portfolio.portfolio-cover .content, .single-portfolio.portfolio-sidecontent .content {
width: auto;
}
.single-portfolio .portfoliowrapper {
height: 100%;
overflow: hidden;
position: absolute;
}
.single-portfolio .portfoliocontent {
overflow: hidden;
position: relative;
left: 0;
}
.single-portfolio.portfolio-ajax .headermenu {
display: none;
}
/** Portfolio Hover Animation **/
.portfoliowrapper .portfolioitem:hover a {
box-shadow: 0 0 10px rgba(0,0,0,0.3);
z-index: 3;
}
.portfolioitem, .imggalitem {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.portfolioitem a img, .imggalitem a img {
max-height: 100% !important;
}
.portfolioitem a img.fixwidthportfolio,
.imggalitem a img.fixwidthportfolio {
height: 100% !important;
max-width: none !important;
width: auto;
}
.portfolioitem a, .imggalitem a {
display: block;
position: relative;
overflow: hidden;
height: 100%;
}
.imggalitem.notloaded {
opacity: 0;
}
.imggalitem .galoverlay {
background: url("../img/dark-zoom.png") no-repeat 50% 50% rgba(0, 0, 0, 0.6);
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
position: absolute;
z-index: 2;
opacity: 0;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.imggalitem:hover .galoverlay {
opacity: 1;
}
.imggalitem .videooverlay {
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
position: absolute;
opacity: 0.2;
background: url("../img/play.png") no-repeat scroll 50% 50% rgba(0, 0, 0, 0.4);
background-size: 40px;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.imggalitem:hover .videooverlay, .portfolio-content-holder:hover .videooverlay {
opacity: 1;
background-size: 50px;
}
.imggalitem[data-width="0.5"] .videooverlay {
background-size: 20px;
}
.imggalitem[data-width="0.5"]:hover .videooverlay {
background-size: 30px;
}
.portfolio-content-holder .videooverlay {
position: absolute;
top: 50%;
left: 50%;
cursor: pointer;
background-image: url("../img/play.png");
height: 50px;
width: 50px;
margin-top: -25px;
margin-left: -25px;
background-repeat: no-repeat;
}
.portfoliovideo-container {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
display: none;
background: black;
}
.portfolioitem img, .imggalitem img {
width: 100%;
height: auto;
position: relative;
display: block;
-webkit-transition: all 0.3s ease-out 0.1s;
-moz-transition: all 0.3s ease-out 0.1s;
-o-transition: all 0.3s ease-out 0.1s;
-ms-transition: all 0.3s ease-out 0.1s;
transition: all 0.3s ease-out 0.1s;
}
.portfolioitem:hover img, .imggalitem:hover img{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.portfolioitem .mask {
left: 10px;
top: 10px;
bottom: 10px;
right: 10px;
position: absolute;
opacity: 0;
background: rgba(255, 255, 255, 0.6);
text-align: center;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.portfolioitem:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.portfolioitem .info h2 {
background: transparent;
color: #333;
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
font-weight: 600;
font-size: 20px;
margin: 5px 20px;
opacity: 0;
padding: 8px;
position: relative;
text-align: center;
text-transform: uppercase;
line-height: 1.3;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
}
.portfolioitem:hover .info h2 {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.portfolioitem .info span {
background-color: rgba(0, 0, 0, 0.2);
display: block;
height: 1px;
margin: 0 auto;
width: 10%;
opacity: 0;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.15s;
-moz-transition: all 0.3s ease-in-out 0.15s;
-o-transition: all 0.3s ease-in-out 0.15s;
-ms-transition: all 0.3s ease-in-out 0.15s;
transition: all 0.3s ease-in-out 0.15s;
}
.portfolioitem:hover .info span {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.portfolioitem .info p {
color: rgba(0, 0, 0, 0.9);
font-family: 'Playfair Display', Georgia, serif;
font-size: 15px;
font-style: italic;
opacity: 0;
padding: 0 20px;
position: relative;
text-align: center;
margin: 10px 0;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.portfolioitem:hover .info p {
opacity: 0.5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.portfolioitem .textswitch .info h2 {
color: #fff;
}
.portfolioitem .textswitch .info span {
background-color: rgba(255,255,255,0.2);
}
.portfolioitem .textswitch .info p {
color: #ddd;
}
.productitem .pinfo {
bottom: 0;
left: 0;
margin: 0 40px 40px;
position: absolute;
right: 0;
}
.productitem .pmask {
left: 10px;
top: 10px;
bottom: 10px;
right: 10px;
position: absolute;
opacity: 0;
background: rgba(236, 236, 236, 0.6);
border: 1px solid rgba(255, 255, 255, 0.3);
text-align: inherit;
background: rgba(0, 0, 0, 0.5);
border: none;
-webkit-transition: all 0.3s ease-in 0.7s;
-moz-transition: all 0.3s ease-in 0.7s;
-o-transition: all 0.3s ease-in 0.7s;
-ms-transition: all 0.3s ease-in 0.7s;
transition: all 0.3s ease-in 0.7s;
}
.pmask-border {
border: 1px solid rgba(255, 255, 255, 0.5);
position: absolute;
bottom: 20px;
left: 20px;
right: 20px;
top: 20px;
}
.productitem:hover .pmask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.productitem .pinfo > small {
color: #FFFFFF;
font-family: 'Playfair Display', Georgia, serif;
font-size: 16px;
font-style: italic;
position: relative;
top: -30px;
opacity: 0;
-webkit-transition: all 0.3s ease-in 0s;
-moz-transition: all 0.3s ease-in 0s;
-o-transition: all 0.3s ease-in 0s;
-ms-transition: all 0.3s ease-in 0s;
transition: all 0.3s ease-in 0s;
}
.productitem:hover .pinfo > small {
top: 0;
opacity: 1;
}
.productitem .pinfo h2 {
background: rgba(0, 0, 0, 0);
color: #EEEEEE;
font-family: "Lato", "Helvetica Neue", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 600;
letter-spacing: 0.5px;
line-height: 1.4;
margin-bottom: 11px;
margin-top: 3px;
opacity: 0;
position: relative;
text-transform: uppercase;
top: -20px;
-webkit-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.productitem:hover .pinfo h2 {
opacity: 1;
top: 0;
}
.productitem .pinfo span.line {
border-bottom: 1px solid #eee;
display: block;
height: 1px;
opacity: 0;
width: 50px;
display: none;
-webkit-transition: all 0.3s ease-in-out 0.3s;
-moz-transition: all 0.3s ease-in-out 0.3s;
-o-transition: all 0.3s ease-in-out 0.3s;
-ms-transition: all 0.3s ease-in-out 0.3s;
transition: all 0.3s ease-in-out 0.3s;
}
.productitem:hover .pinfo span.line {
opacity: 1;
}
.productitem .slider-button {
border: 1px double #ddd;
display: inline-block;
padding: 3px 25px;
margin-top: 5px;
opacity: 0;
top: 10px;
position: relative;
-webkit-transition: all 0.3s ease-in-out 0.4s;
-moz-transition: all 0.3s ease-in-out 0.4s;
-o-transition: all 0.3s ease-in-out 0.4s;
-ms-transition: all 0.3s ease-in-out 0.4s;
transition: all 0.3s ease-in-out 0.4s;
}
.productitem:hover .slider-button {
opacity: 1;
top: 0;
}
.switchproducttext .pmask-border { border: 1px solid rgba(0, 0, 0, 0.5); }
.switchproducttext .productitem .pinfo > small { color: #555555; }
.switchproducttext .productitem .pinfo h2 { color: #333; }
.switchproducttext .productitem .price { color: #444444; }
.switchproducttext .productitem .slider-button { border: 1px double #333333; }
.switchproducttext .productitem .slider-button .button-text { color: #333; }
.switchproducttext .slider-button:hover, .darktextproduct .slider-button:active { color: #333; }
.productitem .slider-button .button-text {
color: #eee;
font-weight: normal;
text-transform: none;
font-size: 13px;
}
.productitem .price {
color: #EEEEEE;
font-size: 18px;
font-weight: bold;
margin-top: 0;
margin-bottom: 18px;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.5s;
-moz-transition: all 0.3s ease-in-out 0.5s;
-o-transition: all 0.3s ease-in-out 0.5s;
-ms-transition: all 0.3s ease-in-out 0.5s;
transition: all 0.3s ease-in-out 0.5s;
}
.productitem:hover .price {
bottom: 1px;
opacity: 1;
}
.productitem .price > span {
font-size: 14px;
font-weight: normal;
}
.productitem .price > span.amount {
font-family: "Lato", "Helvetica Neue", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
}
.productitem .price > span.amount ins {
text-decoration: none;
}
.cart .btn {padding:8px 20px;}
.bvbline {
background: #EEEEEE;
height: 1px;
left: -6px;
position: absolute;
top: 9px;
width: 32px;
}
/*** Image Gallery ***/
.imggalitem { opacity: 0; }
/*** Right Click Overlay ***/
.rightclickoverlay {
background: rgba(0, 0, 0, 0.95);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 2000;
display: none;
}
.rightclickbox {
background: #FFF;
border: 1px solid #CCC;
box-shadow: 0 0 5px #CCC;
left: 50%;
margin-left: -175px;
position: absolute;
top: 50%;
width: 350px;
display: none;
}
.rightclickoverlay h3 {
border-bottom: 1px solid #CCC;
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
padding: 0 20px 10px;
text-transform: uppercase;
}
.rightclickblock {
padding: 15px 20px;
text-align: center;
}
.rightclickbutton {
border-top: 1px solid #DDDDDD;
padding: 10px;
text-align: center;
}
.rightclickoverlay .btn {
border-color: #AAAAAA;
}
.password-page-form .portfolio-passsword {
margin-left: -175px;
margin-top: -150px;
width: 350px;
}
.password-page-form .portfolio-form-body {
height: auto;
}
.password-page-form form {
margin: 25px 40px 25px 25px;
}
/*** Socials Share ***/
.sharrre-container-big .sharrre {
padding: 0 0 3px;
}
.sharrre-container-big .sharrre .boxed {
width: 60px;
display: block;
position: relative;
}
.sharrre-container-big .sharrre .count {
background: #fff;
border: 1px solid #AAA;
border-radius: 2px;
color: #999;
display: block;
font-weight: normal;
line-height: 30px;
margin: 5px 5px 0;
position: relative;
text-align: center;
font-size: 14px;
}
.sharrre-container-big .sharrre .count:after {
content: "";
border-color: #888 transparent transparent;
border-style: solid;
border-width: 8px;
bottom: -16px;
display: block;
height: 0;
left: 49%;
margin-left: -7px;
position: absolute;
width: 0;
}
.sharrre-container-big .sharrre .share {
display: block;
font-size: 25px;
font-weight: 600;
line-height: 32px;
margin-top: 10px;
padding: 0;
text-align: center;
text-decoration: none;
}
.sharrre-container-big .sharrre .whitearr {
border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 8px;
left: 22px;
position: absolute;
top: 30px;
}
.sharrre-container .sharrre {
width: 25%;
float: left;
}
.sharrre-container .sharrre .boxed {
display: block;
position: relative;
}
.sharrre-container .sharrre .count {
background: #FFFFFF;
border: 1px solid #AAAAAA;
border-radius: 2px;
color: #AAAAAA;
display: block;
font-size: 13px;
line-height: 24px;
position: relative;
text-align: center;
width: 55px;
}
.sharrre-container .sharrre .count:after {
content:'';
display: block;
position: absolute;
right: -13px;
width: 0;
height: 0;
border: solid 6px transparent;
border-left-color: #CCC;
bottom: 5px;
}
.sharrre-container .sharrre .whitearr {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFFFFF;
border-style: solid;
border-width: 6px;
left: 75px;
position: absolute;
top: 18px;
}
.sharrre-container .sharrre .share {
width: 30%;
margin-left: 10px;
display: block;
font-size: 18px;
line-height: 28px;
padding: 0;
text-align: center;
text-decoration: none;
}
.sharrre-container .sharrre .share,
.sharrre-container .sharrre .count,
.sharrre-container .sharrre .count:after {
float: left;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.sharrre-container .sharrre .box:hover .share {}
.sharrre-container .sharrre .box:hover .count {
color: #fff!important;
}
.sharrre-container .sharrre .boxed .share,
.sharrre-container .sharrre .boxed .count,
.sharrre-container-big .sharrre .boxed .share,
.sharrre-container-big .sharrre .boxed .count {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.sharrre-container .sharrre .boxed:hover .share,
.sharrre-container .sharrre .boxed:hover .count,
.sharrre-container-big .sharrre .boxed:hover .share,
.sharrre-container-big .sharrre .boxed:hover .count {
color: #444!important;
}
.sharrre-container .twitter-share .share,
.sharrre-container .twitter-share .box .count,
.sharrre-container-big .twitter-share .share,
.sharrre-container-big .twitter-share .box .count {
color: #00acee;
}
.sharrre-container .facebook-share .share,
.sharrre-container .facebook-share .box .count,
.sharrre-container-big .facebook-share .share,
.sharrre-container-big .facebook-share .box .count {
color: #3b5999;
}
.sharrre-container .googleplus-share .share,
.sharrre-container .googleplus-share .box .count,
.sharrre-container-big .googleplus-share .share,
.sharrre-container-big .googleplus-share .box .count {
color: #cd483c;
}
.sharrre-container .pinterest-share .share,
.sharrre-container .pinterest-share .box .count,
.sharrre-container-big .pinterest-share .share,
.sharrre-container-big .pinterest-share .box .count {
color: #ca2128;
}
.sharrre-container .sharrre a {
border-top: 1px solid #ddd;
padding: 10px 20px;
}
.sharrre-container .grouped:before,
.sharrre-container .grouped:after {
content: '';
display: table;
}
.sharrre-container .grouped:after {
clear: both;
}
.sharrre-container a {
background: #F8F8F8;
}
.sharrre-container.post-sharrre {
margin-top: 30px;
}
.mainsidebar-wrapper .sharrre-container .sharrre .count:after {
border-color: #CCCCCC rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
left: 22px;
bottom: -13px;
}
.mainsidebar-wrapper .sharrre-container .sharrre .whitearr {
border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
left: 43px;
top: 34px;
}
.mainsidebar-wrapper .sharrre-container .sharrre .share {
font-size: 22px;
margin-top: 10px;
margin-left: 20px;
}
/*** Another Share ***/
.normal-sharrre-container > div { float: left; padding: 5px 12px; margin-right: 7px; margin-bottom: 7px;}
.share-block > div { color: #FFFFFF; float: left; }
.share-icon { font-size: 17px; }
.share-count { font-size: 12px; margin-left: 10px; }
.twitter-share-block, .sharrre-container-clean .twitter-share a:hover .share { background: #0BBCFF; }
.facebook-share-block, .sharrre-container-clean .facebook-share a:hover .share { background: #3b5999; }
.googleplus-share-block, .sharrre-container-clean .googleplus-share a:hover .share { background: #cd483c; }
.pinterest-share-block , .sharrre-container-clean .pinterest-share a:hover .share{ background: #ca2128; }
/*** Socials Share: Clean Blog ***/
.blog-sidebar-content .sharrre-container-clean {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.blog-sidebar-content .sharrre-container-clean .sharrre {margin:0 15px 0 0}
.sharrre-container-clean .sharrre {display: inline-block; margin:0 0 0 15px; padding: 10px 0}
.sharrre-container-clean .sharrre a {
font-size: 13px;
color:#9f9f9f;
font-style:normal;
}
.sharrre-container-clean .sharrre .share {
font-size: 12px; color: #fff;
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
border-radius: 32px;
background: #9f9f9f;
margin-right: 5px;
-webkit-transition: background-color, opacity .5s ease-out;
-moz-transition: background-color, opacity .5s ease-out;
-o-transition: background-color, opacity .5s ease-out;
transition: background-color, opacity .5s ease-out;
}
.sharrre-container-clean .sharrre:hover .share {
-webkit-animation: beat 1s infinite;
-webkit-animation-timing-function: ease-out;
}
.sharrre-container-clean .sharrre:hover .count {color: #555}
/*** WooCommerce Additional Style ***/
.jkreativ .woocommerce-message:before,
.jkreativ .woocommerce-error:before,
.jkreativ .woocommerce-info:before {
display: none;
}
.jkreativ #ship-to-different-address-checkbox {
position: relative;
top: 0;
}
.jkreativ .woocommerce .woocommerce-error,
.jkreativ .woocommerce .woocommerce-info,
.jkreativ .woocommerce .woocommerce-message,
.jkreativ .woocommerce-page .woocommerce-error,
.jkreativ .woocommerce-page .woocommerce-info,
.jkreativ .woocommerce-page .woocommerce-message {
padding: 1em !important;
}
.jkreativ .woocommerce-message,
.jkreativ .woocommerce-error,
.jkreativ .woocommerce-info {
background-color: #f8f8f8;
border-radius: 0;
box-shadow: none;
border-bottom: 1px solid #ccc;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 1em 1em 1em 2em !important;
}
.jkreativ .jkreativ-woocommerce .lostpassword .form-row-first,
.jkreativ .jkreativ-woocommerce .lostpassword .form-row-last {
width: 100%;
}
.jkreativ .jkreativ-woocommerce #review_form_wrapper {
border-top: 1px solid #EEEEEE;
margin-left: -15px;
margin-right: -15px;
margin-top: 25px;
padding: 25px;
}
/*** Shopping Cart ***/
.jkreativ .empty_bag {
text-align: center;
margin: 50px 0;
}
.jkreativ .cartpage .article-header h2, .jkreativ .cartpage .article-header h1 {
background: #f9f9f9;
border-bottom: 3px double #ebebeb;
letter-spacing: 5px;
margin: -40px -40px 0 -40px;
padding: 53px 0;
text-align: center;
word-spacing: 5px;
}
.jkreativ .product_title.article-header h1 {
font-style: normal;
letter-spacing: 1px;
margin-bottom: 5px;
margin-top: 0;
text-transform: uppercase;
font-size: 26px;
}
.jkreativ table.shop_table {
border:0 ;
}
.jkreativ table.shop_table.customer_details th {
border-bottom: none;
}
.jkreativ .cart_wrapper {
margin-top:20px;
}
.jkreativ .cart_content form {
margin: 0;
}
.jkreativ table.shop_table {
border-collapse: separate;
text-align: left;
width: 100%;
}
.jkreativ table.shop_table th,
.jkreativ .totals_table {
border:0;
border-bottom: 3px double #CCC;
padding:15px 0;
vertical-align: middle;
color: #000;
font-size: 12px;
text-transform:uppercase;
font-weight: normal;
font-weight: 40;
font-size: 14px;
font-family: "Lato", "Helvetica Neue", sans-serif;
}
.jkreativ .totals_table,
.jkreativ .totals_table th,
.jkreativ .totals_table td,
.jkreativ .totals_table td.span {
border: medium none;
font-size: 14px !important;
font-weight: normal !important;
}
.jkreativ .totals_table th,
.jkreativ .totals_table td {
width: 200px;
}
.jkreativ table.shop_table th.product-name {
padding: 9px 12px 9px 0;
}
.jkreativ table.shop_table td {
border:0;
border-top:none !important;
border-bottom: 1px solid #f4f4f4;
padding:30px 0 !important;
vertical-align: middle;
padding:15px !important;
}
.jkreativ table.order_details tr:last-child td {
border-bottom: 1px dotted #ccc;
border-bottom: 1px dotted rgba(0,0,0,0.2);
}
.jkreativ table.shop_table a.remove {
display: block;
height: 35px;
width: 35px ;
background:none;
text-align:center;
line-height:35px;
border-radius: 0 0 0 0;
color: #666666;
font-size: 18px;
}
.order-actions > a {
padding-right: 10px;
}
.jkreativ table.shop_table a.remove:hover:after {color:#000 !important;}
.jkreativ table.shop_table img{
border:1px solid #fff;
width: 90px !important;
height: auto;
}
.jkreativ table.shop_table img:hover{
border:1px solid #000 !important;
}
.jkreativ table.shop_table .product-remove {
width:10px;
padding: 0 !important;
}
.jkreativ table.shop_table .product-thumbnail {
width:110px;
padding: 0 !important;
}
.jkreativ table.shop_table td.product-name {
padding:15px 10px 15px 0 !important;
}
.jkreativ table.shop_table .product-name .category {
color: #b39964;
font-size: 12px;
text-transform:uppercase;
font-weight:900;
text-decoration:none;
padding:0 0 5px 0;
display:block;
}
.jkreativ table.shop_table .product-name a {
font-weight:bold;
font-size:16px;
font-style: normal;
color: #333;
text-decoration:none;
}
.jkreativ table.shop_table .product-name a:hover {
text-decoration:underline;
}
.jkreativ table.shop_table .product-name .product-price ,
.jkreativ table.shop_table .product-subtotal{
font-size: 14px;
}
.jkreativ .variation dd p {
margin: 0;
}
.jkreativ .woocommerce #payment ul.payment_methods li input,
.jkreativ .woocommerce-page #payment ul.payment_methods li input {
top: 10px;
position: relative;
}
.jkreativ table.shop_table .cart_table_item:last-child td {
border-bottom: medium none;
}
.jkreativ .jkreativ-woocommerce .quantity {
margin: 0 auto;
overflow: hidden;
position: relative;
width: 105px !important;
}
.jkreativ .jkreativ-woocommerce .quantity .plus,
.jkreativ .jkreativ-woocommerce .quantity .minus,
.jkreativ .jkreativ-woocommerce #content .quantity .plus,
.jkreativ .jkreativ-woocommerce #content .quantity .minus {
background: #FFFFFF !important;
border: 1px solid rgba(0, 0, 0, 0.2) !important;
border-radius: 0 0 0 0 !important;
box-shadow: none !important;
color: rgba(0, 0, 0, 0.4) !important;
cursor: pointer;
display: block;
float: left !important;
font-size: 16px !important;
font-weight: normal !important;
height: 35px !important;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
text-align: center;
text-decoration: none;
text-shadow: none !important;
vertical-align: text-top;
width: 35px !important;
}
.jkreativ .jkreativ-woocommerce .quantity input.qty,
.jkreativ .jkreativ-woocommerce #content .quantity input.qty {
-moz-appearance: caret;
-moz-border-bottom-colors: none !important;
-moz-border-left-colors: none !important;
-moz-border-right-colors: none !important;
-moz-border-top-colors: none !important;
background: #FFFFFF !important;
border-color: rgba(0, 0, 0, 0.2) -moz-use-text-color !important;
border-image: none !important;
border-left: 0 none !important;
border-radius: 0 0 0 0 !important;
border-right: 0 none !important;
border-style: solid none !important;
border-width: 1px 0 !important;
box-shadow: none !important;
color: #000000;
display: block !important;
float: left;
font-size: 12px;
font-weight: bold !important;
height: 35px !important;
margin: 0 0 0 35px;
padding: 0;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
width: 35px !important;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.jkreativ.woocommerce .jkreativ-woocommerce .quantity .minus,
.jkreativ .minus { left: 0 !important; }
.jkreativ.woocommerce .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce-page .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce .jkreativ-woocommerce #content .quantity .plus,
.jkreativ.woocommerce-page .jkreativ-woocommerce #content .quantity .plus,
.jkreativ.woocommerce .jkreativ-woocommerce .quantity .minus,
.jkreativ.woocommerce-page .jkreativ-woocommerce .quantity .minus,
.jkreativ.woocommerce .jkreativ-woocommerce #content .quantity .minus,
.jkreativ.woocommerce-page .jkreativ-woocommerce #content .quantity .minus {
background: -moz-linear-gradient(center top , #F7F6F7 0px, #E0DADF 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
border: 1px solid #C8BFC6;
border-radius: 2px 2px 2px 2px;
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.075) inset, 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 2px rgba(0, 0, 0, 0.1);
color: #5E5E5E;
cursor: pointer;
display: block;
font-size: 12px;
font-weight: bold;
height: 15px;
line-height: 13px;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
text-align: center;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
vertical-align: text-top;
width: 20px;
}
.jkreativ.woocommerce .jkreativ-woocommerce .quantity input.qty,
.jkreativ.woocommerce-page .jkreativ-woocommerce .quantity input.qty,
.jkreativ.woocommerce .jkreativ-woocommerce #content .quantity input.qty,
.jkreativ.woocommerce-page .jkreativ-woocommerce #content .quantity input.qty {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #C8BFC6 -moz-use-text-color #C8BFC6 #C8BFC6;
border-image: none;
border-radius: 2px 0 0 2px;
border-style: solid none solid solid;
border-width: 1px 0 1px 1px;
box-shadow: 0 0 2px 0 #F7F6F7 inset;
float: left;
font-weight: bold;
height: 28px;
padding: 0;
text-align: center;
width: 40px;
}
.jkreativ.woocommerce .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce-page .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce #content .jkreativ-woocommerce .quantity .plus,
.jkreativ.woocommerce-page .jkreativ-woocommerce #content .quantity .plus {
border-bottom: 0 none;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
right: 0;
top: 0;
}
.jkreativ table.shop_table .product-quantity {
text-align:center;
padding-left:0 !important;
}
.jkreativ table.shop_table .product-subtotal {
width:80px;
text-align:right !important;
}
.jkreativ table.shop_table td.product-subtotal {
color: #000;
font-size: 18px;
text-transform:uppercase;
font-weight:bold;
font-weight:400;
text-decoration:none;
}
.jkreativ td.product-name dl.variation {
font-size: 12px !important;
color:#666 !important;
color:rgba(0,0,0,0.5) !important;
margin: 0 !important;
}
.jkreativ td.product-name dl.variation dd,
.jkreativ td.product-name dl.variation dd {
margin: 0 !important;
}
.jkreativ td.product-name dl.variation dt {
font-weight: normal;
float: left;
clear: left;
margin: 0 5px 0 0;
padding: 0;
}
.jkreativ .left_column_cart {
border-left: 1px solid #DDD;
margin: 0 0 0 10px;
padding: 0 0 30px 30px;
}
.jkreativ .left_column_cart_shipping {
margin:30px 0 0;
padding:15px 0 0 0;
}
.left_column_cart th {border-top: 0;}
.jkreativ #calc_shipping_country,
.jkreativ select#calc_shipping_state {
padding:7px 8px 7px 4px;
color:#777;
}
.jkreativ input#calc_shipping_state {
padding:4px 5px 3px 5px;
color:#777;
margin:0;
line-height: 30px;
}
.jkreativ #calc_shipping_postcode {
padding:4px 5px 3px 5px;
color:#777;
margin:0 0 10px 0;
}
.jkreativ .shipping_address {
margin-top: 50px;
}
#rememberme {
margin: 0 3px 0 15px;
position: relative;
top: 10px;
}
/*** Cart Sidebar ***/
.jkreativ .jkreativ-woocommerce .coupon {
padding:0;
margin:0 0 20px 0;
}
.jkreativ .jkreativ-woocommerce .coupon_inputs_wrapper {
position:relative;
height:34px;
margin-top: 15px;
}
.jkreativ .jkreativ-woocommerce .coupon .input-text {
font-weight:normal;
font-weight:300;
text-transform:uppercase;
padding:8px;
font-size:12px;
color:#666;
color:rgba(0,0,0,0.7);
margin:0;
width:140px;
height:15px;
border:1px solid #ccc;
border:1px solid rgba(0,0,0,0.2);
float:left;
margin-right:5px;
-webkit-border-radius: 0;
-moz-border-radius:0 ;
border-radius: 0;
}
.jkreativ .jkreativ-woocommerce .coupon .input-text {
margin-bottom: 10px;
}
.jkreativ .jkreativ-woocommerce .update-button.btn {
margin-bottom: 10px;
width: 100%;
}
.jkreativ .jkreativ-woocommerce .checkout-button.btn {
width: 100%;
}
.jkreativ .jkreativ-woocommerce .coupon .input-text:focus {border:1px solid #000;}
.jkreativ .jkreativ-woocommerce .coupon .button-coupon {
font-size: 12px;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
margin:0 !important;
width:70px !important;
float:left;
height:33px !important;
font-size:12px !important;
font-weight:300 !important;
-moz-box-shadow: inset rgba(255, 255, 255, 0.5) 0 0 0 1px !important;
-webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 0 0 0 1px !important;
box-shadow: inset rgba(255, 255, 255, 0.5) 0 0 0 1px !important;
color:#fff !important;
background:#000 !important;
border:2px solid #000 !important;
}
.jkreativ .jkreativ-woocommerce .coupon .button-coupon:hover {
background:#fff !important;
border:2px solid #000 !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.jkreativ .jkreativ-woocommerce .cart_totals {
clear:both;
margin-bottom:20px;
margin-top: 50px;
}
.jkreativ .jkreativ-woocommerce .cart_totals h3,
.jkreativ .jkreativ-woocommerce .coupon h3,
.jkreativ .jkreativ-woocommerce .shipping_calculator h3,
.jkreativ .jkreativ-woocommerce .cart_totals h2,
.jkreativ .jkreativ-woocommerce .coupon h2,
.jkreativ .jkreativ-woocommerce .shipping_calculator h2 {
border-bottom: 3px double #ccc;
color: #333333;
display: inline-block;
font-size: 16px;
font-weight: 400;
margin: 0;
padding: 16px 0 16px;
text-transform: uppercase;
margin-bottom: 10px;
line-height: 1.4;
}
.jkreativ .jkreativ-woocommerce .cart_totals table {
width:100%;
}
.jkreativ .jkreativ-woocommerce .cart_totals tr {
border-bottom:1px dotted #ccc;
border-bottom:1px dotted rgba(0,0,0,0.2);
}
.jkreativ .jkreativ-woocommerce .cart_totals tr:last-child {
border-bottom:0;
}
.jkreativ .jkreativ-woocommerce .cart_totals th
{
width:45%;
}
.jkreativ .jkreativ-woocommerce .cart_totals th,
.jkreativ .jkreativ-woocommerce .cart_totals td
{
padding:9px;
vertical-align:middle;
}
.jkreativ .jkreativ-woocommerce .cart_totals th {
color: #999;
color: rgba(0,0,0,0.5);
font-size: 12px;
text-transform:uppercase;
font-weight:300;
text-decoration:none;
text-align:left;
vertical-align: top;
}
.jkreativ .shipping-calculator-button {
text-transform: lowercase;
letter-spacing: 0;
font-size: 11px;
display: block;
}
.jkreativ .shipping-calculator-form {
padding: 30px 0;
}
.jkreativ .jkreativ-woocommerce .cart_totals .total th {color: #000 !important;}
.jkreativ .jkreativ-woocommerce .cart_totals .amount {
font-size:14px;
font-weight:bold;
font-weight:400;}
.jkreativ .jkreativ-woocommerce .cart_totals td {
text-align:right;
color: #000;
font-size: 13px;
text-transform:uppercase;
font-weight:900;
text-decoration:none;
}
.jkreativ .jkreativ-woocommerce .cart_totals .shipping td {
text-align:right;
font-size:12px;
color:#000;
font-weight:normal;
font-weight:300;
text-transform:none;
font-style:normal;
text-transform: uppercase;
}
.jkreativ .jkreativ-woocommerce #shipping_method li {
font-size:11px;
}
.jkreativ .jkreativ-woocommerce ul#shipping_method li{
padding: .25em 0 .25em 0 !important;
}
.jkreativ .jkreativ-woocommerce .shop_table ul#shipping_method li{
text-indent: 0px !important;
}
.jkreativ .jkreativ-woocommerce .payment_box {
max-width:870px !important;
}
.jkreativ .jkreativ-woocommerce .left_column_cart_sep {
width:100%;
height:9px;
margin:10px 0 25px 0;
clear:both;
border-bottom:3px double #CCCCCC;
border-bottom:3px double rgba(0,0,0,0.2);
}
.jkreativ .jkreativ-woocommerce .shipping_calculator h3 a,
.jkreativ .jkreativ-woocommerce .shipping_calculator h2 a {
padding:7px 0 7px 0;
margin:0 0 20px 0;
font-size:16px;
color:#000;
font-weight:400;
text-transform:uppercase;
text-decoration:none;
font-style: normal;
}
.shipping_calculator section {
padding: 20px 0;
}
.jkreativ .jkreativ-woocommerce .shipping_calculator h3:after {
content: "\f107";
font-size:14px;
display: inline-block;
font-family: 'FontAwesome';
margin-left:10px;
}
.jkreativ .jkreativ-woocommerce .shipping_calculator a h3 {
color:#000 !important;
text-decoration:none !important;
}
.jkreativ .jkreativ-woocommerce table.totals_table {
float: right;
margin-bottom: 30px;
margin-right: 20px;
margin-top: 20px;
width: 270px;
}
.jkreativ .jkreativ-woocommerce table.totals_table tr th {
font-size: 14px;
font-weight: 300;
padding: 6px 0;
text-align: left;
text-transform: uppercase;
}
.jkreativ .jkreativ-woocommerce table.totals_table tr td {
font-size: 14px;
font-weight: 400;
padding: 6px 0;
text-align: right;
text-transform: uppercase;
}
.jkreativ .jkreativ-woocommerce .accountcontent > header {
clear: both;
}
.jkreativ .jkreativ-woocommerce .product-total {
text-align: center;
}
.jkreativ .jkreativ-woocommerce .customer_details dt, .customer_details dd {
margin-left: 0;
}
.jkreativ .jkreativ-woocommerce .customer_details dt {
font-weight: bold;
}
/*** Account Dashboard ***/
.jkreativ .jkreativ-woocommerce .accountnavigation {
border-right: 1px solid #DDDDDD;
}
.jkreativ .jkreativ-woocommerce .accountnavigation > ul {
margin: 0;
padding: 0 0 50px;
clear: both;
}
.jkreativ .jkreativ-woocommerce .accountnavigation li {
list-style: none;
}
.jkreativ .jkreativ-woocommerce .accountnavigation ul a {
border-bottom: 1px solid #DDDDDD;
color: #333333;
display: inline-block;
font-size: 13px;
font-style: normal;
letter-spacing: 1px;
line-height: 1.5;
padding: 15px 0 10px 10px;
text-transform: uppercase;
display: block;
}
.jkreativ .jkreativ-woocommerce .accountnavigation ul li:last-child a {
border: none;
}
.jkreativ .jkreativ-woocommerce .account-user {
overflow: hidden;
margin-bottom: 20px;
margin-top: 20px;
}
.jkreativ .jkreativ-woocommerce .account-user img {
float: left;
margin-right: 20px;
border-radius: 30px;
}
.jkreativ .jkreativ-woocommerce .account-user .user-name {
display: block;
text-transform: uppercase;
font-weight: bold;
}
.account-user .logout-link {font-size: 80%;}
.jkreativ .jkreativ-woocommerce .recentorder {
margin: 10px;
}
.jkreativ .jkreativ-woocommerce .addresses {
margin-top: 30px;
margin-bottom: 30px;
}
.jkreativ .jkreativ-woocommerce .address > address {
font-style: normal;
}
.jkreativ .jkreativ-woocommerce .addresses h4, .jkreativ header h4{
border-bottom: 3px double #DDDDDD;
display: inline-block;
margin-bottom: 20px;
margin-top: 0;
padding-bottom: 10px;
}
.jkreativ .jkreativ-woocommerce .col2-set .col-1 {
float: left;
width: 48%;
}
.jkreativ .jkreativ-woocommerce .col2-set:after {
clear: both;
content: "";
display: block;
}
.jkreativ .jkreativ-woocommerce .edit-address {
margin-top: 30px;
display: block;
}
.jkreativ .jkreativ-woocommerce .btn.btn-small {
padding: 4px 16px;
}
.jkreativ .jkreativ-woocommerce .product-add-to-cart {
width: 145px;
}
.jkreativ .jkreativ-woocommerce .wishlist_table tr:last-child td {
border : none;
}
.jkreativ .jkreativ-woocommerce form .form-row-first,
.jkreativ .jkreativ-woocommerce form .form-row-first,
.jkreativ .jkreativ-woocommerce .form-row-last,
.jkreativ .jkreativ-woocommerce form .form-row-last {
float: left;
overflow: visible;
width: 47% !important;
}
.jkreativ .jkreativ-woocommerce form .form-row-last,
.jkreativ .jkreativ-woocommerce form .form-row-last {
float: right;
}
.jkreativ .jkreativ-woocommerce .edit-address-form .button {
clear: both;
display: block;
float: none;
}
.jkreativ .jkreativ-woocommerce #customer_details label {
font-weight: bold;
}
.jkreativ .jkreativ-woocommerce #customer_details p {
width: 98%;
}
.jkreativ #customer_details h3,
.jkreativ #orderdetail h3 {
border-bottom: 3px double #999999;
padding-bottom: 20px;
text-transform: uppercase;
letter-spacing: 1px;
width: 100%;
}
.jkreativ #customer_details .col-2 {
clear: both;
float: none;
}
.jkreativ .shop_table tfoot th,
.jkreativ .shop_table tfoot td {
text-align: right;
border: 0;
}
.jkreativ .shop_table .product-total {
text-align: right;
}
.jkreativ.woocommerce #payment,
.jkreativ.woocommerce-page #payment {
background: #f0f0f0;
padding: 20px;
margin-top: 20px 30px;
border: 1px solid #ddd;
border-radius: 0;
}
.jkreativ #payment ul,
.jkreativ #payment li {
margin: 0;
padding: 0;
list-style: none;
clear: both;
}
.jkreativ .payment_methods.methods label {
margin-left: 0px;
}
.jkreativ .payment_methods.methods input {
float: left;
}
.jkreativ #payment li {
border-bottom: 1px solid #DDDDDD;
border-top: 1px solid #FFFFFF;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
}
.jkreativ #payment li:first-child {
border-top: none;
}
.jkreativ #payment li:last-child {
border-bottom: none;
}
.jkreativ .payment_box {
background: #FFFFFF;
border: 1px solid #DDDDDD;
font-size: 12px;
margin-top: 15px;
padding: 5px 20px;
}
.jkreativ .jkreativ-woocommerce .payment_box:after {
}
/*** End Account Dashboard ***/
/*** Product ***/
.jkreativ .jkreativ-woocommerce.productline .mainsidebar {
float: right;
width: 35%;
}
.jkreativ .jkreativ-woocommerce.productline .mainpage {
width: 65%;
}
.jkreativ .jkreativ-woocommerce.productline .article-header {
margin-bottom: 10px;
}
.jkreativ .jkreativ-woocommerce.productline .panel-group {
margin: 20px 0;
}
.jkreativ .jkreativ-woocommerce.productline .price {
font-size: 25px;
margin: 25px 0;
color: #555555;
}
.jkreativ .jkreativ-woocommerce.productline .price del {
color: #aaa;
margin-right: 5px;
}
.jkreativ .jkreativ-woocommerce.productline .price ins {
text-decoration: none;
font-size: 25px;
color: #555555;
}
.jkreativ .jkreativ-woocommerce.productline table {
width: 100%;
}
.jkreativ .jkreativ-woocommerce.productline table th {
font-weight: bold;
}
.jkreativ .jkreativ-woocommerce.productline table th,
.jkreativ .jkreativ-woocommerce.productline table td {
text-align: left;
border-bottom: 1px dotted #bbb;
}
.jkreativ .jkreativ-woocommerce.productline .quantity {
margin: 0;
display: inline-block;
float: left;
margin-right: 10px !important;
margin-bottom: 20px !important;
}
.jkreativ .jkreativ-woocommerce.productline table tr:last-child th,
.jkreativ .jkreativ-woocommerce.productline table tr:last-child td {
border: none;
}
.jkreativ .jkreativ-woocommerce .article-header > span {
color: #777777;
font-family: 'Playfair Display', Georgia, serif;
font-size: 14px;
font-style: italic;
line-height: 2;
}
.jkreativ .jkreativ-woocommerce .star-rating {
display: inline-block;
font-family: "FontAwesome";
margin-top: 5px;
position: relative;
float: none;
}
.jkreativ .jkreativ-woocommerce .star-rating:after {
content: "\f005 \f005 \f005 \f005 \f005";
color: #ddd;
}
.jkreativ .jkreativ-woocommerce .star-rating span,
.jkreativ .jkreativ-woocommerce-page .star-rating span {
position: absolute;
left: 0;
top: 0;
overflow: hidden;
}
.jkreativ .jkreativ-woocommerce .woocommerce.star-rating span,
.jkreativ .jkreativ-woocommerce .star-rating span {
padding-top: 0;
}
.jkreativ .jkreativ-woocommerce .star-rating span:after {
content: "\f005 \f005 \f005 \f005 \f005";
color: #cd9a66;
}
.jkreativ-woocommerce .reviews_no {
display: inline-block;
color: #333;
font-weight: normal;
font-style: italic;
font-size: 12px;
margin-left: 5px;
}
/*** End Product ***/
.woocommerce .star-rating,
.woocommerce-page .star-rating {
width: 75px !important;
}
.woocommerce .star-rating:before,
.jkreativ.woocommerce .star-rating:before,
.jkreativ.woocommerce-page .star-rating:before {
content: '' !important;
}
.woocommerce .star-rating span:before,
.jkreativ.woocommerce .star-rating span:before,
.jkreativ.woocommerce-page .star-rating span:before {
content: '' !important;
}
.pp_woocommerce .comment-form-author,
.pp_woocommerce .comment-form-email,
.pp_woocommerce .comment-form-url {
float: none;
width: auto;
}
.jkreativ.woocommerce .jkreativ-woocommerce .star-rating, .jkreativ.woocommerce-page .jkreativ-woocommerce .star-rating {
width: 5em;
}
.woocommerce #reviews #comments ol.commentlist, .woocommerce-page #reviews #comments ol.commentlist {
padding: 0;
}
.jkreativ.woocommerce .jkreativ-woocommerce #reviews #comments ol.commentlist li .comment-text,
.jkreativ.woocommerce-page #reviews .jkreativ-woocommerce #comments ol.commentlist li .comment-text {
border-color: #ddd;
}
.jkreativ .jkreativ-woocommerce .btn.btn-small {
font-size: 12px;
}
.inline.show_review_form.btn {
border: 1px solid #AAAAAA;
color: #555555;
float: right;
}
.jkreativ .jkreativ-woocommerce .woocommerce-message a.button {
color: #ffffff !important;
background: #428bca !important;
border-color: #357ebd !important;
font-size: 12px !important;
padding: 4px 16px !important;
box-shadow: none;
border-radius: none;
margin-left: 10px;
}
.jkreativ .price del {
font-size: 16px;
text-decoration: line-through;
font-weight: 300;
margin-right: 6px;
}
.jkreativ .productcategorywrapout {
background: #eee;
width: 100% !important;
}
.jkreativ.woocommerce table.shop_table, .jkreativ.woocommerce-page table.shop_table {
border: none;
}
.jkreativ .woocommerce form.login,
.jkreativ .woocommerce form.checkout_coupon,
.jkreativ .woocommerce form.register,
.jkreativ .woocommerce-page form.login,
.jkreativ .woocommerce-page form.checkout_coupon,
.jkreativ .woocommerce-page form.register {
border-radius: 0;
}
.jkreativ .woocommerce table.shop_table tfoot td,
.jkreativ .woocommerce table.shop_table tfoot th,
.jkreativ .woocommerce-page table.shop_table tfoot td,
.jkreativ .woocommerce-page table.shop_table tfoot th {
border-top: 0;
font-weight: normal;
text-align: right;
}
.jkreativ .woocommerce table.shop_table,
.jkreativ .woocommerce-page table.shop_table {
margin: 0 -1px 5px 0;
}
.jkreativ .woocommerce form .form-row,
.jkreativ .woocommerce-page form .form-row {
margin: 0 0 15px;
}
.jkreativ .woocommerce table.my_account_orders,
.jkreativ .woocommerce-page table.my_account_orders {
font-size: 1em;
}
.jkreativ .woocommerce table.shop_table th,
.jkreativ .woocommerce-page table.shop_table th {
font-weight: normal;
}
.jkreativ .woocommerce table.my_account_orders .order-actions,
.jkreativ .woocommerce-page table.my_account_orders .order-actions {
text-align: center;
}
.woocommerce .order_details li, .woocommerce-page .order_details li {
margin-top: 10px;
margin-bottom: 10px;
}
.price .from {
font-size: 15px;
margin-right: 5px;
text-transform: uppercase;
}
.single_variation {
clear: both;
margin-bottom: 10px;
overflow: hidden;
}
.jkreativ .variations_button {
clear: both;
}
.jkreativ .jkreativ-woocommerce.productline .price {
float: left;
}
.jkreativ .jkreativ-woocommerce.productline .product_price_desktops .price {
float: none;
}
.jkreativ .jkreativ-woocommerce.productline p.stock {
float: right;
margin: 25px 0;
}
.jkreativ mark {
background: #FFFFFF;
color: #000000;
}
.jkreativ .upsells.products h2 {
font-size: 15px;
text-transform: uppercase;
padding: 10px 0;
letter-spacing: 1px;
font-weight: bold;
}
.jkreativ .upsells.products .productcontent {
position: relative;
}
#account_password-2_field .hidden {
display: block !important;
}
.jkreativ table.shop_table .product-name small a {
font-size: 12px;
}
.toplink li .topcart_product_remove > a, .topnavigationwoo li .topcart_product_remove > a {
color: #888888;
font-style: italic;
letter-spacing: 0;
line-height: 1.8;
text-transform: lowercase;
}
.toplink li .topcart_product_remove > a:hover, .topnavigationwoo li .topcart_product_remove > a:hover {
color : #666;
}
.topcartlist .variation dt, .topnavigationwoo .variation dt {
float: left;
}
.topcartlist .variation {
font-size: 11px;
font-style: italic;
margin: 0;
color: #888888;
line-height: 18px;
}
.topcartlist .variation dd {margin-left: 25px;}
.topemptycart {
text-align: center;
}
.topemptycart h5 { letter-spacing: 0; }
.headermenu .toplink li .topemptycart a, .headermenu .toplink li .topemptycart a:hover {
color: #888;
line-height: 2;
margin-bottom: 15px;
display: block;
}
/*** Landing Navigation ***/
.landing-navigator {
background: #FFFFFF;
border-radius: 1px;
display: none;
padding: 5px 5px 0;
position: fixed;
right: 20px;
top: 200px;
z-index: 2;
box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.landing-navigator > ul {
padding: 0;
margin: 0;
}
.landing-navigator > ul > li {
background: #ACACAC;
cursor: pointer;
display: block;
height: 22px;
list-style: none;
margin-bottom: 5px;
width: 9px;
}
.navigator-block-fill {
background: #f0f0f0;
height: 0;
position: relative;
width: 100%;
}
/*** Landing Navigator: Cirlce ***/
.landing-navigator.circle {
border-radius : 6px;
}
.landing-navigator.circle li {
border-radius: 100%;
clear: both;
display: block;
height: 14px;
margin-bottom: 7px;
margin-top: 4px;
width: 14px;
}
.landing-navigator.circle .navigator-block-fill {
border-radius: 100%;
height: 100% !important;
opacity: 0;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.landing-navigator.circle .navigator-block-fill.active {
opacity: 1;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
/*** Tooltip ***/
#jtooltip {
background: rgba(125, 125, 125, 0.5);
display: none;
font-size: 14px;
position: fixed;
min-width: 200px;
z-index: 2002;
}
#jtooltip .triangle {
border-color: rgba(0, 0, 0, 0) rgba(102, 102, 102, 0.92) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
border-style: solid;
border-width: 7px;
float: left;
left: -13px;
position: absolute;
top: 8px;
}
#jtooltip .torapper {
background: #222;
color: #FFF;
font-size: 13px;
padding: 4px 12px;
}
#jtooltip .rtriangle-border {
display: none;
}
#jtooltip .triangle-border {
display: none;
}
#jtooltip .rtriangle {
border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #222;
border-style: solid;
border-width: 7px;
float: left;
position: absolute;
right: -13px;
text-shadow: 0 0 2px #000000;
top: 8px;
}
/*** Video Player ***/
.video-wrap {
height: 100%;
left: 0;
top: 0;
width: 100%;
position: absolute;
background-color: #3d3d3d;
background-image: url("../img/loader_light.gif");
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: 48px;
background-size: 48px;
}
.video-wrap.parallaxvideo {
position: fixed;
transform: translate3d(0px, 0px, 0px) !important;
z-index: -1;
}
.video-wrap video {
height: auto;
width: auto;
opacity: 0;
}
.video-wrap video.heightauto {
height: auto;
width: 100%;
opacity: 1;
}
.video-wrap video.widthauto {
height: 100%;
width: auto;
opacity: 1;
}
.video-fallback {
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
display: none;
}
/*** 360 Responsive ***/
.loadpercentage {
text-transform: uppercase;
font-weight: normal;
letter-spacing: 1px;
font-size: 20px;
line-height: 300px;
text-align: center;
}
.responsive360wrapper, .dragging {
cursor: url("../img/drag.png"),default !important;
}
/*** Landing Page ***/
.landing-footer {
border-top: 1px solid #ECECEC;
background-color: #fff;
padding: 60px 0;
}
.landing-btm-footer {
background: #EEEEEE;
padding: 24px 0;
}
.landing-footer-copyright {
color: #666666;
text-align: center;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
}
.footerwidget {margin-bottom: 40px;}
.footerwidget h3 {
font-size: 14px;
letter-spacing: 1px;
text-transform: uppercase;
}
/*** Footer Widget ***/
.footerwidget ul, .footerwidget ol {
list-style: none;
margin: 0;
padding: 0;
}
.footerwidget.widget_archive li,
.footerwidget.widget_categories li,
.footerwidget.widget_links li,
.footerwidget.widget_meta li,
.footerwidget.widget_nav_menu li,
.footerwidget.widget_pages li {
margin-left: 1em;
}
.footerwidget.widget_archive li a,
.footerwidget.widget_categories li a,
.footerwidget.widget_links li a,
.footerwidget.widget_meta li a,
.footerwidget.widget_nav_menu li a,
.footerwidget.widget_pages li a {
line-height: 2em; position: relative;
}
.footerwidget.widget_archive li a:before,
.footerwidget.widget_categories li a:before,
.footerwidget.widget_links li a:before,
.footerwidget.widget_meta li a:before,
.footerwidget.widget_nav_menu li a:before,
.footerwidget.widget_pages li a:before {
font-family: 'FontAwesome';
content: "\f105";
position: absolute;
left: -1em;
color: #9b9b9b;
}
.footerwidget.widget_recent_comments li {
margin-left: 1em;
list-style: square;
}
.footerwidget .jeg-tweet-container, .footerwidget .jeg-twitter-container {text-align: left;}
.footerwidget .jeg-follow-button:before {margin: 10px 0 20px}
.footerwidget.widget_recent_entries .post-date {
font-size: 10px;
letter-spacing: 1px;
text-transform: uppercase;
}
.footerwidget.widget_recent_entries li {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dotted #ddd;
}
/*** Clean Blog ***/
.page-template-templatetemplate-blog-clean-php, .blog-clean {
background : white !important;
}
.clean-blog-wrapper {
max-width: 1300px;
}
.horizontalnav .clean-blog-wrapper { margin:0 auto; }
.horizontalnav .clean-blog-article { margin-top: 60px; }
.clean-blog-article {
clear: both;
display: block;
margin: 40px 0;
overflow: hidden;
}
.clean-blog-content .post-excerpt {margin-bottom: 30px;}
.clean-blog-meta-wrapper, .clean-blog-content-wrapper {
border-top: 1px solid #DDDDDD;
margin: 0 25px;
padding-top: 10px;
}
.clean-blog-content-wrapper.article-quote-wrapper {
padding: 30px 40px;
border: none;
}
.clean-blog-meta {
float: left;
width: 25%;
}
.clean-blog-content {
float: right;
width: 75%;
}
.clean-blog-wrapper .article-header h2, .clean-blog-wrapper .article-header h1 {
color: #000000;
font-family: 'Playfair Display', Georgia, serif;
font-size: 52px;
line-height: 1.4;
text-transform: none;
}
.clean-blog-meta-wrapper {
padding-top: 30px;
margin: 0 25px 0 40px;
text-align: right;
}
.clean-meta-top {
font-size: 14px;
font-weight: bold;
}
.clean-meta-top.clean-comment-meta {font-weight: normal;}
.clean-blog-content .comment-container {padding: 20px 0 30px;}
.clean-blog-content .comment-respond,
.clean-blog-content #respond > h3 {
margin-top:0;
}
.clean-blog-content .article-masonry-meta-wrapper {
font-size: 12px;
line-height: 24px;
margin: 30px 0 0;
padding: 16px 0;
background: transparent;
border-top: 1px dotted #ededed;
}
.blogcleanpaging {
width: 75%;
float: right;
}
.blogcleanpaging .pagination-wrapper {
display: block;
margin: 30px 25px;
padding-top: 15px;
border-top: 1px solid #ddd;
}
.pagination-wrapper .nav-prev {float: left;}
.pagination-wrapper .nav-next {float: right;}
/** Portfolio Popup HTML5 **/
.html5popup-wrapper {
max-width: 900px;
margin: 0 auto;
position: relative;
text-align: left;
vertical-align: middle;
z-index: 505;
}
.mfp-html5video-scaler {
width: 100%;
}
/*** Parallax Slider ***/
.fixsize {
height: 650px !important;
}
.jnpslider .bgslider-holder {
height: 100%;
position: relative;
width: 100%;
}
.jnpslider .bgslider {
background-position: center 0;
background-size: cover;
height: 100%;
opacity: 0;
position: absolute;
width: 100%;
}
.jnpslider .text-holder {
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 5;
}
.jnpslider .text-wrapper {
display: none;
position: absolute;
top: 0;
width: 100%;
z-index: 3;
}
.jnpslider .jcontainer.center, .jnpslider .jcontainer.center span {
text-align: center;
}
.parallaxslider .sliderContainer{
opacity: 1;
}
.parallaxslider {
overflow: hidden;
}
.jnpslider h2 {
color: #FFFFFF;
font-size: 36px;
letter-spacing: 2px;
line-height: 45px;
margin: 0 0 20px;
max-width: 700px;
position: relative;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.jnpslider .slider-alternate {
color: #FFFFFF;
font-size: 22px;
line-height: 34px;
margin-bottom: 30px;
margin-top: 15px;
padding: 0;
position: relative;
}
.jnpslider h2 strong { font-weight: 600; }
.jnpslider .amp { font-family: 'Playfair Display', Georgia, serif; font-weight: normal; }
.jnpslider .slider-button {
text-align: left;
z-index: 5;
position: relative;
}
.jnpslider .jcontainer.center h2 {
margin-left: auto;
margin-right: auto;
}
.jnpslider:hover .nav-arrows span.nav-arrow-prev {
left: 10px;
}
.jnpslider:hover .nav-arrows span.nav-arrow-next {
right: 10px;
}
.jnpslider .slider-video {
cursor: pointer;
position: relative;
}
.slider-video .imggalitem {
opacity: 1;
}
.additional-slider-video {
display: inline;
margin-left: 10px;
}
.additional-slider-video {
display: none;
}
/*** Overlay Close Button ***/
.roverlayclose {
display: block;
position: absolute;
right: 20px;
top: 20px;
cursor: pointer;
}
.roverlayclose {
color: #fff;
cursor: pointer;
font-family: "FontAwesome";
font-size: 30px;
font-style: normal;
line-height: 50px;
text-align: center;
}
.roverlayclose:before {
content: "\f00d";
}
.creditcontainer {
color: #FFFFFF;
position: absolute;
text-align: center;
width: 100%;
}
.creditcontainer .top {
font-family: 'Playfair Display', Georgia, serif;
font-size: 70px;
font-style: italic;
font-weight: 800;
}
.creditcontainer .name {
font-size: 16px;
font-weight: normal;
letter-spacing: 3px;
margin: 10px 0;
}
.creditcontainer .title {
font-size: 13px;
margin: 0;
padding-bottom: 20px;
padding-top: 50px;
letter-spacing: 4px;
}
.creditcontainer .break {
background: none repeat scroll 0 0 #FFFFFF;
border-radius: 20px;
display: block;
height: 5px;
width: 5px;
margin: 250px auto 150px;
}
.creditaudio {
display: none;
}
/*** Two Rows Top Navigation ***/
.twolinetop {
background-color: #EDEDED;
border-bottom: 1px solid #DDDDDD;
}
.topwrapperabove {
height: 38px;
line-height: 38px;
}
.topnavmsg {
font-family: 'Playfair Display',Georgia,serif;
color: #666;
float: left;
font-style: italic;
line-height: 45px;
margin-left: 20px;
font-size: 13px;
}
.topnavigationwoo .topaccount span, .topnavigationwoo .topcart a, .topnavigation .footsocial a {
color: #757575;
}
.twolinetop .langwrapper, .twolinetop .langwrapper ul li {
line-height: 40px;
height: 40px;
}
/*** Table ***/
table { font-size: 14px; margin-bottom: 1.5em; width: 100%; text-align: center; }
table tr:nth-child(even) { background: #fbfbfb; }
table td { border-bottom: 1px solid #f7f7f7; text-align: center; padding: 5px; vertical-align: middle; }
table th { font-weight: 600; text-align: center; border-top: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; padding: 10px 5px; }
/*** Image Position & Caption ***/
img {height: auto !important; max-width: 100%;}
img.size-auto,
img.size-large,
img.size-medium,
.attachment img { max-width: 100%; height: auto; }
img.alignleft { margin: 0px 20px 18px 0; }
img.alignright { margin: 0px 0 18px 20px; }
img.aligncenter { margin: 0px auto 18px; clear: both; display: block; }
img .size-full { width: 100%!important; }
.gallery img, .mainpage img.wp-smiley { margin: 0; }
.wp-caption { background: #eee; max-width: 100%; margin-bottom: 14px; text-align: center; }
.wp-caption-text { font-style: italic; }
.wp-caption a { border-bottom: none; }
.wp-caption img { margin: 0; max-width: 100%; height: auto; }
.wp-caption.alignleft { margin-right: 20px; }
.wp-caption.alignright { margin-left: 20px; }
.wp-caption.alignnone { width: 100%!important; overflow: hidden; }
.wp-caption.alignnone img { margin: 0 auto; max-width: 100%!important; }
.wp-caption-text { color: #333; font-size: 13px; padding: 8px 0; margin: 0; }
/*** Gallery ***/
.gallery { clear: both; overflow: hidden; width: 100%; margin: 15px 0!important; }
.gallery img { display: block; width: 100%; height: auto; border-width: 1px 2px!important; border-color: transparent!important; }
.gallery .gallery-item { position: relative; overflow: hidden; border-color: transparent; margin: 0!important; }
.gallery .gallery-caption { background: rgba(255,255,255,0.8); color: #333; font-size: 11px; padding: 5px 0; text-align: left; text-indent: 10px; font-style: normal; margin: 0; bottom: -44px; left: 2px; right: 2px; overflow: hidden; position: absolute; text-overflow: ellipsis; white-space: nowrap; width: 100%; transition: all .2s ease; -o-transition: all .2s ease; -moz-transition: all .2s ease; -webkit-transition: all .2s ease; }
.gallery .gallery-item:hover .gallery-caption { bottom: 0; }
.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption { display: none!important; }
.sticky .featured-post:before {
font-family: 'FontAwesome';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f005";
margin-right: 4px;
}
#comments .bypostauthor .coment-box { border-bottom:double medium #ddd;}
.jkreativ table.shop_table td.product-name {
text-align: left;
}
.imggalitem.ajaxload { opacity: 1; }
.calloutinner.text-normal {
text-align: center;
}
.calloutinner .btn {
padding: 12px 24px;
}
.calloutinner.text-normal h3 {
display: inline-block;
margin: 0 20px 0 0;
}
.calloutinner.text-normal .btn {
top: -3px;
position: relative;
}
/*** IOS Slider ***/
.sliderContainer {
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
opacity: 0;
height: 100%;
}
.ioscontainer {
position: relative;
top: 50%;
margin-top: -75px;
}
.iosSlider {
position: relative;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.iosSlider .slider {
width: 100%;
height: 100%;
}
.iosSlider .slider .item {
float: left;
width: 100%;
height: 100% !important;
overflow: hidden;
}
.sliderhold {
cursor: url(../img/drag.png),default !important;
}
.iosSlider .item {
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
text-align: center;
}
.iosSlider .slider .item .text1, .iosSlider .slider .item .text2, .iosSlider .slider .item .text3 {
position: relative;
opacity: 0;
filter: alpha(opacity:0);
}
.item .text1 {
font-size: 32px;
font-weight: normal;
color: #FFFFFF;
max-width: 840px;
margin: 0 auto 20px;
line-height: 45px;
letter-spacing: 1px;
text-shadow:0px 1px 1px rgba(0,0,0,0.2);
}
.slidewrapper .item em {
font-family: "Playfair Display", Georgia, serif;
font-style: normal;
font-weight: normal;
}
.item .text2 {
color: #FFFFFF;
font-size: 22px;
font-weight: 300;
font-style: italic;
font-family: 'Playfair Display', Georgia, serif;
line-height: 30px;
right: 0;
max-width: 760px;
margin: 0 auto 30px;
text-shadow:0px 1px 1px rgba(0,0,0,0.2);
padding: 0;
}
.item .text3 {
cursor: pointer;
display: block;
margin-top: 10px;
}
.iosSlider .navigation > div {
background: white;
height: 80px;
margin-top: -80px;
position: absolute;
top: 50%;
width: 40px;
font-family: "FontAwesome";
color: #333;
font-size: 30px;
line-height: 80px;
text-align: center;
opacity: 0.2;
}
.iosSlider .navigation > div.prev-slide { left: 0; }
.iosSlider .navigation > div.next-slide { right: 0; }
.iosSlider .navigation > div.prev-slide:before { content: "\f104"; }
.iosSlider .navigation > div.next-slide:before { right: 20px; content: "\f105"; }
.navigationdot {
bottom: 40px;
position: absolute;
text-align: center;
width: 100%;
z-index: 1000;
cursor: pointer;
}
.slide-dot {
background-color: white;
display: inline-table;
height: 10px;
margin: 0 3px;
width: 10px;
border-radius: 5px;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
.slide-dot.selected {
background-color : #cd9a66;
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/*** IOS Slider Animation ***/
.iosSlider .slider .item .text1 {
opacity: 0;
left: -100px;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.iosSlider .slider .item.activeslide .text1 {
opacity: 1;
left: 0px;
}
.iosSlider .slider .item .text2 {
opacity: 0;
right: -100px;
-webkit-transition: all 0.2s ease 0.2s;
-moz-transition: all 0.2s ease 0.2s;
-o-transition: all 0.2s ease 0.2s;
transition: all 0.2s ease 0.2s;
}
.iosSlider .slider .item.activeslide .text2 {
opacity: 1;
right: 0px;
}
.iosSlider .slider .item .text3 {
opacity: 0;
top: 30px;
-webkit-transition: all 0.4s ease 0.4s;
-moz-transition: all 0.4s ease 0.4s;
-o-transition: all 0.4s ease 0.4s;
transition: all 0.4s ease 0.4s;
}
.iosSlider .slider .item.activeslide .text3 {
opacity: 1;
top: 0;
}
/*** Slider Button ***/
.slider-button .button-text {
color: white;
font-size: 14px;
font-style: normal;
text-transform: uppercase;
letter-spacing: 2px;
-webkit-transition: all 0.65s;
-moz-transition: all 0.65s;
transition: all 0.65s;
}
.slider-button, .text-slider .btn {
padding: 8px 20px;
border: 2px solid rgba(255,255,255, 0.8);
position: relative;
display: inline-block;
outline: none;
z-index: 5;
}
.text-slider .btn {font-size: 15px; line-height: 1.8em;}
.slider-button:after, .text-slider .btn:after {
width: 0%;
height: 100%;
top: 0;
left: 0;
background: #fff;
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.slider-button:hover, .slider-button:active,
.text-slider .btn:hover, .text-slider .btn:active {
border-color:#fff;
color: rgba(0,0,0,0.7);
}
.slider-button:hover .button-text,
.slider-button:active .button-text{
color: rgba(0,0,0,0.7);
}
.slider-button:hover:after, .slider-button:active:after,
.text-slider .btn:hover:after, .text-slider .btn:active:after {
width: 100%;
}
/*** Slider ***/
.portfolio-slider-holder {
position: relative;
top: 0;
left: 0;
overflow: hidden;
width: 100%;
height: 100%;
}
.portfolio-slider-holder img {
-webkit-transition: opacity 0.5s ease-in-out;
-moz-transition: opacity 0.5s ease-in-out;
-o-transition: opacity 0.5s ease-in-out;
-ms-transition: opacity 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out;
}
.portfolio-slider-holder .loaded {
opacity: 1 !important;
position: relative;
}
.portfolio-slider-holder .notloaded {
opacity: 0;
}
.portfolio-content-holder {
height: 100%;
position: relative;
overflow: hidden;
background-image: url("../img/loading.gif");
background-size: 40px 40px;
background-position: center center;
background-repeat: no-repeat;
}
.portfoliovideo-wrapper {
position: relative;
height: 100%;
width: 100%;
}
.portfolio-slider-holder .slider {
width: 100%;
height: 100%;
}
.portfolio-slider-holder .slider .item {
float: left;
width: 100%;
height: 100%;
}
.portfolio-content-holder .video-container, .fsvideo .video-container {
position: static;
}
.portfolio-content-slider {
float: left;
height: 100%;
overflow: hidden;
width: 100%;
}
.portfolio-content-wrapper {
background-color: #FFFFFF;
height: 100%;
position: absolute;
left: 100%;
width: 30%;
z-index: 3;
overflow: auto;
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 25px rgba(0, 0, 0, .15),0 0 8px rgba(0, 0, 0, 0.2);
}
.portfolio-content-wrapper, .portfolio-content-wrapper-inner {
-webkit-overflow-scrolling: touch;
}
.video-container {
height: 0;
overflow: hidden;
padding-bottom: 56%;
position: relative;
}
.html5-video-container {
height: 100%;
width: 100%;
display: block;
}
.video-container iframe, .video-container object, .video-container embed, .video-container video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/*** Fullwidth Map ***/
.fullwidthmapwrapper {
width: 100%;
height: 550px;
position: relative;
}
/*** Ken Burn ***/
#kenburns-slideshow {
position: relative;
width:100%;
height: 100%;
background-color:#666;
z-index: 1;
overflow: hidden;
}
.kb-slide{
position: absolute;
z-index: 1;
opacity: 0;
top: 0;
left: 0;
height: 100%;
width: 100%;
}
.kb-slide img {
height: inherit;
max-width: inherit;
position: absolute;
}
.kb-overlay {
bottom: 0;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
width: 100%;
z-index: 6;
}
.kenburntext {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.kenburntextcontent {
bottom: 40px;
left: 40px;
position: absolute;
padding-right: 20px;
top: auto;
z-index: 8;
}
.kenburntextcontent.item .text1, .kenburntextcontent.item .text2 {
margin: 0;
}
.kenburntextcontent.item .text1 {
font-size: 36px;
}
.kenburntextcontent.item .text2 {
font-size: 21px;
margin: 1em 0 1.6em;
}
.kenburntextcontent > div {
opacity: 0;
}
.kenburntextwrapper {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 8;
}
.kennav {
position: absolute;
right: 20px;
top: 20px;
display: none;
z-index: 5;
}
.noheadermenu .kennav {
top: 20px;
}
.kennav > ul {
list-style: none;
margin: 0;
padding: 0;
}
.kennav li {
background: #FFFFFF;
border-radius: 26px;
color: #333333;
cursor: pointer;
float: left;
font-size: 9px;
font-style: italic;
height: 23px;
line-height: 22px;
margin: 0 3px;
text-align: center;
width: 22px;
}
.kennav li.active {
background: black;
color: white;
}
/*** Blog Masonry ***/
.blog-masonry-wrapper {
padding-top: 12px;
padding-left: 12px;
padding-right: 12px;
}
.blog-masonry-wrapper .isotopewrapper {
padding-bottom: 10px;
overflow: inherit !important;
}
.article-image {
padding-bottom: 15px;
position: relative;
}
.article-masonry-container {
opacity: 0;
}
.article-masonry-box, .article-normal-box {
position: relative;
width: auto;
display: block;
margin: 10px;
}
.article-masonry-box-ads {
text-align: center;
}
.article-masonry-box-ads img {
width: 100%;
}
.article-masonry-ads-text {
background: #f0f0f0;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 11px;
margin: -20px -20px 15px;
padding-bottom: 5px;
padding-top: 5px;
text-align: center;
}
.article-masonry-box-ads a {
display: block;
margin-bottom: 20px;
margin-top: 20px;
}
.article-category > a {
font-size: 10px;
font-style: normal;
text-transform: uppercase;
}
.article-masonry-wrapper {
padding: 20px 20px 0;
margin-top: 0;
}
.article-normal-wrapper {
padding: 0 15px;
margin-top: 20px;
}
.article-masonry-box h2, .article-normal-box h2 {
font-size: 19px;
line-height: 26px;
margin-bottom: 10px;
margin-top: 0;
text-align: center;
}
.article-masonry-wrapper h2 a, .article-normal-wrapper h2 a {
font-size: 20px;
font-style: normal;
color: #444444;
text-transform: uppercase;
}
.article-masonry-box {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.article-masonry-box .article-meta {
font-size: 12px;
margin-bottom: 12px;
text-align: center;
}
.article-masonry-box a {
text-decoration: none;
}
.article-image img {
display: block;
height: auto;
width: 100%;
}
.article-masonry-summary {
background: #fbfbfb;
border-top: 1px dotted #ededed;
color: #333333;
margin: 20px -20px 0;
padding: 0 30px 25px;
text-align: center;
}
.article-masonry-summary p {
margin-bottom: 0;
margin-top: 20px;
color: #666;
}
.article-masonry-meta-wrapper {
background: transparent;
border-top: 1px dotted #ededed;
font-size: 12px;
line-height: 24px;
margin-left: -20px;
margin-right: -20px;
padding: 12px 20px;
}
.article-comment {
font-size: 12px;
margin-top: 10px;
text-align: right;
}
.article-masonry-container .fotorama__nav-wrap {
margin-bottom: 15px;
}
.article-masonry-container [data-type="youtube"],
.article-masonry-container [data-type="vimeo"],
.article-masonry-container [data-type="soundcloud"],
.article-masonry-container [data-type="html5video"] {
margin-bottom: 15px;
}
.article-masonry-container [data-type="html5video"] .mejs-overlay-button {
background-size: 50px;
background-repeat: no-repeat;
height: 50px;
width: 50px;
margin: -25px 0 0 -25px;
margin-top: -10px !important;
}
.article-masonry-container .mejs-overlay:hover .mejs-overlay-button {
background-position: 0 -50px;
}
/*** Article Masonry Quote ***/
.article-quote-container .article-masonry-wrapper { margin-bottom: 0 }
.article-quote-container .article-normal-wrapper { margin-bottom: 20px }
.article-quote-wrapper {
background: #333333;
padding: 20px;
margin-bottom: 20px;
font-size: 20px;
color: white;
}
.article-normal-container .article-quote-wrapper {
font-size: 30px;
}
.article-quote-wrapper quote {
color: #FFFFFF;
display: block;
font-size: 22px;
font-style: italic;
font-weight: normal;
line-height: 30px;
padding-bottom: 20px;
}
.article-normal-container quote {
text-align: center;
}
.article-quote-wrapper .article-meta {
color: #FFFFFF;
margin-bottom: 0;
text-align: right;
font-size: 14px;
}
.article-quote-valign {
vertical-align: middle !important;
}
.article-quote-wrapper a:hover {color: inherit; text-decoration: underline;}
.article-sidebar .article-quote-wrapper {
text-align: left;
}
.article-sidebar .article-quote-wrapper quote {
font-size: 20px;
}
/*** Article Masonry Head ***/
.article-head-container {
width: 100% !important;
}
.article-head-container .article-masonry-wrapper {
margin: 0;
padding: 20px;
}
.article-head-wrapper {
background: none repeat scroll 0 0 #333333;
color: #FFFFFF;
font-size: 18px;
line-height: 1.5;
padding: 40px 0;
text-align: center;
}
.article-head-wrapper b {
}
/*** Blog Normal Wrapper **/
.blog-normal-wrapper {
overflow: hidden;
width: 100%;
padding-top: 42px;
max-width: 1550px;
position: relative;
z-index: 1;
}
.horizontalnav .blog-normal-wrapper {
border-left: 1px solid #ddd;
margin: 0 auto;
}
.blog-normal-article .article-header h2, .blog-normal-article .article-header h1 {
font-weight: 600;
}
.blog-big-wrapper {
width: auto;
margin-right: 40px;
background: #fdfdfd;
border-right: 1px solid #ddd;
}
.blog-main-content {
width: 75%;
background-color: white;
float: left;
position: relative;
}
.blog-right-content {
position: relative;
width: 25%;
float: left;
}
.article-inner-wrapper {
position: relative;
}
.blog-normal-article .article {
padding: 20px 30px 20px 30px;
}
.blog-normal-article, .comment-container {
width: 100%;
position: relative;
-webkit-transition: background 1s ease-out;
-moz-transition: background 1s ease-out;
-o-transition: background 1s ease-out;
-ms-transition: background 1s ease-out;
transition: background 1s ease-out;
}
.blog-normal-article {
border-bottom: 1px solid #eee;
}
.single-post .blog-normal-article:hover {
background: none;
}
.single-post .featured {
margin-bottom: 25px;
}
.blog-normal-wrapper .article > .featured {
margin-bottom: 25px;
}
.article-header {
margin-top: 10px;
display: block;
margin-bottom: 20px;
clear: both;
text-align: left;
}
.single-post .blog-normal-article:hover .insetshadow img {
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
}
.blog-normal-article .featured img {
width: 100% !important;
}
.insetshadow {
display:block;
position:relative;
overflow: hidden;
}
.insetshadow img {
display:block;
}
.insetshadow:before {
display:block;
content:'';
position:absolute;
width:100%;
height:100%;
z-index: 2;
-moz-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.2);
}
.blog-normal-article:hover .insetshadow img {
transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
-webkit-transform: scale(1.2);
-webkit-transition: all 20s ease-out;
-moz-transition: all 20s ease-out;
-o-transition: all 20s ease-out;
-ms-transition: all 20s ease-out;
transition: all 20s ease-out;
}
.blog-normal-article .insetshadow img {
transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
-webkit-transform: scale(1);
-webkit-transition: all 2s ease-out;
-moz-transition: all 2s ease-out;
-o-transition: all 2s ease-out;
-ms-transition: all 2s ease-out;
transition: all 2s ease-out;
}
.article-header h2, .article-header h1 {
font-style: normal;
margin-bottom: 5px;
margin-top: 0;
text-transform: uppercase;
letter-spacing: 1px;
}
.single-post .blog-normal-article .article-header h2 {
letter-spacing: 1px;
}
.blog-normal-article .meta-top {
font-size: 11px;
display: block;
margin-bottom: 15px;
color: #999;
text-transform: uppercase;
letter-spacing: 2px;
line-height: 1.8em;
}
.blog-normal-article .article-masonry-meta-wrapper {
border-top: 1px solid #E0E0E0;
background-color: rgba(0, 0, 0, 0);
margin-left: 0;
margin-right: 0;
margin-top: 20px;
padding-bottom: 10px;
padding-left: 0;
padding-right: 0;
width: 100%;
}
.blog-normal-article .featured h2 {
margin-top: 0px;
}
.blog-normal-article .article-share {
max-width: 60px;
width: 60px;
margin: 0px 10px 0 10px;
position: absolute;
text-align: center;
top: 0;
overflow: hidden;
}
.blog-normal-article .share-wrapper {
position: relative;
display: block;
}
.blog-normal-article .article-wrapper {
margin-left: 80px;
padding: 0 20px 0 40px;
min-height: 315px;
border-left: 1px solid #e0e0e0;
}
.blog-normal-article .readmore,
.article-masonry-summary .readmore {
display: block;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
margin-top: 10px;
}
.blog-normal-article .readmore {
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
margin-top: 15px;
}
.hideshare .blog-normal-article .article-wrapper {
min-height: 0;
border-left: none;
margin-left: 0;
padding-left: 10px;
}
.blog-normal-article .article-content {
margin-top: 20px;
}
.blog-normal-article .article-quote-wrapper quote,
.clean-blog-article .article-quote-wrapper quote {
font-family: 'Playfair Display', Georgia, serif;
font-size: 23px;
font-style: italic;
font-weight: normal;
}
.article-quote-wrapper quote sup {font-style: italic;}
.article-quote-wrapper quote span {
margin: 0 5px;
font-family: 'Playfair Display', Georgia, serif;
}
.article-slider-wrapper .article-image-slider {
display: none;
}
.article-slider-wrapper.loading {
background: url("../img/loading.gif") no-repeat scroll 10px 10px white;
background-size: 40px;
border-radius: 30px 30px 30px 30px;
display: block;
height: 60px;
left: 50%;
margin-bottom: 50px;
margin-left: -30px;
margin-top: 50px;
opacity: 0.7;
position: relative;
top: 50%;
width: 60px;
}
/*** Blog Sidebar ***/
.blog-right-content-wrapper {
position: relative;
display: block;
width: auto;
height: 100%;
border-left: 1px solid #ddd;
}
.blog-main-content .blog-right-content-float {
background-color: #fff;
}
.blog-right-content .blog-right-content-float {
background-color: #f9f9f9;
}
.blog-right-content-float {
background: #FFF;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
height: 9999em;
left: 0;
top: 0;
position: absolute;
width: 100%;
z-index: -1;
}
.blog-side-space {
display: block;
height: 100%;
padding-right: 40px;
position: absolute;
right: 0;
top: 0;
}
.blog-sidebar {
padding-top: 15px;
}
.blog-sidebar-title h3:after {
border-color: transparent transparent transparent #ccc;
border-style: solid;
border-width: 0 0 10px 14px;
content: " ";
display: block;
height: 0;
width: 0;
position: absolute;
right: -1px;
top: 100%;
}
.blog-sidebar-title {
margin: -25px -25px 25px;
}
.blog-sidebar-title h3 {
background-color: #F2F2F2;
color: #666;
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
font-size: 14px;
font-weight: bold;
height: 42px;
line-height: 42px;
margin: 0 -15px 0 0;
padding-left: 20px;
position: relative;
text-transform: uppercase;
letter-spacing: 0.5px;
border: 1px solid #ccc;
border-left: none;
}
.blog-sidebar-content {
padding: 25px;
}
.portfoliosidebarmeta.withcontent {
border-top: 1px solid #DDDDDD;
margin: 20px 0;
}
.portfoliosidebarmeta.withcontent > ul {
margin: 25px 0;
}
.portfoliosidebarmeta > ul {
list-style: none outside none;
margin: 5px 0 25px;
padding: 0;
}
.portfoliosidebarmeta li {
list-style: none outside none;
}
.portfoliosidebarmeta strong {
font-size: 14px;
font-weight: bold;
letter-spacing: 0.5px;
line-height: 20px;
text-transform: uppercase;
color: #333;
font-style: normal;
}
.portfoliosidebarmeta span {
margin-left: 5px;
}
.portfoliosidebarmeta li {
margin-bottom: 10px;
}
/*** Advertisement Post-Type ***/
.blog-sidebar-square-ads {
text-align: center;
}
.blog-sidebar-square-ads img {
width: 100%;
}
/*** Flickr Widget ***/
.imagelist {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.imagelist li {
float: left;
margin: 7px;
border-radius: 5px;
overflow: hidden;
display: block;
max-width: 66px;
}
/*** Article Widget ***/
.article-sidebar-container {
margin-bottom: 20px;
display: block;
}
.article-sidebar {
background: white;
border: 1px solid #ddd;
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
padding: 15px;
text-align: center;
margin-bottom: 25px;
}
.article-sidebar .article-category {
font-size: 12px;
color: #aaa;
font-style: italic;
font-family: 'Playfair Display', Georgia, serif;
}
.article-sidebar h2 {
line-height: 1;
margin-bottom: 15px;
margin-top: 2px;
}
.article-sidebar h2 a {
font-style: normal;
color: #333;
line-height: 25px;
font-size: 18px;
text-transform: uppercase;
}
.article-sidebar .article-meta {
font-size: 11px;
text-transform: uppercase;
letter-spacing: 1px;
color: #8c8c8c;
}
.blog-sidebar-content > ul {
margin: 0;
padding-left: 20px;
}
/*** Facebook Like Box ***/
#fb-root {
display: none;
}
.fb_iframe_widget, .fb_iframe_widget span, .fb_iframe_widget span iframe[style] {
width: 100% !important;
}
/*** Calender Widget ***/
#wp-calendar {
margin: 0;
text-align: center;
width: 100%;
}
#wp-calendar caption {
line-height: 35px;
background: #fbfbfb;
border: 1px solid #dcdcdc;
border-bottom: 0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold;
}
table th {
color: #5F5F5F;
font-size: 13px;
font-weight: normal;
padding: 5px 4px;
}
table#wp-calendar th {
background: #f4f4f4;
font-size: 10px;
font-weight: bold;
padding: 0;
border: 1px solid #dcdcdc;
text-shadow: 1px 1px 0 #F4F4F4;
}
table#wp-calendar td {
background: #fff;
border: 1px solid #dcdcdc;
box-shadow: none;
padding: 4px;
text-shadow: 1px 1px 0 #FFFFFF;
}
table#wp-calendar td:hover {
background: inherit;
}
table#wp-calendar td a {
display: block;
}
table#wp-calendar td a:hover {
color: #222;
text-shadow: 0;
cursor: pointer;
}
/*** Search Box ***/
.blog-sidebar #searchform {
margin: 0 40px 0 0;
position: relative;
}
.blog-sidebar #searchform label {
display: none;
}
#searchform input[type="text"] {
font-size: 90%;
margin-bottom: 5px;
padding-left: 32px;
width: 100%;
}
#searchform:before {
position: relative;
margin-right: -28px;
color: #ccc;
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f002";
}
.notfound form#searchform {margin: 0}
.notfound #searchform input[type="text"] {
margin-bottom: 30px;
margin-top: 20px;
width: 220px;
}
.blog-sidebar #searchform input[type="submit"] {
display: none;
}
.blog-sidebar #searchform #s {
}
/*** Widget: Search ***/
.widget_search input {margin: 0}
/*** Widget Recent Post ***/
.widget_recent_entries .post-date {
display: block;
font-size: 12px;
color: #9f9f9f;
}
/*** Twitter Widget ***/
.jeg-twitter-container {
font-size: 14px;
text-align: center;
font-style: italic;
}
.jeg-tweets {display: block; overflow: hidden}
.jeg-tweets ul {list-style:none; margin:0 !important; padding: 0 !important;}
.jeg-tweet-time {font-size: 10px; font-style: normal; color: #999; display: block; text-transform: uppercase; letter-spacing: 1px; margin-top: 5px;}
.jeg-follow-button {display: block; margin-top:15px;}
.jeg-follow-button:before {
display: block;
content: " ";
width: 40%;
height: 1px;
margin: 10px auto 20px;
border-top: 1px solid #ddd;
}
/*** Blog Pagination ***/
.blognormalpaging {
position: relative;
z-index: 3;
}
.pagewrapper .blognormalpaging.blogpagingholder {
margin-top: 15px;
margin-bottom: 15px;
}
/*** Blog Comment ****/
.nopassword {
border-bottom: 1px solid #EEEEEE;
padding: 20px 20px 30px;
}
.comment-container, #disqus_thread {
padding: 30px 40px 50px;
width: auto;
}
.blog-clean .comment-container {padding: 20px 0}
.blog-clean .coment-box-inner {padding:0 0 15px}
.blog-clean .comment-form-comment, .blog-clean .comment-respond {margin:0;}
.blog-clean #reply-title {margin-top: 0;}
.blog-clean .comment-box-reply {margin: 15px 0 30px 0;}
.comment-moderation-text {color: #9b9b9b}
.comment-container hr {
border-top: 1px solid #E2E2E2;
}
#comments > h2 {
font-size: 16px;
letter-spacing: 0;
line-height: 20px;
margin-bottom: 30px;
text-align: left;
text-transform: uppercase;
}
.comment-container ul, .comment-container li {
list-style: none;
margin: 0;
padding: 0;
}
.comment-container ul.children {
margin-left: 40px;
}
.coment-box-inner {
padding: 10px 0 10px;
}
.comment-autor {
float: left;
margin-right: 20px;
}
.coment-box {
margin-bottom: 20px;
border-bottom: 1px solid #E7E7E7;
}
.addby {
font-size: 14px;
text-transform: uppercase;
}
.replycomment, .closecommentform {
display: list-item;
color: #CD9A66;
cursor: pointer;
float: right;
font-size: 12px;
list-style: square;
padding-right: 5px;
padding-top: 2px;
}
.closecommentform {
display: none;
}
span.liststyle {
display: list-item;
}
.addby .authorcomment {
color: #333333;
font-weight: bold;
letter-spacing: 1px;
display: inline-block;
padding-right: 10px;
}
.authorcomment a {
font-style: normal;
font-weight: bold;
}
.addtime {
color: #7F7F7F;
font-size: 12px;
font-style: italic;
}
.comment-text {
margin-left: 100px;
margin-top: 10px;
}
.comment-form-author, .comment-form-email , .comment-form-url{
float: left;
width: 33%;
}
.comment-input-wrapper, .comment-author-wrapper {
display: block;
margin-right: 30px;
}
.comment-input-wrapper input {
width: 100%;
}
.comment-form-comment textarea {
width: 100%;
}
.comment-form-comment {
clear: both;
margin-right: 10px;
}
.comment-form-url .comment-input-wrapper {
margin-right: 0;
}
.comment-textarea-wrapper {
margin-right: 10px;
}
#respond > h3 {
clear: both;
font-size: 18px;
margin-left: 0;
padding-left: 0;
text-transform: uppercase;
}
#respond label {
color: #666;
}
.comment-notes {
color: #666666;
}
.comment-respond {
margin-top: 10px;
}
.form-allowed-tags {
color: #999999;
font-size: 85%;
line-height: 1.65em;
margin-bottom: 3em;
}
/*** 404 ***/
.notfound h1 {
border-bottom: 1px dashed #CCCCCC;
font-size: 120px;
margin: 0 auto 0.5em;
padding: 30px 0;
text-align: center;
}
.notfoundsec {
text-align: center;
padding-bottom: 30px;
}
.notfoundtext {
font-family: 'Playfair Display', Georgia, serif;
font-size: 24px;
font-style: italic;
line-height: 1.8em;
color: #999;
}
/*** End 404 ***/
/**** Row Fluid *****/
.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
display: block;
float: left;
width: 100%;
min-height: 30px;
margin-left: 2.564102564102564%;
*margin-left: 2.5109110747408616%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
margin-left: 2.564102564102564%;
}
.row-fluid .span12, .span12 {
width: 100%;
*width: 99.94680851063829%;
}
.row-fluid .span11, .span11 {
width: 91.45299145299145%;
*width: 91.39979996362975%;
}
.row-fluid .span10, .span10 {
width: 82.90598290598291%;
*width: 82.8527914166212%;
}
.row-fluid .span9 , .span9{
width: 74.35897435897436%;
*width: 74.30578286961266%;
}
.row-fluid .span8, .span8 {
width: 65.81196581196582%;
*width: 65.75877432260411%;
}
.row-fluid .span7 , .span7{
width: 57.26495726495726%;
*width: 57.21176577559556%;
}
.row-fluid .span6, .span6 {
width: 48.717948717948715%;
*width: 48.664757228587014%;
}
.row-fluid .span5, .span5 {
width: 40.17094017094017%;
*width: 40.11774868157847%;
}
.row-fluid .span4, .span4 {
width: 31.623931623931625%;
*width: 31.570740134569924%;
}
.row-fluid .span3, .span3 {
width: 23.076923076923077%;
*width: 23.023731587561375%;
}
.row-fluid .span2, .span2 {
width: 14.52991452991453%;
*width: 14.476723040552828%;
}
.row-fluid .span1, .span1 {
width: 5.982905982905983%;
*width: 5.929714493544281%;
}
.row-fluid .offset12 {
margin-left: 105.12820512820512%;
*margin-left: 105.02182214948171%;
}
.row-fluid .offset12:first-child {
margin-left: 102.56410256410257%;
*margin-left: 102.45771958537915%;
}
.row-fluid .offset11 {
margin-left: 96.58119658119658%;
*margin-left: 96.47481360247316%;
}
.row-fluid .offset11:first-child {
margin-left: 94.01709401709402%;
*margin-left: 93.91071103837061%;
}
.row-fluid .offset10 {
margin-left: 88.03418803418803%;
*margin-left: 87.92780505546462%;
}
.row-fluid .offset10:first-child {
margin-left: 85.47008547008548%;
*margin-left: 85.36370249136206%;
}
.row-fluid .offset9 {
margin-left: 79.48717948717949%;
*margin-left: 79.38079650845607%;
}
.row-fluid .offset9:first-child {
margin-left: 76.92307692307693%;
*margin-left: 76.81669394435352%;
}
.row-fluid .offset8 {
margin-left: 70.94017094017094%;
*margin-left: 70.83378796144753%;
}
.row-fluid .offset8:first-child {
margin-left: 68.37606837606839%;
*margin-left: 68.26968539734497%;
}
.row-fluid .offset7 {
margin-left: 62.393162393162385%;
*margin-left: 62.28677941443899%;
}
.row-fluid .offset7:first-child {
margin-left: 59.82905982905982%;
*margin-left: 59.72267685033642%;
}
.row-fluid .offset6 {
margin-left: 53.84615384615384%;
*margin-left: 53.739770867430444%;
}
.row-fluid .offset6:first-child {
margin-left: 51.28205128205128%;
*margin-left: 51.175668303327875%;
}
.row-fluid .offset5 {
margin-left: 45.299145299145295%;
*margin-left: 45.1927623204219%;
}
.row-fluid .offset5:first-child {
margin-left: 42.73504273504273%;
*margin-left: 42.62865975631933%;
}
.row-fluid .offset4 {
margin-left: 36.75213675213675%;
*margin-left: 36.645753773413354%;
}
.row-fluid .offset4:first-child {
margin-left: 34.18803418803419%;
*margin-left: 34.081651209310785%;
}
.row-fluid .offset3 {
margin-left: 28.205128205128204%;
*margin-left: 28.0987452264048%;
}
.row-fluid .offset3:first-child {
margin-left: 25.641025641025642%;
*margin-left: 25.53464266230224%;
}
.row-fluid .offset2 {
margin-left: 19.65811965811966%;
*margin-left: 19.551736679396257%;
}
.row-fluid .offset2:first-child {
margin-left: 17.094017094017094%;
*margin-left: 16.98763411529369%;
}
.row-fluid .offset1 {
margin-left: 11.11111111111111%;
*margin-left: 11.004728132387708%;
}
.row-fluid .offset1:first-child {
margin-left: 8.547008547008547%;
*margin-left: 8.440625568285142%;
}
.alignleft {
float: left !important;
margin-left: 0 !important;
margin-right: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.alignright {
float: right !important;
margin-left: 20px;
margin-top: 10px;
margin-bottom: 10px;
}
.aligncenter {
display: block;
float: none !important;
margin-left: auto;
margin-right: auto;
}
/*** Drop Caps ***/
.dropcaps {
float: left;
font-family: 'Playfair Display', Georgia, serif;
font-size: 54px;
line-height: 0.85;
margin-right: 0.3em;
padding-bottom: 0.3em;
position: relative;
text-transform: uppercase;
top: 6px;
}
/*** Block Quote ***/
.pull-right {
float: right !important;
padding-right: 15px;
padding-left: 20px;
}
.pull-left {
float: left !important;
padding-right: 20px;
padding-left: 15px;
}
blockquote {
padding: 0px 20px 10px !important;
margin: 0 0 20px !important;
border-left: 5px solid rgba(0,0,0,0.05);
}
blockquote p {
font-size: 17.5px;
font-weight: 300;
margin-top: 6px;
margin-bottom: 10px;
line-height: 1.6em;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
}
blockquote small {
display: block;
line-height: 1.428571429;
color: #999999;
}
blockquote small:before {
content: '\2014 \00A0';
}
blockquote:after {
content: '';
display: block;
clear: both;
}
blockquote.pull-right {
border-right: 5px solid #eeeeee;
border-left: 0;
}
blockquote.pull-right p, blockquote.pull-right small {
text-align: right;
}
/*** Image Slider ***/
.slider-inside-post {
margin-top: 20px;
margin-bottom: 20px;
}
/*** Alert & Infobox ***/
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
}
.alert-success {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-info {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-warning {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
.alert-danger {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.alert-dismissable .close {
position: relative;
color: inherit;
}
.alert strong {margin-right: 0.75em;}
button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}
.close:hover, .close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.5;
filter: alpha(opacity=50);
}
/*** Highlight ***/
.highlight {
border-radius: 2px;
padding: 2px 6px;
background-color: #000000;
color: #FFFFFF;
font-style: normal;
font-family: "Lato", "Helvetica Neue", Arial, sans-serif;
}
.highlight:hover {
color: #fff;
}
/*** Tooltips **/
.tooltip {
display: block;
font-size: 12px;
line-height: 1.4;
opacity: 0;
position: absolute;
visibility: visible;
z-index: 1030;
}
.tooltip.in {
opacity: 0.9;
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
background-color: #000000;
color: #FFFFFF;
max-width: 200px;
padding: 8px 15px;
text-align: center;
text-decoration: none;
border-radius: 2px;
}
.tooltip-arrow {
border-color: rgba(0, 0, 0, 0);
border-style: solid;
height: 0;
position: absolute;
width: 0;
}
.tooltip.top .tooltip-arrow {
border-top-color: #000000;
border-width: 5px 5px 0;
bottom: 0;
left: 50%;
margin-left: -5px;
}
.tooltip.top-left .tooltip-arrow {
border-top-color: #000000;
border-width: 5px 5px 0;
bottom: 0;
left: 5px;
}
.tooltip.top-right .tooltip-arrow {
border-top-color: #000000;
border-width: 5px 5px 0;
bottom: 0;
right: 5px;
}
.tooltip.right .tooltip-arrow {
border-right-color: #000000;
border-width: 5px 5px 5px 0;
left: 0;
margin-top: -5px;
top: 50%;
}
.tooltip.left .tooltip-arrow {
border-left-color: #000000;
border-width: 5px 0 5px 5px;
margin-top: -5px;
right: 0;
top: 50%;
}
.tooltip.bottom .tooltip-arrow {
border-bottom-color: #000000;
border-width: 0 5px 5px;
left: 50%;
margin-left: -5px;
top: 0;
}
.tooltip.bottom-left .tooltip-arrow {
border-bottom-color: #000000;
border-width: 0 5px 5px;
left: 5px;
top: 0;
}
.tooltip.bottom-right .tooltip-arrow {
border-bottom-color: #000000;
border-width: 0 5px 5px;
right: 5px;
top: 0;
}
/*** Panel Accordion ***/
.panel {
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 2px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
padding: 15px;
}
.panel-body:before,
.panel-body:after {
display: table;
content: " ";
}
.panel-body:after {
clear: both;
}
.panel-body:before,
.panel-body:after {
display: table;
content: " ";
}
.panel-body:after {
clear: both;
}
.panel > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item {
border-width: 1px 0;
}
.panel > .list-group .list-group-item:first-child {
border-top-right-radius: 0;
border-top-left-radius: 0;
}
.panel > .list-group .list-group-item:last-child {
border-bottom: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.panel > .table {
margin-bottom: 0;
}
.panel > .panel-body + .table {
border-top: 1px solid #dddddd;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #dddddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel-group .panel {
margin-bottom: 0;
overflow: hidden;
border-radius: 2px;
}
.accordion-toggle {
font-style: normal;
color: #333;
text-transform: uppercase;
display: block;
letter-spacing: 1px;
font-size: 14px;
outline: none;
-moz-outline: none;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #dddddd;
}
.panel-default {
border-color: #dddddd;
}
.panel-default > .panel-heading {
color: #333333;
background-color: #f5f5f5;
border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #dddddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #dddddd;
}
.panel-primary {
border-color: #428bca;
}
.panel-primary > .panel-heading {
color: #ffffff;
background-color: #428bca;
border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #428bca;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #468847;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-warning {
border-color: #fbeed5;
}
.panel-warning > .panel-heading {
color: #c09853;
background-color: #fcf8e3;
border-color: #fbeed5;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
border-top-color: #fbeed5;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #fbeed5;
}
.panel-danger {
border-color: #eed3d7;
}
.panel-danger > .panel-heading {
color: #b94a48;
background-color: #f2dede;
border-color: #eed3d7;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
border-top-color: #eed3d7;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #eed3d7;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #3a87ad;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #bce8f1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
transition: height 0.35s ease;
}
/*** Tabs ***/
.nav {
list-style: none outside none;
margin-bottom: 0;
padding-left: 0;
}
.nav:before, .nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav:before, .nav:after {
content: " ";
display: table;
}
.nav:after {
clear: both;
}
.nav > li {
display: block;
position: relative;
}
.nav > li > a {
display: block;
padding: 10px 15px;
position: relative;
}
.nav > li > a:hover, .nav > li > a:focus {
background-color: #EEEEEE;
text-decoration: none;
}
.nav > li.disabled > a {
color: #999999;
}
.nav > li.disabled > a:hover, .nav > li.disabled > a:focus {
background-color: rgba(0, 0, 0, 0);
color: #999999;
cursor: not-allowed;
text-decoration: none;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #EEEEEE;
border-color: #428BCA;
}
.nav .nav-divider {
background-color: #E5E5E5;
height: 1px;
margin: 9px 0;
overflow: hidden;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #DDDDDD;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
border: 1px solid transparent;
border-radius: 2px 2px 0 0;
line-height: 1.42857;
margin-right: 2px;
}
.nav-tabs > li > a:hover {
border-color: #EEEEEE #EEEEEE #DDDDDD;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #FFFFFF;
border-color: #DDDDDD #DDDDDD transparent;
border-image: none;
border-style: solid;
border-width: 1px;
color: #555555;
cursor: default;
}
.nav-tabs.nav-justified {
border-bottom: 0 none;
width: 100%;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
text-align: center;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
}
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #DDDDDD;
margin-right: 0;
}
.nav-tabs.nav-justified > .active > a {
border-bottom-color: #FFFFFF;
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 5px 5px 5px 5px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
background-color: #428BCA;
color: #FFFFFF;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-left: 0;
margin-top: 2px;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
text-align: center;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
}
.nav-tabs-justified {
border-bottom: 0 none;
}
.nav-tabs-justified > li > a {
border-bottom: 1px solid #DDDDDD;
margin-right: 0;
}
.nav-tabs-justified > .active > a {
border-bottom-color: #FFFFFF;
}
.tabbable:before, .tabbable:after {
content: " ";
display: table;
}
.tabbable:after {
clear: both;
}
.tabbable:before, .tabbable:after {
content: " ";
display: table;
}
.tabbable:after {
clear: both;
}
.tab-content > .tab-pane, .pill-content > .pill-pane {
display: none;
}
.tab-content > .active, .pill-content > .active {
display: block;
}
.nav .caret {
border-bottom-color: #428BCA;
border-top-color: #428BCA;
}
.nav a:hover .caret {
border-bottom-color: #2A6496;
border-top-color: #2A6496;
}
.nav-tabs .dropdown-menu {
border-top-left-radius: 0;
border-top-right-radius: 0;
margin-top: -1px;
}
.navbar {
border: 1px solid transparent;
margin-bottom: 20px;
min-height: 50px;
position: relative;
z-index: 1000;
}
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
.navbar:before, .navbar:after {
content: " ";
display: table;
}
.navbar:after {
clear: both;
}
@media (min-width: 768px) {
.navbar {
border-radius: 2px;
}
}
.navbar-header:before, .navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
.navbar-header:before, .navbar-header:after {
content: " ";
display: table;
}
.navbar-header:after {
clear: both;
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
border-top: 1px solid transparent;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset;
max-height: 340px;
overflow-x: visible;
padding-left: 15px;
padding-right: 15px;
}
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse:before, .navbar-collapse:after {
content: " ";
display: table;
}
.navbar-collapse:after {
clear: both;
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
border-top: 0 none;
box-shadow: none;
width: auto;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
overflow: visible !important;
padding-bottom: 0;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-collapse .navbar-nav.navbar-left:first-child {
margin-left: -15px;
}
.navbar-collapse .navbar-nav.navbar-right:last-child {
margin-right: -15px;
}
.navbar-collapse .navbar-text:last-child {
margin-right: 0;
}
}
.container > .navbar-header, .container > .navbar-collapse {
margin-left: -15px;
margin-right: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header, .container > .navbar-collapse {
margin-left: 0;
margin-right: 0;
}
}
.navbar-static-top {
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0 0 0 0;
}
}
.navbar-fixed-top, .navbar-fixed-bottom {
border-width: 0 0 1px;
left: 0;
position: fixed;
right: 0;
}
@media (min-width: 768px) {
.navbar-fixed-top, .navbar-fixed-bottom {
border-radius: 0 0 0 0;
}
}
.navbar-fixed-top {
top: 0;
z-index: 1030;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
}
.navbar-brand {
float: left;
font-size: 18px;
line-height: 20px;
padding: 15px;
}
.navbar-brand:hover, .navbar-brand:focus {
text-decoration: none;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
background-color: rgba(0, 0, 0, 0);
border: 1px solid transparent;
border-radius: 2px;
float: right;
margin-bottom: 8px;
margin-right: 15px;
margin-top: 8px;
padding: 9px 10px;
position: relative;
}
.navbar-toggle .icon-bar {
border-radius: 1px 1px 1px 1px;
display: block;
height: 2px;
width: 22px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
line-height: 20px;
padding-bottom: 10px;
padding-top: 10px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
background-color: rgba(0, 0, 0, 0);
border: 0 none;
box-shadow: none;
float: none;
margin-top: 0;
position: static;
width: auto;
}
.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-bottom: 15px;
padding-top: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
}
}
.navbar-form {
border-bottom: 1px solid transparent;
border-top: 1px solid transparent;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
margin: 8px -15px;
padding: 10px 15px;
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
}
.navbar-form .radio, .navbar-form .checkbox {
display: inline-block;
margin-bottom: 0;
margin-top: 0;
padding-left: 0;
}
.navbar-form .radio input[type="radio"], .navbar-form .checkbox input[type="checkbox"] {
float: none;
margin-left: 0;
}
}
/*** Button ***/
.btn, button,
.jkreativ .jkreativ-woocommerce .woocommerce-message a.button {
display: inline-block;
padding: 12px 24px;
font-size: 13px;
font-weight: normal;
line-height: 1.428571429;
text-align: center;
white-space: nowrap;
vertical-align: middle;
cursor: pointer;
border: 1px solid #333;
color: #333;
letter-spacing: 1px;
font-style: normal;
text-transform: uppercase;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
.btn:focus {
outline: thin dotted #333;
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus {
color: #333333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
pointer-events: none;
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.btn-default, button {
color: #333333;
background-color: #ffffff;
border-color: #cccccc;
}
.btn.btn-default:hover,
.btn.btn-default:focus,
.btn.btn-default:active,
.btn.btn-default.active,
.open .dropdown-toggle.btn-default,
button:hover, button:focus, button:active {
color: #333333;
background-color: #ebebeb;
border-color: #adadad;
}
.btn.btn-default:active,
.btn.btn-default.active,
.open .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
background-color: #ffffff;
border-color: #cccccc;
}
.btn.btn-primary {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
color: #ffffff;
background-color: #3276b1;
border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
background-color: #428bca;
border-color: #357ebd;
}
.btn.btn-warning {
color: #ffffff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
color: #ffffff;
background-color: #ed9c28;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn.btn-danger {
color: #ffffff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
color: #ffffff;
background-color: #d2322d;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn.btn-success {
color: #ffffff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
color: #ffffff;
background-color: #47a447;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn.btn-info {
color: #ffffff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
color: #ffffff;
background-color: #39b3d7;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-link {
font-weight: normal;
color: #428bca;
cursor: pointer;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #2a6496;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #999999;
text-decoration: none;
}
.btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.33;
border-radius: 6px;
}
.btn-sm,
.btn-xs {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs {
padding: 1px 5px;
}
.btn-block {
display: block;
width: 100%;
padding-right: 0;
padding-left: 0;
}
.btn-block + .btn-block {
margin-top: 5px;
}
.woocommerce .buttons .btn {
display: inline-block;
padding: 0 18px;
line-height: 30px;
font-size: 11px;
letter-spacing: 0;
}
.woocommerce .buttons .btn.cart {float: left; padding: 0; width: 47%}
.woocommerce .buttons .btn.checkout {float: right; padding: 0; width: 47%}
.woocommerce .btn i {margin-right: 5px;}
.jkreativ .woocommerce ul.cart_list li a, .jkreativ .woocommerce ul.product_list_widget li a, .woocommerce-page ul.cart_list li a, .woocommerce-page ul.product_list_widget li a {
font-weight: normal;
font-style: normal;
}
.jkreativ .woocommerce ul.product_list_widget li a img {width: 48px; box-shadow: none; border:1px solid #ddd; margin-left: 10px;}
.woocommerce #content input.button,
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce-page #content input.button,
.woocommerce-page #respond input#submit,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button {
background: none;
box-shadow: none;
font-weight: normal;
padding: 10px 30px;
}
.woocommerce #content input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce-page #content input.button:hover,
.woocommerce-page #respond input#submit:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover {
background: #f9f9f9;
text-decoration: none;
color: #333333;
}
/*** Maps Shortcode ***/
.jrmap {
width: 100%;
background: #ddd;
margin: 0 0;
}
.contenthidden {
display: none;
}
#mapcontent h3 {
margin-top: 5px;
}
/*** Testimonial Block ***/
.testimonialblock {
background: #F9F9F9;
border: 1px solid #ddd;
border-radius: 2px 2px 2px 2px;
color: #666666;
font-size: 16px;
line-height: 26px;
margin-bottom: 50px;
padding: 30px 50px;
position: relative;
}
.testimonialblock > img {
bottom: 0px;
position: absolute;
left: 15px;
width: 140px;
max-width: 140px;
}
.testimonialblock:after {
opacity: 0.1;
position: absolute;
top: 17px;
right: 20px;
content: "\f10e";
font-family: "FontAwesome";
font-size: 60px;
line-height: 100%;
}
.testimonialblock.testiright:after {
right: inherit;
left: 20px;
content: "\f10e";
}
.testimonialblock p {
margin-top: 5px;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 16px;
line-height: 1.6em;
margin-left: 140px;
}
.testimonialblock.testiright p {
margin-left: 0;
margin-right: 60px;
}
.testimonialblock .author {
margin-left: 140px;
}
.testimonialblock.testiright > p {
text-align: left;
}
.testimonialblock.testiright .author {
margin-right: 150px;
margin-left: 0;
margin-top: 30px;
text-align: right;
}
.testimonialblock.testiright > img {
left: inherit;
right: 15px;
}
/*** Client List ***/
.clientlist, .clientimage {
position: relative;
height: 130px;
}
.clientlist > ul {
margin: 0;
padding: 0;
}
.clientlist li {
list-style: none;
float: left;
}
.clientlist-inner {
position: relative;
}
/*** Half Container ***/
.fullbgcontainer {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.fullbgwrapper {
position: relative;
height: 100%;
margin-left: 270px;
}
.menuopen .fullbgcontainer {
margin-left: 271px;
}
.noheadermenu .pagewrapper {
padding-top: 20px;
}
.pagewrapper {
padding-top: 20px;
margin-right: 20px;
margin-left: 20px;
}
.mainpage {
position: relative;
float: left;
}
.mainpage.blog-normal-article .pageinnerwrapper {
padding: 30px 40px;
}
.mainpage.blog-normal-article:hover {
background: inherit;
}
.mainpage.blog-normal-article .featured {
margin:-30px -40px 30px;
border-radius: 2px 2px 0 0;
overflow: hidden;
}
.mainpage.blog-normal-article .fotorama__nav-wrap,
.pageholder > .featured .fotorama__nav-wrap {
position: absolute;
bottom: 30px;
}
.blog-popular-post .fotorama__dot {
width: 8px;
height: 8px;
}
.mainpage.blog-normal-article .article-content.quote {margin:0;}
.mainpage.blog-normal-article .article-quote-wrapper {margin: -10px -20px;}
.blog-big-wrapper .comment-text {margin-left: 110px;}
.blog-big-wrapper .comment-autor {margin-right: 30px;}
.nomargin .imageholder {
padding: 0px;
border: 0;
}
.imageholder {
margin-bottom: 15px;
padding: 10px;
background: white;
border: 1px solid #ddd;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
box-shadow: 0px 0px 3px rgba(0, 0, 0, .13);
}
.fullimgwrapper {
position: relative;
}
.imageholder img {
min-width: 100%;
}
.nomargin .imageholderdesc {
bottom: -1px;
}
.imageholderdesc {
position: absolute;
bottom: 8px;
left: 0;
background: rgba(255,255,255,0.8);
text-align: center;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
font-size: 15px;
line-height: 2.7;
width: 100%;
}
.pageleft {
float: left;
}
.pageright {
float: right;
}
.pagecenter {
margin-left: 50%;
margin-right: auto;
display: inline-block;
}
.pagecenter .pageholder {
margin-left: -50%;
display: inline-block;
margin-bottom: -5px;
}
.pageinnerwrapper,
.mainsidebar .blog-sidebar,
.pagewrapper .blognormalpaging.blogpagingholder,
.pageholder > .featured,
.article-masonry-box, .article-normal-box,
.accordion-wrapper {
background: #fff;
border-radius: 2px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.pageinnerwrapper {
padding: 30px;
margin-bottom: 15px;
}
.pagewrapper.outside .pageinnerwrapper {
margin-bottom: 20px;
}
.postnotfound .pagetext {
border: none;
margin: 30px 0;
text-align: center;
float: none;
}
.postnormaltitle {
display: none;
}
.noheadermenu .postnormaltitle, .horizontalnav .postnormaltitle {
display: block;
}
.postnormaltitle .pagetext {
border: none;
margin: 0;
text-align: center;
float: none;
font-size: 16px;
}
.pageinnerwrapper.postnormaltitle {
padding: 4px;
}
.postnotfound .pagetotal {
font-size: 20px;
}
.mainpage {
border-bottom: 0;
}
.mainpage .article-header {
margin-bottom: 20px;
}
.mainpage.blog-normal-article .article-content {
margin-top: 0;
margin-bottom: 30px;
}
.pageinnerwrapper > .featured {
margin-top: -10px;
margin-left: -10px;
margin-right: -10px;
margin-bottom: 20px;
}
.pageinnerwrapper > .featured.nomargin {
margin: -31px -31px 30px;
}
.pageholder > .featured {
background: white;
position: relative;
margin-bottom: 10px;
border-radius: 2px;
}
.pageholder > .featured.nomargin {
padding: 0;
border: none;
}
.coverwidth .pageholder > .featured {
margin-bottom: 15px;
}
.mainpage .comment-container, .mainsidebar .comment-container {
padding: 20px 0 0 0;
margin-top: 10px;
}
.mainpage .comment-input-wrapper input, .mainsidebar .comment-input-wrapper input {
width: 100%;
}
.mainpage .comment-form-author, .mainpage .comment-form-email, .mainpage .comment-form-url,
.mainsidebar .comment-form-author, .mainsidebar .comment-form-email, .mainsidebar .comment-form-url {
width: 100%;
}
.mainpage .comment-form-author, .mainpage .comment-form-email , .mainpage .comment-form-url {
margin: 5px 0;
}
.mainpage .comment-input-wrapper, .mainpage .comment-author-wrapper, .mainpage .comment-form-wrapper {
margin-right: 10px;
}
.mainpage .comment-container ul.children {
margin-left: 20px;
}
.article-sharing {
position: relative;
overflow: hidden;
margin-top: 10px;
}
.article-sharing-wrapper {
background: #AAAAAA;
color: #FFFFFF;
display: inline-block;
font-size: 11px;
letter-spacing: 2px;
padding: 2px 20px;
}
.article-sharing .sharing-wrapper {
float: left;
display: block;
width: 95px;
height: 30px;
position: relative;
}
/*** Half Sidebar ***/
.mainsidebar {
float: left;
margin-left: 10px;
position: relative;
}
.mainsidebar-wrapper {
position: relative;
padding-bottom: 20px;
}
.mainsidebar .blog-sidebar {
margin-bottom: 10px;
padding-top: 0;
}
.mainsidebar .blog-sidebar:last-child {
margin-bottom: 15px;
}
.mainsidebar .blog-sidebar-title h3 {
border: none;
border-bottom: 1px solid #DDDDDD;
background-color: transparent;
margin: 0;
font-weight: normal;
font-size: 15px;
height: 46px;
line-height: 46px;
}
.mainsidebar .blog-sidebar-title h3:after {
border: none;
}
.pagewrapper.nosidebar .mainsidebar {
display: none;
}
.galleryswitchfloat .mainsidebar{
float: right;
}
.iosSlider em, .sl-slider em, .kenburntextcontent em {
font-family: "Playfair Display", Georgia, serif;
}
/*** Half and Full Width ***/
.halfwidth .mainpage , .halfwidth.nosidebar .pageholder{ width: 550px; }
.halfwidth .mainsidebar, .halfwidth .mainsidebar .mainsidebar-wrapper { width: 300px; }
.halfwidth .pageholder { width: 860px; }
.fullwidth .mainpage { width: 820px; }
.fullwidth .mainsidebar, .fullwidth .mainsidebar .mainsidebar-wrapper { width: 330px; }
.fullwidth .pageholder { width: 1160px; }
.fullwidth.nosidebar .mainpage,
.fullwidth.nosidebar .pageholder { width: 1080px; }
.horizontalnav .fullwidth .mainpage { width: 820px; }
.horizontalnav .fullwidth .mainsidebar, .horizontalnav .fullwidth .mainsidebar .mainsidebar-wrapper { width: 330px; }
.horizontalnav .fullwidth .pageholder { width: 1160px; }
.horizontalnav .fullwidth.nosidebar .mainpage,
.horizontalnav .fullwidth.nosidebar .pageholder { width: 1080px; }
.coverwidth { display: block; width: inherit; }
.coverwidth .mainpage { width: 70%; }
.coverwidth .mainsidebar { margin-left: 0; width: 30%;}
.coverwidth .blog-sidebar { margin-left: 15px; margin-bottom: 15px; width: auto;}
/*** Skill Graph ***/
.skillgraph {
list-style: none;
padding: 0;
margin-bottom: 30px;
}
.skillgraph p {
color: #666666;
font-size: 13px;
font-weight: normal;
margin-bottom: 2px;
}
.skillgraph .graphwrap {
background-color: #EBEBEB;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12) inset;
margin-bottom: 13px;
}
.skillgraph .grapholder {
background-color: #CFB978;
display: block;
height: 15px;
width: 0;
position: relative;
}
.skillgraph .grapholder strong {
background-color: #333333;
border-radius: 2px 2px 2px 2px;
color: #FFFFFF;
display: block;
font-size: 11px;
line-height: 12px;
opacity: 0;
padding: 4px 7px;
position: absolute;
right: 0;
top: -25px;
}
.skillgraph .grapholder strong:after {
border-color: #333333 transparent;
border-style: solid;
border-width: 5px 5px 0;
bottom: -5px;
content: "";
display: block;
left: 15px;
position: absolute;
width: 0;
}
.skillgraph .graphwrap .grapholder, .skillgraph .graphwrap strong {
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
transition: all 1s ease;
}
/*** Contact Form 7 ***/
.wpcf7 {
margin: 20px 0;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
margin-top: 5px;
}
/*** Location ***/
.page-template-templatetemplate-contact-full-map-php .pagewrapper {margin-bottom: 30px}
.contactheading {
background: #DDDDDD;
border: 1px solid #CCCCCC;
border-bottom: none;
cursor: pointer;
font-family: "Playfair Display", Georgia, serif;
font-size: 14px;
font-style: italic;
line-height: 42px;
padding: 0 50px;
height: 42px;
overflow: hidden;
position: relative;
}
.ctoogle.contactheading {border-bottom: 1px solid #CCCCCC;}
.contactheading:hover {
background: #d0d0d0;
}
.contactheading .cicon, .ocindicator {
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
left: 20px;
position: absolute;
}
.ltoogle .cicon:before {
content: "\f041";
}
.ctoogle .cicon:before {
content: "\f0e0";
}
.ocindicator {
right: 20px;
left: inherit;
font-size: 17px;
color: #888;
}
.active .ocindicator:before {
content: "\f147";
}
.ocindicator:before {
content: "\f196";
}
.pageinnerwrapper.lcontent {
border-bottom: 0;
display: none;
}
.pageinnerwrapper.lcontent, .pageinnerwrapper.ccontent {
margin-bottom: 0;
border-radius: 0;
box-shadow: none;
border: 1px solid #CCCCCC;
}
.locationlist {
border: 1px dotted #ccc;
margin-bottom: 20px;
padding-bottom: 10px;
text-align: center;
}
.locationlist:hover {
border: 1px solid #ccc;
}
.locationlist:hover .mapitem h4 {
border-bottom: 1px solid #DDDDDD;
}
.locationlist:hover {
background: #f0f0f0;
}
.mapitem {
padding: 0 20px;
}
.mapitem h4 {
border-bottom: 1px dashed #DDDDDD;
display: inline-block;
font-weight: bold;
margin: 20px 0;
padding-bottom: 10px;
text-transform: uppercase;
}
.mapitem ul {
padding: 0;
margin: 0;
color: #666;
list-style: none;
}
.mapitem .mapbutton {
border: 1px solid #666666;
display: inline-block;
font-weight: bold;
letter-spacing: 1px;
margin: 20px 0 15px;
padding: 5px 20px;
cursor: pointer;
}
.mapbutton { display: none !important; }
.maplist {
display: none;
}
.mapcontainer {
height: 100%;
width: auto;
position: relative;
}
.infowindow {
padding: 7px;
}
.infowindow {
background: transparent;
position: relative;
}
.infowindow h4 {
border-bottom: 1px dashed #DDDDDD;
display: inline-block;
font-weight: bold;
margin: 20px 0 10px;
padding-bottom: 10px;
text-transform: uppercase;
font-style: normal;
}
.infowindow-wrapper {
border-radius: 0 0 0 0;
}
.infowindow .detail {
font-size: 13px;
font-weight: 300;
color: #666;
line-height: 21px;
}
.infowindow-wrapper {
background: white;
border-bottom: 1px solid #C9C9C9;
border-radius: 3px 3px 3px 3px;
overflow: hidden;
width: 320px;
text-align: center;
}
.infowindow-wrapper > ul {
margin: 0;
padding: 0 20px 12px;
}
.infowindow-wrapper li {
clear: both;
list-style: none outside none;
}
.infowindow .closeme {
cursor: pointer;
position: absolute;
right: 20px;
top: 15px;
}
.infowindow .closeme:before {
content: "\f00d";
font-family: "FontAwesome";
font-size: 15px;
color: #ccc;
}
.mapoverlay {
background: rgba(255,255,255,0.5);
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
z-index: 2;
display: none;
}
.mapoverlay:after {
background: url("../img/loading.gif") no-repeat 10px 10px white;
background-size: 40px;
border-radius: 30px 30px 30px 30px;
content: "";
height: 60px;
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
width: 60px;
}
.sidebarcollapse .fullbgwrapper { margin-left: 60px; }
/*** Team Shortcode ***/
.teamwrapper {
margin-top: 20px;
margin-bottom: 20px;
}
.teamrow {
display: table-row;
}
.teamlist {
background: #F8F8F8;
border: 1px solid #DDDDDD;
border-radius: 5px 5px 5px 5px;
display: table-cell;
padding: 20px;
width: 50%;
}
.teamlist:last-child { border-left: none; }
.teamlist:first-child { border-left: 1px solid #DDDDDD; }
.teamwrapper .teamrow:not(:first-child) .teamlist {
border-top: none;
}
.teamimage {
float: left;
border-radius: 5px;
overflow: hidden;
width: 110px;
max-width: 110px;
}
.teammeta, .teamword, .teamsocial {
margin-left: 130px;
color: #555;
}
.teamsocial {
border-top: 1px dashed #DDDDDD;
margin-top: 15px;
padding-top: 15px;
text-align: right;
}
.teamsocial > a {
border-right: 1px solid #DDDDDD;
font-size: 12px;
padding: 0 10px;
}
.teamsocial > a:last-child {
border-right: none;
}
.teammeta > strong {
display: block;
font-size: 16px;
line-height: 1.2;
margin-bottom: 3px;
text-transform: uppercase;
color: #555;
}
.teammeta > span {
color: #999999;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
}
.teammeta {
margin-bottom: 10px;
}
/*** Pricing Table ***/
.pricing-table {
margin-top: 60px;
margin-bottom: 30px;
text-align: center;
}
.pricing-table .pricing-col {
float: left;
margin-left: -1px;
}
.pricing-table.three-col .pricing-col { width: 33.3%; }
.pricing-table.four-col .pricing-col { width: 25%; }
.pricing-table.five-col .pricing-col { width: 20%; }
.pricing-col-wrapper {
border: 1px solid #DDDDDD;
}
.pricing-col-wrapper h3, .light .pricing-col-wrapper h3 {
background: none repeat scroll 0 0 #F0F0F0;
border-bottom: 1px solid #DDDDDD;
margin: 0;
padding: 20px;
font-size: 26px;
color: #555;
}
.pricing-table h4, .light .pricing-table h4 {
font-size: 40px;
line-height: 1;
margin: 0;
padding-bottom: 10px;
padding-top: 25px;
color: #555;
}
.pricing-table .sign {
font-size: 15px;
position: relative;
top: -13px;
}
.pricing-table .price > em {
color: #999999;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
}
.pricing-table .price {
border-bottom: 1px solid #DDDDDD;
padding-bottom: 20px;
}
.pricing-table ul > li:nth-child(2n+1) {
background: #FAFAFA;
}
.pricing-table ul > li {
border-bottom: 1px solid #DDDDDD;
line-height: 37px;
list-style: none;
color: #555;
}
.pricing-table ul {
margin: 0;
padding: 0;
}
.pricing-content {
background: white;
}
.pricing-table .price-btn {
padding: 20px;
background-color: white;
}
.pricing-table .btn, .light .pricing-table .btn{
border-color: #AAAAAA;
color: #333;
}
.pricing-col.pricehighlight {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
margin-top: -20px;
position: relative;
z-index: 2;
}
.pricing-col.pricehighlight .price-heading > h3 {
background: none repeat scroll 0 0 #FFFFFF;
padding: 25px;
}
.price-heading span {
color: #999999;
display: block;
font-family: 'Playfair Display', Georgia, serif;
font-size: 15px;
font-style: italic;
}
.pricing-table .pricing-col.pricehighlight .price-btn {
padding: 30px;
}
/*** End Pricing Table ***/
/*** Portfolio Aspect Ratio ***/
.box.ratio16_9:before {
padding-top: 56.25%;
}
.box.ratio2_1:before {
padding-top: 50%;
}
.box.ratio3_1:before {
padding-top: 33.3%;
}
.box.ratio1_1:before {
padding-top: 100%;
}
.box.ratio4_3:before {
padding-top: 75%;
}
.box:before {
content: "";
display: block;
padding-top: 100%;
}
.box {
position: relative;
width: 100%;
}
.portfolioratio-content {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
/*** Lost Password ***/
.accountpage .article-header h2 {
text-align: center;
}
.lostpassword {
background: #F8F8F8;
border: 1px solid #CCCCCC;
padding: 20px 30px;
text-align: center;
margin: 0;
}
.lostpassword strong {
display: block;
font-size: 14px;
line-height: 1.5;
margin: 9px 0;
}
.lostpassword input[type="text"] {
display: block;
width: 100%;
}
.lostpassword input[type="submit"] {
margin-top: 10px;
}
.lostpasswordpage p {
text-align: center;
}
.lost_password {
margin-left: 16px;
}
/*** Register ***/
.halfpagepanel-header {
background: #fbfbfb;
border-bottom: 1px solid #ebebeb;
cursor: pointer;
color: #888;
font-size: 14px;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 1px;
line-height: 42px;
padding: 0 50px 0 20px;
height: 42px;
overflow: hidden;
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;
}
.active .halfpagepanel-header {
background: #f3f3f3;
color: #555;
}
.halfpagepanel-header:hover {
background: #ebebeb;
color: #555;
}
.halfpage-icon {
margin-right: 10px;
}
.halfpagepanel-body .pageinnerwrapper {
margin-bottom: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.halfpagepanel:last-child .pageinnerwrapper {
margin-bottom: 15px;
}
span.required {
color: red;
}
/*** Login & Register ***/
.registerpage label {
display: block;
margin: 8px 0;
}
.registerpage .article-header > h3 {
margin-top: 0;
}
.pageinnerwrapper.woocommerce-error {
padding: 0;
background: #FBEFEF;
border: 1px solid #FF0000;
}
.registerpage form {
background: #FAFAFA;
border: 1px solid #DDDDDD;
margin: 0;
padding: 20px 50px 20px 30px;
}
/*** Moving Background ***/
.movingbg, .movingbgmobile {
background: repeat;
}
.parallaxfallback {
background-size: cover;
}
/*** Landing Page ***/
.landingslider {
height: 600px;
position: relative;
background: #ddd;
overflow: hidden;
z-index: 5;
}
.landingslider .bigloader {
left: 50%;
margin-left: -30px;
margin-top: -30px;
position: absolute;
top: 50%;
}
section {
display: block;
padding: 40px 0;
position: relative;
overflow: hidden;
clear: both;
}
.sectioncontainer, .jcontainer {
display: block;
margin: 0 auto;
position: relative;
width: 1180px;
}
.section-header {
clear: both;
overflow: hidden;
text-align: center;
padding: 0 20px 40px;
}
.section-header.position-center { text-align: center; }
.section-header.position-left { text-align: left; }
.section-header.position-right { text-align: right; }
.section-header.position-left em, .section-header.position-right em {
max-width: none;
}
.section-header.position-left, .section-header.position-right {
padding: 0 0px 40px;
}
.section-header.position-right .sectionline {
margin: 0 0 15px auto;
}
.section-header.position-left .sectionline {
margin: 0 0 15px 0;
}
.section-header > h1, .section-header > h2, .section-header > h3,
.section-header > h4, .section-header > h5, .section-header > h6 {
color: #000000;
margin:0 0 20px;
text-transform: uppercase;
font-weight: 600;
}
.section-header > h1 { font-size: 36px; }
.section-header > h2 { font-size: 32px; }
.section-header > h3 { font-size: 28px; }
.section-header > h4 { font-size: 24px; }
.section-header > h5 { font-size: 20px; }
.section-header > h6 { font-size: 16px; }
.sectionline {
border-bottom: 1px solid #ddd;
display: block;
margin: 0 auto 15px;
width: 100px;
}
.section-header > em {
color: #777;
display: block;
font-size: 16px;
font-family: 'Playfair Display', Georgia, serif;
line-height: 1.8;
margin: 0 auto;
max-width: 800px;
}
.service-item {
background: #F0F0F0;
margin: 10px;
padding: 20px;
text-align: center;
border-radius: 3px;
}
.service-item > h3 {
color: #555555;
font-size: 18px;
font-weight: 600;
}
.serviceiconwrapper h3 {
margin: 0 0 1em;
font-weight: bold;
}
.serviceicon {
background: #AAAAAA;
border-radius: 100%;
font-size: 60px;
height: 240px;
margin: 15px auto 40px;
overflow: hidden;
width: 240px;
}
.serviceicon i {
color: #FFFFFF;
line-height: 200px;
}
.service-item > p {
color: #888888;
padding: 0 20px;
}
/*** One Column Service Icon ***/
.fullsize .serviceiconwrapper .span3 {
width: 32px;
height: 32px;
margin-right: 30px;
}
.fullsize .serviceiconwrapper .span9 {
float: none;
overflow: hidden;
width: auto;
}
.grab {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.grabing {
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
}
/*** Masonry Portfolio Landing Page ***/
.landingmasonryitem {
float: left;
opacity: 1;
overflow: hidden;
}
.landingmasonryitem img {
width: 100%;
}
.landingmasonryitem > a {
display: block;
padding: 5px;
position: relative;
}
.landingmasonrywrapper {
margin: 10px 0 30px;
overflow: visible !important;
}
.landingmasonryclear {
clear: both;
text-align: center;
}
.landingmasonryitem .mask {
background: rgba(255, 255, 255, 0.7);
border: 1px solid rgba(255, 255, 255, 0.7);
bottom: 15px;
left: 15px;
right: 15px;
top: 15px;
position: absolute;
opacity: 0;
-webkit-transition: all 0.3s ease-in 0.4s;
-moz-transition: all 0.3s ease-in 0.4s;
-o-transition: all 0.3s ease-in 0.4s;
-ms-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.landingmasonryitem:hover .mask {
opacity: 1;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
-ms-transition-delay: 0s;
transition-delay: 0s;
}
.landingmasonryitem .info {
margin-top: -40px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
}
.landingmasonryitem .info h2 {
color: #333333;
font-size: 20px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
opacity: 0;
margin-bottom: 15px;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.1s;
-moz-transition: all 0.3s ease-in-out 0.1s;
-o-transition: all 0.3s ease-in-out 0.1s;
-ms-transition: all 0.3s ease-in-out 0.1s;
transition: all 0.3s ease-in-out 0.1s;
}
.landingmasonryitem:hover .info h2 {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.landingmasonryitem .info span {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
display: block;
margin: 0 auto;
width: 10%;
opacity: 0;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.15s;
-moz-transition: all 0.3s ease-in-out 0.15s;
-o-transition: all 0.3s ease-in-out 0.15s;
-ms-transition: all 0.3s ease-in-out 0.15s;
transition: all 0.3s ease-in-out 0.15s;
}
.landingmasonryitem:hover .info span {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.1s;
-moz-transition-delay: 0.1s;
-o-transition-delay: 0.1s;
-ms-transition-delay: 0.1s;
transition-delay: 0.1s;
}
.landingmasonryitem .info p {
color: #333;
font-family: 'Playfair Display', Georgia, serif;
font-style: italic;
opacity: 0;
margin-top: 10px;
-webkit-transform: scale(3);
-moz-transform: scale(3);
-o-transform: scale(3);
-ms-transform: scale(3);
transform: scale(3);
-webkit-transition: all 0.3s ease-in-out 0.2s;
-moz-transition: all 0.3s ease-in-out 0.2s;
-o-transition: all 0.3s ease-in-out 0.2s;
-ms-transition: all 0.3s ease-in-out 0.2s;
transition: all 0.3s ease-in-out 0.2s;
}
.landingmasonryitem:hover .info p {
opacity: 0.5;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.landingmasonryblock .btn {margin-bottom: 10px;}
.nopadding { padding: 0 !important; }
.nomargin { margin: 0 !important; }
.nomarginleft {margin-left: 0 !important}
.nomarginright {margin-right: 0 !important}
.nomargintop {margin-top: 0 !important}
.nomarginbottom {margin-bottom: 0 !important}
.imageanimwrap { position: relative; }
.imageanimwrap img { position: absolute; top: 0; left: 0; }
.notopmargin { padding-top: 0px; }
.normaltopmargin { padding-top: 60px; }
.doubletopmargin { padding-top: 120px; }
.tripletopmargin { padding-top: 180px; }
.forthtopmargin { padding-top: 240px; }
.fifthtopmargin { padding-top: 360px; }
.nobottommargin { padding-bottom: 0px; }
.normalbottommargin { padding-bottom: 60px; }
.doublebottommargin { padding-bottom: 120px; }
.triplebottommargin { padding-bottom: 180px; }
.forthbottommargin { padding-bottom: 240px; }
.fifthbottommargin { padding-bottom: 360px; }
section quote {
display: block;
font-family: 'Playfair Display', serif;
font-size: 32px;
line-height: 1.5;
margin: 0 auto;
max-width: 900px;
padding: 1em 0;
position: relative;
text-align: center;
width: 100%;
z-index: 2;
}
section quote sup {
margin: 0 0.5em;
font-size: 70%;
}
section quote cite {
display: block;
font-size: 15px;
margin-top: 20px;
}
.frametimeline iframe {
margin-top: 20px;
}
/*** Service List ***/
.serviceitem {margin-bottom: 30px;}
.oneforthsize .serviceitem {
float:left;
width: 25%;
}
.onethirdsize .serviceitem {
float: left;
width: 33%;
}
.halfsize .serviceitem {
float: left;
width: 50%;
}
.sectioncontainer .serviceitem h3 {
font-family: "Playfair Display", Georgia, serif;
font-weight: normal;
}
.service-block-wrapper {
text-align: center;
padding: 0 10px;
}
.serviceblock .heading i {
color: #FFFFFF;
font-size: 24px;
width: 24px;
height: 24px;
}
.serviceblock .heading {
background: #333;
border-radius: 100%;
display: inline-block;
padding: 15px;
position: relative;
z-index: 2;
}
.serviceblock .content {
background: #f9f9f9;
padding: 40px 20px 20px;
margin-top: -30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.light .serviceblock .content {background: #fff;}
.light .serviceblock p, .serviceblock p, .light .serviceblock h3, .serviceblock h3 {
color: #555;
}
.parallaxbackground {
background-attachment: fixed;
background-position: center center;
background-repeat: no-repeat;
}
.parallaxbackground.nofix {
background-attachment: inherit;
background-position: center center;
}
section .parallaxbackground {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.bgparallax.nocover {
background-size: inherit;
}
.parallaxoverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.newparallax {
position: absolute;
top: 0;
left: 0;
max-width: none;
}
/*** Testimonials ***/
.testiwrapper {
width: 100%;
}
.testiwrapperinner {
margin: 0 auto;
position: relative;
text-align: center;
width: 1000px;
}
.testislide {
position: relative;
z-index: 1;
}
.testislide blockquote {
border: none;
font-size: 22px;
line-height: 1.5;
margin: 0;
display: inline-block;
position: relative;
}
.testislide blockquote span {margin:0px 15px}
.testiwrapperinner {
margin: 0 auto;
text-align: center;
width: 1000px;
}
.testislide .author {
font-size: 20px;
line-height: 1.5;
margin-top: 16px;
font-weight: 600;
}
.testislide .author > span {
display: block;
font-size: 12px;
font-weight: 300;
position: relative;
text-transform: none;
margin-top: 5px;
}
.testislide .authorimage {
border-radius: 9999px;
height: 80px;
margin: 20px auto;
overflow: hidden;
width: 80px;
}
.middlecell .tcellmiddle {
display: table-cell;
vertical-align: middle;
float: none;
}
.middlecell {
margin: 20px 0;
}
.text-right { text-align: right; }
.text-right-desktop { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }
.service-extend i {
display: block;
font-size: 32px;
text-align: center;
}
.sectioncontainer.sectionheading {
padding: 130px 30px 170px;
text-shadow:0 1px 2px rgba(0,0,0,0.3);
}
.sectionheading h2 {
font-size: 40px;
font-weight: bold;
margin: 0 0 0.5em 0;
}
.sectionheading span {
font-size: 17px;
}
.service-extend {
clear: both;
overflow: hidden;
}
/*** OWL Slider ***/
.jkreativ .owl-theme .owl-controls {margin-top: 20px;}
.jkreativ .testislide.owl-theme .owl-controls {margin-top: 40px;}
.jkreativ .owl-theme .owl-controls .owl-page span {
height: 14px;
width: 14px;
background: rgba(0, 0, 0, 0.25);
}
.jkreativ .light .owl-theme .owl-controls .owl-page span {background: rgba(255,255,255,0.7);}
/*** White Element ***/
.light, .light h1, .light h2, .light h3, .light h4, .light h5, .light h6, .light p, .light .btn, .light em {
color: #fff;
}
.light .btn {
border-color: #fff;
}
.light .btn-default {
color: #555;
}
.light .service-item {
background: #eee;
}
.light .service-slide h3, .light .service-slide p {
color : #555;
}
.light .service-slide .sectionline {
border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.light .sectionline {
border-bottom: 1px solid rgba(255, 255, 255, 0.9);
}
section .light quote {
color: #fff;
}
.light .testislide blockquote span {
color: #FFFFFF;
}
.light .testislide .author {
color: #FFFFFF;
}
.light .testimonialblock {
background-color: #eee;
}
.light .testimonialblock.testiright > p {
color: #666666;
}
.light .panel {
background-color: #888888;
}
.light .panel, .light .panel-default {
border-color: #AAA;
}
.light .panel-default > .panel-heading {
background-color: #666;
border-color: #666;
color: #333333;
}
.light .accordion-toggle {
color: #FFF;
}
.light .panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #AAAAAA;
}
.light .product-item {color: #555}
.light .product-item h3 {color: #171717}
.teamword p {
color: #555;
}
/*** Featured Slider ***/
.bgholder {
height: 100%;
position: absolute;
width: 100%;
}
.bgholder .bgitem {
background-position: center 0;
background-size: cover;
height: 100%;
opacity: 1;
position: absolute;
width: 100%;
}
.fslandingslider {
display: block;
height: 100%;
overflow: hidden;
position: absolute;
text-align: center;
top: 0;
width: 100%;
z-index: 3;
}
.text-slider {
position: absolute;
top: 50%;
margin-top: -60px;
width: 100%;
}
.text-slider-wrap {
height: 60px;
margin-bottom: 30px;
overflow: hidden;
padding: 0 20px;
}
.text-slider-wrap > ul {
position: relative;
}
.text-slider ul, .text-slider li {
margin: 0;
padding: 0;
list-style: none;
}
.text-slider li {
height: 60px;
line-height: 60px;
}
.text-slider .slider-header {
font-size: 36px;
margin: 0;
letter-spacing: 3px;
}
/*** End Featured Slider ***/
/*** Loader ***/
#loading {
background: #FFFFFF;
height: 100%;
position: fixed;
text-align: center;
width: 100%;
z-index: 999999;
}
#loading[data-type="linear"] {
background: transparent;
}
#loading[data-type="linearinline"] {
display: none;
}
#loading #loader {
height: 276px;
left: 50%;
margin-left: -200px;
margin-top: -138px;
position: absolute;
top: 50%;
width: 400px;
}
#loader #imgLoading {
left: 65px;
position: absolute;
top: 3px;
}
#loading canvas {
display: inline-block;
}
#loadingbg {
left: 0;
position: fixed;
top: 0;
z-index: 2001;
}
#loading .line {
background: #000000;
height: 2px;
position: absolute;
top: 50%;
width: 0%;
margin-top: -1px;
}
#loading .percentage {
height: 50%;
left: 0;
position: absolute;
width: 100%;
}
#loading .percentage span {
bottom: 0;
color: #000000;
font-size: 55px;
left: 0;
margin-bottom: 45px;
position: absolute;
text-align: center;
width: 100%;
}
#loading .loadingwrapper {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: white;
}
#loading .loadsplit {
width: 100%;
height: 50%;
overflow: hidden;
position: absolute;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
background: #fff;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-o-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
opacity : 1;
}
#loading .loadsplit:first-child {
top: 0%;
}
#loading .loadsplit:nth-child(2) {
top: 50%;
}
.iosoverlay, .heading-background, .kenburn-overlay {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
/*** Admin Bar ***/
.admin-bar.horizontalnav .bottomnav .landing-bottom-nav.sticky .topnavigation,
.admin-bar.horizontalnav .topnavigation,
.admin-bar #leftsidebar, .admin-bar .headermenu {
top: 32px;
}
/*** Bottom Nav ****/
.navigation-flag {
position: absolute;
top: 0;
}
.landing-bottom-nav {
position: relative;
}
.horizontalnav .bottomnav .topnavigation {
top: 0;
position: absolute;
}
.horizontalnav .bottomnav .landing-bottom-space {
display: block;
}
.horizontalnav .bottomnav .landing-bottom-nav.sticky .topnavigation {
position: fixed;
top: 0;
}
.horizontalnav .bottomnav .contentheaderspace {
height: 0;
}
.landing-bottom-space {
height: 60px;
display: none;
position: relative;
}
.horizontalnav .bottomnav .landing-bottom-nav.sticky .landing-bottom-space {
display: block !important;
}
/*** Counter Block ***/
.counterblock {
text-align: center;
}
.counterblock.serviceitem {margin-bottom: 0;}
.counter-wrapper {
overflow: hidden;
clear: both;
}
.counterblock .counter-block-wrapper {
background: #FFFFFF;
margin: 10px;
position: relative;
}
.counterblock .counternumber {
font-size: 50px;
font-weight: bold;
line-height: 1.5;
padding: 30px 10px 10px;
}
.counterblock .title {
font-family: "Playfair Display",Georgia,serif;
color: #555;
font-size: 18px;
padding: 0 10px 25px;
}
.light .counterblock .counternumber, .light .counterblock .title {color: #555;}
/*** Linear Loader ***/
#nprogress .bar {
background: #ebc84f;
}
#nprogress .peg {
box-shadow: 0 0 10px #ebc84f, 0 0 5px #ebc84f;
}
#nprogress .spinner-icon {
border-top-color: #ebc84f;
border-left-color: #ebc84f;
}
/*** Additional CSS ***/
#leftsidebar .jspContainer, #leftsidebar .lefttop {
overflow: visible !important;
}
.slider-header em, em, em > *, i, i > * {
font-family: 'Playfair Display',Georgia,serif;
}
/*** Music Player ***/
#jquery_jplayer, #jp_container {
display: none;
}
.music_toggle i, .video_toggle i {
height: 25px;
width: 25px;
}
.music_toggle, .video_toggle {
position: fixed;
bottom: 50px;
right: 10px;
background: #555;
z-index: 10000;
font-size: 25px;
padding: 13px;
border-radius: 5px;
cursor: pointer;
color: #fff;
opacity: 0.5;
text-align: center;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.music_toggle:hover, .video_toggle:hover {
opacity: 0.8;
}
.video_toggle {
opacity: 0.3;
background: none;
bottom: 25px;
left: 50%;
position: absolute;
right: auto;
z-index: 4;
margin-left: -19px;
}
.portfoliocovermeta ul li {
list-style: inherit;
}
.section-top-ribon {
position: absolute;
top: 0;
width: 100%;
}
.section-bottom-ribon {
position: absolute;
bottom: 0;
width: 100%;
}
.portfoliocovermeta ul li {
margin-bottom: 0;
}
.gmnoprint img {
max-width: none;
}
.empty_bag_message {
padding-bottom: 20px;
padding-top: 20px;
}
.blog-sidebar-content .cart {
margin-top: 30px;
}
/*** Product Shortcode ***/
.product-cover img {
width: 100%;
}
.product-item {
background: #F0F0F0;
margin: 10px;
padding: 20px 20px 40px;
text-align: center;
}
.product-item h3 {
margin-bottom: 5px;
margin-top: 0;
}
.product-cover {
margin-bottom: 30px;
}
.product-line {
background: #CCCCCC;
display: block;
height: 1px;
margin: 12px auto 8px;
width: 50px;
}
.product-category > a {
font-family: 'Playfair Display',Georgia,serif;
font-style: italic;
}
.backgroundaudio {
display: none;
}
.showimagetitle .gallery-title {
background: rgba(0, 0, 0, 0.7);
bottom: 0;
color: #EEEEEE;
opacity: 0;
position: absolute;
text-align: center;
width: 100%;
padding: 4px 0 7px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.showimagetitle .gallery-title > span {
padding: 0 10px;
}
.showimagetitle:hover .gallery-title {
opacity: 1;
}
.imggalitem.showimagetitle:hover img {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
/*** CSS Animation Engine ***/
.jeg_do_animate, .newparallax {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
}
.jeg_do_animate {
position: relative;
}
.jeg_animate_fast,
.jeg_animate_fast a,
.jeg_animate_fast .janimate_start,
.jeg_animate_fast.janimate_start {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.jeg_animate_slow,
.jeg_animate_slow a,
.jeg_animate_slow .janimate_start,
.jeg_animate_slow.janimate_start {
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.jeg_animate_slower,
.jeg_animate_slower a,
.jeg_animate_slower .janimate_start,
.jeg_animate_slower.janimate_start {
-webkit-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-ms-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
[data-animation="janimate-fadein"] .jeg_do_animate,
[data-animation="janimate-fadein"].jeg_do_animate {
opacity: 0;
}
[data-animation="janimate-fadein"] .jeg_do_animate.janimate_start,
[data-animation="janimate-fadein"].jeg_do_animate.janimate_start {
opacity: 1;
}
[data-position="janimpos-left"] .jeg_do_animate,
[data-position="janimpos-left"].jeg_do_animate,
[data-position="janimpos-left"] .jeg_do_animate a,
[data-position="janimpos-left"].jeg_do_animate a {
transform: translate3d(-50px, 0px, 0px);
-ms-transform : translate3d(-50px, 0px, 0px);
-webkit-transform: translate3d(-50px, 0px, 0px);
}
[data-position="janimpos-right"] .jeg_do_animate,
[data-position="janimpos-right"].jeg_do_animate,
[data-position="janimpos-right"] .jeg_do_animate a,
[data-position="janimpos-right"].jeg_do_animate a {
transform: translate3d(50px, 0px, 0px);
-ms-transform : translate3d(50px, 0px, 0px);
-webkit-transform: translate3d(50px, 0px, 0px);
}
[data-position="janimpos-top"] .jeg_do_animate,
[data-position="janimpos-top"].jeg_do_animate,
[data-position="janimpos-top"] .jeg_do_animate a,
[data-position="janimpos-top"].jeg_do_animate a {
transform: translate3d(0, -50px, 0px);
-ms-transform : translate3d(0, -50px, 0px);
-webkit-transform: translate3d(0, -50px, 0px);
}
[data-position="janimpos-bottom"] .jeg_do_animate,
[data-position="janimpos-bottom"].jeg_do_animate,
[data-position="janimpos-bottom"] .jeg_do_animate a,
[data-position="janimpos-bottom"].jeg_do_animate a {
transform: translate3d(0, 50px, 0px);
-ms-transform : translate3d(0, 50px, 0px);
-webkit-transform: translate3d(0, 50px, 0px);
}
[data-transform="janimate-scale"] .jeg_do_animate,
[data-transform="janimate-scale"].jeg_do_animate,
[data-transform="janimate-scale"] .jeg_do_animate a,
[data-transform="janimate-scale"].jeg_do_animate a {
transform: scale(0.5);
-ms-transform : scale(0.5,0.5);
-webkit-transform: scale(0.5);
}
[data-animation="janimate-fadein"] .jeg_do_animate.janimate_start,
[data-animation="janimate-fadein"].jeg_do_animate.janimate_start {
opacity: 1;
}
[data-position="janimpos-left"] .jeg_do_animate.janimate_start,
[data-position="janimpos-left"].jeg_do_animate.janimate_start,
[data-position="janimpos-left"] .jeg_do_animate.janimate_start a,
[data-position="janimpos-left"].jeg_do_animate.janimate_start a,
[data-position="janimpos-right"] .jeg_do_animate.janimate_start,
[data-position="janimpos-right"].jeg_do_animate.janimate_start,
[data-position="janimpos-right"] .jeg_do_animate.janimate_start a,
[data-position="janimpos-right"].jeg_do_animate.janimate_start a,
[data-position="janimpos-top"] .jeg_do_animate.janimate_start,
[data-position="janimpos-top"].jeg_do_animate.janimate_start,
[data-position="janimpos-top"] .jeg_do_animate.janimate_start a,
[data-position="janimpos-top"].jeg_do_animate.janimate_start a,
[data-position="janimpos-bottom"] .jeg_do_animate.janimate_start,
[data-position="janimpos-bottom"].jeg_do_animate.janimate_start,
[data-position="janimpos-bottom"] .jeg_do_animate.janimate_start a,
[data-position="janimpos-bottom"].jeg_do_animate.janimate_start a {
transform: translate3d(0, 0, 0);
-ms-transform : translate3d(0, 0, 0);
-webkit-transform: translate3d(0, 0, 0);
}
[data-transform="janimate-scale"] .jeg_do_animate.janimate_start,
[data-transform="janimate-scale"].jeg_do_animate.janimate_start,
[data-transform="janimate-scale"] .jeg_do_animate.janimate_start a,
[data-transform="janimate-scale"].jeg_do_animate.janimate_start a {
transform: scale(1);
-ms-transform : scale(1,1);
-webkit-transform: scale(1);
}
@-webkit-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-o-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@keyframes fadeIn{
0% {opacity: 0;}
100% {opacity: 1;}
}
@-webkit-keyframes roll{
0% {-webkit-transform: translateX(500px) rotate(360deg);}
100% {-webkit-transform: translateX(0px) rotate(0deg);}
}
@-moz-keyframes roll{
0% {-moz-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-moz-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-o-keyframes roll{
0% {-o-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-o-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-ms-keyframes roll{
0% {-ms-transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {-ms-transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@keyframes roll{
0% {transform: translateX(500px) rotate(360deg); opacity: 0;}
100% {transform: translateX(0px) rotate(0deg); opacity: 1;}
}
@-webkit-keyframes moveUp{
0% {-webkit-transform: translateY(40px);}
100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes moveUp{
0% {-moz-transform: translateY(40px);}
100% {-moz-transform: translateY(0px);}
}
@-o-keyframes moveUp{
0% {-o-transform: translateY(40px);}
100% {-o-transform: translateY(0px);}
}
@-ms-keyframes moveUp{
0% {-ms-transform: translateY(40px);}
100% {-ms-transform: translateY(0px);}
}
@keyframes moveUp{
0% {transform: translateY(40px);}
100% {transform: translateY(0px);}
}
@-webkit-keyframes scaleDown{
0% {-webkit-transform: scale(1);}
100% {-webkit-transform: scale(0.5);}
}
@-moz-keyframes scaleDown{
0% {-moz-transform: scale(1);}
100% {-moz-transform: scale(0.5);}
}
@-o-keyframes scaleDown{
0% {-o-transform: scale(1);}
100% {-o-transform: scale(0.5);}
}
@-ms-keyframes scaleDown{
0% {-ms-transform: scale(1);}
100% {-ms-transform: scale(0.5);}
}
@keyframes scaleDown{
0% {transform: scale(1);}
100% {transform: scale(0.5);}
}
@-webkit-keyframes scaleUp{
0% {-webkit-transform: translateY(-50px);}
100% {-webkit-transform: translateY(0px);}
}
@-moz-keyframes scaleUp{
0% {-moz-transform: translateY(-50px);}
100% {-moz-transform: translateY(0px);}
}
@-o-keyframes scaleUp{
0% {-o-transform: translateY(-50px);}
100% {-o-transform: translateY(0px);}
}
@-ms-keyframes scaleUp{
0% {-ms-transform: translateY(-50px);}
100% {-ms-transform: translateY(0px);}
}
@keyframes scaleUp{
0% {transform: translateY(-50px);}
100% {transform: translateY(0px);}
}
@-webkit-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-moz-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-o-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-ms-keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@keyframes fadeOut{
0% {opacity: 1;}
100% {opacity: 0;}
}
@-webkit-keyframes beat {
0% {-webkit-transform: scale(1);}
10% {-webkit-transform: scale(1.25);}
20% {-webkit-transform: scale(1.1);}
30% {-webkit-transform: scale(1.25);}
100% {-webkit-transform: scale(1);}
}
/*** End CSS Animation Engine ***/
/*** Datepicker ***/
.ui-datepicker {
width: 17em;
padding: 0;
display: none;
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
box-shadow: 0 2px 3px rgba(0,0,0,0.15),0 0 0 1px rgba(0,0,0,0.05);
}
.ui-datepicker .ui-datepicker-header, .ui-timepicker-div .ui-widget-header {
position: relative;
padding: .2em 0;
background: #555;
border-bottom: 1px solid #ebebeb;
color: #fff;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
text-indent: -9999em;
}
.ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before {
font-family: 'FontAwesome';
display: inline-block;
font-weight: normal;
font-style: normal;
}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
color: #fff;
}
.ui-datepicker .ui-datepicker-prev:hover,.ui-datepicker .ui-datepicker-next:hover {
color: #9f9f9f;
cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:before {
content: "\f100";
}
.ui-datepicker .ui-datepicker-next:before {
content: "\f101";
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month-year {
width: 100%;
}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
width: 49%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0;
}
.ui-datepicker thead {
background: #f9f9f9;
}
.ui-datepicker th {
padding: 5px 0;
text-align: center;
font-weight: 700;
font-size: 10px;
text-transform: uppercase;
border: 0;
}
.ui-datepicker td {
border: 1px solid #ebebeb;
padding: 1px;
}
.ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled, .ui-datepicker td.ui-datepicker-unselectable.ui-state-disabled:hover {
border: 0;
background: transparent;
}
.ui-datepicker td span,.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
color: #555;
}
.ui-datepicker td.ui-datepicker-today, .ui-datepicker td:hover {
background: #efefef;
font-weight: bold;
}
.ui-datepicker td:hover a, .ui-datepicker td a.ui-state-active {
color: #cd9a66;
font-weight: bold;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0;
padding: 0 10px;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em 10px;
cursor: pointer;
padding: 0 20px;
line-height: 30px;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
}
.ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
}
.ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
/*** Timepicker ***/
.ui-timepicker-div .ui-widget-content {
border: 1px solid #ddd;
background: #fff;
color: #444;
}
.ui-timepicker-div .ui-state-default,.ui-timepicker-div .ui-widget-content .ui-state-default,.ui-timepicker-div .ui-widget-header .ui-state-default {
border: 1px solid #ddd;
background: #f6f6f6;
font-weight: bold;
}
.ui-timepicker-div dl:before, .ui-timepicker-div dl:after { content: ""; display: table; }
.ui-timepicker-div dl:after { clear: both; }
.ui-timepicker-div dl { zoom: 1; margin: 1em }
.ui-timepicker-div dl dt {
float: left;
clear: left;
}
.ui-timepicker-div dl dd {
margin: 0 10px 10px 37%;
}
.ui-timepicker-div dd.ui_tpicker_hour, .ui-timepicker-div dd.ui_tpicker_minute {margin-bottom: 15px; top: 7px;}
.ui-timepicker-div dd.ui_tpicker_hour div, .ui-timepicker-div dd.ui_tpicker_minute div {top: 7px;}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
}
.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/** new search **/
.topnavigationsearch {
position: relative;
}
.topnavigationsearch:hover .abs-search {
display: block;
}
.abs-search {
display: none;
}
.abs-search {
background: #FFFFFF;
border-radius: 0 0 2px 2px;
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
padding: 20px 30px 20px 20px;
position: absolute;
right: 0;
width: 300px;
}
.abs-search:before {
border-color: transparent transparent #fff;
border-style: solid;
border-width: 10px;
content: " ";
position: absolute;
right: 20px;
top: -20px;
}
.abs-search > form {
line-height: 0;
margin: 0;
padding: 0;
}
.abs-search input {
margin: 0;
padding: 5px;
}
/************************
* No CSS Transform *
*************************/
.lt-ie10 .portfolioitem:hover img,
.lt-ie10 .imggalitem:hover img {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-o-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.lt-ie10 [data-animation="janimate-fadein"] .jeg_do_animate,
.lt-ie10 [data-animation="janimate-fadein"].jeg_do_animate {
opacity: 1;
}
.lt-ie10 [data-position="janimpos-left"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-left"].jeg_do_animate a {
left: 0;
}
.lt-ie10 [data-position="janimpos-right"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-right"].jeg_do_animate a {
right: 0;
}
.lt-ie10 [data-animation="janimate-fadein"] .jeg_do_animate,
.lt-ie10 [data-animation="janimate-fadein"].jeg_do_animate {
opacity: 1;
}
.lt-ie10 [data-transform="janimate-scale"] .jeg_do_animate,
.lt-ie10 [data-transform="janimate-scale"].jeg_do_animate,
.lt-ie10 [data-transform="janimate-scale"] .jeg_do_animate a,
.lt-ie10 [data-transform="janimate-scale"].jeg_do_animate a {
transform: scale(1);
-ms-transform : scale(1);
-webkit-transform: scale(1);
}
.lt-ie10 [data-position="janimpos-left"] .jeg_do_animate,
.lt-ie10 [data-position="janimpos-left"].jeg_do_animate,
.lt-ie10 [data-position="janimpos-left"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-left"].jeg_do_animate a,
.lt-ie10 [data-position="janimpos-right"] .jeg_do_animate,
.lt-ie10 [data-position="janimpos-right"].jeg_do_animate,
.lt-ie10 [data-position="janimpos-right"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-right"].jeg_do_animate a,
.lt-ie10 [data-position="janimpos-top"] .jeg_do_animate,
.lt-ie10 [data-position="janimpos-top"].jeg_do_animate,
.lt-ie10 [data-position="janimpos-top"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-top"].jeg_do_animate a,
.lt-ie10 [data-position="janimpos-bottom"] .jeg_do_animate,
.lt-ie10 [data-position="janimpos-bottom"].jeg_do_animate,
.lt-ie10 [data-position="janimpos-bottom"] .jeg_do_animate a,
.lt-ie10 [data-position="janimpos-bottom"].jeg_do_animate a {
transform: translate3d(0, 0, 0);
-ms-transform : translate3d(0, 0, 0);
}
/*** Blog List Shortcode ***/
.section-blog-list {
padding: 30px 0;
}
.section-blog-list .notes-list-entry {
display: block;
text-align: center;
position: relative;
}
.notes-list-entry .color-overlay {
background: white;
display: block;
height: 100%;
left: 0;
position: absolute;
top: 0;
transition: background 0.2s ease-out 0s;
width: 100%;
}
.section-blog-list .notes-list-entry {
border-top: 1px solid #ddd;
padding: 23px 20px 40px;
z-index: 2;
background-size: cover;
}
.notes-list-entry:hover {
color #fff;
}
.section-blog-list .note-title {
font-size: 38px;
margin: 2px 8px;
}
.section-blog-list .note-meta {
margin-bottom: 0;
font-size: 14px;
color: #9b9b9b;
}
.section-blog-list .note-author {color: #9b9b9b}
.section-blog-list .note-author, .section-blog-list .note-readmore {
font-family: "Playfair Display", "georgia";
font-style: italic;
}
.notes-list-entry:hover span, .notes-list-entry:hover h2, .notes-list-entry:hover cite {
color: #fff;
}
.notes-list-entry:hover .color-overlay {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
transition: background 0.2s ease-in 0s;
}
.notes-list-entry.readmore {
padding: 40px 20px;
}
.notes-list-entry.readmore:hover .color-overlay {
background: #000;
}
/*** Visual Composer ***/
.wpb_alert p:first-child, #content .wpb_alert p:first-child, .wpb_text_column p:first-child, .wpb_text_column *:first-child, #content .wpb_text_column p:first-child, #content .wpb_text_column *:first-child, .wpb_toggle_content p:first-child,
.wpb_alert .messagebox_text *:first-child {margin-top: 0;}
/* FAQ */
.jkreativ .wpb_toggle, .jkreativ #content h4.wpb_toggle {background: none; padding: 0 0 0 46px; margin-bottom: 20px; position: relative;}
.jkreativ .wpb_toggle:before, .jkreativ #content h4.wpb_toggle:before {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
top: 0;
left: 0;
content: "\f067";
padding: 10px;
font-size: 12px;
border: 1px solid #ddd;
}
.jkreativ .wpb_toggle_title_active:before, .jkreativ #content .wpb_toggle_title_active:before {
content: "\f068";
background: #f5f5f5;
}
.jkreativ .wpb_toggle_content {
padding-left: 48px;
margin-top: 0;
}
/* Tabs */
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav {border-bottom: 1px solid #ddd;}
.jkreativ .wpb_tabs .wpb_tabs_nav li { background: none; margin-bottom: -1px; display: block; position: relative; margin-right: 2px;}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tabs_nav a {
border-radius: 2px 2px 0 0;
border: 1px solid transparent;
padding: 10px 15px;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {background: none;}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li:hover a {
border-bottom-color: #ddd;
}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
color: #555;
border-color: #ddd #ddd #fff;
background: #fff;
}
.jkreativ .wpb_tabs.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab {
background: none;
padding: 1.5em 0;
}
/* Tour Tabs */
.wpb_tour *,
.wpb_tour *:before,
.wpb_tour *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.jkreativ .wpb_tour .wpb_tabs_nav {width: 24.666667%; position: relative; z-index: 2}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li {
background: #fff;
border: 1px solid #ddd;
margin:0 0 -1px;
}
.jkreativ .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
border-left: 1px solid #ddd;
position: relative;
left: -1px;
}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li a {color: #999}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover a,
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {color: #333;}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li:hover {background: #f7f7f7;}
.jkreativ .wpb_tour.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
margin-right: -1px;
border-right: 0;
background: #fff;
}
.jkreativ .wpb_tour_next_prev_nav {display: none;}
/* Accordion */
.jkreativ .wpb_accordion_section {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
border: 1px solid #ddd;
border-radius: 2px;
margin-top: 7px;
}
.jkreativ .wpb_accordion_section:first-child {margin-top: 0;}
.jkreativ .wpb_content_element .wpb_accordion_header a {
padding: 10px 15px;
color: #333;
}
.jkreativ .wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {margin: 0; outline: none}
.jkreativ .wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {display: none;}
.jkreativ .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
border-top: 1px solid #ddd;
padding: 1.5em;
}
/* Posts Grid */
.teaser_grid_container ul {padding: 0}
.teaser_grid_container .post-title {font-size: 16px;}
.teaser_grid_container .isotope-item .isotope-inner {border-bottom: 1px solid #ddd; padding-bottom: 35px}
.jkreativ .wpb_teaser_grid .categories_filter li a, .jkreativ .wpb_categories_filter li a {
border: 1px solid #ddd;
padding: 5px 10px;
color: #999;
font-size: 12px;
}
.wpb_teaser_grid .categories_filter li.active a, .wpb_categories_filter li.active a,
.wpb_teaser_grid .categories_filter li a:hover, .wpb_categories_filter li a:hover {
border: 1px solid #ccc !important;
background: #f7f7f7;
color: #555;
}
/* Posts Slider */
.jkreativ .flexslider {
background: transparent;
border: 0;
box-shadow: none;
}
.jkreativ .wpb_gallery .wpb_flexslider .flex-control-nav {bottom: -40px;}
/*** End: Visual Composer **/
.article-meta-tag {
border-bottom: 1px dashed #ddd;
border-top: 1px dashed #ddd;
clear: both;
font-size: 13px;
margin-bottom: 25px;
margin-top: 30px;
padding-bottom: 15px;
padding-top: 15px;
}
.alreadyloaded {
opacity: 1;
}