[class*="span"] { float: left; min-height: 1px; margin-left: 15px; margin-right: 15px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 779px; } .span9 { width: 698px; } .span8 { width: 617px; } .span7 { width: 536px; } .span6 { width: 455px; } .span5 { width: 374px; } .span4 { width: 293px; } .span3 { width: 212px; } .span2 { width: 131px; } .span1 { width: 50px; } .span-third { width: 193px; } .span-twothirds { width: 407px; } .span-bs-quarter { width: 100px; } .span-bs-threequarter { width: 340px; } .row-fluid .span12 { width: 100%; margin-left: 0; margin-right: 0; } @media only screen and (min-width: 1200px) { .span12 { width: 1140px; } .span11 { width: 1043px; } .span10 { width: 945px; } .span9 { width: 848px; } .span8 { width: 750px; } .span7 { width: 653px; } .span6 { width: 555px; } .span5 { width: 457px; } .span4 { width: 360px; } .span3 { width: 262px; } .span2 { width: 165px; } .span1 { width: 67px; } .span-third { width: 236px; } .span-twothirds { width: 504px; } .span-bs-quarter { width: 120px; } .span-bs-threequarter { width: 420px; } } @media only screen and (max-width: 979px) and (min-width: 768px) { .span12 { width: 720px; } .span11 { width: 658px; } .span10 { width: 595px; } .span9 { width: 533px; } .span8 { width: 470px; } .span7 { width: 408px; } .span6 { width: 345px; } .span5 { width: 282px; } .span4 { width: 220px; } .span3 { width: 157px; } .span2 { width: 95px; } .span1 { width: 32px; } .span-third { width: 145px; } .span-twothirds { width: 310px; } .span-bs-quarter, .span-bs-threequarter { width: 342px; } } @media only screen and (max-width: 767px) { .span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1, .span-third, .span-twothirds, .span-bs-quarter, .span-bs-threequarter { width: 100%; margin-left: 0; margin-right: 0; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { margin-bottom: 30px; } } .mt0 {  margin-top: 0!important; } .mb0 {  margin-bottom: 0!important; } .mr0 {  margin-right: 0!important; } .ml0 {  margin-left: 0!important; } .pt0 {  padding-top: 0!important; } .pb0 {  padding-bottom: 0!important; } .pr0 {  padding-right: 0!important; } .pl0 {  padding-left: 0!important; } .bt0 {  border-top: 0!important; } .bb0 {  border-bottom: 0!important; } .no-shadow {  -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; } .no-arrow:after {  display: none!important; } .pmb0 p {  margin-bottom: 0!important; } @font-face { font-family: 'source_sans_proregular'; src: url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-regular-webfont.eot'); src: url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-regular-webfont.woff') format('woff'), url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-regular-webfont.ttf') format('truetype'), url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'source_sans_probold'; src: url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-bold-webfont.eot'); src: url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-bold-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-bold-webfont.woff') format('woff'), url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-bold-webfont.ttf') format('truetype'), url('https://www.thomas-hammermeister.com/dnt/css/font/sourcesanspro-bold-webfont.svg#source_sans_probold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Museo500Regular'; src: url('https://www.thomas-hammermeister.com/dnt/css/font/Museo500-Regular-webfont.eot'); src: url('https://www.thomas-hammermeister.com/dnt/css/font/Museo500-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.thomas-hammermeister.com/dnt/css/font/Museo500-Regular-webfont.woff') format('woff'), url('https://www.thomas-hammermeister.com/dnt/css/font/Museo500-Regular-webfont.ttf') format('truetype'), url('https://www.thomas-hammermeister.com/dnt/css/font/Museo500-Regular-webfont.svg#Museo300Regular') format('svg'); font-weight: normal; font-style: normal; } body { font-family: "source_sans_proregular", Arial, Helvetica, Tahoma, sans-serif; } h1, h2, h3, h4, h5, .custom-caption p, span.dropcap1, span.dropcap2, span.dropcap3, span.dropcap4, .spb_call_text, .impact-text, .impact-text-large, .testimonial-text, .header-advert, .sf-count-asset .count-number, #base-promo, .sf-countdown, .sf-icon-character, .fancy-heading h1 { font-family: "Museo500Regular", Arial, Helvetica, Tahoma, sans-serif; } strong, .sf-button, h6, .standard-post-date, .sf-count-asset h6.count-subject, .progress-bar-wrap .bar-text > span.progress-value, .portfolio-showcase-wrap ul li .item-info span.item-title, table.sf-table th, .team-member figcaption span, .read-more-button, .pagination-wrap li span.current, #respond .form-submit input#submit, .twitter-link a, .comment-meta .comment-author, .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge, .woocommerce a.button.alt, .woocommerce .coupon input.apply-coupon, .bag-product-title a, .woocommerce .shipping-calculator-form .update-totals-button button, table.totals_table tr.total, .woocommerce .button.update-cart-button, .woocommerce .button.checkout-button, #product-accordion .accordion-toggle, .woocommerce ul.products li.product-category h3 { font-family: "source_sans_probold", Arial, Helvetica, Tahoma, sans-serif; letter-spacing: 1.8px; font-weight: normal!important; } i[class^="fa-"] { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; } i[class^="fa-cc-"] { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fab { font-family: 'Font Awesome 5 Brands'!important; } .far { font-family: 'Font Awesome 5 Free'!important; font-weight: 400; } .fa, .fas { font-family: 'Font Awesome 5 Free'!important; font-weight: 900; } .fa-long-arrow-right:before { content: "\f30b"; } i.fa-tachometer:before { content: "\f3fd"; } i.fa-sliders:before { content: "\f1de"; } i.fa-support:before { content: "\f1cd"; } body { padding: 0; margin: 0; font-size: 14px; -webkit-font-smoothing: antialiased; } body.modal-open { margin-right: 0; } body.layout-fullwidth.header-aux-open, body.layout-fullwidth.header-aux-closing { -webkit-perspective: 1200px; perspective: 1200px; } a { outline: none!important; transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; } a:hover, a:focus { text-decoration: none; } a:active { outline: none; } a:focus { -moz-outline-style: none; outline: none; text-decoration: none; } h1 { font-size: 30px; line-height: 42px; } h2 { font-size: 24px; line-height: 32px; } h3 { font-size: 18px; line-height: 24px; font-weight: normal; margin-bottom: 15px; } h4 { font-size: 16px; font-weight: normal; line-height: 20px; margin-bottom: 15px; } h5 { font-size: 14px; font-weight: normal; line-height: 18px; margin-bottom: 15px; } h6 { font-size: 12px; font-weight: bold; line-height: 16px; margin-bottom: 10px; text-transform: uppercase; } p { font-size: 14px; line-height: 170%; margin: 0 0 24px; } ul { list-style: none; margin: 0 0 20px; padding: 0; } ol { margin: 0 0 20px; padding: 0 0 0 20px; } ul > li > ul, ol > li > ol { margin-left: 20px; padding-left: 0; } dl dt { font-weight: bold; } dl dd { margin-bottom: 20px; } dl dt, dl dd { line-height: 180%; } ul ul, ul ol, ol ol, ol ul { margin-left: 0; } a.text-link { border-bottom: 1px dotted #e3e3e3; } .no-js-alert { background: none repeat scroll 0 0 #222222; color: #FFFFFF; font-size: 24px; height: 100%; left: 0; -moz-opacity: 0.9; opacity: 0.9; filter:alpha(opacity=90); padding: 20% 5% 0; position: fixed; text-align: center; top: 0; width: 90%; z-index: 9999; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } .clearfix { clear: none!important; } i[class^="fa-"] { font-family: 'Font Awesome 5 Free'; font-weight: 900; font-style: normal; } i[class^="fa-cc-"] { font-family: 'Font Awesome 5 Brands'; font-weight: 400; } .fab { font-family: 'Font Awesome 5 Brands'!important; } .far { font-family: 'Font Awesome 5 Free'!important; font-weight: 400; } .fa, .fas { font-family: 'Font Awesome 5 Free'!important; font-weight: 900; } #header-search { opacity: 0; padding-top: 40px; padding-bottom: 40px; position: absolute; top: 0; width: 100%; z-index: -1; } #header-search i.ss-search { float: left; font-size: 24px; padding-top: 7px; display: inline-block; } #header-search form { float: left; width: 80%; } #header-search input { background: transparent; border: 0; font-size: 24px; padding: 0 15px; margin: 0; width: 100%; line-height: 31px; } #header-search-close { float: right; font-size: 28px; padding: 10px; display: block; } #container { position: relative; z-index: 99; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform-origin: 50% 1%; transform-origin: 50% 1%; -webkit-transform-style: flat; transform-style: flat; } .no-csstransforms3d #container, .ie-mobile #container { -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; transform-style: flat; position: inherit; } .mobile-menu-open #container { -webkit-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0); } .no-csstransforms .mobile-menu-open #container, .ie-mobile.mobile-menu-open #container { -webkit-transform: none; transform: none; } .header-aux-closing #container { -webkit-transform: rotateX(0deg) scale(1) translateY(0); transform: rotateX(0deg) scale(1) translateY(0); overflow: hidden; } .header-aux-open #container { -webkit-transform: rotateX(5deg) scale(0.8) translateY(170px); transform: rotateX(5deg) scale(0.8) translateY(170px); overflow: hidden; } .no-csstransforms3d .layout-fullwidth .header-aux-open #container, .header-aux-open.ss-open.layout-fullwidth #container { -webkit-transform: rotateX(0deg) scale(1) translateY(0); transform: rotateX(0deg) scale(1) translateY(0); padding-top: 150px; -webkit-transition: padding 0.4s; transition: padding 0.4s; } .no-csstransforms3d .layout-boxed .header-aux-open #container, .header-aux-open.ss-open.layout-boxed #container { -webkit-transform: rotateX(0deg) scale(1) translateY(0); transform: rotateX(0deg) scale(1) translateY(0); } .no-csstransforms3d .header-aux-closing #container { padding-top: 0; } #page-wrap { overflow: hidden; width: 100%; } #page-bg-image { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } input, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] { outline: 0; border-radius: 0; box-shadow: none; } textarea { border-radius: 0; box-shadow: none; } input:focus, textarea:focus { box-shadow: none!important; } iframe { border: 0; } video.wp-video-shortcode { max-width: 100%; } table { border-collapse: collapse; border-spacing: 0; font-size: 14px; line-height: 2; border-bottom: 1px solid #ededed; } table th { font-weight: bold; } table thead th { text-transform: uppercase; } table tr > th { padding-right: 20px; } table td { padding: 6px 10px 6px 0; border-top: 1px solid #ededed; } address { font-style: italic; margin: 0 0 24px; } img { max-width: 100%; height: auto; } ins { background: #fff9c0; text-decoration: none; } pre { background: #f5f5f5; color: #666; font-family: monospace; font-size: 14px; margin: 20px 0; overflow: auto; padding: 20px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; border: 0; } audio { margin: 20px 0; } .blank_spacer { min-height: 0; } div.entry-title { display: none; } .chat-transcript .chat-author { font-weight: bold; } .nicescroll-rails { background: #fff; width: 5px!important; } .nicescroll-rails > div { width: 5px!important; border: 0!important; background: #666!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important; border-radius: 6px!important; } .sf-swipe-indicator { display: none; position: absolute; top: 50%; left: 50%; height: 76px; width: 76px; margin-left: -38px; margin-top: -38px; z-index: 2; background: transparent url('https://www.thomas-hammermeister.com/dnt/images/swipe_indicator.png') no-repeat center center; -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .sf-swipe-indicator.animate { -webkit-animation-name: shake; -moz-animation-name: shake; -o-animation-name: shake; animation-name: shake; } .fw-row { margin-left: 0; margin-right: 0; } .spb_accordion .container, .spb_tabs .container, .spb_tour .container, .column_container .container { max-width: 100%!important; padding-left: 0; padding-right: 0; } .spb-row-container.spb-row-full-width .remove-element-spacing .container, .spb-row-container.spb-row-full-width .remove-element-spacing div[class*="col-sm"] { padding-left: 0; padding-right: 0; } .spb-row-container.spb-row-full-width .spb_content_element { margin: 0!important; } .spb-row-container.spb-row-full-width .spb_wrapper > .container { width: 100%; } .spb-row-container .blog-items, .spb-row-container .spb_wrapper .row { padding-bottom: 0!important; margin-bottom: 0!important; } .spb-row-container > div { position: relative; z-index: 3; padding: 0; } .spb-row-container > div.row-overlay { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .spb-row-container > .asset-bg { margin: 0!important; } .single-post .container .body-text > .container { margin-left: -15px; max-width: 100%; } .modal-dialog { padding-top: 10%!important; } .modal-body .container { max-width: 100%; } .fw-row > .container { padding-left: 0!important; padding-right: 0!important; } .fw-row > .container > .span12 { margin-left: 0; } .fw-row > .container-fluid { padding-left: 0; padding-right: 0; } .fw-row .spb-row-full-width, .fw-row .spb-row-full-width > .spb_content_element > .container { width: 100%; padding-left: 0; padding-right: 0; } .row-content-width > .container { width: 100%; } .row-content-width .spb-row-container.spb-row-content-width { width: 100%; } .spb-asset-content > .container { max-width: 100%; } .spb-row-container { position: relative; } .spb-row-container > div.spb_content_element { position: relative; z-index: 3; } .spb-row-container > div.row-overlay { position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; } .overlay-diaglight { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_diagonal_lines_light.png'); } .overlay-diagdark { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_diagonal_lines_dark.png'); } .overlay-horizlight { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_horizontal_lines_light.png'); } .overlay-horizgdark { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_horizontal_lines_dark.png'); } .overlay-vertlight { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_vertical_lines_light.png'); } .overlay-vertzgdark { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_vertical_lines_dark.png'); } .overlay-lightgrid { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_pixel_light.png'); } .overlay-darkgrid { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_pixel_dark.png'); } .overlay-lightgridfat { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_fat_pixel_light.png'); } .overlay-darkgridfat { background-image: url('https://www.thomas-hammermeister.com/dnt/images/vo_fat_pixel_dark.png'); } .spb-column-container > .spb-asset-content > .container > .row { margin-left: 0; } .spb-column-container > .spb-asset-content > .container > .row > [class*="span"]:first-child { margin-left: 0; }  figure { margin: 0; } figure img { width: 100%; height: auto; } figure a { display: block; } figure .overlay { width: 100%; height: 100%; position: absolute; display: block; z-index: 3; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -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; margin-left: -0.6px; padding-right: 0.6px; } figure:hover > a > .overlay { opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); margin-top: -1.6px;  padding-bottom: 1.6px;  } figcaption .thumb-info { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden;  } figcaption .thumb-info h4 { line-height: 20px; margin-bottom: 0; padding: 0 5%; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); position: absolute; top: 50%; margin-top: -40px; } figcaption .thumb-info-extended h4 { margin-top: -60px; } figcaption .thumb-info-extended h5 { padding: 0 5%; width: 100%; position: absolute; top: 50%; margin-top: -35px; } figcaption .thumb-info-extended i { margin-top: 10px; } figcaption .thumb-info a:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } figcaption .thumb-info i { font-size: 20px; line-height: 30px; padding: 10px; border-radius: 45px; height: 24px; width: 24px; display: block; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); text-align: center; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; position: absolute; left: 50%; margin-left: -24px; top: 50%; } figcaption .thumb-info-alt i { font-size: 24px; line-height: 34px; padding: 10px; border-radius: 45px; height: 30px; width: 30px; top: 50%; margin-top: -25px; margin-left: -25px; left: 50%; position: absolute; } figcaption .thumb-info-excerpt h4 { line-height: 20px; margin-bottom: 0; padding: 0 5%; width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-align: center; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); position: absolute; top: 40%; margin-top: -40px; } figcaption .thumb-info-excerpt p { line-height: 22px; margin-bottom: 0; padding: 0 5%; width: 100%; text-align: center; -moz-text-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-text-shadow: 0 0 5px rgba(0,0,0,.2); text-shadow: 0 0 5px rgba(0,0,0,.2); position: absolute; top: 40%; margin-top: 0; } figcaption .thumb-info-excerpt i { display: none; } .portfolio-item.standard figcaption .thumb-info a { top: 50%; position: absolute; margin-top: -25px; margin-left: -25px; } figure.animated-overlay { position: relative; overflow: visible; z-index: 2; } figure.animated-overlay > a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 4; } .browser-ie figure.animated-overlay > a { background: transparent url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat; } figure.animated-overlay .thumb-slider ul.slides li a { position: relative; z-index: 2; } figure.animated-overlay figcaption { height: 100%; width: 100%; display: block; opacity: 0; filter:alpha(opacity=0); text-align: center; position: absolute; z-index: 1; top: 0; left: 0; background-image: url(https://www.thomas-hammermeister.com/dnt/images/crease.svg); background-size: cover; background-position: center center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; } .browser-ie figure.animated-overlay figcaption, .browser-ie10 figure.animated-overlay figcaption { background-image: none; } figure.animated-overlay:hover figcaption { opacity: 1; filter:alpha(opacity=100); -webkit-transform: translate(10px, 10px); -moz-transform: translate(10px, 10px); -ms-transform: translate(10px, 10px); transform: translate(10px, 10px); } figure.animated-overlay.overlay-alt:hover figcaption { -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } figure.animated-overlay .sf-video-wrap, .sf-video-wrap { padding-bottom: 56.25%; position: relative; width: 100%; } figure.animated-overlay .sf-video-wrap iframe, .sf-video-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .curved-bar-styling { border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } ul.bar-styling { height: auto; overflow: hidden; } ul.page-numbers { float: right; } ul.bar-styling li, ul.page-numbers li { float: left; display: block; } ul.bar-styling li > a, ul.bar-styling li > div, ul.page-numbers li > a, ul.page-numbers li > span { padding: 8px 16px; border: 1px solid transparent; display: block; margin-right: -1px; text-decoration: none; height: auto; overflow: hidden; } ul.bar-styling li > form input { border: 1px solid transparent; display: block; margin-right: -1px; height: auto; overflow: hidden; padding: 10px 14px; height: 40px; font-size: 14px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } ul.bar-styling li:first-child a, ul.bar-styling li:first-child div, ul.page-numbers li:first-child a, ul.page-numbers li:first-child span { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } ul.bar-styling li:last-child a, ul.bar-styling li:last-child div, ul.page-numbers li:last-child a, ul.page-numbers li:last-child span { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } ul.page-numbers li a.prev i, ul.page-numbers li a.next i { height: 10px; display: inline-block; vertical-align: -3px; } .sf-roll-button { display: inline-block; height: 40px!important; line-height: 40px!important; overflow: hidden; position: relative; text-align: center; padding: 0 14px!important; transition: all 0.35s; } .sf-roll-button:hover { box-shadow: none!important; } .sf-roll-button span { display: block; height: 100%; position: relative; top: 0%; transition: top 0.35s; width: 100%; } .sf-roll-button:hover span { top: -100%; } .modal-header { padding: 22px 30px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .modal-header h2, .modal-header h3 { margin: 0; } .modal-header .close { margin-top: 2px; font-size: 30px; outline: none!important; } .modal-body { padding: 20px 30px; } .viewer li { -webkit-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); -moz-transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); transition: width 500ms cubic-bezier(0.075, 0.820, 0.165, 1.000); } .viewer .caption { visibility: hidden; opacity: 0; -webkit-transition: opacity 1.5s ease-in-out; -moz-transition: opacity 1.5s ease-in-out; transition: opacity 1.5s ease-in-out; } .viewer .current .caption { opacity: 100; visibility: visible; } .viewer .close:hover { color: #fff; } #lang_sel_list { z-index: 2!important; } .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social * { float:none; margin:0; padding:0; border:0; outline:0; font-size:100%; line-height:100%; vertical-align:baseline; background:transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: -moz-none; -khtml-user-select: none; -o-user-select: none; user-select: none; } .ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .ilightbox-closedhand * { cursor: url('https://www.thomas-hammermeister.com/dnt/images/closedhand.cur'),default !important; } .ilightbox-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; } .ilightbox-loader { position: fixed; z-index: 100005; top: 45%; left: -192px; padding-left: 30px; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .ilightbox-loader div { width: 72px; height: 72px; -webkit-border-radius: 0 100px 100px 0; border-radius: 0 100px 100px 0; } .ilightbox-loader.horizontal { left: 45%; top: -192px; padding: 0; padding-top: 30px; -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; } .ilightbox-loader.horizontal  div { -webkit-border-radius: 0 0 100px 100px; border-radius: 0 0 100px 100px; } .ilightbox-toolbar { display: none; position: fixed; z-index: 100010; } .ilightbox-toolbar a { float: left; cursor: pointer; } .ilightbox-toolbar .ilightbox-prev-button, .ilightbox-toolbar .ilightbox-next-button { display: none; } .ilightbox-thumbnails { display: block; position: fixed; z-index: 100009; } .ilightbox-thumbnails.ilightbox-horizontal { bottom: 20px; left: 0; width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical { top: 0; right: 0; width: 140px; height: 100%; overflow: hidden; } .ilightbox-thumbnails .ilightbox-thumbnails-container { display: block; position: relative; } .ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container { width: 100%; height: 100px; } .ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container { width: 140px; height: 100%; } .ilightbox-thumbnails .ilightbox-thumbnails-grid { display: block; position: absolute; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail { display: block; cursor: pointer; padding: 10px; position: relative; height: auto!important; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail img { width: 100%; height: 100%; -webkit-border-radius: 2px; border-radius: 2px; -ms-interpolation-mode: bicubic; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon { width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: .7; } .ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover { opacity: 1; } .ilightbox-holder { display: none; position: fixed; z-index: 100003; -webkit-transform: none; -moz-transform: none; } .ilightbox-holder.ilightbox-next, .ilightbox-holder.ilightbox-prev { cursor: pointer; } .ilightbox-holder div.ilightbox-container { position: relative; width: 100%; height: 100%; } .ilightbox-holder img.ilightbox-image { width: 100%; height: 100%; } .ilightbox-holder .ilightbox-container .ilightbox-caption { display: none; position: absolute; left: 30px; right: 30px; bottom: 0; max-width: 100%; padding: 5px 10px; margin: 0 auto; font-size: 14px; line-height: 200%; word-wrap: break-word; text-align: center; z-index: 20003; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; } .ilightbox-holder .ilightbox-container .ilightbox-social { display: none; position: absolute; left: 10px; top: 10px; padding: 0; padding-left: 0; z-index: 20003; height: 16px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul { float: left; list-style: none; height: 28px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li { display: inline; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a { float: left; width: 28px; height: 30px; opacity: 0.7; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a:hover { opacity: 1; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li a:before { font-family: "Font Awesome 5 Brands"; font-weight: normal; font-style: normal; display: block; font-size: 14px; line-height: 28px; text-align: center; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a { background: #3b5998; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook a:before { content: "\f09a"; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a { background: #00aced; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter a:before { content: "\f099"; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus { display: none!important } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a { background: #dd4b39; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus a:before { content: "\f0d5"; line-height: 30px; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.pinterest a { background: #cb2027; color: #fff; } .ilightbox-holder .ilightbox-container .ilightbox-social ul li.pinterest a:before { content: "\f0d2"; } .ilightbox-holder .ilightbox-alert { display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; text-align: center; padding-top: 100px; margin: auto; width: 300px; height: 50px; } .ilightbox-holder .ilightbox-wrapper { width: 100%; height: 100%; overflow: auto; } .ilightbox-holder .ilightbox-inner-toolbar { position: relative; z-index: 100; } .ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar { position: absolute; } .ilightbox-button { position: fixed; z-index: 100008; cursor: pointer; } .isMobile .ilightbox-button, .isMobile .ilightbox-thumbnails { display: none !important; } .isMobile .ilightbox-toolbar .ilightbox-prev-button, .isMobile .ilightbox-toolbar .ilightbox-next-button { display: block; } .ilightbox-overlay.metro-white { background: #FFF; } .ilightbox-loader.metro-white { } .ilightbox-loader.metro-white div { background: #FFF url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/preloader.gif') no-repeat center; } .ilightbox-holder.metro-white { padding: 3px; background: #FFF; -webkit-box-shadow: 0 0 45px rgba(0,0,0,.2); box-shadow: 0 0 45px rgba(0,0,0,.2); } .ilightbox-holder.metro-white .ilightbox-container .ilightbox-caption { background: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/caption-bg.png') repeat-x bottom; background-size: 100% 100%; left: 0; right: 0; color: #000; text-shadow: 0 1px 1px rgba(0,0,0,.3); padding-top: 15px; } .ilightbox-holder.metro-white .ilightbox-container .ilightbox-social { background: #fff; height: auto; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; } .ilightbox-holder.metro-white .ilightbox-alert { background: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/alert.png') no-repeat center top; color: #89949B; } .ilightbox-toolbar.metro-white { top: 8px; left: 8px; height: 25px; } .ilightbox-toolbar.metro-white a { width: 27px; height: 25px; background: white url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/buttons.png') no-repeat 7px 6px; } .ilightbox-toolbar.metro-white a:hover { background-color: #51b7ff; } .ilightbox-toolbar.metro-white a.disabled { opacity: 0.2; filter: alpha(opacity=20); cursor: default; background-color: #FFF; } .ilightbox-toolbar.metro-white a.ilightbox-close:hover { background-color: #d94947; background-position: -30px 6px; } .ilightbox-toolbar.metro-white a.ilightbox-fullscreen { background-position: 6px -31px; } .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover { background-position: -29px -31px; } .ilightbox-toolbar.metro-white a.ilightbox-play { background-position: 8px -55px; } .ilightbox-toolbar.metro-white a.ilightbox-play:hover { background-position: -30px -55px; } .ilightbox-toolbar.metro-white a.ilightbox-pause { background-position: 8px -81px; } .ilightbox-toolbar.metro-white a.ilightbox-pause:hover { background-position: -30px -81px; } .isMobile .ilightbox-toolbar.metro-white { background: #FFF; top: auto; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.2); box-shadow: 0 0 25px rgba(0,0,0,.2); } .isMobile .ilightbox-toolbar.metro-white a, .isMobile .ilightbox-toolbar.metro-white a:hover { display: inline-block; float: none; width: 50px; height: 40px; background-size: 50%; background-position: 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/fullscreen-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/fullscreen-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-fullscreen:hover { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/fullscreen-hover-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/fullscreen-hover-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-close { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/x-mark-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/x-mark-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-close:hover { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/x-mark-hover-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/x-mark-hover-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-next-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-next-icon-ie.png')\9;   background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button:hover { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-next-hover-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-next-hover-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-next-button.disabled { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-next-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-next-icon-ie.png')\9;   background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-prev-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-prev-icon-ie.png')\9;   background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button:hover { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-prev-hover-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-prev-hover-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-prev-button.disabled { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-prev-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrow-prev-icon-ie.png')\9;   background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-play { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/play-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/play-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-play:hover { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/play-hover-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/play-hover-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/pause-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/pause-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-white a.ilightbox-pause:hover { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/pause-hover-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/pause-hover-icon-ie.png')\9;   } .ilightbox-thumbnails.metro-white.ilightbox-horizontal { height: 104px; } .ilightbox-thumbnails.metro-white.ilightbox-horizontal .ilightbox-thumbnails-container { height: 104px; } .ilightbox-thumbnails.metro-white.ilightbox-vertical { width: 144px; } .ilightbox-thumbnails.metro-white.ilightbox-vertical .ilightbox-thumbnails-container { width: 144px; } .ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail img { border: 2px solid #FFF; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-border-radius: 0; border-radius: 0; } .ilightbox-thumbnails.metro-white .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video { background: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/thumb-overlay-play.png') no-repeat center; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title { font-size: 18px; padding: 10px 12px; padding-right: 60px; color: #535352; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-toolbar { left: auto; top: 5px; right: 5px; } .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-toolbar a { float: right; } .ilightbox-button.metro-white.disabled { opacity: 0.1; filter: alpha(opacity=10); cursor: default; } .ilightbox-button.metro-white span { display: block; width: 100%; height: 100%; } .ilightbox-button.ilightbox-next-button.metro-white, .ilightbox-button.ilightbox-prev-button.metro-white { bottom: 0; right: 0; left: 0; left: 35%\9;   right: auto\9;   width: 30%; height: 100px; margin: auto; background: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrows_vertical.png') no-repeat 50% -100px; background-color: #FFF; background-color: rgba(255,255,255,0.6); } .ilightbox-button.ilightbox-prev-button.metro-white { top: 0; bottom: auto; background-position: 50% 0; } .ilightbox-button.ilightbox-next-button.metro-white.horizontal, .ilightbox-button.ilightbox-prev-button.metro-white.horizontal { right: 0; left: auto; top: 0; bottom: 0; top: 36%\9;   bottom: auto\9;   width: 100px; height: 30%; background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-light/arrows_horizontal.png'); background-position: -93px 50%; } .ilightbox-button.ilightbox-prev-button.metro-white.horizontal { right: auto; left: 0; background-position: -7px 50%; } .ilightbox-overlay.metro-black { background: #000; } .ilightbox-loader.metro-black { } .ilightbox-loader.metro-black div { background: #000 url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/preloader.gif') no-repeat center; } .ilightbox-holder.metro-black { padding: 3px; background: #000; -webkit-box-shadow: 0 0 45px rgba(0,0,0,.8); box-shadow: 0 0 45px rgba(0,0,0,.8); } .ilightbox-holder.metro-black .ilightbox-container .ilightbox-caption { background: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/caption-bg.png') repeat-x bottom; background-size: 100% 100%; left: 0; right: 0; color: #FFF; text-shadow: 0 0 3px rgba(0, 0, 0, .75); padding-top: 15px; } .ilightbox-holder.metro-black .ilightbox-container .ilightbox-social { background: #222; height: auto; overflow: hidden; -webkit-border-radius: 2px; border-radius: 2px; } .ilightbox-holder.metro-black .ilightbox-alert { background: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/alert.png') no-repeat center top; color: #555; } .ilightbox-toolbar.metro-black { top: 8px; left: 8px; height: 25px; } .ilightbox-toolbar.metro-black a { width: 27px; height: 25px; background: #000 url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/buttons.png') no-repeat 7px 6px; } .ilightbox-toolbar.metro-black a:hover { background-color: #51b7ff; } .ilightbox-toolbar.metro-black a.ilightbox-close:hover { background-color: #d94947; } .ilightbox-toolbar.metro-black a.disabled { opacity: 0.2; filter: alpha(opacity=20); cursor: default; background-color: #000; -webkit-box-shadow: 0 0 25px rgba(0,0,0,.8); box-shadow: 0 0 25px rgba(0,0,0,.8); } .ilightbox-toolbar.metro-black a.ilightbox-fullscreen { background-position: 6px -31px; } .ilightbox-toolbar.metro-black a.ilightbox-play { background-position: 8px -55px; } .ilightbox-toolbar.metro-black a.ilightbox-pause { background-position: 8px -81px; } .isMobile .ilightbox-toolbar.metro-black { background: #000; top: auto; bottom: 0; left: 0; width: 100%; height: 40px; text-align: center; } .isMobile .ilightbox-toolbar.metro-black a { display: inline-block; float: none; width: 50px; height: 40px; background-size: 50%; background-position: 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-fullscreen { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/fullscreen-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/fullscreen-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-close { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/x-mark-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/x-mark-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-next-button { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/arrow-next-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/arrow-next-icon-ie.png')\9;   background-position: 52% 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-prev-button { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/arrow-prev-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/arrow-prev-icon-ie.png')\9;   background-position: 48% 50%; } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-play { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/play-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/play-icon-ie.png')\9;   } .isMobile .ilightbox-toolbar.metro-black a.ilightbox-pause { background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/pause-icon-64.png'); background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/pause-icon-ie.png')\9;   } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-title { font-size: 18px; padding: 10px 12px; padding-right: 60px; color: #acacad; } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar { left: auto; top: 5px; right: 5px; } .ilightbox-holder.metro-black .ilightbox-inner-toolbar .ilightbox-toolbar a { float: right; } .ilightbox-thumbnails.metro-black.ilightbox-horizontal { height: 104px; } .ilightbox-thumbnails.metro-black.ilightbox-horizontal .ilightbox-thumbnails-container { height: 104px; } .ilightbox-thumbnails.metro-black.ilightbox-vertical { width: 144px; } .ilightbox-thumbnails.metro-black.ilightbox-vertical .ilightbox-thumbnails-container { width: 144px; } .ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail img { border: 2px solid #000; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.8); box-shadow: 0 0 10px rgba(0,0,0,.8); -webkit-border-radius: 0; border-radius: 0; } .ilightbox-thumbnails.metro-black .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-video { background: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/thumb-overlay-play.png') no-repeat center; } .ilightbox-button.metro-black.disabled { opacity: 0.1; filter: alpha(opacity=10); cursor: default; } .ilightbox-button.metro-black span { display: block; width: 100%; height: 100%; } .ilightbox-button.ilightbox-next-button.metro-black, .ilightbox-button.ilightbox-prev-button.metro-black { bottom: 0; right: 0; left: 0; left: 35%\9;   right: auto\9;   width: 30%; height: 100px; margin: auto; background: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/arrows_vertical.png') no-repeat 50% -100px; background-color: #000; background-color: rgba(0,0,0,0.5); } .ilightbox-button.ilightbox-prev-button.metro-black { top: 0; bottom: auto; background-position: 50% 0; } .ilightbox-button.ilightbox-next-button.metro-black.horizontal, .ilightbox-button.ilightbox-prev-button.metro-black.horizontal { right: 0; left: auto; top: 0; bottom: 0; top: 36%\9;   bottom: auto\9;   width: 100px; height: 30%; background-image: url('https://www.thomas-hammermeister.com/dnt/images/lightbox/metro-dark/arrows_horizontal.png'); background-position: -93px 50%; } .ilightbox-button.ilightbox-prev-button.metro-black.horizontal { right: auto; left: 0; background-position: -7px 50%; } .grid { list-style: none; } .grid > li { display: block; float: left; opacity: 0; } .grid > li.shown, .no-js .grid > li, .no-cssanimations .grid > li, .grid.no-effect > li { opacity: 1; } .grid.effect-1 li.animate { -webkit-animation: fadeIn 0.65s ease forwards; -moz-animation: fadeIn 0.65s ease forwards; animation: fadeIn 0.65s ease forwards; } .grid.effect-2 li.animate { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; -moz-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } .grid.effect-3 li.animate { -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transform: scale(0.6); -webkit-animation: scaleUp 0.65s ease-in-out forwards; -moz-animation: scaleUp 0.65s ease-in-out forwards; animation: scaleUp 0.65s ease-in-out forwards; } .grid.effect-4 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-4 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: translateY(300px) rotateX(-90deg); -moz-transform: translateY(300px) rotateX(-90deg); transform: translateY(300px) rotateX(-90deg); -webkit-animation: fallPerspective .8s ease-in-out forwards; -moz-animation: fallPerspective .8s ease-in-out forwards; animation: fallPerspective .8s ease-in-out forwards; } .grid.effect-5 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-5 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 50% 50%; -moz-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg); transform: rotateX(-180deg); -webkit-animation: fly .8s ease-in-out forwards; -moz-animation: fly .8s ease-in-out forwards; animation: fly .8s ease-in-out forwards; } .grid.effect-6 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-6 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; -moz-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; } .grid.effect-7 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-7 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; -moz-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; } .grid.effect-8 { -webkit-perspective: 1300px; -moz-perspective: 1300px; perspective: 1300px; } .grid.effect-8 li.animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); -webkit-animation: popUp .8s ease-in forwards; -moz-animation: popUp .8s ease-in forwards; animation: popUp .8s ease-in forwards; } .sf-animation { -webkit-perspective: 600px; -moz-perspective: 600px; perspective: 600px; opacity: 0; position: relative; } html.no-js .sf-animation, .sf-animation[data-animation="none"] { opacity: 1!important; left: auto!important; right: auto!important; bottom: auto!important; -webkit-transform: scale(1)!important; -o-transform: scale(1)!important; -moz-transform: scale(1)!important; transform: scale(1)!important; } html.no-js .sf-animation.image-banner-content, .sf-animation[data-animation="none"].image-banner-content { bottom: 50%!important; } .sf-animation[data-animation="grow"] { opacity: 0; -webkit-transform: scale(0.4); -o-transform: scale(0.4); -moz-transform: scale(0.4); transform: scale(0.4); -webkit-transform-origin: 50% 50%; -webkit-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); -moz-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); -o-transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); transition: all 0.6s cubic-bezier(0.15, 0.85, 0.35, 1.25); } .sf-animation[data-animation="grow"].sf-animate { opacity: 1; -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .sf-animation[data-animation="pop-up"].sf-animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); -webkit-animation: popUp 0.4s ease-in-out forwards; -moz-animation: popUp 0.4s ease-in-out forwards; animation: popUp 0.4s ease-in-out forwards; } .sf-animation[data-animation="flip"].sf-animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transform: rotateX(-80deg); -webkit-animation: flip .8s ease-in-out forwards; -moz-animation: flip .8s ease-in-out forwards; animation: flip .8s ease-in-out forwards; } .sf-animation[data-animation="helix"].sf-animate { -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); transform: rotateY(-180deg); -webkit-animation: helix .8s ease-in-out forwards; -moz-animation: helix .8s ease-in-out forwards; animation: helix .8s ease-in-out forwards; } .sf-animation[data-animation="move-up"].sf-animate { -webkit-transform: translateY(200px); -moz-transform: translateY(200px); transform: translateY(200px); -webkit-animation: moveUp 0.65s ease forwards; -moz-animation: moveUp 0.65s ease forwards; animation: moveUp 0.65s ease forwards; } .sf-animation[data-animation="spin"].sf-animate { -webkit-animation: spin 0.65s ease forwards; -moz-animation: spin 0.65s ease forwards; animation: spin 0.65s ease forwards; } .sf-animation[data-animation="flip-x"].sf-animate { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; -webkit-animation: flipX 0.65s ease forwards; -moz-animation: flipX 0.65s ease forwards; animation: flipX 0.65s ease forwards; } .sf-animation[data-animation="flip-y"].sf-animate { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; -webkit-animation: flipY 0.65s ease forwards; -moz-animation: flipY 0.65s ease forwards; animation: flipY 0.65s ease forwards; } .sf-animation[data-animation="fade-from-left"] { left: -70px; } .sf-animation[data-animation="fade-from-right"] { right: -70px; } .sf-animation[data-animation="fade-from-bottom"] { bottom: -120px; } .sf-animation[data-animation="fade-from-left"], .sf-animation[data-animation="fade-from-right"] { margin: 0 auto; } .sf-animation[data-animation="fade-from-left"].spb_single_image, .sf-animation[data-animation="fade-from-right"].spb_single_image { margin: 0 auto 30px; } .browser-ie .sf-animation[data-animation="pop-up"].sf-animate, .browser-ie .sf-animation[data-animation="flip"].sf-animate, .browser-ie .sf-animation[data-animation="helix"].sf-animate, .browser-ie .sf-animation[data-animation="fly"].sf-animate, .browser-ie .sf-animation[data-animation="move-up"].sf-animate, .browser-ie .sf-animation[data-animation="spin"].sf-animate, .browser-ie .sf-animation[data-animation="flip-x"].sf-animate, .browser-ie .sf-animation[data-animation="flip-y"].sf-animate { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } .flexslider { background: transparent; border: 0; width: 100%; z-index: 2; display: block; position: relative; overflow: hidden; } .flexslider ul.slides { background: transparent; margin: 0; padding: 0; height: auto; overflow: hidden; list-style: none!important; } .flexslider .slides > li { position: relative; text-align: center; overflow: hidden; margin: 0; display: none; -webkit-backface-visibility: hidden; } .flexslider .slides li img { max-width: 100%; width: 100%; height: auto; display: block!important; } .flex-direction-nav, .flex-direction-nav li, .wooslider-direction-nav, .wooslider-direction-nav li { margin: 0; padding: 0; list-style: none; } .flex-direction-nav a, .wooslider-direction-nav a, .carousel-wrap a.carousel-next, .carousel-wrap a.carousel-prev { width: 38px; height: 38px; margin: -19px 0 0; display: block; background: transparent url('https://www.thomas-hammermeister.com/dnt/images/showcase-nav.png') no-repeat center left; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; filter: alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; z-index: 3; } .flex-direction-nav .flex-next, .wooslider-direction-nav .wooslider-next, .carousel-wrap a.carousel-next { background-position: center right; right: -36px; } .flex-direction-nav .flex-prev, .wooslider-direction-nav .wooslider-prev, .carousel-wrap a.carousel-prev { left: -36px; } .flex-direction-nav .flex-disabled { opacity: 0!important; filter: alpha(opacity=0)!important; pointer-events: none; } .rev_slider_wrapper { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 1; } .tp-bannertimer { z-index: 20!important; } .rev_slider iframe { z-index: 999; } .content-slider { position: static; } .content-slider .flex-direction-nav .flex-next { right: 20px!important; } .content-slider .flex-direction-nav .flex-prev { left: 20px!important; } .flexslider:hover .flex-next, .wooslider:hover .wooslider-next, .spb_testimonial_slider_widget:hover .flexslider .flex-next { opacity: 1; filter:alpha(opacity=100); right: 20px!important; } .rev_slider_wrapper:hover > .tp-rightarrow { opacity: 1; filter:alpha(opacity=100); right: 0!important; } .flexslider:hover .flex-prev, .wooslider:hover .wooslider-prev, .spb_testimonial_slider_widget:hover .flexslider .flex-prev { opacity: 1; filter:alpha(opacity=100); left: 20px!important; } .rev_slider_wrapper:hover > .tp-leftarrow { opacity: 1; filter:alpha(opacity=100); left: 0!important; } .tp-caption a.sf-button { font-size: inherit; margin-right: 0; } .flex-direction-nav .disabled { opacity: .3!important; filter:alpha(opacity=30); cursor: default; } .thumb-slider .flex-direction-nav { height: 100%; position: absolute; top: 0; width: 100%; } .thumb-slider .flex-direction-nav li { position: relative!important; left: auto!important; top: 50%!important; } .thumb-slider .flex-direction-nav a, .gallery-slider .flex-direction-nav a, .gallery-nav .flex-direction-nav a, .item-slider .flex-direction-nav a { height: 38px; width: 36px; background: transparent url('https://www.thomas-hammermeister.com/dnt/images/slider-nav.png') no-repeat center left; } .thumb-slider .flex-prev, .thumb-slider:hover .flex-prev, .gallery-slider .flex-prev, .gallery-slider:hover .flex-prev, .gallery-nav .flex-prev, .gallery-nav:hover .flex-prev, .item-slider .flex-prev, .item-slider:hover .flex-prev { left: 0!important; } .thumb-slider .flex-next, .thumb-slider:hover .flex-next, .gallery-slider .flex-next, .gallery-slider:hover .flex-next, .gallery-nav .flex-next, .gallery-nav:hover .flex-next, .item-slider .flex-next, .item-slider:hover .flex-next { right: 0!important; } .thumb-slider .flex-direction-nav a.flex-next, .gallery-slider .flex-direction-nav a.flex-next, .gallery-nav .flex-direction-nav a.flex-next,  .item-slider .flex-direction-nav a.flex-next { background-position: center right; } .thumb-slider:hover .flex-direction-nav a.flex-prev, .gallery-slider:hover .flex-direction-nav a.flex-prev, .gallery-nav:hover .flex-direction-nav a.flex-prev, .item-slider:hover .flex-direction-nav a.flex-prev { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } .thumb-slider:hover .flex-direction-nav a.flex-next, .gallery-slider:hover .flex-direction-nav a.flex-next, .gallery-nav:hover .flex-direction-nav a.flex-next, .item-slider:hover .flex-direction-nav a.flex-next { opacity: 0.8; -moz-opacity: 0.8; filter: alpha(opacity=80); } .flex-control-nav { position: absolute; bottom: 20px; left: 20px; margin: 0; z-index: 4; list-style: none!important; } .flex-control-nav li { float: left; display: inline-block; margin-right: 5px; margin-bottom: 0; } .flex-control-nav li a { text-indent: 100%; white-space: nowrap; overflow: hidden; background: #fff; width: 10px; height: 10px; display: block; webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } .flex-control-nav li a:hover { cursor: pointer; } .flex-control-nav li a.flex-active { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .flex-pauseplay { position: absolute; color: #fff; bottom: 18px; left: 20px; font-size: 13px; height: 13px; } .flex-pauseplay span:before { font-family: "Font Awesome 5 Free"; font-style: normal; display: inline-block; text-decoration: inherit; } .flex-pauseplay .pause:before { content: "\f04c"; } .flex-pauseplay .play:before { content: "\f04b"; } .blog-slider .flex-pauseplay, .thumb-slider .flex-pauseplay { bottom: 16px; font-size: 11px; height: 13px; } .flex-pauseplay:hover { cursor: pointer; } .flex-pauseplay span { height: 11px; display: block; line-height: 13px; } .thumb-slider .flex-control-nav, .thumb-slider .flex-pauseplay { display: none; } .flexslider li .img-caption { position: absolute; left: 30px; bottom: 25px; opacity: 0; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .flexslider li.flex-active-slide .img-caption { opacity: 1; } .tp-bullets { width: 80%; margin: 0 auto; text-align: center; z-index: 20; } .tp-bullets.simplebullets.round { bottom: 25px!important; } .tp-bullets.simplebullets.round .bullet { cursor: pointer; position: relative; background: white; width: 25px; height: 6px; margin-right: 7px; float: none; display: inline-block; margin-top: 0; webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; opacity: 0.5; -moz-opacity: 0.5; filter: alpha(opacity=50); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); margin-bottom: 5px; } .tp-bullets.simplebullets.round .bullet.selected { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .tp-bullets .tp-leftarrow { float: none!important; display: inline-block; margin-right: 10px; width: 36px; height: 36px; } .tp-bullets .tp-rightarrow { float: none!important; display: inline-block; margin-left: 12px; width: 36px; height: 36px; background: top right; } p.flex-caption { text-shadow: none; background: rgba(0, 0, 0, .4); } .item-slider p.flex-caption { position: absolute; bottom: 0; padding: 15px 25px; color: #fff; margin: 0; font-size: 16px; right: 0; } .custom-caption { position: absolute; z-index: 2; top: 60px; left: 60px; width: auto; max-width: 500px } .custom-caption p { text-align: left; width: auto; font-size: 24px; padding: 0px 4px 2px; line-height: 28px; margin-bottom: 0; text-decoration: underline; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4); } .ls-wp-fullwidth-container { min-height: 100px; } .ls-container .ls-nav-prev, .ls-container .ls-nav-next { background-image: url('https://www.thomas-hammermeister.com/dnt/images/slider-nav.png')!important; background-position: center left!important; width: 36px!important; height: 38px!important; transition: all 0.3s ease-in-out!important; -moz-transition: all 0.3s ease-in-out!important; -webkit-transition: all 0.3s ease-in-out!important; -o-transition: all 0.3s ease-in-out!important; opacity: 0; filter:alpha(opacity=0); } .ls-container .ls-nav-prev { left: 0px!important; } .ls-container .ls-nav-next { background-position: center right!important; right: 0px!important; } .ls-container:hover .ls-nav-prev, .ls-container:hover .ls-nav-next { opacity: 1; filter:alpha(opacity=100); } .clear{clear:both}.nobr{white-space:nowrap}div.pp_woocommerce .pp_content_container{background:#fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);-moz-box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);padding:60px 0 40px 0}div.pp_woocommerce .pp_content_container:after{content:"";display:block;clear:both}div.pp_woocommerce .pp_loaderIcon{background:url(https://www.thomas-hammermeister.com/dnt/images/loader.gif) center no-repeat}div.pp_woocommerce div.ppt{color:black}div.pp_woocommerce .pp_gallery ul li a{border:1px solid rgba(0,0,0,0.5);background:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;display:block}div.pp_woocommerce .pp_gallery ul li a:hover{border-color:#000}div.pp_woocommerce .pp_gallery ul li.selected a{border-color:#000}div.pp_woocommerce .pp_arrow_previous:before,div.pp_woocommerce .pp_arrow_next:before,div.pp_woocommerce .pp_previous:before,div.pp_woocommerce .pp_next:before{line-height:1.15!important}div.pp_woocommerce .pp_previous:before,div.pp_woocommerce .pp_next:before{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;height:20px;width:20px;color:#666!important;background:#f6f6f6;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e8e8e8));background:-webkit-linear-gradient(#f6f6f6,#e8e8e8);background:-moz-linear-gradient(center top,#f6f6f6 0,#e8e8e8 100%);background:-moz-gradient(center top,#f6f6f6 0,#e8e8e8 100%);border:1px solid #ccc;font-size:14px!important;font-family:verdana!important;text-shadow:0 1px 0 #fff;font-weight:bold!important;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.075);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.075);content:"\2039";text-indent:0;display:none;position:absolute;top:50%;margin-top:-10px;text-align:center}div.pp_woocommerce .pp_previous:before:hover,div.pp_woocommerce .pp_next:before:hover{background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8));background:-webkit-linear-gradient(#fff,#e8e8e8);background:-moz-linear-gradient(center top,#fff 0,#e8e8e8 100%);background:-moz-gradient(center top,#fff 0,#e8e8e8 100%);color:#444!important}div.pp_woocommerce .pp_previous:hover:before,div.pp_woocommerce .pp_next:hover:before{display:block}div.pp_woocommerce .pp_previous:before{left:1em}div.pp_woocommerce .pp_next:before{right:1em;content:"\203a"}div.pp_woocommerce .pp_details{margin:0;padding-top:1em}div.pp_woocommerce .pp_nav,div.pp_woocommerce .pp_description{font-size:14px}div.pp_woocommerce .pp_nav,div.pp_woocommerce .pp_nav p,div.pp_woocommerce .pp_play,div.pp_woocommerce .pp_nav .pp_pause,div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_arrow_next{margin:0}div.pp_woocommerce .pp_nav{margin-right:1em;position:relative}div.pp_woocommerce .pp_close{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;height:24px;width:24px;color:#666!important;background:#f6f6f6;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e8e8e8));background:-webkit-linear-gradient(#f6f6f6,#e8e8e8);background:-moz-linear-gradient(center top,#f6f6f6 0,#e8e8e8 100%);background:-moz-gradient(center top,#f6f6f6 0,#e8e8e8 100%);border:1px solid #ccc;font-size:14px!important;font-family:verdana!important;text-shadow:0 1px 0 #fff;font-weight:bold!important;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.075);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.075);width:23px;height:23px;top:-10px;right:-10px}div.pp_woocommerce .pp_close:hover{background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8));background:-webkit-linear-gradient(#fff,#e8e8e8);background:-moz-linear-gradient(center top,#fff 0,#e8e8e8 100%);background:-moz-gradient(center top,#fff 0,#e8e8e8 100%);color:#444!important}div.pp_woocommerce .pp_close:before{content:"\00d7";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0;line-height:1.45}div.pp_woocommerce .pp_arrow_previous,div.pp_woocommerce .pp_arrow_next{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;height:16px;width:16px;color:#666!important;background:#f6f6f6;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e8e8e8));background:-webkit-linear-gradient(#f6f6f6,#e8e8e8);background:-moz-linear-gradient(center top,#f6f6f6 0,#e8e8e8 100%);background:-moz-gradient(center top,#f6f6f6 0,#e8e8e8 100%);border:1px solid #ccc;font-size:14px!important;font-family:verdana!important;text-shadow:0 1px 0 #fff;font-weight:bold!important;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.075);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.075);position:relative;margin-top:-1px}div.pp_woocommerce .pp_arrow_previous:hover,div.pp_woocommerce .pp_arrow_next:hover{background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8));background:-webkit-linear-gradient(#fff,#e8e8e8);background:-moz-linear-gradient(center top,#fff 0,#e8e8e8 100%);background:-moz-gradient(center top,#fff 0,#e8e8e8 100%);color:#444!important}div.pp_woocommerce .pp_arrow_previous:before,div.pp_woocommerce .pp_arrow_next:before{content:"\2039";display:block;position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;text-indent:0}div.pp_woocommerce .pp_arrow_previous{margin-right:.5em}div.pp_woocommerce .pp_arrow_next{margin-left:.5em}div.pp_woocommerce .pp_arrow_next:before{content:"\203a"}div.pp_woocommerce a.pp_expand,div.pp_woocommerce a.pp_contract{-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;height:24px;width:24px;color:#666!important;background:#f6f6f6;background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#e8e8e8));background:-webkit-linear-gradient(#f6f6f6,#e8e8e8);background:-moz-linear-gradient(center top,#f6f6f6 0,#e8e8e8 100%);background:-moz-gradient(center top,#f6f6f6 0,#e8e8e8 100%);border:1px solid #ccc;font-size:14px!important;font-family:verdana!important;text-shadow:0 1px 0 #fff;font-weight:bold!important;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.075);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.05),inset 0 1px 0 rgba(255,255,255,0.5),0 1px 2px rgba(0,0,0,0.075);right:auto;left:-10px;top:-10px;height:23px;width:23px}div.pp_woocommerce a.pp_expand:hover,div.pp_woocommerce a.pp_contract:hover{background:#fff;background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#e8e8e8));background:-webkit-linear-gradient(#fff,#e8e8e8);background:-moz-linear-gradient(center top,#fff 0,#e8e8e8 100%);background:-moz-gradient(center top,#fff 0,#e8e8e8 100%);color:#444!important}div.pp_woocommerce a.pp_expand:before,div.pp_woocommerce a.pp_contract:before{content:"\2295";display:block;position:absolute;top:0;left:1px;right:0;bottom:0;text-align:center;text-indent:0;line-height:.9!important;font-size:19px!important}div.pp_woocommerce a.pp_contract:before{content:"\2297"}div.pp_woocommerce #respond{margin:0;width:100%;background:0;border:0;padding:0}div.pp_woocommerce #respond .form-submit{margin-top:0;float:none}div.pp_woocommerce .pp_inline{padding:0!important}div.pp_pic_holder a:focus{outline:0}div.pp_overlay{background:#fff;display:none;left:0;position:absolute;top:0;width:100%;z-index:9999}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px;min-width:40px;max-width: 100%;}.pp_content iframe{max-width: 100%;}* html .pp_content{width:40px}.pp_fade{display:none}.pp_content_container{position:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:40px}.pp_content_container .pp_right{padding-right:40px}.pp_content_container .pp_details{float:left;margin:10px 0 2px 0}.pp_description{display:none;margin:0}.pp_social{float:left;margin:0}.pp_social .facebook{float:left;margin-left:5px;width:55px;overflow:hidden}.pp_social .twitter{float:left}.pp_nav{clear:right;float:left;margin:3px 10px 0 0}.pp_nav p{float:left;margin:2px 4px;white-space:nowrap}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{display:none;left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery div{float:left;overflow:hidden;position:relative}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;padding:0;position:relative;white-space:nowrap}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0;padding:0}.pp_gallery li.default a{display:block;height:33px;width:50px}.pp_gallery li.default a img{display:none}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px!important}a.pp_next{display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{position:absolute;z-index:20000;right:0;top:0;display:block;line-height:22px;text-indent:-10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res .pp_inline{text-align:left}div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999} img.size-full { max-width: 100%; height: auto; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float: right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } img.aligncenter, img.alignleft, img.alignright, img.alignnone { max-width: 100%; } .wp-caption { text-align: center; margin: 20px auto; max-width: 100%; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin:0; max-width: 100%; padding:0; width: auto; } .align-left { text-align: left; } .align-right { text-align: right; } .no-margin { margin: 0; } .img-link { display: block; } .wp-caption-text, .gallery-caption { padding: 10px 0; } .isotope-item { z-index: 2; } .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .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, opacity; -moz-transition-property:    -moz-transform, opacity; -ms-transition-property:     -ms-transform, opacity; -o-transition-property:         top, left, opacity; transition-property:         transform, opacity; } .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } #container.boxed-layout { width: 1000px; margin: 0px auto; background: #fff; } .page-shadow .boxed-layout { -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .3); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .3); box-shadow: 0 0 4px rgba(0, 0, 0, .3); } #not-found .page-text p { margin-bottom: 50px; } #main-container { display: block; min-height: 500px; overflow: visible; max-width: 100%; } .home-slider-wrap { overflow: hidden; width: 100%; } #base-promo { padding: 35px 10%; text-align: center; } #base-promo p { font-size: 20px; line-height: 46px; margin-bottom: 0; display: inline-block; vertical-align: top; margin-right: 15px; } #base-promo a.sf-button { padding-left: 25px; padding-right: 25px; margin-bottom: 0; } #base-promo.footer-promo-arrow, #base-promo.footer-promo-text { padding: 0; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #base-promo.footer-promo-arrow a, #base-promo.footer-promo-text a { padding: 35px 10%; display: block; } #base-promo.footer-promo-arrow > a, #base-promo.footer-promo-text > a { font-size: 20px; line-height: 46px; display: block; } #base-promo.footer-promo-arrow > a > i { vertical-align: -10px; font-size: 32px; display: inline-block; margin-left: 10px; height: 40px; } #one-page-nav { -webkit-transform-style: preserve-3d; background: #fff; position: fixed; z-index: 99; right: -40px; bottom: 50%; opacity: 0; padding: 10px 0; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } #one-page-nav ul { list-style: none!important; margin-bottom: 0; } #one-page-nav ul li { margin-top: 0; margin-bottom: 0; -webkit-transform: translateZ(0); transform: translateZ(0); } #one-page-nav ul li:first-child { margin-top: 0; } #one-page-nav li a { display: block; border-bottom: 0; padding: 4px 12px; } #one-page-nav li a:hover > i { border-color: #222; background: #222; } #one-page-nav li.selected a > i { background: #222; } #one-page-nav li i { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; width: 6px; height: 6px; border: 2px solid #fff; background: #e3e3e3; display: block; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: cotnent-box; box-sizing: content-box; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } #one-page-nav li .tooltip { white-space: nowrap; } #one-page-nav li .tooltip-inner { padding: 8px 12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; } #back-to-top { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f7f7f7; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); position: fixed; bottom: -40px; right: 10px; z-index: 1000; padding: 9px 12px 7px; cursor: pointer; -webkit-transform: translate3d(0,0,0); opacity: 0; } #back-to-top i { line-height: normal; vertical-align: -2px; } .inner-page-wrap { margin-top: 50px; margin-bottom: 60px; min-height: 500px; } .inner-page-wrap.no-bottom-spacing { margin-bottom: 0; } .inner-page-wrap.no-top-spacing { margin-top: 0; } .inner-page-wrap.blog-type-masonry-fw.has-one-sidebar { padding: 0 30px; } .blog .inner-page-wrap.blog-type-masonry-fw.has-one-sidebar { padding: 0; } .page-template-template-fw .inner-page-wrap.has-one-sidebar, .page-template-template-fw .inner-page-wrap.has-both-sidebars { padding: 0 30px; } .sticky-widget.stickit { position: fixed; top: 0; } .sticky-widget.stickit-end { top: auto!important; bottom: 0; position: absolute; } .has-left-sidebar aside.sidebar { float: left; } .has-left-sidebar > article, .has-left-sidebar .type-page, .has-left-sidebar .archive-page, .has-left-sidebar .push-right { float: right!important; } .has-both-sidebars aside.left-sidebar { float: left; } .woocommerce .has-both-sidebars aside.left-sidebar { margin-left: 0; } .has-both-sidebars aside.right-sidebar { float: right; } .has-both-sidebars > article, .has-both-sidebars .type-page, .has-both-sidebars .archive-page { float: left; } .has-both-sidebars .page-content { float: right!important; } .home.blog .masonry-fw .blog-wrap, .archive .masonry-fw .blog-wrap, .category .masonry-fw .blog-wrap { padding: 0 15px; } .page-content { border-bottom: 0 solid transparent; } .page-content > ul { list-style: disc inside none; } .page-content > p:empty { display: none; } .search-no-results .page-content > h3 { margin-top: 0; } .has-both-sidebars aside.sidebar { padding-top: 0; } .pb-margin-bottom { margin-bottom: 30px; } .pb-border-bottom { border-bottom: 1px solid transparent; } .pb-border-top { border-top: 1px solid transparent; } .spb_wrapper .row { border-bottom: 0; margin-bottom: 10px; } .spb_wrapper > h1:first-child, .spb_wrapper > h2:first-child, .spb_wrapper > h3:first-child, .spb_wrapper > h4:first-child, .spb_wrapper > h5:first-child, .spb_wrapper > h6:first-child { margin-top: 0; } .spb-heading i { font-size: 20px; margin-right: 10px; display: inline-block; vertical-align: -1px; } .heading-wrap { position: relative; z-index: 2; } h4.spb-heading, h3.spb-heading, h4.lined-heading { line-height: 0!important; text-align: left; padding: 10px 0; margin-top: 0; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } h3.spb-heading { margin-bottom: 25px; } h3.spb-center-heading, h4.spb-center-heading { text-align: center; } h4.spb-heading span, h3.spb-heading span, h4.lined-heading span { display: inline-block; position: relative; } h4.spb-heading span:before, h4.spb-heading span:after, h3.spb-heading span:before, h3.spb-heading span:after, h4.lined-heading span:before, h4.lined-heading span:after { content: ""; position: absolute; height: 5px; border-top: 1px solid #222; top: 0; width: 1200px; } h3.spb-icon-heading span:before, h3.spb-icon-heading span:after { top: 11px; } h4.spb-heading span:before, h3.spb-heading span:before, h4.lined-heading span:before { right: 100%; margin-right: 15px; } h4.spb-heading span:after, h3.spb-heading span:after, h4.lined-heading span:after { left: 100%; margin-left: 15px; } h4.spb-center-heading span:before, h3.spb-center-heading span:before, h4.spb-center-heading span:after, h3.spb-center-heading span:after { max-width: 25px; margin: 0 -10px; } h3.spb-center-heading, h4.spb-center-heading { display: block!important; max-width: 100%; margin: 20px auto 45px; } h3.spb-center-heading span, h4.spb-center-heading span { padding: 0 20px; position: relative; z-index: 5; } .slider-wrap .heading-wrap { text-align: center; margin-bottom: 10px; } .spb_testimonial_slider_widget h4.spb-heading:before, .full-width-text h4.spb-heading:before, .asset-bg h4.spb-heading:before, .spb_parallax_asset h4.spb-heading:before { border: 0; } .spb_testimonial_slider_widget h4.spb-heading span, .full-width-text h4.spb-heading span, .asset-bg h4.spb-heading span { background: transparent!important; } .asset-bg .carousel-wrap .heading-wrap { text-align: center; } .asset-bg h4.spb-heading { display: inline-block; } .help-text { font-size: 18px; line-height: 26px; margin-bottom: 60px; } .help-text .search-form { margin-bottom: 40px; } .help-text .search-form input { font-size: 14px; } .help-text a.sf-button { margin: 0; text-transform: uppercase; } .no-results-text { margin-top: 20px; } .no-results-text p { margin-bottom: 15px; } .no-results-text .search-form input { margin-top: 0; margin-bottom: 60px; } .post-password-required label { width: 400px; height: auto; overflow: hidden; } .post-password-required input[type="password"] { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: transparent; width: 300px; padding: 10px; margin-top: 0; margin-left: 10px; } .post-password-required input[type="submit"] { visibility: hidden; } .page-heading { padding-top: 35px; padding-bottom: 35px; margin-top: 0; margin-bottom: 0!important; position: relative; text-align: left; border-bottom: 1px solid transparent; border-top: 0!important; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .page-heading.page-heading-hidden { display: none!important; } .header-overlay .page-heading { padding-top: 125px; } .page-heading .heading-text { float: left; } .page-heading h1 { margin-top: 0; margin-bottom: 0; white-space: nowrap; } .page-heading h3 { margin-bottom: 0; } .page-heading.fancy-heading { background-attachment: local; -moz-background-size: cover; -webkit-background-size: cover; background-size: cover; background-repeat: repeat; background-position: 50% 0; text-align: center; padding-top: 120px; padding-bottom: 120px; display: none; } .fancy-heading .heading-text { float: none; margin-left: 0; } .fancy-heading h1 { font-size: 36px; line-height: 48px; font-weight: bold; letter-spacing: inherit; } .fancy-heading.fancy-image.light-style h1, .fancy-heading.fancy-image.light-style h3 { color: #fff!important; } .fancy-heading.fancy-image.dark-style h1, .fancy-heading.fancy-image.dark-style h3 { color: #222!important; } #breadcrumbs { font-size: 11px; line-height: 22px; margin-right: 15px; padding: 8px 0 6px; float: right; white-space: nowrap; } #breadcrumbs a { text-decoration: none; } #breadcrumbs i, .widget_breadcrumb_navxt i { padding: 0 8px 0 5px; font-size: 11px; width: 3px; vertical-align: -2px; margin-top: 2px; display: inline-block; margin-right: 8px; } .full-width-area.blog-masonry-fw { padding: 0 15px; } body.archive .blog-masonry-fw, body.category .blog-masonry-fw { padding: 0 30px; } .full-width-area.portfolio-items { padding: 0 2%; } .full-width-area.portfolio-items .portfolio-item { width: 24%; padding: 0 1%; } .full-width-area.blog-masonry-fw ul.pagenavi { text-align: center; } .full-width-area.blog-masonry-fw ul.pagenavi li { float: none; display: inline-block; height: auto; overflow: hidden; } .full-width-area.blog-masonry-fw ul.pagenavi li.next a { margin-left: 0; } .full-width-area.blog-masonry-fw ul.pagenavi li a, .full-width-area.blog-masonry-fw ul.pagenavi li span { margin: 0 1px; } .pagination-wrap { margin-top: 30px; clear: both; } .pagination-wrap li span.current { -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); } .paged .pagination-wrap { display: block!important; visibility: visible!important; } .pagination-wrap ul { height: auto; overflow: hidden; margin: 15px 0; } .pagination-wrap li { float: left; display: inline-block; margin-bottom: 0; } .pagination-wrap li:first-child { border-left: 0; } .pagination-wrap li a { padding: 10px 16px; border: 1px solid transparent; display: block; margin-right: -1px; text-decoration: none; } .pagination-wrap li span { padding: 8px 16px; border: 1px solid transparent; display: block; margin-right: -1px; text-decoration: none; } .pagination-wrap li.next a { margin-left: -1px; } .pagination-wrap li i { vertical-align: -1px; } .pagination-wrap li i[class^="ss-"] { height: 19px; display: inline-block; vertical-align: -3px; } .pagination-wrap a, .pagination-wrap a:hover { text-decoration: none; } .blog-standard .pagination-wrap { position: relative; z-index: 3; } .blog-standard .pagination-wrap ul { margin-bottom: 0; } .pagination-wrap .nav-previous { text-align: left; float: left; max-width: 45%; text-overflow: ellipsis; white-space: nowrap; } .search-form input { border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background: transparent; width: 85%; padding: 10px; margin-top: 40px; } a[rel="tooltip"] { border-bottom: 1px dotted #e3e3e3; } span.tooltip { display: block; background: #222; color: #f7f7f7; position: absolute; left: 50%; bottom: 25px; padding: 3px 10px; width: auto; line-height: 20px; white-space: nowrap; z-index: 8; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } span.tooltip .arrow { position: absolute; left: 50%; bottom: -4px; margin-left: -6px; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 5px solid #222; } .grid-image span.tooltip { bottom: 65px; } .layout-fullwidth .fw-header.container, .layout-fullwidth .fw-header .container { width: 100%; padding: 0 30px; } .header-overlay.layout-fullwidth .fw-header.container, .header-overlay.layout-fullwidth .fw-header .container { width: 100%!important; max-width: 100%!important; margin-left: 0!important; left: 0!important; } .layout-fullwidth .fw-header #header .header-container, .layout-fullwidth .fw-header #header .header-container > .row, .layout-fullwidth .fw-header #header-section nav.mega-menu li .sub-container, .layout-fullwidth .fw-header nav.mega-menu li .mega .sub, .layout-fullwidth .fw-header nav.mega-menu li .mega .sub>.row { width: 100%!important; } .layout-fullwidth .fw-header #header-section nav.mega-menu li .sub-container { left: 15px!important; } .layout-fullwidth .fw-header #header-section.header-6 nav.mega-menu li .sub-container { left: 0px!important; padding: 0 15px; } .layout-fullwidth .fw-header #header-section.header-5 nav.mega-menu li .sub-container { left: 0px!important; } .layout-fullwidth .fw-header #header-section.header-1 nav.mega-menu li .sub-container, .layout-fullwidth .fw-header #header-section.header-2 nav.mega-menu li .sub-container { left: 5px!important; padding: 0 5px; } #mobile-menu-wrap { position: fixed; top: 0; right: -320px; z-index: 100; visibility: hidden; width: 320px; height: 100%; background: #222; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .no-csstransforms #mobile-menu-wrap, .ie-mobile #mobile-menu-wrap { position: relative; width: 100%; right: 0; display: none; height: auto; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; } .mobile-menu-open #mobile-menu-wrap { visibility: visible; -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(-320px, 0, 0); transform: translate3d(-320px, 0, 0); } .no-csstransforms .mobile-menu-open #mobile-menu-wrap, .ie-mobile.mobile-menu-open #mobile-menu-wrap { display: block; visibility: visible; -webkit-transition: none; transition: none; -webkit-transform: none; transform: none; } .mobile-menu-close { position: fixed; top: 0; right: 0; font-size: 20px; display: block; color: #fff; z-index: 9999; cursor: pointer; padding: 13px; width: 46px; text-align: center; } ul.mobile-language-select { list-style: none; padding-left: 7px; height: auto; overflow: hidden; margin: 0; height: 40px; } .mobile-language-select li { float: left; margin-right: 5px; } .mobile-language-select li a, .mobile-language-select li div { padding: 8px; display: block; } .mobile-language-select .language { display: none; } #mobile-menu { max-height: 100%; position: relative; overflow-y: scroll; -webkit-overflow-scrolling: touch; padding-bottom: 100px; } #mobile-menu::-webkit-scrollbar { display: none; } .no-csstransforms #mobile-menu, .ie-mobile #mobile-menu { height: auto; overflow: visible; padding-bottom: 0; } #mobile-menu ul { margin-bottom: 0; } #mobile-menu ul li a { display: block; padding: 10px 15px; color: #fff; } #mobile-menu ul li a span > i { display: inline-block; margin-right: 9px; vertical-align: -2px; } .mobile-browser #mobile-menu ul li:hover > a, #mobile-menu .menu ul li.current-menu-item a, #mobile-menu .menu ul li a:active, #mobile-menu .menu ul li a:focus { color: #fff!important; } #mobile-menu ul li ul li { font-size: 13px; } #mobile-menu ul li a, #mobile-menu ul li:hover a { background: transparent!important; } #mobile-menu .menu ul li.current-menu-item > a, #mobile-menu .menu ul li a:hover, #mobile-menu .menu ul li a:active, #mobile-menu .menu ul li a:focus { background: #292929!important; } #mobile-menu ul li { border-top: 1px solid #333; border-bottom: 0; } #mobile-menu ul.menu > li:first-child { border-top: 0; } #mobile-menu ul.sub-menu { background: none; margin-left: 0; } #mobile-menu ul.sub-menu li a { padding-left: 30px; } #mobile-menu ul.sub-menu li ul a { padding-left: 50px; } .sf-super-search { background: #252525; color: #fff; padding: 35px 20px; position: relative; display: block; } #super-search, body > .sf-super-search { background: transparent!important; opacity: 0; padding: 30px 0; position: absolute; top: 0; width: 100%; z-index: -1; } .layout-boxed #super-search, body.layout-boxed > .sf-super-search { position: relative; width: 1000px; margin: 0 auto; display: none; } .header-aux-open.ss-open.layout-boxed #super-search, .header-aux-open.ss-open.layout-boxed > .sf-super-search { display: block; } #super-search.sf-super-search, .spb_supersearch_widget.asset-bg .sf-super-search { padding-left: 0; padding-right: 0; } #super-search .container > .row { position: relative; } .header-overlay #super-search { width: 100%; } .sf-super-search .search-options { font-size: 24px; line-height: 42px; } #super-search .search-options { font-size: 22px; line-height: 38px; } .sf-super-search .search-options .ss-dropdown { float: none; display: inline-block; outline: 0; margin: 0 5px; position: relative; } .sf-super-search .search-options .ss-dropdown > span { border-bottom: 1px dotted #e4e4e4; text-transform: lowercase; } .sf-super-search .search-options .ss-dropdown > span:hover { cursor: pointer; } .sf-super-search .search-options .ss-dropdown ul { position: absolute; top: 30px; left: 0; z-index: 1000; display: block; pointer-events: none; -moz-opacity: 0; filter: alpha(opacity=0); opacity: 0; background: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .mobile-browser .sf-super-search .search-options .ss-dropdown ul { top: 10px; left: -10px; } .browser-ie .sf-super-search .search-options .ss-dropdown ul { display: none; } .sf-super-search .search-options .ss-dropdown ul.show-dropdown { -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; pointer-events: auto!important; } .browser-ie .sf-super-search .search-options .ss-dropdown ul.show-dropdown { display: block; } .sf-super-search .search-options .ss-dropdown ul li { height: 36px; line-height: 36px; font-size: 11px; text-transform: uppercase; color: #222; list-style-type: none; border-top: 1px solid #e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; overflow: hidden; padding-right: 38px; } .sf-super-search .search-options .ss-dropdown ul li:first-child { border-top: 0; } .sf-super-search .search-options .ss-dropdown ul li a { float: left; width: 100px; border-right: 1px solid #e4e4e4; padding-left: 10px; } .sf-super-search .search-options .ss-dropdown ul li .fa-check { display: none; position: absolute; right: 0; font-size: 14px; padding: 11px 12px; } .sf-super-search .search-options .ss-dropdown ul li.selected .fa-check { display: block; } .sf-super-search .search-options input { background: none; border: 0; border-bottom: 1px dotted #e4e4e4; color: #fff; font-size: 24px; width: 65px; line-height: 18px; height: 34px; padding: 12px 0 5px; display: inline-block; margin: 0 5px; vertical-align: top; text-align: center; } .sf-super-search .search-go { text-align: right; position: absolute; right: 0; display: block; bottom: 50%; } #super-search.sf-super-search .search-go { bottom: auto; } .super-search-go { padding: 0 10px; line-height: 38px; border-width: 1px!important; border-style: solid!important; display: inline-block; margin-right: 10px; margin-bottom: 0!important; background: transparent!important; border: 1px solid #e3e3e3; } #super-search.sf-super-search .super-search-go { margin-bottom: 20px!important; } .super-search-close { font-size: 28px; padding: 10px; display: none; } body > #super-search .super-search-close { display: inline-block; } #top-bar { font-size: 11px; z-index: 8; padding: 5px 0; position: relative; } .tb-ss { display: none; } #top-bar .container { max-width: 100%; } #top-bar .menu { position: relative; z-index: 32; margin-bottom: 0; } #top-bar .tb-left, #top-bar .tb-right { margin-bottom: 0; } #top-bar .tb-right .top-menu { float: right; margin-right: -10px; } #top-bar .menu li { float: left; } #top-bar .menu li a { display: block; } #top-bar .tb-welcome { display: inline-block; padding: 3px 10px 3px 0; } #top-bar .tb-woo-custom { display: inline-block; } #top-bar .tb-woo-custom a { display: inline; padding: 0; } #top-bar .menu > li > ul { border-top: 0; } #top-bar .menu > li { font-size: 11px; border-left: 1px solid transparent; line-height: 20px; margin: 0; z-index: 5; } #top-bar .menu > li:first-child { border-left-width: 0; border-top-width: 1px; } #top-bar .menu > li:before { display: none; } .header-menu .menu li { padding: 2px 0; z-index: 4; } .header-menu .menu > li.parent:after, .top-menu .menu > li.parent:after, .top-header-menu .menu > li.parent:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-style: normal; display: block; font-size: 12px; position: absolute; top: 50%; margin-top: -11px; right: 9px; } #top-bar .top-menu .menu > li.parent:after { margin-top: -10px; } #top-bar .top-menu .menu > ul.sub-menu { top: 30px; } .header-menu .menu > li.parent, .top-menu .menu > li.parent, .top-header-menu .menu > li.parent { padding-right: 15px; } #top-bar .menu > li > a { padding: 3px 10px; margin: 0; } nav#top-bar-menu .menu > li > ul { top: 30px; min-width: auto; } .swift-search-link i { font-size: 12px; line-height: 16px; vertical-align: -2px; } .swift-search-link span { margin-left: 5px; } .hs-woo-custom .swift-search-link, .header-menu .swift-search-link { padding: 1px 0; } .tb-text { line-height: 26px; } #top-bar ul.social-icons { margin: -5px 0; } .tb-right ul.social-icons { float: right; } .tb-left ul.social-icons { float: left; } #header-subscribe form { margin: 20px; height: auto; overflow: hidden; } #header-subscribe label { font-size: 12px; } #header-subscribe input { font-size: 12px; } #header-subscribe .sf-button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: right; padding: 6px 12px; margin-top: 5px; border: 0; } #header-subscribe .sf-button:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header-login form { margin: 20px; } #header-login label { font-size: 12px; } #header-login input { font-size: 12px; } #header-login input#password { margin-bottom: 15px; } #header-login .sf-button { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: right; padding: 6px 12px; margin-top: 5px; border: 0; } #header-login .sf-button:hover { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #header-login a { display: inline; padding: 0 5px; line-height: 24px; } #header-login .logout-wrap { margin: 20px; } #header-languages > li > a, #header-languages > li > div { padding: 8px 12px; display: block; white-space: nowrap; } #header-languages img { margin-right: 10px; width: 18px; height: 12px; display: inline-block; margin-top: -2px; } .shopping-bag-item a i { margin-right: 4px; display: inline-block; vertical-align: -2px; height: 19px; -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6; } #main-nav .menu > li.shopping-bag-item { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; } nav .menu > li.shopping-bag-item ul.sub-menu { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; } #main-nav .header-right ul.menu > li { margin: 0; border-left: 1px solid #e4e4e4; } #main-nav .header-right ul.menu > li:first-child { border-left: 0; } #main-nav .header-right ul.menu > li > a { padding: 12px 5px; } .menu-search ul li { width: 250px; } .menu-search ul li form { margin: 0; } .menu-search ul li form input { margin: 10px; width: 230px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 36px; background: transparent; border: 0; } .shopping-bag { width: 300px; } .shopping-bag li:first-child:before { right: 25px; } .wishlist-item { border-left: 1px solid #e4e4e4; } .wishlist-link i { vertical-align: -2px; height: 19px; display: inline-block; margin-right: -2px; -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6; } .wishlist-link span { margin-left: 6px; } .menu-search i { vertical-align: -2px; height: 19px; display: inline-block; } nav .menu .wishlist-item ul.sub-menu li:first-child:before { left: 21px; } .header-right nav .menu .wishlist-item ul.sub-menu li:first-child:before { right: 21px; } .header-right nav .menu .menu-search ul.sub-menu li:first-child:before { right: 12px; } .header-right nav.search-nav .menu .menu-search ul.sub-menu li:first-child:before { right: 8px; } .wishlist-bag { width: 260px; } .bag-header { padding: 15px; font-size: 16px; border-bottom: 1px solid #e4e4e4; } .bag-product { padding: 15px; border-bottom: 1px solid #e4e4e4; position: relative; font-size: 12px; } .bag-product figure { overflow: hidden; position: relative; float: left; } .bag-product .bag-product-img { margin: 0; padding: 0!important; width: 72px; height: auto; } .bag-product .bag-product-details { margin-left: 82px; margin-right: 10px; } .bag-product .bag-product-details a { margin: 0; padding: 0; } .bag-product-title a { line-height: 18px; display: block; padding: 0!important; max-width: 95%; letter-spacing: normal; } .bag-product a.remove { margin: 0; padding: 0!important; position: absolute; right: 15px; top: 13px; } .bag-empty, .wishlist-empty { padding: 15px; border-bottom: 1px solid #e4e4e4; font-size: 16px; line-height: 24px; } .bag-buttons { padding: 15px; } .bag-buttons a.sf-button { display: block; width: 100%; margin: 0; padding: 0!important; text-align: center!important; text-transform: uppercase; } .bag-buttons a.sf-button.bag-button { margin-bottom: 10px; } .header-wrap { position: relative; z-index: 10; } .mobile-browser .is-sticky > .header-wrap { top: 0!important; width: 100%; } .header-overlay .header-wrap { width: 100%; position: absolute; top: 0; z-index: 7; left: 50%; margin-left: -485px; max-width: 970px; transition: top 0.5s ease-in-out; -moz-transition: top 0.5s ease-in-out; -webkit-transition: top 0.5s ease-in-out; -o-transition: top 0.5s ease-in-out; } .ss-open.header-overlay.layout-fullwidth .header-wrap, .no-csstransforms3d .header-aux-open.header-overlay.layout-fullwidth .header-wrap { top: 150px; } #header-section { position: relative; z-index: 7; width: 100%; display: block; } .header-shadow #header-section { -moz-box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1); box-shadow: 0 3px 5px rgba(0,0,0,.1); } #header-section:before { content: ""; display: block; position: absolute; z-index: -1; width: 100%; height: 100%; } .header-shadow #header-section:before { -moz-box-shadow: 0 3px 5px rgba(0,0,0,.05); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05); box-shadow: 0 3px 5px rgba(0,0,0,.05); } #header-section #header { padding: 25px 0; } #header-section.header-3 #header, #header-section.header-4 #header, #header-section.header-7 #header { padding: 0; } #header-section.header-5 #header { padding: 20px 0 0; } #header-section.header-6 #header { padding: 15px 0 0; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; transition: padding 0.5s ease-in-out, background-color 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out, background-color 0.5s ease-in-out; -webkit-transition: padding 0.5s ease-in-out, background-color 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out, background-color 0.5s ease-in-out; } #top-header { border-bottom: 1px solid #e4e4e4; } #top-header .container { max-width: 100%; } #top-header .th-left { padding-left: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; line-height: 44px; font-size: 11px; margin-bottom: 0; } #top-header .th-right { padding-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; margin-bottom: 0; } #top-header .th-right > nav { float: right; margin-right: -8px; } #top-header .th-right > nav .menu li { font-size: 11px; border-left: 1px solid #e4e4e4; } #header .header-container { max-width: 100%; padding-top: 20px; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -webkit-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; } .header-7 #top-header .th-left { padding-left: 0; } .header-7 #top-header .th-right { padding-right: 0; } #header-section.header-5 { margin-top: 40px; } #header-section .header-spacer { display: block; height: 20px; } #logo a { height: auto; overflow: hidden; display: block; } #logo a.mobile-menu-show { float: right; padding: 9px 4px 11px 10px; font-size: 22px; } .is-sticky #logo a.mobile-menu-show, .is-sticky #logo a.mobile-cart-link { padding-top: 8px; } #logo a.mobile-menu-show i { vertical-align: -2px; } #logo a.mobile-cart-link { float: right; margin-right: 10px; padding: 9px 4px; font-size: 22px; } #logo img { display: block; height: auto; max-height: 100%; width: auto; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } #logo img.alt-logo, #logo img.light-logo, #logo img.dark-logo { display: none; } .is-sticky #logo img { min-height: 0; } #logo h1 { margin: 0; line-height: 42px; } .is-sticky .sticky-header-resized #logo h1 { line-height: 40px; } .header-1 #logo h1 { text-align: center; } #logo.logo-center img { margin: 0 auto; } .logo-right#logo { float: right; } .logo-right#logo img { float: right; } .logo-fade #logo a:hover img { -moz-opacity: 0.6; filter: alpha(opacity=60); opacity: 0.6; } .mobile-search-form { margin: 0; border-bottom: 1px solid #333; border-top: 1px solid #333; padding: 5px 15px; } .mobile-search-form input { width: 100%; padding: 8px 0!important; margin: 0!important; background: transparent!important; border: 0!important; font-size: 18px; color: #fff!important; } #header-section #main-nav { border-top: 1px solid #e4e4e4; } #header-section .header-menu .menu > li { font-size: 11px; border-left: 1px solid #e4e4e4; } #header-section .header-menu .menu > li:first-child { border-left: 0; } #header-section .tb-welcome { display: inline-block; padding: 2px 0; margin: 10px; } #header-section .tb-woo-custom { display: inline-block; padding: 2px 0 2px 10px; margin: 10px 0; } #header-section .tb-woo-custom a { display: inline; padding: 0; } .header-right > nav { float: right; margin-right: -10px; } .header-1 .header-right > nav, .header-2 .header-right > nav { margin-right: -10px; } .header-left { font-size: 11px; line-height: 44px; } .header-3 #logo, .header-4 #logo, .header-5 #logo, .header-overlay #top-bar .tb-left { padding-left: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header-3 #logo, .header-4 #logo, .header-5 #logo { position: absolute; left: 0; height: 100%; z-index: 2; } .header-3 .search-nav, .header-4 .search-nav, .header-5 .search-nav { position: absolute; right: 0; z-index: 2; } .header-6 .container, .header-7 .container { position: relative; } .header-6 #logo, .header-7 #logo { position: absolute; left: 15px; height: 100%; z-index: 2; } .header-6 .search-nav, .header-7 .search-nav { position: absolute; right: 15px; z-index: 2; } .header-3 #main-navigation, .header-4 #main-navigation, .header-5 #main-navigation, .header-6 #main-navigation, .header-7 #main-navigation { margin-right: 0; width: 100%; } .header-3 #main-navigation div > ul.menu > li:first-child, .header-4 #main-navigation div > ul.menu > li:first-child, .header-5 #main-navigation div > ul.menu > li:first-child, .header-6 #main-navigation div > ul.menu > li:first-child, .header-7 #main-navigation div > ul.menu > li:first-child { margin-left: 50px; } .header-3 #main-navigation ul.menu, .header-4 #main-navigation ul.menu, .header-3 #main-navigation .no-menu, .header-4 #main-navigation .no-menu, .header-5 #main-navigation .no-menu { padding-right: 60px; } .header-5 #main-navigation ul.menu { padding-right: 100px; } .header-6 #main-navigation ul.menu, .header-7 #main-navigation ul.menu, .header-6 #main-navigation .no-menu, .header-7 #main-navigation .no-menu { padding-right: 50px; } .search-off .header-3 #main-navigation ul.menu, .search-off .header-4 #main-navigation ul.menu, .search-off .header-3 #main-navigation .no-menu, .search-off .header-4 #main-navigation .no-menu, .search-off .header-5 #main-navigation .no-menu { padding-right: 15px; } .search-off .header-6 #main-navigation ul.menu, .search-off .header-7 #main-navigation ul.menu, .search-off .header-6 #main-navigation .no-menu, .search-off .header-7 #main-navigation .no-menu { padding-right: 5px; } .header-overlay #top-bar .tb-right { padding-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .header-overlay #top-bar .tb-right ul.social-icons.small { margin-right: 0; } .header-3 .header-right > nav.search-nav, .header-4 .header-right > nav.search-nav, .header-5 .header-right > nav.search-nav { margin-right: 0; padding-right: 25px; } .boxed-layout .header-right nav.mega-menu li:last-child .sub-container.non-mega { left: auto!important; right: 0; } #nav-section { min-height: 50px; position: relative; } #nav-section.nav-shadow { -moz-box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); -webkit-box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); box-shadow: 0 2px 4px -2px rgba(0,0,0,.1); } nav ul.menu li.sf-menu-item-loggedin { display: none !important; } .logged-in nav ul.menu li.sf-menu-item-loggedin { display: inline-block !important; } nav ul.menu li.sf-menu-item-loggedout { display: inline-block !important; } .logged-in nav ul.menu li.sf-menu-item-loggedout { display: none !important; } #main-navigation { margin-left: -10px; position: relative; } nav#main-navigation .menu > li { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -webkit-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } nav#main-navigation .menu > li > a { -webkit-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275); -moz-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275); -o-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275); transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275); position: relative; } nav#main-navigation .menu > li > a span.nav-line { -webkit-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275); -moz-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275); -o-transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275); transition: all 300ms cubic-bezier(0.175,0.885,0.32,1.275); overflow: hidden; position: absolute; pointer-events: none; left: 1px; bottom: 8px; display: block; width: 0; height: 1px!important; max-height: 1px!important; background: #fff; } nav#main-navigation .menu > li:hover span.nav-line, nav#main-navigation .menu > li.current-menu-item span.nav-line, nav#main-navigation .menu > li.current-menu-ancestor span.nav-line, nav#main-navigation .menu > li.current-scroll-item span.nav-line { width: 99%; } nav#main-navigation .menu > li.indicator-disabled span.nav-line { width: 0!important; } nav#main-navigation .menu > li, .header-4 #main-navigation .menu > li, .header-5 #main-navigation .menu > li, .header-7 #main-navigation .menu > li { padding: 0 10px 20px; } .header-1 nav#main-navigation .menu > li, .header-2 nav#main-navigation .menu > li { padding: 0 10px 4px; } nav#main-navigation .menu > li > a, .header-4 nav .menu > li > a, .header-5 nav .menu > li > a, .header-7 nav .menu > li > a { padding: 10px 0 12px; } .header-4 nav .menu > li, .header-5 nav .menu > li, .header-7 nav .menu > li { margin: 0; } nav .menu li > a > i { margin-right: 8px; display: inline-block; height: 17px; } nav .menu li > a > i[class^="ss-"] { margin-right: 5px; vertical-align: -2px; } .logo-right #main-navigation { margin-left: -10px; } .logo-left .nav-wrap { float: right; } #main-navigation > div { margin-left: 0; } #main-navigation .no-menu { height: 60px; line-height: 40px; float: right; } .header-1 #main-navigation .no-menu, .header-2 #main-navigation .no-menu { height: 46px; line-height: 46px; float: left; } #nav-pointer { position: absolute; bottom: 3px; left: 0; width: 0; height: 2px; display: none; z-index: 2; } .nav-indicator #nav-pointer { display: block; } .single #nav-pointer { display: none; } .error404 #nav-pointer { display: none; } nav.std-menu .menu { height: auto; margin: 0; position: relative; padding: 0; } nav.std-menu .menu li { position: relative; display: inline-block; float: left; font-size: 14px; margin: 8px 0; } nav.std-menu .menu li:first-child { background: none; } nav.std-menu .menu li > a { text-decoration: none; padding: 2px 0; margin: 0 10px; display: block; white-space: nowrap; background: transparent; } nav#main-navigation .menu li.menu-item > a { margin: 0; } .th-right nav.std-menu .menu li { margin: 0; } .th-right nav.std-menu .menu li a { padding: 11px 0; } nav.std-menu .menu > li:first-child > a { padding-left: 0; } nav.std-menu .menu > li:first-child:before { display: none; } nav.std-menu .menu ul.sub-menu { position: absolute; z-index: 9995; margin: 0; top: 80px; left: 0; min-width: 100px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); pointer-events: none; -moz-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,.2); box-shadow: 0 0 5px -1px rgba(0,0,0,.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .browser-ie nav.std-menu .menu ul.sub-menu, .no-csstransforms3d nav.std-menu .menu ul.sub-menu { display: none; } nav.std-menu .menu ul.sub-menu.show-dropdown, .browser-ie nav.std-menu .menu li.parent:hover > ul.sub-menu, .no-csstransforms3d nav.std-menu .menu li.parent:hover > ul.sub-menu { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); pointer-events: all; } .browser-ie nav.std-menu .menu li.parent:hover > ul.sub-menu, .no-csstransforms3d nav.std-menu .menu li.parent:hover > ul.sub-menu { display: block; } .header-right nav.std-menu .menu ul.sub-menu, .tb-right nav.std-menu .menu ul.sub-menu, .th-right nav.std-menu .menu ul.sub-menu { left: auto; right: 0; } nav.std-menu .menu ul.sub-menu li { width: 100%; position: relative; display: block; background: none repeat scroll 0 0 transparent; border-bottom: 1px solid transparent; float: none; margin: 0; padding: 0; font-weight: normal; font-size: 12px; height: auto; z-index: 42; } nav.std-menu .menu ul.sub-menu li:first-child:before { content: " "; display: block; border-bottom: 8px solid #fff; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: none; margin-top: -8px; position: absolute; left: 20px; } .header-right nav.std-menu .menu ul.sub-menu li:first-child:before, .tb-right nav.std-menu .menu ul.sub-menu li:first-child:before, .th-right nav.std-menu .menu ul.sub-menu li:first-child:before { left: auto; right: 20px; } nav.std-menu .menu .sub-menu .parent > a:after { content: ''; width: 0; height: 0; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid #CCC; position: absolute; right: 10px; top: 50%; margin-top: -4px; } nav#main-navigation .menu ul.sub-menu ul.sub-menu { top: 0!important; left: 100%; max-width: 100%; margin-left: 1px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } nav#main-navigation .menu ul.sub-menu > li { font-size: 14px; border-top: 1px solid #e4e4e4; border-bottom: 0; } nav#main-navigation .menu ul.sub-menu > li:first-child { border-top: 0; } nav#main-navigation .menu ul li > a { padding: 10px 15px; } nav#main-navigation .menu ul li.parent > a { padding-right: 25px; } nav.std-menu .menu ul.sub-menu ul li:first-child:before { display: none; } nav.std-menu .menu ul li:last-child { border: 0; } nav.std-menu .menu ul li > a, nav.std-menu .menu ul li > span.title { padding: 10px 15px; display: block; margin: 0; white-space: nowrap; max-width: 220px; text-overflow: ellipsis; overflow: hidden; } nav.std-menu .menu ul li.parent > a { padding-right: 24px; } nav.search-nav { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -webkit-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; } nav.search-nav .menu > li { margin-top: 0; margin-bottom: 0; } nav.search-nav .menu > li > a { padding-left: 15px; padding-right: 10px; padding-top: 10px; padding-bottom: 16px; } .header-3 nav.search-nav .menu > li > a, .header-4 nav.search-nav .menu > li > a, .header-5 nav.search-nav .menu > li > a, .header-6 nav.search-nav .menu > li > a, .header-7 nav.search-nav .menu > li > a { padding-left: 10px; padding-right: 0; } .ajax-search-wrap { position: absolute; top: 46px; right: 0; border: 1px solid #e3e3e3; width: 250px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); display: none; } #main-nav .ajax-search-wrap { right: -1px; } .ajax-search-wrap:after { content: ""; position: absolute; top: 0; right: 12px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #e3e3e3; margin-top: -8px; } .ajax-search-wrap input[type="text"] { border: 0; background: transparent; padding: 15px 20px; width: 100%; margin: 0; } #main-nav .ajax-search-wrap input[type="text"] { padding: 12px 20px; } .ajax-search-wrap .ajax-loading { background: transparent url('https://www.thomas-hammermeister.com/dnt/images/loader.gif') no-repeat center center; background-size: 75%; width: 18px; height: 18px; position: absolute; right: 18px; top: 16px; display: none; } .ajax-search-results { border-top: 1px solid #e3e3e3; display: none; } .search-result-pt h6, .no-search-results h6 { margin-bottom: 0; padding-left: 20px; margin-top: 18px; letter-spacing: normal; } .search-result-pt .search-result { border-bottom: 1px solid #e3e3e3; padding: 20px 20px 16px; height: auto; overflow: hidden; } .search-result-pt .search-result:nth-of-type(1) { padding-top: 12px; } .search-result .search-item-img, .search-result .search-item-img img, .search-result .search-item-img .img-holder { height: 35px; width: 35px; } .search-result .search-item-img .img-holder i { padding: 8px 6px; font-size: 18px; height: 35px; display: block; line-height: 22px; text-align: center; } .search-result .search-item-content { margin-left: 46px; } .search-result h5 { margin-bottom: 0; margin-top: 0; max-width: 100%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .search-result time { line-height: 20px; margin-bottom: 0!important; } .no-search-results p { padding: 10px 20px 18px; margin-bottom: 0; } .ajax-search-results .all-results { display: block; padding: 20px; } .show-menu { margin: 0 auto; font-size: 12px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; padding: 10px 15px; line-height: 20px; } #top-bar .show-menu { width: 60%; padding: 6px 10px; } .show-menu:hover { text-decoration: none; } .show-menu i { float: right; line-height: 20px; font-size: 18px; } li.aux-languages > a > img { margin-right: 5px; } nav ul.menu > li.menu-item.sf-menu-item-btn { padding: 7px 10px 26px!important; } .is-sticky .sticky-header-resized nav ul.menu > li.menu-item.sf-menu-item-btn { padding: 7px 10px 16px!important; } .is-sticky #main-nav.sticky-header-resized nav ul.menu > li.menu-item.sf-menu-item-btn, .header-1 nav ul.menu > li.menu-item.sf-menu-item-btn, .header-2 nav ul.menu > li.menu-item.sf-menu-item-btn { padding: 7px 0!important; } nav ul.menu > li.menu-item.sf-menu-item-btn > a { padding: 7px 10px!important; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } nav ul.menu > li.menu-item.sf-menu-item-btn > a span.nav-line { display: none!important; } nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text { padding: 10px 20px; border: 1px solid #fff; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; margin: 5px 10px; transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out, border 0.3s ease-in-out, color 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text > i { margin-right: 6px; vertical-align: -1px; } #main-nav ul.menu > li.menu-item.sf-menu-item-btn > a > span.menu-item-text { display: block; margin: 4px 0; } .mega-menu ul, .mega-menu ul li {list-style: none;} .mega-menu ul.sub-menu, .mega-menu ul.sub {position: relative; padding: 0; margin: 0;} .mega-menu ul li ul {display: none;} .mega-menu .sub {display: none;} .mega-menu .sub ul {display: block;} nav.mega-menu { list-style: none; position: relative; padding: 0; margin: 0; } nav.mega-menu .sub ul { display: block; } nav.mega-menu { height: auto; position: relative; } nav.mega-menu ul.menu { text-align: right; width: 100%; margin-bottom: -8px; } nav#main-navigation ul.menu { float: right; } #main-nav .row { position: relative; } #main-nav .header-right { position: absolute; right: 10px; top: 0; } .menu-left #main-navigation { padding-left: 15px; } .menu-left nav.mega-menu ul.menu { text-align: left; } nav.mega-menu ul.menu li { display: inline-block; float: none; position: relative; } nav.mega-menu ul.menu li.dc-mega-li { position: static; } nav.mega-menu li.menu-item { float: left; margin: 0; padding: 0; } nav.mega-menu li.menu-item > a { float: left; display: block; padding: 12px 25px; text-decoration: none; } nav.mega-menu li .sub-container { position: absolute; top: 63px; text-align: left; width: 940px; left: 10px!important; } .header-1 nav.mega-menu li .sub-container, .header-2 nav.mega-menu li .sub-container { left: 25px!important; } .header-3 nav.mega-menu li .sub-container, .header-4 nav.mega-menu li .sub-container, .header-5 nav.mega-menu li .sub-container { left: 0!important; } .header-6 nav.mega-menu li .sub-container, .header-7 nav.mega-menu li .sub-container { left: 15px!important; } nav.mega-menu li .mega .sub, nav.mega-menu li .mega .sub > .row { width: 940px!important; } .menu-left nav.mega-menu li .sub-container { top: 46px; } nav.mega-menu li .sub-container.non-mega { min-width: 180px; max-width: 220px; left: 0!important; } nav.mega-menu li .mega .sub { padding: 0; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } nav.mega-menu li .mega .sub .row { margin-left: 0!important; margin-right: 0!important; } nav.mega-menu li .sub nav.mega-menu li .sub .row { width: 100%!important; overflow: hidden; clear: both; margin-left: 0!important; } nav.mega-menu li .sub li.menu-item { list-style: none; float: none; width: 170px; display: block; } nav.mega-menu li .sub li.mega-hdr { margin: 0; float: left; width: 25%; border-bottom: 0; border-right: 1px solid #e4e4e4; border-top: 1px solid #e3e3e3; } nav.mega-menu li.sf-mega-menu-2col .sub li.mega-hdr { width: 50%; } nav.mega-menu li.sf-mega-menu-3col .sub li.mega-hdr { width: 33.33%; } nav.mega-menu li.sf-mega-menu-4col .sub li.mega-hdr { width: 25%; } nav.mega-menu li.sf-mega-menu-5col .sub li.mega-hdr { width: 20%; } nav.mega-menu li.no-headings .sub li.mega-hdr { border-top-width: 0; } nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr { padding: 20px; border-top-width: 1px; } nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr.no-column-spacing { padding: 0; } nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr a.mega-hdr-a { padding: 12px 18px; } nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr li.menu-item { border-top: 0!important; } nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr li.menu-item a { padding: 10px 18px; } nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr .sub-menu, nav.mega-menu li.sf-mega-menu-alt .sub li.mega-hdr li { border-top: 0; } .mega-menu-widget { padding: 0 15px 15px; } .mega-menu-widget > .container { max-width: 100%; } .mega-menu-widget .row { max-width: 100%; } nav.mega-menu .mega-menu-widget ul { left: 0; } nav.mega-menu .mega-menu-widget ul li { border-bottom: 0; } nav.mega-menu li.sf-mega-menu-alt .mega-menu-widget { padding: 0; } nav.mega-menu li.no-headings .sub li.mega-hdr > a  { display: none!important; } body #header-section nav.mega-menu li.sf-mega-menu-natural-width .mega, body.layout-fullwidth #header-section nav.mega-menu li.sf-mega-menu-natural-width .mega, body #header-section nav.mega-menu li.sf-mega-menu-natural-width .mega > .sub, body #header-section nav.mega-menu li.sf-mega-menu-natural-width .mega > .sub > .row { width: auto!important; } body nav.mega-menu li.sf-mega-menu-natural-width .mega, body.layout-fullwidth nav.mega-menu li.sf-mega-menu-natural-width .mega, .layout-fullwidth .fw-header #header-section nav.mega-menu li.sf-mega-menu-natural-width .sub-container { left: inherit!important; } .header-right nav.mega-menu li.sf-mega-menu-natural-width .mega { right: 0; } nav.mega-menu li.sf-mega-menu-natural-width .mega ul li.mega-hdr { width: 220px; } nav.mega-menu li .sub li.mega-hdr.last { margin-right: 0; border-right: 0; } nav.mega-menu li .mega .sub .sub-menu { left: auto!important; border-top: 1px solid #e4e4e4; } nav.mega-menu li .mega .sub .sub-menu li { width: 100%; border-top: 1px solid #e4e4e4; border-bottom-width: 0; } nav.mega-menu li .mega .sub .sub-menu li:first-child { border-top: 0; } nav.mega-menu li .sub li.menu-item > a { background: none; padding: 7px 10px; display: block; float: none; font-weight: normal; font-size: 14px; } nav.mega-menu li .sub li.mega-hdr a.mega-hdr-a, nav.mega-menu li .sub li.mega-hdr > span.title { padding: 15px!important; font-weight: bold; font-size: 18px; height: auto!important; display: block; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; } nav.mega-menu .sub li.mega-hdr li.menu-item > a { padding: 12px 15px; font-weight: normal; font-size: 14px; max-width: 100%; text-overflow: ellipsis; white-space: nowrap; overflow-x: hidden; } nav.mega-menu .sub ul li { padding-right: 0; } nav.mega-menu li .sub-container.non-mega .sub { padding: 0; -moz-box-shadow: 0 1px 3px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.1); box-shadow: 0 1px 3px rgba(0,0,0,.1); } nav.mega-menu li .sub-container.non-mega li { padding: 0; width: 100%; text-align: left; margin: 0; border-bottom-width: 0; border-top: 1px solid #e4e4e4; max-width: 100%; } nav.mega-menu li .sub-container.non-mega li.menu-item > a { padding: 10px 15px; } #header .is-sticky .sticky-header { width: 100%; max-width: 940px; background: #fff; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; transition: padding 0.5s ease-in-out; -moz-transition: padding 0.5s ease-in-out; -webkit-transition: padding 0.5s ease-in-out; -o-transition: padding 0.5s ease-in-out; -moz-box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1); box-shadow: 0 3px 5px rgba(0,0,0,.1); } #logo, .sticky-header-resized #logo img, .header-container > .row, .header-5 header .container > .row, .header-6 header > .container > .row { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; transition: height 0.5s ease-in-out, width 0.5s ease-in-out; -moz-transition: height 0.5s ease-in-out, width 0.5s ease-in-out; -webkit-transition: height 0.5s ease-in-out, width 0.5s ease-in-out; -o-transition: height 0.5s ease-in-out, width 0.5s ease-in-out; } #header-section .is-sticky #main-nav.sticky-header { width: 100%; -moz-box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1); box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } #header-section.header-6 .is-sticky #header.sticky-header { width: 100%; -moz-box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.1); box-shadow: 0 3px 5px rgba(0,0,0,.1); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .boxed-layout #header-section .is-sticky #main-nav.sticky-header, .boxed-layout #header-section.header-6 .is-sticky #header.sticky-header { width: 1000px; } .header-7 #header .is-sticky .sticky-header { max-width: none; } .boxed-layout #header-section #header .is-sticky .sticky-header { max-width: 1000px; } .boxed-layout.browser-ff #header-section #header .is-sticky .sticky-header { left: 50%; margin-left: -500px; } .boxed-layout #header-section.header-3 #header .is-sticky .sticky-header, .boxed-layout #header-section.header-4 #header .is-sticky .sticky-header, .boxed-layout #header-section.header-5 #header .is-sticky .sticky-header { max-width: 940px; } .header-3 #header .is-sticky .sticky-header.sticky-header-resized.header-container, .header-4 #header .is-sticky .sticky-header.sticky-header-resized.header-container, .header-5 #header .is-sticky .sticky-header.sticky-header-resized, #header-section.header-6 #header.sticky-header.sticky-header-resized, .header-7 #header .is-sticky .sticky-header.sticky-header-resized .header-container { padding-top: 10px; } #header .is-sticky .sticky-header > .row { position: relative; } .header-5 .is-sticky .sticky-header-resized .search-nav { top: -4px; } .header-7 .is-sticky .sticky-header-resized .search-nav { margin-top: -1px; } .is-sticky .sticky-header-resized nav#main-navigation .menu > li { padding-bottom: 6px; } .header-1 .is-sticky .sticky-header-resized nav#main-navigation .menu > li, .header-2 .is-sticky .sticky-header-resized nav#main-navigation .menu > li { padding-bottom: 2px; } .header-1 .is-sticky .sticky-header-resized #main-nav .header-right ul.menu > li > a, .header-2 .is-sticky .sticky-header-resized #main-nav .header-right ul.menu > li > a { padding: 13px 5px; } .header-3 .is-sticky .sticky-header-resized #main-navigation .menu > li, .header-4 .is-sticky .sticky-header-resized #main-navigation .menu > li, .header-5 .is-sticky .sticky-header-resized #main-navigation .menu > li, .header-6 .is-sticky .sticky-header-resized #main-navigation .menu > li, .header-7 .is-sticky .sticky-header-resized #main-navigation .menu > li { padding: 0 10px 10px; } .header-5 .is-sticky .sticky-header-resized nav#main-navigation .menu > li > a, .header-6 .is-sticky .sticky-header-resized nav#main-navigation .menu > li > a, .header-7 .is-sticky .sticky-header-resized nav#main-navigation .menu > li > a { padding-top: 6px; } .header-6 .is-sticky .sticky-header-resized nav.search-nav .menu > li > a { padding-top: 7px; } .is-sticky .sticky-header-resized nav#main-navigation .menu > li > a span.nav-line { bottom: 8px; } .is-sticky .sticky-header-resized nav.mega-menu li .sub-container, .header-6 .is-sticky .sticky-header-resized nav.mega-menu li .sub-container, .header-7 .is-sticky .sticky-header-resized nav.mega-menu li .sub-container { top: 48px!important; } .header-1 .is-sticky .sticky-header-resized nav.mega-menu li .sub-container, .header-2 .is-sticky .sticky-header-resized nav.mega-menu li .sub-container { top: 47px!important; } .header-3 .is-sticky .sticky-header-resized nav.mega-menu li .sub-container, .header-4 .is-sticky .sticky-header-resized nav.mega-menu li .sub-container { top: 52px!important; } .is-sticky .sticky-header-resized #main-nav .header-right ul.menu > li > a { padding: 14px 5px 13px; } .mobile-browser .sticky-wrapper { width: 100%; } .naked-header #top-bar, .naked-header #top-header { display: none; } .naked-header #header-section:before { background: transparent; } .naked-header .header-wrap { width: 100%; position: absolute; top: 20px; left: 0; z-index: 7; } .naked-header.header-overlay .header-wrap { left: 50%; } .naked-header #header-section, .naked-header #header-section:before, .naked-header #header .is-sticky .sticky-header, .naked-header .is-sticky #header.sticky-header { -moz-box-shadow: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; background: transparent; } .naked-header #header .sticky-header, .naked-header #header.sticky-header { background: transparent; transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -webkit-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .naked-header.naked-light #logo.has-light-logo img { display: none; } .naked-header.naked-light #logo.has-light-logo img.light-logo { display: inline-block; } .naked-header.naked-dark #logo.has-dark-logo img { display: none; } .naked-header.naked-dark #logo.has-dark-logo img.dark-logo { display: inline-block; } .naked-header .sticky-wrapper.is-sticky #logo img.light-logo, .naked-header .sticky-wrapper.is-sticky #logo img.dark-logo { display: none!important; } .naked-header .sticky-wrapper.is-sticky #logo img.standard { display: inline-block!important; } .naked-header.naked-light nav .menu > li a { color: #fff; } .naked-header.naked-dark nav .menu > li a { color: #222; } .naked-header .is-sticky #header-section::before, .naked-header #header .is-sticky .sticky-header, .naked-header .is-sticky #header.sticky-header { background: #fff!important; -moz-box-shadow: 0 3px 5px rgba(0,0,0,.05)!important; -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.05)!important; box-shadow: 0 3px 5px rgba(0,0,0,.05)!important; } .naked-header .sticky-header-resized #logo h1 { color: #222!important; } .naked-header .sticky-header-resized #logo a { color: #333; } .naked-header .sticky-header-resized #logo { background-image: none; } .naked-header .inner-page-wrap { padding-top: 0!important; margin-top: 0; } .widget { padding-bottom: 35px; } .widget ul { margin: 0; list-style: none; } .widget ul li { margin-bottom: 0; line-height: 16px; } .widget_recent_comments ul li { padding: 10px 0; } .widget ul li > a { padding: 10px 0; display: block; } .widget a { text-decoration: none; } .widget a:hover { text-decoration: underline; } .widget_categories ul > li, .widget_archive ul > li, .widget_nav_menu ul > li, .widget_recent_comments ul > li, .widget_meta ul > li, .widget_recent_entries ul > li, .widget_product_categories ul > li, .widget_layered_nav ul li { border-top: 1px solid transparent; } .widget_categories ul > li:first-child, .widget_archive ul > li:first-child, .widget_nav_menu ul > li:first-child, .widget_recent_comments ul > li:first-child, .widget_meta ul > li:first-child, .widget_recent_entries ul > li:first-child, .widget_product_categories ul > li:first-child, .widget_layered_nav ul li:first-child { border-top: 0; } .widget_categories ul > li a:hover, .widget_archive ul > li a:hover, .widget_nav_menu ul > li a:hover, .widget_meta ul > li a:hover, .widget_recent_entries ul > li a:hover, .widget_product_categories ul > li a:hover, .widget_layered_nav ul > li a:hover { text-decoration: none; } .widget_categories ul > li a:before, .widget_archive ul > li a:before, .widget_nav_menu ul > li a:before, .widget_meta ul > li a:before, .widget_recent_entries ul > li a:before, .widget_product_categories ul > li a:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } .widget_product_categories ul.children { padding-left: 10px; border-top: 1px solid #e4e4e4; padding-top: 2px; } .widget_product_categories li { position: relative; } .widget_product_categories li span.count { position: absolute; top: 8px; right: 20px; font-size: 12px; } .widget_nav_menu ul.sub-menu { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;  border-left: 0; border-right: 0; border-bottom: 0; } .widget_nav_menu ul.sub-menu li { padding-left: 15px; } .widget .wp-tag-cloud { margin: 0; padding: 0; list-style: none; height: auto; overflow: hidden; } .widget .wp-tag-cloud li { float: left; margin-bottom: 4px; } .widget ul.wp-tag-cloud li > a { margin-right: 4px; padding: 6px 8px; text-decoration: none; moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; border: 1px solid #e4e4e4; font-size: 14px!important; background-size: 100% 100%; background-position: center center; } .widget .wp-tag-cloud li > a:hover { border-color: transparent; background-image: url(https://www.thomas-hammermeister.com/dnt/images/crease.svg); } .browser-ie .widget .wp-tag-cloud li > a:hover, .browser-ie10 .widget .wp-tag-cloud li > a:hover { background-image: none; } .widget-video iframe { width: 100%; } .widget_search form { position: relative; margin-bottom: 0; } .widget_search .screen-reader-text { display: none; } .widget_search form input { margin: 0; border: 1px solid #e3e3e3; width: 100%; height: 42px; font-size: 14px; line-height: 19px; padding-left: 15px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_search form input[type="submit"] { visibility: hidden; height: 0; padding: 0; } .widget_search form:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 18px; padding-right: 15px; position: absolute; float: right; top: 13px; right: 0; color: #999; } ul.recent-posts { list-style: none; } .recent-post { height: auto; float: left; margin-bottom: 20px; } .recent-post figure { width: 100%; height: auto; position: relative; background-color: #212121; margin-bottom: 25px; } .recent-post figure:empty { display: none; } .recent-post figure img { width: 100%; height: auto; position: relative; display: block!important; } .recent-post figure iframe { display: block; width: 100%; } figcaption .post-category { padding: 10px; float: left; max-width: 50%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .recent-post .details-wrap { display: block; vertical-align: top; } .recent-post .post-item-details { margin-top: 20px; padding: 15px 0; border-top: 1px dashed transparent; } .recent-post .post-item-details .comments-likes, .recent-post .post-item-details .comments-likes i, .recent-post .post-item-details .comments-likes span { font-weight: normal; } .recent-post .post-item-details .comments-likes .icon-comment { margin-right: 3px; } .recent-post h5 { margin-top: 0; margin-bottom: 4px; word-break: break-word; } .recent-post h5 a { text-decoration: none; } .recent-post .post-details { margin-bottom: 5px; } .recent-post .excerpt { padding-top: 8px; } .recent-post .excerpt p { margin-bottom: 0; } .recent-post.format-chat .chat { margin-top: 20px; } .recent-post figure.quote { background: transparent!important; } .blog-item.format-quote h2, .blog-item.format-status h1, .blog-item.format-aside h1, .blog-item.format-status h3, .blog-item.format-aside h3, .blog-item.format-quote h4, .blog-item.format-status h4, .blog-item.format-aside h4 { display: none; } .blog-item.sticky h2 { text-decoration: underline; } .recent-post .post-date { margin-right: 4px; } .read-more { text-decoration: none; display: inline-block; border-bottom: 1px dotted #e3e3e3; } .read-more-button { font-size: 12px; line-height: 18px; height: auto; padding: 14px 16px; border: 1px solid #e4e4e4; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-transform: uppercase; font-weight: bold; display: inline-block; } .read-more-link { text-decoration: none; margin-top: 5px; font-weight: bold; display: block; } .sticky-post-icon { float: left; margin-right: 10px; padding: 17px 12px 7px; background-image: url(https://www.thomas-hammermeister.com/dnt/images/crease.svg); background-size: 100% 100%; background-position: center center; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; font-size: 24px; } .browser-ie .sticky-post-icon, .browser-ie10 .sticky-post-icon { background-image: none; } .sticky-post-icon i { height: 22px; display: inline-block; } .item-link { text-decoration: none; } .portfolio .item-link i { margin-right: 5px; vertical-align: -2px; } .spb_impact_text { background: transparent; clear: both; height: auto; overflow: hidden; } .spb_impact_text.asset-bg { padding-top: 30px; padding-bottom: 30px; } .impact-text-wrap { position: relative; padding: 30px 35px; border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .impact-text-wrap .impact-text-arrow { font-size: 42px; } .impact-text-wrap .impact-text-arrow i { line-height: 50px; } .spb_impact_text.cta_align_right a.sf-button { margin-right: 0; } .spb_impact_text .spb_call_text, .impact-text { font-size: 24px; line-height: 32px; font-weight: 300; margin-bottom: 0; } p.impact-text-large { font-size: 36px; line-height: 44px; margin-bottom: 0; } .spb_impact_text .spb_call_text { border-left: 1px solid #e4e4e4; padding-left: 15px; } .spb_impact_text .spb_call_text p { margin-bottom: 0; } .spb_impact_text .cta_align_bottom .spb_call_text { border-left: 0; } .asset-bg .spb_impact_text .spb_call_text { border-left: 0; padding-left: 0; } .spb_impact_text .sf-button { margin-bottom: 0; } .spb_call_to_action { position: relative; background: #f4f4f4; padding: 20px; padding: 3%; border: 1px solid #e5e5e5; } .spb_call_to_action .btn { margin: 0; } .cta_align_left .btn { float: left; margin-right: 2.5641%; } .cta_align_right .btn { float: right; margin-left: 2.5641%; } .cta_align_left .btn, .cta_align_right .btn { max-width: 31.6239%; } .cta_align_left .spb_call_text, .cta_align_right .spb_call_text { width: 65.812%; float: left; clear: none; } .cta_align_left .spb_call_text { float: right; } .spb_call_to_action .spb_call_text, #content .spb_call_to_action .spb_call_text { margin: 0; } .cta_align_bottom { text-align: center; } .cta_align_bottom .btn { position: static; margin-top: 2%; display: inline-block; } .cta_align_left .spb_call_text, .cta_align_right .spb_call_text { width: 80%; } .cta_align_left .sf-button, .cta_align_left .impact-text-arrow { position: absolute; left: 30px; top: 50%; margin-top: -20px; max-width: 20%; } .asset-bg .cta_align_left .sf-button, .asset-bg .cta_align_left .impact-text-arrow { left: 0; } .cta_align_right .sf-button, .cta_align_right .impact-text-arrow { position: absolute; right: 30px; top: 50%; margin-top: -23px; max-width: 20%; } .asset-bg .cta_align_right .sf-button, .asset-bg .cta_align_right .impact-text-arrow { right: 0; } .cta_align_bottom .sf-button { margin: 15px 0 0 0; } .spb_latest_tweets_widget { padding: 25px 0; } .spb_latest_tweets_widget .twitter-bird { font-size: 14px; line-height: 26px; float: left; } .spb_latest_tweets_widget ul { margin-left: 25px; } .spb_latest_tweets_widget ul li { margin-top: 15px; } .spb_latest_tweets_widget ul li:first-child { margin-top: 0; } .spb_latest_tweets_widget .tweet-text { line-height: 24px; display: block; } .spb_latest_tweets_widget .tweet-text a { font-weight: bold; text-decoration: none; } .spb_latest_tweets_widget .twitter_intents { display: block; } .spb_latest_tweets_widget .twitter_intents a { margin-right: 5px; } .spb_latest_tweets_widget a.twitter-timestamp { display: inline-block; line-height: 24px; margin-left: 10px; font-size: 12px; } .carousel-overflow { min-width: 100%; } .carousel-wrap { position: relative; } .carousel-next.disabled, .carousel-prev.disabled { opacity: 0!important; } .carousel-wrap:hover .carousel-next { opacity: 1; right: -18px; } .carousel-wrap:hover .carousel-prev { opacity: 1; left: -18px; } .carousel-wrap .carousel-items { list-style: none; opacity: 0; } .carousel-wrap .carousel-items .carousel-item { width: 100%!important; margin: 0!important; padding: 0 15px!important; } .carousel-wrap .owl-item .product { width: 100%!important; margin: 0!important; padding: 0 15px!important; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; opacity: 0; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper{ display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer{ overflow: hidden; position: relative; width: 100%; padding-bottom: 10px; } .owl-carousel .owl-wrapper-outer.autoHeight{ -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-controls .owl-page, .owl-controls .owl-buttons div{ cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .grabbing { cursor:url('https://www.thomas-hammermeister.com/dnt/images/grabbing.png') 8 8, move; } .owl-carousel  .owl-wrapper, .owl-carousel  .owl-item{ -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0); } .owl-pagination { position: relative; display: inline-block; margin: 0; padding: 0; list-style: none; cursor: default; width: 100%; text-align: center; } .owl-carousel .owl-item { float: left; } .owl-carousel .owl-controls { margin-top: 15px!important; margin-bottom: 10px; } .owl-pagination .owl-page { position: relative; display: inline-block; float: none; margin: 10px 5px; width: 12px; height: 12px; cursor: pointer; } .owl-pagination .owl-page span { top: 0; left: 0; padding: 0!important; margin: 0!important; width: 100%!important; height: 100%!important; outline: none; border-radius: 50%; background-color: #fff; background-color: rgba(255,255,255,0.3); text-indent: -999em; cursor: pointer;  position: absolute; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, background-color 0.3s ease; } .owl-pagination .owl-page::after { content: ''; position: absolute; width: 100%; height: 100%; visibility: hidden; opacity: 0; left: 0; border-radius: 50%; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s; } .owl-pagination .owl-page.active::after { opacity: 1!important; visibility: visible; -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; -webkit-transform: translateY(0%); transform: translateY(0%); } .owl-pagination .owl-page.active span { opacity: 0!important; -webkit-transform: translateY(200%); transform: translateY(200%); } .spb_single_image .spb_wrapper.shadow { -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); } .spb_single_image { margin-bottom: 30px; } .spb_single_image img { width: 100%; height: auto; display: block; position: relative; z-index: 2; } .spb_single_image .image-caption { text-align: center; margin: 15px 0 20px; font-style: italic; } .spb_video_widget .spb_wrapper.shadow { margin-bottom: 20px; -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); } figure.lightbox { position: relative; } .widget.widget_lip_most_loved_widget li { height: auto; overflow: hidden; margin-bottom: 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: 64px; position: relative; padding: 12px 18px; border: 1px solid #e3e3e3; } .widget_lip_most_loved_widget .loved-item > a { line-height: 20px; margin-bottom: 2px; padding: 0; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .widget_lip_most_loved_widget .loved-item > span { font-size: 12px; } .loved-item > br { display: none; } .loved-item .loved-count { border-left: 1px solid #e4e4e4; position: absolute; right: 0; top: 0; height: 64px; width: 70px; display: block; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .loved-item .loved-count > i { vertical-align: 0px; font-size: 14px; padding: 10px 9px 5px; border-radius: 50%; margin-top: 15px; display: inline-block; margin-left: -15px; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } .loved-item .loved-count > span { text-align: center; position: absolute; width: 90%; display: block; top: 24px; left: 10%; } .widget .recent-posts-list > li { height: auto; overflow: hidden; margin-bottom: 0; padding-bottom: 10px; } .recent-posts-list li .recent-post-image { padding: 0; float: left; width: 90px; height: auto; min-height: 70px; background: #222; } .recent-posts-list li .recent-post-image img { display: block; width: 100%; height: auto; } .recent-posts-list li .recent-post-details { padding: 0 10px; margin-left: 98px; } .recent-posts-list li .recent-post-title { display: block; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .recent-posts-list li .recent-post-details > span { font-size: 12px; font-style: italic; } .recent-posts-list li .recent-post-details .comments-likes { float: none; margin-top: 5px; font-size: 12px!important; } .recent-comments-list .comment .comment-wrap { padding: 10px 0; } .recent-comments-list .comment .comment-body { margin-top: 5px; } .recent-comments-list .comment .comment-meta-actions a { font-size: 12px; text-transform: uppercase; } .recentcomments { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .flickr_images { margin-right: -2px; margin-bottom: 30px; } .widget.flickr-widget ul { margin-right: -10px; } .widget.flickr-widget li { height: 81px; width: 81px; padding: 0; border: 0; overflow: hidden; float: left; display: inline-block; position: relative; margin: 0 10px 10px 0; background-image: url(https://www.thomas-hammermeister.com/dnt/images/crease.svg); background-size: 100% 100%; background-position: center center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; -moz-transition: -moz-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  } .browser-ie .widget.flickr-widget li, .browser-ie10 .widget.flickr-widget li { background-image: none; } .flickr-widget li img { height: 81px; width: auto; min-height: 81px; min-width: 81px; display: block; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .flickr-widget li:hover img { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .widget ul.flickr_images li a { padding: 0; } .widget ul.flickr_images li a:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 20px; position: absolute; right: 50%; top: 50%; margin-top: -6px; margin-right: -11px; color: #999; opacity: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .widget ul.flickr_images li:hover a:after { opacity: 1; } .browser-ie .widget ul.flickr_images li a:after { display: none; } .twitter-widget { margin: 0; } .widget.twitter-widget li { margin-bottom: 20px; } .widget.twitter-widget li:before { content: "\f099"; font-family: "Font Awesome 5 Brands"; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; font-size: 16px; width: 30px; height: auto; float: left; margin-top: 2px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } #footer .widget.twitter-widget li:before { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .twitter-widget .tweet-text { padding-left: 30px; line-height: 160%; } .twitter-widget .twitter_intents { margin: 10px 0 0 30px; display: none; } .twitter-widget .twitter_intents a { margin-right: 4px; } .twitter-date a, .twitter-link a, .widget .twitter-link a:hover { text-decoration: none; } .twitter-link a { display: inline-block; letter-spacing: normal; line-height: 25px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .twitter-link a:hover { text-decoration: none!important; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .sidebar .rev_slider_wrapper { overflow: hidden; padding-bottom: 40px!important; } .subscribers-list { text-align: center; padding: 15px 15px 9px; border: 1px solid #e4e4e4;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  background-color: #fff;  } .subscribers-list li { display: inline-block; width: 64px; margin-left: 10px; } .subscribers-list li:first-child { margin-left: 0; } .subscribers-list li > a.social-circle { font-size: 27px; background: #222; -moz-border-radius: 40px; -webkit-border-radius: 40px; border-radius: 40px; padding: 11px 7px; width: 35px; text-align: center; margin: 0 auto 5px; } .subscribers-list li:hover > a.social-circle { text-decoration: none; } .subscribers-list li > a.social-circle i { width: 30px; } .subscribers-list li span { display: block; text-align: center; font-size: 12px; } .subscribers-list li span.social-count { font-weight: bold; font-size: 14px; margin-bottom: 4px; } .sidebar-ad-grid { padding: 15px; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.15);  -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.15);  box-shadow: inset 0 0 10px rgba(0,0,0,.15);  } .sidebar-ad-grid ul > li { float: left; margin: 5px; max-width: 125px; } .sidebar-ad-grid ul > li img { display: block; } .widget input[type="email"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px 20px 5px 10px; line-height: 21px; height: 32px; display: block; border: 0; } .widget #mc_embed_signup > form { position: relative; } .widget #mc_embed_signup > form:after { content: "\2709"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 16px; padding-right: 10px; position: absolute; float: right; top: 7px; right: 0; color: #999; } #mc_embed_signup .clear { display: block; visibility: visible; width: auto; height: auto; } .widget_sf_infocus_widget .infocus-item { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); } .widget_sf_infocus_widget .infocus-item iframe { display: block; } .infocus-item figure { position: relative; overflow: hidden; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .widget_sf_infocus_widget .infocus-item img { display: block; height: auto; width: 100%; } .widget_sf_infocus_widget .infocus-item .infocus-title { position: relative; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .widget_sf_infocus_widget .infocus-item .infocus-title:before { content: ''; width: 15px; height: 10px; background-color: #fff; position: absolute; top: -3px; left: 16px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .widget_sf_infocus_widget .infocus-item h5 { font-weight: normal; margin: 0!important; padding: 12px 16px; max-width: 80%; float: left; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border: 0!important; } .widget.widget_sf_infocus_widget .infocus-item h5 a:hover { text-decoration: none; } .infocus-title .love-it-wrapper { display: block; float: right; margin: 10px 16px 10px 0; } .portfolio-grid li { float: left; height: 75px; position: relative; margin: 0 12px 12px 0!important; background-image: url(https://www.thomas-hammermeister.com/dnt/images/crease.svg); background-size: 100% 100%; background-position: center center; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  } .browser-ie .portfolio-grid li, .browser-ie10 .portfolio-grid li { background-image: none; } .portfolio-grid li a { padding: 0!important; } .portfolio-grid li a img { width: 75px; height: 75px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-grid li:hover img { opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); } .portfolio-grid li a:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 20px; position: absolute; right: 50%; top: 50%; margin-top: -6px; margin-right: -11px; color: #999; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .portfolio-grid li:hover a:after { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100) } .browser-ie .portfolio-grid li a:after { display: none; } .widget hr { border-bottom: 0; } #footer { padding: 40px 0 0; border-top: 0 solid transparent; } #footer.footer-divider { border-top-width: 1px; } #footer h6 { margin-bottom: 20px; font-weight: bold; } #footer a, #footer a:hover { text-decoration: none; } #footer-widgets .widget { padding-bottom: 30px; } #copyright { padding: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: auto; overflow: hidden; font-size: 12px; border-top: 0 solid transparent; } #copyright.copyright-divider { border-top-width: 1px; } #copyright p { font-size: 11px; float: left; margin-bottom: 0; line-height: 24px; } #copyright a, #copyright a:hover { text-decoration: none; } #copyright nav .menu { float: right; } #copyright nav .menu li { font-size: 12px; margin: 0; border-left: 1px solid #e4e4e4; } #copyright nav .menu li:first-child { border-left: 0; } #copyright nav .menu li ul { display: none; } #swift-slider { margin-bottom: 0; position: relative; z-index: 1; } #swift-slider .swift-slider-loading { background:url('https://www.thomas-hammermeister.com/dnt/images/loader.gif') no-repeat center center; background-color:#fff; margin:-22px -22px; top:50%; left:50%; z-index:10000; position:absolute; width:44px; height:44px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } #swift-slider, #swift-slider ul.slides, #swift-slider ul.slides > li { min-height: 450px; max-height: 450px; } #swift-slider { overflow: visible!important; } #swift-slider .slide-caption-container { position: absolute; right: 50%; width: 940px; height: 100%; margin-right: -470px; } #swift-slider .flex-caption { z-index: 99; position: absolute; bottom: -300px; height: auto; display: block; text-align: left; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition-delay: 1s; -moz-transition-delay: 1s; -webkit-transition-delay: 1s; -o-transition-delay: 1s; } #swift-slider .flex-caption .flex-caption-details { display: block; -webkit-perspective: 500px; -moz-perspective: 500px; -ms-perspective: 500px; -o-perspective: 500px; perspective: 500px; } #swift-slider .flex-caption .flex-caption-details .caption-details-inner { width: 100%; padding: 15px 20px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: #fff; height: auto; overflow: hidden; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); -webkit-transform-origin: 0 100%; -moz-transform-origin: 0 100%; -ms-transform-origin: 0 100%; -o-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotateX(97deg); -moz-transform: rotateX(97deg); -ms-transform: rotateX(97deg); -o-transform: rotateX(97deg); transform: rotateX(97deg); -webkit-transition: -webkit-transform .2s linear; -moz-transition: -moz-transform .2s linear; -ms-transition: -ms-transform .2s linear; -o-transition: -o-transform .2s linear; transition: transform .2s linear; position: relative; border-bottom: 1px dashed #e4e4e4; } #swift-slider .flex-caption .flex-caption-details.open .caption-details-inner, .browser-ie #swift-slider .flex-caption .flex-caption-details .caption-details-inner { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateX(0); -moz-transform: rotateX(0); -ms-transform: rotateX(0); -o-transform: rotateX(0); transform: rotateX(0); } #swift-slider .flex-caption .flex-caption-details.closing .caption-details-inner { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); -webkit-transform: rotateX(97deg); -moz-transform: rotateX(97deg); -ms-transform: rotateX(97deg); -o-transform: rotateX(97deg); transform: rotateX(97deg); } #swift-slider.flexslider:hover .flex-next { right: 60px!important; } #swift-slider.flexslider:hover .flex-prev { left: 60px!important; } .caption-details-inner .details, .flex-caption-large .details { float: left; margin-top: 5px; } .caption-details-inner .details span, .flex-caption-large .details span { display: block; } .caption-details-inner .details span a:hover, .flex-caption-large .details span a:hover { text-decoration: none; } .caption-details-inner .details span.item-client, .flex-caption-large .details span.item-client, .caption-details-inner .details span.item-author, .flex-caption-large .details span.item-author { opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } #swift-slider .flex-caption .chart { position: relative; text-align: center; float: right; } #swift-slider .flex-caption-large .chart { position: relative; text-align: center; margin-right: 15px; } #swift-slider .flex-caption .chart canvas, #swift-slider .flex-caption-large .chart canvas { position: absolute; top: 0; left: 0; -webkit-transform: rotate(217deg); -moz-transform: rotate(217deg); -ms-transform: rotate(217deg); -o-transform: rotate(217deg); transform: rotate(217deg); } #swift-slider .flex-caption .chart span, #swift-slider .flex-caption-large .chart span { font-size: 24px; vertical-align: 0px; } #swift-slider .flex-caption .chart i, #swift-slider .flex-caption-large .chart i { position: absolute; bottom: 0; text-align: center; display: block; width: 100%; height: 20px; line-height: 20px; font-size: 16px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; -webkit-transition: all 0.25s ease-in-out; -o-transition: all 0.25s ease-in-out; transition-delay: 1.25s; -moz-transition-delay: 1.25s; -webkit-transition-delay: 1.25s; -o-transition-delay: 1.25s; } #swift-slider .flex-caption-large .chart i { transition-delay: 2s; -moz-transition-delay: 2s; -webkit-transition-delay: 2s; -o-transition-delay: 2s; } #swift-slider .flex-caption .flex-caption-details.open .caption-details-inner .chart i, #swift-slider .flex-active-slide .flex-caption-large .chart i, .browser-ie #swift-slider .flex-active-slide .flex-caption-large .chart i { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } #swift-slider .flex-caption .flex-caption-details.closing .caption-details-inner .chart i { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); transition-delay: 0s; -moz-transition-delay: 0s; -webkit-transition-delay: 0s; -o-transition-delay: 0s; } #swift-slider .flex-caption .flex-caption-headline { background: #fff; padding: 18px 20px; } #swift-slider .flex-caption .flex-caption-headline h4 { margin: 0; } .flex-caption.caption-right { right: 0; width: 370px; } .flex-caption.caption-left { left: 0; width: 370px; } #swift-slider .flex-active-slide .flex-caption { bottom: 0; } #swift-slider .flex-caption h4 { width: 100%; } #swift-slider .flex-caption h4 span { text-decoration: none; display: block; text-overflow: ellipsis; white-space: nowrap; width: 88%; overflow: hidden; float: left; } #swift-slider .flex-caption h4 i { float: right; font-size: 20px; opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40); } #swift-slider .flex-caption-large { margin: 11% 20% 0; text-align: left; } #swift-slider .flex-caption-large h1 a, #swift-slider .flex-caption-large h1 a:hover { text-decoration: none; } #swift-slider .flex-caption-large .cl-charts { float: left; font-weight: normal; } #swift-slider .flex-caption-large .cl-charts .chart { float: left; } #swift-slider .flex-control-nav { position: relative; margin: 0 auto; list-style: none!important; width: 940px; height: auto; padding: 12px 0; text-align: center; bottom: 0; left: 0; z-index: 1; } #swift-slider .flex-control-nav li { float: none; } #swift-slider .flex-control-nav li a { width: 6px; height: 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  background-color: #cbcbcb;  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.15);  box-shadow: inset 0 1px 1px rgba(0,0,0,.15);  } #swift-slider .flex-control-nav li a.flex-active { background: #222; } #swift-slider .slider-shadow { position: absolute; left: 50%; margin-left: -499px; bottom: -63px; } .filter-wrap { display: block; margin-bottom: 20px; } .filter-wrap .select { line-height: 30px; margin-bottom: 10px; display: block; position: relative; outline: none; } .has-no-sidebar .filter-wrap .select { text-align: center; padding-left: 20px; } .has-no-sidebar .spb_portfolio_widget .filter-wrap { margin-bottom: 40px; } .has-no-sidebar .spb_portfolio_widget .filter-wrap .filter-slide-wrap { margin-bottom: 20px; } .filter-wrap .select:hover { text-decoration: none; } .filter-wrap .select i { margin-right: 10px; } .filter-wrap .select:after { content: ''; width: 16px; height: 10px; position: absolute; top: 34px; left: 22px; z-index: 99; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .has-no-sidebar .filter-wrap .select:after { left: 50%; margin-left: 5px; } .filter-wrap .filter-slide-wrap { display: none; margin-top: 0; padding-bottom: 12px; } .filter-wrap ul { font-size: 13px; list-style: none; margin-top: 0; margin-bottom: 0; } .filter-wrap ul.wp-tag-cloud li a { font-size: 13px!important; } .slideout-filter ul li { margin-bottom: 20px; float: left; } .filter-wrap ul li { display: none; } .slideout-filter ul li.all, .slideout-filter ul li.has-items { display: inline-block; } ul.portfolio-filter-tabs li.all, ul.portfolio-filter-tabs li.has-items { display: block; float: left; } .slideout-filter ul li a { display: block; white-space: nowrap; padding: 6px 12px; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; overflow: hidden; outline: none; border-bottom: 1px solid #333; } .blog-filter-wrap.slideout-filter ul li a { white-space: normal; } .slideout-filter ul li.selected a { border-bottom-color: transparent; } .filter-wrap ul li a span.item-name { max-width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: inline-block; float: left; } .filter-wrap ul.portfolio-filter-tabs li a span.item-name { max-width: 100%; margin-right: 12px; } .filter-wrap ul li a span.item-count { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } ul.portfolio-filter-tabs { opacity: 0; margin-bottom: 20px; } ul.portfolio-filter-tabs li.selected a { -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); font-weight: normal; } ul.portfolio-items { margin-bottom: 0; list-style: none; opacity: 0; } ul.portfolio-items.col-4 { margin-right: -17px; } .portfolio-items > li { margin-bottom: 30px; margin-left: 0; margin-right: 0; } .portfolio-items > li figure { position: relative; } .masonry-items .portfolio-item { border-bottom: 0; padding-bottom: 0; } .spb_portfolio_carousel_widget { padding-bottom: 50px; } .spb_portfolio_carousel_widget .caroufredsel_wrapper { padding-bottom: 10px; } .spb_portfolio_carousel_widget.asset-bg .heading-wrap { margin-bottom: 10px; } .spb_portfolio_carousel_widget .portfolio-item { height: auto; } .spb_portfolio_carousel_widget .portfolio-item figure { margin-bottom: 0; } .spb_portfolio_carousel_widget .portfolio-item .item-details { padding: 12px 15px 7px; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title { margin: 0 0 5px; text-align: left; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a { display: block; height: auto; overflow: hidden; } .spb_portfolio_carousel_widget .portfolio-item h4 span { display: inline-block; float: left; max-width: 82%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a:hover { text-decoration: none; } .spb_portfolio_carousel_widget .portfolio-item h4.portfolio-item-title a > i { float: right; text-align: right; line-height: 20px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } .portfolio-item.gallery { border-bottom: 0; padding-bottom: 0; padding-top: 0; } .portfolio-item.gallery figure, .masonry-items .portfolio-item.standard figure { margin-bottom: 0; } .portfolio-item figure { margin-bottom: 25px; } .portfolio-item.masonry-item figure, .portfolio-item.gallery-item figure { margin-bottom: 0; } .masonry-gallery-item figure, .masonry-gallery-item figure img, .masonry-gallery-item figure figcaption, .masonry-gallery-item figure iframe { webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .portfolio-item figure img { width: 100%; height: auto; position: relative; display: block!important; } .portfolio-item.masonry-item .portfolio-item-details { padding: 25px 30px 20px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } .portfolio-item h3.portfolio-item-title { font-weight: normal; margin-bottom: 5px; text-align: left; margin-top: 0; } .portfolio-item h1.portfolio-item-title { font-weight: normal; margin-bottom: 4px; text-align: left; margin-top: 10px; } .portfolio-item-title a:hover { text-decoration: none; } .portfolio-item h5.portfolio-subtitle { display: block; margin-bottom: 5px; text-align: left; margin-top: 0; } .portfolio-item h3.portfolio-subtitle { display: block; text-align: center; margin-top: 0; margin-bottom: 8px; } .portfolio-item .portfolio-item-excerpt { font-size: 12px; padding-top: 5px; text-align: left; } .portfolio-item.carousel-item .portfolio-item-excerpt { text-align: left; margin-top: 0; padding: 20px 0; } .asset-bg .portfolio-item.carousel-item .portfolio-item-excerpt { padding: 20px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .portfolio-item.carousel-item .portfolio-item-excerpt p:last-child { margin-bottom: 0; } .portfolio-item .portfolio-item-permalink { font-size: 12px; font-weight: bold; display: block; text-decoration: none; } .portfolio-options-bar { margin-bottom: 40px; height: auto; overflow: hidden; } .portfolio-options-bar ul.pagination-wrap { float: left; padding-right: 1px; margin-top: 0; margin-bottom: 0; font-size: 18px; line-height: 26px; } .portfolio-options-bar ul.pagination-wrap li i { height: 22px; display: block; } .portfolio-options-bar .share-links ul.bar-styling { float: right; padding-right: 1px; margin-bottom: 0; } .portfolio-options-bar .share-links ul li { border-left: 0; } .portfolio-options-bar .share-links ul li > a > i[class*="ss-"] { vertical-align: -2px; display: inline-block; height: 19px; } .full-width-display-wrap, .full-width-display-wrap > .container { position: relative; } .full-width-display-wrap .portfolio-options-bar { position: absolute; top: 60px; z-index: 3; width: 100%; opacity: 0; padding: 0 15px; } .full-width-display-wrap figure.fw-media-wrap { display: none; } .boxed-layout .full-width-display-wrap figure.fw-media-wrap { margin-left: 0!important; } .fw-media-wrap .item-slider, .fw-media-wrap .item-slider ul.slides, .fw-media-wrap .item-slider ul.slides > li { max-height: 800px; } .portfolio-item-content { margin-bottom: 30px; height: auto; overflow: hidden; } .portfolio-item-content > .col-sm-12.media-wrap, .portfolio-item-content > .container { padding-left: 0; padding-right: 0; } .portfolio-item-content > .article-body-wrap { padding-left: 0; } .portfolio-item-content > .portfolio-details-wrap { padding-right: 0; } .portfolio-item-content .container > figure.media-wrap { padding-left: 0; margin-bottom: 40px; } .portfolio-item-content .container > .article-body-wrap { padding-left: 15px; } .portfolio-item-content .container > .article-body-wrap .body-text > .container { padding-left: 0; padding-right: 0; } .port-detail-body-container { padding-left: 0; padding-right: 0; } .portfolio-detail-description .item-link { margin-top: 20px; display: block; } .portfolio-detail-description .item-link:hover { text-decoration: none; } .portfolio-detail-description .container { max-width: 100%; } .portfolio-categories { margin-bottom: 0; } .portfolio-categories li { border-bottom: 1px solid #e4e4e4; } .portfolio-categories li:first-child { border-top: 1px solid #e4e4e4; } .portfolio-categories li a { padding: 8px 0; display: block; } .portfolio-categories li a:before { content: "\1F4CE"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; float: left; margin-right: 10px; } .portfolio-details-wrap .sidebar-content { margin-bottom: 20px; } .portfolio-details-wrap .sidebar-content .container { max-width: 100%; padding: 0; } .portfolio-details-wrap .date { margin-bottom: 10px; } .portfolio-details-wrap .client { display: block; margin-bottom: 10px; margin-top: 10px; } .portfolio-details-wrap .item-link { margin-bottom: 10px; display: block; } .portfolio-details-wrap .item-link i { vertical-align: -3px; } article.portfolio .related-projects { margin-top: 30px; } article.portfolio .related-projects h4 { margin-bottom: 30px; } .body-text { margin-bottom: 30px; } .body-text p:last-child { margin-bottom: 0; } .body-text ul { list-style: disc inside; } .link-pages, .page-content .link-pages { margin-top: 30px; border: 1px solid #e4e4e4; padding: 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .link-pages, .page-content .link-pages p { margin-bottom: 0; } .link-pages:empty, .page-content .link-pages:empty { display: none; } article.type-portfolio .body-text > p:first-child { margin-top: -5px; } article.type-team .body-text > p { margin-left: 0; } .article-body-wrap input[type="password"] { border-width: 1px; border-style: solid; margin-left: 5px; margin-right: 5px; } .paginated-comments-links { margin-top: 10px; } .paginated-comments-links.comments-links-after { margin-top: 30px; } .sticky-details.sticky { float: none; position: fixed; z-index: 6; right: auto; padding-top: 100px!important; } .port-category-description { margin-bottom: 40px; } #home-masonry-elements { margin: 10px auto; } #home-masonry-elements li { margin: 5px; width: 300px; } #home-masonry-elements li figure { width: 300px; background: #f4f4f4; } .spb_portfolio_showcase_widget { padding-bottom: 0!important; } .spb_portfolio_showcase_widget.no-bg { padding-left: 0; padding-right: 0; padding-top: 30px; } .spb_portfolio_showcase_widget .portfolio-showcase-wrap { opacity: 0; } .boxed-layout .spb_portfolio_showcase_widget .portfolio-showcase-wrap { margin-left: -30px!important; } .portfolio-showcase-wrap ul { background: #222; margin: 0; overflow: hidden; white-space: nowrap; } .portfolio-showcase-wrap ul li { width: 25%; display: inline-block; overflow: hidden; position: relative; background: #222; margin-bottom: -7px; } .portfolio-showcase-wrap ul[data-columns="5"] li { width: 20%; } .portfolio-showcase-wrap ul li .main-image { max-width: none; position: absolute; display: block; opacity: 0.8; height: auto; transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; } .portfolio-showcase-wrap ul li:hover .main-image { opacity: 1; } .portfolio-showcase-wrap ul li .item-info { position: absolute; bottom: -80px; width: 100%; background: #fff; background: rgba(255,255,255,0.9); text-align: center; padding: 24px 30px; } .portfolio-showcase-wrap ul li .item-info:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid rgba(255,255,255,0.9); position: absolute; bottom: 70px; z-index: 2; left: 50%; margin-left: -10px; } .portfolio-showcase-wrap ul li .item-info.has-subtitle { padding: 13px 30px; } .portfolio-showcase-wrap ul li .item-info span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 100%; display: block; color: #222; } .portfolio-showcase-wrap ul li .item-info span.item-title { letter-spacing: normal; } .spb_blog_widget .filter-wrap { margin-bottom: 40px; } .spb_blog_widget .filter-wrap .filter-slide-wrap { padding: 20px 0 0; } .blog-standard { position: relative; margin-bottom: 30px; } ul.blog-items { list-style: none; } .blog-wrap .heading-wrap { margin-bottom: 5px; } .blog-item { margin-bottom: 60px; padding-top: 60px; height: auto; overflow: hidden; } .blog-item:first-child { border-top: 0; padding-top: 0; } .has-both-sidebars .blog-item { margin-bottom: 50px; } .mini-items .blog-item { margin-bottom: 0; padding-bottom: 0; } .mini-blog-item-wrap { border-top: 1px solid #e4e4e4; padding-top: 60px; } .blog-item:first-child .mini-blog-item-wrap { border-top: 0; padding-top: 0; } .mini-items .mini-alt-wrap { padding: 20px 30px 30px; border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .mini-items .mini-alt-wrap .quote-excerpt, .mini-items .mini-alt-wrap .link-excerpt { margin-left: -30px; margin-right: -30px; margin-bottom: 30px; padding: 0 100px 20px; border-bottom: 1px solid rgba(0,0,0,0.08); position: relative; } .mini-items .mini-alt-wrap .quote-excerpt:before { content: "\201C"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; position: absolute; font-size: 44px; margin-top: 10px; top: 0; left: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .mini-items .mini-alt-wrap .quote-excerpt:after { content: "\201D"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; position: absolute; font-size: 44px; top: 10px; right: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .mini-items .mini-alt-wrap .link-excerpt > p { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 10px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; } .mini-items .mini-alt-wrap .link-excerpt > i { display: block; position: absolute; font-size: 44px; margin-top: 10px; top: 0; left: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .mini-items .mini-alt-wrap .blog-item-details, .format-link .blog-item-details, .format-quote .blog-item-details { display: inline; padding-right: 20px; } .mini-items .blog-item h3 { margin-top: -3px; -ms-word-wrap: break-word; word-wrap: break-word; } .mini-items .blog-item-details { margin-bottom: 5px; padding-bottom: 0; font-style: normal; } .format-aside .blog-item-details, .format-status .blog-item-details { display: none; } .mini-items .blog-item .excerpt { margin-top: 20px; margin-bottom: 25px; } .mini-items .comments-likes { float: none; margin-bottom: 15px; } .blog-item .comments-likes { float: right; font-weight: normal; margin-top: 8px; } .blog-item .comments-likes .comments-wrapper { display: inline-block; margin-right: 0; } .blog-item .comments-likes .love-it-wrapper { margin-left: 10px; margin-top: 5px; } #infscr-loading { display: block; width: 100%; position: absolute; top: 100%; text-align: center; margin-top: -20px; } #infscr-loading img, #infscr-loading > div { display: inline-block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; padding: 10px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } #infscr-loading > div { display: none; } #infscr-loading > .all-loaded { -moz-border-radius: 22px; -webkit-border-radius: 22px; border-radius: 22px; display: inline-block; padding: 10px 20px; text-transform: uppercase; color: #999; } .load-more-btn { margin: 50px auto 30px; display: block; width: 20%; text-align: center; min-width: 200px; padding: 14px 16px; font-weight: bold; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; vertical-align: middle; max-width: 100%; } .mobile-browser .load-more-btn { display: none; } .search-items .blog-item { padding-top: 0; margin-bottom: 50px; } .search-item-img { float: left; position: relative; } .search-item-img img, .search-item-img .img-holder { height: 70px; width: 70px; display: block; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .search-item-img .img-holder { border: 1px solid #e3e3e3; line-height: 20px; } .search-item-img .img-holder i { display: inline-block; padding: 28px 20px; font-size: 28px; opacity: 0.5; } .search-item-content { margin-left: 100px; } .search-item-content.no-excerpt h3 { margin-top: 8px; } .search-item-content time { display: block; margin-bottom: 15px; } .blog-wrap .blog-aux-wrap { margin-bottom: 25px; } .blog-aux-options { text-align: center; } ul.blog-aux-options li { float: none; display: inline-block; } .blog-aux-options li:first-child { margin-left: 0; } .blog-aux-options li.search { height: auto; overflow: hidden; } .blog-aux-options li a { display: block; font-size: 14px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .blog-aux-options li a i { margin-right: 7px; } .blog-aux-options li a i[class*="ss-"] { vertical-align: -2px; height: 18px; display: inline-block; } .blog-aux-options li a:hover { text-decoration: none; } .blog-aux-options li form { margin: 0; position: relative; } .blog-aux-options li form input { margin: 0; border: 0; height: 34px; width: 200px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .blog-aux-options li form:after { content: "\1F50E"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: 16px; padding-right: 10px; position: absolute; float: right; top: 11px; right: 2px; opacity: 0.3; -moz-opacity: 0.3; filter: alpha(opacity=30); } .blog-filter-wrap { margin-bottom: 20px; } .blog-filter-wrap.filter-wrap ul li { display: block; } .blog-filter-wrap.filter-wrap ul li a span { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } .timeline { position: absolute; top: 0; left: 30px; width: 2px; height: 94%; background: #e4e4e4; float: left; z-index: 0; } .has-no-sidebar .timeline { left: 45px; } .standard-items .blog-item { border: 0; margin-top: 70px; margin-bottom: 10px; padding-top: 0; z-index: 1; position: relative; max-width: 100%; } .standard-items .blog-item:first-child { margin-top: 0; } .blog .blog-items.standard-items { max-width: 730px; margin: 0 auto; } .standard-post-date { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e3e3e3; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); padding: 4px 10px; display: inline-block; text-transform: uppercase; font-size: 12px; font-weight: bold; margin-bottom: 30px; } .standard-post-content { background: #fff; position: relative; padding: 25px 30px 30px; margin-bottom: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } .format-quote .standard-post-content:before, .standard-post-content.no-thumb:before { width: 0; height: 0; border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-left: 20px solid #fff; top: -16px; position: absolute; left: 32px; } .standard-post-content h1 { margin-top: 0; margin-bottom: 2px; -ms-word-wrap: break-word; word-wrap: break-word; } .standard-post-content h1 a:hover { text-decoration: none; } .standard-post-content .blog-item-details { font-style: normal; } .standard-post-content .quote-excerpt, .standard-post-content .link-excerpt { margin-left: -30px; margin-right: -30px; margin-bottom: 20px; padding: 0 100px; border-bottom: 1px solid rgba(0,0,0,0.08); } .standard-post-content .link-excerpt { position: relative; padding-bottom: 20px; } .standard-post-content .quote-excerpt:before { content: "\201C"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; position: absolute; font-size: 44px; margin-top: 10px; top: 30px; left: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .standard-post-content .quote-excerpt:after { content: "\201D"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; position: absolute; font-size: 44px; top: 40px; right: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .standard-post-content .link-excerpt > p { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 10px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; } .standard-post-content .link-excerpt > i { display: block; position: absolute; font-size: 44px; margin-top: 10px; top: 0; left: 30px; opacity: 0.2; -moz-opacity: 0.2; filter:alpha(opacity=20); } .standard-post-content .excerpt { margin-bottom: 25px; } .blog-items { padding-bottom: 20px; margin-bottom: 30px!important; } .blog-items.masonry-items { transition: height 0.4s ease-in-out; -moz-transition: height 0.4s ease-in-out; -webkit-transition: height 0.4s ease-in-out; -o-transition: height 0.4s ease-in-out; } .blog-items.standard-items { padding-bottom: 50px; margin-bottom: 0!important; } .masonry-items .blog-item { margin-bottom: 25px; padding-bottom: 5px; padding-top: 0; border-top: 0; z-index: 1; } .masonry-items .blog-item figure { margin-bottom: 0; } .masonry-items .blog-item .quote-excerpt, .masonry-items .blog-item .link-excerpt { border-bottom: 1px solid rgba(0,0,0,0.08); padding: 25px 30px 20px; } .masonry-items .blog-item .link-excerpt > p { font-weight: bold; font-size: 20px; line-height: 30px; margin-bottom: 10px; max-width: 100%; text-overflow: ellipsis; overflow: hidden; } .masonry-items .blog-item.format-quote .blog-item-details { padding-bottom: 25px; } .masonry-items .blog-item .details-wrap { padding: 28px 30px 30px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1); box-shadow: 0 1px 2px rgba(0,0,0,.1); } .masonry-items .blog-item .details-wrap h4 { margin-top: 0; margin-bottom: 4px; -ms-word-wrap: break-word; word-wrap: break-word; } .masonry-items .blog-item .details-wrap h4.no-details { margin-bottom: 10px; } .has-both-sidebars .masonry-items .blog-item { margin-bottom: 30px; } .masonry-items .blog-item .blog-item-details { font-style: normal; } .masonry-items .blog-item .excerpt { padding-top: 0; margin-bottom: 25px; } .blog-item .quote-display { text-align: center; padding: 20px 10px 0; font-size: 42px; } .standard-items .blog-item .quote-display { padding: 0 10px 20px; } .blog-item figure { position: relative; } .blog-item figure:empty { display: none; } .blog-item figure img { display: block; } .blog-items.standard-items .blog-item figure { margin-bottom: 0; } .mini-items .blog-item figure { float: left; width: 370px; margin-right: 30px; } .has-both-sidebars .mini-items .blog-item figure { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } .has-no-sidebar .mini-items .blog-item figure { width: 446px; } .mini-items .blog-item figure.quote { float: none; width: 100%; } figure.media-wrap { height: auto; margin-bottom: 20px; position: relative; } figure.media-wrap.full-width-detail { margin-bottom: 40px; } figure.media-wrap.full-width-detail:empty { margin-bottom: 0; } figure.media-wrap a { display: block; } figure.media-wrap img { height: auto!important; width: 100%; } figure.media-wrap iframe { display: block; width: 100%; } figure.media-wrap .wp-audio-shortcode { margin: 0 auto; } .blog-item h3 { margin-bottom: 5px; margin-top: 0; } .blog-item h3 a, .blog-item h4 a { text-decoration: none; } .blog-item-details { font-style: italic; padding-bottom: 11px; } .blog-item-details a { text-decoration: none; border-bottom: 1px dotted #e3e3e3; } .comments-likes { float: right; font-weight: normal; } .comments-likes a, .comments-likes a:hover { text-decoration: none; } .comments-likes .ss-chat { margin-right: 5px; font-size: 17px; vertical-align: -4px; } .comments-likes .love-it-wrapper { display: inline-block; } .comments-likes .love-it-wrapper a:hover, .comments-likes .love-it-wrapper span:hover { cursor: pointer; } .comments-likes .love-it-wrapper .loved span:hover { cursor: default; } .love-it-wrapper:hover { cursor: default; } .love-it-wrapper a { text-decoration: none; } .comments-likes .love-it-wrapper { margin-left: 5px; } .comments-likes .love-it-wrapper a { text-decoration: none; } .comments-likes a span, .comments-likes a i { margin: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .comments-likes .love-it-wrapper .loved { margin: 0; } .comments-likes .love-it-wrapper i { font-size: 16px; vertical-align: -3px; } span.love-count { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .comments-likes span.love-count { margin-left: 1px; } .blog-item .excerpt { line-height: 22px; } .excerpt ul { list-style: disc inside; } .blog-item .read-more { text-decoration: none; clear: both; display: inline-block; margin-top: 5px; } .blog-item .read-more-bar { height: auto; overflow: hidden; margin-top: 20px; } .blog-item .read-more-bar .read-more { margin-top: 0; } .blog-item .quote-excerpt { padding-bottom: 15px; font-style: normal; line-height: 160%!important; min-height: 70px; display: block; } .blog-item .quote-excerpt p { font-size: inherit; line-height: inherit; } .quote-excerpt blockquote { margin: 0 0 10px; padding: 0; } .article-meta { display: none!important; } .body-content.quote { font-size: 14px; text-transform: uppercase; margin-bottom: 20px; } .body-content.quote p { margin-bottom: 3px; } .body-content.quote cite { font-weight: bold; text-transform: uppercase; } .article-content.aside, .item-details.aside { margin-top: 10px; } .blog-excerpt p { margin-bottom: 10px; } figure.media-wrap:empty, figure.media-wrap.full-width-detail:empty { margin: 0; } figure.quote blockquote { margin-bottom: 0; } .format-link  figure.media-wrap { text-align: center; margin: 0 0 30px; } .format-link .link-post-link { font-size: 18px; line-height: 24px; display: inline-block; } .format-link .link-post-link i { margin-right: 8px; vertical-align: -1px; } .format-chat figure.media-wrap { margin-bottom: 40px; } .format-chat .chat { margin-top: 0; } .format-chat .chat .chat-timestamp { float: right; font-size: 12px; font-weight: normal; margin: 0 10px; } .format-chat .chat .chat-text { margin: 0 0 20px; } .format-status .body-text p { font-size: 18px; font-style: italic; line-height: 24px; } .format-status .excerpt { font-size: 18px; font-style: italic; line-height: 24px; } .single-format-aside .page-heading { display: none; } .navigation { margin-top: 10px; margin-bottom: 50px; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 15px 0; } .blog-navigation { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .nav-next i, .nav-previous i { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .single .blog-pagination div > a > i { transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -webkit-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; } .blog-pagination { border-top: 1px solid transparent; margin-top: 30px!important; } .nav-previous i { margin-right: 5px; } .nav-next i { margin-left: 8px; } .pagination-wrap .nav-next { text-align: right; float: right; max-width: 45%; text-overflow: ellipsis; white-space: nowrap; } ul.post-pagination-wrap { margin-bottom: 25px!important; list-style: none; padding: 0!important; list-style: none!important; } ul.post-pagination-wrap li { width: 50%; float: left; } ul.post-pagination-wrap li > a { margin-right: 0; border-left-width: 0; padding: 8px 16px; display: block; } ul.post-pagination-wrap li > a i { vertical-align: -3px; margin-top: 3px; display: inline-block; height: 20px; } ul.post-pagination-wrap li.prev > a { border-left-width: 1px; border-right-width: 0; } ul.post-pagination-wrap li.prev span { margin-left: 6px; } ul.post-pagination-wrap li.next { text-align: right; float: right; } ul.post-pagination-wrap li.next span { margin-right: 10px; } .author-info-wrap { padding-top: 40px; } .author-avatar { float: left; margin-right: 30px; } .author-avatar img { width: 70px; height: 70px; } .author-avatar img, .comment-avatar img { -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -moz-box-shadow: inset 0 0 10px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.1); box-shadow: inset 0 0 10px rgba(0,0,0,.1); display: block; } .post-info { width: 100%; margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #e4e4e4; } .post-info a { border-bottom: 1px dotted #e3e3e3; } .post-info .comments-wrapper a { border-bottom: 0; } .author-bio h3 { margin-top: 0; margin-bottom: 5px; } .related-wrap { height: auto; overflow: hidden; margin-bottom: 40px; } .related-items { margin-bottom: 0; } .related-item figure { width: 100%; position: relative; overflow: hidden; } .related-item figure img { display: block; } .related-item figure .img-holder { height: 100px; display: block; } .related-item figure .img-holder { line-height: 20px; } .related-item figure .img-holder i { display: inline-block; padding: 44px 0; font-size: 28px; opacity: 0.5; width: 100%; text-align: center; margin-left: -1px; } .related-item h5 { font-size: 14px; } .related-item h5 a { text-decoration: none; } .tags-link-wrap { padding: 0 0 20px; } .tags-link-wrap .tags-wrap { float: left; } .tags-link-wrap .comments-likes { float: right; text-align: right; font-weight: normal; width: 20%; } .tags-link-wrap .comments-likes .love-it-wrapper { margin-left: 15px; float: right; } .tags-link-wrap .comments-likes .love-it-wrapper span.love-count { font-weight: normal; } .tags-link-wrap .comments-likes .comments-wrapper { display: inline-block; float: right; } .tags-wrap i { margin-right: 5px; } .tags-wrap .tags { margin-left: 5px; } .tags-wrap .tags a { border-bottom: 1px dotted #e3e3e3; } .tags-wrap a:hover { text-decoration: none; } .article-body-wrap { margin-bottom: 50px; } .share-links .share-text { float: left; padding: 7px 16px; } .share-links ul { float: right; margin: 0; list-style: none!important; } .share-links ul li { float: left; } .share-links ul li > a { padding: 8px 16px; display: block; } .share-links ul li:last-child > a:hover { -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .share-links ul li > div { padding: 8px 16px 6px; display: block; float: none; margin-right: -2px; } .share-links ul li .comments-likes .love-it-wrapper { margin-left: 0; } .share-links ul li > a > i[class*="ss-"] { vertical-align: -2px; display: inline-block; height: 19px; } .carousel-items .blog-item { margin-bottom: 0; padding-top: 0; border-top: 0; } .carousel-items .blog-item h4.blog-item-title { font-weight: normal; margin-bottom: 8px; border-bottom: 0; padding-bottom: 0; } .carousel-items .blog-item figure { margin-bottom: 16px; } .carousel-items .blog-item .blog-item-date { display: block; margin-bottom: 15px; } .carousel-items .blog-item .blog-item-excerpt { margin-bottom: 20px; } ul.team-members { list-style: none; } .team_list_widget .team-members > li, .carousel-wrap .carousel-items.has-show-hide > li { margin-bottom: 30px; } .team-member figure { margin-bottom: 17px; position: relative; overflow: hidden; z-index: 2; } .team-member figure.gallery-style { margin-bottom: 0; } .team-member figure img { -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .team-member figure.gallery-style img { position: relative; z-index: 10; max-width: 100%; -webkit-transition: -webkit-transform 0.4s; -moz-transition: -moz-transform 0.4s; transition: transform 0.4s; } .team-member figure.gallery-style:hover img { -webkit-transform: scale(0.4); -moz-transform: scale(0.4); -ms-transform: scale(0.4); transform: scale(0.4); } .team-member figure:hover img { -webkit-transform: translateY(-30px); -moz-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); } .team-member figure figcaption { position: absolute; width: 100%; top: auto; bottom: 0; opacity: 0; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s; transition: transform 0.4s, opacity 0.1s 0.3s; } .team-member figure:hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .team-member figure:hover figcaption { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); -webkit-transition: -webkit-transform 0.4s, opacity 0.1s; -moz-transition: -moz-transform 0.4s, opacity 0.1s; transition: transform 0.4s, opacity 0.1s; } .team-member figure.gallery-style figcaption { height: 100%; width: 100%; padding: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; opacity: 0; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.4s, opacity 0.4s; -moz-transition: -moz-transform 0.4s, opacity 0.4s; transition: transform 0.4s, opacity 0.4s; } .team-member figure.gallery-style:hover figcaption { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; } .team-member figcaption span { text-transform: uppercase; font-size: 10px; font-weight: bold; padding: 8px 0 8px 10px; display: inline-block; float: left; line-height: 20px; } .team-member figcaption ul { float: right; margin-bottom: 0; } .team-member figure.standard-style ul.social-icons li a { width: 26px; padding: 10px 4px; } .team-member figure.gallery-style figcaption h5 { text-align: center; } .team-member figure.gallery-style figcaption h5.team-member-name { margin-top: 10px; } .team-member figure.gallery-style figcaption ul { text-align: center; float: none; position: absolute; bottom: 0; width: 100%; margin: 0 -15px 15px; } .team-member figure.gallery-style figcaption ul.social-icons li { float: none; display: inline-block; } .team-member .team-member-name { margin: 0 0 5px 0; } .team-member .team-member-position { margin: 0 0 15px 0; } .team-member .team-member-bio { margin-bottom: 15px; } .team-member .member-contact { margin-bottom: 10px; font-size: 12px; } article.type-team { margin-bottom: 50px; } article.type-team .article-body-wrap { width: 50%; float: left; margin-right: 30px; } article.type-team .article-body-wrap .body-text { margin-top: 0; } article.type-team .member-position { margin: 0 0 20px; } article.type-team .profile-image-wrap { float: right; width: 46%; } ul.member-contact { margin-left: 0; padding-top: 10px; margin-bottom: 30px; list-style: none; } ul.member-contact li { line-height: 24px; margin-bottom: 5px; } ul.member-contact li i { vertical-align: -3px; margin-right: 10px; display: inline-block; height: 14px; margin-top: 4px; } ul.member-contact li i.ss-phone { vertical-align: -2px; } ul.member-contact li a { text-decoration: none; border-bottom: 1px dotted #e3e3e3; } .sidebar { padding-bottom: 40px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sidebar.left-sidebar { padding-right: 20px; } .sidebar.right-sidebar { padding-left: 20px; } .sidebar .widget_heading { margin-top: -6px; } .sidebar .widget-heading h4 { margin-bottom: 25px; } .sidebar object, .sidebar object > img .sidebar embed { width: 100%; max-width: 100%; } .sidebar object > img { height: auto; } .sidebar a:hover { text-decoration: none; } .sidebar .widget #lang_sel a { padding: 2px 10px; } .type-page #comment-area { padding-top: 20px; } #comment-area a { text-decoration: none; } .logged-in-as a { border-bottom: 1px dotted #e3e3e3; } #comments-list { margin-bottom: 50px; } #comments-list ol { list-style: none; margin: 0 0 -10px; padding: 0; } #comments-list ol li { margin-bottom: 0; } .comment .comment-wrap { position: relative; height: auto; padding: 20px 0; } .comment-wrap .comment-avatar { float: left; position: relative; } .comment-wrap .comment-avatar img { height: 50px; width: 50px; display: block; } #comments-list li ul { list-style: none; margin: 0 0 0 30px; font-size: 100%; } .comment-content { margin-left: 70px; padding: 12px 15px 5px; border: 1px solid #e3e3e3; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #fff; } .comment-content:before { content: " "; display: block; display: block; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #e3e3e3; margin-top: 2px; position: absolute; left: 61px; } .comment-content .comment-body p { margin-bottom: 10px; } .comment-meta { position: relative; } .comment-meta .comment-date { margin-left: 2px; font-size: 12px; } .comment-meta-actions { display: inline-block; font-size: 12px; } .comment-meta-actions .edit-link { margin-left: 5px; border-bottom: 1px dotted #e3e3e3; } .comment-meta-actions .meta-sep { margin: 0 0 0 1px; color: rgba(0,0,0,0.1); } .comment-meta-actions .comment-reply { border-bottom: 1px dotted #e3e3e3; } #comment-area .edit-link a:hover, #comment-area .comment-reply a:hover { text-decoration: none; } .comment-avatar .is-author { text-align: center; font-size: 10px; text-transform: uppercase; color: #ccc; } .comment-meta cite { font-style: normal; } .comment-meta-actions a.comment-reply-link { font-weight: normal; } .comment-meta .comment-author { letter-spacing: normal; } .bypostauthor .comment-meta .comment-author:after { content: "\f007"; margin: 0 10px 0 5px; font-family: 'Font Awesome 5 Free'; } #pingback-list .comment-content { margin-left: 0; } #pingback-list .comment-content:before { display: none; } #pingback-list .comment-wrap { margin: 10px 0; } #trackbacks-list span { font-size: 12px; } #trackbacks-list ol li { margin-bottom: 10px; } #trackbacks-list .comment-author { font-size: 12px; margin-bottom: 5px; } #trackbacks-list .comment-content p { font-size: 14px; } #respond-wrap { padding-bottom: 20px; position: relative; z-index: 1; margin-bottom: 30px; } #respond { margin: 30px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .comment-form-author, .comment-form-email, .comment-form-url { margin-bottom: 0; } #commentform { margin-top: 10px; margin-bottom: 0; } #commentform p.comment-notes { margin-bottom: 20px; } #commentform p.comment-notes span.required { float: none; } #commentform label { font-size: 12px; font-weight: normal; margin-bottom: 4px; } #commentform p > input[type="text"] { margin-bottom: 12px; width: 100%; height: 38px; border: 0; padding-left: 10px; padding-right: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f7f7f7; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); } #commentform textarea { width: 100%; max-width: 100%; min-width: 100%; border: 0; outline: 0; padding: 10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #f7f7f7; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1); box-shadow: inset 0 1px 2px rgba(0,0,0,.1); height: 200px; } #commentform p.form-allowed-tags { display: none; } #commentform p.form-allowed-tags code { color: #444; } .comment #respond h3#reply-title { display: block; margin: 0px 0 10px; } #reply-title small { font-size: 14px; line-height: 0; margin-left: 5px; } #reply-title small a, #reply-title small a:hover { text-decoration: none; } p.comment-form-comment { margin-top: 5px; margin-bottom: 15px; } p.form-submit { height: auto; overflow: hidden; margin-bottom: 0; } #respond .form-submit input#submit { margin: 0; border: 0; background: none; text-transform: uppercase; border: 1px solid #e3e3e3; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 12px; line-height: 18px; height: auto; padding: 14px 16px; } .contact-map { margin-bottom: 30px; } .contact-form h6 { margin-bottom: 10px; } .contact-form p.thanks { display: none; } .contact-form label { font-weight: normal; font-size: 12px; margin-bottom: 6px; } .contact-form input, .contact-form textarea { width: 96%; } .contact-form textarea { height: 189px; } .contact-form h5 { margin-bottom: 10px; } .button, button, input[type="submit"], input[type="reset"], input[type="button"] { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .fw-video-area { position: fixed; width: 100%; height: 100%; z-index: 1000; top: -100%; background: #2d2d2d; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0,0,0); } .mobile-browser .fw-video-area { display: none; } .fw-video-close { display: none; position: absolute; right: 40px; top: 40px; width: 42px; text-align: center; cursor: pointer; z-index: 1001; color: #000; background: #fff; font-size: 28px; line-height: 38px; height: 42px; padding: 6px; opacity: 0.5; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; pointer-events: none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fw-video-close:hover { opacity: 1; } .fw-video-close.is-open { display: block; pointer-events: auto; } .fw-video-link-icon { font-size: 30px; margin: 0 10px 10px; background: rgba(0,0,0,0.7); color: #fff; padding: 16px 21px 15px; height: 70px; width: 70px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; display: inline-block; } .fw-video-link-icon:hover { background: #222; } .fw-video-link-icon i { height: 28px; display: inline-block; width: 28px; vertical-align: -13px; } .fw-video-link-image { position: relative; } .fw-video-link-image img { max-width: 100%; height: auto; } .fw-video-link-image i { font-size: 30px; margin: 0 10px 10px; background: #444; background: rgba(0,0,0,0.7); color: #fff; padding: 16px 21px 15px; height: 70px; width: 70px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; left: 50%; margin-left: -35px; margin-top: -35px; line-height: 46px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .fw-video-link-image:hover i { background: #222; } .spb_gallery_widget { margin-bottom: 40px; position: relative; overflow: hidden; } .spb_gallery_widget .gallery-nav { margin-top: 30px; } .spb_gallery_widget .gallery-nav li { margin-left: 30px; } .spb_gallery_widget .gallery-nav li:first-child { margin-left: 0; } .spb_gallery_widget .gallery-nav li img { display: block; width: 100%; height: auto; opacity: .7; cursor: pointer; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .spb_gallery_widget .gallery-nav li.flex-active-slide img, .spb_gallery_widget .gallery-nav li img:hover { opacity: 1; } .gallery-slider p.flex-caption { position: absolute; bottom: 0; padding: 15px 20px; color: #fff; margin: 0; width: 100%; font-size: 16px; } .sf-count-asset { text-align: center; padding: 20px 0; } .sf-count-asset .count-number { font-size: 60px; } .sf-count-asset .count-divider { width: 100%; text-align: center; height: 1px; margin-top: 15px; margin-bottom: 20px; } .sf-count-asset .count-divider span { background: #e4e4e4; width: 0px; height: 1px; display: inline-block; } .sf-count-asset .count-subject { padding-top: 8px; opacity: 0; bottom: -15px; position: relative; } .sf-count-asset h6.count-subject { padding-top: 12px; } .sf-countdown { text-align: center; font-size: 20px; line-height: 28px; text-transform: uppercase; } .sf-countdown.text-large { font-size: 48px; line-height: 72px; } .sf-countdown .countdown_section { display: inline-block; } .sf-countdown .countdown_section .amount_label { display: inline-block; opacity: 0.5; filter:alpha(opacity=50); } .countdown-subject { text-align: center; margin-top: 10px; } .sf-image-banner { position: relative; height: auto; overflow: hidden; } .sf-image-banner > img { width: 100%; height: auto; display: block; position: relative; z-index: 2; } .image-banner-content-wrap { position: absolute; height: auto; } .image-banner-content { position: absolute; z-index: 3; bottom: 50%; top: auto; text-align: center; padding: 0!important; } .image-banner-content.content-right { padding-left: 45%!important; width: 100%; padding-right: 5%!important; } .image-banner-content.content-left { padding-right: 45%!important; width: 100%; padding-left: 5%!important; } .image-banner-content.content-center { width: 100%; padding: 0 10%!important; } .image-banner-content.text-left { text-align: left; } .image-banner-content.text-right { text-align: right; } .image-banner-content.sf-animation[data-animation="fade-from-bottom"] { bottom: 0; } .spb_text_column ul, .box-content-wrap ul { list-style: disc inside none; } .spb_text_column { margin-bottom: 10px; } .full-width-text { padding-top: 50px; padding-bottom: 50px; position: relative; } .full-width-text:after { content: ''; width: 0; height: 0; border-top: 25px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; position: absolute; left: 50%; margin-left: -30px; bottom: -25px; } .full-width-text .heading-wrap, .spb_parallax_asset .heading-wrap { text-align: center; } .full-width-text h4.spb-heading, .spb_testimonial_slider_widget h4.spb-heading, .spb_tweets_slider_widget h4.spb-heading, .spb_parallax_asset h4.spb-heading { display: inline-block; } .full-width-text h4.spb-heading span, .spb_testimonial_slider_widget h4.spb-heading span, .spb_tweets_slider_widget h4.spb-heading span, .asset-bg h4.spb-heading span, .spb_parallax_asset h4.spb-heading span { padding: 0 0 5px; } .spb_parallax_asset h4.spb-heading span { background: transparent; } .full-width-text p { margin-bottom: 30px; } .full-width-text p:last-child { margin-bottom: 0; } .full-width-text .spb_wrapper { padding: 0 15px; } .fullwidth-layout .spb_slider_widget.full-width { margin: 0!important; width: 100%!important; } ul.clients-items { list-style: none; } .client-item { float: left; margin-bottom: 30px; } .client-item figure { position: relative; width: 100%; height: 132px; border: 1px solid transparent; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; opacity: 0.75; -moz-opacity: 0.75; filter:alpha(opacity=75); transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .client-item figure:hover { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .client-item figure img { margin:auto; position:absolute; top:0; bottom:0; left:0; right:0; max-height:100%; max-width:80%; width: auto; display: block; } .spb_featured_clients_widget.asset-bg { padding-top: 22px; padding-bottom: 12px; } .spb_featured_clients_widget li { margin-bottom: 10px; } .spb_featured_clients_widget h4 { line-height: 60px; margin-top: 0; margin-bottom: 0; font-weight: normal; } .featured-clients-items { margin-bottom: 0; } .featured-clients-items li a { text-align: center; } .featured-clients-items li img { max-height: 60px; width: auto; } .featured-clients-items:hover li a { opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } .featured-clients-items li:hover a { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=100); } .spb_featured_clients_widget { padding: 30px 0; } .spb_box_text .box-content-wrap { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 30px; } .spb_box_text .box-content-wrap p:last-child { margin-bottom: 0; } .spb_box_text.whitestroke .box-content-wrap { border: 1px solid transparent; } .wpcf7 p { clear: both; height: auto; overflow: hidden; margin-bottom: 0; } span.wpcf7-form-control-wrap { display: block; } .wpcf7 span.wpcf7-not-valid-tip { top: 3px; left: 5px; background: transparent; color: red; border: 0; } .wpcf7 .wpcf7-captchar + span.wpcf7-not-valid-tip { top: 10px; left: 78px; } input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea, select, .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea, .wpcf7 select, .ginput_container input[type="text"], .ginput_container input[type="email"], .ginput_container textarea, .ginput_container select, .mymail-form input[type="text"], .mymail-form input[type="email"], .mymail-form textarea, .mymail-form select { width: 95%; margin-top: 6px; margin-bottom: 20px; padding: 6px; border: 1px solid #e3e3e3; font-size: 14px!important; } .ginput_container select { height: 36px; } .sidebar .wpcf7 input[type="text"], .sidebar .wpcf7 input[type="email"], .sidebar .wpcf7 textarea, .sidebar .wpcf7 select { width: 88%; } .wpcf7 textarea { max-width: 95%; outline: 0!important; } .wpcf7 .wpcf7-captchac { float: left; border: 1px solid #CCC; padding: 3px 0 4px; margin: 6px 10px 0 0; } .wpcf7 input.wpcf7-captchar { float: left; width: 45%; } input[type="submit"], .wpcf7 input.wpcf7-submit[type="submit"], .gform_wrapper input[type="submit"], .mymail-form input[type="submit"] { display: inline-block; font-size: 12px; line-height: 18px; height: auto; padding: 14px 22px; margin: 0 10px 20px 0; font-weight: bold; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border: 0; position: relative; overflow: hidden; outline: none; text-shadow: none; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; vertical-align: middle; max-width: 100%; } code { border: 1px dashed #e4e4e4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #f7f7f7; font: 12px Consolas, "Andale Mono", Courier, "Courier New", monospace; overflow: auto; overflow-Y: hidden; white-space: pre; white-space: pre-wrap; word-wrap: break-word; color: #666; } .code-block { display: block; padding: 5px 20px 20px; } code p { font-size: 12px; margin-bottom: 12px; display: inline-block; } code p:last-child { margin-bottom: 0; } table.sf-table { width: 100%; display: table; } table.striped_minimal tr:nth-of-type(even), table.striped_bordered tr:nth-of-type(even) { background-color: #f7f7f7; } table.sf-table th { padding: 10px 20px; text-transform: uppercase; letter-spacing: 1px; font-weight: bold; vertical-align: middle; text-align: left; } table.sf-table td { padding: 10px 20px; } table.standard_minimal th { padding: 10px 30px 10px 0; border-bottom: 2px solid #e4e4e4; } table.striped_minimal th { padding: 10px 30px 10px 0; border-bottom: 2px solid #e4e4e4; } table.standard_minimal td { padding: 10px 30px 10px 0; border-bottom: 1px solid #e4e4e4; } table.striped_minimal td { padding: 10px 30px 10px 0; border-bottom: 1px solid #e4e4e4; } table.standard_bordered, table.striped_bordered { border: 1px solid #e4e4e4; } table.standard_bordered tr, table.striped_bordered tr { border-top: 1px dotted #e4e4e4; } table.standard_bordered th, table.standard_bordered td, table.striped_bordered th, table.striped_bordered td { border-left: 1px dotted #e4e4e4; } table.striped_bordered th, table.striped_bordered td { border-top: 0; } .pricing-table-wrap { height: auto; overflow: hidden; clear: both; padding-bottom: 20px; } .pricing-table-column { float: left; border: 1px solid #e4e4e4; border-left-width: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .pricing-table-column:first-child { border-left: 1px solid #e4e4e4; } .columns-5 .pricing-table-column { width: 20%; } .columns-4 .pricing-table-column { width: 25%; } .columns-3 .pricing-table-column { width: 33.3%; } .columns-2 .pricing-table-column { width: 50%; } .columns-1 .pricing-table-column { width: 100%; } .pricing-table-column:first-child, .pricing-table-wrap.bordered .pricing-table-column, .pricing-table-wrap.bordered_alt .pricing-table-column { border-left: 1px solid #e4e4e4; } .pricing-table-price { padding: 18px 30px 10px; font-size: 36px; line-height: 36px; font-weight: bold; border-bottom: 2px solid #e4e4e4; } .pricing-table-price span { font-size: 12px; font-weight: normal; margin-left: 4px; } .pricing-table-package { padding: 20px 30px; font-size: 18px; border-bottom: 1px dotted #e4e4e4; } .column-highlight .pricing-table-package { font-weight: bold; } .pricing-table-details { padding: 20px 30px; } .pricing-table-column .button { margin-top: 10px; margin-bottom: 0; } .pricing-table-wrap.bordered .pricing-table-column, .pricing-table-wrap.bordered_alt .pricing-table-column { -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 10px; } .bordered.columns-4 .pricing-table-column, .bordered_alt.columns-4 .pricing-table-column { width: 22.7%; } .bordered.columns-3 .pricing-table-column, .bordered_alt.columns-3 .pricing-table-column { width: 32%; margin-right: 0; margin-left: 2%; } .bordered.columns-3 .pricing-table-column:first-child, .bordered_alt.columns-3 .pricing-table-column:first-child { margin-left: 0; } .bordered.columns-2 .pricing-table-column, .bordered_alt.columns-2 .pricing-table-column { width: 47.6%; } .bordered.columns-1 .pricing-table-column, .bordered_alt.columns-1 .pricing-table-column { width: 97.2%; } .pricing-table-wrap.bordered .pricing-table-package { padding: 20px; font-size: 16px; line-height: 18px; } .pricing-table-wrap.bordered .pricing-table-price { padding: 0; float: right; font-size: 18px; line-height: 18px; border-bottom: 0; } .pricing-table-wrap.bordered_alt .pricing-table-price { border-bottom: 1px dotted #e4e4e4; } .labelled-pricing-table .pricing-table-column { margin-top: 15px; border: 0; } .labelled-pricing-table .pricing-table-column.column-highlight { margin-top: 0; position: relative; padding-left: 0; border-right: 0; -moz-box-shadow: 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.1); box-shadow: 0 0 5px rgba(0,0,0,.1); margin-left: -1px; } .labelled-pricing-table .pricing-table-column.column-highlight + .pricing-table-column { padding-left: 0; } .labelled-pricing-table .pricing-table-column.label-column { margin-top: 104px; border: 1px solid #e4e4e4; border-right: 0; } .labelled-pricing-table .pricing-table-price { font-size: 14px; font-weight: bold; line-height: 18px; text-align: center; padding: 12px; border: 0; } .labelled-pricing-table .pricing-table-price span { font-weight: normal; } .labelled-pricing-table .pricing-table-package { font-size: 24px; font-weight: normal; line-height: 30px; text-align: center; padding: 9px 5px 8px; border: 0; } .labelled-pricing-table .column-highlight .pricing-table-package { padding-top: 16px; padding-bottom: 16px; } .labelled-pricing-table.columns-5 .pricing-table-package { font-size: 20px; } .labelled-pricing-table .pricing-table-label-row, .labelled-pricing-table .pricing-table-row { text-align: center; padding: 12px; border-right: 1px dotted #e4e4e4; } .labelled-pricing-table .pricing-table-column:last-child .pricing-table-label-row, .labelled-pricing-table .pricing-table-column:last-child .pricing-table-row { border-right-style: solid; } .labelled-pricing-table .column-highlight .pricing-table-label-row, .labelled-pricing-table .column-highlight .pricing-table-row { border-right: 0; } .labelled-pricing-table .alt-row { background: #f7f7f7; } .labelled-pricing-table .pricing-table-label-row { display: none; font-weight: bold; } .labelled-pricing-table .label-column .pricing-table-label-row { display: block; font-weight: normal; } .labelled-pricing-table .lpt-button-wrap { padding: 20px 10px; text-align: center; } .labelled-pricing-table .column-highlight .lpt-button-wrap { padding: 30px 10px; } .labelled-pricing-table .lpt-button-wrap a { display: inline-block; margin: 0; } .divider-wrap { margin: 0 15px; } .spb_divider { display: block; border-bottom-width: 1px; margin-bottom: 30px; } .spb_divider.asset-bg { border-top: 0; margin-top: 0; padding-top: 0; padding-bottom: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .spb_divider.standard { border-bottom-style: solid; border-bottom-width: 2px; } .spb_divider.thin { border-bottom-style: solid; } .spb_divider.dotted { border-bottom-style: dotted; } .spb_divider.go_to_top { padding: 0; } .spb_divider.go_to_top a { text-align: right; display: block; text-decoration: none; border-bottom: 1px solid transparent; margin-bottom: 30px; } .spb_divider.go_to_top_icon1 { position: relative; height: 9px; border-bottom: 1px solid transparent; } .spb_divider.go_to_top_icon2 { position: relative; height: 10px; border-bottom: 1px solid transparent; } .spb_divider.go_to_top_icon1 a, .spb_divider.go_to_top_icon2 a { position: absolute; right: 0; display: block; padding: 0 0 0 10px; text-decoration: none; } .spb_divider.go_to_top_icon2 a i { padding-left: 6px; vertical-align: -3px; } a.sf-button { display: inline-block; font-size: 12px; line-height: 18px; height: auto; padding: 14px 16px; margin: 0 10px 20px 0; font-weight: bold; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; border: 0; position: relative; overflow: hidden; outline: none; text-shadow: none; text-decoration: none; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; vertical-align: middle; max-width: 100%; } a.sf-button:hover { text-decoration: none!important; color: #fff; } a.sf-button.large { font-size: 14px; line-height: 26px; padding: 14px 25px; } a.sf-button.dropshadow { -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); } a.sf-button.stroke-to-fill { border: 1px solid transparent; padding: 13px 30px; } a.sf-button.large.stroke-to-fill { padding: 13px 40px; overflow: visible; } a.sf-button.black { background-color: #222; color: #fff; } a.sf-button.black:hover { background-color: #111; } a.sf-button.white { background-color: #fff; color: #222; } a.sf-button.white:hover { background-color: #e4e4e4; } a.sf-button.blue { background-color: #00bff3; } a.sf-button.blue:hover { background-color: #00acda; } a.sf-button.grey { background-color: #444; } a.sf-button.grey:hover { background-color: #333; } a.sf-button.lightgrey { background-color: #e4e4e4; color: #222; } a.sf-button.lightgrey:hover { background-color: #ccc; } a.sf-button.orange { background-color: #ff7534; color: #fff; } a.sf-button.orange:hover { background-color: #e5692f; } a.sf-button.turquoise { background-color: #00d1c5; color: #fff; } a.sf-button.turquoise:hover { background-color: #00bcb1; } a.sf-button.green { background-color: #37ba85; color: #fff; } a.sf-button.green:hover { background-color: #31a777; } a.sf-button.pink { background-color: #fe504f; color: #fff; } a.sf-button.pink:hover { background-color: #e44847; } a.sf-button.gold { background-color: #ffd56c; color: #222222; } a.sf-button.gold:hover { background-color: #e5bf61; } a.sf-button.transparent-light { border: 1px solid #fff; border: 1px solid rgba(255,255,255,.5); color: #fff!important; } a.sf-button.transparent-light:hover { background: #fff; border-color: #fff; } a.sf-button.transparent-dark { border: 1px solid #222; border: 1px solid rgba(34,34,34,.2); } a.sf-button.transparent-dark:hover { background: #222; border-color: #222; } .sf-button.accent { background: none; background-image: none; } a.sf-button.sf-icon-reveal { padding: 0; line-height: 20px; } a.sf-button.sf-icon-stroke { border: 1px solid #000; border: 1px solid rgba(0,0,0,0.1); padding: 0; line-height: 18px; } a.sf-button.sf-icon-stroke.transparent-light { border: 1px solid rgba(255,255,255,.5); } a.sf-button.sf-icon-stroke.transparent-light i { border-right: 1px solid rgba(255,255,255,.5); } a.sf-button.sf-icon-reveal i { padding: 17px 14px 10px; background: rgba(0,0,0,0.1); left: -48px; font-size: 18px; height: 100%; line-height: 16px; display: inline-block; position: absolute; } a.sf-button.large.sf-icon-reveal i { padding: 22px 17px 14px; height: 56px; font-size: 22px; left: -57px; } a.sf-button.sf-icon-reveal span.text { padding: 13px 35px; display: block; vertical-align: 4px; text-align: center; } a.sf-button.large.sf-icon-reveal span.text { padding: 18px 50px; } a.sf-button.sf-icon-reveal i, a.sf-button.sf-icon-reveal span.text { -webkit-transition: all 200ms linear; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; transition: all 200ms linear; } a.sf-button.sf-icon-reveal:hover i { left: 0; } a.sf-button.sf-icon-reveal:hover span.text { padding-left: 59px; padding-right: 11px; } a.sf-button.sf-icon-reveal.large:hover span.text { padding-left: 77px; padding-right: 23px; } a.sf-button.sf-icon-reveal.black { background-color: #222; } a.sf-button.sf-icon-reveal.white { background-color: #fff; color: #222; } a.sf-button.sf-icon-reveal.blue { background-color: #00bff3; } a.sf-button.sf-icon-reveal.grey { background-color: #444; } a.sf-button.sf-icon-reveal.lightgrey { background-color: #e4e4e4; } a.sf-button.sf-icon-reveal.orange { background-color: #ff7534; } a.sf-button.sf-icon-reveal.turquoise { background-color: #00d1c5; } a.sf-button.sf-icon-reveal.green { background-color: #37ba85; } a.sf-button.sf-icon-reveal.pink { background-color: #fe504f; } a.sf-button.sf-icon-reveal.gold { background-color: #ffd56c; } a.sf-button.sf-icon-stroke i { padding: 16px 14px 9px; border-right: 1px solid rgba(0,0,0,0.1); left: 0; top: 0; font-size: 18px; height: 46px; line-height: 16px; display: inline-block; position: absolute; } a.sf-button.sf-icon-stroke span.text { padding: 12px 20px 12px 66px; display: inline-block; white-space: nowrap; vertical-align: 4px; line-height: 20px; } a.sf-button.large.sf-icon-stroke i { padding: 21px 16px 8px; height: 54px; font-size: 22px; } a.sf-button.large.sf-icon-stroke span.text { padding: 14px 30px 14px 84px; line-height: 26px; } .alert { height: auto; font-size: 12px; line-height: 16px; overflow: hidden; padding: 13px 15px; text-align: left; margin-bottom: 20px; font-weight: normal; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; clear: both; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; background-color: #ffd56c; color: #222; } .alert .messagebox_text { background: none; padding-left: 0; } .alert .messagebox_text p { float: left; margin-bottom: 0; } .alert .messagebox_text p strong { letter-spacing: normal!important; } .alert .messagebox_text:before { content: "\270B"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: block; text-decoration: inherit; width: 10px; height: auto; float: left; margin-right: 20px; margin-top: 4px; font-size: 16px; text-indent: 0; } .alert.alert-info .messagebox_text:before { content: "\1F4CE"; } .alert.alert-error .messagebox_text:before { content: "\26A0"; } .alert.alert-success .messagebox_text:before { content: "\1F44D"; } .alert.alert-info { background-color: #5adcff; } .alert.alert-error { background-color: #fe504f; } .alert.alert-success { background-color: #51e3a8; } .glowframe img { border: 6px solid transparent; -moz-box-shadow: 0 0 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 4px rgba(0,0,0,.2); box-shadow: 0 0 4px rgba(0,0,0,.2); } .borderframe img { border: 6px solid transparent; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .shadowframe figure { -moz-box-shadow: 2px 2px 0 rgba(0,0,0,.25); -webkit-box-shadow: 2px 2px 0 rgba(0,0,0,.25); box-shadow: 2px 2px 0 rgba(0,0,0,.25); } .testimonial-wrap { margin-bottom: 20px; } .testimonial-wrap.large .testimonial-text { font-size: 16px; } ul.testimonials { margin-bottom: 0; list-style: none; } .testimonials > li { padding-top: 30px; margin-bottom: 30px; border-top: 1px solid transparent; height: auto; } .column_container .testimonials.carousel-items > li { padding-right: 30px; } .testimonials > li:first-child, .testimonials.carousel-items li { padding-top: 0; border-top: 0; } .testimonial-text { margin-bottom: 5px; } .testimonial-wrap.large .testimonial-text { margin-bottom: 10px; } .testimonial-text p { margin-bottom: 10px; } .testimonial-cite img { width: 70px; height: 70px; float: left; margin-right: 10px; } .testimonial-cite .cite-text.has-cite-image { padding-top: 10px; } .testimonial-cite .cite-text .cite-name { font-weight: bold; display: block; } .spb_testimonial_carousel_widget cite, .testimonials-slider cite { opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); } .testimonials-slider cite span { display: block; font-size: 12px; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); } .testimonial .pagination-wrap { margin-top: 10px; } .testimonials.carousel-items li .testimonial-text { padding-top: 0; border: 1px solid #e4e4e4; margin-bottom: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 15px; position: relative; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); } .testimonials.carousel-items li .testimonial-text:after { content: ''; width: 0; height: 0; border-top: 1px solid #fff; border-bottom: 10px solid transparent; border-left: 12px solid #fff; position: absolute; left: 30px; bottom: -11px; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } .asset-bg .spb_testimonial_slider_widget { padding-top: 55px; padding-bottom: 55px; } .slider-wrap { margin-bottom: 10px; position: relative; } .testimonials-slider { padding-bottom: 15px; } .flexslider.content-slider ul.slides { background: transparent; } .testimonials-slider .testimonial-cite.has-image { padding-top: 10px; } .testimonials-slider .testimonial-cite.has-image cite { vertical-align: -12px; } .spb_testimonial_slider_widget .testimonials-slider .testimonial-cite img { width: 70px; display: inline-block!important; float: none; margin-right: 20px; } .testimonials-slider cite { display: inline-block; } .testimonials-slider .testimonial-text { padding: 0 15%; margin-bottom: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .testimonials-slider .testimonial-text.text-large { font-size: 24px; line-height: 32px; } .testimonials-slider .flex-control-nav { position: absolute; bottom: 0; left: 0; margin: 0; padding: 0; z-index: 4; list-style: none!important; width: 100%; text-align: center; } .testimonials-slider .flex-control-nav li { float: none; } ul.jobs { list-style: none; } .jobs > li { margin-bottom: 40px; } .jobs > li > img { float: left; width: 90px; height: auto; margin-top: 3px; } .jobs > li .job-details.has-job-image { margin-left: 130px; } .jobs > li h5 { margin-top: 5px; } .jobs .sf-list { margin-top: 15px; margin-bottom: 10px; } .jobs a.button { margin-top: 10px; } .jobs-overview { list-style: disc inside none; } .jobs-overview .job { margin-bottom: 4px; } .jobs-overview .job a { text-decoration: none; } .job-details .read-more { display: inline-block; margin-top: 10px; } .single-jobs .author-info-wrap { display: none; } .search-widget { margin-bottom: 0; } .search-widget input { margin: 25px 0; width: 80%; padding: 10px 5% 10px 30px; } ul.faqs-nav { margin-bottom: 50px; margin-left: -2%; list-style: none; } .faqs-nav li { float: left; width: 48%; padding: 11px 15px 7px; border: 1px solid #F4F4F4; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; margin: 0 0 10px 2%; } .faqs-nav li a { text-decoration: none; } .faqs-nav li i { margin-right: 8px; vertical-align: -2px; } .faqs-nav li .count { float: right; opacity: 0.6; -moz-opacity: 0.6; filter:alpha(opacity=60); } h3.faq-section-title { border-bottom: 1px solid #e3e3e3; padding-bottom: 20px; margin-bottom: 40px; } ul.faqs-section { margin-bottom: 60px; list-style: none; } .faq-item h6 { margin-bottom: 15px; } .faq-item { padding-top: 40px; border-top: 1px solid #ccc; margin-bottom: 40px; } .faq-item:first-child { border-top: 0; padding-top: 0; } .one_half { width: 48%; } .one_third { width: 30.66%; } .two_third { width: 65.33%; } .one_fourth { width: 22%; } .three_fourth { width: 74%; } .one_half, .one_third, .two_third, .three_fourth, .one_fourth { position: relative; z-index: 2; margin-right: 4%; float: left; word-wrap: break-word; } .one_half .row, .one_third .row, .two_third .row, .three_fourth .row, .one_fourth .row { margin-bottom: 0; } .one_half p:last-child, .one_third p:last-child, .two_third p:last-child, .three_fourth p:last-child, .one_fourth p:last-child { margin-bottom: 0; } .one_half img, .one_third img, .two_third img, .three_fourth img, .one_fourth img { max-width: 100%; height: auto; } .last { margin-right: 0 !important; clear:right; } .clearboth { clear: both; display: block; font-size: 0; height: 0; line-height: 0; width: 100%; } .sitemap-wrap { margin-bottom: 20px; } .sitemap-col { float: left; width: 28%; margin-left: 7%; } .sitemap-col:first-child { margin-left: 0; } .sitemap-col h6 { margin-bottom: 15px; } .sitemap-col ul { margin-bottom: 40px; list-style: none!important; } .sitemap-col ul > li > ul { margin-top: 10px; margin-bottom: 20px; margin-left: 10px; } .sitemap-col ul li { margin-bottom: 8px; } .sitemap-col ul li a { text-decoration: none; } .spb_gmaps_widget { margin-bottom: 20px; } .fullscreen-map { padding: 0; } .spb_gmaps_widget .spb_map_wrapper { padding: 0; } .spb_wrapper.shadow .spb_map_wrapper { padding: 0 0 1.6%; margin-bottom: 30px; background: transparent url('https://www.thomas-hammermeister.com/dnt/images/box_shadow_effect.png') no-repeat center bottom; background-size: 100% auto; } .map-canvas img { max-width: none; } .spb_parallax_asset { padding-top: 80px; padding-bottom: 80px; overflow: hidden; background-attachment: fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; box-shadow: inset 0px 0px 20px rgba(0, 0, 0, 0.3); margin-top: 30px; margin-bottom: 30px; } .spb-row-container.spb_parallax_asset { padding-top: 0; padding-bottom: 0; box-shadow: none; } .content-width .spb_parallax_asset { box-shadow: none; } .spb_parallax_asset.bg-type-pattern { background-repeat: repeat; background-size: auto; } .spb_parallax_asset .spb_content_wrapper { position: relative; } .spb_parallax_asset.parallax-scroll { background-attachment: scroll; } .spb_parallax_asset.parallax-stellar { -webkit-background-size: cover; background-attachment: fixed; background-repeat: no-repeat; background-position: 50% 0; } .mobile-browser .spb_parallax_asset { background-attachment: scroll!important; background-position: center center!important; } .spb_parallax_asset.sf-parallax-video { background-attachment: scroll; } .spb_parallax_asset .spb_content_wrapper { position: relative; } .spb_parallax_asset.parallax-window-height .spb_content_wrapper { top: 50%; } .sf-parallax-video .spb_content_wrapper { position: relative; z-index: 4; } .sf-parallax-video.parallax-video-height .spb_content_wrapper { top: 55%; opacity: 0; } .mobile-browser .spb_parallax_asset .spb_content_wrapper { opacity: 1!important; top: 50%!important; } .spb_parallax_asset .spb_content_wrapper p:last-child { margin-bottom: 0; } .sf-parallax-video video { position: absolute; z-index: 2; left: 0; top: 0; width: 100%; min-height: 100%; } .sf-parallax-video .video-overlay { background-repeat: repeat; background-position: center center; position: absolute; z-index: 3; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.8; } .sf-parallax-video > .spb_content_wrapper { position: relative; z-index: 4; } .sf-parallax-video .video-overlay.overlay-striped { background-image: url('https://www.thomas-hammermeister.com/dnt/images/video-overlay-1.png'); } .sf-parallax-video.parallax-video-height .video-overlay { opacity: 0; } .horizontal-break { height: 1px; width: 50px; margin: 20px auto 25px; } .client-box { width: 228px; height: auto; background-color: #fafafa; background-position: center center; background-repeat: no-repeat; float: left; margin: 0 2px 7px 5px; } .client-box img { width: 100%; height: auto; display: block; } .googlechart { margin-bottom: 30px; width: 100%; } .sf-icon { font-size: 30px; line-height: 26px; padding: 0; width: auto; height: 24px; background-image: none; } .sf-icon-character { font-weight: bold; margin-left: 3px; } .sf-icon-cont .sf-icon-character { margin-left: 1px; } .sf-icon.sf-icon-medium { font-size: 38px; line-height: 40px; width: auto; height: 38px; } .sf-icon-cont.cont-small .sf-icon { line-height: 28px; height: 30px; } .sf-icon-cont.cont-small .sf-icon[class^="ss-"] { line-height: 36px; } .sf-icon-cont.cont-medium .sf-icon { line-height: 48px; } .sf-icon-cont.cont-medium .sf-icon-character { font-size: 58px; } .sf-icon-cont.cont-medium .sf-icon[class^="ss-"] { line-height: 58px; } .sf-icon.sf-icon-large { font-size: 50px; line-height: 69px; width: auto; height: 56px; } .sf-icon-cont.cont-large .sf-icon { line-height: 76px; } .sf-icon-cont.cont-large .sf-icon[class^="ss-"] { line-height: 92px; } .sf-icon-cont.cont-large .sf-icon-character { font-size: 80px; } .sf-icon-cont .sf-icon { padding: 0; display: block; } .sf-icon-cont { padding: 18px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; vertical-align: middle; margin-bottom: 20px; margin-right: 20px; height: 28px; width: 28px; line-height: 12px; border: 2px solid transparent; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; background-size: 100% 100%; background-position: center center; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } .sf-icon-cont:hover, .sf-hover .sf-icon-cont { background-image: url(https://www.thomas-hammermeister.com/dnt/images/crease.svg); } .browser-ie .sf-icon-cont:hover, .browser-ie .sf-hover .sf-icon-cont, .browser-ie10 .sf-icon-cont:hover, .browser-ie10 .sf-hover .sf-icon-cont { background-image: none; } .sf-icon-cont.cont-small { padding: 19px 20px 19px 18px; } .sf-icon-cont.cont-medium { padding: 25px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; vertical-align: middle; margin-bottom: 20px; width: 48px; height: 48px; line-height: 12px; } .sf-icon-cont.cont-large { padding: 37px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; vertical-align: middle; width: 77px; height: 77px; } .sf-icon.sf-icon-large:before { font-size: 72px; } .sf-icon-float-left { float: left; padding: 5px 10px 0 0; } .sf-icon-float-right { float: right; padding: 5px 0 0 10px; } .sf-icon-float-none { display: inline-block; } .sf-icon-box { display: block; position: relative; z-index: 2; } .sf-icon-box.sf-icon-box-standard { text-align: center; padding: 10px; } .sf-icon-box-standard .sf-icon-cont { margin-right: 0; margin-bottom: 5px; } .sf-icon-box-standard .sf-icon { padding: 0; } .sf-icon-box h3 > i { margin-right: 8px; vertical-align: -2px; font-size: 22px; } a.linked-icon { display: block; } .sf-icon-box h3 > a { color: inherit; } .sf-icon-box h3 > a:hover, a.linked-icon i { transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .sf-icon-box h3 > a:hover, a.linked-icon:hover i { opacity: 0.7; } .sf-icon-box.sf-icon-box-standard h3 { margin-bottom: 20px; } .sf-icon-box.sf-icon-box-left-icon h3, .sf-icon-box.sf-icon-box-left-icon-alt h3 { margin-top: 0; } .sf-icon-box[class*="sf-icon-box-left-icon"] > .linked-icon, .sf-icon-box[class*="sf-icon-box-left-icon"] > .sf-icon-cont { float: left; margin: 0; } .sf-icon-box.sf-icon-box-left-icon .sf-icon-cont { float: left; position: relative; margin-top: 3px; } .sf-icon-box.sf-icon-box-left-icon-alt > i { float: left; position: relative; font-size: 42px; line-height: 52px; text-align: center; width: 44px; } .sf-icon-box.sf-icon-box-left-icon-alt > i[class*="ss-"] { line-height: 48px; } .sf-icon-box.sf-icon-box-left-icon-alt > span { float: left; position: relative; font-size: 46px; line-height: 46px; text-align: center; width: 48px; margin-left: 0; } .sf-icon-box.sf-icon-box-boxed-two .sf-icon { margin-bottom: 15px; } .sf-icon-box.sf-icon-box-boxed-two h3 { margin-top: 10px; } .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont { background-image: url(https://www.thomas-hammermeister.com/dnt/images/crease.svg); background-size: 100% 100%; background-position: center center; position: absolute; right: 30px; top: -30px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; height: 32px; width: 32px; line-height: 12px; border: 0; margin: 0; transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -webkit-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; } .browser-ie .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont, .browser-ie10 .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont { background-image: none; } .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-cont:after { content: ''; width: 0; height: 0; border-top: 1px solid #fff; border-bottom: 10px solid transparent; border-left: 12px solid #fff; position: absolute; left: 29px; bottom: -10px; } .sf-icon-box.sf-icon-box-boxed-three .sf-icon-cont { right: 50%; margin-right: -35px; } .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content-wrap { background: #fff; padding: 40px 30px 60px 30px; margin-top: 40px; margin-bottom: 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap { padding: 60px 30px 65px 30px; } .sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap { padding-bottom: 30px; } .sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content-wrap { padding-bottom: 40px; } .sf-icon-box.sf-icon-box-boxed-four .sf-icon-box-content-wrap { padding: 25px 30px 20px; } .sf-icon-box.sf-icon-box-boxed-four h3 { margin-top: 0; } .sf-icon-box .sf-icon-box-content-wrap { display: block; } .sf-icon-box.sf-icon-box-left-icon .sf-icon-box-content-wrap { display: block; margin-left: 90px; } .sf-icon-box.sf-icon-box-left-icon-alt .sf-icon-box-content-wrap { display: block; margin-left: 70px; } .sf-icon-box.sf-icon-box-boxed-two .sf-icon-box-content-wrap { text-align: center; } .sf-icon-box.sf-icon-box-boxed-three h3, .sf-icon-box.sf-icon-box-boxed-three .sf-icon-box-content { text-align: center; } .sf-icon-box[class*="sf-icon-box-boxed-"] h3, .sf-icon-box[class*="sf-icon-box-boxed-"] .sf-icon-box-content { color: #222!important; } .sf-icon-box-hr { width: 50px; height: 1px; margin: 0 auto; display: block; background: #e4e4e4; margin-bottom: 20px; -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275)!important; -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275)!important; -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275)!important; transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275)!important; } .sf-hover .sf-icon-box-hr { width: 100px; } .sf-icon-box-content { display: block; width: 100%; line-height: 150%; } .sf-icon-box-content p { line-height: 150%; } .sf-icon-box-content p:last-child { margin-bottom: 0; } .sf-icon-box-content a.read-more { padding-top: 8px; } .sf-icon-box-animated { text-align: center; width: 100%; height: auto; background: transparent; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; position: relative; } .sf-icon-box-animated .box-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 10; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sf-icon-box-animated .inner { -webkit-perspective: 100px; -moz-perspective: 100px; -ms-perspective: 100px; perspective: 100px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275)!important; -moz-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275) !important; -o-transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275)!important; transition: all 500ms cubic-bezier(0.175,0.885,0.320,1.275)!important; } .sf-icon-box-animated .front, .sf-icon-box-animated .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; } .no-csstransforms3d .sf-icon-box-animated .back { -webkit-backface-visibility: hidden; -moz-backface-visibility: visible; -o-backface-visibility: hidden; backface-visibility: hidden; } .no-csstransforms .sf-icon-box-animated .back { -webkit-backface-visibility: visible; -moz-backface-visibility: visible; -o-backface-visibility: visible; backface-visibility: visible; } .browser-ie11 .sf-icon-box-animated .back { backface-visibility: visible; } .sf-icon-box-animated .front { -ms-transform: rotateY(0deg); z-index: 8; display: block; width: 100%; height: auto; border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; padding: 70px 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .sf-icon-box-animated .front h3 { margin: 10px 0; } .sf-icon-box-animated .back { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); overflow: hidden; background: #ffffff; border: 1px solid #e4e4e4; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; padding: 20px; webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .standard-browser .sf-icon-box-animated:hover .inner, .no-csstransitions .sf-icon-box-animated .inner, .sf-icon-box-animated.sf-mobile-hover .inner { -webkit-transform: rotateY(-180deg); -moz-transform: rotateY(-180deg); -ms-transform: rotateY(-180deg); -o-transform: rotateY(-180deg); transform: rotateY(-180deg); } .standard-browser .sf-icon-box-animated:hover .front, .sf-icon-box-animated.sf-mobile-hover .front { z-index: -1; } .sf-icon-box-animated .sf-icon { margin-bottom: 0; padding: 0; line-height: 44px; margin-top: 20px; } .sf-icon-box-animated table, .sf-icon-box-animated td { border: 0; padding: 0; } .sf-icon-box-hover { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #fff; z-index: 10; -ms-filter: "alpha(opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .sf-icon-box-hover table, .sf-icon-box-animated .back table { margin-top: -10px; height: 100%; width: 100%; } .sf-icon-box-hover:hover { width: 116%; height: 116%; left: -8%; top: -8%; -ms-filter: "alpha(opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; transition: width 300ms,height 300ms,top 300ms,left 300ms; -moz-transition: width 300ms,height 300ms,top 300ms,left 300ms; -webkit-transition: width 300ms,height 300ms,top 300ms,left 300ms; -o-transition: width 300ms,height 300ms,top 300ms,left 300ms; } span.highlighted { padding: 1px 3px; border-radius: 1px; margin-right: 2px; color: #fff; } span.dropcap1, span.dropcap2 { float: left; padding: 11px 0px 9px; margin-right: 8px; font-size: 46px; font-style: normal; } span.dropcap3, span.dropcap4 { float: left; font-style: normal; font-size: 18px; padding: 6px 10px 6px 11px; margin: 4px 10px 2px 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } span.dropcap4 { -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } blockquote { border-left: 0; padding: 10px 0; } blockquote, blockquote p { font-size: 18px; line-height: 28px; font-style: italic; } blockquote.blockquote1, blockquote.blockquote1 p { font-size: 12px; line-height: 18px; } blockquote.blockquote2, blockquote.blockquote1 p, blockquote.pullquote, blockquote.pullquote p { font-size: 14px; line-height: 22px; } blockquote.pullquote { border-left: 1px solid transparent; padding: 0 0 0 20px; } .decorative-ampersand { font-family: 'Vidaloka', serif; font-size: 24px; } .sf-list { margin-left: 0; list-style: none!important; } .sf-list li { padding: 0; line-height: 175%; } .sf-list li i { margin-right: 8px; } .sf-list li i[class*="ss-"] { vertical-align: -2px; } ul.social-icons { height: auto; overflow: hidden; list-style: none!important; } ul.social-icons li { float: left; display: inline-block; height: 36px; } ul.social-icons li:not(.sf-love) a { display: inline-block; padding: 10px; width: 36px; height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative; text-align: center; transition: all 0.35s; } ul.social-icons li:not(.sf-love) a i { display: block; height: 100%; position: relative; top: 0%; transition: top 0.35s; width: 100%; margin-bottom: 31px; } ul.social-icons li:not(.sf-love) a i[class*="ss-"] { margin-top: -8px; display: block; margin-bottom: 38px; } .browser-ie ul.social-icons li a { display: inline-block; padding: 10px; width: 36px; height: 36px; line-height: 36px; font-size: 16px; overflow: hidden; position: relative; text-align: center; transition: all 0.35s; color: #222; } .browser-ie ul.social-icons li a i { display: block; height: 100%; position: relative; top: 0%; transition: top 0.35s; width: 100%; margin-bottom: 31px; } .browser-ie ul.social-icons li a i[class*="ss-"] { margin-top: -8px; display: block; margin-bottom: 38px; } ul.social-icons.light li a { color: #fff; } ul.social-icons.dark li a { color: #222; } ul.social-icons li a:hover { color: #fff!important; } ul.social-icons li a:hover i { top: -46px; } ul.social-icons.large li { height: 50px; } ul.social-icons.large li a { padding: 14px; width: 50px; height: 50px; line-height: 50px; font-size: 24px; } ul.social-icons.large li a i { margin-top: 0; } ul.social-icons.large li a:hover i { top: -52px; } ul.social-icons li.twitter a:hover { background-color: #00aced; } ul.social-icons li.facebook a:hover { background-color: #3b5998; } ul.social-icons li.googleplus a:hover { background-color: #dd4b39; } ul.social-icons li.youtube a:hover { background-color: #bb0000; } ul.social-icons li.instagram a:hover { background-color: #517fa4; } ul.social-icons li.linkedin a:hover { background-color: #007bb6; } ul.social-icons li.pinterest a:hover { background-color: #cb2027; } ul.social-icons li.foursquare a:hover { background-color: #00aeef; } ul.social-icons li.flickr a:hover { background-color: #ff0084; } ul.social-icons li.tumblr a:hover { background-color: #32506d; } ul.social-icons li.vimeo a:hover { background-color: #aad450; } ul.social-icons li.dribbble a:hover { background-color: #ea4c89; } ul.social-icons li.skype a:hover { background-color: #0078ca; } ul.social-icons li.github a:hover { background-color: #333333; } ul.social-icons li.xing a:hover { background-color: #006567; } ul.social-icons li.rss a:hover { background-color: #f26522; } ul.social-icons li.soundcloud a:hover { background-color: #f80; } ul.social-icons li.deviantart a:hover { background-color: #4e6252; } ul.social-icons li.behance a:hover { background-color: #1769ff; } ul.social-icons li.mail a:hover { background-color: #666; } ul.social-icons li.page-link a:hover { background-color: #333; } .article-body-wrap .share-links ul li.sf-love { padding-right: 5px; } .article-body-wrap .share-links ul li.sf-love > div { padding: 7px; } .article-body-wrap .share-links ul li.sf-love > div a.love-it { padding: 9px 0; width: 20px; vertical-align: 0px; } .article-body-wrap .share-links ul li.sf-love a:hover i { top: inherit; } .article-body-wrap .share-links ul li.sf-love > div span.love-count { display: inline; vertical-align: 0px; } .progress { height: 4px; margin-bottom: 15px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .progress .bar { position: relative; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; height: 100%; width: 0%; overflow: hidden; } .progress-bar-wrap .bar-text { width: 100%; display: inline-block; margin-bottom: 3px; } .progress-bar-wrap .bar-text > span.bar-name { float: left; display: block; } .progress-bar-wrap .bar-text > span.progress-value { float: right; display: none; font-weight: bold; } .progress .bar { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .chart-shortcode { position: relative; text-align: center; overflow: hidden; } .chart-shortcode.chart-center { margin: 0 auto; } .chart-shortcode canvas { position: absolute; top: 0; left: 0; } .chart-shortcode span { font-size: 14px; vertical-align: -1px; } .chart-shortcode.chart-70 { width: 70px; height: 70px; line-height: 70px; } .chart-shortcode.chart-70 span i[class*="ss-"] { vertical-align: -2px; } .chart-shortcode.chart-170 { width: 170px; height: 170px; line-height: 170px; } .chart-shortcode.chart-170 span { font-size: 36px; vertical-align: 0px; } .chart-shortcode.chart-170 span i { vertical-align: 0; } .chart-shortcode.chart-170 span i[class*="ss-"] { vertical-align: -7px; } .latest-tweet ul { margin-bottom: 10px; list-style: none!important; } .latest-tweet ul li { margin-left: 0; } .latest-tweet p { margin-bottom: 0; } .latest-tweet .tweet-author { margin-right: 4px; font-weight: bold; } .latest-tweet .tweet-date { text-decoration: none; color: #999; margin-left: 5px; display: inline-block; } .asset-bg .spb_tweets_slider_widget { padding-top: 60px; padding-bottom: 60px; } .spb_tweets_slider_widget .tweet-text { padding: 0 15%; text-align: center; } .spb_tweets_slider_widget .text-normal .tweet-text { font-size: 18px; line-height: 26px; } .spb_tweets_slider_widget .text-large .tweet-text { font-size: 24px; line-height: 36px; } .spb_tweets_slider_widget .twitter_intents { margin-top: 20px; } .spb_tweets_slider_widget .twitter_intents a { margin-left: 5px; } .spb_tweets_slider_widget .twitter_intents a:first-child { margin-left: 0; } .spb_tweets_slider_widget a.twitter-timestamp { margin-top: 20px; display: block; padding: 0 15%; } .spb_tweets_slider_widget a:hover { text-decoration: none; } .gallery { padding-top: 10px; margin: 0 -2%; } .gallery .gallery-item { width: auto; float: left; display: block; width: 20%; margin: 0 2% 4%; } .gallery-columns-1 .gallery-item { width: 96%; } .gallery-columns-2 .gallery-item { width: 46%; } .gallery-columns-3 .gallery-item { width: 29.3%; } .gallery-columns-4 .gallery-item { width: 21%; } .gallery-columns-5 .gallery-item { width: 16%; } .gallery-columns-6 .gallery-item { width: 12.6%; } .gallery-columns-7 .gallery-item { width: 10.2%; } .gallery-columns-8 .gallery-item { width: 8.4%; } .gallery-columns-9 .gallery-item { width: 7.1%; } .gallery-item .gallery-icon { background: #222 url(https://www.thomas-hammermeister.com/dnt/images/view-image.png) no-repeat center center; width: 100%; height: auto; } .gallery-item img { display: block; width: 100%; height: auto; } .spb_accordion { display: none; } .spb_accordion .spb_accordion_wrapper { margin-bottom: 30px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .spb_accordion .spb_accordion_section { margin-bottom: 10px; border: 1px solid transparent; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .spb_accordion_section > h3 { font-size: 14px; font-weight: normal; outline: 0!important; } .spb_accordion .spb_accordion_section > h3 a { display: block; text-decoration: none; padding: 12px 15px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .spb_accordion .spb_accordion_section > h3 a > i { margin-right: 10px; } .spb_accordion .spb_accordion_section > h3.ui-state-active a { -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); } .ui-accordion .ui-accordion-header .ui-icon { position: absolute!important; right: 15px; top: 14px!important; margin-top: 0!important; background-image: none!important; left: auto!important; width: 12px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .spb_accordion_section > h3 .ui-icon:before { content: "\002B"; font-family: "SSGizmo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; width: 10px; height: 10px; float: left; margin-right: 10px; font-size: 14px; text-indent: 0; } .spb_accordion_section h3.ui-state-active .ui-icon:before { content: "\002D"; margin-top: -1px; } .spb_accordion .ui-state-active, .spb_accordion .ui-state-default { border: 0!important; background: none!important; margin-top: 0; } .spb_accordion .ui-accordion .ui-accordion-content { border: 0; padding: 15px 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .spb_accordion .ui-accordion .ui-accordion-content .row { margin-left: 0!important; margin-bottom: 0!important; } .spb_accordion .ui-accordion .ui-accordion-content .row > [class*="col-sm"] { width: 95%!important; padding-left: 0!important; padding-right: 0!important; } .spb_accordion .ui-accordion .ui-accordion-header { position: relative; margin-top: 0; margin-bottom: 0; } .ui-accordion-content .wpb_wrapper p:last-child { margin-bottom: 0; } .ui-accordion-content .wpb_wrapper .box-content-wrap p:last-child { margin-bottom:20px; } .spb_accordion_section, .spb_accordion .spb_accordion_section, .spb_accordion_section .ui-accordion-content { background: transparent; } .spb_tabs { margin-bottom: 30px; } .spb_tabs .nav-tabs { margin-bottom: 20px; border-bottom: 0; } .spb_tabs .nav-tabs li a { border-radius: 0; white-space: nowrap; margin-right: 0; padding: 10px 18px; border: 1px solid #ddd; border-left-width: 0; border-bottom-color: transparent; } .spb_tabs .nav-tabs li span i { padding-right: 10px; } .spb_tabs .nav-tabs li.active a { border-left-width: 0; -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .spb_tabs .nav-tabs li a:hover { background: transparent; } .spb_tabs .nav-tabs li:first-child a, .spb_tabs .nav-tabs li.active:first-child a  { border-left-width: 1px; } .spb_tabs .nav-tabs li:first-child a { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .spb_tabs .nav-tabs li:last-child a { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .spb_tabs .tab-content > .tab-pane { transition: opacity 0.4s ease-in-out; -moz-transition: opacity 0.4s ease-in-out; -webkit-transition: opacity 0.4s ease-in-out; -o-transition: opacity 0.4s ease-in-out; } .spb_tabs .tab-content > .tab-pane.load { display: block; opacity: 0; } .spb_tour .nav-tabs { float: left; margin-right: 10px; border-right: 0; border-bottom: 0; width: 120px; } .spb_tour .nav-tabs li { float: none; } .spb_tour .nav-tabs li:first-child a { border-bottom: 0; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .spb_tour .nav-tabs li:last-child a { -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .spb_tour .nav-tabs li a { border-radius: 0; margin-bottom: 0; padding: 10px 18px; border: 1px solid #ddd; } .spb_tour .nav-tabs li a:hover { background: transparent; } .spb_tour .nav-tabs li.active a { -moz-box-shadow: inset 0 0 5px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.1); box-shadow: inset 0 0 5px rgba(0,0,0,.1); -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .spb_tour .tab-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; min-height: 100px; padding-left: 135px; } .spb_tour .tab-content .row { margin-left: 0!important; } .spb_tour .tab-content .row [class*="span"] { width: 100%!important; margin-left: 0!important; } .toggle-wrap .spb_toggle { padding: 10px 15px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; border: 1px solid #e3e3e3; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; position: relative; } .toggle-wrap .spb_toggle:after { content: "\002B"; font-family: "SSGizmo"!important; right: 15px; bottom: auto; top: 50%; margin-top: -7px; position: absolute; font-size: 20px; } .toggle-wrap .spb_toggle_title_active:after { content: "\002D"; } .toggle-wrap .spb_toggle:hover { cursor: pointer; } .toggle-wrap .spb_toggle_title_active { -moz-border-radius-bottomright: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .spb_toggle_content { padding: 10px; border: 1px solid #e3e3e3; border-top-width: 0; display: none; } .spb_toggle_content p:last-child { margin-bottom: 0; } .widget_calendar #calendar_wrap { border: 1px solid #e4e4e4;  -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px;  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;  background-color: #fff;  overflow: hidden; } #calendar_wrap caption { border-bottom: 1px solid #222; padding: 7px 0; } .widget_calendar table { display: table; width: 100%; table-layout: fixed; border-collapse: collapse; position: relative; margin-bottom: -2px; } .widget_calendar th { text-align: center; width: 26px; height: 35px; border: 1px solid #e4e4e4; border-bottom: 0; border-top: 0; vertical-align: middle; padding-right: 0!important; } .widget_calendar th:first-child { border-left: 0; } .widget_calendar th:last-child { border-right: 0; } .widget_calendar tbody tr { height: 35px; } .widget_calendar tbody tr > td { color: #444; text-align: center; border: 1px solid #e4e4e4; vertical-align: middle; padding: 0; } .widget_calendar tbody tr > td:first-child { border-left: 0; } .widget_calendar tbody tr > td:last-child { border-right: 0; } .widget_calendar tbody tr > td a { padding: 6px 0; display: block; } .sidebar .widget_calendar tbody tr > td a:hover { text-decoration: none; } .widget_calendar tbody tr > td.pad { border: 0; border-top: 1px solid #e4e4e4; background: transparent url('https://www.thomas-hammermeister.com/dnt/images/scanlines_dark.png') repeat 0 0; } .widget_calendar tfoot { position: absolute; top: 2px; width: 100%; display: block; } .widget_calendar tfoot tr { width: 100%; display: block } .widget_calendar tfoot td { padding: 5px 0; border-color: transparent; float: left; } .widget_calendar tfoot td#prev { padding-left: 10px; width: 40px; text-align: left; } .widget_calendar tfoot td#next { padding-right: 10px; width: 40px; text-align: right; float: right; } .sidebar .widget_calendar tfoot a { white-space: nowrap; } .widget_calendar tfoot td a:hover { text-decoration: none; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type=number] { -moz-appearance:textfield; } .woocommerce a.button.alt, .woocommerce input.button.alt, .woocommerce a.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce button.button.alt:hover, .wc-forward { text-shadow: none; border: 0; border-radius: 0; box-shadow: none; font-weight: normal; } .woocommerce a.button.added.add_to_cart_button::after, .woocommerce button.button.added.add_to_cart_button::after { display: none; } .wc-forward { background: transparent!important; } .wc-forward a:after, .wc-forward:after { display: none; } .woocommerce form .form-row, .woocommerce-page form .form-row { padding: 0; } .woocommerce form .form-row input.input-text { padding: 8px 10px; border: 1px solid #e4e4e4; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 40px; border-radius: 0; line-height: 18px; box-shadow: none; background: transparent; } .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message, .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error { box-shadow: none; border: 0; border-radius: 0; text-shadow: none; padding: 12px 50px; margin-bottom: 2em; } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-style: normal; display: inline-block; text-decoration: inherit; font-size: inherit; text-shadow: none; } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before, .woocommerce .woocommerce-error:before, .woocommerce-page .woocommerce-error:before, .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { background: transparent; box-shadow: none; border-radius: 0; top: 11px; padding-top: 0; } .woocommerce .woocommerce-message a.button { background: none; border: 0; box-shadow: none; text-shadow: none; font-size: 12px; background: transparent!important; padding: 6px 0 4px 4px; } .woocommerce .woocommerce-error, .woocommerce-page .woocommerce-error { background: #b81c23; color: #fff; } .woocommerce .woocommerce-message, .woocommerce-page .woocommerce-message { background: #d1f2f0; color: #252525; } .woocommerce .woocommerce-message:before, .woocommerce-page .woocommerce-message:before { color: #252525; top: 13px; } .woocommerce .woocommerce-info, .woocommerce-page .woocommerce-info { background: #5adcff; color: #222; } .woocommerce .woocommerce-info a, .woocommerce-page .woocommerce-info a { border-bottom: 1px dotted #222; } .woocommerce .woocommerce-info a:hover, .woocommerce-page .woocommerce-info a:hover { color: #fff; border-bottom-color: #fff; } .woocommerce .woocommerce-info:before, .woocommerce-page .woocommerce-info:before { color: #252525; text-shadow: none; top: 13px; content: "\1F4CE"; font-family: "SSGizmo"; } .woocommerce .page-description { clear: both; } .woocommerce .pp_gallery { left: 47%; } div.pp_woocommerce .pp_content_container { padding: 40px 0; } div.pp_woocommerce .pp_description { font-size: 14px; line-height: 14px; } div.pp_woocommerce .currentTextHolder { line-height: 16px; } .modal-body .comment-form-rating { border-bottom: 1px solid #e4e4e4; padding-bottom: 10px; margin-bottom: 25px!important; } .modal-body .comment-form-rating label { float: left; margin-right: 15px; } .modal-body .comment-form-rating p.stars > span { display: block; margin-top: 2px; } .modal-body #commentform label { margin-bottom: 15px; } .modal-body .comment-form-author, .modal-body .comment-form-email { height: auto; overflow: hidden; width: 100%; } .modal-body .comment-form-author label, .modal-body .comment-form-email label { float: left; line-height: 28px; } .modal-body .comment-form-author input, .modal-body .comment-form-email input { margin-left: 10px; } .modal-body #commentform p span.required { float: left; margin-left: 4px; } .modal-body .comment-form-comment textarea { min-height: 200px; } .woocommerce #review_form #reply-title { display: none; } .woocommerce #review_form #respond .form-submit input { font-size: 12px; line-height: 18px; height: auto; padding: 14px 16px; border: 0; border-radius: 0; text-shadow: none; margin-bottom: 2px; } .woocommerce .help-bar { padding: 20px 0; border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; margin-bottom: 60px; } .woocommerce-checkout .help-bar { margin-bottom: 20px; border-bottom: 0; border-top: 0; padding: 0; } .woocommerce-checkout .woocommerce > form.login { display: none; } .woocommerce .help-bar span { float: left; } .woocommerce .help-bar ul { float: right; margin-bottom: 0; } .woocommerce .help-bar ul li { float: left; margin-bottom: 0; margin-left: 30px; } .woocommerce .help-bar ul li:first-child { margin-left: 0; } .woocommerce .help-bar ul li a { border-bottom: 1px dotted #e4e4e4; } .woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering { position: relative; float: right; margin: 0 0 20px; text-align: right; } .woocommerce .woocommerce-ordering select, .woocommerce-page .woocommerce-ordering select { height: 36px!important; margin: 0; padding: 0; } .woocommerce .woocommerce-ordering select option, .woocommerce-page .woocommerce-ordering select option { padding: 5px; } select.hasCustomSelect { z-index: 2; cursor: pointer; } .woocommerce-checkout .checkout-spacer { height: 30px; } .woocommerce-count-wrap { float: left; margin-bottom: 30px; } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { float: none; margin-bottom: 0; } .term-description { clear: both; padding-top: 20px; } .woocommerce-show-products a { margin: 0 3px; } .woocommerce-show-products a:first-child { margin-left: 0; } .woocommerce-ordering .woo-select { padding: 8px 15px; } .woocommerce-ordering .woo-select:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-style: normal; display: inline; font-size: 12px; opacity: 0.7; margin-left: -10px; } ul.cart_list li, ul.product_list_widget li { padding: 0; } .woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li, .woocommerce-page ul.cart_list li, .woocommerce-page ul.product_list_widget li { padding: 10px 0; } ul.products li.product .product-details { float: left; } ul.products li.product .star-rating { display: none; } .woocommerce ul.products li.product h3, .woocommerce-page ul.products li.product h3 { margin: 0 0 4px; padding: 0; line-height: 18px; } .woocommerce span.onsale, .woocommerce .wc-new-badge, .woocommerce .out-of-stock-badge, .woocommerce .free-badge { background: #ef3f32; color: #fff; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; white-space: nowrap; overflow: hidden; position: absolute; text-align: center; padding: 4px; width: 120px; min-width: auto!important; height: 26px!important; min-height: 26px!important; max-height: 26px!important; margin: 0!important; border-radius: 0; right: -31px!important; top: 16px!important; left: auto; z-index: 2; text-transform: uppercase; font-size: 12px; line-height: 28px; font-weight: bold; letter-spacing: normal; transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } .woocommerce .out-of-stock-badge { background: #666; font-size: 10px; } .woocommerce .free-badge { background: #222; } ul.products li.product .price { float: right; font-size: 18px; } .woocommerce ul.products li.product .price ins, .woocommerce-page ul.products li.product .price ins { text-decoration: none; } .price ins { background: transparent; } ul.products li.product a.button { display: inline-block; margin-top: 0!important; line-height: 22px; } ul.products li.product a.quick-view-button { display: block; top: -36px!important; text-shadow: none!important; } .woocommerce ul.products li.product figure { overflow: hidden; position: relative; margin-bottom: 20px; } body .woocommerce ul.products li.product figure, body.woocommerce ul.products li.product figure, body .woocommerce ul.products li.product figure.product-transition, body.woocommerce ul.products li.product figure.product-transition, .mobile-browser .woocommerce.product_list_widget ul.products li.product figure { padding-bottom: 0!important; } .woocommerce ul.products li.product figure > a { display: block; float: left; width: 100%; height: 100%; z-index: 1; position: relative; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: .0s; -moz-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; } .woocommerce ul.products li.product figure.product-transition .product-image.second-image { position: absolute; width: 100%; height: 100%; } .woocommerce ul.products li.product a img { display: block; margin-bottom: 0; } .standard-browser ul.products li.product figure.product-transition-alt > a { width: 200%; height: 100%; left: 0; } .standard-browser ul.products li.product figure.product-transition-alt > a > div { width: 50%; float: left; } .woocommerce ul.products li.product a img { display: block; margin-bottom: 0; } .standard-browser ul.products li.product figure.product-transition:hover > a { -webkit-transform: translate3d(0,-100%,0); -moz-transform: translate3d(0,-100%,0); -ms-transform: translate3d(0,-100%,0); -o-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); -webkit-transition: -webkit-transform 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: -moz-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: -o-transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: transform 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; } .standard-browser ul.products li.product figure.product-transition-alt:hover > a { -webkit-transform: translate3d(-50%, 0, 0); -moz-transform: translate3d(-50%, 0, 0); -ms-transform: translate3d(-50%, 0, 0); -o-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } .standard-browser ul.products li.product figure.product-transition-alt .product-image { float: left; width: 50%; } .standard-browser ul.products li.product figure.product-transition-fade { position: relative; display: block; overflow: hidden; } ul.products li.product figure.product-transition-fade > a > .product-image { position: relative; z-index: 3; } ul.products li.product figure.product-transition-fade > a > .product-image.second-image { position: absolute; top: 0; left: 0; width: 100%; z-index: 2; } .mobile-browser ul.products li.product figure.product-transition-fade > a > .product-image.second-image { display: none; } .standard-browser ul.products li.product figure.product-transition-fade > a > .product-image img { -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0s; -moz-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; -o-transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; transition: all 1s cubic-bezier(0.190,1.000,0.220,1.000) 0s; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; opacity: 1; } .standard-browser ul.products li.product figure.product-transition-fade > a > .product-image:first-child { display: block; width: 100%; height: auto; z-index: 3; } .standard-browser ul.products li.product figure.product-transition-fade > a > .product-image:first-child img { max-width: 100%; width: 100%!important; height: auto; display: block; } .standard-browser ul.products li.product figure.product-transition-fade:hover > a > .product-image > img { opacity: 1; } .standard-browser ul.products li.product figure.product-transition-fade:hover > a > .product-image:first-child > img { opacity: 0; } ul.products li.product .product-image > img { filter: alpha(opacity=100); opacity: 1; -webkit-transition: opacity 1.5s cubic-bezier(0.190,1.000,0.220,1.000); -webkit-transition-delay: 0ms; -moz-transition: opacity 1.5s cubic-bezier(0.190,1.000,0.220,1.000) 0ms; -o-transition: opacity 1.5s cubic-bezier(0.190,1.000,0.220,1.000) 0ms; transition: opacity 1.5s cubic-bezier(0.190,1.000,0.220,1.000) 0ms; } .mobile-browser ul.products li.product .product-image.second-image, ul.products li.product figure.no-transition .product-image.second-image { display: none!important; } .woocommerce ul.products li.product figure figcaption { position: absolute; bottom: -80px; left: 0; z-index: 2; background: #222; color: #fff; width: 100%; font-size: 12px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; } .standard-browser ul.products li.product figure:hover figcaption { bottom: 0; } .products-mini ul.products li.product figure figcaption { display: none; } li.product figcaption .shop-actions { position: relative; min-height: 40px; } li.product figcaption .shop-actions > a { padding: 9px 14px 8px; text-transform: uppercase; color: #e4e4e4; float: left; position: absolute; width: 100%; left: 0; bottom: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; z-index: 2; } .woocommerce ul.products li.product figure figcaption .shop-actions a > i { margin-right: 6px; vertical-align: -1px; } .woocommerce ul.products li.product figure figcaption .shop-actions a > i.ss-info, .woocommerce ul.products li.product figure figcaption .shop-actions a > i.ss-sugarpackets { font-size: 14px; vertical-align: -3px; } .woocommerce ul.products li.product figure figcaption a.product-added:before { content: "\f00c"; font-family: "Font Awesome 5 Free"; font-style: normal; display: inline-block; text-decoration: inherit; font-size: inherit; margin-right: 4px; } .woocommerce ul.products li.product figure figcaption a.added_to_cart { display: none!important; } .woocommerce ul.products li.product figure figcaption .yith-wcwl-add-to-wishlist { float: right; display: block; padding: 0; position: relative; z-index: 3; } .woocommerce ul.products li.product figure figcaption .yith-wcwl-add-to-wishlist a { width: 11px; padding: 10px 14px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } #yith-wcwl-form .help-bar, #yith-wcwl-form .my-account-left, #yith-wcwl-form .help-bar{ display: none; } #yith-wcwl-form .my-account-right{ width: 70%!important; float:left!important; } .my-account-right{ overflow: hidden; } .woocommerce ul.products li.product figure figcaption a.quickshop_button { position: absolute; right: 0; top: 0; display: block; width: auto; float: right; margin: 0; left: auto; background: none; border: 0; height: 40px; line-height: 20px; } ul.product_list_widget li a:hover { text-decoration: none; } .woocommerce nav.woocommerce-pagination, .woocommerce #content nav.woocommerce-pagination, .woocommerce-page nav.woocommerce-pagination, .woocommerce-page #content nav.woocommerce-pagination { padding-top: 30px; text-align: right; border: 0; } nav.woocommerce-pagination ul { border: 0!important; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; height: auto; overflow: hidden; } .woocommerce nav.woocommerce-pagination ul li, .woocommerce #content nav.woocommerce-pagination ul li, .woocommerce-page nav.woocommerce-pagination ul li, .woocommerce-page #content nav.woocommerce-pagination ul li { text-align: center; border: 0!important; } .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span, .woocommerce #content nav.woocommerce-pagination ul li a, .woocommerce #content nav.woocommerce-pagination ul li span, .woocommerce-page nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span, .woocommerce-page #content nav.woocommerce-pagination ul li a, .woocommerce-page #content nav.woocommerce-pagination ul li span { padding: 8px 16px; border: 1px solid transparent; display: block; margin-left: -1px; text-decoration: none; height: auto; overflow: hidden; line-height: 22px; } nav.woocommerce-pagination ul li a.next i { margin-left: 5px; display: inline-block; height: 10px; vertical-align: -3px; } nav.woocommerce-pagination ul li a.prev i { margin-right: 5px; display: inline-block; height: 10px; vertical-align: -3px; } nav.woocommerce-pagination ul li:first-child { padding-left: 1px; overflow: visible; } nav.woocommerce-pagination ul li:first-child a { -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } nav.woocommerce-pagination ul li:last-child a { -moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } .woocommerce div.product div.images { position: relative; overflow: hidden; padding-bottom: 50px; margin-bottom: 0; float: left; width: 48%; } .woocommerce div.product div.summary { margin-bottom: 50px; float: right; width: 48%; } .woocommerce div.product div.summary .woocommerce-product-rating { display: none; } #product-img-slider { z-index: 0; } #product-img-slider .flex-direction-nav a { z-index: 100; } #product-img-slider li a.zoom { position: absolute; top: 20px; left: 18px; font-size: 20px; color: #252525; } .zoomContainer { z-index: 99; left: 0!important; top: 0!important; } #product-img-nav { margin-top: 30px; } #product-img-nav li { margin-left: 28px; } #product-img-nav li:first-child { margin-left: 0; } #product-img-nav li:hover { cursor: pointer; } #product-img-nav li.flex-active-slide:hover { cursor: default; } .woocommerce div.product div.images .woocommerce-product-gallery__trigger { border-radius: 0; } .woocommerce div.product div.images .flex-control-nav { margin: 20px 0 0; } .woocommerce div.product div.images .flex-control-thumbs { position: relative; bottom: auto; left: auto; } .woocommerce div.product div.images .flex-control-thumbs li { margin-bottom: 20px; } .woocommerce div.product div.woocommerce-thumb-nav--left .flex-viewport { float: right; width: 80%; } .woocommerce div.product div.woocommerce-thumb-nav--left .flex-control-nav { float: left; width: 20%; padding-right: 30px; } .woocommerce div.product div.woocommerce-thumb-nav--left .flex-control-thumbs li { display: inline-block; padding: 0; float: none; width: 100%; } .summary-top { border-bottom: 1px solid #e4e4e4; padding-bottom: 30px; margin-bottom: 30px; } .catalog-mode .summary-top { border-bottom: 0; } .woocommerce div.product .summary p.price, .woocommerce-page div.product .summary p.price { float: left; margin-right: 20px; font-size: 24px; margin-bottom: 0; } .woocommerce div.product span.price ins, .woocommerce div.product p.price ins { text-decoration: none; } .summary-top .review-summary { float: left; } .summary-top .review-summary .star-rating { float: left; margin-right: 6px; margin-top: 4px; font-size: 12px; letter-spacing: 4px; width: 7em; } .woocommerce .woocommerce-product-rating, .woocommerce-page .woocommerce-product-rating { margin-bottom: 10px; } .summary-top .review-summary .reviews-text { float: left; } .summary-top .product-navigation { float: right; font-size: 28px; } .summary-top .product-navigation .nav-previous { display: inline-block; margin-left: 12px; float: right; } .summary-top .product-navigation .nav-next { display: inline-block; float: right; } .summary-top .product-navigation .nav-next i, .summary-top .product-navigation .nav-previous i { display: inline-block; vertical-align: -6px; line-height: 22px; height: 20px; } .summary-top .product-navigation .nav-previous i { margin-right: 0; } .woocommerce div.product .product-short { margin-bottom: 30px; } .variations_form tr td { padding: 0!important; border: 0; } .variations_form > div > div.yith-wcwl-add-to-wishlist { display: none!important; } .variations_form .woo-select { padding: 8px 15px; z-index: 1; } .woocommerce div.product form.cart .variations { border: 0; } .woocommerce div.product form.cart .variations td { position: relative; } .woocommerce div.product form.cart .variations td.label { background: none; } .woocommerce div.product form.cart .variations td.label label { background: none; line-height: 40px; padding-right: 10px; text-shadow: none; color: #222; } .woocommerce div.product form.cart .variations select { display: block; vertical-align: top; z-index: 2; border: none; outline: none; display: inline-block; -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 14px 25px 12px 15px; line-height: 16px; margin: 0 0 5px; background-image: url('https://www.thomas-hammermeister.com/dnt/images/down-arrow@2x.png'); background-repeat: no-repeat; background-position: 90% center; background-size: 9px 6px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .browser-ff.woocommerce div.product form.cart .variations select, .browser-ie.woocommerce div.product form.cart .variations select, .browser-ie10.woocommerce div.product form.cart .variations select { background-image: none; } .woocommerce div.product form.cart .variations td.value { position: relative; margin-bottom: 10px; height: auto; overflow: hidden; } .variations_form .reset_variations { display: block; line-height: 40px; clear: both; } .single_variation_wrap .single_variation { margin-bottom: 10px; } .woocommerce form.cart button.single_add_to_cart_button { background: #222; border: 0; border-radius: 0; box-shadow: none; height: 40px; padding: 0 15px; float: left; outline: 0!important; font-weight: normal!important; text-shadow: none!important; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce form.cart button.single_add_to_cart_button:active { top: 0!important; } .woocommerce form.cart button.single_add_to_cart_button i { margin-right: 10px; font-size: 10px; vertical-align: 1px; } .woocommerce p.cart a.single_add_to_cart_button { background: #222; border: 0; border-radius: 0; box-shadow: none; height: 40px; line-height: 40px; padding: 0 15px; float: left; } .yith-wcwl-add-to-wishlist { background: #222; padding: 9px 13px; display: block; float: left; border-left: 1px solid #fff; margin-top: 0; line-height: 20px; display: none; } .woocommerce form.cart .yith-wcwl-add-to-wishlist { display: block; padding: 0; float: left; line-height: 22px; min-height: 40px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce form.cart .yith-wcwl-add-to-wishlist a { display: block; padding: 9px 13px; background: transparent; } .woocommerce form.cart .yith-wcwl-add-to-wishlist .yith-wcwl-add-button a { padding: 7px 13px; } .yith-wcwl-add-button > a i { margin-right: 0; vertical-align: -2px; margin-top: 1px; height: 19px; display: inline-block; } .yith-wcwl-add-to-wishlist span.feedback { display: none!important; } .woocommerce .quantity, .woocommerce-page .quantity { height: auto; width: auto; max-width: 115px; margin-right: 10px!important; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce .quantity .minus, .woocommerce .quantity input.qty, .woocommerce .quantity .plus { position: relative; float: left; height: 40px; width: 38px; margin: 0; border: 0; background: transparent; box-shadow: none; border-radius: 0; border-color: rgba(0,0,0,.1); text-shadow: none; } .woocommerce .quantity .minus { border: 0; } .woocommerce .quantity .plus { border-right: 0; } .woocommerce .quantity .minus, .woocommerce .quantity .plus { font-size: 18px; } .woocommerce .quantity .qty-adjust { float: left; } .woocommerce .quantity .qty-plus { display: block; width: 30px; height: 20px; text-align: center; line-height: 26px; font-size: 12px; } .woocommerce .quantity .qty-minus { display: block; width: 30px; height: 20px; text-align: center; line-height: 14px; font-size: 12px; } .woocommerce div.product form.cart .group_table { margin-bottom: 30px; border-bottom: 0; width: 100%; } .woocommerce div.product form.cart .group_table th { text-align: left; padding: 10px 20px 10px 0; } .woocommerce div.product form.cart .group_table .quantity { background: transparent; } .woocommerce div.product form.cart .group_table td { padding-bottom: 10px; padding-left: 0; text-align: left; } .woocommerce div.product form.cart .group_table td.label { background: transparent; color: inherit; text-shadow: none; vertical-align: top; padding: 0 30px 0 0; line-height: 60px; font-size: 90%; } .woocommerce div.product form.cart .group_table td.price { padding-top: 12px; vertical-align: top; text-align: left; line-height: inherit; } .woocommerce div.product form.cart .group_table td:first-child { width: auto; text-align: left; } .woocommerce div.product form.cart .group_table td.price p.stock { margin-top: 0; } .woocommerce div.product form.cart .group_table td.quantity > a > i { vertical-align: -2px; margin-right: 3px; } #product-accordion .accordion-toggle { position: relative; padding-left: 0; display: block; letter-spacing: normal; } #product-accordion .accordion-toggle:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-style: normal; display: block; font-size: 12px; position: absolute; right: 0; margin-top: -11px; top: 50%; } #product-accordion .panel-heading { padding: 10px 0; background: none!important; } #product-accordion .panel { border: 1px solid #e4e4e4; border-radius: 0; border-left: 0; border-right: 0; border-top-width: 0; -webkit-box-shadow: none; box-shadow: none; margin-top: 0; } #product-accordion .panel:first-child { border-top-width: 1px; } #product-accordion .accordion-inner { border-top: 0; padding-left: 0; padding-right: 0; } .summary .product_meta { margin-top: 15px; } .summary .product_meta p { margin-bottom: 10px; } .product_meta p .leave-feedback { float: right; } .product_meta a.inline { border-bottom: 1px dotted #e4e4e4; } .product-share { border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4; margin-top: 20px; } .product-share span { float: left; padding: 7px 0; } .product-share ul { float: right; margin-bottom: 0; } .product-share ul li { float: left; } .product-share ul li a { padding: 10px; } .woocommerce table.shop_attributes { border-top: 0; margin-bottom: 10px; } .woocommerce table.shop_attributes th { text-align: left; font-weight: normal; border-bottom: 0; border-top: 1px dotted rgba(0,0,0,0.1); } .woocommerce table.shop_attributes td { text-align: right; font-style: normal; border-bottom: 0; border-top: 1px dotted rgba(0,0,0,0.1); } .woocommerce table.shop_attributes td p, .woocommerce table.shop_attributes th { padding: 11px 0; } .woocommerce table.shop_attributes tr:first-child th, .woocommerce table.shop_attributes tr:first-child td { border-top: 0; } .woocommerce table.shop_attributes .alt th, .woocommerce table.shop_attributes .alt td { background: transparent; } .woocommerce #reviews #comments ol.commentlist { margin-top: 10px; margin-bottom: 30px; padding-left: 0; } .woocommerce #reviews #comments ol.commentlist li img.avatar, .woocommerce-page #reviews #comments ol.commentlist li img.avatar { -webkit-border-radius: 45px; -moz-border-radius: 45px; border-radius: 45px; border: 0; padding: 0; } #comments .aggregate-rating, #comments > h2 { display: none; } .woocommerce #reviews #comments ol.commentlist li .comment-text { border: 0; padding: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta { float: left; margin-right: 10px; margin-bottom: 0; } .woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong { letter-spacing: normal; } .woocommerce #reviews #comments ol.commentlist li .comment-text .star-rating { float: none; display: block; line-height: 22px; height: 20px; letter-spacing: 4px; font-size: 12px; width: 7em; } .woocommerce #reviews #comments ol.commentlist li .comment-text .description { clear: both; margin-top: 4px; } .add_review { margin: 0; float: right; } .add_review a span i { margin-right: 6px; } #product-display-area { clear: both!important; margin-bottom: 50px; } .type-product .related.products, .type-product .upsells.products { clear: both; } .type-product .related ul.products, .type-product .upsells ul.products { border-top: 0; padding-top: 0; } .woocommerce .related ul.products li.product, .type-product .upsells ul.products li.product { float: left; margin-right: 0; } .woocommerce ul.products li.product { margin-left: 20px; margin-right: 0; } .woocommerce ul.products li.product.first { margin-left: 0; } .woocommerce ul.products li.product-category { margin-right: 0; } body .has-no-sidebar ul.products li.product { width: 220px; float: left; } body .has-one-sidebar ul.products li.product { width: 140px; } body .has-one-sidebar .products-standard.span8 ul.products li.product { width: 193px; } body .has-both-sidebars ul.products li.product { width: 220px; } body .has-no-sidebar .products-mini ul.products li.product { width: 136px; margin-left: 20px; } body .has-one-sidebar .products-mini ul.products li.product { width: 136px; margin-left: 20px; } body .has-both-sidebars .products-mini ul.products li.product { width: 136px; margin-left: 20px; } body.woocommerce .has-no-sidebar ul.products li.product { width: 220px; } body.woocommerce .has-one-sidebar ul.products li.product { width: 219px; } body.woocommerce .has-both-sidebars ul.products li.product { width: 207px; } .catalog-mode .quantity, .catalog-mode .cart button[type="submit"] { display: none!important; } .woocommerce .bag-summary span, .woocommerce-page .bag-summary span { opacity: 0.6; } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border-radius: 0; border-left-width: 0; border-right-width: 0; margin-bottom: 40px; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { padding: 12px 0; font-weight: normal; } .woocommerce table.shop_table.cart tr td, .woocommerce-page table.shop_table.cart tr td { padding: 30px 0; vertical-align: top; } .woocommerce table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { width: 100px; } .woocommerce table.shop_table img, .woocommerce-page table.shop_table img { width: 70px; height: auto; float: left; } .woocommerce table.shop_table tr td.product-quantity .quantity { float: left; } .woocommerce table.shop_table tr td.product-price, .woocommerce table.shop_table tr td.product-subtotal { padding-top: 40px; } .woocommerce table.shop_table .product-name .price, .woocommerce-cart table.shop_table .product-name .amount { display: none; margin-top: 5px; } .woocommerce table.shop_table tr td.product-remove .remove { float: right; padding: 0 10px; line-height: 42px; height: 44px; width: 44px; border-radius: 0; text-indent: 0; font-size: 16px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce table.shop_table tr td.product-remove .remove i { vertical-align: -5px; } .woocommerce .cart_totals table { width: 100%; margin-bottom: 10px; } .woocommerce .cart_totals table th { text-align: left; padding-top: 10px; font-weight: normal; } .woocommerce .cart_totals table td { text-align: right; padding-top: 10px; padding-right: 0; border-top: 0; } .woocommerce .cart_totals table tr.cart-subtotal { border-top: 1px solid #e4e4e4; } .woocommerce .cart_totals table tr.shipping th, .woocommerce .cart_totals table tr.shipping td { padding-bottom: 20px; } .woocommerce .cart_totals table tr.shipping td .shipping-calc-wrap { display: none; } .woocommerce .cart_totals table tr.total { border-top: 2px solid black; } .woocommerce .cart_totals table tr.total td .amount { font-size: 18px; } .woocommerce .cart-collaterals .cross-sells, .woocommerce-page .cart-collaterals .cross-sells { width: 100%; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product:first-child, .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product:nth-child(4n) { margin-left: 0!important; } .woocommerce-cart .cart-collaterals .cross-sells ul.products li.product.first { margin-left: 20px; clear: none; } .woocommerce-cart .wc-proceed-to-checkout { clear: both; padding: 20px 0; } .woocommerce .wc-proceed-to-checkout > a.checkout-button { width: 100%; margin-bottom: 0; line-height: 46px; padding: 0 20px; font-size: 14px; } .woocommerce .continue-shopping { border-bottom: 1px dotted #e4e4e4; padding-bottom: 3px; } .woocommerce .coupon { width: auto; margin-left: 0; float: left; } .woocommerce .coupon input.input-text, .woocommerce-cart table.cart td.actions .coupon .input-text { padding: 6px 10px; border: 1px solid #e4e4e4; width: auto; margin: 0 15px 0 0; min-width: 140px; height: 40px; line-height: 40px; float: left; box-shadow: none; -webkit-box-shadow: none; } .woocommerce .coupon input.apply-coupon { padding: 11px 0; width: 28%; float: right; border: 0; margin: 0; font-size: 12px; text-transform: uppercase; } .woocommerce .cart input[name="update_cart"] { float: right!important; margin-right: 0!important; } .woocommerce .cart-shipping-wrap { margin-top: 20px; } .woocommerce .shipping-calculator-button { display: none!important; } .woocommerce .shipping-calc-wrap { width: 50%; } .woocommerce .shipping-calculator-form { display: block!important; } .woocommerce .shipping-calculator-form p { margin-bottom: 15px; position: relative; } .woocommerce #calc_shipping_country { height: 38px!important; max-width: 100%; } .woocommerce .shipping-calculator-form .form-row-left { display: inline-block; width: 32%; margin: 0 1.7% 0 0; } .woocommerce .shipping-calculator-form .update-totals-button { display: inline-block; width: 31%; } .woocommerce .shipping-calculator-form .update-totals-button button { padding: 14px 0; -moz-box-shadow: none; -webkit-box-shadow:  none; box-shadow: none; width: 100%; border: 0; margin: 0; font-size: 12px; text-transform: uppercase; border-radius: 0; font-weight: normal; text-shadow: none; outline: 0!important; } .woocommerce .shipping-calculator-form p.form-row:first-child:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; font-size: 14px; opacity: 0.7; position: absolute; top: 7px; right: 12px; pointer-events: none; } .woocommerce .shipping-calculator-form select { -webkit-appearance: none; -moz-appearance: none; text-indent: 0.01px; text-overflow: ''; appearance: none; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 6px 25px 6px 15px; margin: 0 0 5px; outline: none; } .woocommerce .shipping-calc-wrap button[name="calc_shipping"] { padding: 13px 20px; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); border: 0; border-radius: 0; font-weight: normal; text-shadow: none; outline: none!important; } .woocommerce .button.update-cart-button, .woocommerce .button.checkout-button { width: 100%; height: 46px; text-align: center; text-transform: uppercase; padding: 13px 15px; margin-bottom: 15px; border: 0; font-size: 12px; border-radius: 0; text-shadow: none; font-weight: normal; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .woocommerce form.checkout_coupon { border-left: 0; border-right: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; padding: 30px 0; } .woocommerce form.checkout_coupon .form-row-last { float: left; margin-left: 20px; } .woocommerce form.checkout_coupon p { margin-bottom: 0; } .woocommerce form.checkout_coupon input[name="apply_coupon"], button[name="apply_coupon"] { float: left; } .woocommerce button[name="apply_coupon"], .woocommerce input[name="apply_coupon"], .woocommerce .cart input[name="update_cart"] { width: auto; padding: 13px 20px!important; border: 0; border-radius: 0; text-shadow: none; font-weight: normal; float: right; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce-account label[for="billing_country"], .woocommerce-account label[for="shipping_country"] { float: left; } .woocommerce a.button { width: auto; padding: 13px 20px; border: 0; border-radius: 0; text-shadow: none; font-weight: normal; -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .product_list_widget.woocommerce ul.products { border-top: 0; padding-top: 0; } ul.mini-list { list-style: none; } .mini-list li { margin-top: 20px; } .mini-list li:first-child { margin-top: 0; } .mini-list li figure { float: left; width: 70px; margin-bottom: 2px; } .mini-list li .product-details { margin-left: 85px; } .mini-list li h5 { margin-top: 0; margin-bottom: 3px; } .mini-list li .product-cats { display: block; margin-bottom: 3px; } .mini-list li .star-rating { float: none; margin: 5px 0 8px; font-size: 12px; letter-spacing: 4px; width: 7.4em; } p.no-items { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; padding: 10px 0; margin-bottom: 20px; } ul.checkout-process { border: 1px solid #e4e4e4; margin-bottom: 60px; list-style: none; } ul.checkout-process li { width: 33.3%; float: left; position: relative; } ul.checkout-process li:after { background: transparent url('https://www.thomas-hammermeister.com/dnt/images/checkout-process-angle.png') no-repeat top left; content: " "; position: absolute; top: 0; left: -40px; display: block; width: 20px; height: 39px; } ul.checkout-process li:first-child:after { display: none; } ul.checkout-process li a, ul.checkout-process li p { display: block; padding: 10px 15px 9px; line-height: 19px; margin: 0; } ul.checkout-process li a.active, ul.checkout-process li p.active { cursor: pointer; font-weight: bold; } .returning-customer a { border-bottom: 1px dotted #e3e3e3; } #login-form .modal-body form.login { display: block!important; border: 0; padding: 0; margin: 0; } #login-form .modal-body form.login p.form-row-first, #login-form .modal-body form.login p.form-row-last { width: 100%; margin-bottom: 20px; text-align: left!important; margin-top: 0!important; } #login-form .modal-body form.login p.form-row { width: 100%; margin-bottom: 20px; text-align: right; margin-top: 10px; } #login-form .modal-body form.login p.form-row input[type="submit"] { float: right!important; margin-right: 0!important; margin-left: 20px; padding: 15px 40px; } #login-form .modal-body form.login p.form-row a.lost_password { padding-top: 7px; display: inline-block; } .woocommerce #account_details > .login, .my-account-login-wrap .login-wrap { padding: 30px; } .woocommerce #account_details .col-2 { padding: 30px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce .col-2 form.register .username, .woocommerce .col-2 form.register .email { margin-bottom: 15px; } .woocommerce .col-2 form.register input[type="submit"] { margin-right: 0; } .woocommerce #account_details .login form, .my-account-login-wrap .login-wrap form.login { display: block!important; border-radius: 0; border: 0; padding: 0; margin-bottom: 0; } .woocommerce #account_details .login form p.form-row, .woocommerce #create-account p.form-row, .my-account-login-wrap .login-wrap form.login p.form-row, .woocommerce form.edit-address-form p.form-row { display: block; width: 100%; float: none; margin-top: 20px; } .woocommerce #account_details .login form p.form-row:first-child, .woocommerce #create-account p.form-row:first-child, .my-account-login-wrap .login-wrap form.login p.form-row:first-child, .woocommerce form.edit-address-form p.form-row:first-child { margin-top: 0; } .woocommerce #create-account .modal-body { padding: 30px; height: auto; overflow: hidden; } .woocommerce #create-account p.form-row { height: auto; overflow: hidden; } .woocommerce #create-account p.form-row#account_password_field { margin-bottom: 0; } .woocommerce #create-account p.form-row#account_password-2_field { margin-top: 0; } .woocommerce #create-account p.form-row label { float: left; width: 35%; line-height: 38px; } .woocommerce form.edit-address-form p.form-row label { float: left; width: 25%; line-height: 38px; } .woocommerce #create-account p.form-row input { width: 65%; float: right; padding: 8px 10px; border: 1px solid #e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 38px; border-radius: 0; line-height: 18px; box-shadow: none; } .woocommerce form.edit-address-form p.form-row input, .woocommerce form.edit-address-form p.form-row select { width: 73%; float: right; padding: 8px 10px; border: 1px solid #e4e4e4; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 38px; border-radius: 0; line-height: 18px; box-shadow: none; } .woocommerce #create-account .continue-button { float: right; margin: 0; padding: 0 45px; } .woocommerce #account_password-2_field { margin-top: 0; } .woocommerce #account_password-2_field label { visibility: visible!important; display: block!important; } .woocommerce #account_details .login form p.form-row input[type="submit"], .my-account-login-wrap .login-wrap form.login p.form-row input[type="submit"], .woocommerce .my-account-login-wrap form input[type="submit"], .lost_reset_password p.form-row input[type="submit"], .track_order p.form-row input[type="submit"], .change_password_form p input[type="submit"], .woocommerce table.my_account_orders .order-actions .button, .woocommerce .widget_price_filter .price_slider_amount .button, .woocommerce.widget .buttons a, .woocommerce .wishlist_table tr td.product-add-to-cart a, #login-form .modal-body form.login p.form-row input[type="submit"], .woocommerce-account input[name="change_password"], .woocommerce input[name="save_account_details"] { margin-right: 20px; float: left; border: 0; background: transparent; box-shadow: none; text-shadow: none; border-radius: 0; padding: 10px 20px; font-weight: normal; } .woocommerce form.register, .woocommerce-page form.register { border: 0; padding: 0; margin: 0; } .woocommerce form.register input[type="submit"], .woocommerce input[name="save_account_details"] { margin-top: 20px; float: right; border: 0; background: transparent; box-shadow: none; text-shadow: none; border-radius: 0; padding: 14px 25px; font-weight: normal; } .woocommerce input[name="save_account_details"] { margin-right: 0; } .woocommerce #account_details .login form p.form-row a.lost_password, .my-account-login-wrap .login-wrap form.login p.form-row a.lost_password { margin: 6px 0 0; display: inline-block; } .woocommerce #account_details .new-here-text { float: left; width: 47%; margin-right: 3%; } .woocommerce #account_details .bag-buttons { width: 50%; float: right; padding: 0; margin-top: 5px; } .woocommerce .bag-buttons a.create-account-button { margin-bottom: 20px; } .woocommerce-account form > fieldset { margin-top: 40px; } .woocommerce-account form > fieldset > legend { padding-bottom: 10px; } .woocommerce-checkout .already-logged-in p { font-size: 22px; float: left; margin: 0 20px 0 0; line-height: 40px; } .woocommerce form #customer_details .form-row { display: block; width: 100%; float: none; margin-bottom: 20px; } .woocommerce form #customer_details .form-row label { float: left; width: 25%; padding: 0; margin: 0; line-height: 38px; font-weight: normal; } .woocommerce form #customer_details .form-row input { float: right; width: 75%; } .woocommerce form #customer_details .form-row textarea { float: right; width: 75%; padding: 10px; min-height: 70px; line-height: 20px; } .woocommerce form .form-row.address-field .select2-container { width: 75%!important; margin-top: 5px; } .woocommerce-checkout .form-row .chzn-container .chzn-results { width: 100%; } .woocommerce form #order-details .form-row.notes { padding-top: 40px; } .woocommerce .checkout #createaccount { float: none!important; width: auto!important; } .woocommerce .checkout label.checkbox[for="createaccount"] { padding: 0; margin: 0; float: none!important; width: auto!important; } .create-account { padding-bottom: 20px; } .woocommerce .checkout #ship-to-different-address { float: none!important; width: 100%!important; margin-bottom: 20px; padding: 10px 0; } .woocommerce .checkout #ship-to-different-address input { float: none!important; width: auto!important; display: inline-block; margin: -2px 0 0; } .woocommerce .checkout #ship-to-different-address label { float: none!important; width: auto; font-size: 1em; line-height: auto!important; display: inline-block; padding-left: 5px; } .woocommerce select#billing_country { width: 75%; } .woocommerce .my-account-right #billing_country_chosen, .woocommerce .my-account-right #shipping_country_chosen { width: 73%!important; float: right; } .chosen-container .chosen-results { width: 100%!important; } .woocommerce .checkout #shiptobilling { float: none!important; width: 100%!important; margin-bottom: 20px; } .woocommerce .checkout #shiptobilling input { float: none!important; width: auto!important; } .woocommerce .checkout #shiptobilling label { float: none!important; width: auto; font-size: 1em; line-height: auto!important; } .woocommerce form #billing .form-row .chzn-container input { float: none; } .woocommerce-checkout .form-row .chzn-container-single .chzn-search input { padding: 4px 6px; } textarea#order_comments { padding: 10px; min-height: 100px; } .review-order-wrap { border: 2px solid #e3e3e3; padding: 45px 45px 30px; } .review-order-wrap table.shop_table { border-top: 0; margin-bottom: 10px; } .review-order-wrap table.shop_table th { padding: 12px 0 20px; font-weight: normal; } .review-order-wrap table.shop_table td { border-color: rgba(0,0,0,0.05); } .review-order-wrap table.shop_table td.product-description { width: 80%; padding: 15px 0 17px; } td.product-description .quantity-count { margin-bottom: 0; } .review-order-wrap table.shop_table td.product-subtotal { width: 20%; padding-top: 17px; } .review-order-wrap table.shop_table .product-quantity { text-align: center; } .review-order-wrap table.shop_table .product-subtotal { text-align: right; } .review-order-wrap table.shop_table dl dt { float: left; margin-right: 4px; } .review-order-wrap table.shop_table tr td, table.shop_table tr th.product-total { text-align: right; padding: 12px 0; } .review-order-wrap table.shop_table tr td.product-name { text-align: left; padding: 12px 0; } .woocommerce td.product-name dl.variation dt, .woocommerce td.product-name dl.variation dd { line-height: 20px; margin: 0 4px 4px 0; padding: 0; float: left; } .woocommerce td.product-name dl.variation dd > p { line-height: inherit; } #order_review_heading { margin-bottom: 15px; } #order-details { padding-right: 30px; } #order-details p.form-row { margin-bottom: 20px; } #order_review table.shop_table { border-top: 0; margin-bottom: 10px; } #order_review table.shop_table th { padding: 12px 0 20px; font-weight: normal; } #order_review table.shop_table td { border-color: rgba(0,0,0,0.05); } #order_review table.shop_table td.product-description { width: 80%; padding: 15px 0 17px; } td.product-description .quantity-count { margin-bottom: 0; } #order_review table.shop_table td.product-subtotal { width: 20%; padding-top: 17px; } #order_review table.shop_table .product-quantity { text-align: center; } #order_review table.shop_table .product-subtotal { text-align: right; } #order_review table.shop_table dl dt { float: left; margin-right: 4px; } table.totals_table { float: right; width: 30%; margin-bottom: 30px; border-bottom: 0; } #order_review table.totals_table { width: 100%; float: none; margin-bottom: 10px; } table.totals_table tr th { text-align: left; padding: 2px 0; font-weight: normal; } table.totals_table tr.total th, table.totals_table tr.total td { padding: 12px 0 0; letter-spacing: normal; } table.totals_table tr td { text-align: right; padding: 2px 0; border-top: 0; } table.totals_table tr.blank td, table.totals_table tr.blank th { padding: 6px 0; } table.totals_table tr.total { margin-top: 20px; border-top: 2px solid #222; } table.totals_table tr.total td .amount { font-size: 18px; } #order_review table.shop_table { border-bottom: 0; } #order_review table.shop_table tr th, #order_review table.shop_table tr td { padding: 15px 0 17px; } table.shop_table tr.cart-subtotal th, table.shop_table tr.cart-subtotal td, table.shop_table tr.total th, table.shop_table tr.total td { border-top: 2px solid #222!important; } #order_review table.shop_table tr td, table.shop_table tr th.product-total { text-align: right; } #order_review table.shop_table tr td.product-name { text-align: left; } table.shop_table tr.total td .amount { font-size: 18px; } #shipping_method li input { float: left; margin-top: 5px; margin-left: -20px; } #shipping_method li label { margin-left: 25px; } .woocommerce #payment { background: transparent; border-radius: 0; } .woocommerce #payment ul.payment_methods { padding: 15px 0; } .woocommerce #payment ul.payment_methods li { margin-bottom: 2px; } .woocommerce #payment ul.payment_methods li input { margin-top: 6px; } .woocommerce #payment ul.payment_methods li label { font-weight: normal; margin-bottom: 0; } .woocommerce #payment div.payment_box { border-radius: 0; box-shadow: none; padding: 1em; width: 100%; } .woocommerce #payment ul.payment_methods li img, .woocommerce-page #payment ul.payment_methods li img { margin: 5px 0; } .woocommerce #payment ul.payment_methods li.payment_method_paypal input { margin-top: 18px; } .woocommerce #payment ul.payment_methods li.payment_method_paypal img { margin: 0 10px; } .woocommerce #payment div.payment_box { border-radius: 0; box-shadow: none; padding: 1em; } .woocommerce #payment div.payment_box fieldset { padding: 0!important; } .woocommerce #payment div.payment_box fieldset .form-row { width: 100%; clear: both; } .woocommerce #payment div.form-row.place-order { padding: 20px 0 10px; } .woocommerce #payment #place_order { padding: 0 30px; height: 46px; line-height: 46px; width: 100%; } .woocommerce #payment .terms { clear: both; height: auto; overflow: hidden; padding: 15px 0 0; } .woocommerce #payment .terms label { display: inline-block; margin: 0; padding: 0; } .woocommerce #payment .terms input { float: right; display: inline-block; margin: 8px 0 0 10px; } #order_review #payment { margin: 0 -45px; padding: 20px 45px 0; } #payment_heading { margin-bottom: 0; padding-bottom: 15px; border-bottom: 1px solid #e3e3e3; } #order_review #payment #place_order { padding: 0 30px; height: 46px; line-height: 46px; width: 100%; } .woocommerce-checkout p.thank-you { font-size: 32px; margin-bottom: 20px; border-bottom: 1px solid #e4e4e4; padding-bottom: 60px; } .woocommerce-checkout .checkout-confirmation h2 { margin-top: 30px; } .woocommerce-checkout .checkout-confirmation .help-bar { margin-bottom: 40px; } .my-account-login-wrap { margin-bottom: 40px; } .my-account-login-wrap .col-2 { padding: 30px 0; } .my-account-login-wrap .col-2 form { border: 0; padding: 0; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme { margin-right: 10px; } .woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme input { margin-top: 0; vertical-align: 1px; margin-right: 4px; } .woocommerce .woocommerce-form-register .woocommerce-FormRow { margin-top: 20px; } .woocommerce form #create-account input[type="submit"] { float: right; margin-top: 20px; margin-right: 0; } .woocommerce .my-account-login-wrap .new-user-text { margin-bottom: 20px; } .myaccount_user { margin-bottom: 30px; font-size: 16px; } .my-account-left { float: left; width: 24%; margin-right: 4%; } .my-account-right { float: right; width: 72%; } .my-account-left h4 { margin-bottom: 0; } .my-account-right h3 { margin-top: 0; } .my-account-right #billing_country_chosen, .my-account-right #shipping_country_chosen { float: right; width: 85%!important; } ul.my-account-nav > li { border-top: 1px solid transparent; } ul.my-account-nav > li:first-child { border-top: 0; } ul.my-account-nav > li a { padding: 10px 0; background: transparent!important; } ul.my-account-nav > li a:hover { text-decoration: none; background: transparent; } ul.my-account-nav > li a:before { content: "\f105"; font-family: "Font Awesome 5 Free"; font-style: normal; display: block; float: right; text-decoration: inherit; font-size: 14px; } .lost_reset_password p.form-row, .track_order p.form-row, .change_password_form p.form-row { margin-bottom: 15px; } .change_password_form p input[type="submit"] { margin-left: 0; margin-top: 5px; } .woocommerce table.my_account_orders { font-size: 1em; } .woocommerce table.my_account_orders tr td { line-height: 32px; text-align: left; padding: 20px 0; } .my_account_orders td.order-number { font-size: 24px; } .my_account_orders td.order-number a { border-bottom: 1px dotted #e4e4e4; } .woocommerce table.my_account_orders .order-actions .button { float: none; margin: 0; } .woocommerce table.my_account_orders .order-actions .button { -moz-box-shadow: 0 1px 0 rgba(0,0,0,.1); -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.1); box-shadow: 0 1px 0 rgba(0,0,0,.1); } .woocommerce .address .edit-address { border-bottom: 1px dotted #e4e4e4; } .woocommerce .order-info { margin-bottom: 30px; font-size: 22px; padding: 20px; } .woocommerce .order-info mark { background: transparent; font-weight: bold; } .woocommerce table.order_details { margin-bottom: 20px; } .woocommerce table.order_details tr > td { text-align: right; padding-right: 0; } .woocommerce table.order_details td.product-img { width: 12%; } .woocommerce table.order_details td.product-name { width: 68%; text-align: left; padding: 15px 0; } .woocommerce table.order_details td.product-name small { display: block; } .woocommerce table.order_details td.product-quantity { width: 10%; } .woocommerce table.order_details td.product-total { width: 10%; text-align: right; } .woocommerce table.order_details th.product-total { text-align: right; } .woocommerce-MyAccount-navigation { padding-right: 10px; } .woocommerce-MyAccount-navigation ul { margin: 0; } .woocommerce-MyAccount-navigation li { border-bottom: 1px solid #e3e3e3; border-top: 0px solid #e3e3e3; } .woocommerce-MyAccount-navigation li:first-child { border-top-width: 1px; } .woocommerce-MyAccount-navigation li > a { display: block; line-height: 36px; padding: 10px 0; font-weight: bold; position: relative; text-decoration: none; } .woocommerce-account .page-content .woocommerce-MyAccount-content > h2:first-child, .woocommerce-MyAccount-content > form > h3 { margin-top: 0; } .woocommerce-MyAccount-content form p.form-row { margin-bottom: 10px; } .woocommerce-MyAccount-content form p.form-row label { padding-bottom: 0; float: none; } .woocommerce-account .woocommerce-EditAccountForm fieldset { margin: 40px 0 20px; padding: 0; border: 0; } .woocommerce-account .woocommerce-EditAccountForm fieldset legend { padding: 0 0 10px; font-weight: bold; font-size: 16px; } .woocommerce-account .addresses .title .edit { margin-right: 20px; margin-top: 15px; } .woocommerce-MyAccount-content > .woocommerce-Message:first-child { margin-top: 0!important; } .woocommerce form .woocomerce-FormRow.form-submit { margin-top: 20px; } .woocommerce-MyAccount-content strong { letter-spacing: normal; } .woocommerce table.woocommerce-MyAccount-downloads td { padding: 20px 0; } .woocommerce-MyAccount-downloads td.download-actions { text-align: right; } .woocommerce-account .addresses .title h3 { margin-top: 15px; } .woocommerce .checkout-confirmation > h2 { display: none; } .woocommerce .checkout-confirmation .order_details { border-bottom: 1px solid #e4e4e4; padding-bottom: 20px; } .woocommerce .order-hr { border-bottom: 1px solid #e4e4e4; margin-bottom: 30px; } .wishlist_table .product-price, .wishlist_table .product-stock-status { text-align: left; } .woocommerce table.wishlist_table td.product-thumbnail { width: 14%; padding-right: 1%; } .woocommerce table.wishlist_table td.product-name { width: 30%; } .woocommerce table.wishlist_table td.product-price, .woocommerce table.wishlist_table td.product-stock-status { width: 14%; } .wishlist_table tr td.product-price { padding-top: 30px!important; } .woocommerce .wishlist_table tr td.product-add-to-cart a { font-size: 12px; line-height: 18px; margin-right: 0; padding: 12px 16px; } .woocommerce .wishlist_table tr td.product-add-to-cart a:before { content: "\002B"; font-family: "SSGimzo"; font-weight: normal; font-style: normal; display: inline-block; text-decoration: inherit; font-size: inherit; text-shadow: none; margin-right: 8px; font-size: 16px; } .yith-wcwl-share { border-top: 1px solid #e4e4e4; border-bottom: 1px solid #e4e4e4; height: auto; overflow: hidden; } .yith-wcwl-share span { float: left; margin: 0; line-height: 36px; } .yith-wcwl-share ul { float: right; margin: 0; } .yith-wcwl-share ul li { margin-right: 0; } .yith-wcwl-share ul li a.facebook, .yith-wcwl-share ul li a.twitter, .yith-wcwl-share ul li a.pinterest, .yith-wcwl-share ul li a.googleplus { background: none; } .woocommerce input.button[name="save_address"] { float: right; border: 0; background: transparent; box-shadow: none; text-shadow: none; border-radius: 0; padding: 12px 20px; font-weight: normal; margin-top: 10px; } .woocommerce ul.products li.product-category a { display: block; } .woocommerce ul.products li.product-category .product-cat-info { position: absolute; bottom: 0; width: 100%; text-align: center; background: #e3e3e3; padding: 15px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .woocommerce ul.products li.product-category .product-cat-info:before { content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #e3e3e3; position: absolute; bottom: 70px; z-index: 2; left: 50%; margin-left: -10px; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .woocommerce ul.products li.product-category h3 { letter-spacing: normal; margin-bottom: 0; transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; } .woocommerce ul.products li.product-category .count { display: block; font-size: 12px; font-weight: normal; } .woocommerce .widget_layered_nav ul li { position: relative; } .woocommerce .widget_layered_nav ul li a { padding: 7px 0; float: none; } .woocommerce .widget_layered_nav ul li.chosen { padding-bottom: 0; line-height: 20px; } .woocommerce .widget_layered_nav ul li.chosen a { padding: 6px 10px 6px 20px; border-radius: 0; border: 0; } .woocommerce .widget_layered_nav ul li span.count { position: absolute; right: 0; top: 50%; margin-top: -8px; } .woocommerce .widget_layered_nav ul li.chosen .count { margin-right: 10px; } .woocommerce .widget_layered_nav ul li small { position: absolute; right: 0; top: 6px; } .woocommerce .widget_layered_nav_filters ul li a { padding: 4px 10px 4px 20px; border-radius: 0; border: 0; } .widget_product_search form { margin-bottom: 0; } .widget_product_search label { display: none; } .widget_product_search input[type="text"], .widget_product_search input[type="search"] { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; height: 35px; padding: 5px; margin-bottom: 0; } .widget_product_search input[type="submit"] { visibility: hidden; height: 0; padding: 0; margin: 0; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { box-shadow: inset 0 1px 4px -1px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 1px 4px -1px rgba(0,0,0,0.5); -moz-box-shadow: inset 0 1px 4px -1px rgba(0,0,0,0.5); } .woocommerce .widget_price_filter .price_slider_amount .button { float: right; margin-right: 0; } .woocommerce.widget .buttons > a { margin-left: 2%; margin-right: 0!important; width: 49%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .woocommerce.widget .buttons > a:first-child { margin-left: 0; } .woocommerce .widget_price_filter .price_slider_amount .price_label { font-size: 14px; line-height: 34px; float: left; } .woocommerce ul.cart_list li > a, .woocommerce ul.product_list_widget li > a, .woocommerce-page ul.cart_list li > a, .woocommerce-page ul.product_list_widget li > a { padding-top: 0; padding-bottom: 5px; } .woocommerce ul.cart_list li .star-rating, .woocommerce ul.product_list_widget li .star-rating, .woocommerce-page ul.cart_list li .star-rating, .woocommerce-page ul.product_list_widget li .star-rating { margin-bottom: 5px; } .woocommerce.widget .quantity { background: transparent; box-shadow: none; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #252525; -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2); box-shadow: inset 0 1px 0 rgba(255,255,255,.2); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMTEuNDg2MDAxNDM1NzUlIiB4Mj0iNTAlIiB5Mj0iMTEuNDg2MDAxNDM1NzUwMiUiPgo8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDEwMDAwIiBzdG9wLW9wYWNpdHk9IjAuMSIvPgo8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYiIHN0b3Atb3BhY2l0eT0iMC4xIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+); background-image: -moz-linear-gradient(bottom, rgba(1,0,0,.1) -22.97%, rgba(255,255,255,.1) 77.03%); background-image: -o-linear-gradient(bottom, rgba(1,0,0,.1) -22.97%, rgba(255,255,255,.1) 77.03%); background-image: -webkit-linear-gradient(bottom, rgba(1,0,0,.1) -22.97%, rgba(255,255,255,.1) 77.03%); background-image: linear-gradient(bottom, rgba(1,0,0,.1) -22.97%, rgba(255,255,255,.1) 77.03%); } .woocommerce .woocommerce-result-count, .woocommerce-page .woocommerce-result-count { margin-top: 4px; } .woocommerce .products ul, .woocommerce ul.products, .woocommerce-page .products ul, .woocommerce-page ul.products { padding-top: 25px; border-top: 1px solid #e4e4e4; } .woocommerce-account .page-content h2 { border-bottom: 1px solid #ccc; padding-bottom: 10px; margin-top: 40px; } .woocommerce-account p.myaccount_address { border-bottom: 1px solid #ccc; padding-bottom: 60px; } .woocommerce-account div.col2-set.addresses { margin-bottom: 50px; } .addresses .title .edit { margin: 10px 0 0 0; border: 1px solid #e4e4e4; padding: 2px 10px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size: 12px; line-height: 18px; } .woocommerce-account input[name="change_password"] { margin: 15px 0 0 0; float: right; } .woocommerce-page form .form-row label { padding-bottom: 5px; } .woocommerce-page form .form-row #rememberme { margin-right: 5px; } .woocommerce-page form p.lost_password { padding-top: 10px; margin-bottom: 0; } .woocommerce-page .cart-collaterals { margin-top: 50px; margin-bottom: 50px; border-top: 1px solid #e4e4e4; padding: 20px 0; } .woocommerce-cart .cart-collaterals .cart_totals table { float: right; } .woocommerce-cart .shipping-calculator-button { text-decoration: none; } .cart-collaterals .shipping_calculator .button[name="calc_shipping"] { width: 28%; float: right; padding: 10px 12px; margin-right: 3px; margin-top: 10px; } div.product .woocommerce_tabs ul.tabs li.active a { background: transparent; } div.product .woocommerce_tabs ul.tabs li a { background: transparent; } #payment ul.payment_methods li { margin-bottom: 10px; } #payment ul.payment_methods li input { margin: 5px 6px 0 0; float: left; } .woocommerce-checkout h3#order_review_heading { margin-top: 50px; } .woocommerce-checkout form.checkout { margin-top: 20px; margin-bottom: 50px; } .quantity input.qty { height: 26px; } div.product .thumbnails { margin-left: 0!important; } div.product .woocommerce_tabs ul.tabs { margin-bottom: 0; padding-left: 15px; } div.product .woocommerce_tabs ul.tabs li { margin: 0 -2px; } div.product .woocommerce_tabs .panel { margin-bottom: 0px; margin-top: -1px; border: 1px solid rgb(221, 221, 221); padding: 10px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: rgb(255, 255, 255); } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { padding: 10px 0!important; } .widget_shopping_cart_content .buttons > a { margin-right: 5px!important; } .page-content .related.products, .page-content .upsells.products { margin-top: 30px; position: relative; border-top: 0; padding-top: 0; } .widget_shopping_cart .total { border-top: 3px double #ccc; padding: 8px 0 0; margin-top: 20px; } ul.products li.product h3 { line-height: 100%; } .sidebar .widget_shopping_cart .buttons a:hover, .product-name a { text-decoration: none; } .type-woocommerce .summary .single_add_to_cart_button { padding-top: 7px; padding-bottom: 7px; } div.product .woocommerce_tabs ul.tabs, .woocommerce div.product .woocommerce-tabs ul.tabs { font-size: 12px; padding-left: 0!important; margin-bottom: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce-page div.product .woocommerce-tabs ul.tabs li, .woocommerce #content div.product .woocommerce-tabs ul.tabs li, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li { background: none; margin: 0 -4px -2px 0!important; box-shadow: none; padding: 0!important; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a { white-space: nowrap; margin-right: 0; padding: 10px 12px; } .woocommerce div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:before, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:before, .woocommerce div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page div.product .woocommerce-tabs ul.tabs li:after, .woocommerce #content div.product .woocommerce-tabs ul.tabs li:after, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li:after { border: 0; display: none; } div.product .woocommerce_tabs .panel, div.product .woocommerce-tabs .panel { margin-bottom: 0px; margin-top: -1px; border: 1px solid rgb(221, 221, 221); border-top: 0; border-radius: 0!important; padding: 14px 23px!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background-color: rgb(255, 255, 255); } div.product .woocommerce_tabs .panel h2, div.product .woocommerce-tabs .panel h2 { margin-top: 0; } #tab-additional_information h2 { display: none; } #tab-description p:last-child { margin-bottom: 0; } table.cart img, #content table.cart img { width: 100%; } #payment ul.payment_methods { padding-left: 0; padding-right: 0; } #payment div.form-row { padding: 1em 0; } .checkout #shiptobilling { margin: 10px 0; } form .form-row .input-checkbox { display: inline-block; margin: -1px 0 0 0; } #shiptobilling .checkbox { padding-left: 0; } @-webkit-keyframes fadeIn { to { opacity: 1; } } @-moz-keyframes fadeIn { to { opacity: 1; } } @keyframes fadeIn { to { opacity: 1; } } @-webkit-keyframes moveUp { to { -webkit-transform: translateY(0); opacity: 1; } } @-moz-keyframes moveUp { to { -moz-transform: translateY(0); opacity: 1; } } @keyframes moveUp { to { transform: translateY(0); opacity: 1; } } @-webkit-keyframes scaleUp { to { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes scaleUp { to { -moz-transform: scale(1); opacity: 1; } } @keyframes scaleUp { to { transform: scale(1); opacity: 1; } } @-webkit-keyframes fallPerspective { 100% { -webkit-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-moz-keyframes fallPerspective { 100% { -moz-transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @keyframes fallPerspective { 100% { transform: translateZ(0px) translateY(0px) rotateX(0deg); opacity: 1; } } @-webkit-keyframes fly { 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes fly { 100% { -moz-transform: rotateX(0deg); opacity: 1; } } @keyframes fly { 100% { transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes flip { 100% { -webkit-transform: rotateX(0deg); opacity: 1; } } @-moz-keyframes flip { 100% { -moz-transform: rotateX(0deg); opacity: 1; } } @keyframes flip { 100% { transform: rotateX(0deg); opacity: 1; } } @-webkit-keyframes helix { 100% { -webkit-transform: rotateY(0deg); opacity: 1; } } @-moz-keyframes helix { 100% { -moz-transform: rotateY(0deg); opacity: 1; } } @keyframes helix { 100% { transform: rotateY(0deg); opacity: 1; } } @-webkit-keyframes popUp { 70% { -webkit-transform: scale(1.1); opacity: .8; -webkit-animation-timing-function: ease-out; } 100% { -webkit-transform: scale(1); opacity: 1; } } @-moz-keyframes popUp { 70% { -moz-transform: scale(1.1); opacity: .8; -moz-animation-timing-function: ease-out; } 100% { -moz-transform: scale(1); opacity: 1; } } @keyframes popUp { 70% { transform: scale(1.1); opacity: .8; animation-timing-function: ease-out; } 100% { transform: scale(1); opacity: 1; } } @-ms-keyframes spin { from { -ms-transform: rotate(0deg); } to { -ms-transform: rotate(360deg); opacity: 1; } } @-moz-keyframes spin { from { -moz-transform: rotate(0deg); } to { -moz-transform: rotate(360deg); opacity: 1; } } @-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); opacity: 1; } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); opacity: 1; } } @-webkit-keyframes flipX { 0% {-webkit-transform: perspective(400px) rotateX(90deg);opacity: 0;} 100% {-webkit-transform: perspective(400px) rotateX(0deg);opacity: 1;} } @-moz-keyframes flipX { 0% {-moz-transform: perspective(400px) rotateX(90deg);opacity: 0;} 100% {-moz-transform: perspective(400px) rotateX(0deg);opacity: 1;} } @-o-keyframes flipX { 0% {-o-transform: perspective(400px) rotateX(90deg);opacity: 0;} 100% {-o-transform: perspective(400px) rotateX(0deg);opacity: 1;} } @keyframes flipX { 0% {transform: perspective(400px) rotateX(90deg);opacity: 0;} 100% {transform: perspective(400px) rotateX(0deg);opacity: 1;} } @-webkit-keyframes flipY { 0% {-webkit-transform: perspective(400px) rotateY(90deg);opacity: 0;} 100% {-webkit-transform: perspective(400px) rotateY(0deg);opacity: 1;} } @-moz-keyframes flipY { 0% {-moz-transform: perspective(400px) rotateY(90deg);opacity: 0;} 100% {-moz-transform: perspective(400px) rotateY(0deg);opacity: 1;} } @-o-keyframes flipY { 0% {-o-transform: perspective(400px) rotateY(90deg);opacity: 0;} 100% {-o-transform: perspective(400px) rotateY(0deg);opacity: 1;} } @keyframes flipY { 0% {transform: perspective(400px) rotateY(90deg);opacity: 0;} 100% {transform: perspective(400px) rotateY(0deg);opacity: 1;} } @-webkit-keyframes shake { 0%, 50%, 100% {-webkit-transform: translateX(0);} 25% {-webkit-transform: translateX(-100px);} 75% {-webkit-transform: translateX(100px);} } @-moz-keyframes shake { 0%, 50%, 100% {-moz-transform: translateX(0);} 25% {-moz-transform: translateX(-100px);} 75% {-moz-transform: translateX(100px);} } @-o-keyframes shake { 0%, 50%, 100% {-o-transform: translateX(0);} 25% {-o-transform: translateX(-100px);} 75% {-o-transform: translateX(100px);} } @keyframes shake { 0%, 50%, 100% {transform: translateX(0);} 25% {transform: translateX(-100px);} 75% {transform: translateX(100px);} } .style-switcher { position: fixed; top: 80px; left: -240px; -webkit-border-radius: 0 0 3px 0; -moz-border-radius: 0 0 3px 0; border-radius: 0 0 3px 0; z-index: 999; width: 240px; -webkit-transform: translate3d(0,0,0); } .style-switcher h4 { background: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 7px 15px; margin-bottom: 0; line-height: 30px; height: 28px; width: 254px; -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); } .switch-button { width: 21px; float: right; font-size: 26px; text-align: center; text-decoration: none; display: block; } .switch-button i { line-height: 16px; display: inline-block; vertical-align: -4px; } .switch-button:hover { cursor: pointer; text-decoration: none; } .switch-cont { width: 240px; background: #222222; height: auto; padding: 10px 0; } .switch-cont h5 { color: #fff; font-size: 12px; font-weight: normal; margin-left: 20px; margin-bottom: 5px; } .switch-cont .ad-select h5 { margin-left: 0; margin-bottom: 10px; text-align: left; } .options { margin-bottom: 15px; height: auto; overflow: hidden; padding: 0 15px 10px; border-bottom: 1px solid #444; } .options .header-select { padding: 0; margin: 0 0 10px; width: 210px; height: 28px; } .options li { float: left; display: inline; width: 50%; margin-bottom: 0; text-align: center; } .options.bg-select { margin-bottom: 10px; } .options.bg-select li { width: 37px; margin-right: 5px; margin-bottom: 5px; } .bg-select li img { display: block; width: 27px; height: 27px; border: 1px solid #333 } .options.color-select { margin-bottom: 10px; } .options.color-select li { width: 27px; margin: 4px; } .options.color-select a { width: 100%; height: 27px; display: block; } .options li a { text-decoration: none; color: #fff; padding: 4px; display: block; } .options li a:hover { background-color: #333; } .options li.selected a { background-color: #8dc63f; } .options select { width: 100%; font-size: 12px; height: 26px; margin-bottom: 0; } .options select:focus { outline: none; } .layout-select li { width: auto; } .layout-select li:first-child { margin-right: 10px; } .layout-select li img { width: 92px; height: 40px; display: block; } .switch-cont a.many-more { color: #fff; font-weight: bold; font-size: 12px; text-decoration: none; padding: 8px 12px; margin: 0 20px; display: block; text-align: center; } .many-more:hover { background-color: #333; } .styleswitcher-darkstyle nav .menu li a:hover, .styleswitcher-darkstyle #top-bar .menu > li > a:hover { color: #f7f7f7; } .styleswitcher-tbdarkstyle #top-bar .menu > li > a:hover { color: #f7f7f7; } @media only screen and (max-width: 1024px) { .style-switcher { display: none; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .sf-swipe-indicator { background-image: url("https://www.thomas-hammermeister.com/dnt/images/swipe_indicator@2x.png"); background-size: 76px 76px; } .flex-direction-nav a, .wooslider-direction-nav a, .carousel-wrap a.carousel-next, .carousel-wrap a.carousel-prev { background-image: url('https://www.thomas-hammermeister.com/dnt/images/showcase-nav@2x.png'); background-size: 76px 38px; } .tp-leftarrow, .tp-leftarrow.large, .tp-leftarrow.square, .tp-leftarrow.round, .tp-rightarrow, .tp-rightarrow.large, .tp-rightarrow.square, .tp-rightarrow.round, .rev_slider_wrapper > .tp-leftarrow, .rev_slider_wrapper > .tp-leftarrow.large, .rev_slider_wrapper > .tp-leftarrow.square, .rev_slider_wrapper > .tp-leftarrow.round, .rev_slider_wrapper > .tp-leftarrow.default, .rev_slider_wrapper > .tp-rightarrow, .rev_slider_wrapper > .tp-rightarrow.large, .rev_slider_wrapper > .tp-rightarrow.square, .rev_slider_wrapper > .tp-rightarrow.round, .rev_slider_wrapper > .tp-rightarrow.default, .thumb-slider .flex-direction-nav a, .item-slider .flex-direction-nav a, .gallery-slider .flex-direction-nav a, .gallery-nav .flex-direction-nav a { background-image: url('https://www.thomas-hammermeister.com/dnt/images/slider-nav@2x.png'); background-size: 72px 38px; } .widget_calendar tbody tr > td.pad { background-image: url('https://www.thomas-hammermeister.com/dnt/images/scanlines_dark@2x.png'); background-size: 4px 4px; } } .mobile-browser .carousel-wrap figure.animated-overlay figcaption, .apple-mobile-browser .carousel-wrap figure.animated-overlay figcaption { opacity: 0!important; -moz-opacity: 0!important; filter:alpha(opacity=0)!important; } .mobile-browser .spb_parallax_asset { background-position: 50% 0!important; }