PATH:
home
/
letacommog
/
pymreception1
/
wp-content
/
themes
/
legenda
/* Theme Name: Legenda Theme URI: http://8theme.com/ Author: 8theme Author URI: http://themeforest.net/user/8theme Description: ThemeForest Premium Theme Text Domain: legenda Version: 3.9.2.1 License: GNU General Public License version 3.0 License URI: http://www.gnu.org/licenses/gpl-3.0.html */ /*---------------------------------------------------------------*/ /* Bootstrap default /*---------------------------------------------------------------*/ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0; } .clearfix:after { clear: both; } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } a:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } a:hover, a:active { outline: 0; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; } #map_canvas img, .google-maps img { max-width: none; } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle; } button, input { *overflow: visible; line-height: normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer; } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } textarea { overflow: auto; vertical-align: top; } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px; } .row { margin-left: -20px; *zoom: 1; } .row:before, .row:after { display: table; content: ""; line-height: 0; } .row:after { clear: both; } .span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12 { float: left; min-height: 1px; margin-left: 20px; } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px; } .span12 { width: 940px; } .span11 { width: 860px; } .span10 { width: 780px; } .span9 { width: 700px; } .span8 { width: 620px; } .span7 { width: 540px; } .span6 { width: 460px; } .span5 { width: 380px; } .span4 { width: 300px; } .span3 { width: 220px; } .span2 { width: 140px; } .span1 { width: 60px; } .offset12 { margin-left: 980px; } .offset11 { margin-left: 900px; } .offset10 { margin-left: 820px; } .offset9 { margin-left: 740px; } .offset8 { margin-left: 660px; } .offset7 { margin-left: 580px; } .offset6 { margin-left: 500px; } .offset5 { margin-left: 420px; } .offset4 { margin-left: 340px; } .offset3 { margin-left: 260px; } .offset2 { margin-left: 180px; } .offset1 { margin-left: 100px; } .row-fluid { width: 100%; *zoom: 1; } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0; } .row-fluid:after { clear: both; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12 { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.127659574468085%; *margin-left: 2.074468085106383%; } .row-fluid .span1:first-child, .row-fluid .span2:first-child, .row-fluid .span3:first-child, .row-fluid .span4:first-child, .row-fluid .span5:first-child, .row-fluid .span6:first-child, .row-fluid .span7:first-child, .row-fluid .span8:first-child, .row-fluid .span9:first-child, .row-fluid .span10:first-child, .row-fluid .span11:first-child, .row-fluid .span12:first-child { margin-left: 0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left: 2.127659574468085%; } .row-fluid .span12 { width: 100%; *width: 99.94680851063829%; } .row-fluid .span11 { width: 91.48936170212765%; *width: 91.43617021276594%; } .row-fluid .span10 { width: 82.97872340425532%; *width: 82.92553191489361%; } .row-fluid .span9 { width: 74.46808510638297%; *width: 74.41489361702126%; } .row-fluid .span8 { width: 65.95744680851064%; *width: 65.90425531914893%; } .row-fluid .span7 { width: 57.44680851063829%; *width: 57.39361702127659%; } .row-fluid .span6 { width: 48.93617021276595%; *width: 48.88297872340425%; } .row-fluid .span5 { width: 40.42553191489362%; *width: 40.37234042553192%; } .row-fluid .span4 { width: 31.914893617021278%; *width: 31.861702127659576%; } .row-fluid .span3 { width: 23.404255319148934%; *width: 23.351063829787233%; } .row-fluid .span2 { width: 14.893617021276595%; *width: 14.840425531914894%; } .row-fluid .span1 { width: 6.382978723404255%; *width: 6.329787234042553%; } .row-fluid .offset12 { margin-left: 104.25531914893617%; *margin-left: 104.14893617021275%; } .row-fluid .offset12:first-child { margin-left: 102.12765957446808%; *margin-left: 102.02127659574467%; } .row-fluid .offset11 { margin-left: 95.74468085106382%; *margin-left: 95.6382978723404%; } .row-fluid .offset11:first-child { margin-left: 93.61702127659574%; *margin-left: 93.51063829787232%; } .row-fluid .offset10 { margin-left: 87.23404255319149%; *margin-left: 87.12765957446807%; } .row-fluid .offset10:first-child { margin-left: 85.1063829787234%; *margin-left: 84.99999999999999%; } .row-fluid .offset9 { margin-left: 78.72340425531914%; *margin-left: 78.61702127659572%; } .row-fluid .offset9:first-child { margin-left: 76.59574468085106%; *margin-left: 76.48936170212764%; } .row-fluid .offset8 { margin-left: 70.2127659574468%; *margin-left: 70.10638297872339%; } .row-fluid .offset8:first-child { margin-left: 68.08510638297872%; *margin-left: 67.9787234042553%; } .row-fluid .offset7 { margin-left: 61.70212765957446%; *margin-left: 61.59574468085106%; } .row-fluid .offset7:first-child { margin-left: 59.574468085106375%; *margin-left: 59.46808510638297%; } .row-fluid .offset6 { margin-left: 53.191489361702125%; *margin-left: 53.085106382978715%; } .row-fluid .offset6:first-child { margin-left: 51.063829787234035%; *margin-left: 50.95744680851063%; } .row-fluid .offset5 { margin-left: 44.68085106382979%; *margin-left: 44.57446808510638%; } .row-fluid .offset5:first-child { margin-left: 42.5531914893617%; *margin-left: 42.4468085106383%; } .row-fluid .offset4 { margin-left: 36.170212765957444%; *margin-left: 36.06382978723405%; } .row-fluid .offset4:first-child { margin-left: 34.04255319148936%; *margin-left: 33.93617021276596%; } .row-fluid .offset3 { margin-left: 27.659574468085104%; *margin-left: 27.5531914893617%; } .row-fluid .offset3:first-child { margin-left: 25.53191489361702%; *margin-left: 25.425531914893618%; } .row-fluid .offset2 { margin-left: 19.148936170212764%; *margin-left: 19.04255319148936%; } .row-fluid .offset2:first-child { margin-left: 17.02127659574468%; *margin-left: 16.914893617021278%; } .row-fluid .offset1 { margin-left: 10.638297872340425%; *margin-left: 10.53191489361702%; } .row-fluid .offset1:first-child { margin-left: 8.51063829787234%; *margin-left: 8.404255319148938%; } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none; } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right; } .container { margin-right: auto; margin-left: auto; *zoom: 1; } .container:before, .container:after { display: table; content: ""; line-height: 0; } .container:after { clear: both; } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1; } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0; } .container-fluid:after { clear: both; } code, pre { padding: 0 3px 2px; font-family: Monaco, Menlo, Consolas, "Courier New", monospace; font-size: 12px; color: #333333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; background-color: #f5f5f5; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } pre.prettyprint { margin-bottom: 20px; } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0; } .table { width: 100%; margin-bottom: 20px; } .table th, .table td { padding: 10px 12px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #dddddd; } .table th { font-weight: normal; color: #292d33; text-transform: uppercase; } .table thead th { vertical-align: bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0; } .table tbody + tbody { border-top: 2px solid #dddddd; } .table .table { background-color: #ffffff; } .table-condensed th, .table-condensed td { padding: 4px 5px; } .table-bordered { border: 1px solid #dddddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .table-bordered th, .table-bordered td { border-left: 1px solid #dddddd; } .table-bordered caption + thead tr:first-child th, .table-bordered caption + tbody tr:first-child th, .table-bordered caption + tbody tr:first-child td, .table-bordered colgroup + thead tr:first-child th, .table-bordered colgroup + tbody tr:first-child th, .table-bordered colgroup + tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0; } .table-bordered thead:first-child tr:first-child > th:first-child, .table-bordered tbody:first-child tr:first-child > td:first-child, .table-bordered tbody:first-child tr:first-child > th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered thead:first-child tr:first-child > th:last-child, .table-bordered tbody:first-child tr:first-child > td:last-child, .table-bordered tbody:first-child tr:first-child > th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:first-child, .table-bordered tbody:last-child tr:last-child > td:first-child, .table-bordered tbody:last-child tr:last-child > th:first-child, .table-bordered tfoot:last-child tr:last-child > td:first-child, .table-bordered tfoot:last-child tr:last-child > th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px; } .table-bordered thead:last-child tr:last-child > th:last-child, .table-bordered tbody:last-child tr:last-child > td:last-child, .table-bordered tbody:last-child tr:last-child > th:last-child, .table-bordered tfoot:last-child tr:last-child > td:last-child, .table-bordered tfoot:last-child tr:last-child > th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; } .table-bordered tfoot + tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0; } .table-bordered tfoot + tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; } .table-bordered caption + thead tr:first-child th:first-child, .table-bordered caption + tbody tr:first-child td:first-child, .table-bordered colgroup + thead tr:first-child th:first-child, .table-bordered colgroup + tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; } .table-bordered caption + thead tr:first-child th:last-child, .table-bordered caption + tbody tr:first-child td:last-child, .table-bordered colgroup + thead tr:first-child th:last-child, .table-bordered colgroup + tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; } .table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background-color: #f9f9f9; } .table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th { background-color: #f5f5f5; } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0; } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0; } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0; } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0; } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0; } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0; } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0; } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0; } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0; } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0; } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0; } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0; } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0; } .table tbody tr.success > td { background-color: #dff0d8; } .table tbody tr.error > td { background-color: #f2dede; } .table tbody tr.warning > td { background-color: #fcf8e3; } .table tbody tr.info > td { background-color: #d9edf7; } .table-hover tbody tr.success:hover > td { background-color: #d0e9c6; } .table-hover tbody tr.error:hover > td { background-color: #ebcccc; } .table-hover tbody tr.warning:hover > td { background-color: #faf2cc; } .table-hover tbody tr.info:hover > td { background-color: #c4e3f3; } .tooltip { position: absolute; z-index: 1030; display: block; visibility: visible; font-size: 11px; line-height: 1.4; opacity: 0; filter: alpha(opacity=0); } .tooltip.in { opacity: 0.8; filter: alpha(opacity=80); } .tooltip.top { margin-top: -3px; padding: 5px 0; } .tooltip.right { margin-left: 3px; padding: 0 5px; } .tooltip.bottom { margin-top: 3px; padding: 5px 0; } .tooltip.left { margin-left: -3px; padding: 0 5px; } .tooltip-inner { max-width: 200px; padding: 8px; color: #ffffff; text-align: center; text-decoration: none; background-color: #000000; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tooltip-arrow { position: absolute; width: 0; height: 0; border-color: transparent; border-style: solid; } .tooltip.top .tooltip-arrow { bottom: 0; left: 50%; margin-left: -5px; border-width: 5px 5px 0; border-top-color: #000000; } .tooltip.right .tooltip-arrow { top: 50%; left: 0; margin-top: -5px; border-width: 5px 5px 5px 0; border-right-color: #000000; } .tooltip.left .tooltip-arrow { top: 50%; right: 0; margin-top: -5px; border-width: 5px 0 5px 5px; border-left-color: #000000; } .tooltip.bottom .tooltip-arrow { top: 0; left: 50%; margin-left: -5px; border-width: 0 5px 5px; border-bottom-color: #000000; } .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .fade.in { opacity: 1; } .collapse { position: relative; height: 0; overflow: hidden; -webkit-transition: height 0.35s ease; -moz-transition: height 0.35s ease; -o-transition: height 0.35s ease; transition: height 0.35s ease; } .collapse.in { height: auto; } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000000; text-shadow: 0 1px 0 #ffffff; opacity: 0.2; filter: alpha(opacity=20); } .close:hover, .close:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40); } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .hide { display: none; } .show { display: block; } .invisible { visibility: hidden; } .affix { position: fixed; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.8; filter: alpha(opacity=80); } .modal { position: fixed; top: 10%; left: 50%; z-index: 1050; width: 560px; margin-left: -280px; background-color: #ffffff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: none; } .modal.fade { -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; top: -25%; } .modal.fade.in { top: 10%; } .modal-header { padding: 20px 25px; border-bottom: 1px solid #eee; } .modal-header .close { margin-top: 2px; } .modal-header h3 { margin: 0; line-height: 30px; } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 30px; } .modal-form { margin-bottom: 0; } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #ffffff; -moz-box-shadow: inset 0 1px 0 #ffffff; box-shadow: inset 0 1px 0 #ffffff; *zoom: 1; } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0; } .modal-footer:after { clear: both; } .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .modal-footer .btn-block + .btn-block { margin-left: 0; } @-ms-viewport { width: device-width; } .hidden { display: none; visibility: hidden; } .visible-phone { display: none !important; } .visible-tablet { display: none !important; } .hidden-desktop { display: none !important; } .visible-desktop { display: inherit !important; } /*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'arrows'; src: url('css/fonts/arrows.eot'); src: url('css/fonts/arrows.eot?#iefix') format('embedded-opentype'), url('css/fonts/arrows.woff') format('woff'), url('css/fonts/arrows.ttf') format('truetype'), url('css/fonts/arrows.svg#arrows') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-5x { font-size: 5em; } .fa-4x { font-size: 4em; } .fa-3x { font-size: 3em; } .fa-2x { font-size: 2em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left, .pull-left { float: left; } .fa-pull-right, .pull-right { float: right; } .fa.fa-pull-left, .fa.pull-left { margin-right: .3em; } .fa.fa-pull-right, .fa.pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } .fa-reddit-alien:before { content: "\f281"; } .fa-edge:before { content: "\f282"; } .fa-credit-card-alt:before { content: "\f283"; } .fa-codiepie:before { content: "\f284"; } .fa-modx:before { content: "\f285"; } .fa-fort-awesome:before { content: "\f286"; } .fa-usb:before { content: "\f287"; } .fa-product-hunt:before { content: "\f288"; } .fa-mixcloud:before { content: "\f289"; } .fa-scribd:before { content: "\f28a"; } .fa-pause-circle:before { content: "\f28b"; } .fa-pause-circle-o:before { content: "\f28c"; } .fa-stop-circle:before { content: "\f28d"; } .fa-stop-circle-o:before { content: "\f28e"; } .fa-shopping-bag:before { content: "\f290"; } .fa-shopping-basket:before { content: "\f291"; } .fa-hashtag:before { content: "\f292"; } .fa-bluetooth:before { content: "\f293"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-percent:before { content: "\f295"; } /*---------------------------------------------------------------*/ /* Fontawesome /*---------------------------------------------------------------*/ @font-face { font-family: 'FontAwesome'; src: url('css/fonts/fontawesome-webfont.eot?v=3.2.1'); src: url('css/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('css/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('css/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('css/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none; } .icon-large:before { vertical-align: -10%; font-size: 1.3333333333333333em; } a [class^="icon-"], a [class*=" icon-"] { display: inline; } [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.1428571428571428em; text-align: right; padding-right: 0.2857142857142857em; } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.4285714285714286em; } .icons-ul { margin-left: 2.142857142857143em; list-style-type: none; } .icons-ul > li { position: relative; } .icons-ul .icon-li { position: absolute; left: -2.14285714em; width: 2.142857142857143em; text-align: center; line-height: inherit; } [class^="icon-"].hide, [class*=" icon-"].hide { display: none; } /* Old Awesome */ .icon-glass:before { content: "\f000"; } .icon-music:before { content: "\f001"; } .icon-search:before { content: "\f002"; } .icon-envelope-alt:before { content: "\f003"; } .icon-heart:before { content: "\f004"; } .icon-star:before { content: "\f005"; } .icon-star-empty:before { content: "\f006"; } .icon-user:before { content: "\f007"; } .icon-film:before { content: "\f008"; } .icon-th-large:before { content: "\f009"; } .icon-th:before { content: "\f00a"; } .icon-th-list:before { content: "\f00b"; } .icon-ok:before { content: "\f00c"; } .icon-remove:before { content: "\f00d"; } .icon-zoom-in:before { content: "\f00e"; } .icon-zoom-out:before { content: "\f010"; } .icon-power-off:before, .icon-off:before { content: "\f011"; } .icon-signal:before { content: "\f012"; } .icon-gear:before, .icon-cog:before { content: "\f013"; } .icon-trash:before { content: "\f014"; } .icon-home:before { content: "\f015"; } .icon-file-alt:before { content: "\f016"; } .icon-time:before { content: "\f017"; } .icon-road:before { content: "\f018"; } .icon-download-alt:before { content: "\f019"; } .icon-download:before { content: "\f01a"; } .icon-upload:before { content: "\f01b"; } .icon-inbox:before { content: "\f01c"; } .icon-play-circle:before { content: "\f01d"; } .icon-rotate-right:before, .icon-repeat:before { content: "\f01e"; } .icon-refresh:before { content: "\f021"; } .icon-list-alt:before { content: "\f022"; } .icon-lock:before { content: "\f023"; } .icon-flag:before { content: "\f024"; } .icon-headphones:before { content: "\f025"; } .icon-volume-off:before { content: "\f026"; } .icon-volume-down:before { content: "\f027"; } .icon-volume-up:before { content: "\f028"; } .icon-qrcode:before { content: "\f029"; } .icon-barcode:before { content: "\f02a"; } .icon-tag:before { content: "\f02b"; } .icon-tags:before { content: "\f02c"; } .icon-book:before { content: "\f02d"; } .icon-bookmark:before { content: "\f02e"; } .icon-print:before { content: "\f02f"; } .icon-camera:before { content: "\f030"; } .icon-font:before { content: "\f031"; } .icon-bold:before { content: "\f032"; } .icon-italic:before { content: "\f033"; } .icon-text-height:before { content: "\f034"; } .icon-text-width:before { content: "\f035"; } .icon-align-left:before { content: "\f036"; } .icon-align-center:before { content: "\f037"; } .icon-align-right:before { content: "\f038"; } .icon-align-justify:before { content: "\f039"; } .icon-list:before { content: "\f03a"; } .icon-indent-left:before { content: "\f03b"; } .icon-indent-right:before { content: "\f03c"; } .icon-facetime-video:before { content: "\f03d"; } .icon-picture:before { content: "\f03e"; } .icon-pencil:before { content: "\f040"; } .icon-map-marker:before { content: "\f041"; } .icon-adjust:before { content: "\f042"; } .icon-tint:before { content: "\f043"; } .icon-edit:before { content: "\f044"; } .icon-share:before { content: "\f045"; } .icon-check:before { content: "\f046"; } .icon-move:before { content: "\f047"; } .icon-step-backward:before { content: "\f048"; } .icon-fast-backward:before { content: "\f049"; } .icon-backward:before { content: "\f04a"; } .icon-play:before { content: "\f04b"; } .icon-pause:before { content: "\f04c"; } .icon-stop:before { content: "\f04d"; } .icon-forward:before { content: "\f04e"; } .icon-fast-forward:before { content: "\f050"; } .icon-step-forward:before { content: "\f051"; } .icon-eject:before { content: "\f052"; } .icon-chevron-left:before { content: "\f053"; } .icon-chevron-right:before { content: "\f054"; } .icon-plus-sign:before { content: "\f055"; } .icon-minus-sign:before { content: "\f056"; } .icon-remove-sign:before { content: "\f057"; } .icon-ok-sign:before { content: "\f058"; } .icon-question-sign:before { content: "\f059"; } .icon-info-sign:before { content: "\f05a"; } .icon-screenshot:before { content: "\f05b"; } .icon-remove-circle:before { content: "\f05c"; } .icon-ok-circle:before { content: "\f05d"; } .icon-ban-circle:before { content: "\f05e"; } .icon-arrow-left:before { content: "\f060"; } .icon-arrow-right:before { content: "\f061"; } .icon-arrow-up:before { content: "\f062"; } .icon-arrow-down:before { content: "\f063"; } .icon-mail-forward:before, .icon-share-alt:before { content: "\f064"; } .icon-resize-full:before { content: "\f065"; } .icon-resize-small:before { content: "\f066"; } .icon-plus:before { content: "\f067"; } .icon-minus:before { content: "\f068"; } .icon-asterisk:before { content: "\f069"; } .icon-exclamation-sign:before { content: "\f06a"; } .icon-gift:before { content: "\f06b"; } .icon-leaf:before { content: "\f06c"; } .icon-fire:before { content: "\f06d"; } .icon-eye-open:before { content: "\f06e"; } .icon-eye-close:before { content: "\f070"; } .icon-warning-sign:before { content: "\f071"; } .icon-plane:before { content: "\f072"; } .icon-calendar:before { content: "\f073"; } .icon-random:before { content: "\f074"; } .icon-comment:before { content: "\f075"; } .icon-magnet:before { content: "\f076"; } .icon-chevron-up:before { content: "\f077"; } .icon-chevron-down:before { content: "\f078"; } .icon-retweet:before { content: "\f079"; } .icon-shopping-cart:before { content: "\f07a"; } .icon-folder-close:before { content: "\f07b"; } .icon-folder-open:before { content: "\f07c"; } .icon-resize-vertical:before { content: "\f07d"; } .icon-resize-horizontal:before { content: "\f07e"; } .icon-bar-chart:before { content: "\f080"; } .icon-twitter-sign:before { content: "\f081"; } .icon-facebook-sign:before { content: "\f082"; } .icon-camera-retro:before { content: "\f083"; } .icon-key:before { content: "\f084"; } .icon-gears:before, .icon-cogs:before { content: "\f085"; } .icon-comments:before { content: "\f086"; } .icon-thumbs-up-alt:before { content: "\f087"; } .icon-thumbs-down-alt:before { content: "\f088"; } .icon-star-half:before { content: "\f089"; } .icon-heart-empty:before { content: "\f08a"; } .icon-signout:before { content: "\f08b"; } .icon-linkedin-sign:before { content: "\f08c"; } .icon-pushpin:before { content: "\f08d"; } .icon-external-link:before { content: "\f08e"; } .icon-signin:before { content: "\f090"; } .icon-trophy:before { content: "\f091"; } .icon-github-sign:before { content: "\f092"; } .icon-upload-alt:before { content: "\f093"; } .icon-lemon:before { content: "\f094"; } .icon-phone:before { content: "\f095"; } .icon-unchecked:before, .icon-check-empty:before { content: "\f096"; } .icon-bookmark-empty:before { content: "\f097"; } .icon-phone-sign:before { content: "\f098"; } .icon-twitter:before { content: "\f099"; } .icon-facebook:before { content: "\f09a"; } .icon-github:before { content: "\f09b"; } .icon-unlock:before { content: "\f09c"; } .icon-credit-card:before { content: "\f09d"; } .icon-rss:before { content: "\f09e"; } .icon-hdd:before { content: "\f0a0"; } .icon-bullhorn:before { content: "\f0a1"; } .icon-bell:before { content: "\f0a2"; } .icon-certificate:before { content: "\f0a3"; } .icon-hand-right:before { content: "\f0a4"; } .icon-hand-left:before { content: "\f0a5"; } .icon-hand-up:before { content: "\f0a6"; } .icon-hand-down:before { content: "\f0a7"; } .icon-circle-arrow-left:before { content: "\f0a8"; } .icon-circle-arrow-right:before { content: "\f0a9"; } .icon-circle-arrow-up:before { content: "\f0aa"; } .icon-circle-arrow-down:before { content: "\f0ab"; } .icon-globe:before { content: "\f0ac"; } .icon-wrench:before { content: "\f0ad"; } .icon-tasks:before { content: "\f0ae"; } .icon-filter:before { content: "\f0b0"; } .icon-briefcase:before { content: "\f0b1"; } .icon-fullscreen:before { content: "\f0b2"; } .icon-group:before { content: "\f0c0"; } .icon-link:before { content: "\f0c1"; } .icon-cloud:before { content: "\f0c2"; } .icon-beaker:before { content: "\f0c3"; } .icon-cut:before { content: "\f0c4"; } .icon-copy:before { content: "\f0c5"; } .icon-paperclip:before, .icon-paper-clip:before { content: "\f0c6"; } .icon-save:before { content: "\f0c7"; } .icon-sign-blank:before { content: "\f0c8"; } .icon-reorder:before { content: "\f0c9"; } .icon-list-ul:before { content: "\f0ca"; } .icon-list-ol:before { content: "\f0cb"; } .icon-strikethrough:before { content: "\f0cc"; } .icon-underline:before { content: "\f0cd"; } .icon-table:before { content: "\f0ce"; } .icon-magic:before { content: "\f0d0"; } .icon-truck:before { content: "\f0d1"; } .icon-pinterest:before { content: "\f0d2"; } .icon-pinterest-sign:before { content: "\f0d3"; } .icon-google-plus-sign:before { content: "\f0d4"; } .icon-google-plus:before { content: "\f0d5"; } .icon-money:before { content: "\f0d6"; } .icon-caret-down:before { content: "\f0d7"; } .icon-caret-up:before { content: "\f0d8"; } .icon-caret-left:before { content: "\f0d9"; } .icon-caret-right:before { content: "\f0da"; } .icon-columns:before { content: "\f0db"; } .icon-sort:before { content: "\f0dc"; } .icon-sort-down:before { content: "\f0dd"; } .icon-sort-up:before { content: "\f0de"; } .icon-envelope:before { content: "\f0e0"; } .icon-linkedin:before { content: "\f0e1"; } .icon-rotate-left:before, .icon-undo:before { content: "\f0e2"; } .icon-legal:before { content: "\f0e3"; } .icon-dashboard:before { content: "\f0e4"; } .icon-comment-alt:before { content: "\f0e5"; } .icon-comments-alt:before { content: "\f0e6"; } .icon-bolt:before { content: "\f0e7"; } .icon-sitemap:before { content: "\f0e8"; } .icon-umbrella:before { content: "\f0e9"; } .icon-paste:before { content: "\f0ea"; } .icon-lightbulb:before { content: "\f0eb"; } .icon-exchange:before { content: "\f0ec"; } .icon-cloud-download:before { content: "\f0ed"; } .icon-cloud-upload:before { content: "\f0ee"; } .icon-user-md:before { content: "\f0f0"; } .icon-stethoscope:before { content: "\f0f1"; } .icon-suitcase:before { content: "\f0f2"; } .icon-bell-alt:before { content: "\f0f3"; } .icon-coffee:before { content: "\f0f4"; } .icon-food:before { content: "\f0f5"; } .icon-file-text-alt:before { content: "\f0f6"; } .icon-building:before { content: "\f0f7"; } .icon-hospital:before { content: "\f0f8"; } .icon-ambulance:before { content: "\f0f9"; } .icon-medkit:before { content: "\f0fa"; } .icon-fighter-jet:before { content: "\f0fb"; } .icon-beer:before { content: "\f0fc"; } .icon-h-sign:before { content: "\f0fd"; } .icon-plus-sign-alt:before { content: "\f0fe"; } .icon-double-angle-left:before { content: "\f100"; } .icon-double-angle-right:before { content: "\f101"; } .icon-double-angle-up:before { content: "\f102"; } .icon-double-angle-down:before { content: "\f103"; } .icon-angle-left:before { content: "\f104"; } .icon-angle-right:before { content: "\f105"; } .icon-angle-up:before { content: "\f106"; } .icon-angle-down:before { content: "\f107"; } .icon-desktop:before { content: "\f108"; } .icon-laptop:before { content: "\f109"; } .icon-tablet:before { content: "\f10a"; } .icon-mobile-phone:before { content: "\f10b"; } .icon-circle-blank:before { content: "\f10c"; } .icon-quote-left:before { content: "\f10d"; } .icon-quote-right:before { content: "\f10e"; } .icon-spinner:before { content: "\f110"; } .icon-circle:before { content: "\f111"; } .icon-mail-reply:before, .icon-reply:before { content: "\f112"; } .icon-github-alt:before { content: "\f113"; } .icon-folder-close-alt:before { content: "\f114"; } .icon-folder-open-alt:before { content: "\f115"; } .icon-expand-alt:before { content: "\f116"; } .icon-collapse-alt:before { content: "\f117"; } .icon-smile:before { content: "\f118"; } .icon-frown:before { content: "\f119"; } .icon-meh:before { content: "\f11a"; } .icon-gamepad:before { content: "\f11b"; } .icon-keyboard:before { content: "\f11c"; } .icon-flag-alt:before { content: "\f11d"; } .icon-flag-checkered:before { content: "\f11e"; } .icon-terminal:before { content: "\f120"; } .icon-code:before { content: "\f121"; } .icon-reply-all:before { content: "\f122"; } .icon-mail-reply-all:before { content: "\f122"; } .icon-star-half-full:before, .icon-star-half-empty:before { content: "\f123"; } .icon-location-arrow:before { content: "\f124"; } .icon-crop:before { content: "\f125"; } .icon-code-fork:before { content: "\f126"; } .icon-unlink:before { content: "\f127"; } .icon-question:before { content: "\f128"; } .icon-info:before { content: "\f129"; } .icon-exclamation:before { content: "\f12a"; } .icon-superscript:before { content: "\f12b"; } .icon-subscript:before { content: "\f12c"; } .icon-eraser:before { content: "\f12d"; } .icon-puzzle-piece:before { content: "\f12e"; } .icon-microphone:before { content: "\f130"; } .icon-microphone-off:before { content: "\f131"; } .icon-shield:before { content: "\f132"; } .icon-calendar-empty:before { content: "\f133"; } .icon-fire-extinguisher:before { content: "\f134"; } .icon-rocket:before { content: "\f135"; } .icon-maxcdn:before { content: "\f136"; } .icon-chevron-sign-left:before { content: "\f137"; } .icon-chevron-sign-right:before { content: "\f138"; } .icon-chevron-sign-up:before { content: "\f139"; } .icon-chevron-sign-down:before { content: "\f13a"; } .icon-html5:before { content: "\f13b"; } .icon-css3:before { content: "\f13c"; } .icon-anchor:before { content: "\f13d"; } .icon-unlock-alt:before { content: "\f13e"; } .icon-bullseye:before { content: "\f140"; } .icon-ellipsis-horizontal:before { content: "\f141"; } .icon-ellipsis-vertical:before { content: "\f142"; } .icon-rss-sign:before { content: "\f143"; } .icon-play-sign:before { content: "\f144"; } .icon-ticket:before { content: "\f145"; } .icon-minus-sign-alt:before { content: "\f146"; } .icon-check-minus:before { content: "\f147"; } .icon-level-up:before { content: "\f148"; } .icon-level-down:before { content: "\f149"; } .icon-check-sign:before { content: "\f14a"; } .icon-edit-sign:before { content: "\f14b"; } .icon-external-link-sign:before { content: "\f14c"; } .icon-share-sign:before { content: "\f14d"; } .icon-compass:before { content: "\f14e"; } .icon-collapse:before { content: "\f150"; } .icon-collapse-top:before { content: "\f151"; } .icon-expand:before { content: "\f152"; } .icon-euro:before, .icon-eur:before { content: "\f153"; } .icon-gbp:before { content: "\f154"; } .icon-dollar:before, .icon-usd:before { content: "\f155"; } .icon-rupee:before, .icon-inr:before { content: "\f156"; } .icon-yen:before, .icon-jpy:before { content: "\f157"; } .icon-renminbi:before, .icon-cny:before { content: "\f158"; } .icon-won:before, .icon-krw:before { content: "\f159"; } .icon-bitcoin:before, .icon-btc:before { content: "\f15a"; } .icon-file:before { content: "\f15b"; } .icon-file-text:before { content: "\f15c"; } .icon-sort-by-alphabet:before { content: "\f15d"; } .icon-sort-by-alphabet-alt:before { content: "\f15e"; } .icon-sort-by-attributes:before { content: "\f160"; } .icon-sort-by-attributes-alt:before { content: "\f161"; } .icon-sort-by-order:before { content: "\f162"; } .icon-sort-by-order-alt:before { content: "\f163"; } .icon-thumbs-up:before { content: "\f164"; } .icon-thumbs-down:before { content: "\f165"; } .icon-youtube-sign:before { content: "\f166"; } .icon-youtube:before { content: "\f167"; } .icon-xing:before { content: "\f168"; } .icon-xing-sign:before { content: "\f169"; } .icon-youtube-play:before { content: "\f16a"; } .icon-dropbox:before { content: "\f16b"; } .icon-stackexchange:before { content: "\f16c"; } .icon-instagram:before { content: "\f16d"; } .icon-flickr:before { content: "\f16e"; } .icon-adn:before { content: "\f170"; } .icon-bitbucket:before { content: "\f171"; } .icon-bitbucket-sign:before { content: "\f172"; } .icon-tumblr:before { content: "\f173"; } .icon-tumblr-sign:before { content: "\f174"; } .icon-long-arrow-down:before { content: "\f175"; } .icon-long-arrow-up:before { content: "\f176"; } .icon-long-arrow-left:before { content: "\f177"; } .icon-long-arrow-right:before { content: "\f178"; } .icon-apple:before { content: "\f179"; } .icon-windows:before { content: "\f17a"; } .icon-android:before { content: "\f17b"; } .icon-linux:before { content: "\f17c"; } .icon-dribbble:before { content: "\f17d"; } .icon-skype:before { content: "\f17e"; } .icon-foursquare:before { content: "\f180"; } .icon-trello:before { content: "\f181"; } .icon-female:before { content: "\f182"; } .icon-male:before { content: "\f183"; } .icon-gittip:before { content: "\f184"; } .icon-sun:before { content: "\f185"; } .icon-moon:before { content: "\f186"; } .icon-archive:before { content: "\f187"; } .icon-bug:before { content: "\f188"; } .icon-vk:before { content: "\f189"; } .icon-weibo:before { content: "\f18a"; } .icon-renren:before { content: "\f18b"; } .icon-hand-o-right:before { content: "\f0a4"; } .icon-arrows:before { content: "\f047"; } /*---------------------------------------------------------------*/ /* Variables /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* Global Styles /*---------------------------------------------------------------*/ * { padding: 0; margin: 0; } html { min-height: 100%; margin-right: 0 !important; } body { font-family: "Open Sans"; font-size: 13px; line-height: 1.5; background-color: #ffffff; -ms-word-wrap: break-word; word-wrap: break-word; position: static; max-width: 100%; height: 100%; } .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); clip-path: polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px); position: absolute !important; white-space: nowrap; height: 1px; width: 1px; overflow: hidden; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #000000; font-family: Georgia, Arial; letter-spacing: 1px; margin-bottom: 20px; text-transform: uppercase; display: block; font-weight: normal; } img { max-width: 100%; height: auto; vertical-align: middle; border: 0; } a { color: #000000; text-decoration: none; outline: none; } a:hover { text-decoration: underline; } a:focus { outline: 0!important; } p { margin-bottom: 20px; } .h1, h1 { font-size: 38.5px; } .h2, h2 { font-size: 31.5px; } .h3, h3 { font-size: 24.5px; } .h4, h4 { font-size: 17.5px; } .h5, h5 { font-size: 14px; margin-bottom: 10px; } .h6, h6 { font-size: 11.9px; margin-bottom: 10px; font-weight: 400; } .gray { color: #8d8f91; } .underline { text-decoration: underline; } .title { clear: both; position: relative; text-align: center; overflow: hidden; } .title.a-left span { padding-left: 0; } .title span { background: white; padding: 0 20px; z-index: 2; position: relative; display: inline-block; max-width: 545px; } .title.with-subtitle { margin-bottom: 0; } .title.without-line span { background: none; } .title.without-line:before { display: none; } .title:before { content: ""; display: block; border-top: 1px solid #ebebeb; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } .subtitle { display: block; margin-bottom: 20px; } .page-heading h1:before { content: ""; display: block; border-top: 1px solid #ebebeb; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } ol, ul { padding-left: 20px; margin-bottom: 20px; } p { margin-bottom: 10px; line-height: 1.5; } blockquote { border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; padding: 30px; margin-bottom: 20px; margin-top: 10px; font-family: Georgia; font-size: 14px; font-style: italic; background: #fcfcfc; } blockquote.style2 { background: #fcfcfc url(images/quote.png) no-repeat 10px 10px; min-height: 50px; } blockquote.style2 cite { float: right; } blockquote p { margin-bottom: 0; } blockquote cite { margin-top: 10px; display: block; font-family: "Open Sans", Arial; font-style: normal; font-size: 12px; color: #000000; } /*---------------------------------------------------------------*/ /* Dropcap /*---------------------------------------------------------------*/ .dropcap { color: white; display: inline-block; float: left; font-size: 36px; line-height: 1.2; font-weight: normal; text-align: center; width: 43px; margin: 3px 9px 0 0; background: #c4c4c4; font-family: Georgia; } .dropcap.light { background: none; color: #000000; } /*---------------------------------------------------------------*/ /* Lists /*---------------------------------------------------------------*/ .list ul { padding-left: 0; } .list li { padding: 5px 0 5px 5px; list-style: none; } .list li:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 20px; font-size: 16px; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .list.list-circle li:before { content: "\f111"; font-size: 9px; margin-top: 3px; } .list.list-star li:before { content: "\f005"; } .list.list-square li:before { content: "\f04d"; font-size: 9px; margin-top: 3px; } .list.list-dash li:before { content: "\f068"; } /*---------------------------------------------------------------*/ /* Tools /*---------------------------------------------------------------*/ .a-right { text-align: right!important; } .a-left { text-align: left!important; } .a-center { text-align: center!important; } .left, .fl-l { float: left!important; } .right, .fl-r { float: right!important; } .clear { clear: both!important; } .v-align-middle { display: table; width: 100%; } .v-item-middle { display: table-cell; vertical-align: middle; } .table-row { display: table; width: 100%; } .table-cell { display: table-cell; vertical-align: middle; } .margin0 { margin: 0 !important; } .bordered-box { border: 1px solid #ebebeb; padding: 20px; background-color: #fafafa; } .font-large { font-size: 72px; } #sc_chat_box { z-index: 10000 !important; } .border-after { position: relative; border: 1px solid #ebebeb; display: block; float: left; padding: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 30px; } .border-after:after { content: ""; position: absolute; z-index: 0; width: 100%; display: block !important; height: 100%; left: -6px; padding: 5px; top: -6px; background-color: transparent; border: 1px solid #ebebeb; } /*---------------------------------------------------------------*/ /* Teaser Box /*---------------------------------------------------------------*/ .teaser-box { margin-bottom: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .teaser-box.style-bordered { border: 1px solid #ebebeb; padding: 5px; background: white; } .teaser-box.style-bordered > div { border: 1px solid #ebebeb; padding: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .teaser-box img { margin-bottom: 10px; } /*---------------------------------------------------------------*/ /* Dividers /*---------------------------------------------------------------*/ hr { height: 1px; background: 0; border-top: 0; border-bottom: 1px solid #dddddd; border-left: 0; border-right: 0; margin-top: 30px; margin-bottom: 30px; width: 100%; } hr.space { border: none; margin: 0; } hr.double { border-top: 1px solid #dddddd; height: 10px; } hr.double.dashed { border-top: 1px dashed #dddddd; } hr.double.dotted { border-top: 1px dotted #dddddd; } hr.dashed { border-bottom: 1px dashed #dddddd; } hr.dotted { border-bottom: 1px dotted #dddddd; } hr.horizontal-break { width: 100px; margin: 20px auto; height: 3px; background: #e6e6e6; border: none; } /*---------------------------------------------------------------*/ /* Call To Action /*---------------------------------------------------------------*/ .cta-block { float: left; border: 1px solid #dbdbdb; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px 40px; margin-bottom: 20px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .cta-block h1, .cta-block h2, .cta-block h3, .cta-block h4, .cta-block h5, .cta-block h6 { margin-bottom: 5px; } .cta-block .button-left { padding-right: 40px; width: 25%; } .cta-block .button-right { text-align: end; width: 25%; } .cta-block.style-without-border { border: none; padding: 0; } .cta-block.style-filled { background-color: #fcfcfc; border-left-width: 3px; border-top-color: #dbdbdb!important; border-right-color: #dbdbdb!important; border-bottom-color: #dbdbdb!important; } .cta-block.style-dark { background: #404040; border: none; color: #8b8b8b; } .cta-block.style-dark h1, .cta-block.style-dark h2, .cta-block.style-dark h3, .cta-block.style-dark h4, .cta-block.style-dark h5, .cta-block.style-dark h6, .cta-block.style-dark a { color: white; } /*---------------------------------------------------------------*/ /* Progress Bar /*---------------------------------------------------------------*/ .progress-bar { background: #f5f5f5; height: 28px; position: relative; margin-bottom: 10px!important; } .progress-bar > div { height: 100%; position: absolute; top: 0; left: 0; } .progress-bar > span { color: white; font-size: 13px; margin-left: 15px; line-height: 28px; position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; font-weight: 300; } /*---------------------------------------------------------------*/ /* Team members /*---------------------------------------------------------------*/ .team-member { margin-bottom: 30px; } .team-member .member-position { color: #8d8f91; margin-bottom: 0; font-weight: normal; font-size: 14px; font-family: "Open Sans", Arial; } .team-member h4 { margin-bottom: 0; } .team-member .member-email { margin-bottom: 20px; } .team-member .member-image { position: relative; overflow: hidden; margin-bottom: 15px; float: left; } .team-member .member-image:hover .member-mask { opacity: 1; } .team-member .member-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; opacity: 0; height: 100%; background: rgba(0, 0, 0, 0.6); color: white; padding: 10px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .team-member .member-mask .mask-text { position: absolute; text-align: center; width: 100%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .team-member .member-mask .mask-text fieldset { width: 80%; margin: 0 auto; border: 1px solid #616161; padding: 0 0 10px; } .team-member .member-mask .mask-text fieldset legend { font-size: 14px; font-family: Georgia; text-transform: uppercase; color: white; padding: 0 10px; display: inline-block; border: none; width: auto; line-height: 1; margin: 0; width: 100%; } .team-member .member-mask .mask-text p { margin-bottom: 0; } .team-member .member-mask .mask-text i { margin: 10px 7px 5px; font-size: 28px; display: inline-block; opacity: 0.9; } .team-member .member-mask .mask-text a { color: white; } .team-member .member-mask .mask-text a:hover { text-decoration: none; } /*---------------------------------------------------------------*/ /* Alert boxes /*---------------------------------------------------------------*/ .woocommerce-message, .woocommerce-error, .woocommerce-info, .alert-success, .success, .alert-error, .error, .alert-info, .alert-info, .info, .alert-block, .warning { border-width: 1px; border-style: solid; padding: 30px 30px 30px 80px; position: relative; display: block; margin-bottom: 20px; background-color: #fff; border: 1px solid #dbdbdb; line-height: 24px; } .alert-success p, .success p, .alert-error p, .error p, .alert-info p, .info p, .alert-block p, .warning p, .alert-success .h3, .success .h3, .alert-error .h3, .error .h3, .alert-info .h3, .info .h3, .alert-block .h3, .warning .h3 { margin-bottom: 0; position: relative; } .alert-success .h3, .success .h3, .alert-error .h3, .error .h3, .alert-info .h3, .info .h3, .alert-block .h3, .warning .h3 { font-size: 20px; } .woocommerce-message, .alert-success, .success { color: #6f6f6f; background-image: url(images/alert-1.png); background-repeat: no-repeat; background-position: 20px center; background-color: #98c391 !important; color: #fff; position: relative; border: 1px solid #fff; text-transform: uppercase; letter-spacing: 1px; padding: 20px 30px 20px 80px; } .woocommerce-message .h3, .alert-success .h3, .success .h3 { color: #fff; } .woocommerce-message:after, .alert-success:after, .success:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; left: -6px; padding: 5px; top: -6px; background-color: #98c391; border: 1px solid #fff; } .woocommerce-error, .alert-error, .error, .woocommerce-info, .alert-info, .info, .alert-block, .warning { color: #fff; background-repeat: no-repeat; background-position: 20px center; position: relative; border: 1px solid #fff; text-transform: uppercase; letter-spacing: 1px; padding: 20px 30px 20px 80px; } .woocommerce-error .h3, .alert-error .h3, .error .h3, .woocommerce-info .h3, .alert-info .h3, .info .h3, .alert-block .h3, .warning .h3 { color: #fff; } .woocommerce-error:after, .alert-error:after, .error:after, .woocommerce-info:after, .alert-info:after, .info:after, .alert-block:after, .warning:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; left: -6px; padding: 5px; top: -6px; border: 1px solid #fff; } .woocommerce-error, .alert-error, .error { background-image: url(images/alert-2.png); background-color: #f45b5b !important; } .woocommerce-error:after, .alert-error:after, .error:after { background-color: #f45b5b; } .woocommerce-info, .alert-info, .info { background-image: url(images/alert-4.png); background-color: #D5D5D5!important; padding: 20px 30px 20px 80px !important; } .woocommerce-info:after, .alert-info:after, .info:after { background-color: #6BCBF5; } .alert-block, .warning { background-image: url(images/alert-3.png); background-position: 30px center; background-color: #f3d87a !important; } .alert-block:after, .warning:after { background-color: #f3d87a; } .close-parent { text-indent: -99999px; font-size: 0; display: block; cursor: pointer; position: absolute; top: 25px; margin-top: -4px; right: 20px; width: 9px; height: 9px; background-position: center center; background-repeat: no-repeat; } mark { background-color: #000; color: #FFF; padding: 0 3px; } .icon-arrow_left-1, .icon-arrow_right-1 { font-family: 'arrows'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; } .icon-arrow_left-1:before { content: "\6c"; } .icon-arrow_right-1:before { content: "\72"; } /*---------------------------------------------------------------*/ /* Content box /*---------------------------------------------------------------*/ .content-box { border: 1px solid #e6e6e6; padding: 20px; margin-bottom: 30px; } .sidebar .content-box { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /*---------------------------------------------------------------*/ /* Mixins /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* Forms /*---------------------------------------------------------------*/ fieldset { padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } legend small { font-size: 15px; color: #999999; } label, input, button, select, textarea { font-size: 14px; font-weight: normal; line-height: 20px; border-radius: 0px; outline: none; } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; } label { display: block; margin-bottom: 5px; } select, textarea, 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"], .uneditable-input, .input-text { display: inline-block; padding: 9px 6px; margin-bottom: 10px; font-size: 14px; line-height: 18px; color: #555555; vertical-align: middle; box-sizing: border-box; } input[type="number"] { position: relative; } input, textarea, .uneditable-input { width: 206px; outline: none !important; } textarea { height: auto; } textarea, 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"], .uneditable-input, .input-text { background-color: #ffffff; border: 1px solid #ebebeb; -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="checkbox"]:focus, .uneditable-input:focus { outline: none !important; } input[type="radio"], input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto; } select, input[type="file"] { height: 30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top: 4px; /* For IE7, add top margin to align select with labels */ line-height: 30px; } select { width: 206px; background-color: #ffffff; border: 1px solid #E2E2E2; } select[multiple], select[size] { height: auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } input.validation-failed, textarea.validation-failed { border-color: #ef8080; } select { -webkit-appearance: none; padding: 9px 6px; line-height: 1.2; height: auto; background: url(images/select-arrow.png) no-repeat center right; } select:focus { outline: 0; } /* Inputs Custom Style */ input[type="radio"], input[type="checkbox"] { -webkit-appearance: none; border: none !important; margin-top: 0; margin-right: 0; padding: 0; height: 20px; } input[type="radio"], input[type="radio"]:checked, input[type="checkbox"], input[type="checkbox"]:checked { background-repeat: no-repeat; background-position: center center; } input[type="radio"] { background-color: #FFF; background-image: url(images/radio-icon.png); width: 14px; } input[type="radio"]:checked { background-image: url(images/radio-icon-check.png); } input[type="checkbox"] { background-image: url(images/tick-icon.png); width: 16px; } input[type="checkbox"]:checked { background-image: url(images/tick-icon-check.png); } /*---------------------------------------------------------------*/ /* Iframe /*---------------------------------------------------------------*/ iframe { border: none; max-width: 100%; } .vimeo-video iframe, .youtube-video iframe { max-width: 100% !important; } /*---------------------------------------------------------------*/ /* Default Table /*---------------------------------------------------------------*/ table { width: 100%; margin-bottom: 20px; } table th, table td { padding: 4px; line-height: 20px; text-align: left; vertical-align: top; } table th .button, table td .button { margin: 15px 0; } table th { font-weight: bold; } table thead th { vertical-align: bottom; } dl { margin-bottom: 20px; } dt, dd { line-height: 20px; } dt { font-weight: bold; } dd { margin-left: 10px; } code.dispblock { display: block; white-space: inherit; } /*---------------------------------------------------------------*/ /* Dashed Table /*---------------------------------------------------------------*/ .table-dashed, .table-dashed td, .table-dashed th { border: 1px dashed #ddd; } /*---------------------------------------------------------------*/ /* Buttons /*---------------------------------------------------------------*/ .button, button, .coupon .button, input[type="submit"] { border: 1px solid #dddddd; display: inline-block; color: #000000; background-color: rgba(255, 255, 255, 0.2); font-size: 12px; font-family: Georgia; padding: 5px 20px; text-align: center; box-sizing: border-box; line-height: 1.5 !important; text-transform: uppercase; } .button:hover, button:hover, .coupon .button:hover, input[type="submit"]:hover { text-decoration: none; } .button.active, button.active, .coupon .button.active, input[type="submit"].active, .button.active2, button.active2, .coupon .button.active2, input[type="submit"].active2 { color: white !important; } .button.active:hover, button.active:hover, .coupon .button.active:hover, input[type="submit"].active:hover, .button.active2:hover, button.active2:hover, .coupon .button.active2:hover, input[type="submit"].active2:hover { text-decoration: underline; } .button.white, button.white, .coupon .button.white, input[type="submit"].white { color: white; border: 1px solid #dbdbdb; } .button.white:hover, button.white:hover, .coupon .button.white:hover, input[type="submit"].white:hover { background: white; color: #000!important; } .button.white.filled, button.white.filled, .coupon .button.white.filled, input[type="submit"].white.filled { background-color: #FFF; border: 1px solid #fff; color: #000; } .button.white.filled:hover, button.white.filled:hover, .coupon .button.white.filled:hover, input[type="submit"].white.filled:hover { color: #FFF !important; } .button i, button i, .coupon .button i, input[type="submit"] i { margin-right: 5px; } .button.white { background-color: rgba(255, 255, 255, 0.7); color: #222; } .button.white:hover { color: #222 !important; background-color: rgba(255, 255, 255, 0.7) !important; border: 1px solid rgba(255, 255, 255, 0.7) !important; } /* Red Buttons */ .checkout-button.button { color: #fff !important; } .filled.single_add_to_cart_button { background-color: #fff; } .checkout-button.button:hover { border-color: transparent; text-decoration: underline; } .filled { color: #000000; background: #f5f5f5; } .filled:hover, .filled.active { color: #FFF !important; } .filled.active:hover { text-decoration: underline !important; } .arrow-right { font-size: 13px; } .arrow-right span:after { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin: 0 0 0 8px; font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f105"; } .arrow-left { font-size: 13px; } .arrow-left span:before { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin: 0 0 0 8px; font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f104"; margin: 0 8px 0 0; } .medium { font-size: 13px; padding: 10px 30px; } .big { font-size: 21px; padding: 10px 45px; } .font2 { font-family: Georgia; text-transform: uppercase; } .small.font2 { font-size: 13px; padding: 8px 9px; } .medium.font2 { font-size: 14px; padding: 10px 17px; } .big.font2 { padding: 10px 32px; } .checkout-button { padding: 8px 20px; width: 100%; text-transform: uppercase; font-size: 21px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .checkout-button span:after { display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin: 0 0 0 8px; font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f105"; } .checkout-button span:after { font-size: 19px; margin-left: 10px; display: none; } #searchform .button { padding: 9px 20px; position: absolute; } /*---------------------------------------------------------------*/ /* Top panel /*---------------------------------------------------------------*/ .top-panel { padding: 20px 0; position: absolute; width: 100%; z-index: 0; background: #404040; color: #8b8b8b; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } .top-panel strong { color: #FFF; } .top-panel h6, .top-panel h5, .top-panel h4, .top-panel h3, .top-panel h2, .top-panel h1, .top-panel a, .top-panel h6:hover, .top-panel h5:hover, .top-panel h4:hover, .top-panel h3:hover, .top-panel h2:hover, .top-panel h1:hover, .top-panel a:hover { color: white; } .top-panel.show-panel { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .top-panel h4 { margin-bottom: 20px; } .top-panel .testimonials-slider .owl-buttons .owl-prev:before, .top-panel .testimonials-slider .owl-buttons .owl-next:before { color: #8b8b8b; } .top-panel .testimonials-slider .owl-buttons div { top: 90%; } .header-type-4.transparent .show-top-panel { top: 6px; } .show-top-panel { color: #ccc; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; font-weight: bold; font-size: 24px; cursor: pointer; top: -3px; position: absolute; left: 50%; right: 50%; } .show-top-panel:before { content: "\f107"; font-family: "FontAwesome"; } .show-top-panel.show-panel { color: black; } .show-top-panel.show-panel:before { content: "\f106"; } .header-type-6 .show-top-panel, .header-type-5 .show-top-panel, .header-type-6 .side-area-icon i, .header-type-5 .side-area-icon i { color: #fff; } .header-type-6 .search form .button, .boxed .header-type-6 .search form .button { background: url(images/icon-zoom-white.png) no-repeat center center; } .boxed .top-panel { left: calc(50% - 490px); width: 980px; box-shadow: 0 1px 6px; -webkit-box-shadow: 0 1px 6px; } .header-type-5 .my-account-link:before, .header-type-5 .logout-link:before, .header-type-5 .login-link:before, .header-type-5 .register-link:before, .header-type-5 .checkout-link:before, .header-type-5 .top-bar .top-links li a, .header-type-5 .top-bar .wishlist-link a, .header-type-5 .top-bar .wishlist-link a i:before { color: #afafaf !important; } .header-type-1 .top-bar .search, .header-type-2 .top-bar .search, .header-type-5 .top-bar .search, .header-type-7 .top-bar .search { display: none; } @media only screen and (min-width: 980px) { .header-vertical-enable .fixed-header { display: none; } .header-vertical-enable .main-nav, .header-vertical-enable .main-nav .double-border { border-bottom: none; } .header-vertical-enable .main-nav .container { width: auto; } .header-vertical-enable .menu-wrapper .menu > li { position: relative; width: 100%; display: inline-block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-vertical-enable .menu-wrapper .menu > li > a { color: #222; } .header-vertical-enable .menu-wrapper .menu > li.open-by-click .nav-sublist-dropdown { width: 830px; padding: 25px 10px 30px 15px; } .header-vertical-enable .menu-wrapper .menu > li.open-by-click .nav-sublist-dropdown .container { width: auto; } .header-vertical-enable .menu-wrapper .menu > li.open-by-click .nav-sublist-dropdown ul li { width: 255px !important; } .header-vertical-enable .menu-wrapper .menu > li .nav-sublist-dropdown { max-width: none; left: 100% !important; top: 0 !important; width: 195px; } .header-vertical-enable .menu-wrapper .menu > li .nav-sublist-dropdown ul > li { width: 195px !important; display: inline-block; } .header-vertical-enable .menu-wrapper .menu > li.columns-3 .nav-sublist-dropdown { width: 770px !important; padding: 15px !important; } .header-vertical-enable .menu-wrapper .menu > li.columns-4 .nav-sublist-dropdown { width: 990px !important; padding: 15px !important; } .header-type-8 .logo { border-bottom: 1px solid #dbdbdb; position: relative; padding-top: 30px; margin-bottom: 20px; } .header-type-8 .logo:after { content: ""; display: block; position: absolute; width: 100%; border-bottom: 1px solid #dbdbdb; bottom: -4px; left: 0; } .header-type-8 .search-left, .header-type-8 .top-bar, .header-type-8 .search-center, .header-type-8 .shopping-cart-widget .items, .header-type-8 .shopping-cart-widget .for-label { display: none; } .header-type-8 .search.a-right { float: right; display: inline-block; } .header-type-8 .search-link { font-size: 14px; text-transform: capitalize; font-weight: 300; padding-right: 26px; text-decoration: none; } .header-type-8 .search-link:before { padding-right: 10px; } .header-type-8 .shopping-cart-widget { padding-left: 26px; padding-bottom: 15px; } .header-type-8 .shopping-cart-widget .cart-summ { font-size: 0; } .header-type-8 .shopping-cart-widget .cart-summ > a { display: block; padding-bottom: 0; } .header-type-8 .shopping-cart-widget .cart-summ .price-summ { font-size: 14px; } } /*---------------------------------------------------------------*/ /* Top bar /*---------------------------------------------------------------*/ .top-bar { position: relative; margin: 0; font-weight: 200; } .top-bar .container { position: relative; border-bottom: 1px dotted #dbdbdb; padding: 8px 0 8px; } .top-bar label { display: inline-block; margin-right: 10px; margin-bottom: 0; line-height: 25px; font-weight: 200; } .top-bar .row-fluid .span1, .top-bar .row-fluid .span2, .top-bar .row-fluid .span3, .top-bar .row-fluid .span4, .top-bar .row-fluid .span5, .top-bar .row-fluid .span6, .top-bar .row-fluid .span7, .top-bar .row-fluid .span8, .top-bar .row-fluid .span9, .top-bar .row-fluid .span10, .top-bar .row-fluid .span11, .top-bar .row-fluid .span12 { min-height: 20px; } .top-bar .languages-area { float: left; line-height: 18px; } .top-bar .search { float: right; } .top-bar .top-links { float: right; padding-top: 2px; margin: 0 40px 0 0; padding: 0; } .top-bar .top-links li { line-height: 16px; } .top-bar .top-links li a { text-transform: uppercase; font-size: 12px; line-height: 16px; } .top-bar .wishlist-link { margin-top: 0; } .top-bar .wishlist-link a { font-size: 16px; color: #8e8e8e; line-height: 16px; } .top-bar .wishlist-link a i:before { content: "\e61d" !important; font-family: "arrows" !important; font-size: 14px; -webkit-font-smoothing: auto; } .top-bar .wishlist-link a:hover { text-decoration: none; } .top-bar .wishlist-link a span { font-size: 13px; padding-left: 5px; text-transform: uppercase; } .top-bar .wishlist-link a span:hover { text-decoration: underline; } .boxed .top-bar .search { margin-right: 20px; } .boxed .top-bar .top-links { margin-right: 50px; padding-left: 0; } .header-type-3 .top-bar .top-links, .header-type-3 .top-bar .cart-summ, .header-type-4 .top-bar .top-links, .header-type-4 .top-bar .cart-summ, .header-type-6 .top-bar .top-links, .header-type-6 .top-bar .cart-summ, .header-type-7 .top-bar .top-links { margin-right: 30px; } .header-type-3 .top-bar .top-links { margin-right: 0px; } .header-type-3 .top-bar .top-links li { margin-left: 10px; } .header-type-3 .top-bar .search, .header-type-4 .top-bar .search, .header-type-6 .top-bar .search { margin-right: 40px; } .submenu-dropdown { width: 200px; padding: 10px; position: absolute; z-index: 10005; background: white; margin-top: 20px; top: 51px; opacity: 0; visibility: hidden; transition: all 0.2s ease-in-out; border: 1px solid #ebebeb; text-align: start; } .submenu-dropdown ul { float: left; padding-left: 0; margin: 0; } .submenu-dropdown ul li { display: block; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #8E8E8E; } .submenu-dropdown ul li:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 25px; font-size: 16px; margin-right: 10px; } .submenu-dropdown ul li a { text-transform: none !important; line-height: 24px; } .my-account-link:hover .submenu-dropdown { margin-top: 0; opacity: 1; visibility: visible; -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); } .my-account-link:hover .submenu-dropdown:after { content: ""; display: block; left: 10px; width: 27px; height: 14px; background-image: url(images/after-arrow.png); background-position: center center; background-repeat: no-repeat; margin: -1em 0 0 2em; position: absolute; top: -1px; } /** * * MyAccount * */ .woocommerce-MyAccount-content { width: 73%; float: left; } .woocommerce-MyAccount-navigation { width: 25%; float: left; margin-right: 15px; } .woocommerce-MyAccount-navigation .user-sidearea .avatar { margin: 5px 10px 0 0; } .woocommerce-MyAccount-navigation ul { padding-left: 0; } .woocommerce-MyAccount-navigation li { list-style: none !important; border: 1px solid #e9e9e9; margin: -1px 0; padding: 5px 10px; } .woocommerce-MyAccount-navigation li a { font: 13px/18px; display: inline; padding-left: 10px; text-transform: uppercase; position: relative; display: inline-block; padding: 15px 0; } .top-bar .top-links li.my-account-link > a { padding-bottom: 21px; } .header-wrapper .ghost, .cart-ghost .shopping-cart-widget { opacity: 0; visibility: hidden; } .header-type-1 .top-bar .shopping-cart-link, .header-type-2 .top-bar .shopping-cart-link, .header-type-5 .top-bar .shopping-cart-link, .header-type-7 .top-bar .shopping-cart-link, .header-type-1 .top-bar .cart-summ, .header-type-2 .top-bar .cart-summ, .header-type-5 .top-bar .cart-summ, .header-type-7 .top-bar .cart-summ { display: none; } .header-type-3 .shopping-cart-link, .header-type-4 .shopping-cart-link, .header-type-6 .shopping-cart-link, .header-type-3 .cart-summ, .header-type-4 .cart-summ, .header-type-6 .cart-summ { float: right; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #8E8E8E; margin: 0 20px 0 10px; position: relative; top: 1px; } .header-type-3 .shopping-cart-link span, .header-type-4 .shopping-cart-link span, .header-type-6 .shopping-cart-link span, .header-type-3 .cart-summ span, .header-type-4 .cart-summ span, .header-type-6 .cart-summ span { display: block; margin-left: 5px; float: right; } .header-type-3 .shopping-cart-link:hover, .header-type-4 .shopping-cart-link:hover, .header-type-6 .shopping-cart-link:hover, .header-type-3 .cart-summ:hover, .header-type-4 .cart-summ:hover, .header-type-6 .cart-summ:hover { text-decoration: none; } .header-type-3 .top-bar .shopping-cart-link:before, .header-type-4 .top-bar .shopping-cart-link:before, .header-type-6 .top-bar .shopping-cart-link:before, .header-type-3 .top-bar .cart-summ:before, .header-type-4 .top-bar .cart-summ:before, .header-type-6 .top-bar .cart-summ:before { content: "\e61f"; font-size: 16px; float: left; font-family: "arrows"; color: #8e8e8e; } .header-type-3 .cart-summ .cart-bag, .header-type-4 .cart-summ .cart-bag, .header-type-6 .cart-summ .cart-bag { float: left; margin-left: 5px; } .header-type-3 .shopping-cart-widget, .header-type-4 .shopping-cart-widget, .header-type-6 .shopping-cart-widget { display: none !important; } .header-type-7 .top-bar { background-color: #fafafa; border-bottom: 1px solid #dbdbdb; } .header-type-7 .top-bar .container { border-bottom: none; } .header-type-7 .top-bar .show-top-panel { top: -1px; } .header-type-7 .top-bar .top-links li a, .header-type-7 .top-bar .wishlist-link a span { font-size: 12px; } .header-type-6 .side-area-icon i:before { color: #FFF; } .header-type-6 .side-area-icon i:hover:before { color: #FFF !important; } .header-type-6 .top-bar .cart-summ:before, .header-type-6 .top-bar .shopping-cart-link:before { color: #fff; } /*---------------------------------------------------------------*/ /* WPML languages selector in header /*---------------------------------------------------------------*/ .languages-area .widget-title { font-family: "Lato", Arial; font-size: 13px; display: inline-block; text-transform: none; margin-bottom: 0; font-weight: 300; color: #8e8e8e; } .languages-area #lang_sel { height: 25px; } .languages-area #lang_sel_list a { background: none!important; font-size: 13px!important; } .languages-area #lang_sel_list { display: inline; height: auto!important; font-family: "Lato", Arial !important; } .languages-area #lang_sel_list ul { display: inline; display: inline-block; margin-bottom: 0; padding-left: 0; } .languages-area #lang_sel_list ul li { list-style: none; display: inline; margin: 0 3px; } .languages-area #lang_sel_list ul li a { color: #8e8e8e; } .languages-area #lang_sel_list ul li a:hover { color: #000; } .languages-area #lang_sel_list ul li { display: inline-block !important; float: none!important; } .languages-area #lang_sel_list ul li a { display: inline!important; } .languages-area #lang_sel_list ul li:before { content: none!important; } .menu-item-language { position: relative; } .submenu-languages { position: absolute; visibility: hidden; left: 0; width: 100%; padding-left: 0; margin-top: 4px; background-color: rgba(250, 250, 250, 0.95); border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; z-index: 10; width: 180px; } .submenu-languages .menu-item-language a { padding: 15px 20px; display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .menu-item-language:hover .submenu-languages { visibility: visible; } .menu-item-language:hover .submenu-languages li { list-style: none; } /*---------------------------------------------------------------*/ /* Links UL /*---------------------------------------------------------------*/ .links { display: inline-block; margin-bottom: 0; padding-left: 0; } .links li { list-style: none; display: inline; margin: 0 3px; } .links li a { color: #8e8e8e; } .links li a:hover { color: #000; } .links li.my-account-link, .links li.logout-link, .links li.login-link, .links li.register-link, .links li.checkout-link { padding-left: 0; margin-left: 20px; margin-right: 0; background-position: left center; background-repeat: no-repeat; } .my-account-link:before, .logout-link:before, .login-link:before, .register-link:before, .checkout-link:before { font-size: 14px; line-height: 10px; font-family: "arrows"; margin-right: 8px; color: #8e8e8e; position: relative; top: 1px; } .logout-link:before { content: "\e616"; } .login-link:before { content: "\e61c"; } .my-account-link:before { content: "\e61b"; } .my-account-link:hover { text-decoration: none; } .register-link:before { content: "\e61b"; } .checkout-link:before { content: "\2a"; } .search-link { font-size: 0; cursor: pointer; text-decoration: none !important; } .search-link:before { content: "\e614"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 16px; font-family: "arrows"; color: #6f6f6f; position: relative; top: 2px; } .edit-link { display: inline-block; } /*---------------------------------------------------------------*/ /* Top cart widget /*---------------------------------------------------------------*/ .shopping-cart-widget { padding-left: 0; position: relative; float: none; display: table-cell; vertical-align: middle; line-height: 25px; font-size: 14px; } .shopping-cart-widget:hover .widget_shopping_cart_content { opacity: 1; visibility: visible; } .shopping-cart-widget .cart-summ a:hover { text-decoration: none; } .shopping-cart-widget .cart-bag { margin: 0 3px; color: #676767; } .shopping-cart-widget .cart-bag .badge-number { margin: 0 2px; } .shopping-cart-widget .cart-summ > .cart-bag:before { content: "\e61f"; font-size: 20px; line-height: 10px; font-family: "arrows"; margin-right: 10px; color: #6f6f6f; position: relative; top: 1px; } .shopping-cart-widget .widget_shopping_cart_content { opacity: 0; visibility: hidden; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; position: absolute; z-index: 10001; right: 0; top: 42px; margin-top: 20px; border-top: 1px solid #f1f1f1; background: white; text-align: start; padding: 20px; width: 320px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #ebebeb; -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); } .shopping-cart-widget .widget_shopping_cart_content ul { display: inline-block; padding-left: 0; width: 100%; } .shopping-cart-widget .widget_shopping_cart_content ul li { list-style: none; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; } .shopping-cart-widget .widget_shopping_cart_content ul li .media { width: 100%; display: inline-block; } .shopping-cart-widget .widget_shopping_cart_content ul li .media .product-image { display: inline-block; width: 30%; margin-right: 10px; } .shopping-cart-widget .widget_shopping_cart_content ul li .media img { margin: 0 10px 5px 0; max-width: 80px; } .shopping-cart-widget .widget_shopping_cart_content ul li .media .media-body { width: 65%; } .shopping-cart-widget .widget_shopping_cart_content ul li .media-heading { margin-bottom: 0; } .shopping-cart-widget .widget_shopping_cart_content ul li .media-heading a { color: #000000; text-transform: uppercase; font-size: 12px; letter-spacing: 0px; } .shopping-cart-widget .widget_shopping_cart_content ul li .delete-btn { float: right; color: #dedede; font-size: 16px; font-weight: bold; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: center center; display: block; width: 15px; height: 15px; font-size: 0; opacity: 0.3; } .shopping-cart-widget .widget_shopping_cart_content ul li .descr-box { display: inline-block; width: 70%; } .shopping-cart-widget .widget_shopping_cart_content ul dt.variation-Size, .shopping-cart-widget .widget_shopping_cart_content ul dt.variation-Color { float: left; margin-right: 4px; } .shopping-cart-widget .widget_shopping_cart_content .totals { display: inline-block; float: right; } .shopping-cart-widget .widget_shopping_cart_content .totals p { text-align: end; margin-bottom: 20px; font-size: 16px; margin-right: 5px; position: relative; top: 3px; text-transform: uppercase; font-family: Georgia; color: #000000; } .shopping-cart-widget .widget_shopping_cart_content .totals span { font-size: 24px; } .shopping-cart-widget .widget_shopping_cart_content .bottom-btn a { width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; text-align: center; } .shopping-cart-widget .widget_shopping_cart_content .bottom-btn a:hover { text-decoration: none; } .hover-effect-swap:hover .product-content-image img { opacity: 1; } .hover-effect-swap:hover .product-content-image .hide-image { opacity: 0; } .product-content-image img { margin: 0 auto; display: block; } .hover-effect-swap .product-content-image { position: relative; text-align: center; } .hover-effect-swap .product-content-image .hide-image { opacity: 1; position: static; } .hover-effect-swap .product-content-image img { opacity: 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -ms-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; } .hover-effect-swap .product-content-image img.main-image { opacity: 1; position: static; transform: none; } .hover-effect-swap .product-content-image img.woocommerce-placeholder { opacity: 1; position: static; } .vc_row[data-vc-full-width] { overflow: hidden !important; } .header-type-2 .shopping-cart-widget:hover .cart-popup { margin-top: 20px; } .products-small .product-item { margin-bottom: 20px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; } .products-small .product-item h5 { font-weight: normal; text-transform: none; margin-bottom: 3px; } .products-small .product-item h5 a { color: #000000; text-transform: uppercase; font-size: 12px; letter-spacing: 0px; } .products-small .product-item:hover img { opacity: 0.7; } .products-small .product-item .product-image { display: inline-block; float: left; } .products-small .product-item .product-image img { margin: 0 10px 5px 0; max-width: 80px; } .products-small .product-item .qty .quanity-label { text-transform: uppercase; } .products-small .product-item .qty strong { font-weight: 300; } .products-small .product-item .delete-btn { float: right; color: #dedede; font-size: 16px; font-weight: bold; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: center center; display: block; width: 15px; height: 15px; font-size: 0; opacity: 0.3; } .products-small .product-item .delete-btn:hover { opacity: 1; filter: alpha(opacity=1); color: #000000; text-decoration: none; } .products-small .product-item .price { float: right; font-size: 16px; font-family: "Open Sans", Arial; } .products-small .product-item .variation { display: inline; float: left; width: 170px; } .products-small .product-item .variation dt, .products-small .product-item .variation dd { font-weight: 200; display: inline; } .products-small .product-item .variation dd { font-weight: 200; margin-left: 3px; margin-right: 3px; } .products-small .product-item .variation dd:nth-child(2n):after { content: " /"; } .products-small .product-item .variation dd:last-child:after { content: ""; } .order_details .variation dd p { line-height: 20px; } .order_details .variation dd:after { display: none; } /*---------------------------------------------------------------*/ /* Search form /*---------------------------------------------------------------*/ #searchform .screen-reader-text { display: none; } #searchform input[type="text"] { float: left; margin-right: 10px; } .search-left { width: 325px; } .search { position: relative; } .search .et-mega-search form .button { background: url(images/icon-zoom.png) no-repeat center 8px; text-indent: -99999px; font-size: 0; text-align: left; width: 18px; height: 30px; border: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .search .et-mega-search form input[type="text"] { margin: 0; float: none; padding: 2px 11px; color: #6f6f6f; font-size: 13px; border: 1px solid #ebebeb; line-height: 24px; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .search .et-mega-search.hide-input input[type="text"] { display: none; } .search .et-mega-search.loading { position: relative; top: 0; left: 0; } .boxed .search .et-mega-search form .button { background: url(images/icon-zoom.png) no-repeat center center; } /*---------------------------------------------------------------*/ /* Mega Search /*---------------------------------------------------------------*/ header .et-mega-search { width: 250px; } header .et-mega-search .button { top: 0 !important; } .et-mega-search { position: relative; } .et-mega-search.result-exist .et-close-results, .et-mega-search.result-exist .et-search-result { display: block; } .et-mega-search form input[type="text"] { display: inline-block; padding-left: 2%; padding-right: 2%; width: 100%; } .et-mega-search form .button { position: absolute; top: 0; right: 6px; background: url(images/icon-zoom.png) no-repeat center 8px; text-indent: -99999px; font-size: 0; text-align: start; width: 30px; padding: 0; height: 40px; border: 0; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; } .et-mega-search form .button:hover { background-color: transparent!important; } .et-mega-search .et-close-results { display: none; cursor: pointer; position: absolute; z-index: 101; top: 64px; right: 8px; color: #dedede; font-size: 16px; font-weight: bold; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: center center; width: 15px; height: 15px; font-size: 0; opacity: 0.3; } .et-mega-search .et-search-result { display: none; position: absolute; top: 55px; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; z-index: 100; background: white; border: 1px solid #efefef; padding: 20px 20px 0; box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 2px 2px 10px 2px rgba(0, 0, 0, 0.1); } .et-mega-search .et-search-result:after { content: ""; display: block; right: 25px; width: 27px; height: 14px; background-image: url(images/after-arrow.png); background-position: center center; background-repeat: no-repeat; margin: -14px 0 0 2em; position: absolute; top: 0; } .et-mega-search .et-search-result ul { padding: 0; list-style: none; } .et-mega-search .et-search-result ul li { padding: 8px 20px; margin: 0 -20px; } .et-mega-search.loading .et-search-result { display: block; padding: 30px; background: #fff url(images/loading.gif) no-repeat center center; } .header2 .et-mega-search { width: auto; position: relative; float: left; left: 50% !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); z-index: 100; } /*---------------------------------------------------------------*/ /* First and Fifth Header Variant /*---------------------------------------------------------------*/ .header5, .header6, .header1, .header7 { text-align: center; margin-top: 30px; margin-bottom: 30px; } .header5 .container, .header6 .container, .header1 .container, .header7 .container { position: relative; } .header5 .site-description, .header6 .site-description, .header1 .site-description, .header7 .site-description { float: left; width: 335px; text-align: start; padding: 15px 0; } .header5 .logo, .header6 .logo, .header1 .logo, .header7 .logo { display: table-cell; vertical-align: middle; width: 300px; } .header5 .logo img, .header6 .logo img, .header1 .logo img, .header7 .logo img { max-width: 300px; } .header5 .search-left, .header6 .search-left, .header1 .search-left, .header7 .search-left { display: table-cell; vertical-align: middle; } .header5 .logo-text, .header6 .logo-text, .header1 .logo-text, .header7 .logo-text { font-size: 50px; font-family: Georgia; text-transform: uppercase; letter-spacing: 10px; line-height: 45px; } .header5 .logo-text:hover, .header6 .logo-text:hover, .header1 .logo-text:hover, .header7 .logo-text:hover { text-decoration: none; color: #000; } .header5 .shopping-cart-widget, .header6 .shopping-cart-widget, .header1 .shopping-cart-widget, .header7 .shopping-cart-widget { position: relative; float: none; display: table-cell; vertical-align: middle; } .header6 { text-align: center; margin-top: 40px; margin-bottom: 40px; } .header6 .site-description { display: none; } .header6 .logo { display: table-cell; vertical-align: middle; float: none; width: 100%; } .header6 .logo img { max-width: 300px; } .header6 .search { display: none; } .logo-with-menu { display: none; float: left; } .header-type-5 .main-nav .menu, .header-type-6 .main-nav .menu, .header-type-7 .main-nav .menu, .header-type-1 .main-nav .menu { text-align: center; } .header-type-5 .main-nav .menu > li, .header-type-6 .main-nav .menu > li, .header-type-7 .main-nav .menu > li, .header-type-1 .main-nav .menu > li { margin-right: -3px; } .header-type-5 .main-nav .menu > li li, .header-type-6 .main-nav .menu > li li, .header-type-7 .main-nav .menu > li li, .header-type-1 .main-nav .menu > li li { text-align: start; } .header-type-5 .top-bar { background: #000; } .header-type-5 .top-bar .container { border: none; } .header-type-6 .top-bar a, .header-type-6 .top-bar a:hover, .header-type-6 .top-bar li:after, .header-type-6 .top-bar li:before, .header-type-6 .top-bar .search-link:before { color: white; } .header-type-6 .top-bar .container { border: none; } .header-type-6 .top-bar .shopping-cart-link:before { line-height: 14px; } .header-type-6 .shopping-cart-link span.amount { color: #fff !important; } .header-type-6 .top-bar .top-links .submenu-dropdown ul li a, .header-type-7 .top-bar .top-links .submenu-dropdown ul li a { color: #8e8e8e; } .header-type-6 .top-bar .top-links .submenu-dropdown ul li a:hover, .header-type-7 .top-bar .top-links .submenu-dropdown ul li a:hover { color: #fc5a5a; } .header-type-6 .top-bar .wishlist-link a:hover span { color: #FFF !important; text-transform: uppercase; } .header-type-6 .top-bar a:before, .header-type-6 .top-bar .search .search-link:before { color: #FFF; } .header-type-5 .top-bar .wishlist-link a:hover span, .header-type-5 .top-bar .links li a { color: #afafaf !important; text-transform: uppercase; } .top-cart-disabled .logo { float: left; } .top-cart-disabled .header-type-2 .search { position: static; } .top-cart-disabled .header-type-2 .search input[type="text"] { float: left !important; } .top-cart-disabled .header-type-2 .search .button { float: right; } .boxed .header5 .logo, .boxed .header6 .logo, .boxed .header1 .logo, .boxed .header7 .logo { float: none; } /*---------------------------------------------------------------*/ /* Second Header Variant /*---------------------------------------------------------------*/ .header2 { text-align: center; margin-top: 30px; margin-bottom: 30px; } .header2 .site-description { display: none; } .header2 .search-left { display: none !important; } .header2 .search { display: table-cell; vertical-align: middle; float: none; text-align: center; } .header2 .search input[type="text"] { width: 230px; } .header2 .search .site-description { margin-bottom: 2px; display: block; } .header2 .logo { display: table-cell; vertical-align: middle; text-align: start; float: none; width: 345px; } .header2 .logo img { max-width: 300px; } .header2 .logo-text { font-size: 50px; font-family: Georgia; text-transform: uppercase; letter-spacing: 10px; line-height: 45px; } .header2 .logo-text:hover { text-decoration: none; color: #000; } .header2 .shopping-cart-widget { display: table-cell; vertical-align: middle; float: none; width: 320px; } .header-type-2 .top-bar { background-color: #f8f8f8; } .header-type-2 .top-bar .container { border: none; } .header-type-2 .main-nav .menu { text-align: center; } .header-type-2 .main-nav .menu > li { margin-right: -3px; } .header-type-2 .main-nav .menu > li li { text-align: start; } /*---------------------------------------------------------------*/ /* Third and Fourth Header Variant /*---------------------------------------------------------------*/ .header4, .header3 { display: none; } .header-type-3 .top-bar, .header-type-4 .top-bar { background: none; } .header-type-3 .top-bar .container, .header-type-4 .top-bar .container { border: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .header-type-3 > .container, .header-type-4 > .container { display: table; } .header-type-3 > .container .menu-wrapper, .header-type-4 > .container .menu-wrapper { display: table-row; } .header-type-3 .menu-wrapper, .header-type-4 .menu-wrapper { display: flex; align-items: center; justify-content: space-between; } .header-type-3 .logo-with-menu, .header-type-4 .logo-with-menu { display: table-cell; vertical-align: middle; width: 240px; float: none; } .header-type-3 .logo-with-menu img, .header-type-4 .logo-with-menu img { max-width: 100%; width: 100%; } .header-type-3 .logo-with-menu + div, .header-type-4 .logo-with-menu + div { display: table-cell; vertical-align: middle; } .header-type-3 .main-nav, .header-type-4 .main-nav { background-color: #f8f8f8; } .header-type-3 .main-nav .double-border, .header-type-4 .main-nav .double-border { padding: 30px 0; border: none; } .header-type-3 .main-nav .menu, .header-type-4 .main-nav .menu { width: 700px; text-align: end; float: none; margin-right: 0px; } .header-type-3 .main-nav .menu > li, .header-type-4 .main-nav .menu > li { margin-right: -3px; padding: 0 11px; } .header-type-3 .main-nav .menu > li:last-child, .header-type-4 .main-nav .menu > li:last-child { padding-right: 0 !important; } .header-type-3 .main-nav .menu > li > a, .header-type-4 .main-nav .menu > li > a { padding-top: 14px; } .header-type-3 .main-nav .menu > li > a:hover, .header-type-4 .main-nav .menu > li > a:hover { text-decoration: underline; } .header-type-3 .main-nav .menu > li > a:hover:before, .header-type-4 .main-nav .menu > li > a:hover:before { content: ''; position: absolute; width: 100%; background-color: transparent; border-bottom: none; bottom: 0; top: 2px; left: 0; border-top: none; } .header-type-3 .main-nav .menu > li > a:hover:after, .header-type-4 .main-nav .menu > li > a:hover:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 50px; } .header-type-3 .main-nav .menu > li.current-menu-parent > a, .header-type-4 .main-nav .menu > li.current-menu-parent > a, .header-type-3 .main-nav .menu > li.current-menu-item > a, .header-type-4 .main-nav .menu > li.current-menu-item > a { text-decoration: underline; } .header-type-3 .main-nav .menu > li.current-menu-parent > a:before, .header-type-4 .main-nav .menu > li.current-menu-parent > a:before, .header-type-3 .main-nav .menu > li.current-menu-item > a:before, .header-type-4 .main-nav .menu > li.current-menu-item > a:before { content: ''; position: absolute; width: 100%; background-color: transparent; border-bottom: none; bottom: 0; top: auto; left: 0; border-top: none; } .header-type-3 .main-nav .menu > li li, .header-type-4 .main-nav .menu > li li { text-align: start; } .header-type-3 .top-bar { background-color: #f8f8f8; } .header-type-3 .main-nav { background: none; border-top: none; } .header-type-3 .main-nav .double-border { border-top: none; } .header6 .logo { position: static; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); top: 0; } .page-heading { background-size: cover; } .woocommerce ul li { list-style: none; } /*---------------------------------------------------------------*/ /* Fourth Header Variant (transparent) /*---------------------------------------------------------------*/ .header-type-4.transparent.dark + .page-heading .woocommerce-breadcrumb, .header-type-4.transparent.dark + .page-heading .breadcrumbs, .header-type-4.transparent.dark + .page-heading #breadcrumb, .header-type-4.transparent.dark + .page-heading .woocommerce-breadcrumb a, .header-type-4.transparent.dark + .page-heading .breadcrumbs a, .header-type-4.transparent.dark + .page-heading #breadcrumb a { color: #000; } .header-type-4.transparent.dark + .page-heading h1:before, .header-type-4.transparent.dark + .page-heading .title:before { display: none; } .header-type-4.transparent.dark + .page-heading .title span { background: transparent; color: #000; } .header-type-4.transparent.dark .show-top-panel { color: #000; } .header-type-4.transparent.light + .page-heading .woocommerce-breadcrumb, .header-type-4.transparent.light + .page-heading .title, .header-type-4.transparent.light + .page-heading .woocommerce-breadcrumb a, .header-type-4.transparent.light + .page-heading .title a, .header-type-4.transparent.light + .page-heading .woocommerce-breadcrumb span, .header-type-4.transparent.light + .page-heading .title span { color: #fff; } .header-type-4.transparent.light + .page-heading .breadcrumbs, .header-type-4.transparent.light + .page-heading #breadcrumb, .header-type-4.transparent.light + .page-heading .breadcrumbs a, .header-type-4.transparent.light + .page-heading #breadcrumb a { color: #fff; } .header-type-4.transparent.light + .page-heading .back-to { color: #fff; } .header-type-4.transparent.light + .page-heading h1:before, .header-type-4.transparent.light + .page-heading .title:before { display: none; } .header-type-4.transparent.light + .page-heading .title span { background: transparent; } .header-type-4.transparent { position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 999; } .header-type-4.transparent .main-nav { background-color: transparent; } .header-type-4.transparent .main-nav .menu { float: right; margin-right: 0; } .header-type-4.transparent .main-nav .menu > li > a { color: #fff; } .header-type-4.transparent .cart-summ, .header-type-4.transparent .cart-summ:before { color: #fff; } .header-type-4.transparent .links li:before, .header-type-4.transparent .links li:after, .header-type-4.transparent .links li a { color: #fff; } .header-type-4.transparent .shopping-cart-link, .header-type-4.transparent .search-link, .header-type-4.transparent .shopping-cart-link span.amount, .header-type-4.transparent .search-link span.amount, .header-type-4.transparent .shopping-cart-link:before, .header-type-4.transparent .search-link:before { color: #fff; } .header-type-4.transparent .top-bar .container { padding: 17px 0px 16px; } .header-type-4.transparent .top-bar .wishlist-link a { color: #fff; } .header-type-4.transparent + .container .page-content { padding-top: 0; } .header-type-4.transparent + .page-heading.bc-type-, .header-type-4.transparent + .page-heading.bc-type-variant2, .header-type-4.transparent + .page-heading.bc-type-without-title { padding-top: 200px; background-size: cover !important; padding-bottom: 35px; /* background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0);*/ /*&:before{ content: ""; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1))); background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#66000000', GradientType=0); display: block; width: 100%; height: 287px; position: absolute; top: 0; }*/ } .header-type-4.transparent .side-area-icon { top: 18px; } .header-type-4.transparent.dark .main-nav .menu > li > a, .header-type-4.transparent.dark .top-bar .wishlist-link a, .header-type-4.transparent.dark .links li a, .header-type-4.transparent.dark .links li:before, .header-type-4.transparent.dark .shopping-cart-link, .header-type-4.transparent.dark .search-link, .header-type-4.transparent.dark .shopping-cart-link:before, .header-type-4.transparent.dark .search-link:before, .header-type-4.transparent.dark .shopping-cart-link span.amount, .header-type-4.transparent.dark .search-link span.amount, .header-type-4.transparent.dark .side-area-icon i:before, .header-type-4.transparent.dark .menu-icon i:before { color: #000; } /*---------------------------------------------------------------*/ /* Fixed header /*---------------------------------------------------------------*/ .fixed-header-area { position: fixed; top: -200px; left: 0; width: 100%; z-index: 10000; -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; } .fixed-header-area.fixed-already { top: 0; } .fixed-header-area .menu { float: right; } .fixed-header-area .menu > li { padding: 0 11px !important; } .fixed-header-area .fixed-header > .container .menu-wrapper { display: flex; justify-content: space-between; align-items: center; } .fixed-header-area .fixed-header .logo-with-menu { display: table-cell; width: 184px; } .fixed-header-area .fixed-header .logo-with-menu + div + div { margin-left: auto; } .fixed-header-area .fixed-header .menu { float: right; } .admin-bar .fixed-header-area.fixed-already { top: 28px; } /*---------------------------------------------------------------*/ /* Main menu /*---------------------------------------------------------------*/ .main-nav { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; padding: 2px 0; position: relative; } .main-nav .double-border { border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .fixed-header .menu, .main-nav .menu { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none; margin-bottom: 0; padding-left: 0; } .fixed-header .menu > li, .main-nav .menu > li { display: inline-block; padding: 0 22px; } .fixed-header .menu > li.badge-new > a:before, .main-nav .menu > li.badge-new > a:before, .fixed-header .menu > li.badge-hot > a:before, .main-nav .menu > li.badge-hot > a:before, .fixed-header .menu > li.badge-sale > a:before, .main-nav .menu > li.badge-sale > a:before { content: ''; position: absolute; width: 20px; right: -30px !important; height: 12px; bottom: auto !important; left: auto !important; padding: 2px 20px; background-repeat: no-repeat; background-position: center right; text-decoration: none !important; } .fixed-header .menu > li.badge-new:hover, .main-nav .menu > li.badge-new:hover, .fixed-header .menu > li.badge-hot:hover, .main-nav .menu > li.badge-hot:hover, .fixed-header .menu > li.badge-sale:hover, .main-nav .menu > li.badge-sale:hover { text-decoration: none !important; } .fixed-header .menu > li.badge-new > a:before, .main-nav .menu > li.badge-new > a:before { background-image: url(images/new-icon.png); } .fixed-header .menu > li.badge-hot > a:before, .main-nav .menu > li.badge-hot > a:before { background-image: url(images/hot-icon.png); } .fixed-header .menu > li.badge-sale > a:before, .main-nav .menu > li.badge-sale > a:before { background-image: url(images/sale-icon.png); } .fixed-header .menu > li > a, .main-nav .menu > li > a { display: block; position: relative; font-family: Georgia; font-size: 14px; padding: 16px 5px; text-transform: uppercase; font-weight: 400; } .fixed-header .menu > li > a:after, .main-nav .menu > li > a:after { content: ""; position: absolute; width: 100%; height: 80px; bottom: -60px; left: 0; } .fixed-header .menu > li .nav-sublist-dropdown, .main-nav .menu > li .nav-sublist-dropdown { display: none; position: absolute; z-index: 10000; width: 200px; top: 100%; border-bottom: 1px solid #ebebeb; padding: 0; background-color: #ffffff; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; max-width: 100%; } .fixed-header .menu > li .nav-sublist-dropdown:before, .main-nav .menu > li .nav-sublist-dropdown:before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: -15px; z-index: -1; } .fixed-header .menu > li .nav-sublist-dropdown ul, .main-nav .menu > li .nav-sublist-dropdown ul { padding-left: 0; margin-bottom: 0; list-style: none; } .fixed-header .menu > li .nav-sublist-dropdown ul li.image-item a, .main-nav .menu > li .nav-sublist-dropdown ul li.image-item a { font-size: 0 !important; } .fixed-header .menu > li .nav-sublist-dropdown ul li.image-item:before, .main-nav .menu > li .nav-sublist-dropdown ul li.image-item:before { display: none; } .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-new > a:after, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-new > a:after, .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-hot > a:after, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-hot > a:after, .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-sale > a:after, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-sale > a:after { content: ''; position: relative; padding: 2px 20px; background-repeat: no-repeat; background-position: center center; text-decoration: none !important; } .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-new:hover, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-new:hover, .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-hot:hover, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-hot:hover, .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-sale:hover, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-sale:hover { text-decoration: none !important; } .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-new > a:after, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-new > a:after { background-image: url(images/new-icon.png); } .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-hot > a:after, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-hot > a:after { background-image: url(images/hot-icon.png); } .fixed-header .menu > li .nav-sublist-dropdown ul li.badge-sale > a:after, .main-nav .menu > li .nav-sublist-dropdown ul li.badge-sale > a:after { background-image: url(images/sale-icon.png); } .fixed-header .menu > li .nav-sublist-dropdown .container, .main-nav .menu > li .nav-sublist-dropdown .container { max-width: 100%; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul > li a, .main-nav .menu > li .nav-sublist-dropdown .container > ul > li a { font-family: 'Open Sans', sans-serif; padding: 15px 20px; display: block; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-top: 1px solid #dbdbdb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children { position: relative; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before { content: ''; width: 15px; height: 9px; position: absolute; right: 10px; margin-left: 13px; background: url(images/shortcodes-arrow-right.png) no-repeat; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { position: absolute; left: 199px; top: 0; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist li { background-color: rgba(255, 255, 255, 0.95); width: 200px; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children:hover > .nav-sublist { display: block; } .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { display: none; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown { padding: 25px 0 30px; width: 100%; left: 0; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li { width: 18.297%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col12, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col12 { width: 100%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col11, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col11 { width: 91.48936170212765%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col10, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col10 { width: 82.97872340425532%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col9, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col9 { width: 74.46808510638297%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col8, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col8 { width: 65.95744680851064%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col7, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col7 { width: 57.44680851063829%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col6, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col6 { width: 48.93617021276595%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col5, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col5 { width: 40.42553191489362%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col4, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col4 { width: 31.914893617021278%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col3, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col3 { width: 23.404255319148934%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col2-5, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col2-5 { width: 18.297%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col2, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col2 { width: 14.893617021276595%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col1, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li.et-col1 { width: 6.382978723404255%; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li > a { font-size: 14px; text-transform: uppercase; font-family: Georgia; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li a { padding: 5px 5px; border: none; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist { display: block; position: relative; left: auto; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li { background: none; width: auto; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 20px; font-size: 16px; margin: 3px 10px 0 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li ul, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li ul { margin: 3px 0 3px 3px; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li ul li:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li ul li:before { line-height: 17px; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li ul li a, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li .nav-sublist ul li ul li a { padding: 3px; font-size: 11px; } .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul .menu-item-has-children > a:before { background: none; } .fixed-header .menu .menu-full-width .nav-sublist-dropdown .container > ul > li, .main-nav .menu .menu-full-width .nav-sublist-dropdown .container > ul > li, .fixed-header .menu [class*="et-col"], .main-nav .menu [class*="et-col"] { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-left: 0; } .fixed-header .menu .menu-full-width .nav-sublist-dropdown .container > ul > li, .main-nav .menu .menu-full-width .nav-sublist-dropdown .container > ul > li { float: left; } .fixed-header .menu .menu-full-width .nav-sublist-dropdown .container > ul > li:first-child, .main-nav .menu .menu-full-width .nav-sublist-dropdown .container > ul > li:first-child, .fixed-header .menu [class*="et-col"]:first-child, .main-nav .menu [class*="et-col"]:first-child { margin-left: 0 !important; } .fixed-header .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { left: auto; right: 199px; } .fixed-header .menu > li.menu-full-width:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li.menu-full-width:nth-last-child(1) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .fixed-header .menu > li.menu-full-width:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist, .main-nav .menu > li.menu-full-width:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { left: auto; right: auto; } .main-nav .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children.et-col2, .main-nav .menu > li .nav-sublist-dropdown .container > ul .image-item.et-col3, .fixed-header .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children.et-col2, .fixed-header .menu > li .nav-sublist-dropdown .container > ul .image-item.et-col3 { margin-left: 0; } .fixed-menu-type4 .fixed-header .menu > li .nav-sublist-dropdown:before, .header-type-4 .main-nav .menu > li .nav-sublist-dropdown:before, .fixed-menu-type3 .fixed-header .menu > li .nav-sublist-dropdown:before, .header-type-3 .main-nav .menu > li .nav-sublist-dropdown:before { top: -50px; } .main-nav .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .fixed-header .menu > li .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .main-nav > .menu > li > .nav-sublist-dropdown > .container > ul > li:last-child a { border-bottom: 1px solid #dbdbdb; } .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a, .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container ul .menu-item-has-children .nav-sublist ul li:last-child a { border-bottom: none; } .main-nav .menu > li .nav-sublist-dropdown { background-color: #FFF !important; } .menu ul > li.badge-new > a:after, .menu ul > li.badge-sale > a:after, .menu ul > li.badge-hot > a:after { content: ''; position: relative; padding: 2px 20px; background-repeat: no-repeat; background-position: center center; text-decoration: none !important; } .menu ul > li.badge-new:hover > a:after, .menu ul > li.badge-sale:hover > a:after, .menu ul > li.badge-hot:hover > a:after { text-decoration: none !important; } .menu ul > li.badge-new > a:after { background-image: url(images/new-icon.png); } .menu ul > li.badge-sale > a:after { background-image: url(images/sale-icon.png); } .menu ul > li.badge-hot > a:after { background-image: url(images/hot-icon.png); } .fixed-header { background: #ffffff; border-bottom: 1px solid #dfdfdf; -webkit-box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 10px -2px rgba(0, 0, 0, 0.3); padding: 8px 0px; } .fixed-header .menu li a { padding-bottom: 15px; } .fixed-header .menu-icon { top: auto; } .fixed-header .modal-buttons { padding-top: 0; margin-left: auto; } .my-account-link .install-info { font-size: 12px !important; } .install-menu-info { font-size: 12px; margin-top: 10px; margin-bottom: 10px; } .side-area .sidebar-widget h6 { color: #f5f5f5; margin-top: 20px; } .sidebar-widget .product_list_widget .order-list { padding-left: 0px; } .sidebar-widget .product_list_widget img { margin: 0 10px 0 0; } .sidebar-widget .product_list_widget .woocommerce-mini-cart-item .media-heading { font-size: 14px; } .sidebar-widget .product_list_widget .woocommerce-mini-cart-item .remove { float: right; color: #dedede; font-size: 16px; font-weight: bold; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: center center; display: block; width: 15px; height: 15px; font-size: 0; opacity: 0.3; } .sidebar-widget .product_list_widget .woocommerce-mini-cart-item .blockUI { opacity: 0.1; } .menu-wrapper .install-info { text-align: center; width: 100%; text-transform: uppercase; margin-top: -8px; } .fixed-header .menu-wrapper .install-info { width: auto; float: left; display: block; margin-left: 20px; margin-top: 15px; } /*---------------------------------------------------------------*/ /* Side block /*---------------------------------------------------------------*/ .side-block { position: absolute; background: #2f2f2f; left: 0; top: 0; width: 240px; height: 100%; bottom: 0; z-index: 250; -webkit-transition: opacity 100ms 300ms, -webkit-transform 500ms ease; -moz-transition: opacity 100ms 300ms ease, -moz-transform 500ms ease; -o-transition: opacity 100ms 300ms ease, -o-transform 500ms ease; transition: opacity 100ms 300ms ease, transform 500ms ease; -webkit-transition-delay: ease, 0s; } .side-block .close-block { font-size: 16px; position: relative; text-transform: uppercase; color: #fff; background-color: #151515; display: block; padding: 20px 0 20px 20px; font-family: Georgia; text-align: start; width: 100%; cursor: pointer; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .side-block .close-block:hover { color: #c6c6c6; } .side-block .close-block:hover:before { background-position: bottom center; } .side-block .close-block:before { content: ""; display: block; width: 15px; height: 15px; position: absolute; right: 15px; top: 25px; background-image: url(images/small-close.png); background-repeat: no-repeat; background-position: top center; } /*---------------------------------------------------------------*/ /* Side area /*---------------------------------------------------------------*/ .shown-side-area .page-wrapper { overflow-x: hidden; } .shown-side-area .top-bar .container { position: static; } .side-area { left: auto; width: 0; right: 0; padding: 0px; font-size: 0; color: #c7c7c7; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .side-area .close-block { display: none; float: left; padding: 10px 20px; text-align: center; background-image: url(images/white_cross_big.png); background-repeat: no-repeat; background-position: center center; } .side-area .close-block:before { background-image: none; } .side-area .close-block:hover { opacity: 0.8; } .side-area .close-block i { float: right; font-size: 36px; width: 100%; color: #C6C6C6; } .side-area .close-block i:before { content: "" !important; } .side-area .close-block:hover { color: #707070; } .side-area a { color: white; } .side-area h1, .side-area h2, .side-area h3, .side-area h4, .side-area h5 { color: #c7c7c7; } .side-area .sidebar-widget { display: none; float: left; width: 100%; padding: 0 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 50px; } .side-area .widget-title { font-family: Georgia; font-size: 14px; color: #fff !important; text-align: center; border-bottom: 1px solid #3e3e3e !important; padding-bottom: 10px; margin-bottom: 20px; } .widget_search { min-height: 32px; } .shown-side-area .side-area { width: 290px; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); font-size: inherit; } .shown-side-area .close-block, .shown-side-area .side-area .sidebar-widget { display: block; } .shown-side-area .side-area .sidebar-widget { border-top: 1px solid #3e3e3e; } .side-area-icon, .menu-icon { cursor: pointer; font-size: 24px; float: right; line-height: 25px; margin-left: 20px; position: absolute; right: 0; top: 9px; color: #d3d3d3; } .side-area-icon i, .menu-icon i { position: absolute; right: 0; } .side-area-icon i:before, .menu-icon i:before { content: "\f0c9" !important; font-family: FontAwesome !important; } .side-area-icon i { right: 0; top: -4px; position: relative; } .header-type-5 .side-area-icon i { color: #afafaf !important; } .shown-side-area .side-area-icon, .mobile-nav-shown .menu-icon { height: 100%; position: absolute; z-index: 10010; } .shown-side-area .side-area-icon i, .mobile-nav-shown .menu-icon i { display: none; } .shown-side-area .side-area-icon { width: 100%; } .shown-side-area .mobile-nav-shown .menu-icon { width: 98%; } .shown-side-area .page-wrapper { overflow: hidden; } .shown-side-area .etheme_cp_btn_show, .shown-side-area .etheme_cp { z-index: -1; } .shown-side-area .top-bar { position: static; } .shown-side-area.wide .page-wrapper { z-index: 0; right: 0; } .shown-side-area .page-wrapper:after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .boxed.rightPanel-enabled .shopping-cart-widget { padding-right: 20px; width: 305px; } .boxed .side-area { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .wide .side-area { right: 0; z-index: 1; } .shown-side-area.wide .page-wrapper { right: 0; } .shown-side-area.boxed .side-area { right: 0; z-index: 10006; } /*---------------------------------------------------------------*/ /* Mobile navigation menu /*---------------------------------------------------------------*/ .menu-icon { font-size: 28px; line-height: 28px; top: 16px; } body { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; overflow-x: hidden; } body.transparent .page-wrapper { background: transparent; } .mobile-nav { -webkit-transform: translate3d(-250px, 0, 0); -moz-transform: translate3d(-250px, 0, 0); -ms-transform: translate3d(-250px, 0, 0); -o-transform: translate3d(-250px, 0, 0); transform: translate3d(-250px, 0, 0); -webkit-transition: all 0.5s; position: absolute; top: 0; left: -100%; z-index: 10100; height: 100%; width: 240px; background-color: #151515; } .mobile-nav .mobile-nav-heading { color: #FFF; font-size: 14px; text-transform: uppercase; padding-left: 20px; padding-bottom: 20px; letter-spacing: 1px; display: inline-block; margin-top: 30px; } .mobile-nav .mobile-nav-heading i { margin-right: 10px; font-size: 16px; display: none; } .mobile-nav ul.links { width: 100%; border-top: 1px solid #262626; } .mobile-nav ul.links li { display: inline-block; margin-left: 0; } .mobile-nav ul.links li a { color: #c7c7c7; line-height: 40px; padding: 0 10px 0 0; font-size: 13px; text-transform: uppercase; } .mobile-nav ul.links li.my-account-link { margin-left: 18px; } .mobile-nav ul.links .login-link { margin-left: 18px; } .mobile-nav .search { height: 30px; margin: 10px 20px 0 20px; margin-bottom: 20px; } .mobile-nav .search .et-mega-search form input[type="text"] { right: 0; background: #151515; border: 1px solid #262626; } .mobile-nav .et-search-result { display: none !important; } .mobile-nav-shown .mobile-nav { -webkit-transition: all 0.5s; -webkit-box-shadow: 0px 10px 10px #111; -moz-box-shadow: 0px 10px 10px #111; box-shadow: 0px 10px 10px #111; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); height: 100%; z-index: 100120; left: 0; position: fixed; overflow-y: scroll; } .page-wrapper { position: relative; overflow: hidden; } .mobile-nav-shown .page-wrapper:after { width: 100%; height: 100%; opacity: 1; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; } .mobile-nav-shown .header .menu-icon { width: 100%; height: 100%; position: absolute; z-index: 10010; } .et-mobile-menu { text-align: start; margin-bottom: 0; padding-left: 0; } /* level 0 -------------------------------------------------------------- */ .et-mobile-menu li { display: block; position: relative; } .et-mobile-menu li.over > a { color: #FFF; } .et-mobile-menu li .open-child { float: right; font-size: 0; width: 40px; height: 40px; margin-top: 1px; display: block; cursor: pointer; position: relative; background-color: #151515; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } .et-mobile-menu li .open-child:hover { background-color: #0e0e0e; } .et-mobile-menu li .open-child:hover:after { background-position: bottom center; } .et-mobile-menu li .open-child:after { content: ""; background-image: url(images/small-plus.png); background-position: bottom center; background-repeat: no-repeat; cursor: pointer; width: 19px; height: 19px; display: block; position: absolute; left: 10px; top: 10px; opacity: 0.5; } .et-mobile-menu li .open-child::selection { background-color: transparent !important; } .et-mobile-menu li.over > .open-child:after { background-image: url(images/small-plus.png); background-position: top center; background-repeat: no-repeat; } .et-mobile-menu li > a { color: #c7c7c7; display: block; line-height: 40px; padding: 0 10px 0 20px; font-size: 14px; font-family: Georgia; text-transform: uppercase; background: #151515; border-top: 1px solid #222222!important; } .et-mobile-menu li > a:hover { background-color: #989898; text-decoration: none; color: #222; -webkit-transition: background-color 0.3s ease; -moz-transition: background-color 0.3s ease; -ms-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; } /* level 1 -------------------------------------------------------------- */ .et-mobile-menu > li > ul { border-top: 0!important; padding-left: 0; margin-bottom: 0; } /* level 1 + -------------------------------------------------------------- */ .et-mobile-menu > li ul { display: none; padding: 0; margin: 0; } .et-mobile-menu > li > ul li { display: block; position: relative; background: #151515; } .et-mobile-menu > li > ul > li a { padding-left: 20px; margin-left: 20px; text-transform: none; font-size: 12px; font-family: "Open Sans", Arial; display: block; background-color: #151515; } .et-mobile-menu > li > ul > li a:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 40px; font-size: 16px; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .et-mobile-menu > li > ul > li li a { padding-left: 15px; background-color: #151515; margin-left: 40px; } .et-mobile-menu > li > ul > li li li a { padding-left: 30px; background-color: #151515; margin-left: 40px; } .et-mobile-menu > li > ul > li li li li a { padding-left: 40px; margin-left: 45px; } /*---------------------------------------------------------------*/ /* Menu Sidebar /*---------------------------------------------------------------*/ .widget_nav_menu { margin-bottom: 20px; } .widget_nav_menu .widget-title { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 10px; } .widget_nav_menu ul { padding-left: 0; margin-bottom: 0; border: 1px solid #e6e6e6; } .widget_nav_menu li { list-style: none; position: relative; } .widget_nav_menu li:before { content: "\f105"; font-family: FontAwesome; font-size: 14px; position: absolute; left: 35px; top: 17px; } .widget_nav_menu li:hover:before { color: #ed1c2e; } .widget_nav_menu li a { padding: 15px 20px 15px 50px; color: #000000; font-size: 15px; display: block; border-top: 1px solid #e6e6e6!important; } .widget_nav_menu li a:hover { border-color: #e6e6e6!important; color: #ed1c2e; } .widget_nav_menu li:first-child a { border-top: none !important; } .widget_nav_menu .widget-title { font-size: 16px; text-align: center; margin-bottom: 0; padding: 15px 0; } .widget_nav_menu .current-menu-item a { position: relative; border-left: none; color: #ed1c2e; } /*---------------------------------------------------------------*/ /* Page Layout /*---------------------------------------------------------------*/ .page-wrapper { background: white; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .boxed .page-wrapper { width: 980px; margin: 0 auto; box-shadow: 0 1px 6px; -webkit-box-shadow: 0 1px 6px; } .boxed .main-nav > .container { width: 100%; } .page-content { padding-top: 20px; margin-bottom: 40px; } .page-heading { padding: 30px 0 10px; } .page-heading h1 { margin-bottom: 0; line-height: 1; margin-top: 5px; font-size: 28px; } .page-heading .row-fluid .span12 { min-height: 1px; position: relative; } .page-heading .row-fluid .span12 .back-to { position: absolute; right: 0; top: 1px; font-size: 11px; font-family: Georgia; color: #777; text-transform: uppercase; letter-spacing: 1px; } .page-heading .row-fluid .span12 .back-to span { display: none; } .page-heading .row-fluid .span12 .back-to:before { content: "\f104"; font-family: "FontAwesome"; font-size: 14px; text-align: center; opacity: 1; display: block; text-indent: 0; position: absolute; left: -10px; top: -2.5px; } .woocommerce-breadcrumb, #breadcrumb { text-transform: uppercase; margin: 0; padding: 0; } .breadcrumbs { position: relative; text-transform: uppercase; } .breadcrumbs .back-to { top: -33px !important; } .breadcrumbs .back-to span { display: none; } .breadcrumbs .back-to:before { content: "\f104"; font-family: "FontAwesome"; font-size: 14px; text-align: center; opacity: 1; display: block; text-indent: 0; position: absolute; left: -10px; top: -2px; } .bc-type-without-title .title { display: none; } .bc-type-without-title .breadcrumbs { text-align: start; } .bc-type-without-title .breadcrumbs .back-to { top: 0 !important; } .bc-type-without-title .woocommerce-breadcrumb { text-align: start; } .bc-type-variant2 { background-color: #fafafa; padding: 30px 0; -webkit-box-shadow: 0px 11px 14px -16px rgba(0, 0, 0, 0.5) inset, 0px -11px 14px -16px rgba(0, 0, 0, 0.5) inset; box-shadow: 0px 11px 14px -16px rgba(0, 0, 0, 0.5) inset, 0px -11px 14px -16px rgba(0, 0, 0, 0.5) inset; } .bc-type-variant2 h1 { float: left; line-height: 18px; margin-top: -4px; } .bc-type-variant2 h1 span { background-color: transparent; font-size: 17.5px; } .bc-type-variant2 h1:before { border: none; } .bc-type-variant2 .woocommerce-breadcrumb, .bc-type-variant2 .breadcrumbs { float: right; font-family: Georgia; line-height: 18px; padding-right: 20px; } .bc-type-variant2 .back-to { display: none; } .sidebar-position-left .sidebar-right, .sidebar-position-right .sidebar-left, .sidebar-position-without .sidebar { display: none!important; } .sidebar-position-right .content-area { float: left; *zoom: 1; } .row-fluid .content.span12 { margin-left: 0!important; } /*---------------------------------------------------------------*/ /* Four columns /*---------------------------------------------------------------*/ .one-fourth { float: left; margin-left: 20px; width: 220px; } /*---------------------------------------------------------------*/ /* ET grid /*---------------------------------------------------------------*/ .et_row { margin-left: -20px; *zoom: 1; } .et_row:before, .et_row:after { display: table; content: ""; line-height: 0; } .et_row:after { clear: both; } [class*="et_col"] { float: left; min-height: 1px; margin-left: 20px; } .et_col12 { width: 940px; } .et_col11 { width: 860px; } .et_col10 { width: 780px; } .et_col9 { width: 700px; } .et_col8 { width: 620px; } .et_col7 { width: 540px; } .et_col6 { width: 460px; } .et_col5 { width: 380px; } .et_col4 { width: 300px; } .et_col3 { width: 220px; } .et_col2 { width: 140px; } .et_col1 { width: 60px; } /*---------------------------------------------------------------*/ /* Sidebars And Widgets /*---------------------------------------------------------------*/ .sidebar-widget { margin-bottom: 40px; float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .sidebar-widget .widget-title { padding: 20px 0; margin-bottom: 20px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .sidebar-widget #searchform input[type="text"] { width: 220px; } .footer .sidebar-widget { float: none; } .footer .wpb_heading { font-size: 16px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; } .footer .sidebar-widget .widget-title { padding: 0; border: none; } .side-block .widget-title { border: none; } .sidebar-widget:last-child { margin-bottom: 0; } .widget_categories ul.children { margin-bottom: 0; } .widget_categories ul.children li { margin-bottom: 0; padding-bottom: 0; } .widget_categories select { width: 100%; max-width: 100%; } .widget_categories .screen-reader-text { display: none; } .widget_categories a { display: inline-block; } .widget_categories a:hover { text-decoration: none; } .widget_categories a:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 20px; font-size: 16px; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget_categories ul { padding-left: 0; } .widget_categories li { padding: 5px 0 5px 5px; list-style: none; } .widget_categories li:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 20px; font-size: 16px; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .widget_categories li { margin-left: 4px; } .widget_categories li:before { content: ""; } .recent-post-mini { list-style: none; margin-bottom: 20px; } .recent-post-mini a { font-family: Georgia; text-transform: uppercase; color: #000000; } .recent-post-mini .postimg { float: left; margin-right: 20px; } .recent-post-mini > a.postimg { position: relative; text-align: center; } .recent-post-mini > a.postimg img { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .recent-post-mini > a.postimg:hover img { opacity: 0.7; } .recent-post-mini strong { font-weight: normal; } .side-block .recent-post-mini a { color: #fff; } .etheme_widget_qr_code { border: 1px solid #ebebeb; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 12px; } .etheme_widget_qr_code h4 { margin-bottom: 10px !important; } .etheme_widget_qr_code .widget-title { border: none; padding: 0; float: left; width: 100%; font-size: 16px !important; } .etheme_widget_qr_code .qr-lighbox { font-size: 0; width: 85px; height: 118px; display: block; float: right; margin-top: -49px; background-image: url(images/qr-bg.png); -webkit-background-size: 100%; -o-background-size: 100%; background-size: 100%; background-repeat: no-repeat; background-position: 0 0; } .etheme_widget_qr_code .qr-lighbox:hover { text-decoration: none; } /*---------------------------------------------------------------*/ /* Recent Comments /*---------------------------------------------------------------*/ .etheme_widget_recent_comments ul { padding-left: 0; margin-bottom: 0; } .etheme_widget_recent_comments ul li { list-style: none; line-height: 24px; margin-bottom: 15px; padding-bottom: 15px; } .etheme_widget_recent_comments ul li .post-title { font-family: Georgia; text-transform: uppercase; } .etheme_widget_recent_comments ul li .comment_author { color: #000000; } .footer-bottom-3 .comment_author { color: #fff !important; } /*---------------------------------------------------------------*/ /* Product Categories Widget /*---------------------------------------------------------------*/ .widget_product_categories .widget-title { margin-bottom: 10px; } .accordion-enabled .product-categories ul.children { display: none; } .product-categories { padding-left: 0; } .product-categories > li { position: relative; } .product-categories > li > a { margin-bottom: 5px; text-transform: uppercase; } .product-categories > li > ul { padding-left: 20px; } .product-categories > li.opened .open-this:hover { border-color: #ed1c2e; color: #ed1c2e; } .product-categories .children li.current-cat, .product-categories .children li.current-cat a, .product-categories .children li.current-cat span { color: #fc5a5a; } .product-categories .open-this { position: absolute; right: 0; cursor: pointer; float: right; height: 21px; line-height: 20px; font-size: 18px; width: 21px; color: #6f6f6f; display: block; margin: 0; text-align: center; font-family: "Open Sans", Arial; font-weight: 300; border: 1px solid #e2e2e2; } .product-categories .open-this:hover { border-color: #ed1c2e; color: #ed1c2e; } .product-categories .opened .open-this { line-height: 18px; } .product-categories li { list-style: none; margin: 3px 0 3px; } .product-categories li ul { margin-bottom: 4px; } .product-categories > li { margin-bottom: 5px; padding-bottom: 5px; } .product-categories > li > a { font-size: 13px; } .product-categories > li span { cursor: pointer; } .product-categories > li span:hover { color: #ed1c2e; } .product-categories > li > ul > li > a:hover, .product-categories > li > ul li > a:hover, .product-categories > li > ul > li > a:hover + span, .product-categories > li > ul li > a:hover + span { text-decoration: none !important; } .product-categories ul.children li > a:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 20px; font-size: 16px; margin-right: 10px; } /*---------------------------------------------------------------*/ /* WooCommerce Products widget /*---------------------------------------------------------------*/ .product_list_widget { list-style: none outside; margin: 0; padding: 0; } .product_list_widget a { color: #000000; text-transform: uppercase; font-family: Georgia; text-align: start; display: block; } .product_list_widget img { float: left; max-width: 120px; margin: 0 15px 0 0; -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .product_list_widget img:hover { opacity: 0.7; } .product_list_widget .amount { font-size: 14px; text-decoration: none; } .product_list_widget del .amount { font-size: 13px; } .product_list_widget ins { text-decoration: none; } .product_list_widget li { float: left; width: 100%; margin-bottom: 15px; } .product_list_widget li .star-rating { display: none; } .product_list_widget li .blockOverlay { opacity: 1 !important; background-color: rgba(255, 255, 255, 0.7) !important; } .footer .product_list_widget > li, .footer-top .product_list_widget > li { line-height: 24px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #ebebeb; float: none; } .footer .product_list_widget > li a, .footer-top .product_list_widget > li a { text-transform: uppercase; font-size: 12px; display: block; } .footer .product_list_widget > li:last-child, .footer-top .product_list_widget > li:last-child { border-bottom: 0; } .footer .product_list_widget > li img, .footer-top .product_list_widget > li img { max-width: 70px; } .footer .widget_nav_menu ul, .footer-top .widget_nav_menu ul { border: none; } .footer .widget_nav_menu ul li a, .footer-top .widget_nav_menu ul li a { padding: 0 0 0 15px; line-height: 25px; font-size: 12px; border: none !important; } .footer .widget_nav_menu ul li:before, .footer-top .widget_nav_menu ul li:before { left: 0; top: 3px; } .footer .etheme_widget_recent_comments li, .footer-top .etheme_widget_recent_comments li { border-bottom: 1px dotted #ebebeb; } .footer .etheme_widget_recent_comments li:last-child, .footer-top .etheme_widget_recent_comments li:last-child { border-bottom: 0; } .footer .etheme_widget_recent_entries .recent-post-mini, .footer-top .etheme_widget_recent_entries .recent-post-mini { border-bottom: 1px dotted #ebebeb; padding-bottom: 15px; margin-bottom: 15px; } .footer .etheme_widget_recent_entries .recent-post-mini:last-child, .footer-top .etheme_widget_recent_entries .recent-post-mini:last-child { border-bottom: 0; } /*---------------------------------------------------------------*/ /* WooCommerce layered Navigation /*---------------------------------------------------------------*/ .widget_layered_nav ul { padding-left: 0; margin-bottom: 0; float: left; width: 100%; } .widget_layered_nav ul li { position: relative; float: left; clear: both; list-style: none; display: block; margin: 0 5px 5px 0; cursor: pointer; } .widget_layered_nav ul li:hover .count { cursor: pointer; } .widget_layered_nav ul li:hover:before { background-image: url(images/tick-icon.png); } .widget_layered_nav ul li .count { display: inline-block; padding-right: 11px; font-size: 12px; } .widget_layered_nav ul li a { z-index: 1; display: inline-block; padding: 5px 5px 5px 10px; font-size: 12px; position: relative; } .widget_layered_nav ul li a:hover { text-decoration: none; } .widget_layered_nav ul li a:before { content: ""; -webkit-appearance: none; background-image: url(images/tick-icon.png); padding: 0; background-repeat: no-repeat; background-position: center center; margin-right: 0; width: 16px; position: relative; height: 14px; display: inline-block; top: 2px; left: -9px; } .widget_layered_nav ul li.chosen { padding-left: 14px; } .widget_layered_nav ul li.chosen a:before { content: "\e615"; font-family: "arrows"; font-size: 21px; color: #aaa; position: absolute; left: -18px; top: -3px; -webkit-appearance: none; background-image: url(images/tick-icon.png); padding: 0; background-repeat: no-repeat; background-position: 4px 10px; margin-right: 0; width: 20px; height: 22px; } .widget_layered_nav ul li.chosen .count { cursor: pointer; } .widget_layered_nav_filters ul { padding-left: 0; } .widget_layered_nav_filters ul li { list-style: none; padding: 5px; border: 1px solid #ebebeb; float: left; margin: 5px 10px 5px 0; padding-left: 25px; padding-right: 3px; cursor: pointer; } .widget_layered_nav_filters ul li a { position: relative; padding-right: 5px; } .widget_layered_nav_filters ul li a:before { content: "\e619"; width: 12px; height: 12px; position: absolute; font-family: "arrows"; font-size: 9px; margin-right: 5px; color: #222; top: 3px; left: -15px; } .widget_price_filter, .widget_layered_nav { margin-bottom: 30px; } .widget_price_filter .price_label, .widget_layered_nav .price_label { float: left; } .widget_product_search #searchform input[type="text"] { margin-bottom: 20px; } /*---------------------------------------------------------------*/ /* Flickr Photos /*---------------------------------------------------------------*/ .flickr_badge_image { -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin: 0 10px 10px 0px; width: 60px !important; height: 63px !important; float: left; background: none; padding: 0; } .flickr_badge_image:hover { position: relative; text-align: center; display: block; } .flickr_badge_image:hover img { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .flickr_badge_image:hover:hover img { opacity: 0.7; } /*---------------------------------------------------------------*/ /* Twitter /*---------------------------------------------------------------*/ .etheme_twitter .tweet { border-bottom: 1px dotted #ebebeb; padding-bottom: 10px; margin-bottom: 10px; line-height: 24px; } .etheme_twitter .tweet:last-child { border-bottom: 0; } .etheme_twitter .tweet a { color: #ed1c2e; } .etheme_twitter h3:before { content: "\f099"; font-family: FontAwesome; margin: 0 7px 0 0; } /* ETHEME TWITTER SLDIER */ .twitter-slider-title { text-align: center; font-size: 22px; } .et-tweets { list-style: none; padding: 0; margin: 0 auto 30px auto; } .et-tweets.owl-carousel li { font-size: 18px; max-width: 80%; margin: 0 auto; text-align: center; } .et-tweets.owl-carousel li:hover { cursor: url(images/grabbing.png) 8 8, move; } .color-scheme-dark .et-tweets.owl-carousel li a { color: white; } .et-tweets.owl-carousel .owl-prev, .et-tweets.owl-carousel .owl-next { position: absolute; top: 50%; left: 0; } .et-tweets:hover .owl-prev, .et-tweets:hover .owl-next { display: block; } .et-tweets.owl-carousel .owl-prev:before, .et-tweets.owl-carousel .owl-next:before { font-size: 36px; line-height: 36px; color: #efefef; display: inline; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f053"; transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; } .et-tweets.owl-carousel .owl-next:before { content: "\f054"; } .et-tweets.owl-carousel .owl-next { left: auto; right: 0; } /*---------------------------------------------------------------*/ /* Brands slider /*---------------------------------------------------------------*/ .brands-title { text-align: center; font-size: 22px; } .et-brands { list-style: none; padding: 0; margin: 0 auto 30px auto; } .et-brands.owl-carousel li { font-size: 18px; max-width: 80%; margin: 0 auto; text-align: center; } .et-brands.owl-carousel li:hover { cursor: url(images/grabbing.png) 8 8, move; } .color-scheme-dark .et-brands.owl-carousel li a { color: white; } .et-brands.owl-carousel .owl-prev, .et-brands.owl-carousel .owl-next { position: absolute; top: 50%; left: 0; margin-top: -18px; /*display: none;*/ } .et-brands:hover .owl-prev, .et-brands:hover .owl-next { display: block; } .et-brands.owl-carousel .owl-prev:before, .et-brands.owl-carousel .owl-next:before { font-size: 36px; line-height: 36px; color: #efefef; display: inline; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; content: "\f053"; transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -webkit-transition: 0.2s all ease-in-out; } .et-brands.owl-carousel .owl-next:before { content: "\f054"; } .et-brands.owl-carousel .owl-next { left: auto; right: 0; } /*---------------------------------------------------------------*/ /* Brands Grid /*---------------------------------------------------------------*/ .et-brands-grid li { text-align: center; width: 25%; display: inline-block; padding: 0 20px 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .et-brands-grid.columns-number-2 li { width: 50%; } .et-brands-grid.columns-number-3 li { width: 33.3%; } .et-brands-grid.columns-number-4 li { width: 25%; } .et-brands-grid.columns-number-5 li { width: 20%; } .et-brands-grid.columns-number-6 li { width: 16.6%; } /*---------------------------------------------------------------*/ /* Brands List /*---------------------------------------------------------------*/ .etheme_widget_brands select { max-width: 100%; } .etheme_widget_brands ul { margin-bottom: 0; } .etheme_widget_brands ul li { margin-bottom: 0; padding-bottom: 0; } .etheme_widget_brands a { display: block; } .etheme_widget_brands a:hover { text-decoration: none; } .etheme_widget_brands a:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 20px; font-size: 16px; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .etheme_widget_brands ul { padding-left: 0; } .etheme_widget_brands li { padding: 5px 0 5px 5px; list-style: none; } .etheme_widget_brands li:before { font-family: "FontAwesome"; font-weight: normal; font-style: normal; text-decoration: inherit; content: "\f105"; -webkit-font-smoothing: antialiased; float: left; line-height: 20px; font-size: 16px; margin-right: 10px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .etheme_widget_brands li { margin-left: 4px; } .etheme_widget_brands li:before { content: ""; } /*---------------------------------------------------------------*/ /* Shop /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* Toolbars /*---------------------------------------------------------------*/ .toolbar { margin-bottom: 20px; float: left; width: 100%; border-bottom: 1px solid #ebebeb; box-sizing: border-box; -moz-box-sizing: border-box; } .toolbar .woocommerce-result-count { display: inline-block; line-height: 28px; margin-right: 15px; float: left; font-size: 12px; } .toolbar .woocommerce-ordering { display: inline-block; float: left; margin-bottom: 20px; } .toolbar .woocommerce-ordering select { border: none; padding-top: 7px; font-family: 'Open Sans', Arial; border: 1px solid #ebebeb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; line-height: 15px; font-size: 12px; width: 170px; margin-bottom: 0; } .toolbar .woocommerce-pagination { float: right; margin-bottom: 20px; } .toolbar .view-switcher { float: left; margin-top: 2px; margin-left: 25px; margin-bottom: 10px; } .toolbar .view-switcher label { display: none; } .toolbar .switchToGrid, .toolbar .switchToList { font-size: 14px; float: left; padding: 0; margin-left: 3px; cursor: pointer; } .toolbar .switchToGrid i, .toolbar .switchToList i { display: none; } .toolbar .switchToGrid { width: 23px; height: 20px; background-position: 0 -1px; margin-right: 5px; } .toolbar .switchToGrid:before { content: "\e901"; position: relative; top: 1px; font-family: "arrows"; margin-right: 8px; color: #8e8e8e; font-size: 18px; } .toolbar .switchToList { width: 23px; height: 20px; background-position: 0 bottom; } .toolbar .switchToList:before { content: "\e900"; position: relative; top: 1px; font-family: "arrows"; margin-right: 8px; color: #8e8e8e; font-size: 18px; } .toolbar.toolbar-top { margin-top: 20px; } .toolbar.toolbar-bottom { margin-bottom: 0; } .toolbar.toolbar-bottom + .term-description { padding-top: 20px; clear: both; } .page-numbers, .pagination { margin-bottom: 0; padding-left: 0; } .page-numbers li, .pagination li { list-style: none; display: inline-block; float: left; line-height: 21px; margin-right: 5px; } .page-numbers li span, .pagination li span, .page-numbers li a, .pagination li a { font-size: 14px; display: block; padding: 2px 0; width: 26px; text-align: center; border: 1px solid #e2e2e2; } .page-numbers li span, .pagination li span, .page-numbers li a:hover, .pagination li a:hover { border-width: 1px; border-style: solid; text-decoration: none; } .page-numbers li span.dots, .pagination li span.dots { border: 1px solid #e2e2e2; color: #6f6f6f; padding: 2px 5px; border: none; line-height: 28px; } .page-numbers .prev, .pagination .prev, .page-numbers .next, .pagination .next { font-size: 0; text-indent: -99999px; padding: 0; height: 25px; width: 26px; line-height: 24px; } .page-numbers .prev:before, .pagination .prev:before { content: "\66"; font-family: "arrows"; font-size: 14px; color: #6f6f6f; position: relative; top: 1px; right: -9px; float: left; display: block; text-indent: 0; } .page-numbers .prev:hover:before, .pagination .prev:hover:before { color: #ed1c2e; } .page-numbers .next:before, .pagination .next:before { content: "\df"; font-family: "arrows"; font-size: 14px; color: #6f6f6f; float: left; position: relative; left: 10px; top: 1px; display: block; text-indent: 0; } .page-numbers .next:hover:before, .pagination .next:hover:before { color: #ed1c2e; } /*---------------------------------------------------------------*/ /* Product Categories /*---------------------------------------------------------------*/ .category-banner { margin-bottom: 30px; } .product-category { margin-bottom: 20px; } .product-category img { margin-bottom: 1px; } .product-category h5 { margin-top: 15px; } .product-category:hover h5 { color: #fc5b5b; } .product-category:nth-child(3n+1) { margin-left: 0!important; clear: left; } .product-category .mask-container { position: relative; } .product-category .mask-container .block-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; color: white; padding: 0 0 1px 1px; text-align: center; opacity: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .product-category .mask-container .block-mask h1, .product-category .mask-container .block-mask h2, .product-category .mask-container .block-mask h3, .product-category .mask-container .block-mask h4, .product-category .mask-container .block-mask h5, .product-category .mask-container .block-mask h6 { color: white; } .product-category .mask-container .block-mask.valign-center .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; box-sizing: border-box; } .product-category .mask-container .block-mask.valign-bottom .mask-content { position: absolute; width: 100%; left: 0; top: auto; bottom: 0; } .product-category .mask-container .block-mask .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .product-category .mask-container .block-mask .mask-content a { color: #fff; display: inline-block; width: 44px; height: 44px; padding: 0; position: relative; font-size: 28px; margin: 0 10px; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .product-category .mask-container .block-mask .mask-content a i { line-height: 34px; } .product-category .mask-container .block-mask .mask-content a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.6); opacity: 1; color: #fff; } .product-category .mask-container .block-mask .mask-content a:hover:after { opacity: 0.85; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); } .product-category .mask-container .block-mask .mask-content a:after { content: ''; box-shadow: 0 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: opacity 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; pointer-events: none; position: absolute; width: 22px; height: 26px; left: 26px; bottom: -4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .product-category .mask-container .block-mask:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.6); } .product-category .mask-container .block-mask .mask-content { margin-left: -32px; } .product-category .mask-container .block-mask .mask-content a:first-child { display: none; } /*---------------------------------------------------------------*/ /* Product Grid for different products number per row /*---------------------------------------------------------------*/ .products-grid .products { margin-left: -15px; margin-right: -15px; } .products-grid .product { margin-bottom: 60px; margin-left: 15px; margin-right: 15px; float: left; } .products-grid.product-count-6 .product { width: calc(16.66% - 30px); } .products-grid.product-count-6 .product:nth-child(6n+1) { clear: both; } .products-grid.product-count-5 .product { width: calc(20% - 30px); } .products-grid.product-count-5 .product:nth-child(5n+1) { clear: both; } .products-grid.product-count-4 .product { width: calc(25% - 30px); } .products-grid.product-count-4 .product:nth-child(4n+1) { clear: both; } .product-count-4 .added-text { background-position: 10px center; } .products-grid.product-count-3 .product { width: calc(33.33% - 30px); } .products-grid.product-count-3 .product:nth-child(3n+1) { clear: both; } .products-grid.product-count-2 .product { width: calc(50% - 30px); } .products-grid.product-count-2 .product:nth-child(2n+1) { clear: both; } .products-grid.product-count-1 .products { margin-left: 0; margin-right: 0; } .products-grid.product-count-1 .product { width: 100%; margin-left: 0; margin-right: 0; } /*---------------------------------------------------------------*/ /* Product Loop /*---------------------------------------------------------------*/ .product-loop .product.content-product-advanced .product-excerpt, .slide-item .product.content-product-advanced .product-excerpt { margin-left: 10px; display: block; } .product-loop .product.content-product-advanced:hover .product-image-wrapper .slider-counter, .slide-item .product.content-product-advanced:hover .product-image-wrapper .slider-counter, .product-loop .product.content-product-advanced:hover .product-image-wrapper .small-slider-arrow, .slide-item .product.content-product-advanced:hover .product-image-wrapper .small-slider-arrow, .product-loop .product.content-product-advanced:hover .product-image-wrapper .show-quickly, .slide-item .product.content-product-advanced:hover .product-image-wrapper .show-quickly { opacity: 0; } .product-loop .product.content-product-advanced:hover, .slide-item .product.content-product-advanced:hover, .product-loop .product.content-product-advanced .product-image-wrapper, .slide-item .product.content-product-advanced .product-image-wrapper { border: 1px solid transparent; } .product-loop .product.content-product-advanced .product-image-wrapper:hover, .slide-item .product.content-product-advanced .product-image-wrapper:hover { border-color: #ebebeb; } .product-loop .product.content-product-advanced .product-image-wrapper:hover .slider-counter, .slide-item .product.content-product-advanced .product-image-wrapper:hover .slider-counter, .product-loop .product.content-product-advanced .product-image-wrapper:hover .small-slider-arrow, .slide-item .product.content-product-advanced .product-image-wrapper:hover .small-slider-arrow, .product-loop .product.content-product-advanced .product-image-wrapper:hover .show-quickly, .slide-item .product.content-product-advanced .product-image-wrapper:hover .show-quickly { opacity: 1; } .product-loop .product.content-product-advanced .show-quickly, .slide-item .product.content-product-advanced .show-quickly, .product-loop .product.content-product-advanced .slider-counter, .slide-item .product.content-product-advanced .slider-counter { bottom: 0; } .product-loop .product.content-product-advanced .products-page-cats, .slide-item .product.content-product-advanced .products-page-cats, .product-loop .product.content-product-advanced .product-name, .slide-item .product.content-product-advanced .product-name, .product-loop .product.content-product-advanced .product-excerpt p, .slide-item .product.content-product-advanced .product-excerpt p { margin-bottom: 10px; } .product-loop .product .product-image-wrapper, .slide-item .product .product-image-wrapper { position: relative; text-align: start; overflow: hidden; } .product-loop .product .product-image-wrapper > a, .slide-item .product .product-image-wrapper > a { display: block; } .product-loop .product .product-image-wrapper .product-mask, .slide-item .product .product-image-wrapper .product-mask { position: absolute; top: 0; left: 0; z-index: 1010; width: 100%; height: 100%; color: white; padding: 10px; background: rgba(0, 0, 0, 0.4); text-align: center; opacity: 0; cursor: pointer; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .product-loop .product .product-image-wrapper .product-mask .mask-text, .slide-item .product .product-image-wrapper .product-mask .mask-text { position: absolute; width: 100%; padding: 5px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .product-loop .product .product-image-wrapper .product-mask .mask-text h4, .slide-item .product .product-image-wrapper .product-mask .mask-text h4 { font-size: 14px; margin-bottom: 10px; color: #fff; } .product-loop .product .product-image-wrapper .product-mask .mask-text p, .slide-item .product .product-image-wrapper .product-mask .mask-text p { line-height: 24px; } .product-loop .product .product-image-wrapper .product-mask .mask-text a, .slide-item .product .product-image-wrapper .product-mask .mask-text a { color: #fff; } .product-loop .product .product-image-wrapper .product-mask .mask-text a:hover, .slide-item .product .product-image-wrapper .product-mask .mask-text a:hover { text-decoration: none; } .product-loop .product .product-image-wrapper:hover .product-mask, .slide-item .product .product-image-wrapper:hover .product-mask { opacity: 1; } .read-more-link { margin-top: 10px; color: white; border: 1px solid #dbdbdb; } .read-more-link:hover { background: white; color: #000!important; } .read-more-link.filled { background-color: #FFF; border: 1px solid #fff; color: #000; } .read-more-link.filled:hover { color: #FFF !important; } .product-loop.product-count-5 .product .added-text { font-size: 11px; } .product-loop, .blog-results { position: relative; display: inline-block; width: 100%; } a.view-all-results { position: absolute; right: 0; top: 0; font-size: 11px; font-family: Georgia; color: #a7a9aa; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } a.view-all-results:after { content: "\e603"; font-family: "arrows" !important; font-size: 10px; margin-left: 5px; text-align: center; opacity: 1; text-indent: 0; } .show-quickly-btn { cursor: pointer; } .added_to_cart.wc-forward { display: none; } /*---------------------------------------------------------------*/ /* Product Grid style /*---------------------------------------------------------------*/ .slide-item .product { margin: 0 10px; } .slide-item .product, .products-grid .product { position: relative; left: 0 !important; top: 0 !important; border: 1px solid #fff; box-sizing: border-box; -moz-box-sizing: border-box; } .slide-item .product:hover, .products-grid .product:hover { border: 1px solid #ebebeb; } .slide-item .product .product-name, .products-grid .product .product-name { font-size: 16px; margin: 0 10px 10px; } .slide-item .product .products-page-cats, .products-grid .product .products-page-cats { margin: 0 10px 15px; } .slide-item .product .products-page-cats a, .products-grid .product .products-page-cats a { color: #6f6f6f; text-transform: uppercase; font-size: 12px; } .slide-item .product .product-image-wrapper, .products-grid .product .product-image-wrapper { margin-bottom: 10px; } .slide-item .product .product-image-wrapper .with-hover img.show-image, .products-grid .product .product-image-wrapper .with-hover img.show-image { position: absolute; opacity: 0; } .slide-item .product .product-image-wrapper .with-hover:hover img.show-image, .products-grid .product .product-image-wrapper .with-hover:hover img.show-image { opacity: 1; } .slide-item .product .product-image-wrapper .with-hover:hover img.hide-image, .products-grid .product .product-image-wrapper .with-hover:hover img.hide-image { opacity: 0; } .slide-item .product .star-rating, .products-grid .product .star-rating { margin-bottom: 10px; margin-left: 10px; } .slide-item .product .product-excerpt, .products-grid .product .product-excerpt { display: none; } .slide-item .product .price, .products-grid .product .price { display: block; margin-bottom: 10px; } .slide-item .product .rating-label, .products-grid .product .rating-label { margin-bottom: 5px; } .slide-item .product .add-to-container, .products-grid .product .add-to-container { padding: 0 10px 10px; } p.stars { display: inline-block; margin: 3px 0 -4px 10px !important; } p.stars span { background: url(images/star-inactive.png) repeat-x left 0; float: left; height: 20px; position: relative; width: 75px; } p.stars span a { float: left; height: 0; left: 0; overflow: hidden; padding-top: 22px; position: absolute; top: 0; width: 15px; } p.stars span a:hover, p.stars span a:focus, p.stars span a:hover, p.stars span a:focus, p.stars span a.active, p.stars span a.active { background: url(images/star-active.png) repeat-x left 0; } p.stars span a.active, p.stars span a.active { border: none; } p.stars span a.star-1, p.stars span a.star-1 { width: 15px; z-index: 10; } p.stars span a.star-2, p.stars span a.star-2 { width: 30px; z-index: 9; } p.stars span a.star-3, p.stars span a.star-3 { width: 45px; z-index: 8; } p.stars span a.star-4, p.stars span a.star-4 { width: 60px; z-index: 7; } p.stars span a.star-5, p.stars span a.star-5 { width: 75px; z-index: 6; } .product.loading .label-icon, .product.loading .product-image-wrapper, .product.loading .product-name, .product.loading .rating-label, .product.loading .star-rating, .product.loading .price, .product.loading .button, .product.loading .products-page-cats { opacity: 0.4; } .imageHolder { z-index: 250; } .added-text { position: absolute; font-size: 12px; text-transform: uppercase; color: #fff; background-color: rgba(152, 195, 145, 0.9) !important; padding: 3px; top: 30%; width: 100%; left: 0; text-align: start; z-index: 1000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .added-text div { border: 1px solid #fff; padding: 10px; padding-left: 23%; } .added-text:before { content: "\e615"; font-family: "arrows"; font-size: 36px; color: #fff; position: absolute; top: 50%; margin-top: -30px; left: 5px; } .woocommerce-price-suffix { color: #6f6f6f; font-size: 12px; } .quick-view-popup .product-info .price .woocommerce-price-suffix, .single-product-page .product-info .price .woocommerce-price-suffix { float: left; margin-top: 15px; width: 100%; } /*---------------------------------------------------------------*/ /* Product List styles /*---------------------------------------------------------------*/ .products-list .add-to-container { float: right; width: 380px; padding: 15px 0; } .products-list .add-to-container .woocommerce-price-suffix .amount { font-size: 16px !important; } .products-list .added-text { width: 390px; left: 50%; margin-left: -185px; } .products-list .added-text:before { margin-top: -28px; left: 15px; } .products-list .added-text div { padding-left: 62px; } .sidebar-position-without .products-list .add-to-container { width: 620px; } .products-list .add-to-container .price { float: left; clear: both; } .products-list .add-to-container .price .amount { font-size: 24px; } .products-list .add-to-container .button { float: right; } .products-list .price ins { margin-left: 4px; } .products-list .products-page-cats a { font-size: 12px; text-transform: uppercase; color: #6f6f6f; display: inline-block; margin-bottom: 10px; } .products-list .product { position: relative; margin-bottom: 25px; width: 100%; float: left; } .products-list .product .product-name { font-family: Georgia; font-size: 18px; margin-bottom: 10px; } .products-list .product .product-image-wrapper { position: relative; margin-bottom: 10px; margin-right: 20px; float: left; width: 300px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid transparent; } .products-list .product .product-image-wrapper:hover { border: 1px solid #ebebeb; } .products-list .product .product-image-wrapper .with-hover img.show-image { position: absolute; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-list .product .product-image-wrapper .with-hover img.hide-image { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .products-list .product .product-image-wrapper .with-hover:hover img.show-image { opacity: 1; } .products-list .product .product-image-wrapper .with-hover:hover img.hide-image { opacity: 0; } .products-list .product .product-excerpt { margin-bottom: 30px; } .products-list .product .price { display: block; } .products-list .product .rating-label { margin-bottom: 5px; float: left; } .products-list .product .star-rating { margin-bottom: 10px; } /*---------------------------------------------------------------*/ /* Price Filter /*---------------------------------------------------------------*/ .woocommerce.widget_price_filter .price_slider_amount, .woocommerce-page .widget_price_filter .price_slider_amount { font-size: 14px; line-height: 2.4em; text-align: left; } .woocommerce.widget_price_filter .price_slider_amount span, .woocommerce-page .widget_price_filter .price_slider_amount { color: #090909; line-height: 40px; } .woocommerce.widget_price_filter .price_slider_amount .button, .woocommerce-page .widget_price_filter .price_slider_amount .button { float: right; font-size: 12px; } .woocommerce.widget_price_filter .ui-slider, .woocommerce-page .widget_price_filter .ui-slider { position: relative; text-align: left; } .woocommerce.widget_price_filter .ui-slider .ui-slider-handle, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle { cursor: pointer; height: 10px; outline: none; position: absolute; top: -3px; margin-left: -1px; width: 10px; z-index: 2; } .woocommerce.widget_price_filter .ui-slider .ui-slider-handle:last-child, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-handle:last-child { margin-left: -5px; } .woocommerce.widget_price_filter .ui-slider .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider .ui-slider-range { border: 0; border-radius: 1em; display: block; font-size: .7em; position: absolute; z-index: 1; } .woocommerce.widget_price_filter .price_slider_wrapper .ui-widget-content, .woocommerce-page .widget_price_filter .price_slider_wrapper .ui-widget-content { background: #dddddd; border: 1px solid #cdcdcd; box-sizing: border-box; margin-bottom: 15px; } .woocommerce.widget_price_filter .ui-slider-horizontal, .woocommerce-page .widget_price_filter .ui-slider-horizontal { height: 6px; } .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range { height: 6px; margin-top: -1px; top: 0; box-sizing: border-box; } .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-min, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-min { left: -1px; } .woocommerce.widget_price_filter .ui-slider-horizontal .ui-slider-range-max, .woocommerce-page .widget_price_filter .ui-slider-horizontal .ui-slider-range-max { right: -1px; } /*---------------------------------------------------------------*/ /* Rating Stars /*---------------------------------------------------------------*/ .rating-label { display: none; margin-right: 5px; } .star-rating { display: inline-block; width: 75px; height: 20px; font-size: 0; background: url(images/star-inactive.png) repeat-x center left; } .star-rating span:not(.rating) { background: url(images/star-active.png) repeat-x center left; display: block; height: 20px; font-size: 0; text-align: left; } .star-rating span { display: inline-block; } .woocommerce-review-link { display: inline-block; width: 100%; margin-bottom: 10px; } .star-rating[itemprop="reviewRating"] span { background: url(images/star-active.png) repeat-x center left; display: block; height: 20px; font-size: 0; text-align: left; } /*---------------------------------------------------------------*/ /* Product SINGLE PAGE /*---------------------------------------------------------------*/ .quick-view-popup .images, .single-product-page .images { position: relative; visibility: hidden; height: 300px; } .quick-view-popup .images.shown, .single-product-page .images.shown { visibility: visible; height: auto; } .quick-view-popup .images .main-image-slider ul.slides li, .single-product-page .images .main-image-slider ul.slides li { position: relative; } .quick-view-popup .images .main-image-slider ul.slides li video, .single-product-page .images .main-image-slider ul.slides li video, .quick-view-popup .images .main-image-slider ul.slides li iframe, .single-product-page .images .main-image-slider ul.slides li iframe { max-width: 100%; } .quick-view-popup .images .main-image-slider ul.slides .zoom-link, .single-product-page .images .main-image-slider ul.slides .zoom-link { position: absolute; bottom: 10px; right: 15px; z-index: 1200; font-size: 18px; } .quick-view-popup .images .main-image-slider ul.slides .zoom-link i, .single-product-page .images .main-image-slider ul.slides .zoom-link i { color: #888; } .quick-view-popup .images .main-image-slider ul.slides .zoom-link:hover, .single-product-page .images .main-image-slider ul.slides .zoom-link:hover { text-decoration: none; } .quick-view-popup .images.zoom-disabled .main-image-slider ul li, .single-product-page .images.zoom-disabled .main-image-slider ul li { text-align: center; } .quick-view-popup .product-info, .single-product-page .product-info { margin-bottom: 60px; } .quick-view-popup .product-info h4, .single-product-page .product-info h4 { margin-bottom: 10px; font-size: 14px; } .quick-view-popup .product-info .star-rating, .single-product-page .product-info .star-rating { margin-bottom: 10px; } .quick-view-popup .product-info .star-rating, .single-product-page .product-info .star-rating, .quick-view-popup .product-info .rating-label, .single-product-page .product-info .rating-label { margin: 5px 0 10px 0; } .quick-view-popup .product-info .rating-label, .single-product-page .product-info .rating-label { display: none; margin-right: 5px; } .quick-view-popup .product-info .size_guide, .single-product-page .product-info .size_guide { float: left; margin-top: -10px; margin-bottom: 20px; text-align: end; line-height: 30px; background: url(images/size-ruler.png) no-repeat center bottom; padding-bottom: 5px; clear: both; } .quick-view-popup .product-info div.pp_woocommerce.pp_pic_holder .pp_content_container, .single-product-page .product-info div.pp_woocommerce.pp_pic_holder .pp_content_container { padding: 10px 0 !important; } .quick-view-popup .product-info .short-description, .single-product-page .product-info .short-description { float: left; margin-top: 10px; clear: both; } .quick-view-popup .product-info .product_title, .single-product-page .product-info .product_title { font-size: 30px; } .quick-view-popup .product-info .price, .single-product-page .product-info .price { font-size: 28px; line-height: 1; float: left; margin-bottom: 10px; } .quick-view-popup .product-info .price del, .single-product-page .product-info .price del { float: left; display: block; font-size: 18px; line-height: 23px; margin-right: 10px; } .quick-view-popup .product-info .price ins, .single-product-page .product-info .price ins { float: left; font-size: 28px; margin-right: 10px; } .quick-view-popup .product-info .price p.stock, .single-product-page .product-info .price p.stock { float: left; width: 100%; } .quick-view-popup .product-info .quantity, .single-product-page .product-info .quantity { float: left; } .quick-view-popup .product-info .quantity .minus, .single-product-page .product-info .quantity .minus, .quick-view-popup .product-info .quantity .plus, .single-product-page .product-info .quantity .plus { width: 30px; } .quick-view-popup .product-info .out-of-stock, .single-product-page .product-info .out-of-stock { float: left; width: 100%; color: #ed1c2e; font-weight: 700; font-size: 14px; } .quick-view-popup .product-info .button, .single-product-page .product-info .button { float: left; position: relative; margin-bottom: 20px; } .quick-view-popup .product-info .single_add_to_cart_button, .single-product-page .product-info .single_add_to_cart_button { color: #fff; } .quick-view-popup .product-info .single_add_to_cart_button:hover, .single-product-page .product-info .single_add_to_cart_button:hover { text-decoration: underline; } .quick-view-popup .product-info .variations_form, .single-product-page .product-info .variations_form { float: left; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .quick-view-popup .product-info .variations_form .button, .single-product-page .product-info .variations_form .button { float: left; margin-top: 0; margin-bottom: 20px; } .quick-view-popup .product-info .variations_form .single_add_to_cart_button, .single-product-page .product-info .variations_form .single_add_to_cart_button { font-size: 21px; padding: 10px 45px; } .quick-view-popup .product-info .variations_form .price, .single-product-page .product-info .variations_form .price { float: left; width: 100%; } .quick-view-popup .product-info .variations_form .quantity-box, .single-product-page .product-info .variations_form .quantity-box { margin-right: 10px; margin-bottom: 20px; margin-top: 10px; position: relative; } .quick-view-popup .product-info .product_meta, .single-product-page .product-info .product_meta { float: left; } .quick-view-popup .product-info .product_meta del .amount, .single-product-page .product-info .product_meta del .amount { font-size: 24px; line-height: 29px; } .quick-view-popup .product-info .product_meta .stock, .single-product-page .product-info .product_meta .stock { float: left; clear: both; width: 100%; } .quick-view-popup .product-info .product_meta .product_meta, .single-product-page .product-info .product_meta .product_meta { width: 100%; float: none; display: inline-block; } .quick-view-popup .product-info .product_meta .product_meta .tagged_as, .single-product-page .product-info .product_meta .product_meta .tagged_as { width: 100%; float: none; display: inline-block; } .quick-view-popup .product-info .sku_wrapper, .single-product-page .product-info .sku_wrapper { display: block; clear: both; color: #000; margin-bottom: 10px; } .quick-view-popup .product-info .sku_wrapper span, .single-product-page .product-info .sku_wrapper span { color: #6f6f6f !important; } .quick-view-popup .product-info .posted_in, .single-product-page .product-info .posted_in { color: #000; display: block; width: 100%; margin-bottom: 20px; } .quick-view-popup .product-info .posted_in a, .single-product-page .product-info .posted_in a { color: #6f6f6f; } .quick-view-popup .product-info .sku, .single-product-page .product-info .sku { color: #000000; } .quick-view-popup .product-info .tagged_as, .single-product-page .product-info .tagged_as { float: left; margin-bottom: 10px; } .quick-view-popup .product-info .tagged_as a, .single-product-page .product-info .tagged_as a { color: #000000; } .quick-view-popup .single-product-sidebar .widget_top_rated_products, .single-product-page .single-product-sidebar .widget_top_rated_products { border: 1px solid #ebebeb; } .quick-view-popup .single-product-sidebar .widget_top_rated_products .widget-title, .single-product-page .single-product-sidebar .widget_top_rated_products .widget-title { border: none; padding: 20px 0; padding-bottom: 20px; margin-bottom: 20px; text-align: center; font-size: 16px; position: relative; border-bottom: 1px solid #ebebeb; } .quick-view-popup .single-product-sidebar .widget_top_rated_products li, .single-product-page .single-product-sidebar .widget_top_rated_products li { border-bottom: 1px solid #ebebeb; padding-bottom: 15px; margin-bottom: 15px; } .quick-view-popup .single-product-sidebar .widget_top_rated_products li img, .single-product-page .single-product-sidebar .widget_top_rated_products li img { max-width: 60px; padding-left: 5px; } .quick-view-popup .single-product-sidebar .widget_top_rated_products li:last-child, .single-product-page .single-product-sidebar .widget_top_rated_products li:last-child { border-bottom: 0; padding-bottom: 0; } .quick-view-popup .et-mega-search form .button, .single-product-page .et-mega-search form .button { position: absolute; top: 0 !important; background: url(images/icon-zoom.png) no-repeat center 11px; } /* Etheme Social Icons*/ .share-title { font-size: 14px; text-transform: uppercase; color: #000000; width: 100%; float: left; padding-bottom: 5px; text-align: start; border-bottom: 1px solid #ebebeb; margin-bottom: 10px; } .etheme-social-icons { list-style: none; float: left; width: 100%; padding-left: 0; margin-left: 0; } .etheme-social-icons li { float: left; margin-right: 10px; } .etheme-social-icons li a { font-size: 20px; color: #6f6f6f; } .etheme-social-icons li a:hover { text-decoration: none; } .product-brands { float: left; width: 100%; margin-bottom: 20px; text-align: center; border: 1px solid #dbdbdb; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .product-brands .title { margin: 20px 20px 10px; } .product-brands img { padding: 10px; max-width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .quick-view-popup { background: #FFF; width: 90%; max-width: 1000px; margin: 0 auto; position: relative; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .quick-view-popup .doubled-border { padding: 10px; border: 1px solid #efefef; } .quick-view-popup .main-image-slider, .quick-view-popup .product-info, .quick-view-popup .product-name { margin-bottom: 0; } .quick-view-popup .button { float: left !important; } .quick-view-popup .yith-wcwl-add-button { float: left; } .quick-view-popup .flex-direction-nav .flex-next.flex-disabled, .quick-view-popup .flex-direction-nav .flex-prev.flex-disabled { opacity: 0 !important; } .show-quickly { position: absolute; bottom: 0; display: block; right: 0; opacity: 0; text-transform: uppercase; padding: 2px; text-align: center; width: 50px; background-color: #FFF; } .single-product .woocommerce-message { background-color: #98c391 !important; color: #fff; position: relative; border: 1px solid #fff; text-transform: uppercase; letter-spacing: 1px; line-height: 28px; padding: 20px 30px 20px 80px; } .single-product .woocommerce-message:after { content: ""; position: absolute; z-index: -1; width: 100%; height: 100%; left: -6px; padding: 5px; top: -6px; background-color: #98c391; border: 1px solid #fff; } .single-product .woocommerce-message:before { content: ""; position: absolute; left: 25px; font-size: 36px; color: #FFF; font-family: "arrows"; top: 50%; float: left; margin-top: -15px; } .single-product .woocommerce-message .button { display: block; color: #fff; border: none; background-color: transparent; float: right; } .main-image-slider { position: relative; margin-bottom: 20px; } .product-thumbnails-slider { width: 100%; position: relative; } .product-thumbnails-slider .slides li { width: 120px; margin-left: 30px; padding-bottom: 2px; } .product-thumbnails-slider .slides li.video-thumbnail { cursor: pointer; background-image: url(images/icon-video.png); background-position: center center; background-repeat: no-repeat; height: 120px; text-align: center; position: relative; } .product-thumbnails-slider .slides li.video-thumbnail span { position: absolute; bottom: 3px; text-transform: uppercase; font-family: Georgia; display: block; width: 100%; } .product-thumbnails-slider .slides li:first-child { margin-left: 0; } .product-thumbnails-slider .slides li a { opacity: 0.7; } .product-thumbnails-slider .slides li a:hover { opacity: 1; } .product-thumbnails-slider .slides li.flex-active-slide a { display: block; opacity: 1; } .product-thumbnails-slider .slides li img { border: none !important; } .product-thumbnails-slider .slides li.flex-active-slide img { -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } div.pp_overlay { background-color: rgba(0, 0, 0, 0.6) !important; } /*---------------------------------------------------------------*/ /* Wishlist /*---------------------------------------------------------------*/ .wishlist_table .add_to_cart.button { margin: 15px 0; } .wishlist-btn-container.with-styles { float: left; /* Hover wishlist button */ } .wishlist-btn-container.with-styles .add_to_wishlist { margin-top: 5px; } .wishlist-btn-container.with-styles .yith-wcwl-wishlistexistsbrowse, .wishlist-btn-container.with-styles .yith-wcwl-wishlistaddedbrowse { float: left !important; margin-top: 0 !important; text-transform: uppercase; } .wishlist-btn-container.with-styles .yith-wcwl-wishlistexistsbrowse a, .wishlist-btn-container.with-styles .yith-wcwl-wishlistaddedbrowse a { float: left; text-transform: uppercase; margin-right: 10px; } .wishlist-btn-container.with-styles .yith-wcwl-wishlistaddedbrowse { width: 120px; margin-left: 15px; } .wishlist-btn-container.with-styles .yith-wcwl-add-to-wishlist #add-items-ajax-loading.ajax-loading { display: none !important; visibility: hidden !important; } .wishlist-btn-container.with-styles .yith-wcwl-add-to-wishlist { margin-top: 0 !important; float: left !important; } .wishlist-btn-container.with-styles #yith-wcwl-popup-message { display: none !important; } .wishlist-btn-container.with-styles #yith-wcwl-popup-message #yith-wcwl-message { line-height: 20px !important; background-color: #fff; padding: 10px 20px; top: 50%; left: 50%; margin-left: -70px; margin-top: -10px; position: relative; width: 150px; float: left; } .wishlist-btn-container.with-styles #yith-wcwl-popup-message #yith-wcwl-message:before { content: "\f00c"; font-family: FontAwesome; color: #6f6f6f; font-size: 14px; margin-right: 10px; } .wishlist-btn-container.with-styles .single_add_to_wishlist { position: relative; } .wishlist-btn-container.with-styles .single_add_to_wishlist:after { content: "" attr(data-hover) ""; opacity: 0; position: absolute; font-size: 12px; padding: 5px; font-family: "Open Sans", Arial; bottom: -10px; left: -9999px; width: 120px; background-color: #fff; text-transform: none; } .wishlist-btn-container.with-styles .single_add_to_wishlist:hover:after { opacity: 1; bottom: -36px; left: -40px; color: #6f6f6f; } .wishlist-btn-container.with-styles .single_add_to_wishlist { font-size: 0; padding: 12px 15px 10px; margin-left: 15px; border-radius: 100% !important; background-color: #fff; border: 1px solid #ebebeb; color: #fff; } .wishlist-btn-container.with-styles .single_add_to_wishlist:before { content: "\f004"; font-family: FontAwesome; font-size: 16px; color: #222; } .wishlist-btn-container.with-styles .single_add_to_wishlist:hover:before { color: #fff!important; } .wishlist_table .add_to_cart { border-radius: 0 !important; cursor: pointer; } .yith-wcwl-add-button > a i, .wishlist_table .add_to_cart.button i { display: none; } .single-product .yith-wcwl-add-button > a i { display: inline-block; } .wishlist_table tr td.product-thumbnail, .wishlist_table tr td.product-name { text-align: center; } .add_to_wishlist { display: inline-block; margin-left: 10px !important; margin-top: 5px !important; } .yith-wcwl-share ul { padding-left: 0; } /*---------------------------------------------------------------*/ /* variations /*---------------------------------------------------------------*/ .variations td { padding-bottom: 10px; } .variations label { line-height: 38px; text-transform: uppercase; font-size: 12px; margin-right: 15px; } .reset_variations { margin-left: 0; margin-top: 10px; float: left; width: 100%; } /*---------------------------------------------------------------*/ /* Quanity box /*---------------------------------------------------------------*/ .quantity-box { float: left; margin: 10px 10px 20px 0 ; width: 100%; clear: both; text-align: center; } .quantity-box label { text-align: center; text-transform: uppercase; display: block; float: left; font-size: 12px; margin: 7px 20px 0 0; } .quantity { position: relative; float: left; width: 65px !important; padding-right: 0 !important; height: 40px; } .quantity input[type="button"] { position: absolute; width: 27px !important; height: 21px !important; padding: 0 !important; border: none !important; color: #000; background-color: #FFF !important; } .quantity input[type="button"]:hover, .quantity input[type="button"]:focus:hover { opacity: 0.5; } .quantity input[type="button"]:focus { color: #fff !important; opacity: 0.5; } .quantity input[type="number"] { width: 40px !important; height: 33px !important; padding: 6px 6px; border: 1px solid #ddd !important; margin-bottom: 0; text-align: center; } .quantity .minus { bottom: 12px !important; left: -15px; font-size: 0; background: url(images/qty_arrow_left_disabled.png) no-repeat center center; margin-right: 0 !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; } .quantity .plus { bottom: 12px !important; right: -15px; font-size: 0; background: url(images/qty_arrow_right_disabled.png) no-repeat center center; border-bottom: 1px solid #ddd !important; -webkit-border-radius: 0px !important; border-radius: 0px !important; } .quantity.buttons_added input::-webkit-outer-spin-button, .quantity.buttons_added input::-webkit-inner-spin-button { display: none; } .quantity.buttons_added input.qty { width: 39px !important; } .quantity.buttons_added .plus:hover, .quantity.buttons_added .minus:hover { border: none !important; } .single-product-page .quantity .minus { margin-right: -3px; } .group_table tr, .group_table td { border: none; vertical-align: middle; } .group_table td.price { width: auto; margin: 0; float: none; font-size: 24px; padding-top: 0; display: inline-block; } .group_table td.price .price { font-size: 22px; } .group_table td.price .woocommerce-price-suffix { margin-top: 5px !important; } .group_table td .quantity-box { width: auto; margin: 0; } .group_table td .quantity-box label { display: none; } .group_table td.label { text-align: start; vertical-align: top; padding: 0 10px; } .group_table td:first-child { vertical-align: top; padding: 0 8px 8px 0; } /*---------------------------------------------------------------*/ /* Price /*---------------------------------------------------------------*/ .price { font-size: 18px; margin-bottom: 0; line-height: 1.5; font-family: "Open Sans", Arial; } .price .from { font-size: 12px; margin-right: 8px; font-weight: 400; float: left; line-height: 29px; } .price del { font-size: 14px; } .price ins { text-decoration: none; } .single-product-page .product-info .single_variation .price { font-size: 18px; margin-bottom: 10px; display: block; } /*---------------------------------------------------------------*/ /* Shopping Cart /*---------------------------------------------------------------*/ .woocommerce td.actions .checkout-button { float: right !important; } .shop_table th { border-top: none; font-family: Georgia; font-size: 14px; font-weight: normal; } .shop_table td, .shop_table th { padding: 18px 12px !important; } .shop_table .product-name a { text-transform: uppercase; font-size: 14px; font-family: Georgia; } .shop_table .product-name dl dt { clear: none !important; float: left !important; font-weight: normal !important; font-family: Georgia; } .shop_table .product-name dl dd { float: left; margin-right: 5px !important; font-family: Georgia; } .shop_table .product-name dl dd:after { content: "/"; float: right; margin-left: 5px; } .shop_table .product-name dl dd:last-child:after { content: ""; } .shop_table .product-thumbnail { width: 90px; position: relative; text-align: center; background: #fff !important; } .shop_table .product-thumbnail img { -webkit-transition: opacity 0.2s ease-in-out; -moz-transition: opacity 0.2s ease-in-out; -ms-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } .shop_table .product-thumbnail:hover img { opacity: 0.7; } .shop_table .quantity-box label { display: none; } .shop_table .quantity { left: 50%; margin: 0; position: relative; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .shop_table .product-price .amount, .shop_table .product-subtotal .amount { color: #000000; font-size: 16px; font-family: "Open Sans", Arial; } .shop_table .product-remove { width: 15px; } .shop_table .product-remove a { color: #dedede; font-size: 18px; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; height: auto !important; } .shop_table .product-remove a i.icon-remove { background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: center center; display: block; width: 15px; height: 15px; opacity: 0.3; } .shop_table .product-remove a i.icon-remove:hover { opacity: 1; } .shop_table .product-remove a i:before { content: ""; } .shop_table .product-remove a:hover { color: #292d33; text-decoration: none; } label.rememberme { margin-top: 20px; margin-bottom: -10px; } .coupon { margin-left: -12px; width: 206px; margin-top: 5px; } .coupon label { text-align: start; font-size: 17px; margin-bottom: 6px; text-transform: uppercase; font-family: Georgia; color: #000; } .coupon .button { margin-top: 10px; } .woocommerce-shipping-calculator { width: 230px; } .woocommerce-shipping-calculator > p { font-family: Georgia; } .woocommerce-shipping-calculator a { color: #000000; font-size: 16px; text-transform: uppercase; padding-right: 20px; background: url(images/qty_arrow_down.png) no-repeat right center; } .woocommerce-shipping-calculator i { font-size: 14px; } .woocommerce-shipping-calculator i:before { content: ""; } .woocommerce-shipping-calculator .form-row { float: left; width: 100% !important; } .select2-container .select2-choice { height: 36px; line-height: 36px; -webkit-border-radius: 0px; border-radius: 0px; } .select2-container .select2-choice:hover { height: 36px; line-height: 36px; } .cart-totals-block { margin-top: -7px; border: 1px solid #ebebeb; padding: 15px; margin-bottom: 30px; } .cart-totals-block .cart_totals.calculated_shipping small { float: left; margin-bottom: 10px; } .cart-totals-block .shipping th { font-weight: 400 !important; text-transform: uppercase; width: 99px; color: #292D33; } .cart-totals-block .woocommerce-info { background-image: none !important; background-color: transparent !important; text-transform: none !important; color: #6f6f6f !important; font-size: 12px !important; letter-spacing: 0 !important; padding: 10px !important; margin: 0; } .cart_totals h2 { float: left; font-size: 18px !important; } .cart_totals table, .cart_totals table + p { float: left; } .cart_totals table th, .cart_totals table td { border-top: 1px solid #ddd; } .cart_totals .order-total th { text-transform: uppercase; font-family: Georgia; font-size: 18px; color: #000; font-weight: 400; } .cart_totals .order-total strong .amount { color: #000 !important; font-family: Georgia; font-size: 24px; font-weight: 400; } .cart-subtotal th { text-transform: none !important; color: #000 !important; font-weight: 700; } .cart-subtotal td .amount { color: #6f6f6f !important; font-weight: 700; } .empty-cart-block { text-align: center; } .empty-cart-block i { font-size: 120px; line-height: 120px; height: 120px; margin: 0 0 50px 0; display: block; color: #000; } .empty-cart-block i:before { content: "\e600"; font-size: 112px; line-height: 10px; font-family: "arrows"; margin-right: 10px; color: #222; position: relative; top: 1px; } .cart-totals-block { float: left; margin-top: 9px; } .cart_totals { margin-bottom: 0; } .cart_totals th { padding: 18px 0; padding-left: 0; vertical-align: middle; } .cart_totals td { padding: 18px 12px; padding-right: 0; text-align: right!important; } .cart_totals td .amount { color: #000000; } .cart_totals .shipping td { padding-left: 0; text-align: left; } .cart_totals .shipping ul { padding-left: 0; } .cart_totals .total { font-size: 18px; font-family: 'Lato'; } .cart_totals .total th { color: #a6a6a6; border-bottom: 0; } .cart_totals .total th strong { color: #6f6f6f; font-weight: normal; font-family: Georgia; } .cart_totals .total td { color: #000000; border-bottom: 0; } .cart_totals .total td strong { font-weight: normal; } .cart_totals .total td strong .amount { color: #000 !important; font-family: Georgia; font-size: 24px; } #shipping_method { min-width: 120px; } #shipping_method li { list-style: none; padding: 10px 0 0; } #shipping_method li input[type="radio"] { float: left; margin: 0 10px 3px 0; } #shipping_method li label { font-size: 13px; } #shipping_method li .amount { float: right; } .cart-options-row .span5 { float: right !important; } .cart-options-row .span5 .coupon { text-align: end; float: right; margin-left: 0; } .cart-options-row .span5 .coupon h4 { text-align: start; margin-bottom: 5px; } .cart-options-row .span7 { float: left !important; margin-left: 0 !important; } .cart-options-row .span7 .shipping_calculator { width: 100%; margin-left: 0; margin-right: 20px; } .cart-options-row .span7 .shipping_calculator h4 { margin-bottom: 5px; } .cart-options-row .span7 .shipping_calculator h2 { line-height: 20px; } .cart-options-row .span7 #calc_shipping_country { width: 100%; } /*---------------------------------------------------------------*/ /* Checkout /*---------------------------------------------------------------*/ .payment_methods { padding-left: 0; } .payment_methods input[type="radio"] { float: left; margin: 0 10px; } .payment_methods li { padding: 17px 0 12px; border-bottom: 1px solid #ebebeb; list-style: none; } .payment_methods li:first-child { border-top: 1px solid #ebebeb; } .payment_methods .payment_method_paypal img { max-width: 160px; margin: 0 10px; } .payment_methods .payment_method_paypal input { margin-top: 6px; } .select2-container--default:focus { outline: none; } .select2-container--default .select2-selection--single { border-radius: 0; border-color: #ebebeb; height: 38px; line-height: 38px; } .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px; } .select2-container--default .select2-selection--single .select2-selection__arrow { top: 6px; } .woocommerce-checkout-payment .place-order .button { padding: 8px 30px; width: auto; text-transform: uppercase; font-size: 21px; color: #FFF; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .woocommerce-checkout-payment .place-order .button:hover { text-decoration: underline; } .woocommerce-checkout-review-order-table { margin-bottom: 0; } .woocommerce-checkout-review-order-table .order-total th, .woocommerce-checkout-review-order-table .order-total td { border-bottom: none !important; } .woocommerce-checkout-review-order-table .shipping td { text-align: end; } .woocommerce-checkout-review-order-table .shipping td #shipping_method { text-align: left !important; } .form-row.terms label, .form-row.terms input[type="checkbox"] { display: inline-block !important; float: none !important; } .form-row.terms input[type="checkbox"] { margin-left: 0; float: left !important; } .payment_box { padding: 3px 0 0 10px; } .checkout_coupon input[type="text"] { float: left; margin-right: 20px; margin-bottom: 10px; } .checkout_coupon input[type="submit"] { height: 38px; } .form-row.terms { width: 95%; margin: 10px 0 !important; float: left; } .form-row.terms label { float: right; } .woocommerce-checkout-review-order-table { margin-bottom: 0 !important; } .woocommerce-checkout-review-order-table .product-total { text-align: end; } .woocommerce-checkout-review-order-table .cart-subtotal th { font-weight: 500 !important; font-family: 'Open Sans', sans-serif !important; } .woocommerce-checkout-review-order-table .cart-subtotal td { text-align: end; } .woocommerce-checkout-review-order-table .shipping th { font-family: 'Open Sans', sans-serif !important; font-weight: 500 !important; } .woocommerce-checkout-review-order-table .order-total th { font-size: 18px !important; font-weight: 500 !important; border-bottom: none; } .woocommerce-checkout-review-order-table .order-total td { text-align: end; border-bottom: none; } .woocommerce-checkout-review-order-table .order-total span.amount { color: #000 !important; font-family: Georgia; font-size: 24px; font-weight: 400; } .order_details tr th { font-weight: 400 !important; } table.customer_details th { border-top: 1px solid rgba(0, 0, 0, 0.1); } /*---------------------------------------------------------------*/ /* Checkout by steps /*---------------------------------------------------------------*/ .checkout-steps .checkout-step { margin-bottom: 20px; display: none; } .checkout-steps .checkout-step .step-title { padding: 30px 0; margin-bottom: 30px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .checkout-steps .checkout-step .place-order .button { width: auto; } .checkout-steps .checkout-step .shop_table thead tr:last-child td { border-bottom: none !important; } .checkout-steps form.et-login { display: block; } .checkout-steps-nav { padding-left: 0; text-align: center; margin-bottom: 30px; } .checkout-steps-nav li { list-style: none; display: inline-block; margin-right: -3px; } .checkout-steps-nav li a.active { cursor: default; } .checkout-steps-nav li:after { content: ""; display: inline-block; width: 25px; height: 1px; background: #dddddd; position: relative; top: -4px; margin: 0 5px; } .checkout-steps-nav li:last-child:after { display: none; } .new-customers { margin-bottom: 30px; } .checkout-methods { display: block; margin-bottom: 20px; } .checkout-methods .method-radio { padding: 15px 0 12px; border-bottom: 1px solid #ebebeb; } .checkout-methods .method-radio input[type="radio"] { float: left; margin: 0 15px 0 0; } .checkout-methods .method-radio:first-child { border-top: 1px solid #ebebeb; } #step1 .checkout_coupon input[type="text"] { margin-bottom: 20px; } .et-login .lost_password { line-height: 40px; } .et-login label { font-size: 13px; } #tostep2, #step2 { display: none; } #step5 .step-title { border-bottom: 0; margin-bottom: 0; } /*---------------------------------------------------------------*/ /* Quick Checkout /*---------------------------------------------------------------*/ form.et-login { display: none; } .quick-checkout .order-review { padding: 30px 30px 0 30px; border: 1px solid #ebebeb; } .quick-checkout .checkout_coupon { margin-bottom: 20px; } .quick-checkout .continue-checkout { display: none; } .quick-checkout #customer_details #shiptobilling { margin-top: 5px; } /*---------------------------------------------------------------*/ /* Form Row (woocommerce) /*---------------------------------------------------------------*/ /* .form-row { margin-bottom: 5px; label { width: 150px; float:left; padding:10px 0; } textarea, input[type="text"], input[type="password"], input[type="week"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], select { width:300px; .border-box(); } .button { float: right; margin-bottom: 20px; } #shipping_address_2, #billing_address_2 { margin-left: 150px; } } #shiptobilling { input[type="checkbox"] { float: left; } label { padding: 0; margin-left: 10px; } } .woocommerce-checkout .checkout-steps .form-row .chzn-container { width:300px!important; } */ /*---------------------------------------------------------------*/ /* Tabs /*---------------------------------------------------------------*/ .tab-content h2, .tab-content h1 { font-size: 18px; } /*---------------------------------------------------------------*/ /* Product Reviews /*---------------------------------------------------------------*/ #reviews .star-rating { margin-top: 3px; float: right; } #reviews ol.commentlist { padding-left: 0; } #reviews ol.commentlist li { list-style: none; } #reviews .comment_container { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; } #reviews .comment_container p { margin-bottom: 0; } #reviews .comment_container .avatar { float: left; margin: 0 10px 0 0; } #reviews .comment_container .meta { margin: 5px; } #review_form { width: 360px; float: left; } #review_form #respond p { float: left; margin-right: 0; width: 100%; } #review_form #respond p.comment-form-rating label { width: auto; float: left; } #review_form #respond .comment-form-rating .stars { float: left; margin-left: 20px !important; margin-top: 3px !important; width: auto; } #review_form input[type="text"], #review_form input[type="email"], #review_form #respond .comment-form-comment { width: 100%; } .modal { z-index: 10002; border-radius: 0 !important; } #iconModal .modal-body { max-height: none; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #iconModal .modal-header .close { line-height: 1 !important; margin-top: 0 !important; } .modal-backdrop { z-index: 10001; } .modal-body { padding-bottom: 15px; } #loginModal, #cartModal, #searchModal { top: 10%; } #loginModal > div, #cartModal > div, #searchModal > div { border: 1px solid #ebebeb; margin: 15px; } #loginModal .modal-body, #cartModal .modal-body, #searchModal .modal-body { padding-top: 10px; } #loginModal .modal-header, #cartModal .modal-header, #searchModal .modal-header { padding: 17px 20px 0; border-bottom: 0; } #loginModal .modal-header .close, #cartModal .modal-header .close, #searchModal .modal-header .close { font-size: 0; background-color: white; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: center center; width: 25px; height: 25px; opacity: 1; position: absolute; top: -32px; right: 0; margin: 0; margin-top: 2px; } #loginModal .modal-header .close:hover, #cartModal .modal-header .close:hover, #searchModal .modal-header .close:hover { opacity: 0.6; } #loginModal form .form-row-first, #cartModal form .form-row-first, #searchModal form .form-row-first, #loginModal form .form-row-last, #cartModal form .form-row-last, #searchModal form .form-row-last { width: 100%; } #loginModal .lost_password, #cartModal .lost_password, #searchModal .lost_password { margin-left: 5px; } .cart-popup .products-small-popup { list-style-type: none; padding-left: 0px; max-height: 210px; overflow: auto; } .cart-popup .products-small-popup .product-item-popup { margin-bottom: 20px; border-bottom: 1px solid #e2e2e2; padding-bottom: 10px; } .cart-popup .products-small-popup .product-item-popup .media-heading { text-align: start; font-weight: normal; text-transform: none; margin-bottom: 3px; } .cart-popup .products-small-popup .product-item-popup .media-heading a { color: #000000; text-transform: uppercase; font-size: 12px; letter-spacing: 0px; } .cart-popup .products-small-popup .product-item-popup:hover img { opacity: 0.7; } .cart-popup .products-small-popup .product-item-popup .product-image { display: inline-block; float: left; } .cart-popup .products-small-popup .product-item-popup .product-image img { margin: 0 10px 5px 0; max-width: 35px; } .cart-popup .products-small-popup .product-item-popup .coast { text-transform: uppercase; display: block; text-align: start; font-size: 12px; } .cart-popup .products-small-popup .product-item-popup .coast:before, .cart-popup .products-small-popup .product-item-popup .coast:after { display: table; content: ""; line-height: 0; } .cart-popup .products-small-popup .product-item-popup .coast:after { clear: both; } .cart-popup .products-small-popup .product-item-popup .coast .medium-coast { display: inline-block; margin-bottom: 0px; float: right; font-size: 16px; font-family: "Open Sans", Arial; font-size: 12px; } .cart-popup .products-small-popup .product-item-popup strong { font-weight: 300; } .cart-popup .products-small-popup .product-item-popup .delete-btn { float: right; color: #dedede; font-size: 16px; font-weight: bold; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: center center; display: block; width: 15px; height: 15px; font-size: 0; opacity: 0.3; } .cart-popup .products-small-popup .product-item-popup .delete-btn:hover { opacity: 1; filter: alpha(opacity=1); color: #000000; text-decoration: none; } .cart-popup .products-small-popup .product-item-popup .price { float: right; font-size: 16px; font-family: "Open Sans", Arial; } .cart-popup .products-small-popup .product-item-popup .variation { display: inline; float: left; width: 170px; } .cart-popup .products-small-popup .product-item-popup .variation dt, .cart-popup .products-small-popup .product-item-popup .variation dd { font-weight: 200; display: inline; } .cart-popup .products-small-popup .product-item-popup .variation dd { font-weight: 200; margin-left: 3px; margin-right: 3px; } .cart-popup .products-small-popup .product-item-popup .variation dd:nth-child(2n):after { content: " /"; } .cart-popup .products-small-popup .product-item-popup .variation dd:last-child:after { content: ""; } #cartModal { width: 310px; margin-left: 0; float: left; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-height: 85%; } #cartModal .products-small { overflow-y: scroll; max-height: 210px; } #cartModal #shopping-cart-modal .modal-header { padding-bottom: 0!important; } #cartModal #shopping-cart-modal .modal-body { overflow: hidden; padding: 20px; max-height: 100%; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cartModal #shopping-cart-modal .modal-body .products-small .product-item { padding-bottom: 0; margin-bottom: 15px; } #cartModal #shopping-cart-modal .modal-body .products-small .product-item h5 a { text-align: start; } #cartModal #shopping-cart-modal .modal-body .product-item { text-align: left !important; } #cartModal #shopping-cart-modal .modal-body .product-item .product-image img { max-width: 35px; } #cartModal #shopping-cart-modal .totals { font-size: 16px; text-transform: uppercase; color: #000; margin-bottom: 10px; } #cartModal #shopping-cart-modal .totals .items { text-transform: none; color: #6f6f6f; font-size: 14px; line-height: 26px; } #cartModal #shopping-cart-modal .button { width: 48%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #cartModal #shopping-cart-modal .modal-header { padding: 20px; } .lost-password { float: right; } #searchModal { display: inline-block; width: 90%; opacity: 1; max-width: 410px; left: 50%; margin-left: 0; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); position: relative; background-color: #fff; text-align: center; } #searchModal .modal-dialog { padding: 10px 30px 20px 20px; display: inline-block; } #searchModal #searchform { margin-left: -15px; margin-top: 10px; } #searchModal input[type="text"] { float: left !important; position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } #searchModal h3 { background: white; padding: 0 20px; font-size: 18px; line-height: 20px; padding: 17px 20px 0; } #searchModal small { font-size: 13px; text-align: center; } .mfp-content #loginModal { display: inline-block; opacity: 1; } #reviewModal .modal-body { max-height: 650px; } #review_form .modal-body { padding-top: 5px; } #review_form label { display: inline-block; } #review_form input[type="text"] { display: block; } #review_form textarea { display: block; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 20px; } #review_form .form-submit { margin-bottom: 0; } /*---------------------------------------------------------------*/ /* labels /*---------------------------------------------------------------*/ .label-icon { text-indent: -99999px; font-size: 0; background-repeat: no-repeat; background-position: left top; position: absolute; right: 5px; top: 5px; left: auto; z-index: 50; background-size: 100%; } .label-icon.sale-label { left: 5px; } /*---------------------------------------------------------------*/ /* Blog /*---------------------------------------------------------------*/ .blog-masonry.with-transition { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .layout-default_portrait .post-images, .layout-default_portrait .images-slider { max-width: 260px; margin-right: 20px; float: left; } .layout-default .post-images, .layout-default .images-slider { margin-bottom: 20px; } .blog-masonry .layout-default { margin-left: 45px; } .blog-post { margin-bottom: 30px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; /*---------------------------------------------------------------*/ /* Blog Grid /*---------------------------------------------------------------*/ } .blog-post .wp-picture { margin-bottom: 20px; } .blog-post:last-child { border-bottom: none; } .blog-post .post-title { text-transform: uppercase; margin-bottom: 0; } .blog-post .post-title a { font-size: 20px; } .blog-post .post-info { margin-bottom: 30px; } .blog-post .post-info a { color: #000000; } .blog-post .post-description { line-height: 1.8; } .blog-post .post-description p { margin-bottom: 5px; word-break: break-all; } .blog-post.post-grid { border-bottom: 0; padding-bottom: 0; } .blog-post.post-grid .post-information { padding: 20px; border: 1px solid #ddd; border-top: 0; } .blog-post.post-grid .post-information .post-title { margin-bottom: 5px; } .blog-post.post-grid .post-information .post-info { margin-bottom: 15px; } .blog-post.post-grid .post-information.border-top { border-top: 1px solid #ddd; } .blog-post.post-grid.with-transition { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .blog-post.post-timeline { padding-left: 100px; position: relative; border-bottom: 0; padding-bottom: 0; margin-bottom: 0; } .blog-post.post-timeline .post-date { position: absolute; z-index: 2; left: 0; top: 0; padding: 10px; width: 70px; height: 85px; border: 1px solid #e6e6e6; background: white; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .blog-post.post-timeline .post-date .post-day { text-align: center; color: #000000; font-size: 18px; display: block; } .blog-post.post-timeline .post-date .post-month { font-size: 11px; text-align: center; display: block; } .blog-post.post-timeline .blog-line { position: absolute; height: 100%; width: 1px; border-left: 1px solid #e6e6e6; left: 35px; top: 0; } .blog-post.post-timeline hr { border-top: 1px solid #e6e6e6; border-bottom: 0; padding-bottom: 30px; margin-bottom: 0; } .blog-post.post-timeline:last-child { margin-bottom: 30px; } .blog-post.post-timeline:last-child hr { padding-bottom: 0; } .articles-nav.load-more-posts { text-align: center; } .articles-nav.load-more-posts a i { display: none; margin: 0 15px 0 -10px; } .articles-nav.load-more-posts a { font-size: 16px !important; } .articles-nav.load-more-posts.loading a i { display: inline-block; -webkit-animation: spin 1s infinite linear; -moz-animation: spin 1s infinite linear; -o-animation: spin 1s infinite linear; animation: spin 1s infinite linear; } .articles-nav.load-more-posts.loading a { background-image: url(images/loader.gif); background-repeat: no-repeat; background-position: center 40px; background-color: #FFF; font-size: 16px; padding-bottom: 30px; border: 1px solid #ddd; } .articles-nav.load-more-posts.loading a:hover { color: #000; } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(359deg); } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(359deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(359deg); } } .more-link { display: block; text-align: center; } .read-more { margin-top: 20px; } .more-link { line-height: 1; } .post-images { position: relative; margin-bottom: 20px; } .post-images .blog-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; color: white; padding: 0 0 1px 1px; text-align: center; opacity: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .post-images .blog-mask h1, .post-images .blog-mask h2, .post-images .blog-mask h3, .post-images .blog-mask h4, .post-images .blog-mask h5, .post-images .blog-mask h6 { color: white; } .post-images .blog-mask.valign-center .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; box-sizing: border-box; } .post-images .blog-mask.valign-bottom .mask-content { position: absolute; width: 100%; left: 0; top: auto; bottom: 0; } .post-images .blog-mask .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .post-images .blog-mask .mask-content a { color: #fff; display: inline-block; width: 44px; height: 44px; padding: 0; position: relative; font-size: 28px; margin: 0 10px; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .post-images .blog-mask .mask-content a i { line-height: 34px; } .post-images .blog-mask .mask-content a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.6); opacity: 1; color: #fff; } .post-images .blog-mask .mask-content a:hover:after { opacity: 0.85; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); } .post-images .blog-mask .mask-content a:after { content: ''; box-shadow: 0 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: opacity 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; pointer-events: none; position: absolute; width: 22px; height: 26px; left: 26px; bottom: -4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .post-images:hover .blog-mask { opacity: 0.9; background-color: rgba(255, 255, 255, 0.6); } .post-images ul.slides { display: block; padding-left: 0; margin: 0; margin-bottom: 20px; } .post-images ul.slides li { list-style: none; } .images-slider { position: relative; } .tag-link .post-description a { font-size: 24px; } /*---------------------------------------------------------------*/ /* Blog Single Post /*---------------------------------------------------------------*/ .post-single { margin-bottom: 20px; /* Etheme Social Icons*/ } .post-single .post-share { text-align: end; border: 1px solid #ebebeb; margin-bottom: 25px; margin-top: 25px; } .post-single .post-share .share-title { text-transform: uppercase; color: black; float: left; font-family: Georgia; margin: 0; padding: 14px 10px; border-bottom: 0; width: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .post-single .post-share .etheme-social-icons { float: right; width: auto; list-style: none; padding-left: 0; margin-left: 0; display: inline; margin-bottom: 0; } .post-single .post-share .etheme-social-icons li { display: inline; margin: 0; } .post-single .post-share .etheme-social-icons li a { font-size: 18px; color: #6f6f6f; padding: 10px; text-align: center; border-left: 1px solid #ebebeb; width: 30px; height: 30px; line-height: 30px; display: inline-block; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .post-single .post-share .etheme-social-icons li a:hover { text-decoration: none; background: #000000; color: white; } .post-single .post-share .etheme-social-icons li.share-facebook a:hover { background-color: #3b5a9b; } .post-single .post-share .etheme-social-icons li.share-twitter a:hover { background-color: #32ccfe; } .post-single .post-share .etheme-social-icons li.share-email a:hover { background-color: #e7d900; } .post-single .post-share .etheme-social-icons li.share-pintrest a:hover { background-color: #e54f63; } .post-single .post-share .etheme-social-icons li.share-google a:hover { background-color: #d62408; } .post-navigation { letter-spacing: 1px; } /*---------------------------------------------------------------*/ /* Blog Single Post Comments /*---------------------------------------------------------------*/ .home .main-nav { margin-bottom: 15px; } .comments-title { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #e6e6e6; } .commentslist { margin-left: 0; padding-left: 0; } .commentslist .comment-heading { margin-bottom: 10px; position: relative; } .commentslist .comment-heading .comment-author-avatar { float: left; width: 70px; margin-right: 30px; margin-bottom: 10px; } .commentslist .children { margin-left: 60px; } .commentslist .children > li { position: relative; } .commentslist .children > li:last-child:before { display: none; } .commentslist .children > li:before { position: absolute; left: -51px; top: 35px; content: ""; display: block; height: 100%; border-left: 1px solid #ebebeb; } .commentslist .children .comment-heading .comment-author-avatar:before { position: absolute; left: -51px; top: -30px; content: ""; display: block; width: 50px; height: 65px; border-left: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; } .pingback, .comment, .bypostauthor { list-style: none; } .comment-block { padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #e6e6e6; } .comment-block p { margin-bottom: 10px; } .comment-block .author-link { margin-right: 5px; margin-top: 10px; display: inline-block; } .comment-block .author-link a { color: #000000; font-size: 15px; font-weight: 400; } .comment-block .comment-date, .comment-reply { display: inline-block; } #commentform p { margin-bottom: 10px; } .required { color: #e00016; } .comment-form-comment { margin-bottom: 20px; } .form-submit { text-align: end; width: 65.81196581196582%; } #reply-title a { font-size: 16px; font-weight: normal; } .featured-post .post-images.nav-type-small { margin-right: 20px; } .featured-posts { margin-bottom: 30px; position: relative; } .featured-posts .show-all-posts { position: absolute; right: 0; top: 2px; font-size: 11px; font-family: Georgia; color: #a7a9aa; text-transform: uppercase; letter-spacing: 1px; text-decoration: none !important; } .featured-posts .featured-post .post-info, .featured-posts .featured-post .post-title { margin-bottom: 10px; } .featured-posts .featured-post .read-more { margin-top: 0; } /*---------------------------------------------------------------*/ /* Pricing Table /*---------------------------------------------------------------*/ .pricing-table table { border-collapse: separate; border-spacing: 0; margin-bottom: 30px; } .pricing-table table .plan-price { background: #fafafa; font-size: 16px; line-height: 1.2; font-family: Georgia; font-weight: normal; font-style: italic; color: #999999; } .pricing-table table.table th, .pricing-table table.table td { padding: 15px; text-align: center; border-left: 1px solid #dddddd; } .pricing-table table.table th:last-child, .pricing-table table.table td:last-child { border-right: 1px solid #dddddd; } .pricing-table table.table th.selected, .pricing-table table.table td.selected { background: #fcfcfc; } .pricing-table table.table thead:first-child tr:first-child th { color: #292d33; font-size: 18px; text-transform: uppercase; font-family: Georgia; border-top: 1px solid #dddddd; } .pricing-table table.table tfoot tr:last-child td, .pricing-table table.table tfoot tr:last-child th { border-bottom: 1px solid #dddddd; } .pricing-table.style3 table .plan-price, .pricing-table.style2 table .plan-price { background: #333333; color: #ffffff; border-color: #333333!important; font-size: 48px; } .pricing-table.style3 table .plan-price sup, .pricing-table.style2 table .plan-price sup { font-size: 18px; font-family: Georgia; color: #bababa; top: -0.7em; margin: 0 4px 0 4px; font-weight: normal; } .pricing-table.style3 table .plan-price sub, .pricing-table.style2 table .plan-price sub { font-size: 12px; font-family: "Open Sans", Arial; color: #6a6a6a; margin: 0 4px 0 -24px; bottom: 0; } .pricing-table.style3 table .plan-price { background: #fafafa; border-color: #dddddd!important; color: #6f6f6f; } .pricing-table.style3 table .plan-price sup, .pricing-table.style3 table .plan-price sub { color: #6f6f6f; } /*---------------------------------------------------------------*/ /* Pricing Lists /*---------------------------------------------------------------*/ .pricing-table ul { list-style: none; float: left; padding: 0; margin: 0 0 30px -1px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pricing-table ul li { border-bottom: 1px solid #ebebeb; border-right: 1px solid #ebebeb; border-left: 1px solid #ebebeb; text-align: center; padding: 20px; background-color: #FFF; } .pricing-table ul li.row-title { border-top: 1px solid #ebebeb; font-family: Georgia; font-size: 20px; color: #000000; text-transform: uppercase; } .pricing-table ul li.row-price { background: #fafafa; padding: 10px; font-size: 16px; line-height: 1.2; font-family: Georgia; font-weight: normal; font-style: italic; color: #999999; } .pricing-table ul.selected-column { top: -20px; position: relative; } .pricing-table ul.selected-column li { background: #fcfcfc; } .pricing-table ul.selected-column li.row-price { padding: 10px; } .pricing-table ul.selected-column li.row-title, .pricing-table ul.selected-column li:last-child { padding: 30px 20px; } .pricing-table ul:first-child { margin-left: 0; } .pricing-table.style2 ul li.row-price, .pricing-table.style3 ul li.row-price { font-size: 30px; } .pricing-table.style2 ul li.row-price sup, .pricing-table.style3 ul li.row-price sup { font-size: 18px; font-family: Georgia; top: -0.4em; margin: 0 4px 0 4px; font-weight: normal; } .pricing-table.style2 ul li.row-price sub, .pricing-table.style3 ul li.row-price sub { font-size: 12px; font-family: "Open Sans", Arial; margin: 0 4px 0 -24px; bottom: -5px; } .pricing-table.style2 ul li.row-price { background: #333333; color: #ffffff; border-color: #464646; } .pricing-table.style2 ul li.row-price sup { color: #bababa; } .pricing-table.style2 ul li.row-price sub { color: #6a6a6a; } .pricing-table.style2 ul.selected-column li { background: #333333; color: white; border-color: #464646; } .pricing-table.style2 ul.selected-column li.row-price { background: #1f1f1f; border-color: #1f1f1f; } .pricing-table.style3 ul li.row-price { background: #fafafa; border-color: #dddddd; color: #6f6f6f; } .pricing-table.style3 ul li.row-price sup { color: #6f6f6f; } .pricing-table.style3 ul li.row-price sub { color: #6f6f6f; } .pricing-table.columns2 > ul { width: 50%; } .pricing-table.columns3 > ul { width: 33%; } .pricing-table.columns4 > ul { width: 25%; } .pricing-table.columns5 > ul { width: 20%; } /*---------------------------------------------------------------*/ /* Portfolio /*---------------------------------------------------------------*/ .portfolio-item { margin-bottom: 20px; } .portfolio-item .portfolio-image { position: relative; margin-bottom: 15px; } .portfolio-item .portfolio-image .portfolio-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; color: white; padding: 0 0 1px 1px; text-align: center; opacity: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; right: 1px; margin-right: -2px; width: auto; } .portfolio-item .portfolio-image .portfolio-mask h1, .portfolio-item .portfolio-image .portfolio-mask h2, .portfolio-item .portfolio-image .portfolio-mask h3, .portfolio-item .portfolio-image .portfolio-mask h4, .portfolio-item .portfolio-image .portfolio-mask h5, .portfolio-item .portfolio-image .portfolio-mask h6 { color: white; } .portfolio-item .portfolio-image .portfolio-mask.valign-center .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; box-sizing: border-box; } .portfolio-item .portfolio-image .portfolio-mask.valign-bottom .mask-content { position: absolute; width: 100%; left: 0; top: auto; bottom: 0; } .portfolio-item .portfolio-image .portfolio-mask .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .portfolio-item .portfolio-image .portfolio-mask .mask-content a { color: #fff; display: inline-block; width: 44px; height: 44px; padding: 0; position: relative; font-size: 28px; margin: 0 10px; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .portfolio-item .portfolio-image .portfolio-mask .mask-content a i { line-height: 34px; } .portfolio-item .portfolio-image .portfolio-mask .mask-content a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.6); opacity: 1; color: #fff; } .portfolio-item .portfolio-image .portfolio-mask .mask-content a:hover:after { opacity: 0.85; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); } .portfolio-item .portfolio-image .portfolio-mask .mask-content a:after { content: ''; box-shadow: 0 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: opacity 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; pointer-events: none; position: absolute; width: 22px; height: 26px; left: 26px; bottom: -4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .portfolio-item .portfolio-image:hover .portfolio-mask { opacity: 1; background-color: rgba(255, 255, 255, 0.6); } .portfolio-item .post-info { margin-bottom: 20px; } .portfolio-item h3 { font-size: 20px; text-transform: none; font-weight: 300; margin-bottom: 0px; text-transform: uppercase; } .portfolio-item.columns-count-2 .portfolio-descr { text-align: start; } .portfolio.with-transition { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .portfolio-item.with-transition { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .portfolio-filters { padding-left: 0; margin-top: 40px; text-align: center; margin-bottom: 0; } .portfolio-filters li { list-style: none; display: inline-block; margin: 0 2px 20px 2px; } .portfolio-filters .active { color: white!important; cursor: default; } .portfolio-pagination { float: right; } .portfolio-pagination li { margin: 0 2px 0 2px; } /*---------------------------------------------------------------*/ /* Isotope grid /*---------------------------------------------------------------*/ .et_isotope.with-transition { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .et_isotope-item.with-transition { -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; } .et_categories_filter { padding-left: 0; text-align: center; margin-bottom: 40px; } .et_categories_filter li { list-style: none; display: inline-block; margin: 0 2px 20px 2px; } .et_categories_filter .active { color: white!important; cursor: default; } .wpb_teaser_grid .et_isotope .et_isotope-item { margin-bottom: 20px; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb { position: relative; margin-bottom: 20px; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; color: white; padding: 0 0 1px 1px; text-align: center; opacity: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask h1, .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask h2, .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask h3, .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask h4, .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask h5, .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask h6 { color: white; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask.valign-center .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; box-sizing: border-box; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask.valign-bottom .mask-content { position: absolute; width: 100%; left: 0; top: auto; bottom: 0; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask .mask-content a { color: #fff; display: inline-block; width: 44px; height: 44px; padding: 0; position: relative; font-size: 28px; margin: 0 10px; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask .mask-content a i { line-height: 34px; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask .mask-content a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.6); opacity: 1; color: #fff; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask .mask-content a:hover:after { opacity: 0.85; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb .block-mask .mask-content a:after { content: ''; box-shadow: 0 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: opacity 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; pointer-events: none; position: absolute; width: 22px; height: 26px; left: 26px; bottom: -4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .wpb_teaser_grid .et_isotope .et_isotope-item .post-thumb:hover .block-mask { opacity: 1; filter: alpha(opacity=1); background-color: rgba(255, 255, 255, 0.6); } .wpb_teaser_grid .et_isotope .et_isotope-item h4.post-title { margin-bottom: 20px; } .wpb_teaser_grid .et_isotope .et_isotope-item .entry-content p { margin-bottom: 3px; } .wpb_teaser_grid.post-by-info-show .et_isotope .et_isotope-item h4.post-title { margin-bottom: 0; } .wpb_teaser_grid.post-by-info-show .et_isotope .et_isotope-item .post-info { margin-bottom: 20px; } .wpb_teaser_grid.teaser-border-on.grid_layout-title_thumbnail_text .et_isotope-item, .wpb_teaser_grid.teaser-border-on.grid_layout-title_text .et_isotope-item { border: 1px solid #dddddd; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .wpb_teaser_grid.teaser-border-on.grid_layout-thumbnail_title .et_isotope-item .post-thumb, .wpb_teaser_grid.teaser-border-on.grid_layout-thumbnail_text .et_isotope-item .post-thumb, .wpb_teaser_grid.teaser-border-on.grid_layout-thumbnail_title_text .et_isotope-item .post-thumb { margin-bottom: 0; } .wpb_teaser_grid.teaser-border-on.grid_layout-thumbnail_title .et_isotope-item .teaser-post-info, .wpb_teaser_grid.teaser-border-on.grid_layout-thumbnail_text .et_isotope-item .teaser-post-info, .wpb_teaser_grid.teaser-border-on.grid_layout-thumbnail_title_text .et_isotope-item .teaser-post-info { border: 1px solid #dddddd; border-top: 0; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .wpb_teaser_grid.grid_layout-thumbnail .et_isotope-item .post-thumb { margin-bottom: 0!important; } .wpb_image_grid .wpb_image_grid_ul.isotope .isotope-item { margin: 0 10px 10px 0; } /*---------------------------------------------------------------*/ /* Images base styles /*---------------------------------------------------------------*/ .alignleft { float: left; } .alignright { float: right; } .aligncenter { display: block; margin-left: auto; margin-right: auto; } img.alignleft { margin: 2px 24px 20px 0; } img.alignright { margin: 2px 0 20px 24px; } img.aligncenter { margin-top: 12px; margin-top: 0.857142857rem; margin-bottom: 12px; margin-bottom: 0.857142857rem; } .rounded-corners, .rounded-corners img { -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .wp-caption { max-width: 100%; /* Keep wide captions from overflowing their container. */ padding: 4px; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { font-style: italic; font-size: 12px; font-size: 0.857142857rem; line-height: 2; color: #757575; } img.wp-smiley, .rsswidget img { border: 0; border-radius: 0; box-shadow: none; margin-bottom: 0; margin-top: 0; padding: 0; } .entry-content dl.gallery-item { margin: 0; } .gallery-item a, .gallery-caption { width: 90%; } .gallery-item a { display: block; } .gallery-caption a { display: inline; } .gallery-columns-1 .gallery-item a { max-width: 100%; width: auto; } .gallery .gallery-icon img { height: auto; max-width: 90%; padding: 5%; } .gallery-columns-1 .gallery-icon img { padding: 3%; } /*---------------------------------------------------------------*/ /* Contact Page /*---------------------------------------------------------------*/ .google-map img { max-width: none; } .google-map.googlemap-wide { width: 100%; height: 300px; margin-bottom: 40px; } .google-map.googlemap-default { width: 100%; height: 550px; margin-bottom: 20px; } #contact-form label { margin-left: 0px; } #contact-form p { margin-bottom: 5px; } #contact-form .form-textarea { margin-bottom: 20px; } #contact-form .fields-left { width: 205px; float: left; } #contact-form .fields-right { float: left; margin-left: 20px; width: 305px; } #contact-form textarea { height: 200px; } #contact-form input, #contact-form textarea { width: 100%; box-sizing: border-box; } .captcha-block { float: left; } .captcha-block img { float: left; border: 1px solid #ebebeb; padding: 3px; margin-right: 5px; } #contact-form .captcha-block input, .captcha-block input { float: left; width: 70px; height: 32px; } .contact-page-custom p { margin-bottom: 10px !important; } .spinner { display: none; } /*---------------------------------------------------------------*/ /* 404 page not found /*---------------------------------------------------------------*/ .page-404 { padding: 140px 0; text-align: center; } .page-404 h1 { margin-bottom: 5px; } .page-404 p { text-transform: uppercase; letter-spacing: 2px; margin-bottom: 30px; } .largest { font-size: 180px; line-height: 1; margin-bottom: 10px; } /*---------------------------------------------------------------*/ /* My Account /*---------------------------------------------------------------*/ #customer_login h2 i { margin-right: 15px; } #customer_login .login .form-row-last { float: left; clear: both; } form.login label.inline { margin-top: 10px; } .user-sidearea { border-top: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; padding: 20px; } .user-sidearea .avatar { float: left; margin: 0 10px 0 10px; } .user-sidearea strong { font-family: Georgia; font-weight: normal; font-size: 18px; } .et-registration h1 i { margin-right: 15px; } .address-field .chosen-container { width: 100%; } form .form-row input.input-text, form .form-row textarea, form .form-row input.input-text, form .form-row textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 1em; margin: 0; outline: 0; width: 100%; } form .form-row-first, form .form-row-last, form .form-row-first, form .form-row-last { float: left; overflow: visible; width: 47%; } .woocommerce-account form .form-row-wide label { float: left; } .address .title:before { border: none; } .shop_table.my_account_orders td { font-size: 13px; } #payment { background-color: #FFF !important; -webkit-border-radius: 0px; border-radius: 0px; } .addresses .title:before { border: none; } /*---------------------------------------------------------------*/ /* Section /*---------------------------------------------------------------*/ .et_section { float: left; background-color: #f4f4f4; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; color: #565656; padding-top: 30px; visibility: hidden; background-repeat: no-repeat; padding-bottom: 30px; margin-bottom: 30px; background-position-x: 50%; background-size: cover; overflow: hidden; } .et_section.parallax-section { background-attachment: fixed !important; } .et_section.no-border { border: none !important; } .et_section .block-with-ico .ico-position-left { padding: 20px; background: white; } .et_section.color-scheme-dark { color: #d5d5d5; } .et_section.color-scheme-dark h1, .et_section.color-scheme-dark h2, .et_section.color-scheme-dark h3, .et_section.color-scheme-dark h4, .et_section.color-scheme-dark h5, .et_section.color-scheme-dark h6 { color: #f3f3f3; } .et_section.no-padding { padding-top: 0; padding-bottom: 0; } .et_section.small-padding { padding-top: 20px; padding-bottom: 20px; } .et_section.large-padding { padding-top: 70px; padding-bottom: 70px; } .et_section.top-padding { padding-top: 50px; padding-bottom: 0; } .boxed .et_section, .blank-page .et_section { width: 100%!important; left: auto!important; padding-left: 20px; padding-right: 20px; margin-left: -20px; } .content.span8 .et_section > .container, .content.span9 .et_section > .container, .content.span10 .et_section > .container { max-width: 100%!important; padding-left: 20px; padding-right: 20px; } .content.span12 .et_section { width: 100%; position: relative; } .content.span12 .et_section > .container { position: relative; z-index: 1; } .section-back-video { position: absolute; left: 0; top: 0; z-index: 0; } .section-video-mask .wpb_column { z-index: 2; } .section-video-mask :before { content: ""; display: block; z-index: 1; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5) url(images/grid-video.png) repeat 0 0; } .section-video-poster { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: 100% 100%; } /*---------------------------------------------------------------*/ /* Content Product images slider /*---------------------------------------------------------------*/ .hover-effect-slider .slider-counter { position: absolute; bottom: -1px; left: 0; font-size: 11px; opacity: 0; padding: 4px; background-color: #fff; } .hover-effect-slider .small-slider-arrow { position: absolute; top: 50%; margin-top: -10px; width: 25px; height: 35px; border: 1px solid #e2e2e2; line-height: 37px; cursor: pointer; background: #fff; font-size: 0; text-indent: -99999px; opacity: 0; z-index: 1; } .hover-effect-slider .small-slider-arrow.arrow-right { right: 0; text-align: center; border-right: none; } .hover-effect-slider .small-slider-arrow.arrow-right:hover { background-color: #ebebeb; color: #4f4f4f; } .hover-effect-slider .small-slider-arrow.arrow-right:before { content: "\df"; font-family: "arrows"; font-size: 14px; opacity: 1; display: block; text-indent: 0; } .hover-effect-slider .small-slider-arrow.arrow-left { text-align: center; left: 0; border-left: none; } .hover-effect-slider .small-slider-arrow.arrow-left:hover { background-color: #ebebeb; color: #4f4f4f; } .hover-effect-slider .small-slider-arrow.arrow-left:before { content: "\66"; font-family: "arrows"; font-size: 14px; text-align: center; opacity: 1; display: block; text-indent: 0; } .products-grid .product:hover .show-quickly, .products-list .product .product-image-wrapper:hover .show-quickly { opacity: 1; display: block; } .slide-item .product:hover .product-image-wrapper .slider-counter, .products-grid .product:hover .product-image-wrapper .slider-counter, .products-list .product .product-image-wrapper:hover .slider-counter, .slide-item .product:hover .product-image-wrapper .small-slider-arrow, .products-grid .product:hover .product-image-wrapper .small-slider-arrow, .products-list .product .product-image-wrapper:hover .small-slider-arrow, .slide-item .product:hover .product-image-wrapper .show-quickly, .products-grid .product:hover .product-image-wrapper .show-quickly, .products-list .product .product-image-wrapper:hover .show-quickly { opacity: 1; display: block; } .products-list .product-image-wrapper .small-slider-arrow.arrow-right { border-right: 1px solid #e2e2e2; right: -1px; } .products-list .product-image-wrapper .small-slider-arrow.arrow-left { border-left: 1px solid #e2e2e2; left: -1px; } .product-image-wrapper .out-of-stock { color: #FFF; text-transform: uppercase; font-size: 14px; display: block; width: 100%; padding: 8px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: absolute; top: 50%; margin-top: -10px; font-family: Georgia; background-color: rgba(0, 0, 0, 0.5); } .sidebar .product-image-wrapper .out-of-stock { display: none; } /*---------------------------------------------------------------*/ /* Custom Information Block /*---------------------------------------------------------------*/ .custom-info-wrap { margin-bottom: 20px!important; float: left; width: 100%; border-bottom: 1px dotted #dbdbdb; } .custom-info-wrap .custom-info-block { border-top: 1px dotted #dbdbdb; } .custom-info-wrap .custom-info-block:before { border-top: none; } .custom-info-wrap .custom-info-block.a-center a { border-left: 1px dotted #dbdbdb; border-right: 1px dotted #dbdbdb; } .custom-info-block { float: left; width: 33.33%; padding: 12px 0; border-top: 1px solid #dbdbdb; text-transform: uppercase; color: #6f6f6f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .custom-info-block a { color: #6f6f6f; line-height: 26px; text-decoration: none; } .custom-info-block a i { font-size: 24px; margin-left: 10px; color: #d2d2d2; position: relative; top: 3px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .custom-info-block a i:hover { text-decoration: none; } .custom-info-block.a-center a { border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; padding: 0 20px; } .custom-info-block.a-right span, .custom-info-block.a-left span { font-weight: bold; color: #ed1c2e; margin-left: 5px; } /*---------------------------------------------------------------*/ /* Footer-top /*---------------------------------------------------------------*/ .footer-top { font-size: 12px; } .footer-top .container { border-top: 1px solid #dbdbdb; padding-top: 2px; } .footer-top .container .double-border { padding: 30px 0; } .footer-top .sidebar-widget .widget-title { padding: 0; border: none !important; } .footer-top .widget-title { font-size: 16px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; margin-bottom: 15px; } .footer-top .textwidget { line-height: 1.8; } .footer-top .widget_nav_menu { margin-bottom: 0; padding-left: 5px; } .footer-top .widget_nav_menu .widget-title { border: none; text-align: start; padding: 0; } /*---------------------------------------------------------------*/ /* Footer /*---------------------------------------------------------------*/ .footer { font-size: 12px; } .footer .container { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #dbdbdb; } .footer .widgettitle, .footer .widget-title { font-size: 16px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; margin-bottom: 15px; } .footer .recent-post-mini { line-height: 24px; } .footer .widget_nav_menu li a { padding: 7px 20px; background-position: 2px 11px; border: none!important; } .footer .textwidget { line-height: 1.8; } .footer .widget_recent_entries ul { list-style: none; margin: 0; padding: 0; } .footer .widget_recent_entries ul li { padding: 0 0 10px; margin-bottom: 10px; display: block; } .footer .widget_recent_entries ul li a { display: block; text-transform: uppercase; } .footer .widget_recent_entries ul li:last-child { border-bottom: 0; } .footer-top h2, .footer-bottom h2 { font-size: 16px; letter-spacing: 2px; } .footer_menu li { list-style: none; } .footer_menu li:before { content: "\f105"; font-family: FontAwesome; font-size: 14px; color: #6f6f6f; position: relative; left: -10px; } .footer_menu li:hover:before { text-decoration: none; } .footer_menu a { color: #6f6f6f; line-height: 25px; } .footer .phone { font-size: 24px; line-height: 38px; } .with-map { background-image: url(images/world-map.png); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; } .responsive-switcher { min-height: 1px; margin-top: 10px; margin-bottom: 10px; } .responsive-switcher i { color: #090909; font-size: 25px; margin-right: 2px; position: relative; top: 4px; } .footer-top.footer-top-3, .footer.footer-bottom-3, .footer.footer-bottom-2 { background: #404040; color: #8b8b8b; } .footer-top.footer-top-3 h1, .footer.footer-bottom-3 h1, .footer.footer-bottom-2 h1, .footer-top.footer-top-3 h2, .footer.footer-bottom-3 h2, .footer.footer-bottom-2 h2, .footer-top.footer-top-3 h3, .footer.footer-bottom-3 h3, .footer.footer-bottom-2 h3, .footer-top.footer-top-3 h4, .footer.footer-bottom-3 h4, .footer.footer-bottom-2 h4, .footer-top.footer-top-3 h5, .footer.footer-bottom-3 h5, .footer.footer-bottom-2 h5, .footer-top.footer-top-3 h6, .footer.footer-bottom-3 h6, .footer.footer-bottom-2 h6, .footer-top.footer-top-3 a:hover, .footer.footer-bottom-3 a:hover, .footer.footer-bottom-2 a:hover { color: #fff; } .footer-top.footer-top-3 a, .footer.footer-bottom-3 a, .footer.footer-bottom-2 a { color: #8b8b8b; } .footer-top.footer-top-3 .container, .footer.footer-bottom-2 .container, .copyright.copyright-3 .container, .copyright.copyright-2 .container { border: none; } .footer.footer-bottom-3 .container { border-color: #616161; } .copyright.copyright-3, .copyright.copyright-2 { background: #343434; border-top: 1px solid #333536; color: #8b8b8b; } .copyright .footer-sidebar-widget .textwidget p { line-height: 34px; } .footer-top.footer-top-3 .etheme_twitter .tweet a, .footer.footer-bottom-3 .etheme_twitter .tweet a, .footer.footer-bottom-2 .etheme_twitter .tweet a, .footer-top.footer-top-3 .recent-post-mini a, .footer.footer-bottom-3 .recent-post-mini a, .footer.footer-bottom-2 .recent-post-mini a { color: #fff; } .footer-top.footer-top-3 .recent-post-mini, .footer.footer-bottom-3 .recent-post-mini, .footer.footer-bottom-2 .recent-post-mini, .footer-top.footer-top-3 .etheme_widget_recent_comments li, .footer.footer-bottom-3 .etheme_widget_recent_comments li, .footer.footer-bottom-2 .etheme_widget_recent_comments li, .footer-top.footer-top-3 .product_list_widget > li, .footer.footer-bottom-3 .product_list_widget > li, .footer.footer-bottom-2 .product_list_widget > li, .footer-top.footer-top-3 .etheme_twitter .tweet, .footer.footer-bottom-3 .etheme_twitter .tweet, .footer.footer-bottom-2 .etheme_twitter .tweet { border-color: #5e5e5e; } .footer-top.footer-top-3 .widget_recent_entries ul li, .footer.footer-bottom-3 .widget_recent_entries ul li, .footer.footer-bottom-2 .widget_recent_entries ul li { border-bottom: 1px solid #4d4d4d; } .footer-top.footer-top-3 .widget_recent_entries ul li a, .footer.footer-bottom-3 .widget_recent_entries ul li a, .footer.footer-bottom-2 .widget_recent_entries ul li a { color: #bdbdbd; } /*---------------------------------------------------------------*/ /* Back to top /*---------------------------------------------------------------*/ .back-to-top { display: block; text-align: center; cursor: pointer; position: fixed; font-size: 11px; text-transform: uppercase; z-index: 3; bottom: -95px; right: 40px; color: #6f6f6f; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; background-color: rgba(255, 255, 255, 0.3); } .back-to-top:before { content: "\e601"; font-family: "arrows"; font-size: 14px; opacity: 1; display: block; text-indent: 0; line-height: 48px; color: #fff; height: 50px; text-align: center; width: 50px; background: rgba(0, 0, 0, 0.2); -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .back-to-top i { display: block; line-height: 20px; color: #e5e5e5; font-size: 80px; margin-bottom: 10px; } .back-to-top:hover:before { background: rgba(0, 0, 0, 0.6); color: #fff !important; } .back-to-top span { display: none; } .back-to-top.btt-shown { bottom: 50px; } /*---------------------------------------------------------------*/ /* Copyright /*---------------------------------------------------------------*/ footer iframe { float: left; } .copyright .container { padding: 20px 0; border-top: 1px solid #dbdbdb; } .copyright .logo-small { margin: 0px 15px 0 0; max-width: 180px; } .copyright p { margin-bottom: 0; } .copyright .links li { margin-left: 10px; } .copyright .links li:after { display: none; } .copyright .links a { color: white; } .copyright .links a:hover { color: white; } .copyright .links a img { max-width: 38px; } .copyright .row-fluid .span6 { min-height: 5px; } .nicescroll-rails { float: left; background-color: #EFEFEF; border-left: 1px solid #dfdfdf; } .nicescroll-rails div { background-color: #b5b5b5 !important; } .nicescroll-rails div:active { background-color: #0f0f0f !important; } /*---------------------------------------------------------------*/ /* Blank Page /*---------------------------------------------------------------*/ .blank-page.container { position: fixed; float: left; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100% !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; } .blank-page.container .content { width: 100%; } .page-template-blank-php .header-wrapper, .page-template-blank-php .prefooter, .page-template-blank-php .footer-top, .page-template-blank-php .footer, .page-template-blank-php .copyright, .page-template-blank-php .fixed-header-area, .page-template-blank-php .side-area, .page-template-blank-php .mobile-nav, .page-template-blank-php .top-panel, .page-template-blank-php .etheme_cp, .page-template-blank-php .etheme_cp_btn_show { display: none; } .page-template-blank-php .page-wrapper { height: 100%; overflow: visible; } .page-template-blank .vc_column_container { margin: 0 auto; } .page-template-blank .et-timer { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .back-white { background: #FFF; padding: 4px; border: 1px solid #dbdbdb; } .widget_mc4wp_widget { background-color: #FFF; text-align: center; padding: 20px 20px 5px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #dbdbdb; position: relative; z-index: 2; } .widget_mc4wp_widget p, .widget_mc4wp_widget input { text-align: center; } .widget_mc4wp_widget input[type="email"] { margin-bottom: 20px; } /*---------------------------------------------------------------*/ /* Empty Category /*---------------------------------------------------------------*/ .empty-category-block h2 { text-align: center; } .empty-category-block h2:before { content: "\e60f"; font-family: "arrows"; font-size: 80px; display: block; width: 100%; text-align: center; color: #000; } .empty-category-block p { text-align: center; } /*---------------------------------------------------------------*/ /* Plugins /*---------------------------------------------------------------*/ /*---------------------------------------------------------------*/ /* Content Animations /*---------------------------------------------------------------*/ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 0.99; } } @-moz-keyframes fadeIn { from { opacity: 0; } to { opacity: 0.99; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 0.99; } } .fade-in { opacity: 0; -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; } .fade-in.one { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .fade-in.two { -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; animation-delay: 1.2s; } .fade-in.three { -webkit-animation-delay: 1.6s; -moz-animation-delay: 1.6s; animation-delay: 1.6s; } .fade-in.four { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; } .in-view { -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; opacity: 1; } .delay1 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; } .delay2 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .delay3 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; } .delay4 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; } .delay5 { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; } .delay6 { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; } .delay7 { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; } .delay8 { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; animation-delay: 4s; } .delay9 { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; animation-delay: 4.5s; } .delay10 { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; animation-delay: 5s; } /* If enabled header and content animation */ .fadeIn-enabled .page-heading, .fadeIn-enabled .page-content { opacity: 0; -webkit-animation: fadeIn ease-in 1; -moz-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 0.5s; -moz-animation-duration: 0.5s; animation-duration: 0.5s; } .fadeIn-enabled .page-heading { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } .fadeIn-enabled .page-content { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; } /*---------------------------------------------------------------*/ /* Tabs /*---------------------------------------------------------------*/ .tabs { position: relative; margin-bottom: 20px; } .tabs .tab-title { display: inline-block; color: #999999; border: 1px solid #e9e9e9; padding: 10px 30px; font-family: Georgia; text-transform: uppercase; margin: 0 8px; } .tabs .tab-title:hover { text-decoration: underline; } .tabs .tab-title:first-child { margin-left: 20px; } .tabs .tab-title.opened { color: #000000; border-bottom: 1px solid #fff; } .tabs .tab-title > i { margin-right: 10px; } .tabs .tab-content { display: none; margin-top: -1px; float: right; width: 100%; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e9e9e9; padding: 30px; margin-bottom: 30px; } .tabs.accordion { border-top: 1px solid #e9e9e9; } .tabs.accordion .tab-title { width: 100%; border: 1px solid #e9e9e9; border-top: 0; padding: 20px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tabs.accordion .tab-title:first-child { margin-right: 0; margin-left: 0; } .tabs.accordion .tab-title.opened { border-bottom: 1px solid #e9e9e9; } .tabs.accordion .tab-content { margin-bottom: 0; } @media (max-width: 768px) { .tabs { border-top: 1px solid #e9e9e9; } .tabs .tab-title { width: 100%; border: 1px solid #e9e9e9; border-top: 0; padding: 20px; margin: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .tabs .tab-title:first-child { margin-right: 0; margin-left: 0; } .tabs .tab-title.opened { border-bottom: 1px solid #e9e9e9; } .tabs .tab-content { margin-bottom: 0; } } .tabs-under-product .tabs { display: table-caption; margin-left: 30px; margin-top: 30px; } .tabs-under-product .tabs-default .tab-title { padding: 10px 20px; } .tabs-under-product .tabs-default .tab-title:first-child { margin-left: 10px; } .left-bar .left-titles { float: left; width: 25%; min-width: 120px; max-width: 320px; } .left-bar .left-titles .tab-title-left { display: block; border: 1px solid #e9e9e9; border-right: 0; border-top: 0; padding: 20px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Georgia, Arial; text-transform: uppercase; } .left-bar .left-titles .tab-title-left:hover { text-decoration: underline; } .left-bar .left-titles .tab-title-left:first-child { border-top: 1px solid #e9e9e9; } .left-bar .left-titles .tab-title-left.opened { background-color: #fafafa; } .left-bar .left-titles .tab-title-left > i { margin-right: 10px; } .left-bar .tab-content { float: right; width: 75%; margin-top: 0; } .left-bar .tab-title { display: none; } .right-bar .left-titles { float: left; width: 25%; min-width: 120px; max-width: 320px; } .right-bar .left-titles .tab-title-left { display: block; border: 1px solid #e9e9e9; border-right: 0; border-top: 0; padding: 20px 30px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-family: Georgia, Arial; text-transform: uppercase; } .right-bar .left-titles .tab-title-left:hover { text-decoration: underline; } .right-bar .left-titles .tab-title-left:first-child { border-top: 1px solid #e9e9e9; } .right-bar .left-titles .tab-title-left.opened { background-color: #fafafa; } .right-bar .left-titles .tab-title-left > i { margin-right: 10px; } .right-bar .tab-content { float: right; width: 75%; margin-top: 0; } .right-bar .tab-title { display: none; } .right-bar .left-titles { float: right; } .right-bar .left-titles .tab-title-left { border-right: 1px solid #e9e9e9; border-left: 0; } .right-bar .tab-content { float: left; } #content_tab_additional_information table th, #content_tab_additional_information table td { background-color: #fff; padding: 0 8px; line-height: 40px; } #content_tab_additional_information table th { font-weight: 400; color: #6f6f6f; text-transform: uppercase; } #content_tab_additional_information table td { color: #6f6f6f; text-transform: none; } /*---------------------------------------------------------------*/ /* Images Carousel /*---------------------------------------------------------------*/ .images-carousel { padding-left: 0; list-style: none; } .images-carousel li { padding: 5px; } /*---------------------------------------------------------------*/ /* Slider /*---------------------------------------------------------------*/ /* slide */ .items-slider .slider .slide-item { /* required */ float: left; max-width: 100%; } .items-slider::selection { background-color: transparent !important; } .slider-title { text-align: center; } .items-slider { /* required */ top: 0; left: 0; width: 100%; margin-bottom: 20px; position: relative; /* slider */ } .items-slider .slider { /* required */ width: 100%; height: 100%; } .items-slider .slider .slide-item { list-style: none; } .slider-container .show-all-posts { display: none; } .slider-container > .title + a { display: block; } .vc_btn3.vc_btn3-size-xs { padding: 6px 14px !important; } .vc_btn3.vc_btn3-size-sm { padding: 5px 20px !important; } .vc_btn3.vc_btn3-size-md { padding: 10px 30px !important; } .vc_btn3.vc_btn3-size-lg { padding: 10px 45px !important; } .slider-container { position: relative; width: 100%; clear: both; /* Direction Nav */ } .slider-container.sidebar-slider { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 20px; border: 1px solid #ebebeb; padding: 0; } .slider-container.sidebar-slider .title { font-size: 16px; text-align: center; margin: 20px 0; padding-bottom: 20px; } .slider-container.sidebar-slider .title:before { display: none; } .slider-container.sidebar-slider .slide-item .product { float: left; width: 50%; padding: 10px; border: none; text-align: center; } .slider-container.sidebar-slider .slide-item .product:nth-child(2n+1) { clear: left; } .slider-container.sidebar-slider .slide-item .product:hover { border: none; } .slider-container.sidebar-slider .slide-item .product .product-image-wrapper { margin: 0 10px 10px 0; } .slider-container.sidebar-slider .slide-item .product .product-name { font-size: 12px; margin: 0; } .slider-container.sidebar-slider .slide-item .product .price { float: none; font-size: 16px; line-height: 29px; } .slider-container.sidebar-slider .slide-item .product ins { float: none; line-height: 16px; } .slider-container.sidebar-slider .slide-item .product .amount { font-size: 14px; } .slider-container.sidebar-slider .slide-item .product .add-to-container { padding: 0; margin: 0; } .slider-container.sidebar-slider .slide-item .product .from, .slider-container.sidebar-slider .slide-item .product del, .slider-container.sidebar-slider .slide-item .product .button, .slider-container.sidebar-slider .slide-item .product .star-rating, .slider-container.sidebar-slider .slide-item .product .label-icon, .slider-container.sidebar-slider .slide-item .product .products-page-cats, .slider-container.sidebar-slider .slide-item .product .small-slider-arrow, .slider-container.sidebar-slider .slide-item .product .slider-counter { display: none; } .slider-container.sidebar-slider .slider-prev, .slider-container.sidebar-slider .slider-next { width: 25px; height: 25px; margin: 0 0 15px 4px; top: auto; bottom: 10px; left: 50%; border: 1px solid #dbdbdb; } .slider-container.sidebar-slider .slider-prev:before, .slider-container.sidebar-slider .slider-next:before { content: "\df"; font-family: "arrows"; font-size: 14px; opacity: 1; display: block; text-indent: 0; line-height: 25px; } .slider-container.sidebar-slider .slider-prev:hover:before, .slider-container.sidebar-slider .slider-next:hover:before { background-color: #ebebeb; color: #4f4f4f; } .slider-container.sidebar-slider .slider-prev.disabled:hover, .slider-container.sidebar-slider .slider-next.disabled:hover { cursor: default!important; } .slider-container.sidebar-slider .slider-prev.disabled:hover:before, .slider-container.sidebar-slider .slider-next.disabled:hover:before { background-color: white; } .slider-container.sidebar-slider .slider-prev.disabled:hover:before, .slider-container.sidebar-slider .slider-next.disabled:hover:before, .slider-container.sidebar-slider .slider-prev.disabled:before, .slider-container.sidebar-slider .slider-next.disabled:before { cursor: default!important; opacity: 1!important; color: #a2a2a2!important; } .slider-container.sidebar-slider .slider-prev { margin-left: -31px; } .slider-container.sidebar-slider .slider-prev:before { content: "\66"; } .slider-container.sidebar-slider-flex { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; margin-bottom: 20px; border: 1px solid #dbdbdb; padding: 0; } .slider-container.sidebar-slider-flex .title { margin: 20px 20px 10px; } .slider-container.sidebar-slider-flex .slider-viewport { padding-bottom: 40px; width: 210px; margin: 0 auto; } .slider-container.sidebar-slider-flex .slide-item { margin-right: 0!important; } .slider-container.sidebar-slider-flex .slide-item .product { padding: 4px; border: none; text-align: center; } .slider-container.sidebar-slider-flex .slide-item .product:nth-child(2n+1) { clear: left; } .slider-container.sidebar-slider-flex .slide-item .product:hover { border: none; } .slider-container.sidebar-slider-flex .slide-item .product .product-name { font-size: 12px; margin: 0; letter-spacing: 0; } .slider-container.sidebar-slider-flex .slide-item .product .price { float: none; font-size: 14px; line-height: 20px; } .slider-container.sidebar-slider-flex .slide-item .product ins { float: none; line-height: 16px; font-size: 14px; } .slider-container.sidebar-slider-flex .slide-item .product .amount { font-size: 14px; -ms-word-wrap: initial; word-wrap: initial; } .slider-container.sidebar-slider-flex .slide-item .product .woocommerce-price-suffix { width: 100%; text-align: center; float: left; line-height: 14px; } .slider-container.sidebar-slider-flex .slide-item .product .add-to-container { padding: 0; margin: 0; } .slider-container.sidebar-slider-flex .slide-item .product .show-quickly, .slider-container.sidebar-slider-flex .slide-item .product .from, .slider-container.sidebar-slider-flex .slide-item .product del, .slider-container.sidebar-slider-flex .slide-item .product .button, .slider-container.sidebar-slider-flex .slide-item .product .star-rating, .slider-container.sidebar-slider-flex .slide-item .product .label-icon, .slider-container.sidebar-slider-flex .slide-item .product .products-page-cats, .slider-container.sidebar-slider-flex .slide-item .product .small-slider-arrow, .slider-container.sidebar-slider-flex .slide-item .product .slider-counter { display: none; } .slider-container.sidebar-slider-flex.posts-count-lt5 .flex-direction-nav .flex-prev, .slider-container.sidebar-slider-flex.posts-count-lt5 .flex-direction-nav .flex-next { display: none; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-next { width: 25px; height: 25px; margin: 0 0 5px 4px; bottom: 10px; top: auto; left: 50%; border: 1px solid #dbdbdb; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev:before, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-next:before { content: "\df"; font-family: "arrows"; font-size: 14px; opacity: 1; display: block; text-indent: 0; line-height: 25px; left: 0; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev:hover:before, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-next:hover:before { background-color: #ebebeb; color: #4f4f4f; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev.flex-disabled, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-next.flex-disabled { opacity: 0.4!important; filter: alpha(opacity=40) !important; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev.flex-disabled:hover, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-next.flex-disabled:hover { cursor: default!important; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev.flex-disabled:hover:before, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-next.flex-disabled:hover:before { background-color: white; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev.flex-disabled:hover:before, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-next.flex-disabled:hover:before, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev.flex-disabled:before, .slider-container.sidebar-slider-flex .flex-direction-nav .flex-next.flex-disabled:before { cursor: default!important; opacity: 1!important; color: #a2a2a2!important; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev { margin-left: -31px; } .slider-container.sidebar-slider-flex .flex-direction-nav .flex-prev:before { content: "\66"; } .slider-container .show-all-posts { position: absolute; right: 0; top: 5px; font-size: 11px; font-family: Georgia; color: #a7a9aa; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; } .slider-container .show-all-posts:hover { text-decoration: none; } .slider-container .show-all-posts:after { content: "\e603"; font-family: "arrows" !important; font-size: 10px; margin-left: 5px; text-align: center; opacity: 1; text-indent: 0; } .slider-container .owl-next, .slider-container .owl-prev, .slider-container .slider-prev, .slider-container .slider-next { opacity: 1; width: 65px; height: 82px; margin: -50px 0 0; display: block; position: absolute; top: 50%; right: -75px; z-index: 10; cursor: pointer; text-indent: 0; text-align: center; background-color: rgba(255, 255, 255, 0.5); } .slider-container .owl-next:hover, .slider-container .owl-prev:hover, .slider-container .slider-prev:hover, .slider-container .slider-next:hover { opacity: 1; } .slider-container .slider-prev::selection, .slider-container .slider-next::selection { background-color: transparent !important; } .slider-container .owl-next:before, .slider-container .slider-next:before { content: "\e603"; font-family: "arrows"; font-size: 60px; opacity: 0.4; display: block; text-indent: 0; color: #a2a2a2; } .slider-container .owl-prev:before, .slider-container .slider-prev:before { content: "\e602"; font-family: "arrows"; font-size: 60px; opacity: 0.4; display: block; text-indent: 0; color: #a2a2a2; } .slider-container .owl-prev, .slider-container .slider-prev { left: -80px; } .slider-container .owl-next:hover:before, .slider-container .owl-prev:hover:before, .slider-container .slider-next:hover:before, .slider-container .slider-prev:hover:before { opacity: 1; } .slider-container .owl-prev.disabled:before, .slider-container .owl-next.disabled:before { opacity: .3!important; filter: alpha(opacity=30); cursor: default !important; color: #e8e8e8 !important; } .slider-container.posts-count-lt4 .slider-next, .slider-container.posts-count-lt4 .slider-prev { display: none; } .boxed .slider-container .owl-next, .boxed .slider-container .slider-next { right: -38px; } .boxed .slider-container .owl-prev, .boxed .slider-container .slider-prev { left: -38px; } .sidebar-slider-flex .items-slider .slider .slide-item, .sidebar-slider .items-slider .slider .slide-item { margin: 0!important; } .sidebar-slider-flex .product-mask, .sidebar-slider-flex .show-quickly { display: none; } .boxed .slider-container .slider-next { right: -25px; } .boxed .slider-container .slider-prev { left: -25px; } .slider-container::selection { background: transparent !important; } /*---------------------------------------------------------------*/ /* Products Slider /*---------------------------------------------------------------*/ .products-slider .owl-buttons .owl-next:before, .products-slider .flex-direction-nav .flex-next:before { left: 3px; top: 9px; } .products-slider .owl-buttons .owl-prev:before, .products-slider .flex-direction-nav .flex-prev:before { top: 9px; left: 0; } .items-slider .slide-item .post-images .blog-mask { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; color: white; padding: 0 0 1px 1px; text-align: center; opacity: 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; height: 100%; } .items-slider .slide-item .post-images .blog-mask h1, .items-slider .slide-item .post-images .blog-mask h2, .items-slider .slide-item .post-images .blog-mask h3, .items-slider .slide-item .post-images .blog-mask h4, .items-slider .slide-item .post-images .blog-mask h5, .items-slider .slide-item .post-images .blog-mask h6 { color: white; } .items-slider .slide-item .post-images .blog-mask.valign-center .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; box-sizing: border-box; } .items-slider .slide-item .post-images .blog-mask.valign-bottom .mask-content { position: absolute; width: 100%; left: 0; top: auto; bottom: 0; } .items-slider .slide-item .post-images .blog-mask .mask-content { position: absolute; left: 50%; margin-left: -65px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; } .items-slider .slide-item .post-images .blog-mask .mask-content a { color: #fff; display: inline-block; width: 44px; height: 44px; padding: 0; position: relative; font-size: 28px; margin: 0 10px; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .items-slider .slide-item .post-images .blog-mask .mask-content a i { line-height: 34px; } .items-slider .slide-item .post-images .blog-mask .mask-content a:hover { text-decoration: none; background-color: rgba(0, 0, 0, 0.6); opacity: 1; color: #fff; } .items-slider .slide-item .post-images .blog-mask .mask-content a:hover:after { opacity: 0.85; box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); } .items-slider .slide-item .post-images .blog-mask .mask-content a:after { content: ''; box-shadow: 0 0 0 rgba(0, 0, 0, 0.6); -webkit-transition: opacity 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; pointer-events: none; position: absolute; width: 22px; height: 26px; left: 26px; bottom: -4px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .items-slider .slide-item .post-images .blog-mask .mask-content a { padding: 0; border: 2px solid #fff; } .items-slider .slide-item .post-images .blog-mask .mask-content a:hover { color: #FFF; } .items-slider .slide-item .post-images:hover .blog-mask { opacity: 0.9; } .items-slider .flex-direction-nav a { top: -30px; } .items-slider .flex-direction-nav a:active { top: -29px; } .items-slider .flex-direction-nav a:hover, .items-slider .flex-direction-nav a:active { opacity: 1; } .items-slider .flex-direction-nav a.flex-disabled:active { top: -30px; } .items-slider .flex-direction-nav .flex-prev { right: 50px; left: auto; } /*---------------------------------------------------------------*/ /* Posts Slider /*---------------------------------------------------------------*/ .posts-slider .slide-item { position: relative; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .posts-slider .post-images { margin-bottom: 15px; } .posts-slider h5 { font-weight: normal; font-size: 16px; } .posts-slider .post-date { width: 45px; height: 45px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #e6e6e6; color: #444444; background-color: white; font-size: 20px; line-height: 18px; text-align: center; padding: 5px; float: left; margin: 0 15px 0 0; } .posts-slider .post-date span { font-size: 14px; display: block; } /*---------------------------------------------------------------*/ /* Icons /*---------------------------------------------------------------*/ .thumbnail { display: block; margin-bottom: 20px; padding: 4px; border: 1px solid #f5f5f5; text-align: center; line-height: 20px; } .modal .modal-body div.thumbnail div { margin: 8px; } .demo-icons .demo-icon { padding: 5px 0; } .demo-icons .demo-icon i { margin-right: 5px; font-size: 18px; } .thumbnail i, .demo-icons i { color: #444; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .demo-icons .demo-icon:hover { cursor: pointer; } .icon6, .icon5, .icon4, .icon3, .icon2, .icon1 { float: left; margin-left: 20px; } .icon6 i, .icon5 i, .icon4 i, .icon3 i, .icon2 i, .icon1 i { color: #444; } .modal .modal-body .icon6 { width: 300px; margin-left: 0; } .modal .modal-body .icon5 { width: 160px; } .modal .modal-body .icon4 { width: 160px; } .modal .modal-body .icon3 { width: 160px; } .modal .modal-body .icon2 { width: 70px; } .modal .modal-body .icon1 { width: 70px; } .icon6 i { font-size: 250px; } .icon5 i { font-size: 120px; } .icon4 i { font-size: 100px; } .icon3 i { font-size: 50px; } .icon2 i { font-size: 26px; } .icon1 i { font-size: 14px; } .icon1 .thumbnail { height: 62px; } .hover-icon { -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } /*---------------------------------------------------------------*/ /* Google Maps /*---------------------------------------------------------------*/ .gmap { margin-bottom: 20px; width: 100%; } .gmap img { max-width: none; } .wpb_gmaps_widget .wpb_map_wraper { padding: 0 !important; } /*---------------------------------------------------------------*/ /* Toggle /*---------------------------------------------------------------*/ .toggle-block.bordered { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; } .toggle-block.bordered .toggle-element { padding: 20px 20px; } .toggle-block.border-top { border-top: 1px solid #e6e6e6; } .toggle-block .toggle-element:first-child { border-top: 1px solid #e6e6e6; } .toggle-block .toggle-element:first-child:last-child { border-top: 0; } .toggle-element { cursor: pointer; border-bottom: 1px solid #e6e6e6; padding: 20px 20px 20px 0; } .toggle-element .toggle-title { display: block; color: #000000; padding: 5px 5px 5px 5px; font-family: Georgia; font-size: 13px; text-transform: uppercase; } .toggle-element .toggle-title:hover { text-decoration: none; } .toggle-element .open-this { cursor: pointer; float: left; height: 20px; line-height: 20px; font-size: 18px; width: 20px; display: block; margin: 0 10px 0 0; text-align: center; } .toggle-element.opened .open-this { line-height: 19px; } .toggle-element .toggle-content { display: none; padding-left: 40px; } .toggle-element.opened .toggle-title { margin-bottom: 10px; } /*---------------------------------------------------------------*/ /* Blocks with icons /*---------------------------------------------------------------*/ .block-with-ico { margin-bottom: 20px; } .block-with-ico:after { content: ""; clear: both; display: block; } .block-with-ico i { float: left; font-size: 36px; color: #B6B6B6; margin: 0 20px 10px 0; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; text-align: center; border-radius: 100%; line-height: 75px; width: 75px; height: 75px; } .block-with-ico.ico-style-encircled.ico-position-left .ico-box-content { padding-left: 100px; } .block-with-ico.ico-style-large i { font-size: 72px; } .block-with-ico.ico-style-small i { line-height: 40px; width: 40px; height: 40px; } .block-with-ico.ico-position-left .ico-box-content { padding-left: 60px; } .block-with-ico.ico-position-left.ico-style-large .ico-box-content { padding-left: 100px; } .block-with-ico.ico-position-top { text-align: center; } .block-with-ico.ico-position-top i { text-align: center; float: none; margin: 0 10px 20px auto !important; display: inline-block; color: white; border: none; } /*---------------------------------------------------------------*/ /* Super Banners /*---------------------------------------------------------------*/ .banner { margin-bottom: 20px; position: relative; overflow: hidden; } .banner .banner-bg { background-position: center center; background-repeat: no-repeat; background-size: cover; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; } .banner .banner-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; margin: 5px; left: 0; right: 0; top: 0; color: white; position: absolute; bottom: 0; z-index: 2; font-size: 13px; } .banner .banner-content h1, .banner .banner-content h2, .banner .banner-content h3, .banner .banner-content h4, .banner .banner-content h5, .banner .banner-content h6 { color: #fff; margin-bottom: 3px; line-height: 1.1; } .banner .banner-content p { line-height: 1.4; } .banner .banner-content .button { float: none; margin-top: 0; } .banner .banner-content a:hover { text-decoration: none; color: #000; } .banner.cursor-pointer { cursor: pointer; } .banner.va-middle .banner-content .banner-inner { position: absolute; top: 50%; width: 100%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .banner.style-dark_border { background-color: #000; } .banner.style-dark_border .banner-content { border: 1px solid #7b7b7f; } .banner.style-dark_border img { opacity: 0.5; width: 100%; } .banner.hover-zoom { -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .banner.hover-zoom img { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; width: 100%; -webkit-backface-visibility: hidden; -webkit-perspective: 1000; } .banner.hover-zoom:hover { background: black; } .banner.hover-zoom:hover a { text-decoration: none !important; } .banner.hover-zoom:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); opacity: 0.75; } .banner.hover-faded { -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; background: black; } .banner.hover-faded img { -webkit-transition: 0.5s all ease-in-out; -moz-transition: 0.5s all ease-in-out; -ms-transition: 0.5s all ease-in-out; -o-transition: 0.5s all ease-in-out; transition: 0.5s all ease-in-out; width: 100%; opacity: 1; } .banner.hover-faded:hover img { opacity: 0.8; width: 100%; } .banner.banner-font-dark .banner-content { color: #6f6f6f; } .banner.banner-font-dark .banner-content h1, .banner.banner-font-dark .banner-content h2, .banner.banner-font-dark .banner-content h3, .banner.banner-font-dark .banner-content h4, .banner.banner-font-dark .banner-content h5, .banner.banner-font-dark .banner-content h6 { color: #6f6f6f; } .banner.bordered { border: 1px solid #ebebeb; } .sidebar .banner .banner-content { background-color: rgba(255, 255, 255, 0.75); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; bottom: 50%; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); width: 83%; left: 20px; } .sidebar .banner .banner-content h2 { color: #5d5d5d; font-size: 22px; } .sidebar .banner .banner-content p { margin-bottom: 0; color: #5d5d5d; } .sidebar .banner .banner-content:before { content: ""; width: 100%; height: 100%; position: absolute; padding: 5px; border: 1px solid rgba(255, 255, 255, 0.85); left: -6px; top: -6px; z-index: -1; } .sidebar .banner.hover-fade:hover img { opacity: 1; } .zoom-banner { position: relative; float: left; background-color: #000; overflow: hidden; margin-bottom: 20px; } .zoom-banner img { width: 100%; height: auto; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } .zoom-banner:hover img { opacity: 0.5; -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); } .zoom-banner p { margin: 0; } .zoom-banner .banner-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 10px; margin: 5px; left: 0; right: 0; bottom: 0; top: 0; color: white; position: absolute; z-index: 2; font-size: 13px; } .zoom-banner .banner-content h1, .zoom-banner .banner-content h3 { color: #fff; margin-bottom: 3px; line-height: 1.1; } /*---------------------------------------------------------------*/ /* Simple popup plugin /*---------------------------------------------------------------*/ .emodal { position: fixed; top: 40%; left: 0; z-index: 20302; visibility: hidden; padding: 20px; min-width: 320px; max-width: 500px; min-height: 140px; width: 50%; height: auto; background: white; opacity: 0; border: 1px solid #ccc; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-repeat: no-repeat; background-position: center center; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .emodal-border { position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: 10px; box-sizing: border-box; border: 1px solid #efefef; } .emodal.eloading { background: #fff url(images/loading.gif) no-repeat center center; } .emodal.eloading .close-modal { display: none; } .emodal.shown ~ .wrapper { filter: blur(3px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-filter: blur(3px); -moz-filter: blur(3px); } .emodal.shown { left: 50%; margin-left: -250px; } .emodal-overlay.with-transitions { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .emodal.with-transitions { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .emodal-overlay.shown, .emodal.shown { visibility: visible; opacity: 1; } .emodal .close-modal { position: absolute; top: -35px; right: 0px; display: block; padding: 0; width: 26px; height: 25px; border-color: transparent; color: #bebebe; background-color: #fff; font-size: 24px; cursor: pointer; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: 7px 7px; } .emodal .close-modal i { display: none; } .close { font-size: 30px; font-weight: normal; } .emodal .close-modal:hover { opacity: 0.4; } .emodal-overlay { position: fixed; top: 0; left: 0; z-index: 20301; visibility: hidden; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* content */ .emodal .emodal-title { margin-bottom: 5px; } .emodal .emodal-text { float: right; width: 75%; position: relative; z-index: 1; } .emodal img { float: left; max-width: 20%; } .emodal .emodal-text h3 { margin-bottom: 10px; } .emodal .emodal-text .button { margin-right: 20px; margin-top: 20px; } .emodal .emodal-text .button:last-child { margin-right: 0; padding-right: 30px; } .modal-header h3 { margin: 0; font-size: 18px !important; line-height: 20px !important; } .emodal .emodal-text .button span { position: relative; } .emodal .emodal-text .button:last-child span:after { content: ""; background: url(images/arrow-right-white.png) no-repeat center center; width: 9px; height: 17px; position: absolute; top: -1px; right: -19px; } /* * jQuery FlexSlider v2.0 * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus { outline: none; } .slides, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; } .flex-control-nav { display: none; } /* FlexSlider Necessary Styles *********************************/ .flexslider { margin: 0; padding: 0; } .flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img { width: 100%; display: block; } .flex-pauseplay span { text-transform: capitalize; } /* Clearfix for the .slides element */ .slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } html[xmlns] .slides { display: block; } * html .slides { height: 1%; } /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child { display: block; } /* FlexSlider Default Theme *********************************/ .flexslider { margin: 0 0 20px; background: #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; zoom: 1; } .flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; } .loading .flex-viewport { max-height: 300px; } .flexslider .slides { zoom: 1; } .carousel li { margin-right: 5px; } /* Direction Nav */ .flex-direction-nav a { background-color: rgba(255, 255, 255, 0.8); } .flex-direction-nav { *height: 0; } .owl-buttons > div, .flex-direction-nav a { opacity: 1; width: 55px; height: 80px; margin: -35px 0 0; font-size: 0; display: block; position: absolute; top: 50%; color: #b8b8b8; z-index: 10; cursor: pointer; text-indent: 0; } .product-thumbnails-slider .flex-direction-nav { visibility: hidden; } .product-thumbnails-slider:hover .flex-direction-nav { visibility: visible; } .vc_video-bg:before { position: absolute; content: ""; display: block; z-index: 1; width: 100%; background: rgba(0, 0, 0, 0.5) url(images/grid-video.png) repeat 0 0; height: 100%; } .single-product-page .flex-direction-nav a { width: 40px; height: 70px; } .single-product-page .product-thumbnails-slider:hover .flex-direction-nav a { display: block; } .single-product-page .flex-direction-nav .flex-next:before { content: "\e603"; font-family: "arrows"; font-size: 40px; line-height: 70px; text-align: center; opacity: 1; display: block; text-indent: 0; position: relative; left: 1px; } .single-product-page .flex-direction-nav .flex-prev:before { content: "\e602"; font-family: "arrows"; font-size: 40px; line-height: 70px; text-align: center; opacity: 1; display: block; text-indent: 0; position: relative; right: 1px; } .owl-buttons .owl-next, .flex-direction-nav .flex-next { font-size: 0; position: absolute; } .owl-buttons .owl-next:before, .flex-direction-nav .flex-next:before { content: "\e603"; font-family: "arrows"; font-size: 52px; opacity: 1; line-height: 82px; display: block; text-indent: 0; color: #b8b8b8; text-align: center; position: relative; left: 2px; top: 0; } .owl-buttons .owl-prev, .flex-direction-nav .flex-prev { position: absolute; font-size: 0; } .owl-buttons .owl-prev:before, .flex-direction-nav .flex-prev:before { content: "\e602"; font-family: "arrows"; font-size: 52px; opacity: 1; line-height: 82px; display: block; text-indent: 0; color: #b8b8b8; text-align: center; position: relative; right: 0; top: 0; left: 0; } .single-product-page .flex-direction-nav .flex-prev { background-position: top left; opacity: 1; } .single-product-page .flex-direction-nav .flex-next:hover { background-position: top right; } .single-product-page .flex-direction-nav .flex-prev:hover { background-position: top left; } .single-product-page .flex-direction-nav a:hover { opacity: 0.8 !important; } .single-product-page .flex-direction-nav .flex-next.flex-disabled { opacity: 0.3 !important; } .single-product-page .flex-direction-nav .flex-prev.flex-disabled { opacity: 0.3 !important; } .flex-direction-nav a:hover, .flex-direction-nav a:active { opacity: 1; text-decoration: none; } .owl-buttons .owl-next, .flex-direction-nav .flex-next { background-position: right bottom; right: 0; opacity: 1; } .owl-buttons .owl-prev, .flex-direction-nav .flex-prev { left: 0; background-position: left bottom; opacity: 1; } .flex-direction-nav .flex-next:hover { background-position: right bottom; opacity: 0.8; } .flex-direction-nav .flex-prev:hover { background-position: left bottom; opacity: 0.8; } .flex-direction-nav .flex-next.flex-disabled { opacity: .6!important; filter: alpha(opacity=30); cursor: default; background-position: top right; } .flex-direction-nav .flex-prev.flex-disabled { opacity: .6!important; filter: alpha(opacity=30); cursor: default; background-position: top left; } .flex-direction-nav .flex-next.flex-disabled:hover { background-position: top right; } .flex-direction-nav .flex-prev.flex-disabled:hover { background-position: top left; } /* Control Nav */ .flex-control-nav { width: 100%; position: absolute; bottom: 10px; text-align: center; } .flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline; } .flex-control-paging li a { width: 17px; height: 17px; display: block; background-image: url(images/flex-control-points.png); background-position: top center; background-repeat: no-repeat; cursor: pointer; text-indent: -9999px; font-size: 0; } .flex-control-paging li a.flex-active { background-position: bottom center; cursor: default; } .flex-control-thumbs { margin: 5px 0 0; position: static; overflow: hidden; } .flex-control-thumbs li { width: 25%; float: left; margin: 0; } .flex-control-thumbs img { width: 100%; display: block; opacity: .7; cursor: pointer; } .flex-control-thumbs img:hover { opacity: 1; } .flex-control-thumbs .flex-active { opacity: 1; cursor: default; } .wpb_flexslider .flex-control-paging { display: none; } @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev { opacity: 0.3; left: 0; } .flex-direction-nav .flex-next { opacity: 0.3; right: 0; } } /* Pretty Photo *********************************/ .pp_content_container .pp_content { border: 1px solid #dbdbdb; min-height: 70px; min-width: 65px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .pp_content_container .pp_details { position: inherit!important; } .pp_content_container .pp_close { top: -56px; margin: 3px; background-color: white; right: 0; } .pp_content_container .pp_contract, .pp_content_container .pp_expand { top: -57px; margin: 3px; background-color: white; left: 0 !important; bottom: auto!important; width: 20px; height: 20px; line-height: 16px; text-align: center; } .pp_content_container .pp_contract i, .pp_content_container .pp_expand i { font-size: 14px; } /*---------------------------------------------------------------*/ /* Countdown Timer /*---------------------------------------------------------------*/ .et-timer.dark .time-block { color: #8e8e8e; } .et-timer.dark .time-block span { color: #151515; } .et-timer.dark .timer-devider { border-right: 1px solid #dbdbdb; } .et-timer.white .time-block span { color: #fff; } .et-timer.white .timer-devider { border-right: 1px solid rgba(255, 255, 255, 0.6); } .et-timer { text-align: center; margin: 20px auto 20px; display: inline-block; position: relative; } .et-timer .timer-devider { display: inline-block; float: left; height: 50px; border-right: 1px solid #000; margin: 20px 35px 0 35px; } .et-timer .time-block { width: 120px; height: 100px; color: #b2b2b2; font-size: 18px; display: inline-block; font-weight: bold; text-transform: uppercase; float: left; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .et-timer .time-block span { font-size: 50px; line-height: 1; display: block; margin-bottom: 10px; font-weight: 700; } /*---------------------------------------------------------------*/ /* Promo popup /*---------------------------------------------------------------*/ .white-popup-block { background: #fff; border: 5px solid #efefef; padding: 20px 30px 5px; text-align: start; max-width: 95%; margin: 40px auto; position: relative; background-image: url(images/assets/pp_bg.jpg); -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-repeat: no-repeat; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .white-popup-block .popup-modal-dismiss { position: absolute; top: 10px; right: 10px; display: block; line-height: 22px; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: center center; width: 20px; height: 20px; } .white-popup-block .popup-modal-dismiss:hover { opacity: 0.6; } .white-popup-block .popup-modal-dismiss i { font-size: 0; } .white-popup-block .row-fluid .span1, .white-popup-block .row-fluid .span2, .white-popup-block .row-fluid .span3, .white-popup-block .row-fluid .span4, .white-popup-block .row-fluid .span5, .white-popup-block .row-fluid .span6, .white-popup-block .row-fluid .span7, .white-popup-block .row-fluid .span8, .white-popup-block .row-fluid .span9, .white-popup-block .row-fluid .span10, .white-popup-block .row-fluid .span11, .white-popup-block .row-fluid .span12 { min-height: 0; } .white-popup-block label { text-transform: uppercase; color: #222; } a.etheme-popup { font-size: 0; display: block; } .checkbox-label { text-align: center; position: absolute; bottom: 0; } .checkbox-label input { display: inline-block; } .checkbox-label label { display: inline-block; position: relative; top: 2px; font-size: 11px; } /*---------------------------------------------------------------*/ /* Revolution Slider /*---------------------------------------------------------------*/ .tp-rightarrow.default, .tp-leftarrow.default { background-image: none; background-position: bottom left; background-color: rgba(255, 255, 255, 0.5); width: 65px; height: 90px; } .tp-rightarrow.default { opacity: 1; background-position: bottom right; } .tp-rightarrow.default:hover { opacity: 0.7; background-position: bottom right; } .tp-leftarrow.default { opacity: 1; background-position: bottom left; } .tp-leftarrow.default:hover { background-position: bottom left; opacity: 0.7; } .tp-rightarrow.default:before { content: "\e603"; font-family: "arrows"; font-size: 60px; opacity: 1; line-height: 90px; display: block; text-indent: 0; color: #b8b8b8; text-align: center; position: relative; left: 2px; } .tp-leftarrow.default:before { content: "\e602"; font-family: "arrows"; font-size: 60px; opacity: 1; line-height: 90px; display: block; text-indent: 0; color: #b8b8b8; text-align: center; position: relative; right: 2px; } .tp-bullets.simplebullets.round .bullet { background: white!important; width: 10px!important; height: 10px!important; margin-top: -5px !important; margin: -5px 5px 0 5px !important; opacity: 0.6; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover { opacity: 1; } .fullwidthbanner-container .tp-rightarrow.default::selection, .fullwidthbanner-container .tp-leftarrow.default::selection, .fullwidthbanner-container::selection { background-color: transparent !important; } /*---------------------------------------------------------------*/ /* Testimonials slider /*---------------------------------------------------------------*/ .cbp-qtrotator { position: relative; margin: 10px auto 30px auto; width: 100%; } .cbp-qtrotator .cbp-qtcontent { position: absolute; top: 0; z-index: 0; opacity: 0; width: 100%; } .no-js .cbp-qtrotator .cbp-qtcontent { border-bottom: none; } .cbp-qtrotator .cbp-qtcontent.cbp-qtcurrent, .no-js .cbp-qtrotator .cbp-qtcontent { position: relative; z-index: 100; pointer-events: auto; opacity: 1; } .cbp-qtrotator .cbp-qtcontent:before, .cbp-qtrotator .cbp-qtcontent:after { content: " "; display: table; } .cbp-qtrotator .cbp-qtcontent:after { clear: both; } .cbp-qtprogress { position: absolute; height: 1px; width: 0%; top: 0; z-index: 1000; background-color: #4d4d4d; } .cbp-qtrotator blockquote { margin: 0; background-color: transparent; background-repeat: no-repeat; background-position: 10px 10px; border: 1px solid #D5D5D5; padding: 25px; margin-bottom: 20px; line-height: 24px; } .cbp-qtrotator blockquote:after { content: ""; display: block; width: 27px; height: 14px; position: absolute; bottom: 47px; } .cbp-qtrotator blockquote footer { margin-top: 10px; } .cbp-qtrotator blockquote footer cite { font-style: italic; display: inline; } .cbp-qtrotator .testimonial-author { text-align: center; } .cbp-qtrotator blockquote footer:before { content: '― '; } .cbp-qtrotator .cbp-qtcontent a.avatar-link { position: absolute; bottom: -12px; } .cbp-qtrotator .cbp-prev, .cbp-qtrotator .cbp-next { font-size: 20px; position: absolute; cursor: pointer; bottom: -5px; width: 20px; text-align: center; left: 2px; z-index: 111; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; } .cbp-qtrotator .cbp-prev:hover, .cbp-qtrotator .cbp-next:hover { color: #fff; } .cbp-qtrotator .cbp-next { right: 2px; left: auto; } .footer-bottom-2 .cbp-qtrotator blockquote, .top-panel .cbp-qtrotator blockquote { border-color: #5E5E5E; background-image: url('images/quote2.png'); } .testimonials-slider { position: relative; background-repeat: no-repeat; background-position: 10px 20px; } .testimonials-slider .item { border-right: 0; text-align: center; } .testimonials-slider .item .avatar-link, .testimonials-slider .item .testimonial-author { display: inline-block; } .testimonials-slider .owl-buttons div { bottom: -10px; top: auto; position: absolute; } .testimonials-slider .owl-buttons .owl-prev { left: 0; } .testimonials-slider .owl-buttons .owl-next { right: 0; } .quantity input[type=number] { -moz-appearance: textfield !important; } .testimonials-slider .owl-buttons .owl-prev:before { content: "\f104"; font-family: FontAwesome; color: #252525; font-size: 26px; } .testimonials-slider .owl-buttons .owl-next:before { content: "\f105"; font-family: FontAwesome; color: #252525; font-size: 26px; } .testimonials-text, .testimonial-author { text-align: center; } .testimonials-text { margin: 0; background-color: transparent; background-repeat: no-repeat; background-position: 10px 10px; border: 1px solid #D5D5D5; padding: 25px; margin-bottom: 20px; line-height: 24px; } .testimonial-grid { margin-bottom: 20px; } .testimonial-grid .testimonials-row .quote { width: 50%; float: left; padding: 20px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .testimonial-grid .testimonials-row .quote:nth-child(2n-1) { padding-left: 0; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; margin-right: -1px; } .testimonial-grid .testimonials-row .quote:nth-child(2n) { padding-right: 0; border-left: 1px solid #ebebeb; border-top: 1px solid #ebebeb; } .testimonial-grid .testimonials-row .quote .avatar-link { float: left; margin: 0 20px 5px 0; } .testimonial-grid .testimonials-row .quote .avatar-link img { -webkit-border-radius: 60px; -moz-border-radius: 60px; -ms-border-radius: 60px; -o-border-radius: 60px; border-radius: 60px; } .testimonial-grid .testimonials-row .quote .author strong { display: block; color: #000000; font-style: normal; font-weight: normal; text-transform: uppercase; } .testimonial-grid .testimonials-row .quote blockquote { margin: 0 0 10px 0; background: none; border: none; padding: 0; font-style: normal; } .testimonial-grid .testimonials-row:first-child .quote:nth-child(2n-1) { border-top: 0; } .testimonial-grid .testimonials-row:first-child .quote:nth-child(2n) { border-top: 0; } /* Reset - A few useful declerations to stop other peoples CSS interfering with our own */ .sxy-zoom-container .sxy-zoom-viewport img { max-width: none !important; border-radius: 0 !important; } /* Global */ .sxy-zoom-container { /* -moz-box-shadow: 0 1px 6px #aaa; -webkit-box-shadow: 0 1px 6px #aaa; box-shadow: 0 1px 6px #aaa; */ } .sxy-zoom-container .sxy-zoom-viewport { z-index: 1000; } .sxy-zoom-container img { border: 0; } .sxy-zoom-container div { margin: 0; padding: 0; border: 0; } .sxy-zoom-container .sxy-zoom-dragpad, .sxy-zoom-container .sxy-overlay, .sxy-zoom-container .inner-thumb, .sxy-zoom-container .sxy-zoom-bg { width: 100%; height: 100%; } .sxy-zoom-bg { left: 0; top: 0; position: absolute; } .sxy-zoom-container .sxy-controls { height: 100%; } .sxy-zoom-container .overlay { height: 100%; } .sxy-zoom-container .sxy-slider { height: 100%; } .sxy-zoom-container .sxy-zoom-dragpad { position: absolute !important; left: 0; top: 0; } /* Controls */ .sxy-zoom-container .sxy-controls { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 26px; left: -26px; top: 0px; position: absolute; overflow: hidden; filter: inherit; } .sxy-zoom-container .sxy-controls .overlay { position: absolute; top: 0px; left: 0px; width: 26px; border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-bottom-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; background: #fff; filter: inherit; } .sxy-zoom-container .in { filter: inherit; left: 2px; width: 22px; height: 23px; position: relative; display: block; top: 3px; } .sxy-zoom-container .out { filter: inherit; width: 22px; height: 23px; position: relative; left: 2px; display: block; } .sxy-zoom-container .sxy-slider { filter: inherit; position: relative; } .sxy-zoom-container .sxy-handle { filter: inherit; left: 2px; width: 20px; height: 16px; top: 20px; position: absolute; font-size: 0; } /* Mode :: Common */ .sxy-zoom-container { position: relative; } .sxy-zoom-container .sxy-zoom-viewfinder { position: absolute; border: 4px solid rgba(255, 255, 255, 0.4); box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .sxy-zoom-container .inner-thumb { position: absolute; top: 0; left: 0; } .sxy-zoom-container .sxy-zoom-dragpad { position: relative; } .sxy-zoom-container .sxy-zoom-dragpad .sxy-overlay { position: absolute; top: 0px; left: 0px; } .sxy-zoom-container .sxy-zoom-viewport { position: absolute; overflow: hidden; top: 0; } .sxy-zoom-container .sxy-zoom-viewport img { position: absolute; } .sxy-zoom-container.sxy-zoom-loading .sxy-loading { display: none; background: #fff; padding: 5px; position: absolute; top: 0; left: 0; margin: 5px; opacity: 0.6; border: 1px solid #ebebeb; } .sxy-zoom-container.sxy-zoom-loading .sxy-loading span { background: #fff url(images/loading.gif) no-repeat; width: 48px; height: 48px; display: block; } /* Mode :: Dock filter: alpha(opacity = 0); */ .sxy-zoom-mode-dock .sxy-zoom-viewport { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; border: 1px solid #000; position: absolute; overflow: hidden; top: 0; box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); } .sxy-zoom-mode-dock .sxy-zoom-dragpad .sxy-overlay { background: #000000; opacity: 0.0; } /* Mode :: Window */ .sxy-zoom-mode-window .sxy-zoom-viewfinder { z-index: 1001; } /* Mode :: Lens */ .sxy-zoom-mode-lens .sxy-zoom-viewport { border: 1px solid #000; position: absolute; overflow: hidden; top: 0; box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); -moz-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.68); } /* Mode :: Slippy */ .sxy-zoom-mode-slippy .sxy-zoom-dragpad { cursor: pointer; } .sxy-zoom-mode-slippy .sxy-zoom-dragpad.down { cursor: move; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 20000; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 20100; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: start; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { background-color: rgba(255, 255, 255, 0.8); overflow: visible; cursor: pointer; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { position: absolute; right: 0; top: -32px; background: white; width: 26px; height: 25px; border-color: transparent; color: #bebebe; background-color: #fff; font-size: 0; cursor: pointer; -webkit-transition: 0.2s all ease-in-out; -moz-transition: 0.2s all ease-in-out; -ms-transition: 0.2s all ease-in-out; -o-transition: 0.2s all ease-in-out; transition: 0.2s all ease-in-out; background-image: url(images/black_cross.png); background-repeat: no-repeat; background-position: 7px 7px; } .mfp-close:hover, .mfp-close:focus { opacity: 0.4; } .mfp-close-btn-in .mfp-close { color: #333333; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -40px; padding: 0; width: 55px; height: 80px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .mfp-arrow:active { margin-top: -40px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-left: 13px; border: medium inset transparent; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { content: "\e602"; font-family: "arrows"; font-size: 52px; color: #444; margin-left: 6px; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { content: "\e603"; font-family: "arrows"; font-size: 52px; color: #444; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 90%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { display: none !important; content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: 10px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-bottom-bar .mfp-counter { right: 50%; margin-right: -10px; } .mfp-title { text-align: start; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure { /* The shadow behind the image */ } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .loader { background: #fff url(images/loading.gif) no-repeat center center; padding: 50px; width: 50px; height: 50px; -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } /*---------------------------------------------------------------*/ /* Effects /*---------------------------------------------------------------*/ .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .mfp-zoom-in-to-left-out { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in-to-left-out .mfp-with-anim { opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-transform: scale(0.8); -ms-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); } .mfp-zoom-in-to-left-out.mfp-bg { opacity: 0; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-zoom-in-to-left-out.mfp-ready .mfp-with-anim { opacity: 1; -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .mfp-zoom-in-to-left-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in-to-left-out.mfp-removing .mfp-with-anim { left: -50%; opacity: 0; } .mfp-zoom-in-to-left-out.mfp-removing.mfp-bg { opacity: 0; } /* * Core Owl Carousel CSS File * v1.24 */ /* clearfix */ .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } /* display none until init */ .owl-carousel { display: none; position: relative; width: 100%; -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%; } .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-carousel .owl-item { float: left; } .owl-carousel .owl-item.loading { min-height: 150px; background: url(images/AjaxLoader.gif) no-repeat center center; } .owl-carousel .owl-item.loading .product-image-wrapper { min-height: 250px; } .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); } /* mouse grab icon */ .grabbing { cursor: url(images/grabbing.png) 8 8, move; } /* fix */ .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); } /* CSS3 Transitions */ .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } /* fade */ .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } /* backSlide */ .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } /* goDown */ .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } /* scaleUp */ .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } /* Keyframes */ /*empty*/ @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } /* * Swiper - Mobile Touch Slider CSS * http://www.idangero.us/sliders/swiper * * Vladimir Kharlampidi, The iDangero.us * http://www.idangero.us/ * * Copyright 2012-2013, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us * * Licensed under GPL & MIT * */ /* =============================================================== Basic Swiper Styles ================================================================*/ .swiper-container { margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; /* Fix of Webkit flickering */ z-index: 1; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-property: -moz-transform, left, top; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-property: -o-transform, left, top; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-property: -ms-transform, left, top; -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform, left, top; transition-duration: 0s; transform: translate3d(0px, 0, 0); transition-timing-function: ease; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .swiper-free-mode > .swiper-wrapper { -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -ms-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; } /* IE10 Windows Phone 8 Fixes */ .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } /* =============================================================== Your custom styles, here you need to specify container's and slide's sizes, pagination, etc. ================================================================*/ .swiper-container { /* Specify Swiper's Size: */ width: 100%; height: auto; } .swiper-slide { /* Specify Slides's Size: */ /*width: 100%; height: 100%;*/ opacity: 0.4; margin: 0!important; width: 500px; max-width: 100%; padding: 0 15px; } @media (max-width: 767px) { .swiper-slide { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } } .swiper-slide-active { /* Specific active slide styling: */ opacity: 1; } /*---------------------------------------------------------------*/ /* Loader /*---------------------------------------------------------------*/ #floatingCirclesG { background: #fff url(images/loading.gif) no-repeat center center; position: absolute; top: 30%; z-index: 4; width: 100%; height: 60px; left: 0; } .products-list #floatingCirclesG { width: 50px; left: 50%; margin-left: -25px; } /*---------------------------------------------------------------*/ /* Demo Content /*---------------------------------------------------------------*/ .row-fluid.shortcodes-buttons .span4 { line-height: 50px; margin-bottom: 20px; } .brand { opacity: 0.7; filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ -webkit-transition: 0.3s all ease-in-out; -moz-transition: 0.3s all ease-in-out; -ms-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .brand:hover { opacity: 1; filter: none; -webkit-filter: grayscale(1%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */ } /*---------------------------------------------------------------*/ /* Contact Form 7 /*---------------------------------------------------------------*/ .wpcf7 input, .wpcf7 textarea { width: 100%; } .wpcf7 input[type="submit"] { width: auto; } .chat-form-heading { padding-right: 10px !important; } /*---------------------------------------------------------------*/ /* MediaElement JS styles /*---------------------------------------------------------------*/ .mejs-container { position: relative; background: #000; font-family: Helvetica, Arial; text-align: start; vertical-align: top; text-indent: 0; } .me-plugin { position: absolute; } .mejs-embed, .mejs-embed body { width: 100%; height: 100%; margin: 0; padding: 0; background: #000; overflow: hidden; } .mejs-fullscreen { /* set it to not show scroll bars so 100% will work */ overflow: hidden !important; } .mejs-container-fullscreen { position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow: hidden; z-index: 1000; } .mejs-container-fullscreen .mejs-mediaelement, .mejs-container-fullscreen video { width: 100%; height: 100%; } .mejs-clear { clear: both; } /* Start: LAYERS */ .mejs-background { position: absolute; top: 0; left: 0; } .mejs-mediaelement { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mejs-poster { position: absolute; top: 0; left: 0; background-size: contain ; background-position: 50% 50% ; background-repeat: no-repeat; } :root .mejs-poster img { display: none ; } .mejs-poster img { padding: 0; border: 0; } .mejs-overlay { position: absolute; top: 0; left: 0; } .mejs-overlay-play { cursor: pointer; } .mejs-overlay-button { position: absolute; top: 50%; left: 50%; width: 100px; height: 100px; margin: -50px 0 0 -50px; background: url(images/video/bigplay.svg) no-repeat; } .no-svg .mejs-overlay-button { background-image: url(images/video/bigplay.png); } .mejs-overlay:hover .mejs-overlay-button { background-position: 0 -100px; } .mejs-overlay-loading { position: absolute; top: 50%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background: #333; background: url(images/video/background.png); background: rgba(0, 0, 0, 0.9); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.9)), to(rgba(0, 0, 0, 0.9))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); background: linear-gradient(rgba(50, 50, 50, 0.9), rgba(0, 0, 0, 0.9)); } .mejs-overlay-loading span { display: block; width: 80px; height: 80px; background: transparent url(images/video/loading.gif) 50% 50% no-repeat; } /* End: LAYERS */ /* Start: CONTROL BAR */ .mejs-container .mejs-controls { position: absolute; list-style-type: none; margin: 0; padding: 0; bottom: 0; left: 0; background: url(images/video/background.png); background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); height: 30px; width: 100%; } .mejs-container .mejs-controls div { list-style-type: none; background-image: none; display: block; float: left; margin: 0; padding: 0; width: 26px; height: 26px; font-size: 11px; line-height: 11px; font-family: Helvetica, Arial; border: 0; } .mejs-controls .mejs-button button { cursor: pointer; display: block; font-size: 0; line-height: 0; text-decoration: none; margin: 7px 5px; padding: 0; position: absolute; height: 16px; width: 16px; border: 0; background: transparent url(images/video/controls.svg) no-repeat; } .no-svg .mejs-controls .mejs-button button { background-image: url(images/video/controls.png); } /* :focus for accessibility */ .mejs-controls .mejs-button button:focus { outline: solid 1px yellow; } /* End: CONTROL BAR */ /* Start: Time (Current / Duration) */ .mejs-container .mejs-controls .mejs-time { color: #fff; display: block; height: 17px; width: auto; padding: 8px 3px 0 3px ; overflow: hidden; text-align: center; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .mejs-container .mejs-controls .mejs-time span { color: #fff; font-size: 11px; line-height: 12px; display: block; float: left; margin: 1px 2px 0 0; width: auto; } /* End: Time (Current / Duration) */ /* Start: Play/Pause/Stop */ .mejs-controls .mejs-play button { background-position: 0 0; } .mejs-controls .mejs-pause button { background-position: 0 -16px; } .mejs-controls .mejs-stop button { background-position: -112px 0; } /* Start: Play/Pause/Stop */ /* Start: Progress Bar */ .mejs-controls div.mejs-time-rail { direction: ltr; width: 200px; padding-top: 5px; } .mejs-controls .mejs-time-rail span { display: block; position: absolute; width: 180px; height: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; cursor: pointer; } .mejs-controls .mejs-time-rail .mejs-time-total { margin: 5px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-time-rail .mejs-time-buffering { width: 100%; background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; -o-background-size: 15px 15px; background-size: 15px 15px; -webkit-animation: buffering-stripes 2s linear infinite; -moz-animation: buffering-stripes 2s linear infinite; -ms-animation: buffering-stripes 2s linear infinite; -o-animation: buffering-stripes 2s linear infinite; animation: buffering-stripes 2s linear infinite; } @-webkit-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-moz-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @-o-keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } @keyframes buffering-stripes { from { background-position: 0 0; } to { background-position: 30px 0; } } .mejs-controls .mejs-time-rail .mejs-time-loaded { background: #3caac8; background: rgba(60, 170, 200, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(44, 124, 145, 0.8)), to(rgba(78, 183, 212, 0.8))); background: -webkit-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -moz-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -o-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: -ms-linear-gradient(top, rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); background: linear-gradient(rgba(44, 124, 145, 0.8), rgba(78, 183, 212, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-current { background: #fff; background: rgba(255, 255, 255, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255, 255, 255, 0.9)), to(rgba(200, 200, 200, 0.8))); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(200, 200, 200, 0.8)); width: 0; } .mejs-controls .mejs-time-rail .mejs-time-handle { display: none; position: absolute; margin: 0; width: 10px; background: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor: pointer; border: solid 2px #333; top: -2px; text-align: center; } .mejs-controls .mejs-time-rail .mejs-time-float { position: absolute; display: none; background: #eee; width: 36px; height: 17px; border: solid 1px #333; top: -26px; margin-left: -18px; text-align: center; color: #111; } .mejs-controls .mejs-time-rail .mejs-time-float-current { margin: 2px; width: 30px; display: block; text-align: center; left: 0; } .mejs-controls .mejs-time-rail .mejs-time-float-corner { position: absolute; display: block; width: 0; height: 0; line-height: 0; border: solid 5px #eee; border-color: #eee transparent transparent transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: 15px; left: 13px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float { width: 48px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-current { width: 44px; } .mejs-long-video .mejs-controls .mejs-time-rail .mejs-time-float-corner { left: 18px; } /* .mejs-controls .mejs-time-rail:hover .mejs-time-handle { visibility:visible; } */ /* End: Progress Bar */ /* Start: Fullscreen */ .mejs-controls .mejs-fullscreen-button button { background-position: -32px 0; } .mejs-controls .mejs-unfullscreen button { background-position: -32px -16px; } /* End: Fullscreen */ /* Start: Mute/Volume */ .mejs-controls .mejs-mute button { background-position: -16px -16px; } .mejs-controls .mejs-unmute button { background-position: -16px 0; } .mejs-controls .mejs-volume-button { position: relative; } .mejs-controls .mejs-volume-button .mejs-volume-slider { display: none; height: 115px; width: 25px; background: url(images/video/background.png); background: rgba(50, 50, 50, 0.7); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; top: -115px; left: 0; z-index: 1; position: absolute; margin: 0; } .mejs-controls .mejs-volume-button:hover { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; } /* .mejs-controls .mejs-volume-button:hover .mejs-volume-slider { display: block; } */ .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-total { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.5); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current { position: absolute; left: 11px; top: 8px; width: 2px; height: 100px; background: #ddd; background: rgba(255, 255, 255, 0.9); margin: 0; } .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-handle { position: absolute; left: 4px; top: -3px; width: 16px; height: 6px; background: #ddd; background: rgba(255, 255, 255, 0.9); cursor: N-resize; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; margin: 0; } /* horizontal version */ .mejs-controls div.mejs-horizontal-volume-slider { height: 26px; width: 60px; position: relative; } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total, .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current { position: absolute; left: 0; top: 11px; width: 50px; height: 8px; margin: 0; padding: 0; font-size: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #333; background: rgba(50, 50, 50, 0.8); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(30, 30, 30, 0.8)), to(rgba(60, 60, 60, 0.8))); background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -o-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(60, 60, 60, 0.8)); } .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle { display: none; } /* End: Mute/Volume */ /* Start: Track (Captions and Chapters) */ .mejs-controls .mejs-captions-button { position: relative; } .mejs-controls .mejs-captions-button button { background-position: -48px 0; } .mejs-controls .mejs-captions-button .mejs-captions-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(images/video/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } /* .mejs-controls .mejs-captions-button:hover .mejs-captions-selector { visibility: visible; } */ .mejs-controls .mejs-captions-button .mejs-captions-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-captions-button .mejs-captions-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } .mejs-controls .mejs-captions-button .mejs-captions-translations { font-size: 10px; margin: 0 0 5px 0; } .mejs-chapters { position: absolute; top: 0; left: 0; -xborder-right: solid 1px #fff; width: 10000px; z-index: 1; } .mejs-chapters .mejs-chapter { position: absolute; float: left; background: #222; background: rgba(0, 0, 0, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(50, 50, 50, 0.7)), to(rgba(0, 0, 0, 0.7))); background: -webkit-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -moz-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -o-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: -ms-linear-gradient(top, rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); background: linear-gradient(rgba(50, 50, 50, 0.7), rgba(0, 0, 0, 0.7)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#323232, endColorstr=#000000); overflow: hidden; border: 0; } .mejs-chapters .mejs-chapter .mejs-chapter-block { font-size: 11px; color: #fff; padding: 5px; display: block; border-right: solid 1px #333; border-bottom: solid 1px #333; cursor: pointer; } .mejs-chapters .mejs-chapter .mejs-chapter-block-last { border-right: none; } .mejs-chapters .mejs-chapter .mejs-chapter-block:hover { background: #666; background: rgba(102, 102, 102, 0.7); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(102, 102, 102, 0.7)), to(rgba(50, 50, 50, 0.6))); background: -webkit-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -moz-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -o-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: -ms-linear-gradient(top, rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); background: linear-gradient(rgba(102, 102, 102, 0.7), rgba(50, 50, 50, 0.6)); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#666666, endColorstr=#323232); } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-title { font-size: 12px; font-weight: bold; display: block; white-space: nowrap; text-overflow: ellipsis; margin: 0 0 3px 0; line-height: 12px; } .mejs-chapters .mejs-chapter .mejs-chapter-block .ch-timespan { font-size: 12px; line-height: 12px; margin: 3px 0 4px 0; display: block; white-space: nowrap; text-overflow: ellipsis; } .mejs-captions-layer { position: absolute; bottom: 0; left: 0; text-align: center; line-height: 22px; font-size: 12px; color: #fff; } .mejs-captions-layer a { color: #fff; text-decoration: underline; } .mejs-captions-layer[lang=ar] { font-size: 20px; font-weight: normal; } .mejs-captions-position { position: absolute; width: 100%; bottom: 15px; left: 0; } .mejs-captions-position-hover { bottom: 45px; } .mejs-captions-text { padding: 3px 5px; background: url(images/video/background.png); background: rgba(20, 20, 20, 0.8); } /* End: Track (Captions and Chapters) */ /* Start: Error */ .me-cannotplay a { color: #fff; font-weight: bold; } .me-cannotplay span { padding: 15px; display: block; } /* End: Error */ /* Start: Loop */ .mejs-controls .mejs-loop-off button { background-position: -64px -16px; } .mejs-controls .mejs-loop-on button { background-position: -64px 0; } /* End: Loop */ /* Start: backlight */ .mejs-controls .mejs-backlight-off button { background-position: -80px -16px; } .mejs-controls .mejs-backlight-on button { background-position: -80px 0; } /* End: backlight */ /* Start: Picture Controls */ .mejs-controls .mejs-picturecontrols-button { background-position: -96px 0; } /* End: Picture Controls */ /* context menu */ .mejs-contextmenu { position: absolute; width: 150px; padding: 10px; border-radius: 4px; top: 0; left: 0; background: #fff; border: solid 1px #999; z-index: 1001; /* make sure it shows on fullscreen */ } .mejs-contextmenu .mejs-contextmenu-separator { height: 1px; font-size: 0; margin: 5px 6px; background: #333; } .mejs-contextmenu .mejs-contextmenu-item { font-family: Helvetica, Arial; font-size: 12px; padding: 4px 6px; cursor: pointer; color: #333; } .mejs-contextmenu .mejs-contextmenu-item:hover { background: #2C7C91; color: #fff; } /* Start: Source Chooser */ .mejs-controls .mejs-sourcechooser-button { position: relative; } .mejs-controls .mejs-sourcechooser-button button { background-position: -128px 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector { visibility: hidden; position: absolute; bottom: 26px; right: -10px; width: 130px; height: 100px; background: url(images/video/background.png); background: rgba(50, 50, 50, 0.7); border: solid 1px transparent; padding: 10px; overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul { margin: 0; padding: 0; display: block; list-style-type: none !important; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li { margin: 0 0 6px 0; padding: 0; list-style-type: none !important; display: block; color: #fff; overflow: hidden; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li input { clear: both; float: left; margin: 3px 3px 0 5px; } .mejs-controls .mejs-sourcechooser-button .mejs-sourcechooser-selector ul li label { width: 100px; float: left; padding: 4px 0 0 0; line-height: 15px; font-family: helvetica, arial; font-size: 10px; } /* End: Source Chooser */ /* Start: Postroll */ .mejs-postroll-layer { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: url(images/video/background.png); background: rgba(50, 50, 50, 0.7); z-index: 1000; overflow: hidden; } .mejs-postroll-layer-content { width: 100%; height: 100%; } .mejs-postroll-close { position: absolute; right: 0; top: 0; background: url(images/video/background.png); background: rgba(50, 50, 50, 0.7); color: #fff; padding: 4px; z-index: 100; cursor: pointer; } /* End: Postroll */ /*---------------------------------------------------------------*/ /* Woocommerce styles /*---------------------------------------------------------------*/ .woocommerce-cart .slider-container { margin-top: 30px; } .woocommerce-message .button, .woocommerce-error .button, .woocommerce-info .button, .woocommerce form .form-row-last, .woocommerce-page form .form-row-last, .woocommerce #payment div.payment_box #cc-expire-year, .woocommerce-page #payment div.payment_box #cc-expire-year, .woocommerce .addresses .title .edit, .woocommerce-page .addresses .title .edit, .woocommerce ul.digital-downloads li .count, .woocommerce-page ul.digital-downloads li .count { float: right; } .woocommerce form .form-row .input-checkbox, .woocommerce-page form .form-row .input-checkbox { display: block; float: left; margin-right: 5px; } .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; display: block; height: 120px; line-height: 1.5em; } #billing_country { width: 100%; } .woocommerce-page form .form-row-wide { width: 100%; display: inline-block; } .woocommerce form .form-row, .woocommerce-page form .form-row { margin: 0 0 20px; } /* Chosen css styles */ .woocommerce-checkout .form-row .chzn-container { width: 100% !important; } .woocommerce-checkout .form-row .chzn-container-single .chzn-single { height: 28px; line-height: 29px; } .woocommerce-checkout .form-row .chzn-container-single .chzn-single div b { background: url('images/chosen-sprite.png') no-repeat 0 3px !important; } .woocommerce-checkout .form-row .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 4px !important; } .woocommerce-checkout .form-row .chzn-container-single .chzn-search input { line-height: 13px; width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .woocommerce-checkout .form-row .chzn-container .chzn-drop { width: 100%!important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .woocommerce-checkout .form-row .chzn-container-single .chzn-single div b { background-image: url('images/chosen-sprite@2x.png') !important; background-position: 0 5px!important; background-repeat: no-repeat !important; background-size: 52px 37px !important; } .woocommerce-checkout .form-row .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 5px !important; } } .chzn-container { font-size: 13px; position: relative; display: inline-block; zoom: 1; *display: inline; } .chzn-container .chzn-drop { background: #fff; border: 1px solid #aaa; border-top: 0; position: absolute; top: 29px; left: 0; -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); z-index: 1010; } .chzn-container-single .chzn-single { background-color: #fff; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), color-stop(100%, #f4f4f4)); background-image: -webkit-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: -moz-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: -o-linear-gradient(top, #fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); background-image: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid #aaa; -webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1); display: block; overflow: hidden; white-space: nowrap; position: relative; height: 23px; line-height: 24px; padding: 0 0 0 8px; color: #444; text-decoration: none; } .chzn-container-single .chzn-default { color: #999; } .chzn-container-single .chzn-single span { margin-right: 26px; display: block; overflow: hidden; white-space: nowrap; -o-text-overflow: ellipsis; -ms-text-overflow: ellipsis; text-overflow: ellipsis; } .chzn-container-single .chzn-single abbr { display: block; position: absolute; right: 26px; top: 6px; width: 12px; height: 12px; font-size: 1px; background: url('../images/chosen-sprite.png') -44px 2px no-repeat; } .chzn-container-single .chzn-single abbr:hover { background-position: -44px -9px; } .chzn-container-single.chzn-disabled .chzn-single abbr:hover { background-position: -44px -9px; } .chzn-container-single .chzn-single div { position: absolute; right: 0; top: 0; display: block; height: 100%; width: 18px; } .chzn-container-single .chzn-single div b { background: url('images/chosen-sprite.png') no-repeat 0 2px; display: block; width: 100%; height: 100%; } .chzn-container-single .chzn-search { padding: 3px 4px; position: relative; margin: 0; white-space: nowrap; z-index: 1010; } .chzn-container-single .chzn-search input { background: #fff url('images/chosen-sprite.png') no-repeat 100% -20px; background: url('images/chosen-sprite.png') no-repeat 100% -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background: url('images/chosen-sprite.png') no-repeat 100% -20px, -webkit-linear-gradient(top, #eee 1%, #fff 15%); background: url('images/chosen-sprite.png') no-repeat 100% -20px, -moz-linear-gradient(top, #eee 1%, #fff 15%); background: url('images/chosen-sprite.png') no-repeat 100% -20px, -o-linear-gradient(top, #eee 1%, #fff 15%); background: url('images/chosen-sprite.png') no-repeat 100% -20px, linear-gradient(#eee 1%, #fff 15%); margin: 1px 0; padding: 4px 20px 4px 5px; outline: 0; border: 1px solid #aaa; font-family: sans-serif; font-size: 1em; } .chzn-container-single .chzn-drop { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; } .chzn-container-single-nosearch .chzn-search input { position: absolute; left: -9000px; } .chzn-container-multi .chzn-choices { background-color: #fff; background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%); background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%); background-image: -o-linear-gradient(top, #eee 1%, #fff 15%); background-image: linear-gradient(#eee 1%, #fff 15%); border: 1px solid #aaa; margin: 0; padding: 0; cursor: text; overflow: hidden; height: auto!important; height: 1%; position: relative; } .chzn-container-multi .chzn-choices li { float: left; list-style: none; } .chzn-container-multi .chzn-choices .search-field { white-space: nowrap; margin: 0; padding: 0; } .chzn-container-multi .chzn-choices .search-field input { color: #666; background: transparent!important; border: 0!important; font-family: sans-serif; font-size: 100%; height: 15px; padding: 5px; margin: 1px 0; outline: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .chzn-container-multi .chzn-choices .search-field .default { color: #999; } .chzn-container-multi .chzn-choices .search-choice { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box; background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05); color: #333; border: 1px solid #aaa; line-height: 13px; padding: 3px 20px 3px 5px; margin: 3px 0 3px 5px; position: relative; cursor: default; } .chzn-container-multi .chzn-choices .search-choice.search-choice-disabled { background-color: #e4e4e4; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0); background-image: -webkit-gradient(linear, 0% 0, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee)); background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%); color: #666; border: 1px solid #ccc; padding-right: 5px; } .chzn-container-multi .chzn-choices .search-choice-focus { background: #d4d4d4; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close { display: block; position: absolute; right: 3px; top: 4px; width: 12px; height: 12px; font-size: 1px; background: url('images/chosen-sprite.png') -44px 2px no-repeat; } .chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover { background-position: -44px -9px; } .chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close { background-position: -44px -9px; } .chzn-container .chzn-results { margin: 0 4px 4px 0; max-height: 240px; padding: 0 0 0 4px; position: relative; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .chzn-container-multi .chzn-results { margin: -1px 0 0; padding: 0; } .chzn-container .chzn-results li { display: none; line-height: 15px; padding: 5px 6px; margin: 0; list-style: none; } .chzn-container .chzn-results .active-result { cursor: pointer; display: list-item; } .chzn-container .chzn-results .highlighted { background-color: #3875d7; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3875d7', endColorstr='#2a62bc', GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc)); background-image: -webkit-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -moz-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: -o-linear-gradient(top, #3875d7 20%, #2a62bc 90%); background-image: linear-gradient(#3875d7 20%, #2a62bc 90%); color: #fff; } .chzn-container .chzn-results li em { background: #feffde; font-style: normal; } .chzn-container .chzn-results .highlighted em { background: transparent; } .chzn-container .chzn-results .no-results { background: #f4f4f4; display: list-item; } .chzn-container .chzn-results .group-result { cursor: default; color: #999; font-weight: bold; } .chzn-container .chzn-results .group-option { padding-left: 15px; } .chzn-container-multi .chzn-drop .result-selected { display: none; } .chzn-container .chzn-results-scroll { background: white; margin: 0 4px; position: absolute; text-align: center; width: 321px; z-index: 1; } .chzn-container .chzn-results-scroll span { display: inline-block; height: 17px; text-indent: -5000px; width: 9px; } .chzn-container .chzn-results-scroll-down { bottom: 0; } .chzn-container .chzn-results-scroll-down span { background: url('images/chosen-sprite.png') no-repeat -4px -3px; } .chzn-container .chzn-results-scroll-up span { background: url('images/chosen-sprite.png') no-repeat -22px -3px; } .chzn-container-active .chzn-single { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-single-with-drop { border: 1px solid #aaa; -webkit-box-shadow: 0 1px 0 #fff inset; -moz-box-shadow: 0 1px 0 #fff inset; box-shadow: 0 1px 0 #fff inset; background-color: #eee; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0); background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #eee), color-stop(80%, #fff)); background-image: -webkit-linear-gradient(top, #eee 20%, #fff 80%); background-image: -moz-linear-gradient(top, #eee 20%, #fff 80%); background-image: -o-linear-gradient(top, #eee 20%, #fff 80%); background-image: linear-gradient(#eee 20%, #fff 80%); -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .chzn-container-active .chzn-single-with-drop div { background: transparent; border-left: none; } .chzn-container-active .chzn-single-with-drop div b { background-position: -18px 2px; } .chzn-container-active .chzn-choices { -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border: 1px solid #5897fb; } .chzn-container-active .chzn-choices .search-field input { color: #111 !important; } .chzn-disabled { cursor: default; opacity: 0.5 !important; } .chzn-disabled .chzn-single { cursor: default; } .chzn-disabled .chzn-choices .search-choice .search-choice-close { cursor: default; } .chzn-rtl { text-align: right; } .chzn-rtl .chzn-single { padding: 0 8px 0 0; overflow: visible; } .chzn-rtl .chzn-single span { margin-left: 26px; margin-right: 0; direction: rtl; } .chzn-rtl .chzn-single div { left: 3px; right: auto; } .chzn-rtl .chzn-single abbr { left: 26px; right: auto; } .chzn-rtl .chzn-choices .search-field input { direction: rtl; } .chzn-rtl .chzn-choices li { float: right; } .chzn-rtl .chzn-choices .search-choice { padding: 3px 5px 3px 19px; margin: 3px 5px 3px 0; } .chzn-rtl .chzn-choices .search-choice .search-choice-close { left: 4px; right: auto; background-position: -44px 2px; } .chzn-rtl.chzn-container-single .chzn-results { margin: 0 0 4px 4px; padding: 0 4px 0 0; } .chzn-rtl .chzn-results .group-option { padding-left: 0; padding-right: 15px; } .chzn-rtl.chzn-container-active .chzn-single-with-drop div { border-right: 0; } .chzn-rtl .chzn-search input { background: #fff url('images/chosen-sprite.png') no-repeat -30px -20px; background: url('images/chosen-sprite.png') no-repeat -30px -20px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eee), color-stop(15%, #fff)); background: url('images/chosen-sprite.png') no-repeat -30px -20px, -webkit-linear-gradient(top, #eee 1%, #fff 15%); background: url('images/chosen-sprite.png') no-repeat -30px -20px, -moz-linear-gradient(top, #eee 1%, #fff 15%); background: url('images/chosen-sprite.png') no-repeat -30px -20px, -o-linear-gradient(top, #eee 1%, #fff 15%); background: url('images/chosen-sprite.png') no-repeat -30px -20px, linear-gradient(#eee 1%, #fff 15%); padding: 4px 5px 4px 20px; direction: rtl; } .chzn-container-single.chzn-rtl .chzn-single div b { background-position: 6px 2px; } .chzn-container-single.chzn-rtl.chzn-container-active .chzn-single div b { background-position: -12px 2px; } @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) { .chzn-rtl .chzn-search input, .chzn-container-single .chzn-single abbr, .chzn-container-single .chzn-single div b, .chzn-container-single .chzn-search input, .chzn-container-multi .chzn-choices .search-choice .search-choice-close, .chzn-container .chzn-results-scroll-down span, .chzn-container .chzn-results-scroll-up span { background-image: url('images/chosen-sprite@2x.png') !important; background-repeat: no-repeat !important; background-size: 52px 37px !important; } } .woocommerce-message:after, .woocommerce-error:after, .woocommerce-info:after, .woocommerce .woocommerce-breadcrumb:after, .woocommerce-page .woocommerce-breadcrumb:after, .woocommerce .col2-set:after, .woocommerce-page .col2-set:after, .woocommerce div.product div.images div.thumbnails:after, .woocommerce #content div.product div.images div.thumbnails:after, .woocommerce-page div.product div.images div.thumbnails:after, .woocommerce-page #content div.product div.images div.thumbnails:after, .woocommerce div.product p.cart:after, .woocommerce #content div.product p.cart:after, .woocommerce-page div.product p.cart:after, .woocommerce-page #content div.product p.cart:after, .woocommerce div.product form.cart:after, .woocommerce #content div.product form.cart:after, .woocommerce-page div.product form.cart:after, .woocommerce-page #content div.product form.cart:after, .woocommerce .products ul:after, .woocommerce ul.products:after, .woocommerce-page .products ul:after, .woocommerce-page ul.products:after, .woocommerce .related:after, .woocommerce .upsells.products:after, .woocommerce-page .related:after, .woocommerce-page .upsells.products:after, .woocommerce #reviews #comments .add_review:after, .woocommerce-page #reviews #comments .add_review:after, .woocommerce #reviews #comments ol.commentlist:after, .woocommerce-page #reviews #comments ol.commentlist:after, .woocommerce #review_form #respond:after, .woocommerce-page #review_form #respond:after, .woocommerce p.stars:after, .woocommerce-page p.stars:after, .woocommerce ul.cart_list li:after, .woocommerce ul.product_list_widget li:after, .woocommerce-page ul.cart_list li:after, .woocommerce-page ul.product_list_widget li:after, .woocommerce .widget_shopping_cart .buttons:after, .woocommerce-page .widget_shopping_cart .buttons:after, .woocommerce .cart-collaterals:after, .woocommerce-page .cart-collaterals:after, .woocommerce .cart-collaterals .shipping_calculator:after, .woocommerce-page .cart-collaterals .shipping_calculator:after, .woocommerce form .form-row:after, .woocommerce-page form .form-row:after, .woocommerce #payment ul.payment_methods:after, .woocommerce-page #payment ul.payment_methods:after, .woocommerce .order_details:after, .woocommerce-page .order_details:after, .woocommerce .addresses .title:after, .woocommerce-page .addresses .title:after, .woocommerce .widget_layered_nav ul li:after, .woocommerce-page .widget_layered_nav ul li:after { clear: both; content: ""; display: block; } .woocommerce table.shop_attributes, .woocommerce-page table.shop_attributes { border: 0; border-top: 1px dotted rgba(0, 0, 0, 0.1); margin-bottom: 1.618em; width: 100%; } .woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th { border-bottom: 1px dotted rgba(0, 0, 0, 0.1); border-top: 0; font-weight: 700; line-height: 1.5em; margin: 0; padding: 8px; width: 150px; } .cart-table-section .quantity-box { width: 85px; margin: 0; } .woocommerce table.shop_attributes td, .woocommerce-page table.shop_attributes td { border-bottom: 1px dotted rgba(0, 0, 0, 0.1); border-top: 0; text-transform: uppercase; line-height: 1.5em; margin: 0; padding: 0; } .woocommerce table.shop_attributes td p, .woocommerce-page table.shop_attributes td p { margin: 0; padding: 8px 0; } .woocommerce table.shop_attributes .alt td, .woocommerce table.shop_attributes .alt th, .woocommerce-page table.shop_attributes .alt td, .woocommerce-page table.shop_attributes .alt th { background: rgba(0, 0, 0, 0.025); } .woocommerce table.shop_table, .woocommerce-page table.shop_table { border-collapse: separate; margin: 0 -1px 24px 0; text-align: left; width: 100%; } .woocommerce table.shop_table th, .woocommerce-page table.shop_table th { font-weight: 400; line-height: 18px; padding: 9px 12px; text-transform: uppercase; font-family: Georgia; font-size: 14px; color: #000000; } .woocommerce table.shop_table td, .woocommerce-page table.shop_table td { border-top: 1px solid rgba(0, 0, 0, 0.1); padding: 6px 5px !important; vertical-align: middle; } .woocommerce table.shop_table td small, .woocommerce-page table.shop_table td small { font-weight: 400; } .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th, .woocommerce-page table.shop_table tfoot td, .woocommerce-page table.shop_table tfoot th { border-top: 1px solid rgba(0, 0, 0, 0.1); font-weight: 700; } .woocommerce table.my_account_orders, .woocommerce-page table.my_account_orders { font-size: .85em; } .woocommerce table.my_account_orders th, .woocommerce table.my_account_orders td, .woocommerce-page table.my_account_orders th, .woocommerce-page table.my_account_orders td { padding: 4px 8px; vertical-align: middle; } .woocommerce td.product-name dl.variation, .woocommerce-page td.product-name dl.variation { font-size: .8751em; margin: .25em 0 .5em; } .woocommerce td.product-name dl.variation dt, .woocommerce-page td.product-name dl.variation dt { clear: left; float: left; font-weight: 700; margin: 0 .25em 0 0; padding: 0; } .woocommerce td.product-name dl.variation dd, .woocommerce-page td.product-name dl.variation dd { margin: 0 0 .25em; } .woocommerce td.product-quantity, .woocommerce-page td.product-quantity { min-width: 80px; } .woocommerce table.cart .product-thumbnail, .woocommerce #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail { min-width: 32px; } .woocommerce table.cart .product-thumbnail { max-width: 90px; height: auto; } .woocommerce table.wishlist_table tbody td.product-add-to-cart { position: relative !important; } .woocommerce table.wishlist_table tbody td.product-add-to-cart .added-text:before { margin-top: -10px !important; } .woocommerce table.cart th, .woocommerce table.cart td, .woocommerce #content table.cart th, .woocommerce #content table.cart td, .woocommerce-page table.cart th, .woocommerce-page table.cart td, .woocommerce-page #content table.cart th, .woocommerce-page #content table.cart td { vertical-align: middle; } .woocommerce table.cart a.remove, .woocommerce #content table.cart a.remove, .woocommerce-page table.cart a.remove, .woocommerce-page #content table.cart a.remove { color: #6f6f6f; display: block; font-size: 0; font-weight: 400; height: 1em; line-height: 1; text-align: center; text-decoration: none; } .woocommerce table.cart a.remove:before, .woocommerce #content table.cart a.remove:before, .woocommerce-page table.cart a.remove:before, .woocommerce-page #content table.cart a.remove:before { content: "\e619"; font-size: 12px; line-height: 10px; font-family: "arrows"; margin-right: 8px; color: #8e8e8e; position: relative; } .woocommerce table.cart a.remove:hover, .woocommerce #content table.cart a.remove:hover, .woocommerce-page table.cart a.remove:hover, .woocommerce-page #content table.cart a.remove:hover { color: red; } .woocommerce table.cart td.actions .button.alt, .woocommerce #content table.cart td.actions .button.alt, .woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt { float: right; margin-left: .25em; } .woocommerce table.cart input, .woocommerce #content table.cart input, .woocommerce-page table.cart input, .woocommerce-page #content table.cart input { line-height: 1em; margin: 0; vertical-align: middle; } .woocommerce ul.cart_list, .woocommerce ul.product_list_widget, .woocommerce-page ul.cart_list, .woocommerce-page ul.product_list_widget { list-style: none outside; margin: 0; 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 { list-style: none; } .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 { display: block; } .woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl, .woocommerce-page ul.cart_list li dl, .woocommerce-page ul.product_list_widget li dl { border-left: 2px solid rgba(0, 0, 0, 0.1); font-size: .8751em; margin: 0; padding-left: 1em; } .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt, .woocommerce-page ul.cart_list li dl dt, .woocommerce-page ul.product_list_widget li dl dt { clear: left; float: left; margin-right: .25em; } .woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd, .woocommerce-page ul.cart_list li dl dd, .woocommerce-page ul.product_list_widget li dl dd { margin-bottom: .5em; } .woocommerce .widget_shopping_cart .total, .woocommerce-page .widget_shopping_cart .total { border-top: 3px double #f7f6f7; padding: 4px 0 0; } .woocommerce .widget_shopping_cart .total strong, .woocommerce-page .widget_shopping_cart .total strong { display: inline-block; min-width: 40px; } .woocommerce .order_details, .woocommerce-page .order_details { list-style: none; margin: 0 0 1.5em; } .woocommerce .order_details li, .woocommerce-page .order_details li { border-right: 1px dashed #dfdbdf; float: left; font-size: .715em; line-height: 1em; margin-right: 2em; padding-right: 2em; text-transform: uppercase; } .woocommerce .order_details li strong, .woocommerce-page .order_details li strong { display: block; font-size: 1.4em; line-height: 1.5em; text-transform: none; } .woocommerce .order_details li:last-of-type, .woocommerce-page .order_details li:last-of-type { border: none; } .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1 { float: left; width: 48%; } .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { float: right; width: 48%; } .woocommerce table.cart td.actions .coupon, .woocommerce #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce .addresses .title h3, .woocommerce-page .addresses .title h3 { float: left; } .woocommerce ul.products li.product strong, .woocommerce-page ul.products li.product strong, .woocommerce form .form-row label, .woocommerce-page form .form-row label { display: block; } .demo_store { position: fixed; top: 0; width: 100%; z-index: 10000; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #222; text-align: center; background-color: #f5f5f5; border-bottom: 1px solid #ccc; } .single-product-page .product-info .single_add_to_wishlist { margin-top: 0 !important; margin-left: 20px; } .admin-bar .demo_store { display: none; } .legenda-top { margin-top: 45px; } .prefooter .double-border > p { display: none; } .wpb_flickr_widget h2 { font-size: 16px; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; } /*====================================== = Slider Twitter = ======================================*/ .et-twitter-slider.style-white { color: #d5d5d5; } .et-twitter-slider.style-white .twitter-slider-title { text-align: center; font-size: 22px; color: #f3f3f3; } .et-twitter-slider.style-white .et-tweets.owl-carousel li a { color: #fff; } /*===== End of Slider Twitter ======*/ /*=================================== = Grid Filter = ===================================*/ .grid-filter .vc_grid-filter.vc_grid-filter-size-md li.vc_grid-filter-item, .grid-filter .vc_grid-filter.vc_grid-filter-size-lg li.vc_grid-filter-item { border: 1px solid #dddddd; display: inline-block; color: #000000; background-color: rgba(255, 255, 255, 0.2); font-size: 12px; font-family: Georgia; text-align: center; box-sizing: border-box; line-height: 1.5 !important; text-transform: uppercase; border-radius: 0; } .grid-filter .vc_grid-filter.vc_grid-filter-size-md li.vc_grid-filter-item:hover, .grid-filter .vc_grid-filter.vc_grid-filter-size-lg li.vc_grid-filter-item:hover { border-color: #ed1c2e; } .grid-filter .vc_grid-filter.vc_grid-filter-size-md li.vc_grid-filter-item:hover span, .grid-filter .vc_grid-filter.vc_grid-filter-size-lg li.vc_grid-filter-item:hover span { color: #ed1c2e; } .grid-filter .vc_grid-filter.vc_grid-filter-size-md li.vc_grid-filter-item:hover .vc_active, .grid-filter .vc_grid-filter.vc_grid-filter-size-lg li.vc_grid-filter-item:hover .vc_active { border: none; } .grid-filter .vc_grid-filter.vc_grid-filter-size-md li.vc_grid-filter-item:hover .vc_active span, .grid-filter .vc_grid-filter.vc_grid-filter-size-lg li.vc_grid-filter-item:hover .vc_active span { color: #fff; } .grid-filter .vc_grid-filter.vc_grid-filter-size-md li.vc_grid-filter-item.vc_active, .grid-filter .vc_grid-filter.vc_grid-filter-size-lg li.vc_grid-filter-item.vc_active { cursor: default; color: #fff; background-color: #ed1c2e; border: 1px solid transparent; } .grid-filter .vc_grid-filter.vc_grid-filter-size-md li.vc_grid-filter-item.vc_active span, .grid-filter .vc_grid-filter.vc_grid-filter-size-lg li.vc_grid-filter-item.vc_active span { color: #fff; } .grid-filter .vc_grid-filter.vc_grid-filter-size-lg li.vc_grid-filter-item { padding: 8px 25px; margin-right: 5px; } .grid-filter .vc_grid-filter.vc_grid-filter-size-md li.vc_grid-filter-item { padding: 5px 20px; } /*===== End of Grid Filter ======*/ /*=============================================== = Start of new menu style = ===============================================*/ /** * * For disable title * */ .menu-wrapper .menu li.menu-disable_titles > a, .mobile-nav .menu li.menu-disable_titles > a { font-size: 0 !important; line-height: 0 !important; padding: 0 !important; } .menu-wrapper .menu li.menu-disable_titles > a:after, .mobile-nav .menu li.menu-disable_titles > a:after { display: none; } .menu-wrapper .menu li a span.menu-item-descr, .mobile-nav .menu li a span.menu-item-descr { display: inline-block; width: 100%; } /** * * menu-columns * */ .fixed-header .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li, .main-nav .menu > li.menu-full-width .nav-sublist-dropdown .container > ul > li { padding-left: 15px; } .fixed-header .menu > li.menu-full-width.columns-2 .nav-sublist-dropdown .container > ul > li, .main-nav .menu > li.menu-full-width.columns-2 .nav-sublist-dropdown .container > ul > li { width: 50%; margin-left: 0; margin-bottom: 10px; } .fixed-header .menu > li.menu-full-width.columns-2 .nav-sublist-dropdown .container > ul > li:nth-child(2n+1), .main-nav .menu > li.menu-full-width.columns-2 .nav-sublist-dropdown .container > ul > li:nth-child(2n+1) { clear: both; } .fixed-header .menu > li.menu-full-width.columns-3 .nav-sublist-dropdown .container > ul > li, .main-nav .menu > li.menu-full-width.columns-3 .nav-sublist-dropdown .container > ul > li { width: 33.3%; margin-bottom: 10px; } .fixed-header .menu > li.menu-full-width.columns-3 .nav-sublist-dropdown .container > ul > li:nth-child(3n+1), .main-nav .menu > li.menu-full-width.columns-3 .nav-sublist-dropdown .container > ul > li:nth-child(3n+1) { clear: both; } .fixed-header .menu > li.menu-full-width.columns-4 .nav-sublist-dropdown .container > ul > li, .main-nav .menu > li.menu-full-width.columns-4 .nav-sublist-dropdown .container > ul > li { width: 25%; margin-left: 0; margin-bottom: 10px; } .fixed-header .menu > li.menu-full-width.columns-4 .nav-sublist-dropdown .container > ul > li:nth-child(4n+1), .main-nav .menu > li.menu-full-width.columns-4 .nav-sublist-dropdown .container > ul > li:nth-child(4n+1) { clear: both; } .fixed-header .menu > li.menu-full-width.columns-5 .nav-sublist-dropdown .container > ul > li, .main-nav .menu > li.menu-full-width.columns-5 .nav-sublist-dropdown .container > ul > li { width: 20%; margin-left: 0; margin-bottom: 10px; } .fixed-header .menu > li.menu-full-width.columns-5 .nav-sublist-dropdown .container > ul > li:nth-child(5n+1), .main-nav .menu > li.menu-full-width.columns-5 .nav-sublist-dropdown .container > ul > li:nth-child(5n+1) { clear: both; } .fixed-header .menu > li.menu-full-width.columns-6 .nav-sublist-dropdown .container > ul > li, .main-nav .menu > li.menu-full-width.columns-6 .nav-sublist-dropdown .container > ul > li { width: 16.6%; margin-left: 0; margin-bottom: 10px; } .fixed-header .menu > li.menu-full-width.columns-6 .nav-sublist-dropdown .container > ul > li:nth-child(6n+1), .main-nav .menu > li.menu-full-width.columns-6 .nav-sublist-dropdown .container > ul > li:nth-child(6n+1) { clear: both; } .fixed-header .menu .item-design2-image > a, .main-nav .menu .item-design2-image > a, .fixed-header .menu .item-design2-image-no-borders > a, .main-nav .menu .item-design2-image-no-borders > a { font-size: 0 !important; } .fixed-header .menu .item-design2-image:before, .main-nav .menu .item-design2-image:before, .fixed-header .menu .item-design2-image-no-borders:before, .main-nav .menu .item-design2-image-no-borders:before { content: "" !important; } .post-single > img { margin-bottom: 20px; } /*===== End of Start of new menu style ======*/ /*============================================== = Legenda portfolio grid = ==============================================*/ .legenda-mask:hover .vc_gitem-zone-mini { background-color: rgba(255, 255, 255, 0.6); opacity: 1; z-index: 99999; } .legenda-mask .vc_gitem-zone-mini { position: absolute; -webkit-transition: 0.3s linear; -moz-transition: 0.3s linear; -ms-transition: 0.3s linear; -o-transition: 0.3s linear; transition: 0.3s linear; opacity: 0; } .legenda-mask .vc_gitem-zone-mini .vc_gitem_row .vc_btn3-size-lg { padding: 11px 21px 10px 21px; margin-top: 20px; border-bottom: inherit; } .legenda-mask .vc_gitem-zone-mini .vc_gitem_row .vc_btn3-size-lg:after { content: ''; -webkit-transition: opacity 0.3s, box-shadow 0.3s; -moz-transition: opacity 0.3s, box-shadow 0.3s; transition: opacity 0.3s, box-shadow 0.3s; pointer-events: none; position: absolute; width: 22px; opacity: 0; box-shadow: 0 0 0 rgba(0, 0, 0, 0.6); height: 26px; left: 26px; z-index: 999999; bottom: -5px; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .legenda-mask .vc_gitem-zone-mini .vc_gitem_row .vc_btn3-size-lg .vc_btn3-icon { font-size: 28px; } .legenda-mask .vc_gitem-zone-mini .vc_gitem_row .vc_btn3-size-lg:hover { background-color: rgba(0, 0, 0, 0.6) !important; opacity: 1; border-bottom: inherit; } .legenda-mask .vc_gitem-zone-mini .vc_gitem_row .vc_btn3-size-lg:hover:after { box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.6); opacity: 0.85; } /*===== End of Legenda portfolio grid ======*/ .woocommerce.columns-2 .product-category { width: 48% !important; margin: 0 auto; text-align: center; } .woocommerce.columns-1 .product-category { width: 100% !important; margin: 0 auto; text-align: center; } .woocommerce.columns-4 .product-category { width: 23% !important; text-align: center; } .woocommerce.columns-4 .product-category:nth-child(3n+1) { clear: inherit; margin-left: 2.564102564102564% !important; } .woocommerce.columns-4 .product-category:nth-child(4n+1) { clear: left; margin-left: 0 !important; } .woocommerce.columns-5 .product-category { width: 17% !important; text-align: center; } .woocommerce.columns-5 .product-category:nth-child(3n+1) { clear: inherit; margin-left: 2.564102564102564% !important; } .woocommerce.columns-5 .product-category:nth-child(5n+1) { clear: left; margin-left: 0 !important; } .woocommerce.columns-6 .product-category { width: 14% !important; text-align: center; } .woocommerce.columns-6 .product-category:nth-child(3n+1) { clear: inherit; margin-left: 2.564102564102564% !important; } .woocommerce.columns-6 .product-category:nth-child(6n+1) { clear: left; margin-left: 0 !important; } .shop_table .quantity input[type="number"] { border: 1px solid #ebebeb !important; } .shop_table .product-remove a { font-size: 0; } .shop_table .product-remove a:before { content: "\e619"; font-size: 12px; line-height: 10px; font-family: "arrows"; margin-right: 8px; color: #8e8e8e; position: relative; } .header-vertical-enable .page-wrapper .header-type-8 .container .logo { width: 230px !important; } .header-vertical-enable .page-wrapper .header-type-8 .shopping-cart-widget { width: auto; } .header-vertical-enable .without-woocommerce .logo { width: auto !important; } .my-account-link .submenu-dropdown ul li a { color: #000 !important; } /*======================================= = Header-vertical = =======================================*/ @media (min-width: 980px) { .header-type-8 { position: fixed; background-color: #fff; border-right: 1px solid #f0f0f0; left: 0; top: 0; width: 260px; height: 100%; z-index: 10000; } .mobile-price { display: none; } .header-vertical-enable .page-wrapper { padding-left: 260px; } .header-vertical-enable .header-wrapper .container { max-width: 100%; } .header-vertical-enable .page-wrapper .header-type-8 .container .logo { padding-bottom: 30px; margin-top: 15px; padding-left: 15px; padding-right: 15px; text-align: center; left: 0 !important; float: left !important; max-width: 100%; } .header-vertical-enable .page-wrapper .header-type-8 .menu-wrapper { float: left !important; width: 260px; max-width: 100%; } .fixed-header .menu > li.badge-hot > a:before, .fixed-header .menu > li.badge-sale > a:before, .main-nav .menu > li.badge-new > a:before, .main-nav .menu > li.badge-hot > a:before, .main-nav .menu > li.badge-sale > a:before { right: -30px !important; padding: 2px 5px; top: 2px; } .header-vertical-enable .menu > li.badge-new > a:before, .header-vertical-enable .menu > li.badge-sale > a:before, .header-vertical-enable .menu > li.badge-hot > a:before { right: 0 !important; } .header-type-8 .menu > li:nth-last-child(2) .nav-sublist-dropdown .container > ul .menu-item-has-children .nav-sublist { left: 102%; } .header-type-8 .languages-area { display: none; } .header-type-8 .menu > li .nav-sublist-dropdown .container > ul .menu-item-has-children > .nav-sublist { margin-left: -5px; } .header-type-8 .table-row { width: auto; } .header-type-8 .table-row .shopping-cart-widget { display: inline-block; padding-bottom: 10px; } .header-type-8 .table-row .shopping-cart-widget .widget_shopping_cart_content { right: auto; left: 0; } .header-type-8 .table-row .shopping-cart-widget .cart-summ > a { padding-left: 0; } .header-type-8 .table-row .shopping-cart-widget .cart-popup { left: 0; } .header-type-8 .table-row .shopping-cart-widget .cart-popup:after { display: none; } .header-type-8 .menu { padding-top: 13px; } .owl-controls .owl-prev { left: -75px; } .owl-controls .owl-next { right: -75px; } } /*===== End of Header-vertical ======*/ .categoriesCarousel.column-2 .first, .categoriesCarousel.column-2 .last { width: 50% !important; margin: 0 auto !important; text-align: center; } .categoriesCarousel.column-2 .product-category:nth-child(2n+1) { clear: left !important; } .categoriesCarousel.column-2 .product-category:nth-child(3n+1) { clear: none !important; } .categoriesCarousel.column-3 .span4 { width: 33%; margin: 0 auto !important; text-align: center; } .categoriesCarousel.column-4 .span4 { width: 25%; margin: 0 auto !important; text-align: center; } .categoriesCarousel.column-4 .span4:nth-child(3n+1) { clear: none; } .categoriesCarousel.column-5 .span4 { width: 20%; margin: 0 auto !important; text-align: center; } .categoriesCarousel.column-5 .span4:nth-child(3n+1) { clear: none; } .categoriesCarousel.column-6 .span4 { width: 16.6%; margin: 0 auto !important; text-align: center; } .categoriesCarousel.column-6 .span4:nth-child(3n+1) { clear: none; } .single-product-sidebar .et-mega-search form .button { position: absolute; top: 3px; } .product-image-wrapper .out-of-stock { z-index: 1; } .top-bar .languages-area { max-width: 50%; } .top-bar .search .search-link:before { top: auto; } .header-wrapper.cart-disabled .top-bar .languages-area .widget_shopping_cart, .header-wrapper.cart-disabled .top-bar .cart-summ { display: none; visibility: hidden; } .header-wrapper.header-type-.cart-disabled .logo { text-align: center; padding: 10px 0px; } .header-wrapper.header-type-.cart-disabled .logo img { max-width: 345px; } .header-color-light a { color: #fff; } .boxed.rightPanel-enabled .shopping-cart-widget { width: auto; padding-right: 0; } @media only screen and (max-width: 767px) { .top-bar .languages-area { display: none; } } .shopping-cart-widget a:hover { text-decoration: none; } .shopping-cart-widget .widget_shopping_cart_content ul li { display: flex; flex-wrap: wrap; position: relative; } .shopping-cart-widget .widget_shopping_cart_content ul li .delete-btn { position: absolute !important; right: 0 !important; top: 5px; } .top-bar .submenu-dropdown ul { width: 100%; } .top-bar .submenu-dropdown ul li a { display: block; line-height: 24px; font-size: 13px; } .shopping-cart-widget .widget_shopping_cart_content ul li .media .media-body { float: left; } .shopping-cart-widget .widget_shopping_cart_content ul li .media .media-body .descr-box .medium-coast { float: left !important; width: 100%; } .woocommerce-MyAccount-content .span3 { display: none !important; } @media only screen and (max-width: 480px) { .banner .banner-content { padding: 4px 10px; } .banner .banner-content h1, .banner .banner-content h3 { font-size: 18px; } .banner .banner-content p { font-size: 10px; } } #wp_signup_form .form-error { color: #e00016; }
[+]
..
[-] taxonomy.php
[edit]
[-] content-timeline.php
[edit]
[-] portfolio-slide.php
[edit]
[-] comments.php
[edit]
[+]
bbpress
[-] sidebar-custom.php
[edit]
[-] blank.php
[edit]
[-] content-portfolio.php
[edit]
[-] searchform.php
[edit]
[-] footer.php
[edit]
[-] single-etheme_portfolio.php
[edit]
[-] default.custom.css
[edit]
[-] screenshot.png
[edit]
[-] sidebar-shop.php
[edit]
[-] category.php
[edit]
[-] author.php
[edit]
[-] archive.php
[edit]
[-] attachment.php
[edit]
[-] sidebar.php
[edit]
[-] search.php
[edit]
[-] content-grid.php
[edit]
[-] page.php
[edit]
[+]
framework
[-] tag.php
[edit]
[+]
option-tree
[+]
woocommerce
[-] style.css
[edit]
[-] woosearchform.php
[edit]
[-] functions.php
[edit]
[-] wpml-config.xml
[edit]
[-] index.php
[edit]
[-] header.php
[edit]
[-] 404.php
[edit]
[+]
languages
[-] taxonomy-brand.php
[edit]
[-] portfolio.php
[edit]
[-] rtl.css
[edit]
[+]
css
[+]
js
[-] single.php
[edit]
[+]
images
[-] contacts.php
[edit]
[-] et-registration.php
[edit]
[-] content.php
[edit]
[-] search-results.php
[edit]