.wizard,
.tabcontrol
{
display: block;
width: 100%;
overflow: hidden;
}
.wizard a,
.tabcontrol a
{
outline: 0;
}
.wizard ul,
.tabcontrol ul
{
list-style: none !important;
padding: 0;
margin: 0;
}
.wizard ul > li,
.tabcontrol ul > li
{
display: block;
padding: 0;
} .wizard > .steps .current-info,
.tabcontrol > .steps .current-info
{
position: absolute;
left: -999em;
}
.wizard > .content > .title,
.tabcontrol > .content > .title
{
position: absolute;
left: -999em;
} .wizard > .steps
{
position: relative;
display: block;
width: 100%;
}
.wizard.vertical > .steps
{
display: inline;
float: left;
width: 30%;
}
.wizard > .steps .number
{
font-size: 1.429em;
}
.wizard > .steps > ul > li
{
width: 25%;
}
.wizard > .steps > ul > li,
.wizard > .actions > ul > li
{
float: left;
}
.wizard.vertical > .steps > ul > li
{
float: none;
width: 100%;
}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
display: block;
width: auto;
margin: 0 0.5em 0.5em;
padding: 1em 1em;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
background: #eee;
color: #aaa;
cursor: default;
}
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
background: #2184be;
color: #fff;
cursor: default;
}
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
background: #9dc8e2;
color: #fff;
}
.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active
{
background: #ff3111;
color: #fff;
}
.wizard > .content
{
background: #eee;
display: block;
margin: 0.5em;
min-height: 35em;
overflow: hidden;
position: relative;
width: auto;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wizard.vertical > .content
{
display: inline;
float: left;
margin: 0 2.5% 0.5em 2.5%;
width: 65%;
}
.wizard > .content > .body
{
float: left;
position: absolute;
width: 95%;
height: 95%;
padding: 2.5%;
}
.wizard > .content > .body ul
{
list-style: disc !important;
}
.wizard > .content > .body ul > li
{
display: list-item;
}
.wizard > .content > .body > iframe
{
border: 0 none;
width: 100%;
height: 100%;
}
.wizard > .content > .body input
{
display: block;
border: 1px solid #ccc;
}
.wizard > .content > .body input[type="checkbox"]
{
display: inline-block;
}
.wizard > .content > .body input.error
{
background: rgb(251, 227, 228);
border: 1px solid #fbc2c4;
color: #8a1f11;
}
.wizard > .content > .body label
{
display: inline-block;
margin-bottom: 0.5em;
}
.wizard > .content > .body label.error
{
color: #8a1f11;
display: inline-block;
margin-left: 1.5em;
}
.wizard > .actions
{
position: relative;
display: block;
text-align: right;
width: 100%;
}
.wizard.vertical > .actions
{
display: inline;
float: right;
margin: 0 2.5%;
width: 95%;
}
.wizard > .actions > ul
{
display: inline-block;
text-align: right;
}
.wizard > .actions > ul > li
{
margin: 0 0.5em;
}
.wizard.vertical > .actions > ul > li
{
margin: 0 0 0 1em;
}
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
background: #2184be;
color: #fff;
display: block;
padding: 0.5em 1em;
text-decoration: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
background: #eee;
color: #aaa;
}
.wizard > .loading
{
}
.wizard > .loading .spinner
{
} .tabcontrol > .steps
{
position: relative;
display: block;
width: 100%;
}
.tabcontrol > .steps > ul
{
position: relative;
margin: 6px 0 0 0;
top: 1px;
z-index: 1;
}
.tabcontrol > .steps > ul > li
{
float: left;
margin: 5px 2px 0 0;
padding: 1px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.tabcontrol > .steps > ul > li:hover
{
background: #edecec;
border: 1px solid #bbb;
padding: 0;
}
.tabcontrol > .steps > ul > li.current
{
background: #fff;
border: 1px solid #bbb;
border-bottom: 0 none;
padding: 0 0 1px 0;
margin-top: 0;
}
.tabcontrol > .steps > ul > li > a
{
color: #5f5f5f;
display: inline-block;
border: 0 none;
margin: 0;
padding: 10px 30px;
text-decoration: none;
}
.tabcontrol > .steps > ul > li > a:hover
{
text-decoration: none;
}
.tabcontrol > .steps > ul > li.current > a
{
padding: 15px 30px 10px 30px;
}
.tabcontrol > .content
{
position: relative;
display: inline-block;
width: 100%;
height: 35em;
overflow: hidden;
border-top: 1px solid #bbb;
padding-top: 20px;
}
.tabcontrol > .content > .body
{
float: left;
position: absolute;
width: 95%;
height: 95%;
padding: 2.5%;
}
.tabcontrol > .content > .body ul
{
list-style: disc !important;
}
.tabcontrol > .content > .body ul > li
{
display: list-item;
}body.stop-scrolling {
height: 100%;
overflow: hidden; }
.sweet-overlay {
background-color: black; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; background-color: rgba(0, 0, 0, 0.4);
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 10000; }
.sweet-alert {
overflow: auto !important;
background-color: white;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
width: 478px;
padding: 17px;
border-radius: 5px;
text-align: center;
position: fixed;
left: 50%;
top: 50%;
margin-left: -256px;
margin-top: -200px;
max-height: 70%;
overflow: hidden;
display: none;
z-index: 99999; }
@media all and (max-width: 540px) {
.sweet-alert {
width: auto;
margin-left: 0;
margin-right: 0;
left: 15px;
right: 15px; } }
.sweet-alert h2 {
color: #575757;
font-size: 30px;
text-align: center;
font-weight: 600;
text-transform: none;
position: relative;
margin: 25px 0;
padding: 0;
line-height: 40px;
display: block; }
.sweet-alert p {
color: #797979;
font-size: 16px;
text-align: center;
font-weight: 300;
position: relative;
text-align: inherit;
float: none;
margin: 0;
padding: 0;
line-height: normal; }
.sweet-alert fieldset {
border: none;
position: relative; }
.sweet-alert .sa-error-container {
background-color: #f1f1f1;
margin-left: -17px;
margin-right: -17px;
overflow: hidden;
padding: 0 10px;
max-height: 0;
webkit-transition: padding 0.15s, max-height 0.15s;
transition: padding 0.15s, max-height 0.15s; }
.sweet-alert .sa-error-container.show {
padding: 10px 0;
max-height: 100px;
webkit-transition: padding 0.2s, max-height 0.2s;
transition: padding 0.25s, max-height 0.25s; }
.sweet-alert .sa-error-container .icon {
display: inline-block;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #ea7d7d;
color: white;
line-height: 24px;
text-align: center;
margin-right: 3px; }
.sweet-alert .sa-error-container p {
display: inline-block; }
.sweet-alert .sa-input-error {
position: absolute;
top: 29px;
right: 26px;
width: 20px;
height: 20px;
opacity: 0;
-webkit-transform: scale(0.5);
transform: scale(0.5);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transition: all 0.1s;
transition: all 0.1s; }
.sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after {
content: "";
width: 20px;
height: 6px;
background-color: #f06e57;
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -4px;
left: 50%;
margin-left: -9px; }
.sweet-alert .sa-input-error::before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-input-error::after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-input-error.show {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
.sweet-alert input {
width: 100%;
box-sizing: border-box;
border-radius: 3px;
border: 1px solid #d7d7d7;
height: 43px;
margin-top: 10px;
margin-bottom: 17px;
font-size: 18px;
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
padding: 0 12px;
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s; }
.sweet-alert input:focus {
outline: none;
box-shadow: 0px 0px 3px #c4e6f5;
border: 1px solid #b4dbed; }
.sweet-alert input:focus::-moz-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus:-ms-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input:focus::-webkit-input-placeholder {
transition: opacity 0.3s 0.03s ease;
opacity: 0.5; }
.sweet-alert input::-moz-placeholder {
color: #bdbdbd; }
.sweet-alert input:-ms-input-placeholder {
color: #bdbdbd; }
.sweet-alert input::-webkit-input-placeholder {
color: #bdbdbd; }
.sweet-alert.show-input input {
display: block; }
.sweet-alert .sa-confirm-button-container {
display: inline-block;
position: relative; }
.sweet-alert .la-ball-fall {
position: absolute;
left: 50%;
top: 50%;
margin-left: -27px;
margin-top: 4px;
opacity: 0;
visibility: hidden; }
.sweet-alert button {
background-color: #8CD4F5;
color: white;
border: none;
box-shadow: none;
font-size: 17px;
font-weight: 500;
-webkit-border-radius: 4px;
border-radius: 5px;
padding: 10px 32px;
margin: 26px 5px 0 5px;
cursor: pointer; }
.sweet-alert button:focus {
outline: none;
box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); }
.sweet-alert button:hover {
background-color: #7ecff4; }
.sweet-alert button:active {
background-color: #5dc2f1; }
.sweet-alert button.cancel {
background-color: #C1C1C1; }
.sweet-alert button.cancel:hover {
background-color: #b9b9b9; }
.sweet-alert button.cancel:active {
background-color: #a8a8a8; }
.sweet-alert button.cancel:focus {
box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; }
.sweet-alert button[disabled] {
opacity: .6;
cursor: default; }
.sweet-alert button.confirm[disabled] {
color: transparent; }
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
opacity: 1;
visibility: visible;
transition-delay: 0s; }
.sweet-alert button::-moz-focus-inner {
border: 0; }
.sweet-alert[data-has-cancel-button=false] button {
box-shadow: none !important; }
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
padding-bottom: 40px; }
.sweet-alert .sa-icon {
width: 80px;
height: 80px;
border: 4px solid gray;
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
margin: 20px auto;
padding: 0;
position: relative;
box-sizing: content-box; }
.sweet-alert .sa-icon.sa-error {
border-color: #F27474; }
.sweet-alert .sa-icon.sa-error .sa-x-mark {
position: relative;
display: block; }
.sweet-alert .sa-icon.sa-error .sa-line {
position: absolute;
height: 5px;
width: 47px;
background-color: #F27474;
display: block;
top: 37px;
border-radius: 2px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
left: 17px; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
right: 16px; }
.sweet-alert .sa-icon.sa-warning {
border-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-body {
position: absolute;
width: 5px;
height: 47px;
left: 50%;
top: 10px;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-left: -2px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-warning .sa-dot {
position: absolute;
width: 7px;
height: 7px;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-left: -3px;
left: 50%;
bottom: 10px;
background-color: #F8BB86; }
.sweet-alert .sa-icon.sa-info {
border-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::before {
content: "";
position: absolute;
width: 5px;
height: 29px;
left: 50%;
bottom: 17px;
border-radius: 2px;
margin-left: -2px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-info::after {
content: "";
position: absolute;
width: 7px;
height: 7px;
border-radius: 50%;
margin-left: -3px;
top: 19px;
background-color: #C9DAE1; }
.sweet-alert .sa-icon.sa-success {
border-color: #A5DC86; }
.sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after {
content: '';
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
position: absolute;
width: 60px;
height: 120px;
background: white;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success::before {
-webkit-border-radius: 120px 0 0 120px;
border-radius: 120px 0 0 120px;
top: -7px;
left: -33px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 60px 60px;
transform-origin: 60px 60px; }
.sweet-alert .sa-icon.sa-success::after {
-webkit-border-radius: 0 120px 120px 0;
border-radius: 0 120px 120px 0;
top: -11px;
left: 30px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0px 60px;
transform-origin: 0px 60px; }
.sweet-alert .sa-icon.sa-success .sa-placeholder {
width: 80px;
height: 80px;
border: 4px solid rgba(165, 220, 134, 0.2);
-webkit-border-radius: 40px;
border-radius: 40px;
border-radius: 50%;
box-sizing: content-box;
position: absolute;
left: -4px;
top: -4px;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-fix {
width: 5px;
height: 90px;
background-color: white;
position: absolute;
left: 28px;
top: 8px;
z-index: 1;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-success .sa-line {
height: 5px;
background-color: #A5DC86;
display: block;
border-radius: 2px;
position: absolute;
z-index: 2; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
width: 25px;
left: 14px;
top: 46px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
width: 47px;
right: 8px;
top: 38px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
.sweet-alert .sa-icon.sa-custom {
background-size: contain;
border-radius: 0;
border: none;
background-position: center center;
background-repeat: no-repeat; } @-webkit-keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@keyframes showSweetAlert {
0% {
transform: scale(0.7);
-webkit-transform: scale(0.7); }
45% {
transform: scale(1.05);
-webkit-transform: scale(1.05); }
80% {
transform: scale(0.95);
-webkit-transform: scale(0.95); }
100% {
transform: scale(1);
-webkit-transform: scale(1); } }
@-webkit-keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@keyframes hideSweetAlert {
0% {
transform: scale(1);
-webkit-transform: scale(1); }
100% {
transform: scale(0.5);
-webkit-transform: scale(0.5); } }
@-webkit-keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@keyframes slideFromTop {
0% {
top: 0%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@keyframes slideToTop {
0% {
top: 50%; }
100% {
top: 0%; } }
@-webkit-keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@keyframes slideFromBottom {
0% {
top: 70%; }
100% {
top: 50%; } }
@-webkit-keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
@keyframes slideToBottom {
0% {
top: 50%; }
100% {
top: 70%; } }
.showSweetAlert[data-animation=pop] {
-webkit-animation: showSweetAlert 0.3s;
animation: showSweetAlert 0.3s; }
.showSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.showSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideFromTop 0.3s;
animation: slideFromTop 0.3s; }
.showSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideFromBottom 0.3s;
animation: slideFromBottom 0.3s; }
.hideSweetAlert[data-animation=pop] {
-webkit-animation: hideSweetAlert 0.2s;
animation: hideSweetAlert 0.2s; }
.hideSweetAlert[data-animation=none] {
-webkit-animation: none;
animation: none; }
.hideSweetAlert[data-animation=slide-from-top] {
-webkit-animation: slideToTop 0.4s;
animation: slideToTop 0.4s; }
.hideSweetAlert[data-animation=slide-from-bottom] {
-webkit-animation: slideToBottom 0.3s;
animation: slideToBottom 0.3s; }
@-webkit-keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@keyframes animateSuccessTip {
0% {
width: 0;
left: 1px;
top: 19px; }
54% {
width: 0;
left: 1px;
top: 19px; }
70% {
width: 50px;
left: -8px;
top: 37px; }
84% {
width: 17px;
left: 21px;
top: 48px; }
100% {
width: 25px;
left: 14px;
top: 45px; } }
@-webkit-keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@keyframes animateSuccessLong {
0% {
width: 0;
right: 46px;
top: 54px; }
65% {
width: 0;
right: 46px;
top: 54px; }
84% {
width: 55px;
right: 0px;
top: 35px; }
100% {
width: 47px;
right: 8px;
top: 38px; } }
@-webkit-keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
@keyframes rotatePlaceholder {
0% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
5% {
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg); }
12% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); }
100% {
transform: rotate(-405deg);
-webkit-transform: rotate(-405deg); } }
.animateSuccessTip {
-webkit-animation: animateSuccessTip 0.75s;
animation: animateSuccessTip 0.75s; }
.animateSuccessLong {
-webkit-animation: animateSuccessLong 0.75s;
animation: animateSuccessLong 0.75s; }
.sa-icon.sa-success.animate::after {
-webkit-animation: rotatePlaceholder 4.25s ease-in;
animation: rotatePlaceholder 4.25s ease-in; }
@-webkit-keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
@keyframes animateErrorIcon {
0% {
transform: rotateX(100deg);
-webkit-transform: rotateX(100deg);
opacity: 0; }
100% {
transform: rotateX(0deg);
-webkit-transform: rotateX(0deg);
opacity: 1; } }
.animateErrorIcon {
-webkit-animation: animateErrorIcon 0.5s;
animation: animateErrorIcon 0.5s; }
@-webkit-keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
@keyframes animateXMark {
0% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
50% {
transform: scale(0.4);
-webkit-transform: scale(0.4);
margin-top: 26px;
opacity: 0; }
80% {
transform: scale(1.15);
-webkit-transform: scale(1.15);
margin-top: -6px; }
100% {
transform: scale(1);
-webkit-transform: scale(1);
margin-top: 0;
opacity: 1; } }
.animateXMark {
-webkit-animation: animateXMark 0.5s;
animation: animateXMark 0.5s; }
@-webkit-keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
@keyframes pulseWarning {
0% {
border-color: #F8D486; }
100% {
border-color: #F8BB86; } }
.pulseWarning {
-webkit-animation: pulseWarning 0.75s infinite alternate;
animation: pulseWarning 0.75s infinite alternate; }
@-webkit-keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
@keyframes pulseWarningIns {
0% {
background-color: #F8D486; }
100% {
background-color: #F8BB86; } }
.pulseWarningIns {
-webkit-animation: pulseWarningIns 0.75s infinite alternate;
animation: pulseWarningIns 0.75s infinite alternate; }
@-webkit-keyframes rotate-loading {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
@keyframes rotate-loading {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }    .sweet-alert .sa-icon.sa-error .sa-line.sa-left {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
-ms-transform: rotate(-45deg) \9; } .sweet-alert .sa-icon.sa-success {
border-color: transparent\9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
-ms-transform: rotate(45deg) \9; }
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
-ms-transform: rotate(-45deg) \9; } .la-ball-fall,
.la-ball-fall > div {
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.la-ball-fall {
display: block;
font-size: 0;
color: #fff; }
.la-ball-fall.la-dark {
color: #333; }
.la-ball-fall > div {
display: inline-block;
float: none;
background-color: currentColor;
border: 0 solid currentColor; }
.la-ball-fall {
width: 54px;
height: 18px; }
.la-ball-fall > div {
width: 10px;
height: 10px;
margin: 4px;
border-radius: 100%;
opacity: 0;
-webkit-animation: ball-fall 1s ease-in-out infinite;
-moz-animation: ball-fall 1s ease-in-out infinite;
-o-animation: ball-fall 1s ease-in-out infinite;
animation: ball-fall 1s ease-in-out infinite; }
.la-ball-fall > div:nth-child(1) {
-webkit-animation-delay: -200ms;
-moz-animation-delay: -200ms;
-o-animation-delay: -200ms;
animation-delay: -200ms; }
.la-ball-fall > div:nth-child(2) {
-webkit-animation-delay: -100ms;
-moz-animation-delay: -100ms;
-o-animation-delay: -100ms;
animation-delay: -100ms; }
.la-ball-fall > div:nth-child(3) {
-webkit-animation-delay: 0ms;
-moz-animation-delay: 0ms;
-o-animation-delay: 0ms;
animation-delay: 0ms; }
.la-ball-fall.la-sm {
width: 26px;
height: 8px; }
.la-ball-fall.la-sm > div {
width: 4px;
height: 4px;
margin: 2px; }
.la-ball-fall.la-2x {
width: 108px;
height: 36px; }
.la-ball-fall.la-2x > div {
width: 20px;
height: 20px;
margin: 8px; }
.la-ball-fall.la-3x {
width: 162px;
height: 54px; }
.la-ball-fall.la-3x > div {
width: 30px;
height: 30px;
margin: 12px; } @-webkit-keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
transform: translateY(145%); } }
@-moz-keyframes ball-fall {
0% {
opacity: 0;
-moz-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-moz-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-moz-transform: translateY(145%);
transform: translateY(145%); } }
@-o-keyframes ball-fall {
0% {
opacity: 0;
-o-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-o-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-o-transform: translateY(145%);
transform: translateY(145%); } }
@keyframes ball-fall {
0% {
opacity: 0;
-webkit-transform: translateY(-145%);
-moz-transform: translateY(-145%);
-o-transform: translateY(-145%);
transform: translateY(-145%); }
10% {
opacity: .5; }
20% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
80% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0); }
90% {
opacity: .5; }
100% {
opacity: 0;
-webkit-transform: translateY(145%);
-moz-transform: translateY(145%);
-o-transform: translateY(145%);
transform: translateY(145%); } }.swal-form {
padding-top: 3%;
overflow: auto;
height: auto;
}
.swal-form input.nice-input,
.swal-form textarea.nice-input  {
display: block;
margin: 0;
width: 96%;
font-family: sans-serif;
font-size: 18px;
box-shadow: none;
padding: 10px;
border: solid 1px #dcdcdc;
transition: box-shadow 0.3s, border 0.3s;
height: initial;
}
.swal-form input.nice-input:focus,
.swal-form input.nice-input.focus,
.swal-form textarea.nice-input:focus,
.swal-form textarea.nice-input.focus {
outline: none;
border: solid 1px #707070;
box-shadow: 0 0 5px 1px #969696;
}
.swal-form .patch-swal-styles-for-inputs {
width: initial !important;
height: initial !important;
display: initial !important;
}.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
zoom: 1;
*display: inline;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
left: -9999px;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.chosen-container.chosen-with-drop .chosen-drop {
left: 0;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}  .chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
background-clip: padding-box;
box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
background: url(//www.toxpro.sk/wp-content/plugins/woocommerce-rental-and-booking/assets/css/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
background: url(//www.toxpro.sk/wp-content/plugins/woocommerce-rental-and-booking/assets/css/chosen-sprite.png) no-repeat 0px 2px;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
background: white url(//www.toxpro.sk/wp-content/plugins/woocommerce-rental-and-booking/assets/css/chosen-sprite.png) no-repeat 100% -20px;
background: url(//www.toxpro.sk/wp-content/plugins/woocommerce-rental-and-booking/assets/css/chosen-sprite.png) no-repeat 100% -20px;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
left: -9999px;
}  .chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}  .chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto !important;
height: 1%;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
background: url(//www.toxpro.sk/wp-content/plugins/woocommerce-rental-and-booking/assets/css/chosen-sprite.png) -42px 1px no-repeat;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}  .chosen-container-active .chosen-single {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
-moz-border-radius-bottomright: 0;
border-bottom-right-radius: 0;
-moz-border-radius-bottomleft: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}  .chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}  .chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
background: white url(//www.toxpro.sk/wp-content/plugins/woocommerce-rental-and-booking/assets/css/chosen-sprite.png) no-repeat -30px -20px;
background: url(//www.toxpro.sk/wp-content/plugins/woocommerce-rental-and-booking/assets/css/chosen-sprite.png) no-repeat -30px -20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}  @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-image: url(//www.toxpro.sk/wp-content/plugins/woocommerce-rental-and-booking/assets/css/chosen-sprite@2x.png) !important;
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}.rnb-component-wrapper {
margin-bottom: 15px;
}
button.btn-book-now {
margin: 10px 0;
}
.today-price {
display: inline-block;
width: 100%;
position: relative;
}
.show-today-price span {
float: left;
}
.show-today-price .price {
float: right;
font-weight: bold;
}
.price-showing {
margin-bottom: 20px !important;
height: 190px;
text-align: center;
}
.price-showing .notice {
position: relative;
width: 100%;
height: 100%;
background: #ddd;
display: block;
}
.item-pricing h5 {
font-size: 13px !important;
margin: 0 !important;
padding-bottom: 10px;
}
.price-showing .back {
background-color: #f3f3f3;
padding: 10px;
cursor: pointer;
}
.price-showing .notice h3 {
line-height: 190px;
margin: 0;
cursor: pointer;
}
.day-ranges-pricing-plan {
width: 50%;
float: left;
text-align: left;
line-height: 22px;
}
.day-ranges-pricing-plan span {
font-size: 12px;
}
.cart {
position: relative;
}
.cart h5 {
padding-top: 20px;
}
.chosen-single b {
position: relative;
top: 6px;
}
.date-time-picker {
position: relative;
width: 100%;
display: inline-block;
}
.date-time-picker .pick-up-date-picker,
.date-time-picker .drop-off-date-picker {
width: 50%;
float: left;
padding-right: 10px;
position: relative;
}
.date-time-picker .pick-up-time-picker,
.date-time-picker .drop-off-time-picker {
float: left;
width: 50%;
position: relative;
}
.rnb-cart .date-time-picker input {
height: 38px;
padding-left: 30px !important;
background: #fff !important;
border: 1px solid #ebebeb;
box-shadow: none !important;
font-size: 13px;
width: 100%;
}
.property-images {
position: relative;
}
.property-images .prev-btn,
.property-images .next-btn {
position: absolute;
top: 40%;
height: 50px;
width: 50px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-size: 17px;
border: 0;
cursor: pointer;
}
.property-images .next-btn {
right: 0;
}
.property-images .prev-btn {
left: 0;
}
.woocommerce-tabs.wc-tabs-wrapper {
position: relative;
margin: 30px 0;
}
.item-arrtributes ul,
.item-extras ul {
margin: 0 !important;
display: inline-block;
}
.item-extras ul.attributes,
.item-arrtributes ul.attributes {
width: 100%;
}
.item-arrtributes ul li,
.item-extras ul li {
list-style: none !important;
margin: 0;
padding: 5px 0;
width: 31%;
float: left;
}
.attribute-icon,
.attribute-name i {
position: relative;
margin-right: 10px;
color: #333;
}
.custom-block {
position: relative;
display: inline-block;
padding-left: 25px;
width: 100%;
font-size: 13px;
z-index: 99;
}
.custom-block p {
margin: 0;
float: left;
}
.custom-block input {
display: none !important;
}
.custom-block span {
height: auto;
width: auto;
background: transparent;
margin-bottom: 8px;
font-weight: normal;
color: #666;
} .custom-block span:after {
content: '';
position: absolute;
left: 0;
top: 2px;
height: 16px;
width: 16px;
border-radius: 3px;
border: 1px solid #ddd;
}
.custom-block input[type='checkbox']:checked + span:after {
background: #b07aa4;
border-color: #b07aa4;
top: 2px;
left: 0;
line-height: 16px;
text-align: center;
font-size: 12px;
}
.custom-block input[type='checkbox']:checked + span:before {
content: '\f00c';
font-family: 'FontAwesome';
position: absolute;
left: 3px;
top: 2px;
font-size: 10px;
font-weight: normal;
color: #fff;
z-index: 999;
}
.btn-book-now {
width: 100% !important;
}
button.btn-book-now[disabled]:hover {
font-family: inherit !important;
padding: 0.618em 1em !important;
}
.redqs-select-boxes {
height: 34px;
margin-bottom: 15px;
}
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
background: #fff !important;
border: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current {
background: #989898 !important;
border: 2px solid #000 !important;
opacity: 0.7;
box-shadow: none;
}
.xdsoft_datetimepicker
.xdsoft_calendar
td.xdsoft_current.xdsoft_disabled:hover {
background: #eee !important;
color: #303030 !important;
border: 2px solid #000 !important;
opacity: 1;
box-shadow: none !important;
cursor: pointer;
}
.pick-up-date-picker .fa,
.pick-up-time-picker .fa,
.drop-off-date-picker .fa,
.drop-off-time-picker .fa {
position: absolute;
left: 12px;
top: 12px;
z-index: 99;
font-size: 13px;
}
.pick-up-time-picker .fa,
.drop-off-time-picker .fa {
font-size: 15px;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
background: transparent !important;
border-top: 0 !important;
}
.xdsoft_time_box {
border: 0 !important;
}
.xdsoft_datetimepicker
.xdsoft_timepicker
.xdsoft_time_box
> div
> div.xdsoft_current {
background: #b07aa4 !important;
} .redq-pick-up-location h5,
.redq-drop-off-location h5,
.date-time-picker h5,
.date-time-picker h5,
.payable-extras h5,
.additional-person h5,
.redq-quantity h5,
#animatedModal .redq-pick-up-location h5,
#animatedModal .redq-drop-off-location h5,
#animatedModal .date-time-picker h5,
#animatedModal .date-time-picker h5,
#animatedModal .payable-extras h5 {
margin: 0 !important;
padding-bottom: 7px;
padding-top: 0;
font-weight: 400;
color: #777;
font-size: 14px;
}
.additional-person,
.payable-security_deposites {
margin-bottom: 20px;
}
.redq-pick-up-location .chosen-single,
.redq-drop-off-location .chosen-single,
.additional-person .chosen-single {
height: 34px;
line-height: 33px;
background: #fff;
border: 1px solid #f1f1f1;
border-radius: 0;
box-shadow: 0 0px 4px rgba(0, 0, 0, 0.16) !important;
}
.redq-pick-up-location .chosen-container.chosen-container-single,
.redq-drop-off-location .chosen-container.chosen-container-single,
.additional-person .chosen-container.chosen-container-single {
width: 100% !important;
}
.redq-pick-up-location .chosen-container-active.chosen-with-drop .chosen-single,
.redq-drop-off-location
.chosen-container-active.chosen-with-drop
.chosen-single {
background-image: none;
}
.booking-pricing-info {
background: rgba(176, 122, 164, 0.25);
padding: 10px;
margin-top: 20px;
color: #000;
}
.booking-pricing-info p {
font-weight: 300;
padding-bottom: 0px;
}
form.cart .redq_add_to_cart_button {
margin-top: 20px !important;
}
.redq_request_for_a_quote {
margin: 15px 0 !important;
}
.redq_request_for_a_quote.btn-book-now {
color: #fff;
}
#quote-content-confirm {
color: #fff;
background-color: #b07aa4 !important;
height: 40px;
font-size: 14px;
margin: 0;
font-weight: 600;
font-family: Lato, sans-serif;
}
.single-product form.cart input {
width: 100% !important;
}
.categories-attr {
width: 100%;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: space-between;
-ms-align-items: center;
align-items: center;
margin-bottom: 10px;
}
.categories-attr .custom-block {
width: 100%;
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
justify-content: space-between;
padding-right: 10px;
margin-bottom: 0;
}
.categories-attr .custom-block span {
margin-bottom: 0;
}
.single-product form.cart .categories-attr .quantity {
flex-shrink: 0;
margin-right: 0;
}
.categories-attr .quantity input {
padding: 2px 10px;
}
.rnb-attribute-image img {
height: 20px;
width: 20px;
}
.rnb-select-wrapper .select2.select2-container {
width: 100% !important;
}
.rnb-select-wrapper .select2-container--default .select2-selection--single {
height: 38px;
line-height: 33px;
background: #fff;
border: 0;
border-radius: 0;
border: 1px solid #ebebeb;
}
.rnb-select-wrapper
.select2-container
.select2-selection--single
.select2-selection__rendered {
padding-top: 4px;
}
.rnb-select-wrapper
.select2-container--default
.select2-selection--single
.select2-selection__arrow {
top: 4px;
}
.select2-container--default .select2-results__option[aria-disabled='true'] {
display: none;
}   body.rnbOverflow {
overflow: hidden;
}
#animatedModal.rnb-animated-modal .rnb-autocomplete-input-group {
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
grid-gap: 5px;
margin-bottom: 2px;
}
#animatedModal.rnb-animated-modal input::-webkit-input-placeholder {
color: #aeaeae;
}
#animatedModal.rnb-animated-modal input:-ms-input-placeholder {
color: #aeaeae;
}
#animatedModal.rnb-animated-modal input::-ms-input-placeholder {
color: #aeaeae;
}
#animatedModal.rnb-animated-modal input::placeholder {
color: #aeaeae;
}
#animatedModal.rnb-animated-modal {
width: 100%;
position: fixed;
height: 100vh;
background-color: rgba(0, 0, 0, 0.78);
top: 0;
left: 0;
z-index: 99999;
opacity: 0;
visibility: hidden;
overflow-y: auto;
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
#animatedModal.rnb-animated-modal.zoomIn {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
#animatedModal.rnb-animated-modal .modal-content-body {
max-width: 1080px;
margin: 100px auto;
background: #fff;
border-radius: 3px;
box-shadow: 0 0 24px 8px rgba(0, 0, 0, 0.15);
}
#animatedModal.rnb-animated-modal .modal-content-body .modal-header {
padding: 20px 25px;
background-color: #b07aa4;
border-radius: 3px 3px 0 0;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-header
.close-animatedModal {
text-align: right;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-header
.close-animatedModal
i {
color: #fff;
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
cursor: pointer;
margin-right: -9px;
background-color: transparent;
color: #fff;
-webkit-transition: all 0.25s ease-out;
-o-transition: all 0.25s ease-out;
transition: all 0.25s ease-out;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-header
.close-animatedModal
i:hover {
background-color: rgba(0, 0, 0, 0.1);
color: #bbfff9;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-header
.title-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-header
.title-wrapper
.title
h3,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-header
.title-wrapper
.price
h2 {
color: #fff;
margin-bottom: 0;
font-weight: 500;
margin-top: 0;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-header
.title-wrapper
.price
h2 {
font-size: 26px;
margin-top: 0;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-header
.title-wrapper
.title
p {
color: #fff;
margin-bottom: 18px;
}
#animatedModal.rnb-animated-modal .modal-content-body .modal-content {
overflow: hidden;
padding: 50px 25px;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal .modal-content-body .modal-content {
padding: 20px 15px;
}
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard {
box-shadow: none;
border: 1px solid #eaeaea;
position: relative;
overflow: hidden;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .steps {
height: 100%;
position: absolute;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .steps {
width: 100%;
height: auto;
position: inherit;
}
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul {
margin: 0;
padding: 0;
width: 100%;
border-right: 1px solid #eaeaea;
height: 100%;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-right: 0;
border-bottom: 1px solid #eaeaea;
overflow: hidden;
overflow-x: auto;
}
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li
a {
outline: 0;
margin: 0;
border-radius: 0;
font-size: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 18px 20px 18px 16px;
font-weight: 400;
color: #7d7979 !important;
background: #ffffff;
position: relative;
cursor: pointer;
box-shadow: none;
border-bottom: 1px solid #eaeaea !important;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li
a {
padding: 10px 26px;
font-size: 14px;
text-align: center;
border-right: 1px solid #eaeaea;
border-bottom: 0 !important;
display: block;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li:last-child
a {
border-right: 0;
}
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li
a
span.number {
display: none;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li
a
i {
margin-right: 5px;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li
a
i {
font-size: 16px;
margin: 0 0 2px;
}
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li:last-child
a {
border-bottom: 0 !important;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li.current
a,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li.current:hover
a {
font-weight: 600;
color: #fff !important;
background-color: #b07aa4 !important;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
.steps
ul
li:hover
a {
color: #b07aa4 !important;
background-color: rgba(26, 156, 145, 0.05) !important;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .content {
outline: 0;
width: 70%;
margin-right: 0;
margin-left: 30%;
background: #ffffff;
min-height: 22em;
height: auto;
overflow-y: auto;
overflow-x: hidden;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .content {
width: 100%;
margin-left: 0;
height: auto;
overflow: hidden;
min-height: auto;
}
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .content
> .body {
width: 100%;
padding: 15px;
height: auto;
position: inherit;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .content
> .body
input {
background-color: #fff;
box-shadow: none;
margin-bottom: 5px;
border: 1px solid #ebebeb !important;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
.modal-booking-content
.section-title {
text-align: center;
margin-bottom: 35px;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
.modal-booking-content
.section-title
h4 {
font-size: 26px;
font-weight: 600;
margin-bottom: 0;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
.modal-booking-content.sw-container.tab-content
h5 {
padding-top: 10px;
font-weight: 400;
font-size: 12px;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .content
div#right-panel
p {
margin-bottom: 5px;
margin-top: 10px;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions {
width: calc(100% - 30%);
overflow: hidden;
margin: 0;
padding: 20px 15px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions {
width: 100%;
padding: 20px 0 10px;
text-align: center;
background-color: #fafafa;
border-top: 1px solid #eaeaea;
}
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> a,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> button {
outline: 0;
background-color: transparent;
border: 1px solid #b07aa4;
border-radius: 40px;
width: 160px !important;
margin-top: 10px !important;
color: #000;
text-transform: uppercase;
font-size: 14px;
line-height: initial;
height: 48px;
box-shadow: none;
font-weight: 400;
margin-bottom: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li {
margin-left: 0;
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> a,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> button {
border: 0;
width: auto !important;
margin-top: 0 !important;
padding: 10px 24px;
margin-bottom: 0;
height: 40px;
}
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li.disabled
> a,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li.disabled
> a:hover,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li.disabled
> a:focus {
background-color: rgba(176, 122, 164, 0.3);
cursor: not-allowed;
color: rgba(10, 10, 10, 0.18);
border: 1px solid rgba(176, 122, 164, 0.22);
}
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> a:focus,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> button:focus,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> a:visited,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> button:visited,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> button:hover,
#animatedModal.rnb-animated-modal
.modal-content-body
.modal-content
#rnbSmartwizard
> .actions
> ul
> li
> a:hover {
background-color: #b07aa4;
color: #fff;
}
#animatedModal.rnb-animated-modal
.rnb-step-content-wrapper
header.section-title {
background-color: rgba(176, 122, 164, 0.25);
padding: 15px 15px 12px;
text-align: left;
border-left: 4px solid #b07aa4;
margin-bottom: 27px;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal
.rnb-step-content-wrapper
header.section-title {
background-color: transparent;
padding: 0 0 15px;
text-align: left;
border-left: 0;
margin-bottom: 0;
}
}
#animatedModal.rnb-animated-modal
.rnb-step-content-wrapper
header.section-title
h4 {
font-family: inherit;
margin-top: 0;
margin-bottom: 0;
font-weight: 400;
font-size: 20px;
line-height: 30px;
}
#animatedModal .rnb-step-content-wrapper header.section-title p {
font-family: inherit;
margin-bottom: 6px;
color: #717171;
font-size: 15px;
font-weight: 300;
}
#animatedModal.rnb-animated-modal .rnb-resource-checkbox-area,
#animatedModal.rnb-animated-modal .rnb-deposite-section .deposite-checkbox-area,
#animatedModal.rnb-animated-modal .person-radiobtns-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#animatedModal.rnb-animated-modal .rnb-resource-checkbox-area,
#animatedModal.rnb-animated-modal
.rnb-deposite-section
.deposite-checkbox-area,
#animatedModal.rnb-animated-modal .person-radiobtns-area {
margin-right: -10px;
margin-bottom: 15px;
}
}
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
border: 1px solid #868686;
margin-top: 10px;
margin-left: 15px;
padding: 20px;
z-index: 0;
cursor: pointer;
border-radius: 3px;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 0.3s ease;
color: #333;
text-transform: capitalize;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio {
width: 100%;
-webkit-box-flex: initial;
-ms-flex: initial;
flex: initial;
margin: 0 0 9px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio {
width: calc(100% / 3 - 10px);
margin-right: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox > span,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio > span {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: inherit;
}
}
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox span.title,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio span.title {
font-weight: 600;
}
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox span.meta,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio span.meta {
font-weight: 400;
font-size: 14px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox.checked,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio.checked {
background-color: rgba(176, 122, 164, 0.61);
border: 1px solid rgba(176, 122, 164, 1);
color: #fff;
}
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox:first-child,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio:first-child {
margin-left: 0;
}
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-checkbox input,
#animatedModal.rnb-animated-modal .rnb-control.rnb-control-radio input {
visibility: hidden;
display: none !important;
}
#animatedModal.rnb-animated-modal .booking-summay ul.booking-info {
margin: 0;
padding: 0;
list-style: none !important;
display: -ms-grid;
display: grid;
-ms-grid-columns: auto auto;
grid-template-columns: auto auto;
grid-gap: 15px;
}
@media only screen and (max-width: 767px) {
#animatedModal.rnb-animated-modal .booking-summay ul.booking-info {
-ms-grid-columns: auto;
grid-template-columns: auto;
grid-gap: 15px;
}
}
#animatedModal.rnb-animated-modal .booking-summay ul.booking-info li span {
display: block;
}
#animatedModal.rnb-animated-modal .booking-summay ul.booking-info li span.name {
color: #333333;
font-weight: 600;
}
#animatedModal.rnb-animated-modal
.booking-summay
ul.booking-info
li
span.value {
font-weight: 400;
color: #808080;
}
#animatedModal.rnb-animated-modal .rnb-booking-summay h3.booking_cost {
margin: 0;
}
.rnbOverflow .xdsoft_datetimepicker,
.rnbOverflow select2-container {
z-index: 99999 !important;
}
.rnbOverflow
.select2-container--default
.select2-results__option--highlighted[aria-selected] {
background-color: #34cdc0;
}
.rnbOverflow .select2-dropdown {
border: 1px solid #ebebeb;
}
.rnbOverflow
.select2-container--default
.select2-search--dropdown
.select2-search__field {
border: 1px solid #e2e2e2;
background-color: #fafafa;
color: #000;
}
.rnbOverflow .pac-container {
z-index: 9999999 !important;
} .date-time-picker .pick-up-date-picker,
.date-time-picker .drop-off-date-picker {
width: 70%;
}
.date-time-picker .pick-up-time-picker,
.date-time-picker .drop-off-time-picker {
width: 30%;
}
.xdsoft_datetimepicker .xdsoft_datepicker {
width: 356px;
margin-right: 8px;
}
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
border: 1px solid #f3f3f3 !important;
height: 40px;
font-size: 15px;
color: #303030;
text-align: center;
font-family: Lato, sans-serif;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div:hover {
background: #eee !important;
color: #303030 !important;
}
.xdsoft_datetimepicker .xdsoft_calendar {
clear: both;
padding-top: 10px;
padding-bottom: 10px;
}
.xdsoft_datetimepicker .xdsoft_mounthpicker {
margin-top: 10px;
}
.xdsoft_datetimepicker .xdsoft_month {
width: 120px;
text-align: right;
font-family: Lato, sans-serif;
font-weight: 700;
font-size: 18px;
}
.xdsoft_datetimepicker .xdsoft_year {
width: 100px;
margin-left: 5px;
text-align: center;
font-family: Lato, sans-serif;
font-weight: 700;
font-size: 18px;
}
.xdsoft_datetimepicker .xdsoft_label > .xdsoft_select > div > .xdsoft_option {
padding: 6px 25px 6px 5px;
text-decoration: none !important;
font-size: 15px;
}
.xdsoft_datetimepicker .xdsoft_label i {
opacity: 0.5;
background-position: -88px -19px;
display: inline-block;
width: 14px;
height: 20px;
vertical-align: middle;
}
.xdsoft_datetimepicker {
padding: 0 !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box > div > div {
font-size: 15px;
height: 32px;
line-height: 34px;
color: #303030;
font-family: Lato, sans-serif;
font-weight: 700;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
margin-left: 0;
width: 100px;
border: 1px solid #f3f3f3 !important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
margin-left: 32px;
margin-bottom: 0;
} .rnb-pricing-plan-button {
padding: 10px 0px 20px;
}
.rnb-pricing-plan-button .rnb-pricing-plan {
display: flex;
justify-content: left;
color: #303030;
font-family: Lato, sans-serif;
font-weight: 700;
font-size: 16px;
} #pickup-modal-body {
width: 100%;
height: 100vh;
position: fixed;
top: 0%;
left: 0;
background: #fff;
z-index: 9999999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 10px;
}
#dropoff-modal-body {
width: 100%;
height: 100vh;
position: fixed;
top: 0%;
left: 0;
background: #fff;
z-index: 9999999;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 0 10px;
}
#cal-close-btn {
font-size: 35px;
position: absolute;
right: 10px;
top: 0;
}
#drop-cal-close-btn {
font-size: 35px;
position: absolute;
right: 10px;
top: 0;
}
.pick-modal-title {
font-size: 20px;
margin-bottom: 20px;
font-family: Lato, sans-serif;
font-weight: 700;
}
.drop-modal-title {
font-size: 20px;
margin-bottom: 20px;
font-family: Lato, sans-serif;
font-weight: 700;
}
#cal-submit-btn {
width: 100%;
margin: 10px;
background: #b07aa4;
border-radius: 2.5rem;
margin-top: 30px;
margin-bottom: 30px;
font-size: 17px;
text-transform: uppercase;
max-width: 364px;
}
#drop-cal-submit-btn {
width: 100%;
margin: 10px;
background: #b07aa4;
border-radius: 2.5rem;
margin-top: 30px;
margin-bottom: 30px;
font-size: 17px;
text-transform: uppercase;
max-width: 364px;
}
#cal-submit-btn i,
#drop-cal-submit-btn i {
font-size: 18px;
margin-right: 10px;
}
#cal-close-btn i,
#drop-cal-close-btn i {
color: #bababa;
}
@media (max-width: 400px) {
.xdsoft_datetimepicker .xdsoft_datepicker {
width: 300px;
}
} .mfp-close-btn-in .mfp-close {
color: #333;
margin-top: 20px;
margin-right: 20px;
}
.mfp-close-btn-in .mfp-close:hover {
background: transparent;
}
@media (max-width: 800px) {
.mfp-content .rnb-popup {
width: 90%;
}
}
@media (max-width: 767px) {
.mfp-content .rnb-popup {
padding: 50px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
margin-right: 3px;
}
}
@media (max-width: 550px) {
.mfp-close-btn-in .mfp-close {
color: #333;
margin-top: 2px;
margin-right: 3px;
}
}
@media (max-width: 480px) {
.xdsoft_datetimepicker.xdsoft_inline {
display: inline-block;
position: static;
box-shadow: none;
border: 0;
}
} .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:not(.xdsoft_current),
.xdsoft_datetimepicker
.xdsoft_time_box
> div
> div.xdsoft_disabled:not(.xdsoft_current) {
background: #dedede !important;
}
.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
border: 1px solid #e4e4e4 !important;
}
.xdsoft_datetimepicker
.xdsoft_timepicker
.xdsoft_time_box
> div
> div.xdsoft_current {
background: #989898 !important;
border: 1.5px solid #000 !important;
opacity: 0.7;
box-shadow: none;
display: flex;
justify-content: center;
align-items: center;
}
.xdsoft_datetimepicker
.xdsoft_timepicker
.xdsoft_time_box
> div
> div.xdsoft_current:hover {
background: #eee !important;
color: #303030 !important;
border: 1.5px solid #000 !important;
opacity: 1;
box-shadow: none !important;
cursor: pointer;
}
.disabledNextOnModal {
pointer-events: none;
opacity: 0.5;
cursor: not-allowed;
}
.booking-layout-hidden {
display: none !important;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }ul.quote-message {
list-style: none;
}
ul.quote-message li .quote-message-content {
margin-bottom: 10px;
padding: 10px;
background: #efefef;
position: relative;
}
ul.quote-message li .quote-message-content.customer {
background: #2d2d2d;
color: #ffffff;
}
ul.quote-message li .quote-message-content:after {
content: "";
display: block;
position: absolute;
bottom: -10px;
left: 20px;
width: 0;
height: 0;
border-width: 10px 10px 0 0;
border-style: solid;
border-color: #efefef transparent;
}
ul.quote-message li .quote-message-content.customer:after {
border-color: #2d2d2d transparent;
} .rnb-popup {
padding: 100px 100px 50px;
position: relative;
background: #FFF;
width: auto;
width: 50%;
margin: 20px auto;
}
.rnb-popup input, .rnb-popup textarea {
width: 100%;
}.cmplz-video.cmplz-iframe-styles{background-color:transparent}.cmplz-video.cmplz-hidden{visibility:hidden !important}.cmplz-blocked-content-notice{display:none}.cmplz-placeholder-parent{height:inherit}.cmplz-optin .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optin .cmplz-wp-video .cmplz-blocked-content-notice,.cmplz-optout .cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-optout .cmplz-wp-video .cmplz-blocked-content-notice{display:block}.cmplz-blocked-content-container,.cmplz-wp-video{animation-name:cmplz-fadein;animation-duration:600ms;background:#FFF;border:0;border-radius:3px;box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);display:flex;justify-content:center;align-items:center;background-repeat:no-repeat !important;background-size:cover !important;height:inherit;position:relative}.cmplz-blocked-content-container.gmw-map-cover,.cmplz-wp-video.gmw-map-cover{max-height:100%;position:absolute}.cmplz-blocked-content-container.cmplz-video-placeholder,.cmplz-wp-video.cmplz-video-placeholder{padding-bottom:initial}.cmplz-blocked-content-container iframe,.cmplz-wp-video iframe{visibility:hidden;max-height:100%;border:0 !important}.cmplz-blocked-content-container .cmplz-custom-accept-btn,.cmplz-wp-video .cmplz-custom-accept-btn{white-space:normal;text-transform:initial;cursor:pointer;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:200px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-custom-accept-btn:focus,.cmplz-wp-video .cmplz-custom-accept-btn:focus{border:1px dotted #cecece}.cmplz-blocked-content-container .cmplz-blocked-content-notice,.cmplz-wp-video .cmplz-blocked-content-notice{white-space:normal;text-transform:initial;position:absolute !important;width:100%;top:50%;left:50%;transform:translate(-50%,-50%);max-width:300px;font-size:14px;padding:10px;background-color:rgba(0,0,0,0.5);color:#fff;text-align:center;z-index:98;line-height:23px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links{display:block;margin-bottom:10px}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-links a,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-links a{color:#fff}.cmplz-blocked-content-container .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body,.cmplz-wp-video .cmplz-blocked-content-notice .cmplz-blocked-content-notice-body{display:block}.cmplz-blocked-content-container div div{display:none}.cmplz-wp-video .cmplz-placeholder-element{width:100%;height:inherit}@keyframes cmplz-fadein{from{opacity:0}to{opacity:1}}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
zoom:1;
} article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
ul {
list-style: disc inside;
margin-bottom: 25px;
}
ul > li > ul,
ol > li > ol {
margin-left: 25px;
}
ol {
list-style: decimal inside;
margin-bottom: 25px;
} h1,h2,h3,h4,h5,h6,.w-option-set {	
margin-bottom: 25px;
color: #3e3e3e;
-webkit-font-smoothing: antialiased;
font-weight: bold;
}
h1 {
font-size: 36px;
}
h2 {
font-size: 30px;
}
h3 {
font-size: 26px;
}
h4 {
font-size: 24px;
}
h5 {
font-size: 21px;
}
h6 {
font-size: 18px;
}
.text-size-20 {
font-size: 20px;
}
h2.description,
.vntd-cta-style-aligned h1,
.home-fixed-text,
.font-secondary,
.wpcf7-not-valid-tip {
font-family: "Raleway", Open Sans, Helvetica, sans-serif;
text-transform: none;
}
.font-primary {
font-family: "Raleway", Open Sans, Helvetica, sans-serif;
}
.alignleft {
float: left;
padding-right: 30px;
padding-bottom: 20px;
}
.alignright {
float: right;
padding-left: 30px;
padding-bottom: 20px;
}
img {
max-width: 100%;
height: auto;
}
p > img {
max-width: 100% !important;
height: auto;
}  html, body {
width:100%;
height:100%;
padding:0;
margin-left:0;
margin-right:0;
font-family: "Raleway", Open Sans, Helvetica, sans-serif;
position: relative;	
-webkit-font-smoothing: subpixel-antialiased;
-webkit-font-feature-settings: 'lnum';
-moz-font-feature-settings: 'lnum';
font-feature-settings: 'lnum';
}
body{
overflow-x: hidden; 
font-size: 14px;
}
section > .wpb_row {
background-size:cover;
}
section {
position: relative;
}
::selection {
background-color:#fecb16;
color: #fff;
}
img {
-moz-user-select: none; 
-webkit-user-select: none;
-ms-user-select: none; 
user-select: none; 
-webkit-user-drag: none;
user-drag: none;
}
a {
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
a,
a:hover,
a:active,
a:focus{
text-decoration:none !important;
outline:none;
}
.accent-hover,
a:hover {
color: #fecb16;
} .accent-hover-border {
border-color: #fecb16 !important;
}
.vntd-bg-color-accent {
background-color: #fecb16;
}
.vntd-bg-color-dark {
background-color: #363636;
}
#page-content .accent-hover-bg:hover {
background-color: #fecb16 !important;
}
.accent-hover-border:hover {
border-color: #fecb16;
}
.accent-hover-bg:hover {
background-color: #fecb16;
}
.accent-hover-color:hover {
color: #fecb16;
} .animated {
visibility:hidden;
}
.vc_grid-item.animated {
visibility: visible;
}
#page-content .visible{
visibility:visible;
opacity: 1;
} @-webkit-keyframes BackgroundAnimation {
from {background-position: 0px 0px;}
to {background-position: 9600px 0px;}
}
@-moz-keyframes  BackgroundAnimation {
from {background-position: 0px 0px;}
to {background-position: 9600px 0px;}
}
@-ms-keyframes  BackgroundAnimation {
from {background-position: 0px 0px;}
to {background-position: 9600px 0px;}
}  .container {
width: auto;
height: auto;
padding:0;
margin:0;
}
.inner {
width:100%;
height: auto;
max-width: 1210px;
padding: 0 20px;
position: relative;
margin: 0 auto;
padding-bottom: 0;
overflow: hidden; }
.inner-margin {
margin-left: -15px;
margin-right: -15px;
}
.page-holder .inner .inner,
.vc_row-stretch .inner {
padding-left: 0px !important;
padding-right: 0px !important;
margin: 0px;
}
.vc_row-stretch > .inner > .inner-margin {
margin: 0px;
} .inner.stretch_row_content {
max-width: 100% !important;
padding: 0 25px;
}
.inner.stretch_row_content_no_spaces {
max-width: 100% !important;
padding: 0;
}
.inner.stretch_row_content_no_spaces .vc_col-sm-12 {
padding-left: 0px !important;
padding-right: 0px !important;
}
#page-content .wpb_row.vc_row-stretch {  }
p {
margin: 0 0 25px;
}
embed {
max-width: 100%;
} .relative{
position: relative !important;
}
.absolute{
position: absolute !important;
}
.fixed{
position:fixed !important;
}
.f-left{
float:left;
}
.f-right{
float: right;
}
.z-1{
z-index: 1;
} .pattern-white:before{
background: url(//www.toxpro.sk/wp-content/themes/qaro/img/pattern-white.png) repeat;
content:'';
width: 100%;
height: 100%;
top:0;
left:0;
position: absolute;
z-index: 1;
}
.pattern-black:before{
background: url(//www.toxpro.sk/wp-content/themes/qaro/img/pattern-black.png) repeat;
content:'';
width: 100%;
height: 100%;
top:0;
left:0;
position: absolute;
z-index: 1;
} .parallax {
background-attachment: fixed;
background-size:cover;
} .oswald{
font-family: "Oswald", 'sans-serif';
}
.flower{
font-family: "Indie Flower", cursive;
} #page-content .wpb_gallery .gallery-item {
margin-bottom: 30px;
float: left;
} .header{
width:auto;
height: auto;
font-size:60px;
font-weight: 400;
text-align: center;
margin:0 auto;
padding-top:0;
}
.header.font-secondary {
font-size: 40px;
}
.mini-header{
font-size:30px;
}
.header-strips-one{
width:70px;
height: 1px;
position: relative;
margin:20px auto 19px;
border-top:1px solid #d0d0d0;
}
.header-strips-two{
width:70px;
height: 5px;
position: relative;
margin:20px auto;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
}
.strip-fullwidth{
width:100%;
height: 1px;
position: relative;
margin:10px auto;
border-top:1px solid #d0d0d0;
}
.description{
font-size:17px;
font-weight: 400;
line-height: 22px;
text-align: center;
margin:0 auto;
max-width:950px;
padding:0;
}
.description.uppercase{
font-size:15px;
} .fa-googleplus:before,
.fa-google_plus:before { content: "\f0d5"; }
.fa-mail:before { content: "\f0e0"; }
.fa-dribbble:before { content: "\f17d"; }
.fa-vimeo:before { content: "\f194"; } .t-left{
text-align:left !important;
}
.t-center{
text-align:center !important;
}
.fullwidth.t-center {
width: 100%;
}
.t-right{
text-align:right !important;
}
.t-justify{
text-align:justify !important;
} .extrabold{
font-weight: 800;
}
.bold{
font-weight: 700;
}
.semibold{
font-weight: 600;
}
.normal{
font-weight: 400;
}
.light{
font-weight: 100;
}
.italic{
font-style: italic;
}
.uppercase{
text-transform: uppercase;
} .dark{
color:#3e3e3e;
}
.white{
color:white;
}
.gray{
color:#b2b2b2;
}
.gray-tone{
color:#919191;
}
.t-shadow{
text-shadow:2px 2px 2px rgba(0,0,0,0.2);
}
.b-shadow{
box-shadow:2px 2px 2px rgba(0,0,0,0.05);
}
.bigger{
font-size:60px;
} .white-bg{
background-color:white !important;
}
.gray-bg{
background-color:#fdfdfd !important;
}
.black-bg{
background-color:#1f1f1f !important;
}
.glass-bg{
background-color:rgba(255,255,255,0.1);
}
#page-content .soft-white-bg,
#page-content .soft-black-bg{
position: relative; }
#page-content .soft-white-bg:before{
background-color:rgba(255,255,255, 0.95);
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
content:''; }
#page-content .soft-black-bg:before{
background-color:rgba(0,0,0, 0.6);
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
content:'';
z-index: 1;
}
#page-content .active-dark{
background-color:#303030;
} .border-1px{
border:1px solid;
}
.border-2px{
border:2px solid;
}
.border-1px + .border-1px,
.border-2px + .border-2px{
border-top:transparent;
}
.soft-border{
border-color:#f1f1f1;
}
.gray-border{
border-color:gray;
}
.white-border{
border-color:white !important;
} .mobile-bg{
position: relative;
}
.mobile-bg:after{
width: 100%;
height: 100%;
position: absolute;
content: '';
display: block;
background-image: url(//www.toxpro.sk/wp-content/themes/qaro/img/mobile-bg.jpg);
background-size:cover;
}
.b-scroll{
background-attachment: scroll !important;
} ul.list-horizontal{
padding:0;
margin:0;
}
ul.list-horizontal li{
display: inline-block;
padding:0;
margin:0 10px 0 0;
}
ul.list-horizontal li i{
font-size:12px;
} #pageloader {
display: block;
width: 100%;
height: 100%;
position: fixed;
top:0;
background-color: #fff;
z-index: 99999; } .spinner {
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
font-size: 10px;
position: relative;
text-indent: -9999em;
border-top: 2px solid #fecb16;
border-right: 2px solid #fecb16;
border-bottom: 2px solid #fecb16;
border-left: 2px solid #ffffff;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation: load8 1.1s infinite linear;
animation: load8 1.1s infinite linear;
}
.spinner,
.spinner:after {
border-radius: 50%;
width: 40px;
height: 40px;
}
@-webkit-keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load8 {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}  #site-navigation {
z-index: 9999;
}
#navigation,
#navigation_sticky {
width:100%;
height: 110px; z-index: 50;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
background: #fff;
}
#navigation_sticky {
position: fixed;
opacity: 0;
transition: opacity .3s, top .3s, visibility .3s;
height: 70px;
top: -132px; z-index: 50;
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}
#navigation_sticky.navigation-sticky-visible {
opacity: 1;
top: 0; }
#navigation_sticky .nav-menu ul li a {
line-height: 68px;
}
span.vntd-no-nav {
line-height: 90px;
padding-top: 10px;
}
.admin-bar #navigation_sticky.navigation-sticky-visible,
.admin-bar #navigation,
.admin-bar .is-sticky #navigation,
.admin-bar #navigation.navbar-style2,
.admin-bar #navigation.nav-from-top.second-nav{
top: 32px !important;
}
.admin-bar #navigation.nav-from-top{
top:-75px !important;
}
.admin-bar #navigation-sticky {
-webkit-transition: none;
-moz-transition: none;
transition: none;
}
.vntd-no-nav {
display: block;
padding-top: 30px;
}
.nav-inner{
width:100%;
max-width:1210px;
margin:0 auto;
padding: 0 20px;
height: 100%;
position: relative;
} .dark-nav .nav-menu{
color:white;
} .nav-inner .logo{
width:auto;
height: auto;
position: relative;
left:0;
top:50%;
float:left;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.nav-inner .logo a img{
max-height: 50px;
}
ul.nav > li.menu-item-has-children > a:after {
content: " ";
text-indent: -999px;
width: 0px;
height: 0px;
border-bottom: 5px solid #555;
border-left: 5px solid transparent;
position: absolute;
bottom: 50%;
margin-bottom: -5px;
right: -8px;
}
.nav-menu > ul > li.menu-item-has-children > a {
margin-right: 21px;
} .nav-menu {
float: right;
height: 100%;
z-index: 9;
}
.nav-menu > ul{
height: 100%; }
.nav-menu > ul > li > a { }
.nav-menu ul li {
float: left;
}
.nav-menu ul li a {
font-size:14px;
font-weight: 600;
line-height: 110px;
margin-left:15px;
margin-right:15px;
padding: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s; color: #555;
cursor: pointer;
}
.nav-menu ul li a:hover {
background: none !important; }
.nav-menu ul li a:focus { background: transparent !important;
}
#navigation .nav-menu > ul > li.current_page_item > a:before {
content: " ";
height: 2px;
background-color: #fecb16;
width: 100%;
bottom: 50%;
margin-bottom: -16px;
left: 0;
position: absolute;
} .nav-menu ul.dropdown-menu{
height: auto;
margin:0;
box-shadow: none;
padding:0;
background: transparent;
border: 0; width: 240px;
margin-left: -15px;
box-shadow: 0 1px 14px rgba(0, 0, 0, 0.1);
background: #fff;
border-radius: 0 !important;
}
.nav-menu ul.dropdown-menu li:first-child {
border-top: 1px solid #f4f4f4;
}
.nav-menu ul.dropdown-menu li{
float: none;
width: 100%;
border-bottom: 1px solid #f4f4f4;
}
.nav-menu ul.dropdown-menu li a{
font-size:14px;
line-height: 40px !important;
padding:0px 30px;
font-weight: 500;
display: block;
margin: 0;
border-left: 2px solid transparent;
}
.nav-menu ul.dropdown-menu li a:hover {
border-left-color: #fecb16;
}
.nav-menu ul.dropdown-menu li a:after {
font-family: FontAwesome;
content: "\f105";
position: absolute;
right: 30px;
transition: color .3s;
}
.nav-menu ul.dropdown-menu li a:hover:after {
color: #fecb16;
}
ul.dropdown-menu .dropdown-menu {
position: absolute;
top: auto;
left: 255px;
margin-top: -41px;
padding: 0;
}
.nav-menu > ul > li:last-child {
position: inherit;
}
.nav-menu > ul > li:last-child > .dropdown-menu {
left: auto;
right: 20px;
}
.nav-bottom .nav-menu > ul > li:last-child > .dropdown-menu {
left: auto;
right: auto;
} .nav-menu .nav {
float: left;
}
.header-cart-icon,
.header-search-minimal {
font-size: 20px;
color: #e1e1e1;
cursor: pointer;
transition: color .3s, border-color .3s;
}
.header-cart-icon:hover,
.header-search-minimal:hover {
color: #aaa;
}
.header-cart-icon {
font-size: 22px;
cursor: pointer;
}
.nav-extra-right.extra-style-rounded {
line-height: 114px;
}  .extra-style-rounded .header-search-minimal {
font-size: 18px;
border-radius: 100%;
border: 2px solid #ebebeb;
line-height: 40px;
height: 44px;
width: 44px;
text-align: center;	
transition: all .3s;
margin-left: 6px;
} .extra-style-rounded .header-search-minimal:hover {
border-color: #fecb16;
color: #fecb16;
}
.extra-style-rounded .header-love-icon {
line-height: 42px;
}
.header-big-search {
position: absolute;
left: 15px;
right: 15px;	
top: 0;
bottom: 0; display: none;
}
.header-big-search input.search {
background: none;
line-height: 110px;
padding: 0;
display: block;
box-sizing: border-box;
font-size: 32px;
color: #555;
border: 0;
outline: 0;
width: 100%;
padding-right: 30px;
}
#site-navigation.style-boxed .header-big-search {
border-radius: 4px;
padding: 0 25px;
}
#site-navigation.style-boxed .header-big-search input.search {
line-height: 80px;
}
.header-search-close {
cursor: pointer;
position: absolute;
right: 0;
top: 50%;
font-size: 32px;
top: 50%;
margin-top: -22.5px;
transition:color .3s;
}
.header-search-close:hover {
color: #fecb16;
}
#navigation_sticky .header-big-search input.search {
line-height: 70px;
}
#navigation_sticky.style-bottom .nav-menu {
float: left;
}
#navigation_sticky .nav-bottom-search {
padding-top: 17px;
} .nav li.mega-menu {
position: inherit !important;
}
.nav li.mega-menu > .dropdown-menu {
width: auto;
left: 20px;
right: 20px;
padding: 0 13px;
margin-left: 0px;
}
.nav li.mega-menu > .dropdown-menu > li {
width: 25%;
float: left;
padding: 17px 13px;
border: 0px;
}
.nav li.mega-menu.cols-3 > .dropdown-menu > li {
width: 33.3%;
}
.nav li.mega-menu ul.dropdown-menu li:first-child {
border-top: 0px;
}
.nav li.mega-menu ul.dropdown-menu li:last-child {
border-bottom: 0px;
}
.nav li.mega-menu > .dropdown-menu > li > a {
font-weight: bold;
color: #363636;
font-size: 15px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
}
.nav li.mega-menu > .dropdown-menu > li > a:after {
content: none;
display: none;
}
.nav li.mega-menu .dropdown-menu a {
padding: 0 !important;
border: 0px;
}
.nav li.mega-menu .dropdown-menu a:after {
right: 0px;
color: #cccccc;
}
.nav li.mega-menu > .dropdown-menu > li .dropdown-menu {
display: block;
position: relative;
margin-top: 0px;
margin-left: 0px;
width: 100%;
float: none;
left: auto;
box-shadow: none;
}
.nav li.mega-menu .current-menu-ancestor > a,
.nav li.mega-menu .current-menu-parent > a {
color: #363636 !important;
}
.nav-bottom .nav-menu li.mega-menu > ul.dropdown-menu > li > a,
.header-skin-dark .nav-menu li.mega-menu > ul.dropdown-menu > li > a{
color: #707070 !important;
} .nav-bottom {
height: 60px;
background: #363636 !important;
} .nav-bottom .nav-menu {
float: left;
}
.nav-bottom-left,
.nav-bottom-left .nav-menu {
float: left;
}
.nav-bottom-right {
float: right;
}
.nav-bottom .nav li {
float: left;
}
.nav-bottom .nav li a {
color: #acacac;
padding: 0 22px;
margin: 0;
}
.nav-bottom .nav > li > a {
text-transform: uppercase;
font-weight: 700;
line-height: 60px;
}
.nav-bottom .nav li a:hover {
background: none;
color: #fecb16;
}
.nav-bottom .nav-menu > ul > li.menu-item-has-children > a:after {
right: 14px;
border-bottom-color: #acacac;
}
.nav-bottom .nav-menu ul.dropdown-menu {
margin-left: 0;
background: #2c2c2c;
}
.nav-bottom .nav-menu ul.dropdown-menu li {
border-color: #363636;
}
.nav-bottom .nav-menu ul.dropdown-menu .dropdown-menu {
left: 240px;
}
.nav-bottom .nav-menu ul.dropdown-menu li a {
color: #707070;
}
.nav-bottom .nav-menu ul.dropdown-menu li a:hover {
color: #fecb16;
}
.nav-bottom-search {
padding-top: 13px;
}
.nav-bottom-search input.search {
background: #464646;
color: #636363;
font-size: 14px;
padding: 8px 20px;
line-height: 19px;
-webkit-font-smoothing: subpixel-antialiased;
width: 220px;
border: 0;
}
.nav-bottom-search input.search:focus {
background: #222;
}
.nav-bottom-search input.search:-ms-input-placeholder,
.nav-bottom-search input.search::-moz-placeholder,
.nav-bottom-search input.search::-webkit-input-placeholder {
color: #636363;
}
.nav-bottom-search .search-button {
color: #555555;
font-size: 22px;
margin-right: 8px;
transition: color .3s;
padding-top: 1px;
}
.nav-bottom-search .search-button:hover {
color: #fecb16;
} #site-navigation.style-transparent,
#site-navigation.style-boxed {
background: none;
position: absolute;
left: 0;
top: 0;
right: 0;
}
#site-navigation.style-transparent #navigation,
#site-navigation.style-boxed #navigation {
background: none;
}
#site-navigation.style-transparent .nav-menu ul.dropdown-menu,
#site-navigation.style-transparent .nav-cart-products {
background: rgba(255,255,255,0.94);
border-radius: 4px !important;
border-top: 0px;
}
#site-navigation.style-transparent .nav-menu ul.dropdown-menu {
padding: 5px 0;
}
#site-navigation.style-transparent .nav-menu .mega-menu > ul.dropdown-menu {
padding: 0 13px;
}
#site-navigation.style-transparent .nav-menu ul.dropdown-menu li:first-child, {
border-top-right-radius: 4px;
border-top-left-radius: 4px;
}
#site-navigation.style-transparent .nav-menu ul.dropdown-menu li:last-child {
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom: 0px;
}
#site-navigation.style-transparent .nav-menu .mega-menu ul.dropdown-menu ul.dropdown-menu {
background: none;
}
.style-transparent .nav-menu > ul > li > a {
color: #fff;
}
#site-navigation.style-transparent .nav-menu > ul > li > a:after {
border-bottom-color: rgba(255, 255, 255, 0.58);
}
#site-navigation.style-transparent .nav-menu ul.dropdown-menu li:first-child {
border-top: 0px !important;
}
.style-transparent .nav-extra-item i {
color: rgba(255, 255, 255, 0.9);
}
.style-transparent .header-big-search,
.style-transparent .header-big-search input {
color: #fff;
}
.style-transparent .header-big-search input::-webkit-input-placeholder {
color:  #fff;
}
.style-transparent .header-big-search input:-moz-placeholder { color:  #fff;  
}
.style-transparent .header-big-search input::-moz-placeholder { color:  #fff;  
}
.style-transparent .header-big-search input:-ms-input-placeholder {  
color:  #fff;  
}
#site-navigation.style-transparent #navigation .nav-menu ul li.current_page_item a:before {
content: none;
}
.style-transparent .mobile-nav-button {
color: #fff;
} #site-navigation.style-boxed #navigation {
padding: 0px 20px;
}
#site-navigation.style-boxed .nav-inner {
background: #fff;
border-radius: 4px;
padding: 0 25px;
}
#site-navigation.style-boxed #navigation {
height: 80px;
margin-top: 30px;
}
#site-navigation.style-boxed {position:relative;}
#site-navigation.style-boxed #navigation {margin-top:0px;}
#site-navigation.style-boxed .nav-menu ul li a,
#site-navigation.style-boxed .nav-extra-right {
line-height: 78px;
}
#site-navigation.style-boxed ul.dropdown-menu {
border-radius: 4px !important;
}
#site-navigation.style-boxed ul.dropdown-menu li:last-child {
border: 0 !important;
} #nav-bottom.nav-bottom-style-bottom2 {
background: #fff !important;
max-width: 1210px;
padding: 0 20px;
margin: 0 auto;
}
#nav-bottom.nav-bottom-style-bottom2 .nav-inner {
background: #363636 !important;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
padding: 0 18px;
}
#nav-bottom.nav-bottom-style-bottom2 .nav > li > a {
line-height: 58px;
border-bottom: 2px solid transparent;
}
#nav-bottom.nav-bottom-style-bottom2 .nav > li:hover > a,
#nav-bottom.nav-bottom-style-bottom2 .nav > li.current-menu-item > a {
border-bottom-color: #fecb16;
}
.nav-extra-search input.search {
background: #fafafa;
height: 40px;
line-height: 40px;
border-radius: 20px;
min-width: 500px;
color: #c2c2c2;
-webkit-font-smoothing: subpixel-antialiased;
padding: 0 20px;
}
.nav-extra-search .search-button {
width: auto;
padding-right: 20px;
}
.nav-extra-search .search-button i {
padding: 0;
color: #999;
font-size: 18px;
} .header-style-minimal2 .logo,
.style-minimal1 .nav-inner .logo,
.style-minimal1 .nav-inner .nav-menu {
display: block;
float: none;
}
.style-minimal1 .nav-inner .logo {
-webkit-transform: none;
transform: none;
-moz-transform: none;
padding: 40px 0 20px;
}
.style-minimal2 #navigation .logo img,
.header-style-minimal2 #navigation_sticky .logo img,
.style-minimal1 .nav-inner .logo img {
display: block;
margin: 0 auto;
}
.style-minimal1 #navigation {
height: auto;
}
.style-minimal1 ul.nav {
float: none;
display: block;
width: 100%;
text-align: center;
}
.style-minimal1 .nav-menu ul li {
float: none;
display: inline-block;
}
.style-minimal1 .nav-menu ul li ul a {
text-align: left;
text-transform: none;
}
.style-minimal1 .nav-menu ul.nav > li > a {
text-transform: uppercase;
line-height: 60px;
border-bottom: 2px solid transparent;
}
.style-minimal1 .nav-menu ul li.current-menu-item a,
.style-minimal1 .nav-menu ul li a:hover {
border-color: #fecb16;
}
.style-minimal1 .nav-menu ul li a:before {
display: none;
content: none;
}
#navigation_sticky.style-minimal1 .logo {
display: none;
}
#navigation_sticky.style-minimal1 .nav-extra-right {
display: none;
} .header-style-minimal2 .nav-menu .nav {
display: none;
}	
.header-style-minimal2 .header-cart-icon {
display: none;
}
.header-style-minimal2 .mobile-nav-button {
display: none !important;
position: absolute;
left: 0;
text-align: center;
font-size: 22px;
color: #666;
line-height: 37px;
border-color: #666;
}
.header-style-minimal2 .mobile-nav-button-popup {
position: absolute;
left: 15px;
text-align: center;
font-size: 28px;
color: #666;
line-height: 38px;
top: 34px;
cursor: pointer;
transition: color .3s;
}
.header-style-minimal2 .mobile-nav-button-popup:hover {
color: #fecb16;
border-color: #fecb16;
}
.header-style-minimal2 #navigation_sticky .mobile-nav-button-popup {
top: 12px;
}
.header-style-minimal2 .header-search-minimal {
border-color: #666;
color: #666;
font-size: 22px;
}
.header-style-minimal2 .nav-menu {
height: 0px;
}
.header-style-minimal2 .nav-extra-right {
position: absolute;
right: 15px;
top: 0;		
}
.header-style-minimal2 .logo img {
margin: 0 auto;
display: block;
}
.header-style-minimal2 #topbar {
display: none;
}
#vntd-popup-menu {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
background: rgba(0,0,0,0.88);
text-align: center;
z-index: 51;
}
#vntd-popup-menu:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
}
#vntd-popup-menu .vntd-popup-menu-inner {
vertical-align: middle;
width: 90%;
display: inline-block;
}
#vntd-popup-menu a {
color: #aaa;
-webkit-font-smoothing: subpixel-antialiased;
font-weight: bold;
text-transform: uppercase;
background: transparent !important;
display: inline-block;
padding: 3px 30px;
font-size: 26px;
}
#vntd-popup-menu a:hover {
color: #fecb16;
}
#vntd-popup-menu ul.nav > li.menu-item-has-children > a:after {
margin-bottom: -9px;
display: none;
}
#vntd-popup-menu-close {
width: 52px;
height: 52px;
margin: 0 auto;
border: 3px solid #fecb16;
border-radius: 100%;
line-height: 48px;
color: #fecb16;
font-size: 28px;
margin-bottom: 30px;
cursor: pointer;
transition: all .3s;
}
#vntd-popup-menu-close:hover {
color: #fff;
border-color: #fff;
} .header-skin-dark #navigation,
#navigation_sticky.header-skin-dark {
background: #333;
}
.header-skin-dark .nav-menu ul li a {
color: #acacac;
}
#site-navigation.style-bottom.header-skin-dark #navigation {
background: #2c2c2c;
}
.header-skin-dark .nav-menu ul.dropdown-menu,
.header-skin-dark .nav-menu {
background: #2c2c2c;
}
.header-skin-dark ul.dropdown-menu li {
border-color: #363636 !important;
}
.header-skin-dark ul.dropdown-menu li a {
color: #707070;
}
.header-skin-dark ul.dropdown-menu li a:hover {
color: #fecb16;
} #topbar { line-height: 40px;
background-color: #fafafa;
font-size: 13px;
color: #c2c2c2;
}
#topbar:after {
content: "";
display: block;
clear: both;
}
.topbar-left {
float: left;
}
.topbar-right {
float: right;
}
#topbar .vntd-social-icons {
margin: 0;
}
#topbar.topbar-skin-light .vntd-social-icons a {
color: #c2c2c2;
}
#topbar.topbar-skin-dark .vntd-social-icons a {
color: #636363;
}
#topbar.topbar-skin-dark {
background: #252525;
color: #707070;
}
#topbar.topbar-skin-dark a {
color: #707070;
}
#topbar.topbar-skin-dark .menu li a:after {
background-color: #555;
}
#topbar i {
font-size: 16px;
}
#topbar a {
color: #d2d2d2;
}
#topbar a:hover {
color: #fecb16;
}
.topbar-text i {
margin-right: 6px;
}
.topbar-left i:not(:first-child) {
margin-left: 20px;
}
.topbar-right i:not(:first-child) {
margin-left: 20px;
}
.topbar-right .topbar-section {
margin-left: 10px;
}
.topbar-section {
display: inline-block;
} .topbar-langs {
padding-left: 5px;
}
.topbar-langs ul {
opacity: 0;
height: 0;
position: absolute;
top: 39px;
left: -15px;
background: #FBFBFB;
border: 1px solid #EFEFEF;
z-index: 300;
list-style: none;
min-width: 110px;
text-align: left;
overflow: hidden;
line-height: 1.7em;
}
.topbar-langs .current-lang {
position: relative;
cursor: pointer;
}
.topbar-langs:hover ul {
opacity: 1;
height: auto;
}
#topbar .topbar-langs a {
display: block;
padding: 8px 14px;
color: #bbb;
}
.topbar-langs ul li:not(:last-child) {
border-bottom: 1px solid #Efefef;
}
.topbar-langs i {
margin: 0 6px;
} #topbar ul {
margin: 0;
}
#topbar .menu ul ul {
display: none;
}
#topbar .menu li {
list-style: none;
display: inline-block;
box-sizing: border-box;
margin: 0 20px;
position: relative;
}
#topbar .menu li a:after {
content: ".";
text-indent: -999px;
height: 12px;
width: 1px;
background-color: #ebebeb;
right: -20px;
position: absolute;
top: 50%;
margin-top: -6px;
}
#topbar .menu li:first-child {
margin-left: 0;
}
#topbar .menu li:last-child a:after {
display: none;
}
#topbar .menu a {
display: block;
border-top: 2px solid transparent;
transition: all .3s;
}
#topbar .menu li:hover {
}
#topbar .menu li:hover a {
color: #fecb16;
border-color: #fecb16;
} .nav-extra-right {
display: inline-block;
float: right;
line-height: 108px;
}
#navigation_sticky .nav-extra-right {
line-height: 70px;
}
.nav-extra-item {
display: inline-block;
margin-left: 14px;
}
.nav-extra-item i {
transition: color .3s;
}
.nav-extra-item:nth-child(2) {
margin-left: 19px;
}
.nav-extra-item-text {
color: #959595;
font-size: 16px;
padding-right: 30px;
}
.nav-extra-item-text i {
color: #fecb16;
padding: 0 5px 0 25px;
font-size: 20px;
}
#site-navigation .nav-extra-item:hover i {
color: #fecb16;
} .first-nav.white-nav{
background-color:rgba(255,255,255, 0.1);
box-shadow: 0px 1px 4px rgba(0,0,0, 0.1);
}
.first-nav.white-nav .nav-menu{
color:#fff;
}
.second-nav.white-nav .nav-menu,
.first-nav.white-nav .nav-menu ul.dropdown-menu li a{ }
.white-nav .nav-menu ul.dropdown-menu li a{ }
.second-nav.white-nav,
.white-nav .nav-menu ul.dropdown-menu{  }
.first-nav.white-nav .nav-inner .nav-menu ul li a:hover{ }
.second-nav.white-nav .nav-inner .nav-menu ul li a:hover{ }
.second-nav.white-nav .nav-inner .nav-menu ul li.active a,
.white-nav .nav-menu ul.dropdown-menu li a:hover,
.white-nav .nav-menu ul.dropdown-menu li.active a{
background-color:#f8f8f8;
} #navigation-sticky.white-nav{
background:rgba(255,255,255,0.95);
} .nav-from-top{
top:-75px !important;
}
.second-nav{
top: 0 !important;
}
.admin-bar .second-nav {
top: 32px !important;
} .mobile-nav-button{
display: none;
position: absolute;
height: 40px;
background:transparent;
right: 20px;
top:50%;
font-size:28px;
cursor: pointer;
margin-top: -20px;
color: #666; }
.mobile-nav-button:hover,
.mobile-nav-button:active{
color:#1f1f1f;
}
#navigation-mobile {
display: none;
background: #fafafa;
padding-bottom: 8px;
}
.navigation-mobile > ul.menu {
padding: 0 20px;
margin: 0px;		
}
.navigation-mobile > ul > li:last-child > a {
border: 0px;
}
.navigation-mobile ul li {
list-style: none;			
position: relative;
}
.navigation-mobile ul li a {
list-style: none;
line-height: 44px;
font-weight: bold;
-webkit-font-smoothing: antialiased;
display: block;
border-bottom: 1px solid #f4f4f4;	
}
.navigation-mobile a {
color: #363636;;
}
.navigation-mobile ul.menu li.menu-item-has-children:after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
right: 0px;
top: 13px;
color: #aaa;
font-size: 14px;
}
.navigation-mobile .dropdown-menu {
position: relative;
float: none;
border: 0px;
box-shadow: none;
padding: 0px;
background: none;
padding-left: 23px;
}
.navigation-mobile ul.dropdown-menu .dropdown-menu {
position: relative;
margin-top: 0px;
left: auto;
padding-left: 23px;
}
.navigation-mobile .dropdown-menu>li>a {
padding: 0px;
line-height: 44px;
background: none !important;
}
#navigation-mobile.navigation-mobile-dark {
background: #2c2c2c;
}
#navigation-mobile.navigation-mobile-dark li a {
border-color: #363636;
}
.navigation-mobile-dark li a {
color: #707070;
}
.navigation-mobile.navigation-mobile-dark ul.menu li.menu-item-has-children:after {
color: #666;
} #home{
z-index: 6;
}
.home-elements{
width:100%;
height: 100%;
margin:0;
left:0;
top:0;
position: absolute;
z-index: 5;
}
.home-elements .home-inner{
position: relative;
top:50%;
height: auto;
width:100%;
max-width:1170px;
margin:0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.home-elements .v1{
margin-top:20px;
}
.home-inner.v1 .home-fixed-text{
font-size:60px;
color:#d1d1d1;
line-height: 60px;
margin:0;
padding: 0;
} .slides-container div{
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
}
.slides-container .uppercase {
font-weight: normal;
}
body.parallax .slides-container div{
background-attachment: fixed;
}
.blog .home-texts .slide {
font-size: 50px !important;
}  .image-bg{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/slide4.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
}
body.parallax .image-bg{
background-attachment: fixed;
}         .vntd-social-icons {
margin-bottom: 20px;
}
.social-icon{
width: 20px;
height: 20px;
border-radius: 100%;
background:white;
display: inline-block;
margin:0 3px !important;
color:#c5c5c5;
padding:4px !important;
line-height: 20px;
text-align: center;
}
.social-icon a{
color:#c5c5c5;
}
.social-icon:hover{
color:white;
}
#page-content .vntd-social-icons a {
width: 32px;
height: 32px;
border: 1px solid rgba(0,0,0,0.2);
border-radius: 100%;
text-align: center;
line-height: 32px;
display: inline-block;
font-size: 14px;
margin: 0 10px 0 0;
transition: all .3s;
}
#page-content .vntd-social-icons a:hover {
border-color: #fecb16 !important;
color: #fecb16 !important;
} .ls-inner a.social-icon,
.tp-caption a.social-icon{
color:#c5c5c5; 
width: 20px;
height: 20px;
line-height: 20px;
-webkit-box-sizing: content-box !important;
}
.ls-inner a.social-icon:hover,
.tp-caption .social-icon:hover{
color:white;
}
.gallery-caption,
.wp-caption {
font-style: italic;
}
.wp-caption-text {
font-style: italic;
opacity: 0.9;
padding-top: 8px;
}
.bypostauthor {
background: rgba(0,0,0,0);
}
.aligncenter {
text-align: center;
margin: 0 auto;
} #wrapper_mbYTP_P10{
z-index: 0 !important;
}
.video-containers {
position: relative;
padding-bottom: 55.5%;
padding-top: 1px;
height: 0;
overflow: hidden;	
margin-bottom: 25px;
}
.video-containers iframe,  
.video-containers object, 
.video-containers embed {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100%;
z-index: 5;
} .rainy-background {
position: absolute;
left: 0;	
top: 0;	
max-width: none !important;
visibility: hidden;
overflow: hidden;
} .bg-sound-controls {
white-space: nowrap; 
position: absolute !important; 
z-index: 1000;
cursor: pointer;
background: none !important;
} section.page-content{
margin:0;
width: 100%;
padding:25px 0;
}
section.page-content .page-content-inner{
width: 100%;
max-width:1170px;
margin:0 auto;
} #page-title {
background-color:#fafafa; width: 100%;
height: auto;
position: relative;
transition: background-image .3s;
background-size: cover;
}
body.page-with-title #page-content {
padding-top: 70px;
}
.header-style-minimal1 #page-title {
text-align: center;
}
#page-title .page-title-holder {
min-height: 80px;
display: table;
}
.header-style-minimal1 #page-title h1 {
text-transform: uppercase;
font-weight: bold; font-size: 26px;		
}
.header-style-minimal1 #breadcrumbs,
#page-title.page-title-animated #breadcrumbs {
display: none;
}
.header-style-transparent #page-title h1 {
padding-top: 79px;
color: #fff;
}
.header-style-transparent #page-title #breadcrumbs {
margin-top: 31px;
}
.header-style-transparent #page-title #breadcrumbs li,
.header-style-transparent #page-title #breadcrumbs li a {
color: #fff;
}
#page-title.page-title-animated {
display: none;
}
#page-title.page-title-animated h1 {
opacity: 0;
}
#page-title .page-title-inner { }
#page-title .page-title-inner .p_head_left{ height: auto;
}
#page-title h1 {
padding:0;
color:#363636;
font-size:30px;
text-transform: none;
margin: 0;
line-height: 36px;
font-weight: normal;
padding: 20px 0;
display: table-cell;
vertical-align: middle;
max-width: 600px;
}
#page-title .page-title-inner .p_head_right{
width: 35%;
height: auto;
}
#page-title .page-title-inner .p_head_right a.p-head-button{
display: inline-block;
width: auto;
padding:10px 22px;
color:#6a6a6a; font-size:13px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#page-title.style-minimal2 #breadcrumbs {
display: none;
}
#page-title.style-minimal2 .p_head_left {
float: none;
display:block;
width: 100% !important;
}
#page-title.style-minimal2 h1 {
text-transform: uppercase;
font-weight: bold;
-webkit-font-smoothing: antialiased;
text-align: center;
} body.header-style-bottom2 #page-title {
background: none;
border: 0px;
}
body.header-style-bottom2 #page-title .inner {
background: #fafafa;
padding-left: 30px;
padding-right: 30px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
body.header-style-bottom2 #page-title #breadcrumbs {
right: 30px;
}
body.header-style-bottom2 #topbar {
background: none;
}
body.header-style-bottom2 #topbar .nav-inner {
background: #fafafa;
overflow: hidden;
padding: 0 20px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
max-width: 1170px;
} #breadcrumbs {
position: absolute;
right: 20px;
top: 50%;
margin-top: -7px;
font-size: 14px;
-webkit-font-smoothing: subpixel-antialiased;
}
#breadcrumbs li {
list-style: none;
display: inline-block;
}
#breadcrumbs li:after {
content: "\f101";
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
margin: 0 11px;
}
#breadcrumbs li:last-child:after {
display: none;
content: none;
}
#breadcrumbs li,
.breadcrumbs a {
color: #959595;
}
.breadcrumbs a:hover {
color: #fecb16;
} #about .about-boxes{
width:100%;
z-index:3;
position: relative;
margin:75px auto 0;
}
.vntd-icon-box {
cursor: pointer;
} .vntd-icon-box a.about-icon{
display:block;
background:transparent;
width:130px;
height: 130px;
margin:0 auto;
border-radius: 500px;
border:1px solid #8b8b8b;
color:#444444;
font-size:28px;
line-height: 132px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.vntd-icon-box a.about-icon:after{
position:absolute;
background:transparent;
content:'';
width:100%;
height: 100%;
border-radius: 500px;
left:0;
top:0;
border:1px solid transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .vntd-icon-box h3{
font-size:20px;
margin: 25px auto 12px;
padding:0;
} .vntd-icon-box p{
font-size:14px;	
margin-bottom: 15px;
}
.icon-box-centered {
text-align: center;
}
.icon-box-centered p {
color:#919191;
} .vntd-icon-box:hover a.about-icon{
background:#21242a;
color:white;
border:1px solid rgba(0,0,0,0);
}
.vntd-icon-box:hover a.about-icon:after{
border:1px solid #21242a;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} body.parallax #what-we-do{
background-attachment: fixed;
}
.what-we-do{
z-index: 1;
} ul#w-filters li{
display:inline-block;
margin:50px 45px;
}
ul#w-filters li a{
display:inline-block;
width:100px;
height: 100px;
line-height: 100px;
border:1px dotted #b9b7b7;
border-radius: 8px;
color:#dcdcdc;
opacity: 0.8;
font-size:18px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
ul#w-filters li a span{
display: block;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
} .w-items .w-item,
.w-items .wpb-item {
width:100%;
padding:30px 24px;
padding-bottom: 0px;
border:1px dashed #7d7d7d;
border-radius: 12px;
color:#b9b7b7;
background-color:rgba(35,37,43, 0.5);
top: 0 !important;
}
.w-items .w-item h1,
.w-items .wpb-item h1 {
font-size:22px;
color:#d2d2d2;
margin:0;
}
.w-items .w-item p,
.w-items .wpb-item p {
font-size:15px;
color:#c4c4c4;
margin:10px 0 0;
} .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .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;
} .w-second-area{
margin:65px auto 0;
} .w-second-area .w-left p{
margin:20px auto;
}
.w-second-area .w-left ul.w-descs li{
list-style-image: ;
list-style-position: inside;
margin:6px auto;
}
.w-second-area .w-left ul.w-descs li i{
background:url(//www.toxpro.sk/wp-content/themes/qaro/img/list-style.png) bottom left;
top:3px;
position: relative;
display:inline-block;
width:19px;
height: 19px;
margin-right: 7px;
} .w-second-area .w-right img{
width: 90%;
height: auto;
} .button{
padding:8px 14px;
border-radius:6px;
font-size:20px;
margin:3px auto;
display: inline-block;
opacity: 0.7;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.button:hover{
opacity: 1;
color:white;
} .btn {
color: #fff;
-webkit-transition: all .3s;
transition: all .3s;
-moz-transition: all .3s;
padding: 10px 28px;
font-weight: bold;
font-size: 16px;
border: none;
margin-bottom: 8px;
position: relative;
-webkit-font-smoothing: antialiased;
}
.btn-medium {
padding: 15px 28px;
font-size: 18px;
}
.btn-large {
font-size: 22px;
padding: 15px 36px;
}
.btn-icon {
padding-left: 60px;
}
.btn .fa {
background: rgba(0,0,0,0.07);
position: absolute;
left: 0;
top: 0;
bottom: 0;
border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
width: 42px;
line-height: 42px;
font-size: 18px;
}
.btn-medium .fa {
line-height: 55px;
width: 52px;
font-size: 22px;
}
.btn-medium.btn-icon {
padding-left: 72px;
}
.btn-large .fa {
line-height: 61px;
width: 61px;
font-size: 28px;
}
.btn-large.btn-icon {
padding-left: 81px;
}
.btn:hover {
color: #fff !important;
background-color: #363636 !important;
border-color: #363636;
}
.btn-center {
display: table;
margin: 0 auto;
}
.btn-style-stroke {
background: none !important;
border: 2px solid #fecb16;
color: #fecb16;
box-sizing: border-box;
}
#page-content .btn-style-stroke:hover {
background: transparent !important;
}
.btn.btn-style-stroke:hover {
border-color: #363636 !important;
color: #363636 !important;
background: none !important;
}
.btn-style-stroke.accent-hover-bg:hover {
color: #fecb16 !important;
border-color: #fecb16 !important;
}
.btn-style-stroke.btn-icon .fa {
background: none;
}
.btn-style-stroke.btn-icon.btn-medium,
.btn-style-stroke.btn-icon {
padding-left: 42px;
}
.btn-style-stroke.btn-icon.btn-large {
padding-left: 50px;
}
.btn-style-3d {
-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-style-gradient:before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.18));
opacity: .6; 
}
.btn-white {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-white:hover {
color: #333;
background-color: #ddd;
}
.btn-green {	
background-color: #8ec63f;
border-color: #8ec63f;
background-color: #39b54a;
border-color: #39b54a;
background-color: #8ec63f;
border-color: #8ec63f;
}
.btn-green {
}
.btn-orange {	
background-color: #f0ad4e;
border-color: #f0ad4e;
}
.btn-red {	
background-color: #d2322d;
border-color: #d2322d;
}
.btn-blue {	
background-color: #00aeef;
border-color: #00aeef;
}
.btn-blue.btn-style-stroke {
color: #00aeef;
}
.btn-light-blue {	
background-color: #5bc0de;
border-color: #5bc0de;
}
.btn-light-blue.btn-style-stroke {
color: #5bc0de;
}
.btn-dark {
background-color: #363636;
border-color: #363636;
}
.btn-dark.btn-style-stroke {
color: #363636;
}
.btn-black {
background-color: #232323;
border-color: #232323;
}
.btn-black.btn-style-stroke {
color: #232323;
}
.btn-gray {
background-color: #777;
border-color: #777;
}
.btn-gray.btn-style-stroke {
color: #777;
}
.btn-purple {
background-color: #946EA7;
border-color: #946EA7;
}
.btn-white {
background-color: #fff;
border-color: #fff;
color: #fff;
} .vntd-color-blue,
#page-content .progress-bar-style4 .vntd-color-blue .progress-bar-value .vc_label_units {
color: #61b5e5;
}
#page-content .progress-bar-style4 .vc_single_bar.vntd-color-blue {
border-color: #61b5e5 !important;
}
.vc_single_bar.vntd-color-blue .vc_bar {
background-color: #61b5e5 !important;
}
.vntd-color-green,
#page-content .progress-bar-style4 .vntd-color-green .progress-bar-value .vc_label_units {
color: #8dc63f;
}
#page-content .progress-bar-style4 .vc_single_bar.vntd-color-green {
border-color: #8dc63f !important;
}
.vc_single_bar.vntd-color-green .vc_bar {
background-color: #8dc63f !important;
}
.vntd-color-turquoise,
#page-content .progress-bar-style4 .vntd-color-turquoise .progress-bar-value .vc_label_units {
color: #1cbbb4;
}
#page-content .progress-bar-style4 .vc_single_bar.vntd-color-turquoise {
border-color: #1cbbb4 !important;
}
.vc_single_bar.vntd-color-turquoise .vc_bar {
background-color: #1cbbb4 !important;
}
.vntd-color-red,
#page-content .progress-bar-style4 .vntd-color-red .progress-bar-value .vc_label_units {
color: #f26d7d;
}
#page-content .progress-bar-style4 .vc_single_bar.vntd-color-red {
border-color: #f26d7d !important;
}
.vc_single_bar.vntd-color-red .vc_bar {
background-color: #f26d7d !important;
} .vntd-tabs {
padding-top: 10px;
}
.vntd-tabs .wpb_tab {
border-radius: 6px;
padding: 40px 30px !important;
border: 1px solid rgba(0,0,0,0.06) !important;
background: none !important;
-webkit-font-smoothing: subpixel-antialiased;
}
#page-content .ui-tabs-nav {
padding-left: 30px !important;
border: 0;
}
#page-content .ui-tabs-nav a {
background: rgba(0,0,0,0.06);
border-top-left-radius: 4px;
border-top-right-radius: 4px;
text-transform: none;
color: #acacac;
font-size: 14px;
transition: all .3s;
padding: 10px 25px;
-webkit-font-smoothing: subpixel-antialiased;
}
#page-content .ui-tabs-nav a:hover {
background: rgba(0,0,0,0.08);
}
#page-content .ui-tabs-nav li {
margin-right: 4px;
margin-bottom: -1px;
}
#page-content .ui-tabs-nav li:hover {
background: none !important;
}
#page-content .ui-tabs-nav .ui-tabs-active a {
background: #fecb16 !important;
color: #fff !important;
font-weight: bold;
padding-top: 12px;
padding-bottom: 12px;
margin-top: -6px;
font-size: 16px;
} #page-content .tabs-style2 .ui-tabs-nav a {
background: none !important;
border: 1px solid rgba(0,0,0,0.06);
}
#page-content .tabs-style2 .ui-tabs-nav .ui-tabs-active a,
#page-content .tabs-style3 .ui-tabs-nav .ui-tabs-active a {
background: #363636 !important;
border-color: #363636 !important;
} #page-content .tabs-style3 .ui-tabs-nav a {
background: #252525;
font-weight: bold;
border-top: 3px solid #252525;
}
#page-content .tabs-style3 .ui-tabs-nav .ui-tabs-active a {
background: #363636 !important;
border-top: 3px solid #fecb16;
}
#page-content .vntd-tabs.tabs-style3 .wpb_tab {
color: #959595;
background-color: #363636 !important;
border-color: #363636 !important;
} #page-content .tabs-style4 .ui-tabs-nav li {
margin-bottom: 0;
}
#page-content .tabs-style4 .ui-tabs-nav a {
background: rgba(0,0,0,0.03);
}
#page-content .vntd-tabs.tabs-style4 .wpb_tab {
border-color: #fecb16 !important;
} #page-content .tabs-style5 .ui-tabs-nav {
padding-left: 0 !important;
}
#page-content .vntd-tabs.tabs-style5 .wpb_tab {
border: none !important;
padding-left: 0 !important;
padding-right: 0 !important;
} .vntd-list {
list-style: none;
margin-bottom: 20px;
}
.vntd-list br {
display: none;
}
.vntd-list li {
margin-bottom: 10px;
}
.vntd-list i {		
width: 16px;
height: 16px;
font-size: 14px;
text-align: center;
line-height: 16px;
margin-right: 15px;
}
.vntd-list-bg i {
color: #fff;
opacity: 0.5;
}
.vntd-list-dark i {
color: #666;
}
.vntd-list-accent i {
color: #fecb16;
}
.vntd-list-bg.vntd-list-dark i {
background-color: rgba(0,0,0,.5);
color: #fff;
}
.list-icon-heart .fa:before {
content: "\f004";
}
.list-icon-heart-o .fa:before {
content: "\f08a";
}
.list-icon-flag .fa:before {
content: "\f024";
}
.list-icon-star .fa:before {
content: "\f005";
}
.list-icon-check .fa:before {
content: "\f00c";
}
.mobile-bg * {
display: none !important;
}
#animals .slide.uppercase {
font-family: "Oswald", "Raleway", Helvetica;
font-weight: normal;
} #portfolio .portfolio:first-child{
padding-bottom:0;
}
#portfolio .portfolio:last-child{
margin-top:35px;
}
.portfolio {
overflow: hidden;
}
.vntd-special-heading + .portfolio {
margin-top: 35px;
}
.portfolio-items {
overflow: hidden;
}
.grid-load-more {
text-align: center;
margin-top: 40px;
}
.grid-load-more a {
color: #fff !important;
} .portfolio-filters-wrap {
position: relative;
}
.portfolio-filters {
display: block;
text-align: center;
margin-bottom: 40px;
}
.portfolio-filters li {
display: inline-block;
padding: 0 0 5px;
margin: 0 15px;
border-bottom: 2px solid transparent;
text-transform: uppercase;
font-weight: bold;
-webkit-font-smoothing: antialiased;
color: #464646;
cursor: pointer;
transition: all .3s;
margin-top: 5px;
}
.portfolio-filters li.cbp-filter-item-active {
border-color: #fecb16;
} .portfolio-filters-default_border .portfolio-filters {
border-bottom: 2px solid rgba(0,0,0,0.06);
}
.portfolio-filters-default_border .portfolio-filters li {
padding-bottom: 20px;
margin-bottom: -2px;
}
.portfolio-filters-bgcolor .portfolio-filters li {
border: 0;
border-radius: 4px;
padding: 7px 13px;
margin: 0 3px;
}
.portfolio-filters-bgcolor .portfolio-filters li.cbp-filter-item-active {
background: #fecb16;
color: #fff;
}
.filter-aligned-right {
overflow: hidden;
}	
.filter-aligned-right .portfolio-filters {
float: right;
margin: 0;
}
.portfolio-filters-default.filter-aligned-right .portfolio-filters:before {
content: ".";
position: absolute;
text-indent: -9999px; left: 0;
bottom: 2px;
right: 0;
border-bottom: 2px solid rgba(0,0,0,0.06);
}
.portfolio-filters-default.filter-aligned-right .portfolio-filters li {
margin-top: 9px;
margin-bottom: -20px;
padding-bottom: 20px;
z-index: 2;
}
.filter-aligned-right .portfolio-filters li:last-child {
margin-right: 0;
}
.portfolio-title-left {
float: left;
}
.portfolio-title-left h2 {
margin: 0;
}
.portfolio-filters-default.filter-aligned-right {
padding-bottom: 20px;
}
.portfolio-filters-bgcolor.filter-aligned-right li {
margin-bottom: 0;
margin-top: 3px;
} .portfolio-filters-dark,
.portfolio-filters-dark2 {
text-align: center;
}
.portfolio-filters-dark .portfolio-filters,
.portfolio-filters-dark2 .portfolio-filters {
width: auto;
margin: 0 auto;
background: rgba(0,0,0,0.8);
display: inline-block;
border-radius: 4px;
padding: 0 22px
}
.portfolio-filters-dark .portfolio-filters li,
.portfolio-filters-dark2 .portfolio-filters li {
color: #acacac;
padding-top: 8px;
padding-bottom: 6px;
}
.portfolio-filters-dark .portfolio-filters li:hover,
.portfolio-filters-dark .portfolio-filters li.cbp-filter-item-active {
color: #fff;
border-color: #fff;
}
.portfolio-filters-dark2 .portfolio-filters li {
border: 0;
padding: 8px 13px;
margin: 0;
float: left;
}
.portfolio-filters-dark2 .portfolio-filters li:hover,
.portfolio-filters-dark2 .portfolio-filters li.cbp-filter-item-active {
color: #fff;
background-color: #fecb16;
} .portfolio .portfolio-items{
margin-top:35px;
width: 100.1%;
visibility: hidden;
}
.portfolio .portfolio-items .item{
height: auto;
}
.portfolio-style .item a.work-image{
display: block;
overflow: hidden;
}
.portfolio-style .item img{
width:100.5%;
max-width: 100.5%;
height: auto;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
-webkit-backface-visibility: hidden;
} .portfolio .portfolio-style div.boxed-item{
width:33.3%; overflow: hidden;
background:transparent;
}
.portfolio-style .item-inner{
width: 100%;
height: 100%;
padding:0;
margin:0;
position: relative;
overflow: hidden;
background:#fecb16;
-webkit-transition: background-color 0.5s;
-moz-transition: background-color 0.5s;
transition: background-color 0.5s;
}
.portfolio.boxed .portfolio-items{
margin-bottom:35px;
-webkit-overflow-scrolling: touch;
} .item-outer {
padding: 20px;
text-align: center;
background: rgba(0,0,0,0.03);
transition: all .3s;
border-bottom: 1px solid rgba(0,0,0,0.05);
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.item:hover .item-outer {
background: rgba(0,0,0,0.85);
background: rgba(0,0,0,0.06);
}
.portfolio-outer-excerpt {
margin: 0;
}
h3.portfolio-outer-title {
margin-bottom: 10px;
}
h3.portfolio-outer-title a {
text-transform: none;
font-size: 18px;
color: #363636;
}
.portfolio-title_category_rounded .portfolio-outer-excerpt,
.portfolio-title_category .portfolio-outer-excerpt {
display: none;
}
.portfolio-title_category .portfolio-outer-cats {
margin-top: -5px;
margin-bottom: 4px;
font-size: 14px;
color: #707070;
} .portfolio-title_category .item-outer {
border-radius: 0;
} .portfolio-title_category_rounded .item { }
.portfolio-title_category_rounded .item-outer {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
border: 0;
}
.portfolio-title_category_rounded .portfolio-outer-cats {
margin-top: -5px;
} .portfolio-title_excerpt .portfolio-outer-cats {
display: none;
} .portfolio-title_excerpt_more .item-outer {
text-align: left;
}
.portfolio-title_excerpt_more .portfolio-outer-cats {
display: none;
}
.portfolio-view-more {
padding: 7px 18px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-size: 13px;
margin-top: 18px;
}
.portfolio-view-more:hover {
background: #fecb16 !important;
}
.portfolio-view-more a {
color: #fff !important;
} .portfolio-cols-1.portfolio-title_excerpt_more .portfolio-outer-cats {
display: block;
}
.portfolio-cols-1 .item-inner {
float: left;
width: 70%;
}
.portfolio-cols-1 .item-outer {
position: absolute;
right: 0;
left: 70%;
top: 0;
bottom: 0;
border: 0;
box-shadow: none;
border-radius: 0;
padding: 30px;
}
.portfolio-cols-1 .cbp-item-wrapper {
overflow: hidden;
}
.portfolio-cols-1 .portfolio-outer-title a {
font-size: 24px;
}
.portfolio-cols-1.portfolio-title_excerpt_more .portfolio-outer-cats {
color: #aaa;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.portfolio-cols-1 .portfolio-view-more {
padding: 9px 20px;
font-size: 14px;
position: absolute;
left: 30px;
bottom: 30px;
margin: 0;
} .portfolio-item-overlay {
position: absolute;
display: inline-block;
text-align: center;
width: 100%;
z-index: 3;
top:0;
left:0;
right: 0;
bottom: 0;
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
.portfolio .portfolio-overlay-title h3{
font-size:30px;
margin:0;
padding:0;
color: #fff;
} .portfolio-style .item:hover img{
opacity: 0.1;
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.portfolio-style .item:hover .portfolio-item-overlay{
opacity: 1;
} .portfolio-overlay-title,
.portfolio-overlay-cats,
.portfolio-overlay-excerpt {
display: none;
position: absolute;
left: 0;
right: 0;
top: 50%;
}
.portfolio-overlay-title {
text-transform: uppercase;
color: #fecb16;
margin-top: -20px;
transition: color .3s;
}
.portfolio-overlay-cats {
text-transform: uppercase;
font-weight: bold;
-webkit-font-smoothing: antialiased;
color: rgba(255,255,255,0.7);
margin-top: 20px;
}
.portfolio-overlay-excerpt {
padding: 0 20px;
}
.portfolio-overlay-icons {
position: absolute;
top: 50%;
margin-top: -22px;
text-align: center;
left: 0;
right: 0;
}
.portfolio-overlay-icons span {
color: #fff;
font-size: 26px;
margin: 0 2px;
border-radius: 100%;
width: 44px;
height: 44px;
line-height: 44px;
transition: all .3s;
display: inline-block;
}
.portfolio-overlay-icons span:hover {
background: #363636;
color: #fff !important;
}
.portfolio-overlay-icons .overlay-icon-link {
line-height: 47px;
}  .portfolio-title_categories .portfolio-overlay-title,
.portfolio-title_categories .portfolio-overlay-cats,
.portfolio-bottom .portfolio-overlay-cats,
.portfolio-bottom .portfolio-overlay-excerpt,
.portfolio-bottom .portfolio-overlay-title,
.portfolio-bottom_dark .portfolio-overlay-cats,
.portfolio-bottom_dark .portfolio-overlay-excerpt,
.portfolio-bottom_dark .portfolio-overlay-title,
.portfolio-title_categories_excerpt .portfolio-overlay-title,
.portfolio-title_categories_excerpt .portfolio-overlay-cats,
.portfolio-title_categories_icons .portfolio-overlay-title,
.portfolio-title_categories_icons .portfolio-overlay-cats,
.portfolio-icons_title_categories .portfolio-overlay-title,
.portfolio-icons_title_categories .portfolio-overlay-cats {
display: block;
}
.portfolio-icons_title_categories .portfolio-overlay-title {
color: #fff;
}
.portfolio-icons_title_categories .portfolio-overlay-title:hover {
color: #363636 !important;
}
.portfolio-icons_title_categories .portfolio-overlay-icons {
margin-top: -55px;
}
.portfolio-icons_title_categories .portfolio-overlay-title {
margin-top: -5px;
}
.portfolio-icons_title_categories .portfolio-overlay-cats {
margin-top: 30px;
} .portfolio-title_categories .item-inner,
.portfolio-title_categories_excerpt .item-inner,
.portfolio-title_categories_icons .item-inner,
.portfolio-simple_dark .item-inner,
.portfolio-title_icons_categories .portfolio-style .item-inner {
background: #111;
}
.portfolio-simple_dark .portfolio-overlay-icons span:hover {
background: rgba(0,0,0,0.6);
}
.portfolio-simple_dark .item:hover img {
opacity: 0.4;
} .portfolio-title_categories_icons .portfolio-overlay-title {
margin-top: -35px;
color: #fff;
}
.portfolio-title_categories_icons .portfolio-overlay-title a:hover {
color: #fff !important;
}
.portfolio-title_categories_icons .portfolio-overlay-cats {
margin-top: -5px;
font-size: 12px;
}
.portfolio-title_categories_icons .portfolio-overlay-icons {
margin-top: 18px;
cursor: pointer;
}
.portfolio-title_categories_icons .portfolio-overlay-icons span {
font-size: 18px;
background: transparent;
width: 32px;
height: 32px;
line-height: 32px;
margin: 0;
color: #fff;
}
.portfolio-title_categories_icons .portfolio-overlay-icons span:hover {
color: #fff !important;
background: rgba(0,0,0,0.6);
} .portfolio-title_categories_excerpt .portfolio-overlay-excerpt {
display: block;
margin-top: 5px;
color: #aaa;
}
.portfolio-title_categories_excerpt .portfolio-overlay-excerpt:after,
.portfolio-bottom .portfolio-overlay-excerpt:after {
content: ".";
width: 100px;
height: 5px;
background: #fecb16;
text-indent: -9999px;
display: block;
margin: 0 auto;
margin-top: 20px;
}
.portfolio-title_categories .portfolio-overlay-icons,
.portfolio-title_categories_excerpt .portfolio-overlay-icons {
display: none;
}
.portfolio-title_categories_excerpt .portfolio-overlay-title {
margin-top: -55px;
}
.portfolio-title_categories .portfolio-overlay-title,
.portfolio-title_categories_excerpt .portfolio-overlay-title:hover {
color: #fff !important;
}
.portfolio-title_categories_excerpt .portfolio-overlay-cats {
margin-top: -25px;
}
.portfolio-title_categories .portfolio-overlay-title,
.portfolio-title_categories_excerpt .item.no-excerpt .portfolio-overlay-title {
margin-top: -20px;
color: #fecb16;
}
.portfolio-title_categories .portfolio-overlay-cats,
.portfolio-title_categories_excerpt .item.no-excerpt .portfolio-overlay-cats {
margin-top: 10px;
} .portfolio-bottom_dark .portfolio-item-overlay,
.portfolio-bottom .portfolio-item-overlay {
bottom: -100%;
top: auto;
height: 170px;
background: rgba(255,255,255,0.91);
}
.portfolio-bottom_dark .item:hover .portfolio-item-overlay,
.portfolio-bottom .item:hover .portfolio-item-overlay {
bottom: 0;
}
.portfolio-bottom_dark .portfolio-overlay-icons,
.portfolio-bottom .portfolio-overlay-icons {
display: none;
}
.portfolio-bottom_dark .item:hover img,
.portfolio-bottom .item:hover img {
opacity: 1 !important;
}
.portfolio.portfolio-bottom_dark .portfolio-overlay-title,
.portfolio.portfolio-bottom .portfolio-overlay-title {
top: 0;
margin-top: 30px;
font-size: 24px;
color: #363636;
}
.portfolio.portfolio-bottom .portfolio-overlay-title:hover {
color: #fecb16;
}
.portfolio-bottom_dark .portfolio-overlay-excerpt,
.portfolio-bottom .portfolio-overlay-excerpt {
color: #999;
top: 0;
margin-top: 86px;
}
.portfolio-bottom_dark .portfolio-overlay-cats,
.portfolio-bottom .portfolio-overlay-cats {
color: #777;
top: 0;
margin-top: 56px;
}
.portfolio-bottom_dark .portfolio-overlay-excerpt:after,
.portfolio-bottom .portfolio-overlay-excerpt:after {
margin-top: 15px;
}
.portfolio-bottom_dark .item.no-excerpt .portfolio-item-overlay,
.portfolio-bottom .item.no-excerpt .portfolio-item-overlay {
height: 100px;
}
.portfolio-bottom_dark .item.no-excerpt .portfolio-overlay-cats,
.portfolio-bottom .item.no-excerpt .portfolio-overlay-cats {
margin-top: 60px;
}
.portfolio-bottom_dark .portfolio-item-overlay {
background: rgba(0,0,0,0.6);
}
.portfolio.portfolio-bottom_dark .portfolio-style .item h3 {
color: #fff
}
.portfolio.portfolio-bottom_dark .portfolio-style .item h3:hover {
color: #fecb16;
}
.portfolio-bottom_dark .portfolio-overlay-cats {
color: #ccc;
}   .portfolio a.portfolio-view-more{
display: inline-block;
width: 80px;
height: 80px;
text-align: center;
background:#f4f4f4;
color:white;
border-radius: 100%;
line-height: 105px;
margin-top:50px;
margin-bottom:55px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
} .portfolio.boxed a.portfolio-view-more{
margin-top:0;
} .vntd-portfolio-nav {
margin-top: 0px; height: 90px;
position: relative;
}
.vntd-portfolio-nav .inner {
height: 100%;
}
.portfolio-nav-wrap {
position: absolute;
top: 50%;
margin-top: -12px;
left: 0;
right: 0;
text-align: center;
}
.portfolio-nav-wrap > div {
display: inline-block;
}
.portfolio-nav-wrap a {
display: inline-block;
position: relative;
height: 23px;
width: 23px;
margin: 0 10px;
}
#page-content .portfolio-nav-wrap a div {
border-color: rgba(0,0,0,0.5);
transition: border-color .3s;
}
#page-content .portfolio-nav-wrap a:hover div {
border-color: #fecb16;
}
.portfolio-nav-grid > div {
height: 12px;
width: 12px;
float: left;
border: 1px solid rgba(0,0,0,0.5);
display: inline-block;
}
.portfolio-nav-grid .nav-grid-2 {
border-left: 0;
width: 11px;
}
.portfolio-nav-grid .nav-grid-3 {
clear: both;
border-top: 0;
height: 11px;
}
.portfolio-nav-grid .nav-grid-4 {
border-top: 0;
border-left: 0;
width: 11px;
height: 11px;
}
.portfolio-nav-grid:hover > div {
border-color: #fecb16;
} .thin-arrow {
display: inline-block;
position: relative;
position: absolute;
top: 3px;
left: 7px;
}
.thin-arrow-right {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
height: 16px;
width: 16px;
transform: rotate(135deg);
left: auto;
right: 7px;
}
.thin-arrow-left {
border-top: 1px solid #fff;
border-left: 1px solid #fff;
height: 16px;
width: 16px;
transform: rotate(315deg);
} .vntd-team .item {
text-align: center;
}
.vntd-team .item:hover h6.member-position {
color: #fecb16;
}
.vntd-team .member-image-holder { }
.vntd-carousel .blog-extra-meta,
.vntd-carousel img,
.vntd-team .member-image-holder img,
.vntd-team .team-member-details {
-webkit-backface-visibility: hidden;
}
.vntd-team h4.member-name {
font-size: 20px;
margin: 20px 0 6px;
}
.vntd-team h6.member-position {
font-weight: bold;
color: rgba(0,0,0,0.3);
font-size: 14px;
margin-bottom: 12px;
transition: color .3s;
}
.vntd-team .team-member-data {
padding: 0 8px;
}
#page-content .team-member-icons a {
display: inline-block;
width: 32px;
height: 32px;
line-height: 30px;
text-align: center;
border: 1px solid rgba(0,0,0,0.1);
color: rgba(0,0,0,0.15);
border-radius: 100%;
background-color: transparent !important;
margin: 0 3px;
transition: color .3s, border-color .3s;
}
#page-content .team-member-icons a:hover {
border-color: #fecb16;
color: #fecb16;
}
.vntd-team .item:hover .team-member-icons a {
border-color: rgba(0,0,0,0.15);
color: rgba(0,0,0,0.22);
} .vntd-team.team-style-circle .team-member-image img {
border-radius: 100%;
border: 6px solid transparent;
transition: all .3s;
}
.vntd-team.team-style-circle .item:hover .team-member-image img {
border-color: #fecb16;
} .vntd-team.team-style-hover .item {
margin-left: -1px;
cursor: drag;
}	
.vntd-team.team-style-hover .team-member-inner {
position: relative;
}
.vntd-team.team-style-hover .team-member-details {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.8);
opacity: 0;
transition: opacity .4s;
}
.vntd-team.team-style-hover .item:hover .team-member-details {
opacity: 1;
}
.vntd-team.team-style-hover .team-member-details:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.vntd-team.team-style-hover h4.member-name {
color: #fff;
}
.vntd-team.team-style-hover h6.member-position {
color: #fecb16;
}
.vntd-team.team-style-hover .team-member-description {
color: #969696;
}
.vntd-team.team-style-hover .team-member-data {
padding: 0 10px;
}
.vntd-team.team-style-hover .item .team-member-icons a {
color: #898989;
border-color: #898989;
}
.vntd-team.team-style-hover .team-member-details-inner {
display: inline-block;
vertical-align: middle;
width: 90%;
} .vntd-team.team-style-slide_bottom .team-member-details {
position: absolute;
background: #fafafa;
top: 100%;
margin-top: -82px; transition: all .4s;
}
.vntd-team.team-style-slide_bottom .team-member-inner {
border-bottom: 1px solid #ebebeb;
padding-bottom: 70px;
}
.vntd-team.team-style-slide_bottom h6.member-position {
margin-bottom: 20px;
font-weight: normal;
color: #707070 !important;
-webkit-font-smoothing: subpixel-antialiased;
}
.vntd-team.team-style-slide_bottom .item:hover .team-member-details {
margin-top: -230px;
}
.vntd-team.team-style-slide_bottom .team-member-data {
padding: 0 30px 40px 30px;
} .vntd-team.team-style-side .team-member-image {
float: left;
width: 50%;
}
.vntd-team.team-style-side .item {
overflow: hidden;
background: #fafafa;
}
.vntd-team.team-style-side .team-member-details {
float: right;
width: 50%;
text-align: left;
}
.vntd-team.team-style-side h4.member-name {
margin-top: 0;
margin-bottom: 10px;
}
.vntd-team.team-style-side h6.member-position {
color: #707070;
font-weight: normal;
-webkit-font-smoothing: subpixel-antialiased;
border-bottom: 1px solid #ebebeb;
padding-bottom: 15px;
}
.vntd-team.team-style-side .team-member-data {
padding: 0;
}
.vntd-team.team-style-side .team-member-details {
padding: 25px;
position: relative;
padding-bottom: 0px;
}
.vntd-team.team-style-side .team-member-details:after {
position: absolute;
left: -12px;
top: 23px;
content: "";
width: 0; 
height: 0; 
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; 
border-right:12px solid #fafafa; 
-webkit-backface-visibility: hidden;
}
.vntd-team.team-style-side .team-member-icons a:first-child {
margin-left: 0;
} .team-items {
visibility: hidden;
} .single-testimonial-post .inner,
.single-services-post .inner,
.single-team-post .inner {
padding-top: 40px !important;
}
.single-team-thumbnail img {
display: block;
margin: 0 auto;
margin-bottom: 40px;
}
.single-team-inner {
width: 84%;
margin: 0 auto;
padding-bottom: 30px;
} .single-testimonial-post {
padding-bottom: 40px;
} .modal-open{
overflow:auto;
}
.modal{
background-color: rgba(255,255,255,0.98);
width: 100%;
overflow: hidden;
}
.modal-backdrop{
opacity: 1;
background-color: rgba(255,255,255,0);
width: 100%;
} .modal-inner{
margin:10% auto 0;
width: 90%;
max-width: 1000px;
border-bottom:1px solid #f3f3f3;
max-height: 80%;
overflow: auto;
}
.modal .modal-inner .modal-left,
.modal .modal-inner .modal-right{
margin:20px auto;
} .modal .modal-inner .modal-head{
padding:20px 0;
border-bottom:1px solid #f3f3f3;
position: relative;
}
.modal .modal-inner h1.member-name{
font-size:50px;
margin-top:0;
padding-top:0;
}
.modal .modal-inner h4{
margin-top:0;
padding-top:0;
}
.modal .modal-inner a.close {
cursor: pointer;
font-size: 20px;
width: 40px;
display: block;
position: absolute;
right: 0;
height: 40px;
color: white;
line-height: 38px;
border-radius: 100%;
opacity: 1;
background:#bdbdbd;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .modal .modal-inner .modal-left{
padding-left:0;
height: auto;
}
.modal .modal-inner .modal-img{
width: 100%;
height: auto;
}
.modal .modal-inner .modal-img img{
width: 100%;
height: auto;
} .modal .modal-inner .modal-right{
padding-right:0;
height: auto;
}
.modal .modal-inner .modal-right {
font-size:15px;
}  .modal .modal-inner .modal-right .member-skills{
width: 100%;
height: auto;
margin-top:15px;
}
.modal .modal-inner .modal-right .progress{
height: auto;
border-radius: 1px;
background-color:#f8f8f8;
box-shadow: none;
position: relative;
margin-top: 15px;
}
.modal .modal-inner .modal-right .progress-bar{
height: 34px;
font-size:21px;
background-color:#373737;
}
.modal .modal-inner .modal-right .progress-bar span{
margin:8px 8px 8px;
padding:0;
font-size:16px;
position: absolute;
width: 100%;
} #features{
position: relative;
}
#features .vc_col-sm-4 {
padding-left: 0;
padding-right: 0;
}
#features .vc_col-sm-4:nth-child(1), #features .vc_col-sm-4:nth-child(3) {
padding-top: 80px !important;
} #features .features-background{
position: absolute;
width:100%;
height: 765px;
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/i2.jpg);
background-repeat: no-repeat;
background-position: center center;
background-size:cover;
top:0;
left:0;
right: 0;
}
body.parallax #features .features-background{
background-attachment: fixed;
} #features ul.features-mobile{
width:100%;
height: auto;
min-height: 580px;
margin:60px auto 0;
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/features-iphone.png);
background-position: center top;
background-repeat: no-repeat;
padding-top:90px;
}
.feature-box{
max-width:600px;
float:left;
text-align:right;
cursor: default;
display: block;
height: auto;
left:0;
margin-top:30px;
}
.feature-box.icon-box-left {
float:right;
text-align:left;
right:0;
padding-right:0;
} .feature-box a.box-icon{
width:70px;
height: 70px;
border-radius: 200px;
background:white;
text-align:center;
display: block;
position: relative;
font-size:24px;
line-height: 73px;
color:#22252a;
float:right;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.feature-box a.box-icon:after{
position: absolute;
background:transparent;
border-radius: 200px;
left:-5px;
right: -5px;
top: -5px;
bottom: -5px;
border:2px solid white;
content:'';
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.feature-box.icon-box-left a.box-icon{
float:left;
} .feature-box .feature-texts{
margin-right:90px;
}
.feature-box.icon-box-left .feature-texts{
margin-left:90px;
margin-right:0;
}
.feature-box .feature-texts h3.box-head{
font-size:25px;
margin-top: 20px;
margin-bottom: 10px;
}
.feature-box .feature-texts p.box-desc{
font-size:12px;
} .feature-box:hover a.box-icon{
color:white;
}
#features .container-fluid {
margin-bottom: -50px;
}
#page-content .section-fullwidth {
padding-left: 0;
padding-right: 0;
overflow: hidden;
}
#page-content .section-fullwidth .vc_row {
margin-left: 0;
margin-right: 0;
}
.section-fullwidth .vc_col-sm-12 {
padding-left: 0;
padding-right: 0;
} .vntd-carousel .testimonial-item:hover .testimonial-content,
.vntd-testimonials-grid .testimonial-item:hover .testimonial-content {
border-color: #fecb16
}
.vntd-carousel .testimonial-item:hover .testimonial-author h5,
.vntd-testimonials-grid .testimonial-item:hover h5,
.vntd-carousel .testimonial-item:hover .testimonial-author span,
.vntd-testimonials-grid .testimonial-item:hover span {
color: #fecb16;
}
.vntd-testimonials-grid .testimonial-item:hover .testimonial-content-arrow,
.vntd-carousel .testimonial-item:hover .testimonial-content-arrow {
border-top-color: #fecb16;
}
.testimonial-content {
border-radius: 6px;
border: 2px solid #eee;
padding: 20px 30px;
margin-bottom: 20px;
transition: all .3s;
position: relative;
}
.testimonial-content-arrow {
width: 0; 
height: 0; 
border-left: 16px solid transparent;
border-right: 16px solid transparent;
border-top: 16px solid #eee;
position: absolute;
left: 22%;
bottom: -16px;
margin-left: 10px;
transition: border-color .3s;
}
.testimonial-content-arrow-inner {
width: 0; 
height: 0; 
border-left: 14px solid transparent;
border-right: 14px solid transparent;
border-top: 14px solid #fff;
margin-left: -14px;
margin-top: -17px;
}
.testimonial-content p {
margin: 0;
}
.testimonial-meta {
overflow: hidden;
padding-left: 22%;
padding-top: 10px;
}
.testimonial-avatar {
float: left;
}
.testimonial-avatar img {
width: 60px !important;
height: 60px;
border-radius: 100%;
transition: width .3s, height .3s, border-color .3s;
}
.testimonial-author {
display: block;
padding-left: 75px;
}
.testimonial-author h5 {
font-weight: normal;
-webkit-font-smoothing: subpixel-antialiased;
font-size: 14px;
line-height: 57px;
color: #777;
transition: color .3s;
}
.testimonial-role {
color: #aaa;
transition: color .3s;
} .testimonials-cols-1 .testimonial-avatar {
float: none;
}
.testimonials-cols-1 .testimonial-avatar img {
margin: 0 auto;
}
.testimonials-cols-1 {
text-align: center;
}
.testimonials-cols-1 .testimonial-meta,
.testimonials-cols-1 .testimonial-author {
padding: 0;
}
.testimonials-cols-1 .testimonial-content-arrow {
left: 50%;
margin-left: -16px;
}
.testimonials-cols-1 .testimonial-meta {
margin-top: 40px;
}
.testimonials-cols-1 .testimonial-content {
width: 80%;
margin: 0 auto;
}
.testimonials-cols-1 .testimonial-author h5 {
margin: 0px;
}
.testimonials-cols-1 .owl-dots {
margin-top: -20px;
} .vntd-testimonials-tabs-holder {
padding-bottom: 50px;
}
.vntd-testimonials-tabs .testimonial-content {
margin: 0 auto;
width: 80%;		
opacity: 0;
height: 105px;
font-size: 16px;
line-height: 1.48em;
}
.vntd-testimonials-tabs .testimonial-content:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.vntd-testimonials-tabs .testimonial-content-inner {
display: inline-block;
vertical-align: middle;
width: 90%;
}
.vntd-testimonials-tabs .testimonial-content-arrow {
left: 50%;
bottom: -16px;
margin-left: -21px;
}
.vntd-testimonials-tabs .testimonial-data {
position: absolute;
left: 0;
right: 0;
top: 0;
}
.vntd-testimonials-tabs {
position: relative;
text-align: center;
}
.vntd-testimonials-tabs .testimonial-meta {
padding: 0;
width: 100px;
padding-top: 100px;
overflow: visible;
position: relative;
}
.vntd-testimonials-tabs .testimonial-item {
display: inline-block;
}
.vntd-testimonials-tabs .testimonial-avatar {
float: none;
display: block;
margin: 0 auto;
cursor: pointer;
height: 100px;
width: 100px;
}
.vntd-testimonials-tabs .testimonial-avatar img {
margin: 0 auto;
border: 3px solid transparent;
width: 70px !important;
height: 70px;
}
.fixer-item {
width: 0px !important;
}
.vntd-testimonials-grid .fixer-item {
display: none !important;
}
.testimonial-fixer {
width: 90px;
height: 90px;
margin: 0 auto;
}
.fixer-item .testimonial-avatar {
cursor: default;
}
.vntd-testimonials-tabs .testimonial-author {
position: absolute;
left: -10px;
right: -10px;
margin-top: 10px;
padding: 0; opacity: 0;
transition: opacity .3s;
}
.vntd-testimonials-tabs .testimonial-author h5 {
margin: 0 auto;
line-height: 1.5em;
color: #363636;
text-transform: uppercase;
font-weight: bold;
-webkit-font-smoothing: subpixel-antialiased;
}
.vntd-testimonials-tabs .testimonial-author span {
display: block;
font-weight: normal;
text-transform: none;
}
.vntd-testimonials-tabs .testimonial-item.active-item .testimonial-author,
.vntd-testimonials-tabs .testimonial-item.active-item .testimonial-content {
opacity: 1;
}
.vntd-testimonials-tabs .testimonial-item.active-item .testimonial-avatar img {
width: 90px !important;
height: 90px !important;
border-color: #fecb16;
} .vntd-testimonials-grid .item {
float: left;
margin-right: 3%;
}
.cols-2 .item {
width: 48.5%;
display: inline-block;
}
.cols-2 .item:nth-child(2n) {
margin-right: 0;
}
.cols-3 .item {
width: 31%;
}
.cols-3 .item:nth-child(3n) {
margin-right: 0;
}
.cols-4 .item {
width: 23.5%;
margin-right: 2%;
}
.cols-4 .item:nth-child(4n) {
margin-right: 0;
} .vntd-twitter {
overflow: hidden;
background: #6dcff6;
color: #fff;
border-radius: 6px;
}
#page-content .vntd-twitter-inner {
padding: 0px 20px !important;
margin: 0px auto !important;
height: 82px;
}
.vntd-twitter-inner.inner:after {
content: none;
display: none;
}
.vc_row-stretch .vntd-twitter {
border-radius: 0;
}
.vc_row-stretch .vntd-twitter-inner {
padding: 0px;
}
.vc_row-inner .vc_row-inner {
margin-left: -15px;
margin-right: -15px;
}
.vntd-twitter-icon {
font-size: 34px;
color: #fff;
position: absolute;
top: 50%;
margin-top: -24px;
}
.vntd-twitter .text-slider {
padding-left: 60px;
}
.vntd-twitter .vntd-twitter-inner:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.vntd-twitter .text-slider {
vertical-align: middle;
display: inline-block;
width: 90%;
margin: 0;
}
.vntd-twitter .tweet-content a {
color: #fff;
}
.vntd-twitter .flex-direction-nav {
display: none;
} .logo-item {
background: rgba(0,0,0,0.03);
border-radius: 6px;
padding: 20px;
height: 90px;
white-space: nowrap;
text-align: center;
display: block;
}
.logos-overlay-no .logo-item {
background: none !important;
}
.logo-item:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.logo-item img {
vertical-align: middle;
display: inline-block !important;
width: 90% !important;
height: auto;
}
.vertical-helper {
vertical-align: middle;
display: inline-block;
height: 100%;
} .nav-tabs>li {
margin-bottom: -1px !important;
} .vc_message_box {
-webkit-font-smoothing: subpixel-antialiased;
}
.vc_message_box-solid-icon {  }
.vc_message_box-outline {
background-color: #fafafa !important;
border-top: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
border-left-width: 6px !important;
} .vntd-tooltip {
position: relative;
color: #fecb16;
font-weight: bold;
}
.vntd-tooltip span {
display: none;
opacity: 0;
transition: opacity .3s;
position: absolute;
left: 50%;
top: -34px;
background: #363636;
border-radius: 4px;
font-size: 12px;
padding: 5px 5px;
color: #fff;
text-align: center;
font-weight: normal;
}
.vntd-tooltip span:after {
content: ".";
text-indent: -9999px;
width: 0; 
height: 0; 
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #363636;
position: absolute;
bottom: -6px;
left: 50%;
margin-left: -3px;
}
.vntd-tooltip:hover span { }
.vntd-tooltip.tooltip-style2 {
color: #363636;
}
.vntd-tooltip.tooltip-style2 span {
background-color: #fecb16;
text-transform: uppercase;
font-weight: bold;
}
.vntd-tooltip.tooltip-style2 span:after {
border-top: 6px solid #fecb16;
} .vntd-highlight,
.blocked {
display: inline-block;
padding:3px 7px;
color:white;
} .vntd-dropcap {
font-weight: bold;
font-size: 90px;
float: left;
line-height: 74px;
margin-right: 15px;
color: #fecb16;
}
.vntd-dropcap.dropcap-style2 {
background-color: #fecb16;
color: #fff;
font-size: 36px;
line-height: 70px;
width: 70px;
height: 70px;
text-align: center;
border-radius: 4px;
margin-right: 20px;
} .vntd-special-heading {
margin-bottom: 30px;
text-align: center;
}
.vntd-special-heading h1 {
font-weight: bold;
margin-bottom: 20px;
-webkit-font-smoothing:subpixel-antialiased;
}
.vntd-special-heading h6 {
margin: 0 auto !important;
max-width: 560px;
color: #707070;
font-size: 16px;
line-height: 1.3em;
font-weight: normal; }
.vntd-special-heading.special-heading-align-left {
text-align: left;
}
.vntd-special-heading.special-heading-align-left h6 {
margin: 0px !important;
} .bs-callout h2 {
margin-bottom: 10px;
}
blockquote {
margin-top: 30px;
margin-bottom: 25px;
margin-left: 20px;
padding-left: 20px;
padding-right: 100px;
border-left: 3px solid #fecb16;
font-size: 18px;
position: relative;
}
blockquote.vntd-custom-blockquote {
margin-bottom: 40px;
font-size: 140%;
border-left: 0px;
padding: 10px 0;
margin: 0px 0px 40px 0px;
}
.blockquote-content {
padding-left: 25px;
border-left: 3px solid #fecb16;
font-style: italic;
font-size: 18px;
margin-bottom: 15px;
}
.blockquote-author {
padding-left: 28px;
font-size: 14px;
color: #aaa;
}
.blockquote-author:empty {
display: none;
}
blockquote.blockquote-style2,	
blockquote.blockquote-style3 {
background: rgba(0,0,0,0.03);
border-radius: 6px;
border-left: 4px solid #fecb16;
padding: 30px 30px 30px 120px;
}
blockquote.blockquote-style2:after,
blockquote.blockquote-style3:after {
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
content: "\f10d";
top: 18px;
font-size: 70px;
color: rgba(0,0,0,0.12);
position: absolute;
}
blockquote.blockquote-style2:after {
left: 30px;
}
blockquote.blockquote-style2 .blockquote-content,
blockquote.blockquote-style3 .blockquote-content {
border: none;
font-size: 20px;
padding: 0;
}
blockquote.blockquote-style2 .blockquote-author,
blockquote.blockquote-style3 .blockquote-author {
padding: 0;
color: #fecb16;
font-weight: bold;
}
blockquote.blockquote-style2 .blockquote-author {
text-transform: uppercase;
}
blockquote.blockquote-style3 {
background: #363636;
padding: 30px 120px 30px 30px;
}
blockquote.blockquote-style3:after {
right: 30px;
left: auto;
content: "\f10e";
color: rgba(255,255,255,0.2);
} .vntd-carousel-holder { opacity: 0;
transition: all 2s;
max-height: 0;
}
.vntd-carousel {
position: relative;
display: none;
}
.vntd-carousel-title h2 {
padding-bottom: 16px;
border-bottom: 2px solid #eee;
margin-bottom: -16px;
} .owl-controls {
}
.owl-item {
cursor: -webkit-grab;
cursor: -moz-grab;
}
.owl-dots {
display: block;
position: relative;
text-align: center;
margin-top: 30px;
margin-bottom: 20px;
}
.owl-dot {
width: 12px;
height: 12px;
margin: 0 4px;
border-radius: 100%;
background: rgba(0,0,0,0.1);
display: inline-block;
transition: background .3s;
}
.owl-dot:hover {
background: rgba(0,0,0,0.15);
}
.owl-dot.active {
background: #fecb16;
} .owl-nav {
position: absolute;
right: 0;
top: -65px;
}
.carousel-nav-true {
margin-top: 40px;
}
.carousel-nav-true.nav-position-side {
margin-top: 0px;
}	
.owl-nav > div {
text-indent: -9999px;
height: 22px;
width: 22px;
background: rgba(0,0,0,0.1);
border-radius: 4px;
display: inline-block;
transition: all .3s;
position: relative;
}
.owl-nav > div:before {
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
position: absolute;
left: 50%;
margin-left: -4px;
top: -1px;
color: #fff;
text-indent: 0px;
font-size: 18px;
}
.owl-nav > div:hover {
background: #fecb16;
}
.owl-prev {
margin-right: 5px;
}
.owl-prev:before {
content: "\f104";
}
.owl-nav .owl-next:before {
content: "\f105";
margin-left: -2px;
} .vntd-carousel.nav-position-bottom .owl-nav {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
position: relative;
top: auto;
}
.vntd-carousel.nav-position-bottom .owl-nav > div {
width: 32px;
height: 32px;
margin: 0 4px;
border-radius: 100%;
}
.vntd-carousel.nav-position-bottom .owl-nav > div:before {
font-size: 20px;
top: 1px;
} .vntd-carousel.nav-position-side .owl-nav {
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -23px;
}
.vntd-carousel.nav-position-side .owl-nav > div {
position: absolute;
background: none;
color: rgba(0,0,0,0.4);
height: 46px;
}
.vntd-carousel.nav-position-side .owl-nav > div:before {
color: rgba(0, 0, 0, 0.11);
font-size: 36px;
transition: color .3s;
}
.vntd-carousel.nav-position-side .owl-nav > div:hover:before {
color: rgba(0,0,0,0.7);
}
.vntd-carousel.nav-position-side .owl-prev {
left: -40px;
}
.vntd-carousel.nav-position-side .owl-next {
right: -40px;
}  .vntd-portfolio-carousel .feature-second-area{
padding:25px 0 0;
}
.vntd-cta {
padding: 45px 35px 40px;
overflow: hidden;
border-radius: 6px;
}
.page-holder .vntd-cta .inner {
margin: 0 auto;
padding-left: 20px !important;
padding-right: 20px !important;
}
.vntd-cta .inner > div {
padding: 0;
}
.vc_row-stretch .vntd-cta {
border-radius: 0;
padding-left: 0;
padding-right: 0;
}
.vntd-cta h1,
.vntd-cta p {
color: #fff;
}
.vntd-cta p {
margin: 0;
font-size: 16px;
}
.vntd-cta h1 {
margin: 0;
line-height: 57px;
-webkit-font-smoothing: subpixel-antialiased;
}
.vntd-cta a {
margin: 0;
padding: 15px 32px;
font-size: 17px;
}
.vntd-cta .cta-button2 {
margin-left: 26px;
}
.vntd-cta-style-default .cta-right {
text-align: right;
padding-left: 0px;
} .vntd-cta.cta-with-subtitle h1 {
line-height: 1.2em;
margin-top: -8px;
margin-bottom: 6px;
}
.vntd-cta.cta-with-subtitle.vntd-cta-style-aligned a {
margin-top: -49px;
}
.vntd-cta.cta-with-subtitle.vntd-cta-style-default a {
margin-top: 6px;
} .vntd-cta.vntd-bg-color-dark .btn-dark,
.vntd-cta.vntd-bg-color-dark .cta-button:hover {
background-color: #555555;
} .vntd-cta.vntd-cta-style-aligned {
text-align: center;
}
.vntd-cta.vntd-cta-style-aligned .inner > div {
float: none;
display: inline-block;
width: auto !important;
padding: 0 30px;
}
.vntd-cta.vntd-cta-style-aligned a {
margin-top: -12px;
}
.vntd-bg-color-none { } .vntd-cta.vntd-cta-style-centered {
text-align: center;
}
.vntd-cta.vntd-cta-style-centered .inner-margin > div {
float: none;
display: block;
width: 100%;
}
.vntd-cta.vntd-cta-style-centered h1 {
-webkit-font-smoothing: subpixel-antialiased;
}
.vntd-cta.vntd-cta-style-centered a {
margin-top: 30px;
}
.vntd-cta.vntd-cta-style-centered .cta-subtitle {
margin: 0 auto;
margin-top: 15px;
max-width: 700px;
} .vntd-counter {
text-align: center;
text-transform: uppercase;
padding-top: 20px;
}
.counter-title h6 {
font-size: 14px;
-webkit-font-smoothing: subpixel-antialiased;
margin: 0;
margin-top: -5px;
}
.counter-style-default .counter-title:after {
content: "";
width: 100px;
display: block;
margin: 0 auto;
padding-top: 10px;
border-bottom: 2px solid #fff;
}
.counter-number {
font-size: 48px;
font-weight: bold;
color: #fff;
}
.vntd-counter,
.vntd-counter h6 {
color: #fff;
}
.vntd-counter i {
font-size: 42px;
} .counter-style-circle .counter-icon {
display: none;
}
.counter-style-circle .counter-value {
position: relative;
width: 70%;
height: 0;
padding-bottom: 67.8%;
border: 3px solid #fff;
border-radius: 100%;
margin: 0 auto;
}
.counter-style-circle .counter-number {
position: absolute;
top: 50%;
margin-top: -34px;
left: 0;
right: 0;
}
.counter-style-circle .counter-number:after,
.counter-style-circle .counter-number:before {
content: "";
width: 50px;
display: block;
margin: 0 auto;
border-bottom: 3px solid #fff;
}
.counter-style-circle h6 {
margin-top: 20px;
font-size: 19px;
} .counter-color-dark,
.counter-color-dark h6,
.counter-color-dark .counter-number {
color: #363636;
}
.counter-color-dark .counter-number:after,
.counter-color-dark .counter-number:before,
.counter-color-dark .counter-value {
border-color: #363636;
} #skills .skills{
width: 90%;
margin:35px auto 0;
max-width: 1030px;
}
.progress{
height: auto;
border-radius: 1px;
background-color:#f8f8f8;
box-shadow: none;
margin-top:35px;
position: relative;
}
.progress-bar{
height: 38px;
font-size:21px;
background-color:#373737;
}
.progress-bar span{
margin:10px 10px 8px;
padding:0;
font-size:20px;
position: absolute;
width: 100%;
} #services{
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
body.parallax #services{
background-attachment: fixed;
}
.service-boxes{
width:100%;
margin:90px auto 0;
}
.service-boxes .service-box{
cursor: pointer;
padding:15px;
} .service-boxes .service-box a.service-icon{
display:block;
background:transparent;
width:130px;
height: 130px;
margin:0 auto;
border-radius: 500px;
border:1px solid #8b8b8b;
color:#444444;
font-size:28px;
line-height: 132px;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.service-boxes .service-box a.service-icon:after{
position:absolute;
background:transparent;
content:'';
width:100%;
height: 100%;
border-radius: 500px;
left:0;
top:0;
border:1px solid transparent;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .service-boxes .service-box h3{
font-size:20px;
color:#5f5f5f;
margin:20px auto 16px;
padding:0;
} .service-boxes .service-box p{
font-size:15px;
color:#919191;
} .service-boxes .service-box:hover a.service-icon{
background:#21242a;
color:white;
}
.service-boxes .service-box:hover a.service-icon:after{
border:1px solid #21242a;
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
} .service-boxes .owl-controls{
top:-50px;
position: absolute;
width:100%;
height: 40px;
text-align: inherit;
display: block;
}
.service-boxes .owl-controls .owl-buttons{
width:100%;
height: auto;
}
.service-boxes .owl-controls .owl-buttons div{
display: inline-block;
width:38px;
height:38px;
background-color:white;
border-radius:200px;
margin:0 3px;
opacity: 0.7;
background-position: center center;
background-repeat: no-repeat;
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/left-litle-black.png);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.service-boxes .owl-controls .owl-buttons div:nth-of-type(2){
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/right-litle-black.png);
}
.service-boxes .owl-controls .owl-buttons div:hover{
background-color:#262626;
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/left-litle.png);
opacity: 1;
}
.service-boxes .owl-controls .owl-buttons div:nth-of-type(2):hover{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/right-litle.png);
} body.parallax #prices{
background-attachment: fixed;
}
.vntd-pricing-box {
text-align: center;
background: #363636;
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.07);
margin-top: 20px;
} .vntd-pricing-box h3{
font-size: 28px;
margin: 0;
padding: 27px 8px;
color: #fff;
-webkit-font-smoothing: subpixel-antialiased;
} .vntd-pricing-box h4{
margin: 0;
font-size: 42px;
padding: 14px 8px;
background: #464646;
color: #fff;
-webkit-font-smoothing: subpixel-antialiased;
}
.vntd-pricing-box h4 span{
font-size: 12px;
text-transform: uppercase;
display: block;
} ul.pricing-box-features {
padding: 18px 0;
background: #fff;
margin: 0px;
}
ul.pricing-box-features li {
font-size:14px;
list-style: none;
color: #707070;
padding: 10px 0;
border-bottom: 1px solid #f6f6f6;
}
ul.pricing-box-features li:last-child {
border: 0;
} .vntd-pricing-box .pricing-box-button {
padding: 22px 0;
}
.pricing-box-button a.btn {
background: #464646;
color: #898989;
text-transform: uppercase;
display: inline-block;
margin: 0 auto;
font-size: 14px;
-webkit-font-smoothing: antialiased;
padding: 12px 26px;
} .pricing-box-radius-all {
border-radius: 8px;
}
.pricing-box-radius-left {
border-radius: 8px 0px 0px 8px;
}
.pricing-box-radius-right {
border-radius: 0px 8px 8px 0px;
} .vntd-pricing-box.active {
background: #252525;
border-radius: 8px;
margin-bottom: 30px !important;
}
.vntd-pricing-box.active h3 {
color: #fecb16;
margin-top: -20px;
padding: 37px 8px;
}
.vntd-pricing-box.active h4 {
background-color: #fecb16;
}
.vntd-pricing-box.active .pricing-box-button {
padding: 32px 0;
}
.vntd-pricing-box.active .pricing-box-button a.btn {
background-color: #fecb16;
color: #fff;
}
#page-content .vntd-pricing-box.active .pricing-box-button a.btn:hover {
background: #363636 !important;
}
ul.pricing-box-features.active li {
color: #8dc63f;
} .vntd-pricing-box.pricing-button-color-green a.btn,
.vntd-pricing-box.pricing-box-color-green h4 {
background-color: #8dc63f;
color: #fff;
}
.vntd-pricing-box.pricing-button-color-custom a.btn {
color: #fff !important;
} .vntd-pricing-box.info-box {
background: #fff;
}
.vntd-pricing-box.info-box h3 {
height: 171px;
color: #363636;		
padding-left: 50px;
padding-right: 50px;
padding-top: 50px;
line-height: 1.2em;
background: #fafafa;
}
.vntd-pricing-box.pricing-box-color-green.info-box h3 {
color: #8dc63f;
}
.vntd-pricing-box.info-box h4 {
display: none;
}
.vntd-pricing-box.info-box .pricing-box-button {
visibility: hidden;
opacity: 0;
}
.vntd-pricing-box.pricing-box-color-gray.info-box h3 {
background: #252525;
color: #fff;
}
.vntd-pricing-box.info-box.pricing-box-radius-all h3 {
border-radius: 8px 0px;
}
.vntd-pricing-box.info-box.pricing-box-radius-left h3 {
border-top-left-radius: 8px;
}
.vntd-pricing-box.info-box.pricing-box-radius-right h3 {
border-top-right-radius: 8px;
} .vntd-pricing-box .fa {
font-size: 20px;
line-height: 14px;
}
.vntd-pricing-box .fa.fa-close {
color: #ed1c24;
}
.vntd-pricing-box .fa.fa-check {
color: #8dc63f;
}   .contact .inner{
padding-bottom:68px;
}
input,textarea,button{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.wpcf7-validation-errors {
clear: both;
}
.contact form input,
.contact form textarea {
width: 100%;
height: auto;
padding: 12px 15px 12px;
font-size: 14px;
margin-bottom: 16px !important;
color: #363636;
letter-spacing: 0.5px;
background: #fafafa;
border: 1px solid #ebebeb;
border-radius: 4px;
outline: none;
}
.vntd-contact-form p {
margin: 0px;
}
.contact-form-left {
float: left;
width: 370px
}
.contact-form-right {
padding-left: 395px;
}
.vntd-contact-form.contact form .wpcf7-submit {
background: #8dc63f;
width: auto;
display: inline-block;
color: #fff;
font-weight: bold;
border: 0;
padding: 13px 38px;
font-size: 16px;	}
.vntd-contact-form.contact form .wpcf7-submit:hover {
background: #fecb16;
}
.wpcf7 label {
font-weight: normal;
display: block;
margin-bottom: -8px;
} .contact-form-dark.contact form input,
.contact-form-dark.contact form textarea  {
background: #252525;
color: #636363;
border-color: #252525;
}
.contact-form-dark.contact form input:hover,
.contact-form-dark.contact form textarea:hover {
color: #fff;
background: #313131;
border-color: #464646;
}
.dark-form{
background-color:transparent;
border:1px solid #2e2e2e;
}
.contact form textarea{
height: 201px;
max-width: 100%;
max-height: 171px;
}
#respond #submit,
.contact form button.contact-form-button{
margin-bottom:0 !important;
}
#subscribe form .subscribe-form{
width:100%;
height: auto;
padding:15px 15px 12px;
font-size:18px;
margin-bottom:18px;
color:#7f7f7f;
letter-spacing: 0.5px;
} .contact form input:active,
.contact form textarea:active,
.contact form input:focus,
.contact form textarea:focus{
outline: none;
}
#respond #submit:hover,
.contact .wpcf7-submit:hover{
color:white;
}
div.wpcf7-response-output {
padding: 10px 14px;
margin: 0 15px;
} .wpcf7-form-control-wrap {
display: initial !important;
}
.contact form input:hover,
.contact form textarea:hover{
border-color:#dadada;
} .mail-message-area{
width:100%;
padding:0 15px;
}
.mail-message{
width: 100%;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
margin:0 auto;
border-radius: 0;
}
.not-visible-message{
height:0px;
opacity: 0;
}
.visible-message{
height:auto;
opacity: 1;
margin:25px auto 0;
}  #address{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/i6.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size:cover;
}
body.parallax #address{
background-attachment: fixed;
}
.address-soft{
width:90%;
max-width: 770px;
padding:52px;
background:rgba(255,255,255,0.05);
color:#e7e7e7;
margin:0 auto;
}
.address-soft a.phone-button{
display: block;
width:82px;
height: 82px;
background:rgba(255,255,255,0.05);
color:#e7e7e7;
margin:0 auto;
line-height: 85px;
font-size:35px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.address-soft h1.phone-text{
padding:0;
margin:15px auto;
font-size:65px;
color:white !important;
}
.address-soft a{
color:white;
}
.address-soft h2.phone-text{
padding:0;
margin:0 auto 15px;
font-size:25px;
color: #e7e7e7 !important;
}
.address-soft a.mail-text{
padding:0;
margin:0 auto 15px;
font-size:25px;
color:inherit;
display: block;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.address-soft a.social{
display:inline-block;
width: 62px;
height: 62px;
color:inherit;
line-height: 65px;
font-size:27px;
margin:0 7px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .address-soft a.phone-button:hover{
background:rgba(255,255,255,0.9);
color:#2b2b2b;
}
a.social:hover{
color:white !important;
} .vntd-gmap {
position: relative;
}
.google-map-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
text-align: center;
background: rgba(0,0,0,0.6);
z-index: 10;
padding: 65px 0 55px;
}
.google-map-overlay h1,
.google-map-overlay h6 {
color: #fff;
}
.google-map-overlay h1 {
-webkit-font-smoothing: subpixel-antialiased;
margin-bottom: 20px;
}
.google-map-overlay h6 {
font-size: 16px;
-webkit-font-smoothing: subpixel-antialiased;
font-weight: 300;
max-width: 600px;
margin: 0 auto;
line-height: 1.4em;
}
.vntd-gmap-marker {
color: #363636;
font-size: 80px;
text-shadow: 0px 2px rgba(0,0,0,0.2);
}
.fa-map-marker.vntd-gmap-marker.vntd-gmap-marker1,
.fa-map-marker.vntd-gmap-marker.vntd-gmap-marker2 {
font-size: 5em;
} .gm-style .gm-style-iw+div {
display: none;
}
.gm-style-iw h4 {
margin-top: 8px;
font-size: 18px;
text-transform: uppercase;
-webkit-font-smoothing: subpixel-antialiased;
} .contact-block-details i {
display: inline-block;
width: 20px;
margin-right: 10px;
font-size: 18px;
color: #c2c2c2;
}
.contact-block-details > div {
border-bottom: 1px solid rgba(0,0,0,0.1);
padding-bottom: 13px;
margin-bottom: 13px;
}
.contact-block-details > div:last-child {
border: 0;
margin: 0;
}
.vntd-contact-block h2 {
-webkit-font-smoothing: subpixel-antialiased;
margin-bottom: 20px;
font-size: 36px;
}
.contact-block-description {
font-size: 15px;
padding-right: 5px;
} .contact-block-centered {
max-width: 570px;
margin: 0 auto;
}
.contact-block-centered h2 {
color: #fff;
text-transform: uppercase;
}
.contact-block-centered h2,
.contact-block-centered p {
text-align: center;
}
.contact-block-centered p {
color: #eee;
}
.contact-block-centered .contact-block-details {
overflow: hidden;
background: rgba(0,0,0,0.7);
border-radius: 6px;
padding: 40px 30px 35px;
color: #f3f3f3;
}
.contact-block-centered .contact-block-details i {
float: left;
}
.contact-block-centered .contact-block-details span {
padding-left: 30px;
display: block;
}
.contact-block-centered .contact-block-address {
float: left;
width: 50%;
border: 0;
margin: 0;
padding: 0;
}
.contact-block-centered .contact-block-phone,
.contact-block-centered .contact-block-email {
float: right;
width: 50%;
border: 0;
margin: 0;
padding-bottom: 10px;
} footer.footer{
padding:22px;
}
footer img{
width: 170px;
height: auto;
}
footer p, footer a{
margin:15px auto 0;
color:#767676;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
footer.white-bg {
border-top: 1px solid #fff;
} #footer-widgets .bar {
margin-bottom: 10px;
}
#footer-widgets .bar h4 {
font-weight: bold;
font-size: 20px;
border-bottom: 1px solid #333;
padding-bottom: 20px;
text-transform: uppercase;
}
#footer-widgets {
padding: 80px 0 40px 0;
font-size: 13px;
}
#footer-widgets .inner > div {
padding: 0 20px 0 0;
}
#footer-widgets .inner > div:last-child {
padding-right: 0 !important;
}
#footer-widgets {
background-color: #252525;
color: #666;
-webkit-font-smoothing: subpixel-antialiased;
font-size: 14px;
}
#footer-widgets h4 {
color: #fff;
-webkit-font-smoothing: subpixel-antialiased;
}
#footer-widgets.footer-widgets-light {
background: #fafafa;
color: #707070;
}
#footer-widgets.footer-widgets-light .bar h4,
#footer-widgets.footer-widgets-light .widget-contact-details > div,
#footer-widgets.footer-widgets-light .bar ul li, #footer-widgets .bar ul li
{
border-color: #EDEDED;
}
#footer-widgets.footer-widgets-light .bar .tagcloud a {
background: #f3f3f3;
}
#footer-widgets.footer-widgets-light #footer-widgets .bar .twitter-content:before {
color: #d3d3d3;
}
#footer-widgets.footer-widgets-light h4 {
color: #444;
}
#footer-widgets .bar ul li,
#footer-widgets .bar ul li {
border-bottom-color: #333;
} #footer-widgets h4 {
color: #fff;
-webkit-font-smoothing: subpixel-antialiased;
}
#footer-widgets .bar .quote a,
#footer-widgets .bar .quote a {
color: #555 !important;
}
#footer-widgets.footer-widgets-night {
background-color: #222326;
color: #898989;
}
#footer-widgets .twitter-content {
color: #707070;
}
#footer-widgets .twitter-content p > a {
color: #9b9b9b;
}
#footer-widgets .twitter-content p > a:first-child {
color: #fecb16;
}
#footer-widgets .bar .twitter-content:before {
color: #464646;
}
#footer-widgets .footer-widget-col-1 p:nth-child(2) {
margin-top: -9px;
} footer.footer-classic {
padding: 14px 0 14px;
}
footer.footer-dark {
background: #202020;
color: #464646;
}
footer.footer-dark a {
color: #636363;
}
#footer .vntd-social-icons a {
border: 1px solid #363636 !important;
color: #363636 !important;
width: 32px;
height: 32px;
line-height: 30px;
border-radius: 100%;
font-size: 14px;
text-align: center;
display: inline-block;
margin-top: 5px;
margin-left: 8px;
}
#footer .vntd-social-icons a:hover {
border-color: #fecb16 !important;
color: #fecb16 !important;
}
.footer .vntd-social-icons {
margin-bottom: 0px;
float: right;
}
.footer-centered {
text-align: center;
-webkit-font-smoothing: subpixel-antialiased;
padding-bottom: 25px !important;
padding: 40px;
}
.footer-centered .copyright {
display: block;
float: none;
margin-bottom: 10px;
}
.footer-centered .footer-extra-text,
.footer-centered .footer-logo {
margin-bottom: 30px;
margin-top: 25px;
}
.footer-centered .vntd-social-icons {
margin-bottom: 30px;
margin-top: 35px;
float: none;
}
#footer {
position: relative;
}
#footer.footer-centered:before {
content: "";
width: 100px;
height: 4px;
background-color: #fecb16;
position: absolute;
top: 0;
left: 50%;
margin-left: -50px;
}
.footer-light {
background: #f6f6f6;
}
.footer-light .copyright,
#footer.footer-light .vntd-social-icons a {
color: #AEAEAE !important;
}
#footer.footer-light .vntd-social-icons a {
border-color: #aeaeae !important;
}
footer.footer-classic.white-bg {
background-color: #fcfcfc !important;
}
.copyright {
float: left;
text-transform: none;
margin: 0;
line-height: 36px;
color: #464646;
font-size: 13px;
}
.subpixel {
-webkit-font-smoothing: subpixel-antialiased;
}
.footer-classic .vntd-social-icons {
float: right;
margin: 0;
}
.vntd-social-icons a {
font-size: 20px;
margin-left: 18px;
} .p-section .wpb_column,
.p-section .wpb_wrapper,
.p-section{
width: 100%;
height: 100%;
position: relative;
background-size:cover;
background-position: center center;
}
.wpb_wrapper {
z-index: 3;
}
.p-section.wpb_row {
margin-left: initial;
margin-right: initial;
}
.wpb_row .inner {
z-index: 2;
} body.parallax .p-section{
background-attachment: fixed;
} .p-section:before{
background-color:rgba(0,0,0,0.4);
position: absolute;
left:0;
top: 0;
width: 100%;
height: 100%;
display: block;
z-index: 3;
content:'';
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
}
.p-section:hover:before{
background-color:rgba(0,0,0,0.2);
}
.portfolio-elements{
position: absolute;
top:0;
left:0;
width: 100%;
height: 100%;
z-index: 3;
}
.inner-portfolio{
position: relative;
top:50%;
margin:0 auto;
max-width:1170px;
z-index: 4;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.inner-portfolio div{
padding:10px;
}
.inner-portfolio .p-part{
max-width: 600px;
}
.inner-portfolio h1,
.inner-portfolio h2,
.inner-portfolio h3,
.inner-portfolio h4,
.inner-portfolio p{
margin-top:0;
}
.inner-portfolio h4 {
margin-bottom: 8px;
}
.inner-portfolio h2.number,
.inner-portfolio h1 {
margin-bottom: 10px;
}
.inner-portfolio .number{
font-size:40px;
}
.inner-portfolio .p-head{
font-size:80px;
}
.inner-second{
width:auto;
height: auto;
max-width: 750px;
} .plus-button{
width: 85px;
height: 85px;
display: block;
background-color:rgba(255,255,255,0);
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/plus.png);
background-position: center center;
background-repeat: no-repeat;
border:2px solid white;
text-align: center;
font-size:37px;
line-height: 85px;
color:white;
opacity: 0.6;
margin:0 auto;
position: relative;
-webkit-transition: all 0.7s;
-moz-transition: all 0.7s;
transition: all 0.7s;
}
.plus-button:hover{
background-color:rgba(255,255,255,0.5);
opacity: 1;
}
.f-left > .plus-button{
top:76px;
}
#animals .home-button-1,
a.home-button-white{
display: inline-block;
margin:6px auto;
padding:8px 13px;
background-color:rgba(255,255,255,0.1);
color:white !important;
text-shadow:none;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.home-button-white i{
display: inline-block;
margin-left:5px;
font-size:22px;
}
#animals .home-button-1:hover,
a.home-button-white:hover{
color:white !important;
background-color:rgba(255,255,255,0.4);
} .fancy-text-style3 .glass-bg{
margin:0 auto 10px;
width: auto;
padding:20px 20px 18px;
display: inline-block;
}
.fancy-text-style3 .glass-bg .plus-button{
display: inline-block;
margin-right: 20px;
top:5px;
}
.fancy-text-style3 .glass-bg .p-head{
display: inline-block;
margin:0;
}
.fancy-text-wrap .t-shadow {
padding:20px;} ul.circle-slider li img{
box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
width:90%;
max-width: 500px;
height: auto;
}
ul.circle-slider li .texts{
margin-left:175px;
margin-top:-98px;
}
.circle-image-slider + a.home-button-white{
margin-left:195px;
margin-top:-20px;
}
ul.circle-slider li a.plus-button{
margin-top:-90px;
top:-96px;
left:-30px;
}
ul.circle-slider li a.number{
top: 142px;
margin-left: 100px;
position: relative;
}
ul.circle-slider li a.number::selection,
ul.circle-slider li a.number:hover{
background:transparent;
color:white;
} .circle-image-slider ul.flex-direction-nav{
position: absolute;
z-index: 4;
top: 370px;
left: 195px;
padding:0;
margin:0;
}
.circle-image-slider ul.flex-direction-nav li{
opacity: 1;
display: inline-block;
}
.circle-image-slider ul.flex-direction-nav li a{
display: block;
width:38px;
height: 38px;
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/left-litle.png);
background-color: rgba(0,0,0,0.25);
background-repeat: no-repeat;
border-radius: 100px;
background-position: center center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin:0 3px;		
}
ul.flex-direction-nav li a {
text-indent: -9999px;
}
.circle-image-slider .flex-direction-nav li a:hover{
background-color: rgba(0,0,0,0.8);
}
.circle-image-slider .flex-direction-nav li a.flex-next{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/right-litle.png);
} .inner-portfolio .text-slider .texts .slide{
line-height: 80px;
margin-top:10px;
}
.inner-portfolio .text-slider .flex-direction-nav{
width:100%;
position: relative;
opacity: 1;
display: block;
margin:13px auto 0;
text-align:center;
}
.inner-portfolio .text-slider .flex-direction-nav li{
opacity: 1;
display: inline-block;
}
.inner-portfolio .text-slider .flex-direction-nav li a{
display: block;
width:38px;
height: 38px;
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/left-litle.png);
background-color: rgba(0,0,0,0.15);
background-repeat: no-repeat;
border-radius: 100px;
background-position: center center;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
margin:0 3px;
}
.inner-portfolio .text-slider .flex-direction-nav li a:hover{
background-color: rgba(0,0,0,0.8);
}
.inner-portfolio .text-slider .flex-direction-nav li a.flex-next{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/right-litle.png);
}  .home_project,
.home_small{
width: 100%;
height: 700px;
}
.home_project.fullscreen{
width: auto;
height: 100%;
}
.home_project .home-elements{
width:100%;
height: 100%;
margin:0;
left:0;
top:0;
position: absolute;
z-index: 5;
}
.home_project .home-elements .home-inner{
position: relative;
top:50%;
height: auto;
width:100%;
max-width:1170px;
margin:0 auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
} #project .slides-container div{
background-position:center top;
background-attachment: scroll;
}
.m_slide1{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/m-slide1.jpg);
}
.m_slide2{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/m-slide2.jpg);
}
.m_slide3{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/m-slide3.jpg);
}
.m_slide4{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/m-slide4.jpg);
}
.b_slide1{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/b-slide1.jpg);
}
.b_slide2{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/b-slide2.jpg);
}
.b_slide3{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/b-slide3.jpg);
}
.b_slide4{
background-image:url(//www.toxpro.sk/wp-content/themes/qaro/img/b-slide4.jpg);
} .slide-inner{
width: 100%;
height: auto;
top:50%;
position: relative;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
padding:20px;
}
.slide-inner p{
font-size:18px;
margin:0 0 3px;
padding:0;
} .project_inner{
padding:70px 0;
margin:0 auto;
max-width: 1170px;
width: 100%;
}
.project_details{
margin-top:50px;
}
.project_header{
font-size:40px;
margin-top: 0;
} .vntd-image-slider {
width:100%;
height: auto;
position: relative;	
margin-bottom: -10px;
overflow: hidden;
}
.vntd-image-slider ul {
list-style: none;
margin-bottom: 11px;
} .vntd-image-slider .swiper-button-next,
.vntd-image-slider .swiper-button-prev {
height: 38px;
width: 38px;
background: rgba(0,0,0,0.6);	
opacity: 0.4;
transition: all .3s;
text-align: center;
border-radius: 4px;
display: inline-block;
}
.vntd-image-slider .swiper-button-next {
right: 20px;
}
.vntd-image-slider .swiper-button-prev {
left: 20px;
}
.vntd-image-slider .swiper-button-next i,
.vntd-image-slider .swiper-button-prev i {
color: #fff;
font-size: 24px;
line-height: 36px;
}
.vntd-image-slider .swiper-button-next i {
margin-right: -3px;	
}
.vntd-image-slider .swiper-button-prev i {
margin-left: -2px;
}
.vntd-image-slider .swiper-button-next:hover,
.vntd-image-slider .swiper-button-prev:hover {
opacity: 0.8;
}
.vntd-image-slider .swiper-pagination {
display: none;
} .vntd-grid-container .vntd-image-slider .swiper-button-next,
.vntd-grid-container .vntd-image-slider .swiper-button-prev {
width: 28px;
height: 28px;
opacity: 0.6;
top:  auto;
bottom: 20px;
left: auto;
right: 12px;
}
.vntd-grid-container .vntd-image-slider .swiper-button-prev {
right: 48px;
}
.vntd-grid-container .vntd-image-slider .swiper-button-next i,
.vntd-grid-container .vntd-image-slider .swiper-button-prev i {
color: #fff;
font-size: 18px;
line-height: 26px;
}
.vntd-grid-container .vntd-image-slider .swiper-button-next:hover,
.vntd-grid-container .vntd-image-slider .swiper-button-prev:hover {
opacity: 0.95;
} .custom_slider .flex-direction-nav li a.flex-prev{
left: 30px;
}
.custom_slider .flex-direction-nav li a.flex-next{
right: 30px;
}
.vntd-grid-container.grid-cols-3 .flex-direction-nav,
.vntd-grid-container.grid-cols-4 .flex-direction-nav {
bottom: 60px;
right: 10px;
left: auto;
top: auto;
width: auto;
}
.vntd-grid-container.grid-cols-3 .custom_slider .flex-direction-nav li a,
.vntd-grid-container.grid-cols-4 .custom_slider .flex-direction-nav li a {
background-color:rgba(0,0,0,0.4);
}
.vntd-grid-container.grid-cols-3 .custom_slider .flex-direction-nav li a:after,
.vntd-grid-container.grid-cols-4 .custom_slider .flex-direction-nav li a:after {
color: rgba(255,255,255,0.7);
}
.vntd-grid-container.grid-cols-3 .flex-direction-nav li a.flex-prev,
.vntd-grid-container.grid-cols-4 .flex-direction-nav li a.flex-prev {
left: auto;
right: 50px;
}
.vntd-grid-container.grid-cols-3 .flex-direction-nav li a.flex-next,
.vntd-grid-container.grid-cols-4 .flex-direction-nav li a.flex-next {
right: 0px;
}
.custom_slider:hover .flex-direction-nav li a{
background-color:rgba(30,30,30,0.3);
}
.custom_slider .flex-direction-nav li a:hover{
background-color:rgba(30,30,30,0.6) !important;
}
.custom_slider .flex-direction-nav li a:hover:after {
color: #fff;
} .custom_slider .flex-control-nav{
height: auto;
width:100%;
text-align: center;
position: relative;
top:-20px;
z-index: 10;
opacity: 0;
margin-bottom:0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.custom_slider .flex-control-nav li{
display: inline-block;
}
.custom_slider .flex-control-nav li a{
display: inline-block;
width:12px;
height: 12px;
background: transparent;
border: 2px solid rgba(255,255,255,0.9);
margin:0 3px;
border-radius: 100px;
cursor: pointer;
overflow: hidden;
text-indent:-9999px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.custom_slider .flex-control-nav li a::selection{
background:transparent;
}
.custom_slider .flex-control-nav li a.flex-active{
background:rgba(255,255,255,0.9);
}
.custom_slider:hover .flex-control-nav{
top:-25px;
opacity: 1;
}  .custom_boxes.prj-v3{
margin:40px auto 0;
} .vntd-accordion .wpb_accordion_header {
background: #fafafa;	
font-size: 14px;
border-radius: 4px;
height: 48px;
position: relative;	
transition: color .3s, background-color .3s, border-color .3s;
margin-bottom: 2px !important;
}
.vntd-accordion .wpb_accordion_header a {
color: #959595;
text-transform: uppercase;
font-weight: bold;
line-height: 48px;
padding-top: 0 !important;
padding-bottom: 0 !important;
padding-left: 57px !important;
}
.vntd-accordion .ui-accordion-header-icon {
left: 20px;
background: none !important;
}
.vntd-accordion .ui-accordion-header-icon:before {
font-family: FontAwesome;
-webkit-font-smoothing: antialiased;
content: "\f067";
color: #e1e1e1;
font-size: 22px;
transition: color .3s;
}
.vntd-accordion .wpb_accordion_header:hover .ui-accordion-header-icon:before,
.vntd-accordion .ui-accordion-header-icon.ui-icon-triangle-1-s:before {
color: #fff;
}
.vntd-accordion .ui-accordion-header-icon.ui-icon-triangle-1-s:before {
content: "\f068";
}
.vntd-accordion .wpb_accordion_header:hover,
.vntd-accordion .wpb_accordion_header.ui-accordion-header-active {
background-color: #fecb16 !important;
}
.vntd-accordion .wpb_accordion_header:hover a,
.vntd-accordion .wpb_accordion_header.ui-accordion-header-active a {
color: #fff !important;
}
.wpb_accordion_content {
padding-left: 30px !important;
padding-right: 30px !important;
} .accordion-style1 .wpb_accordion_header a:hover {
color: #fff !important;
} .accordion-style5 .wpb_accordion_header,
.accordion-style2 .wpb_accordion_header {
border: 1px solid #ebebeb;
}
.vntd-accordion.accordion-style2 .wpb_accordion_header:hover,
.vntd-accordion.accordion-style2 .wpb_accordion_header.ui-accordion-header-active {
background-color: #363636 !important;
border-color: #363636;
} .accordion-style3 .wpb_accordion_header {
border: 2px solid #fafafa;
}
.vntd-accordion.accordion-style4 .wpb_accordion_header a,
.vntd-accordion.accordion-style3 .wpb_accordion_header a {
padding-left: 20px !important;
text-transform: none;
font-size: 15px;
}
#page-content .vntd-accordion.accordion-style4 .wpb_accordion_header .ui-accordion-header-icon,
#page-content .vntd-accordion.accordion-style3 .wpb_accordion_header .ui-accordion-header-icon {
left: auto;
right: 20px;
top: 6px;
}
.vntd-accordion.accordion-style3 .wpb_accordion_header:hover,
.vntd-accordion.accordion-style3 .wpb_accordion_header.ui-accordion-header-active {
background: #fafafa !important;
border-color: #fecb16;
}
.vntd-accordion.accordion-style3 .wpb_accordion_header:hover .ui-accordion-header-icon:before,
.vntd-accordion.accordion-style3 .ui-accordion-header-icon.ui-icon-triangle-1-s:before,
.vntd-accordion.accordion-style3 .wpb_accordion_header:hover a,
.vntd-accordion.accordion-style3 .wpb_accordion_header.ui-accordion-header-active a {
color: #fecb16 !important;
}
.vntd-accordion.accordion-style4 .ui-accordion-header-icon:before,
.vntd-accordion.accordion-style3 .ui-accordion-header-icon:before {
content: "\f078";
}
.vntd-accordion.accordion-style4 .ui-accordion-header-icon.ui-icon-triangle-1-s:before,
.vntd-accordion.accordion-style3 .ui-accordion-header-icon.ui-icon-triangle-1-s:before {
content: "\f077";
} .vntd-accordion.accordion-style4 .wpb_accordion_header {
background-color: #363636 !important;
}
.vntd-accordion.accordion-style4 .wpb_accordion_header.ui-accordion-header-active,
.vntd-accordion.accordion-style4 .wpb_accordion_header:hover {
background-color: #fecb16 !important;
}
.vntd-accordion.accordion-style4 .wpb_accordion_header a {
color: #898989;
}
.vntd-accordion.accordion-style4 .ui-accordion-header-icon:before {
color: #636363;
}
.vntd-accordion.accordion-style4 .wpb_accordion_header:hover .ui-accordion-header-icon:before,
.vntd-accordion.accordion-style4 .ui-accordion-header-icon.ui-icon-triangle-1-s:before,
.vntd-accordion.accordion-style4 .wpb_accordion_header:hover a,
.vntd-accordion.accordion-style4 .wpb_accordion_header.ui-accordion-header-active a {
color: #fff;
} .vntd-accordion.accordion-style5 .wpb_accordion_header {
font-size: 15px;
}
.vntd-accordion.accordion-style5 .wpb_accordion_header:hover,
.vntd-accordion.accordion-style5 .wpb_accordion_header.ui-accordion-header-active {
border-color: #fecb16;
background-color: #fecb16;
} #page-content .vntd-accordion.accordion-style6 .wpb_accordion_header a {
font-size: 15px;
padding-left: 65px !important;
}
#page-content .vntd-accordion.accordion-style6 .ui-accordion-header-icon {
background: #363636 !important;
color: #636363;
left: 0;
top: 0;
bottom: 0;
height: auto;
width: 48px;
text-align: center;
border-bottom-left-radius: 4px;
border-top-left-radius: 4px;
line-height: 50px;
transition: background-color .3s;
}
#page-content .vntd-accordion.accordion-style6 .ui-accordion-header-icon:before {
color: #636363;
}
#page-content .vntd-accordion.accordion-style6 .wpb_accordion_header.ui-accordion-header-active .ui-accordion-header-icon,
#page-content .vntd-accordion.accordion-style6 .wpb_accordion_header:hover .ui-accordion-header-icon {
background: rgba(0,0,0,0.05) !important;
}
.vntd-accordion.accordion-style6 .wpb_accordion_header:hover .ui-accordion-header-icon:before,
.vntd-accordion.accordion-style6 .ui-accordion-header-icon.ui-icon-triangle-1-s:before  {
color: #fff !important;
} .vc_pie_chart .vc_pie_chart_value {
border: 6px solid #ddd;
border-radius: 100%;
-webkit-font-feature-settings: 'lnum';
-moz-font-feature-settings: 'lnum';
font-feature-settings: 'lnum';
}
.vc_pie_chart_back {
display: none !important;
}
.vc_pie_chart.pie-color-accent .vc_pie_chart_value {
border-color: #fef0ba;
}
.vc_pie_chart_value {
font-size: 58px !important;
font-weight: bold;
}
.vc_pie_chart.pie-style1 .vc_pie_chart_value {
border-width: 9px;
}
.vc_pie_chart.pie-style1 .wpb_pie_chart_heading {
position: absolute;
bottom: 50%;
margin: 0;
margin-bottom: -50px;
left: 0;
right: 0;
text-align: center;
color: #363636;
text-transform: uppercase;
font-size: 20px;
font-weight: bold;
}
.vc_pie_chart.pie-style1 .pie-label-inner {
margin-top: -20px;
}
.vc_pie_chart.pie-style2 .vc_pie_chart_value {
border-width: 11px;
border-color: #ebebeb;
font-weight: bold;
color: #363636;
font-size: 54px !important;
}
.vc_pie_chart.pie-style2 .pie-label-inner {
margin-top: -10px;
}
.vc_pie_chart.pie-style2 .vc_pie_chart_value:after {
font-size: 116px;
content: "%";
position: absolute;
left: 0;
right: 0;
bottom: 0;
font-weight: bold;
color: rgba(0,0,0,0.04);
top: -10px;
}
.vc_pie_chart.pie-style3 .wpb_pie_chart_heading,
.vc_pie_chart.pie-style2 .wpb_pie_chart_heading {
color: #363636;
font-size: 20px;
font-weight: bold;
margin-top: 25px;
margin-bottom: 15px;
}
.vc_pie_chart.pie-style3 .vc_pie_chart_value {
border-color: #ebebeb;
color: #363636;
font-size: 60px !important;
}
.pie-chart-description {
-webkit-font-smoothing: subpixel-antialiased;
padding: 0 10px;
} .vc_progress_bar {
padding-top: 1px;
}
#page-content .vc_single_bar {
box-shadow: none !important;
background: rgba(0,0,0,0.03);
border-radius: 5px !important;
}
#page-content .progress-bar-value {
text-shadow: none !important;
font-weight: bold;
font-size: 14px;
}
#page-content .progress-bar-style2 .vc_single_bar,
#page-content .progress-bar-style1 .vc_single_bar {
margin-top: 25px;
margin-bottom: 40px;
}
.progress-bar-style1 .wpb_progress_bar_heading,
.progress-bar-style2 .wpb_progress_bar_heading {
margin-bottom: 46px;
}
.vc_single_bar.accent .vc_bar {
background-color: #fecb16 !important;
}
#page-content .progress-bar-style2 .progress-bar-value,
#page-content .progress-bar-style1 .progress-bar-value {
position: absolute;
top: -25px;
color: #363636;
left: 0;
right: auto;
color: #363636;		
background: #fff;
margin-left: -15px;
padding-left: 15px;
}
.progress-bar-style2 .vc_label, .progress-bar-style2 .vc_bar,
.progress-bar-style1 .vc_label, .progress-bar-style1 .vc_bar {
min-height: 14px;
border-radius: 5px !important;
}
.progress-bar-style2 .vc_label .vc_label_units,
.progress-bar-style1 .vc_label .vc_label_units {
display: none;
}
#page-content .progress-bar-style2 .vc_label_units,
#page-content .progress-bar-style1 .vc_label_units {
position: absolute;
right: 0;
top: -24px;
margin-right: -15px;
font-weight: bold;
color: #363636;
font-size: 14px;
-webkit-font-feature-settings: 'lnum';
-moz-font-feature-settings: 'lnum';
font-feature-settings: 'lnum';
}
#page-content .progress-bar-style2 .vc_single_bar {
background: transparent !important;
border: 1px solid rgba(0,0,0,0.03);
position: relative;
height: 20px;
}
#page-content .progress-bar-style2 .vc_bar {
top: 2px;
left: 2px;
height: 5px !important;
}
.progress-bar-style3 .vc_bar .vc_label_units,
.progress-bar-style4 .vc_bar .vc_label_units {
display: none;
}
.progress-bar-style3 .vc_bar,
.progress-bar-style4 .vc_bar {
border-radius: 5px !important;
}
#page-content .progress-bar-style3 .progress-bar-value,
#page-content .progress-bar-style4 .progress-bar-value {
color: #fff;
-webkit-font-smoothing: antialiased;
}  .vntd-icon-box.box { color:#5f5f5f;
cursor: default;
transition: border-color .3s;
}
.icon-box-title {
font-weight: bold;
text-align: center;
text-transform: none;
color: #363636;
font-size: 20px;
transition: color .3s;
}
.icon-description {
text-align: center;
color: #707070;
-webkit-font-smoothing: subpixel-antialiased;
}
.icon-box-icon {
height: 100px;
width: 100px;
margin: 0 auto;
background: rgba(0,0,0,0.06);
color: #707070;
text-align: center;
border-radius: 100%;
line-height: 100px;
font-size: 42px;
transition: border-color .3s, background-color .3s, color .3s;
}
.vntd-icon-box.icon-box-hover:hover .icon-box-link-button,
.vntd-icon-box.icon-box-hover:hover .icon-box-title {
color: #fecb16;
}
.vntd-icon-box.icon-box-hover:hover .icon-box-icon {
background-color: #fecb16;
color: #fff;
}
.icon-box-link-button {
text-align: center;
color: #555555;
font-weight: bold;
transition: background-color .3s, color .3s;
margin-bottom: 20px;
} .icon-box-big-centered-outline .icon-box-icon {
background: transparent !important;
border: 3px solid #f5f5f5;
color: #a1a1a1;
}
.icon-box-big-centered-outline.icon-box-hover:hover .icon-box-icon {
border-color: #fecb16;
color: #fecb16;
} .icon-box-big-left * {
text-align: left;
}
.icon-box-big-left .icon-box-content {
border-bottom: 1px solid #ebebeb;
transition: border-color .3s;
padding-bottom: 35px;
}
.icon-box-big-left.icon-box-hover:hover .icon-box-content {
border-color: #fecb16;
}
.icon-box-big-left .icon-box-icon {
margin: 0;
text-align: center;
} .blog-style-minimal .post {
text-align: center;
}
.blog-style-minimal .post-no-media .blog-head {
margin-top: 10px;
}
.blog-style-minimal .blog-extra-meta {
display: none;
}
.blog.blog-style-minimal .post h2.blog-post-title,
.blog.blog-style-timeline .post h2.blog-post-title {
text-transform: uppercase;
font-size: 26px;
margin-bottom: 15px;
}
.blog-style-minimal .classic-meta-section,
.blog-style-timeline .classic-meta-section {
text-transform: uppercase;
font-size: 12px;
color: #636363;
line-height: 1.5em;
margin-bottom: 16px;
padding: 0;
border: 0;
}
.blog-style-minimal .details {
width: 70%;
max-width: 580px;
margin: 0 auto;
}
.blog-style-minimal .details p {
margin-bottom: 30px;
}
.blog-style-minimal.blog .post a.read-more-post {
padding: 13px 26px;
margin-bottom: 10px;
} .blog .vntd-grid-item {
float: left;
width: 47%;
margin-bottom: 50px;
}
.blog-style-timeline .post.vntd-grid-item {
background: transparent;
text-align: center;
}
.blog-style-timeline .vntd-grid-item:nth-child(2n-1) {
padding-right: 110px;
}
.blog-style-timeline .vntd-grid-item:nth-child(2n) {
padding-left: 110px;
}
.blog-style-timeline .blog-inner:after {
content: ".";
text-indent: -9999px;
position: absolute;
width: 6px;
background: rgba(0,0,0,0.05);
height: 100%;
bottom: 90px;
left: 50%;
margin-left: -3px;
}
.blog-style-timeline #ajax-load-posts {
text-align: center;
}
#portfolio-load-posts {
text-align: center;
margin-top: 55px;
margin-bottom: 30px;
}
#portfolio-load-posts a {
color: #fff !important;
}
.blog-style-timeline #ajax-load-posts a {
display: inline-block;
margin: 0 auto;
text-align: center;
margin-bottom: 50px;
margin-left: -3.4%;
}
.blog-style-timeline .details {
width: 82%;
max-width: 580px;
margin: 0 auto;
}
.blog-style-timeline .vntd-meta-author,
.blog-style-timeline .vntd-meta-comments {
display: none;
}
.blog-style-timeline .blog-post-wrap {
padding: 30px;
}
.blog-style-timeline .blog-post-inner {
padding: 30px 0 0 0;
}
.blog-style-timeline .blog-extra-meta {
left: auto;
right: -77px;
width: 120px;
top:0;
margin-top: 0;
}
.timeline-author {
position: relative;
}
.timeline-author img {
height: 78px;
width: 78px;
border-radius: 100%;
padding: 8px;
background: #fff; }
.timeline-date {
font-size: 13px;
text-transform: uppercase;
border: 2px solid rgba(0,0,0,0.08);
border-radius: 20px;
padding: 6px 8px;
text-align: center;
margin: 0 auto;
font-weight: bold;
-webkit-font-smoothing: antialiased;
margin-top: 10px;
background: #fff;
}
.blog-style-timeline .blog-extra-meta .fa {
position: absolute;
left: 0;
top: 50%;
margin-top: -6px;
font-size: 16px;
color: rgba(0,0,0,0.2);
}
.blog-style-timeline .vntd-grid-item:nth-child(2n) .blog-extra-meta  {
right: auto;
left: -75px;
margin-top: 0px;
top: 50%;
}
.blog-style-timeline .vntd-grid-item:nth-child(2n) .blog-extra-meta .fa  {
left: auto;
right: 0;
}
.blog-style-timeline .vntd-grid-item:nth-child(2n) .blog-extra-meta .fa:before {
content: "\f053";
} .vntd-blog h5.blog-post-title {
font-size: 20px;
margin-bottom: 8px;
}
.vntd-blog h5.blog-post-title a {
color: #363636;
}
.vntd-blog .blog-item-inner {
background: rgba(0,0,0,0.03);
}
.vntd-blog .blog-post-details {
padding: 20px 25px;
}
.vntd-blog .vntd-meta-section {
font-size: 13px;
font-weight: normal;
color: #c2c2c2;
padding: 0;
border: 0;
margin-bottom: 8px;
}
.vntd-blog .vntd-meta-date,
.vntd-blog .vntd-meta-comments {
display: none;
}
.vntd-blog .read-more-post {
color: #555555;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
.vntd-blog .read-more-post:after {
font-family: FontAwesome;
content: "\f101";
margin-left: 3px;
} .blog-style-align .blog-item-inner {
overflow: hidden;
}
.blog-style-align .blog-post-thumbnail {
float: left;
width: 48%;
}
.blog-style-align .blog-post-details {
float: right;
width: 52%;
}
.blog-style-align .vntd-meta-author,
.blog-style-align .vntd-meta-categories span,
.blog-style-align .vntd-meta-section > span:after {
display: none;
}
.blog-style-align .blog-post-details p {
margin-bottom: 12px;
} .blog-style-bubble .blog-item-inner {
background: none;
}
.blog-style-bubble .blog-post-details {
padding: 0;
}
.blog-style-bubble .blog-post-details-inner {
margin-left: 70px;
background: rgba(0,0,0,0.03);
border-radius: 6px;
padding: 20px 25px;
position: relative;
-webkit-backface-visibility: hidden;
}
.blog-style-bubble .blog-post-details-inner:before {
position: absolute;
left: -12px;
top: 30px;
content: "";
width: 0; 
height: 0; 
border-top: 12px solid transparent;
border-bottom: 12px solid transparent; 
border-right:12px solid rgba(0,0,0,0.03); 
-webkit-backface-visibility: hidden;
}
.blog-style-bubble .blog-post-details-inner .blog-extra-meta {
margin-left: -70px;
}
.blog-style-bubble .blog-post-details-inner .extra-meta-date {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.blog-style-bubble .blog-post-details-inner .extra-meta-comments {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.blog-style-bubble .vntd-meta-categories:after {
display: none;
} .vntd-icon-box.box .left-icon{
width:20%;
height: auto;
}
.vntd-icon-box.box .left-icon a{
width: 70px;
height: 70px;
display: inline-block;
text-align:center;
background:transparent;
border:1px solid #ccc;
line-height: 70px;
color:inherit;
font-size:20px;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .icon-box-boxed-outline {
border: 2px solid #ebebeb;
border-radius: 8px;
margin-top: 35px;
padding: 0px 25px 10px 25px;
}
.icon-box-boxed-outline .icon-box-icon {
margin-top: -35px;
height: 70px;
width: 70px;
line-height: 70px;
font-size: 24px;
background: #fff;
border: 2px solid #ebebeb;
}
.icon-box-with-link .icon-box-inner:hover,
.icon-box-boxed-solid.icon-box-with-link:hover,
.icon-box-with-link.icon-box-boxed-outline:hover,
.icon-box-boxed-outline a:hover .icon-box-icon {
border-color: #fecb16;
}
.icon-box-with-link.icon-box-boxed-outline:hover {
border-color: #fecb16;
} .icon-box-boxed-solid {
border-radius: 8px;
background: #fafafa;
padding: 35px 25px 10px 25px;
border: 2px solid #fafafa;
}
.icon-box-boxed-solid .icon-box-icon {
height: 70px;
width: 70px;
line-height: 70px;
font-size: 24px;
background: #363636;
color: #fff;
} .icon-box-boxed-circle {
padding-top: 100%;
width: 100%;
position: relative;
margin-top: 50px;
}
.icon-box-inner {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: #fff;
border-radius: 100%;
padding: 22px;
border: 4px solid transparent;
transition: border-color .3s;
}
.icon-box-boxed-circle .icon-box-icon {
background: #f2f2f2;
color: #898989;
margin-top: -65px;
}
.icon-box-link-icon {
text-align: center;
}
.icon-box-link-icon i {
width: 30px;
height: 30px;
line-height: 28px;
background-color: #f2f2f2;
transition: all .3s;
color: #8b8b8b;
border-radius: 100%;
}
.icon-box-link-icon i:before {
margin-right: -2px;
}
.icon-box-with-link.icon-box-hover:hover .icon-box-link-icon i {
color: #fff;
background-color: #363636;
}
.icon-box-small-left.box *,
.icon-box-medium-left.box *,
.icon-box-medium-left-light.box *  {
text-align: left;
}
.icon-box-small-left,
.icon-box-medium-left,
.icon-box-medium-right,
.icon-box-medium-right-light,
.icon-box-medium-left-light  {
position: relative;
}
.icon-box-small-left .icon-box-icon,
.icon-box-medium-left .icon-box-icon,
.icon-box-medium-right .icon-box-icon,
.icon-box-medium-left-light .icon-box-icon,
.icon-box-medium-right-light .icon-box-icon  {
position: absolute;
left: 0;
top: -10px;
width: 40px;
height: 40px;
line-height: 40px;
background-color: #363636;
color: #fff;
font-size: 22px;
text-align: center;
}
.icon-box-small-left .icon-box-content,
.icon-box-medium-left,
.icon-box-medium-left-light {
padding-left: 60px;
} .icon-box-medium-left .icon-box-icon,
.icon-box-medium-right .icon-box-icon,
.icon-box-medium-left-light .icon-box-icon,
.icon-box-medium-right-light .icon-box-icon {
background: rgba(0,0,0,0.6);
color: #959595;
width: 70px;
height: 70px;
line-height: 66px;
font-size: 32px;
top: 0;
border: 3px solid transparent;
transition: all .3s;
}
.icon-box-medium-left,
.icon-box-medium-left-light {
padding-left: 85px;
}
.icon-box-medium-left .icon-box-title,
.icon-box-medium-right .icon-box-title {
color: #fff;
margin-top: 0;
}
.icon-box-medium-left.icon-box-hover:hover .icon-box-icon,
.icon-box-medium-right.icon-box-hover:hover .icon-box-icon {
background: transparent !important;
border-color: #fecb16;
color: #fecb16;
} .icon-box-medium-right,
.icon-box-medium-right-light {
padding-left: 0;
padding-right: 85px;
}
.icon-box-medium-right .icon-description,
.icon-box-medium-right .icon-box-title,
.icon-box-medium-right-light .icon-description,
.icon-box-medium-right-light .icon-box-title {
text-align: right;
}
.icon-box-medium-right .icon-box-icon,
.icon-box-medium-right-light .icon-box-icon {
left: auto;
right: 0;
}
.icon-box-medium-right,
.icon-box-medium-left,
.icon-box-medium-right-light,
.icon-box-medium-left-light {
margin-bottom: 25px;
} .icon-box-medium-left-light .icon-box-icon,
.icon-box-medium-right-light .icon-box-icon {
background: transparent;
border-color: #ebebeb;
color: #363636;
width: 96px;
height: 96px;
line-height: 96px;
font-size: 42px;
margin-top: -13px;
}
.icon-box-medium-left-light.icon-box-hover:hover .icon-box-icon,
.icon-box-medium-right-light.icon-box-hover:hover .icon-box-icon {
background: #fecb16;
border-color: #fecb16;
color: #fff;
}
.icon-box-medium-left-light {
padding-left: 130px;
}
.icon-box-medium-right-light {
padding-right: 130px;
}
.icon-box-medium-left-light,
.icon-box-medium-right-light {
margin-bottom: 46px;
} .vntd-icon-box.box .right-desc{
width: 80%;
height: auto;
padding-left:15px;
}
.vntd-icon-box.box .right-desc h3{
margin:0 0 10px;
padding:0;
font-size:20px;
}
.vntd-icon-box.box .right-desc p{
margin:0;
padding:0;
font-size:13px;
} .video-part{
width:100%;
height: auto; }
.frame-video,
.video-part div.left-video{
width: 100%;
margin:0;
}
#page-content .frame-video,
.video-part .left-video{
background:url(//www.toxpro.sk/wp-content/themes/qaro/img/ipad-air.png) center top no-repeat;
background-size:100%;
max-width:610px;
height: 435px;
padding-top: 1px;
}
#page-content .fitvid,
.video-part .left-video .video{
width:75.5%;
height: 73.5%;
margin-left:12.1%;
margin-top:4%;
position: relative;
} .fitvid iframe,
.video-part .left-video .video iframe{
width:100%;
height:100%;
} div.right-texts{
width: 45%;
margin:0;
padding-left:20px;
padding-top:10px;
}
h1.project-head{
font-size:20px;
margin:20px auto 15px;
}
h3.project-head.fw-head{
margin:0 auto 15px;
}
p.project-desc{
margin:20px auto;
font-size:14px;
padding:0;
line-height: 23px;
} a.button{
margin-top:15px;
margin-right:10px;
font-size:14px;
display: inline-block;
padding:10px 15px 10px;
opacity: 1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
a.button:hover{
opacity: 0.9;
}
a.button:active{
opacity: 0.8;
}
.home_project a.home-button-white{
margin:3px 3px;
} .mbYTP_wrapper {
}
.watch-our-video{
width: 100%;
height: 700px;
max-width: 100%;
overflow: hidden;
background-position: center center;
}
.video-lightbox {
text-align: center;
}
.video-lightbox a.video-link{
width: auto;
height: auto;
position: relative;
display: inline-block;
top:50%;
color:#eaeaea;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
}
.video-lightbox i{
display: block;
width: 60px;
height: 60px;
margin:0 auto;
text-indent: 5px;
line-height: 60px;
border:1px solid #eaeaea;
text-align: center;
color:#eaeaea;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.video-lightbox h3{
margin-top:5px;
font-size:20px;
}
.video-lightbox a.video-link:hover,
.video-lightbox a.video-link:hover i{
color:white;
} #project-section .big-images,
#project-section .project-details{
padding-top:50px;
}
#project-section .big-images a.work-image{
width: 100%;
display: block;
margin:0 0 30px;
}
#project-section .big-images a.work-image img{
width: 100%;
height: auto;
} .vntd-portfolio-details .col-xs-8 {
padding-left: 0;
}
.portfolio-details-side {
background: rgba(0,0,0,0.03);
border-radius: 6px;
padding: 30px;
}
h2.project-head {
font-weight: normal;
-webkit-font-smoothing: subpixel-antialiased;
font-size: 30px;
}
.project-desc {
font-size: 15px;
}
.vntd-portfolio-details .project-button {
color: #fff;
font-size: 14px;
padding: 10px 18px;
margin-top: 5px;
}
.vntd-portfolio-details .project-button-secondary {
margin-left: 10px;
}
.portfolio-details-default1 .project-features {
margin: 25px 0 15px 0;
}
.portfolio-details-default1 .project-button {
margin-top: 15px;
} .portfolio-details-minimal {
text-align: center;
padding: 25px 0;
}
.portfolio-details-minimal h2 {
text-transform: uppercase;
font-weight: bold;
margin-bottom: 10px;
}
.project-head-categories {
text-transform: uppercase;
color: #c2c2c2;
font-weight: bold;
-webkit-font-smoothing: antialiased;
}
.portfolio-details-minimal p.project-desc {
margin-top: 13px;
width: 80%;
max-width: 720px;
}
.portfolio-details-minimal .project-button {
text-transform: uppercase;
padding: 14px 26px;
} ul.project-features{
margin: 0;
}
ul.project-features > li {
margin: 0 auto;
padding: 12px 0;
width: 100%;
display: block;
border-bottom:1px solid #eee;
color:#686868;
}
ul.project-features > li p {
padding-left: 100px;
margin: 0;
}
ul.project-features > li:first-child{
padding-top: 0;
}
ul.project-features > li:last-child{
padding-bottom: 0;
}
ul.project-features li:last-child{
border-bottom:transparent;
}
#page-content .project-feature-website a:hover {
color: #363636;
}
ul.project-features li h6 {
font-size: 14px;
float: left;
margin: 0;
margin-right: 10px;
width: 90px;
line-height: 1.4em;
margin-top: 1px;
}
ul.project-features li.p-feature p {
font-size:14px;
line-height: 1.4em;
margin:0;
}
.project-feature-skills {
margin: 0;
padding-left: 100px;
}
.project-feature-skills li {
list-style: none;
display: inline-block;
}
.project-feature-skills li:after {
content: ",";
margin-right: 4px;
}
.project-feature-skills li:last-child:after {
content: none;
display: none;
} .blog .post {
position: relative;
margin-bottom: 30px;
transition: opacity .3s;
}
.blog-post-wrap {
background: #fafafa;
}
.blog .post .video-containers {
margin: 0;
}
.page-holder .page_inner{
width: 74%;
float: left;
} .blog-post-inner {
padding: 30px;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.blog-post-inner.post-no-media {
border-radius: 6px;
}
.single-post .post-no-media .blog-post-inner {
padding-top: 5px;
} .post.sticky .blog-post-inner {
border: 4px solid #fecb16;
}
.blog .post.sticky h2.blog-post-title:before {
font-family: FontAwesome;
content: "\f08d";
margin-right: 6px;
color: #fecb16;
}
.blog .post.post_format-post-format-link h2.blog-post-title:before {
font-family: FontAwesome;
content: "\f0c1";
margin-right: 6px;
color: #fecb16;
}
.blog .post.post_format-post-format-quote h2.blog-post-title:before {
font-family: FontAwesome;
content: "\f10e";
margin-right: 6px;
color: #fecb16;
}
.blog .post h2.blog-post-title {
margin-bottom: 10px;
}
h2.blog-post-title a {
color: #363636;
}
.blog a.read-more-post {
background: #363636;
display: inline-block;
font-weight: bold;
color: #fff;
text-transform: uppercase;
padding: 10px 22px;
border-radius: 4px;
font-size: 13px;
transition: all .3s;
}
.blog a.read-more-post:hover {
background: #fecb16;
color: #fff !important;
} .vntd-meta-section {
margin-bottom: 13px;
border-bottom: 1px solid rgba(0,0,0,0.04);
padding-bottom: 13px;
color: #363636;
font-weight: bold;
}
.vntd-meta-section > span:after {
content: ".";
text-indent: -9999px;
height: 100%;
width: 1px;
overflow: hidden;
color: transparent;
margin-right: 4px;
margin-left: 1px;
border-right: 1px solid rgba(0,0,0,0.05);
}
.vntd-meta-section > span:last-child:after {
display: none;
}
.vntd-meta-section a,
.vntd-meta-section span span {
color: #c2c2c2;
font-weight: normal;
}
.vntd-meta-section a:hover {
color: #fecb16;
} .blog-extra-meta {
position: absolute;
left: 0;
top: 0;
width: 42px;
z-index: 6;
}
.blog-extra-meta .extra-meta-item {
height: 42px;
background: #363636;
color: #fff;
text-align: center;
}
.extra-meta-day {
font-weight: bold;
font-size: 20px;
padding-top: 2px;
}
.extra-meta-month {
color: #959595;
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
margin-top: -5px;
}
.blog-extra-meta .extra-meta-comments {
background: #fecb16;
display: block;
color: #fff !important;
transition: background .3s;
}
.blog-extra-meta .extra-meta-comments:hover {
background: #363636;
}
.extra-meta-icon {
font-size: 18px;
padding-top: 2px;
}
.extra-meta-comments-count {
font-size: 12px;
margin-top: -5px;
} .blog-style-aligned .post {
overflow: hidden;
}
.blog-style-aligned .post-media-container {
float: left;
width: 65%; }
.blog-style-aligned .blog-post-inner {
width: 35%;
position: absolute;
right: 0px;
bottom: 0px;
top: 0px;
background: #fafafa;
border-radius: 0px;
z-index: 5;
}
.page-layout-sidebar_right .blog-style-aligned .blog-post-inner {
width: 40%;
}
.page-layout-sidebar_right .blog-style-aligned .post-media-container {
width: 60%;
}
.blog-style-aligned .vntd-meta-date,
.blog-style-aligned .vntd-meta-comments {
display: none;
}
.blog-style-aligned .read-more-post {
position: absolute;
bottom: 30px;
}
.blog-style-aligned .format-standard .read-more-post {
position: relative;
bottom: auto;
}
.blog-style-aligned .post-text {
margin-bottom: 60px;
}
.blog-style-aligned .post-no-media .blog-post-inner {
float: none;
width: 100%;
padding-left: 90px;
} .blog-style-thumb_bg .blog-item-inner {
position: relative;
}
.blog-style-thumb_bg h5.blog-post-title,
.grid-style-thumb_bg .blog-post-title {
font-size: 28px;
}
.blog-style-thumb_bg h5.blog-post-title a,
.grid-style-thumb_bg .blog-post-title a {
color: #fff;
}
.blog-style-thumb_bg .vntd-meta-section {
display: none;
}
.blog-style-thumb_bg .blog-post-details,
.grid-style-thumb_bg .blog-post-inner {
position: absolute;
background: rgba(0,0,0,0.4);
color: #fff;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-backface-visibility: hidden;
transition: background-color .4s;
}
.blog-style-thumb_bg .blog-post-details:hover {
background: rgba(0,0,0,0.55);
}
.blog-style-thumb_bg .blog-post-details:before,
.grid-style-thumb_bg .blog-post-inner:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.blog-style-thumb_bg .blog-post-details-inner,
.grid-style-thumb_bg .blog-post-inner .post-inner {
display: inline-block;
vertical-align: middle;
width: 90%;
padding-left: 110px;
}
.blog-style-thumb_bg .details,
.grid-style-thumb_bg .details {
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
.blog-style-thumb_bg .read-more-post,
.grid-style-thumb_bg .read-more-post {
color: #fff;
padding: 10px 18px;
border: 2px solid #fff;
-webkit-font-smoothing: antialiased;
font-size: 14px;
text-transform: uppercase;
border-radius: 4px;
font-weight: bold;
transition: all .3s;
background: transparent !important;
}
.blog-style-thumb_bg .read-more-post:after {
content: none;
display: none;
}
.blog-style-thumb_bg .read-more-post:hover,
#page-content .grid-style-thumb_bg .read-more-post:hover {
background: #fff !important;
color: #333 !important;
}
.blog-style-thumb_bg .blog-post-thumbnail .blog-extra-meta,
.grid-style-thumb_bg .blog-post-overlay,
.grid-style-thumb_bg .blog-post-wrap > .blog-extra-meta,
.grid-style-thumb_bg .vntd-meta-section {
display: none;
}
.blog-style-thumb_bg .blog-post-details .blog-extra-meta,
.grid-style-thumb_bg .post-inner .blog-extra-meta {
position: relative;
float: left;
margin-left: -100px;
overflow: hidden;
width: 84px;
}
.blog-style-thumb_bg .blog-post-details .blog-extra-meta > *,
.grid-style-thumb_bg .post-inner .blog-extra-meta > * {
float: left;
width: 42px;
height: 42px;
}
.blog-style-thumb_bg .blog-post-details .blog-extra-meta .extra-meta-date,
.grid-style-thumb_bg .post-inner .blog-extra-meta .extra-meta-date {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.blog-style-thumb_bg .blog-post-details .blog-extra-meta .extra-meta-comments,
.grid-style-thumb_bg .post-inner .blog-extra-meta .extra-meta-comments {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.grid-style-thumb_bg .post-inner {
padding-left: ;
} .blog-style-grid .blog-inner,
.blog-style-timeline .blog-inner {
opacity: 0;
width: 103.4%;
transition: height .5s;
}
.blog-style-grid .vntd-meta-date,
.blog-style-grid .vntd-meta-comments {
display: none;
}
.blog .vntd-grid-item { float: left;
width: 47%;
margin-bottom: 50px;
}
.grid-cols-4 .vntd-grid-item {
width: 22%;
}
.grid-cols-3 .vntd-grid-item {
width: 31%;
}
.vntd-grid-item.post-no-media .blog-post-inner {
padding-left: 60px;
}
.grid-cols-3 .post-overlay-title {
font-size: 18px;
}
.grid-cols-3 .post-overlay-inner {
width: 70%;
}
.grid-cols-3 .post h2 {
font-size: 24px;
}
.grid-cols-4 .post h2 {
font-size: 20px;
}
.grid-cols-4 .post-overlay-title {
font-size: 14px;
}
.grid-cols-4 .post-overlay-inner {
width: 65%;
}
.grid-cols-4 .post-overlay-subtitle {
margin-top: 6px;
}
.grid-style-thumb_bg {
margin-bottom: 45px;
}
.blog-style-thumb_bg.blog-inner {
width: 100% !important;
}
.blog-style-thumb_bg .vntd-grid-item {
width: 50%;
margin-bottom: 0;
}
.blog-style-thumb_bg .grid-cols-4 .vntd-grid-item {
width: 25%;
}
.blog-style-thumb_bg .grid-cols-3 .vntd-grid-item {
width: 33.33%;
} .grid-style-simple .blog-post-wrap {
background: none;
}
.grid-style-simple .blog-post-inner {
padding: 18px 0 0 0 !important;
}
.grid-style-simple .blog-extra-meta {
display: none;
}
.grid-style-simple .vntd-meta-date {
display: inline-block;
}
.grid-style-simple .vntd-meta-categories {
display: none;
} .post-media-container {
position: relative;
}
.post-media-container img {
width: 100%;
}
.blog-post-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -1px;
background: rgba(0,0,0,0.6);
color: #fff;
text-align: center;
}
.blog-post-overlay:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.25em; }
.post-overlay-inner {
display: inline-block;
vertical-align: middle;
width: 80%;
}
.post-overlay-title {
font-size: 24px;
}
.post-overlay-subtitle {
font-size: 14px;
color: #fecb16;
margin-top: 12px;
}
.format-link .quotation {
display: none;
} .single-post .blog-post-wrap {
background: none;
}
.single-post .blog-post-inner {
padding:30px 0 22px;
}
.single-post h2.blog-post-title {
margin-bottom: 18px !important;
}
.single-post .vntd-meta-section {
padding-bottom: 22px;
margin-bottom: 0;
}
.single-post .blog-extra-meta {
display: none;
}
.single-post .wpb_row {
margin-bottom: 30px;
padding-bottom: 0;
}
.single-post .wpb_row .wpb_wrapper > .container:last-child .wpb_row {
margin-bottom: 0;
} .post-tags {
padding: 12px;
border-radius: 4px;
background: rgba(0,0,0,0.02);
margin-bottom: 30px;
}
.post-tags a {
color: #959595;
}
.post-tags i {
font-size: 14px;
padding-right: 5px;
padding-left: 3px;
display: inline-block;
} .post-author {
padding: 30px;
background: rgba(0,0,0,0.02);
overflow: hidden;
margin-bottom: 40px;
border-radius: 4px;
}	
.post-author-avatar {
float: left;
}
.post-author-avatar img {
border-radius: 6px;
}
.post-author-info {
padding-left: 130px;
}
.post-author h4 {
margin-bottom: 15px;
}
.post-author p {
margin: 0;
} h2.comments-heading { }
ul.comments:first-child{
width: 100%;
height: auto;
}
.post .details > ul.comments{
margin-top: 40px;
padding-top: 40px;
border-top: 1px solid #f6f6f6;
}
.post ul.comments li.comment {
padding: 30px;
list-style: none;
background: rgba(0,0,0,0.02);
border-radius: 10px;
overflow: hidden;
margin-bottom: 30px;
}
.post ul.comments li div.comment{
margin-bottom: 10px;
} .post ul.comments li .comment-author-avatar {
float: left;
}
.comment-author-avatar img {
border-radius: 6px;
} .post ul.comments li div.comment-text{
position: relative;
padding-left: 130px;
}
.comment-mini-heading {
overflow: hidden;
position: relative;
}
.post ul.comments h6.comment-name {
margin-bottom: 8px;
display: inline-block;
float: left;
line-height: 1em;
}
.post ul.comments .comment-date {
float: left;
margin: 0;
color: #c2c2c2;
font-size: 13px;
margin-left: 20px;
line-height: 1.63em;
}
.post ul.comments li div.comment p{
font-size:14px;
color:#959494;
margin:10px 0;
padding: 0;
}
a.comment-reply-link{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
color: #fff;
background: #363636;
border-radius: 3px;
font-size: 13px;
font-weight: bold;
padding: 5px 8px;
margin-top: 8px;
display: inline-block;
}
a.comment-reply-link:hover{
background-color: #fecb16;
color: #fff !important;
}
.comment-notes,
.form-allowed-tags,
.post #reply-title {
display: none;
}
.comments ul.children {
padding-left: 110px;
} .post-form{
width:100%;
}
.post-form form{ }
.post-form form div{
padding:10px 0;
} .post-form .comment-form-author {
padding-right: 20px;
}
.post-form form div label{
margin-bottom: 5px;
color:#a4a4a4;
}
#respond #submit,
.post-form form .form{
width:100%;
height: auto;
padding:12px 15px 14px;
font-size:18px;
border-radius: 4px;
color:#7f7f7f;
letter-spacing: 0.5px;
font-size:14px;
}
#respond #submit {
display: inline-block;
border: 0;
width: auto;
font-size: 18px;
-webkit-font-smoothing: antialiased;
background-color: #39b54a;
color: #fff;
transition: all .3s;
padding: 10px 25px;
font-weight: bold;
margin-top: 20px;
margin-bottom: 70px !important;
}
#respond #submit:hover {
background-color: #363636;
color: #fff;
}
#respond label {
display: none;
}
.form-submit {
margin: 0;
}
.post-form form .textarea{
height: 201px;
max-width: 100%;
max-height: 201px;
}
#respond #submit,
.post-form form button.contact-form-button{
margin-bottom:0;
font-size:19px;
} #respond #submit:active,
#respond #submit:focus,
.post-form form .form:active,
.post-form form .form:focus{
outline: none;
}
#respond #submit:hover,
.post-form form button.contact-form-button:hover{
color:white;
}
#respond #submit:hover
.post-form form .light-form:hover{
border-color:#dadada;
}
#respond input[type="submit"],
.light-form {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 4px;
} .page_sidebar{
width: 26%;
float: left;
padding-right:30px;
padding-left:0;
}
.page_inner + .page_sidebar{
padding-left:30px;
padding-right: 0;
}
.page-layout-sidebar_left .page_inner {
float: right;
}
.page-layout-sidebar_left .page_sidebar {
padding-left: 0;
padding-right: 30px;
} .inner:after {
content: "";
display: block;
clear: both;
text-indent: -9999px;
}
.page_sidebar .bar{
width: 100%;
padding-bottom:30px;
margin-bottom:30px;
}
.page_sidebar h1.bar-head{
font-size:22px;
margin-bottom:20px;
}
.page_sidebar p{
font-size:14px;
color:#959494;
} #sidebar .bar {
border: 1px solid rgba(0,0,0,0.1);
border-radius: 8px;
padding: 30px 30px 0 30px;
position: relative;
}
#sidebar .bar > h5 {
font-size: 22px;
font-weight: bold;
}
#sidebar .bar > h5:before {
content: ".";
text-indent: -9999px;
border-left: 3px solid #363636;
position: absolute;
left: -1px;
}
#sidebar .bar > h5:empty {
display: none;
}
.bar.widget_search,
.bar.widget_product_search {
border: none !important;
padding: 0 !important;
}
#sidebar .bar ul {
margin-bottom: 15px;
}
#sidebar .bar ul.children {
margin-bottom: 0px;
}
.sidebar-style-default .widget_search h5 {
display: none;
} #sidebar.sidebar-style-alternative .bar {
border: none;
background: #fafafa;
padding-bottom: 2px;
}
#sidebar.sidebar-style-alternative h5 {
background: #363636;
color: #fff;
font-size: 20px;
margin-left: -30px;
margin-right: -30px;
margin-top: -30px;
min-height: 47px;
padding: 14px 30px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#sidebar.sidebar-style-alternative h5:before {
display: none;
content: none;
}
#sidebar.sidebar-style-alternative .bar ul.categories{
width: 100%;
height: auto;
}
.bar ul li{
display: block;
width: 100%;
padding:0;
border-bottom:1px solid #f1f1f1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
color: #c2c2c2;
}
.bar ul li:first-child a {
padding-top: 0;
}
.bar ul li:last-child {
border: 0 !important;
}
.bar ul li > a{
display: inline-block;
padding:10px 10px 10px 0;
color:#707070;
width: 90%;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.bar ul li a:hover:before,
.bar ul li > a:hover {
color: #fecb16;
}
.bar ul li ul {
margin-left: 18px;
}
.bar ul li:last-child{
border-bottom:1px solid transparent;
}
.bar ul.menu li a:before{
font-family: 'FontAwesome';
content: "\f105";
font-weight: normal;
font-style: normal;
top: 0;
margin-left: 0;
margin-right: 12px;
color: #959494;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
} .bar li.recentcomments a {
display: inline;
}
.bar select {
width: 100%;
margin-top: 10px;
margin-bottom: 30px;
}
.bar h3 .rsswidget:first-child {
display: none;
}
.bar .rss-date {
font-size: 85%;
padding-bottom: 10px;
display: block;
opacity: 0.6;
}
.bar cite {
text-align: right;
display: block;
padding-bottom: 12px;
padding-top: 10px;
font-size: 12px;
}
.bar.widget_rss li {
margin-bottom: 12px;
}
.bar.widget_rss li:before {
display: none;
}
.bar.widget_rss li:hover {
background: none;
cursor: default;
}
.bar.widget_rss a.rsswidget {
padding: 0 0 11px 0;
color: #555;
width: 100%;
}
.bar.widget_rss a.rsswidget:hover {
opacity: 0.9;
}
#page-content .bar li.recentcomments {
padding: 10px 0;
}
#page-content .bar li.recentcomments:before{
padding-right: 5px;
} .textwidget img {
padding: 0 0 5px 0;
height: auto !important;
}
.textwidget .wp-caption img {
padding-bottom: 10px;
}
.textwidget .wp-caption-text {
text-align: center;
font-size: 13px;
}
.textwidget strong {
display: inline-block;
padding: 4px 0;
} table {
width: 100%;
margin-bottom: 30px;  border: 1px solid #e3e3e3;
}
td,th {
border: 1px solid #e3e3e3;
padding: 8px 12px;
}
dt {
margin-bottom: 5px;
}
dd {
margin-bottom: 10px;
}
dl,
address {
margin-bottom: 30px;
}
address {
border-left: 2px solid #eee;
padding-left: 10px;
opacity: 0.8;
font-style: italic;
}
acronym {
font-weight: bold;
text-decoration: underline;
}
big {
font-size: 1.5em;
}
cite {
font-style: italic;
opacity: 0.6;
}
.wp-caption {
max-width: 100%;
}
.wp-caption img {
height: auto;
} #page-content .pr_widget_blogpost a {
display: block;
padding-right: 0;
width: 100%;
overflow: hidden;
}
.pr_widget_blogpost a {
color: #707070;
}
.pr_widget_blogpost p {
margin: 0;
}
.pr_widget_blogpost .rp-thumbnail {
float: left;
position: relative;
}
.pr_widget_blogpost .rp-thumbnail:after {
position: absolute;
content: ".";
text-indent: -9999px;
left: 0;
top: 0;
right: 0;
bottom: 0;
border: 4px solid transparent;
transition: border-color .3s, background-color .3s;
background: transparent;
}
.pr_widget_blogpost a:hover .rp-thumbnail:after {
border-color: #fecb16;
background: rgba(255,255,255,0.4);
}
.pr_widget_blogpost .rp-thumbnail,
.pr_widget_blogpost .rp-thumbnail img {
width: 50px;
height: 50px;
}
.pr_widget_blogpost .rp-title {
padding-left: 70px;
}
.rp-title .classic-meta-section {
font-size: 12px;
margin-top: 4px;
opacity: 0.6;
margin-bottom: 10px;
} .popular-posts-tab {
display: none;
}
#page-content .widget-tabbed-nav li {
list-style: none;
border: 0;
background: rgba(0,0,0,0.02);
text-transform: uppercase;
font-weight: bold;
font-size: 13px;
display: inline-block;
width: 50%;
cursor: pointer;
-webkit-font-smoothing: antialiased;
text-align: center;
color: #707070;
padding: 10px;
margin-bottom: 10px;
transition: all .3s;
}
.widget-tabbed-nav li {
border-radius: 4px 0 0 4px;
}
.widget-tabbed-nav li:last-child {
border-radius: 0 4px 4px 0;
}
#page-content .widget-tabbed-nav li:hover,
#page-content .widget-tabbed-nav li.active-tab {
background-color: #fecb16;
color: #fff;
} .oauthtwitter-latesttweets {  }
.bar ul.tweet { margin-bottom: 0; }
.bar ul.tweet li { margin-bottom: 13px;
}
.bar ul.tweet li:last-child {
margin-bottom: 25px;
}
.bar .twitter-content {
position: relative;
padding-left: 30px;
}
.tweet-Default  .twitter-content p > a:first-child {
color: #4cc2ff;
}
.bar .twitter-content:before {
content: "\f099";
font-family: FontAwesome;
position: absolute;
left: 0px;
top: 0px;
font-size: 18px;
color: #4cc2ff;
}
.bar .tweet li {
background: none !important;
}
.bar .tweet li:before {
content: none;
display: none;
}
.bar .quote {
margin-top: -15px;
color: #c2c2c2;
margin-left: 34px;
margin-bottom: 12px;
font-size: 13px;
}
.bar .quote a {
color: #c2c2c2 !important;
}
.tweet-Slider {
background: #4cc2ff;
border-radius: 8px;
border: 0 !important;
position: relative;
overflow: hidden;
padding-bottom: 35px !important;
padding-top: 80px !important;
margin: -31px -31px -1px -31px !important;
padding: 30px;
}
.tweet-Slider:before {
content: "\f099";
font-family: FontAwesome;
position: absolute;
color: #fff;
top: 20px;
left: 50%;
margin-left: -17px;
font-size: 34px;
}
.tweet-Slider > li {
border: 0 !important;
display: none;
float: left;
margin-right: -100%;
opacity: 0;
}
.tweet-Slider .flex-control-nav li {
list-style: none;
width: 8px;
text-indent: -9999px;
display: inline-block;
margin: 0px 3px !important;
border: 0;
}
.tweet-Slider .flex-control-nav li a {
float: left;
display: block;
width: 8px;
height: 8px;
border-radius: 100%;
background-color: rgba(255,255,255,0.6) !important;
padding: 0 !important;
cursor: pointer;
}
.tweet-Slider .flex-control-nav li a.flex-active {
background: rgba(255,255,255,0.9) !important;
}
.tweet-Slider .twitter-content {
padding: 0;
}
.tweet-Slider .twitter-content:before {
display: none;
content: none;
}
.tweet-Slider p {
color: #fff;
}
.tweet-Slider .flex-control-nav {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
text-align: center;
} .mc4wp-form input {
background: #1a1a1a;
border: 0;
border-radius: 3px;
color: #888;
font-weight: 600;
padding: 11px 20px;
-webkit-appearance: none;
outline: none; 
}
.mc4wp-form form > p {
position: relative;
}
.mc4wp-form form > p:first-child:after {
content: "\f0e0";
font-family: FontAwesome;
position: absolute;
right: 15px;
top: 7px;
font-size: 20px;
color: #464646;
}
.mc4wp-form label {
display: none;
}
.bar .wpcf7 input[type="submit"],
.mc4wp-form input[type="submit"] {
background-color: #8dc63f;
color: #fff;
text-transform: uppercase;
padding: 11px 20px;
display: inline-block;
width: auto;
}
.bar .wpcf7 input[type="submit"]:hover,
.mc4wp-form input[type="submit"]:hover {
opacity: .8;
color: #fff;
background-color: #8dc63f;
} .bar .flickr-badge {
overflow: hidden;
}
.bar .flickr_badge_image {
width: 22%;
margin-right: 3%;
margin-bottom: 3%;
-webkit-transition: opacity .3s;
-moz-transition: opacity .3s;
transition: opacity .3s;
opacity: 0.7;
float: left;
}
.bar .flickr_badge_image img {
height: auto;
}
.bar .flickr_badge_image:hover {
opacity: 1;
}
.bar .flickr_badge_image:nth-child(5), .bar .flickr_badge_image:nth-child(9), .bar .flickr_badge_image:nth-child(13) {
margin-right: 0 !important;
}
#sidebar .flickr_badge_image {
width: 30.5%;
margin-right: 4% !important;
margin-bottom: 4%;
}
#sidebar .flickr_badge_image:nth-child(4), #sidebar .flickr_badge_image:nth-child(7), #sidebar .flickr_badge_image:nth-child(10) {
margin-right: 0 !important;
}
#sidebar .flickr-badge {
margin-bottom: 20px;
} .widget-contact-details {
position: relative;
}
.widget-contact-details > div {
margin-bottom: 12px;
color: #636363;
position: relative;
padding-bottom: 12px;
border-bottom: 1px solid #333;
}
.widget-contact-details > div:last-child {
border: 0;
margin: 0;
}
.widget-contact-details span {
display: inline-block;
padding-left: 30px;
}
.widget-contact-details i {
font-size: 18px;
position: absolute;
left: 0;
}
.widget-contact-details a {
color: #636363;
}
.contact-details-map:after {
content: ".";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
text-indent: -9999px;
background: url(//www.toxpro.sk/wp-content/themes/qaro/img/contact-details-map.png) no-repeat center center;
opacity: 0.15;
} #wp-calendar {
width: 100%;
border-collapse: separate;
border-spacing: 2px 2px;
text-align: center;
}
#wp-calendar thead th {
text-align: center;
}
#wp-calendar caption {
margin-bottom: 15px;
text-align: right;
}
#wp-calendar td {
background-color: #f8f8f8;
line-height: 28px;
}
#wp-calendar td.pad,
#wp-calendar tfoot td {
background: none;
}
#wp-calendar #prev a {
float: left;
margin-top: 10px;
display: block;
} .bar .wpcf7 input,
.bar .wpcf7 textarea {
width: 100%;
-webkit-appearance: none;
outline: none;
background: #1a1a1a;
border-radius: 3px;
border: none;
padding: 11px 20px;
color: #363636;
-webkit-font-smoothing: subpixel-antialiased;
transition: color .3s, background-color .3s, opacity .3s;
}
.bar .wpcf7 input:focus,
.bar .wpcf7 textarea:focus,
.bar .wpcf7 input:hover,
.bar .wpcf7 textarea:hover {
background: #111111;
color: #aaa;
}
::-webkit-input-placeholder {
color: #959595;
-webkit-font-smoothing: subpixel-antialiased;
}
:-moz-placeholder { color: #959595;  
}
::-moz-placeholder { color: #959595;  
}
:-ms-input-placeholder {  
color: #959595;  
} .bar h3 a.rsswidget {
color: #3e3e3e;
} .tagcloud {
margin-bottom: 20px;
}
.bar .tagcloud a {
display: inline-block;
margin:5px 3px;
padding:8px 20px;
background: #363636;
color:#636363;
font-size:13px !important;
border-radius: 4px;
}
.bar .tagcloud a:hover{
color:#fff !important;
background-color: #fecb16 !important;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
#sidebar .tagcloud a {
background: rgba(0,0,0,0.05);
color: #959595;
} input.search,
input[type=search] {
width: 100%;
padding: 10px 40px 10px 20px;
outline: none;
position: relative;
border-radius: 20px;
color: #959595;
font-size: 14px;
margin: 0 auto;
border: 1px solid rgba(0,0,0,0.1);
}
.search-button,
.woocommerce-product-search input[type="submit"] {
width: 40px;
height: 100%;
position: absolute;
right: 0;
top: 0;
color: #e1e1e1;
border: none;
outline: none;
padding-right: 10px;
background: transparent;
text-align: center;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
font-size: 16px;
transition: color .3s;
}
.search-button:hover {
color: #363636;
} .blog_pagination {
clear: both;
}
.vntd-pagination {
margin-top: 50px;
margin-bottom: 50px;
}
.woocommerce-pagination ul {
border: 0 !important;
}
.vntd-pagination li,
#page-content .woocommerce-pagination li {
margin-right: 6px;
display: inline-block;
border: 0 !important;
}
.vntd-pagination li > *,
#page-content .woocommerce-pagination li > * {
border-radius: 4px;
width: 32px;
height: 32px;
line-height: 32px;
text-align: center;
display: inline-block;
}
.vntd-pagination li > a,
#page-content .woocommerce-pagination li > a {
border: 0 !important;
background: rgba(0,0,0,0.04);
color: #c2c2c2;
transition: all .3s;
padding: 0;
}
.vntd-pagination li > a:hover,
#page-content .woocommerce-pagination li > a:hover {
background: #363636;
color: #fff !important;
}
.vntd-pagination li a.next,
.vntd-pagination li a.prev
{
width: auto;
padding: 0 18px;
}
#page-content .woocommerce-pagination li a.next,
#page-content .woocommerce-pagination li a.prev {
padding: 0 10px;
}
.vntd-pagination li a.next i {
margin-left: 14px;
}
.vntd-pagination li a.prev i {
margin-right: 14px;
}
.vntd-pagination li span.current,
#page-content .woocommerce-pagination li span.current {
color: #fff;
background: #fecb16;
padding: 0;
} #ajax-load-posts .btn {
display: block;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
font-size: 14px;
margin-bottom: 50px;
color: #fff !important;
}
#ajax-load-posts .ajax-no-posts {
background: rgba(0,0,0,0.15) !important;
cursor: default;
} #back-top{
width: 40px;
height: 40px;
position: fixed;
right: 40px;
bottom: 40px;
z-index: 1000;
}
#back-top a{
width:100%;
height:100%;
display:block;
background-color:rgba(0,0,0,0.18);
opacity: 0.5;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
font-size:18px;
line-height: 40px;
border-radius: 4px;
}
#back-top a:hover{
opacity: 1;
color:white;
} .error404.page-with-title #page-content {
padding-top: 40px;
}
.page-content-404 {
padding-bottom: 80px;
}
.page-content-404 form#search-form {
max-width: 600px;
width: 100%;
margin:40px auto 0;
}
.page-content-404 form#search-form div:first-child{
width: auto;
margin:60px auto 0;
}
.page-content-404 .form{
height: auto;
padding:15px 15px 12px;
font-size:16px;
margin-bottom:18px;
letter-spacing: 0.5px;
}
.page-content-404 form#search-form .search-form{
padding: 11px 13px;
border:1px solid #eeeeee;
background:transparent;
box-shadow: none;
font-size:13px;
}
.page-content-404 .search-form-button{
border:none;
width: auto;
padding:10px 20px 9px 20px;
}
.page-content-404 form#search-form .search-form,
.page-content-404 form#search-form .seach-form-button,
.page-content-404 form#search-form .seach-form-button:focus,
.page-content-404 form#search-form .search-form:focus{
outline:none;
} .separator {
height: 1px;
background-color: #f4f4f4;
margin: 40px 0;
text-align: center;
}
.separator div {
display: inline-block;
background-color: #fff;
padding: 1px 1em;
position: relative;
top: -9px;
font-size: 90%;
}
.separator-text-align-left {
text-align: left;
}
.separator-text-align-right {
text-align: right;
}
.spacer {
height: 40px;
} .veented-slider-holder {
height: 700px;
background: #222;
overflow: hidden;
min-height: 320px;
}
.veented-slider-holder {margin-right:-15px;margin-left:-15px;}
#page-content .veented-slider-holder .inner {
padding-left: 60px !important;
padding-right: 60px !important;
max-width: 1290px;
overflow: visible;
}
.swiper-containers {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: left;
color: #fff;
font-size: 17px;
font-weight: 300;
background: #fff;
cursor: -webkit-grab;
cursor: -moz-grab;
background-size: cover;
background-position: center center; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
color: #fff;
}
li.swiper-slide.swiper-slide-prev {
margin-right: -1px;
} .veented-slide h2 {
color: #fff;
font-size: 60px;
text-transform: uppercase;
font-weight: 900;
margin-bottom: 13px;
margin-top: -6px;
}
.veented-slide-heading-transform-normal h2 {
text-transform: none;
}
.veented-slide-heading-weight-normal h2 {
font-weight: normal;
}
.veented-slide-paragraph {
max-width: 580px;
margin-bottom: 30px;
font-size: 18px;
}
.veented-slide-color-dark h2 {
color: #333;
}
.veented-slide-color-dark p {
color: #888;
}
.veented-slide-align-right {
text-align: right;
}
.veented-slide-align-right p {
margin-left: auto;
}
.veented-slide-align-center {
text-align: center;
}
.veented-slide-align-center p {
margin-left: auto;
margin-right: auto;
} .veented-slide .btn {
font-size: 14px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased;
border-width: 2px;
border-style: solid;
margin: 0;
padding: 16px 32px;
box-sizing: border-box;
}
.veented-slide .veented-slide-button2 {
margin-left: 26px;
} .veented-slide-overlay-dark:before,
.veented-slide-overlay-darker:before,
.veented-slide-overlay-dark .mbYTP_wrapper:before,
.veented-slide-overlay-darker .mbYTP_wrapper:before {
content: "" !important;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.3);
display: block !important;
}
.veented-slide-overlay-dark .mbYTP_wrapper:before,
.veented-slide-overlay-darker .mbYTP_wrapper:before {
z-index: 9
}
.veented-slide-overlay-darker:before,
.veented-slide-overlay-darker .mbYTP_wrapper:before{
background-color: rgba(0,0,0,0.65);
} #page-content .swiper-pagination {
left: 0;
right: 0;
bottom: 30px;
text-align: center;
}
#page-content .swiper-pagination-bullet {
display: inline-block;
width: 12px;
height: 12px;
margin: 0 3px;
border-radius: 100%;
background: transparent;
border: 2px solid rgba(255,255,255,0.5);
cursor: pointer;
transition: border-color .3s, background-color .3s;
}
#page-content .swiper-pagination-bullet:hover {
background: rgba(255,255,255,0.5);
}
#page-content .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
border-color: #fff;
} .swiper-button-next,
.swiper-button-prev {
background-image: none !important;
}
.swiper-button-next i,
.swiper-button-prev i {
font-size: 60px;
color: #fff;
color: rgba(255,255,255,0.5);
transition: color .3s;
}
.swiper-button-next i:hover,
.swiper-button-prev i:hover {
color: #fff;
} .vntd-section-white h1,
.vntd-section-white h2,
.vntd-section-white h3,
.vntd-section-white h4,
.vntd-section-white h5,
.vntd-section-white h6,
.vntd-section-white {
color: #fff;
}
.vntd-section-white .contact-block-details > div {
border-color: #3e3e3e;
}
.vntd-section-white .contact-block-details {
color: #a1a1a1;
}
.vntd-section-white h1,
.vntd-section-white h2 {
-webkit-font-smoothing: subpixel-antialiased;
}  #page-content .tp-caption .gray {
color: #919191;
}
#page-content .tp-caption a.btn {
font-size: 14px !important;
text-transform: uppercase !important;
-webkit-font-smoothing: antialiased !important;
border-width: 2px;
border-style: solid;
margin: 0;
padding: 16px 32px !important;
box-sizing: border-box;
color: #fff;
}
#page-content .tp-bullets.simplebullets .bullet {
background: none;
border: 2px solid #fff;
border-radius: 100%;
transition: all .3s;
width: 14px;
height: 14px;
margin: 0px 3px;
}
#page-content .tp-bullets.simplebullets .bullet:hover {
background: #fff;
}
#page-content .tp-bullets.simplebullets .bullet.selected {
border-color: #fecb16;
background: #fecb16 !important;
}
#page-content .slider-bottom-border-radius .rev_slider_wrapper,
#page-content .slider-bottom-border-radius .tp-bgimg {
border-radius: 0px 0px 10px 10px;
} .page-content-404 {
padding-bottom: 80px;
}
.not-found-big {
color: #fecb16;
font-size: 240px;
font-weight: 900;
line-height: 1em;
margin-bottom: 20px;
}
.not-found-description {
font-size: 18px;
color: #707070;
font-weight: normal;
line-height: 1.4em;
}@font-face { 
font-family: 'AmsiPro'; 
src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Regular.eot?); 
src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Regular.eot?#iefix) format('embedded-opentype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Regular.otf) format('opentype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Regular.woff) format('woff'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Regular.ttf) format('truetype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Regular.svg#AmsiPro-Regular) format('svg'); 
font-weight: 400; 
font-style: normal; 
}
@font-face { 
font-family: 'AmsiPro'; 
src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Regular.eot?);
src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Bold.eot?#iefix) format('embedded-opentype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Bold.otf) format('opentype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Bold.woff) format('woff'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Bold.ttf) format('truetype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiPro-Bold.svg#AmsiPro-Regular) format('svg'); 
font-weight: 700; 
font-style: normal; 
}
@font-face { 
font-family: 'AmsiPro';
src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiProCond-Ultra.eot?);
src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiProCond-Ultra.eot?#iefix) format('embedded-opentype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiProCond-Ultra.otf) format('opentype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiProCond-Ultra.woff) format('woff'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiProCond-Ultra.ttf) format('truetype'), 
url(//www.toxpro.sk/wp-content/themes/qaro-child/font/AmsiProCond-Ultra.svg#AmsiPro-Regular) format('svg'); 
font-weight: 800; 
font-style: normal; 
}
@font-face {font-family: 'TTLakesCondensed-Regular';src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_F_0.eot);src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_F_0.eot?#iefix) format('embedded-opentype'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_F_0.woff2) format('woff2'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_F_0.woff) format('woff'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_F_0.ttf) format('truetype');}
@font-face {font-family: 'TTLakesCompressed-Regular';src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_25_0.eot);src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_25_0.eot?#iefix) format('embedded-opentype'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_25_0.woff2) format('woff2'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_25_0.woff) format('woff'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_25_0.ttf) format('truetype');}
@font-face {font-family: 'TTLakesCompressed-Bold';src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_2E_0.eot);src: url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_2E_0.eot?#iefix) format('embedded-opentype'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_2E_0.woff2) format('woff2'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_2E_0.woff) format('woff'),url(//www.toxpro.sk/wp-content/themes/qaro-child/font/webfonts/32128F_2E_0.ttf) format('truetype');}
body {
font-family: 'TTLakesCondensed-Regular' !important;	
}
h1, h2, h3, h4, h5, h6, .font-primary, .w-option-set, #page-content .wpb_content_element .wpb_tabs_nav li, .vntd-pricing-box .properties {font-family: 'TTLakesCondensed-Regular' !important; font-weight: bold !important;}
#page-title > div > div > h1 {
font-family: 'TTLakesCompressed-Bold' !important; text-transform: uppercase; font-weight: normal !important; font-size: 38px; letter-spacing: -1px;
}
h2 {font-size: 34px !important;}
div[id$=layer-1] {
font-family: 'TTLakesCompressed-Bold' !important;	
}
div[id$=layer-2] {
font-family: 'TTLakesCondensed-Regular' !important; 
}
div[id$=layer-3], div[id$=layer-4] {
font-family: 'TTLakesCondensed-Regular' !important;
} #\36 554 > div.vc_row.wpb_row.vc_row-fluid.vc_custom_1481131852005 > div > div > div:nth-child(2) > div > div > div > div {
background-color: transparent !important;
}
.icon-box-inner {
background-color: transparent !important;
} div[id$=layer-3] > a, div[id$=layer-4] > a {
}
#page-content .tp-caption a.btn {
text-transform: none !important;
}
div[id$=layer-4] {
font-family: 'TTLakesCondensed-Regular' !important;	
text-transform: none !important;
}
.portfolio-filters li {
text-transform: none;
}
#footer-widgets .bar h4 {
text-transform: none;
}
.nav-inner .logo a img {
max-height: 70px;
} .portfolio-title_categories .portfolio-overlay-title, .portfolio-title_categories_excerpt .item.no-excerpt .portfolio-overlay-title {
font-size: 150%;
}
.portfolio-title_categories .portfolio-overlay-cats, .portfolio-title_categories_excerpt .item.no-excerpt .portfolio-overlay-cats {
margin-top: 35px;
}
@media screen and (max-width: 1300px) {
.portfolio-title_categories .portfolio-overlay-title, .portfolio-title_categories_excerpt .item.no-excerpt .portfolio-overlay-title {
font-size: 105%;
}
.portfolio-title_categories .portfolio-overlay-cats, .portfolio-title_categories_excerpt .item.no-excerpt .portfolio-overlay-cats {
margin-top: 15px;
}
}
.testimonial-content-arrow {
display: none;
}
#portfolio-filters- {
display: none;
}
#page-title {
background-color: #2cff65 !important
}
#page-content .portfolio-nav-wrap a:hover div {
border-color: #2cff65 !important;
}
#breadcrumbs li, .breadcrumbs a {
color: #000;
}
.breadcrumbs a:hover {
color: #666 !important;
}
.logo-item {
min-height: 160px !important;
padding-top: 0px;
padding-bottom: 0px;
}
#klienti > div.vc_row.wpb_row.vc_row-fluid.vc_custom_1481130793937 > div > div > div > div > div > div.wpb_text_column.wpb_content_element {
margin-bottom: 0px;
}
#portfolio {
bottom: 35px;
}
.text-box {
display: block;
background: rgba(0, 0, 0, 0.4);
padding: 5px 10px 7px 10px;
border-radius: 5px;
}
.heading-box {
display: block;
background: rgba(0, 0, 0, 0.4);
padding: 22px 15px 30px 15px;
border-radius: 5px;
}
.btn,
.btn-new a {
background-color: #2cff65 !important;
color: #333 !important;
}
.btn:hover,
.btn-new a:hover {
background-color: #232323 !important;
border-color: #232323 !important;
color: #fff !important;
}
.btn-bold a {
font-weight: bold;
}
.tp-caption > a {
color: #fff;
}
.owl-carousel .owl-item img {
width: auto !important;
}
.vntd-testimonials-tabs .testimonial-meta {
padding-top: 60px;
}
@media only screen and (max-width: 380px) {
.vntd-testimonials-tabs .testimonial-meta {
padding-top: 70px !important;
}
.vntd-testimonials-tabs .testimonial-author {
top: 390px !important;
}
.heading-box {
padding: 10px 5px 6px 5px!important;
}
.showreel {
padding: 6px 5px 2px 5px!important;
}
#page-content .tp-caption a.btn {
font-size: 10px !important;
padding: 10px 10px 7px 10px !important;
}
}
@media only screen and (min-width: 381px) and (max-width: 560px) {
.vntd-testimonials-tabs .testimonial-author {
top: 310px !important;
}
.heading-box {
padding: 10px 5px 6px 5px!important;
}
.showreel {
padding: 6px 5px 2px 5px!important;
}
#page-content .tp-caption a.btn {
font-size: 10px !important;
padding: 10px 10px 7px 10px !important;
}
}
#footer-widgets .footer-widget-col-1 p:nth-child(2) {
margin-top: 0px;
}
.mc4wp-form-fields > p > input {
width: 100%;
font-family: 'TTLakesCondensed-Regular' !important;	
}
.mc4wp-form-fields > p {
margin: 0 0 25px 0;
}
.mc4wp-form input[type="submit"] {
width: 100%;
opacity: 1;
background-color: #2cff65 !important;
border: 1px solid #2cff65;
color: #333 !important;
}
.mc4wp-form input[type="submit"]:hover {
opacity: 1;
background-color: #232323 !important;
border: 1px solid #2cff65;
color: #fff !important;
}
.mc4wp-alert,.mc4wp-notice {
color: #f00;
font-size: 20px;
} .logo-item {  height: 140px; }
#footer-widgets .rfbp-post h4 { font-weight: 400; font-size: 18px; border-bottom: none; padding-bottom: 0; margin-bottom: 5px; }
.rfbp-post { border-bottom: 1px solid #333; }
.rfbp-post:last-child { border-bottom: none; }
#footer-widgets .widget-contact-details i, #footer-widgets .widget-contact-details > div { line-height: 40px; }
.stretch_row_content_no_spaces .vc_column_container>.vc_column-inner { padding-left: 0px; padding-right: 0px; }
body.page-id-42.page-with-title #page-content {padding-top: 0; }
.member-image-holder img { border-radius: 10px; }
.vntd-testimonials-tabs-holder { padding-bottom: 100px;}
.vntd-testimonials-tabs .testimonial-content { padding: 10px 10px; width: 87.5%;}
.vntd-testimonials-tabs .testimonial-meta {width: 100px; }
body.page-with-title #page-content { padding-top: 30px;}
.widget-contact-details .widget-contact-details-item {
z-index: 1;
}
#page-content #vntd-woocommerce.woocommerce-layout-list .vntd-product-details {
display: none!important;
}
#vntd-woocommerce-filters > li {
width: 310px;
}
.woocommerce-cart table.cart img {
width: 130px;
}
#page-content .vntd-social-icons a {
border: 1px solid #2cff65;
}
.vntd-social-icons {
text-align: center;
}
#page-content .vntd-social-icons a {
width: 50px;
height: 50px;
line-height: 50px;
font-size: 20px;
margin: 0 20px 0 0;
}
#page-content .vntd-social-icons a:hover {
border-color: #707070 !important;
color: #707070 !important;
background: none!important;
}
.single-portfolio #page-content .wpb_wrapper iframe {
width: 100%!important;
} .wpcf7 {
font-size: 14px;
}
.wpcf7 input,
.wpcf7 textarea {
font-family: 'TTLakesCondensed-Regular';
}
.wpcf7 input.text,
.wpcf7 input[type=email],
.wpcf7 input[type=text],
.wpcf7 textarea {
padding: 6px 12px;
background-color: #fff;
border: 1px solid #ccc;
border-radius: 2px;
-webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
width: 100%;
margin-bottom: 15px;
}
.wpcf7 input[type=submit] {
background-color: #2cff65;
color: #333;
border: none;
border-radius: 2px;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
box-shadow: inset 0 3px 5px rgb(0 0 0 / 13%);
padding: 6px 16px;
}
.wpcf7 input[type=submit]:hover {
background-color: #333;
color: #fff;
}
.wpcf7 form .wpcf7-response-output {
clear: both;
margin-top: 20px;
display: block;
float: left;
width: 100%;
}