@charset "UTF-8";
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//f-df.pl/wp-content/plugins/smart-logo-showcase-lite/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-item .active {
display: none;
}
.owl-theme .owl-controls{
margin-top:10px;
text-align:center;
-webkit-tap-highlight-color:transparent
}
.owl-theme .owl-controls .owl-nav [class*=owl-]{
color:#fff;
font-size:14px;
margin:5px;
padding:4px 7px;
background:#d6d6d6;
display:inline-block;
cursor:pointer;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover{
background:#869791;
color:#fff;
text-decoration:none
}
.owl-theme .owl-controls .owl-nav .disabled{
opacity:.5;
cursor:default
}
.owl-theme .owl-dots .owl-dot{
display:inline-block;
zoom:1;
*display:inline
}
.owl-theme .owl-dots .owl-dot span{
width:10px;
height:10px;
margin:5px 7px;
background:#d6d6d6;
display:block;
-webkit-backface-visibility:visible;
-webkit-transition:opacity 200ms ease;
-moz-transition:opacity 200ms ease;
-ms-transition:opacity 200ms ease;
-o-transition:opacity 200ms ease;
transition:opacity 200ms ease;
-webkit-border-radius:30px;
-moz-border-radius:30px;
border-radius:30px
}
smls-vertical-main-container .bx-wrapper .bx-pager.bx-default-pager a {
display: inline;
}
.owl-item img {
width: 100%;
margin: 0 auto;
}.tooltipster-base { display: flex;
pointer-events: none; position: absolute;
}
.tooltipster-box { flex: 1 1 auto;
}
.tooltipster-content { box-sizing: border-box; max-height: 100%;
max-width: 100%;
overflow: auto;
}
.tooltipster-ruler { bottom: 0;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
visibility: hidden;
}   .tooltipster-fade {
opacity: 0;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
-ms-transition-property: opacity;
transition-property: opacity;
}
.tooltipster-fade.tooltipster-show {
opacity: 1;
} .tooltipster-grow {
-webkit-transform: scale(0,0);
-moz-transform: scale(0,0);
-o-transform: scale(0,0);
-ms-transform: scale(0,0);
transform: scale(0,0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
-webkit-backface-visibility: hidden;
}
.tooltipster-grow.tooltipster-show {
-webkit-transform: scale(1,1);
-moz-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
transform: scale(1,1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
} .tooltipster-swing {
opacity: 0;
-webkit-transform: rotateZ(4deg);
-moz-transform: rotateZ(4deg);
-o-transform: rotateZ(4deg);
-ms-transform: rotateZ(4deg);
transform: rotateZ(4deg);
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform;
-o-transition-property: -o-transform;
-ms-transition-property: -ms-transform;
transition-property: transform;
}
.tooltipster-swing.tooltipster-show {
opacity: 1;
-webkit-transform: rotateZ(0deg);
-moz-transform: rotateZ(0deg);
-o-transform: rotateZ(0deg);
-ms-transform: rotateZ(0deg);
transform: rotateZ(0deg);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
-webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
-o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
} .tooltipster-fall {
-webkit-transition-property: top;
-moz-transition-property: top;
-o-transition-property: top;
-ms-transition-property: top;
transition-property: top;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall.tooltipster-initial {
top: 0 !important;
}
.tooltipster-fall.tooltipster-show {
}
.tooltipster-fall.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
top: 0 !important;
opacity: 0;
} .tooltipster-slide {
-webkit-transition-property: left;
-moz-transition-property: left;
-o-transition-property: left;
-ms-transition-property: left;
transition-property: left;
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-initial {
left: -40px !important;
}
.tooltipster-slide.tooltipster-show {
}
.tooltipster-slide.tooltipster-dying {
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
-ms-transition-property: all;
transition-property: all;
left: 0 !important;
opacity: 0;
}   @keyframes tooltipster-fading {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.tooltipster-update-fade {
animation: tooltipster-fading 400ms;
} @keyframes tooltipster-rotating {
25% {
transform: rotate(-2deg);
}
75% {
transform: rotate(2deg);
}
100% {
transform: rotate(0);
}
}
.tooltipster-update-rotate {
animation: tooltipster-rotating 600ms;
} @keyframes tooltipster-scaling {
50% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.tooltipster-update-scale {
animation: tooltipster-scaling 600ms;
}   .tooltipster-sidetip.tooltipster-bottom .tooltipster-box {
margin-top: 8px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-box {
margin-right: 8px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-box {
margin-left: 8px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-box {
margin-bottom: 8px;
}   .tooltipster-sidetip .tooltipster-arrow {
overflow: hidden;
position: absolute;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow {
height: 10px; margin-left: -10px;
top: 0;
width: 20px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow {
height: 20px;
margin-top: -10px;
right: 0; top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow {
height: 20px;
margin-top: -10px;
left: 0; top: 0;
width: 10px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow {
bottom: 0;
height: 10px;
margin-left: -10px;
width: 20px;
} .tooltipster-sidetip .tooltipster-arrow-background, .tooltipster-sidetip .tooltipster-arrow-border {
height: 0;
position: absolute;
width: 0;
} .tooltipster-sidetip .tooltipster-arrow-background {
border: 10px solid transparent;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #565656;
left: 0px;
top: 3px;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
border-left-color: #565656;
left: -3px;
top: 0px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
border-right-color: #565656;
left: 3px;
top: 0px;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
border-top-color: #565656;
left: 0px;
top: -3px;
} .tooltipster-sidetip .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: black;
}
.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border {
border-left-color: black;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border {
border-right-color: black;
}
.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border {
border-top-color: black;
} .tooltipster-sidetip .tooltipster-arrow-uncropped {
position: relative;
}
.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped {
top: -10px;
}
.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped {
left: -10px;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1 .tooltipster-box {
background-color:#333333;
display: inline-block;
border-radius: 5px;
word-wrap:break-word;
padding: 6px 14px;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1 .tooltipster-content {
font-size: 10px;
color:#f2f2f2;
text-transform: uppercase;
font-family: 'Raleway',Sans-serif;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #333333;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1.tooltipster-left .tooltipster-arrow-background {
border-left-color: #333333;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1.tooltipster-right .tooltipster-arrow-background {
border-right-color: #333333;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1.tooltipster-top .tooltipster-arrow-background {
border-top-color: #333333;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-1 .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2 .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3 .tooltipster-arrow-border,
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4 .tooltipster-arrow-border  {
border:none;
} .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2 .tooltipster-box {
background-color:#75bd07;
width:100%;
display: inline-block;
padding: 4px 14px;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2 .tooltipster-content {
font-size: 14px;
color:#ffffff;
text-transform: uppercase;
font-family: 'Open Sans',Sans-serif;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #75bd07;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2.tooltipster-left .tooltipster-arrow-background {
border-left-color: #75bd07;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2.tooltipster-right .tooltipster-arrow-background {
border-right-color: #75bd07;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-2.tooltipster-top .tooltipster-arrow-background {
border-top-color: #75bd07;
} .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3 .tooltipster-box {
background-color:#fc562e;
display: inline-block;
border-radius: 20px;
padding: 7px 16px;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3 .tooltipster-content {
font-size: 11px;
color:#ffffff;
text-transform: capitalize;
font-family: 'Open Sans',Sans-serif;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3.tooltipster-bottom .tooltipster-arrow-background {
border-bottom-color: #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3.tooltipster-left .tooltipster-arrow-background {
border-left-color: #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3.tooltipster-right .tooltipster-arrow-background {
border-right-color: #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-3.tooltipster-top .tooltipster-arrow-background {
border-top-color: #fc562e;
} .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4 .tooltipster-box {
background-color:#f2f2f2;
display: inline-block;
border-radius: 20px;
padding: 7px 16px;
box-shadow: 0 0 25px rgba(0,0,0,0.4);
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4 .tooltipster-content {
font-size: 12px;
color:#333333;
text-transform: capitalize;
font-family: 'Raleway',Sans-serif;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4.tooltipster-bottom .tooltipster-arrow-background{
border-bottom-color: #f2f2f2;
left: 0px;
top:1px;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4.tooltipster-left .tooltipster-arrow-background {
border-left-color: #f2f2f2;
left: -1px;
top: 0px;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4.tooltipster-right .tooltipster-arrow-background {
border-right-color: #f2f2f2;
left: 1px;
top: 0px;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-4.tooltipster-top .tooltipster-arrow-background {
border-top-color: #f2f2f2;
left: 0px;
top: -1px;
} .tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5 .tooltipster-box {
background-color:#333333;
display: inline-block;
border-radius: 3px;
padding: 7px 16px;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5 .tooltipster-content {
font-size: 11px;
color:#ffffff;
text-transform: capitalize;
font-family: 'Open Sans',Sans-serif;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-top .tooltipster-box {
border-bottom:3px solid #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-right .tooltipster-box {
border-left:3px solid #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-left .tooltipster-box {
border-right:3px solid #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-bottom .tooltipster-box {
border-top:3px solid #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5 .tooltipster-arrow-border {
border: 10px solid transparent;
left: 0;
top: 0;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-bottom .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-bottom .tooltipster-arrow-border {
border-bottom-color: #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-left .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-left .tooltipster-arrow-border {
border-left-color: #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-right .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-right .tooltipster-arrow-border {
border-right-color: #fc562e;
}
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-top .tooltipster-arrow-background,
.tooltipster-sidetip.tooltipster-noir.smls-tooltip-template-5.tooltipster-top .tooltipster-arrow-border {
border-top-color: #fc562e;
}.clearfix:after,
.clearfix:before {
content: "";
display: table;
clear: both;
}
.smls-main-logo-wrapper a {
-moz-transition:all 350ms ease-in-out;
-webkit-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
text-decoration: none;
border-bottom: 0;
box-shadow: none;
} .smls-item{
opacity:0.4;
transition:0.6s ease-in-out all;
-webkit-transition:0.6s ease-in-out all;
-moz-transition:0.6s ease-in-out all;
margin:0 10px;
transform:scale(0.9);
-webkit-transform:scale(0.9);
-moz-transform:scale(0.9);
-webkit-box-shadow: inset 0 0 10em 0 rgba(0,0,0,.75);
box-shadow: inset 0 0 10em 0 rgba(0,0,0,.75);
}
.owl-item.active.center .smls-item{
opacity:1;
transform:scale(1) translateZ(0);
-webkit-transform:scale(1) translateZ(0);
-moz-transform:scale(1) translateZ(0);
transform: scale(1.1);
-moz-transition: all 350ms ease-in-out;
-webkit-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}
.owl-item  {
-webkit-backface-visibility: hidden;
-webkit-transform: scale(1.0, 1.0);
}  .smls-main-logo-wrapper {
width: 100%;
margin:0 auto;
} .smls-grid-column-2 .smls-grid-image-wrap {
width:50%;
}
.smls-grid-column-3 .smls-grid-image-wrap
{
width:33.33%;
}
.smls-grid-column-4 .smls-grid-image-wrap {
width:25%;
}
.smls-grid-column-5 .smls-grid-image-wrap {
width:20%;
}
.smls-grid-column-6 .smls-grid-image-wrap {
width:16.667%;
} .smls-grid-container-template-1,
.smls-grid-container-template-2,
.smls-grid-container-template-3,
.smls-main-logo-wrapper .smls-thumbnails{
position: relative;
}
.smls-grid-container-template-1 .smls-grid-image-wrap,
.smls-grid-container-template-2 .smls-grid-image-wrap,
.smls-grid-container-template-3 .smls-grid-image-wrap,
.smls-main-logo-wrapper .smls-thumbnails .smls-tumb{
padding:20px;
background-color:transparent;
position: relative;
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
min-height: 130px;
max-height: 250px;
float: left;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content:center;
align-items:center;
}
.smls-grid-container-template-1 .smls-grid-image-wrap,
.smls-grid-container-template-2 .smls-grid-image-wrap {
min-height: 180px;
max-height: 180px;
height: 100px;
}
.smls-grid-container-template-1.smls-grid-column-5 .smls-grid-image-wrap,
.smls-grid-container-template-2.smls-grid-column-5 .smls-grid-image-wrap,
.smls-grid-container-template-1.smls-grid-column-6 .smls-grid-image-wrap,
.smls-grid-container-template-2.smls-grid-column-6 .smls-grid-image-wrap {
min-height: 160px;
max-height: 160px;
}
.smls-grid-container-template-1 .smls-grid-image-wrap:before,
.smls-grid-container-template-2 .smls-grid-image-wrap:before {
content: '';
position: absolute;
height: 100%;
top: 0;
left: -1px;
border-left: 1px solid #e9e9e9;
}
.smls-grid-container-template-1 .smls-grid-image-wrap:after,
.smls-grid-container-template-2 .smls-grid-image-wrap:after{
content: '';
position: absolute;
width: 100%;
height: 0;
left: 0;
top: auto;
bottom: -1px;
border-bottom: 1px solid #e9e9e9;
}
.smls-grid-container-template-1 {
overflow: hidden;
} .smls-grid-container-template-2 {
border:1px solid #e9e9e9;
}
.smls-grid-container-template-1[class*=smls-hover-type-] .smls-grid-image-wrap.smls-external-link-wrapper,
.smls-grid-container-template-2[class*=smls-hover-type-] .smls-grid-image-wrap.smls-external-link-wrapper {
padding: 0;
}
.smls-grid-container-template-1[class*=smls-hover-type-] .smls-grid-image-wrap.smls-external-link-wrapper .smls-url-link-only,
.smls-grid-container-template-2[class*=smls-hover-type-] .smls-grid-image-wrap.smls-external-link-wrapper .smls-url-link-only{
padding: 0 10px;
} .smls-grid-container-template-3 .smls-grid-image-wrap {
padding: 0;
min-height: 120px;
max-height: 250px;
overflow: hidden;
align-items:initial;
}
.smls-grid-container-template-3.smls-grid-column-5 .smls-grid-image-wrap{
max-height: 180px;
}
.smls-grid-container-template-3.smls-grid-column-6 .smls-grid-image-wrap{
max-height: 150px;
}
.smls-grid-container-template-3 .smls-grid-image-wrap img {
-webkit-transform:scale(1.02);
-moz-transform:scale(1.02);
transform:scale(1.02);
}
.smls-main-logo-wrapper .smls-grid-column-2 .smls-grid-image-wrap:nth-of-type(2n+1),
.smls-main-logo-wrapper .smls-grid-column-3 .smls-grid-image-wrap:nth-of-type(3n+1) {
clear: left;
}
.smls-grid-pad-container {
width: 100%;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content:center;
}
.smls-grid-container-template-1 .smls-grid-pad-container,
.smls-grid-container-template-2 .smls-grid-pad-container{
max-height: 140px;
}
.smls-grid-container-template-1.smls-grid-column-5 .smls-grid-pad-container,
.smls-grid-container-template-2.smls-grid-column-5 .smls-grid-pad-container,
.smls-grid-container-template-1.smls-grid-column-6 .smls-grid-pad-container,
.smls-grid-container-template-2.smls-grid-column-6 .smls-grid-pad-container{
max-height: 120px;
}
.smls-main-logo-wrapper .smls-url-link-only{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
border-bottom: 0;
box-shadow: none;
overflow: hidden;
}
.smls-main-logo-wrapper .smls-url-link-only img,
.smls-main-logo-wrapper .smls-gallery-wrap-template-2 a img,
.smls-main-logo-wrapper .smls-url-link-only:hover
{
-webkit-box-shadow:none;
box-shadow: none;
}
.smls-grid-container-template-3 .smls-grid-pad-container img,
.smls-grid-container-template-3 .smls-popup-wrap img,
.smls-grid-container-template-3 .smls-grid-each-item .smls-logo-inline-detail img {
width: 100%;
display: block;
}  .smls-carousel-arrow-type-1.owl-theme .owl-controls .owl-nav [class*=owl-]
{
background-color:#474747;
height: 30px;
width: 30px;
text-align: center;
line-height: 28px;
padding:0;
font-size: 18px;
color:#ffffff;
border-radius: 0;
position: absolute;
top:50%;
margin:0;
margin-top: -15px;
opacity: 0;
visibility: hidden;
border:0;
box-shadow: none;
-moz-transition:all 350ms ease-in-out;
-webkit-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-carousel-arrow-type-1.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background-color:rgba(71, 71, 71, 0.7);
}
.smls-carousel-arrow-type-1.owl-carousel .owl-controls .owl-nav .owl-prev
{
left:0px;
}
.smls-carousel-arrow-type-1.owl-carousel .owl-controls .owl-nav .owl-next {
right:0px;
}
.smls-carousel-arrow-type-1.owl-theme:hover .owl-nav [class*=owl-] {
opacity: 1;
visibility: visible;
} .smls-carousel-arrow-type-2.owl-theme .owl-controls .owl-nav [class*=owl-] {
background-color:#bcbcbc;
height: 40px;
width: 40px;
text-align: center;
line-height: 38px;
padding:0;
font-size: 18px;
color:#ffffff;
position: absolute;
top:50%;
margin:0;
margin-top: -20px;
border-radius: 0;
opacity: 0;
border:0;
box-shadow: none;
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-carousel-arrow-type-2.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background-color:#f6881f;
}
.smls-carousel-arrow-type-2.owl-theme:hover .owl-nav [class*=owl-]  {
opacity: 1;
}
.smls-carousel-arrow-type-2.owl-carousel .owl-controls .owl-nav .owl-prev {
left:5px;
}
.smls-carousel-arrow-type-2.owl-carousel .owl-controls .owl-nav .owl-next  {
right:5px;
} .smls-carousel-arrow-type-3.owl-theme .owl-controls .owl-nav [class*=owl-] {
background-color:transparent;
height: 26px;
width: 30px;
text-align: center;
line-height: 20px;
border:2px solid #e8e8e8;
padding:0;
font-size: 18px;
position: absolute;
color: #000000;
top:50%;
margin:0;
margin-top: -20px;
border-radius: 0;
opacity: 0;
box-shadow: none;
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-carousel-arrow-type-3.owl-theme .owl-controls .owl-nav [class*=owl-]:before  {
content:'';
position: absolute;
width: 0;
height:100%;
background-color:#f24831;
top:0;
left:0;
z-index: -1;
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-carousel-arrow-type-3.owl-carousel .owl-controls .owl-nav .owl-prev {
left:10px;
}
.smls-carousel-arrow-type-3.owl-carousel .owl-controls .owl-nav .owl-next {
right:10px;
}
.smls-carousel-arrow-type-3.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
border-color:#f24831;
color:#ffffff;
}
.smls-carousel-arrow-type-3.owl-theme .owl-controls .owl-nav [class*=owl-]:hover:before {
width: 100%;
}
.smls-carousel-arrow-type-3.owl-theme:hover .owl-nav [class*=owl-] {
opacity: 1;
} .smls-carousel-arrow-type-4.owl-theme .owl-controls .owl-nav [class*=owl-] {
background-color:transparent;
height: 40px;
width: 40px;
text-align: center;
line-height: 35px;
border:2px solid #cccccc;
padding:0;
font-size: 20px;
position: absolute;
color: #cccccc;
top:50%;
margin:0;
margin-top: -20px;
border-radius: 50%;
opacity: 0;
box-shadow: none;
visibility: hidden;
z-index: 99;
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-carousel-arrow-type-4.owl-carousel .owl-controls .owl-nav .owl-prev {
left:28px;
}
.smls-carousel-arrow-type-4.owl-carousel .owl-controls .owl-nav .owl-next {
right:28px;
}
.smls-carousel-arrow-type-4.owl-carousel:hover .owl-nav .owl-prev {
left: 8px;
opacity: 1;
visibility: visible;
}
.smls-carousel-arrow-type-4.owl-carousel:hover .owl-nav .owl-next {
right:8px;
opacity: 1;
visibility: visible;
}
.smls-carousel-arrow-type-4.owl-carousel .owl-controls .owl-nav [class*=owl-]:hover {
box-shadow: 0 0 10px rgba(0,0,0,0.3);
background-color:#e8e8e8;
color: #333333;
} .smls-main-logo-wrapper .smls-carousel-arrow-type-5.owl-theme
{
padding:0 45px;
}
.smls-carousel-arrow-type-5.owl-theme .owl-controls .owl-nav [class*=owl-] {
background-color:#75be08;
height: 34px;
width: 34px;
text-align: center;
line-height: 34px;
padding:0;
position: absolute;
color: #ffffff;
top:50%;
margin:0;
margin-top: -20px;
border-radius: 50%;
border:0;
box-shadow: none;
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-carousel-arrow-type-5.owl-carousel .owl-controls .owl-nav .owl-prev {
left:0;
}
.smls-carousel-arrow-type-5.owl-carousel .owl-controls .owl-nav .owl-next {
right:0;
}
.smls-carousel-arrow-type-5.owl-carousel .owl-controls .owl-nav .owl-prev:hover i {
-moz-animation:RightToLeft 350ms forwards;
-webkit-animation:RightToLeft 350ms forwards;
animation:RightToLeft 350ms forwards;
}
.smls-carousel-arrow-type-5.owl-carousel .owl-controls .owl-nav .owl-next:hover i {
-moz-animation: LeftToRight 350ms forwards;
-webkit-animation:LeftToRight 350ms forwards;
animation:LeftToRight 350ms forwards;
} .smls-carousel-logo.smls-text-arrow
{
padding-top: 50px;
}
.smls-text-arrow.owl-theme .owl-controls .owl-nav{
position: absolute;
top: 0;
right: 0;
}
.smls-text-arrow.owl-theme .owl-controls .owl-nav [class*=owl-] {
background: #fc562e;
padding: 10px 15px;
line-height: 1;
border-radius: 20px;
text-transform: uppercase;
font-size: 12px;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
letter-spacing: 1px;
}
.smls-text-arrow.owl-theme .owl-controls .owl-nav .owl-prev i {
margin-right: 8px;
}
.smls-text-arrow.owl-theme .owl-controls .owl-nav .owl-next i {
margin-left: 8px;
}
.smls-text-arrow.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
opacity: 0.8;
}  .smls-carousel-pager-template-2.owl-theme .owl-dots .owl-dot span {
background:#7c7c7c;
margin:4px;
position:relative;
}
.smls-carousel-pager-template-2.owl-theme .owl-dots .owl-dot span:before {
content:'';
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
border-radius: 50%;
z-index: 2;
background-color:#0d98dc;
-webkit-transform:scale(0);
-moz-transform:scale(0);
transform:scale(0);
webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-carousel-pager-template-2.owl-theme .owl-dots .owl-dot span:hover:before,
.smls-carousel-pager-template-2.owl-theme .owl-dots .owl-dot.active span:before {
-webkit-transform:scale(1);
-moz-transform:scale(1);
transform:scale(1);
} .smls-carousel-logo.owl-theme[class*=smls-carousel-arrow-type-][class*=smls-carousel-pager-template-] .owl-controls .owl-dots {
position: absolute;
width: 100%;
bottom:-45px;
left: 0;
}
.smls-carousel-logo.owl-theme[class*=smls-carousel-arrow-type-][class*=smls-carousel-pager-template-] {
margin-bottom: 50px;
}  .smls-carousel-logo.smls-carousel-template-1[class*=smls-carousel-arrow-type-] {
padding: 0 40px;
} .smls-carousel-template-2.owl-carousel .smls-carousel-four-items {
border:1px solid #eee;
}
.smls-carousel-template-2.owl-carousel .owl-stage-outer {
padding-bottom: 1px;
}
.smls-carousel-template-2.owl-carousel.smls-carousel-arrow-type-1 {
padding-left:40px;
padding-right: 40px;
}
.smls-carousel-template-2.owl-carousel.smls-carousel-arrow-type-2 {
padding-left:60px;
padding-right: 60px;
}
.smls-carousel-template-2.owl-carousel.smls-carousel-arrow-type-3 {
padding-left:50px;
padding-right:50px;
}
.smls-carousel-template-2.owl-carousel.smls-carousel-arrow-type-4 {
padding-left:60px;
padding-right: 60px;
} .smls-hover-type-1 .smls-grid-image-wrap img,
.smls-hover-type-1.smls-carousel-logo .smls-car-img-wrap img
{
-ms-filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-hover-type-1 .smls-grid-image-wrap:hover
{
background-color:#e9e9e9;
}
.smls-hover-type-1 .smls-grid-image-wrap:hover img,
.smls-hover-type-1.smls-carousel-logo .smls-car-img-wrap:hover img {
-ms-filter: grayscale(0.8);
-webkit-filter: grayscale(0.8);
-moz-filter: grayscale(0.8);
-o-filter: grayscale(0.8);
filter: grayscale(0.8);
}
.smls-hover-type-2 .smls-grid-image-wrap img,
.smls-hover-type-2.smls-carousel-logo .smls-car-img-wrap img
{
-ms-filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-hover-type-2 .smls-grid-image-wrap:hover {
background-color:#d5fcfd;
}
.smls-hover-type-2 .smls-grid-image-wrap:hover img,
.smls-hover-type-2.smls-carousel-logo .smls-car-img-wrap:hover img,
.smls-hover-type-2.smls-carousel-logo .owl-item.center img
{
-ms-filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}
.smls-hover-type-3 .smls-grid-image-wrap img,
.smls-hover-type-3.smls-carousel-logo .smls-car-img-wrap img
{
-webkit-transform:scale(1.02) translateZ(0);
-moz-transform:scale(1.02) translateZ(0);
transform:scale(1.02) translateZ(0);
-webkit-transition:all 350ms ease-in-out;
-moz-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-hover-type-3 .smls-grid-image-wrap:hover img,
.smls-hover-type-3.smls-carousel-logo .smls-car-img-wrap:hover img
{
-webkit-transform:scale(1.15);
-moz-transform:scale(1.15);
transform:scale(1.15);
}
.smls-hover-type-3.smls-carousel-logo .owl-item .smls-car-img-wrap {
overflow: hidden;
}
.smls-hover-type-3.smls-carousel-logo .owl-item .smls-row-image .smls-car-img-wrap {
overflow:visible;
}
.smls-main-logo-wrapper [class*=smls-hover-type-] .smls-grid-image-wrap.smls-active-inline img{
-moz-transform:none;
-webkit-transform:none;
transform:none;
-moz-filter:grayscale(0);
-webkit-filter:grayscale(0);
filter:grayscale(0);
opacity: 1;
}
.smls-main-logo-wrapper [class*=smls-hover-type-] .smls-list-image-wrap img {
cursor: pointer;
} .smls-overlay-effect .smls-grid-image-wrap {
position: relative;
}
.smls-overlay-effect .smls-overlay-wrap{
content:'';
position: absolute;
background-color:rgba(0,0,0,0.6);
top:0;
left:0;
right: 0;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
visibility: hidden;
-moz-transition:all 350ms ease-in-out;
-webkit-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-overlay-all-wrap {
position: absolute;
top:50%;
left:50%;
-moz-transform:translate(-50%,-50%) translateZ(0);
-webkit-transform:translate(-50%,-50%) translateZ(0);
transform:translate(-50%,-50%) translateZ(0);
z-index: 3;
opacity: 0;
visibility: hidden;
width: 100%;
text-align: center;
-moz-transition:all 350ms ease-in-out;
-webkit-transition:all 350ms ease-in-out;
transition:all 350ms ease-in-out;
}
.smls-overlay-title {
font-size: 16px;
font-family: 'Montserrat', Sans-serif;
font-weight: 300;
color:#ffffff;
text-align: center;
text-transform: capitalize;
-moz-transition:all 400ms ease-in-out;
-webkit-transition:all 400ms ease-in-out;
transition:all 400ms ease-in-out;
margin:0 auto 10px;
padding: 0 10px 10px;
position: relative;
line-height: 1.2;
-moz-transform:translateY(-10px);
-webkit-transform:translateY(-10px);
transform:translateY(-10px);
}
.smls-overlay-title:after {
content: '';
position: absolute;
width: 80%;
height: 1px;
bottom:0;
left: 0;
right:0;
margin:0 auto;
background-color:#ffffff;
}
.smls-overlay-effect .smls-link-style
{
display: inline-block;
position: relative;
cursor: pointer;
border-bottom: 0;
box-shadow: none;
-moz-transform:translateY(-20px);
-webkit-transform:translateY(-20px);
transform:translateY(-20px);
-moz-transition:all 500ms ease-in-out;
-webkit-transition:all 500ms ease-in-out;
transition:all 500ms ease-in-out;
}
.smls-overlay-effect .smls-link-style span
{
background-color:rgba(255, 0, 0, 0.6);
color:#ffffff;
font-size: 14px;
width: 35px;
height: 35px;
border-radius: 50%;
line-height: 35px;
text-align: center;
display: inline-block;
-moz-transition:all 400ms ease-in-out;
-webkit-transition:all 400ms ease-in-out;
transition:all 400ms ease-in-out;
}
.smls-overlay-effect .smls-grid-image-wrap:hover .smls-overlay-wrap,
.smls-carousel-logo.smls-overlay-effect .owl-item:hover .smls-overlay-wrap
{
opacity: 1;
visibility: visible;
}
.smls-overlay-effect .smls-grid-image-wrap:hover .smls-overlay-all-wrap,
.smls-carousel-logo.smls-overlay-effect .owl-item:hover .smls-overlay-all-wrap,
.smls-overlay-effect .smls-list-image-wrap:hover .smls-overlay-all-wrap
{
opacity: 1;
visibility: visible;
}
.smls-overlay-effect .smls-grid-image-wrap:hover .smls-link-style,
.smls-overlay-effect .smls-grid-image-wrap:hover .smls-overlay-title,
.smls-carousel-logo.smls-overlay-effect .owl-item:hover .smls-overlay-title,
.smls-carousel-logo.smls-overlay-effect .owl-item:hover .smls-link-style,
.smls-overlay-effect .smls-list-image-wrap:hover .smls-link-style,
.smls-overlay-effect .smls-list-image-wrap:hover .smls-overlay-title
{
-webkit-transform:translateY(0) translateZ(0);
-moz-transform:translateY(0) translateZ(0);
transform:translateY(0) translateZ(0);
-webkit-box-shadow: none;
box-shadow: none;
}
.smls-overlay-effect .smls-link-style:hover span
{
background-color:rgba(255, 0, 0, 1);
}  @-moz-keyframes LeftToRight {
49% {
-moz-transform:translate(100%);
-webkit-transform:translate(100%);
transform:translate(100%);
}
50% {
-moz-transform:translate(-100%);
-webkit-transform:translate(-100%);
transform:translate(-100%);
opacity: 0;
}
51% {
opacity: 1;
}
}
@-webkit-keyframes LeftToRight {
49% {
-moz-transform:translate(100%);
-webkit-transform:translate(100%);
transform:translate(100%);
}
50% {
-moz-transform:translate(-100%);
-webkit-transform:translate(-100%);
transform:translate(-100%);
opacity: 0;
}
51% {
opacity: 1;
}
}
@keyframes LeftToRight {
49% {
-moz-transform:translate(100%);
-webkit-transform:translate(100%);
transform:translate(100%);
}
50% {
-moz-transform:translate(-100%);
-webkit-transform:translate(-100%);
transform:translate(-100%);
opacity: 0;
}
51% {
opacity: 1;
}
} @-moz-keyframes RightToLeft {
49% {
-moz-transform:translate(-100%);
-webkit-transform:translate(-100%);
transform:translate(-100%);
}
50% {
-moz-transform:translate(100%);
-webkit-transform:translate(100%);
transform:translate(100%);
opacity: 0;
}
51% {
opacity: 1;
}
}
@-webkit-keyframes RightToLeft {
49% {
-moz-transform:translate(-100%);
-webkit-transform:translate(-100%);
transform:translate(-100%);
}
50% {
-moz-transform:translate(100%);
-webkit-transform:translate(100%);
transform:translate(100%);
opacity: 0;
}
51% {
opacity: 1;
}
}
@keyframes RightToLeft {
49% {
-moz-transform:translate(-100%);
-webkit-transform:translate(-100%);
transform:translate(-100%);
}
50% {
-moz-transform:translate(100%);
-webkit-transform:translate(100%);
transform:translate(100%);
opacity: 0;
}
51% {
opacity: 1;
}
}@media all and (min-width: 768px) and (max-width: 1024px){
.smls-main-logo-wrapper .smls-tablet-column-2 .smls-grid-each-item:nth-of-type(2n+1),
.smls-main-logo-wrapper .smls-tablet-column-2 .smls-grid-image-wrap:nth-of-type(2n+1),
.smls-main-logo-wrapper .smls-tablet-column-3 .smls-popup-wrap:nth-of-type(3n+1),
.smls-main-logo-wrapper .smls-tablet-column-3 .smls-grid-each-item:nth-of-type(3n+1),
.smls-main-logo-wrapper .smls-tablet-column-3 .smls-grid-image-wrap:nth-of-type(3n+1),
.smls-main-logo-wrapper .smls-tablet-column-4 .smls-popup-wrap:nth-of-type(4n+1),
.smls-main-logo-wrapper .smls-tablet-column-4 .smls-grid-each-item:nth-of-type(4n+1),
.smls-main-logo-wrapper .smls-tablet-column-4 .smls-grid-image-wrap:nth-of-type(4n+1) {
clear: left;
}
.ap-template-wise-design .ap-container-5 .ap-container.smls-temp-4-wrap {
max-width: 100%;
}
.smls-tablet-column-2 .smls-popup-wrap,
.smls-tablet-column-2 .smls-grid-each-item,
.smls-tablet-column-2 .smls-grid-image-wrap
{
width:50%;
}
.smls-tablet-column-3 .smls-popup-wrap,
.smls-tablet-column-3 .smls-grid-each-item,
.smls-tablet-column-3 .smls-grid-image-wrap
{
width:33.33%;
}
.smls-tablet-column-4 .smls-grid-each-item,
.smls-tablet-column-4 .smls-grid-image-wrap {
width:25%;
}
.smls-logo-inline-wrap {
padding: 20px;
}
.smls-inline-gallery-detail-wrap-template-1 a {
width: 23%;
margin: 0;
border:4px solid #eeeeee;
}
.smls-contact-block-template-1 .smls-social-icon-wrap {
margin:10px 0;
} .smls-main-logo-wrapper .smls-tooltip-title-template-1 {
width: 50%;
}
}
@media (max-width: 767px) {
.smls-main-logo-wrapper .smls-mobile-column-2 .smls-popup-wrap:nth-of-type(2n+1),
.smls-main-logo-wrapper .smls-mobile-column-2 .smls-grid-each-item:nth-of-type(2n+1),
.smls-main-logo-wrapper .smls-mobile-column-2 .smls-grid-image-wrap:nth-of-type(2n+1),
.smls-main-logo-wrapper .smls-mobile-column-3 .smls-popup-wrap:nth-of-type(3n+1),
.smls-main-logo-wrapper .smls-mobile-column-3 .smls-grid-each-item:nth-of-type(3n+1),
.smls-main-logo-wrapper .smls-mobile-column-3 .smls-grid-image-wrap:nth-of-type(3n+1) {
clear:left;
}
.smls-mobile-column-1 .smls-popup-wrap,
.smls-mobile-column-1 .smls-grid-each-item,
.smls-mobile-column-1 .smls-grid-image-wrap {
width:100%;
max-width: 320px;
margin:0 auto;
float: none;
}
.smls-resposive-wrap .smls-grid-container-template-1.smls-mobile-column-1 .smls-popup-wrap:before,
.smls-resposive-wrap .smls-grid-container-template-1.smls-mobile-column-1 .smls-grid-each-item:before,
.smls-resposive-wrap .smls-grid-container-template-1.smls-mobile-column-1 .smls-grid-image-wrap:before{
border-left: 0;
}
.smls-grid-container-template-2.smls-mobile-column-1 {
max-width:320px;
width:100%;
margin:0 auto;
}
.smls-mobile-column-2 .smls-popup-wrap,
.smls-mobile-column-2 .smls-grid-each-item,
.smls-mobile-column-2 .smls-grid-image-wrap {
width:50%;
}
.smls-overlay-effect .smls-link-style span,
.smls-overlay-effect .smls-popup-icon span,
.smls-overlay-effect .smls-inline-icon span {
width: 40px;
height: 40px;
font-size: 18px;
line-height: 40px;
}
}
@media (max-width: 640px) {
.smls-carousel-logo.smls-text-arrow {
padding-top: 70px;
}
}
@media (max-width: 480px){
.smls-grid-container-template-1 .smls-popup-wrap,
.smls-grid-container-template-1 .smls-grid-each-item,
.smls-grid-container-template-1 .smls-grid-image-wrap,
.smls-grid-container-template-2 .smls-popup-wrap,
.smls-grid-container-template-2 .smls-grid-each-item,
.smls-grid-container-template-2 .smls-grid-image-wrap
{
padding: 10px;
}
}
@media (max-width: 400px){
.smls-mobile-column-2 .smls-popup-wrap,
.smls-mobile-column-2 .smls-grid-each-item,
.smls-mobile-column-2 .smls-grid-image-wrap {
width:100%;
margin: 0;
}
.smls-main-logo-wrapper .smls-gallery-wrap-template-2 a,
.smls-main-logo-wrapper .smls-inline-3-gallery-wrap a {
width: 21%;
margin:2px;
}
.smls-main-logo-wrapper .smls-inline-gallery-detail-wrap-template-1 a{
width: 29%;
}
}.slick-loading .slick-list{background:#fff url(//f-df.pl/wp-content/plugins/wp-logo-showcase-responsive-slider-slider/assets/images/ajax-loader.gif) center center no-repeat}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.wpls-wrap, .wpls-wrap * {-webkit-box-sizing: border-box; box-sizing: border-box; outline: none;} .wpls-logo-clearfix:before, .wpls-logo-clearfix:after{content: "";display: table;}
.wpls-logo-clearfix::after{clear: both;}
.wpls-logo-clearfix{clear: both;}
.wpls-logo-showcase{visibility: hidden; opacity:0; -webkit-transition:opacity 0.5s linear; transition:opacity 0.5s linear;}
.wpls-logo-showcase.slick-initialized {visibility: visible; opacity:1;}
.wpls-logo-showcase{padding:0 30px 20px 30px; margin:0; text-align:center;}
.wpls-logo-showcase.wpls-dots-false{padding:0 30px 0px 30px !important;}
.wpls-logo-showcase .slick-next{right:0px !important;}
.wpls-logo-showcase .slick-prev{left:0px !important}
.wpls-logo-showcase .slick-dots{left:30px !important; right:30px !important; text-align:center;bottom:-10px !important; position: absolute;}
.wpls-logo-showcase .wpls-logo-cnt.slick-slide{margin:0 5px;}
.wpls-logo-showcase .wpls-fix-box{max-height: 250px; width: 100%; line-height: 0;}
.wpls-logo-showcase .wpls-logo-cnt.slick-slide img{display:inline-block !important; border-radius:0px !important; max-height:250px; max-width:100%; padding:10px; border:1px solid #f1f1f1; box-shadow:none !important }
.wpls-logo-showcase .slick-slide{  text-align:center !important; display: inline-block !important;   float:none !important;    vertical-align: middle !important;     }
.wpls-logo-showcase .slick-slide .logo-title{color:#444; padding:10px 0; font-size:16px;}
.wpls-logo-slider.wpls-center .slick-slide {opacity: 0.5; transform: scale(0.7); transition: all 300ms ease 0s;}
.wpls-logo-showcase.wpls-center .slick-center{opacity: 1;transform: scale(1);}
.wpls-logo-showcase .slick-arrow::before{display: none !important;}
.wpls-logo-showcase .wplss-logo-slide::before, .wpls-logo-showcase .wplss-logo-slide::after{display: none !important;}
.sliderimage_hide_border .wpls-logo-cnt.slick-slide img{padding:0px; border:0px solid #f1f1f1;}
@media screen and (max-width: 641px) {
.wpls-logo-showcase.wpls-center .slick-slide {opacity: 1;transform: scale(1); transition: all 300ms ease 0s;}
.wpls-logo-showcase.wpls-center .slick-center{opacity: 1;transform: scale(1);}
} .fusion-flex-container.wpls-fusion-flex{ flex-direction: column; }
.wpls-elementor-tab-wrap{min-width: 0; min-height: 0;} .wpls-logo-showcase .slick-arrow{position:absolute; z-index:9; padding:5px; display: inline-block; background-color: rgba(0, 0, 0, 0.5); text-align:center; width:30px; height:30px; cursor: pointer; border-radius: 50%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.wpls-logo-showcase .slick-arrow svg{fill: #fff; height: 100%; width: 100%;}
.wpls-logo-showcase .slick-arrow:hover{background-color: rgba(0, 0, 0, 0.7);}
.wpls-logo-showcase .slick-dots {padding:0 !important; margin:0 !important; text-align:center;}
.wpls-logo-showcase .slick-dots li {list-style:none !important; display:inline-block !important; line-height:0px !important; margin:0 3px !important; padding:0px !important; }
.wpls-logo-showcase .slick-dots li button {text-indent:-99999px;margin: 0px !important; padding: 0px !important; border: 2px solid #444 !important; border-radius: 50% !important; width: 12px !important; height: 12px !important; background-color:#fff; cursor:pointer;}
.wpls-logo-showcase .slick-dots li button:focus {outline:none !important}
.wpls-logo-showcase .slick-dots li.slick-active button {background:#8D8C8C !important;}.give-item-label-gray{background-color:#929292}.give-item-label-orange{background-color:#ffba00}.give-item-label{padding:.2em .4em .3em;font-size:11px;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.give-item-label:hover{color:#fff;text-decoration:none} [class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);transform:translateZ(0);visibility:hidden;opacity:0;z-index:1000000;pointer-events:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;transition:.3s ease;-webkit-transition-delay:0s;-moz-transition-delay:0s;transition-delay:0s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:"";position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label=""]:after,[aria-label=""]:before,[data-hint=""]:after,[data-hint=""]:before{display:none!important}.hint--top-left:before,.hint--top-right:before,.hint--top:before{border-top-color:#383838}.hint--bottom-left:before,.hint--bottom-right:before,.hint--bottom:before{border-bottom-color:#383838}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--top:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top:hover:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);transform:translateX(-50%)}.hint--bottom:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom:hover:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--top-left:hover:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--bottom-left:after,.hint--bottom-left:before{top:100%;left:50%}.hint--bottom-left:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-left:after{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);transform:translateX(-100%);margin-left:12px}.hint--bottom-left:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--bottom-left:hover:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--bottom-right:after,.hint--bottom-right:before{top:100%;left:50%}.hint--bottom-right:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom-right:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);transform:translateX(0);margin-left:-12px}.hint--bottom-right:hover:after,.hint--bottom-right:hover:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--large:after,.hint--medium:after,.hint--small:after{white-space:normal;line-height:1.4em;word-wrap:break-word}.hint--small:after{width:80px}.hint--medium:after{width:150px}.hint--large:after{width:300px}.hint--error:after{background-color:#b34e4d;text-shadow:0 -1px 0 #592726}.hint--error.hint--top-left:before,.hint--error.hint--top-right:before,.hint--error.hint--top:before{border-top-color:#b34e4d}.hint--error.hint--bottom-left:before,.hint--error.hint--bottom-right:before,.hint--error.hint--bottom:before{border-bottom-color:#b34e4d}.hint--error.hint--left:before{border-left-color:#b34e4d}.hint--error.hint--right:before{border-right-color:#b34e4d}.hint--warning:after{background-color:#c09854;text-shadow:0 -1px 0 #6c5328}.hint--warning.hint--top-left:before,.hint--warning.hint--top-right:before,.hint--warning.hint--top:before{border-top-color:#c09854}.hint--warning.hint--bottom-left:before,.hint--warning.hint--bottom-right:before,.hint--warning.hint--bottom:before{border-bottom-color:#c09854}.hint--warning.hint--left:before{border-left-color:#c09854}.hint--warning.hint--right:before{border-right-color:#c09854}.hint--info:after{background-color:#3986ac;text-shadow:0 -1px 0 #1a3c4d}.hint--info.hint--top-left:before,.hint--info.hint--top-right:before,.hint--info.hint--top:before{border-top-color:#3986ac}.hint--info.hint--bottom-left:before,.hint--info.hint--bottom-right:before,.hint--info.hint--bottom:before{border-bottom-color:#3986ac}.hint--info.hint--left:before{border-left-color:#3986ac}.hint--info.hint--right:before{border-right-color:#3986ac}.hint--success:after{background-color:#458746;text-shadow:0 -1px 0 #1a321a}.hint--success.hint--top-left:before,.hint--success.hint--top-right:before,.hint--success.hint--top:before{border-top-color:#458746}.hint--success.hint--bottom-left:before,.hint--success.hint--bottom-right:before,.hint--success.hint--bottom:before{border-bottom-color:#458746}.hint--success.hint--left:before{border-left-color:#458746}.hint--success.hint--right:before{border-right-color:#458746}.hint--always:after,.hint--always:before{opacity:1;visibility:visible}.hint--always.hint--top:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top:after{-webkit-transform:translateX(-50%) translateY(-8px);-moz-transform:translateX(-50%) translateY(-8px);transform:translateX(-50%) translateY(-8px)}.hint--always.hint--top-left:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--top-left:after{-webkit-transform:translateX(-100%) translateY(-8px);-moz-transform:translateX(-100%) translateY(-8px);transform:translateX(-100%) translateY(-8px)}.hint--always.hint--top-right:after,.hint--always.hint--top-right:before{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);transform:translateY(-8px)}.hint--always.hint--bottom:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom:after{-webkit-transform:translateX(-50%) translateY(8px);-moz-transform:translateX(-50%) translateY(8px);transform:translateX(-50%) translateY(8px)}.hint--always.hint--bottom-left:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--bottom-left:after{-webkit-transform:translateX(-100%) translateY(8px);-moz-transform:translateX(-100%) translateY(8px);transform:translateX(-100%) translateY(8px)}.hint--always.hint--bottom-right:after,.hint--always.hint--bottom-right:before{-webkit-transform:translateY(8px);-moz-transform:translateY(8px);transform:translateY(8px)}.hint--always.hint--left:after,.hint--always.hint--left:before{-webkit-transform:translateX(-8px);-moz-transform:translateX(-8px);transform:translateX(-8px)}.hint--always.hint--right:after,.hint--always.hint--right:before{-webkit-transform:translateX(8px);-moz-transform:translateX(8px);transform:translateX(8px)}.hint--rounded:after{border-radius:4px}.hint--no-animate:after,.hint--no-animate:before{-webkit-transition-duration:0s;-moz-transition-duration:0s;transition-duration:0s}.hint--bounce:after,.hint--bounce:before{-webkit-transition:opacity .3s ease,visibility .3s ease,-webkit-transform .3s cubic-bezier(.71,1.7,.77,1.24);-moz-transition:opacity .3s ease,visibility .3s ease,-moz-transform .3s cubic-bezier(.71,1.7,.77,1.24);transition:opacity .3s ease,visibility .3s ease,transform .3s cubic-bezier(.71,1.7,.77,1.24)} [id*=give-form].give-fl-form .give-fl-wrap{position:relative;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[id*=give-form].give-fl-form input.give-fl-input,[id*=give-form].give-fl-form select.give-fl-select,[id*=give-form].give-fl-form textarea.give-fl-textarea{width:100%;outline:0;font-size:16px;line-height:normal;border-radius:0;border:1px solid #ccc;background-color:inherit;box-sizing:border-box;transition:all .2s ease-in-out;margin-bottom:0}[id*=give-form].give-fl-form input.give-fl-input:-moz-placeholder,[id*=give-form].give-fl-form input.give-fl-input::-moz-placeholder,[id*=give-form].give-fl-form select.give-fl-select:-moz-placeholder,[id*=give-form].give-fl-form select.give-fl-select::-moz-placeholder,[id*=give-form].give-fl-form textarea.give-fl-textarea:-moz-placeholder,[id*=give-form].give-fl-form textarea.give-fl-textarea::-moz-placeholder{color:#757575}[id*=give-form].give-fl-form input.give-fl-input:-ms-input-placeholder,[id*=give-form].give-fl-form select.give-fl-select:-ms-input-placeholder,[id*=give-form].give-fl-form textarea.give-fl-textarea:-ms-input-placeholder{color:#757575}[id*=give-form].give-fl-form input.give-fl-input::-webkit-input-placeholder,[id*=give-form].give-fl-form select.give-fl-select::-webkit-input-placeholder,[id*=give-form].give-fl-form textarea.give-fl-textarea::-webkit-input-placeholder{color:#757575}[id*=give-form].give-fl-form select.give-fl-select{position:relative;color:#757575;cursor:pointer;-webkit-appearance:none;-moz-appearance:none}[id*=give-form].give-fl-form .give-fl-is-active input.give-fl-input,[id*=give-form].give-fl-form .give-fl-is-active select.give-fl-select,[id*=give-form].give-fl-form .give-fl-is-active textarea.give-fl-textarea{color:#333;background-color:inherit;border-color:#ccc}[id*=give-form].give-fl-form .give-fl-has-focus input.give-fl-input,[id*=give-form].give-fl-form .give-fl-has-focus select.give-fl-select,[id*=give-form].give-fl-form .give-fl-has-focus textarea.give-fl-textarea{background-color:inherit;border-color:#ccc}[id*=give-form].give-fl-form label.give-fl-label{opacity:0;visibility:hidden;display:block;position:absolute;top:-12px;left:0;font-size:12px;font-weight:700;line-height:1;color:#757575;border-radius-top-left:0;transition:all .2s ease-in-out;z-index:1}[id*=give-form].give-fl-form .give-fl-is-active label.give-fl-label{opacity:1;visibility:visible}[id*=give-form].give-fl-form .give-fl-has-focus label.give-fl-label{color:#1976d2}[id*=give-form].give-fl-form .give-fl-is-required:before{opacity:1;content:"*";display:block;position:absolute;top:1px;right:18px;font-size:16px;line-height:1.75;color:#d32f2f;transition:all .2s ease-in-out;padding:6px 0 0;z-index:1}[id*=give-form].give-fl-form .give-fl-is-required.give-fl-is-active:before{opacity:0}[id*=give-form].give-fl-form.give-fl-style-1 input.give-fl-input,[id*=give-form].give-fl-form.give-fl-style-1 select.give-fl-select,[id*=give-form].give-fl-form.give-fl-style-1 textarea.give-fl-textarea{padding:6px 12px}[id*=give-form].give-fl-form.give-fl-style-1 select.give-fl-select{height:44px}[id*=give-form].give-fl-form.give-fl-style-1 .give-fl-is-active input.give-fl-input,[id*=give-form].give-fl-form.give-fl-style-1 .give-fl-is-active select.give-fl-select,[id*=give-form].give-fl-form.give-fl-style-1 .give-fl-is-active textarea.give-fl-textarea{padding:6px 12px}[id*=give-form].give-fl-form.give-fl-style-1 label.give-fl-label{top:1px;left:10px;background-color:transparent;padding:12px 3px}[id*=give-form].give-fl-form.give-fl-style-1 label.give-fl-label:before{content:"";display:block;position:absolute;top:19px;left:0;right:0;height:1px;background-color:inherit;z-index:-1}[id*=give-form].give-fl-form.give-fl-style-1 .give-fl-is-active label.give-fl-label{top:-9px;padding:3px}[id*=give-form].give-fl-form.give-fl-style-1 .give-fl-is-active label.give-fl-label:before{top:9px}[id*=give-form].give-fl-form.give-fl-style-2 input.give-fl-input,[id*=give-form].give-fl-form.give-fl-style-2 select.give-fl-select,[id*=give-form].give-fl-form.give-fl-style-2 textarea.give-fl-textarea{padding:12px}[id*=give-form].give-fl-form.give-fl-style-2 select.give-fl-select{height:56px}[id*=give-form].give-fl-form.give-fl-style-2 .give-fl-is-active input.give-fl-input,[id*=give-form].give-fl-form.give-fl-style-2 .give-fl-is-active select.give-fl-select,[id*=give-form].give-fl-form.give-fl-style-2 .give-fl-is-active textarea.give-fl-textarea{padding:18px 12px 6px}[id*=give-form].give-fl-form.give-fl-style-2 label.give-fl-label{top:1px;left:10px;padding:6px 3px 3px}[id*=give-form].give-fl-form.give-fl-style-2 .give-fl-is-required:before{padding-top:12px}[id*=give-form].give-fl-form .give-fl-wrap-select:after{content:"";position:absolute;display:block;top:1px;right:6px;height:calc(100% - 2px);width:15px;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 16'><path fill='#757575' d='M 4 0 L 0 6.5 L 8 6.5 L 4 0 z M 0 9.5 L 4 16 L 4 16 L 8 9.5 z'/></svg>") no-repeat;background-position:100% 50%;background-size:7px 14px;z-index:2}.mfp-bg{z-index:1000001;overflow:hidden;background:#0b0b0b;opacity:.8}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1000002;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:1000004}.mfp-ajax-holder .mfp-content,.mfp-inline-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-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-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:-.8em;left:8px;right:8px;z-index:1000003}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1000005;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:.65;padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-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:.65;top:50%;margin:-55px 0 0;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow:after,.mfp-arrow:before{content:"";display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border: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:.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,.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{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,.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-height:300px),screen and (max-width:800px) and (orientation:landscape){.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,.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,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.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}}@font-face{font-family:give-icomoon;src:url(//f-df.pl/wp-content/plugins/give/assets/dist/fonts/icomoon.eot);src:url(//f-df.pl/wp-content/plugins/give/assets/dist/fonts/icomoon.eot#iefix) format("embedded-opentype"),url(//f-df.pl/wp-content/plugins/give/assets/dist/fonts/icomoon.woff) format("woff"),url(//f-df.pl/wp-content/plugins/give/assets/dist/images/icomoon.svg#icomoon) format("svg");font-weight:400;font-style:normal}.give-icon:before{font-style:normal}[class*=" give-icon-"],[class^=give-icon-]{font-family:give-icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.give-icon-lamp:before{content:"\e603"}.give-icon-heart:before{content:"\e604"}.give-icon-question:before{content:"\e602"}.give-icon-info:before{content:"\e601"}.give-icon-new-tab:before{content:"\ea7e"}.give-icon-alert:before{content:"\f02d"}.give-icon-help:before{content:"\e606"}.give-icon-spinner:before{content:"\e605"}.give-button-with-loader span.give-loading-animation:before,.give-icon-spinner2:before,form[id*=give-form] .give-loading-animation:before{content:"\e607"}.give-icon-plus:before{content:"\e040"}.give-icon-minus:before{content:"\e041"}.give-icon-locked:before,[id*=give_secure_site_wrapper] span.padlock:before{content:"\e600"}.dashicons-give:before{font-family:give-icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\e800"}.fa-spin,.give-button-with-loader span.give-loading-animation,form[id*=give-form] .give-loading-animation{-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}body.give_receipt_page{background-color:#fff;color:#141412;margin:0;font-family:Helvetica,sans-serif;font-size:12px}body.give_receipt_page #give_receipt_wrapper{width:660px;margin:0 auto;padding:50px 0}body.give_receipt_page table{display:table;width:100%;border-bottom:1px solid #ededed;border-collapse:collapse;border-spacing:0;font-size:14px;line-height:2;margin:0 0 20px}body.give_receipt_page td,body.give_receipt_page th{display:table-cell;text-align:left;border-top:1px solid #ededed;padding:6px 10px 6px 0;font-weight:400}body.give_receipt_page th{font-weight:700;text-transform:uppercase}body.give_receipt_page h3{font-size:22px;margin:40px 0 5px;clear:both;display:block;font-weight:700}table#give_donation_receipt,table#give_donation_receipt_products{width:100%}table#give_donation_receipt td,table#give_donation_receipt th{text-align:left}table#give_donation_receipt .give-receipt-thead-text{font-size:18px;text-align:center;display:block}table#give_donation_receipt .give-receipt-thead-text>span{font-size:16px}table#give_donation_receipt li{margin:0 0 8px 10px}table#give_donation_receipt ul{margin:0;padding:0;list-style:none}table#give_donation_receipt .give_receipt_payment_status.failed,table#give_donation_receipt .give_receipt_payment_status.pending,table#give_donation_receipt .give_receipt_payment_status.revoked{color:#f73f2e}table#give_donation_receipt span.donation-level-text-wrap{font-style:italic;display:block}[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input,[id*=give-form].give-fl-form.give-fl-style-give select.give-fl-select,[id*=give-form].give-fl-form.give-fl-style-give textarea.give-fl-textarea{line-height:inherit;padding:12px;background-color:#fff}[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=email],[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=number],[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=password],[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=search],[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=tel],[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=text],[id*=give-form].give-fl-form.give-fl-style-give input.give-fl-input[type=url]{height:auto;min-height:50px}[id*=give-form].give-fl-form.give-fl-style-give select.give-fl-select{line-height:inherit}[id*=give-form].give-fl-form.give-fl-style-give .give-fl-is-active input.give-fl-input,[id*=give-form].give-fl-form.give-fl-style-give .give-fl-is-active select.give-fl-select,[id*=give-form].give-fl-form.give-fl-style-give .give-fl-is-active textarea.give-fl-textarea{padding:20px 12px 4px;transition:padding .2s ease-in-out,border .2s ease-in-out}[id*=give-form].give-fl-form.give-fl-style-give label.give-fl-label{top:1px;left:13px;right:0;padding:6px 0 0}[id*=give-form].give-fl-form.give-fl-style-give .give-fl-is-required:before{padding-top:12px}[id*=give-form].give-fl-form.give-fl-style-give label.give-fl-label .give-required-indicator{display:none}[id*=give-form].give-fl-form.give-fl-style-give label.give-fl-label .give-tooltip{position:absolute;top:0;width:100%;height:100%;margin:0;z-index:1}[id*=give-form].give-fl-form.give-fl-style-give label.give-fl-label .give-tooltip:before{content:unset}.give-clearfix{*zoom:1}.give-clearfix:after,.give-clearfix:before{content:" ";display:table}.give-clearfix:after{clear:both}[id*=give-form] .give-hidden{display:none}[id*=give-form] fieldset{background-color:transparent;padding:0;margin:0;border:0}[id*=give-form] .give-form-title{padding:0;margin:0 0 15px}[id*=give-form] div#give-sidebar-left{width:38%;float:left}[id*=give-form] div.images{margin:0 0 15px}[id*=give-form] div.images img{display:block;width:100%;height:auto;box-shadow:none}[id*=give-form] .give-custom-amount-text{clear:both}[id*=give-form] div.summary{width:58%;float:right}[id*=give-form] div.summary.give-full-width{width:100%;float:none}[id*=give-form] .give_form select.give-select.required{color:#000}[id*=give-form] div.give-form-content-wrap{margin:0 0 20px}[id*=give-form] div.give-form-content-wrap.give_post_form-content{margin:20px 0 0}[id*=give-form].give-display-modal form .give_notices{display:none}[id*=give-form].give-display-modal .give-btn,[id*=give-form].give-display-reveal .give-btn{margin:0 0 15px}[id*=give-form].give-display-modal #give-payment-mode-select,[id*=give-form].give-display-modal #give_purchase_form_wrap,[id*=give-form].give-display-reveal #give-payment-mode-select,[id*=give-form].give-display-reveal #give_purchase_form_wrap{display:none}[id*=give-form] .cc-address{margin-bottom:15px}.single-give_forms.et_right_sidebar #main-content .container:before{display:none}.single-give_forms .give_forms{*zoom:1}.single-give_forms .give_forms:after,.single-give_forms .give_forms:before{content:" ";display:table}.single-give_forms .give_forms:after{clear:both}#give-purchase-gravatars .give-gravatars-title{margin:0 0 15px}#give-purchase-gravatars .give-purchase-gravatars-list{list-style:none;margin:0;padding:0}#give-purchase-gravatars .give-purchase-gravatars-list li{list-style-type:none;display:inline-block;margin:0 5px 0 0;padding:0}#give-recurring-form,form.give-form,form[id*=give-form]{margin:0 0 25px;padding:0}#give-recurring-form .give-hidden,form.give-form .give-hidden,form[id*=give-form] .give-hidden{display:none}@media (min-width:481px){#give-recurring-form .give-title-prefix-wrap .form-row-first,#give-recurring-form .give-title-prefix-wrap .form-row-last,form.give-form .give-title-prefix-wrap .form-row-first,form.give-form .give-title-prefix-wrap .form-row-last,form[id*=give-form] .give-title-prefix-wrap .form-row-first,form[id*=give-form] .give-title-prefix-wrap .form-row-last{float:left;width:40%}#give-recurring-form .give-title-prefix-wrap .form-row-title,form.give-form .give-title-prefix-wrap .form-row-title,form[id*=give-form] .give-title-prefix-wrap .form-row-title{float:left;width:15%}}#give-recurring-form .give-tooltip,form.give-form .give-tooltip,form[id*=give-form] .give-tooltip{margin:0 3px;padding:0;font-size:14px;-moz-transition:.2s all linear;-o-transition:.2s all linear;transition:all .2s linear;color:rgba(51,51,51,.5)}#give-recurring-form .give-tooltip:hover,form.give-form .give-tooltip:hover,form[id*=give-form] .give-tooltip:hover{color:#333}#give-recurring-form h3.give-section-break,#give-recurring-form h4.give-section-break,#give-recurring-form legend,form.give-form h3.give-section-break,form.give-form h4.give-section-break,form.give-form legend,form[id*=give-form] h3.give-section-break,form[id*=give-form] h4.give-section-break,form[id*=give-form] legend{background-color:transparent;font-size:1.15em;font-weight:700;margin:10px 0 15px;padding:0 0 5px;border-bottom:1px solid rgba(0,0,0,.1);width:100%}#give-recurring-form h3.give-section-break span.sub-text,#give-recurring-form h4.give-section-break span.sub-text,#give-recurring-form legend span.sub-text,form.give-form h3.give-section-break span.sub-text,form.give-form h4.give-section-break span.sub-text,form.give-form legend span.sub-text,form[id*=give-form] h3.give-section-break span.sub-text,form[id*=give-form] h4.give-section-break span.sub-text,form[id*=give-form] legend span.sub-text{font-style:italic;font-weight:400}#give-recurring-form .form-row,form.give-form .form-row,form[id*=give-form] .form-row{*zoom:1;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 15px;overflow:visible;padding:0}#give-recurring-form .form-row:after,#give-recurring-form .form-row:before,form.give-form .form-row:after,form.give-form .form-row:before,form[id*=give-form] .form-row:after,form[id*=give-form] .form-row:before{content:" ";display:table}#give-recurring-form .form-row:after,form.give-form .form-row:after,form[id*=give-form] .form-row:after{clear:both}#give-recurring-form .form-row:last-child,form.give-form .form-row:last-child,form[id*=give-form] .form-row:last-child{margin-bottom:15px}#give-recurring-form .form-row label,form.give-form .form-row label,form[id*=give-form] .form-row label{display:block;margin:0 0 5px;position:relative;line-height:1.7}#give-recurring-form .form-row label.checkbox,form.give-form .form-row label.checkbox,form[id*=give-form] .form-row label.checkbox{display:inline}#give-recurring-form .form-row input[type=email],#give-recurring-form .form-row input[type=password],#give-recurring-form .form-row input[type=tel],#give-recurring-form .form-row input[type=text],#give-recurring-form .form-row input[type=url],#give-recurring-form .form-row select,#give-recurring-form .form-row textarea,form.give-form .form-row input[type=email],form.give-form .form-row input[type=password],form.give-form .form-row input[type=tel],form.give-form .form-row input[type=text],form.give-form .form-row input[type=url],form.give-form .form-row select,form.give-form .form-row textarea,form[id*=give-form] .form-row input[type=email],form[id*=give-form] .form-row input[type=password],form[id*=give-form] .form-row input[type=tel],form[id*=give-form] .form-row input[type=text],form[id*=give-form] .form-row input[type=url],form[id*=give-form] .form-row select,form[id*=give-form] .form-row textarea{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border-radius:0;outline:none;color:#333;background-color:#fdfdfd;border:1px solid #ccc;margin:0;padding:.5em}#give-recurring-form .form-row input[type=email]:focus,#give-recurring-form .form-row input[type=password]:focus,#give-recurring-form .form-row input[type=tel]:focus,#give-recurring-form .form-row input[type=text]:focus,#give-recurring-form .form-row input[type=url]:focus,#give-recurring-form .form-row select:focus,#give-recurring-form .form-row textarea:focus,form.give-form .form-row input[type=email]:focus,form.give-form .form-row input[type=password]:focus,form.give-form .form-row input[type=tel]:focus,form.give-form .form-row input[type=text]:focus,form.give-form .form-row input[type=url]:focus,form.give-form .form-row select:focus,form.give-form .form-row textarea:focus,form[id*=give-form] .form-row input[type=email]:focus,form[id*=give-form] .form-row input[type=password]:focus,form[id*=give-form] .form-row input[type=tel]:focus,form[id*=give-form] .form-row input[type=text]:focus,form[id*=give-form] .form-row input[type=url]:focus,form[id*=give-form] .form-row select:focus,form[id*=give-form] .form-row textarea:focus{background-color:#fff}#give-recurring-form .form-row input[type=email].required,#give-recurring-form .form-row input[type=password].required,#give-recurring-form .form-row input[type=tel].required,#give-recurring-form .form-row input[type=text].required,#give-recurring-form .form-row input[type=url].required,#give-recurring-form .form-row select.required,#give-recurring-form .form-row textarea.required,form.give-form .form-row input[type=email].required,form.give-form .form-row input[type=password].required,form.give-form .form-row input[type=tel].required,form.give-form .form-row input[type=text].required,form.give-form .form-row input[type=url].required,form.give-form .form-row select.required,form.give-form .form-row textarea.required,form[id*=give-form] .form-row input[type=email].required,form[id*=give-form] .form-row input[type=password].required,form[id*=give-form] .form-row input[type=tel].required,form[id*=give-form] .form-row input[type=text].required,form[id*=give-form] .form-row input[type=url].required,form[id*=give-form] .form-row select.required,form[id*=give-form] .form-row textarea.required{color:#333}#give-recurring-form .form-row-first,#give-recurring-form .form-row-title,form.give-form .form-row-first,form.give-form .form-row-title,form[id*=give-form] .form-row-first,form[id*=give-form] .form-row-title{margin-right:2.5%}#give-recurring-form .form-row-first,#give-recurring-form .form-row-last,form.give-form .form-row-first,form.give-form .form-row-last,form[id*=give-form] .form-row-first,form[id*=give-form] .form-row-last{float:left;width:48.5%}#give-recurring-form .form-row-last,form.give-form .form-row-last,form[id*=give-form] .form-row-last{float:right}#give-recurring-form .form-row-wide,form.give-form .form-row-wide,form[id*=give-form] .form-row-wide{*zoom:1;clear:both}#give-recurring-form .form-row-wide:after,#give-recurring-form .form-row-wide:before,form.give-form .form-row-wide:after,form.give-form .form-row-wide:before,form[id*=give-form] .form-row-wide:after,form[id*=give-form] .form-row-wide:before{content:" ";display:table}#give-recurring-form .form-row-wide:after,form.give-form .form-row-wide:after,form[id*=give-form] .form-row-wide:after{clear:both}#give-recurring-form .form-row-two-thirds,form.give-form .form-row-two-thirds,form[id*=give-form] .form-row-two-thirds{float:left;width:65.75%}#give-recurring-form .form-row-two-thirds.form-row-first,form.give-form .form-row-two-thirds.form-row-first,form[id*=give-form] .form-row-two-thirds.form-row-first{margin-left:0}#give-recurring-form .form-row-one-third,form.give-form .form-row-one-third,form[id*=give-form] .form-row-one-third{float:left;width:31.25%;margin-left:3%}#give-recurring-form .form-row-one-third.form-row-first,form.give-form .form-row-one-third.form-row-first,form[id*=give-form] .form-row-one-third.form-row-first{margin-left:0}@media (max-width:480px){#give-recurring-form .form-row-responsive,form.give-form .form-row-responsive,form[id*=give-form] .form-row-responsive{margin-left:0;margin-right:0;width:100%}}#give-recurring-form .give-error,#give-recurring-form .give-required-indicator,form.give-form .give-error,form.give-form .give-required-indicator,form[id*=give-form] .give-error,form[id*=give-form] .give-required-indicator{color:#a00}#give-recurring-form .card-expiration>select,form.give-form .card-expiration>select,form[id*=give-form] .card-expiration>select{width:44%;margin:0}#give-recurring-form .card-expiration>span.exp-divider,form.give-form .card-expiration>span.exp-divider,form[id*=give-form] .card-expiration>span.exp-divider{display:inline;text-align:center}#give-recurring-form .card-expiration select.card-expiry-year,form.give-form .card-expiration select.card-expiry-year,form[id*=give-form] .card-expiration select.card-expiry-year{float:right}#give-recurring-form .give-disabled,#give-recurring-form [disabled],form.give-form .give-disabled,form.give-form [disabled],form[id*=give-form] .give-disabled,form[id*=give-form] [disabled]{cursor:not-allowed}form[id*=give-form] .give-donation-amount{margin:0 0 15px}form[id*=give-form] .give-donation-amount .give-currency-symbol{background-color:#f2f2f2;border-top:1px solid #ccc;border-bottom:1px solid #ccc;color:#333;margin:0;padding:0 12px;height:35px;line-height:35px;font-size:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left}form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-before{border-left:1px solid #ccc;border-right:none}form[id*=give-form] .give-donation-amount .give-currency-symbol.give-currency-position-after{border-left:none;border-right:1px solid #ccc}form[id*=give-form] .give-donation-amount #give-amount,form[id*=give-form] .give-donation-amount #give-amount-text{border:1px solid #ccc;background:#fff;border-radius:0;height:35px;line-height:35px;padding:0 12px;margin:0;font-size:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;min-width:125px;float:left}form[id*=give-form] .give-donation-amount #give-amount-text.invalid-amount,form[id*=give-form] .give-donation-amount #give-amount.invalid-amount{border:1px solid red}form[id*=give-form] .give-donation-amount input.give-amount-top{width:125px}form[id*=give-form] .give-donation-amount span.give-final-total-amount{border:1px solid #ccc;border-radius:0;height:35px;line-height:35px;padding:0 12px;margin:0;font-size:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;cursor:not-allowed;background:#fff;float:left}form[id*=give-form] #give_terms_agreement legend{display:none}form[id*=give-form] #give_terms_agreement label{display:inline-block}form[id*=give-form] #give-final-total-wrap{margin:10px 0 25px;padding:0;*zoom:1}form[id*=give-form] #give-final-total-wrap:after,form[id*=give-form] #give-final-total-wrap:before{content:" ";display:table}form[id*=give-form] #give-final-total-wrap:after{clear:both}form[id*=give-form] #give-final-total-wrap .give-donation-total-label{background-color:#f2f2f2;color:#333;margin:0;padding:0 12px;height:35px;line-height:35px;font-size:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;border:1px solid #ccc}@media (max-width:480px){form[id*=give-form] #give-final-total-wrap .give-donation-total-label{display:block;float:none}}form[id*=give-form] #give-final-total-wrap .give-final-total-amount{background:#fff;border-radius:0;height:35px;line-height:35px;padding:0 12px;margin:0;font-size:18px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:1px solid #ccc;border-left:none;float:left}@media (max-width:480px){form[id*=give-form] #give-final-total-wrap .give-final-total-amount{border:1px solid #ccc;border-top:0;display:block;float:none}}.give-display-button-only>:not(form),.give-display-button-only form[id*=give-form]>:not(.give-btn-modal){display:none}form[id*=give-form] input[type=radio]{margin:0 .5em 0 0}form[id*=give-form] #give-donation-level-radio-list{margin:0 0 15px;padding:0;list-style:none;clear:both}form[id*=give-form] #give-donation-level-radio-list>li{list-style-type:none;list-style-image:none;margin:0;padding:0}form[id*=give-form] #give-donation-level-radio-list>li label{cursor:pointer;display:inline-block;margin:0}form[id*=give-form] #give-donation-level-radio-list>li input[type=radio]{margin:0 .5em 0 0;outline:none;width:auto}form[id*=give-form] #give-gateway-radio-list{*zoom:1;margin:0 0 15px;padding:0;list-style:none}form[id*=give-form] #give-gateway-radio-list:after,form[id*=give-form] #give-gateway-radio-list:before{content:" ";display:table}form[id*=give-form] #give-gateway-radio-list:after{clear:both}form[id*=give-form] #give-gateway-radio-list>li{list-style-type:none;list-style-image:none;margin:0;padding:0}@media (min-width:480px){form[id*=give-form] #give-gateway-radio-list>li{display:inline-block;margin-right:15px;margin-left:0}}form[id*=give-form] #give-gateway-radio-list>li label.give-gateway-option{cursor:pointer;display:inline;margin:0}form[id*=give-form] #give-gateway-radio-list>li input[type=radio]{margin:0 .25em 0 0;outline:none;width:auto;display:inline}form[id*=give-form] input[type=checkbox]{margin:0 .25em 0 0}form[id*=give-form] select.give-select-level{outline:none;border-radius:0;min-width:155px;border:1px solid #ccc;margin:0 0 15px;display:block;clear:both;color:#333;background-color:#fdfdfd;padding:.5em;max-width:100%}#give-donation-level-button-wrap{*zoom:1;margin:0 0 15px;padding:0;clear:both;list-style:none}#give-donation-level-button-wrap:after,#give-donation-level-button-wrap:before{content:" ";display:table}#give-donation-level-button-wrap:after{clear:both}#give-donation-level-button-wrap>li{list-style-type:none;list-style-image:none;float:left;margin:0 5px 5px 0}.give_terms_links{float:right}[id*=give_secure_site_wrapper]{padding:4px 4px 15px 0;font-size:16px;line-height:20px}[id*=give_secure_site_wrapper] span.padlock{font-family:give-icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:20px}[id*=give_secure_site_wrapper] span.padlock :before{display:inline-block}#give_purchase_form_wrap input.give-input.card-cvc.valid,#give_purchase_form_wrap input.give-input.card-expiry.valid,#give_purchase_form_wrap input.give-input.card-number.valid{background-image:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/tick.png);background-repeat:no-repeat;background-position:right 10px top 50%;background-size:16px}#give_purchase_form_wrap input.give-input.card-cvc.valid.fl-input:not(.card-cvc):not(.card-expiry),#give_purchase_form_wrap input.give-input.card-expiry.valid.fl-input:not(.card-cvc):not(.card-expiry),#give_purchase_form_wrap input.give-input.card-number.valid.fl-input:not(.card-cvc):not(.card-expiry){background-position:right 55px top 50%}#give_purchase_form_wrap span.card-type{position:absolute;top:-2px;right:0;width:37px;height:26px;background-size:37px 26px!important}#give_purchase_form_wrap .fl-wrap span.card-type{top:calc(.5em + 6px);right:11px}#give_purchase_form_wrap span.card-type.off{display:none}#give_purchase_form_wrap span.card-type.visa{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/visa.svg) no-repeat}#give_purchase_form_wrap span.card-type.mastercard{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/mastercard.svg) no-repeat}#give_purchase_form_wrap span.card-type.discover{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/discover.svg) no-repeat}#give_purchase_form_wrap span.card-type.amex{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/amex.svg) no-repeat}#give_purchase_form_wrap span.card-type.maestro{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/maestro.svg) no-repeat}#give_purchase_form_wrap span.card-type.dinersclub{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/diners-club.svg) no-repeat}#give_purchase_form_wrap span.card-type.jcb{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/jcb.svg) no-repeat}#give_purchase_form_wrap span.card-type.dankort{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/dankort.png) no-repeat}#give_purchase_form_wrap span.card-type.unionpay{background:url(//f-df.pl/wp-content/plugins/give/assets/dist/images/unionpay.svg) no-repeat}@-webkit-keyframes opacity{0%{opacity:1}to{opacity:0}}@-moz-keyframes opacity{0%{opacity:1}to{opacity:0}}form[id*=give-form] p.give-loading-text,form[id*=give-form] span.give-loading-text{display:none;float:right;height:16px;width:16px;margin:0;padding:0;font-style:italic;line-height:20px;font-size:16px;font-weight:400}form[id*=give-form] .give-loading-animation{font-family:give-icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;float:left;height:16px;width:16px;line-height:1;font-size:16px;margin:0 5px 0 0;background-size:20px 20px;background-repeat:no-repeat;background-color:transparent}form[id*=give-form] .give-payment-mode-label .give-loading-text{float:right}[id*=give-form] .give-login-account-wrap{margin:0 0 15px;position:relative}[id*=give-form] .give-login-account-wrap .give-login-message{text-align:right;margin:0;padding:0}[id*=give-form] .give-login-account-wrap .give-loading-text{position:absolute;right:0;top:.25em}[id*=give-form] fieldset[id^=give-login-fields]{margin:0 0 15px}[id*=give-form] .give-new-account-link{margin:0 0 15px;padding:0}[id*=give-form] .give_login_forgot_password{float:right}.give-submit-button-wrap input.give-cancel-login,[id^=give-user-login-submit] input.give-cancel-login{margin-left:5px}.give-submit-button-wrap span.give-loading-animation,[id^=give-user-login-submit] span.give-loading-animation{margin:0 0 0 .5em;display:none}.give-submit-button-wrap .give-submit,[id^=give-user-login-submit] .give-submit{float:left}.give-user-login-fields-container:after{display:block;content:"";clear:both}#give-login-form div.give-login,#give-login-form legend,#give-register-form div.give-login,#give-register-form legend{line-height:2;margin-bottom:15px}#give-login-form label,#give-register-form label{min-width:100px;display:inline-block}div.give-form-wrap.mfp-hide{display:block!important}div.mfp-content fieldset ol,div.mfp-content fieldset p,div.mfp-content fieldset ul{margin-bottom:1.2em;line-height:1.4}div.mfp-content form[id*=give-form] .give_notices{display:block!important}.give-btn{background:#ededed;border:1px solid #ccc;color:#333;padding:8px 10px;cursor:pointer;line-height:1.2em;font-size:1em}.give-btn:hover{background:#dbdbdb}#give_profile_editor_form legend{width:auto;padding:0 5px 5px;border-bottom:0}form#give-email-access-form div.g-recaptcha,form#give-email-access-form input#give-email{margin:0 0 15px}form#give-email-access-form input#give-email{width:305px}@media (max-width:768px){[id*=give-form] div#give-sidebar-left,[id*=give-form] div.images,[id*=give-form] div.summary{width:100%;float:none}}.give-form-wrap .give-form h3.give-section-break,.give-form-wrap .give-form h4.give-section-break{margin:10px 0 0}.give-do-validate input.error{border-color:red!important}.give-button-with-loader span.give-loading-animation{display:none;position:relative;top:3px;float:right;font-family:give-icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:16px;width:16px;line-height:1;font-size:16px;margin:0 0 0 5px;background-size:20px 20px;background-repeat:no-repeat;background-color:transparent}.give-active span.give-loading-animation{display:inline}.give_notices{position:relative}.give_notices .notice-dismiss{position:absolute;top:50%;right:0;transform:translateY(-50%);border:none;margin:0;padding:5px;background:0 0;color:#72777c;cursor:pointer;max-width:28px!important}.give_notices .notice-dismiss:before{background:0 0;color:#72777c;content:"\f153";display:block;font:400 16px/20px dashicons;speak:none;height:20px;text-align:center;width:20px;-webkit-font-smoothing:antialiased}.give_notices .notice-dismiss:hover{background-color:transparent}.give_notices .notice-dismiss:hover:before{color:#dc3232}.give_error,.give_success,.give_warning{position:relative;margin:15px 0;background:#f9f9f9;padding:1em 1.5em 1em 2em;border-left:4px solid;box-shadow:0 1px 1px rgba(0,0,0,.125);clear:both}.give_error>p,.give_success>p,.give_warning>p{margin:0!important;color:#333}.give_error:before,.give_success:before,.give_warning:before{font-family:give-icomoon;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:absolute;top:50%;font-size:16px;margin-top:-15px;left:-17px;color:#fff;width:30px;height:30px;border-radius:100%;text-align:center;line-height:30px;text-shadow:1px 1px rgba(0,0,0,.5)}.give_error{border-color:#a00}.give_error:before{content:"\f02d";background-color:#a00}.give_success{border-color:#7ad03a}.give_success:before{background-color:#7ad03a;content:"\e601"}.give_warning{border-color:#ffba00}.give_warning:before{background-color:#ffba00;content:"\f02d"}.twentythirteen .give_forms{padding:40px 0}.twentyfourteen .tfgive{padding:12px 10px 0;max-width:474px;margin:0 auto}.twentyfourteen .tfgive .give_forms .entry-summary{padding:0!important;margin:0 0 1.618em!important}.twentyfourteen .tfgive div.give_forms.hentry.has-post-thumbnail{margin-top:0}.twentyfourteen .tfgive .give_forms .images img{margin-bottom:1em}@media screen and (min-width:673px){.twentyfourteen .tfgive{padding-right:30px;padding-left:30px}}@media screen and (min-width:1040px){.twentyfourteen .tfgive{padding-right:15px;padding-left:15px}}@media screen and (min-width:1110px){.twentyfourteen .tfgive{padding-right:30px;padding-left:30px}}@media screen and (min-width:1218px){.twentyfourteen .tfgive{margin-right:54px}.full-width .twentyfourteen .tfgive{margin-right:auto}}.twentyfifteen .t15give{padding-left:7.6923%;padding-right:7.6923%;padding-top:7.6923%;margin-bottom:7.6923%;background:#fff;box-shadow:0 0 1px rgba(0,0,0,.15)}.twentyfifteen .t15give .page-title{margin-left:0}.twentyfifteen .t15give div.summary{padding:0}@media screen and (min-width:38.75em){.twentyfifteen .t15give{margin-right:7.6923%;margin-left:7.6923%;margin-top:8.3333%}}@media screen and (min-width:59.6875em){.twentyfifteen .t15give{margin-left:8.3333%;margin-right:8.3333%;padding:10%}.single-product .twentyfifteen .entry-summary{padding:0!important}}.avada-row>div.give-wrap #content{width:100%}.give-goal-progress{margin-bottom:20px;clear:both}.give-goal-progress .income{font-size:46px;line-height:48px;letter-spacing:-1px;color:#333}.give-goal-progress .raised{margin-bottom:15px}.give-progress-bar{height:20px;position:relative;background:#eee;border-radius:25px;overflow:hidden}.give-progress-bar>span{display:block;height:100%;border-top-right-radius:8px;border-bottom-right-radius:8px;border-top-left-radius:20px;border-bottom-left-radius:20px;background-color:#2bc253;position:relative;overflow:hidden}table.give-table{color:#666;font-size:14px;text-shadow:1px 1px 0 #fff;background:#eaebec;margin:20px 0;border:1px solid #e0e0e0;border-top:none;border-bottom:none;width:100%}table.give-table thead{font-weight:700}table.give-table thead th:first-child{text-align:left;border-left:none}table.give-table th{padding:21px 25px;border:1px solid #e0e0e0;border-top-color:#e8e8e8;border-right:none;background:#f6f6f6;text-align:center;font-weight:700}table.give-table tbody tr{text-align:center}table.give-table tbody tr td{padding:18px;border:1px solid #e0e0e0;border-top-color:#fff;border-right:none;background:#fff;text-align:center}table.give-table tbody tr td:first-child{text-align:left;border-left:0}table.give-table tbody tr:nth-child(2n) td{background:#fcfcfc}body.give-twentysixteen div.entry-summary{margin:0}body.give-twentysixteen button.give-btn{color:#333}body.give-twentysixteen .give-submit{color:#fff}body.give-twentysixteen fieldset#give_terms_agreement{padding-left:0}body.give-twentyseventeen.colors-dark div#give_purchase_form_wrap span.give-final-total-amount,body.give-twentyseventeen.colors-dark div.give-total-wrap input.give-text-input,body.give-twentyseventeen.colors-dark div.give_notices p{color:#000}body.give-twentyseventeen.colors-dark form[id*=give] fieldset{background-color:transparent}body.give-twentynineteen .give-form .give-btn:focus{color:#fff}html[class*=avia] body#top form[id*=give-form] input.give-amount-top{width:unset;border:1px solid #ccc;border-left:none}html[class*=avia] body#top [id*=give-form].give-fl-form.give-fl-style-give label.give-fl-label{left:7px}html[class*=avia] body#top [id*=give-form].give-fl-form div.give-fl-is-active input{padding:8px 6px 0}.give-donation-history .give-table{table-layout:auto}.give-donation-history .give-table .give-security-column{float:left}.give-donation-history .give-table .give-security-column.give-security-description-wrap{width:75%;padding:16px 13px;font-size:12px;font-style:italic}.give-donation-history .give-table .give-security-column.give-security-button-wrap{width:25%;padding:25px 5px}.give-donation-history .give-table .give-security-column.give-security-button-wrap span{display:none;padding:0 20px}.give_user_history_main .give-mobile-title{display:none}@media screen and (max-width:480px){#give_user_history thead{display:none}#give_user_history tbody{border-top:1px solid #e0e0e0}#give_user_history tr{padding:.5rem 0;background:#fff}#give_user_history tr:nth-child(2n){background-color:#fafafa}#give_user_history td{border:none;padding-top:0;padding-bottom:0;background-color:transparent}#give_user_history td,#give_user_history tr{display:block;border-left:none;text-align:left}#give_user_history .give-mobile-title{display:inline-block;font-weight:700;min-width:6em}}.give-modal{top:0;left:0;width:100%;height:100%;z-index:2148482499;position:fixed;overflow:hidden;outline:none!important;-webkit-backface-visibility:hidden;-webkit-overflow-scrolling:touch;-webkit-transform:translateZ(0)}.give-modal form[id*=give-form],.give-modal form[id*=give-form] .give-submit{margin-bottom:0}.give-modal form[id*=give-form] .give-payment-mode-label{margin-top:0;padding-top:0}@media (max-width:580px){.give-modal form[id*=give-form] .give-input{font-size:16px}}.give-modal .mfp-content{box-sizing:border-box;position:relative;background:#fff;padding:20px;width:auto;max-width:650px;margin:40px auto;z-index:2148482599}.give-modal .mfp-content [id*=give-form] #give-payment-mode-select,.give-modal .mfp-content [id*=give-form] #give_purchase_form_wrap,.give-modal .mfp-content [id*=give-form].give-display-button-only .give-donation-amount,.give-modal .mfp-content [id*=give-form].give-display-button-only .give-donation-levels-wrap{display:block}.give-modal .mfp-content .mfp-close:hover{background-color:transparent}.give-modal form.give-form button.mfp-close{position:absolute;display:block!important}.give-modal .mfp-container:after{display:none}.give-modal .mfp-content{vertical-align:middle;transform:translateY(-100px)}.give-modal.mfp-bg,.give-modal .mfp-content{opacity:0;transition:all .2s}.give-modal.mfp-ready .mfp-content{opacity:1;transform:translateY(0)}.give-modal.mfp-ready.mfp-bg{opacity:.8}.give-modal.mfp-removing .mfp-content{transform:translateY(-50px);opacity:0}.give-modal.mfp-removing.mfp-bg{opacity:0}.give-donation-grid-item-form{position:relative;margin:0 auto;max-width:600px;background-color:#fff;padding:1rem 1.5rem;height:85vh;overflow-y:auto}.give-donation-grid-item-form #give_purchase_form_wrap{display:block!important}.give-donation-grid-item-form .give-btn-modal,.give-donation-grid-item-form .give-btn-reveal{display:none!important}.modal-fade-slide.give-modal .mfp-content{padding:0;max-width:100%}.modal-fade-slide .give-modal--slide{opacity:0;transition:all .2s ease-out;transform:translateY(-20px) perspective(600px) rotateX(0)}.modal-fade-slide.mfp-ready .give-modal--slide{opacity:1;transform:translateY(0) perspective(600px) rotateX(0)}.modal-fade-slide.mfp-removing .give-modal--slide{opacity:0;transform:translateY(-10px) perspective(600px) rotateX(0)}.modal-fade-slide.mfp-bg{opacity:0;transition:opacity .3s ease-out}.modal-fade-slide.mfp-ready.mfp-bg{opacity:.8}.modal-fade-slide.mfp-removing.mfp-bg{opacity:0}.mfp-close:hover{background-color:transparent}.mfp-content .give-display-button-only .give-form-title{display:none}.mfp-content .give-display-button-only>:not(form),.mfp-content .give-display-button-only form>:not(.give-btn-modal){display:block}.give-donor{border:1px solid #e5e5e5;background:#fff;color:#333;font-size:1em;margin-bottom:20px;padding:20px;position:relative;transition:all .2s ease-out;width:100%}.give-donor__header{align-items:center;display:flex}.give-donor__image{border:1px solid #e5e5e5;background:#fff;text-align:center;flex-basis:60px;flex-shrink:0;line-height:60px;height:60px;margin-right:10px;overflow:hidden;border-radius:50%}.give-donor__image img{border-radius:50%;display:block;height:58px;object-fit:cover;width:100%}.give-donor__details{flex-grow:1;overflow:hidden}.give-donor__name{font-size:1em!important;font-weight:700!important;margin:0!important;padding:0!important}.give-donor__name,.give-donor__timestamp{color:#333!important;line-height:1.3!important}.give-donor__timestamp{display:block;font-size:75%!important}.give-donor__content{margin-top:10px;width:100%}.give-donor__content p{color:#333;font-size:1em!important;line-height:1.5!important;margin:0 0 20px!important;padding:0!important;width:100%}.give-donor__content:first-child{margin-top:0!important}.give-donor__content :last-child{margin-bottom:0!important}.give-donor__read-more{cursor:pointer;white-space:nowrap}.give-donor__excerpt+.give-donor__comment{display:none}.give-donor-wall-modal p:last-child{margin-bottom:0}.form-row .give-stripe-cc-field{box-sizing:border-box;width:100%;border-radius:0;outline:none;color:#333;background-color:#fdfdfd;border:1px solid #ccc;margin:0;padding:.5em}.give-stripe-cc-field.give-fl-input{height:auto;min-height:50px;line-height:inherit;padding:14px 10px;background-color:#fff}.give-stripe-cc-field-wrap .give-fl-is-active .give-fl-input{padding:20px 12px 4px;transition:padding .2s ease-in-out,border .2s ease-in-out}.give-stripe-cc-field-wrap .give-fl-label span{display:none}.give-stripe-single-cc-field-wrap{border:1px solid #ccc;background-color:#fdfdfd;padding:10px;height:40px;margin:0 0 15px}.give-form .give-stripe-cc-field.focus,.give-form .give-stripe-cc-field:focus{background-color:#fff}.give-wrap .give-grid{max-width:30rem}.give-wrap .give-grid__item{margin-bottom:1.5rem;width:100%}.give-wrap .give-grid__item>:last-child{margin-bottom:0}.give-wrap .give-wrap:before{display:block;content:"";clear:both}@media (min-width:30rem){.give-wrap .give-grid{display:flex;flex-flow:row wrap;margin-bottom:1.5rem;max-width:100%}.give-wrap .give-grid__item{padding:0 .75rem;display:flex}}@media (min-width:30rem) and (min-width:40rem){.give-wrap .give-grid--2 .give-grid__item,.give-wrap .give-grid--3 .give-grid__item,.give-wrap .give-grid--4 .give-grid__item{width:50%}}@media (min-width:30rem) and (min-width:72rem){.give-wrap .give-grid--3 .give-grid__item,.give-wrap .give-grid--4 .give-grid__item{width:33.33333%}}@media (min-width:30rem) and (min-width:90rem){.give-wrap .give-grid--4 .give-grid__item{width:25%}}@supports (display:grid){.give-wrap .give-grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;margin-bottom:1.5rem;max-width:100%}.give-wrap .give-grid__item{display:flex;margin-bottom:0;padding:0;width:auto!important}@media (min-width:40rem){.give-wrap .give-grid--best-fit{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (min-width:40rem){.give-wrap .give-grid--2,.give-wrap .give-grid--3,.give-wrap .give-grid--4{grid-template-columns:repeat(2,1fr)}}@media (min-width:72rem){.give-wrap .give-grid--3,.give-wrap .give-grid--4{grid-template-columns:repeat(3,1fr)}}@media (min-width:90rem){.give-wrap .give-grid--4{grid-template-columns:repeat(4,1fr)}}}.give-wrap .give-card{background-color:#fff;border:1px solid #e5e5e5;box-shadow:0 1px 1px rgba(0,0,0,.04);color:inherit;display:flex;flex-direction:column;width:100%;text-decoration:none;transition:all .1s ease-out}.give-wrap .give-card:active,.give-wrap .give-card:focus,.give-wrap .give-card:hover,.give-wrap .give-card:visited{border-color:#ccc;box-shadow:0 4px 12px rgba(0,0,0,.16)}.give-wrap .give-card__media img{border-radius:0;box-shadow:none;display:block;height:auto;margin:0;object-fit:cover;order:1;width:100%}.give-wrap .give-card__body{display:flex;flex-direction:column;flex-grow:1;order:2;padding:1.5rem}.give-wrap .give-card__body>:last-child{margin-bottom:0}.give-wrap .give-card__title{line-height:1.3;margin:0 0 .75rem;padding:0}.give-wrap .give-card__text{margin:0 0 1.5rem;padding:0}.give-wrap .give-card__progress{margin-top:auto;width:100%}.give-wrap .give-card__progress .raised,.give-wrap .give-card__progress>:last-child{margin-bottom:0}.give-wrap .give-card__progress .income{font-size:2em}.give-wrap .give-page-numbers{font-size:1.25em}#give-receipt .timeline-item{background:#fff}@keyframes placeHolderShimmer{0%{background-position:0 0}to{background-position:520px 0}}#give-receipt .placeholder-animation{max-width:650px;margin:0 auto}#give-receipt .animated-background{animation-duration:.85s;animation-fill-mode:forwards;animation-iteration-count:infinite;animation-name:placeHolderShimmer;animation-timing-function:linear;background:#f6f7f8;background:linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%);background-size:520px 100%;position:relative}#give-receipt .container{margin:0 auto;width:650px;background-color:#eee;border:1px solid #eee}#give-receipt .layer{display:flex}#give-receipt .layer.h1{height:28px}#give-receipt .layer.h2{height:22px}#give-receipt .layer.inline-radios{height:12px}#give-receipt .layer.label{height:8px}#give-receipt .layer-item.opaque{background:#fff}#give-receipt .layer-gap{background-color:#fff}#give-receipt .layer-gap.large{height:40px}#give-receipt .layer-gap.medium{height:20px}#give-receipt .layer-gap.small{height:10px}#give-receipt .layer-1 .layer-item:nth-child(odd){width:45%}#give-receipt .layer-1 .layer-item:nth-child(2n){width:55%}#give-receipt .layer-4 .layer-item:first-child{width:30%}#give-receipt .layer-4 .layer-item:nth-child(2){width:10%}#give-receipt .layer-4 .layer-item:nth-child(3){width:20%}#give-receipt .layer-4 .layer-item:nth-child(4){width:30%}#give-receipt .layer-4 .layer-item:nth-child(5){width:10%}#give-receipt .layer-5 .layer-item:first-child{width:40%}#give-receipt .layer-5 .layer-item:nth-child(2){width:5%}#give-receipt .layer-5 .layer-item:nth-child(3){width:15%}#give-receipt .layer-5 .layer-item:nth-child(4){width:40%}#give-receipt .layer-6 .layer-item:nth-child(odd){width:30%}#give-receipt .layer-6 .layer-item:nth-child(2n){width:70%}#give-receipt .layer-8 .layer-item:first-child{width:40%}#give-receipt .layer-8 .layer-item:nth-child(2){width:20%}#give-receipt .layer-8 .layer-item:nth-child(3){width:40%}.give-grid-ie-utility{margin:0 -12px}@supports (display:grid){.give-grid-ie-utility{margin:0}}html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
margin: 0;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
margin-right: 10px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body,
button,
input,
select,
textarea {
color: #444;
font-size: 18px;
line-height: 1.6;
font-family: 'Pontano Sans', sans-serif;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: 300;
line-height: 1.2;
font-family: 'Oswald', sans-serif;
}
h1{
font-size: 28px;
margin-bottom: 15px;
}
h2{
font-size: 26px;
margin-bottom: 15px;
}
h3{
font-size: 24px;
margin-bottom: 15px;
}
h4{
font-size: 22px;
margin-bottom: 10px;
}
h5{
font-size: 20px;
margin-bottom: 10px;
}
h6{
font-size: 18px;
margin-bottom: 10px;
}
p {
margin:0 0 15px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 15px;
}
address {
margin: 0 0 15px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 15px;
max-width: 100%;
overflow: auto;
padding: 15px;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul,
ol {
margin: 0 0 15px 20px;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
img {
height: auto; max-width: 100%; vertical-align: middle;
}
table {
margin: 0 0 15px;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #FFC107;
padding: 0 20px;
height: 40px;
color: #FFF;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #333;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #404040;
border: 1px solid #EEE;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
vertical-align: top;
}
select {
border: 1px solid #EEE;
height: 40px;
padding: 3px 40px 3px 8px;
background-color: transparent;
line-height: 100%;
outline: 0;
background-image: url(//f-df.pl/wp-content/themes/total/images/arrow.png);
background-position: right center;
background-repeat: no-repeat;
position: relative;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
padding: 3px 8px;
height: 40px;
}
textarea {
padding: 8px;
width: 100%;
} a {
color: #FFC107;
text-decoration: none;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
a:visited {
}
a:hover{
color: #FFC107;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.circle_background_logo{
background: #00002c !important; z-index: 1000000000;
position: relative;
border-radius: 0 0 80px 80px;
padding-bottom: 15px;
padding-left: 20px;   width: 145px;
}
.custom-logo{
transition:0.2s;
}
.custom-logo-link{
position: relative;
}
.circle_background_logo:before{
content: "";
background: #00002c !important;
height: 82px;
width: 3px;
position: absolute;
left: -1px;
z-index: 11111111111;
}
.circle_background_logo:after{
content: "";
background: #00002c !important;
height: 83px;
width: 4px;
position: absolute;
right: -1px;
z-index: 1000000001;
top: 0;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 15px;
}
.alignright {
display: inline;
float: right;
margin-left: 15px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .ht-clearfix:before,
.ht-clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-footer:before,
.site-footer:after,
.ht-container:before,
.ht-container:after {
content: "";
display: table;
}
.ht-clearfix:after,
.entry-content:after,
.comment-content:after,
.site-footer:after,
.ht-container:after {
clear: both;
} .widget {
margin: 0 0 15px;
} .widget select {
max-width: 100%;
} .widget_search .search-submit {
display: none;
} .sticky {
display: block;
}
.hentry {
margin: 0 0 30px;
}
.total-hentry {
margin: 0 0 50px;
}
.byline,
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content{
margin-bottom: 50px;
}
.page-template-page-builder-template .page-content{
margin-bottom: 0;
}
.page-links {
clear: both;
margin: 0 0 15px;
}
#primary{
width: 70%;
float: left;
}
#secondary{
width: 27%;
float: right;
}
.ht_no_sidebar #primary{
width: auto;
float: none;
}
.ht_no_sidebar_condensed #primary{
width: 76%;
float: none;
margin: 0 auto;
}
.ht_left_sidebar #primary{
float: right;
}
.ht_left_sidebar #secondary{
float: left;
}
.ht-post-info{
float: left;
width: 80px;
text-align: right;
font-family: 'Oswald', sans-serif;
}
.single .ht-post-info{
margin-right: 30px;
margin-bottom: 20px;
}
.ht-post-info .entry-date{
display: block;
font-size: 0.9em;
margin-bottom: 20px;
}
.ht-post-info .entry-date span{
display: block;
text-transform: uppercase;
}
.ht-post-info .entry-date span.ht-day{
font-size: 60px;
line-height: 1.3;
color: #FFC107;
}
.ht-post-info a{
display: block;
text-decoration: none;
line-height: 1.4;
padding: 20px 0 0;
text-transform: uppercase;
border-top: 1px solid #EEE;
font-size: 12px;
color: #444;
font-weight: 300;
}
.ht-post-wrapper{
padding-left: 105px;
}
.entry-figure{
background: #f9f9f9;
text-align: center;
margin-bottom: 15px;
}
.entry-header .entry-title{
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 10px;
}
.entry-figure + .entry-header{
background: #FFF;
position: relative;
margin-top: -65px;
width: 90%;
padding: 15px 0 1px;
}
.entry-header .entry-title a{
text-decoration: none;
color: #333;
}
.entry-categories{
font-size: 14px;
color: #666;
font-style: italic;
margin-bottom: 15px;
}
.entry-categories .fa{
color: #FFC107;
margin-right: 8px;
}
.entry-categories a{
color: #666;
text-decoration: none;
}
.entry-readmore{
margin-top: 20px;
}
.entry-readmore a{
background: #FFC107;
padding: 0 20px;
line-height: 40px;
color: #FFF;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
}
.entry-readmore a:hover{
background: #333;
color: #FFF;
} .widget-area .widget-title{
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.widget-area .widget-title:after{
content:"";
position: absolute;
left: 0;
top: 100%;
width: 30px;
background: #FFC107;
height: 2px;
}
.widget-area ul{
list-style: none;
padding: 0;
margin: 0;
}
.widget-area ul ul{
border-top: 1px solid #f9f9f9;
margin-top: 5px;
}
.widget-area ul ul li{
padding-left: 10px;
}
.widget-area ul ul li:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.widget-area li{
padding: 5px 0;
border-bottom: 1px solid #f9f9f9;
}
.widget-area a{
text-decoration: none;
color: #404040;
}
.widget-area a:hover{
color: #FFC107
}
.widget-area .widget{
margin-bottom: 35px;
}
.widget-area .widget .search-field{
width: 100%;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.author-email-url{
margin-left: -2%;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
float: left;
margin-left: 2%;
width: 31.33333%;
}
.author-email-url input{
width: 100%;
}
.comment-form .form-submit{
margin-bottom: 0
}
#comments{
margin-bottom: 50px;
}
h3#reply-title,
h3.comments-title{
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
content: "";
position: absolute;
left: 0;
top: 100%;
width: 30px;
background: #FFC107;
height: 2px;
}
.logged-in-as,
.comment-notes{
font-size: 0.9em;
}
#comments ul{
list-style: none;
margin: 0;
padding: 0;
}
#comments li.comment{
margin: 0 0 40px;
}
#comments li.comment .children{
display: block;
margin: 20px 0 0 30px;
padding: 0px;
list-style: none;
}
article.comment-body {
background: #fff;
margin: 0px;
position: relative;
}
.comment-list a{
color: #404040;
}
.comment-list a:hover{
color: #FFC107 !important;
}
.comment-list .comment-respond{
margin-top: 20px;
background: #FFF;
padding: 20px;
}
.comment-list .vcard img {
border-radius: 50%;
margin-right: 10px;
}
.comment-list .vcard .fn{
font-weight: normal;
font-size: 16px;
}
.comment-list .edit-link{
position: absolute;
right: 0;
top: 0;
}
.comment-list .edit-link a{
font-size: 14px;
display: inline-block;
padding: 10px;
}
.comment-list .comment-meta {
margin-bottom: 15px;
}
.comment-list .comment-metadata {
border-top: 1px solid #EEE;
padding-top: 10px;
font-size: 14px;
}
.comment-list .comment-metadata a {
float: left;
}
.comment-list .comment-metadata .reply {
float: right;
}
#cancel-comment-reply-link {
float: right;
}
.nav-previous a,
.nav-next a{
background: #FFC107;
color: #FFF;
display: inline-block;
padding: 0 10px;
font-size: 12px;
line-height: 22px;
position: relative;
}
.nav-next a{
margin-right: 13px;
}
.nav-next a:after{
content: "";
position: absolute;
border-left: 11px solid #FFC107;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
top: 0;
right: -11px;
}
.nav-previous a{
margin-left: 11px;
}
.nav-previous a:after{
content: "";
position: absolute;
border-right: 11px solid #FFC107;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
top: 0;
left: -11px;
}
.no-comments{
color: #FFC107;
}
.pagination,
.woocommerce nav.woocommerce-pagination{
text-align: center;
margin-bottom: 50px;
}
.home.blog .pagination{
margin-bottom: 40px;
}
.pagination .page-numbers{
display: inline-block;
margin: 0 2px;
background: #FFC107;
color: #FFF;
padding: 10px 15px;
line-height: 1;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
background: #333;
color: #FFF;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .gallery {
margin-bottom: 15px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .ht-container{
width: 1170px;
margin: 0 auto;
} #ht-masthead{
border-top: 4px solid #FFC107;
background:#000012;
background-color: #00002c !important;
height: 94px; border-bottom: 1px solid #F1F1F1;
z-index: 99;
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
}
.blog.home #ht-masthead{
margin-bottom: 40px;
}
.ht-sticky-header #ht-masthead{
position: fixed;
left: 0;
right: 0;
}
.ht-sticky#ht-masthead{
height: 74px;
}
#ht-content{
clear: both;
}
.ht-sticky-header #ht-content{
position: relative;
z-index: 9;
padding-top: 94px;
}
.home.blog.ht-sticky-header #ht-content{
padding-top: 134px;
}
#ht-site-branding{
float: left;
width: 30%;
padding: 5px 0 15px 0;
transition: padding 0.3s ease;
-moz-transition: padding 0.3s ease;
-webkit-transition: padding 0.3s ease;
}
.ht-sticky #ht-site-branding{
padding: 5px 0;
}
#ht-site-branding img{
max-height: 125px;
width: auto;
}
header .ht-container{
display: flex;
align-self: center;
}
.img_for_child{
height: 400px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.child_wrapper{
padding-bottom: 30px;
}
.ht-main-header{
background: #f9f9f9;
padding: 65px 0;
margin-bottom: 40px;
}
.ht-main-title{
margin: 0 15px 0 15px;
letter-spacing: 1px;
font-weight: 400;
text-transform: uppercase;
}
.ht-main-title:last-child{
margin-bottom: 0;
}
.ht-site-title{
font-family: 'Oswald', sans-serif;
font-weight: 400;
margin: 0 0 8px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 32px;
line-height: 1;
}
.ht-site-title a{
text-decoration: none;
color: #FFC107;
}
.ht-site-description{
color: #EEE;
margin: 0;
font-size: 15px;
font-style: italic;
line-height: 1;
}
.ht-site-description a{
color: #333;
}
.breadcrumb-trail,
.woocommerce .woocommerce-breadcrumb{
font-size: 15px;
margin: 0;
color: inherit;
}
.breadcrumb-trail ul{
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumb-trail ul li{
display: inline-block;
}
.breadcrumb-trail ul li:after{
content: "/";
margin: 0 6px;
}
.breadcrumb-trail ul li:last-child:after{
display: none;
}
.woocommerce .woocommerce-breadcrumb a,
.breadcrumb-trail a{
color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{
color: #FFC107;
}
.taxonomy-description,
.term-description{
margin-bottom: 15px;
}
.taxonomy-description p:last-child,
.term-description p:last-child{
margin-bottom: 0;
} .ht-section{
padding: 60px 0;
background: #FFF;
}
.ht-section-title-tagline{
margin-bottom: 60px;
text-align: center;
}
.ht-section-title{
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 36px;
width: 60%;
margin: 0 auto 15px;
}
.ht-section-title:last-child{
margin-bottom: 0;
}
.ht-section-tagline{
font-size: 20px;
width: 70%;
margin: 0 auto;
} #ht-site-navigation{
float: right;
width: 70%;
padding: 27px 0;
transition: padding 0.3s ease;
-moz-transition: padding 0.3s ease;
-webkit-transition: padding 0.3s ease;
}
.ht-sticky #ht-site-navigation{
padding: 17px 0;
}
.ht-main-navigation .ht-menu{
float: right;
}
.ht-main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.ht-main-navigation li {
float: left;
position: relative; }
.ht-main-navigation a {
position: relative;
display: block;
text-decoration: none;
color: #444;
text-transform: uppercase;
font-size: 14px;
font-family: 'Oswald', sans-serif;
line-height: 36px;
padding: 0 5px;
font-weight: 400;
transition: none;
-moz-transition: none;
-webkit-transition: none;
}
.ht-main-navigation ul ul {
display: none;
position: absolute;
left: 0;
top: 100% ;
background: #FFF;
min-width: 200px;
z-index: 999;
padding: 8px;
margin-top: 27px;
border-top: 2px solid #FFC107;
box-shadow: 2px 2px 8px rgba(0,0,0,0.05)
}
.ht-sticky .ht-main-navigation ul ul{
margin-top: 17px;
}
.ht-main-navigation .ht-menu > ul > li:last-child > ul{
left: auto;
right: 0;
}
.ht-main-navigation ul ul ul {
left: 100%;
top: 0;
margin: 0 0 0 8px;
border-top: 0;
}
.ht-sticky .ht-main-navigation ul ul ul{
margin-top: 0
}
.ht-main-navigation ul ul a {
text-transform: none;
font-weight: 400;
color: #444;
line-height: 1.5;
padding: 10px 15px;
font-size: 14px;
}
.ht-main-navigation ul ul li {
float: none;
margin: 0 0 5px;
}
.ht-main-navigation ul ul li:last-child{
margin-bottom: 0;
}
.ht-main-navigation ul li:hover > ul {
display: block;
}
.page-template-home-template .ht-main-navigation .current_page_item > a,
.page-template-home-template .ht-main-navigation .current-menu-item > a,
.page-template-home-template .ht-main-navigation .current_page_ancestor > a,
.home.blog .ht-main-navigation .current_page_item > a,
.home.blog .ht-main-navigation .current-menu-item > a,
.home.blog .ht-main-navigation .current_page_ancestor > a{
background: none;
color: inherit;
}
.ht-main-navigation li:hover > a,
.page-template-home-template .ht-main-navigation li:hover > a,
.home.blog .ht-main-navigation li:hover > a,
.ht-main-navigation .current_page_item > a,
.ht-main-navigation .current-menu-item > a,
.ht-main-navigation .current_page_ancestor > a,
.page-template-home-template .ht-main-navigation .current > a,
.home.blog .ht-main-navigation .current > a {
color: #FFF;
background: #FFC107;
} .menu-item-has-children .ht-dropdown{
position: relative;
right: -5px;
}
.menu-item-has-children .ht-dropdown:after {
content: '\f107';
font-family: FontAwesome;
} .menu-item-has-children ul .ht-dropdown{
position: absolute;
top: 50%;
right: 5px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-item-has-children ul .ht-dropdown:after {
content: '\f105';
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 15px;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
} #ht-home-slider-section{
clear: both;
}
.ht-slide{
position: relative;
}
.ht-slide img{
width: 100%;
}
.ht-slide-overlay{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.2);
}
.ht-slide-caption{
position: absolute;
top: 50%;
left: 50%;
width: 1170px;
margin-left: -585px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ht-slide-cap-title{
text-align: center;
font-size: 38px;
color: #FFF;
font-weight: 400;
margin-bottom: 25px;
padding: 0 10%;
line-height: 1.2;
font-family: 'Oswald', sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}
.ht-slide-cap-title span{
display: inline-block;
padding: 8px 15px;
background: #FFC107;
}
.ht-slide-cap-desc{
text-align: center;
font-size: 25px;
line-height: 1.4;
color: #FFF;
padding: 0 20%;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}
#ht-home-slider-section .owl-carousel .owl-nav .owl-prev,
#ht-home-slider-section .owl-carousel .owl-nav .owl-next{
position: absolute;
top: 50%;
text-indent: -9999px;
height: 70px;
width: 50px;
margin-top: -35px;
opacity: 0.6;
}
#ht-home-slider-section .owl-carousel .owl-nav > div:hover{
opacity: 1;
}
#ht-home-slider-section .owl-carousel .owl-nav .owl-prev{
background: url(//f-df.pl/wp-content/themes/total/images/prev.png) no-repeat center rgba(0,0,0,0.3);
left: 0;
}
#ht-home-slider-section .owl-carousel .owl-nav .owl-next{
background: url(//f-df.pl/wp-content/themes/total/images/next.png) no-repeat center rgba(0,0,0,0.3);
right: 0;
}
#ht-home-slider-section .owl-item.active .ht-slide-cap-title,
#ht-home-slider-section .owl-item.active .ht-slide-cap-desc{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#ht-home-slider-section .owl-item.active .ht-slide-cap-title,
#ht-home-slider-section .owl-item.active .ht-slide-cap-desc {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} #ht-about-us-section{
background: #FFF;
}
#ht-about-us-section .ht-container{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.ht-about-sec{
width: 54%;
padding-right: 30px;
}
.ht-about-sec h2{
text-align: left;
width: auto;
}
.ht-progress{
margin-bottom: 20px;
}
.ht-progress:last-child{
margin-bottom: 0;
}
.ht-progress h6{
font-weight: 300;
margin-bottom: 5px;
}
.ht-progress-bar-sec{
margin-top: 30px;
}
.ht-progress-bar{
height: 8px;
width: 100%;
position: relative;
line-height: 20px;
font-size: 13px;
background: #f6f6f6
}
.ht-progress-bar-length{
background: #FFC107;
height: 100%;
text-align: right;
padding-right: 20px;
}
.ht-progress-bar-length span{
position: absolute;
right: 0;
bottom: 100%;
}
.ht-about-image{
width: 45%;
padding-left: 30px;
} #ht-featured-post-section{
background: #FFC107;
color: #FFF;
padding-bottom: 80px;
}
.ht-featured-post-wrap{
margin-left: -3%;
}
.ht-featured-post{
float: left;
margin-left: 3%;
width: 30.33%;
text-align: center;
border:2px solid #FFF;
padding: 30px;
}
.ht-featured-post h5{
text-transform: uppercase;
margin-bottom: 25px;
} .ht-featured-icon{
display: inline-block;
color: #FFF;
font-size: 46px;
line-height: 80px;
width: 180px;
background: #FFC107;
-ms-transform: translateY(-35px);
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
}
.ht-featured-icon .fa{
vertical-align: bottom;
}
.ht-featured-link{
-ms-transform: translateY(52px);
-webkit-transform: translateY(52px);
transform: translateY(52px);
}
.ht-featured-link a{
padding: 0 15px;
display: inline-block;
line-height: 40px;
background: #FFF;
color: #FFC107;
border-right: 10px solid #FFC107;
border-left: 10px solid #FFC107;
}
.ht-featured-link a:hover{
background: #333;
color: #FFF;
} .ht-portfolio-cat-name-list{
text-align: center;
margin-bottom: 30px;
text-align: right;
}
.ht-portfolio-cat-name-list .fa{
vertical-align: middle;
color: #FFC107;
}
.ht-portfolio-cat-name{
cursor: pointer;
display: inline-block;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #BBB;
line-height: 1;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.ht-portfolio-cat-name:nth-child(2){
border-left: 0;
margin-left: 0;
}
.ht-portfolio-cat-name:hover,
.ht-portfolio-cat-name.active{
color: #FFC107;
}
.ht-portfolio-post-wrap{
margin: 0 -7.5px;
}
.ht-portfolio{
width: 33.33%;
float: left;
padding: 7.5px;
}
.ht-portfolio-outer-wrap{
position: relative;
}
.ht-portfolio-wrap{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
background-color: #f9f9f9;
}
.ht-portfolio-wrap img{
position: relative;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.ht-portfolio-caption{
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
top: 10px;
padding: 30px;
opacity: 0;
background: rgba(255, 193, 7, 0.9);
transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
overflow: hidden;
}
.ht-portfolio-wrap:hover .ht-portfolio-caption{
opacity: 1;
}
.ht-portfolio-caption h5{
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
position: absolute;
top: 20px;
left: 20px;
right: 20px;
-ms-transform: translate(300px, 0);
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.ht-portfolio-wrap:hover .ht-portfolio-caption h5{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.ht-portfolio-caption a{
height: 36px;
width: 36px;
position: absolute;
right: 20px;
bottom: 20px;
text-align: center;
display: block;
line-height: 36px;
color: #FFC107;
font-size: 14px;
background: #FFF;
margin: 10px 5px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.ht-portfolio-caption a.ht-portfolio-image{
-ms-transform: translate(-300px, 0);
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
right: 66px;
}
.ht-portfolio-caption a.ht-portfolio-link{
-ms-transform: translate(-300px, 0);
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
}
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-link,
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-image{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} #ht-service-post-section{
position: relative;
padding: 40px 0;
background: #F5F5F5;
}
.archives_button_wrapper{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.small_inputs{
display: flex;
flex-wrap: wrap;
}
.small_inputs label{
width: 33.33%;
padding:20px;
}
.small_inputs label input{
width: 100%;
margin-top:10px;
}
.big_inputs{
display: flex;
}
.big_inputs label{
width: 50%;
padding: 20px;
}
.big_inputs label span textarea{
margin-top:10px;
width: 100%;
height: 100px;
resize: none;
}
.small_inputs_2{
display: flex;
flex-wrap: wrap;
}
.small_inputs_2 label{
width: 33.33%;
padding:20px;
}
.small_inputs_2 label input{
width: 100%;
margin-top:10px;
}
.file_to_upload_wrapper label{
display: flex;
flex-direction: column;
}
.wpcf7-file{
margin-top: 10px;
}
.sign_child_submit{
padding-top: 30px;
}
.archives_button{
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: rgba(255,105,133,1);
border: 0;
color: #fff;
font-size: 1.5em;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
cursor: pointer;
height: unset;
padding: 20px 50px;
font-weight: bold;
transition: 0.3s all ease;
}
.help_children_button{
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: rgba(255,105,133,1);
border: 0;
color: #fff;
font-size: 1.5em;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
cursor: pointer;
height: unset;
padding: 20px 50px;
font-weight: bold;
transition: 0.3s all ease;
}
.wrapper_for_orange_buttons{
width:100%;
max-width: 600px;
padding: 0 15px;
display: flex;
justify-content: space-evenly;
}
.archives_button:visited{
text-decoration: none;
}
.archives_button:link{
text-decoration: none;
}
.archives_button:visited{
text-decoration: none;
}
.archives_button:active{
text-decoration: none;
}
.archives_button:hover{
background-color: #00bbe4;
color:white;
}
.help_children_button:visited{
text-decoration: none;
}
.help_children_button:link{
text-decoration: none;
}
.help_children_button:visited{
text-decoration: none;
}
.help_children_button:active{
text-decoration: none;
}
.help_children_button:hover{
background-color: #00bbe4;
color:white;
}
.ambassador_wrapper{
display: flex;
justify-content: center;
}
.ambassador_wrapper > .ht-team-member{
width:unset;
max-width: 22%;
}
.ht-service-left-bg{  background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 500px;
width: 100%;
}
.ht-service-posts{
float: left;
width: 50%;
padding-right: 40px;
}
.ht-service-post-wrap{
position: relative;
}
.ht-service-post-wrap:after{
content: "";
position: absolute;
left: 24px;
top: 0;
bottom: 0;
width: 2px;
background: #FFC107;
}
.ht-service-posts .ht-section-title-tagline{
text-align: left;
margin-bottom: 21px;
}
.ht-service-posts .ht-section-title{
width: auto;
}
.ht-service-posts .ht-section-tagline{
width: auto;
}
.ht-service-post{
margin-bottom: 25px;
position: relative;
z-index: 99;
}
.ht-service-post:last-child{
margin-bottom: 0
}
.ht-service-icon{
float: left;
font-size: 18px;
background: #FFC107;
width: 50px;
text-align: center;
color: #FFF;
line-height: 50px;
cursor: pointer;
border-radius: 50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.ht-active .ht-service-icon{
box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #FFC107;
}
.ht-service-excerpt{
padding-left: 65px;
}
.ht-service-text{
display: none;
}
.ht-service-excerpt h5{
margin: 15px 0 6px;
cursor: pointer;
} .ht-team-member-wrap{
margin-left: -2%;
}
.ht-team-member{
width: 23%;
margin-left: 2%;
float: left;
text-align: center;
}
.ht-team-member img{
width: 100%;
}
.ht-team-member-image{
position: relative;
overflow: hidden;
}
.ht-team-social-id{
padding: 10px;
}
.ht-team-social-id a{
display: inline-block;
color: #FFF;
margin: 0 5px;
font-size: 16px;
line-height: 32px;
background: #FFC107;
color: #FFF;
height: 32px;
width: 32px;
border-radius: 50%;
}
.ht-team-social-id a:hover{
background: #333;
color: #FFF;
}
.ht-team-member-excerpt{
background: rgba(255, 193, 7, 0.9);
padding: 20px;
color: #FFF !important;
display: block;
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
top: 10px;
opacity: 0;
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.ht-team-member:hover .ht-team-member-excerpt{
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.ht-team-member-excerpt-wrap{
display: table;
width: 100%;
height: 100%;
}
.ht-team-member-excerpt-wrap .ht-team-member-span{
display: table-cell;
vertical-align: middle;
}
.ht-title-wrap{
background: rgba(255, 193, 7, 0.9);
color: #FFF;
padding: 10px;
position: absolute;
left: 10px;
bottom: 10px;
right: 10px;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
opacity: 1;
}
.ht-team-member:hover .ht-title-wrap{
opacity: 0;
}
.ht-team-member h6{
text-transform: uppercase;
font-weight: 400;
position: relative;
padding-bottom: 10px;
}
.ht-team-member .ht-title-wrap h6{
padding: 0;
margin: 0;
}
.ht-team-member h6 a{
text-decoration: none;
color: inherit;
}
.ht-team-member .ht-team-member-excerpt h6:after{
content: "";
position: absolute;
width: 50px;
left: 50%;
margin-left: -25px;
height: 2px;
background: #FFF;
bottom: -2px;
}
.ht-team-member .ht-team-designation{
font-size: 0.9em;
margin-bottom: 15px;
}
.ht-team-detail{
background: #FFF;
display: inline-block;
position: absolute;
right: 10px;
bottom: 10px;
color: #FFC107;
padding: 0 10px;
text-decoration: none;
line-height: 30px;
font-size: 0.9em;
}
.ht-team-detail:hover{
background: #333;
color: #FFF;
} #ht-counter-section{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
color: #FFF;
background-attachment: fixed;
position: relative;
background-position: 50% 0;
}
#ht-counter-section .ht-section{
background: none;
}
#ht-counter-section .ht-counter-overlay{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
}
#ht-counter-section .ht-container{
position: relative;
}
.ht-team-counter-wrap{
margin-left: -5%;
}
.ht-counter{
float: left;
width: 20%;
margin-left: 5%;
text-align: center;
border: 2px solid #FFC107;
border-top: 0;
padding: 0 20px 20px;
position: relative;
}
.ht-counter:after{
content: "";
position: absolute;
width: 30%;
left: 0;
top: 0;
height: 2px;
background: #FFC107;
}
.ht-counter:before{
content: "";
position: absolute;
width: 30%;
right: 0;
top: 0;
height: 2px;
background: #FFC107;
}
.ht-counter-count{
font-size: 48px;
line-height: 1;
margin-bottom: 25px;
letter-spacing: 3px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
.ht-counter-icon{
display: inline-block;
font-size: 36px;
color: #FFC107;
position: relative;
-ms-transform: translate(0, -17px);
-webkit-transform: translate(0, -17px);
transform: translate(0, -17px);
line-height: 36px;
}
.ht-counter-title{
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 15px;
font-weight: 400;
margin: 0;
} .ht_client_logo_slider img{
padding: 0 26px;
} #ht-testimonial-section{
padding: 60px 0 80px;
}
.ht-testimonial-wrap .owl-item img{
height: 100px;
width: 100px;
margin: 0 auto 20px;
border-radius: 50%;
border: 1px solid #FFC107;
padding: 5px;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.ht-testimonial-excerpt{
width: 80%;
margin: 0 auto 30px;
text-align: center;
position: relative;
}
.ht-testimonial-excerpt .fa-quote-left{
position: absolute;
top: 0;
left: -65px;
font-size: 60px;
color: #EEE;
z-index: -1;
}
.ht-testimonial h6{
text-align: center;
margin: 0;
}
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-prev,
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-next{
position: absolute;;
top: 50%;
margin-top: -25px;
background: #FFC107;
height: 50px;
width: 30px;
color: #FFF;
text-align: center;
line-height: 50px;
opacity: 0;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-prev{
left: 0;
}
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-next{
right: 0;
}
.ht-testimonial-wrap  .owl-carousel:hover .owl-nav .owl-prev,
.ht-testimonial-wrap  .owl-carousel:hover .owl-nav .owl-next{
opacity: 1;
}
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-next:hover,
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-prev:hover{
background: #333;
} #ht-blog-section{
background: #f6f6f6;
padding-bottom: 30px;
}
.ht-blog-wrap{
margin-left: -3%;
}
.ht-blog-post{
float: left;
margin-left: 3%;
width: 30.333%;
background: #FFF;
margin-bottom: 30px;
border-bottom: 6px solid #FFC107;
}
.ht-blog-post:nth-child(3n+1){
clear: both;
}
.ht-blog-thumbnail a{
display: block;
position: relative;
}
.ht-blog-thumbnail a:after{
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: rgba(255, 255, 255, 0.2);
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.ht-blog-thumbnail:hover a:after{
width: 100%;
}
.ht-blog-excerpt{
padding: 20px;
}
.ht-blog-excerpt h5{
font-weight: 400;
margin-bottom: 15px
}
.ht-blog-excerpt h5 a{
color: #444;
}
.ht-blog-date{
font-size: 14px;
color: #999;
margin-bottom: 10px;
}
.ht-blog-date .fa{
margin-right: 10px;
}
.ht-blog-read-more{
padding: 0 20px 20px;
text-align: right;
}
.ht-blog-read-more a{
display: inline-block;
background: #FFC107;
color: #FFF;
padding: 0 15px;
line-height: 38px;
text-align: center;
font-size: 16px;
border-radius: 1px;
}
.ht-blog-read-more a:hover{
background: #333;
color: #FFF;
} #ht-cta-section{
color: #FFF;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 0;
}
#ht-cta-section .ht-section{
padding: 80px 0;
background: none;
position: relative;
}
#ht-cta-section .ht-section-title-tagline{
margin-bottom: 40px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#ht-cta-section .ht-cta-overlay{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
}
#ht-cta-section .ht-container{
position: relative;
}
.ht-cta-buttons{
text-align: center;
}
.ht-cta-buttons a{
display: inline-block;
padding: 0 30px;
line-height: 52px;
color: #FFF;
border-radius: 1px;
margin: 0 4px;
font-family: 'Oswald', sans-serif;
}
.ht-cta-buttons a.ht-cta-button1{
background: #FFC107;
}
.ht-cta-buttons a.ht-cta-button2{
background: #333;
}
.ht-cta-buttons a.ht-cta-button1:hover{
background: #333;
color: #FFF;
}
.ht-cta-buttons a.ht-cta-button2:hover{
background: #FFC107;
color: #FFF;
} #ht-colophon{
background: url(//f-df.pl/wp-content/themes/total/images/footer-bg.jpg);
border-top: 4px solid #FFC107;
font-size: 16px;
}
.page-template-home-template #ht-colophon,
.home.blog #ht-colophon{
margin-top: 0
}
#ht-colophon a{
color: #BBB;
text-decoration: none;
}
#ht-colophon .widget-title{
letter-spacing: 1px;
text-transform: uppercase;
color: #BBB;
margin-bottom: 15px;
}
#ht-top-footer{
color: #BBB;
padding: 50px 0;
}
.ht-top-footer{
margin-left: -3%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.ht-footer{ width: 22%;
margin-left: 3%;
}
.ht-footer .widget{
margin-bottom: 30px;
}
.ht-footer .widget:last-child{
margin-bottom: 0;
}
.ht-footer ul{
list-style: none;
margin: 0;
padding: 0;
}
.ht-footer ul li{
padding: 2px 0 2px 0;
}
#ht-bottom-footer{
background: rgba(0,0,0,0.3);
padding: 30px 0;
color: #AAA;
line-height: 1.2;
text-align: center;
}
.ht-site-info a{
border-bottom: 1px dotted #AAA;
}
#ht-back-top{
position: fixed;
right: 10px;
bottom: 10px;
background: #111;
height: 60px;
width: 40px;
text-align: center;
color: #FFF;
line-height: 60px;
z-index: 99;
cursor: pointer;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
#ht-back-top:hover{
background: #FFC107;
}
#ht-back-top.ht-hide{
bottom: -100px;
} .error404 .error-404{
display: block;
text-align: center;
font-size: 200px;
color: #f9f9f9;
line-height: 1.2;
}
.error404 .oops-text{
text-align: center;
}
.toggle-bar{
display: none;
} .odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
border: 1px solid #dadada;
border-radius: 2px;
text-align: center;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
border-color: #FFC107
}
.woocommerce ul.products li.product a img{
margin-bottom: 0;
}
.woocommerce ul.products li.product .total-product-title-wrap{
padding: 20px 10px 0;
}
.woocommerce ul.products li.product a{
color: inherit;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3{
font-family: 'Pontano Sans', sans-serif;
margin: 0 0 6px;
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs{
margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
padding: 5px;
}
.woocommerce ul.products li.product .price{
font-weight: 500;
font-size: 20px;
color: #FFC107;
margin: 0;
}
.woocommerce ul.products li.product .price del{
display: inline;
color: #999;
opacity: 1;
}
.woocommerce ul.products li.product .price ins{
display: inline;
font-weight: 400;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
padding: 10px 20px;
font-weight: 400;
border-radius: 0;
color: #FFF;
background-color: #FFC107;
border:1px solid #FFC107;
height: 40px;
margin-bottom: -20px;
line-height: 20px;
font-size: 0.9em;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
background: #333;
border:1px solid #333;
color: #FFF;
}
.woocommerce ul.products li.product .button{
margin: 0;
transform: translateY(50%);
-ms-transform: translateY(50%);
-webkit-transform: translateY(50%);
font-size: 16px;
background-color: #FFF;
border:1px solid #dadada;
border-radius: 3px;
}
.woocommerce ul.products li.product:hover .button{
border-color: #FFC107;
background-color: #FFC107;
color: #FFF;
}
.woocommerce ul.products li.product .button.loading{
opacity: 1;
}
.woocommerce a.added_to_cart{
padding-top: 0;
position: absolute;
left: 0;
right: 0;
top: 100%;
margin-top: 25px;
font-size: 13px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
border-color: #FFC107;
background-color: #FFC107;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
background: #333;
border-color: #333;
color: #FFF;
}
.woocommerce nav.woocommerce-pagination ul{
border: 0;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li{
border: 0;
margin: 0 4px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
display: block;
background: #FFC107;
color: #FFF;
padding: 10px 15px;
line-height: 1;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
background: #333;
color: #FFF;
}
.woocommerce span.onsale{
min-height: 0;
min-width: 0;
padding: 0 15px;
font-weight: 400;
line-height: 26px;
border-radius: 0;
background-color: #FFC107;
color: #fff;
font-size: 14px;
margin: 10px 0 0 -6px;
top: 0;
left: 0;
}
.woocommerce span.onsale:after{
border-color: transparent #e8ae00 #e8ae00 transparent;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
bottom: 100%;
left: 0px;
}
.woocommerce ul.products li.product .onsale{
margin: 10px -6px 0 0;
}
.woocommerce ul.products li.product .onsale:after{
border-color: transparent transparent #e8ae00 #e8ae00;
border-width: 3px;
border-style: solid;
right: 0px;
left: auto;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color: #FFC107
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins{
font-weight: 400;
}
.woocommerce .product_meta{
font-size: 15px;
}
.woocommerce .product_meta a{
color: inherit;
}
.woocommerce .product_meta a:hover{
color: #FFC107;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
padding: 0;
border-bottom: 2px solid #FFC107;
padding-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 0;
font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
background-color: #333;
border-radius: 0;
margin: 0 6px 0 0;
padding: 0 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
background: #FFC107;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
color: #FFF !important;
}
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{
font-size: 22px;
margin-bottom: 30px;
}
.woocommerce-Reviews .comment-form-author,
.woocommerce-Reviews .comment-form-email{
width: 100%;
}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{
width: 100%;
}
.related.products h2{
margin-bottom: 30px;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled]{
background: #FFC107;
padding: 10px 20px;
color: #FFF;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover{
background: #333;
color: #FFF;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover{
background: #FFC107;
border-color: #FFC107;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
line-height: 40px;
font-size: inherit;
padding: 0;
}
.select2-container .select2-choice{
border: 1px solid #EEE;
font-size: 0.9em;
color: inherit;
border-radius: 0;
}
.select2-results{
font-size: 0.9em;
color: inherit;
}
.select2-drop-active{
border-color: #EEE;
}
.select2-drop.select2-drop-above.select2-drop-active{
border-color: #EEE;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
border-top-color: #FFC107;
font-size: 0.9em;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before{
color: #FFC107;
}
.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button{
padding: 5px 20px;
line-height: 1;
height: auto;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{
font-weight: 400;
}
#customer_details{
margin-bottom: 40px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register{
border: 1px solid #EEE;
border-radius: 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
float: none;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li{
padding-top: 4px;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a{
font-weight: 400;
}
.woocommerce a.remove{
font-family: Arial;
font-weight: normal;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove{
top: 8px;
}
.woocommerce .widget_layered_nav ul li{
padding: 5px 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
background-color: #FFF;
border: 4px solid #FFC107;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
background-color: #FFC107
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
background-color: #EEE;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
height: 20px;
width: 20px;
top: -6px;
margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
list-style: none;
}
.woocommerce-MyAccount-navigation-link a{
background: #FFC107;
color: #FFF;
padding: 10px 20px;
margin-bottom: 5px;
display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{
background: #333;
}
@media screen and (max-width: 1200px){
.ht-main-navigation li {
margin-left: 0px;
}
.ht-container{
width: auto;
padding: 0 15px;
}
.ht-slide-caption{
width: 80%;
margin-left: -40%;
}
.ht-main-navigation a {
font-size: 10px !important;
}
}
@media screen and (max-width: 1000px){
.circle_background_logo {
border-radius: 0;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: unset;
border-left: unset;
border-right: unset;
width: unset;
}
.custom-logo{
padding: 0;
border-radius: unset;
border: unset;
height: auto;
width: 75px !important;
}
.circle_background_logo:before {
display: none;
}
.circle_background_logo:after {
display: none;
}
.toggle-bar{
display: block;
position: absolute;
top: 22px;
right: 20px;
height: 50px;
width: 50px;
background: #FFC107;
cursor: pointer;
}
.toggle-bar span{
position: absolute;
top: 50%;
margin-top: -2px;
height: 4px;
left: 8px;
right: 8px;
background: #FFF;
box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
}
.ht-sticky-header #ht-masthead{
position: relative;
}
.ht-sticky#ht-masthead{
height: 94px;
}
#ht-site-navigation{
width: 20%;
}
#ht-site-branding{
width: 80%;
float: left;
}
.ht-sticky #ht-site-branding{
padding: 15px 0;
}
.ht-sticky-header #ht-content{
padding-top: 0;
}
.ht-main-navigation .ht-menu{
display: none;
position: absolute;
left: 0;
right: 0;
top: 90px;
background: #FFC107; z-index: 1000000000000000000000;
}
.ht-main-navigation li{
float: none;
margin-left: 0;
text-align: center;
}
.ht-main-navigation a,
.ht-main-navigation ul ul a{
line-height: 1.3;
padding: 15px 20px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.page-template-home-template .ht-main-navigation .current_page_item > a,
.page-template-home-template .ht-main-navigation .current-menu-item > a,
.page-template-home-template .ht-main-navigation .current_page_ancestor > a,
.home.blog .ht-main-navigation .current_page_item > a,
.home.blog .ht-main-navigation .current-menu-item > a,
.home.blog .ht-main-navigation .current_page_ancestor > a,
.ht-main-navigation a{
color: #FFF;
}
.ht-main-navigation ul ul{
position: static;
padding: 0;
margin-top: 0;
box-shadow: none;
}
.ht-main-navigation ul ul ul{
margin: 0;
}
.menu-item-has-children .ht-dropdown,
.menu-item-has-children ul .ht-dropdown{
position: absolute;
height: 26px;
width: 26px;
border: 1px solid rgba(255, 252, 252, 0.6);
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 4px;
}
.menu-item-has-children .ht-dropdown:after,
.menu-item-has-children ul .ht-dropdown:after{
content: '\f107';
font-family: FontAwesome;
vertical-align: middle;
line-height: 26px;
display: block;
}
.menu-item-has-children .ht-opened.ht-dropdown:after,
.menu-item-has-children ul .ht-opened.ht-dropdown:after{
content: '\f106';
}
.ht-main-navigation ul li:hover > ul{
display: none;
}
.ht-main-navigation ul ul{
background: none;
}
.ht-main-navigation ul ul a{
color: #FFF;
}
#ht-team-section{
padding-bottom: 30px;
}
.ht-team-member{ }
.ht-team-member-wrap{
display: flex;
justify-content: space-around;
}
}
@media screen and (max-width: 768px){
.small_inputs label{
width: 100%;
padding:10px;
}c
.circle_background_logo{
background: transparent;
}
.small_inputs label input{
width: 100%;
margin-top:10px;
}
.big_inputs label{
width: 100%;
padding: 10px;
}
.small_inputs_2 label{
width: 100%;
padding:10px;
}
.big_inputs {
flex-wrap: wrap;
}
.ht-section-title,
.ht-section-tagline{
width: auto;
}
.custom-logo-link:before{
display: none;
}
.custom-logo-link:after{
display: none;
}
.circle_background_logo {
border-radius: 0;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: unset;
border-left: unset;
border-right: unset;
width: unset;
}
.custom-logo{
padding: 0;
border-radius: unset;
border: unset;
height: auto;
width: 75px !important;
}
.circle_background_logo:before {
display: none;
}
.circle_background_logo:after {
display: none;
}
#ht-site-branding{ padding: 5px 0px 15px 0;
}
#ht-about-us-section .ht-container{
display: block;
}
.ht-about-sec{
width: auto;
float: none;
padding: 0;
margin-bottom: 30px;
}
.ht-about-image{
width: auto;
float: none;
padding: 0;
text-align: center;
}
.ht-featured-post-wrap{
margin-left: 0;
}
.ht-featured-post{
float: none;
margin: 0 auto 80px;
width: 75%;
}
.ht-featured-post:last-child{
margin-bottom: 0;
}
.ht-portfolio-cat-name-list{
text-align: center;
}
.ht-service-left-bg{ }
.ht-service-posts{
float: none;
width: auto;
padding: 0;
}
#ht-service-post-section{
padding: 60px 0;
}
#ht-counter-section{
background-size: cover;
background-position: center !important;
}
.ht-counter{
width: 45%;
margin-bottom: 60px;
}
#ht-counter-section{
padding-bottom: 0;
}
.ht-blog-wrap{
margin: 0;
}
.ht-blog-post{
width: 75%;
margin: 0 auto 30px;
float: none;
}
.ht-blog-post img{
width: 100%;
}
#ht-cta-section{
background-size: cover;
background-position: center !important;
}
.ht-top-footer{
margin-left: 0;
}
.ht-footer{
width: auto;
margin: 0 0 30px;
float: none;
}
.ht-footer:last-child{
margin-bottom: 0;
}
.ht-slide-cap-title{
font-size: 24px;
font-size: 4vw;
margin-bottom: 10px;
}
.ht-slide-cap-desc{
font-size: 14px;
font-size: 3vw;
}
#primary{
width: auto !important;
float: none !important;
margin-bottom: 30px;
}
#secondary{
width: auto !important;
float: none !important;
margin-bottom: 30px;
}
.wrapper_for_orange_buttons{
flex-direction: column;
}
.container_for_orange_buttons{
display: flex;
justify-content: center;
}
}
@media screen and (max-width: 580px){
#ht-home-slider-section .bx-wrapper .bx-controls-direction a,
.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
display: none;
}
.ht-team-member-wrap{
margin-left: 0;
display: flex;
flex-wrap: wrap;
}
.ht-team-member{
width: 40%;
float: none;
margin: 0 auto 30px;
}
.ht-team-counter-wrap{
margin-left: 0;
}
.ht-counter{
width: 75%;
float: none;
margin: 0 auto 60px;
}
.ht-portfolio{
width: 50%;
padding: 4px;
}
.ht-portfolio-caption{
background: none !important;
opacity: 1;
}
.ht-portfolio-caption h5,
.ht-portfolio-caption a.ht-portfolio-link,
.ht-portfolio-caption a.ht-portfolio-image{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.ht-portfolio-caption h5{
background: rgba(0,0,0,0.2);
padding: 10px;
left: 0;
right: 0;
top: 0;
text-align: center;
}
.ht-portfolio-caption a{
right: 0;
bottom: 0;
margin: 0 5px;
}
.ht-portfolio-caption a.ht-portfolio-image{
right: 46px;
}
}
@media screen and (max-width: 480px){
.ht-blog-post,
.ht-featured-post{
width: auto;
}
.ht-team-member-wrap{
margin-left: 0;
display: flex;
flex-wrap: wrap;
}
.ht-team-member,
.ht-counter{
width: 45%;
float: none;
}
.ht-testimonial-excerpt{
width: auto;
}
.ht-testimonial-excerpt .fa-quote-left{
left: 0;
}
.ht-cta-buttons a{
display: block;
margin: 0 0 15px;
}
.ht-post-info{
float: none;
width: auto;
margin-bottom: 20px;
}
.ht-post-wrapper{
padding-left: 0;
}
.support_wrapper {
flex-direction: column;
}
.support_left_column{
width: 100% !important;
padding-right: 0px !important;
}
.supprt_right_column{
width: 100% !important;
padding-left: 0px !important;
}
}
@media screen and (min-width: 1001px){
.ht-main-navigation .ht-menu{
display: block !important;
}
}
@media screen and (min-width: 1200px){
.smls-grid-pad-container{
max-height:unset !important;
}
.smls-main-logo-wrapper:nth-of-type(3) .smls-grid-image-wrap{
width:10%;
}
.ht-service-left-bg{
background-attachment: fixed;
}
}
.support_left_inner_wrapper{
font-family: Open Sans !important;
color:#000;
}
.support_right_column_title{
font-weight: bold;
}
.support_left_column_title{
font-weight: bold;
margin-bottom: 15px !important;
}
.support_left_column p{
margin-bottom: 0;
}
.change_logo_size{
width:35px !important;
}
 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
.animated.bounceIn,
.animated.bounceOut {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
.animated.flipOutX,
.animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
@keyframes bounce {
from, 20%, 53%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0,-4px,0);
transform: translate3d(0,-4px,0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
from, 50%, to {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
} @-webkit-keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
from, to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
from {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
} @-webkit-keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
from {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
to {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
@keyframes jello {
from, 11.1%, to {
-webkit-transform: none;
transform: none;
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg);
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg);
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg);
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg);
}
66.6% {
-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
77.7% {
-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
transform: skewX(0.390625deg) skewY(0.390625deg);
}
88.8% {
-webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center;
}
@-webkit-keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
from, 20%, 40%, 60%, 80%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97);
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
}
@-webkit-keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
to {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
from, 60%, 75%, 90%, to {
-webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
from {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
from {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
}
@-webkit-keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
from {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
to {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
from {
opacity: 1;
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
} @-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
} @-webkit-keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
from {
opacity: 1;
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
@keyframes zoomOut {
from {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
to {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible;
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
-moz-backface-visibility: hidden; }
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-item img {
display: block;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .animated {
-webkit-animation-duration: 300ms;
animation-duration: 300ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//f-df.pl/wp-content/themes/total/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 100ms ease;
transition: -webkit-transform 100ms ease;
transition: transform 100ms ease;
transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}.nivo-lightbox-overlay *{
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
.nivo-lightbox-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 9999999;
width: 100%;
height: 100%;
overflow: hidden;
visibility: hidden;
opacity: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.nivo-lightbox-overlay.nivo-lightbox-open {
visibility: visible;
opacity: 1;
}
.nivo-lightbox-wrap  {
position: absolute;
top: 10%;
bottom: 10%;
left: 10%;
right: 10%;
}
.nivo-lightbox-content {
width: 100%;
height: 100%;
}
.nivo-lightbox-title-wrap {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 99999;
text-align: center;
}
.nivo-lightbox-nav { display: none; }
.nivo-lightbox-prev {
position: absolute;
top: 50%;
left: 0;
}
.nivo-lightbox-next {
position: absolute;
top: 50%;
right: 0;
}
.nivo-lightbox-close {
position: absolute;
top: 2%;
right: 2%;
}
.nivo-lightbox-image { text-align: center; }
.nivo-lightbox-image img {
max-width: 100%;
max-height: 100%;
width: auto;
height: auto;
vertical-align: middle;
}
.nivo-lightbox-content iframe {
width: 100%;
height: 100%;
}
.nivo-lightbox-inline,
.nivo-lightbox-ajax {
max-height: 100%;
overflow: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.nivo-lightbox-error {
display: table;
text-align: center;
width: 100%;
height: 100%;
color: #fff;
text-shadow: 0 1px 1px #000;
}
.nivo-lightbox-error p {
display: table-cell;
vertical-align: middle;
} .nivo-lightbox-notouch .nivo-lightbox-effect-fade,
.nivo-lightbox-notouch .nivo-lightbox-effect-fadeScale,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideLeft,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideRight,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideUp,
.nivo-lightbox-notouch .nivo-lightbox-effect-slideDown,
.nivo-lightbox-notouch .nivo-lightbox-effect-fall {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
} .nivo-lightbox-effect-fadeScale .nivo-lightbox-wrap {
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.nivo-lightbox-effect-fadeScale.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
} .nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-ms-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
-o-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.nivo-lightbox-effect-slideLeft .nivo-lightbox-wrap {
-webkit-transform: translateX(-10%);
-moz-transform: translateX(-10%);
-ms-transform: translateX(-10%);
transform: translateX(-10%);
}
.nivo-lightbox-effect-slideRight .nivo-lightbox-wrap {
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
transform: translateX(10%);
}
.nivo-lightbox-effect-slideLeft.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideRight.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.nivo-lightbox-effect-slideDown .nivo-lightbox-wrap {
-webkit-transform: translateY(-10%);
-moz-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
}
.nivo-lightbox-effect-slideUp .nivo-lightbox-wrap {
-webkit-transform: translateY(10%);
-moz-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%);
}
.nivo-lightbox-effect-slideUp.nivo-lightbox-open .nivo-lightbox-wrap,
.nivo-lightbox-effect-slideDown.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
} .nivo-lightbox-body-effect-fall .nivo-lightbox-effect-fall {
-webkit-perspective: 1000px;
-moz-perspective: 1000px;
perspective: 1000px;
}
.nivo-lightbox-effect-fall .nivo-lightbox-wrap {
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: translateZ(300px);
-moz-transform: translateZ(300px);
-ms-transform: translateZ(300px);
transform: translateZ(300px);
}
.nivo-lightbox-effect-fall.nivo-lightbox-open .nivo-lightbox-wrap {
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.nivo-lightbox-theme-default.nivo-lightbox-overlay { 
background: #666;
background: rgba(0,0,0,0.6); 
}
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { background: url(//f-df.pl/wp-content/themes/total/css/loading.gif) no-repeat 50% 50%; }
.nivo-lightbox-theme-default .nivo-lightbox-nav {
top: 10%;
width: 8%;
height: 80%;
text-indent: -9999px;
background-repeat: no-repeat;
background-position: 50% 50%;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-nav:hover { 
opacity: 1; 
background-color: rgba(0,0,0,0.5);
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
background-image: url(//f-df.pl/wp-content/themes/total/css/images/prev.png); 
border-radius: 0 3px 3px 0;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
background-image: url(//f-df.pl/wp-content/themes/total/css/images/next.png); 
border-radius: 3px 0 0 3px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
display: block;
background: url(//f-df.pl/wp-content/themes/total/css/images/close.png) no-repeat 5px 5px;
width: 16px;
height: 16px;
text-indent: -9999px;
padding: 5px;
opacity: 0.5;
}
.nivo-lightbox-theme-default .nivo-lightbox-close:hover { opacity: 1; }
.nivo-lightbox-theme-default .nivo-lightbox-title-wrap { bottom: -7%; }
.nivo-lightbox-theme-default .nivo-lightbox-title {
font: 14px/20px 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
background: #000;
color: #fff;
padding: 7px 15px;
border-radius: 30px;
}
.nivo-lightbox-theme-default .nivo-lightbox-image img {
background: #fff;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
.nivo-lightbox-theme-default .nivo-lightbox-ajax,
.nivo-lightbox-theme-default .nivo-lightbox-inline {
background: #fff;
padding: 40px;
-webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
box-shadow: 0px 1px 1px rgba(0,0,0,0.4);
}
@media (-webkit-min-device-pixel-ratio: 1.3),
(-o-min-device-pixel-ratio: 2.6/2),
(min--moz-device-pixel-ratio: 1.3),
(min-device-pixel-ratio: 1.3),
(min-resolution: 1.3dppx) {
.nivo-lightbox-theme-default .nivo-lightbox-content.nivo-lightbox-loading { 
background-image: url(//f-df.pl/wp-content/themes/total/css/images/loading@2x.gif); 
background-size: 32px 32px;
}
.nivo-lightbox-theme-default .nivo-lightbox-prev { 
background-image: url(//f-df.pl/wp-content/themes/total/css/images/prev@2x.png); 
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-next { 
background-image: url(//f-df.pl/wp-content/themes/total/css/images/next@2x.png); 
background-size: 48px 48px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close { 
background-image: url(//f-df.pl/wp-content/themes/total/css/images/close@2x.png); 
background-size: 16px 16px;
}
}html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust:     100%;
}
.per{
background-image: url(https://f-df.pl/wp-content/uploads/2023/01/1-5_procent_CMYK-300x141.png);
background-size: contain;
background-repeat: no-repeat; font-size: 0.0001em;
text-indent: -9999px;
background-position: center;
} body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
display: block;
margin: 0;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
}
hr {
box-sizing: content-box;
height: 0;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
margin-right: 10px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
} body,
button,
input,
select,
textarea {
color: #444;
font-size: 18px;
line-height: 1.6;
font-family: 'Pontano Sans', sans-serif;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
font-weight: 300;
line-height: 1.2;
font-family: 'Oswald', sans-serif;
}
h1{
font-size: 28px;
margin-bottom: 15px;
}
h2{
font-size: 26px;
margin-bottom: 15px;
}
h3{
font-size: 24px;
margin-bottom: 15px;
}
h4{
font-size: 22px;
margin-bottom: 10px;
}
h5{
font-size: 20px;
margin-bottom: 10px;
}
h6{
font-size: 18px;
margin-bottom: 10px;
}
p {
margin:0 0 15px;
}
dfn,
cite,
em,
i {
font-style: italic;
}
blockquote {
margin: 0 15px;
}
address {
margin: 0 0 15px;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.6;
margin-bottom: 15px;
max-width: 100%;
overflow: auto;
padding: 15px;
}
code,
kbd,
tt,
var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
}
abbr,
acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark,
ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
} html {
box-sizing: border-box;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; }
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
}
blockquote,
q {
quotes: "" "";
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 15px;
}
ul,
ol {
margin: 0 0 15px 20px;
padding: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 15px;
}
dt {
font-weight: bold;
}
dd {
margin: 0 15px 15px;
}
img {
height: auto; max-width: 100%; vertical-align: middle;
}
table {
margin: 0 0 15px;
width: 100%;
} button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
background: #FFC107;
padding: 0 20px;
height: 40px;
color: #FFF;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #333;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
color: #404040;
border: 1px solid #EEE;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
vertical-align: top;
}
select {
border: 1px solid #EEE;
height: 40px;
padding: 3px 40px 3px 8px;
background-color: transparent;
line-height: 100%;
outline: 0;
background-image: url(//f-df.pl/wp-content/themes/total-child/images/arrow.png);
background-position: right center;
background-repeat: no-repeat;
position: relative;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
outline: 0;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
padding: 3px 8px;
height: 40px;
}
textarea {
padding: 8px;
width: 100%;
} a {
color: #FFC107;
text-decoration: none;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
a:visited {
}
a:hover{
color: #FFC107;
}
a:focus {
outline: 0;
}
a:hover,
a:active {
outline: 0;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.circle_background_logo{
background: #00002c !important; z-index: 1000000000;
position: relative;
border-radius: 0 0 80px 80px;
padding-bottom: 15px;
padding-left: 20px;   width: 145px;
}
.custom-logo{
transition:0.2s;
}
.custom-logo-link{
position: relative;
}
.circle_background_logo_before{ height: 82px;
width: 3px;
position: absolute;
left: -1px;
z-index: 11111111111;
}
.circle_background_logo_after{ height: 83px;
width: 4px;
position: absolute;
right: -2px;
z-index: 1000000001;
top: 0;
}
.circle_background_logo:before{
content: "";
background: #00002c !important;
height: 82px;
width: 3px;
position: absolute;
left: -1px;
display: none !important;
z-index: 11111111111;
}
.circle_background_logo:after{
content: "";
background: #00002c !important;
height: 83px;
width: 4px;
position: absolute;
right: -1px;
display: none !important;
z-index: 1000000001;
top: 0;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } .alignleft {
display: inline;
float: left;
margin-right: 15px;
}
.alignright {
display: inline;
float: right;
margin-left: 15px;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
} .ht-clearfix:before,
.ht-clearfix:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-footer:before,
.site-footer:after,
.ht-container:before,
.ht-container:after {
content: "";
display: table;
}
.ht-clearfix:after,
.entry-content:after,
.comment-content:after,
.site-footer:after,
.ht-container:after {
clear: both;
} .widget {
margin: 0 0 15px;
} .widget select {
max-width: 100%;
} .widget_search .search-submit {
display: none;
} .sticky {
display: block;
}
.hentry {
margin: 0 0 30px;
}
.total-hentry {
margin: 0 0 50px;
}
.byline,
.updated:not(.published) {
display: none;
}
.page-content,
.entry-content{
margin-bottom: 50px;
}
.page-template-page-builder-template .page-content{
margin-bottom: 0;
}
.page-links {
clear: both;
margin: 0 0 15px;
}
#primary{
width: 70%;
float: left;
}
#secondary{
width: 27%;
float: right;
}
.ht_no_sidebar #primary{
width: auto;
float: none;
}
.ht_no_sidebar_condensed #primary{
width: 76%;
float: none;
margin: 0 auto;
}
.ht_left_sidebar #primary{
float: right;
}
.ht_left_sidebar #secondary{
float: left;
}
.ht-post-info{
float: left;
width: 80px;
text-align: right;
font-family: 'Oswald', sans-serif;
}
.single .ht-post-info{
margin-right: 30px;
margin-bottom: 20px;
}
.ht-post-info .entry-date{
display: block;
font-size: 0.9em;
margin-bottom: 20px;
}
.ht-post-info .entry-date span{
display: block;
text-transform: uppercase;
}
.ht-post-info .entry-date span.ht-day{
font-size: 60px;
line-height: 1.3;
color: #FFC107;
}
.ht-post-info a{
display: block;
text-decoration: none;
line-height: 1.4;
padding: 20px 0 0;
text-transform: uppercase;
border-top: 1px solid #EEE;
font-size: 12px;
color: #444;
font-weight: 300;
}
.ht-post-wrapper{
padding-left: 105px;
}
.entry-figure{
background: #f9f9f9;
text-align: center;
margin-bottom: 15px;
}
.entry-header .entry-title{
font-weight: 300;
letter-spacing: 1px;
margin-bottom: 10px;
}
.entry-figure + .entry-header{
background: #FFF;
position: relative;
margin-top: -65px;
width: 90%;
padding: 15px 0 1px;
}
.entry-header .entry-title a{
text-decoration: none;
color: #333;
}
.entry-categories{
font-size: 14px;
color: #666;
font-style: italic;
margin-bottom: 15px;
}
.entry-categories .fa{
color: #FFC107;
margin-right: 8px;
}
.entry-categories a{
color: #666;
text-decoration: none;
}
.entry-readmore{
margin-top: 20px;
}
.entry-readmore a{
background: #FFC107;
padding: 0 20px;
line-height: 40px;
color: #FFF;
border: 0;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
display: inline-block;
}
.entry-readmore a:hover{
background: #333;
color: #FFF;
} .widget-area .widget-title{
position: relative;
padding-bottom: 10px;
margin-bottom: 20px;
}
.widget-area .widget-title:after{
content:"";
position: absolute;
left: 0;
top: 100%;
width: 30px;
background: #FFC107;
height: 2px;
}
.widget-area ul{
list-style: none;
padding: 0;
margin: 0;
}
.widget-area ul ul{
border-top: 1px solid #f9f9f9;
margin-top: 5px;
}
.widget-area ul ul li{
padding-left: 10px;
}
.widget-area ul ul li:last-child{
border-bottom: 0;
padding-bottom: 0;
}
.widget-area li{
padding: 5px 0;
border-bottom: 1px solid #f9f9f9;
}
.widget-area a{
text-decoration: none;
color: #404040;
}
.widget-area a:hover{
color: #FFC107
}
.widget-area .widget{
margin-bottom: 35px;
}
.widget-area .widget .search-field{
width: 100%;
} .comment-content a {
word-wrap: break-word;
}
.bypostauthor {
display: block;
}
.author-email-url{
margin-left: -2%;
}
.comment-form-author,
.comment-form-email,
.comment-form-url{
float: left;
margin-left: 2%;
width: 31.33333%;
}
.author-email-url input{
width: 100%;
}
.comment-form .form-submit{
margin-bottom: 0
}
#comments{
margin-bottom: 50px;
}
h3#reply-title,
h3.comments-title{
position: relative;
padding-bottom: 15px;
margin-bottom: 30px;
}
h3#reply-title:after,
h3.comments-title:after{
content: "";
position: absolute;
left: 0;
top: 100%;
width: 30px;
background: #FFC107;
height: 2px;
}
.logged-in-as,
.comment-notes{
font-size: 0.9em;
}
#comments ul{
list-style: none;
margin: 0;
padding: 0;
}
#comments li.comment{
margin: 0 0 40px;
}
#comments li.comment .children{
display: block;
margin: 20px 0 0 30px;
padding: 0px;
list-style: none;
}
article.comment-body {
background: #fff;
margin: 0px;
position: relative;
}
.comment-list a{
color: #404040;
}
.comment-list a:hover{
color: #FFC107 !important;
}
.comment-list .comment-respond{
margin-top: 20px;
background: #FFF;
padding: 20px;
}
.comment-list .vcard img {
border-radius: 50%;
margin-right: 10px;
}
.comment-list .vcard .fn{
font-weight: normal;
font-size: 16px;
}
.comment-list .edit-link{
position: absolute;
right: 0;
top: 0;
}
.comment-list .edit-link a{
font-size: 14px;
display: inline-block;
padding: 10px;
}
.comment-list .comment-meta {
margin-bottom: 15px;
}
.comment-list .comment-metadata {
border-top: 1px solid #EEE;
padding-top: 10px;
font-size: 14px;
}
.comment-list .comment-metadata a {
float: left;
}
.comment-list .comment-metadata .reply {
float: right;
}
#cancel-comment-reply-link {
float: right;
}
.nav-previous a,
.nav-next a{
background: #FFC107;
color: #FFF;
display: inline-block;
padding: 0 10px;
font-size: 12px;
line-height: 22px;
position: relative;
}
.nav-next a{
margin-right: 13px;
}
.nav-next a:after{
content: "";
position: absolute;
border-left: 11px solid #FFC107;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
top: 0;
right: -11px;
}
.nav-previous a{
margin-left: 11px;
}
.nav-previous a:after{
content: "";
position: absolute;
border-right: 11px solid #FFC107;
border-top: 11px solid transparent;
border-bottom: 11px solid transparent;
top: 0;
left: -11px;
}
.no-comments{
color: #FFC107;
}
.pagination,
.woocommerce nav.woocommerce-pagination{
text-align: center;
margin-bottom: 50px;
}
.home.blog .pagination{
margin-bottom: 40px;
}
.pagination .page-numbers{
display: inline-block;
margin: 0 2px;
background: #FFC107;
color: #FFF;
padding: 10px 15px;
line-height: 1;
}
.pagination .page-numbers.current,
.pagination .page-numbers:hover{
background: #333;
color: #FFF;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .wp-caption {
margin-bottom: 15px;
max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
display: block;
margin: 0 auto;
}
.wp-caption-text {
text-align: center;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
} .gallery {
margin-bottom: 15px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-caption {
display: block;
} .ht-container{
width: 1170px;
margin: 0 auto;
} #ht-masthead{
border-top: 4px solid #FFC107;
background:#000012;
background-color: #00002c !important;
height: 94px; border-bottom: 1px solid #F1F1F1;
z-index: 99;
transition: height 0.3s ease;
-moz-transition: height 0.3s ease;
-webkit-transition: height 0.3s ease;
}
.blog.home #ht-masthead{
margin-bottom: 40px;
}
.ht-sticky-header #ht-masthead{
position: fixed;
left: 0;
right: 0;
}
.ht-sticky#ht-masthead{
height: 74px;
}
#ht-content{
clear: both;
}
.ht-sticky-header #ht-content{
position: relative;
z-index: 9;
padding-top: 94px;
}
.home.blog.ht-sticky-header #ht-content{
padding-top: 134px;
}
#ht-site-branding{
float: left;
width: 30%;
padding: 5px 0 15px 0;
transition: padding 0.3s ease;
-moz-transition: padding 0.3s ease;
-webkit-transition: padding 0.3s ease;
}
.ht-sticky #ht-site-branding{
padding: 5px 0;
}
#ht-site-branding img{
max-height: 125px;
width: auto;
}
header .ht-container{
display: flex;
align-self: center;
}
.img_for_child{
height: 400px;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.child_wrapper{
padding-bottom: 30px;
}
.ht-main-header{
background: #f9f9f9;
padding: 65px 0;
margin-bottom: 40px;
}
.ht-main-title{
margin: 0 15px 0 15px;
letter-spacing: 1px;
font-weight: 400;
text-transform: uppercase;
}
.ht-main-title:last-child{
margin-bottom: 0;
}
.ht-site-title{
font-family: 'Oswald', sans-serif;
font-weight: 400;
margin: 0 0 8px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 32px;
line-height: 1;
}
.ht-site-title a{
text-decoration: none;
color: #FFC107;
}
.ht-site-description{
color: #EEE;
margin: 0;
font-size: 15px;
font-style: italic;
line-height: 1;
}
.ht-site-description a{
color: #333;
}
.breadcrumb-trail,
.woocommerce .woocommerce-breadcrumb{
font-size: 15px;
margin: 0;
color: inherit;
}
.breadcrumb-trail ul{
list-style: none;
margin: 0;
padding: 0;
}
.breadcrumb-trail ul li{
display: inline-block;
}
.breadcrumb-trail ul li:after{
content: "/";
margin: 0 6px;
}
.breadcrumb-trail ul li:last-child:after{
display: none;
}
.woocommerce .woocommerce-breadcrumb a,
.breadcrumb-trail a{
color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover,
#total-breadcrumbs a:hover{
color: #FFC107;
}
.taxonomy-description,
.term-description{
margin-bottom: 15px;
}
.taxonomy-description p:last-child,
.term-description p:last-child{
margin-bottom: 0;
} .ht-section{
padding: 60px 0;
background: #FFF;
}
.ht-section-title-tagline{
margin-bottom: 60px;
text-align: center;
}
.ht-section-title{
font-weight: 400;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 36px;
width: 60%;
margin: 0 auto 15px;
}
.ht-section-title:last-child{
margin-bottom: 0;
}
.ht-section-tagline{
font-size: 20px;
width: 70%;
margin: 0 auto;
} #ht-site-navigation{
float: right;
width: 70%;
padding: 27px 0;
transition: padding 0.3s ease;
-moz-transition: padding 0.3s ease;
-webkit-transition: padding 0.3s ease;
}
.ht-sticky #ht-site-navigation{
padding: 17px 0;
}
.ht-main-navigation .ht-menu{
float: right;
}
.ht-main-navigation ul {
list-style: none;
margin: 0;
padding-left: 0;
}
.ht-main-navigation a {
font-weight: 600;
position: relative;
display: block;
text-decoration: none;
color: #444;
text-transform: unset;
font-size: 14px;
font-family: "Pontano Sans", sans-serif;
line-height: 36px;
padding: 0 5px; transition: none;
-moz-transition: none;
-webkit-transition: none;
}
.ht-main-navigation ul ul {
display: none;
position: absolute;
left: 0;
top: 100% ;
background: #FFF;
min-width: 200px;
z-index: 999;
padding: 8px;
margin-top: 27px;
border-top: 2px solid #FFC107;
box-shadow: 2px 2px 8px rgba(0,0,0,0.05)
}
.ht-sticky .ht-main-navigation ul ul{
margin-top: 17px;
}
.ht-main-navigation .ht-menu > ul > li:last-child > ul{
left: auto;
right: 0;
}
.ht-main-navigation ul ul ul {
left: 100%;
top: 0;
margin: 0 0 0 8px;
border-top: 0;
}
.ht-sticky .ht-main-navigation ul ul ul{
margin-top: 0
}
.ht-main-navigation ul ul a {
text-transform: none;
font-weight: 400;
color: #444;
line-height: 1.5;
padding: 10px 15px;
font-size: 14px;
}
.ht-main-navigation ul ul li {
float: none;
margin: 0 0 5px;
}
.ht-main-navigation ul ul li:last-child{
margin-bottom: 0;
}
.ht-main-navigation ul li:hover > ul {
display: block;
}
.page-template-home-template .ht-main-navigation .current_page_item > a,
.page-template-home-template .ht-main-navigation .current-menu-item > a,
.page-template-home-template .ht-main-navigation .current_page_ancestor > a,
.home.blog .ht-main-navigation .current_page_item > a,
.home.blog .ht-main-navigation .current-menu-item > a,
.home.blog .ht-main-navigation .current_page_ancestor > a{
background-color: rgba(211,211,211,.3) !important;
color: #FFF !important;
}
.ht-main-navigation li:hover > a,
.page-template-home-template .ht-main-navigation li:hover > a,
.home.blog .ht-main-navigation li:hover > a,
.ht-main-navigation .current_page_item > a,
.ht-main-navigation .current-menu-item > a,
.ht-main-navigation .current_page_ancestor > a,
.page-template-home-template .ht-main-navigation .current > a,
.home.blog .ht-main-navigation .current > a {
background-color: rgba(211,211,211,.3) !important;
color: #FFF;
} .menu-item-has-children .ht-dropdown{
position: relative;
right: -5px;
}
.menu-item-has-children .ht-dropdown:after {
content: '\f107';
font-family: FontAwesome;
} .menu-item-has-children ul .ht-dropdown{
position: absolute;
top: 50%;
right: 5px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.menu-item-has-children ul .ht-dropdown:after {
content: '\f105';
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
margin: 0 0 15px;
overflow: hidden;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
float: left;
width: 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
float: right;
text-align: right;
width: 50%;
} #ht-home-slider-section{
clear: both;
}
.ht-slide{
position: relative;
}
.ht-slide img{
width: 100%;
}
.ht-slide-overlay{
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.2);
}
.ht-slide-caption{
position: absolute;
top: 50%;
left: 50%;
width: 1170px;
margin-left: -585px;
-ms-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.ht-slide-cap-title{
text-align: center;
font-size: 38px;
color: #FFF;
font-weight: 400;
margin-bottom: 25px;
padding: 0 10%;
line-height: 1.2;
font-family: 'Oswald', sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}
.ht-slide-cap-title span{
display: inline-block;
padding: 8px 15px;
background: #FFC107;
}
.ht-slide-cap-desc{
text-align: center;
font-size: 25px;
line-height: 1.4;
color: #FFF;
padding: 0 20%;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 1s;
animation-delay: 1s;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2)
}
#ht-home-slider-section .owl-carousel .owl-nav .owl-prev,
#ht-home-slider-section .owl-carousel .owl-nav .owl-next{
position: absolute;
top: 50%;
text-indent: -9999px;
height: 70px;
width: 50px;
margin-top: -35px;
opacity: 0.6;
}
#ht-home-slider-section .owl-carousel .owl-nav > div:hover{
opacity: 1;
}
#ht-home-slider-section .owl-carousel .owl-nav .owl-prev{
background: url(//f-df.pl/wp-content/themes/total-child/images/prev.png) no-repeat center rgba(0,0,0,0.3);
left: 0;
}
#ht-home-slider-section .owl-carousel .owl-nav .owl-next{
background: url(//f-df.pl/wp-content/themes/total-child/images/next.png) no-repeat center rgba(0,0,0,0.3);
right: 0;
}
#ht-home-slider-section .owl-item.active .ht-slide-cap-title,
#ht-home-slider-section .owl-item.active .ht-slide-cap-desc{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
#ht-home-slider-section .owl-item.active .ht-slide-cap-title,
#ht-home-slider-section .owl-item.active .ht-slide-cap-desc {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
} #ht-about-us-section{
background: #FFF;
}
#ht-about-us-section .ht-container{
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.ht-about-sec{
width: 54%;
padding-right: 30px;
}
.ht-about-sec h2{
text-align: left;
width: auto;
}
.ht-progress{
margin-bottom: 20px;
}
.ht-progress:last-child{
margin-bottom: 0;
}
.ht-progress h6{
font-weight: 300;
margin-bottom: 5px;
}
.ht-progress-bar-sec{
margin-top: 30px;
}
.ht-progress-bar{
height: 8px;
width: 100%;
position: relative;
line-height: 20px;
font-size: 13px;
background: #f6f6f6
}
.ht-progress-bar-length{
background: #FFC107;
height: 100%;
text-align: right;
padding-right: 20px;
}
.ht-progress-bar-length span{
position: absolute;
right: 0;
bottom: 100%;
}
.ht-about-image{
width: 45%;
padding-left: 30px;
} #ht-featured-post-section{
background: #FFC107;
color: #FFF;
padding-bottom: 80px;
}
.ht-featured-post-wrap{
margin-left: -3%;
}
.ht-featured-post{
float: left;
margin-left: 3%;
width: 30.33%;
text-align: center;
border:2px solid #FFF;
padding: 30px;
}
.ht-featured-post h5{
text-transform: uppercase;
margin-bottom: 25px;
} .ht-featured-icon{
display: inline-block;
color: #FFF;
font-size: 46px;
line-height: 80px;
width: 180px;
background: #FFC107;
-ms-transform: translateY(-35px);
-webkit-transform: translateY(-35px);
transform: translateY(-35px);
}
.ht-featured-icon .fa{
vertical-align: bottom;
}
.ht-featured-link{
-ms-transform: translateY(52px);
-webkit-transform: translateY(52px);
transform: translateY(52px);
}
.ht-featured-link a{
padding: 0 15px;
display: inline-block;
line-height: 40px;
background: #FFF;
color: #FFC107;
border-right: 10px solid #FFC107;
border-left: 10px solid #FFC107;
}
.ht-featured-link a:hover{
background: #333;
color: #FFF;
} .ht-portfolio-cat-name-list{
text-align: center;
margin-bottom: 30px;
text-align: right;
}
.ht-portfolio-cat-name-list .fa{
vertical-align: middle;
color: #FFC107;
}
.ht-portfolio-cat-name{
cursor: pointer;
display: inline-block;
padding-left: 10px;
margin-left: 10px;
border-left: 1px solid #BBB;
line-height: 1;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.ht-portfolio-cat-name:nth-child(2){
border-left: 0;
margin-left: 0;
}
.ht-portfolio-cat-name:hover,
.ht-portfolio-cat-name.active{
color: #FFC107;
}
.ht-portfolio-post-wrap{
margin: 0 -7.5px;
}
.ht-portfolio{
width: 33.33%;
float: left;
padding: 7.5px;
}
.ht-portfolio-outer-wrap{
position: relative;
}
.ht-portfolio-wrap{
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
background-color: #f9f9f9;
}
.ht-portfolio-wrap img{
position: relative;
top: 50%;
transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.ht-portfolio-caption{
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
top: 10px;
padding: 30px;
opacity: 0;
background: rgba(255, 193, 7, 0.9);
transition:all 0.5s ease-in-out;
-moz-transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
overflow: hidden;
}
.ht-portfolio-wrap:hover .ht-portfolio-caption{
opacity: 1;
}
.ht-portfolio-caption h5{
color: #FFF;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
position: absolute;
top: 20px;
left: 20px;
right: 20px;
-ms-transform: translate(300px, 0);
-webkit-transform: translate(300px, 0);
transform: translate(300px, 0);
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.ht-portfolio-wrap:hover .ht-portfolio-caption h5{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.ht-portfolio-caption a{
height: 36px;
width: 36px;
position: absolute;
right: 20px;
bottom: 20px;
text-align: center;
display: block;
line-height: 36px;
color: #FFC107;
font-size: 14px;
background: #FFF;
margin: 10px 5px;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.ht-portfolio-caption a.ht-portfolio-image{
-ms-transform: translate(-300px, 0);
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
right: 66px;
}
.ht-portfolio-caption a.ht-portfolio-link{
-ms-transform: translate(-300px, 0);
-webkit-transform: translate(-300px, 0);
transform: translate(-300px, 0);
}
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-link,
.ht-portfolio-wrap:hover .ht-portfolio-caption a.ht-portfolio-image{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
} #ht-service-post-section{
position: relative;
padding: 40px 0;
background: #F5F5F5;
}
.archives_button_wrapper{
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.small_inputs{
display: flex;
flex-wrap: wrap;
}
.small_inputs label{
width: 33.33%;
padding:20px;
}
.small_inputs label input{
width: 100%;
margin-top:10px;
}
.big_inputs{
display: flex;
}
.big_inputs label{
width: 50%;
padding: 20px;
}
.big_inputs label span textarea{
margin-top:10px;
width: 100%;
height: 100px;
resize: none;
}
.small_inputs_2{
display: flex;
flex-wrap: wrap;
}
.small_inputs_2 label{
width: 33.33%;
padding:20px;
}
.small_inputs_2 label input{
width: 100%;
margin-top:10px;
}
.file_to_upload_wrapper label{
display: flex;
flex-direction: column;
}
.wpcf7-file{
margin-top: 10px;
}
.sign_child_submit{
padding-top: 30px;
}
.archives_button{
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: rgba(255,105,133,1);
border: 0;
color: #fff;
font-size: 1.5em;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
cursor: pointer;
height: unset;
padding: 20px 50px;
font-weight: bold;
transition: 0.3s all ease;
}
.help_children_button{
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
border-radius: 5px;
background-color: rgba(255,105,133,1);
border: 0;
color: #fff;
font-size: 1.5em;
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
cursor: pointer;
height: unset;
padding: 20px 50px;
font-weight: bold;
transition: 0.3s all ease;
}
.wrapper_for_orange_buttons{
width:100%;
max-width: 600px;
padding: 0 15px;
display: flex;
justify-content: space-evenly;
}
.archives_button:visited{
text-decoration: none;
}
.archives_button:link{
text-decoration: none;
}
.archives_button:visited{
text-decoration: none;
}
.archives_button:active{
text-decoration: none;
}
.archives_button:hover{
background-color: #00bbe4;
color:white;
}
.help_children_button:visited{
text-decoration: none;
}
.help_children_button:link{
text-decoration: none;
}
.help_children_button:visited{
text-decoration: none;
}
.help_children_button:active{
text-decoration: none;
}
.help_children_button:hover{
background-color: #00bbe4;
color:white;
}
.ambassador_wrapper{
display: flex;
justify-content: center;
}
.ambassador_wrapper > .ht-team-member{
width:unset;
max-width: 22%;
}
.ht-service-left-bg{  background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
height: 500px;
width: 100%;
}
.ht-service-posts{
float: left;
width: 50%;
padding-right: 40px;
}
.ht-service-post-wrap{
position: relative;
}
.ht-service-post-wrap:after{
content: "";
position: absolute;
left: 24px;
top: 0;
bottom: 0;
width: 2px;
background: #FFC107;
}
.ht-service-posts .ht-section-title-tagline{
text-align: left;
margin-bottom: 21px;
}
.ht-service-posts .ht-section-title{
width: auto;
}
.ht-service-posts .ht-section-tagline{
width: auto;
}
.ht-service-post{
margin-bottom: 25px;
position: relative;
z-index: 99;
}
.ht-service-post:last-child{
margin-bottom: 0
}
.ht-service-icon{
float: left;
font-size: 18px;
background: #FFC107;
width: 50px;
text-align: center;
color: #FFF;
line-height: 50px;
cursor: pointer;
border-radius: 50%;
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.ht-active .ht-service-icon{
box-shadow: 0px 0px 0px 2px #FFF, 0px 0px 0px 4px #FFC107;
}
.ht-service-excerpt{
padding-left: 65px;
}
.ht-service-text{
display: none;
}
.ht-service-excerpt h5{
margin: 15px 0 6px;
cursor: pointer;
} .ht-team-member-wrap{
margin-left: -2%;
}
.ht-team-member{
width: 23%;
margin-left: 2%;
float: left;
text-align: center;
}
.ht-team-member img{
width: 100%;
}
.ht-team-member-image{
position: relative;
overflow: hidden;
}
.ht-team-social-id{
padding: 10px;
}
.ht-team-social-id a{
display: inline-block;
color: #FFF;
margin: 0 5px;
font-size: 16px;
line-height: 32px;
background: #FFC107;
color: #FFF;
height: 32px;
width: 32px;
border-radius: 50%;
}
.ht-team-social-id a:hover{
background: #333;
color: #FFF;
}
.ht-team-member-excerpt{
background: rgba(255, 193, 7, 0.9);
padding: 20px;
color: #FFF !important;
display: block;
position: absolute;
left: 10px;
right: 10px;
bottom: 10px;
top: 10px;
opacity: 0;
-ms-transform: scale(0.5);
-webkit-transform: scale(0.5);
transform: scale(0.5);
transition:all 0.3s ease;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
}
.ht-team-member:hover .ht-team-member-excerpt{
opacity: 1;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
}
.ht-team-member-excerpt-wrap{
display: table;
width: 100%;
height: 100%;
}
.ht-team-member-excerpt-wrap .ht-team-member-span{
display: table-cell;
vertical-align: middle;
}
.ht-title-wrap{
background: rgba(255, 193, 7, 0.9);
color: #FFF;
padding: 10px;
position: absolute;
left: 10px;
bottom: 10px;
right: 10px;
-moz-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
-webkit-transition:all 0.3s ease;
opacity: 1;
}
.ht-team-member:hover .ht-title-wrap{
opacity: 0;
}
.ht-team-member h6{
text-transform: uppercase;
font-weight: 400;
position: relative;
padding-bottom: 10px;
}
.ht-team-member .ht-title-wrap h6{
padding: 0;
margin: 0;
}
.ht-team-member h6 a{
text-decoration: none;
color: inherit;
}
.ht-team-member .ht-team-member-excerpt h6:after{
content: "";
position: absolute;
width: 50px;
left: 50%;
margin-left: -25px;
height: 2px;
background: #FFF;
bottom: -2px;
}
.ht-team-member .ht-team-designation{
font-size: 0.9em;
margin-bottom: 15px;
}
.ht-team-detail{
background: #FFF;
display: inline-block;
position: absolute;
right: 10px;
bottom: 10px;
color: #FFC107;
padding: 0 10px;
text-decoration: none;
line-height: 30px;
font-size: 0.9em;
}
.ht-team-detail:hover{
background: #333;
color: #FFF;
} #ht-counter-section{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
color: #FFF;
background-attachment: fixed;
position: relative;
background-position: 50% 0;
}
#ht-counter-section .ht-section{
background: none;
}
#ht-counter-section .ht-counter-overlay{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.3);
}
#ht-counter-section .ht-container{
position: relative;
}
.ht-team-counter-wrap{
margin-left: -5%;
}
.ht-counter{
float: left;
width: 20%;
margin-left: 5%;
text-align: center;
border: 2px solid #FFC107;
border-top: 0;
padding: 0 20px 20px;
position: relative;
}
.ht-counter:after{
content: "";
position: absolute;
width: 30%;
left: 0;
top: 0;
height: 2px;
background: #FFC107;
}
.ht-counter:before{
content: "";
position: absolute;
width: 30%;
right: 0;
top: 0;
height: 2px;
background: #FFC107;
}
.ht-counter-count{
font-size: 48px;
line-height: 1;
margin-bottom: 25px;
letter-spacing: 3px;
font-family: 'Oswald', sans-serif;
font-weight: 400;
}
.ht-counter-icon{
display: inline-block;
font-size: 36px;
color: #FFC107;
position: relative;
-ms-transform: translate(0, -17px);
-webkit-transform: translate(0, -17px);
transform: translate(0, -17px);
line-height: 36px;
}
.ht-counter-title{
letter-spacing: 1px;
text-transform: uppercase;
margin-top: 15px;
font-weight: 400;
margin: 0;
} .ht_client_logo_slider img{
padding: 0 26px;
} #ht-testimonial-section{
padding: 60px 0 80px;
}
.ht-testimonial-wrap .owl-item img{
height: 100px;
width: 100px;
margin: 0 auto 20px;
border-radius: 50%;
border: 1px solid #FFC107;
padding: 5px;
transition:all 0.3s ease-in-out;
-moz-transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.ht-testimonial-excerpt{
width: 80%;
margin: 0 auto 30px;
text-align: center;
position: relative;
}
.ht-testimonial-excerpt .fa-quote-left{
position: absolute;
top: 0;
left: -65px;
font-size: 60px;
color: #EEE;
z-index: -1;
}
.ht-testimonial h6{
text-align: center;
margin: 0;
}
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-prev,
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-next{
position: absolute;;
top: 50%;
margin-top: -25px;
background: #FFC107;
height: 50px;
width: 30px;
color: #FFF;
text-align: center;
line-height: 50px;
opacity: 0;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-prev{
left: 0;
}
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-next{
right: 0;
}
.ht-testimonial-wrap  .owl-carousel:hover .owl-nav .owl-prev,
.ht-testimonial-wrap  .owl-carousel:hover .owl-nav .owl-next{
opacity: 1;
}
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-next:hover,
.ht-testimonial-wrap  .owl-carousel .owl-nav .owl-prev:hover{
background: #333;
} #ht-blog-section{
background: #f6f6f6;
padding-bottom: 30px;
}
.ht-blog-wrap{
margin-left: -3%;
}
.ht-blog-post{
float: left;
margin-left: 3%;
width: 30.333%;
background: #FFF;
margin-bottom: 30px;
border-bottom: 6px solid #FFC107;
}
.ht-blog-post:nth-child(3n+1){
clear: both;
}
.ht-blog-thumbnail a{
display: block;
position: relative;
}
.ht-blog-thumbnail a:after{
content: "";
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 0;
background: rgba(255, 255, 255, 0.2);
transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
}
.ht-blog-thumbnail:hover a:after{
width: 100%;
}
.ht-blog-excerpt{
padding: 20px;
}
.ht-blog-excerpt h5{
font-weight: 400;
margin-bottom: 15px
}
.ht-blog-excerpt h5 a{
color: #444;
}
.ht-blog-date{
font-size: 14px;
color: #999;
margin-bottom: 10px;
}
.ht-blog-date .fa{
margin-right: 10px;
}
.ht-blog-read-more{
padding: 0 20px 20px;
text-align: right;
}
.ht-blog-read-more a{
display: inline-block;
background: #FFC107;
color: #FFF;
padding: 0 15px;
line-height: 38px;
text-align: center;
font-size: 16px;
border-radius: 1px;
}
.ht-blog-read-more a:hover{
background: #333;
color: #FFF;
} #ht-cta-section{
color: #FFF;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
background-attachment: fixed;
background-position: 50% 0;
}
#ht-cta-section .ht-section{
padding: 80px 0;
background: none;
position: relative;
}
#ht-cta-section .ht-section-title-tagline{
margin-bottom: 40px;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
#ht-cta-section .ht-cta-overlay{
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.4);
}
#ht-cta-section .ht-container{
position: relative;
}
.ht-cta-buttons{
text-align: center;
}
.ht-cta-buttons a{
display: inline-block;
padding: 0 30px;
line-height: 52px;
color: #FFF;
border-radius: 1px;
margin: 0 4px;
font-family: 'Oswald', sans-serif;
}
.ht-cta-buttons a.ht-cta-button1{
background: #FFC107;
}
.ht-cta-buttons a.ht-cta-button2{
background: #333;
}
.ht-cta-buttons a.ht-cta-button1:hover{
background: #333;
color: #FFF;
}
.ht-cta-buttons a.ht-cta-button2:hover{
background: #FFC107;
color: #FFF;
} #ht-colophon{ border-top: 4px solid #FFC107;
font-size: 16px;
}
.page-template-home-template #ht-colophon,
.home.blog #ht-colophon{
margin-top: 0
}
#ht-colophon a{
color: #BBB;
text-decoration: none;
}
#ht-colophon .widget-title{
letter-spacing: 1px;
text-transform: uppercase;
color: #BBB;
margin-bottom: 15px;
}
#ht-top-footer{
color: #BBB;
padding: 50px 0;
}
.ht-top-footer {
display: flex;
flex-wrap: wrap;
margin-left: 0;
}
.ht-footer{ width: 33%!important;
margin-left:0px!important;
}
.ht-footer .widget{
margin-bottom: 30px;
}
.ht-footer .widget:last-child{
margin-bottom: 0;
}
.ht-footer ul{
list-style: none;
margin: 0;
padding: 0;
}
.ht-footer ul li{
padding: 2px 0 2px 0;
}
#ht-bottom-footer{
background: rgba(0,0,0,0.3);
padding: 30px 0;
color: #AAA;
line-height: 1.2;
text-align: center;
}
.ht-site-info a{
border-bottom: 1px dotted #AAA;
}
#ht-back-top{
position: fixed;
right: 10px;
bottom: 10px;
background: #111;
height: 60px;
width: 40px;
text-align: center;
color: #FFF;
line-height: 60px;
z-index: 99;
cursor: pointer;
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
#ht-back-top:hover{
background: #FFC107;
}
#ht-back-top.ht-hide{
bottom: -100px;
} .error404 .error-404{
display: block;
text-align: center;
font-size: 200px;
color: #f9f9f9;
line-height: 1.2;
}
.error404 .oops-text{
text-align: center;
}
.toggle-bar{
display: none;
} .odometer.odometer-auto-theme,
.odometer.odometer-theme-default {
display: block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit,
.odometer.odometer-theme-default .odometer-digit {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
display: inline-block;
vertical-align: middle;
*vertical-align: auto;
*zoom: 1;
*display: inline;
visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
text-align: left;
display: block;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner,
.odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
display: block;
-webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value {
display: block;
-webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value,
.odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner,
.odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
-webkit-transition: -webkit-transform 2s;
-moz-transition: -moz-transform 2s;
-ms-transition: -ms-transform 2s;
-o-transition: -o-transform 2s;
transition: transform 2s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.odometer.odometer-auto-theme .odometer-value,
.odometer.odometer-theme-default .odometer-value {
text-align: center;
} .woocommerce ul.products li.product,
.woocommerce-page ul.products li.product{
border: 1px solid #dadada;
border-radius: 2px;
text-align: center;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover{
border-color: #FFC107
}
.woocommerce ul.products li.product a img{
margin-bottom: 0;
}
.woocommerce ul.products li.product .total-product-title-wrap{
padding: 20px 10px 0;
}
.woocommerce ul.products li.product a{
color: inherit;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3{
font-family: 'Pontano Sans', sans-serif;
margin: 0 0 6px;
padding: 0;
}
.woocommerce div.product div.images .flex-control-thumbs{
margin: 5px -5px 0;
}
.woocommerce div.product div.images .flex-control-thumbs li{
padding: 5px;
}
.woocommerce ul.products li.product .price{
font-weight: 500;
font-size: 20px;
color: #FFC107;
margin: 0;
}
.woocommerce ul.products li.product .price del{
display: inline;
color: #999;
opacity: 1;
}
.woocommerce ul.products li.product .price ins{
display: inline;
font-weight: 400;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
padding: 10px 20px;
font-weight: 400;
border-radius: 0;
color: #FFF;
background-color: #FFC107;
border:1px solid #FFC107;
height: 40px;
margin-bottom: -20px;
line-height: 20px;
font-size: 0.9em;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover{
background: #333;
border:1px solid #333;
color: #FFF;
}
.woocommerce ul.products li.product .button{
margin: 0;
transform: translateY(50%);
-ms-transform: translateY(50%);
-webkit-transform: translateY(50%);
font-size: 16px;
background-color: #FFF;
border:1px solid #dadada;
border-radius: 3px;
}
.woocommerce ul.products li.product:hover .button{
border-color: #FFC107;
background-color: #FFC107;
color: #FFF;
}
.woocommerce ul.products li.product .button.loading{
opacity: 1;
}
.woocommerce a.added_to_cart{
padding-top: 0;
position: absolute;
left: 0;
right: 0;
top: 100%;
margin-top: 25px;
font-size: 13px;
}
.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt{
border-color: #FFC107;
background-color: #FFC107;
}
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover{
background: #333;
border-color: #333;
color: #FFF;
}
.woocommerce nav.woocommerce-pagination ul{
border: 0;
margin: 0;
}
.woocommerce nav.woocommerce-pagination ul li{
border: 0;
margin: 0 4px;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span{
display: block;
background: #FFC107;
color: #FFF;
padding: 10px 15px;
line-height: 1;
}
.woocommerce nav.woocommerce-pagination ul li a:focus,
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span.current{
background: #333;
color: #FFF;
}
.woocommerce span.onsale{
min-height: 0;
min-width: 0;
padding: 0 15px;
font-weight: 400;
line-height: 26px;
border-radius: 0;
background-color: #FFC107;
color: #fff;
font-size: 14px;
margin: 10px 0 0 -6px;
top: 0;
left: 0;
}
.woocommerce span.onsale:after{
border-color: transparent #e8ae00 #e8ae00 transparent;
border-width: 3px;
border-style: solid;
content: "";
position: absolute;
bottom: 100%;
left: 0px;
}
.woocommerce ul.products li.product .onsale{
margin: 10px -6px 0 0;
}
.woocommerce ul.products li.product .onsale:after{
border-color: transparent transparent #e8ae00 #e8ae00;
border-width: 3px;
border-style: solid;
right: 0px;
left: auto;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price{
color: #FFC107
}
.woocommerce div.product p.price ins,
.woocommerce div.product span.price ins{
font-weight: 400;
}
.woocommerce .product_meta{
font-size: 15px;
}
.woocommerce .product_meta a{
color: inherit;
}
.woocommerce .product_meta a:hover{
color: #FFC107;
}
.woocommerce div.product .woocommerce-tabs ul.tabs{
padding: 0;
border-bottom: 2px solid #FFC107;
padding-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active:after,
.woocommerce div.product .woocommerce-tabs ul.tabs li:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li:after,
.woocommerce div.product .woocommerce-tabs ul.tabs:before{
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
padding: 10px 0;
font-weight: 400;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: 0;
background-color: #333;
border-radius: 0;
margin: 0 6px 0 0;
padding: 0 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
background: #FFC107;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a{
color: #FFF !important;
}
.woocommerce #reviews #comments h2,
.woocommerce #reviews h3{
font-size: 22px;
margin-bottom: 30px;
}
.woocommerce-Reviews .comment-form-author,
.woocommerce-Reviews .comment-form-email{
width: 100%;
}
.woocommerce-Reviews .comment-form-author input,
.woocommerce-Reviews .comment-form-email input{
width: 100%;
}
.related.products h2{
margin-bottom: 30px;
}
.woocommerce #respond input#submit.disabled,
.woocommerce #respond input#submit:disabled,
.woocommerce #respond input#submit:disabled[disabled],
.woocommerce a.button.disabled, .woocommerce a.button:disabled,
.woocommerce a.button:disabled[disabled],
.woocommerce button.button.disabled,
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button.disabled,
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled]{
background: #FFC107;
padding: 10px 20px;
color: #FFF;
}
.woocommerce #respond input#submit.disabled:hover,
.woocommerce #respond input#submit:disabled:hover,
.woocommerce #respond input#submit:disabled[disabled]:hover,
.woocommerce a.button.disabled:hover,
.woocommerce a.button:disabled:hover,
.woocommerce a.button:disabled[disabled]:hover,
.woocommerce button.button.disabled:hover,
.woocommerce button.button:disabled:hover,
.woocommerce button.button:disabled[disabled]:hover,
.woocommerce input.button.disabled:hover,
.woocommerce input.button:disabled:hover,
.woocommerce input.button:disabled[disabled]:hover{
background: #333;
color: #FFF;
}
.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled,
.woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled,
.woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover{
background: #FFC107;
border-color: #FFC107;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button{
line-height: 40px;
font-size: inherit;
padding: 0;
}
.select2-container .select2-choice{
border: 1px solid #EEE;
font-size: 0.9em;
color: inherit;
border-radius: 0;
}
.select2-results{
font-size: 0.9em;
color: inherit;
}
.select2-drop-active{
border-color: #EEE;
}
.select2-drop.select2-drop-above.select2-drop-active{
border-color: #EEE;
}
.woocommerce-error,
.woocommerce-info,
.woocommerce-message{
border-top-color: #FFC107;
font-size: 0.9em;
}
.woocommerce-error:before,
.woocommerce-info:before,
.woocommerce-message:before{
color: #FFC107;
}
.woocommerce-error a.button,
.woocommerce-info a.button,
.woocommerce-message a.button{
padding: 5px 20px;
line-height: 1;
height: auto;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th{
font-weight: 400;
}
#customer_details{
margin-bottom: 40px;
}
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register{
border: 1px solid #EEE;
border-radius: 0;
}
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
float: none;
}
.woocommerce .widget_shopping_cart .cart_list li,
.woocommerce.widget_shopping_cart .cart_list li{
padding-top: 4px;
}
.woocommerce ul.cart_list li a,
.woocommerce ul.product_list_widget li a{
font-weight: 400;
}
.woocommerce a.remove{
font-family: Arial;
font-weight: normal;
}
.woocommerce .widget_shopping_cart .cart_list li a.remove,
.woocommerce.widget_shopping_cart .cart_list li a.remove{
top: 8px;
}
.woocommerce .widget_layered_nav ul li{
padding: 5px 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
background-color: #FFF;
border: 4px solid #FFC107;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range{
background-color: #FFC107
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content{
background-color: #EEE;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle{
height: 20px;
width: 20px;
top: -6px;
margin-left: -10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul{
list-style: none;
}
.woocommerce-MyAccount-navigation-link a{
background: #FFC107;
color: #FFF;
padding: 10px 20px;
margin-bottom: 5px;
display: block;
}
.woocommerce-MyAccount-navigation-link.is-active a,
.woocommerce-MyAccount-navigation-link a:hover{
background: #333;
} .cfki-bulleted-list
{	color:#7a7a7a;;
}
.cfki-bulleted-list ul
{	list-style-type: disc;
list-style-position: outside;
padding-left: 1em;
text-indent: -1em;
padding: 10px 10px 10px 25px;
}
.cfki-bulleted-list li
{	margin-left:40px;
} #ht-content
{	min-height:1200px !important;
} .ht-main-navigation a
{	color:#fff;
}
.ht-main-navigation ul ul
{	background-color:#000000;
}
.ht-main-navigation ul ul a
{	color:#ffffff;
}
.current_page_item
{	color:#ffffff !important;
}  .home .ht-blog-date {
display:none;
} #ht-service-post-section {
background-color:#fff;
} .sidebar-heading {
font-family:Oswald;
font-weight:300;
text-transform:uppercase;
}
.sidebar-heading .ht-service-excerpt {
padding-top:10px;
}
.sidebar-title {
font-family:Oswald;
font-weight:300;
text-transform:uppercase;
}
.sidebar-testimonial {
font-size:80%;
border-top:1px solid #d5d5d5;
padding-top:10px;
padding-bottom:10px;
} .entry-meta.ht-post-info {
display:none;
}
.entry-figure + .entry-header {
margin-top:0px !important;
}
.ht-post-wrapper {
padding-left:0px;
}
.entry-figure {
background-color:#fff;
text-align:left;
}
#options-top {
border-bottom:none;
}
.options-left-column {
border-right: 1px solid #bbb;
} .elementor-testimonial-content {
font-family:Pontano Sans !important;
font-size:18px !important;
font-weight:300;
font-style:italic;
}
.page-id-365 h5 {
font-family:Pontano Sans;
font-size:22px;
font-style:italic;
font-weight:600;
}
h6 {
font-family:Pontano Sans;
font-size:18px;
font-style:italic;
font-weight:600;
}
.category .entry-content {
display:none;
}
.category .entry-categories {
display:none;
}
.sidebar-heading .ht-service-icon a:link {
color:#fff;
}
.sidebar-heading .ht-service-icon a:visited {
color:#fff;
}
.sidebar-heading .ht-service-icon a:hover {
color:#f5f5f5;
}
.sidebar-heading .ht-service-icon a:active {
color:#fff;
}
.blog-center {
text-align:center;
}
#ht-colophon a {
border-bottom:none;
}
#ht-colophon a:link,
#ht-colophon a:visited,
#ht-colophon a:active {
color:#d5d5d5;
}
#ht-colophon a:hover {
color:#fff;
} .ht-section-tagline a {
color:#333;
}
.ht-section-tagline a:link,
.ht-section-tagline a:visited,
.ht-section-tagline a:active {
color:#333;
}
.ht-section-tagline a:hover {
color:#00bbe4;
} #catapult-cookie-bar {
font-size:14px;
}
#catapultCookie {
font-size:14px
}
#ht-bottom-footer {
background-color:#2b2b2b;
}
.ht-blog-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.ht-blog-post {
width: 90%;
margin-left:0;
}
.ht-blog-excerpt {
padding: 0px;
}
.ht-featured-post:nth-of-type(2) .ht-featured-link a .rest{
display:none;
}
.ht-featured-post:nth-of-type(2) .ht-featured-link a .do_payment{
display:block !important;
}
.ht-featured-post .ht-featured-link a .do_payment{
display:none;
}
.ht-featured-excerpt{
min-height: 170px;
} .ht-featured-post:first-of-type .ht-featured-link a:nth-of-type(2){
cursor:pointer !important;
}
.ht-featured-post:nth-of-type(2) .ht-featured-link a:nth-of-type(2){
display:none;
}
.ht-featured-post:nth-of-type(3) .ht-featured-link a:nth-of-type(2){
display:none;
}
#ht-content {
min-height: 600px !important;
}
#primary {
width: 100%;
float: left;
} #ht-site-branding {
}
#header .ht-container{
display:flex;
align-items:center;
}
.ht-footer1 .ciw_phone i{
display:none;
}
.ht-footer1 .ciw_email i{
display:none;
}
.ht-service-posts .ht-blog-post {
border-bottom: none;
display: flex;
flex-direction: column;
align-items: flex-start;
}
.ht-counter-overlay{
background: #ff6985 !important;
}
.ciw_contact_address{
margin:0;
}
.ciw_address_content {
color:white;
}
#ht-colophon a:link, #ht-colophon a:visited, #ht-colophon a:active {
color: white;
}
.ht-footer .textwidget{
color:white;
}
.ht-main-navigation a{
font-size:12px !important; }
.support_left_column{
width:50%;
padding-right:20px;
}
.supprt_right_column{
padding-left:20px;
}
.support_wrapper{
display:flex;
}
.give-currency-position-after{
background-color:#00bbe4 !important;
color:white !important;
}
.give-donation-total-label{
background-color:#00bbe4 !important;
color:white !important;
}
[class*=" give-icon-"], [class^=give-icon-] {
display:none !important;
}
.file_to_upload_wrapper{
position: relative;
}
.file_proxy_button{
position: absolute;
top: 50%;
width: 113px;
transform: translate(0, -50%);
}
.file-412{
padding-bottom:20px;
padding-top:10px; }
.file_for_child{
width:100%;
}
.breadcrumb-trail{
display:none;
}
.ht-featured-excerpt{
font-weight:bold;
background: rgba(255,255,255,0.3);
padding: 10px 10px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
}
.ht-featured-post h5{
font-weight:bold;
background: rgba(255,105,133,1);
padding: 10px 10px;
-webkit-box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
}
.ht-featured-icon i{
display:none;
}
.ht-featured-icon{
height:50px;
background:#00bbe4 !important;
position:relative;
top:-5px;
}
.ht-featured-post{
-webkit-box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
-moz-box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
box-shadow: 0px 0px 5px 1px rgba(247,247,247,1);
}
.smls-grid-image-wrap{
min-height:unset !important;
max-height:unset !important;
}
.smls-grid-image-wrap{
height:unset !important;
}
.smls-grid-container-template-1{
display:flex;
flex-wrap:wrap;
}
.smls-grid-pad-container{
max-height:unset !important;
}
.codeneric-img-public-container h2{
display: none;
}
.help_category_wrapper{
font-size:30px;
}
.special_thanks{
font-size:11px;
padding-top:2px;
}
.special_thanks a{
font-size:11px;
}
.thanks_divider{
color:white;
font-weight:bold;
font-size: 14px;
padding:0 5px;
}
.post_code_label{
display: flex;
flex-direction: column;
align-items: flex-start;
}
.post_code_span{
display: flex;
justify-content: center;
align-items: center;
width:100%;
}
.post_code_span span:nth-child(1){
width:30%;
}
.post_code_span span:nth-child(2){
width:10%;
text-align:center;
}
.post_code_span span:nth-child(3){
width:60%;
}
.adress_number_span{
display:flex;
flex-direction:column;
width:50%;
}
.adress_number_span:first-of-type{
margin-right:5px;
}
.adress_number_span:nth-of-type(2){
margin-left:5px;
}
.adress_number_label{
display:flex;
}
@media screen and (max-width: 1200px){
.ht-main-navigation li {
margin-left: 0px;
}
.ht-container{
width: auto;
padding: 0 15px;
}
.ht-slide-caption{
width: 80%;
margin-left: -40%;
}
}
@media screen and (max-width: 1000px){
.circle_background_logo {
border-radius: 0;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: unset;
border-left: unset;
border-right: unset;
width: unset;
}
.custom-logo{
padding: 0;
border-radius: unset;
border: unset;
height: auto;
width: 75px !important;
}
.circle_background_logo:before {
display: none;
}
.circle_background_logo:after {
display: none;
}
.toggle-bar{
display: block;
position: absolute; right: 20px; height: 50px;
width: 50px;
background: #FFC107;
cursor: pointer;
}
.toggle-bar span{
position: absolute;
top: 50%;
margin-top: -2px;
height: 4px;
left: 8px;
right: 8px;
background: #FFF;
box-shadow: 0 10px 0 0 #FFF, 0 -10px 0 0 #FFF;
}
.ht-sticky-header #ht-masthead{
position: relative;
}
.ht-sticky#ht-masthead{
height: 94px;
}
#ht-site-navigation{
width: 20%;
}
#ht-site-branding{
width: 80%;
float: left;
}
.ht-sticky #ht-site-branding{
padding: 15px 0;
}
.ht-sticky-header #ht-content{
padding-top: 0;
}
.ht-main-navigation .ht-menu{
display: none;
position: absolute;
left: 0;
right: 0;
top: 90px;
background: #FFC107; z-index: 1000000000000000000000;
}
.ht-main-navigation li{
float: none;
margin-left: 0;
text-align: center;
}
.ht-main-navigation a,
.ht-main-navigation ul ul a{
line-height: 1.3;
padding: 15px 20px;
border-bottom: 1px solid rgba(0,0,0,0.05);
}
.page-template-home-template .ht-main-navigation .current_page_item > a,
.page-template-home-template .ht-main-navigation .current-menu-item > a,
.page-template-home-template .ht-main-navigation .current_page_ancestor > a,
.home.blog .ht-main-navigation .current_page_item > a,
.home.blog .ht-main-navigation .current-menu-item > a,
.home.blog .ht-main-navigation .current_page_ancestor > a,
.ht-main-navigation a{
color: #FFF;
}
.ht-main-navigation ul ul{
position: static;
padding: 0;
margin-top: 0;
box-shadow: none;
}
.ht-main-navigation ul ul ul{
margin: 0;
}
.menu-item-has-children .ht-dropdown,
.menu-item-has-children ul .ht-dropdown{
position: absolute;
height: 26px;
width: 26px;
border: 1px solid rgba(255, 252, 252, 0.6);
top: 50%;
right: 10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border-radius: 4px;
}
.menu-item-has-children .ht-dropdown:after,
.menu-item-has-children ul .ht-dropdown:after{
content: '\f107';
font-family: FontAwesome;
vertical-align: middle;
line-height: 26px;
display: block;
}
.menu-item-has-children .ht-opened.ht-dropdown:after,
.menu-item-has-children ul .ht-opened.ht-dropdown:after{
content: '\f106';
}
.ht-main-navigation ul li:hover > ul{
display: none;
}
.ht-main-navigation ul ul{
background: none;
}
.ht-main-navigation ul ul a{
color: #FFF;
}
#ht-team-section{
padding-bottom: 30px;
}
.ht-team-member{ }
.ht-team-member-wrap{
display: flex;
justify-content: space-around;
}
}
@media screen and (max-width: 768px){
.small_inputs label{
width: 100%;
padding:10px;
}c
.circle_background_logo{
background: transparent;
}
.small_inputs label input{
width: 100%;
margin-top:10px;
}
.big_inputs label{
width: 100%;
padding: 10px;
}
.small_inputs_2 label{
width: 100%;
padding:10px;
}
.big_inputs {
flex-wrap: wrap;
}
.ht-section-title,
.ht-section-tagline{
width: auto;
}
.custom-logo-link:before{
display: none;
}
.custom-logo-link:after{
display: none;
}
.circle_background_logo {
border-radius: 0;
padding-bottom: 0px;
padding-left: 0px;
border-bottom: unset;
border-left: unset;
border-right: unset;
width: unset;
}
.custom-logo{
padding: 0;
border-radius: unset;
border: unset;
height: auto;
width: 75px !important;
}
.circle_background_logo:before {
display: none;
}
.circle_background_logo:after {
display: none;
}
#ht-site-branding{ padding: 5px 0px 15px 0;
}
#ht-about-us-section .ht-container{
display: block;
}
.ht-about-sec{
width: auto;
float: none;
padding: 0;
margin-bottom: 30px;
}
.ht-about-image{
width: auto;
float: none;
padding: 0;
text-align: center;
}
.ht-featured-post-wrap{
margin-left: 0;
}
.ht-featured-post{
float: none;
margin: 0 auto 80px;
width: 75%;
}
.ht-featured-post:last-child{
margin-bottom: 0;
}
.ht-portfolio-cat-name-list{
text-align: center;
}
.ht-service-left-bg{ }
.ht-service-posts{
float: none;
width: auto;
padding: 0;
}
#ht-service-post-section{
padding: 60px 0;
}
#ht-counter-section{
background-size: cover;
background-position: center !important;
}
.ht-counter{
width: 45%;
margin-bottom: 60px;
}
#ht-counter-section{
padding-bottom: 0;
}
.ht-blog-wrap{
margin: 0;
}
.ht-blog-post{
width: 75%;
margin: 0 auto 30px;
float: none;
}
.ht-blog-post img{
width: 100%;
}
#ht-cta-section{
background-size: cover;
background-position: center !important;
}
.ht-top-footer{
margin-left: 0;
}
.ht-footer{
width: 100%;
margin: 0 0 30px;
float: none;
}
.ht-footer:last-child{
margin-bottom: 0;
}
.ht-slide-cap-title{
font-size: 24px;
font-size: 4vw;
margin-bottom: 10px;
}
.ht-slide-cap-desc{
font-size: 14px;
font-size: 3vw;
}
#primary{
width: auto !important;
float: none !important;
margin-bottom: 30px;
}
#secondary{
width: auto !important;
float: none !important;
margin-bottom: 30px;
}
.wrapper_for_orange_buttons{
flex-direction: column;
}
.container_for_orange_buttons{
display: flex;
justify-content: center;
}
}
@media screen and (max-width: 580px){
#ht-home-slider-section .bx-wrapper .bx-controls-direction a,
.ht-testimonial-wrap .bx-wrapper .bx-controls-direction a{
display: none;
}
.ht-team-member-wrap{
margin-left: 0;
display: flex;
flex-wrap: wrap;
}
.ht-team-member{
width: 40%;
float: none;
margin: 0 auto 30px;
}
.ht-team-counter-wrap{
margin-left: 0;
}
.ht-counter{
width: 75%;
float: none;
margin: 0 auto 60px;
}
.ht-portfolio{
width: 50%;
padding: 4px;
}
.ht-portfolio-caption{
background: none !important;
opacity: 1;
}
.ht-portfolio-caption h5,
.ht-portfolio-caption a.ht-portfolio-link,
.ht-portfolio-caption a.ht-portfolio-image{
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.ht-portfolio-caption h5{
background: rgba(0,0,0,0.2);
padding: 10px;
left: 0;
right: 0;
top: 0;
text-align: center;
}
.ht-portfolio-caption a{
right: 0;
bottom: 0;
margin: 0 5px;
}
.ht-portfolio-caption a.ht-portfolio-image{
right: 46px;
}
}
@media screen and (max-width: 480px){
.ht-blog-post,
.ht-featured-post{
width: auto;
}
.ht-team-member-wrap{
margin-left: 0;
display: flex;
flex-wrap: wrap;
}
.ht-team-member,
.ht-counter{
width: 45%;
float: none;
}
.ht-testimonial-excerpt{
width: auto;
}
.ht-testimonial-excerpt .fa-quote-left{
left: 0;
}
.ht-cta-buttons a{
display: block;
margin: 0 0 15px;
}
.ht-post-info{
float: none;
width: auto;
margin-bottom: 20px;
}
.ht-post-wrapper{
padding-left: 0;
}
.support_wrapper {
flex-direction: column;
}
.support_left_column{
width: 100% !important;
padding-right: 0px !important;
}
.supprt_right_column{
width: 100% !important;
padding-left: 0px !important;
}
}
@media screen and (min-width: 1001px){
.ht-main-navigation .ht-menu{
display: block !important;
}
}
@media screen and (min-width: 1200px){
.smls-grid-pad-container{
max-height:unset !important;
}
.smls-main-logo-wrapper:nth-of-type(3) .smls-grid-image-wrap{
width:10%;
}
.ht-service-left-bg{
background-attachment: fixed;
}
}
.support_left_inner_wrapper{
font-family: Open Sans !important;
color:#000;
}
.support_right_column_title{
font-weight: bold;
}
.support_left_column_title{
font-weight: bold;
margin-bottom: 15px !important;
}
.support_left_column p{
margin-bottom: 0;
}
.change_logo_size{
width:35px !important;
}
.slider_redirect_link{
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
z-index: 1000;
}
.fantazje .ht-team-detail {
left: 50%;
top: 55%;
right: unset;
bottom: unset;
transform: translate(-50%);
}
.page-id-2868 .give-form-wrap {
display: none;
}
.per a:hover {
background: transparent !important;
}
input#mfcf7_zl_add_file {
width: 100px;
}
.ht-main-navigation li {
float: left;
position: relative;
}
#ht-site-navigation {
width:90% !important;
}
@media (max-width: 1450px) {
.ht-main-navigation li { }
}
@media (min-width: 1450px) {
.ht-main-navigation li { }
}
@media screen and (min-width: 1000px) and (max-width: 1155px) {
ul#menu-menu-1 li:first-child, ul#menu-menu-1 li:last-child,
ul#menu-menu-1 li:nth-last-child(2), ul#menu-menu-1 li:nth-last-child(3) {
display: none!important;
}
}
@media (min-width: 1000px) {
ul#menu-menu-1 li {
width: auto;
}
.per {
width: 45px!important;
position: absolute!important;
left: -45px;
}
#menu-menu-1 {
position: relative;
}
}
@media (max-width: 1000px) {
ul#menu-menu-1 li:first-child { }
ul#menu-menu-1 li {
width: 100%;
}
.per {
width: 100%;
max-height: 30px;
margin-top: 5px;
}
}
@media (min-width: 700px) {
#ht-site-branding {
width:15% !important;
}
}
@media (max-width: 700px) {
#ht-masthead {
height: auto!important;
}
}
@media (max-width: 380px) {
.toggle-bar {
top: 20px;
}
}
@media (min-width: 380px) {
.toggle-bar {
top: 35px;
}
}