@charset "utf-8";

    .preloading-screen {
position: fixed;
height: 100%;
width: 100%;
background: #ffffff;
z-index: 99999; 
background: #fff center no-repeat fixed; 
top: 0px; 
left: 0px;
}
.preloading-screen img {
position: absolute;
top: 50%;
left: 50%; }
.preloading-screen-text {
float: none !important;
text-align: center !important;
position: relative;
margin: 0 !important;
top: 43%; }
.preloading-screen-text h1 {
display: block !important;
margin-bottom: 3px !important; }
.preloading-screen-text h2 {
display: block !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
top: 0 !important; }
.spinners {
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
text-align: center;
width: 70px;
top: 56%; }
.spinners > div {
width: 18px;
height: 18px;
background-color: #9B9B9B;
border-radius: 100%;
display: inline-block;
-webkit-animation: bouncedelay 1.4s infinite ease-in-out;
animation: bouncedelay 1.4s infinite ease-in-out; -webkit-animation-fill-mode: both;
animation-fill-mode: both; }
.spinners .bounce1 {
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s; }
@-webkit-keyframes bouncedelay {
0%, 80%, 100% {
-webkit-transform: scale(0); }
40% {
-webkit-transform: scale(1); } }
@keyframes bouncedelay {
0%, 80%, 100% {
transform: scale(0);
-webkit-transform: scale(0); }
40% {
transform: scale(1);
-webkit-transform: scale(1); } }  @-webkit-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;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
* {
border-color: #e1e1e1;
border-style: solid;
border-width: 0;
zoom: 1;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
*:focus { outline: none !important; }
html, body { height: 100%; }
.full-height { height: 100%; }
body {
font-family: 'Arimo', sans-serif;
height: 100%;
line-height: 1.6;
-webkit-appearance: none;
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
#main-home { overflow: hidden; }
.main-home-nav { padding-top: 22px}
body.loaded { overflow-x: hidden; }
blockquote p {
font-size: 17.5px;
display: inline-block;
padding: 0;
}
.text-centered {
text-align: center;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus{
background:#efefef;
color:#000;
}
.navbar-toggle .icon-bar:before {
content: '';
display: none;
}
.scroll-width {
height: 150px;
left: 0;
overflow: hidden;
position: absolute;
visibility: hidden;
top: 0;
width: 200px;
}
.scroll-width div {
height: 200px;
width: 100%;
}
input, button, select, textarea { font-family: 'Arimo', sans-serif; }
.page-box {
min-height: 100%;
height: auto !important;
height: 100%;
}
.page-box-content { padding-bottom: 310px; }
img {
max-width: 100%;
height: auto;
}
svg image { display: none; } a { color: #2e5481; }
a:visited { color: #7996b7; }
a:active { color: #000; }
a.no-border, .no-border a {
color: #7f7f7f;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
a.no-border:hover, .no-border a:hover {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.white a.no-border, .white .no-border a {
color: #fff;
color: rgba(255,255,255,.8);
}
.white a.no-border:hover, .white .no-border a:hover { color: #fff; }
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
line-height: 1.3;
margin: 0 0 22px;
text-rendering: optimizelegibility;
}
.light { font-weight: normal; }
h1 { font-size: 48px; }
h2 { font-size: 40px; }
h3 { font-size: 32px; }
h4 { font-size: 26px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }
p { margin-bottom: 22px; }
p:last-child { margin-bottom: 0; }
address { font-size: 13px; }
.white, .icon.white { color: #fff; }
.muted, .icon.muted { color: #555; }
.text-warning, .text-warning:visited, a.text-warning:hover, .icon.text-warning { color: #f89406; }
.text-error, .text-error:visited, a.text-error:hover, .icon.text-error { color: #c10841; }
.text-info, .text-info:visited, a.text-info:hover, .icon.text-info { color: #007289; }
.text-success, .text-success:visited, a.text-success:hover, .icon.text-success { color: #f2931c; }
.bg-white { background: #fff !important; }
.bg-muted { background: #555 !important; }
.bg-primary { background: #428bca !important; }
.bg-warning { background: #97d1ce !important; }
.bg-error, .bg-danger { background: #012c59 !important; }
.bg-info { background: #007289 !important; }
.bg-success { background: #f2931c !important; }
.border-muted { border-color: #555 !important; }
.border-warning { border-color: #97d1ce !important; }
.border-error { border-color: #012c59 !important; }
.border-info { border-color: #007289 !important; }
.border-success { border-color: #f2931c !important; }
.border-grey { border-color: #8fbca4 !important; }
hr {
border: 0;
border-top: 1px solid #e1e1e1;
border-top: 1px solid rgba(0,0,0,.1);
border-bottom: 0 none;
margin: 40px 0;
}
hr.dotted {
border-style: dotted;
border-top-width: 1px;
}
hr.dashed {
border-style: dashed;
border-top-width: 1px;
}
hr.double {
border-style: double;
border-top-width: 3px;
}
hr.shadow {
border: 0 none;
margin-bottom: 30px;
overflow: hidden;
padding-top: 10px;
position: relative;
}
hr.shadow:after {
bottom: 10px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.8);
box-shadow: 0 0 10px rgba(0,0,0,0.8);
content: "";
height: 20px;
left: 5%;
position: absolute;
right: 5%;
z-index: -1;
}
hr.no-line {
border: 0 none;
height: 1px;
}
hr.margin-bottom { margin-top: 0; }
hr.margin-top { margin-bottom: 0; }
ul, ol {
padding: 0 0 0 60px;
margin: 0 0 22px 0;
}
.text-small {
font-size: 12px;
line-height: 18px;
}
.lead {
margin-bottom: 26px;
font-size: 16px;
line-height: 24px;
}
.label-success, .badge-success { background-color: #8aa902; }
.label-primary, .badge-primary { background-color: #048ce2; }
.label-info, .badge-info { background-color: #02a9e0; }
.label-warning, .badge-warning { background-color: #f89406; }
.label-danger, .badge-danger { background-color: #c10841; }
.help-block {
margin-top: -10px;
margin-bottom: 15px;
}
.caret {
color: #777;
border: 0 none;
height: 6px;
width: 9px;
}
.caret:before {
content: "\eb12";
display: block;
font-family: icon;
font-style: normal;
font-weight: normal;
line-height: 6px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
height: 6px;
position: absolute;
width: 9px;
}
.open .caret { color: #777; }
.btn .caret { margin: -2px 0 0; }
.btn-group .caret { color: #fff; }
.dropup .caret, .navbar-fixed-bottom .dropdown .caret { border: 0 none; }
.dropup .caret:before, .navbar-fixed-bottom .dropdown .caret:before { content: "\eb11"; }
.btn.dropdown-toggle, .btn.dropdown-toggle:hover, .btn.dropdown-toggle:focus { outline: none; }
nav ul {
list-style: none;
margin: 0;
padding: 0;
}
.rating-box {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/rating.svg), none;
background-repeat: no-repeat;
background-position: 0 0;
height: 12px;
width: 73px;
}
.rating-box .rating {
height: 12px;
margin: 0;
overflow: hidden;
padding: 0;
width: 73px;
}
.rating-box .rating * { vertical-align: top; }
.prising-info .rating-box .rating svg polygon { fill: #01a5db; }
.pricing-success .rating-box .rating svg polygon { fill: #84a200; }
.pricing-error .rating-box .rating svg polygon { fill: #d40746; }
.switches a {
background: #d8dee3;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: inline-block;
//display: block;
//float: left;
height: 10px;
margin: 0 5px;
text-indent: -9999px;
vertical-align: top;
width: 10px;
}
.switches a.selected {
background-color: #41474c;
background-image: -webkit-linear-gradient(bottom, #41474c, #6a7279);
background-image: -moz-linear-gradient(bottom, #41474c, #6a7279);
background-image: -o-linear-gradient(bottom, #41474c, #6a7279);
background-image: -ms-linear-gradient(bottom, #41474c, #6a7279);
background-image: linear-gradient(to top, #41474c, #6a7279);
}
.switches a span { display: none; }
.close, .close:visited {
float: none;
font-size: 16px;
font-weight: normal;
line-height: 16px;
color: #7f7f7f;
position: relative;
text-shadow: none;
opacity: 1;
filter: alpha(opacity=100);
vertical-align: top;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.close:hover, .close:focus {
color: #1e1e1e;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.close span {
display: inline-block;
font-size: 12px;
font-family: Arial;
line-height: 12px;
margin-top: 2px;
vertical-align: top;
}
.product-remove, .product-remove:visited {
color: #7f7f7f;
height: 16px;
text-decoration: none;
width: 16px;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.product-remove:hover {
color: #1e1e1e;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.product-remove path {
fill: currentColor;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-remove i { font-size: 16px; }
a.edit {
color: #707070;
font-size: 12px;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
a.edit:hover {
color: #707070;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
a.edit i:before {
font-style: italic;
line-height: 9px;
margin: 0;
}
.map-box iframe {
border: 0 none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
}
.map-box img { max-width: inherit; }
.map-canvas { height: 400px; }
.map-canvas * { border: 0 none; }
.map-content { width: 200px; }
.map-content .title {
font-size: 16px;
margin-bottom: 10px;
} .alert {
background-color: #555;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #fff;
min-height: 34px;
margin-bottom: 22px;
overflow: hidden;
padding: 20px;
position: relative;
text-shadow: none;
-webkit-transition: opacity .3s linear;
transition: opacity .3s linear;
}
.alert-black { background-color: #1e1e1e; }
.alert-success { background-color: #f2931c; }
.alert-danger { background-color: #c10841; }
.alert-info { background-color: #007289; }
.alert-warning { background-color: #f89406; }
.alert .alert-link {
color: #fff;
color: rgba(255,255,255,.7);
}
.alert .alert-link:hover { color: #fff; }
.alert .close {
color: #fff;
line-height: 22px;
position: absolute;
right: 10px;
top: 9px;
}
.alert .alert-icon {
display: block;
float: left;
margin: 0 20px 0 0;
}
.alert .alert-icon:before { font-size: 34px; }
.alert.alert-border {
background: none;
border: 1px solid #e1e1e1;
color: #1e1e1e;
}
.alert.alert-border .close { color: #1e1e1e; }
.alert.alert-border.alert-black {
background: none;
border: 1px solid #1e1e1e;
}
.alert.alert-border.alert-success {
background: none;
border: 1px solid #738d00;
}
.alert.alert-border.alert-danger {
background: none;
border: 1px solid #c10841;
}
.alert.alert-border.alert-warning {
background: none;
border: 1px solid #f89406;
}
.alert.alert-border.alert-info {
background: none;
border: 1px solid #007289;
} .tooltip.left { margin-left: -12px; }
#tooltip {
border: 1px solid #e1e1e1;
background-color: #f7f7f7;
padding: 5px;
position: absolute;
z-index: 3000;
}
#tooltip h3, #tooltip div { margin: 0; }
.text-warning + .tooltip .tooltip-inner { background-color: #c09853; }
.text-warning + .tooltip.top .tooltip-arrow { border-top-color: #c09853; }
.text-warning + .tooltip.right .tooltip-arrow { border-right-color: #c09853; }
.text-warning + .tooltip.left .tooltip-arrow { border-left-color: #c09853; }
.text-warning + .tooltip.bottom .tooltip-arrow { border-bottom-color: #c09853; }
.text-error + .tooltip .tooltip-inner { background-color: #c10841; }
.text-error + .tooltip.top .tooltip-arrow { border-top-color: #c10841; }
.text-error + .tooltip.right .tooltip-arrow { border-right-color: #c10841; }
.text-error + .tooltip.left .tooltip-arrow { border-left-color: #c10841; }
.text-error + .tooltip.bottom .tooltip-arrow { border-bottom-color: #c10841; }
.text-info + .tooltip .tooltip-inner { background-color: #007289; }
.text-info + .tooltip.top .tooltip-arrow { border-top-color: #007289; }
.text-info + .tooltip.right .tooltip-arrow { border-right-color: #007289; }
.text-info + .tooltip.left .tooltip-arrow { border-left-color: #007289; }
.text-info + .tooltip.bottom .tooltip-arrow { border-bottom-color: #007289; }
.text-success + .tooltip .tooltip-inner { background-color: #738d00; }
.text-success + .tooltip.top .tooltip-arrow { border-top-color: #738d00; }
.text-success + .tooltip.right .tooltip-arrow { border-right-color: #738d00; }
.text-success + .tooltip.left .tooltip-arrow { border-left-color: #738d00; }
.text-success + .tooltip.bottom .tooltip-arrow { border-bottom-color: #738d00; } .popover {
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
} a.list-group-item, a.list-group-item:hover, a.list-group-item:focus {
-webkit-transition: background-color .3s linear, color .3s linear;
transition: background-color .3s linear, color .3s linear;
}
.list-group-item-success {
background-color: #738d00;
border: 0 none;
color: #fff;
}
.list-group-item-info {
background-color: #0098ca;
border: 0 none;
color: #fff;
}
.list-group-item-warning {
background-color: #f89406;
border: 0 none;
color: #fff;
}
.list-group-item-danger {
background-color: #c10841;
border: 0 none;
color: #fff;
}
a.list-group-item-success, a.list-group-item-info, a.list-group-item-warning, a.list-group-item-danger { color: #fff; }
a.list-group-item-success:hover, a.list-group-item-success:focus {
background-color: #819819;
color: rgba(255,255,255,.7);
}
a.list-group-item-info:hover, a.list-group-item-info:focus {
background-color: #19A2CF;
color: rgba(255,255,255,.7);
}
a.list-group-item-warning:hover, a.list-group-item-warning:focus {
background-color: #F99F1F;
color: rgba(255,255,255,.7);
}
a.list-group-item-danger:hover, a.list-group-item-danger:focus {
background-color: #C72154;
color: rgba(255,255,255,.7);
}
.list-group-item .badge { margin-top: 2px; } form { margin-bottom: 22px; }
label {
font-weight: bold;
margin: 0 0 3px;
}
.required {
color: #c3293a;
display: inline-block;
font-size: 14px;
}
.selectBox, .form-control, .newsletter form input[type="email"], .newsletter form input[type="text"], .sidebar .widget_search input[type="text"], .sidebar .widget_search input[type="email"], .search-field, .car-bottom-box input[type="text"], .car-bottom-box input[type="tel"], .car-bottom-box input[type="password"], .car-bottom-box input[type="email"], .coupon input.input-text, .woocommerce-tabs input[type="text"], .woocommerce-tabs input[type="tel"], .woocommerce-tabs input[type="email"], .woocommerce-tabs input[type="password"], .woocommerce-tabs textarea, .woocommerce form .form-row input.input-text, .woocommerce-page form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
border: 1px solid #e1e1e1;
-webkit-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 12px;
height: 40px;
line-height: 22px;
margin-bottom: 22px;
min-height: 40px;
padding: 8px 12px; width: 100%;
}
.sidebar .widget_search input[type="text"], .sidebar .widget_search input[type="email"], .search-field { margin-bottom: 0; }
.selectBox:hover, .form-control:hover {
border-color: #ccc;
text-decoration: none;
}
.selectBox.selectBox-menuShowing, .form-control:focus {
-webkit-box-shadow: 0 0 10px rgba(46,84,129,.3);
-moz-box-shadow: 0 0 10px rgba(46,84,129,.3);
box-shadow: 0 0 10px rgba(46,84,129,.3);
border: solid 1px #839bb7;
outline: none;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
}
textarea.form-control, .woocommerce-tabs textarea, .woocommerce form .form-row textarea, .woocommerce-page form .form-row textarea {
height: 100px;
max-width: 100%;
}
.selectBox {
max-width: 100%;
width: 100% !important;
}
.radio, .checkbox {
font-weight: normal;
margin: 0 0 8px;
min-height: 18px;
padding-left: 20px;
}
.new-radio, .new-checkbox {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
float: left;
height: 15px;
margin: 2px 0 0 -20px;
position: absolute;
width: 15px;
}
.create-account .new-radio,
.create-account .new-checkbox {
margin-left: 0;
}
.new-radio {
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 14px;
width: 14px;
position: relative;
}
.new-radio input[type="radio"], .new-checkbox input[type="checkbox"] {
cursor: pointer;
height: 100%;
margin: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
vertical-align: top;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.new-checkbox svg {
display: none;
height: 18px;
margin: -3px 0 0 -2px;
width: 18px;
}
.new-checkbox svg polygon { fill: #1e1e1e; }
.new-checkbox.checked svg { display: block; }
.new-radio span {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
height: 6px;
margin: 3px 0 0 3px;
width: 6px;
}
.new-radio.checked span { background: #1e1e1e; }
.new-radio.disabled, .new-checkbox.disabled {
opacity: .5;
filter: alpha(opacity=50);
}
.form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 20px; }
.form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { margin-left: -20px; }
.selectBox::-webkit-scrollbar, .selectBox-dropdown-menu::-webkit-scrollbar {
background: #f2f2f2;
width: 10px;
}
.selectBox::-webkit-scrollbar-thumb, .selectBox-dropdown-menu::-webkit-scrollbar-thumb {
border-width: 1px 1px 1px 2px;
background-color: #839bb7;
width: 5px;
}
.scroll .active {
color: #c10841 !important;
}
.selectBox {
background: #fff;
cursor: pointer;
position: relative;
text-decoration: none;
}
.selectBox:hover, .selectBox:focus, button {
outline: none;
text-decoration: none;
}
.selectBox-label {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #555;
display: block;
max-width: 100%;
padding: 0 25px 0 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.selectBox-arrow {
background: url(//factor-g.nl/wp-content/themes/progressive/img/svg/select.svg) 50% 50% no-repeat;
border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
-khtml-border-radius: 0 3px 3px 0;
height: 100%;
left: auto;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 32px;
}
.selectBox-dropdown-menu {
background: #fff;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-box-shadow: 0 0 10px rgba(46,84,129,.3);
-moz-box-shadow: 0 0 10px rgba(46,84,129,.3);
box-shadow: 0 0 10px rgba(46,84,129,.3);
border: solid 1px #839bb7;
outline: none;
-webkit-transition: border linear .2s, box-shadow linear .2s;
-moz-transition: border linear .2s, box-shadow linear .2s;
-o-transition: border linear .2s, box-shadow linear .2s;
transition: border linear .2s, box-shadow linear .2s;
color: #5f5f5f;
font-size: 12px;
list-style: none;
margin: 0;
max-height: 117px;
overflow-y: auto;
padding: 0;
position: absolute;
-webkit-animation: fadeIn 0.5s;
animation: fadeIn 0.5s;
z-index: 10000;
}
.selectBox-options li { display: block; }
.selectBox-options li a {
color: #1e1e1e;
cursor: pointer;
display: block;
line-height: 1.5;
padding: 2px 2px 2px 16px;
margin: 0;
min-height: 23px;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.selectBox-options li+li a { border-top: 1px solid #839bb7; }
.selectBox-options li a:hover {
background: #f2f2f2;
color: #111;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.selectBox-options li.selectBox-selected a {
background: #e9e9e9;
color: #000;
text-decoration: none;
}
.selectBox-inline {
overflow-y: auto;
padding: 0;
width: 100%;
}
.selectBox-inline ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
fieldset[disabled] .radio label, fieldset[disabled] .checkbox label { cursor: default; }
fieldset[disabled] select, fieldset[disabled] .selectBox, fieldset[disabled] .selectBox .selectBox-label, .selectBox.selectBox-disabled, .selectBox.selectBox-disabled .selectBox-label { color: #999; }
fieldset[disabled] .selectBox .selectBox-arrow, .selectBox.selectBox-disabled .selectBox-arrow {
opacity: .3;
filter: alpha(opacity=30);
}
.selectBox.selectBox-disabled:focus {
border-color: #e1e1e1;
-webkit-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
-moz-box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
box-shadow: 0 1px #fff, inset 0 1px 4px rgba(0,0,0,.15);
}
.form-inline .control-label, .form-inline .form-control, .form-horizontal .form-group .form-control { margin-bottom: 0; } .input-lg {
border-radius: 4px;
font-size: 18px;
height: 46px;
line-height: 1.33;
padding-top: 10px;
padding-bottom: 10px;
}
.input-sm {
border-radius: 2px;
font-size: 12px;
height: 30px;
line-height: 1.5;
min-height: inherit !important;
padding-top: 5px;
padding-bottom: 5px;
} .has-feedback .form-control-feedback {
height: 40px;
line-height: 40px;
}
.has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success .form-control-feedback { color: #738d00; }
.has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning .form-control-feedback { color: #f89406; }
.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error .form-control-feedback { color: #c10841; }
.has-success .form-control { border-color: #738d00; }
.has-warning .form-control { border-color: #f89406; }
.has-error .form-control { border-color: #c10841; }
.has-success .form-control:focus {
border-color: #738d00;
-webkit-box-shadow: 0 0 10px rgba(115,141,0,.3);
box-shadow: 0 0 10px rgba(115,141,0,.3);
-webkit-transition: box-shadow linear .2s;
transition: box-shadow linear .2s;
}
.has-warning .form-control:focus {
border-color: #f89406;
-webkit-box-shadow: 0 0 10px rgba(248,148,6,.3);
box-shadow: 0 0 10px rgba(248,148,6,.3);
}
.has-error .form-control:focus {
border-color: #c10841;
-webkit-box-shadow: 0 0 10px rgba(193,8,65,.3);
box-shadow: 0 0 10px rgba(193,8,65,.3);
} .alignnone { margin: 0 0 25px; }
.aligncenter {
clear: both;
margin: 0 auto 25px;
text-align: center;
}
.alignleft {
float: left;
margin: 0 25px 25px 0;
}
.alignright {
float: right;
margin: 0 0 25px 25px;
}
.caption {
color: #7f7f7f;
display: inline-block;
font-size: 12px;
font-style: italic;
line-height: 18px;
margin-bottom: 22px;
max-width: 100%;
}
.caption img {
display: block;
margin: 0 auto 10px;
}
.img-rounded {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.img-thumbnail {
border-radius: 0;
display: inline-block;
line-height: 0;
position: relative;
-webkit-transition: opacity .2s ease-in;
transition: opacity .2s ease-in;
}
.img-thumbnail:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.img-thumbnail.lightbox:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.img-thumbnail .bg-images {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.img-thumbnail:hover > .bg-images {
background: #fff;
background: rgba(255,255,255,.7);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.img-thumbnail .bg-images i { margin: 5px 0 0 5px; }
.img-thumbnail .bg-images i:before {
color: #fff;
font-size: 20px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.img-thumbnail:hover .bg-images i:before {
color: #000;
font-size: 30px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.img-thumbnail.img-rounded, .img-thumbnail.img-rounded img, .img-thumbnail.img-rounded .bg-images {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.img-thumbnail.img-circle, .img-thumbnail.img-circle img, .img-thumbnail.img-circle .bg-images {
-webkit-border-radius: 500px;
-moz-border-radius: 500px;
border-radius: 500px;
}
.img-thumbnail.img-circle .bg-images i { margin: 17% 0 0 17%; }
.img-thumbnail .bg-images i { margin: 9px 0 0 9px; }
.fancybox-wrap { -webkit-overflow-scrolling: touch; } embed, iframe, object, video, audio { max-width: 100%; }
.video-box {
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
box-shadow: 0 1px 2px rgba(0,0,0,.4);
height: 0;
margin-bottom: 22px;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.video-box embed, .video-box iframe, .video-box object, .video-box video {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.video-box.html5 {
height: auto;
padding: 0;
}
.video-box.html5 .video-js {
height: auto !important;
line-height: 0;
width: 100% !important;
}
.video-box.html5 .video-js .vjs-tech {
height: auto;
margin: 0;
position: relative;
width: 100%;
}
.video-box.html5 .vjs-default-skin { color: #fff; }
.video-box.html5 .vjs-default-skin .vjs-play-progress, .video-box.html5 .vjs-default-skin .vjs-volume-level { background-color: #555; }
.video-box.html5 .vjs-default-skin .vjs-control-bar, .video-box.html5 .vjs-default-skin .vjs-big-play-button { background: rgba(0,0,0,.8); }
.video-box.html5 .vjs-default-skin .vjs-slider { background: rgba(0,0,0,.8); } .audio-box audio { width: 100%; } .navbar-inverse .brand, .navbar-inverse .nav > li > a {
color: #7b7b7b;
text-shadow: none;
} .dropdown-backdrop { position: static; }
.btn-group .dropdown-toggle, .btn-group.open .dropdown-toggle {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.dropdown-menu {
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
min-width: 156px;
padding: 0;
z-index: 800;
}
.open > .dropdown-menu {
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s;
}
.open .dropdown-menu { display: block; } .btn, .btn:visited {
background: #1e1e1e;
border: 0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff;
line-height: 22px;
outline: none;
padding: 9px 20px;
text-shadow: none;
filter: none;
-webkit-transition: background .2s linear, color .2s linear;
transition: background .2s linear, color .2s linear;
white-space: normal;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled], .btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
background: #565656;
*background: #565656;
color: #fff;
outline: none;
-webkit-transition: background .2s linear, color .2s linear;
transition: background .2s linear, color .2s linear;
}
.btn:active, .btn.active, .btn-group.open .btn.dropdown-toggle {
background: #1e1e1e;
background-color: rgba(30,30,30,.75);
-webkit-box-shadow: inset 0px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: inset 0px 5px 0px rgba(0,0,0,0.12);
box-shadow: inset 0px 5px 0px rgba(0,0,0,0.12);
outline: none;
}
.btn-group.open .btn.dropdown-toggle {
background: #1e1e1e;
background-color: rgba(30,30,30,.75);
-webkit-box-shadow: inset 0px 5px 0px rgba(0,0,0,0.12);
-moz-box-shadow: inset 0px 5px 0px rgba(0,0,0,0.12);
box-shadow: inset 0px 5px 0px rgba(0,0,0,0.12);
}
.btn.btn-inverse, .btn.btn-inverse:visited {
background: #ccc;
background: rgba(30,30,30,.3);
}
.btn.btn-inverse:hover, .btn.btn-inverse:focus, .btn.btn-inverse:active, .btn.btn-inverse.active, .btn.btn-inverse.disabled, .btn.btn-inverse[disabled] {
color: #efefef;
background-color: #000;
}
.btn.btn-inverse:active, .btn.btn-inverse.active, .btn-group.open .btn.dropdown-toggle.btn-inverse { background-color: #ccc; }
.btn.btn-primary, .btn.btn-primary:visited { background: #037ac5; }
.btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary.disabled, .btn.btn-primary[disabled] {
color: #ffffff;
background-color: #048ce2;
}
.btn.btn-primary:active, .btn.btn-primary.active, .btn-group.open .btn.dropdown-toggle.btn-primary { background-color: #048ce2; }
.btn.btn-warning, .btn.btn-warning:visited { background: #97d1ce; }
.btn.btn-warning:hover, .btn.btn-warning:focus, .btn.btn-warning:active, .btn.btn-warning.active, .btn.btn-warning.disabled, .btn.btn-warning[disabled] {
color: #ffffff;
background-color: #fda425;
}
.btn.btn-warning:active, .btn.btn-warning.active, .btn-group.open .btn.dropdown-toggle.btn-warning { background-color: #fda425; }
.btn.btn-danger, .btn.btn-danger:visited { background: #c10841; }
.btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger.disabled, .btn.btn-danger[disabled] {
color: #ffffff;
background-color: #d70a49;
}
.btn.btn-danger:active, .btn.btn-danger.active, .btn-group.open .btn.dropdown-toggle.btn-danger { background-color: #d70a49; }
.btn.btn-success, .btn.btn-success:visited { background: #738d00; }
.btn.btn-success:hover, .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success.active, .btn.btn-success.disabled, .btn.btn-success[disabled] {
color: #ffffff;
background-color: #8aa902;
}
.btn.btn-success:active, .btn.btn-success.active, .btn-group.open .btn.dropdown-toggle.btn-success { background-color: #8aa902; }
.btn.btn-info, .btn.btn-info:visited { background: #0098ca; }
.btn.btn-info:hover, .btn.btn-info:focus, .btn.btn-info:active, .btn.btn-info.active, .btn.btn-info.disabled, .btn.btn-info[disabled] {
color: #ffffff;
background-color: #02a9e0;
}
.btn.btn-info:active, .btn.btn-info.active, .btn-group.open .btn.dropdown-toggle.btn-info { background-color: #02a9e0; }
.btn.btn-link, .btn.btn-link:active, .btn.btn-link[disabled] {
background: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn.btn-link, .btn.btn-link:visited {
cursor: pointer;
color: #2e5481;
}
.btn.btn-link:hover, .btn.btn-link:focus {
background: none;
color: #2e5481;
text-decoration: underline;
}
.btn.btn-link[disabled]:hover, .btn.btn-link[disabled]:focus {
opacity: .8;
filter: alpha(opacity=80);
}
.btn.btn-red, .btn.btn-red:visited { background: #ed093a; }
.btn.btn-red:hover, .btn.btn-red:focus, .btn.btn-red:active, .btn.btn-red.active, .btn.btn-red.disabled, .btn.btn-red[disabled] {
color: #ffffff;
background-color: #fb4c71;
}
.btn.btn-white, .btn.btn-white:visited {
background: #fff;
color: #1e1e1e;
}
.btn.btn-white:hover, .btn.btn-white:focus, .btn.btn-white:active, .btn.btn-white.active, .btn.btn-white.disabled, .btn.btn-white[disabled], .btn-group.open .btn.dropdown-toggle.btn-white {
color: #1e1e1e;
background-color: #fff;
background-color: rgba(255,255,255,.8);
}
.btn.disabled, .btn[disabled] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.btn.btn-border {
background: none;
border: 1px solid #1e1e1e;
color: #1e1e1e;
padding-top: 9px;
padding-bottom: 9px;
}
.btn.btn-border .caret { color: #1e1e1e; }
.btn.btn-border.btn-inverse, .btn.btn-border.btn-inverse .caret {
border-color: rgba(30,30,30,.3);
color: rgba(30,30,30,.3);
}
.btn.btn-border.btn-primary, .btn.btn-border.btn-primary .caret {
border-color: #037ac5;
color: #037ac5;
}
.btn.btn-border.btn-warning, .btn.btn-border.btn-warning .caret {
border-color: #97d1ce;
color: #97d1ce;
}
.btn.btn-border.btn-danger, .btn.btn-border.btn-danger .caret {
border-color: #c10841;
color: #c10841;
}
.btn.btn-border.btn-success, .btn.btn-border.btn-success .caret {
border-color: #738d00;
color: #738d00;
}
.btn.btn-border.btn-info, .btn.btn-border.btn-info .caret {
border-color: #0098ca;
color: #0098ca;
}
.btn.btn-border:hover, .btn.btn-border:focus, .btn.btn-border:active, .btn.btn-border.active, .btn.btn-border.disabled, .btn.btn-border[disabled], .btn-group.open .btn.dropdown-toggle.btn-border, .btn.btn-border:hover .caret, .btn.btn-border:focus .caret, .btn.btn-border:active .caret, .btn.btn-border.active .caret, .btn.btn-border.disabled .caret, .btn.btn-border[disabled] .caret, .btn-group.open .btn.dropdown-toggle.btn-border .caret { color: #fff; }
.btn-group > .btn:first-child {
-webkit-border-top-left-radius: 3px;
-moz-border-radius-topleft: 3px;
border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-left-radius: 3px;
}
.btn-group > .btn:last-child, .btn-group > .dropdown-toggle {
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topright: 3px;
border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
-moz-border-radius-bottomright: 3px;
border-bottom-right-radius: 3px;
}
.btn.btn-lg {
font-size: 14px;
padding: 16px 45px;
}
.btn.btn-sm {
font-size: 12px;
padding: 5px 15px;
}
.btn.btn-xs {
font-size: 10px;
padding: 2px 10px;
}
.btn-group > .btn:before, .btn-group > .btn:after {
border-left: 1px solid rgba(255,255,255,.2);
bottom: 0;
display: inline-block;
content: "";
left: 0;
position: absolute;
top: 0;
}
.btn-group > .btn.btn-border:before, .btn-group > .btn.btn-border:after { display: none; }
.btn-group > .btn:after {
left: auto;
right: 0;
}
.btn-group > .btn:first-child:before, .btn-group > .btn:last-child:after, .btn-group > .btn:only-of-type:after, .btn-group > .btn:only-of-type:before { display: none; }
.ladda-button { font-size: 100%; }
.ladda-button[data-style=contract][data-loading] { width: 42px; } .table {
font-size: 12px;
line-height: 18px;
margin-bottom: 22px;
text-align: center;
}
th { text-align: center; }
.table.text-left, .table.text-left th:not(.text-center) { text-align: left; }
.table.text-right, .table.text-right th:not(.text-center) { text-align: right; }
.table th, .table td, .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
border-top: 1px solid #e1e1e1;
line-height: 18px;
padding: 16px 10px 15px;
}
.table > thead > tr > th {
border-bottom: 1px solid #e1e1e1;
font-size: 13px;
}
.table-striped thead th { background-color: #f7f7f7; }
.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th { background: none; }
.table-bordered {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 1px; }
.table-hover tbody tr > td, .table-hover tbody tr > th {
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
background-color: #fffdee;
-webkit-transition: all 0.4s linear;
transition: all 0.4s linear;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td { padding: 4px 5px; }
.table > thead > tr > td.warning, .table > tbody > tr > td.warning, .table > tfoot > tr > td.warning, .table > thead > tr > th.warning, .table > tbody > tr > th.warning, .table > tfoot > tr > th.warning, .table > thead > tr.warning > td, .table > tbody > tr.warning > td, .table > tfoot > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr.warning > th, .table > tfoot > tr.warning > th {
background-color: #f89406;
color: #fff;
}
.table > thead > tr > td.success, .table > tbody > tr > td.success, .table > tfoot > tr > td.success, .table > thead > tr > th.success, .table > tbody > tr > th.success, .table > tfoot > tr > th.success, .table > thead > tr.success > td, .table > tbody > tr.success > td, .table > tfoot > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr.success > th, .table > tfoot > tr.success > th {
background-color: #738d00;
color: #fff;
}
.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
background-color: #c10841;
color: #fff;
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
background-color: #0098ca;
color: #fff;
} blockquote {
padding: 0 0 0 20px;
margin: 0 0 22px;
border-left: 2px solid #e1e1e1;
}
blockquote.pull-right {
border-left: 0;
border-right: 2px solid #e1e1e1;
float: right;
padding-left: 0;
padding-right: 20px;
}
blockquote p {
font-family: Georgia, 'Times New Roman', Times, serif;
font-style: italic;
font-size: 16px;
line-height: 1.625;
margin-bottom: 0;
}
blockquote small { line-height: 26px; } .nav-tabs {
margin-bottom: 0;
margin-left: 0;
}
.tabs-alt .ui-tabs-active a {
font-weight: bold;
color: #555;
background-color: transparent;
}
.nav-tabs > li > a,
.tabs-alt ul > li > a {
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
color: #1e1e1e;
font-size: 12px;
padding: 10px 20px 11px;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.nav > li > a:hover, 
.tabs-alt ul > li > a:hover, 
.nav > li > a:focus,
.tabs-alt ul  > li > a:focus {
background-color: #f7f7f7;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus { border-color: #f7f7f7 #f7f7f7 #e1e1e1; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus {
border: 1px solid #e1e1e1;
border-bottom-color: transparent;
color: #1e1e1e;
font-weight: bold;
}
.nav-tabs > .active.dropdown > a { z-index: 911; }
.tab-content > .tab-pane, .pill-content > .pill-pane { padding: 36px 0 0; }
.tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li {
float: none;
margin: 0;
}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a {
min-width: 110px;
margin-right: 0;
margin-bottom: 3px;
}
.tabs-left > .nav-tabs {
border: 0 none;
border-right: 1px solid #ddd;
float: left;
margin: 0 -1px 0 0;
}
.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
-moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus { border-color: #f7f7f7 #ddd #f7f7f7 #f7f7f7; }
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover, .tabs-left > .nav-tabs .active > a:focus { border-color: #ddd transparent #ddd #ddd; }
.tabs-left > .tab-content {
border-left: 1px solid #ddd;
margin: 0;
overflow: auto;
}
.tabs-left > .tab-content > .tab-pane { padding: 0 0 0 20px; }
.tabs-right > .nav-tabs {
border: 0 none;
border-left: 1px solid #ddd;
float: right;
margin: 0 0 0 -1px;
}
.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
-moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus { border-color: #f7f7f7 #f7f7f7 #f7f7f7 #ddd; }
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover, .tabs-right > .nav-tabs .active > a:focus { border-color: #ddd #ddd #ddd transparent; }
.tabs-right > .tab-content {
border-right: 1px solid #ddd;
margin: 0;
overflow: auto;
}
.tabs-right > .tab-content > .tab-pane { padding: 0 20px 0 0; } .panel {
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
margin-bottom: 22px;
}
.panel-heading {
padding: 9px 20px;
border: 0 none;
border-radius: 0;
}
.panel-footer {
background-color: #e1e1e1;
border-top: 1px solid #e1e1e1;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
padding-left: 20px;
padding-right: 20px;
}
.panel-title { font-size: 14px; }
.panel-body { padding: 10px 20px; }
.list-group-item {
padding-left: 20px;
padding-right: 20px;
}
.panel-primary { border-color: #037ac5; }
.panel-success { border-color: #738d00; }
.panel-info { border-color: #0098ca; }
.panel-warning { border-color: #f89406; }
.panel-danger { border-color: #c10841; }
.panel-default > .panel-heading {
background-color: #f2f2f2;
color: #1e1e1e;
}
.panel-primary > .panel-heading {
background-color: #037ac5;
color: #fff;
}
.panel-success > .panel-heading {
background-color: #738d00;
color: #fff;
}
.panel-info > .panel-heading {
background-color: #0098ca;
color: #fff;
}
.panel-warning > .panel-heading {
background-color: #f89406;
color: #fff;
}
.panel-danger > .panel-heading {
background-color: #c10841;
color: #fff;
}
.panel-default { border-color: #e1e1e1; }
.panel-default > .panel-heading { background-color: #e1e1e1; }
.panel-group { margin-bottom: 22px; }
.panel-group .panel {
background-color: inherit;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.panel-group .panel .panel-heading {
background-color: inherit;
padding: 0;
position: relative;
}
.panel-group .panel .panel-heading > .panel-title:before {
background: #e1e1e1;
background: rgba(255,255,255,.4);
bottom: 0;
content: "";
display: block;
left: 45px;
position: absolute;
top: 0;
width: 1px;
z-index: 1;
}
.panel-group .active.panel .panel-heading > .panel-title:before {
background: #444;
background: rgba(255,255,255,.2);
}
.panel-group .panel .panel-heading > .panel-title > a {
background-color: #f2f2f2;
color: #1e1e1e;
display: block;
line-height: 22px;
padding: 9px 9px 9px 60px;
text-decoration: none;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.panel-group .panel .panel-heading > .panel-title > a:hover {
background-color: #e9e9e9;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.panel-group .active.panel .panel-heading > .panel-title > a, .panel-group .active.panel .panel-heading > .panel-title > a:hover {
background-color: #1e1e1e;
color: #fff;
display: block;
padding: 9px 9px 9px 60px;
text-decoration: none;
}
.panel-group .panel .panel-heading > .panel-title > a:before, .panel-group .panel .panel-heading > .panel-title > a:after {
background: #1e1e1e;
content: "";
display: block;
height: 2px;
left: 0;
margin: 19px 0 0 15px;
position: absolute;
top: 0;
width: 16px;
}
.panel-group .panel .panel-heading > .panel-title > a:after {
height: 16px;
margin: 12px 0 0 22px;
width: 2px;
}
.panel-group .active.panel .panel-heading > .panel-title > a:before, .panel-group .active.panel .panel-heading > .panel-title > a:after { background: #fff; }
.panel-group .active.panel .panel-heading > .panel-title > a:after { display: none; }
.panel-group .panel-heading + .panel-collapse .panel-body { border-top: 0 none; }
.panel-group .panel.e-hidden {
margin: 0;
overflow: hidden;
}
.panel-group .panel-default .panel-heading > .panel-title > a { background-color: #f2f2f2; }
.panel-group .panel-default .panel-heading > .panel-title > a:hover { background-color: #e9e9e9; }
.panel-group .panel-primary .panel-heading > .panel-title > a {
background-color: #037ac5;
color: #fff;
}
.panel-group .panel-primary .panel-heading > .panel-title > a:hover {
background-color: rgba(3,122,197,.9);
color: #fff;
}
.panel-group .panel-success .panel-heading > .panel-title > a {
background-color: #738d00;
color: #fff;
}
.panel-group .panel-success .panel-heading > .panel-title > a:hover { background-color: rgba(115,141,0,.9); }
.panel-group .panel-info .panel-heading > .panel-title > a {
background-color: #0098ca;
color: #fff;
}
.panel-group .panel-info .panel-heading > .panel-title > a:hover { background-color: rgba(0,152,202,.9); }
.panel-group .panel-warning .panel-heading > .panel-title > a {
background-color: #f89406;
color: #fff;
}
.panel-group .panel-warning .panel-heading > .panel-title > a:hover { background-color: rgba(248,148,6,.9); }
.panel-group .panel-danger .panel-heading > .panel-title > a {
background-color: #c10841;
color: #fff;
}
.panel-group .panel-danger .panel-heading > .panel-title > a:hover { background-color: rgba(193,8,65,.9); }
.panel-group .panel-primary .panel-heading > .panel-title > a:before, .panel-group .panel-primary .panel-heading > .panel-title > a:after, .panel-group .panel-success .panel-heading > .panel-title > a:before, .panel-group .panel-success .panel-heading > .panel-title > a:after, .panel-group .panel-info .panel-heading > .panel-title > a:before, .panel-group .panel-info .panel-heading > .panel-title > a:after, .panel-group .panel-warning .panel-heading > .panel-title > a:before, .panel-group .panel-warning .panel-heading > .panel-title > a:after, .panel-group .panel-danger .panel-heading > .panel-title > a:before, .panel-group .panel-danger .panel-heading > .panel-title > a:after { background-color: #fff; }
.panel-group.one-open .panel.active .panel-heading > .panel-title > a { cursor: default; }
.panel-group .panel-body { padding: 10px 0 10px 1px; }
.panel.panel-bg .panel-body {
background: #f7f7f7;
padding-left: 20px;
padding-right: 20px;
} .progress {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 40px;
}
.progress-bar {
font-size: 14px;
background: #1e1e1e;
filter: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
line-height: 40px;
text-align: left;
text-indent: 10px;
text-shadow: none;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.progress-bar-info { background-color: #0098ca; }
.progress-bar-success { background-color: #738d00; }
.progress-bar-warning { background-color: #f89406; }
.progress-bar-danger { background-color: #c10841; }
.progress.border-radius {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.progress[data-appear-progress-animation] .progress-bar { text-indent: -100%; }
.progress.hover .progress-bar:hover { background: #1e1e1e; }
.progress.hover .progress-bar-info:hover { background: #0098ca; }
.progress.hover .progress-bar-success:hover { background: #738d00; }
.progress.hover .progress-bar-warning:hover { background: #c09853; }
.progress.hover .progress-bar-danger:hover { background: #c10841; }
.progress-circular {
position: relative;
text-align: center;
}
.progress-circular > div {
display: inline-block;
vertical-align: top;
}
.progress-circular input.knob {
border: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #7f7f7f;
font-size: 0;
font-style: italic;
font-weight: normal !important;
} .pagination { margin: 20px 0; }
.pagination > li > a, .pagination > li > span {
background-color: #ccc;
border: 0 none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 24px;
margin: 0 5px 0 0;
min-width: 6px;
padding: 0 9px;
text-align: center;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.pagination > li > a:hover, .pagination > li > a:hover {
background-color: #1e1e1e;
color: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > span:hover {
background-color: #1e1e1e;
background-color: rgba(30,30,30,.7);
color: #fff;
}
.pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
border-left-width: 0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
font-size: 15px;
font-weight: normal;
}
.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
background-color: #ccc;
color: #fff;
}
.pagination + .pagination-text {
color: #999;
font-size: 12px;
float: right;
line-height: 24px;
vertical-align: top;
}
.pagination.pagination-lg > li > a, .pagination.pagination-lg > li > span {
font-size: 16px;
line-height: 28px;
padding: 4px 14px;
}
.pagination.pagination-sm > li > a, .pagination.pagination-sm > li > span {
font-size: 10px;
line-height: 20px;
padding: 0 7px;
}
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span, .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
-webkit-border-top-left-radius: 2px;
-moz-border-radius-topleft: 2px;
border-top-left-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-left-radius: 2px;
}
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span {
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topright: 2px;
border-top-right-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
-moz-border-radius-bottomright: 2px;
border-bottom-right-radius: 2px;
} .icon {
background: none;
color: #1e1e1e;
display: inline-block;
font-size: 20px;
height: 32px;
line-height: 32px;
margin: 0 0 4px 0;
text-align: center;
text-decoration: none;
vertical-align: top;
width: 32px;
}
.icon.pull-left {
float: left;
margin-right: 10px;
}
.icon.pull-right {
float: right;
margin-left: 10px;
}
.icon.icon-24 {
font-size: 14px;
height: 24px;
line-height: 24px;
width: 24px;
}
.icon.icon-40 {
font-size: 26px;
height: 40px;
line-height: 40px;
width: 40px;
}
.icon.icon-60 {
font-size: 32px;
height: 60px;
line-height: 60px;
width: 60px;
}
.icon.icon-100 {
font-size: 50px;
height: 100px;
line-height: 100px;
width: 100px;
}
.icon .fa { width: 100%; }
.icon.rounded {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.icon.circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.icon.border {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-width: 1px;
}
.sbtnf:before, .sbtnf:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
} .frame {
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
}
.frame > img { width: 100%; }
.frame-padding {
background: #fff;
padding: 4px;
}
.frame-border {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.frame-shadow {
-moz-box-shadow: 0 0 15px rgba(0,0,0,.5);
-webkit-box-shadow: 0 0 15px rgba(0,0,0,.5);
box-shadow: 0 0 15px rgba(0,0,0,.5);
}
[class*="frame-shadow"] {
background: #fff;
position: relative;
}
.frame-shadow-lifted:before, .frame-shadow-lifted:after {
bottom: 15px;
-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.5);
content: "";
display: block;
height: 20px;
left: 10px;
position: absolute;
width: 50%;
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
z-index: -1;
}
.frame-shadow-lifted:after {
right: 10px;
left: auto;
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
}
.frame-shadow-perspective:before {
bottom: 5px;
-webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
-moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
content: "";
height: 35%;
left: 80px;
max-width: 200px;
max-height: 50px;
position: absolute;
width: 50%;
-webkit-transform: skew(50deg);
-moz-transform: skew(50deg);
-ms-transform: skew(50deg);
-o-transform: skew(50deg);
transform: skew(50deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
z-index: -1;
}
.frame-shadow-curved:before {
-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.6);
-moz-box-shadow: 0 0 15px rgba(0,0,0,0.6);
box-shadow: 0 0 15px rgba(0,0,0,0.6);
-webkit-border-radius: 10px/100px;
-moz-border-radius: 10px/100px;
border-radius: 10px/100px;
bottom: 10px;
content: "";
left: 0;
position: absolute;
right: 0;
top: 10px;
z-index: -1;
}
.frame-shadow-raised {
-webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.rotated-box {
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
transform: rotate(-3deg);
}
.rotated-right-box {
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
transform: rotate(3deg);
} .modal {
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.modal.modal-center .modal-dialog {
transform: translate(0, 0%) !important;
-ms-transform: translate(0, 0%) !important;
-webkit-transform: translate(0, 0%) !important;
}
.modal .close {
font-size: 26px;
position: absolute;
right: 20px;
top: 20px;
}
.modal .close span {
line-height: 18px;
margin-right: 5px;
margin-top: 0;
text-transform: uppercase;
}
.modal-header {
border: 0 none;
padding: 30px 20px 0;
}
.modal-header .title-box { margin-bottom: 20px; }
.modal-header .title-box .title {
margin: 0 0 12px 0;
padding: 0;
}
.modal-body { padding: 0 20px 20px; }
.modal-footer {
background-color: #f7f7f7;
border-top: 1px solid #e1e1e1;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
-moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
padding: 20px;
} .product-name a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product-name a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product-image {
background: #f2f2f2;
display: inline-block;
line-height: 0;
}
.product-image > img {
width: 100%;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.product-image:hover > img {
opacity: .9;
filter: alpha(opacity=90);
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.rotation .product-image:hover > img {
opacity: 1;
filter: alpha(opacity=100);
}
.price-old {
color: #7f7f7f;
display: inline-block;
margin-right: 6px;
position: relative;
}
del.amount:before {
background: #f00;
content: "";
display: block;
height: 1px;
left: 50%;
margin: 0 0 0 -23px;
position: absolute;
top: 50%;
-webkit-transform: rotate(330deg);
transform: rotate(330deg);
width: 46px;
}
.sale-custome {
border-top: 56px solid #f89406;
border-right: 56px solid transparent;
display: block;
height: 0;
line-height: 22px;
position: absolute;
width: 0;
z-index: 1;
-webkit-transform: translateZ(0px);
}
.sale-custome:before {
color: #fff;
content: "Sale";
display: block;
font-size: 11px;
font-weight: bold;
margin: -46px 0 0 5px;
position: absolute;
text-transform: uppercase;
-webkit-transform: rotate(315deg);
transform: rotate(315deg);
}
.sale-custome.top { border-top: 56px solid #738d00; }
.sale-custome.top:before { content: "Top"; }
.sale-custome.new { border-top: 56px solid #c10841; }
.sale-custome.new:before { content: "New"; }
.sale-custome.best { border-top: 56px solid #0098ca; }
.sale-custome.best:before { content: "Best"; } .display-t { display: table; }
.display-tc { display: table-cell; }
.slim { font-weight: normal; }
.border-radius {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.bg { background-color: #f2f2f2; }
.border { border-width: 1px; }
.width-auto .col-md-1, .width-auto .col-md-2, .width-auto .col-md-3, .width-auto .col-md-4, .width-auto .col-md-5, .width-auto .col-md-6, .width-auto .col-md-7, .width-auto .col-md-8, .width-auto .col-md-9, .width-auto .col-md-10, .width-auto .col-md-11, .width-auto .col-md-12 {
float: left;
width: auto;
}
.margin-center { margin: 0 auto; }
.bottom-padding { margin-bottom: 80px; }
.bottom-padding-mini { margin-bottom: 40px; }
.bottom-padding.last { margin-bottom: 0; }
.no-top-padding { padding-top: 0 !important; }
.col2-set .col-1, .col2-set .col-2 {
float: left;
width: 48.5%;
}
.col2-set .col-2 { float: right; } #top-box {
background: #1e1e1e;
min-height: 30px;
padding: 5px 0;
width: 100%;
} .btn-group.btn-select {
color: #7f7f7f;
font-size: 12px;
vertical-align: top;
}
#top-box .btn-group.btn-select { margin: 3px 0 0 0; }
#top-box .btn-group.btn-select.language { margin-right: 6px; }
.btn-group.btn-select .dropdown-toggle {
background: rgba(255,255,255,.1);
border: 1px solid transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #7f7f7f;
font-size: 12px;
height: 24px;
line-height: 24px;
padding: 0 7px 3px;
z-index: 2;
}
.btn-group.btn-select.open .btn.dropdown-toggle {
background: #fff;
border: 1px solid #ccc;
border-bottom: 0 none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
color: #7f7f7f;
}
.btn-group.btn-select .btn.dropdown-toggle .caret {
color: #fff;
color: rgba(255,255,255,.5);
margin-left: 0;
}
.btn-group.btn-select.open .btn.dropdown-toggle .caret { color: #777; }
.btn-group.btn-select.open .btn.dropdown-toggle:after {
background: #fff;
bottom: 0;
content: "";
display: block;
height: 6px;
left: 0px;
margin: 0 0 -6px;
position: absolute;
right: 0;
top: auto;
z-index: 3;
-webkit-animation: fadeIn 0.3s;
animation: fadeIn 0.3s;
}
.btn-group.btn-select .dropdown-menu {
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
margin: 0;
padding-top: 8px;
z-index: 1;
}
.btn-group.btn-select .dropdown-menu > li > a {
font-size: 12px;
line-height: 22px;
padding: 4px 6px;
}
.btn-group.btn-select .dropdown-menu > li > a:hover { background: #f2f2f2; }
.btn-group.btn-select .dropdown-menu > li > a img {
margin: 5px 9px 0 0;
vertical-align: top;
}
.dropdown-menu > li > a i {
font-size: 18px;
margin-right: 10px;
min-width: 18px;
vertical-align: middle;
}
#top-box .btn-group.btn-select .dropdown-toggle { z-index: 911; }
#top-box .btn-group.btn-select .dropdown-menu { z-index: 910; }
#top-box .btn-group.btn-select.open .btn.dropdown-toggle:after { z-index: 912; } .top-navbar {
background: none;
border: 0 none;
border-radius: 0;
height: auto;
margin: 0;
min-height: 30px;
}
.top-navbar .collapse { padding: 0; }
.top-navbar .nav {
margin-top: -5px;
margin-bottom: -5px;
}
.top-navbar .nav > li a {
font-size: 12px;
line-height: 22px;
padding: 9px 15px 9px;
-webkit-transition: background 0.2s linear, color 0.2s linear;
transition: background 0.2s linear, color 0.2s linear;
}
.top-navbar .nav > li a .fa {
font-size: 120%;
margin-right: 4px;
}
.top-navbar .nav > li a .fa.after {
margin-left: 4px;
margin-right: 0;
}
.top-navbar .nav > li a .count {
background: rgba(255,255,255,.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
font-size: 110%;
line-height: 1;
margin-left: 4px;
padding: 3px 5px;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.top-navbar .nav > li:hover a .count {
background: rgba(0,0,0,.1);
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.top-navbar .nav > li:hover > a, .top-navbar .nav > li > a:hover {
background: #efefef;
color: #7b7b7b;
-webkit-transition: background 0.2s linear, color 0.2s linear;
transition: background 0.2s linear, color 0.2s linear;
} .top-social { margin: 0; }
.top-social .icon-item {
color: #fff;
color: rgba(255,255,255,.3);
display: inline-block;
height: 30px;
line-height: 30px;
margin-left: 1px;
margin-right: 1px;
position: relative;
text-align: center;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
vertical-align: top;
width: 30px;
}
.top-social .icon-item i {
bottom: 0;
left: 0;
line-height: 30px;
position: absolute;
right: 0;
top: 0;
}
.top-social .icon-item i:before { text-shadow: 1px 1px 1px rgba(0,0,0,.1); }
.top-social .icon-item:hover {
color: #fff;
-webkit-transition: color 0.2s linear;
transition: color 0.2s linear;
}
.top-social .icon-item:hover i:before { text-shadow: none; }
.top-social.bg-social .icon-item {
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
color: #fff;
}
.top-social.bg-social .icon-item:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.top-social.bg-social .icon-item i {
-webkit-border-radius: 2px;
border-radius: 2px;
opacity: .7;
filter: alpha(opacity=70);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.top-social.bg-social .icon-item:hover i {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.top-social.bg-social .icon-item i:before { text-shadow: none; }
.top-social.bg-social .icon-item .fa-facebook { background: #3b5998; }
.top-social.bg-social .icon-item .fa-twitter { background: #00bdec; }
.top-social.bg-social .icon-item .fa-google-plus { background: #d94a39; }
.top-social.bg-social .icon-item .fa-linkedin { background: #1b92bd; } .top-search {
margin: 0 0 0 auto;
max-width: 300px;
position: relative;
}
.top-search .form-control {
background: rgba(255,255,255,.1);
border: 1px solid #e1e1e1;
border: 1px solid rgba(255,255,255,.2);
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #fff;
height: 30px;
line-height: 14px;
margin: 0;
min-height: 30px;
padding-top: 4px;
padding-bottom: 4px;
}
.top-search .form-control:focus { border-color: rgba(255,255,255,.7); }
.top-search .form-control::-moz-placeholder {
color: #fff;
color: rgba(255,255,255,.3);
}
.top-search .form-control:-ms-input-placeholder {
color: #fff;
color: rgba(255,255,255,.3);
}
.top-search .form-control::-webkit-input-placeholder {
color: #fff;
color: rgba(255,255,255,.3);
}
.top-search .search-submit {
background: none;
height: 30px;
opacity: .5;
filter: alpha(opacity=50);
padding: 6px 0 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
width: 30px;
}
.top-search .search-submit:hover {
opacity: .7;
filter: alpha(opacity=70);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
} .top-info {
color: #fff;
font-size: 13px;
padding: 5px 0;
}
.top-info a {
color: #fff;
color: rgba(255,255,255,.8);
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.top-info a:hover {
color: #fff;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.top-info .separator {
color: rgba(255,255,255,.4);
vertical-align: top;
} .header { width: 100%; }
.header-wrapper {
background: rgba(255,255,255,.97);
min-height: 100px;
padding: 2px 0;
}
.header .container { position: relative; }
.header .logo-box {
display: table;
table-layout: fixed;
}
.header .logo {
display: table-cell;
height: 100px;
max-width: 100%;
vertical-align: middle;
width: 100%;
}
.header .logo a {
display: inline-block;
max-width: 100%;
}
.header .logo img, .header .logo .logo-img { max-height: 100px; }
.header .logo-box.auto-height {
display: block;
height: 100px;
}
.header .logo-box.auto-height .logo { display: block; }
.header .logo-box.auto-height img { max-height: inherit; }
.header .site-description {
color: #bbb;
font-size: 9px;
line-height: 1.3;
}
.fixed-header { margin-top: 0; }
.fixed-header .page-box { padding-top: 104px; }
.fixed-header .header {
left: 0;
margin: 0;
position: fixed;
right: 0;
top: 0;
z-index: 870;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
width: auto;
}
.fixed-header .header-wrapper {
background: #fff;
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
margin-top: 0 !important;
}
.fixed-header.background-opacity .header-wrapper {
background: rgba(255,255,255,.97);
-webkit-transition: background 0.2s linear;
transition: background 0.2s linear;
}
.fixed-header.hidden-top.visible-top .header-wrapper, .fixed-header.fixed .header-wrapper {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.fixed-header.hidden-top .page-box {
padding-top: 112px;
-webkit-transition: padding-top 0.2s linear;
transition: padding-top 0.2s linear;
}
.fixed-header.hidden-top.fixed .page-box {
padding-top: 104px;
-webkit-transition: padding-top 0.2s linear;
transition: padding-top 0.2s linear;
} .hidden-top #top-box {
left: 0;
margin-top: -32px;
position: fixed;
top: 0;
z-index: 910;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.hidden-top.top-bar-only #top-box {
position: static;
}
.fixed-header.hidden-top .header {
margin-top: 8px;
top: 0;
}
.hidden-top.visible-top #top-box {
margin-top: 0;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.fixed-header.hidden-top.visible-top .header {
margin-top: 40px;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.fixed-header.hidden-top.fixed #top-box, 
.fixed-header.hidden-top.visible-top.fixed #top-box,
.hidden-top.top-bar-fixed #top-box {
margin-top: -40px;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.fixed-header.hidden-top.fixed .header, .fixed-header.hidden-top.visible-top.fixed .header {
margin-top: 0;
-webkit-transition: margin-top 0.2s linear;
transition: margin-top 0.2s linear;
}
.header .right-box { display: table; }
.header .right-box-wrapper {
display: table-cell;
height: 100px;
vertical-align: middle;
} .header .primary {
float: left;
margin-bottom: 10px;
z-index: 900;
}
.header .primary .navbar {
background: none;
border: 0 none;
margin: 0;
min-height: 44px;
}
.header .primary .navbar .navbar-collapse {
padding: 0;
position: relative;
}
.header .primary .navbar .nav {
margin: 0;
position: relative;
}
.header .primary .navbar .nav > li {
padding: 12px 3px 0;
position: relative;
}
.header .primary .navbar .nav > li > a, .header .primary .navbar .nav > li > a:visited {
background: none;
border: 1px solid #fff;
border: 1px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #1e1e1e;
padding: 11px 13px;
position: static;
text-shadow: none;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
z-index: 901;
}
.header .primary .navbar .nav > .selected > a { color: #777; }
.header .primary .navbar .nav a > i {
display: inline-block;
font-size: 12px;
margin-right: 2px;
opacity: .8;
filter: alpha(opacity=80);
text-align: center;
width: 18px;
}
.header .primary .navbar .nav a > i:before {
margin: 0;
width: auto;
}
.header .primary .navbar .nav a .item-new {
background: #ff0068;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
font-size: 11px;
line-height: 1;
letter-spacing: 0.01em;
padding: 4px 10px;
position: absolute;
right: 19px;
top: 1px;
text-transform: uppercase;
}
.header .primary .navbar .nav .megamenu a .item-new {
right: 14px;
top: -12px;
}
.header .primary .navbar .nav a .item-new .before, .header .primary .navbar .nav a .item-new:before {
border: 5px solid transparent;
border-right-color: #ff0068;
bottom: -5px;
content: "";
display: block;
position: absolute;
right: 0;
}
.header .primary .navbar .nav a .item-new.bg-info .before, .header .primary .navbar .nav a .item-new.bg-info:before { border-right-color: #007289; }
.header .primary .navbar .nav a .item-new.bg-success .before, .header .primary .navbar .nav a .item-new.bg-success:before { border-right-color: #738d00; }
.header .primary .navbar .nav a .item-new.bg-primary .before, .header .primary .navbar .nav a .item-new.bg-primary:before { border-right-color: #428bca; }
.header .primary .navbar .nav a .item-new.bg-warning .before, .header .primary .navbar .nav a .item-new.bg-warning:before { border-right-color: #f89406; }
.header .primary .navbar .nav a .item-new.bg-danger .before, .header .primary .navbar .nav a .item-new.bg-danger:before { border-right-color: #c10841; }
.header .primary .navbar .nav .sub .item-new, .header .primary .navbar .nav .megamenu .sub a .item-new {
float: right;
left: 0;
margin: 2px 0 0 10px;
position: relative;
top: 0;
}
.header .primary .navbar .nav .megamenu .sub a .item-new { float: none; }
.header .primary .navbar .nav .sub .item-new .before, .header .primary .navbar .nav .sub .item-new:before { display: none; }
.header .primary .navbar .nav > li:hover > a {
background: #fff;
border-color: #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.header .primary .navbar .nav .menu-item-has-children { position: relative; }
.header .primary .navbar .nav > li.menu-item-has-children:hover > a {
background: #fff;
border-bottom-color: transparent;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.header .primary .navbar .nav > li.menu-item-has-children > a:after {
background: transparent;
bottom: 0;
content: "";
display: none;
height: 12px;
left: 4px;
margin: 0 0 -6px 0;
position: absolute;
right: 4px;
-webkit-transition: background 0.5s linear;
transition: background 0.5s linear;
z-index: 906;
}
.header .primary .navbar .nav > li.menu-item-has-children:hover > a:after {
background: #fff;
display: block;
-webkit-transition: background 0.1s linear;
transition: background 0.1s linear;
}
.header .primary .navbar .nav > li.menu-item-has-children.megamenu:hover > a:after {
left: 0;
right: 0;
}
.header .primary .sub {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 3px 3px 3px;
border-radius: 0 3px 3px 3px;
display: none;
font-size: 13px;
line-height: 24px;
margin: -1px 0 0;
padding: 15px 20px;
position: absolute;
z-index: 905;
}
.megamenu .sub-wrapper > .sub-list .sub {
border: none !important;
position: relative !important;
left: auto !important;
right: auto !important;
top: auto !important;
display: block;
box-shadow: none !important;
margin: 0 !important;
z-index: auto !important;
padding: 0 !important;
opacity: 1 !important;
transition: none !important;
margin-bottom: 28px !important;
}
.megamenu .sub-wrapper > .sub-list .sub:after {
clear: both;
content: " ";
display: table;
}
.header .primary .sub li {
font-size: 13px;
line-height: 24px;
}
.header .primary .menu-item-has-children:hover > .sub { display: block; }
.header .primary .sub a, .header .primary .sub a:visited {
color: #1e1e1e;
display: block;
text-decoration: none;
width: 175px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.header .primary .sub a:hover {
opacity: .6;
filter: alpha(opacity=60);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.header .primary .sub .sub {
left: 100%;
top: 0;
}
.header .primary .navbar .nav .menu-item-has-children .menu-item-has-children > a:after {
content: "\eb10";
font-family: icon;
font-style: normal;
font-weight: normal;
display: block;
line-height: 1;
position: absolute;
right: -10px;
top: 6px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.header .primary .navbar .nav .menu-item-has-children.megamenu {
overflow: hidden;
position: static;
}
.header .primary .navbar .nav .menu-item-has-children.megamenu > a { position: relative; }
.header .primary .megamenu > .sub {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
left: -15px;
padding:0 0 0 20px;
width: 886px;
z-index: 900;
}
.header .primary .megamenu > .sub .sub-wrapper {
display: table;
width: 100%;
}
.header .primary .megamenu > .sub .sub-wrapper .sub-list { padding-top: 35px; }
.megamenu .sub .sub-wrapper li.parent > a {
display: block;
font-size: 13px;
line-height: 23px;
font-weight: bold;
text-transform: uppercase;
}
.sub-list .parent a:after { display: none !important; }
.megamenu .sub-wrapper .sub > .sub {
margin-bottom: 30px;
display: table;
width: 100%;
}
.sub-list > .sub > li {
float: left;
width: 50%;
}
.header .primary .megamenu > .sub .promo-block {
border-left: 1px solid #ccc;
display: table-cell;
font-size: 12px;
line-height: 18px;
position: relative;
text-align: center;
vertical-align: middle;
width: 34%;
}
.header .primary .megamenu > .sub .sub-list + .promo-block {
border-left: 1px solid #ccc;
border-right: 0 none;
}
.header .primary .megamenu > .sub .sub-list {
display: table-cell;
padding: 35px 5px;
vertical-align: top;
width: 100%;
}
.header .primary .megamenu.promo > .sub .sub-list { width: 66%; }
.header .primary .megamenu > .sub .box {
float: left;
padding: 0 20px 28px;
width: 33%;
}
.header .primary .megamenu > .sub .box:nth-child(3n+1), .header .primary .megamenu.promo > .sub .box:nth-child(2n+1) { clear: left; }
.header .primary .megamenu.promo > .sub .box { clear: none; }
.header .primary .megamenu.promo > .sub .box { width: 50%; } .header .primary .megamenu.four-columns > .sub .box { clear: none; }
.header .primary .megamenu.four-columns > .sub .box:nth-child(4n+1), .header .primary .megamenu.promo.four-columns > .sub .box:nth-child(3n+1) { clear: left; }
.header .primary .megamenu.promo.four-columns > .sub .box { clear: none; }
.header .primary .megamenu.four-columns > .sub .promo-block, .header .primary .megamenu.four-columns > .sub .box { width: 25%; }
.header .primary .megamenu.four-columns > .sub .sub-list { width: 75%; }
.header .primary .megamenu.promo.four-columns > .sub .box { width: 33%; } .header .primary .megamenu.five-columns > .sub .box { clear: none; }
.header .primary .megamenu.five-columns > .sub .box:nth-child(5n+1), .header .primary .megamenu.promo.five-columns > .sub .box:nth-child(4n+1) { clear: left; }
.header .primary .megamenu.promo.five-columns > .sub .box { clear: none; }
.header .primary .megamenu.five-columns > .sub .promo-block, .header .primary .megamenu.five-columns > .sub .box { width: 20%; }
.header .primary .megamenu.five-columns > .sub .sub-list { width: 80%; }
.header .primary .megamenu.promo.five-columns > .sub .box { width: 25%; }
.header .primary .megamenu .title {
font-size: 13px;
line-height: 23px;
margin: 0 0 3px;
text-transform: uppercase;
}
.header .primary .megamenu > .sub a { width: 100%; }
.header .primary .sub .sub .sub .sub {
background: none;
border: 0 none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
left: 0;
padding: 0;
position: relative;
-webkit-animation: fadeIn 0;
animation: fadeIn 0;
}
.header .primary .sub .sub .sub .menu-item-has-children > a { background: none !important; } .header .primary .navbar .nav > li.text-primary > a { color: #428bca; }
.header .primary .navbar .nav > li.text-success > a { color: #738d00; }
.header .primary .navbar .nav > li.text-info > a { color: #007289; }
.header .primary .navbar .nav > li.text-warning > a { color: #f89406; }
.header .primary .navbar .nav > li.text-danger > a { color: #c10841; } .header .primary .navbar .nav > li.menu-item-has-children.item-bg:hover > a:after { display: none; }
.header .primary .navbar .nav > li.item-primary:hover > a, .header .primary .item-primary .sub, .header .primary .item-primary.megamenu > .sub .promo-block { border-color: #428bca; }
.header .primary .navbar .nav > li.item-success:hover > a, .header .primary .item-success .sub, .header .primary .item-success.megamenu > .sub .promo-block { border-color: #738d00; }
.header .primary .navbar .nav > li.item-info:hover > a, .header .primary .item-info .sub, .header .primary .item-info.megamenu > .sub .promo-block { border-color: #0098ca; }
.header .primary .navbar .nav > li.item-warning:hover > a, .header .primary .item-warning .sub, .header .primary .item-warning.megamenu > .sub .promo-block { border-color: #f89406; }
.header .primary .navbar .nav > li.item-danger:hover > a, .header .primary .item-danger .sub, .header .primary .item-danger.megamenu > .sub .promo-block { border-color: #c10841; }
.header .primary .navbar .nav > li.item-bg:hover a, .header .primary .navbar .nav > li.item-bg .sub a { color: #fff; }
.header .primary .navbar .nav > li.item-primary.item-bg:hover > a, .header .primary .item-primary.item-bg .sub, .header .primary .item-primary.item-bg.menu-item-has-children .sub, .header .primary .item-primary.item-bg.menu-item-has-children:hover > .sub { background: #428bca; }
.header .primary .navbar .nav > li.item-success.item-bg:hover > a, .header .primary .item-success.item-bg .sub, .header .primary .item-success.item-bg.menu-item-has-children .sub, .header .primary .item-success.item-bg.menu-item-has-children:hover > .sub { background: #738d00; }
.header .primary .navbar .nav > li.item-info.item-bg:hover > a, .header .primary .item-info.item-bg .sub, .header .primary .item-info.item-bg.menu-item-has-children .sub, .header .primary .item-info.item-bg.menu-item-has-children:hover > .sub { background: #0098ca; }
.header .primary .navbar .nav > li.item-warning.item-bg:hover > a, .header .primary .item-warning.item-bg .sub, .header .primary .item-warning.item-bg.menu-item-has-children .sub, .header .primary .item-warning.item-bg.menu-item-has-children:hover > .sub { background: #f89406; }
.header .primary .navbar .nav > li.item-danger.item-bg:hover > a, .header .primary .item-danger.item-bg .sub, .header .primary .item-danger.item-bg.menu-item-has-children .sub, .header .primary .item-danger.item-bg.menu-item-has-children:hover > .sub { background: #c10841; }
.header .primary .navbar .nav > li.item-inverse > a { color: #fff; }
.header .primary .navbar .nav > li.item-primary.item-inverse > a { background: #428bca; }
.header .primary .navbar .nav > li.item-success.item-inverse > a { background: #738d00; }
.header .primary .navbar .nav > li.item-info.item-inverse > a { background: #0098ca; }
.header .primary .navbar .nav > li.item-warning.item-inverse > a { background: #f89406; }
.header .primary .navbar .nav > li.item-danger.item-inverse > a { background: #c10841; }
.header .primary .navbar .nav > li.item-inverse:hover > a {
background: #fff;
color: #1e1e1e;
}
.header .header-icons {
float: right;
margin: 9px 0;
text-align: right;
} .header .cart-header {
display: inline-block;
font-size: 12px;
margin: 0 -15px 0 -1px;
white-space: normal;
}
.header .cart-header.no-open {
opacity: 0;
filter: alpha(opacity=0);
}
.header .cart-header .dropdown-toggle {
border-width: 1px;
border-color: #fff;
border-color: transparent;
border-bottom: 0 none;
color: #1e1e1e;
display: block;
line-height: 22px;
outline: none;
padding: 11px 13px 12px 10px;
position: relative;
text-decoration: none;
text-shadow: none;
-webkit-transition: border-color 0.4s linear, box-shadow 0.4s linear, -moz-box-shadow 0.4s linear, -webkit-box-shadow 0.4s linear;
transition: border-color 0.4s linear, box-shadow 0.4s linear, -moz-box-shadow 0.4s linear, -webkit-box-shadow 0.4s linear;
z-index: 891;
}
.header .cart-header .dropdown-toggle .icon {
display: inline-block;
height: 22px;
margin: 0 8px 0 0;
vertical-align: top;
width: 16px;
}
.header .cart-header .dropdown-toggle .icon svg {
margin-top: 2px;
vertical-align: top;
}
.header .cart-header.open .dropdown-toggle {
background: #fff;
border-color: #ccc;
border-bottom: 0 none;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
-webkit-transition: border-color 0.4s linear, box-shadow 0.4s linear, -moz-box-shadow 0.4s linear, -webkit-box-shadow 0.4s linear;
transition: border-color 0.4s linear, box-shadow 0.4s linear, -moz-box-shadow 0.4s linear, -webkit-box-shadow 0.4s linear;
}
.header .cart-header.open .dropdown-toggle:after {
background: #fff;
bottom: 0;
content: "";
display: block;
height: 8px;
left: -3px;
margin: 0 0 -5px 0;
position: absolute;
right: 0;
}
.header .cart-header .dropdown-menu {
left: auto;
margin: -4px 0 0 0;
padding: 17px 20px 20px;
right: 0;
text-align: left;
width: 355px;
-webkit-animation: fadeIn 0.4s;
animation: fadeIn 0.4s;
z-index: 890;
}
.header .cart-header .dropdown-menu .close-box {
line-height: 12px;
margin: 0 0 13px;
text-align: right;
}
.header .cart-header .dropdown-menu .close {
font-size: 26px;
line-height: 12px;
text-transform: uppercase;
vertical-align: top;
}
.header .cart-header .dropdown-menu .close span {
line-height: 14px;
margin: 0 5px 0 0;
}
.header .cart-header .dropdown-menu > strong {
font-size: 13px;
line-height: 22px;
text-transform: uppercase;
}
.header .cart-header .dropdown-menu > ul { margin: 0 0 20px; }
.header .cart-header .dropdown-menu > ul li {
border-bottom: 1px solid #e1e1e1;
padding: 24px 20px 24px 0;
position: relative;
}
.header .cart-header .dropdown-menu .product-image {
display: block;
float: left;
margin: 0 15px 0 0;
width: 70px;
}
.header .cart-header .dropdown-menu .product-remove {
margin: 0 0 0 5px;
position: absolute;
right: 0;
top: 24px;
}
.header .cart-header .dropdown-menu .product-name {
font-size: 12px;
font-weight: normal;
line-height: 18px;
margin: 0 0 10px;
padding-left: 85px;
}
.header .cart-header .dropdown-menu .product-price {
font-size: 12px;
line-height: 16px;
padding-left: 85px;
}
.header .cart-header .dropdown-menu .product-price .price { font-size: 16px; }
.header .cart-header .dropdown-menu .cart-button { text-align: right; }
.header .cart-header .dropdown-menu .cart-button .checkout { margin-left: 6px; } .phone-header, .search-header {
border-right: 1px solid #ccc;
border-right: 1px solid rgba(204,204,204,.8);
color: #1e1e1e;
display: inline-block;
height: 30px;
margin: 8px 0;
position: relative;
text-align: center;
vertical-align: top;
width: 38px;
padding-right:3px;
}
.phone-header:last-child, .search-header:last-child { border-right: 0 none; }
.phone-header a, .search-header a {
display: block;
height: 23px;
padding-top: 7px;
width: 100%;
}
.phone-header a svg, .search-header a svg {
overflow: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .3s linear;
transition: all .3s linear;
-webkit-transform: translateZ(0px);
}
.phone-header a:hover svg, .search-header a:hover svg {
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: all .3s linear;
transition: all .3s linear;
} .phone-active, .search-active {
bottom: 0;
display: none;
margin: 18px 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
z-index: 920;
}
.phone-active {
background: #fff;
color: #ebebeb;
font-size: 48px;
line-height: 58px;
}
.phone-active .close, .search-active .close {
float: right;
font-size: 26px;
margin: 24px 0 0 5px;
}
.phone-active .close span, .search-active .close span {
line-height: 18px;
margin-right: 5px;
margin-top: 0;
text-transform: uppercase;
}
.phone-active strong {
color: #1e1e1e;
letter-spacing: 1px;
}
.search-active .close {
position: absolute;
right: 79px;
z-index: 1;
}
.search-active form {
height: 100%;
margin: 0;
position: relative;
width: 100%;
}
.search-active .search-string, .search-active .search-string:hover {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #1e1e1e;
font-size: 24px;
height: 100%;
line-height: 30px;
margin: 0;
padding: 14px 135px 14px 18px;
width: 100%;
}
.search-active .search-string:focus {
border-color: #ccc;
outline: 0;
outline: thin dotted \9;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.search-active .search-submit {
background: none;
border-left-width: 1px;
height: 30px;
line-height: 1;
margin: 0;
outline: none;
padding: 0;
position: absolute;
right: 1px;
top: 17px;
width: 46px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.search-active .search-submit svg { margin-top: 2px; }
.search-active .search-submit svg path { fill: #1e1e1e; }
.search-active .search-submit:hover {
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.header.header-two .phone-header {
border-right: 0 none;
padding-right:4px;
border-right:1px solid rgba(204, 204, 204, 0.8);
}
.header.header-three { background: rgba(255,255,255,.9); }
.header.header-three, .header.header-three .row, .header.header-three .container { min-height: inherit; }
.header.header-three .logo-box { text-align: center; } .top-fixed-box {
background: #fff;
background: rgba(255,255,255,.97);
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
border: 1px solid #e1e1e1;
border: 1px solid rgba(0,0,0,.1);
left: 0;
margin-top: -60px;
padding: 7px 0;
position: fixed;
top: 0;
width: 100%;
z-index: 999;
-webkit-transition: margin-top .3s linear;
transition: margin-top .3s linear;
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
}
.top-fixed-box.fixed {
margin-top: 0;
-webkit-transition: margin-top .3s linear;
transition: margin-top .3s linear;
}
.top-fixed-box .social {
display: inline-block;
margin: 0 6px;
vertical-align: top;
}
.top-fixed-box .contact-box {
color: #7f7f7f;
font-size: 12px;
margin-top: 11px;
}
.top-fixed-box .contact-box .phone { margin-right: 20px; }
.top-fixed-box .contact-box .fa {
font-size: 14px;
margin-right: 3px;
}
.top-fixed-box .contact-box .phone .fa {
font-size: 20px;
line-height: 17px;
vertical-align: top;
} .breadcrumb-box {
background: #f2f2f2;
overflow: hidden;
}
.breadcrumb ul {
padding-left: 0;
margin-bottom: 0;
}
.breadcrumb {
background: #f2f2f2;
color: #7f7f7f;
font-size: 11px;
line-height: 18px;
margin: 0;
padding: 11px 0;
}
.breadcrumb li {
line-height: 18px;
text-shadow: none;
display: inline-block;
}
.breadcrumb li + li:before {
color: #ccc;
content: "/ ";
padding: 0 5px;
}
.breadcrumb li a {
color: #7f7f7f;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.breadcrumb li a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.breadcrumb li + li:before {
padding: 0 6px;
color: #7f7f7f;
}
.breadcrumb-none { height: 10px; } .slider {
background: #f2f2f2;
padding: 0;
}
.slider.tiles {
background: transparent;
}
.slider > .container { position: relative; }
.slider.load .sliders-box > .col-md-12 + .col-md-12 { display: none; }
.slider .slid { position: relative; }
.slider .slid .slid-img {
max-height: 550px;
z-index: 1;
}
.slider .slid-content {
bottom: 93px;
color: #7b7b7b;
font-size: 12px;
line-height: 18px;
overflow: hidden;
padding: 38px 40px 0;
position: absolute;
right: 15px;
top: 0;
z-index: 3;
}
.slider .slid-content .title {
color: #fff;
font-size: 20px;
line-height: 24px;
margin: 0 0 34px;
}
.slider .slid-content .descriptions { margin: 0 0 37px 0; }
.slider .slid-content .btn {
background: #f8f8f8;
color: #1e1e1e;
font-weight: bold;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slid-content .btn:hover {
background: #fff;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav {
background-color: #1e1e1e;
background-color: rgba(30,30,30,.97);
bottom: 0;
position: absolute;
right: 15px;
top: 0;
z-index: 2;
}
.slider .slider-nav .nav-box {
bottom: 33px;
left: 40px;
position: absolute;
right: 40px;
text-align: center;
z-index: 4;
}
.slider .slider-nav .prev, .slider .slider-nav .next {
background-color: #fff;
background-color: rgba(255,255,255,.1);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #838282;
display: block;
height: 60px;
left: 0;
line-height: 60px;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
text-align: center;
text-decoration: none;
visibility: hidden;
width: 60px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav:hover .next,.slider .slider-nav:hover .prev{
opacity: 1;
visibility: visible;
filter: alpha(opacity=100);
}
.slider .slider-nav .next {
left: auto;
right: 0;
}
.slider .slider-nav .prev *, .slider .slider-nav .next * { vertical-align: middle; }
.slider .slider-nav .prev { margin-right: 2px; }
.slider .slider-nav .next { margin-left: 2px; }
.slider .container:hover .slider-nav .prev, .slider .container:hover .slider-nav .next, .page-slider:hover .slider-nav .prev, .page-slider:hover .slider-nav .next {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav .prev:hover, .slider .slider-nav .next:hover {
background-color: #fff;
color: #a0a0a0;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav .prev:hover polygon, .slider .slider-nav .next:hover polygon {
fill: #9f9f9f;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider .slider-nav .pagination {
padding: 0 65px;
text-align: center;
}
.switches a {
background: #fff;
background: rgba(255,255,255,.1);
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
height: 14px;
margin: 0 3px;
width: 14px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.switches a:hover {
background: #fff;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.switches a.selected {
background: #fff;
background: rgba(255,255,255,.5);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.progressive-slider .slider-nav .pagination a { vertical-align: middle; }
.page-slider {
background: none;
padding: 0;
position: relative;
}
.progressive-slider-two .sliders-container {
margin: 0 -15px 0 15px;
padding: 0;
position: relative;
}
.progressive-slider-two.load .sliders-box img + img { display: none; }
.progressive-slider-two .pagination {
bottom: 0;
left: 0;
margin: 0 0 15px;
position: absolute;
right: 0;
text-align: center;
}
.progressive-slider-two .pagination a {
background: #1e1e1e;
background: rgba(30,30,30,.5);
}
.progressive-slider-two .pagination a:hover, .progressive-slider-two .pagination .selected { background: #1e1e1e; }
.progressive-slider-two.tiles .pagination a {
background-color: rgba(76,107,153,.5);
}
.progressive-slider-two.tiles .pagination a:hover,
.progressive-slider-two.tiles .pagination .selected {
background-color: #4c6b99;
}
.progressive-slider-two .slider-banners {
display: table;
height: 100%;
table-layout: fixed;
}
.progressive-slider-two .slider-banners .banner {
display: table-row;
height: 33.33333333%;
}
.progressive-slider-two .slider-banners .banner { background: #f6a232; }
.progressive-slider-two .slider-banners .banner:nth-child(1) { background: #ee485c; }
.progressive-slider-two .slider-banners .banner:nth-child(2) { background: #65a93c; }
.progressive-slider-three .slider-wrapper {
border: solid 6px #fff;
border-radius: 6px;
}
.progressive-slider-three.load .slider-wrapper img + img, .progressive-slider-four.load .slider-wrapper img + img { display: none; }
.progressive-slider-four {
background: none;
padding: 0;
position: relative;
}
.progressive-slider-four .prev, .progressive-slider-four .next {
color: #fff;
font-size: 40px;
left: 30px;
line-height: 1;
margin-top: -20px;
position: absolute;
top: 50%;
}
.progressive-slider-four .next {
left: auto;
right: 30px;
}
.content .progressive-slider .container {
padding: 0;
width: 100%!important;
}
.slider.progressive-slider {
margin: 0 -15px;
padding: 54px 0;
position: relative;
}
.content .slider.progressive-slider {
background: none;
padding: 0 15px;
position: relative;
}
.content .slider .slider-nav { right: 0; }
.content .slider .slid-content {
bottom: 84px;
padding: 28px 30px 0;
right: 8px;
width: 47.333333%;
}
.slider .slider-nav .nav-box {
left: 23px;
right: 23px;
}
.content .slider .slider-nav { width: 47.333333%; }
.content .slider .slider-nav .prev, .content .slider .slider-nav .next {
height: 36px;
line-height: 36px;
width: 36px;
}
.content .switches a {
width: 11px;
height: 11px;
}
.content .slider .slider-nav .nav-box { bottom: 30px; }
.content .slider .pagination { margin: 5px 0; } .slider.rs-slider {
background: none;
border: 0 none;
max-height: 500px;
overflow: hidden;
padding: 0;
position: relative;
}
.slider.load .tp-banner-container { visibility: hidden; }
.slider.rs-slider .container { position: relative; }
.slider.rs-slider .title {
color: #fff;
font-size: 40px;
font-weight: normal;
margin: 0;
}
.slider.rs-slider .description {
color: #fff;
font-size: 17px;
line-height: 25px;
margin: 0;
padding: 0 15px;
}
.slider.rs-slider .btn { color: #fff; }
.slider.rs-slider .btn.orang { background: #ea4e16; }
.slider.rs-slider .btn.cherry { background: #752033; }
.slider.rs-slider .phone-text {
color: #fff;
font-size: 17px;
}
.rs-slider ul {
list-style: none;
margin: 0;
padding: 0;
}
.tp-bannertimer {
background: #777 !important;
background: rgba(0,0,0,0.1) !important;
height: 5px !important;
}
.tp-bullets.simplebullets.navbar {
height: 35px;
padding: 0;
}
.slider.rs-slider .tp-bullets.simplebullets .bullet {
background: #fff;
background: rgba(255,255,255,.5);
-webkit-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border: 0 none !important;
display: inline-block;
height: 14px;
float: none;
margin: 0 3px;
-webkit-transition: all .3s linear;
transition: all .3s linear;
vertical-align: top;
width: 14px;
}
.tp-bullets.simplebullets .bullet.last { margin-right: 0px }
.slider.rs-slider .tp-bullets.simplebullets .bullet:hover {
background: #fff;
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider.rs-slider .tp-bullets.simplebullets .bullet.selected {
background: rgba(255,255,255,.7);
-webkit-transition: all .3s linear;
transition: all .3s linear;
}
.slider.rs-slider .tparrows {
background: #1e1e1e;
background: rgba(30, 30, 30, 0.5);
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
height: 40px !important;
width: 40px !important;
-webkit-transition: background .3s linear;
transition: background .3s linear;
-webkit-transition: opacity 0.2s ease-out;
*/ 	-webkit-transform: inherit;
z-index: 50 !important;
}
.slider.rs-slider .tparrows:before {
font-family: 'revicons';
color: #fff;
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
margin-right: 0;
margin-top: 6px;
text-align: center;
width: 40px;
font-size: 19px;
}
.tp-leftarrow:before { content: '\e824'; }
.tp-rightarrow:before { content: '\e825'; }
.slider.rs-slider .tparrows:hover {
background: #1e1e1e;
-webkit-transition: background .3s linear;
transition: background .3s linear;
}
.slider4container .tparrows:before, .slider4container .tparrows:hover, .slider4container .tparrows { color: #000 !important; }
.slider4container .tparrows {
background: #fff !important;
background: rgba(255,255,255,0.5) !important;
}
.slider4container .tparrows:hover { background: #fff !important }
.slider.rs-slider .tp-loader {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/loader.svg), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
background-color: inherit;
height: 40px;
margin: -20px 0 0 -20px;
width: 40px;
z-index: 700;
}
.layerslider { margin: 0 auto; }
.slider.rs-slider.full-width { max-height: inherit; }
.slider.rs-slider.full-width .title {
font-size: 60px;
line-height: 0.9;
}
.tp-simpleresponsive  .btn-link,
.slider.rs-slider.full-width .btn-link {
font-size: 14px !important;
font-weight: bold;
line-height: 31px;
letter-spacing: 1px;
color:#fff;
padding: 0;
text-decoration: none;
}
.slider.rs-slider.full-width .btn-link .fa,
.tp-simpleresponsive  .btn-link .fa,
.tp-simpleresponsive  .btn-link [class^="icon-"] {
border: 2px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 180%;
height: 36px;
line-height: 32px;
margin-left: 10px;
padding: 0 0 0 3px;
text-align: center;
vertical-align: middle;
width: 36px;
}
.tp-simpleresponsive  .btn-link:hover,
.slider.rs-slider.full-width .btn-link:hover { opacity: .8; text-decoration:none; color:#fff; }
.slider.rs-slider.full-width .tp-rightarrow, .slider.rs-slider.full-width .tp-leftarrow { display: none !important; } .royal-slider {
background: none;
padding: 0;
width: 100%;
}
.royal-slider.load {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/loader.svg), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
background-color: inherit;
overflow: hidden;
}
.rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs { background: #f2f2f2; }
.coloredBlock {
padding: 12px;
background: rgba(255,0,0,0.6);
color: #FFF;
width: 200px;
left: 20%;
top: 5%;
}
.infoBlock {
position: absolute;
top: 30px;
right: 30px;
left: auto;
max-width: 25%;
padding-bottom: 0;
background: #FFF;
background: rgba(255, 255, 255, 0.8);
overflow: hidden;
padding: 20px;
}
.infoBlockLeftBlack {
color: #FFF;
background: #000;
background: rgba(0,0,0,0.75);
left: 30px;
right: auto;
}
.infoBlock h4 {
font-size: 20px;
line-height: 1.2;
margin: 0;
padding-bottom: 3px;
}
.infoBlock p {
font-size: 14px;
margin: 4px 0 0;
}
.infoBlock a {
color: #FFF;
text-decoration: underline;
}
.photosBy {
position: absolute;
line-height: 24px;
font-size: 12px;
background: #FFF;
color: #000;
padding: 0px 10px;
position: absolute;
left: 12px;
bottom: 12px;
top: auto;
border-radius: 2px;
z-index: 25;
}
.photosBy a { color: #000; }
.fullWidth {
max-width: 1400px;
margin: 0 auto 24px;
}
.layer-slider { overflow: hidden; } .metro-banners {
background: #b3768e;
background: -moz-linear-gradient(left, #b3768e 0%, #54638e 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, #b3768e), color-stop(100%, #54638e));
background: -webkit-linear-gradient(left, #b3768e 0%, #54638e 100%);
background: -o-linear-gradient(left, #b3768e 0%, #54638e 100%);
background: -ms-linear-gradient(left, #b3768e 0%, #54638e 100%);
background: linear-gradient(to right, #b3768e 0%, #54638e 100%);
padding: 54px 0 24px;
}
.metro-banners .banner {
margin-bottom: 30px;
text-align: center;
}
.banner {
display: block;
text-align: center;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.banner:hover, .frame-hover:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.metro-banners .banner img {
-webkit-box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
} .sidebar .widget, .widget { margin: 0 0 80px; }
.widget:last-child { margin-bottom: 0; }
.widget ol, .widget ul {
list-style: none;
margin-left: 0;
padding-left: 0;
}
.widget h3, .product-bottom .related-products header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 40px;
padding: 0 0 15px;
position: relative;
}
.widget h3:before, .product-bottom .related-products header:before {
background: #1e1e1e;
bottom: 0px;
content: "";
display: block;
height: 1px;
left: 0;
margin: 0 0 -1px;
position: absolute;
width: 40px;
}
.widget h3 {
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
line-height: 1;
}
.widget .subtitle {
font-size: 14px;
line-height: 1;
margin: 0 0 25px;
}
.sidebar .whats-news {
margin-bottom: 40px;
overflow: hidden;
}
.sidebar .carousel-box header .title { line-height: 40px; }
.sidebar .whats-news header { margin: 0; }
.sidebar .carousel-box .product {
display: block;
float: left;
margin: 40px 15px;
}
.footer_group .sidebar {
margin-top: 0;
margin-bottom: 80px;
}
.footer_group.sidebar .carousel-box .product {
margin-left: 0;
margin-right: 0;
}
.sidebar .action { overflow: hidden; }
.sidebar .action .clear-all {
float: left;
font-size: 14px;
line-height: 40px;
text-transform: none;
}
.sidebar .action .clear-all.close {
font-size: 20px;
line-height: 38px;
}
.sidebar .action .clear-all span {
font-size: 14px;
line-height: 39px;
margin: 0 0 0 2px;
vertical-align: middle;
}
.sidebar .action .btn { float: right; }
.sidebar .more {
color: #7f7f7f;
font-size: 12px;
margin: 5px 0 0;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sidebar .more:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
text-decoration: none;
}
.sidebar.woo_products_widget ul {
margin-bottom: 22px;
}
.sidebar.woo_products_widget .icon {
color: #7f7f7f;
font-size: 12px;
line-height: 2;
width: auto;
}
.sidebar.woo_products_widget .price-box span {
color: #333;
}
.sidebar.woo_products_widget .price-box ins {
text-decoration: none;
}
.sidebar.woo_products_widget .price-box del {
text-decoration: line-through;
} .sidebar .menu li { margin: 0 0 3px; padding: 0; }
.sidebar .menu li a {
background-color: #f2f2f2;
background-color: rgba(0,0,0,.05);
color: #1e1e1e;
display: block;
padding: 9px 9px 9px 60px;
position: relative;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li a:before {
background: #e1e1e1;
background: rgba(255,255,255,.4);
bottom: 0;
content: "";
display: block;
left: 45px;
position: absolute;
top: 0;
width: 1px;
}
.sidebar .menu li a:hover {
background-color: #e9e9e9;
background-color: rgba(0,0,0,.1);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li.active > a {
background-color: #1e1e1e;
color: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .menu li.active > a:before {
background: #444;
background: rgba(255,255,255,.2);
}
.sidebar .menu li.parent > a .open-sub {
bottom: 0;
display: block;
left: 0;
position: absolute;
top: 0;
width: 45px;
}
.sidebar .menu li.parent > a .open-sub:before, .sidebar .menu li.parent > a .open-sub:after {
background: #1e1e1e;
content: "";
display: block;
height: 2px;
left: 0;
margin: 19px 0 0 15px;
position: absolute;
top: 0;
width: 16px;
}
.sidebar .menu li.parent > a .open-sub:after {
height: 16px;
margin: 12px 0 0 22px;
width: 2px;
}
.sidebar .menu li.parent.active > a .open-sub:before, .sidebar .menu li.parent.active > a .open-sub:after { background: #fff; }
.sidebar .menu li.parent.active > a .open-sub:after { display: none; }
.sidebar .menu .sub {
background-color: #f2f2f2;
background-color: rgba(0,0,0,.05);
padding: 7px 0 4px 5px;
}
.sidebar .menu .sub li { margin: 0; }
.sidebar .menu .sub a {
background: none;
color: #7f7f7f;
margin: 0;
padding: 4px 9px 4px 60px;
}
.sidebar .menu .sub a:before { display: none; }
.sidebar .menu .sub a:hover {
background-color: #e9e9e9;
background-color: rgba(0,0,0,.05);
}
.sidebar .menu .sub .active > a {
background: none;
color: #000;
}
.sidebar .menu .sub .sub { background: none; }
.sidebar .menu .sub li.parent > a .open-sub { left: 10px; }
.sidebar .menu .sub li.parent > a .open-sub:before, .sidebar .menu .sub li.parent > a .open-sub:after {
background: #7f7f7f;
margin: 14px 0 0 22px;
width: 12px;
}
.sidebar .menu .sub li.parent > a .open-sub:after {
height: 12px;
margin: 9px 0 0 27px;
width: 2px;
}
.sidebar .menu li > a .item-icon {
left: 15px;
position: absolute;
top: 13px;
}
.sidebar .menu li:not(.active) > a .item-icon {
opacity: .5;
filter: alpha(opacity=50);
} .sidebar .section + .section {
border-top-width: 1px;
margin: 20px 0 0;
padding: 20px 0 0;
}
.sidebar .section li { line-height: 18px; }
.sidebar .section li + li { margin: 12px 0 0; }
.sidebar .section li > a, .sidebar .section li > a:visited { color: #1e1e1e; }
.sidebar .section li .fa { color: #7f7f7f; }
.sidebar .section .selected li {
background: url(//factor-g.nl/wp-content/themes/progressive/img/point.png) right 13px repeat-x #fff;
margin: 0 0 8px;
padding: 0 16px 0 0;
position: relative;
}
.sidebar .section li > span {
background: #fff;
color: #7f7f7f;
}
.sidebar .section li span span { color: #1e1e1e; }
.sidebar .section .selected .close {
background: #fff;
color: #7f7f7f;
font-size: 20px;
padding: 0 2px;
position: absolute;
right: 0px;
top: 3px;
}
.sidebar .section .selected .close:hover { color: #1e1e1e; } .sidebar ul { margin-bottom: 0; }
.sidebar li { padding: 4px 0; }
.sidebar li a { color: #1e1e1e; }
.sidebar li span { color: #7f7f7f; } .sidebar .specials li { padding: 24px 0; }
.sidebar .specials li:first-child { padding-top: 0; }
.sidebar .specials li:last-child { padding-bottom: 0; }
.sidebar .specials li + li { border-top-width: 1px; }
.sidebar .specials li .product-image {
background: #f7f7f7;
border: 1px solid #f5f5f5;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
height: 74px;
margin: 0 15px 1px 0;
overflow: hidden;
width: 74px;
}
.sidebar .specials li .product-name {
font-size: 12px;
font-weight: normal;
line-height: 20px;
margin: 0 0 4px;
padding-left: 85px;
}
.sidebar .specials li .price-box {
font-size: 16px;
line-height: 22px;
padding-left: 85px;
}
.sidebar .specials li .rating-box {
margin: 3px 0 14px 85px;
overflow: hidden;
} .sidebar .poll strong {
display: block;
margin-bottom: 21px;
}
.sidebar .poll ul {
margin: 0;
padding: 0 0 27px;
}
.sidebar .poll li { margin-bottom: 11px; } .sidebar .compare-products ul {
margin: 0;
padding: 0 0 17px;
}
.sidebar .compare-products li {
background: url(//factor-g.nl/wp-content/themes/progressive/img/point.png) right 13px repeat-x #fff;
margin: 0 0 8px;
padding: 0 16px 0 0;
position: relative;
}
.sidebar .compare-products li .title {
background: #fff;
color: #1e1e1e;
padding-right: 2px;
}
.sidebar .compare-products li .close {
background: #fff;
font-size: 20px;
padding: 0 2px;
position: absolute;
right: 0px;
top: 3px;
}
.sidebar .wishlist li { padding: 0 46px 0 0; }
.sidebar .wishlist .add-cart {
background: #fff;
color: #7f7f7f;
height: 100%;
padding: 0 3px;
position: absolute;
right: 26px;
top: 1px;
}
.sidebar .wishlist .add-cart path {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .wishlist .add-cart:hover path {
fill: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
} .sidebar .newsletter form, .sidebar .widget_search form {
margin: 20px 0 0;
position: relative;
}
.sidebar .newsletter form input {
margin-bottom: 0;
margin-top: 10px;
}
.sidebar .newsletter form p { }
.wysija-paragraph { top: auto; }
.widget_wysija .formError { display: none; }
.sidebar .newsletter form label, .sidebar .widget_search label { display: none; }
.sidebar .newsletter input {
margin: 0;
padding-right: 43px;
}
.sidebar .newsletter input[type="submit"], .sidebar .widget_search input[type="submit"] {
height: 38px;
outline: none;
padding: 0;
position: absolute;
right: 1px;
bottom: 1px;
width: 90px;
display: block;
font-size: 14px;
color: #fff;
background: #c10841;
border-radius: 3px;
}
.sidebar .newsletter.newsletter-style2 input[type="submit"] {
color: #fff;
padding: 0 10px;
width: auto;
border-radius: 3px;
background: #c10841;
}
.sidebar .newsletter .submit .glyphicon { line-height: 20px; }
.sidebar .newsletter input:focus + .submit {
color: #000;
-webkit-transition: all .2s linear;
transition: all .2s linear;
} .sidebar .banners { overflow: hidden; }
.sidebar .banners .slide {
float: left;
max-width: 270px;
margin-left: 15px;
margin-right: 15px;
padding-left: 0;
padding-right: 0;
position: relative;
}
.sidebar .banners .banner-text {
background: rgb(30,30,30);
background: rgba(30,30,30,.65);
bottom: 0;
color: #fff;
left: 0;
min-height: 58px;
padding: 20px;
position: absolute;
right: 0;
text-align: right;
}
.sidebar .banners .banner-text .title {
font-size: 20px;
margin: 0;
}
.sidebar .banners .banner-text p {
line-height: 18px;
margin: 0;
} .sidebar .widget_tag_cloud ul,.widget_tag_cloud ul { margin: 0; }
.sidebar .widget_tag_cloud .tagcloud a,.widget_tag_cloud .tagcloud a {
float: left;
margin: 0 3px 3px 0;
}
.sidebar .widget_tag_cloud .tagcloud,.widget_tag_cloud .tagcloud {
display: table;
width: 100%;
clear: both;
}
.sidebar .widget_tag_cloud a,.widget_tag_cloud a {
background-color: #0098ca;
background-color: rgba(0, 152, 202, 0.7);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
display: block;
font-size: 12px;
height: 24px;
line-height: 24px;
padding: 0 5px;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.sidebar .widget_tag_cloud a:hover,.widget_tag_cloud a:hover { background-color: #0098ca; } .social .sbtnf {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff;
display: block;
height: 40px;
float: left;
line-height: 40px;
margin: 0 10px 0 0;
opacity: .35;
filter: alpha(opacity=35);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
text-align: center;
width: 40px;
}
.social .sbtnf:hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sidebar .widget.social .sbtnf { margin-bottom: 10px; } .sidebar .links li { line-height: 21px; }
.sidebar .links a, .sidebar .links a:visited {
color: #7f7f7f;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.sidebar .links a:hover {
color: #000;
-webkit-transition: color .2s linear;
transition: color .2s linear;
} .sidebar .calendar-wrap {
background: rgba(0,0,0,.05);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.sidebar .calendar-wrap table { margin: 0; }
.sidebar .calendar-wrap table td, .sidebar .calendar-wrap table th { padding: 3px; }
.sidebar .calendar-wrap caption {
background: #1e1e1e;
color: #fff;
font-size: 14px;
padding: 5px;
}
.sidebar .calendar-wrap tfoot td { border: 0 none; }
.sidebar .calendar-wrap tfoot a { text-decoration: none; }
.sidebar .calendar-wrap tfoot a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sidebar .facebook-widget .fb-like-box {
border: 1px solid #e1e1e1;
max-width: 270px;
width: 100%;
}
.sidebar .facebook-widget .fb-like-box > span { max-width: 100% !important; } .sidebar .calendar .datepicker-box .datepicker {
background: rgba(0,0,0,.02);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 0;
width: 270px;
max-width: 100%;
}
.sidebar .calendar .datepicker-box .datepicker table {
width: 100%;
max-width: 100%;
}
.datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background: #037ac5; }
.datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover {
background: #f89406;
color: #fff;
} .banner-set {
border-top: 1px solid #e1e1e1;
padding-bottom: 16px;
overflow: hidden;
}
.banner-set.banner-border-shop {
border-top: 0;
}
.banner-set.banner-border-shop:before {
border-top: 1px solid #e1e1e1;
content: "";
display: block;
left: 0;
position: absolute;
margin-left: -5000px;
margin-right: -5000px;
right: 0;
}
.banner-set.bottom-padding { padding-bottom: 0; }
.load.banner-set .container {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/loader.svg), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
height: 314px;
overflow: hidden;
}
.load.banner-set .nav-box .container, .load.banner-set.banner-set-mini .nav-box .container {
background: none;
height: auto;
}
.load.banner-set .container > * {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.container .banner-set .container {
padding: 0;
width: auto;
}
.banner-set .container > * {
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.banner-set .banner {
border-right-width: 1px;
color: #7f7f7f;
display: block;
float: left;
font-size: 12px;
line-height: 18px;
margin: 0;
width: 292px;
padding: 19px;
text-decoration: none;
-webkit-transition: color .2s linear, box-shadow .2s linear;
transition: color .2s linear, box-shadow .2s linear;
}
.banner-set .banner:first-child { border-left-width: 1px; }
.banner-set .banner img {
margin: 0 0 28px 0;
max-height: 158px;
width: 100%;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.banner-set .banner .title {
color: #7f7f7f;
font-size: 20px;
font-weight: normal;
line-height: 1.2;
margin: 0;
padding: 0 0 12px;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.banner-set .banner .description {
height: 54px;
overflow: hidden;
text-overflow: ellipsis;
}
.banner-set .banner:hover {
color: #1e1e1e;
-webkit-box-shadow: inset 0 0 10px rgba(0,0,0,.13);
-moz-box-shadow: inset 0 0 10px rgba(0,0,0,.13);
box-shadow: inset 0 0 10px rgba(0,0,0,.13);
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: color .2s linear, box-shadow .2s linear;
transition: color .2s linear, box-shadow .2s linear;
}
.banner-set .banner:hover img {
opacity: .9;
filter: alpha(opacity=90);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.banner-set .banner:hover .title {
color: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.banner-set .nav-box {
padding: 0;
text-align: center;
vertical-align: top;
}
.banner-set .banner { border-bottom: 1px solid #e1e1e1; }
.banner-set .next, .banner-set .prev, .banner-set .pagination {
display: inline-block;
margin-top: 15px;
vertical-align: top;
}
.banner-set .next, .banner-set .prev {
color: #ccc;
font-size: 13px;
height: 14px;
line-height: 14px;
vertical-align: top;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.banner-set .next:hover, .banner-set .prev:hover {
color: #1e1e1e;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.banner-set .next.disabled, .banner-set .prev.disabled {
cursor: default;
opacity: .12;
filter: alpha(opacity=12);
}
.banner-set .next .glyphicon, .banner-set .prev .glyphicon {
margin: 0;
top: 0;
vertical-align: top;
}
.banner-set .pagination {
height: 14px;
margin: 15px 7px 0;
}
.banner-set .pagination a { background: #ececec; }
.banner-set .pagination a:hover { background: #000; }
.banner-set .pagination a.selected { background: #ccc; }
.banner-set.banner-set-mini {
overflow: visible;
padding-bottom: 0;
}
.load.banner-set.banner-set-mini .container, .load.banner-set.banner-set-mini .container .banners {
height: 127px;
overflow: hidden;
}
.banner-set.banner-set-mini .banner {
padding: 9px;
width: 146px;
}
.banner-set.banner-set-mini .banner img { margin-bottom: 14px; }
.banner-set.banner-set-mini .banner .title {
font-size: 14px;
padding: 0;
}
.banner-set.banner-set-mini .pagination { margin-bottom: 15px; }
.banner-set.banner-set-mini.banner-set-no-pagination .nav-box, .banner-set.banner-set-mini.banner-set-no-pagination .nav-box .container { position: relative; }
.banner-set.banner-set-mini.banner-set-no-pagination .pagination { display: none !important; }
.banner-set.banner-set-mini.banner-set-no-pagination .prev, .banner-set.banner-set-mini.banner-set-no-pagination .next {
left: 0;
margin: -70.5px 0 0 -15px;
position: absolute;
top: 0;
}
.banner-set.banner-set-mini.banner-set-no-pagination .next {
left: auto;
margin-left: 0;
margin-right: -15px;
right: 0;
}
.container .banner-set.banner-set-mini.banner-set-no-pagination .prev { margin-left: -30px; }
.container .banner-set.banner-set-mini.banner-set-no-pagination .next { margin-right: -30px; }
.banner-set.banner-border-shop > .container:after {
border-top: 1px solid #e1e1e1;
content: "";
display: block;
left: 0;
margin-top: -1px;
position: absolute;
margin-left: -5000px;
margin-right: -5000px;
right: 0;
} .boxed #main {
overflow: hidden;
}
#main {
padding: 80px 0;
}
#main .container > .post {
margin-bottom: 0;
}
#main.no-padding { padding: 0; }
.page-header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 80px;
padding: 0;
}
.page-header .title {
font-weight: normal;
margin: -4px 0 18px;
padding: 0;
position: relative;
}
.page-header .container { position: relative; }
.page-header .container:none {
background: #1e1e1e;
bottom: 0px;
content: "";
display: block;
height: 1px;
left: 15px;
margin: 0 0 -1px;
position: absolute;
width: 40px;
}
.page-header .page-description { padding: 0 0 18px; }
.title-box,.widgettitle{
border-bottom-width: 1px;
margin-bottom: 40px;
position: relative;
}
.title-box.no-margin, .no-margin { margin-bottom: 0 !important; }
.title-box:before,.widgettitle:before {
background: #1e1e1e;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 0;
margin: 0 0 -1px;
position: absolute;
width: 40px;
}
.title-box.text-right:before {
left: auto;
right: 0;
}
.title-box.text-center:before {
left: 50%;
margin-left: -20px;
}
.title-box .title,.widgettitle{
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
margin: 0 0 12px 0;
padding: 14px 0 0;
}
.widgettitle{
padding-bottom:20px;
margin-bottom:40px;
}
.title-box h1.title, .title-box .h1.title { font-size: 24px; }
.title-box .btn {
font-size: 12px;
padding-left: 15px;
padding-right: 15px;
position: absolute;
right: 0;
top: 0;
}
.title-box .btn .glyphicon {
margin: -1px 0 0 6px;
}
.title-box .btn .glyphicon { margin: -1px 0 0 3px; }
.title-box.title-white, .page-header.white { border-color: rgba(255,255,255,.3); }
.title-box.title-white:before, .page-header.white .container:before { background: #fff; }
.title-box.title-white .title { color: #fff; }
.inner-page-header {
border-bottom: 1px solid #e1e1e1;
margin: 0 0 80px;
padding: 0;
position: relative;
margin-left: -5000px;
margin-right: -5000px;
padding-left: 5000px;
padding-right: 5000px;
}
.inner-page-header.white {
border-color: rgba(255,255,255,.3);
}
.inner-page-header .title {
font-weight: normal;
margin: -4px 0 18px;
padding: 0;
position: relative;
}
.inner-page-header:before {
background: #1e1e1e;
bottom: 0px;
content: "";
display: block;
height: 1px;
margin: 0 0 -1px;
position: absolute;
width: 40px;
}
.inner-page-header.white:before {
background: #FFF;
}
.entry-content .page-header,
.entry-content .inner-page-header {
margin-bottom: 40px;
}
.entry-content .entry-thumb {
margin-bottom: 25px;
}
.entry-content.aside a {
color: #333;
}
.entry-thumb {
padding-bottom: 2px;
}  .package {
background: #f7f7f7;
margin: 0 auto 40px;
max-width: 370px;
}
.package .title {
line-height: 32px;
padding: 20px 20px 15px;
}
.package .title a {
color: #1e1e1e;
font-size: 28px;
font-weight: bold;
line-height: 32px;
text-decoration: none;
}
.package .price-box {
font-size: 12px;
line-height: 18px;
overflow: hidden;
padding: 0 20px 20px;
}
.package .price-box .icon {
color: #505050;
height: 96px;
text-align: center;
width: 96px;
}
.package .price-box .icon i {
background: none;
font-size: 50px;
height: auto;
line-height: 100px;
margin: 0;
width: auto;
}
.package .price-box .description { margin: 0 120px 17px 0; }
.package .price-box .price {
font-size: 36px;
font-weight: bold;
line-height: 1;
margin: 7px 0 0;
}
.package .price-box .price span { font-size: 12px; }
.package .bottom-box {
border-top-width: 1px;
overflow: hidden;
padding: 19px 19px 20px;
}
.package .bottom-box .more {
color: #7f7f7f;
display: block;
float: left;
font-size: 12px;
line-height: 1;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.package .bottom-box .more:hover {
opacity: .65;
filter: alpha(opacity=65);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.package .bottom-box .more span {
font-size: 17px;
line-height: 12px;
margin: 0 0 0 3px;
vertical-align: top;
}
.package .bottom-box .rating-box { float: right; } .features-block .header-box {
display: block;
min-height: 30px;
margin: 0 0 13px;
overflow: hidden;
}
.features-block .header-box .icon_box {
background: none;
color: #c10841;
float: left;
height: 30px;
margin: 0 10px 0 0;
text-align: center;
width: 24px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.features-block .header-box a.icon_box:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.features-block .header-box .icon_box i:before {
font-size: 20px;
line-height: 30px;
}
.features-block .header-box h6 { margin: 6px 0 0; #222
} .content-block {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 20px;
}
.content-block .btn + .btn { margin-left: 14px; }
.pull-left .btn { margin: 5px; }
.pull-right .btn { margin: 5px; } .service .icon {
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
color: #1e1e1e;
display: block;
height: 70px;
float: left;
margin: 0 30px 0 0;
text-align: center;
text-decoration: none;
width: 70px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.service .icon:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.service .icon i:before {
font-size: 30px;
line-height: 70px;
}
.service .title { margin: 2px 0 17px; }
.service a:not(.btn), .big-services-box a:not(.btn), .features-block a:not(.btn) {
color: #1e1e1e;
display: inline-block;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.service a:hover, .big-services-box a:hover, .features-block a:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.white .service a, .white .big-services-box a { color: #fff; }
.service .text-small { overflow: hidden; }
.big-services-box {
margin-bottom: 40px;
text-align: center;
}
.big-services-box {
margin-bottom: 40px !important;
}
.big-icon, .big-icon:visited {
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
color: #1e1e1e;
display: block;
height: 100px;
margin: 0 auto 20px;
text-align: center;
width: 100px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.service-icon {
font-size: 30px;
line-height: 70px;
}
.service-icon .livicon{
padding-top: 16px;
}
.big-icon {
border-color: #0098ca; 
}
.big-icon .service-icon {
font-size: 50px;
line-height: 100px;
}
a.big-icon:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.big-icon.pull-left { margin: 0 20px 20px 0; }
.service .icon .livicon.livicon-size-64 svg {
top: 5% !important;
}
.service .icon .livicon.livicon-size-54 svg {
top: 15% !important;
}
.service .icon .livicon.livicon-size-44 svg {
top: 27% !important;
} .why-choose ul {
list-style: none;
margin: 0;
padding: 0;
}
.why-choose li {
font-size: 13px;
line-height: 20px;
padding: 11px 0 8px 23px;
position: relative;
}
.why-choose li:before {
content: "✓";
display: block;
font-size: 16px;
left: 2px;
position: absolute;
top: 11px;
}
.why-choose li + li { border-top-width: 1px; } .promo-partners {
font-size: 13px;
line-height: 20px;
}
.promo-partners .col-md-2 { margin-bottom: 37px; } .latest-posts {
list-style: none;
margin: 0;
padding: 0;
}
.latest-posts li {
overflow: hidden;
padding: 22px 0;
}
.latest-posts li + li { border-top-width: 1px; }
.latest-postst li:first-child { padding-top: 0; }
.latest-posts li:last-child { padding-bottom: 0; }
.latest-posts li .image {
float: left;
height: 84px;
margin: 0 25px 0 0;
width: 84px;
}
.latest-posts li .meta {
color: #7f7f7f;
font-size: 11px;
line-height: 18px;
margin: 0 0 10px;
}
.latest-posts li .description { overflow: hidden; }
.latest-posts li a {
color: #1e1e1e;
font-size: 13px;
line-height: 20px;
margin: 0;
}
.latest-posts-white li .meta { color: rgba(255,255,255,.6); }
.latest-posts-white li a { color: rgba(255,255,255,.8); }
.latest-posts-white li { border-color: rgba(255,255,255,.3); } .carousel .col-sm-1, .carousel .col-sm-2, .carousel .col-sm-3, .carousel .col-sm-4, .carousel .col-sm-5, .carousel .col-sm-6, .carousel .col-sm-7, .carousel .col-sm-8, .carousel .col-sm-9, .carousel .col-sm-10, .carousel .col-sm-11, .carousel .col-sm-12 {
display: block;
float: left;
}
.carousel .col-md-1 { max-width: 80px; }
.carousel .col-md-2 { max-width: 161px; }
.carousel .col-md-3 { max-width: 242px; }
.carousel .col-md-4 { max-width: 323px; }
.carousel .col-md-5 { max-width: 404px; }
.carousel .col-md-6 { max-width: 485px; }
.carousel .col-md-7 { max-width: 565px; }
.carousel .col-md-8 { max-width: 646px; }
.carousel .col-md-9 { max-width: 727px; }
.carousel .col-md-10 { max-width: 808px; }
.carousel .col-md-11 { max-width: 889px; }
.carousel .col-md-12 { max-width: 970px; }
.carousel-links a {
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.carousel-links a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.carousel [class*="span"].pull-right { float: right; }
.load.carousel-box {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/loader.svg), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
}
.load.carousel-box > * {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.carousel-box > * {
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.load.carousel-box .carousel > a + a, .load.carousel-box .carousel > div + div { visibility: hidden; }
.caroufredsel_wrapper { margin-bottom: 0!important; }
.carousel-box .next,
.carousel-box .prev {
background-color: #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fbfbfb;
display: block;
float: right;
height: 40px;
line-height: 40px;
margin: 0 0 0 10px;
text-align: center;
text-decoration: none;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.title-box .next,
.title-box .prev {
line-height: 40px !important;
}
.carousel-box .next:hover, .carousel-box .prev:hover {
background-color: #000;
color: #efefef;
text-decoration: none;
-webkit-transition: color .2s linear, background-color .2s linear;
transition: color .2s linear, background-color .2s linear;
}
.carousel-box .next:hover polygon, .carousel-box .prev:hover polygon { fill: #efefef; }
.carousel-box .next svg { margin-left: 2px; }
.carousel-box .prev svg { margin-right: 2px; }
.carousel-box .next *, .carousel-box .prev * { vertical-align: middle; }
.carousel-box.no-nav .next, .carousel-box.no-nav .prev { display: none; }
.carousel-box .pagination {
margin-bottom: 0;
text-align: center;
width: 100%;
}
.carousel-box.no-pagination .pagination { display: none; }
.overflow { overflow: hidden; }
.carousel-box .pagination a { background: #ececec; }
.carousel-box .pagination a:hover { background: #000; }
.carousel-box .pagination a.selected {
background: #ccc;
background: rgba(0,0,0,.3);
}
.carousel-box .switches a {
width: 11px;
height: 11px;
} .product {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin: 0 0 40px;
min-width: 240px;
overflow: hidden;
position: relative;
text-align: left;
vertical-align: top;
}
.product.product-centered  {
display: inline-block;
float: none;
}
.product.product-category {
float: left;
width: 25%;
padding-left: 15px;
padding-right: 15px;
}
.product.product-category + .product.type-product {
clear: left;
}
.woocommerce div.product div.thumbnails a,
.woocommerce div.product div.images div.thumbnails a,
.woocommerce-page div.product div.images div.thumbnails a,
.woocommerce #content div.product div.images div.thumbnails a,
.woocommerce-page #content div.product div.images div.thumbnails a {
margin-bottom: 15px;
}
.woocommerce ul#shipping_method li input[type=radio],
.woocommerce-page ul#shipping_method li input[type=radio] {
float: left;
}
.woocommerce ul#shipping_method li > input[type=radio],
.woocommerce-page ul#shipping_method li > input[type=radio] {
margin-left: -20px;
}
.product.product-mini { min-width: 180px; }
.carousel .product.product-mini { width: 200px; }
.product.rotation,.employee.rotation { overflow: visible; }
.double-product { min-width: 240px; }
.double-product .product.rotation { min-width: 210px; }
.carousel .product.rotation { margin-top: 40px; }
.carousel .double-product .product.rotation + .product.rotation { margin-top: 0; }
.product .default {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.product .product-image {
display: block;
line-height: 0;
margin: 0;
}
.product .limit-offer {
background: #1e1e1e;
background: rgba(30,30,30,.9);
bottom: 72px;
color: #fff;
font-size: 12px;
left: 0;
line-height: 1;
padding: 10px 0 13px;
position: absolute;
right: 0;
width: auto !important;
}
.product .limit-offer .title { margin: 0 0 3px; }
.product .limit-offer .county-days-wrapper, .product .limit-offer .county-hours-wrapper, .product .limit-offer .county-minutes-wrapper, .product .limit-offer .county-seconds-wrapper {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
display: inline-block;
font-size: 30px;
height: 26px;
overflow: hidden;
padding: 0 7px 2px 6px;
position: relative;
text-align: center;
}
.product .limit-offer .county-days, .product .limit-offer .county-hours, .product .limit-offer .county-minutes, .product .limit-offer .county-seconds {
font-size: 30px;
left: 0;
right: 0;
}
.product .limit-offer .loaded {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding-left: 7px;
padding-right: 6px;
position: absolute;
}
.product .limit-offer .county-days-wrapper span, .product .limit-offer .county-hours-wrapper span, .product .limit-offer .county-minutes-wrapper span, .product .limit-offer .county-seconds-wrapper span { opacity: 1 !important; }
.product .limit-offer .county-label-days, .product .limit-offer .county-label-hours, .product .limit-offer .county-label-minutes, .product .limit-offer .county-label-seconds {
color: rgba(255,255,255,.7);
display: inline-block;
text-align: center;
text-transform: lowercase;
}
.product .limit-offer .county-days-wrapper:before, .product .limit-offer .county-hours-wrapper:before, .product .limit-offer .county-minutes-wrapper:before {
background: #fff;
background: rgba(255,255,255,.4);
content: "";
display: block;
height: 11px;
position: absolute;
right: 0;
top: 11px;
width: 1px;
}
.county-label-days i, .county-label-hours i, .county-label-minutes i, .county-label-seconds i { font-style: normal; }
.product .limit-offer .county-label-days i, .product .limit-offer .county-label-hours i, .product .limit-offer .county-label-minutes i, .product .limit-offer .county-label-seconds i { display: none; }
.product .not-rotation-actions {
background: #1e1e1e;
background: rgba(30,30,30,.9);
bottom: 0;
left: 0;
right: 0;
padding: 9px 10px;
position: absolute;
text-align: center;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
z-index: 1;
}
.product:hover .not-rotation-actions {
bottom: 72px;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
}
.product .not-rotation-actions + .product-description .limit-offer {
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
}
.product:hover .not-rotation-actions + .product-description .limit-offer {
bottom: 144px;
-webkit-transition: bottom .2s linear;
transition: bottom .2s linear;
}
.product .product-description {
background: #f2f2f2;
border-top: 1px solid #e1e1e1;
color: #505050;
display: table;
font-size: 13px;
height: 72px;
line-height: 18px;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
}
.product .product-description .vertical {
display: table-cell;
height: 72px;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.product.product-category {
text-align: center;
}
.product.product-category h3,
.product .product-name {
color: #1e1e1e;
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 0 0 4px;
}
.product.product-category h3 {
margin-top: 15px;
font-size: 18px;
}
.product.product-category h3 a,
.product .product-name a {
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product.product-category h3 a:hover,
.product .product-name a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product.product-category mark.count {
background-color: transparent;
}
.products-tab .product .product-name { text-transform: none; }
.product .price { font-weight: bold; }
.product .price ins { text-decoration: none; }
.product .product-hover {
background: #1e1e1e;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
color: #7f7f7f;
display: none;
font-size: 12px;
line-height: 20px;
left: 0;
padding: 16px 20px 90px;
position: absolute;
right: 0;
top: 0;
width: auto !important;
}
.col-md-1.product .product-hover, .col-md-2.product .product-hover, .col-md-3.product .product-hover, .col-md-4.product .product-hover, .col-md-5.product .product-hover, .col-md-6.product .product-hover, .col-md-7.product .product-hover, .col-md-8.product .product-hover, .col-md-9.product .product-hover, .col-md-10.product .product-hover, .col-md-11.product .product-hover, .col-md-11.product .product-hover {
left: 15px;
right: 15px;
}
.product:hover .product-hover {
display: block;
-webkit-animation: fadeIn 0.8s;
animation: fadeIn 0.8s;
}
.product .product-hover .product-name {
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 0 0 7px;
}
.product .product-hover .product-name a {
color: #fff;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.product .product-hover .product-name a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
text-decoration: none;
}
.product .product-hover .price {
font-size: 18px;
font-weight: normal;
line-height: 1;
margin: 0 0 24px;
}
.product .product-hover .product-image {
background: #f7f7f7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
height: 70px;
float: right;
line-height: 0;
margin: 4px 0 0 5px;
padding: 0;
position: relative;
width: 70px;
z-index: 1;
}
.product .product-hover .product-image img {
background: #f7f7f7;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.product .product-hover ul {
margin: 0;
max-height: 120px;
overflow: hidden;
padding: 0;
clear: none !important;
}
.product .product-hover ul li {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/check-icon.svg), none;
background-repeat: no-repeat;
background-position: 0 5px;
line-height: 20px;
list-style: none;
padding: 0 0 0 15px;
position: relative;
}
.product .product-hover .actions {
bottom: 20px;
left: 50%;
position: absolute;
text-align: center;
width: 162px;
margin-left:-81px;
}
.product .actions > a {
background: #fff;
display: inline-block;
height: 54px;
margin: 0px;
padding-top: 19px;
text-align: center;
text-decoration: none;
vertical-align: top;
width: 54px;
float:left;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product .actions .added_to_cart {
display: none !important;
}
.product .actions > .yith-wcwl-add-to-wishlist {
margin: 0px;
float:left;
}
.product .actions.not-rotation-actions > a,
.product .actions.not-rotation-actions > div.yith-wcwl-add-to-wishlist {
float:none;
margin: 0 -2px;
-webkit-transform: translateZ( 0 );
}
.product .actions > .yith-wcwl-add-to-wishlist + div.clear {
display: none;
}
.product .actions.not-rotation-actions .add-compare {
position: relative;
z-index: 10;
}
.product .actions.not-rotation-actions .yith-wcwl-add-to-wishlist {
z-index: 9;
}
.product .actions > a + a { border-left-width: 1px; }
.product .actions .yith-wcwl-add-to-wishlist,
.product .actions .add-compare { 
border-left-width: 1px;
}
.product .actions .add-cart {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.product .actions .add-compare {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.product .actions a:hover {
background: #f2f2f2;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product .actions a i {
color: #1e1e1e;
line-height: 57px;
}
.product .actions a i:before {
font-size: 16px;
width: auto;
}
.product.product-danger .product-hover, .product.product-danger .limit-offer, .product.product-danger .not-rotation-actions { background-color: #c10841; }
.product.product-danger .limit-offer, .product.product-danger .not-rotation-actions { background-color: rgba(212,7,70,.9); }
.product.product-danger .actions a svg path { fill: #c10841; }
.product.product-success .product-hover, .product.product-success .limit-offer, .product.product-success .not-rotation-actions { background-color: #84a200; }
.product.product-success .limit-offer, .product.product-success .not-rotation-actions { background-color: rgba(132,162,0,.9); }
.product.product-success .actions a svg path { fill: #84a200; }
.product.product-info .product-hover, .product.product-info .limit-offer, .product.product-info .not-rotation-actions { background-color: #01a5db; }
.product.product-info .limit-offer, .product.product-info .not-rotation-actions { background-color: rgba(1,165,219,.9); }
.product.product-info .actions a svg path { fill: #01a5db; }
.product.product-warning .product-hover, .product.product-warning .limit-offer, .product.product-warning .not-rotation-actions { background-color: #f89406; }
.product.product-warning .limit-offer, .product.product-warning .not-rotation-actions { background-color: rgba(248,148,6,.9); }
.product.product-warning .actions a svg path { fill: #f89406; }
.rotation {
background: none;
-webkit-perspective: 600px;
-moz-perspective: 600px;
perspective: 600px;
}
.rotation .default,
.rotation .front-end {
overflow: hidden;
position: relative;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
transform: rotateY(0deg);
-webkit-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: 24;
}
.ie .rotation .default {
z-index: 24;
}
.ie .rotation .default,
.ie .rotation .product-hover {
backface-visibility: hidden;
}
.rotation .default {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.rotation.hover .default,
.rotation.hover .front-end {
z-index: 35;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.rotation .product-hover,
.rotation .back-end {
display: block;
height: inherit;
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
transform: rotateY(-180deg);
-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
width: 100%;
z-index: 13;
}
.rotation.hover .product-hover,
.rotation.hover .back-end {
z-index: 46;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-moz-transform: rotateX(0deg) rotateY(0deg);
transform: rotateY(0deg);
-webkit-transition-delay: .2s;
-moz-transition-delay: .2s;
transition-delay: .2s;
}
.list .product {
background: none;
display: block;
margin-left: 0;
margin-right: 0;
overflow: hidden;
width: auto;
}
.list .product .product-image {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
overflow: hidden;
position: relative;
text-align: center;
width: 100%;
}
.list .product .product-name {
color: #1e1e1e;
font-size: 20px;
font-weight: normal;
line-height: 30px;
margin: 0 0 14px;
}
.reviews-box {
color: #7f7f7f;
font-size: 12px;
line-height: 14px;
}
.list .product .reviews-box { margin: 0 0 16px; }
.reviews-box .rating-box {
float: left;
margin: 5px 20px 0 0;
}
.reviews-box .separator { margin: 0 4px; }
.reviews-box .add-review {
color: #7f7f7f;
text-decoration: none;
}
.reviews-box .add-review:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.list .product .excerpt {
color: #7f7f7f;
font-size: 12px;
line-height: 20px;
margin: 0 0 15px;
}
.list .product .price-box { margin: 0 0 30px; }
.list .product .price {
font-size: 24px;
font-weight: normal;
}
.list .product .price-old { font-size: 18px; }
.list .product .actions a {
background: #f2f2f2;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.list .product .actions a:hover {
background: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.list .product .actions a path {
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.list .product .actions a:hover path {
fill: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
} .products-tab .nav-tabs > li > a {
color: #7f7f7f;
font-size: 18px;
line-height: 33px;
}
.products-tab .nav-tabs > .active > a, .products-tab .nav-tabs > .active > a:hover, .products-tab .nav-tabs > .active > a:focus {
color: #7f7f7f;
font-weight: normal;
}
.products-tab .tab-content > .tab-pane {
overflow: hidden;
padding: 40px 0 0;
}
.products-tab .product.rotation { overflow: visible; }
.shop_attributes {
width: 100%;
border: 1px solid #e1e1e1;
}
.shop_attributes tr {
border-bottom: 1px solid #e1e1e1;
}
.shop_attributes td,
.shop_attributes th {
text-align: left;
padding: 10px 15px;
}
.shop_attributes th {
border-right: 1px solid #e1e1e1;
}
.my_account_orders,
.woocommerce-checkout-review-order-table,
.wishlist_table {
width: 100%;
}
.my_account_orders .button {
display: inline-block;
}
#shipping_method label {
display: inline;
}
.woocommerce-checkout-payment .new-radio {
margin: 0;
position: relative;
top: 5px;
}
.woocommerce-checkout-payment .new-radio + label {
margin-left: 10px;
} .manufactures .make-wrapper {
float: left;
height: 164px;
margin: 0 15px;
width: 164px;
}
.manufactures-list { text-align: center; }
.manufactures-list .make-wrapper {
display: inline-block;
float: none;
margin-bottom: 30px;
}
.manufactures .make {
background: #f7f7f7;
border: 1px solid #f7f7f7;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: table-cell;
height: 164px;
line-height: 0;
max-height: 100%;
opacity: .6;
filter: alpha(opacity=60);
padding: 0 20px;
text-align: center;
vertical-align: middle;
-webkit-transition: background .2s linear, border .2s linear, opacity .2s linear;
transition: background .2s linear, border .2s linear, opacity .2s linear;
}
.manufactures a.make:hover {
background: #f2f2f2;
border: 1px solid #ccc;
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: background .2s linear, border .2s linear, opacity .2s linear;
transition: background .2s linear, border .2s linear, opacity .2s linear;
} .about-us { font-size: 13px; }
.about-us strong { font-size: 14px; } .client {
background: #f7f7f7;
border: 1px solid #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
margin: 0 auto 20px;
max-width: 100%;
text-align: center;
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
width: 200px;
}
.client:hover {
border-color: #e1e1e1;
-webkit-transition: border-color .2s ease-in;
transition: border-color .2s ease-in;
}
.client + .tooltip {
font-size: 14px;
z-index: 800;
}
.client + .tooltip .tooltip-inner { padding: 10px; }
.carousel .client { margin-bottom: 0; } .news .news-item {
font-size: 12px;
line-height: 20px;
margin-bottom: 35px;
}
.news .news-item .time {
color: #7f7f7f;
margin-bottom: 2px;
}
.news .news-item .title {
font-size: 14px;
margin-bottom: 7px;
}
.news .news-item .title a {
color: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.news .news-item .title a:hover {
opacity: .75;
filter: alpha(opacity=75);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.news .news-item .more {
color: #7f7f7f;
margin: 5px 0 0;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.news .news-item .more:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.news .news-item .more span {
font-size: 16px;
line-height: 20px;
vertical-align: top;
} #catalog .category-img {
background: #f2f2f2;
margin: 0 0 80px;
position: relative;
}
#catalog .category-img img { width: 100%; }
#catalog .category-img .description {
background: rgb(30,30,30);
background: rgba(30,30,30,.7);
bottom: 0;
color: #fff;
font-size: 20px;
font-weight: bold;
left: 0;
padding: 35px 38px;
position: absolute;
right: 0;
}
.toolbar .grid-list { float: left; }
.toolbar .grid-list .grid, .toolbar .grid-list .list {
background-color: #1e1e1e;
background-color: rgba(30,30,30,.7);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
float: left;
height: 24px;
margin: 0 7px 0 0;
text-align: center;
width: 24px;
}
.toolbar .grid-list a.grid, .toolbar .grid-list a.list {
background: #ccc;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.toolbar .grid-list a.grid:hover, .toolbar .grid-list a.list:hover {
background: #1e1e1e;
-webkit-transition: background .2s linear;
transition: background .2s linear;
}
.toolbar .grid-list .grid .glyphicon, .toolbar .grid-list .list .glyphicon {
color: #fff;
font-size: 12px;
margin: 5px 0 0;
top: 0;
vertical-align: top;
}
.toolbar .sort-catalog .woocommerce-ordering {
margin: 0 !important;
width: auto !important;
}
.toolbar .sort-catalog .woocommerce-ordering .selectBox {
border: 0 none !important;
margin-bottom: 0;
vertical-align: top;
}
.toolbar .sort-catalog {
float: left;
margin: 0 17px 0 13px;
}
.toolbar .sort-catalog .dropdown-toggle {
background-color: #1e1e1e;
background-color: rgba(30,30,30,.7);
color: #ccc;
z-index: 26;
}
.toolbar .sort-catalog .dropdown-toggle span { color: #f7f7f7; }
.toolbar .sort-catalog .open .dropdown-toggle span { color: #7f7f7f; }
.btn-group.btn-select .dropdown-menu { z-index: 25; }
.btn-group.btn-select.open .btn.dropdown-toggle:after { z-index: 27; }
.toolbar .up-down {
background-color: #1e1e1e;
background-color: rgba(30,30,30,.7);
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/up.png);
background-repeat: no-repeat;
background-position: 50% 50%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
height: 24px;
margin: 0 0 0 3px;
padding: 0;
vertical-align: top;
width: 22px;
}
.toolbar .up-down.active {
background-color: #1e1e1e;
background-color: rgba(30,30,30,.7);
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/down.png);
background-repeat: no-repeat;
background-position: 50% 50%;
}
.toolbar .per-page {
color: #7f7f7f;
font-size: 12px;
line-height: 24px;
margin: 0 0 0 3px;
}
.toolbar .price-regulator {
color: #7f7f7f;
font-size: 12px;
width: 323px;
}
.toolbar .price-regulator b {
color: #1e1e1e;
display: inline-block;
margin-top: 5px;
}
.toolbar .price-regulator .layout-slider {
float: right;
margin-top: 5px;
width: 270px;
}
.jslider .jslider-pointer {
background: none;
height: 12px;
margin: 0 0 0 -4px;
width: 8px;
}
.jslider .jslider-pointer svg { vertical-align: top; }
.toolbar .grid-list, .toolbar .sort-catalog { margin-bottom: 20px; }
#catalog .products {
clear: both;
margin-top: 20px;
}
#catalog .products.grid { text-align: center; }
.pagination-box { margin: 40px 0 0; }
.pagination-box .pagination, .woocommerce-pagination .page-numbers { margin: 0 10px 0 0; } .zoomWindow {
background-color: #f7f7f7;
border: 1px solid #ccc;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
}
.zoomContainer { height: auto !important; }
.product-page .image-box {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
position: relative;
}
.product-page .image-box .general-img {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
overflow: hidden;
}
.product-page .image-box .thumblist-box {
margin: 30px 0 0;
max-height: 100px;
overflow: hidden;
padding: 0 54px;
position: relative;
}
.product-page .image-box .thumblist-box.load { opacity: 0; }
.product-page .image-box .thumblist-box .prev, .product-page .image-box .thumblist-box .next {
background-color: #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fbfbfb;
display: block;
float: right;
height: 40px;
line-height: 40px;
left: 0;
margin: -20px 0 0 0;
position: absolute;
text-align: center;
top: 50%;
text-decoration: none;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .image-box .thumblist-box .next {
left: auto;
right: 0;
}
.product-page .image-box .thumblist-box .prev *, .product-page .image-box .thumblist-box .next * { vertical-align: middle; }
.product-page .image-box .thumblist-box .prev:hover, .product-page .image-box .thumblist-box .next:hover {
background-color: #000;
color: #efefef;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .image-box .thumblist-box .prev polygon, .product-page .image-box .thumblist-box .next:hover polygon { fill: #efefef; }
.product-page .image-box #thumblist a {
background: #f7f7f7;
display: block;
float: left;
height: 100px;
margin: 0 9px;
width: 100px;
}
.product-page .image-box #thumblist a img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.product-page .image-box #thumblist a:hover img {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.product-page .reviews-box { margin: 0 0 38px; }
.product-page .description {
color: #7f7f7f;
font-size: 12px;
line-height: 20px;
margin: 0 0 32px;
}
.product-page .col-md-7 .price-box {
border-bottom-width: 1px;
font-size: 48px;
line-height: 1;
margin: 0 0 40px;
padding: 0 0 35px;
}
.product-page .col-md-7 .price-box .price-old { font-size: 30px; }
.price-box .emergence .price { display: none; }
.price-box .emergence .emergence-price {
color: #7f7f7f;
font-size: 12px;
vertical-align: middle;
}
.price-box .price-label {
font-size: 14px;
font-weight: bold;
margin: 0 0 14px;
}
.product-page .add-cart-form { margin: 0; }
.product-page .add-cart-form .add-cart {
font-weight: bold;
margin: 0 17px 40px 0;
min-width: 290px;
text-transform: uppercase;
}
.product-page .add-cart-form .number {
display: inline-block;
margin-bottom: 40px;
vertical-align: top;
}
.product-page .add-cart-form .number label {
color: #7f7f7f;
font-weight: normal;
line-height: 54px;
margin: 0 7px 0 0;
vertical-align: top;
}
.product-page .add-cart-form .number input {
color: #7f7f7f;
display: inline-block;
height: 54px;
padding: 15px 12px;
text-align: center;
vertical-align: top;
width: 80px;
}
.product-page .add-cart-form .number .regulator {
display: inline-block;
vertical-align: top;
}
.product-page .add-cart-form .number .regulator a {
background: url(//factor-g.nl/wp-content/themes/progressive/img/arrow-up.png) 50% 50% no-repeat #ccc;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
display: block;
height: 24px;
width: 24px;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.product-page .add-cart-form .number .regulator .number-down {
background: url(//factor-g.nl/wp-content/themes/progressive/img/arrow-down.png) 50% 50% no-repeat #ccc;
margin: 6px 0 0 0;
}
.product-page .add-cart-form .number .regulator a:hover {
background-color: #1e1e1e;
background-color: rgba(30,30,30,.5);
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.product-page .availability-sku {
font-size: 12px;
line-height: 20px;
margin: 0 0 36px;
}
.product-page .availability-sku .availability span { color: #2ca073; }
.product-page .product-options-border {
border-top: 1px solid #1e1e1e;
padding: 40px 0 0;
}
.product-page .product-options {
font-size: 12px;
line-height: 20px;
}
.product-page .product-options .selectBox, .product-page .product-options .select { margin: 0 0 10px; }
.product-page .product-options .selectBox:last-child, .product-page .product-options .select:last-child { margin: 0; }
.product-page .product-options-table table { margin: 0 0 35px; }
.product-page .product-options-table table th, .product-page .product-options-table table td {
line-height: 20px;
padding: 16px 25px 13px;
text-align: left;
vertical-align: middle;
}
.woocommerce-page div.product form.cart table.table-bordered {
border: 1px solid #ddd;
}
.product-page .product-options-table table th {
color: #333;
border-top: 1px;
}
.woocommerce .product .product-options-table table.table-bordered a {
font-size: 12px;
}
.woocommerce div.product form.cart table.table-bordered td {
padding-left: 25px;
}
.product-page .product-options-table table .price {
text-align: right;
width: 150px;
}
.product-page .product-options-table table td.price { font-size: 16px; }
.product-page .product-options-table table .qty {
text-align: right;
width: 70px;
}
.product-page .product-options-table table td.qty { padding: 5px 25px; }
.product-page .product-options-table table .qty input {
margin: 0; }
.product-page .product-options-samples {
font-size: 12px;
line-height: 20px;
margin: 0 0 30px;
}
.product-page .product-options-samples .title {
display: block;
font-size: 14px;
line-height: 1;
margin: 0 0 14px;
}
.product-page .product-options-samples label {
line-height: 20px;
margin: 0;
}
.product-page .product-options-samples label .new-checkbox { margin-top: 1px; }
.product-page .product-options-samples .required-box {
font-size: 11px;
line-height: 1;
text-align: right;
}
.product-page .product-options-samples .required {
font-size: 11px;
line-height: 1;
}
.product-page .product-price-configured {
font-size: 12px;
line-height: 16px;
padding-bottom: 30px;
}
.product-page .col-md-7 .actions { margin: 0 0 40px; }
.product-page .col-md-7 .actions a {
background: #f2f2f2;
display: inline-block;
height: 54px;
margin: 0 -2px;
padding-top: 19px;
text-align: center;
text-decoration: none;
width: 54px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .col-md-7 .actions a + a { border-left-width: 1px; }
.product-page .col-md-7 .actions .add-wishlist {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.product-page .col-md-7 .actions .add-compare {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.product-page .col-md-7 .actions a:hover {
background: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .col-md-7 .actions a path {
fill: #1e1e1e;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-page .col-md-7 .actions a:hover path {
fill: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product-bottom {
padding: 40px 0 0;
overflow: hidden;
}
.product-options-detail {
background: #f2f2f2;
font-size: 12px;
line-height: 20px;
padding: 27px 30px 30px;
}
.product-options-detail .detail-box { margin: 0 0 25px; }
.product-options-detail .pull-right.required {
font-size: 11px;
line-height: 18px;
}
.product-options-detail .title {
display: block;
font-size: 14px;
line-height: 20px;
margin: 0 0 11px;
}
.product-options-detail .checkbox, .product-options-detail .radio {
line-height: 20px;
margin: 0;
}
.product-options-detail .checkbox .new-checkbox, .product-options-detail .radio .new-radio { margin-top: 0; }
.product-options-detail .qty { margin: 15px 0 0; }
.product-options-detail .qty label {
float: left;
font-size: 12px;
line-height: 40px;
margin: 0 12px 0 0;
}
.product-options-detail .qty input {
margin: 0;
width: 48px;
}
.product-options-detail .price {
font-size: 48px;
line-height: 1;
}
.product-options-detail .add-cart {
float: right;
font-weight: bold;
margin: -14px 17px 0 0;
min-width: 290px;
text-transform: uppercase;
}
.product-page .product-tab { margin: 80px 0; }
.product-page .product-tab .tab-pane { padding: 36px 0 0; }
.product-page .product-tab .tab-pane .title { margin: 0 0 18px; } .product-bottom .related-products .select-all { margin: -4px 0 13px; }
.product-bottom .related-products ul {
list-style: none;
margin: 0;
padding: 0;
}
.product-bottom .related-products li { padding: 24px 0; }
.product-bottom .related-products li + li { border-top-width: 1px; }
.product-bottom .related-products li .product-image {
border: 1px solid #f5f5f5;
background: #f7f7f7;
float: left;
height: 64px;
margin: 0 15px 1px 0;
padding: 2px;
width: 64px;
}
.product-bottom .related-products li .product-name {
font-size: 12px;
font-weight: normal;
line-height: 20px;
margin: 0 0 4px;
}
.product-bottom .related-products li .price-box {
font-size: 16px;
line-height: 22px;
}
.product-bottom .related-products li .button-box {
margin: 10px 0 0;
overflow: hidden;
text-align: right;
}
.product-bottom .related-products li .button-box label, .product-bottom .related-products li .button-box .wishlist {
color: #ccc;
float: right;
margin: 0 0 0 10px;
}
.product-bottom .related-products li .button-box .new-checkbox { margin-top: 0; }
.product-bottom .related-products li .button-box .wishlist svg path {
fill: #ccc;
-webkit-transition: fill .2s linear;
transition: fill .2s linear;
}
.product-bottom .related-products li .button-box .wishlist:hover svg path {
fill: #1e1e1e;
-webkit-transition: fill .2s linear;
transition: fill .2s linear;
}
.commentlist {
list-style: none;
margin: 0;
padding: 0 0 33px;
}
.commentlist .comment { padding: 0 0 25px; }
.commentlist .comment {
border-top-width: 1px;
padding: 25px 0 0;
}
.commentlist .meta {
color: #7f7f7f;
font-size: 11px;
line-height: 18px;
margin: 0 0 4px;
}
.evaluation-box { overflow: hidden; }
.evaluation {
float: left;
height: 15px;
font-size: 12px;
line-height: 15px;
margin: 0 10px 14px 0;
}
.evaluation + .evaluation {
border-left-width: 1px;
padding-left: 10px;
}
.evaluation .rating-box {
display: inline-block;
margin: 0 0 0 7px;
}
.evaluation .add-rating {
float: left;
margin: 0 0 0 10px;
overflow: hidden;
}
.evaluation .add-rating label {
float: left;
height: 30px;
margin: 0 1px;
padding: 0 0 0 14px;
position: relative;
width: 2px;
}
.evaluation .add-rating label .new-radio { margin: 0px 0 0 -14px; }
.evaluation .add-rating label .number {
bottom: 0;
color: #7f7f7f;
font-size: 11px;
line-height: 1;
left: 3px;
position: absolute;
}
.comments-form .evaluation-box .evaluation { margin-bottom: 30px; }
.comments-form .row label {
font-weight: bold;
margin: 0 0 4px;
}
.comments-form .row textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 128px;
margin: 0 0 10px;
width: 100%;
}
.comments-form .row i {
color: #999;
font-size: 12px;
}
.comments-form .row .btn { margin: 34px 0 0 0; } #main.login-register {
overflow: hidden;
padding-bottom: 40px;
}
.form-box.forgot-form { margin-bottom: 0; }
.info-box {
margin-bottom: 40px;
padding: 27px 0 0;
}
.info-box .title, .form-box .title {
font-weight: normal;
margin: 0 0 17px;
}
.info-box .descriptions, .form-box .descriptions { margin: 0 0 26px; }
.form-box {
background: #f2f2f2;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0 0 40px 0;
padding: 27px 30px 25px;
}
.form-box .checkbox {
font-size: 12px;
margin: 0px 0 28px;
}
.form-box .checkbox .new-checkbox { margin-top: 0; }
.form-box .buttons-box {
font-size: 11px;
line-height: 1.5;
}
.form-box .buttons-box .btn { margin: 3px 8px 5px 0; }
.form-box .buttons-box .required {
font-size: 11px;
margin: 3px 8px 5px 0;
}
.buttons-box .required { font-size: 11px; }
.form-box .buttons-box .forgot {
display: inline-block;
margin: 3px 8px 5px 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.form-box .buttons-box .forgot:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.form-box .form-group { position: relative; }
.form-box .help-block {
bottom: -20px;
margin: 0;
position: absolute;
} .page-login-promo .page-box {
display: table;
height: 100% !important;
width: 100%;
}
.page-login-promo .header {
min-height: 1px;
position: absolute;
width: 100%;
}
.page-login-promo #main {
display: table-cell;
padding: 134px 0 30px;
vertical-align: middle;
}
.page-login-promo .form-box { margin: 0; }
.page-login-promo .form-box .title small {
color: #c1c1c2;
font-size: 24px;
}
.page-login-promo .form-box .title a {
color: #c1c1c2;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.page-login-promo .form-box .title a:hover {
text-decoration: none;
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.page-login-promo .form-box form { margin: 0; }
.page-login-promo .rotation { position: relative; }
.page-login-promo .front-end, .page-login-promo .back-end {
display: table;
table-layout: fixed;
width: 100%;
}
.page-login-promo .form-content {
display: table-cell;
vertical-align: middle;
width: 100%;
}
.page-login-promo .back-end {
left: 0;
position: absolute;
top: 0;
} .shopping-cart-table.table {
border-bottom-width: 0;
margin: 0;
}
.shopping-cart-table.table thead th {
padding: 16px 30px 12px;
text-align: left;
vertical-align: top;
}
.shopping-cart-table.table tbody td {
font-size: 12px;
line-height: 20px;
padding: 30px;
}
.shopping-cart-table.table .td-images { width: 131px; }
.shopping-cart-table.table td.product-thumbnail a {
background: #f2f2f2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
width: 70px;
}
.shopping-cart-table.table td.product-name {
text-align: left;
}
.shopping-cart-table.table td.product-name a {
font-size: 12px;
font-weight: normal;
line-height: 20px;
}
.shopping-cart-table.table .td-edit {
padding-left: 20px;
padding-right: 20px;
width: 92px;
}
.shopping-cart-table.table td.product-price {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.shopping-cart-table.table td.product-quantity {
min-width: 48px;
padding-left: 25px;
padding-right: 25px;
text-align: center;
}
.shopping-cart-table.table td.td-qty { padding-top: 19px; }
.shopping-cart-table.table .td-qty input {
margin: 0;
min-width: 40px;
text-align: center;
}
.shopping-cart-table.table .product-quantity .quantity {
margin: 0 auto;
}
.shopping-cart-table.table td.product-subtotal {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.shopping-cart-table.table td.product-remove {
padding-left: 20px;
padding-right: 20px;
text-align: center;
}
.shopping-cart-table-button.table {
border-bottom-width: 1px;
border-right-width: 0;
margin: 0 0 40px;
}
.shopping-cart-table-button.table tbody td {
border-left-width: 0;
border-top-width: 0;
height: 49px;
padding: 0;
text-align: left;
vertical-align: middle;
}
.shopping-cart-table-button.table a { line-height: 22px; }
.shopping-cart-table-button.table a i {
font-size: 17px;
line-height: 20px;
vertical-align: top;
}
.shopping-cart-table-button.table .update { float: right; }
.shopping-cart-table-button.table .update i { font-size: 12px; }
#car-bottom { margin-bottom: 40px; }
#car-bottom .car-bottom-box {
font-size: 12px;
line-height: 18px;
margin: 0 auto 40px;
max-width: 370px;
padding: 27px 30px 30px;
}
#car-bottom .car-bottom-box:after {
clear: both;
content: "";
display: table;
width: 100%;
}
#car-bottom .car-bottom-box h5 {
margin: 0 0 17px;
}
#car-bottom .car-bottom-box h2 { font-size: 20px; }
#car-bottom .car-bottom-box p {
line-height: 18px;
margin: 0 0 18px;
}
#car-bottom .car-bottom-box label { line-height: 20px; }
#car-bottom .car-bottom-box .btn { margin: 8px 0 0; }
#car-bottom .total {
padding-bottom: 26px;
text-align: right;
}
#car-bottom .total table { margin: 0 0 32px auto; }
#car-bottom .total table td {
font-size: 13px;
height: 35px;
line-height: 24px;
padding: 0 0 0 5px;
vertical-align: top;
}
#car-bottom .total table .price { font-size: 18px; }
#car-bottom .total table .tr-total td {
font-size: 18px;
line-height: 30px;
}
#car-bottom .total table .tr-total td:first-child { padding-right: 12px; }
#car-bottom .total table .tr-total .price { font-size: 30px; }
#car-bottom .checkout-button {
float: right;
font-size: 14px;
font-weight: bold;
margin: 10px 0 0;
padding: 16px 45px;
text-transform: uppercase;
}
#car-bottom .cart_totals {
text-align: right;
}
#car-bottom .cart_totals table {
font-size: 13px;
line-height: 24px;
}
#car-bottom .cart_totals table .amount {
font-size: 18px;
}
#car-bottom .cart_totals table th,
#car-bottom .cart_totals table td {
font-weight: normal;
text-align: right;
padding: 3px 0 3px 5px;
}
#car-bottom .cart_totals .order-total {
font-size: 18px;
}
#car-bottom .cart_totals .order-total strong {
font-weight: normal;
}
#car-bottom .cart_totals .order-total .amount {
font-size: 30px;
} #checkoutsteps {
list-style: none;
margin: 0;
padding: 0;
}
#checkoutsteps > li { margin: 0 0 11px; }
#checkoutsteps .step-title {
background: #f2f2f2;
border: 1px solid #e1e1e1;
color: #1e1e1e;
display: block;
height: 50px;
padding: 0 18px;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#checkoutsteps .step-title.collapsed {
border-color: #f2f2f2;
color: #7f7f7f;
}
#checkoutsteps a.step-title:hover {
opacity: 0.85;
filter: alpha(opacity=85);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#checkoutsteps .step-title .number {
color: #7f7f7f;
float: right;
font-size: 16px;
line-height: 49px;
}
#checkoutsteps .step-title h6 {
font-size: 16px;
font-weight: normal;
line-height: 49px;
margin: 0;
}
#checkoutsteps .step-content {
border: 1px solid #e1e1e1;
border-top: 0 none;
font-size: 12px;
line-height: 20px;
padding: 22px 18px 19px;
}
#checkoutsteps .step-content label {
font-size: 12px;
line-height: 22px;
}
#checkoutsteps .step-content .radio, #checkoutsteps .step-content .checkbox { line-height: 18px; }
#checkoutsteps .step-content .radio .new-radio, #checkoutsteps .step-content .checkbox .new-checkbox { margin-top: 0; }
#checkoutsteps .step-content .title {
border-bottom: 1px solid #e1e1e1;
font-size: 16px;
font-weight: normal;
line-height: 24px;
margin: 0 0 17px;
padding: 0 0 10px;
position: relative;
}
#checkoutsteps .step-content .title:before {
background: #1e1e1e;
bottom: 0px;
content: "";
display: block;
height: 1px;
left: 0;
margin: 0 0 -1px;
position: absolute;
width: 40px;
}
#checkoutsteps .step-content .register-radio { margin: 0 0 22px 39px; }
#checkoutsteps .step-content ul { list-style-type: disc; }
#checkoutsteps .step-content .col-1 .buttons-box { margin: 25px 0 0 0; }
#checkoutsteps .step-content input.last { margin-bottom: 14px; }
#checkoutsteps .step-content .buttons-box {
font-size: 11px;
line-height: 1.5;
margin-top: 6px;
overflow: hidden;
padding-top: 10px;
text-align: right;
}
#checkoutsteps .step-content .buttons-box .btn {
float: left;
margin: -10px 10px 0 0;
}
#checkoutsteps .step-content .buttons-box .required {
display: inline-block;
font-size: 11px;
margin-left: 12px;
}
.sidebar.checkout-progress { }
.sidebar.checkout-progress header { margin: 0 0 13px; }
.sidebar.checkout-progress .progress-list { margin: 0; }
.sidebar.checkout-progress .progress-list li {
color: #7f7f7f;
font-size: 12px;
line-height: 20px;
margin: 0;
padding: 12px 0 7px;
}
.sidebar.checkout-progress .progress-list li + li { border-top-width: 1px; }
.sidebar.checkout-progress .progress-list li a {
color: #7f7f7f;
float: right;
}
.sidebar.checkout-progress .progress-list li.active {
color: #1e1e1e;
font-weight: bold;
}
.sidebar.checkout-progress .progress-list li.active a { display: none; } .my-account.margin-top { margin-top: -16px; }
.my-account .subtitle {
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}
.my-account .info-box { margin-bottom: 40px; }
.my-account .buttons-box .required {
float: right;
margin: 12px 0 0 10px;
}
.my-account .pagination-text {
color: #999;
font-size: 12px;
}
.my-account .btn.margin-top { margin-top: 10px; } #compare-table {
border: 0 none;
margin: 0;
}
#compare-table tr th:last-child, #compare-table tr td:last-child { border-right-width: 1px; }
#compare-table .remove td {
border-width: 0;
height: 26px;
padding: 0;
}
#compare-table .remove td:last-child { border-right-width: 0; }
#compare-table .remove-bottom td {
border-top-width: 1px;
vertical-align: bottom;
}
#compare-table th, #compare-table td { vertical-align: top; }
#compare-table th { background: #f7f7f7; }
#compare-table td {
font-size: 12px;
line-height: 20px;
padding-top: 24px;
padding-bottom: 24px;
}
#compare-table .first {
font-size: 13px;
min-width: inherit;
padding: 19px 24px;
text-align: left;
width: 190px;
}
#compare-table .product-name {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#compare-table .product-name:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
#compare-table .product-image {
background: #f2f2f2;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
margin: 0 auto;
overflow: hidden;
width: 100px;
}
#compare-table .price-old {
font-size: 11px;
margin: 0 0 3px;
text-decoration: line-through;
}
#compare-table .price-old:after { display: none; }
#compare-table .price { font-size: 16px; }
#compare-table .rating-box { margin: 0 auto; }
#compare-table .description td { text-align: left; } .employee {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
float: none;
margin: 0 0 40px;
min-width: 260px;
overflow: hidden;
position: relative;
text-align: left;
vertical-align: top;
}
.employee.fixed-width.col-sm-3,
.employee.fixed-width.col-md-3 {
width: 24.6%;
}
.carousel .employee { margin-top: 40px; }
.employee .image {
background: #f2f2f2;
display: block;
line-height: 0;
margin: 0;
}
.employee .image > img {
width: 100%;
-webkit-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.employee .description {
background: #f2f2f2;
border-top-width: 1px;
color: #505050;
display: table;
font-size: 13px;
height: 72px;
line-height: 18px;
text-align: center;
width: 100%;
}
.employee .description .vertical {
display: table-cell;
height: 72px;
padding-left: 5px;
padding-right: 5px;
vertical-align: middle;
}
.employee .name {
color: #1e1e1e;
font-size: 13px;
font-weight: normal;
line-height: 18px;
margin: 0 0 4px;
}
.employee .role { font-size: 11px; }
.employee .employee-hover {
background: #1e1e1e;
background: rgba(30,30,30,.9);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
color: #7f7f7f;
display: none;
font-size: 12px;
line-height: 20px;
left: 15px;
padding: 16px 20px 90px;
position: absolute;
right: 15px;
top: 0;
}
.employee .employee-hover .name {
color: #fff;
font-size: 13px;
font-weight: normal;
line-height: 1.4;
margin: 0 0 7px;
}
.employee .employee-hover .role {
line-height: 1;
margin: 0 0 24px;
}
.employee .employee-hover .contact { color: #fff; }
.employee .employee-hover .image {
background: #f7f7f7;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
height: 60px;
float: right;
line-height: 0;
margin: 4px 0 0 5px;
overflow: hidden;
padding: 0;
position: relative;
width: 60px;
z-index: 1;
}
.employee .employee-hover .social {
bottom: 20px;
left: 20px;
position: absolute;
text-align: center;
}
.rotation .employee-hover {
display: block;
height: inherit;
transform: rotateY(-180deg);
-webkit-transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
-moz-transform: rotateY(-180deg);
-moz-transform-style: preserve-3d;
-moz-backface-visibility: hidden;
-o-transition: all .6s ease-in-out;
-ms-transition: all .6s ease-in-out;
-moz-transition: all .6s ease-in-out;
-webkit-transition: all .6s ease-in-out;
transition: all .6s ease-in-out;
z-index: 13;
}
.rotation.hover .employee-hover {
-moz-transform: rotateX(0deg) rotateY(0deg);
-moz-transition-delay: .2s;
-ms-transition-delay: .2s;
-o-transition-delay: .2s;
transform: rotateY(0deg);
transition-delay: .2s;
-webkit-transform: rotateX(0deg) rotateY(0deg);
-webkit-transition-delay: .2s;
z-index: 46;
}
.employee.employee-single {
margin: 0;
max-width: inherit;
width: 100%;
}
.employee-single .images-box .carousel-box { overflow: hidden; }
.employee-single .images-box .image {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float: left;
margin: 0 0 20px;
text-align: center;
}
.employee-single .images-box img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.employee-single .images-box .pagination { margin-top: 0; }
.employee-single .images-box .carousel-box.load {
max-height: 390px;
overflow: hidden;
}
.employee-single .employee-description .name {
font-size: 22px;
line-height: 1.3;
margin: 0 0 5px;
}
.employee-single .employee-description .role {
font-size: 14px;
margin: 0 0 22px;
}
.employee-single .employee-description .social { margin: 22px 0 0; }
.employee .employee-hover .social .item {
background: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
margin: 0 10px 0 0;
}
.employee .employee-hover .social .item .sbtnf {
float: none;
margin: 0;
overflow: inherit;
}
.employee-single-rotation .content-box {
padding-left: 15px;
padding-right: 15px;
} .contact-info { margin-top: 30px; }
.contact-info .title {
font-size: 20px;
font-weight: normal;
line-height: 1.3;
margin: 0 0 22px;
}
.contact-info address {
margin-top: 5px;
margin-bottom: 35px;
}
.contact-info hr { margin: 0 0 36px; }
.contact-form .buttons-box { margin: 8px 0 0; }
.map-box { position: relative; overflow: hidden; }
.map-box .contact-info {
background: #fff;
margin: 0;
padding: 5px 10px;
position: absolute;
top: 150px;
z-index: 1;
}
.map-box .contact-info address { margin-bottom: 15px; } .post {
margin-bottom: 40px;
padding: 0;
}
.blog .post { margin-top: -3px; }
.post + .post {
border-top-width: 1px;
padding-top: 37px;
}
.post .entry-title {
font-size: 26px;
font-weight: normal;
margin: 0 0 17px;
}
.post .entry-title a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post .entry-title a:hover {
text-decoration: none;
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post .entry-content { margin: 0 0 25px; }
.post .entry-content p:last-child { margin-bottom: 0; }
.post .entry-meta {
color: #7f7f7f;
font-size: 12px;
line-height: 1.3;
}
.post .entry-meta .separator { margin: 0 10px; }
.post .entry-meta .comments-link {
background: url(//factor-g.nl/wp-content/themes/progressive/img/comment-link.png) 0 50% no-repeat;
padding: 0 0 0 18px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post .entry-meta .comments-link:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post .entry-meta .comments-link a {
color: #7f7f7f;
text-decoration: none;
}
.post table,
.comment table {
border-spacing: 0.5rem;
border-collapse: collapse;
margin-bottom: 20px;
}
.post table th,
.comment table th,
.post table td,
.comment table td {
border-spacing: 0.5rem;
padding: 5px;
border: 1px solid #DDD;
}
.post table th,
.comment table th {
background-color: #EFEFEF;
}
.blog-post .post { margin-bottom: 76px; }
.blog-post .commentlist {
margin: 0 0 54px;
padding: 0;
}
.blog-post .commentlist .comment {list-style: none;} .commentlist li .avatar {
-webkit-border-radius: 42px;
-moz-border-radius: 42px;
border-radius: 42px;
float: left;
height: 84px;
margin: 0 25px 0 0;
width: 84px;
}
.blog-post .commentlist li .meta { margin: 0 0 10px; }
.form-submit input[type="submit"] {
background-color: #0098ca;
border: 0 none;
border-radius: 3px;
box-shadow: none;
color: #fff;
filter: none;
line-height: 22px;
outline: medium none;
padding: 9px 20px;
text-shadow: none;
transition: background 0.2s linear 0s, color 0.2s linear 0s;
white-space: normal;
}
.blog-post .commentlist li .meta a, .description .reply a { color: #7f7f7f; }
.blog-post .commentlist li .description {
font-size: 13px;
line-height: 20px;
margin: 0;
overflow: hidden;
margin-bottom: 10px;
}
.blog-post .comments-form { margin: 6px 0 0; }
.blog-post .comments-form .comment-box {
margin: 0;
text-align: right;
}
.blog-post .comments-form .comment-box textarea { margin: 0 0 15px; }
.blog-post .comments-form .comment-box i {
color: #7f7f7f;
font-size: 11px;
line-height: 12px;
vertical-align: top;
}
.blog-post .comments-form .button-set { margin: 19px 0 0; }
.blog-post .comments-form .button-set .required {
font-size: 11px;
line-height: 40px;
}
.blog-post .comments-form .button-set .required b { font-size: 14px; }
.carousel .post {
border: 0 none;
float: left;
line-height: 22px;
margin: 0 15px;
padding: 0;
} .search-result .search-form {
margin-bottom: 40px;
position: relative;
}
.search-result .search-form .search-string {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
color: #1e1e1e;
font-size: 24px;
height: 60px;
line-height: 30px;
margin: 0;
padding: 14px 50px 14px 18px;
}
.search-result .search-form .search-string:focus { border-color: #ccc; }
.search-result .search-form .search-submit {
background: none;
border-left: 1px solid #e1e1e1;
height: 30px;
line-height: 1;
position: absolute;
right: 0;
top: 15px;
text-align: center;
width: 46px;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.search-result .search-form .search-submit svg { margin-top: 2px; }
.search-result .search-form .search-submit:hover {
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.search-result .filter-buttons, .search-result .text-results { margin-bottom: 30px; }
.search-result .text-results {
color: #999;
font-size: 12px;
padding-top: 9px;
padding-bottom: 10px;
text-align: right;
}
.search-result .item {
background: none;
border: 0 none;
border-top: 1px solid #e1e1e1;
margin-top: 0 -15px 40px;
padding: 37px 0 0;
}
.search-result .pagination { margin-top: 0; } .post.carousel { line-height: 22px; }
.post.carousel .images-box { overflow: hidden; }
.post.carousel .images-box img, .post.carousel .images-box iframe {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.post.carousel .carousel-box.load { max-height: 300px; }
.post.carousel .carousel-box {
margin-bottom: 42px;
position: relative;
}
.post.carousel .carousel-box.no-pagination { margin-bottom: 8px; }
.post.carousel .carousel-box .next, .post.carousel .carousel-box .prev {
left: 0;
margin: -20px 5px 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
top: 50%;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.post.carousel .carousel-box:hover .next, .post.carousel .carousel-box:hover .prev {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: opacity .2s linear, background-color .2s linear;
transition: opacity .2s linear, background-color .2s linear;
}
.post.carousel .carousel-box:hover .next:hover, .post.carousel .carousel-box:hover .prev:hover {
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.post.carousel .carousel-box .next {
left: auto;
right: 0;
}
.post.carousel .carousel-box .pagination {
left: 0;
position: absolute;
right: 0;
} .sitemap, .sitemap ul {
list-style: none;
margin: 0;
padding: 0;
}
.sitemap ul { margin: 0 0 0 15px; }
.sitemap li { background: url(//factor-g.nl/wp-content/themes/progressive/img/point.png) right 13px repeat-x #fff; }
.sitemap a {
background: #fff;
color: #1e1e1e;
font-size: 12px;
line-height: 1;
padding: 0 5px 0 12px;
position: relative;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sitemap a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.sitemap a:before {
content: "\eb10";
display: block;
font-family: icon;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 12px;
left: 0;
position: absolute;
top: 2px;
} .pricing {
background-color: #fff;
margin: 0 auto 40px;
max-width: 270px;
position: relative;
text-align: left;
}
.pricing * { position: relative; }
.pricing:before {
background: #f7f7f7;
background: rgba(30,30,30,.06);
bottom: 0;
content: "";
left: 0;
position: absolute;
right: 0;
top: 0;
}
.pricing .title {
line-height: 32px;
padding: 17px 20px 21px;
}
.pricing .title a {
color: #1e1e1e;
font-size: 24px;
font-weight: bold;
line-height: 32px;
text-decoration: none;
}
.pricing .price-box {
font-size: 12px;
line-height: 1;
overflow: hidden;
padding: 0 20px 20px;
}
.pricing .price-box .icon {
background: #fff;
color: #505050;
height: 60px;
text-align: center;
width: 60px;
z-index: 1;
}
.pricing .price-box .icon i, .pricing .price-box .icon .livicon {
background: none;
font-size: 30px;
height: auto;
line-height: 52px;
margin: 0;
width: auto;
}
.pricing .price-box .icon .livicon { height: 60px !important; }
.pricing .price-box .icon .livicon svg {
top: 0 !important;
vertical-align: middle;
}
.pricing .price-box .price {
font-size: 36px;
font-weight: bold;
margin: 13px 0 0;
}
.pricing .price-box .price span { font-size: 12px; }
.pricing .options {
list-style: none;
margin: 0;
padding: 0;
}
.pricing .options li {
border-top: 1px solid rgba(30,30,30,.1);
color: #999;
color: rgba(30,30,30,.4);
line-height: 22px;
padding: 13px 10px 13px 45px;
position: relative;
}
.pricing .options li span {
color: #1e1e1e;
display: none;
left: 25px;
line-height: 1;
position: absolute;
top: 16px;
}
.pricing .options li.active { color: #1e1e1e; }
.pricing .options li.active span { display: block; }
.pricing .bottom-box {
border-top: 1px solid rgba(30,30,30,.1);
background: rgba(30,30,30,.05);
overflow: hidden;
padding: 19px 19px 20px;
}
.pricing .bottom-box .more {
color: #7f7f7f;
color: rgba(30,30,30,.7);
display: block;
float: left;
font-size: 12px;
line-height: 1;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.pricing .bottom-box .more:hover {
opacity: .65;
filter: alpha(opacity=65);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.pricing .bottom-box .more span {
font-size: 17px;
line-height: 12px;
margin: 0 0 0 3px;
vertical-align: top;
}
.pricing .bottom-box .rating-box { float: right; }
.pricing .bottom-box .btn {
font-weight: bold;
margin: 19px 0 0;
width: 100%;
}
.pricing.prising-info:before { background: rgba(1,165,219,.06); }
.pricing.prising-info .title a { color: #01a5db; }
.pricing.prising-info .price-box .icon {
color: #35beeb;
border-color: #35beeb;
}
.pricing.prising-info .options li, .pricing.prising-info .bottom-box {
border-color: rgba(1,165,219,.1);
color: rgba(1,165,219,.4);
}
.pricing.prising-info .bottom-box {
border-top: 1px solid rgba(1,165,219,.1);
background: rgba(1,165,219,.05);
}
.pricing.prising-info .options li span, .pricing.prising-info .bottom-box .more, .pricing.prising-info .options li.active { color: #01a5db; }
.pricing.pricing-success:before { background: rgba(132,162,0,.06); }
.pricing.pricing-success .title a { color: #84a200; }
.pricing.pricing-success .price-box .icon {
border-color: #9ab71a;
color: #9ab71a;
}
.pricing.pricing-success .options li, .pricing.pricing-success .bottom-box {
border-color: rgba(132,162,0,.1);
color: rgba(132,162,0,.4);
}
.pricing.pricing-success .bottom-box {
border-top: 1px solid rgba(132,162,0,.1);
background: rgba(132,162,0,.05);
}
.pricing.pricing-success .bottom-box .more, .pricing.pricing-success .options li span, .pricing.pricing-success .options li.active { color: #84a200; }
.pricing.pricing-error:before { background: rgba(212,7,70,.06); }
.pricing.pricing-error .title a { color: #d40746; }
.pricing.pricing-error .price-box .icon {
border-color: #de2a61;
color: #de2a61;
}
.pricing.pricing-error .options li, .pricing.pricing-error .bottom-box {
border-color: rgba(212,7,70,.1);
color: rgba(212,7,70,.4);
}
.pricing.pricing-error .bottom-box {
border-top: 1px solid rgba(212,7,70,.1);
background: rgba(212,7,70,.05);
}
.pricing.pricing-error .options li span, .pricing.pricing-error .bottom-box .more, .pricing.pricing-error .options li.active { color: #d40746; } .box-404 {
-webkit-border-radius: 177px;
-moz-border-radius: 177px;
border-radius: 177px;
font-weight: normal;
height: 354px;
margin: 0 auto;
padding: 92px 0 0;
text-align: center;
width: 354px;
}
.box-404 h1 {
font-size: 150px;
font-weight: normal;
line-height: 0.9;
margin: 0;
}
.box-404 h2 {
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
line-height: 1;
margin: 0;
} .filter-elements-wrapper { margin: 0 auto; }
.filter-buttons {
display: block;
margin-bottom: 30px;
}
.filter-buttons .dropdown-toggle {
background: transparent;
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #1e1e1e;
display: block;
float: left;
font-weight: bold;
height: 38px;
line-height: 38px;
margin-right: 20px;
padding: 0 10px 0 20px;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.filter-buttons .dropdown-toggle .caret { margin: -2px 0 0 5px; color: #1e1e1e; }
.filter-buttons .dropdown-toggle:hover {
background: transparent;
text-decoration: none;
opacity: .7;
filter: alpha(opacity=70);
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.filter-buttons.open .dropdown-toggle { background: transparent; }
.filter-buttons .dropdown-menu { border: 1px solid #e1e1e1; }
.filter-buttons .dropdown-menu .active { background-color: #f5f5f5; }
.filter-buttons.white .dropdown-toggle, .filter-buttons.white .dropdown-toggle .caret { color: #fff; } .isotope, .isotope .isotope-item {
-webkit-transition-duration: 0.8s;
-moz-transition-duration: 0.8s;
-ms-transition-duration: 0.8s;
-o-transition-duration: 0.8s;
transition-duration: 0.8s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
}
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.isotope-item { z-index: 2; }
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
}
.year-regulator { padding-top: 13px; }
.year-regulator.year-regulator-wrapper {
width: 50%;
}
.portfolio .year-regulator { margin-bottom: 30px; }
.year-regulator .label {
color: inherit;
display: table-cell;
font-size: 12px;
line-height: 14px;
padding: 0 20px 0 0;
text-align: left;
vertical-align: middle;
}
.year-regulator .layout-slider {
display: table-cell;
width: 100%;
}
.year-regulator .layout-slider input[type="slider"] {
height: 0;
margin: 0;
min-height: inherit;
padding: 0;
visibility: hidden;
}
.portfolio .filter-elements { overflow: visible !important; }
.portfolio .work { margin-bottom: 40px; }
.work, .work:visited {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #fff;
display: block;
position: relative;
text-align: center;
text-shadow: 0 1px #000;
}
.work:hover {
display: block;
text-decoration: none;
}
.carousel .work { margin: 2px 1px; }
.work img {
background-color: #555;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
box-shadow: 0 1px 2px rgba(0,0,0,.4);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-align: center;
width: 100%;
}
.work .shadow {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 29%, rgba(0,0,0,0.01) 30%, rgba(0,0,0,0.01) 33%, rgba(0,0,0,0.17) 62%, rgba(0,0,0,0.24) 68%, rgba(0,0,0,0.62) 90%, rgba(0,0,0,0.73) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(29%, rgba(255,255,255,0.01)), color-stop(30%, rgba(0,0,0,0.01)), color-stop(33%, rgba(0,0,0,0.01)), color-stop(62%, rgba(0,0,0,0.17)), color-stop(68%, rgba(0,0,0,0.24)), color-stop(90%, rgba(0,0,0,0.62)), color-stop(100%, rgba(0,0,0,0.73)));
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 29%, rgba(0,0,0,0.01) 30%, rgba(0,0,0,0.01) 33%, rgba(0,0,0,0.17) 62%, rgba(0,0,0,0.24) 68%, rgba(0,0,0,0.62) 90%, rgba(0,0,0,0.73) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 29%, rgba(0,0,0,0.01) 30%, rgba(0,0,0,0.01) 33%, rgba(0,0,0,0.17) 62%, rgba(0,0,0,0.24) 68%, rgba(0,0,0,0.62) 90%, rgba(0,0,0,0.73) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 29%, rgba(0,0,0,0.01) 30%, rgba(0,0,0,0.01) 33%, rgba(0,0,0,0.17) 62%, rgba(0,0,0,0.24) 68%, rgba(0,0,0,0.62) 90%, rgba(0,0,0,0.73) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.01) 29%, rgba(0,0,0,0.01) 30%, rgba(0,0,0,0.01) 33%, rgba(0,0,0,0.17) 62%, rgba(0,0,0,0.24) 68%, rgba(0,0,0,0.62) 90%, rgba(0,0,0,0.73) 100%);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.work .work-title {
bottom: 37px;
left: 0;
margin: 0 0 -17px;
padding: 0 5px;
position: absolute;
right: 0;
text-align: center;
-webkit-transition: bottom .2s ease-in;
transition: bottom .2s ease-in;
}
.work .title {
bottom: 46px;
font-size: 13px;
font-weight: bold;
line-height: 20px;
margin: 0 0 6px;
text-align: center;
}
.work .description {
font-size: 11px;
font-style: italic;
font-family: Georgia;
line-height: 16px;
text-align: center;
color: #fff;
}
.work:hover .description { color: #7f7f7f; }
.work .bg-hover {
background: #fff;
background: rgba(255,255,255,.9);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
bottom: 0;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.work:hover { text-shadow: none; }
.work:hover .work-title {
bottom: 46%;
color: #1e1e1e;
-webkit-transition: bottom .2s ease-in;
transition: bottom .2s ease-in;
}
.work:hover .bg-hover {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.work-single .carousel-box { overflow: hidden; }
.work-single .carousel-box .carousel {
text-align: center !important;
}
.work-single .carousel-box .carousel img,
.work-single img.single-image {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.work-single .carousel-box.load { max-height: 270px; }
.work-single .title {
font-size: 22px;
font-weight: normal;
margin: 0 0 5px;
}
.work-single .type {
color: #7f7f7f;
font-size: 14px;
margin: 0 0 22px;
} .work-one {
color: #7f7f7f;
max-width: 100%;
overflow: hidden;
}
.work-one + .work-one { margin-top: 40px; }
.work-one .title {
font-size: 20px;
font-weight: normal;
line-height: 24px;
margin: 0 0 7px;
}
.work-one .title a {
color: #1e1e1e;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.work-one .title a:hover {
opacity: .8;
filter: alpha(opacity=80);
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.work-one .description {
font-size: 11px;
line-height: 14px;
margin: 0 0 27px;
}
.work-one .work-image {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
line-height: 0;
overflow: hidden;
}
.work-one .work-image img {
-webkit-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
}
.work-one .work-image img:hover { -webkit-filter: grayscale(100%); } .gallery .gallery-images { margin-bottom: 30px; }
.gallery-images {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
display: block;
line-height: 0;
max-width: 100%;
position: relative;
}
.gallery-images img {
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width:100%
}
.gallery-images .bg-images {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gallery-images:hover > .bg-images {
background: #fff;
background: rgba(255,255,255,.7);
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gallery-images .bg-images i { margin: 10px 0 0 5px; display:block; }
.gallery-images .bg-images i:before {
color: #fff;
font-size: 20px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
}
.gallery-images:hover .bg-images i:before {
color: #000;
font-size: 30px;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
} .respond {
background: none;
border: 0 none;
}
.respond .description {
background: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #1e1e1e;
font-style: italic;
font-size: 90%;
line-height: 1.4;
margin-bottom: 10px;
padding: 20px;
position: relative;
}
.respond.bg .description { background-color: #a5e573; }
.respond.border .description {
border-color: #a5e573;
border-width: 1px;
}
.respond.bg .description:before, .respond.border .description:before {
border: 10px solid transparent;
border-top-color: #a5e573;
bottom: -20px;
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
}
.respond.border .description:after {
border: 10px solid transparent;
border-top-color: #fff;
bottom: -18px;
content: "";
display: block;
height: 0;
width: 0;
position: absolute;
}
.respond .name {
color: #7f7f7f;
min-height: 22px;
padding: 5px 5px 5px 5px;
}
.respond.white .name { color: #fff; }
.respond .name .icon {
color: #7f7f7f;
font-size: 30px;
margin: -5px 0 0;
}
.respond.white .name .icon { color: #fff; }
.respond-carousel { overflow: hidden; }
.respond-carousel .pagination { margin: 0; }
.respond.respond-blockquote blockquote {
border: none;
margin: 0;
padding-left: 30px;
}
.respond.respond-blockquote blockquote p {
border: none;
margin: 0;
padding: 0;
display: inline;
font-size:17px;
line-height:24px;
}
.testimonials-wrapper blockquote p {
font-family: Arimo, sans-serif;
}
.sticky {
border: 1px solid #ECECEC;
padding: 20px;
}
.button.btn i { padding-right: 2px; }
.respond.respond-blockquote blockquote:before {
content: open-quote;
font-size: 50px;
font-weight: bold;
left: 16px;
line-height: 1;
position: absolute;
top: 14px;
}
.respond.respond-blockquote blockquote:after {
content: close-quote;
display: inline-block;
font-size: 50px;
font-weight: bold;
line-height: 0;
margin: 0 0 -5px 0;
vertical-align: bottom;
}
.respond.respond-blockquote.border blockquote:before, .respond.respond-blockquote.border blockquote:after { color: #a5e573; }
.respond.respond-blockquote .name .icon {
float: left;
height: 50px;
margin: 0 10px 0 0;
width: 50px;
overflow: hidden;
border-radius: 50%;
}
.respond.respond-blockquote .name strong {
font-size: 120%;
color: #7f7f7f;
}
.respond.respond-blockquote .name,.respond.white .name div{
color: #7f7f7f;
}
.respond.respond-blockquote .name strong.white,
.respond.white .name div.white {
color: #FFF;
}
.respond .description.bg-info, .respond .description.bg-primary, .respond .description.bg-success, .respond .description.bg-warning, .respond .description.bg-danger { color: #fff; }
.respond .description.bg-info:before, .respond .description.border-info:before { border-top-color: #007289; }
.respond .description.bg-primary:before, .respond .description.border-primary:before { border-top-color: #037ac5; }
.respond .description.bg-success:before, .respond .description.border-success:before { border-top-color: #f2931c; }
.respond .description.bg-warning:before, .respond .description.border-warning:before { border-top-color: #97d1ce; }
.respond .description.bg-danger:before, .respond .description.border-danger:before { border-top-color: #c10841; }
.respond .description.bg-white:before, .respond .description.border-white:before { border-top-color: #fff; }
.respond.border .description.border-white { border-color: #fff; }
.respond.respond-blockquote.border .border-info blockquote:before, .respond.respond-blockquote.border .border-info blockquote:after { color: #007289; }
.respond.respond-blockquote.border .border-primary blockquote:before, .respond.respond-blockquote.border .border-primary blockquote:after { color: #037ac5; }
.respond.respond-blockquote.border .border-success blockquote:before, .respond.respond-blockquote.border .border-success blockquote:after { color: #f2931c; }
.respond.respond-blockquote.border .border-warning blockquote:before, .respond.respond-blockquote.border .border-warning blockquote:after { color: #97d1ce; }
.respond.respond-blockquote.border .border-danger blockquote:before, .respond.respond-blockquote.border .border-danger blockquote:after { color: #c10841; }
.respond.respond-blockquote.border .border-white blockquote:before, .respond.respond-blockquote.border .border-white blockquote:after { color: #1e1e1e; } .chart {
position: relative;
text-align: center;
}
.jqstooltip {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.graph text { overflow: hidden !important; }
.morris-hover { z-index: 700; } .livicon {
display: inline-block;
line-height: inherit;
vertical-align: middle;
}
.livicon svg { vertical-align: top; }
.big-icon .livicon svg, .icon .livicon svg { top: 25% !important; }
.livicon.metro-bg {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
margin-bottom: 4px;
margin-left: 4px;
padding: 26px 25px 26px 27px;
overflow: hidden;
text-align: center;
text-decoration: none;
white-space: nowrap;
} .steps {
display: table;
table-layout: fixed;
width: 100%;
}
.steps .step {
background: #fff;
border: 1px solid #e1e1e1;
display: table-cell;
padding: 15px;
position: relative;
vertical-align: middle;
}
.steps .step .step-wrapper { position: relative; }
.steps .step + .step { border-left: 0 none; }
.steps .step:first-child {
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}
.steps .step:last-child {
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}
.steps .step .step-wrapper:after, .steps .step .step-wrapper:before {
content: '';
position: absolute;
top: 0;
right: -29px;
border: 7px solid transparent;
border-left-color: #e1e1e1;
z-index: 1;
}
.steps .step .step-wrapper:before {
border-left-color: #fff;
right: -27px;
z-index: 2;
}
.steps .step:last-child .step-wrapper:after, .steps .step:last-child .step-wrapper:before { display: none; }
.steps .step .bg-image {
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%;
bottom: 0;
left: 0;
opacity: .1;
filter: alpha(opacity=10);
position: absolute;
right: 0;
top: 0;
}
.steps .step .bg-image ~ * { position: relative; }
.steps .step.border-warning .step-wrapper:after { border-left-color: #97d1ce; }
.steps .step.border-error .step-wrapper:after { border-left-color: #012c59; }
.steps .step.border-info .step-wrapper:after { border-left-color: #007289; }
.steps .step.border-success .step-wrapper:after { border-left-color: #f2931c; }
.steps .step.border-grey .step-wrapper:after { border-left-color: #8fbca4; }
.steps .step.bg-warning .step-wrapper:before { border-left-color: #97d1ce; }
.steps .step.bg-error .step-wrapper:before { border-left-color: #012c59; }
.steps .step.bg-info .step-wrapper:before { border-left-color: #007289; }
.steps .step.bg-success .step-wrapper:before { border-left-color: #f2931c; }
.steps .step.bg-grey { background: #8fbca4; }
.steps .step.bg-grey .step-wrapper:before { border-left-color: #8fbca4; }
.steps.steps-apart {
display: block;
width: auto;
}
.steps.steps-apart .step {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
}
.steps.steps-apart .step:last-child .step-wrapper:after, .steps.steps-apart .step:last-child .step-wrapper:before { display: block; }
.steps.steps-apart > [class*="col-md"]:last-child > .step .step-wrapper:after, .steps.steps-apart > [class*="col-md"]:last-child > .step .step-wrapper:before { display: none; }
.steps.progress-steps { display: block; }
.steps.progress-steps .step {
background: none !important;
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
margin: 0 0 40px;
min-height: 185px;
padding: 0;
}
.steps.progress-steps .step .step-wrapper {
padding: 20px 20px 20px 260px;
position: static;
}
.steps.progress-steps .step.step-right .step-wrapper { padding: 20px 260px 20px 20px; }
.steps.progress-steps .step .number {
background: #e1e1e1;
bottom: 0;
color: #fff;
font-size: 150px;
left: 0;
line-height: 1.2;
position: absolute;
text-align: center;
top: 0;
width: 240px;
}
.steps.progress-steps .step.step-right .number {
left: auto;
right: 0;
}
.steps.progress-steps .step .step-wrapper:after, .steps.progress-steps .step .step-wrapper:before, .steps.progress-steps .step:last-child .number:after, .steps.progress-steps .step:last-child .number:before { display: none; }
.steps.progress-steps .step .number:after, .steps.progress-steps .step .number:before {
border: 7px solid transparent;
border-top-color: #e1e1e1;
bottom: -15px;
content: '';
left: 50%;
margin-left: -7px;
position: absolute;
z-index: 1;
}
.steps.progress-steps .step .number:before {
bottom: -13px;
z-index: 2;
}
.steps.progress-steps .step.border-warning .number:after { border-top-color: #97d1ce; }
.steps.progress-steps .step.border-error .number:after { border-top-color: #012c59; }
.steps.progress-steps .step.border-info .number:after { border-top-color: #007289; }
.steps.progress-steps .step.border-success .number:after { border-top-color: #f2931c; }
.steps.progress-steps .step.bg-warning .number { background: #97d1ce; }
.steps.progress-steps .step.bg-warning .number:before { border-top-color: #97d1ce; }
.steps.progress-steps .step.bg-error .number { background: #012c59; }
.steps.progress-steps .step.bg-error .number:before { border-top-color: #012c59; }
.steps.progress-steps .step.bg-info .number { background: #007289; }
.steps.progress-steps .step.bg-info .number:before { border-top-color: #007289; }
.steps.progress-steps .step.bg-success .number { background: #f2931c; }
.steps.progress-steps .step.bg-success .number:before { border-top-color: #f2931c; }
.steps.progress-steps .step.border-warning .number { color: #97d1ce; }
.steps.progress-steps .step.border-error .number { color: #012c59; }
.steps.progress-steps .step.border-info .number { color: #007289; }
.steps.progress-steps .step.border-success .number { color: #f2931c; }
.steps.progress-steps .step.bg-warning .number, .steps.progress-steps .step.bg-error .number, .steps.progress-steps .step.bg-info .number, .steps.progress-steps .step.bg-success .number { color: #fff; } .full-width-box {
overflow: hidden;
padding: 76px 0;
position: relative;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.full-width-box.auto-width {
margin-left: -15px;
margin-right: -15px;
opacity: 0;
}
.container .full-width-box {
margin-left: -15px;
margin-right: -15px;
}
.full-width-box.auto-width.loaded {
margin-left: 0;
margin-right: 0;
opacity: 1;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.full-width-box .fwb-bg {
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
background-size: cover;
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
text-align: center;
top: 0;
z-index: 0;
}
.full-width-box .container, .full-width-box .page-header { position: relative; }
.full-width-box .fwb-bg .overlay {
background: #000;
height: 100%;
opacity: .2;
filter: alpha(opacity=20);
width: 100%;
} .full-width-box .fwb-fixed { background-attachment: fixed; }
.touch-device .full-width-box .fwb-fixed, .touch-device .full-width-box .fwb-paralax { background-attachment: scroll; }
.full-width-box .fwb-blur { background-position: center top !important; }
.full-width-box .fwb-blur .blur-box {
bottom: 0;
display: block !important;
left: 0;
position: absolute;
right: 0;
top: 0;
z-index: -100;
}
.full-width-box .fwb-blur .blur-box canvas {
background-size: cover;
background-attachment: fixed;
max-width: inherit;
min-width: 100%;
min-height: 100%;
width: auto;
vertical-align: top;
width: 100%;
}
.full-width-box .fwb-video {
background-repeat: no-repeat;
background-position: center center;
-webkit-background-size: cover;
background-size: cover;
}
.full-width-box .fwb-video video, .full-width-box .fwb-video iframe, .full-width-box .fwb-video img {
background-attachment: fixed;
vertical-align: top;
position: absolute;
right: 0;
bottom: 0;
max-width: inherit;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
} .word-rotate {
background: #1e1e1e;
display: inline-block;
overflow: hidden;
padding: 0 8px;
text-align: center;
vertical-align: top;
}
.word-rotate:not(.border) { color: #fff; }
.word-rotate .words-box {
display: inline-block;
position: relative;
}
.word-rotate .words-box span {
display: block;
white-space: nowrap;
}
.word-rotate .words-box span + span { display: none; }
.word-rotate.loaded .words-box span + span { display: block; }
.word-rotate.border {
background: none;
border: 1px solid #1e1e1e;
} .timeline {
padding: 20px 0;
position: relative;
}
.timeline:before {
background-color: #d2d2d2;
background-color: rgba(0,0,0,.2);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
content: "";
display: block;
height: 100%;
left: 50%;
margin-left: -2px;
position: absolute;
top: 0;
width: 4px;
}
.timeline .post {
border: 0 none;
margin: 0;
padding: 0 40px 5px 0;
width: 50%;
}
.timeline .post:last-child, .timeline .post:nth-child(even):last-child { padding-bottom: 0; }
.timeline .post .timeline-time {
color: #999;
left: 50%;
margin: 31px 0 0 40px;
position: absolute;
}
.timeline .post .timeline-icon {
background: #1e1e1e;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #fff;
font-size: 18px;
height: 40px;
left: 50%;
line-height: 40px;
margin: 22px 0 0 -20px;
position: absolute;
text-align: center;
width: 40px;
}
.timeline .post .timeline-icon .livicon svg { left: 0 !important; }
.timeline .post .timeline-content {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 46px;
position: relative;
}
.timeline .post.no-padding .timeline-content { padding: 0; }
.timeline .post .timeline-content .video-box:last-child, .timeline .post .timeline-content blockquote:last-child { margin-bottom: 0; }
.timeline .post .timeline-content .map-canvas { height: 250px; }
.timeline .post .timeline-content .img-rounded {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.timeline .post .timeline-content:before, .timeline .post .timeline-content:after {
border: 15px solid transparent;
border-left-color: #ccc;
content: "";
display: block;
position: absolute;
right: -30px;
top: 26px;
}
.timeline .post .timeline-content:after {
border: 14px solid transparent;
border-left-color: #fff;
right: -28px;
top: 27px;
}
.timeline .post .timeline-content .entry-title {
font-size: 18px;
margin: 0 0 10px;
}
.timeline .post .timeline-content .entry-content { margin: 0; }
.timeline .post:nth-child(even) {
margin-left: 50%;
padding: 0 0 5px 40px;
}
.timeline .post:nth-child(even) .timeline-time {
left: auto;
margin: 31px 40px 0 0;
right: 50%;
text-align: right;
}
.timeline .post:nth-child(even) .timeline-content:before {
border: 15px solid transparent;
border-right-color: #ccc;
left: -30px;
right: auto;
}
.timeline .post:nth-child(even) .timeline-content:after {
border: 14px solid transparent;
border-right-color: #fff;
left: -28px;
right: auto;
}
.timeline .post .timeline-content.bg { background: #ccc; }
.timeline .post:not(.no-padding) .timeline-content.bg:after { display: none; }
.timeline .post .timeline-content.bg, .timeline .post .timeline-content.bg .entry-title a, .timeline .post .timeline-content.bg blockquote footer, .timeline .post .timeline-content.bg blockquote small, .timeline .post .timeline-content.bg blockquote .samall, .timeline .post .timeline-content.bg .aside { color: #fff; }
.timeline .post .timeline-content.bg-danger, .timeline .post .timeline-content.border-danger { border-color: #c10841; }
.timeline .post .timeline-content.bg-danger:before, .timeline .post .timeline-content.border-danger:before { border-left-color: #c10841; }
.timeline .post:nth-child(even) .timeline-content.bg-danger:before, .timeline .post:nth-child(even) .timeline-content.border-danger:before {
border: 15px solid transparent;
border-right-color: #c10841;
}
.timeline .post .timeline-content.bg-warning, .timeline .post .timeline-content.border-warning { border-color: #f89406; }
.timeline .post .timeline-content.bg-warning:before, .timeline .post .timeline-content.border-warning:before { border-left-color: #f89406; }
.timeline .post:nth-child(even) .timeline-content.bg-warning:before, .timeline .post:nth-child(even) .timeline-content.border-warning:before {
border: 15px solid transparent;
border-right-color: #f89406;
}
.timeline .post .timeline-content.bg-info, .timeline .post .timeline-content.border-info { border-color: #0098ca; }
.timeline .post .timeline-content.bg-info:before, .timeline .post .timeline-content.border-info:before { border-left-color: #0098ca; }
.timeline .post:nth-child(even) .timeline-content.bg-info:before, .timeline .post:nth-child(even) .timeline-content.border-info:before {
border: 15px solid transparent;
border-right-color: #0098ca;
}
.timeline .post .timeline-content.bg-success, .timeline .post .timeline-content.border-success { border-color: #738d00; }
.timeline .post .timeline-content.bg-success:before, .timeline .post .timeline-content.border-success:before { border-left-color: #738d00; }
.timeline .post:nth-child(even) .timeline-content.bg-success:before, .timeline .post:nth-child(even) .timeline-content.border-success:before {
border: 15px solid transparent;
border-right-color: #738d00;
}
.timeline .post .timeline-content.bg-primary, .timeline .post .timeline-content.border-primary { border-color: #428bca; }
.timeline .post .timeline-content.bg-primary:before, .timeline .post .timeline-content.border-primary:before { border-left-color: #428bca; }
.timeline .post:nth-child(even) .timeline-content.bg-primary:before, .timeline .post:nth-child(even) .timeline-content.border-primary:before {
border: 15px solid transparent;
border-right-color: #428bca;
} .social-feed {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/loader.svg), none;
background-repeat: no-repeat;
background-position: 50% 100px;
background-size: 40px;
}
.social-feed > * {
opacity: 0;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed.loaded { background: none; }
.social-feed.loaded > * {
opacity: 1;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .isotope-item { margin-bottom: 20px; }
.social-feed .post {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
padding: 19px;
}
.social-feed .add-post {
background: none;
border: 0 none;
padding: 0;
}
.social-feed .add-post .nav-tabs { border: 0 none; }
.social-feed .add-post .nav-tabs > li > a {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
padding: 6px 10px 7px;
}
.social-feed .add-post .nav-tabs > li > a .fa { color: #7f7f7f; }
.social-feed .add-post .nav-tabs > li.active > a, .social-feed .add-post .nav-tabs > li.active > a:hover, .social-feed .add-post .nav-tabs > li.active > a:focus { font-weight: normal; }
.social-feed .add-post .nav-tabs > li.active > a .fa { color: #555; }
.social-feed .add-post .tab-content {
background: #fff;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
padding: 20px;
}
.social-feed .add-post .tab-content .tab-pane { padding: 0; }
.social-feed .add-post .tab-content .tab-pane form { margin: 0; }
.social-feed .add-post .tab-pane input { margin-bottom: 22px; }
.social-feed .author-info .avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
height: 50px;
margin: 0 20px 0 0;
overflow: hidden;
width: 50px;
}
.social-feed .author-info .user-name { font-size: 16px; }
.social-feed .author-info .user-name a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .author-info .user-name a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .author-info time {
color: #7f7f7f;
font-style: italic;
}
.social-feed .preview {
margin: 0 -20px 20px;
text-align: center;
}
.social-feed .preview img {
display: block;
margin: 0 auto;
}
.social-feed .buttons {
margin-bottom: 20px;
text-align: right;
}
.social-feed .buttons .btn {
background: none;
border: 1px solid rgba(0,0,0,.5);
color: rgba(0,0,0,.5);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .buttons .btn:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .comments {
background: rgba(0,0,0,.1);
margin: 0 -20px -20px;
padding: 20px;
}
.social-feed .comments .comment { margin: 0 0 25px; }
.social-feed .comments .comment .avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
float: left;
height: 40px;
margin: 0 10px 5px 0;
overflow: hidden;
width: 40px;
}
.social-feed .comments .comment .author-details { margin-bottom: 5px; }
.social-feed .comments .comment .user-name a {
color: #1e1e1e;
text-decoration: none;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .comments .comment .user-name a:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.social-feed .comments .comment time {
color: #7f7f7f;
font-size: 12px;
font-style: italic;
}
.social-feed .comments .form { margin: 0; }
.social-feed .comments .form .form-control {
height: 62px;
margin: 0;
}
.social-feed .comments .form textarea { resize: none; }
.social-feed .post.bg {
background: #ccc;
color: #fff;
}
.social-feed .post.bg-danger { border-color: #c10841; }
.social-feed .post.bg-warning { border-color: #f89406; }
.social-feed .post.bg-info { border-color: #0098ca; }
.social-feed .post.bg-success { border-color: #738d00; }
.social-feed .post.bg-primary { border-color: #428bca; }
.social-feed .author-info { margin-bottom: 15px; }
.social-feed .post.number {
padding-left: 40px;
padding-right: 40px;
position: relative;
text-align: center;
}
.social-feed .post.number .post-icon {
font-size: 24px;
left: 10px;
opacity: .8;
filter: alpha(opacity=80);
position: absolute;
top: 10px;
}
.social-feed .post.number .social-data {
display: inline-block;
font-style: italic;
line-height: 1;
vertical-align: middle;
}
.social-feed .post.number .social-data .count {
font-size: 60px;
font-style: normal;
}
.social-feed .bg .author-info .user-name a, .social-feed .bg .comments .comment .user-name a { color: #fff; }
.social-feed .bg .author-info time, .social-feed .bg .comments .comment time { color: rgba(255,255,255,.8); }
.social-feed .bg .buttons .btn {
background: #fff;
border-color: #fff;
color: #1e1e1e;
}
.social-feed .bg-danger .buttons .btn { color: #c10841; }
.social-feed .bg-warning .buttons .btn { color: #f89406; }
.social-feed .bg-info .buttons .btn { color: #0098ca; }
.social-feed .bg-success .buttons .btn { color: #738d00; }
.social-feed .bg-primary .buttons .btn { color: #428bca; }
.social-feed .post.number.twitter {
background: #00aced;
border-color: #00aced;
}
.social-feed .post.number.facebook {
background: #3B5998;
border-color: #3B5998;
}
.social-feed .post.number.google {
background: #dd4b39;
border-color: #dd4b39;
}
.social-feed .post.number.pinterest {
background: #cb2027;
border-color: #cb2027;
}
.social-feed .post.number.linkedin {
background: #007bb6;
border-color: #007bb6;
}
.social-feed .post.number.youtube {
background: #bb0000;
border-color: #bb0000;
} .blur-page {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/loader.svg), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
}
.blur-page .page-box { opacity: 0; }
.blur-page .blur-box {
background-repeat: no-repeat;
background-position: center top;
-webkit-background-size: cover;
background-size: cover;
bottom: 0;
display: block !important;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
text-align: center;
z-index: -1;
}
.blur-page.blur-load {
background-image: inherit;
-webkit-transition: background-image .2s linear;
transition: background-image .2s linear;
}
.blur-page.blur-load .page-box, .blur-page.blur-load .blur-box {
opacity: 1;
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.blur-page.blur-load .blur-box {
-webkit-transition: opacity .4s linear;
transition: opacity .4s linear;
}
.blur-page .blur-box img, .blur-page .blur-box canvas {
-webkit-background-size: cover;
background-size: cover;
left: 0;
max-width: inherit;
min-width: 100%;
min-height: 100%;
position: fixed;
top: 0;
vertical-align: top;
width: auto;
z-index: 0;
}
.blur-page .blur-box img { visibility: hidden; } .page-404-promo .page-box {
background: #2b8cd6;
background: rgba(43,140,214,.9);
display: table;
height: 100% !important;
width: 100%;
}
.page-404-promo #main {
display: table-cell;
padding: 20px 0;
vertical-align: middle;
}
.page-404-promo #main .title {
border-bottom: 1px solid #fff;
border-bottom: 1px solid rgba(255,255,255,.3);
color: #fff;
padding: 0 10px;
text-align: center;
}
.page-404-promo #main .title h1 {
display: inline-block;
font-size: 200px;
font-weight: normal;
line-height: 1;
margin: 0;
position: relative;
}
.page-404-promo #main .title h1:before {
background: #fff;
bottom: 0;
content: "";
display: block;
height: 1px;
left: 0;
position: absolute;
right: 0;
}
.page-404-promo #main .content {
color: #fff;
padding: 35px 10px 0;
text-align: center;
}
.page-404-promo #main .content h2 {
font-size: 24px;
font-weight: normal;
margin-bottom: 38px;
}
.page-404-promo #main .content .back-home {
color: #2b8cd6;
font-size: 18px;
padding-right: 30px;
padding-left: 20px;
}
.page-404-promo #main .content .back-home .fa {
font-size: 22px;
margin-right: 8px;
} .one-page .header .primary .navbar .nav .active { color: #c10841; }
.one-page #main {
padding-top: 0;
padding-bottom: 0;
}
.one-page .full-width-box:last-child { padding-bottom: 0; }
.one-page .page-header { margin-bottom: 40px; } .body-bg-img { background: url(//factor-g.nl/wp-content/themes/progressive/img/content/coming-soon.jpg) 50% 0 no-repeat; }
.body-bg-img.under-construction { background: url(//factor-g.nl/wp-content/themes/progressive/img/content/under-construction.jpg) 50% 0 no-repeat; }
.body-bg-img .page-box {
display: table;
height: 100% !important;
width: 100%;
}
.body-bg-img .header-three {
min-height: 1px;
position: absolute;
width: 100%;
}
.body-bg-img #main {
display: table-cell;
padding: 119px 0 192px;
vertical-align: middle;
}
.services .service, .services .features-block { margin-bottom: 40px; }
.services-box-three-left {
margin-bottom: 40px;
padding: 20px;
}
.count-down-box { float: right; }
#count-down {
text-align: right;
width: auto!important;
}
#count-down .county-days-wrapper, #count-down .county-hours-wrapper, #count-down .county-minutes-wrapper, #count-down .county-seconds-wrapper {
background: #c10841;
background: rgba(193,8,65, 0.5);
display: inline-block;
height: 135px;
margin-left: 2px;
margin-right: 2px;
overflow: hidden;
position: relative;
text-align: center;
width: 23%!important;
}
#count-down .county-hours-wrapper {
background: #f89406;
background: rgba(248,148,6, 0.5);
}
#count-down .county-minutes-wrapper {
background: #0098ca;
background: rgba(0,152,202, 0.5);
}
#count-down .county-seconds-wrapper {
background: #738d00;
background: rgba(115,141,0, 0.5);
}
#count-down .county-days, #count-down .county-hours, #count-down .county-minutes, #count-down .county-seconds {
font-size: 60px;
color: #fff;
line-height: 135px;
display: inline-block!important;
opacity: 1 !important;
width: auto !important;
}
#count-down .county-label-days, #count-down .county-label-hours, #count-down .county-label-minutes, #count-down .county-label-seconds {
margin-left: 2px;
margin-right: 2px;
padding-top: 10px;
font-size: 18px;
display: inline-block;
text-align: center;
width: 23% !important;
}
.coming-text { margin-top: -4px; }
.coming-text form { position: relative; }
.coming-text .success {
bottom: 100%;
margin-bottom: 5px;
position: absolute;
}
.coming-text .form-control { padding-right: 100px; }
.coming-text .btn {
position: absolute;
right: 0;
top: 0;
width: 90px;
}
.under-contact .phone, .under-contact .address {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0 0 0 34px;
position: relative;
}
.under-contact .footer-icon {
color: #000;
left: 16px;
position: absolute;
top: 0;
}
.under-contact .footer-icon:before {
font-size: 20px;
line-height: 18px;
width: auto;
}
.list-images > .col-md-4 { margin-bottom: 30px; } #footer {
color: #7f7f7f;
margin: -310px 0 0 0;
overflow-x: hidden;
}
#footer.footer-two {
margin: -176px 0 0 0;
clear: both
}
#footer .footer-top {
background: #f2f2f2;
font-size: 12px;
line-height: 21px;
padding: 50px 0 13px;
}
#footer.footer-two .footer-top { padding-bottom: 43px; }
#footer .sidebar .widget { margin-bottom: 30px; }
#footer .sidebar .widget:nth-child(4n+1) { clear: left; }
#footer .sidebar .widget h3, #footer .sidebar .widget .title-block {
margin: 0 0 15px;
padding: 0 0 12px;
}
#footer .sidebar .widget h3:before, #footer .sidebar .widget .title-block:before { display: none; }
#footer .sidebar .widget h3, #footer .sidebar .widget .title-block .title {
color: #1e1e1e;
font-size: 16px;
font-weight: normal;
line-height: 1.3;
text-transform: uppercase;
}
#footer .sidebar .widget .next, #footer .sidebar .widget .prev {
height: 26px;
line-height: 26px;
width: 26px;
}
#footer .sidebar .widget .next svg, #footer .sidebar .widget .prev svg { height: 14px; }
#footer .widget p { margin: 0 0 16px; }
#footer .sidebar .compare-products li, #footer .sidebar .compare-products li .title, #footer .sidebar .compare-products li .close, #footer .sidebar .wishlist .add-cart { background-color: #f2f2f2; }
.footer-two .social { text-align: center; }
.footer-two .social .sbtnf {
display: inline-block;
float: none;
margin: 0 3px;
}
#footer .footer-bottom {
background: #f7f7f7;
border-top-width: 1px;
border-color:#e1e1e1;
font-size: 11px;
line-height: 17px;
padding:21px 0 0;
}
#footer .phone, #footer .address {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 16px;
position: relative;
}
#footer .footer-icon {
color: #c6c6c6;
left: 0px;
position: absolute;
top: 0;
}
#footer  .phone-cont .footer-icon {top:-17px; left:-17px;}
#footer .phone{padding-left:0;}
.phone-cont{padding-left:26px;}
.phone-cont br{display:none;}
#footer .footer-icon:before {
font-size: 20px;
line-height: 18px;
width: auto;
}
#footer .up {
background: #012c59;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: block;
float: right;
height: 40px;
line-height: 40px;
color: #fff;
text-align: center;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
#footer .up:hover {
background: #012c59;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
#footer .up .glyphicon {
color: #fff;
margin: 14px 0 0 -.5px;
vertical-align: top;
} .boxed {
background: #fff;
margin: 0 auto;
max-width: 1300px;
padding-top: 20px;
}
.boxed .page-box {
background: #fff;
-webkit-box-shadow: rgba(0,0,0,0.6) 0px 0px 18px;
box-shadow: rgba(0,0,0,0.6) 0px 0px 18px;
overflow: hidden;
position: relative;
}
.boxed.loaded .page-box { overflow: visible; }
.boxed.fixed-header .header {
margin-top: 0;
position: absolute;
}
.boxed.fixed-header.fixed .header {
position: fixed;
top: 0;
}
.boxed.fixed-header.hidden-top .page-box {
padding-top: 0;
-webkit-transition: none;
transition: none;
}
.boxed.fixed-header.hidden-top.no-topbar .page-box {
padding-top: 104px;
}
.boxed.hidden-top #top-box {
margin-top: 0;
}
.boxed.fixed-header.hidden-top #top-box {
left: 0;
margin-top: 0;
margin-bottom: 104px;
position: static;
-webkit-transition: none;
transition: none;
}
.boxed.fixed-header.hidden-top .header { top: 40px; }
.boxed.fixed-header.hidden-top.no-topbar .header { top: 0; }
.boxed.fixed-header.hidden-top.fixed .header { top: 0; }
.boxed .header-wrapper {
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.15);
-moz-box-shadow: 0 0 5px rgba(0,0,0,.15);
box-shadow: 0 0 5px rgba(0,0,0,.15);
margin: 0 auto;
max-width: 1300px;
}
.boxed .banner-set.banner-set-mini.banner-set-no-pagination .pagination { display: inline-block !important; }
.boxed .banner-set.banner-set-mini.banner-set-no-pagination .prev, .boxed .banner-set.banner-set-mini.banner-set-no-pagination .next {
margin: 15px 0 0 !important;
position: static;
}
.boxed #footer {
min-width: 100%;
padding-bottom: 20px;
position: relative;
}
.boxed #footer.footer-two { margin-bottom: 0; } .fancybox-margin .fixed-header .header, .fancybox-margin .fixed-header #top-box { left: -7.5px; }
.fancybox-close {
background: #fff;
border: 1px solid #7f7f7f;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
color: #1e1e1e;
font-size: 25px;
font-weight: normal;
height: 30px;
line-height: 29px;
right: -15px;
text-align: center;
text-decoration: none;
top: -15px;
width: 30px;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.fancybox-close:hover {
color: #7f7f7f;
text-decoration: none;
-webkit-transition: color .2s linear;
transition: color .2s linear;
}
.fancybox-nav span {
background: #ccc;
border: 0 none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fbfbfb;
display: block;
float: right;
height: 40px;
line-height: 40px;
margin: -20px 0 0 0;
text-align: center;
text-decoration: none;
width: 40px;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.fancybox-nav span:hover {
background-color: #000;
color: #efefef;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.fancybox-nav span svg { vertical-align: middle; }
.fontawesome-icon-list { color: #7f7f7f; }
.fontawesome-icon-list .fa {
color: #1e1e1e;
width: 22px;
font-size: 14px;
display: inline-block;
text-align: center;
margin-right: 5px;
} #footer .sidebar .menu li {
margin-bottom: 0;
padding-bottom: 0;
}
#footer .sidebar .menu li a, #footer .sidebar .menu li a:visited {
background: none;
padding: 0;
color: #7f7f7f;
display: inline;
}
#footer .sidebar .menu li a:hover {
color: #000;
background: none;
}
#footer #footer .sidebar li, #footer .widget li {
padding-top: 0;
}
.widget a {
text-decoration: none;
}
.widget a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.widget_calendar thead {
padding: 10px;
margin-top: 10px;
border-bottom: 1px solid #f0f0f0;
}
.widget_calendar td {
border: 1px solid #f0f0f0;
padding: 10px;
text-align: center;
}
.widget_calendar tr {
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
}
.widget_calendar thead tr {
border-left: none;
border-right: none;
}
.widget_calendar tfoot tr { border: none; }
a.rsswidget {
font-weight: bold;
display: block;
padding: 10px 0;
} .vc_progress_bar { margin-bottom: 20px !important; }
.vc_progress_bar .vc_single_bar.bar_blue .vc_bar { background-color: #0098ca !important; }
.vc_progress_bar .vc_single_bar.bar_green .vc_bar { background-color: #738d00 !important; }
.vc_progress_bar .vc_single_bar.bar_orange .vc_bar { background-color: #f89406 !important; }
.vc_progress_bar .vc_single_bar.bar_red .vc_bar { background-color: #c10841 !important; }
.vc_single_bar { height: 40px; }
.vc_progress_bar .vc_single_bar .vc_label {
padding: 0 0 0 15px !important;
font-size: 14px;
line-height: 40px;
}
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header, .wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_ta { background-color: #f2f2f2 !important; }
.wpb_content_element .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active { background: #c10841 !important; }
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header a {
color: #1e1e1e;
padding-left: 60px !important;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header {
margin: 0 0 5px 0;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
border-right: 1px solid rgba(255, 255, 255, 0.42);
cursor: pointer;
}
.wpb_accordion .wpb_accordion_wrapper .wpb_accordion_header.ui-accordion-header-active a { color: #fff; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon, .wpb_accordion .wpb_accordion_wrapper .ui-state-active .ui-icon { background-image: none !important; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon {
left: 0;
right: auto !important;
width: 45px !important;
height: 36px !important;
top: 0 !important;
border-right: 1px solid #fff;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default.ui-state-active .ui-icon {
border-right: 1px solid #fff;
border-right: 1px solid rgba(255,255,255,0.2);
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:before {
background: #c10841;
content: "";
display: block;
height: 2px;
left: 0;
margin: 17px 0 0 15px;
position: absolute;
top: 0;
width: 16px;
}
.wpb_accordion .wpb_accordion_wrapper .xcolor .ui-icon:before,
.wpb_accordion .wpb_accordion_wrapper .xcolor .ui-icon:after{
background:#fff !important;	
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default.ui-state-active .ui-icon:before { background: #fff; }
.wpb_accordion .wpb_accordion_wrapper .ui-state-default .ui-icon:after {
content: "";
height: 16px;
margin: 10px 0 0 22px;
width: 2px;
background: #c10841;
position: absolute;
}
.wpb_accordion .wpb_accordion_wrapper .ui-state-default.ui-state-active .ui-icon:after { display: none; }
.wpb_content_element.wpb_tabs .wpb_tour_tabs_wrapper .wpb_tab, .wpb_content_element .wpb_tabs_nav li.ui-tabs-active, .wpb_content_element .wpb_tabs_nav li:hover { background: none !important; }
.wpb_content_element .wpb_tabs_nav li { margin-bottom: -1px !important; }
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active {
border: 1px solid #ddd;
border-bottom: 1px solid #fff;
}
body .wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab,
body .wpb_content_element .wpb_accordion_wrapper .wpb_accordion_content {
padding: 20px 0;
}
body .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
padding: 0 0 0 21.73913043px;
}
.wpb_content_element .wpb_tabs_nav { border-bottom: 1px solid #ddd; }
.tp-button { box-shadow: none !important; }
.tp-leftarrow, .tp-rightarrow {
border-radius: 4px;
background-color: #c10841 !important;
background-repeat:no-repeat;
background-position:center center;
opacity: 0.5;
}
.tp-leftarrow{
background-image:url(//factor-g.nl/wp-content/themes/progressive/img/left-arrow.png) !important;
} 
.tp-rightarrow{
background-image:url(//factor-g.nl/wp-content/themes/progressive/img/right-arrow.png) !important;
} 
.tp-rightarrow:hover,.tp-leftarrow:hover { opacity: 1; }
.tp-leftarrow, .tp-rightarrow {
text-align: center !important;
line-height: 40px !important;
}
.tp-leftarrow:before, .tp-rightarrow:before { display: none !important; }
.vc_images_carousel {
margin-left: auto;
margin-right: auto;
max-width: 100%;
}
.vc_images_carousel .vc_carousel-control .icon-prev:before {
font-family: 'icon' !important;
content: "\e922" !important;
color: #fff !important;
box-shadow: none !important;
font-size: 35px !important;
}
.vc_images_carousel .vc_carousel-control .icon-next:before {
font-family: 'icon' !important;
content: "\e923" !important;
color: #fff !important;
box-shadow: none !important;
font-size: 35px !important;
}
.ui-tabs-anchor {
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
color: #7f7f7f;
font-size: 18px;
font-weight: normal;
line-height: 33px;
padding: 10px 20px 11px;
}
.ui-tabs-anchor:hover,
.ui-tabs-anchor:focus {
border-color: #f7f7f7 #f7f7f7 #e1e1e1;
background-color: #f7f7f7;
color: #7f7f7f;
-webkit-transition: background-color .2s linear;
transition: background-color .2s linear;
}
.wpb_tabs .wpb_tabs_nav li {
border: 1px solid transparent;
border-bottom-color: #e1e1e1;
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
margin-right: 2px;
}
.wpb_content_element .wpb_tabs_nav li.ui-tabs-active a {
background: transparent;
}
#valid-issue {
color: #c3293a;
padding: 0 30px 30px;
}
#valid-issue.success {
color: #000;
font-size: 18px;
text-align: center;
position: absolute;
padding: 10px;
width: 100%;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.contact_wraper {
background: #f2f2f2;
min-height: 400px;
position: relative;
}
.contact_wraper .form-box { margin-bottom: 10px; }
#footer .sidebar .menu li a:before { display: none !important; }
.frame-hover {
opacity:1;
max-width: 100%;
}
.frame-hover .frame{
border:none;
}
.frame-hover:hover{
opacity: .7;
}
.frame-hover.hover-border{
opacity: .7;
filter: alpha(opacity=70);
display: inline-block;
border: 1px solid #fff;
border-radius: 2px;
overflow: hidden;
-webkit-transition:
background .2s linear,
border .2s linear,
opacity .2s linear;
transition:
background .2s linear,
border .2s linear,
opacity .2s linear;
}
.frame-hover.hover-border:hover {
opacity: 1;
filter: alpha(opacity=100);
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, 0.2);
border-radius: 4px;
-webkit-transition:
background .2s linear,
border .2s linear,
opacity .2s linear;
transition:
background .2s linear,
border .2s linear,
opacity .2s linear;
}
.frame-shadow-metro{
-webkit-box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
-moz-box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
box-shadow: 3px 3px 0px 0px rgba(50, 50, 50, 0.5);
}
.widget{
margin-top:40px;
}
.widget li{
list-style:none;
padding:4px 0;
}
.widget ul{
padding:0;
}
.widget li a{
color:#1e1e1e;
}
.search-form{
position:relative;
}
.search-submit{
position:absolute;
right:0;
width:35px;
top:0;
height:100%;
background:none;
}
#calendar_wrap table{
width:100%;
}
.wpb_tour li{
border-color:transparent transparent transparent transparent !important;
border-radius:4px 0 0 4px;
position:relative;
}
.wpb_tour li.ui-tabs-active a::after{
display:block !important;
content:"";
position:absolute;
right:-2px;
height:100%;
width:4px;
background:#fff;
top:0;
}
.wpb_tour ul{
border-right:1px solid #ddd;
border-bottom:none !important;
}
.wpb_tour li.ui-tabs-active{
border:1px  solid #ddd !important;
border-right:none !important;
}
.wpb_content_element.wpb_tour .wpb_tabs_nav li{
margin-bottom:0 !important;
}
.hover-opacity {
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-10:hover {
opacity: .1;
filter: alpha(opacity=10);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-20:hover {
opacity: .2;
filter: alpha(opacity=20);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-30:hover {
opacity: .3;
filter: alpha(opacity=30);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-40:hover {
opacity: .4;
filter: alpha(opacity=40);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-50:hover {
opacity: .5;
filter: alpha(opacity=50);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-60:hover {
opacity: .6;
filter: alpha(opacity=60);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-70:hover {
opacity: .7;
filter: alpha(opacity=70);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-80:hover {
opacity: .8;
filter: alpha(opacity=80);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
}
.hover-opacity-90:hover {
opacity: .9;
filter: alpha(opacity=90);
-webkit-transition: opacity .2s linear;
transition: opacity .2s linear;
} body .wpb_row {
margin-bottom: 0;
}
body .wpb_row.full-width-box {
margin-bottom: 40px;
}
body .wpb_row > .wpb_column {
margin-bottom: 40px;
}
body .wpb_content_element,
body ul.wpb_thumbnails-fluid > li,
body .last_toggle_el_margin,
body .wpb_button {
margin-bottom: 40px;
}
.parallax-inner {
background-size: cover !important;
-webkit-background-size: cover !important;
}
.tp-loader {
background-image: url(//factor-g.nl/wp-content/themes/progressive/img/svg/loader.svg), none;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 40px;
background-color: transparent;
height: 40px;
margin: -20px 0 0 -20px;
width: 40px;
}
.tp-loader * {
display: none !important;
}
.wpb_content_element .wpb_tour_tabs_wrapper .wpb_tab > .wpb_row {
margin-left: 0;
margin-right: 0;
}
.product .yith-wcwl-add-to-wishlist a {
bottom: 0;
font-size: 0;
right: 0;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.product .yith-wcwl-add-to-wishlist a:before {
background: none;
}
.wpb_tour_next_prev_nav {
display: none !important;
}
.woocommerce-checkout .woocommerce > .m-t-b {
margin-left: -15px;
margin-right: -15px;
}
.single-portfolio .progressive-slider {
margin-bottom: 80px;
}
[data-twttr-id] {
text-align: center;
}
.parallax-inner {
min-height: 100%;
}
.col-sm-12 > .col-sm-12 {
padding-left: 0;
padding-right: 0;
}
.button-margin .btn {
margin: 2px;
vertical-align: top;
}
.wpb_wrapper .icon + .icon {
margin-left: 4px;
}
.vc_col-sm-12.row {
padding-left: 0;
padding-right: 0;
width: auto;
}
input[name="post_password"] {
border-color: #DDD;
border-width: 1px;
}
.fs-number { border-radius: 3px;
margin: 0 0 10px 0;
overflow: hidden;
}
.fs-number,
.fs-number:after,
.fs-number:before,
.fs-number *,
.fs-number *:after,
.fs-number *:before {
box-sizing: border-box;
-webkit-transition: none;
transition: none;
}
.fs-number-element {
width: 100%;
background: #ffffff;
border: 1px solid #cccccc;
border-radius: 3px;
color: #222222;
font-size: 15px;
line-height: 1;
overflow: hidden;
padding: 0 10px;
-moz-appearance: textfield;
text-align: center;
}
.woocommerce .fs-number .fs-number-element,
.woocommerce-page .fs-number .fs-number-element {
text-align: center !important;
padding-left: 0 !important;
max-width: 70px;
}
.fs-number-element::-webkit-inner-spin-button,
.fs-number-element::-webkit-outer-spin-button {
margin: 0;
-webkit-appearance: none;
}
.fs-number-element::-ms-clear {
display: none;
}
.fs-number-element:focus {
background-color: #ffffff;
}
.fs-number-disabled .fs-number-element {
background: #ffffff;
border-color: #cccccc;
color: #cccccc;
}
.fs-number-arrow {
background: url(//factor-g.nl/wp-content/themes/progressive/img/arrow-down.png) no-repeat scroll 50% 50% #ccc;
border: none;
cursor: pointer;
display: block;
line-height: 13px;
margin: 0;
overflow: visible;
padding: 0;
position: absolute;
text-indent: 9999999px;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
vertical-align: text-top;
width: 22px;
height: 22px;
right: 0;
bottom: 0;
color: #fff;
}
.no-opacity .fs-number-arrow {
text-indent: -999999px;
}
.fs-number-arrow:focus {
outline: none;
}
.fs-number-arrow.fs-number-up {
background: url(//factor-g.nl/wp-content/themes/progressive/img/arrow-up.png) no-repeat scroll 50% 50% #ccc;
border: none;
border-left: 1px solid #eaeaea;
bottom: auto;
top: 0;
}
.fs-number-arrow.fs-number-down {
bottom: 0;
border-top: none;
}
.fs-number-disabled .fs-number-arrow {
cursor: default;
}
.fs-number-arrow:hover {
background-color: #ff0068;
}
@media (max-width: 1300px) {
.boxed { padding-top: 0; }
.boxed #footer { padding-bottom: 0; }
} @media (min-width: 1200px) {
.carousel .col-md-1 { max-width: 100px; }
.carousel .col-md-2 { max-width: 200px; }
.carousel .col-md-3 {
width: 300px;
max-width: 300px;
}
.carousel .col-md-4 { max-width: 400px; }
.carousel .col-md-5 { max-width: 500px; }
.carousel .col-md-6 { max-width: 600px; }
.carousel .col-md-7 { max-width: 700px; }
.carousel .col-md-8 { max-width: 800px; }
.carousel .col-md-9 { max-width: 900px; }
.carousel .col-md-10 { max-width: 1000px; }
.carousel .col-md-11 { max-width: 1100px; }
.carousel .col-md-12 { max-width: 1200px; }
.boxed.padding-top { padding-top: 420px; }
} @media (min-width: 992px) {
.navbar-collapse {
display: block !important;
height: auto !important;
}
.navbar-collapse.collapse {
padding-bottom: 0;
overflow: visible !important;
}
} @media (min-width: 1200px) and (max-width: 1270px) {
.banner-set.banner-set-mini.banner-set-no-pagination .pagination { display: inline-block !important; }
.banner-set.banner-set-mini.banner-set-no-pagination .prev,  .banner-set.banner-set-mini.banner-set-no-pagination .next {
display: inline-block !important;
margin: 15px 0 0 !important;
position: static;
}
} @media (max-width: 1199px) {
#car-bottom .checkout-button {
padding-left: 28px;
padding-right: 28px;
}
.phone-active,  .search-active {
left: 0;
width: auto;
}
.banner-set .banner {
padding: 19px 9px;
width: 235px;
}
.banner-set.banner-set-mini .banner { width: 144px; }
.banner-set.banner-set-mini.banner-set-no-pagination .prev { margin-left: 15px; }
.banner-set.banner-set-mini.banner-set-no-pagination .next { margin-right: 15px; }
.banner-set.banner-set-mini.banner-set-no-pagination .container {
padding-left: 45px;
padding-right: 45px;
}
.container .banner-set.banner-set-mini.banner-set-no-pagination .prev { margin-left: 0; }
.container .banner-set.banner-set-mini.banner-set-no-pagination .next { margin-right: 0; }
.banner-set.banner-set-mini.banner-set-no-pagination .container {
padding-left: 30px;
padding-right: 30px;
}
.toolbar .per-page { display: none; }
.content .slider .slid-content { bottom: 43px; }
.content .slider .pagination { padding: 0; }
.content .slider .slider-nav .nav-box { bottom: 10px; }
.content .slider .slider-nav .prev,  .content .slider .slider-nav .next { display: none !important; }
#car-bottom .total .checkout { font-size: 12px; }
.pricing .title a { font-size: 21px; }
.employee .employee-hover .role { margin: 0 0 15px; }
.gallery-images:hover .bg-images i:before { font-size: 40px; }
.banner-set.banner-set-mini .prev { margin-left: 0; }
.banner-set.banner-set-mini .next { margin-right: 0; }
.sidebar .whats-news .product {
max-width: 270px;
min-width: inherit;
}
.sidebar .whats-news .rotation.hover .default {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
}
.sidebar .whats-news .rotation .product-hover { display: none; }
.rs-slider.full-width .tp-bullets {
left: 27px !important;
margin-left: 0 !important;
}
.rs-slider.full-width .right-box > * {
left: auto !important;
right: 15px;
}
.product .short-description {
height: 100px;
overflow: hidden;
}
.widget_calendar td {
padding: 6px;
}
} @media (min-width: 992px) and (max-width: 1199px) {
.header .primary .megamenu > .sub {
margin: -1px 0 0 -37px;
width: 832px;
}
.slider .slid-content,  .slider .slider-nav { width: 400px; }
.sidebar .banners .slide { width: 220px; }
.col-md-3.product,  .col-md-3 > .product { max-width: 242px; }
} @media (max-width: 991px) {
#catalog:before {
clear: both;
content: "";
display: table;
}
#catalog .sidebar {
margin-top: 40px;
}
.megamenu.active > .sub,.megamenu.active .sub-list > .sub{
display:block !important;
} 
.megamenu .sub-wrapper > .sub-list .sub {
margin-bottom:0 !important;
}
.sub-list > .sub > li {
float: none;
width: 100%;
position:relative;
padding-left:60px;
}
.sub-list > .sub > li a{
padding-left:0;
}
.megamenu .sub .sub-wrapper li > span{
margin-top:0;
color:#7f7f7f;
}
.open-sub{
cursor:pointer;
}
.megamenu .sub-wrapper li .open-sub span{
background:#7f7f7f !important;
max-width:12px !important;
max-width:12px !important;
}
.header .primary .megamenu > .sub .sub-wrapper{
padding-top:0;
}
.megamenu .sub-wrapper li a, .megamenu .sub-wrapper li a:visited{
padding:0 10px 0 0!important;
}
.megamenu .sub-wrapper li .sub a{
padding:0 10px !important;
}
.header .primary .navbar .nav .megamenu .sub-wrapper li .open-sub span{
margin:12px 0 0 17px !important;
}
.header .primary .navbar .nav .megamenu .sub-wrapper li .open-sub span + span{
margin: 7px 0 0 22px !important;
}
.fixed-header .page-box {
margin-top: 0 !important;
padding-top: 0 !important;
-webkit-transition: none !important;
transition: none !important;
}
.fixed-top-box { padding-top: 0; }
.fixed-top-box #top-box {
background: #1e1e1e;
position: static;
top: inherit;
z-index: inherit;
}
.fixed-header .header,  .boxed.fixed-header .header,  .boxed.fixed-header.fixed .header,  .fixed-header.hidden-top.visible-top .header {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: static;
top: inherit;
z-index: inherit;
-webkit-backface-visibility: inherit;
-webkit-transform: inherit;
}
.fixed-header .header-two + * { margin-top: 0; }
.hidden-top { margin-top: 0; }
.fixed-header {
margin-top: 0 !important;
padding-top: 0 !important;
}
.fixed-header.hidden-top {
-webkit-transition: all 0 linear;
transition: all 0 linear;
}
.fixed-header.hidden-top #top-box,  .boxed.fixed-header.hidden-top #top-box {
margin-top: 0;
margin-bottom: 0;
position: static;
}
.fixed-header.hidden-top .header {
margin-top: 0;
position: static;
}
.fixed-header.hidden-top.visible-top .header,  .fixed-header.hidden-top.fixed #top-box,  .fixed-header.hidden-top.visible-top.fixed #top-box { margin-top: 0; }
.header { width: auto; }
.header .right-box-wrapper { text-align: right; }
.header .header-icons { margin: 0; }
.header .cart-header { margin-right: 0; }
.header .primary,  .header .header-icons {
display: inline-block;
float: none;
vertical-align: top;
}
.header .primary {
margin: 0 0 0 -4px;
text-align: left;
z-index: inherit;
}
.header .primary .navbar {
margin: 0;
min-height: inherit;
position: static;
}
.header .primary .navbar .btn-navbar {
background: #fff;
border: 1px solid #ccc;
border-bottom: 0 none;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: block;
float: left;
height: 46px;
line-height: 15px;
margin: 0;
padding: 10px 15px;
position: relative;
text-shadow: none;
z-index: 920;
}
.header .primary .navbar .btn-navbar:before {
border-left: 1px solid #ccc;
border-left: 1px solid rgba(204,204,204,.8);
bottom: 8px;
content: "";
display: none;
left: -1px;
position: absolute;
top: 7px;
}
.header .primary .navbar .btn-navbar.collapsed:before { display: block; }
.header .primary .navbar .btn-navbar.collapsed {
background: none;
border: 1px solid transparent;
border-bottom: 0 none;
}
.header .primary .navbar .btn-navbar .text {
color: #1e1e1e;
float: right;
line-height: 16px;
padding: 0 0 0 30px;
}
.header .primary .navbar .btn-navbar .icon-bar {
background: #1e1e1e;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
height: 3px;
margin: 0;
width: 22px;
}
.header .primary .navbar .btn-navbar .icon-bar + .icon-bar { margin-top: 3px; }
.header .primary .navbar .navbar-collapse {
border: 0 none;
box-shadow: none;
left: auto;
margin: 22px 0 0;
max-height: inherit;
overflow: hidden !important;
padding: 0 15px;
position: absolute;
right: 0;
top: 50%;
width: 200%;
z-index: 919;
}
.header .primary .navbar .nav {
background: #fff;
border: 1px solid #ccc;
-webkit-border-radius: 3px 0 3px 3px;
-moz-border-radius: 3px 0 3px 3px;
border-radius: 3px 0 3px 3px;
float: none;
padding: 6px 6px 3px;
}
.header .primary .navbar .nav > li {
float: none;
margin: 0 0 3px;
padding: 0;
}
.header .primary .navbar .nav > li > a,  .header .primary .navbar .nav > li > a:visited {
background: #f2f2f2;
border: 1px solid #f2f2f2;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
font-weight: normal;
margin: 0;
padding: 7px 9px 7px 59px;
text-decoration: none;
}
.header .primary .navbar .nav > li > a:hover,  .header .primary .navbar .nav > li:hover > a {
background: #e9e9e9;
border: 1px solid #e9e9e9;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.header .primary .navbar .nav > .parent > a,  .header .primary .navbar .nav > li.parent:hover > a {
background: #f2f2f2;
position: relative;
}
.header .primary .navbar .nav .parent .parent > a:after { display: none; }
.header .primary .navbar .nav .open-sub {
bottom: 0;
left: 0;
position: absolute;
top: 0;
width: 55px;
}
.header .primary .navbar .nav .open-sub span {
background: #1e1e1e;
display: block;
height: 2px;
margin: 17px 0 0 15px;
position: absolute;
width: 16px;
}
.header .primary .navbar .nav .open-sub span + span {
height: 16px;
margin: 10px 0 0 22px;
width: 2px;
}
.header .primary .navbar .nav .parent .parent > a .open-sub span,  .header .primary .navbar .nav .megamenu .title .open-sub span {
background: #7f7f7f;
height: 2px;
margin: 14px 0 0 38px;
position: absolute;
width: 12px;
}
.header .primary .navbar .nav .parent .parent > a .open-sub span + span,  .header .primary .navbar .nav .megamenu .title .open-sub span + span {
height: 12px;
margin: 9px 0 0 43px;
width: 2px;
}
.header .primary .navbar .nav > li.parent:hover > a:after { display: none; }
.header .primary .sub,  .header .primary .parent .sub,  .header .primary .parent:hover > .sub {
background: #f7f7f7;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
display: none;
font-size: 13px;
left: 0;
line-height: 24px;
margin-top: 0;
margin-bottom: 0;
padding: 6px 0 5px;
position: relative;
}
.header .primary .navbar .nav > li.parent:hover > a {
background-color: #e9e9e9;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.header .primary .navbar .nav > .parent.active > a,  .header .primary .navbar .nav > .parent.active:hover > a {
background: #1e1e1e;
border-color: #1e1e1e;
color: #fff;
-webkit-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.header .primary .navbar .nav > .parent.active > a .open-sub span { background: #fff; }
.header .primary .navbar .nav .parent.active > a .open-sub span + span,  .header .primary .megamenu .box.active .title .open-sub span + span { display: none; }
.header .primary .parent:hover > .sub {
-webkit-animation: fadeIn 0;
animation: fadeIn 0;
}
.header .primary .sub li { line-height: 22px; }
.header .primary .sub a,  .header .primary .sub a:visited {
background: none;
color: #7f7f7f;
padding: 4px 9px 4px 60px;
text-decoration: none;
width: auto !important;
}
.header .primary .navbar .nav a > i { color: #1e1e1e; }
.header .primary li:hover > .sub a { background: none; }
.header .primary .sub .sub {
left: 0;
margin-left: 10px;
}
.header .primary .megamenu > .sub {
padding: 6px 0 5px;
width: 100%;
}
.header .primary .megamenu > .sub .sub-wrapper { display: block; }
.header .primary .megamenu > .sub .promo-block { display: none; }
.header .primary .megamenu > .sub .sub-list,
.header .primary .megamenu > .sub .sub-wrapper .sub-list {
display: block;
padding: 0;
width: 100% !important;
}
.header .primary .megamenu > .sub .box {
float: none;
margin: 0;
padding: 0;
width: 100% !important;
}
.header .primary .megamenu .title {
color: #7f7f7f;
cursor: pointer;
font-weight: normal;
line-height: 22px;
margin: 0;
text-transform: none;
position: relative;
}
.megamenu .sub .sub-wrapper li.parent > a {
color: #7f7f7f;
cursor: pointer;
font-weight: normal;
line-height: 22px;
margin: 0;
padding: 4px 9px 4px 0px !important;
text-transform: none;
}
.megamenu .sub .sub-wrapper li.parent > a > .open-sub {
left:22px;
top:2px;
}
.header .primary .megamenu > .sub .box.closed ul {
display: none;
margin-left: 10px;
}
.header .primary .navbar .nav a .item-new,  .header .primary .navbar .nav .megamenu a .item-new,  .header .primary .navbar .nav .megamenu .sub a .item-new {
left: 0;
float: right;
position: static;
top: 0;
}
.header .primary .navbar .nav a .item-new .before,  .header .primary .navbar .nav a .item-new:before { display: none; }
.header .primary .navbar .nav > li.item-bg > a .open-sub span,  .header .primary .navbar .nav > li.item-inverse > a .open-sub span { background: #fff; }
.header .primary .navbar .nav > li.item-bg > a,  .header .primary .navbar .nav > li.item-inverse > a,  .header .primary .navbar .nav > li.item-inverse:hover > a { color: #fff; }
.header .primary .navbar .nav > li.item-primary > a { border-color: #428bca; }
.header .primary .navbar .nav > li.item-success > a { border-color: #738d00; }
.header .primary .navbar .nav > li.item-info > a { border-color: #0098ca; }
.header .primary .navbar .nav > li.item-warning > a { border-color: #f89406; }
.header .primary .navbar .nav > li.item-danger > a { border-color: #c10841; }
.header .primary .navbar .nav > li.item-primary.item-bg > a,  .header .primary .navbar .nav > li.item-primary.item-bg:hover > a,  .header .primary .navbar .nav > li.item-primary.item-inverse > a,  .header .primary .navbar .nav > li.item-primary.item-inverse:hover > a {
background-color: #428bca;
border-color: #428bca;
}
.header .primary .navbar .nav > li.item-success.item-bg > a,  .header .primary .navbar .nav > li.item-success.item-bg:hover > a,  .header .primary .navbar .nav > li.item-success.item-inverse > a,  .header .primary .navbar .nav > li.item-success.item-inverse:hover > a {
background-color: #738d00;
border-color: #738d00;
}
.header .primary .navbar .nav > li.item-info.item-bg > a,  .header .primary .navbar .nav > li.item-info.item-bg:hover > a,  .header .primary .navbar .nav > li.item-info.item-inverse > a,  .header .primary .navbar .nav > li.item-info.item-inverse:hover > a {
background-color: #0098ca;
border-color: #0098ca;
}
.header .primary .navbar .nav > li.item-warning.item-bg > a,  .header .primary .navbar .nav > li.item-warning.item-bg:hover > a,  .header .primary .navbar .nav > li.item-warning.item-inverse > a,  .header .primary .navbar .nav > li.item-warning.item-inverse:hover > a {
background-color: #f89406;
border-color: #f89406;
}
.header .primary .navbar .nav > li.item-danger.item-bg > a,  .header .primary .navbar .nav > li.item-danger.item-bg:hover > a,  .header .primary .navbar .nav > li.item-danger.item-inverse > a,  .header .primary .navbar .nav > li.item-danger.item-inverse:hover > a {
background-color: #c10841;
border-color: #c10841;
}
.header .primary .navbar .navbar-collapse .nav > li.item-bg .sub { background: #f7f7f7; }
.header .primary .navbar .navbar-collapse .nav > li.item-bg .sub a { color: #7f7f7f; }
.header .cart-header .dropdown-menu {
margin-top: -1px;
margin-right: -98px;
}
.header .cart-header.open .dropdown-toggle:after { left: 0; }
.header.header-two .phone-header { margin-right: 0; }
.header.header-two .phone-active,  .header.header-two .search-active { z-index: 1003; }
.header.header-three .logo-box { width: 724px; }
.top-fixed-box { display: none; }
.slider { padding: 10px 0; }
.slider .slid-content,  .slider .slider-nav { width: 370px; }
.slider .slid-content .title { margin: 0 0 14px; }
.slider .slid-content .descriptions { margin: 0 0 17px 0; }
.slider .slider-nav { right: 15px; }
.slider .slider-nav .nav-box { bottom: 0; }
.slider .slider-nav .prev,  .slider .slider-nav .next { display: none !important; }
.slider .slid-content { bottom: 60px; }
.progressive-slider-two .slider-wrapper { height: auto !important; }
.progressive-slider-two .sliders-container {
margin: 0;
padding-left: 15px;
padding-right: 15px;
}
.progressive-slider-two .slider-banners {
height: auto;
width: 100%;
}
.progressive-slider-two .slider-banners .banner {
display: table-cell;
height: auto;
width: 33.33333333%;
}
.page-slider { padding: 0; }
.metro-banners { padding: 30px 0 11px; }
.metro-banners .banner { margin-bottom: 19px; }
.banner-set .banner { width: 180px; }
.banner-set .banner .title { font-size: 18px; }
.toolbar .grid-list .grid,  .toolbar .grid-list .list { margin-right: 6px; }
.toolbar .sort-catalog { margin: 0 6px 20px 1px; }
.products.grid {
margin-left: -10px;
margin-right: -10px;
text-align: center;
}
.table-box {
overflow-x: auto;
padding: 0 1px;
}
.portfolio .filter-buttons {
float: none;
margin-bottom: 20px;
}
.portfolio .year-regulator {
float: none;
}
.portfolio .work-element{
position:static!important;
}
.product-page .product-options .buy-for,  .product-page .product-options .col-sm-12 {
float: none;
margin-bottom: 20px;
width: 100%;
}
.product-options-samples .col-sm-12 { margin-bottom: 20px; }
.product-options-samples .required-box { margin-bottom: 0; }
.product-bottom .col-sm-12 + .col-sm-12 { margin-top: 40px; }
.shopping-cart-table tbody td,  .shopping-cart-table .td-qty { padding: 20px; }
#car-bottom .car-bottom-box { padding: 17px 20px 20px; }
.employee-single { margin-left: 0; }
.employee-single .images-box {
float: none;
margin: 0 auto 20px;
}
.employee-single .employee-description {
margin-left: 0;
width: 100%;
}
.employee-single-rotation .content-box {
float: none;
width: auto;
}
.employee-single-rotation .employee { margin: 0 20px 10px; }
.employee-single-rotation .employee.pull-right { margin-right: 0; }
.royalSlider.heroSlider,  .royalSlider.heroSlider .rsOverflow,  img.rsImg { min-height: 220px !important; }
.infoBlock {
padding: 10px;
height: auto;
max-height: 100%;
min-width: 40%;
left: 5px;
top: 5px;
right: auto;
font-size: 12px;
}
.infoBlock h3,  .infoBlock h4 {
font-size: 14px;
line-height: 17px;
}
.layer-slider .container {
padding-left: 0;
padding-right: 0;
}
.banner-set.banner-set-mini.banner-set-no-pagination .container {
padding-left: 15px;
padding-right: 15px;
}
.banner-set.banner-set-mini.banner-set-no-pagination .next { margin-right: -15px; }
.banner-set.banner-set-mini.banner-set-no-pagination .prev { margin-left: -15px; }
.container .banner-set.banner-set-mini.banner-set-no-pagination .container {
padding-left: 0;
padding-right: 0;
}
.container .banner-set.banner-set-mini.banner-set-no-pagination .next { margin-right: -30px; }
.container .banner-set.banner-set-mini.banner-set-no-pagination .prev { margin-left: -30px; }
.count-down-box {
float: none;
margin-bottom: 30px;
}
#footer .newsletter form { width: 270px; }
.post.carousel .images-box + [class*="span"] {
float: none;
margin-left: 0;
width: auto;
}
.full-width-box .fwb-paralax { background-position: 50% 50% !important; }
#footer .sidebar .widget:nth-child(2n+1) { clear: left; }
#footer .sidebar .carousel-box header .title { margin-bottom: 0; }
#footer .sidebar .carousel-box header .next,  #footer .sidebar .carousel-box header .prev {
bottom: inherit;
left: 0;
margin: 0 0 0 10px;
position: static;
}
.row_table{
display:table;
margin-left: 0 !important;
margin-right: 0 !important;
}
.row_table .footer_group{
display:table-row-group;
}
.row_table .tb_header{
display:table-header-group; 
float:none;
}
.products_tabs .product {
display: inline-block;
float: none;
}
} @media (max-width: 800px) {
.banner-set.banner-set-mini.banner-set-no-pagination .pagination { display: inline-block !important; }
.banner-set.banner-set-mini.banner-set-no-pagination .prev,  .banner-set.banner-set-mini.banner-set-no-pagination .next {
display: inline-block !important;
margin: 15px 0 0 !important;
position: static;
}
} @media (max-width: 768px) {
.posts-carousel {
margin-bottom: 40px !important;
}
.frame-hover.hover-border .text-left {
text-align: center;
}
.shopping-cart-table.table thead th { padding: 16px 2px 12px; text-align: center; }
.shopping-cart-table.table tbody td { padding: 10px; }
} @media (min-width: 768px) and (max-width: 991px) {
.carousel .col-sm-1 { max-width: 62px; }
.carousel .col-sm-2 { max-width: 125px; }
.carousel .col-sm-3 { max-width: 187px; }
.carousel .col-sm-4 { max-width: 250px; }
.carousel .col-sm-5 { max-width: 31px; }
.carousel .col-sm-6 { max-width: 375px; }
.carousel .col-sm-7 { max-width: 437px; }
.carousel .col-sm-8 { max-width: 500px; }
.carousel .col-sm-9 { max-width: 562px; }
.carousel .col-sm-10 { max-width: 625px; }
.carousel .col-sm-11 { max-width: 687px; }
.carousel .col-sm-12 { max-width: 750px; }
.top-navbar .nav > li a {
padding-left: 10px;
padding-right: 10px;
}
.primary .navbar-collapse.collapse { display: none !important; }
.primary .navbar-collapse.collapse.in { display: block !important; }
.load.banner-set .container { height: 258px; }
.toolbar .price-regulator { width: 245px; }
.toolbar .price-regulator .layout-slider { width: 200px; }
.product-page .add-cart-form .add-cart { min-width: 200px; }
.product-page .image-box .thumblist-box { padding: 0 45px; }
.product-page .image-box #thumblist a {
height: 70px;
width: 70px;
}
#car-bottom .total .checkout { padding: 9px 10px; }
.contact-info address {
float: none;
width: 100%;
}
.product.product-category {
width: 33.33333333%;
}
.package .title a { font-size: 20px; }
.package .price-box .icon { display: none; }
.package .price-box .description { margin: 0 0 17px 0; }
.sidebar .banners .slide { width: 165px; }
.sidebar .banners .banner-text { padding: 10px; }
.sidebar .banners .banner-text p { display: none; }
.products-tab .tab-content { overflow: visible; }
.col-sm-5.respond-carousel .carousel .respond { max-width: 312px; }
#footer .footer-top .col-md-3 { margin-bottom: 40px; }
} @media (min-width: 768px) {
.filter-list.filter-buttons .dropdown-toggle { display: none; }
.filter-list.filter-buttons .dropdown-menu {
background: none;
border: 0 none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
display: block !important;
float: none;
left: inherit;
margin: 0;
min-width: inherit;
padding: 0;
position: relative;
top: inherit;
z-index: inherit;
}
.filter-list.filter-buttons .dropdown-menu > li {
float: left;
margin: 0 20px 10px 0;
}
.filter-list.filter-buttons .dropdown-menu > li > a {
background: transparent;
border: 1px solid transparent;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
clear: none;
color: #1e1e1e;
height: 38px;
line-height: 38px;
margin: 0;
padding: 0 20px;
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.filter-list.filter-buttons .dropdown-menu > li > a:hover {
background: transparent;
text-decoration: none;
opacity: .7;
filter: alpha(opacity=70);
-webkit-transition: opacity .2s ease-out;
transition: opacity .2s ease-out;
}
.filter-list.filter-buttons .dropdown-menu > li > a.active {
border: 1px solid #e1e1e1;
font-weight: bold;
opacity: 1;
filter: alpha(opacity=100);
text-decoration: none;
}
.filter-list.filter-buttons.white .dropdown-menu > li > a { color: #fff; }
.product.product-centered.col-lg-2,
.product.product-centered.col-md-2 {
width: 16.3%;
}
.product.product-centered.col-lg-3,
.product.product-centered.col-md-3 {
width: 24.6%;
}
.product.product-centered.col-lg-4,
.product.product-centered.col-md-4 {
width: 32.8%;
}
} @media (max-width: 767px) {
.parallax-inner {
bottom: 0 !important;
height: auto !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
-webkit-transform: translate3d(0,0,0) !important;
transform: translate3d(0,0,0) !important;
width: auto !important;
}
.portfolio .work-element {
float: left;
width: 100%;
}
.container {
padding-left: 10px;
padding-right: 10px;
}
.carousel .col-sm-1,  .carousel .col-sm-2,  .carousel .col-sm-3,  .carousel .col-sm-4 { min-width: 160px; }
.carousel .col-sm-5,  .carousel .col-sm-6,  .carousel .col-sm-7,  .carousel .col-sm-8,  .carousel .col-sm-9,  .carousel .col-sm-10,  .carousel .col-sm-11,  .carousel .col-sm-12 { min-width: 300px; }
.carousel .col-md-1,  .carousel .col-md-2,  .carousel .col-md-3,  .carousel .col-md-4,  .carousel .col-xs-1,  .carousel .col-xs-2,  .carousel .col-xs-3,  .carousel .col-xs-4,  .carousel .col-xs-5,  .carousel .col-xs-6,  .carousel .col-xs-7,  .carousel .col-xs-8,  .carousel .col-xs-9,  .carousel .col-xs-10,  .carousel .col-xs-11,  .carousel .col-xs-12 { max-width: 300px; }
.col2-set .col-1,  .col2-set .col-2 {
float: none;
width: 100%;
}
.carousel.post .col-xs-12 {
max-width: inherit;
}
.col2-set .col-1 { margin-bottom: 40px; }
body,  body.loaded {
min-width: 320px;
padding-left: 0;
padding-right: 0;
overflow-x: hidden;
}
.page-box,  .boxed.loaded .page-box {
height: auto !important;
min-height: inherit;
overflow-x: hidden;
}
.page-box-content { padding-bottom: 0; }
#top-box .btn-group.btn-select .visible-xs { display: inline-block !important; }
#top-box .btn-group.btn-select .dropdown-menu {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 0 3px 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
min-width: inherit;
width: 100%;
}
.top-navbar {
margin: 0;
min-height: 30px;
}
.top-navbar .btn-navbar {
background: none !important;
border-color: rgba(255,255,255,.2);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
color: rgba(255,255,255,.7);
float: left;
font-size: 16px;
margin: 0;
padding: 7px;
}
.top-navbar .btn-navbar.collapsed { border-color: transparent; }
.navbar-inverse .navbar-toggle .icon-bar {
background-color: rgba(255,255,255,.7);
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.top-navbar .collapse,  .top-navbar .collapsing {
background: #fff;
border: 0 none;
left: 0;
margin: 5px -10px 0;
padding: 0;
position: absolute !important;
top: 100%;
z-index: 1002;
}
.top-navbar .navbar-nav { margin: 0; }
#top-box .top-navbar .nav > li a { color: #7b7b7b; }
.top-navbar .nav > li:hover a,  .top-navbar .nav > li a:hover { background: none; }
.top-navbar.top-navbar-right .btn-navbar { float: right; }
.top-navbar.top-navbar-right .collapse,  .top-navbar.top-navbar-right .collapsing {
left: auto;
right: 0;
}
.top-navbar .nav > li a .count { background: rgba(0,0,0,.1); }
.header-three { overflow: hidden; }
.header .right-box { padding-left: 0; }
.phone-active,  .search-active {
left: 10px;
padding: 0;
right: 10px;
}
.phone-active {
font-size: 22px;
line-height: 58px;
}
.phone-active .title { display: none; }
.search-active .search-string,  .search-active .search-string:hover { padding-left: 8px; }
.header .cart-header .dropdown-toggle,  .header .primary .navbar .btn-navbar {
padding-left: 10px;
padding-right: 10px;
}
.header .cart-header .dropdown-menu { width: 325px; }
.header.header-three .logo-box { width: 100%; }
.breadcrumb {
padding-left: 10px;
padding-right: 10px;
}
.progressive-slider .container {
padding-left: 0;
padding-right: 0;
}
.slider .slid {
margin-left: 0;
margin-right: 0;
}
.slider .slider-nav {
right: 0;
width: 50%;
}
.slider .slid .col-sm-12.col-md-12 {
padding-left: 0;
padding-right: 0;
}
.slider .slid-content {
bottom: 30px;
padding: 13px 10px 0;
right: 0;
width: 50%;
}
.slider .slid-content .title {
font-size: 12px;
line-height: 14px;
}
.slider .slid-content .descriptions { display: none; }
.slider .slid-content .btn {
font-size: 12px;
padding-top: 8px;
padding-bottom: 7px;
}
.slider .slider-nav .nav-box {
bottom: 10px;
left: 10px;
right: 10px;
}
.slider .slider-nav .pagination {
margin: 0;
padding: 0;
}
.page-slider {
margin-left: 0;
margin-right: 0;
}
.slider.progressive-slider {
padding: 10px 0;
}
.progressive-slider-two .slider-banners .banner {
display: block;
width: 100%;
}
.rs-slider.full-width .tp-bullets {
left: 7px !important;
margin-left: 0 !important;
top: 10px !important;
}
.slider.rs-slider.full-width .btn-link { font-size: 12px !important; }
.progressive-slider-four .prev,  .progressive-slider-four .next {
font-size: 30px;
left: 10px;
margin-top: -15px;
}
.progressive-slider-four .next {
left: auto;
right: 10px;
}
.single-portfolio .progressive-slider {
margin-bottom: 40px;
}
.page-header .container:before { left: 10px; }
#main { padding: 40px 0; }
#main.no-padding {
padding-top: 0;
padding-bottom: 0;
}
.work-element.col-md-3 .work {
margin-left: auto;
margin-right: auto;
max-width: 270px;
}
.work-element.col-md-4 .work {
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.work-one .work-title { margin-bottom: 20px; }
.work-single .carousel-box .carousel .col-md-3 {
float: left;
margin-left: 10px;
margin-right: 10px;
}
.work-single .carousel-box .carousel .col-md-4 {
float: left;
margin-left: 10px;
margin-right: 10px;
width: 280px;
}
.content.pull-right { float: none !important; }
.sidebar { margin-top: 40px; }
.sidebar {
margin-top: 40px;
}
.tb_header + .sidebar {
margin-top: 0;
}
.sidebar .widget { margin: 0 0 40px; }
.sidebar .carousel > .col-md-3 {
float: left;
margin-left: 10px;
margin-right: 10px;
}
.sidebar .whats-news .carousel-pagination {
margin: 0 auto;
max-width: 300px;
}
#catalog .category-img { margin-bottom: 40px; }
#catalog .category-img .description {
font-size: 18px;
padding: 20px;
}
.toolbar .price-regulator {
float: left !important;
margin-top: 3px;
width: 300px;
}
.toolbar .price-regulator .layout-slider { width: 240px; }
.pagination-box {
margin-top: 0;
text-align: center;
}
.pagination-box .pagination { margin: 0 -5px 0 0; }
.pagination-box .pagination-text {
display: block;
float: none;
}
.products { text-align: center; }
.list .product .col-md-3,  .list .product .col-md-4 { margin-bottom: 20px; }
.list .product .product-image {
margin-left: auto;
margin-right: auto;
max-width: 300px;
}
.caroufredsel_wrapper {
margin-left: auto !important;
margin-right: auto !important;
}
.recommended-product .products > .col-md-3 .product {
display: block;
margin-left: 0;
margin-right: 0;
}
.products-tab .tab-content > .tab-pane {
height: 263px;
text-align: center;
}
.bottom-padding,  .bottom-padding-mobile,  .bottom-padding.row.carousel-box { margin-bottom: 40px; }
.bottom-padding-mini { margin-bottom: 0; }
.bottom-padding.bottom-padding-mini { margin-bottom: 40px; }
.text-center-mobile { text-align: center; }
.accordion-tab,  .tabs-left .accordion-tab,  .tabs-right .accordion-tab {
border: 0 none;
float: none;
width: 100%;
}
.accordion-tab > li,  .tabs-left > .accordion-tab > li,  .tabs-right > .accordion-tab > li {
float: none;
margin: 0 0 3px;
}
.accordion-tab > li > a,  .products-tab .accordion-tab > li > a,  .tabs-left > .accordion-tab > li > a,  .tabs-right > .accordion-tab > li > a {
background-position: 14px 50%;
background-repeat: no-repeat;
background-color: #f2f2f2;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #1e1e1e;
display: block;
font-size: 14px;
line-height: 22px;
margin: 0;
padding: 9px 9px 9px 60px;
position: relative;
text-decoration: none;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.accordion-tab > li > a:hover,  .products-tab .accordion-tab > li > a:hover {
background-color: #e9e9e9;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.accordion-tab > li.active > a,  .accordion-tab > li.active > a:hover,  .accordion-tab > li.active > a:focus,  .accordion-tab > li.active:hover > a,  .products-tab .accordion-tab > li.active > a,  .products-tab .accordion-tab > li.active:hover > a {
background-color: #1e1e1e;
border: 0 none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #fff !important;
}
.accordion-tab > li > a:before,  .products-tab .accordion-tab > li > a:before {
background: #e1e1e1;
background: rgba(255,255,255,.4);
bottom: 0;
content: "";
display: block;
left: 45px;
position: absolute;
top: 0;
width: 1px;
}
.accordion-tab > li.active > a:before,  .products-tab .accordion-tab > li.active > a:before {
background: #444;
background: rgba(255,255,255,.2);
}
.accordion-tab > li > a .open-sub,  .products-tab .accordion-tab > li > a .open-sub {
bottom: 0;
display: block;
left: 0;
position: absolute;
top: 0;
width: 45px;
}
.accordion-tab > li > a .open-sub:before,  .accordion-tab > li > a .open-sub:after,  .products-tab .accordion-tab > li > a .open-sub:before,  .products-tab .accordion-tab > li > a .open-sub:after {
background: #1e1e1e;
content: "";
display: block;
height: 2px;
left: 0;
margin: 19px 0 0 15px;
position: absolute;
top: 0;
width: 16px;
}
.accordion-tab > li > a .open-sub:after,  .products-tab .accordion-tab > li > a .open-sub:after {
height: 16px;
margin: 12px 0 0 22px;
width: 2px;
}
.accordion-tab > .active > a .open-sub:before,  .accordion-tab > .active > a .open-sub:after,  .products-tab .accordion-tab > .active > a .open-sub:before,  .products-tab .accordion-tab > .active > a .open-sub:after { background: #fff; }
.accordion-tab > .active > a .open-sub:after,  .products-tab .accordion-tab > .active > a .open-sub:after { display: none; }
.accordion-tab .tab-pane {
border: 0 none;
display: none;
font-size: 13px;
padding: 20px 0 30px;
}
.products-tab .accordion-tab .tab-pane { background: none; }
.promo-partners .manufactures { text-align: center; }
.page-header { margin-bottom: 40px; }
.image-box {
margin: 0 auto 40px;
max-width: 470px;
}
.product, .product.product-category, .double-product { width: 300px; }
.product.product-page {
width: auto;
}
.wpb_tab { }
.wpb_tab > .product {
display: inline-block;
float: none;
}
.double-product .product { max-width: 100%; }
.product.product-mini { width: 250px; }
.product-page .image-box .thumblist-box {
max-height: 80px;
padding: 0 45px;
}
.product-page .image-box #thumblist a {
height: 70px;
width: 70px;
}
.product-page .col-md-7 .price-box { font-size: 40px; }
.product-page .add-cart-form { margin-bottom: 0; }
.product-page .add-cart-form .add-cart,  .product-page .add-cart-form .number { margin-bottom: 40px; }
.product-page .product-tab { margin: 40px 0; }
.product-page .product-tab .tab-pane { padding: 20px 0; }
.product-page .product-options-table table th,  .product-page .product-options-table table td,  .product-page .product-options-table table td.qty {
padding-left: 15px;
padding-right: 15px;
}
.product-options-detail .add-cart {
display: block;
float: none;
margin: 20px 0 0;
min-width: inherit;
}
#car-bottom { margin-bottom: 0; }
#checkoutsteps { margin-bottom: 40px; }
.login .new-costumers { padding: 0 0 40px; }
.map-box .contact-info {
margin-bottom: 20px;
padding: 0;
position: relative;
top: 0;
}
.box-404 {
-webkit-border-radius: 150px;
-moz-border-radius: 150px;
border-radius: 150px;
height: 300px;
margin: 0 auto 40px;
padding: 75px 0 0;
width: 300px;
}
.box-404 h1 { font-size: 120px; }
.team-box { text-align: center; }
.list-images {
margin-left: -10px;
margin-right: -10px;
margin-bottom: 20px;
text-align: center;
}
.list-images > .col-md-4 {
display: inline-block;
margin: 0 0 20px;
text-align: left;
width: 170px;
}
.gallery .images-box { text-align: center; }
.gallery-images { display: inline-block; }
.gallery-images .bg-images { text-align: left; }
.year-regulator .layout-slider { width: 240px; }
.work-one .description { margin-bottom: 15px; }
.work-box + .work-box { margin-top: 40px; }
.employee { max-width: 300px; }
.employee-single { width: 100%; }
.employee-single .images-box {
display: block;
max-width: 430px;
}
.employee-single .images-box.pull-right {
float: right;
margin: 0 0 10px 20px;
}
.respond-carousel .carousel [class*="span"] {
margin-left: 2px;
margin-right: 2px;
}
.steps { display: block; }
.steps .step {
border: 1px solid #e1e1e1;
display: block;
}
.steps .step + .step {
border: 1px solid #e1e1e1;
border-top: 0 none;
}
.steps .step:first-child {
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.steps .step:last-child {
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
}
.steps .step .step-wrapper:after,  .steps .step .step-wrapper:before {
border: 7px solid transparent;
border-top-color: #e1e1e1;
bottom: -30px;
left: 50%;
margin: 0 0 0 -7px;
right: auto;
top: auto;
}
.steps .step .step-wrapper:before {
border-top-color: #fff;
bottom: -28px;
}
.steps .step.border-grey .step-wrapper:after,  .steps .step.bg-grey .step-wrapper:before {
border-left-color: transparent;
border-top-color: #777;
}
.steps .step.border-warning .step-wrapper:after {
border-top-color: #f89406;
border-left-color: transparent;
}
.steps .step.border-error .step-wrapper:after {
border-top-color: #c10841;
border-left-color: transparent;
}
.steps .step.border-info .step-wrapper:after {
border-top-color: #0098ca;
border-left-color: transparent;
}
.steps .step.border-success .step-wrapper:after {
border-top-color: #738d00;
border-left-color: transparent;
}
.steps .step.bg-warning .step-wrapper:before {
border-top-color: #f89406;
border-left-color: transparent;
}
.steps .step.bg-error .step-wrapper:before {
border-top-color: #c10841;
border-left-color: transparent;
}
.steps .step.bg-info .step-wrapper:before {
border-top-color: #0098ca;
border-left-color: transparent;
}
.steps .step.bg-success .step-wrapper:before {
border-top-color: #738d00;
border-left-color: transparent;
}
.steps.steps-apart .step {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 22px;
}
.steps.progress-steps .step {
border: 1px solid #e1e1e1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-bottom: 22px;
}
.steps.progress-steps .step .step-wrapper { padding-left: 100px; }
.steps.progress-steps .step.step-right .step-wrapper { padding-right: 100px; }
.steps.progress-steps .step .number {
font-size: 40px;
line-height: 2;
width: 80px;
}
#count-down .county-days-wrapper,  #count-down .county-hours-wrapper,  #count-down .county-minutes-wrapper,  #count-down .county-seconds-wrapper { height: 80px; }
#count-down .county-days,  #count-down .county-hours,  #count-down .county-minutes,  #count-down .county-seconds { line-height: 80px; }
.banner-set .banner { width: 290px; }
.full-width-box {
padding-top: 40px;
padding-bottom: 40px;
}
.full-width-box .container {
margin-left: 0;
margin-right: 0;
padding-left: 10px;
padding-right: 10px;
}
.page-404-promo #main .title h1 { font-size: 120px; }
.page-404-promo #main .content .back-home { padding: 10px 20px 10px 10px; }
.timeline:before { left: 20px; }
.timeline .post,  .timeline .post:nth-child(even) {
margin: 0;
padding: 0 0 30px 60px;
width: 100%;
}
.timeline .post .timeline-time,  .timeline .post:nth-child(even) .timeline-time {
left: 0;
margin: 0 0 5px;
position: relative;
right: 0;
text-align: left;
}
.timeline .post .timeline-icon {
left: 0;
margin: 22px 0 0 0;
}
.timeline .post .timeline-content:before,  .timeline .post:nth-child(even) .timeline-content:before {
border: 15px solid transparent;
border-right-color: #ccc;
left: -30px;
right: auto;
}
.timeline .post .timeline-content:after,  .timeline .post:nth-child(even) .timeline-content:after {
border: 14px solid transparent;
border-right-color: #fff;
left: -28px;
right: auto;
}
.timeline .post .timeline-content.bg:before,  .timeline .post .timeline-content.border:before {
border: 15px solid transparent;
border-right-color: #ccc;
}
.timeline .post .timeline-content.bg-danger:before,  .timeline .post:nth-child(even) .timeline-content.bg-danger:before,  .timeline .post .timeline-content.border-danger:before,  .timeline .post:nth-child(even) .timeline-content.border-danger:before { border-right-color: #c10841; }
.timeline .post .timeline-content.bg-warning:before,  .timeline .post:nth-child(even) .timeline-content.bg-warning:before,  .timeline .post .timeline-content.border-warning:before,  .timeline .post:nth-child(even) .timeline-content.border-warning:before { border-right-color: #f89406; }
.timeline .post .timeline-content.bg-info:before,  .timeline .post:nth-child(even) .timeline-content.bg-info:before,  .timeline .post .timeline-content.border-info:before,  .timeline .post:nth-child(even) .timeline-content.border-info:before { border-right-color: #0098ca; }
.timeline .post .timeline-content.bg-success:before,  .timeline .post:nth-child(even) .timeline-content.bg-success:before,  .timeline .post .timeline-content.border-success:before,  .timeline .post:nth-child(even) .timeline-content.border-success:before { border-right-color: #738d00; }
.timeline .post .timeline-content.bg-primary:before,  .timeline .post:nth-child(even) .timeline-content.bg-primary:before,  .timeline .post .timeline-content.border-primary:before,  .timeline .post:nth-child(even) .timeline-content.border-primary:before { border-right-color: #428bca; }
.timeline .post .timeline-content .entry-content img { width: 100%; }
#footer { margin-top: 0; }
#footer .sidebar { margin-top: 0; padding-bottom:22px;}
#footer .footer-top { padding-bottom: 0; }
#footer .footer-top .col-md-3 {
margin-bottom: 36px;
overflow: hidden;
}
#footer .footer-bottom .col-md-3 { overflow: hidden; }
#footer .footer-bottom .copyright {
padding: 17px 0;
text-align: center;
}
#footer .footer-bottom .new-copyright .widget {
margin-bottom:10px;
margin-top:-10px;
}
#footer .phone,  #footer .address {
float: left;
margin-bottom: 29px;
width: 92%;
}
#footer .phone .title { display: block; }
#footer .address { float: right;width:100%; }
#footer .up {
float: none;
margin: 0 auto;
}
#count-down { text-align: center; }
#count-down .county-days,  #count-down .county-hours,  #count-down .county-minutes,  #count-down .county-seconds { font-size: 30px; }
.product .short-description {
height: auto;
overflow: visible;
}
.wpb_wrapper .sidebar {
margin-top: 0;
margin-bottom: 40px;
}
.woocommerce .list .products .product {
margin: 0 0 40px;
max-width: inherit;
}
} @media (max-width: 600px) {
.post.carousel .images-box,  .post.carousel .images-box.pull-right,  .employee-single .images-box,  .employee-single-rotation .employee,  .employee-single-rotation .employee.pull-right {
display: block;
float: none !important;
margin: 0 auto 20px;
}
.hidden-600 { display: none !important; }
.header .cart-header .dropdown-toggle .count { display: none; }
.header .cart-header .dropdown-toggle,  .header .primary .navbar .btn-navbar {
padding-left: 5px;
padding-right: 5px;
}
.header.header-two .primary .navbar .btn-navbar.collapsed:before { display: none; }
.ui-tabs-anchor{
font-size:14px;
}
} @media (max-width: 501px) {
.shopping-cart-table.table thead,
.shopping-cart-table.table tbody,
.shopping-cart-table.table tfoot,
.shopping-cart-table.table tr,
.shopping-cart-table.table th,
.shopping-cart-table.table td{
display: block;
}
.shopping-cart-table.table thead tr{
position: absolute;
top: -99999px;
left: -99999px;
}
.shopping-cart-table.table tbody tr{
border-bottom: 1px solid #ddd; 
}
.shopping-cart-table.table tbody td.product-name,
.shopping-cart-table.table tbody td.product-price,
.shopping-cart-table.table tbody td.product-quantity,
.shopping-cart-table.table tbody td.product-subtotal,
.shopping-cart-table.table tbody td.product-remove{
border: none;
position: relative;
padding-left: 50%;
padding-right: 25px;
text-align: right;
}
.shopping-cart-table.table tbody td.product-quantity .quantity{
margin: 0;
display: inline-block;
}
.shopping-cart-table.table tbody td.product-remove{
width: 100%;
min-height: 40px;
}
.shopping-cart-table.table tbody td:before{
position: absolute;
top: auto;
left: 0;
width: 45%; 
padding-left: 25px;
text-align: left;
white-space: nowrap;
}
.shopping-cart-table.table tbody td.product-name:before { content: "Product Name"; }
.shopping-cart-table.table tbody td.product-price:before { content: "Product Price"; }
.shopping-cart-table.table tbody td.product-quantity:before { content: "Product Quantity"; }
.shopping-cart-table.table tbody td.product-subtotal:before { content: "Total"; }
.shopping-cart-table.table tbody td.product-remove:before { content: ""; }
} @media (max-width: 480px) {
.slider .slid-content .title {
max-height: 42px;
overflow: hidden;
}
.ui-tabs-anchor{
font-size:11px;
padding:0.5em;
}
.vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav {
border: 0 none;
}
.vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
.vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav .ui-state-active {
border: 1px solid #ddd !important;
}
.vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tabs_nav li a:after {
display: none !important;
}
.vc_responsive .wpb_tour .wpb_tour_tabs_wrapper .wpb_tab {
padding: 20px 0 0;
}
} .touch-device .carousel-box .next:hover, .touch-device .carousel-box .prev:hover {
background-color: #ccc;
color: #fbfbfb;
}
.touch-device #footer .up:hover { background: #c6c6c6; }
.touch-device .work:hover { text-shadow: 0 1px #000; }
.touch-device .work:hover .work-title {
bottom: 37px;
color: #fff;
}
.touch-device .work:hover .bg-hover {
opacity: 0;
filter: alpha(opacity=0);
}
.touch-device.fixed-header .page-box {
margin-top: 0 !important;
padding-top: 0 !important;
-webkit-transition: none !important;
transition: none !important;
}
.touch-device.fixed-header .header, .touch-device.boxed.fixed-header .header, .touch-device.boxed.fixed-header.fixed .header, .touch-device.fixed-header.hidden-top.visible-top .header {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: static;
top: inherit;
-webkit-backface-visibility: inherit;
-webkit-transform: inherit;
}
.touch-device.fixed-header.hidden-top {
-webkit-transition: all 0 linear;
transition: all 0 linear;
}
.touch-device.fixed-header.hidden-top #top-box, .touch-device.boxed.fixed-header.hidden-top #top-box {
margin-top: 0;
margin-bottom: 0;
position: static;
}
.touch-device.fixed-header.hidden-top .header, .touch-device.boxed.fixed-header.hidden-top .header {
margin-top: 0;
position: inherit;
top: 0;
} .touch-device .carousel-box .next:hover, .touch-device .carousel-box .prev:hover {
background-color: #ccc;
color: #fbfbfb;
}
.touch-device .carousel-box .next:hover polygon, .touch-device .carousel-box .prev:hover polygon { fill: #fbfbfb; }
.touch-device .slider .slider-nav .prev, .touch-device .slider .slider-nav .next {
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.touch-device .slider .slider-nav .prev:hover, .touch-device .slider .slider-nav .next:hover {
background-color: #fff;
background-color: rgba(255,255,255,.1);
opacity: 1;
filter: alpha(opacity=100);
visibility: visible;
}
.touch-device .slider .slider-nav .prev:hover polygon, .touch-device .slider .slider-nav .next:hover polygon { fill: #838383; }
.touch-device .switches a:hover {
background: #fff;
background: rgba(255,255,255,.1);
}
.touch-device .switches a.selected {
background: #fff;
background: rgba(255,255,255,.5);
}
.touch-device .carousel-box .pagination a:hover, .touch-device .banner-set .pagination a:hover { background: #ececec; }
.touch-device .carousel-box .pagination a.selected, .touch-device .banner-set .pagination a.selected {
background: #ccc;
background: rgba(0,0,0,.3);
}
.touch-device .banner-set .next:hover, .touch-device .banner-set .prev:hover { color: #ccc; }
.touch-device .panel-group .panel .panel-heading > .panel-title > a:hover, .touch-device .panel-group .panel-default .panel-heading > .panel-title > a:hover { background-color: #f2f2f2; }
.touch-device .panel-group .panel-primary .panel-heading > .panel-title > a:hover { background-color: #037ac5; }
.touch-device .panel-group .panel-success .panel-heading > .panel-title > a:hover { background-color: #738d00; }
.touch-device .panel-group .panel-info .panel-heading > .panel-title > a:hover { background-color: #0098ca; }
.touch-device .panel-group .panel-warning .panel-heading > .panel-title > a:hover { background-color: #f89406; }
.touch-device .panel-group .panel-danger .panel-heading > .panel-title > a:hover { background-color: #c10841; }
.touch-device .filter-buttons a:hover {
opacity: 1;
filter: alpha(opacity=100);
}
.touch-device .gallery-images:hover > .bg-images { background: none; }
.touch-device .post.carousel .carousel-box .next, .touch-device .post.carousel .carousel-box .prev { display: none !important; }
.fancybox-margin .touch-device.fixed-header .header, .fancybox-margin .touch-device.fixed-header #top-box { left: 0; }
.touch-device .fancybox-wrap {
position: fixed !important;
-webkit-overflow-scrolling: touch !important;
top: 20px !important;
} .sticky { }
.gallery-caption {
}
.bypostauthor {
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.size-auto, .size-full, .size-large, .size-medium, .size-thumbnail {
max-width: 100%;
height: auto;
} .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{
background-color: rgba(193, 8, 65, 0.7);
}
.tp-bullets {
z-index: 20;
top: 30px !important; 
left: 50% !important; 
margin-left: -585px !important;
}
.vc_newsletter form {
margin-top: 0 !important;
}
.vc_newsletter form input {
margin-top: 0 !important;
} #catalog .woocommerce-tabs{margin:60px 15px 0px;}
#catalog .carousel-box{
margin:0 15px 40px;
}
.cart_carusell{
} .navbar .nav > li:hover > a, .navbar .nav > li.current-menu-item > a, .navbar .nav > li.current_page_item > a {
background-color: #f1f1f1 !important;
border-radius: 3px !important;
}
section#header {
max-height: 350px;
overflow: hidden;
width: 100%;
}
body section#header {
border-bottom: 30px solid #f7912d;
}
body.page-id-2871 section#header {
border-bottom: 30px solid #f7912d;
}
body.page-id-2881 section#header {
border-bottom: 30px solid #8fbca4;
}
body.page-id-2886 section#header, body.page-id-3105 section#header, body.page-id-3139 section#header, body.page-id-3147 section#header, body.page-id-3157 section#header, body.page-id-3163 section#header, body.page-id-3172 section#header {
border-bottom: 30px solid #007289;
}
body.page-id-3084 section#header {
border-bottom: 30px solid #97d1ce;
}
body.page-id-3364 section#header {
border-bottom: 30px solid #8fbca4;
}
.steps .step {vertical-align:top;}
span.livicon svg {
display: none;
}
span.livicon {
background-color: white;
border-top-right-radius: 15px;
}
span#livicon-1:after {
content: "A";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #97d1ce;
font-size: 32px;
}
span#livicon-2:after {
content: "B";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #8fbca4;
font-size: 32px;
}
span#livicon-3:after {
content: "C";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #007289;
font-size: 32px;
}
span#livicon-4:after {
content: "D";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #f2931c;
font-size: 32px;
}
span#livicon-5:after {
content: "E";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #012c59;
font-size: 32px;
}
header.page-header {
border-bottom: 0;
}
.fixed-header.background-opacity .header-wrapper {background: #fff !important;}
.entry-thumb {
display: inline;
max-width: 320px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
height: auto;
}
.entry-content {
clear: both;
float: none;
display: block;
}
footer.entry-meta {
floaT: none;
clear: both;
}
input.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
background-color: #fbfbfb;
padding: 10px;
border-radius: 2px;
border: 1px solid #b7b7b7;
resize: none;
width: 300px;
font-weight:normal;
}
input.wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-textarea:focus {
background-color: white;
border: 1px solid #012c59;
}
input.wpcf7-form-control.wpcf7-submit {
padding: 10px;
border-radius: 2px;
border: 1px solid #012c59;
background-color: white;
font-weight: bold;
font-size: 15px;
transition: all .4s;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background-color:#012c59;
color:white;
}
.entry-meta {display:none;}
a {color: #f7912d;}
a:hover {color: #f7912d;}
.header .primary .navbar .nav .menu-item-has-children .menu-item-has-children > a:after {
transform: rotateY(180deg);
left: -10px !important;
right: auto;
}
.header .primary .sub .sub {
right: 108%;
left: auto;
top: 0;
}
.page-header {margin: 0 0 40px;}
.widget {margin-top:20px !important;}
.archive .post {margin-bottom: 25px;}
.archive .entry-content {display:inline;}.navbar .nav > li:hover > a, .navbar .nav > li.current-menu-item > a, .navbar .nav > li.current_page_item > a {
background-color: #f1f1f1 !important;
border-radius: 3px !important;
}
section#header {
max-height: 350px;
overflow: hidden;
width: 100%;
}
body section#header {
border-bottom: 30px solid #f7912d;
}
body.page-id-2871 section#header {
border-bottom: 30px solid #f7912d;
}
body.page-id-2881 section#header {
border-bottom: 30px solid #8fbca4;
}
body.page-id-2886 section#header, body.page-id-3105 section#header, body.page-id-3139 section#header, body.page-id-3147 section#header, body.page-id-3157 section#header, body.page-id-3163 section#header, body.page-id-3172 section#header {
border-bottom: 30px solid #007289;
}
body.page-id-3084 section#header {
border-bottom: 30px solid #97d1ce;
}
body.page-id-3364 section#header {
border-bottom: 30px solid #8fbca4;
}
.steps .step {vertical-align:top;}
span.livicon svg {
display: none;
}
span.livicon {
background-color: white;
border-top-right-radius: 15px;
}
span#livicon-1:after {
content: "A";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #97d1ce;
font-size: 32px;
}
span#livicon-2:after {
content: "B";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #8fbca4;
font-size: 32px;
}
span#livicon-3:after {
content: "C";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #007289;
font-size: 32px;
}
span#livicon-4:after {
content: "D";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #f2931c;
font-size: 32px;
}
span#livicon-5:after {
content: "E";
display: block;
width: 100%;
height: 100%;
position: relative;
z-index: 10;
color: #012c59;
font-size: 32px;
}
header.page-header {
border-bottom: 0;
}
.fixed-header.background-opacity .header-wrapper {background: #fff !important;}
.entry-thumb {
display: inline;
max-width: 320px;
float: left;
margin-right: 20px;
margin-bottom: 20px;
height: auto;
}
.entry-content {
clear: both;
float: none;
display: block;
}
footer.entry-meta {
floaT: none;
clear: both;
}
input.wpcf7-form-control.wpcf7-text, .wpcf7-form-control.wpcf7-textarea {
background-color: #fbfbfb;
padding: 10px;
border-radius: 2px;
border: 1px solid #b7b7b7;
resize: none;
width: 300px;
font-weight:normal;
}
input.wpcf7-form-control.wpcf7-text:focus, .wpcf7-form-control.wpcf7-textarea:focus {
background-color: white;
border: 1px solid #012c59;
}
input.wpcf7-form-control.wpcf7-submit {
padding: 10px;
border-radius: 2px;
border: 1px solid #012c59;
background-color: white;
font-weight: bold;
font-size: 15px;
transition: all .4s;
}
input.wpcf7-form-control.wpcf7-submit:hover {
background-color:#012c59;
color:white;
}
.entry-meta {display:none;}
#main a {color: #f7912d !important;}
#main a:hover {color: #f7912d !important;}
.header .primary .navbar .nav .menu-item-has-children .menu-item-has-children > a:after {
transform: rotateY(180deg);
left: -10px !important;
right: auto;
}
.header .primary .sub .sub {
right: 108%;
left: auto;
top: 0;
}
.page-header {margin: 0 0 40px;}
.widget {margin-top:20px !important;}
.archive .post {margin-bottom: 25px;}
.archive .entry-content {display:inline;}
.pagination > li > a, .pagination > li > span {
background-color: #ccc !important;
border: 0 none !important;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #fff !important;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 24px !important;
margin: 0 5px 0 0;
min-width: 6px;
padding: 0 9px !important;
text-align: center;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.pagination > li.active > a, .pagination > li.active > span, .pagination > li > a:hover, .pagination > li > span:hover {
background-color: #c10841 !important;
}
span.wpcf7-list-item {display:block;margin: 0 0 0 2em;}
#main ul li {
position: relative;
list-style: none;
}
#main ul li:before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #f7912d;
position: absolute;
left: -35px;
top: 50%;
transform: translateY(-50%); border-radius: 0px 3px 0px 0px;
}
#main ul.pagination li:before{
content:  none;
}