@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");
* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
outline: none;
}
html,
body {
font-family: "Roboto", sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 26px;
color: #707070;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
scroll-behavior: smooth;
}
p {
margin: 0;
padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Roboto", sans-serif;
font-weight: 700;
color: #1d1515;
}
iframe {
border: none;
}
a,
b,
div,
ul,
li {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-moz-outline-: none;
}
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active,
select:focus,
select:hover {
-moz-outline: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
img:not([draggable]),
embed,
object,
video {
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
outline: 0;
}
:focus {
outline: none;
}
img {
border: none;
max-width: 100%;
height: auto;
}
button:focus {
-moz-outline: none;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn.focus,
.btn:focus {
border: 1px solid transparent;
}
.form-control:focus,
.btn.focus,
.btn:focus {
color: #495057;
background-color: #fff;
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
a:focus {
outline: 0px solid;
}
a:hover {
color: #0abde3;
}
a:active,
a:hover {
color: #0abde3;
}
ul {
list-style: outside none none;
margin: 0;
padding: 0;
}
::-moz-selection {
background: #0abde3;
text-shadow: none;
}
::selection {
background: #0abde3;
text-shadow: none;
color: #ffffff;
}   @media (max-width: 767px) {
.bwdff-service-1 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-1 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 15px 5px;
margin-top: 27px;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: .6s;
transition: .6s;
will-change: transform;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
background: linear-gradient(48deg, #0173dc 0%, #2bd2ff 100%);
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 5px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape {
content: "";
position: absolute;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 62px solid #046EC8;
top: -14px;
-webkit-transition: 1s;
transition: 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner {
position: relative;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner::before {
content: "";
position: absolute;
top: -62px;
left: -58px;
border-left: 8px solid transparent;
border-right: 12px solid transparent;
border-bottom: 15px solid #0358a0;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner::after {
content: "";
position: absolute;
top: -62px;
right: -58px;
border-left: 12px solid transparent;
border-right: 8px solid transparent;
border-bottom: 15px solid #0358a0;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 35px;
color: #057CDF;
height: 85px;
width: 85px;
background: #fff;
line-height: 85px;
border-radius: 50%;
position: relative;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
content: "";
position: absolute;
top: -10px;
bottom: -10px;
left: -10px;
right: -10px;
background: transparent;
border-radius: 50%;
border: 5px solid #fff;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
margin-top: 25px;
font-size: 25px;
text-transform: capitalize;
color: #eee;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
}
@media (max-width: 1199px) {
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
background-color: #eee;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-box-shadow: 50px 50px 50px -50px #469CEB, -50px 50px 50px -50px #469CEB;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
position: relative;
min-height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background-color: #eee;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
color: #0269C8;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
background: linear-gradient(48deg, #0173dc 0%, #2bd2ff 100%);
color: #fff;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 20px;
-webkit-transition: .1s;
transition: .1s;
position: relative;
overflow: hidden;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 3px 5px #0764aa;
box-shadow: 0 3px 5px #0764aa;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front .top-shape {
visibility: hidden;
opacity: 0;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-front .bwdff-service-front-content {
background: linear-gradient(70deg, #fb544f 0%, #fb7672 100%);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape {
border-top-color: #da3b35;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner::before, .bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner::after {
border-bottom-color: #b33531;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #fb544f;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-back {
-webkit-box-shadow: 50px 50px 50px -50px rgba(251, 85, 79, 0.651), -50px 50px 50px -50px rgba(251, 85, 79, 0.705);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #fb544f;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background: linear-gradient(70deg, #fb544f 0%, #fb7672 100%);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-2 .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 3px 6px rgba(251, 84, 79, 0.5);
box-shadow: 0 3px 6px rgba(251, 84, 79, 0.5);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-front .bwdff-service-front-content {
background: linear-gradient(70deg, #23005f 0%, #4e327e 100%);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape {
border-top-color: #23005f;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner::before, .bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner::after {
border-bottom-color: #1f044e;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #23005f;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-back {
-webkit-box-shadow: 50px 50px 50px -50px #23005f, -50px 50px 50px -50px #23005f;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #23005f;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background: linear-gradient(70deg, #23005f 0%, #4e327e 100%);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-3 .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 3px 6px rgba(78, 50, 126, 0.5);
box-shadow: 0 3px 6px rgba(78, 50, 126, 0.5);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-front .bwdff-service-front-content {
background: linear-gradient(70deg, #00b7b5 0%, #32c5c3 100%);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape {
border-top-color: #089795;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner::before, .bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-front .bwdff-service-front-content .bwdff-top-shape .bwdff-top-shape-inner::after {
border-bottom-color: #07a19f;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #00b7b5;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-back {
-webkit-box-shadow: 50px 50px 50px -50px #00b7b5, -50px 50px 50px -50px #00b7b5;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #00b7b5;
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background: linear-gradient(70deg, #00b7b5 0%, #00b7b5 100%);
}
.bwdff-service-1 .bwdff-service-item-wrapper .bwdff-item-4 .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 3px 6px rgba(0, 183, 181, 0.4);
box-shadow: 0 3px 6px rgba(0, 183, 181, 0.4);
}   @media (max-width: 767px) {
.bwdff-service-2 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-2 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 0px auto 30px;
border-radius: 10px;
will-change: transform;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
padding: 0 10px;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
background-color: #fff;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
border-radius: 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border: 10px;
border-style: solid;
border-color: #e7e9eb;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
content: "";
position: absolute;
height: 80px;
width: 30px;
background: #11BE81;
top: 0;
left: -15px;
border-radius: 23px;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
content: "";
position: absolute;
height: 80px;
width: 30px;
background: #11BE81;
bottom: 0;
right: -15px;
border-radius: 23px;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
margin-top: 20px;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon i {
display: inline-block;
height: 85px;
width: 85px;
border-radius: 50%;
text-align: center;
line-height: 85px;
font-size: 45px;
color: #11BE81;
-webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
box-shadow: 0px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 25px;
text-transform: capitalize;
color: #11BE81;
text-align: center;
line-height: 1.2;
}
@media (max-width: 1199px) {
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
padding: 20px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
position: relative;
min-height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #fff;
line-height: 23px;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
margin: 4px 0;
-webkit-transition: .5s;
transition: .5s;
}
@media (max-width: 767px) {
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
font-size: 15px;
line-height: 21px;
}
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
font-size: 25px;
text-transform: capitalize;
color: #11BE81;
text-align: center;
line-height: 1.2;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
}
@media (max-width: 1199px) {
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
display: block;
text-transform: capitalize;
background: #11BE81;
color: #fff;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
margin-top: 20px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
border-top-right-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::after {
content: "";
position: absolute;
background: #01130cb3;
left: -20px;
right: -20px;
top: -20px;
bottom: -20px;
z-index: -1;
border-radius: 10px;
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-service-2 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
background-color: #00A9B3;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
background-color: #00A9B3;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon i {
color: #00A9B3;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #00A9B3;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #00A9B3;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
color: #00A9B3;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
background-color: #F14359;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
background-color: #F14359;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon i {
color: #F14359;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #F14359;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #F14359;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
color: #F14359;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
background-color: #0D89F7;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
background-color: #0D89F7;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon i {
color: #0D89F7;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #0D89F7;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #0D89F7;
}
.bwdff-service-2 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
color: #0D89F7;
}   @media (max-width: 767px) {
.bwdff-service-3 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-3 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 15px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 25px 10px;
will-change: transform;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: .6s;
transition: .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
-webkit-box-shadow: 0 0 8px 0 #4444443d;
box-shadow: 0 0 8px 0 #4444443d;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
background-color: #fff;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 5px;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 35px;
color: #fff;
height: 80px;
width: 80px;
background: #F09119;
line-height: 80px;
border-radius: 50%;
position: relative;
-webkit-box-shadow: -2px 0 10px #81818185;
box-shadow: -2px 0 10px #81818185;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
content: "";
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #F09119), color-stop(50%, transparent));
background: linear-gradient(to right, #F09119 50%, transparent 50%);
border-radius: 50%;
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
z-index: -1;
-webkit-box-shadow: 0 0 30px #9c9a9a69;
box-shadow: 0 0 30px #9c9a9a69;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::after {
content: "";
background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fff), color-stop(50%, transparent));
background: linear-gradient(to left, #fff 50%, transparent 50%);
border-radius: 50%;
position: absolute;
top: -10px;
left: -10px;
right: -10px;
bottom: -10px;
z-index: -2;
-webkit-box-shadow: 10px 0 13px #bababa73;
box-shadow: 10px 0 13px #bababa73;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
margin-top: 35px;
font-size: 25px;
text-transform: capitalize;
color: #F09119;
}
@media (max-width: 1199px) {
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
content: "";
position: absolute;
height: 150px;
width: 150px;
top: -10px;
left: -10px;
background: transparent;
z-index: -2;
border-top-right-radius: 11px;
border-bottom-left-radius: 11px;
border-left: 11px solid #F09119;
border-top: 11px solid #F09119;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
content: "";
position: absolute;
height: 150px;
width: 150px;
bottom: -10px;
right: -10px;
background: transparent;
z-index: -2;
border-top-right-radius: 11px;
border-bottom-left-radius: 11px;
border-right: 11px solid #F09119;
border-bottom: 11px solid #F09119;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
background-color: #eee;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px;
background-color: #eee;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
width: 100%;
min-height: 100%;
display: flex;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
color: #635a4e;
line-height: 22px;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
display: block;
text-transform: capitalize;
background: #F09119;
color: #fff;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
margin-top: 20px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 5px 7px #F09119;
box-shadow: 0 5px 7px #F09119;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front .bwdff-top-shape {
visibility: hidden;
opacity: 0;
}
.bwdff-service-3 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #E04939;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: #E04939;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #E04939), color-stop(50%, transparent));
background: linear-gradient(to right, #E04939 50%, transparent 50%);
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
border-color: #E04939;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
border-color: #E04939;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #E04939;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 5px 7px #E04939;
box-shadow: 0 5px 7px #E04939;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #0095AD;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: #0095AD;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #0095AD), color-stop(50%, transparent));
background: linear-gradient(to right, #0095AD 50%, transparent 50%);
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
border-color: #0095AD;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
border-color: #0095AD;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #0095AD;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 5px 7px #0095AD;
box-shadow: 0 5px 7px #0095AD;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #9FC22C;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: #9FC22C;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #9FC22C), color-stop(50%, transparent));
background: linear-gradient(to right, #9FC22C 50%, transparent 50%);
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
border-color: #9FC22C;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
border-color: #9FC22C;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #9FC22C;
}
.bwdff-service-3 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 5px 7px #9FC22C;
box-shadow: 0 5px 7px #9FC22C;
}   @media (max-width: 767px) {
.bwdff-service-4 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-4 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 15px 5px;
will-change: transform;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
background-color: transparent;
border-bottom-left-radius: 40px;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
border: 2px dashed #8fae27;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 200px;
width: 200px;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-radius: 5px;
border-radius: 50%;
background: #eee;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
content: "";
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border-radius: 50%;
border: 4px dashed #8fae27;
z-index: -1;
-webkit-animation: circle-rotation 10s linear infinite;
animation: circle-rotation 10s linear infinite;
}
@-webkit-keyframes circle-rotation {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes circle-rotation {
from {
-webkit-transform: rotate(0);
transform: rotate(0);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 35px;
color: #fff;
height: 80px;
width: 80px;
background: #8fae27;
line-height: 80px;
border-radius: 50%;
position: relative;
-webkit-box-shadow: -2px 0 10px #81818185;
box-shadow: -2px 0 10px #81818185;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
margin-bottom: 15px;
font-size: 25px;
text-transform: capitalize;
color: #eee;
background: #8fae27;
width: 100%;
border-top-left-radius: 30px;
border-bottom-right-radius: 30px;
line-height: 40px;
}
@media (max-width: 1199px) {
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
background-color: #fff;
border-bottom-left-radius: 50px;
box-shadow: 0 0 10px 0 #44444447;
border-bottom-right-radius: 50px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
padding: 20px;
overflow: hidden;
min-height: 100%;
width: 100%;
background-color: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::before {
content: "";
position: absolute;
border-top: 200px solid #cfe09524;
border-left: 115px solid transparent;
border-right: 115px solid transparent;
border-bottom: 100px solid #cfe09524;
border-radius: 60px;
z-index: -1;
top: 0;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #333;
line-height: 27px;
font-weight: 600;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
background: #8fae27;
color: #fff;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 20px;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
position: relative;
overflow: hidden;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more::before {
content: "";
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
height: 200px;
width: 200px;
background: #7c9b17;
border-radius: 50%;
z-index: -1;
-webkit-transition: .4s ease-in;
transition: .4s ease-in;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background-color: transparent;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover::before {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back:hover .bwdff-service-back-content .bwdff-read-more {
-webkit-transform: translateX(0) rotateY(0);
transform: translateX(0) rotateY(0);
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front .bwdff-top-shape {
visibility: hidden;
opacity: 0;
}
.bwdff-service-4 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front {
border-color: #E04939;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background-color: #E04939;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: #E04939;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #E04939), color-stop(50%, transparent));
background: linear-gradient(to right, #E04939 50%, transparent 50%);
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
border-color: #E04939;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
border-color: #E04939;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #E04939;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover::before {
background-color: #b33123;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front {
border-color: #00ABB9;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background-color: #00ABB9;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: #00ABB9;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #00ABB9), color-stop(50%, transparent));
background: linear-gradient(to right, #00ABB9 50%, transparent 50%);
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
border-color: #00ABB9;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
border-color: #00ABB9;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #105f66be;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover::before {
background-color: #105f66;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front {
border-color: #4f3286;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background-color: #4f3286;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: #4f3286;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #4f3286), color-stop(50%, transparent));
background: linear-gradient(to right, #4f3286 50%, transparent 50%);
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
border-color: #4f3286;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
border-color: #4f3286;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #2d1162;
}
.bwdff-service-4 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover::before {
background-color: #301562;
}   @media (max-width: 767px) {
.bwdff-service-5 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-5 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-5 .bwdff-service-item-wrapper > * {
padding-left: 22px;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 20px auto 30px;
will-change: transform;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
background-color: #8930D6;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
border-radius: 20px;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #eee;
top: -15px;
left: -10px;
-webkit-clip-path: polygon(0 20%, 24% 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
clip-path: polygon(0 20%, 24% 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 35px;
color: #8930D6;
height: 70px;
width: 70px;
line-height: 70px;
border-radius: 50%;
position: relative;
-webkit-box-shadow: -2px 0 10px #81818185;
box-shadow: -2px 0 10px #81818185;
outline: 10px solid #8930D6;
margin-top: 20px;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
margin-bottom: 15px;
font-size: 25px;
text-transform: capitalize;
color: #eee;
background: #8930D6;
width: 100%;
line-height: 40px;
-webkit-box-shadow: 0 10px 10px #33333363;
box-shadow: 0 10px 10px #33333363;
}
@media (max-width: 1199px) {
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
background: #eee;
border-radius: 20px;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 30px 25px;
background-color: #8930D6;
top: -15px;
left: -10px;
-webkit-clip-path: polygon(0 20%, 24% 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
clip-path: polygon(0 20%, 24% 0, 100% 0, 100% 80%, 80% 100%, 0 100%);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #fff;
line-height: 1.3;
font-weight: 600;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
color: #fff;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 15px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
position: relative;
overflow: hidden;
border: 2px solid #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
border-color: #521c80;
background: #521c80;
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bwdff-service-5 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front {
background-color: #E04939;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background-color: #E04939;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #E04939;
outline-color: #E04939;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
background-color: #E04939;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background-color: #942b1f;
border-color: #942b1f;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front {
background-color: #01AED8;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background-color: #01AED8;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #01AED8;
outline-color: #01AED8;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
background-color: #01AED8;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background-color: #0f7994;
border-color: #0f7994;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front {
background-color: #0B697E;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background-color: #0B697E;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #0B697E;
outline-color: #0B697E;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
background-color: #0B697E;
}
.bwdff-service-5 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background-color: #0a4e5e;
border-color: #0a4e5e;
}   @media (max-width: 767px) {
.bwdff-service-6 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-6 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item {
width: 100%;
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 900px;
perspective: 900px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-perspective-origin: 50% 50%;
perspective-origin: 50% 50%;
margin: 0 auto;
margin-top: 36px;
will-change: transform;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
background-color: #8930D6;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
border-radius: 20px;
padding: 0 12px;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-top-left-radius: 130px;
border-top-right-radius: 130px;
top: -35px;
-webkit-box-shadow: 0 -10px 10px -10px #000 inset;
box-shadow: 0 -10px 10px -10px #000 inset;
padding: 15px 5px;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 40px;
color: #8930D6;
height: 70px;
width: 70px;
line-height: 70px;
position: relative;
-webkit-box-shadow: 0px 0 17px 1px #8930D6 inset;
box-shadow: 0px 0 17px 1px #8930D6 inset;
outline: 10px solid #8930D6;
margin-top: 20px;
border-radius: 15px;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
margin-bottom: 15px;
font-size: 24px;
text-transform: uppercase;
width: 100%;
line-height: 1.2;
color: #8930D6;
}
@media (max-width: 1199px) {
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
background-color: #8930D6;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
border-radius: 20px;
padding: 0 12px;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-top-left-radius: 70px;
border-top-right-radius: 70px;
top: -35px;
-webkit-box-shadow: 0 -10px 10px -10px #000 inset;
box-shadow: 0 -10px 10px -10px #000 inset;
padding: 20px 20px;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #333;
line-height: 22px;
font-weight: 400;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
color: #fff;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 20px;
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
position: relative;
overflow: hidden;
background: #8930D6;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
border-color: #521c80;
-webkit-box-shadow: 0 -15px 11px #4C0F81 inset;
box-shadow: 0 -15px 11px #4C0F81 inset;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
font-size: 35px;
color: #8930D6;
line-height: 60px;
border: 2px solid #8930D6;
height: 60px;
width: 60px;
border-radius: 50px;
border-bottom-color: transparent;
margin-bottom: 15px;
-webkit-box-shadow: 0 7px 5px inset #9F67D0;
box-shadow: 0 7px 5px inset #9F67D0;
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bwdff-service-6 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front {
background-color: #00CABA;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #00CABA;
outline-color: #00CABA;
-webkit-box-shadow: 0px 0 17px 1px #00CABA inset;
box-shadow: 0px 0 17px 1px #00CABA inset;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #00CABA;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back {
background-color: #00CABA;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background: #00CABA;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
border-color: #03857a;
-webkit-box-shadow: 0 -15px 11px #03857a inset;
box-shadow: 0 -15px 11px #03857a inset;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
color: #00CABA;
border: 2px solid #00CABA;
-webkit-box-shadow: 0 7px 5px inset #00cab975;
box-shadow: 0 7px 5px inset #00cab975;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front {
background-color: #0C8AFA;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #0C8AFA;
outline-color: #0C8AFA;
-webkit-box-shadow: 0px 0 17px 1px #0a78d8 inset;
box-shadow: 0px 0 17px 1px #0a78d8 inset;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #0C8AFA;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back {
background-color: #0C8AFA;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background: #0C8AFA;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
border-color: #0561b1;
-webkit-box-shadow: 0 -15px 11px #0561b1 inset;
box-shadow: 0 -15px 11px #0561b1 inset;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
color: #0C8AFA;
border: 2px solid #0C8AFA;
-webkit-box-shadow: 0 7px 5px inset #0c8bfa71;
box-shadow: 0 7px 5px inset #0c8bfa71;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front {
background-color: #0B697E;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #0B697E;
outline-color: #0B697E;
-webkit-box-shadow: 0px 0 17px 1px #0b697e9a inset;
box-shadow: 0px 0 17px 1px #0b697e9a inset;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #0B697E;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back {
background-color: #0B697E;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background: #0B697E;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
border-color: #074d8b;
-webkit-box-shadow: 0 -15px 11px #074d8b inset;
box-shadow: 0 -15px 11px #074d8b inset;
}
.bwdff-service-6 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
color: #0B697E;
border: 2px solid #0B697E;
-webkit-box-shadow: 0 7px 5px inset #0b697eaf;
box-shadow: 0 7px 5px inset #0b697eaf;
}   @media (max-width: 767px) {
.bwdff-service-7 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-7 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform;        
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
background-color: #8930D6;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
border-radius: 14px;
border-bottom-left-radius: 14px;
padding: 0 10px;
padding-left: 10px;
padding-left: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: -10px 0 10px -10px #371455 inset;
box-shadow: -10px 0 10px -10px #371455 inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-top-left-radius: 130px;
-webkit-box-shadow: -9px -10px 10px -10px #000 inset;
box-shadow: -9px -10px 10px -10px #000 inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 40px;
color: #8930D6;
height: 80px;
width: 120px;
line-height: 80px;
position: relative;
-webkit-box-shadow: 0px 0 17px 1px #8930D6 inset;
box-shadow: 0px 0 17px 1px #8930D6 inset;
margin-top: 20px;
border-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-right-radius: 57px;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
margin-bottom: 15px;
font-size: 24px;
text-transform: uppercase;
width: 100%;
line-height: 40px;
color: #8930D6;
}
@media (max-width: 1199px) {
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
background-color: #8930D6;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
border-radius: 14px;
border-bottom-left-radius: 14px;
padding: 0 10px;
padding-left: 10px;
padding-left: 0;
border-bottom-left-radius: 0;
-webkit-box-shadow: -10px 0 10px -10px #371455 inset;
box-shadow: -10px 0 10px -10px #371455 inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-bottom-right-radius: 60px;
-webkit-box-shadow: -9px -10px 10px -10px #000 inset;
box-shadow: -9px -10px 10px -10px #000 inset;
padding: 20px 25px;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #333;
line-height: 22px;
font-weight: 400;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
color: #fff;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 20px;
-webkit-transition: .2s ease;
transition: .2s ease;
position: relative;
overflow: hidden;
background: #8930D6;
-webkit-transform: scale(1);
transform: scale(1);
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
border-color: #521c80;
-webkit-transform: scale(0.98);
transform: scale(0.98);
-webkit-box-shadow: 0 15px 11px #4C0F81 inset;
box-shadow: 0 15px 11px #4C0F81 inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
font-size: 35px;
color: #8930D6;
line-height: 60px;
border: 2px solid #8930D6;
height: 60px;
width: 60px;
border-bottom-color: transparent;
margin-bottom: 15px;
-webkit-box-shadow: 0 8px 8px inset #9F67D0;
box-shadow: 0 8px 8px inset #9F67D0;
border-bottom-left-radius: 40px;
border-top-left-radius: 25px;
border-top-right-radius: 5px;
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bwdff-service-7 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front {
background-color: #DD1F2F;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #DD1F2F;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #DD1F2F;
-webkit-box-shadow: 0px 0 17px 1px #DD1F2F inset;
box-shadow: 0px 0 17px 1px #DD1F2F inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back {
background-color: #DD1F2F;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #DD1F2F;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 15px 11px #c01a28 inset;
box-shadow: 0 15px 11px #c01a28 inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
-webkit-box-shadow: 0 8px 8px inset #e4959bb6;
box-shadow: 0 8px 8px inset #e4959bb6;
border-color: #DD1F2F;
color: #DD1F2F;
border-bottom: 0;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front {
background-color: #EFAA0C;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #e4a40e;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #EFAA0C;
-webkit-box-shadow: 0px 0 17px 1px #EFAA0C inset;
box-shadow: 0px 0 17px 1px #EFAA0C inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back {
background-color: #EFAA0C;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background-color: #EFAA0C;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
-webkit-box-shadow: 0 15px 11px #ca900a inset;
box-shadow: 0 15px 11px #ca900a inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
-webkit-box-shadow: 0 8px 8px inset #ccbf9f;
box-shadow: 0 8px 8px inset #ccbf9f;
border-color: #EB9B0E;
color: #F6C709;
border-bottom: 0;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front {
background-color: #0B697E;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #0B697E;
outline-color: #0B697E;
-webkit-box-shadow: 0px 0 17px 1px #0b697e9a inset;
box-shadow: 0px 0 17px 1px #0b697e9a inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #0B697E;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back {
background-color: #0B697E;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
background: #0B697E;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
border-color: #074d8b;
-webkit-box-shadow: 0 -15px 11px #074d8b inset;
box-shadow: 0 -15px 11px #074d8b inset;
}
.bwdff-service-7 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
color: #0B697E;
border: 2px solid #0B697E;
-webkit-box-shadow: 0 7px 5px inset #0b697eaf;
box-shadow: 0 7px 5px inset #0b697eaf;
}   @media (max-width: 767px) {
.bwdff-service-8 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-8 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 900px;
perspective: 900px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 6px 4px;
will-change: transform;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
border-radius: 50px 0;
background: #fff;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
border-radius: 50px 0;
border: 2px solid #FF6B81;
-webkit-box-shadow: 0 0 14px -5px #FF6B81 inset;
box-shadow: 0 0 14px -5px #FF6B81 inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before {
content: "";
position: absolute;
top: -8px;
right: -8px;
height: 40px;
width: 40px;
background: linear-gradient(48deg, #ff6b81 0%, #ff889a 100%);
z-index: -1;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
content: "";
position: absolute;
bottom: -8px;
left: -8px;
height: 40px;
width: 40px;
background: linear-gradient(48deg, #ff6b81 0%, #ff889a 100%);
z-index: -1;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 40px;
color: #fff;
height: 90px;
width: 90px;
line-height: 90px;
position: relative;
margin-top: 20px;
border-radius: 15px;
z-index: 3;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #F55E75;
z-index: -1;
border-radius: 20px;
-webkit-box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
margin-bottom: 15px;
font-size: 24px;
text-transform: uppercase;
width: 100%;
line-height: 1.3;
color: #fff;
position: relative;
background: #FF6B81;
-webkit-box-shadow: 0 -25px 10px 2px #CB2740 inset;
box-shadow: 0 -25px 10px 2px #CB2740 inset;
padding: 6px 0;
}
@media (max-width: 1199px) {
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title::before {
content: "";
position: absolute;
border-bottom: 45px solid #BE2038;
border-left: 18px solid transparent;
right: 100%;
border-bottom-left-radius: 5px;
top: -2px;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
border-radius: 50px 0;
background: #fff;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 20px 15px 15px 15px;
border-radius: 50px 0;
background: #fff;
border: 2px solid #FF6B81;
-webkit-box-shadow: 0 0 14px -5px #FF6B81 inset;
box-shadow: 0 0 14px -5px #FF6B81 inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #333;
line-height: 22px;
font-weight: 400;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
color: #F55E75;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 20px;
-webkit-transition: .2s ease;
transition: .2s ease;
position: relative;
overflow: hidden;
background: transparent;
-webkit-transform: scale(1);
transform: scale(1);
border: 2px solid #F55E75;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #F55E75;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
font-size: 40px;
color: #fff;
height: 65px;
width: 65px;
line-height: 65px;
position: relative;
margin-bottom: 25px;
border-radius: 15px;
z-index: 3;
margin-top: 7px;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #F55E75;
z-index: -1;
border-radius: 20px;
-webkit-box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::before {
content: "";
position: absolute;
top: -8px;
right: -8px;
height: 40px;
width: 40px;
background: linear-gradient(48deg, #ff6b81 0%, #ff889a 100%);
z-index: -1;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::after {
content: "";
position: absolute;
bottom: -8px;
left: -8px;
height: 40px;
width: 40px;
background: linear-gradient(48deg, #ff6b81 0%, #ff889a 100%);
z-index: -1;
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bwdff-service-8 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
border: 2px solid #FF8D23;
-webkit-box-shadow: 0 0 14px -5px #FF8D23 inset;
box-shadow: 0 0 14px -5px #FF8D23 inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before, .bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
background: #FF8D23;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: #FF8D23;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background: #FF8D23;
-webkit-box-shadow: 0 -25px 10px 2px #cf6e13 inset;
box-shadow: 0 -25px 10px 2px #cf6e13 inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title::before {
border-bottom-color: #CF6808;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back {
background: #fff;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
background: #fff;
border: 2px solid #FF8D23;
-webkit-box-shadow: 0 0 14px -5px #FF8D23 inset;
box-shadow: 0 0 14px -5px #FF8D23 inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
color: #FF8D23;
border: 2px solid #FF8D23;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #FF8D23;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
color: #fff;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon::before {
background: #FF8D23;
-webkit-box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::before, .bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::after {
background: #FF8D23;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
border: 2px solid #82a80f;
-webkit-box-shadow: 0 0 14px -5px #82a80f inset;
box-shadow: 0 0 14px -5px #82a80f inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before, .bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
background: #82a80f;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: #82a80f;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background: #82a80f;
-webkit-box-shadow: 0 -25px 10px 2px #70900f inset;
box-shadow: 0 -25px 10px 2px #70900f inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title::before {
border-bottom-color: #82a80f;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back {
background: #fff;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
background: #fff;
border: 2px solid #82a80f;
-webkit-box-shadow: 0 0 14px -5px #82a80f inset;
box-shadow: 0 0 14px -5px #82a80f inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
color: #82a80f;
border: 2px solid #82a80f;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #82a80f;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
color: #fff;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon::before {
background: #82a80f;
-webkit-box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::before, .bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::after {
background: #82a80f;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
border: 2px solid #7161C4;
-webkit-box-shadow: 0 0 14px -5px #7161C4 inset;
box-shadow: 0 0 14px -5px #7161C4 inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::before, .bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content::after {
background: #7161C4;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon::before {
background: #7161C4;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
background: #7161C4;
-webkit-box-shadow: 0 -25px 10px 2px #5f50aa inset;
box-shadow: 0 -25px 10px 2px #5f50aa inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title::before {
border-bottom-color: #7161C4;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back {
background: #fff;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
background: #fff;
border: 2px solid #7161C4;
-webkit-box-shadow: 0 0 14px -5px #7161C4 inset;
box-shadow: 0 0 14px -5px #7161C4 inset;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
color: #7161C4;
border: 2px solid #7161C4;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #7161C4;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon {
color: #fff;
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-icon::before {
background: #7161C4;
-webkit-box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
box-shadow: 7px 0 10px rgba(0, 0, 0, 0.3), 0 0 0 10px #fff, 0px 0 20px 5px rgba(0, 0, 0, 0.4);
}
.bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::before, .bwdff-service-8 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::after {
background: #7161C4;
}   @media (max-width: 767px) {
.bwdff-service-9 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-9 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 10px 0px;
will-change: transform;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: .6s;
transition: .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 5px;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
height: 100%;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
border-radius: 35px;
background: #fff;
padding: 20px;
-webkit-box-shadow: 12px 12px 5px -4px rgba(64, 64, 64, 0.1), 20px 20px 4px -4px rgba(64, 64, 64, 0.04);
box-shadow: 12px 12px 5px -4px rgba(64, 64, 64, 0.1), 20px 20px 4px -4px rgba(64, 64, 64, 0.04);
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
border-radius: 35px;
padding: 50px 5px;
-webkit-box-shadow: 12px 12px 5px -4px rgba(64, 64, 64, 0.05), 15px 15px 4px -4px rgba(64, 64, 64, 0.03);
box-shadow: 12px 12px 5px -4px rgba(64, 64, 64, 0.05), 15px 15px 4px -4px rgba(64, 64, 64, 0.03);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
position: absolute;
font-size: 30px;
top: -22px;
left: -22px;
height: 90px;
width: 100px;
text-align: center;
line-height: 100px;
background: linear-gradient(166deg, #02fbd1 0%, #00b4f6 100%);
color: #fff;
border-top-left-radius: 30px;
border-bottom-right-radius: 115px;
-webkit-box-shadow: 8px 8px 4px -4px rgba(64, 64, 64, 0.08), 13px 13px 4px -4px rgba(64, 64, 64, 0.06);
box-shadow: 8px 8px 4px -4px rgba(64, 64, 64, 0.08), 13px 13px 4px -4px rgba(64, 64, 64, 0.06);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 45px;
color: #fff;
height: 90px;
width: 90px;
line-height: 90px;
position: relative;
border-radius: 50%;
z-index: 3;
background: linear-gradient(166deg, #02fbd1 0%, #00b4f6 100%);
-webkit-box-shadow: 8px 8px 4px -4px rgba(64, 64, 64, 0.2), 13px 13px 4px -4px rgba(64, 64, 64, 0.1);
box-shadow: 8px 8px 4px -4px rgba(64, 64, 64, 0.2), 13px 13px 4px -4px rgba(64, 64, 64, 0.1);
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 23px;
text-transform: uppercase;
width: 100%;
line-height: 1.2;
color: #6e6b6b;
position: relative;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
margin-bottom: 15px;
}
@media (max-width: 1199px) {
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
border-radius: 30px;
background-color: #fff;
background-position: center;
background-size: cover;
overflow: hidden;
min-height: 100%;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #161616c7;
z-index: -1;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #eee;
line-height: 1.4;
font-weight: 400;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
color: #0898cc;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 20px;
-webkit-transition: .2s ease;
transition: .2s ease;
position: relative;
overflow: hidden;
background: transparent;
-webkit-transform: scale(1);
transform: scale(1);
border: 2px solid #0898cc;
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #0898cc;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
font-size: 23px;
text-transform: uppercase;
width: 100%;
line-height: 1.2;
color: #eee;
letter-spacing: 1px;
position: relative;
margin-bottom: 10px;
}
@media (max-width: 1199px) {
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
font-size: 22px;
}
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-service-9 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
background: linear-gradient(166deg, #fd089b 0%, #7a00b3 100%);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: linear-gradient(166deg, #fd089b 0%, #7a00b3 100%);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
border-color: #fd089b;
color: #fd089b;
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #fd089b;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
background: linear-gradient(166deg, #fadd25 0%, #fd457f 100%);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: linear-gradient(166deg, #fadd25 0%, #fd457f 100%);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
border-color: #fd457f;
color: #fd457f;
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #fd457f;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
background: linear-gradient(166deg, #00c2fb 0%, #4b2ad7 100%);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
background: linear-gradient(166deg, #00c2fb 0%, #4b2ad7 100%);
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
border-color: #00c2fb;
color: #00c2fb;
}
.bwdff-service-9 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #00c2fb;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}   @media (max-width: 767px) {
.bwdff-service-10 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-service-10 .bwdff-service-item-wrapper > * {
max-width: 280px;
}
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 350px;
padding: 20px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform;        
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
min-height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: .6s;
transition: .6s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 5px;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front::before,
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back::before {
content: "";
position: absolute;
width: 50%;
top: 0;
bottom: 0;
right: -2px;
background: #3F628F;
border-radius: 33px;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
border-radius: 35px;
background: transparent;
padding: 15px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border: 1px dashed #3F628F;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 300px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
border-radius: 35px;
padding: 50px 20px;
-webkit-box-shadow: -12px 12px 5px -4px rgba(64, 64, 64, 0.15), -15px 15px 4px -4px rgba(64, 64, 64, 0.1);
box-shadow: -12px 12px 5px -4px rgba(64, 64, 64, 0.15), -15px 15px 4px -4px rgba(64, 64, 64, 0.1);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 40px;
top: -22px;
left: -22px;
height: 90px;
width: 90px;
text-align: center;
line-height: 90px;
color: #3F628F;
-webkit-box-shadow: -8px 8px 4px -4px rgba(64, 64, 64, 0.08), -13px 13px 4px -4px rgba(64, 64, 64, 0.06);
box-shadow: -8px 8px 4px -4px rgba(64, 64, 64, 0.08), -13px 13px 4px -4px rgba(64, 64, 64, 0.06);
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
border-radius: 50%;
border: 1px dashed #3F628F;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
text-transform: uppercase;
width: 100%;
line-height: 1.2;
color: #1f3147;
letter-spacing: 1px;
position: relative;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
margin: 5px 0;
margin-top: 15px;
}
@media (max-width: 1199px) {
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 21px;
}
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
border-radius: 30px;
background-color: transparent;
overflow: hidden;
padding: 15px;
border: 1px dashed #3F628F;
border-right: 0;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 300px;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 15px;
border-radius: 30px;
overflow: hidden;
background-position: center;
background-size: cover;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #eee;
line-height: 25px;
font-weight: 400;
position: relative;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
color: #4082d3;
font-weight: 600;
line-height: 35px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 20px;
-webkit-transition: .2s ease;
transition: .2s ease;
position: relative;
overflow: hidden;
background: transparent;
-webkit-transform: scale(1);
transform: scale(1);
border: 2px solid #4082d3;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #4082d3;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
font-size: 22px;
text-transform: uppercase;
width: 100%;
line-height: 1.2;
color: #eee;
position: relative;
margin-bottom: 12px;
}
@media (max-width: 1199px) {
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
font-size: 21px;
}
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: #161616c7;
z-index: 0;
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bwdff-service-10 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item::before {
background-color: #02A69B;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front {
border: 1px dashed #02A69B;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front::before {
background-color: #02A69B;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
color: #02A69B;
border-color: #02A69B;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
border-color: #02A69B;
color: #02A69B;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back {
border-color: #02A69B;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back::before {
background-color: #02A69B;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
border-color: #0ab9ad;
color: #0ab9ad;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #0ab9ad;
color: #fff;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item::before {
background-color: #E74A49;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front {
border: 1px dashed #E74A49;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front::before {
background-color: #E74A49;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
color: #E74A49;
border-color: #E74A49;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
border-color: #E74A49;
color: #E74A49;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back {
border-color: #E74A49;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back::before {
background-color: #E74A49;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
border-color: #E74A49;
color: #E74A49;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #E74A49;
color: #fff;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item::before {
background-color: #EE5921;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front {
border: 1px dashed #EE5921;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front::before {
background-color: #EE5921;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
color: #EE5921;
border-color: #EE5921;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
border-color: #EE5921;
color: #EE5921;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back {
border-color: #EE5921;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back::before {
background-color: #EE5921;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
border-color: #EE5921;
color: #EE5921;
}
.bwdff-service-10 .bwdff-service-item-wrapper > *:nth-child(4) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #EE5921;
color: #fff;
}   @media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper > * .bwdff-service-item {
margin: 15px  auto !important;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item {
max-width: 340px;
min-height: 340px;
padding: 15px;
text-align: center;
position: relative;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 15px auto;
overflow: hidden;
background-color: #fff;
border-radius: 50%;
will-change: transform;
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item {
min-height: 280px;
max-width: 280px;
margin: 15px  auto;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item {
max-width: 340px;
min-height: 340px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item::before {
content: "";
position: absolute;
width: 100%;
height: 55px;
background: #FDB90A;
left: 0;
top: 0;
z-index: 1;
-webkit-transition: .5s;
transition: .5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item::after {
content: "";
position: absolute;
width: 100%;
height: 55px;
background: #FDB90A;
left: 0;
bottom: 0;
z-index: 1;
-webkit-transition: .5s;
transition: .5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front,
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
position: absolute;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0;
left: 0;
-webkit-transition: -webkit-transform  .5s;
transition: -webkit-transform  .5s;
transition: transform  .5s;
transition: transform  .5s, -webkit-transform  .5s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 5px;
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
background: transparent;
padding: 5px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border: 3px solid #FDB90A;
border-radius: 50%;
height: 315px;
width: 315px;
overflow: hidden;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 3;
transform-style: preserve-3d;
}
@media (max-width: 1199px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
width: 290px;
height: 290px;
}
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
height: 260px;
width: 260px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front {
height: 315px;
width: 315px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
padding: 50px 20px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 50%;
-webkit-box-shadow: 0 0 20px 5px #87878754;
box-shadow: 0 0 20px 5px #87878754;
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content {
padding: 30px 20px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 40px;
top: -22px;
left: -22px;
height: 90px;
width: 90px;
text-align: center;
line-height: 90px;
color: #FDB90A;
-webkit-box-shadow: 4px 4px 5px 5px #cfcfcf47, -4px -4px 5px 5px #cfcfcf47;
box-shadow: 4px 4px 5px 5px #cfcfcf47, -4px -4px 5px 5px #cfcfcf47;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
border-radius: 50%;
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 30px;
height: 70px;
width: 70px;
line-height: 70px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
font-size: 30px;
height: 70px;
width: 70px;
line-height: 70px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 24px;
line-height: 50px;
text-transform: uppercase;
width: 100%;
color: #FDB90A;
letter-spacing: 1px;
position: relative;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
margin: 5px 0;
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 22px;
line-height: 40px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
font-size: 24px;
line-height: 50px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
background: transparent;
padding: 15px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border: 3px solid #FDB90A;
border-radius: 50%;
height: 315px;
width: 315px;
overflow: hidden;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%) rotateY(-180deg);
transform: translate(-50%, -50%) rotateY(-180deg);
z-index: 3;
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
height: 260px;
width: 260px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back {
height: 315px;
width: 315px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
min-height: 100%;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #fff;
padding: 50px 20px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 50%;
overflow: hidden;
-webkit-box-shadow: 0 0 20px 5px #87878754;
box-shadow: 0 0 20px 5px #87878754;
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
padding: 30px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content {
padding: 50px 20px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
color: #4a4949;
line-height: 25px;
font-weight: 400;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
line-height: 22px;
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
line-height: 20px;
font-size: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-desc {
line-height: 22px;
font-size: 16px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
display: block;
text-transform: capitalize;
color: #4a4949;
font-weight: 600;
line-height: 35px;
padding: 0 25px;
width: 140px;
margin: 0 auto;
border-radius: 30px;
margin-top: 20px;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
position: relative;
overflow: hidden;
background: transparent;
-webkit-transform: scale(1);
transform: scale(1);
border: 2px solid #FDB90A;
-webkit-transform: translateZ(30px);
transform: translateZ(30px);
-webkit-transition: .3s;
transition: .3s;
}
@media (max-width: 767px) {
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
margin-top: 10px;
line-height: 32px;
}
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background-color: #FDB90A;
color: #fff;
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-service-title {
font-size: 24px;
text-transform: uppercase;
width: 100%;
line-height: 50px;
color: #100f0f;
letter-spacing: 1px;
position: relative;
margin-bottom: 5px;
-webkit-transform: translateZ(30px) translateY(-100px);
transform: translateZ(30px) translateY(-100px);
-webkit-transition: .3s;
transition: .3s;
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-front {
-webkit-transform: translate(-50%, -50%) rotateY(180deg);
transform: translate(-50%, -50%) rotateY(180deg);
}
.bwdff-service-11 .bwdff-service-item-wrapper .bwdff-service-item:hover .bwdff-service-back {
-webkit-transform: translate(-50%, -50%) rotateY(0);
transform: translate(-50%, -50%) rotateY(0);
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item::before {
background-color: #02A69B;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item::after {
background-color: #02A69B;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front {
border-color: #02A69B;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
color: #02A69B;
border-color: #02A69B;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #02A69B;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #02A69B;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back {
border-color: #02A69B;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
border-color: #0ab9ad;
color: #0ab9ad;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(2) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #0ab9ad;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item::before {
background-color: #e1197e;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item::after {
background-color: #e1197e;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front {
border-color: #e1197e;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .srl-no {
color: #e1197e;
border-color: #e1197e;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-icon {
color: #e1197e;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-front .bwdff-service-front-content .bwdff-service-title {
color: #e1197e;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back {
border-color: #e1197e;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more {
border-color: #e1197e;
color: #e1197e;
}
.bwdff-service-11 .bwdff-service-item-wrapper > *:nth-child(3) .bwdff-service-item .bwdff-service-back .bwdff-service-back-content .bwdff-read-more:hover {
background: #e1197e;
color: #fff;
-webkit-transform: scale(0.98);
transform: scale(0.98);
}   .bwd-team-front,
.bwd-team-back {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
}
.bwd-member-name {
font-size: 25px;
text-transform: capitalize;
}
.bwd-member-post {
display: block;
text-transform: capitalize;
font-size: 14px;
text-align: center;
-webkit-transition: .3s;
transition: .3s;
}    @media (max-width: 767px) {
.bwdff-team-1 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-1 .bwdff-team-wrapper > * {
padding: 0 17px;
}
.bwdff-team-1 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
margin: 30px  auto !important;
}
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 30px 10px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@media (max-width: 767px) {
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item {
min-height: 350px;
}
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: .6s;
transition: .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
border: 3px solid #00BED3;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content::before, .bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content::after {
content: "";
position: absolute;
height: 100px;
width: 100px;
background: #00BED3;
z-index: -1;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content::before {
top: -15px;
left: -15px;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content::after {
bottom: -15px;
right: -15px;
z-index: -3;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
height: 100%;
overflow: hidden;
background-color: #fff;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img img {
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
border: 2px solid #00BED3;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content::before {
content: "";
position: absolute;
left: 0;
top: 0;
right: 50%;
bottom: 50%;
background: -webkit-gradient(linear, left bottom, left top, from(#ccf2f6), to(#e5f8fa));
background: linear-gradient(0deg, #ccf2f6 0%, #e5f8fa 100%);
-webkit-transition: .2s linear .2s;
transition: .2s linear .2s;
-webkit-transform: translateX(400px);
transform: translateX(400px);
z-index: -1;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content::after {
content: "";
position: absolute;
right: 0;
top: 0;
left: 50%;
bottom: 50%;
background: -webkit-gradient(linear, left bottom, left top, from(#ccf2f6), to(#e5f8fa));
background: linear-gradient(0deg, #ccf2f6 0%, #e5f8fa 100%);
z-index: -2;
-webkit-transition: .2s;
transition: .2s;
-webkit-transition-delay: .3s;
transition-delay: .3s;
-webkit-transform: translateX(-400px);
transform: translateX(-400px);
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img {
position: relative;
overflow: hidden;
z-index: -1;
height: 120px;
width: 120px;
border: 5px solid #00BED3;
border-radius: 50%;
margin: 0 auto;
background: #fff;
-webkit-box-shadow: 0 6px 5px #2dc9db;
box-shadow: 0 6px 5px #2dc9db;
-webkit-transition: .3s;
transition: .3s;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img img {
width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: top center;
object-position: top center;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
width: 100%;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::before {
content: "";
position: absolute;
bottom: 0;
top: 50%;
left: 0;
right: 50%;
background: -webkit-gradient(linear, left bottom, left top, from(#19c4d7), to(#ccf2f6));
background: linear-gradient(0deg, #19c4d7 0%, #ccf2f6 100%);
-webkit-transform: translateY(-400px);
transform: translateY(-400px);
-webkit-transition: .2s;
transition: .2s;
-webkit-transition-delay: .5s;
transition-delay: .5s;
z-index: -2;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::after {
content: "";
position: absolute;
bottom: 0;
top: 50%;
right: 0;
left: 50%;
background: -webkit-gradient(linear, left bottom, left top, from(#19c4d7), to(#ccf2f6));
background: linear-gradient(0deg, #19c4d7 0%, #ccf2f6 100%);
-webkit-transform: translateY(400px);
transform: translateY(400px);
-webkit-transition: .2s;
transition: .2s;
-webkit-transition-delay: .7s;
transition-delay: .7s;
z-index: -2;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
font-size: 25px;
text-transform: capitalize;
text-align: center;
margin-top: 15px;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: block;
text-transform: capitalize;
font-size: 14px;
text-align: center;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0;
padding: 0;
margin-left: -30px;
margin-right: -30px;
-webkit-transition: .2s;
transition: .2s;
-webkit-transition-delay: .8s;
transition-delay: .8s;
margin-top: 20px;
padding: 15px 0;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
display: inline-block;
margin: 0 5px;
-webkit-transition: .1s;
transition: .1s;
-webkit-transform: translateY(150px);
transform: translateY(150px);
-webkit-transition-delay: .3s;
transition-delay: .3s;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a i {
display: inline-block;
font-size: 15px;
height: 35px;
width: 35px;
line-height: 35px;
background: #E1197E;
color: #fff;
text-align: center;
border-top-left-radius: 15px;
border-bottom-right-radius: 15px;
-webkit-transition: .2s;
transition: .2s;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover i {
border-radius: 0;
border-top-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(2) {
-webkit-transition-delay: .6s;
transition-delay: .6s;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(3) {
-webkit-transition-delay: .7s;
transition-delay: .7s;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(4) {
-webkit-transition-delay: .8s;
transition-delay: .8s;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content::before, .bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content::after {
-webkit-transform: translate(0);
transform: translate(0);
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::before, .bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::after {
-webkit-transform: translate(0);
transform: translate(0);
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
max-height: 200px;
}
.bwdff-team-1 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
-webkit-transform: translateY(0);
transform: translateY(0);
}   @media (max-width: 767px) {
.bwdff-team-2 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-2 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
}
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 15px auto;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
width: 100%;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: .6s;
transition: .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
position: absolute;
bottom: 0;
height: 50%;
left: 0;
right: 0;
text-align: center;
background: #3F2B50;
-webkit-clip-path: polygon(50% 22%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 22%, 100% 0, 100% 100%, 0 100%, 0 0);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
padding: 30px;
padding-top: 60px;
height: 40%;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
font-size: 25px;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
color: #eee;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content::before {
content: "";
position: absolute;
height: 40%;
bottom: 3px;
left: 40px;
right: 40px;
background: #0C8AFA;
-webkit-clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
clip-path: polygon(50% 20%, 100% 0, 100% 100%, 0 100%, 0 0);
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
height: 100%;
overflow: hidden;
background-color: #fff;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-box-shadow: 0 0 20px 5px #b4b4b487;
box-shadow: 0 0 20px 5px #b4b4b487;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #11111127;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #000000c7;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img {
position: absolute;
overflow: hidden;
z-index: -1;
margin: 0 auto;
background: #fff;
height: 100%;
-webkit-transition: all 0.3s ease-in 0.4s;
transition: all 0.3s ease-in 0.4s;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
width: 100%;
height: 100%;
z-index: 5;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 50px 25px;
-webkit-transform-origin: center;
transform-origin: center;
opacity: 0;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: rotateY(90deg) translate(50%, -50%) scale(0.5);
transform: rotateY(90deg) translate(50%, -50%) scale(0.5);
-webkit-transition: all 0.4s ease-out .4s;
transition: all 0.4s ease-out .4s;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
font-size: 25px;
text-transform: capitalize;
text-align: center;
margin-top: 15px;
color: #fff;
-webkit-transition: .3s;
transition: .3s;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: block;
text-transform: capitalize;
font-size: 14px;
text-align: center;
color: #eee;
margin: 3px 0;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 10px;
padding: 0;
margin-left: -33px;
margin-right: -30px;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
display: inline-block;
margin: 0 4px;
-webkit-transition: .1s;
transition: .1s;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(4) {
margin-right: 10px;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a i {
font-size: 15px;
height: 35px;
width: 35px;
display: inline-flex;
align-items: center;
justify-content: center;
background: #0C8AFA;
color: #fff;
text-align: center;
border-radius: 50%;
-webkit-transition: .2s;
transition: .2s;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover i {
background-color: transparent;
font-size: 17px;
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
opacity: 1;
-webkit-transform: rotateY(0deg) translate(0, -50%) scale(1);
transform: rotateY(0deg) translate(0, -50%) scale(1);
}
.bwdff-team-2 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-team-img {
opacity: 0;
-webkit-transform: rotateY(-100deg) translateX(50%) scale(0);
transform: rotateY(-100deg) translateX(50%) scale(0);
}   @media (max-width: 767px) {
.bwdff-team-3 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-3 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
}
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 15px 5px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@media (max-width: 767px) {
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item {
min-height: 350px;
}
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
height: 100%;
width: 100%;
position: absolute;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-box-shadow: 0 0 25px 13px #eee;
box-shadow: 0 0 25px 13px #eee;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
position: absolute;
bottom: 0;
height: 36%;
left: 0;
right: 0;
text-align: center;
background: #0C8AFA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
padding: 15px;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
font-size: 25px;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
color: #eee;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content::before {
content: "";
position: absolute;
height: 64%;
bottom: 3px;
left: 0;
right: 0;
background: #00000063;
-webkit-clip-path: polygon(0 13%, 100% 45%, 100% 100%, 0% 100%);
clip-path: polygon(0 13%, 100% 45%, 100% 100%, 0% 100%);
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
height: 100%;
overflow: hidden;
background-color: #fff;
text-align: center;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img img {
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-box-shadow: 0 0 25px 13px #eee;
box-shadow: 0 0 25px 13px #eee;
overflow: hidden;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back::before {
content: "";
position: absolute;
left: 0;
bottom: 100%;
background: #00000063;
-webkit-transition: .3s ease-in-out .3s;
transition: .3s ease-in-out .3s;
height: 100%;
width: 100%;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content::before {
content: "";
position: absolute;
height: 64%;
bottom: 0;
left: 0;
right: 0;
background: #00000063;
-webkit-clip-path: polygon(0 13%, 100% 38%, 100% 100%, 0% 100%);
clip-path: polygon(0 13%, 100% 38%, 100% 100%, 0% 100%);
-webkit-transition: .3s ease-in-out .3s;
transition: .3s ease-in-out .3s;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img {
position: absolute;
overflow: hidden;
z-index: -1;
margin: 0 auto;
background: #fff;
height: 100%;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img img {
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
position: absolute;
bottom: 0;
min-height: 40%;
left: 0;
right: 0;
text-align: center;
background: #0C8AFA;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #fff;
padding: 15px;
-webkit-transition: .3s ease-in-out .3s;
transition: .3s ease-in-out .3s;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
font-size: 25px;
text-transform: capitalize;
text-align: center;
color: #fff;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: block;
text-transform: capitalize;
font-size: 14px;
text-align: center;
color: #eee;
margin: 3px 0;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
padding: 0;
margin-left: -33px;
margin-right: -30px;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
display: inline-block;
margin: 0 6px;
-webkit-transition: .1s;
transition: .1s;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a i {
display: inline-block;
font-size: 15px;
height: 32px;
width: 32px;
line-height: 32px;
background: #3F2B50;
color: #fff;
text-align: center;
outline: 2px dotted #3F2B50;
border-radius: 50%;
-webkit-transition: .3s;
transition: .3s;
-webkit-transform: rotate(0);
transform: rotate(0);
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover i {
background-color: transparent;
font-size: 17px;
outline-color: #3F2B50;
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back::before {
bottom: 0;
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content::before {
-webkit-clip-path: polygon(0 38%, 100% 38%, 100% 100%, 0% 100%);
clip-path: polygon(0 38%, 100% 38%, 100% 100%, 0% 100%);
}
.bwdff-team-3 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
min-height: 60%;
}   @media (max-width: 767px) {
.bwdff-team-4 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-4 .bwdff-team-wrapper > * .bwdff-team-item {
margin: 15px auto !important;
max-width: 280px !important;
}
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 15px 5px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@media (max-width: 767px) {
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item {
margin: 15px auto;
min-height: 400px;
}
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
background-color: #eee;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
position: relative;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #F8135F;
padding: 15px;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio::before {
content: "";
position: absolute;
left: 0;
width: 5px;
bottom: 0;
background: #F8135F;
top: -20px;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio::after {
content: "";
position: absolute;
right: 0;
width: 5px;
bottom: 0;
background: #F8135F;
top: -20px;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
font-size: 25px;
color: #F8135F;
font-weight: 700;
margin-bottom: 0;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
color: #717171;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
height: 72%;
overflow: hidden;
background-color: #fff;
text-align: center;
-webkit-box-shadow: 0 0 20px 6px #3c3c3c1f;
box-shadow: 0 0 20px 6px #3c3c3c1f;
margin: 20px;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img img {
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
-o-object-position: top center;
object-position: top center;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
background-color: #fff;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-img {
position: absolute;
height: 65%;
width: 75%;
overflow: hidden;
background-color: #fff;
text-align: center;
-webkit-box-shadow: 0 0 20px 6px #3c3c3c33;
box-shadow: 0 0 20px 6px #3c3c3c33;
margin: 20px;
margin-top: 25px;
-webkit-transition: .4s ease-in-out .4s;
transition: .4s ease-in-out .4s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-img img {
width: 100%;
-o-object-position: top center;
object-position: top center;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content::before {
content: "";
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#ffca08), to(#f70067));
background-image: linear-gradient(to bottom, #ffca08 0%, #f70067 100%);
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: .4s ease-in-out .4s;
transition: .4s ease-in-out .4s;
z-index: -1;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-social-icons {
margin-top: 25px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-left: auto;
width: 60px;
text-align: center;
-webkit-transform: translateX(150%);
transform: translateX(150%);
visibility: hidden;
opacity: 0;
overflow: hidden;
-webkit-transition: .4s ease-in-out .4s;
transition: .4s ease-in-out .4s;
margin-right: 15px;
}
@media (max-width: 1199px) {
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-social-icons {
margin-right: 8px;
}
}
@media (max-width: 991px) {
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-social-icons {
margin-right: 13px;
}
}
@media (max-width: 767px) {
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-social-icons {
margin-right: 10px;
}
}
@media (max-width: 767px) {
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-social-icons {
width: 50px;
}
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-social-icons a {
color: #fff;
font-size: 20px;
display: inline-block;
margin-bottom: 25px;
-webkit-transition: .2s;
transition: .2s;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-social-icons a:hover {
-webkit-transform: scale(1.2);
transform: scale(1.2);
color: #eee;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
color: #F8135F;
padding: 15px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
min-height: 29%;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
font-size: 25px;
text-transform: capitalize;
text-align: center;
color: #F8135F;
font-weight: 700;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
margin-bottom: 0;
}
@media (max-width: 767px) {
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
margin: 0;
line-height: 1;
}
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: block;
text-transform: capitalize;
font-size: 14px;
text-align: center;
color: #717171;
margin: 3px 0;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
line-height: 1.1;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-img {
-webkit-transform: translateX(-40px);
transform: translateX(-40px);
}
@media (max-width: 767px) {
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-img {
-webkit-transform: translateX(-25px);
transform: translateX(-25px);
}
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content::before {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-name,
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-post {
color: #fff;
}
.bwdff-team-4 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-social-icons {
-webkit-transform: translateX(0);
transform: translateX(0);
visibility: visible;
opacity: 1;
}   @media (max-width: 767px) {
.bwdff-team-5 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-5 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
}
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 15px 5px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@media (max-width: 1199px) {
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item {
min-height: 330px;
}
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
background-color: #eee;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
position: absolute;
padding: 10px;
bottom: 0;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
font-weight: 400;
background: #3498DB;
line-height: 35px;
padding: 0 20px;
font-size: 25px;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #fff;
font-weight: 400;
background: #2C3E50;
line-height: 28px;
padding: 0 25px;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
position: relative;
overflow: hidden;
background-color: #fff;
text-align: center;
height: 100%;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
-o-object-position: top center;
object-position: top center;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.7)), to(rgba(51, 51, 51, 0.1)));
background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(51, 51, 51, 0.1) 100%);
opacity: .3;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
background-color: #fff;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-img {
position: absolute;
height: 100%;
width: 100%;
background-color: #fff;
text-align: center;
-webkit-transition: .5s ease-in-out;
transition: .5s ease-in-out;
overflow: hidden;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
-o-object-position: top center;
object-position: top center;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-img::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #0000006e;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 45px 35px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content::after {
content: "";
position: absolute;
top: 30px;
bottom: 30px;
left: 20px;
right: 20px;
background: #131313f2;
opacity: 0.5;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: .2s linear .3s;
transition: .2s linear .3s;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
position: relative;
z-index: 2;
text-align: center;
color: #F8135F;
padding: 15px;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
font-weight: 400;
background: #3498DB;
line-height: 35px;
padding: 0 20px;
font-size: 25px;
-webkit-transform: rotateY(90deg);
transform: rotateY(90deg);
-webkit-transition: .2s ease-in-out .4s;
transition: .2s ease-in-out .4s;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #fff;
font-weight: 400;
background: #2C3E50;
line-height: 28px;
padding: 0 25px;
margin-top: 10px;
margin-bottom: 30px;
-webkit-transform: translateX(-190%);
transform: translateX(-190%);
-webkit-transition: .2s ease-in-out .4s;
transition: .2s ease-in-out .4s;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
overflow: hidden;
-webkit-transition: .2s linear .4s;
transition: .2s linear .4s;
-webkit-transform: translateX(190%);
transform: translateX(190%);
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
color: #fff;
font-size: 18px;
display: inline-block;
-webkit-transition: .2s;
transition: .2s;
background: #3d5998;
height: 30px;
width: 30px;
margin: 0 5px;
display: inline-flex;
justify-content: center;
align-items: center;
-webkit-transition: .2s ease;
transition: .2s ease;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover {
border-radius: 50%;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(2) {
background: #0084b4;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(3) {
background: #0e76a8;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(4) {
background: #d34836;
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content::after {
-webkit-transform: scale(1);
transform: scale(1);
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons,
.bwdff-team-5 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
-webkit-transform: translateX(0);
transform: translateX(0);
}   @media (max-width: 767px) {
.bwdff-team-6 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-6 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
}
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 15px 5px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 5px;
}
@media (max-width: 1199px) {
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item {
min-height: 350px;
}
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
background-color: #12033B;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
width: 100%;
padding: 30px 15px;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-team-img {
position: relative;
overflow: hidden;
background-color: #fff;
text-align: center;
height: 140px;
width: 140px;
border-radius: 50%;
border: 7px solid #197BEB;
margin: 0 auto;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-team-img img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
font-size: 25px;
font-weight: 600;
margin-top: 10px;
text-align: center;
line-height: 1.2;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #fff;
font-weight: 400;
background: #197BEB;
line-height: 23px;
padding: 0 25px;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
background-color: #12033B;
-webkit-perspective: 1000;
perspective: 1000;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
-webkit-perspective: 900px;
perspective: 900px;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 30px 15px;
position: absolute;
top: 0;
bottom: 0;
-webkit-transform: translateY(400px);
transform: translateY(400px);
-webkit-transition: .4s ease-in-out .2s;
transition: .4s ease-in-out .2s;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::before {
content: "";
position: absolute;
top: 85px;
bottom: 0;
left: 0;
right: 0;
background: #197beba1;
z-index: -1;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
font-size: 25px;
font-weight: 600;
margin-top: 10px;
text-align: center;
line-height: 1.2;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #fff;
font-weight: 400;
line-height: 23px;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-team-img {
position: relative;
overflow: hidden;
background-color: #fff;
text-align: center;
height: 140px;
width: 140px;
border-radius: 50%;
border: 7px solid #197BEB;
margin: 0 auto;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-team-img img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
overflow: hidden;
margin-top: 13px;
-webkit-transition: .3s linear .5s;
transition: .3s linear .5s;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
color: #fff;
font-size: 18px;
display: inline-block;
-webkit-transition: .2s;
transition: .2s;
background: #3d5998;
height: 30px;
width: 30px;
margin: 0 5px;
line-height: 30px;
-webkit-transition: .3s ease;
transition: .3s ease;
border-radius: 13px 0;
-webkit-box-shadow: 0 -6px 3px #1414145c inset;
box-shadow: 0 -6px 3px #1414145c inset;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover {
-webkit-box-shadow: 0 6px 3px #1414145c inset;
box-shadow: 0 6px 3px #1414145c inset;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(2) {
background: #0084b4;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(3) {
background: #0e76a8;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(4) {
background: #d34836;
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.bwdff-team-6 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
-webkit-transform: translateY(0);
transform: translateY(0);
}   @media (max-width: 767px) {
.bwdff-team-7 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-7 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
}
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 15px 5px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 5px;
}
@media (max-width: 1199px) {
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item {
min-height: 350px;
}
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
background-color: #fff;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
-webkit-box-shadow: 0 0 13px 3px #eee;
box-shadow: 0 0 13px 3px #eee;
border-bottom: 5px solid #197BEB;
border-radius: 0 0 10px 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
position: relative;
overflow: hidden;
background-color: #fff;
text-align: center;
height: 65%;
width: 100%;
padding: 5px;
-webkit-box-shadow: 0 0 13px 3px #eee;
box-shadow: 0 0 13px 3px #eee;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 46%;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background: #e8f1fd;
position: absolute;
left: 0;
bottom: 0;
-webkit-clip-path: polygon(0 23%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(0 23%, 100% 0, 100% 100%, 0% 100%);
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
color: #333;
font-size: 25px;
font-weight: 600;
margin-top: 10px;
line-height: 1.2;
text-align: center;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #197BEB;
font-weight: 400;
line-height: 23px;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-email {
color: #333;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
background-color: #197BEB;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content::before {
content: "";
position: absolute;
height: 45%;
left: 0;
right: 0;
background: #1156a4;
-webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
clip-path: polygon(100% 0, 0 0, 50% 100%);
-webkit-transform: rotateX(90deg) translateZ(30px);
transform: rotateX(90deg) translateZ(30px);
-webkit-transition: .4s ease-in-out .3s;
transition: .4s ease-in-out .3s;
-webkit-transform-origin: top;
transform-origin: top;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 30px 15px;
position: absolute;
top: 0;
bottom: 0;
-webkit-transition: .3s ease-in-out .7s;
transition: .3s ease-in-out .7s;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
font-size: 25px;
font-weight: 600;
margin-top: 10px;
line-height: 1.2;
text-align: center;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #fff;
font-weight: 400;
line-height: 23px;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-team-img {
position: relative;
overflow: hidden;
background-color: #fff;
text-align: center;
height: 140px;
width: 140px;
border-radius: 50%;
border: 7px solid #1156a4;
margin: 0 auto;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-team-img img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
overflow: hidden;
margin-top: 13px;
-webkit-transition: .2s linear .6s;
transition: .2s linear .6s;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
color: #fff;
font-size: 18px;
display: inline-block;
-webkit-transition: .2s;
transition: .2s;
background: #3d5998;
height: 30px;
width: 30px;
margin: 0 5px;
line-height: 30px;
-webkit-transition: .3s ease;
transition: .3s ease;
border-radius: 13px 0;
-webkit-box-shadow: 0 -6px 3px #1414145c inset;
box-shadow: 0 -6px 3px #1414145c inset;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover {
-webkit-box-shadow: 0 6px 3px #1414145c inset;
box-shadow: 0 6px 3px #1414145c inset;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(2) {
background: #0084b4;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(3) {
background: #0e76a8;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:nth-child(4) {
background: #d34836;
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
-webkit-transform: translateY(0);
transform: translateY(0);
}
.bwdff-team-7 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content::before {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}   @media (max-width: 767px) {
.bwdff-team-8 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-8 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
margin-left: auto !important;
margin-right: auto !important;
}
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 15px 0;
margin-right: 10px;
margin-top: 40px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 5px;
}
@media (max-width: 1199px) {
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item {
min-height: 350px;
}
}
@media (max-width: 767px) {
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item {
margin: 15px 0;
}
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
background-color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0px 5px 13px #3345a726;
box-shadow: 0px 5px 13px #3345a726;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
border-radius: 0 0 10px 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
position: relative;
background-color: #fff;
text-align: center;
height: 70%;
width: 100%;
border-radius: 0 0 140px 140px;
border: 4px solid #FFBA00;
-webkit-box-shadow: 0px 12px 20px #3345a740;
box-shadow: 0px 12px 20px #3345a740;
}
@media (max-width: 1199px) {
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
height: 65%;
}
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img .bwdff-img-wrapper {
display: inline-block;
height: 100%;
overflow: hidden;
width: 100%;
border-radius: 0 0 140px 140px;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img .bwdff-img-wrapper img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
border-radius: 0 0 140px 140px;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img::before {
position: absolute;
left: 40px;
right: -20px;
top: -25px;
bottom: 25px;
border: 3px solid #dddddd;
border-radius: 0 0 250px 250px;
content: "";
z-index: -1;
}
@media (max-width: 767px) {
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img::before {
display: none;
}
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 26%;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 1199px) {
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
height: 35%;
}
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
color: #001376;
font-size: 25px;
font-weight: 600;
margin-bottom: 0;
line-height: 1.1;
text-align: center;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #197BEB;
font-weight: 400;
line-height: 23px;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-email {
color: #333;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
background-color: transparent;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
border-radius: 0 0 10px 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img {
position: relative;
background-color: #fff;
text-align: center;
height: 100%;
width: 100%;
border-radius: 0 0 140px 140px;
border: 4px solid #FFBA00;
-webkit-box-shadow: 0px 12px 20px #3345a740;
box-shadow: 0px 12px 20px #3345a740;
overflow: hidden;
-webkit-transition: .5s;
transition: .5s;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img::before {
content: "";
position: absolute;
background: #0013767d;
-webkit-transition: .2s ease-in-out .4s;
transition: .2s ease-in-out .4s;
z-index: 5;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img .bwdff-img-wrapper {
display: inline-block;
height: 100%;
overflow: hidden;
width: 100%;
border-radius: 0 0 140px 140px;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img .bwdff-img-wrapper img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
border-radius: 0 0 140px 140px;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: absolute;
width: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%;
z-index: 10;
top: 100%;
-webkit-transition: .3s ease .4s;
transition: .3s ease .4s;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
font-weight: 600;
font-size: 25px;
margin-bottom: 0;
line-height: 1.1;
text-align: center;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #eee;
font-weight: 400;
line-height: 23px;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-email {
color: #eee;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
margin-top: 20px;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
display: inline-block;
font-size: 16px;
height: 35px;
width: 35px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: #001376;
border-radius: 50%;
text-align: center;
margin: 0 5px;
-webkit-transition: .3s;
transition: .3s;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover {
background-color: #FFBA00;
color: #001376;
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-team-img::before {
-webkit-transform: scale(1);
transform: scale(1);
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-team-img .bwdff-img-wrapper img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.bwdff-team-8 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
top: 0;
}   @media (max-width: 767px) {
.bwdff-team-9 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-9 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
margin-left: auto !important;
margin-right: auto !important;
}
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 350px;
margin: 15px 5px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 5px;
margin-bottom: 62px;
}
@media (max-width: 1199px) {
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item {
min-height: 330px;
}
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
background-color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0px 5px 13px #3345a726;
box-shadow: 0px 5px 13px #3345a726;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
border-radius: 0 0 10px 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
position: absolute;
background-color: #fff;
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
bottom: 0;
background: #fff;
left: 30px;
padding: 20px 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 15px 20px 15px #91919180;
box-shadow: 15px 20px 15px #91919180;
top: 100%;
width: calc(100% - 60px);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
color: #001376;
font-size: 25px;
font-weight: 600;
text-align: center;
line-height: 1.2;
margin: 0;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #197BEB;
font-weight: 400;
line-height: 23px;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-email {
color: #333;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
background-color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0px 5px 13px #3345a726;
box-shadow: 0px 5px 13px #3345a726;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 0 0 10px 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
background: #000000b8;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: rotateX(80deg);
transform: rotateX(80deg);
-webkit-transition: .2s ease-in .3s;
transition: .2s ease-in .3s;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img {
position: absolute;
background-color: #fff;
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img .bwdff-img-wrapper {
height: 100%;
width: 100%;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img .bwdff-img-wrapper img {
min-height: 100%;
-o-object-position: top center;
object-position: top center;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
bottom: 0;
background: #fff;
left: 20px;
padding: 20px 12px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-box-shadow: 0px 5px 15px #91919180;
box-shadow: 0px 5px 15px #91919180;
top: 100%;
width: calc(100% - 40px);
-webkit-transition: .2s ease-in .4s;
transition: .2s ease-in .4s;
z-index: 3;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
color: #001376;
font-size: 25px;
font-weight: 600;
text-align: center;
line-height: 1.2;
margin: 0;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #197BEB;
font-weight: 400;
line-height: 23px;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-email {
color: #333;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
margin-top: 15px;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
display: inline-block;
font-size: 15px;
height: 30px;
width: 30px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: #001376;
border-radius: 50%;
text-align: center;
margin: 0 1px;
-webkit-transition: .2s;
transition: .2s;
}
@media (max-width: 767px) {
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
height: 30px;
width: 30px;
line-height: 30px;
margin: 0 1px;
}
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover {
background-color: #FFBA00;
color: #001376;
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content::before {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-team-9 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
top: 50%;
}   @media (max-width: 767px) {
.bwdff-team-10 .bwdff-team-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-team-10 .bwdff-team-wrapper > * .bwdff-team-item {
max-width: 280px;
margin-left: auto !important;
margin-right: auto !important;
}
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item {
position: relative;
min-height: 400px;
margin: 15px 5px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
border-radius: 5px;
}
@media (max-width: 1199px) {
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item {
min-height: 350px;
}
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front,
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: -webkit-transform .6s;
transition: -webkit-transform .6s;
transition: transform .6s;
transition: transform .6s, -webkit-transform .6s;
position: absolute;
height: 100%;
width: 100%;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
background-color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0 20px 15px #91919180;
box-shadow: 0 20px 15px #91919180;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content {
position: relative;
height: 100%;
width: 100%;
border-radius: 0 0 10px 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-box-shadow: 5px 15px 25px #d2f0fc73;
box-shadow: 5px 15px 25px #d2f0fc73;
overflow: hidden;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img {
position: absolute;
background-color: #fff;
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-team-img img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
min-height: 100%;
-o-object-position: top center;
object-position: top center;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
bottom: 0;
background: #e8f7fd;
left: 0;
padding: 10px;
-webkit-box-shadow: 5px 15px 25px #d2f0fc73;
box-shadow: 5px 15px 25px #d2f0fc73;
width: 80%;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
border-bottom-right-radius: 50px;
-webkit-transform: rotate(270deg) translateY(100%);
transform: rotate(270deg) translateY(100%);
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-name {
color: #22B8F2;
line-height: 26px;
font-size: 25px;
font-weight: 600;
text-align: center;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #05135a;
font-weight: 600;
line-height: 1.1;
text-align: center;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-front .bwdff-team-front-content .bwdff-member-bio .bwdff-member-email {
color: #333;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
background-color: #fff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 0 0 10px 10px;
-webkit-box-shadow: 0px 5px 13px #3345a726;
box-shadow: 0px 5px 13px #3345a726;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content {
position: relative;
height: 100%;
width: 100%;
border-radius: 0 0 10px 10px;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img {
position: absolute;
background-color: #fff;
text-align: center;
width: 100%;
height: 100%;
overflow: hidden;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img .bwdff-img-wrapper {
height: 100%;
width: 100%;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-team-img img {
-o-object-position: top center;
object-position: top center;
width: 100%;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
background: #000000b8;
left: 0;
padding: 20px;
-webkit-box-shadow: 0px 5px 15px #91919180;
box-shadow: 0px 5px 15px #91919180;
-webkit-transition: .2s ease-in-out .4s;
transition: .2s ease-in-out .4s;
height: 100%;
-webkit-transform: translateY(40px) scale(0.9);
transform: translateY(40px) scale(0.9);
visibility: hidden;
opacity: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::before {
content: "'";
position: absolute;
top: 18px;
bottom: 18px;
width: 5px;
z-index: 3;
background: #22B8F2;
left: 20px;
font-size: 0;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::after {
content: "'";
position: absolute;
top: 18px;
bottom: 18px;
width: 5px;
z-index: 3;
background: #22B8F2;
right: 20px;
font-size: 0;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name {
color: #fff;
line-height: 1.2;
font-size: 24px;
font-weight: 600;
text-align: center;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name::after {
content: "'";
position: absolute;
top: 18px;
left: 18px;
right: 18px;
height: 5px;
z-index: 3;
background: #22B8F2;
font-size: 0;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name::before {
content: "'";
position: absolute;
bottom: 18px;
left: 18px;
right: 18px;
height: 5px;
z-index: 3;
background: #22B8F2;
font-size: 0;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-post {
display: inline-block;
color: #eee;
font-weight: 400;
line-height: 23px;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-email {
color: #eee;
text-align: center;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons {
margin-top: 20px;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a {
display: inline-block;
font-size: 17px;
height: 33px;
width: 33px;
display: inline-flex;  
align-items: center;
justify-content: center;
color: #fff;
background-color: #1780a9;
border-radius: 50%;
text-align: center;
margin: 0 2px;
-webkit-transition: .2s;
transition: .2s;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-social-icons a:hover {
background-color: #fff;
color: #1780a9;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-front {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio {
-webkit-transform: translateY(0) scale(1);
transform: translateY(0) scale(1);
visibility: visible;
opacity: 1;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::before, .bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio::after {
top: 20px;
bottom: 20px;
}
.bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name::before, .bwdff-team-10 .bwdff-team-wrapper .bwdff-team-item:hover .bwdff-team-back .bwdff-team-back-content .bwdff-member-bio .bwdff-member-name::after {
left: 20px;
right: 20px;
}   .bwdff-step-1 .bwdff-step-wrapper > * {
padding-right: 20px;
}
@media (max-width: 991px) {
.bwdff-step-1 .bwdff-step-wrapper > * {
padding-right: 12px;
}
}
@media (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper > * {
padding-right: 12px;
}
}
@media (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
}
.bwdff-step-1 .bwdff-step-wrapper > * .bwdff-step-item {
max-width: 100% !important;
}
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item {
position: relative;
min-height: 300px;
width: 100%;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform;        
}
@media (max-width: 991px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item {
width: 328px;
}
}
@media (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item {
height: 270px;
}
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: drop-shadow(-2px 4px 10px rgba(51, 51, 51, 0.4));
filter: drop-shadow(-2px 4px 10px rgba(51, 51, 51, 0.4));
-webkit-transition: .6s;
transition: .6s;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-bg-shape {
display: inline-block;
position: absolute;
height: calc(100% - 40px);
width: calc(100% - 50px);
-webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
background-color: #02B1D1;
top: 20px;
left: 60px;
z-index: 0;
}
@media (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-bg-shape {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-bg-shape {
display: initial;
}
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content {
position: relative;
background-color: #fff;
min-height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
-webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
}
@media (max-width: 991px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content {
padding: 20px 50px;
}
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no {
font-size: 55px;
font-weight: 700;
color: #02B1D1;
line-height: 1;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-title {
font-size: 25px;
text-transform: uppercase;
font-weight: 600;
margin-top: 15px;
color: #02B1D1;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content {
position: relative;
background-color: #fff;
min-height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
-webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
padding: 15px 35px;
padding-top: 35px;
text-align: center;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon {
position: relative;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon i {
display: inline-block;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
border-radius: 50%;
font-size: 40px;
color: #fff;
background-color: #02B1D1;
-webkit-box-shadow: -5px 5px 5px #adadad9c, -5px 10px 10px #adadad6b;
box-shadow: -5px 5px 5px #adadad9c, -5px 10px 10px #adadad6b;
}
@media (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon i {
height: 60px;
width: 60px;
line-height: 60px;
font-size: 32px;
}
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon::before {
content: "";
position: absolute;
top: -8px;
bottom: -8px;
left: -8px;
right: -8px;
border-radius: 50%;
border: 2px solid #02B1D1;
border-bottom-style: dashed;
border-top-style: dashed;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: .4s ease-in;
transition: .4s ease-in;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon::after {
content: "";
position: absolute;
top: -15px;
bottom: -15px;
left: -15px;
right: -15px;
border-radius: 50%;
border: 2px solid #02B1D1;
border-left-style: dashed;
border-right-style: dashed;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: .4s ease-in;
transition: .4s ease-in;
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-desc {
margin-top: 30px;
line-height: 23px;
}
@media (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-desc {
line-height: 22px;
font-size: 15px;
}
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-bg-shape {
display: inline-block;
content: "";
position: absolute;
height: calc(100% - 40px);
width: calc(100% - 50px);
-webkit-clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
clip-path: polygon(15% 0%, 85% 0%, 100% 50%, 85% 100%, 15% 100%, 0% 50%);
background-color: #02B1D1;
top: 20px;
left: 60px;
z-index: 0;
-webkit-transition: .4s linear;
transition: .4s linear;
}
@media (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-bg-shape {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-bg-shape {
display: initial;
}
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back:hover .bwdff-step-back-content .bwdff-step-icon::before, .bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back:hover .bwdff-step-back-content .bwdff-step-icon::after {
-webkit-transform: rotate(0);
transform: rotate(0);
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bwdff-step-1 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-bg-shape {
background-color: #291C6B;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no {
color: #291C6B;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-title {
color: #291C6B;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-bg-shape {
background-color: #291C6B;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon::before, .bwdff-step-1 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon::after {
border-color: #291C6B;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon i {
background-color: #291C6B;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-bg-shape {
background-color: #FD3852;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no {
color: #FD3852;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-title {
color: #FD3852;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-bg-shape {
background-color: #FD3852;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon::before, .bwdff-step-1 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon::after {
border-color: #FD3852;
}
.bwdff-step-1 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon i {
background-color: #FD3852;
}   .bwdff-step-2 {
display: none;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item {
position: relative;
height: 240px;
width: 240px;
margin: 95px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
@media (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item {
height: 230px;
width: 230px;
margin: 54px 32px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item {
height: 240px;
width: 240px;
margin: 95px;
}
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-filter: drop-shadow(-2px 4px 10px rgba(51, 51, 51, 0.4));
filter: drop-shadow(-2px 4px 10px rgba(51, 51, 51, 0.4));
-webkit-transition: .6s;
transition: .6s;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content {
position: relative;
background-color: transparent;
min-height: 100%;
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no {
font-size: 30px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
background: transparent;
line-height: 50px;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
}
@media (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no {
font-size: 25px;
line-height: 45px;
padding: 0 10px;
position: absolute;
top: -60px;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
min-width: 160px;
text-align: center;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no {
font-size: 27px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
background: transparent;
line-height: 45px;
padding: 0 10px;
position: absolute;
top: 0;
right: 0;
-webkit-transform: translateX(50%);
transform: translateX(50%);
min-width: 150px;
text-align: center;
}
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no::before {
content: "";
position: absolute;
height: 100%;
width: 100%;
background: #03253A;
left: 0;
top: 0px;
-webkit-transform: skewX(-20deg);
transform: skewX(-20deg);
z-index: -1;
outline: 3px solid #fff;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no .bwdff-shadow-box {
display: inline-block;
width: 50%;
height: 10px;
position: absolute;
background: transparent;
left: -10px;
bottom: 3px;
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(351deg);
transform: rotate(351deg);
-webkit-box-shadow: -5px 15px 5px #74747463;
box-shadow: -5px 15px 5px #74747463;
z-index: -3;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no::after {
content: "";
display: inline-block;
width: 50%;
height: 10px;
position: absolute;
background: transparent;
right: 0px;
bottom: 3px;
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-351deg);
transform: rotate(-351deg);
-webkit-box-shadow: -5px 15px 5px #74747463;
box-shadow: -5px 15px 5px #74747463;
z-index: -3;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-title {
font-size: 25px;
text-transform: uppercase;
font-weight: 600;
margin-top: 30px;
color: #03253A;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-icon {
font-size: 50px;
margin-top: 15px;
color: #03253A;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 25px;
z-index: -1;
-webkit-box-shadow: 15px 15px 20px #000305;
box-shadow: 15px 15px 20px #000305;
}
@media (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-box-shadow: 15px 15px 20px #00030533 !important;
box-shadow: 15px 15px 20px #00030533 !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: 15px 15px 20px #000305 !important;
box-shadow: 15px 15px 20px #000305 !important;
}
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::after {
content: "";
position: absolute;
top: -30px;
left: -30px;
right: -30px;
bottom: -30px;
background: #03253A;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 25px;
z-index: -2;
}
@media (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::after {
top: -30px;
left: -30px;
right: -30px;
bottom: -30px;
}
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content {
position: relative;
background-color: transparent;
min-height: 100%;
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
padding: 30px;
text-align: center;
}
@media (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content {
padding: 10px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content {
padding: 20px 30px;
}
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-title {
font-size: 25px;
text-transform: uppercase;
font-weight: 600;
color: #03253A;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-desc {
margin-top: 12px;
line-height: 20px;
}
@media (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-desc {
margin-top: 9px;
line-height: 19px;
font-size: 15px;
}
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 25px;
z-index: -1;
-webkit-box-shadow: 15px 15px 20px #000305;
box-shadow: 15px 15px 20px #000305;
}
@media (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
-webkit-transform: rotate(0);
transform: rotate(0);
-webkit-box-shadow: 15px 15px 20px #00030533 !important;
box-shadow: 15px 15px 20px #00030533 !important;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-box-shadow: 15px 15px 20px #000305 !important;
box-shadow: 15px 15px 20px #000305 !important;
}
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::after {
content: "";
position: absolute;
top: -30px;
left: -30px;
right: -30px;
bottom: -30px;
background: #03253A;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 25px;
z-index: -2;
}
@media (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::after {
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::after {
top: -30px;
left: -30px;
right: -30px;
bottom: -30px;
}
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(2) .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no::before {
background: #FD9B1D;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(2) .bwdff-step-front .bwdff-step-front-content .bwdff-step-title {
color: #FD9B1D;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(2) .bwdff-step-front .bwdff-step-front-content .bwdff-step-icon {
color: #FD9B1D;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(2) .bwdff-step-front .bwdff-step-front-content::after {
background: #FD9B1D;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(2) .bwdff-step-front .bwdff-step-front-content::before {
-webkit-box-shadow: 15px 15px 20px #fd6b1d;
box-shadow: 15px 15px 20px #fd6b1d;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(2) .bwdff-step-back .bwdff-step-back-content .bwdff-step-title {
color: #FD9B1D;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(2) .bwdff-step-back .bwdff-step-back-content::after {
background: #FD9B1D;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(2) .bwdff-step-back .bwdff-step-back-content::before {
-webkit-box-shadow: 15px 15px 20px #fd6b1d;
box-shadow: 15px 15px 20px #fd6b1d;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(3) .bwdff-step-front .bwdff-step-front-content .bwdff-step-sr-no::before {
background: #29C0C1;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(3) .bwdff-step-front .bwdff-step-front-content .bwdff-step-title {
color: #29C0C1;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(3) .bwdff-step-front .bwdff-step-front-content .bwdff-step-icon {
color: #29C0C1;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(3) .bwdff-step-front .bwdff-step-front-content::after {
background: #29C0C1;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(3) .bwdff-step-front .bwdff-step-front-content::before {
-webkit-box-shadow: 15px 15px 20px #1c8687;
box-shadow: 15px 15px 20px #1c8687;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(3) .bwdff-step-back .bwdff-step-back-content .bwdff-step-title {
color: #29C0C1;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(3) .bwdff-step-back .bwdff-step-back-content::after {
background: #29C0C1;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:nth-child(3) .bwdff-step-back .bwdff-step-back-content::before {
-webkit-box-shadow: 15px 15px 20px #1c8687;
box-shadow: 15px 15px 20px #1c8687;
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.bwdff-step-2 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}   .bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box {
position: relative;
min-height: 210px;
max-width: 210px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 30px 0;
will-change: transform;
}
@media (max-width: 767px) {
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box {
margin: 30px auto;
}
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box:hover .bwd-flip-box-fornt {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box:hover .bwd-flip-box-back {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-fornt {
position: absolute;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: .6s;
transition: .6s;
height: 100%;
width: 100%;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-fornt:before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 100%;
border-bottom: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #48229E;
border-right: 4px solid #48229E;
border-radius: 50%;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-fornt:after {
content: "";
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
z-index: -1;
background: transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 50%;
border-top: 4px dotted #48229E;
border-right: 4px dotted #48229E;
border-left: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-arrow {
position: absolute;
left: 100%;
top: 50%;
height: 4px;
width: 53px;
background: #48229E;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-arrow:before {
content: '';
position: absolute;
height: 15px;
width: 15px;
top: -5.7px;
left: 100%;
-webkit-transform: translate(-100%) rotate(43.5deg);
transform: translate(-100%) rotate(43.5deg);
background: transparent;
border: 4px solid #48229E;
border-left-color: transparent;
border-bottom: transparent;
border-radius: 4px;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
top: 30px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content .bwd-flip-box-hedi {
font-size: 30px;
font-weight: 400;
color: #48229E;
text-align: center;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content .bwd-filp-box-icon {
font-size: 50px;
margin-top: 15px;
color: #48229E;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-back {
position: absolute;
height: 100%;
width: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transition: .6s;
transition: .6s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-back:before {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 100%;
border-bottom: 4px solid transparent;
border-left: 4px solid transparent;
border-top: 4px solid #48229E;
border-right: 4px solid #48229E;
border-radius: 50%;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-back:after {
content: "";
position: absolute;
top: -20px;
left: -20px;
right: -20px;
bottom: -20px;
z-index: -1;
background: transparent;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
border-radius: 50%;
border-top: 4px dotted #48229E;
border-right: 4px dotted #48229E;
border-left: 4px solid transparent;
border-bottom: 4px solid transparent;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-arrow {
position: absolute;
left: 100%;
top: 50%;
height: 4px;
width: 53px;
background: #48229E;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-arrow:before {
content: '';
position: absolute;
height: 15px;
width: 15px;
background: transparent;
-webkit-transform: translate(-100%) rotate(43.5deg);
transform: translate(-100%) rotate(43.5deg);
left: 100%;
border: 4px solid #48229E;
border-left-color: transparent;
border-bottom: transparent;
border-radius: 4px;
top: -5.7px;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-box-content {
position: absolute;
left: 50%;
-webkit-transform: translate(-50%);
transform: translate(-50%);
top: 30px;
padding: 20px;
width: 100%;
text-align: center;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-box-content .bwd-flip-box-hedi {
font-size: 25px;
text-transform: uppercase;
font-weight: 700;
color: #48229E;
}
.bwdff-step-3 .bwdff-step-wrapper .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-box-content .bwd-filp-box-icon {
font-size: 14px;
margin-top: 10px;
color: #383838;
font-weight: 500;
line-height: 18px;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-fornt:before {
border-top: 4px solid #12ADF1;
border-right: 4px solid #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-fornt:after {
border-top: 4px dotted #12ADF1;
border-right: 4px dotted #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-arrow {
background: #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-arrow:before {
border: 4px solid #12ADF1;
border-left-color: transparent;
border-bottom: transparent;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content .bwd-flip-box-hedi {
color: #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content .bwd-filp-box-icon {
color: #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-back:before {
border-top: 4px solid #12ADF1;
border-right: 4px solid #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-back:after {
border-top: 4px dotted #12ADF1;
border-right: 4px dotted #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-arrow {
background: #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-arrow:before {
border: 4px solid #12ADF1;
border-left-color: transparent;
border-bottom: transparent;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(2) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-box-content .bwd-flip-box-hedi {
color: #12ADF1;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-fornt:before {
border-top: 4px solid #F73C38;
border-right: 4px solid #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-fornt:after {
border-top: 4px dotted #F73C38;
border-right: 4px dotted #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-arrow {
background: #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-arrow:before {
border: 4px solid #F73C38;
border-left-color: transparent;
border-bottom: transparent;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content .bwd-flip-box-hedi {
color: #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content .bwd-filp-box-icon {
color: #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-back:before {
border-top: 4px solid #F73C38;
border-right: 4px solid #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-back:after {
border-top: 4px dotted #F73C38;
border-right: 4px dotted #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-arrow {
background: #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-arrow:before {
border: 4px solid #F73C38;
border-left-color: transparent;
border-bottom: transparent;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(3) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-box-content .bwd-flip-box-hedi {
color: #F73C38;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-fornt:before {
border-top: 4px solid #257B4D;
border-right: 4px solid #257B4D;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-fornt:after {
border-top: 4px dotted #257B4D;
border-right: 4px dotted #257B4D;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-arrow {
background: #257B4D;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-arrow:before {
border: 4px solid #257B4D;
border-left-color: transparent;
border-bottom: transparent;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content .bwd-flip-box-hedi {
color: #257B4D;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-fornt .bwd-flip-box-content .bwd-filp-box-icon {
color: #257B4D;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-back:before {
border-top: 4px solid #257B4D;
border-right: 4px solid #257B4D;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-back:after {
border-top: 4px dotted #257B4D;
border-right: 4px dotted #257B4D;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-arrow {
background: #257B4D;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-arrow:before {
border: 4px solid #257B4D;
border-left-color: transparent;
border-bottom: transparent;
}
.bwdff-step-3 .bwdff-step-wrapper > *:nth-child(4) .bwd-flip-card-box .bwd-flip-box-back .bwd-flip-box-content .bwd-flip-box-hedi {
color: #257B4D;
}   .bwdff-step-4 .bwdff-step-wrapper > * {
padding-left: 47px;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item {
position: relative;
height: 240px;
width: 240px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
margin: 3px auto;
margin-top: 56px;
will-change: transform;
}
@media (max-width: 767px) {
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item {
height: 230px;
width: 230px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item {
margin: 15px auto;
margin-top: 70px;
}
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-transition: .5s;
transition: .5s;
border-radius: 50px 90px;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #ED9A05;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
position: absolute;
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
line-height: 38px;
z-index: 4;
right: 30px;
bottom: 40px;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::before {
content: "";
position: absolute;
left: -12px;
right: -12px;
height: 14px;
bottom: -18px;
border-radius: 9px;
background: -webkit-gradient(linear, left top, right top, color-stop(44%, #d58a04), to(#5e3d02));
background: linear-gradient(90deg, #d58a04 44%, #5e3d02 100%);
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content {
position: relative;
background-color: #fff;
min-height: 100%;
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
text-align: center;
border-radius: 50%;
padding: 25px;
top: -50px;
left: -30px;
-webkit-box-shadow: -12px 10px 22px #1a150d6b;
box-shadow: -12px 10px 22px #1a150d6b;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-icon {
font-size: 50px;
margin-top: 15px;
color: #373532;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 600;
color: #6d6d6c;
margin-top: 20px;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #ED9A05;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
position: absolute;
font-size: 35px;
font-weight: 700;
text-transform: uppercase;
color: #fff;
line-height: 38px;
z-index: 4;
right: 30px;
bottom: 40px;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::before {
content: "";
position: absolute;
left: -12px;
right: -12px;
height: 14px;
bottom: -18px;
border-radius: 9px;
background: -webkit-gradient(linear, left top, right top, color-stop(44%, #d58a04), to(#5e3d02));
background: linear-gradient(90deg, #d58a04 44%, #5e3d02 100%);
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content {
position: relative;
background-color: #fff;
min-height: 100%;
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
text-align: center;
border-radius: 50%;
padding: 30px 35px;
top: -50px;
left: -35px;
-webkit-box-shadow: -15px 10px 22px #5f5e5e6e;
box-shadow: -15px 10px 22px #5f5e5e6e;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 600;
color: #6d6d6c;
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-desc {
margin-top: 15px;
line-height: 22px;
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-desc {
margin-top: 5px;
font-size: 15px;
line-height: 20px;
}
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.bwdff-step-4 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front {
background: #5F0799;
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::before {
background: -webkit-gradient(linear, left top, right top, color-stop(34%, #550689), to(#1c022d));
background: linear-gradient(90deg, #550689 34%, #1c022d 100%);
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back {
background: #5F0799;
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::before {
background: -webkit-gradient(linear, left top, right top, color-stop(34%, #550689), to(#1c022d));
background: linear-gradient(90deg, #550689 34%, #1c022d 100%);
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front {
background: #0F5C66;
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::before {
background: -webkit-gradient(linear, left top, right top, color-stop(21%, #0d525b), to(#062428));
background: linear-gradient(90deg, #0d525b 21%, #062428 100%);
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back {
background: #0F5C66;
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::before {
background: -webkit-gradient(linear, left top, right top, color-stop(21%, #0d525b), to(#062428));
background: linear-gradient(90deg, #0d525b 21%, #062428 100%);
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front {
background: #4E9A4F;
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::before {
background: -webkit-gradient(linear, left top, right top, color-stop(21%, #468a47), to(#172e17));
background: linear-gradient(90deg, #468a47 21%, #172e17 100%);
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back {
background: #4E9A4F;
}
.bwdff-step-4 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::before {
background: -webkit-gradient(linear, left top, right top, color-stop(21%, #468a47), to(#172e17));
background: linear-gradient(90deg, #468a47 21%, #172e17 100%);
}   .bwdff-step-5 .bwdff-step-wrapper {
padding-left: 15px;
}
@media (max-width: 767px) {
.bwdff-step-5 .bwdff-step-wrapper > * {
padding-left: 15px;
}
.bwdff-step-5 .bwdff-step-wrapper > * .bwdff-step-item {
max-width: 280px;
margin: 15px auto !important;
}
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item {
position: relative;
height: 400px;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform;        
}
@media (max-width: 1199px) {
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item {
height: 350px;
}
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-transition: .6s;
transition: .6s;
border-radius: 50px 90px;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
position: absolute;
font-size: 35px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
z-index: 4;
background: -webkit-gradient(linear, left top, right top, from(#41f6d2), color-stop(87%, #57b4ff));
background: linear-gradient(90deg, #41f6d2 0%, #57b4ff 87%);
top: 30px;
width: 100%;
line-height: 60px;
height: 60px;
text-align: center;
right: 20px;
border-top-left-radius: 30px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape {
position: absolute;
height: 60px;
background: transparent;
top: 30px;
width: 100%;
text-align: center;
right: 20px;
border-top-left-radius: 30px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape::before {
content: "";
position: absolute;
left: 0;
background: #41F6D2;
height: 15px;
width: 30px;
top: 100%;
z-index: -1;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape::after {
content: "";
position: absolute;
left: 0;
background: #1F7867;
height: 40px;
width: 40px;
top: 100%;
border-radius: 50%;
z-index: 1;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content {
position: relative;
background-color: #fff;
min-height: 100%;
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
text-align: center;
padding: 25px;
-webkit-box-shadow: 5px 5px 17px #1a150d47;
box-shadow: 5px 5px 17px #1a150d47;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
content: "";
position: absolute;
bottom: -5px;
right: -5px;
height: 100px;
width: 100px;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
background: -webkit-gradient(linear, left top, right top, from(#57b4ff), to(#41f6d2));
background: linear-gradient(90deg, #57b4ff 0%, #41f6d2 100%);
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-icon {
font-size: 80px;
margin-top: 70px;
color: #9E9E9E;
height: 130px;
width: 130px;
line-height: 125px;
border: 4px solid #c5c5c58f;
border-radius: 50%;
border-left: 0;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 600;
color: #9E9E9E;
margin-top: 20px;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-desc {
line-height: 1.2;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #ED9A05;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
position: absolute;
font-size: 35px;
font-weight: 400;
text-transform: uppercase;
color: #fff;
z-index: 4;
background: -webkit-gradient(linear, left top, right top, from(#41f6d2), color-stop(87%, #57b4ff));
background: linear-gradient(90deg, #41f6d2 0%, #57b4ff 87%);
top: 30px;
width: 100%;
line-height: 60px;
height: 60px;
text-align: center;
right: 20px;
border-top-left-radius: 30px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape {
position: absolute;
height: 60px;
background: green;
top: 30px;
width: 100%;
text-align: center;
right: 20px;
border-top-left-radius: 30px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape::before {
content: "";
position: absolute;
left: 0;
background: #41F6D2;
height: 15px;
width: 30px;
top: 100%;
z-index: -1;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape::after {
content: "";
position: absolute;
left: 0;
background: #1F7867;
height: 40px;
width: 40px;
top: 100%;
border-radius: 50%;
z-index: 1;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content {
position: relative;
background-color: #fff;
min-height: 100%;
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
text-align: center;
padding: 110px 20px;
-webkit-box-shadow: 5px 5px 17px #1a150d47;
box-shadow: 5px 5px 17px #1a150d47;
padding-bottom: 45px;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
content: "";
position: absolute;
bottom: -5px;
right: -5px;
height: 100px;
width: 100px;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
background: -webkit-gradient(linear, left top, right top, from(#57b4ff), to(#41f6d2));
background: linear-gradient(90deg, #57b4ff 0%, #41f6d2 100%);
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 600;
color: #9E9E9E;
margin-bottom: 15px;
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bwdff-step-5 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
background: -webkit-gradient(linear, left top, right top, from(#ff5266), to(#ff7878));
background: linear-gradient(90deg, #ff5266 0%, #ff7878 100%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape::before {
background: #ff5266;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape::after {
background: #A53541;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: -webkit-gradient(linear, left top, right top, from(#ff7878), to(#ff5266));
background: linear-gradient(90deg, #ff7878 0%, #ff5266 100%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
background: -webkit-gradient(linear, left top, right top, from(#ff5266), to(#ff7878));
background: linear-gradient(90deg, #ff5266 0%, #ff7878 100%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape::before {
background: #ff5266;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape::after {
background: #A53541;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: -webkit-gradient(linear, left top, right top, from(#ff7878), to(#ff5266));
background: linear-gradient(90deg, #ff7878 0%, #ff5266 100%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
background: -webkit-gradient(linear, left top, right top, from(#fedc04), color-stop(58%, #ffbb01));
background: linear-gradient(90deg, #fedc04 0%, #ffbb01 58%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape::before {
background: #fedc04;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape::after {
background: #acb804;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: -webkit-gradient(linear, left top, right top, from(#ffbb01), color-stop(88%, #fedc04));
background: linear-gradient(90deg, #ffbb01 0%, #fedc04 88%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
background: -webkit-gradient(linear, left top, right top, from(#fedc04), color-stop(58%, #ffbb01));
background: linear-gradient(90deg, #fedc04 0%, #ffbb01 58%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape::before {
background: #fedc04;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape::after {
background: #acb804;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: -webkit-gradient(linear, left top, right top, from(#ffbb01), color-stop(88%, #fedc04));
background: linear-gradient(90deg, #ffbb01 0%, #fedc04 88%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
background: -webkit-gradient(linear, left top, right top, from(#979fea), color-stop(88%, #995cff));
background: linear-gradient(90deg, #979fea 0%, #995cff 88%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape::before {
background: #979fea;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-sr-no-down-shape::after {
background: #062ABA;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: -webkit-gradient(linear, left top, right top, from(#995cff), to(#979fea));
background: linear-gradient(90deg, #995cff 0%, #979fea 100%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
background: -webkit-gradient(linear, left top, right top, from(#979fea), color-stop(88%, #995cff));
background: linear-gradient(90deg, #979fea 0%, #995cff 88%);
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape::before {
background: #979fea;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-sr-no-down-shape::after {
background: #062ABA;
}
.bwdff-step-5 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: -webkit-gradient(linear, left top, right top, from(#995cff), to(#979fea));
background: linear-gradient(90deg, #995cff 0%, #979fea 100%);
}   .bwdff-step-6 .bwdff-step-wrapper > * {
padding-left: 20px;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper > * .bwdff-step-item {
max-width: 280px;
margin: 15px auto !important;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item {
position: relative;
height: 350px;
width: 100%;
margin: 15px auto;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
max-width: 280px;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item {
max-width: 250px;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-transition: .6s;
transition: .6s;
border-radius: 50px 90px;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
position: absolute;
font-size: 40px;
text-transform: uppercase;
color: #fff;
z-index: 4;
top: 50%;
width: 35px;
height: 160px;
line-height: 160px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-weight: 700;
background: #F6BE02;
padding-left: 10px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
width: 55px;
padding-left: 10px;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -5px;
background: #1d1d1d1f;
-webkit-box-shadow: 10px 0px 18px #1d1d1d;
box-shadow: 10px 0px 18px #1d1d1d;
width: 5px;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::after {
content: "";
position: absolute;
border-top: 80px solid transparent;
border-left: 40px solid #F6BE02;
border-bottom: 80px solid transparent;
top: 0;
left: 98%;
z-index: -1;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::after {
border-left: 30px solid #F6BE02;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content {
position: relative;
background-color: transparent;
height: 100%;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
width: 20px;
top: 40px;
bottom: 40px;
right: 100%;
content: "";
position: absolute;
border-radius: 15px;
background: #F6BE02;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 4px;
background: #33333336;
-webkit-box-shadow: 5px 0px 15px #000000;
box-shadow: 5px 0px 15px #000000;
z-index: -4;
bottom: 0;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
margin-inline-start: 80px;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner {
margin-inline-start: 95px;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner .bwdff-step-icon {
font-size: 55px;
color: #1D1D1D;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 600;
color: #1D1D1D;
margin-top: 20px;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
position: absolute;
font-size: 40px;
text-transform: uppercase;
color: #fff;
z-index: 4;
top: 50%;
width: 35px;
height: 160px;
line-height: 160px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-weight: 700;
background: #F6BE02;
padding-left: 10px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
width: 55px;
padding-left: 10px;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -5px;
background: #1d1d1d1f;
-webkit-box-shadow: 10px 0px 18px #1d1d1d;
box-shadow: 10px 0px 18px #1d1d1d;
width: 5px;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::after {
content: "";
position: absolute;
border-top: 80px solid transparent;
border-left: 40px solid #F6BE02;
border-bottom: 80px solid transparent;
top: 0;
left: 98%;
z-index: -1;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::after {
border-left: 30px solid #F6BE02;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content {
position: relative;
background-color: transparent;
min-height: 100%;
min-width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 1;
text-align: center;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
width: 20px;
top: 40px;
bottom: 40px;
right: 100%;
content: "";
position: absolute;
border-radius: 15px;
background: #F6BE02;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 4px;
background: #33333336;
-webkit-box-shadow: 5px 0px 15px #000000;
box-shadow: 5px 0px 15px #000000;
z-index: -4;
bottom: 0;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner {
margin-inline-start: 80px;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner {
margin-inline-start: 95px;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 600;
color: #1D1D1D;
margin-bottom: 15px;
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-desc {
line-height: 22px;
}
@media (max-width: 767px) {
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-desc {
font-size: 15px;
line-height: 20px;
}
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.bwdff-step-6 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
background: #0DB845;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::after {
border-left-color: #0DB845;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: #0DB845;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
background: #0DB845;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::after {
border-left-color: #0DB845;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: #0DB845;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
background: #B0112D;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::after {
border-left-color: #B0112D;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: #B0112D;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
background: #B0112D;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::after {
border-left-color: #B0112D;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: #B0112D;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no {
background: #9E10B2;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-sr-no::after {
border-left-color: #9E10B2;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: #9E10B2;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no {
background: #9E10B2;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-sr-no::after {
border-left-color: #9E10B2;
}
.bwdff-step-6 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: #9E10B2;
}   .bwdff-step-7 {
overflow: hidden;
}
.bwdff-step-7 .bwdff-step-wrapper > * {
padding-left: 15px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
height: 235px;
width: 235px;
margin: 8px auto;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
will-change: transform;        
}
@media (max-width: 320px) {
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item {
margin-left: auto;
margin-right: 0;
}
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
-webkit-transition: .6s;
transition: .6s;
border-radius: 50px 90px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33 {
position: relative;
background-color: #726d6d;
height: 235px;
width: 235px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 50%;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
background: -webkit-gradient(linear, left top, right top, color-stop(1%, #fe9143), to(#ff1d76));
background: linear-gradient(90deg, #fe9143 1%, #ff1d76 100%);
z-index: -1;
border-radius: 50%;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
border-radius: 50%;
z-index: 1;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33 .bwdff-stock-down-shape {
display: inline-block;
left: -15px;
height: 180px;
width: 89px;
position: absolute;
background: #fff;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33 .bwdff-stock-no {
position: absolute;
left: 0;
z-index: 9;
background: -webkit-gradient(linear, left top, right top, color-stop(69%, #fe9143), to(#ff1d76));
background: linear-gradient(90deg, #fe9143 69%, #ff1d76 100%);
-webkit-background-clip: text;
-webkit-text-stroke: 10px transparent;
-webkit-text-fill-color: #fff;
font-size: 200px;
line-height: 1;
-webkit-transform: translateX(-31%);
transform: translateX(-31%);
font-family: cursive;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33 .bwdff-content-inner {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
height: 190px;
width: 190px;
border-radius: 50%;
background: #fff;
position: relative;
z-index: 9;
-webkit-box-shadow: 15px 15px 7px #33333324, 25px 25px 1px 0 #33333336, 1px 1px 20px #ebebeb inset;
box-shadow: 15px 15px 7px #33333324, 25px 25px 1px 0 #33333336, 1px 1px 20px #ebebeb inset;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 30px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33 .bwdff-content-inner .bwdff-step-sr-no {
position: absolute;
font-size: 50px;
text-transform: uppercase;
color: #fff;
z-index: 4;
top: 50%;
width: 65px;
height: 160px;
line-height: 160px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-weight: 700;
padding-left: 15px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33 .bwdff-content-inner .bwdff-step-icon {
font-size: 55px;
color: #FE9143;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-33 .bwdff-content-inner .bwdff-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 600;
color: #6c6c6c;
margin-top: 20px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33 {
position: relative;
background-color: #726d6d;
height: 235px;
width: 235px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
z-index: 2;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 50%;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33::before {
content: "";
position: absolute;
top: -5px;
left: -5px;
right: -5px;
bottom: -5px;
background: -webkit-gradient(linear, left top, right top, color-stop(1%, #fe9143), to(#ff1d76));
background: linear-gradient(90deg, #fe9143 1%, #ff1d76 100%);
z-index: -1;
border-radius: 50%;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #fff;
border-radius: 50%;
z-index: 1;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33 .bwdff-stock-down-shape {
display: inline-block;
left: -15px;
height: 180px;
width: 89px;
position: absolute;
background: #fff;
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33 .bwdff-stock-no {
position: absolute;
left: 0;
z-index: 9;
background: -webkit-gradient(linear, left top, right top, color-stop(69%, #fe9143), to(#ff1d76));
background: linear-gradient(90deg, #fe9143 69%, #ff1d76 100%);
-webkit-background-clip: text;
-webkit-text-stroke: 10px transparent;
-webkit-text-fill-color: #fff;
font-size: 200px;
padding: 100px 0;
-webkit-transform: translateX(-31%);
transform: translateX(-31%);
font-family: cursive;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33 .bwdff-content-inner {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
min-height: 190px;
min-width: 190px;
max-width: 190px;
border-radius: 50%;
background: #fff;
position: relative;
z-index: 9;
-webkit-box-shadow: 15px 15px 7px #33333324, 25px 25px 1px 0 #33333336, 1px 1px 20px #ebebeb inset;
box-shadow: 15px 15px 7px #33333324, 25px 25px 1px 0 #33333336, 1px 1px 20px #ebebeb inset;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 15px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33 .bwdff-content-inner .bwdff-step-sr-no {
position: absolute;
font-size: 50px;
text-transform: uppercase;
color: #fff;
z-index: 4;
top: 50%;
width: 65px;
height: 160px;
line-height: 160px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
font-weight: 700;
padding-left: 15px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33 .bwdff-content-inner .bwdff-step-title {
font-size: 25px;
text-transform: capitalize;
font-weight: 600;
color: #6c6c6c;
margin-bottom: 10px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-33 .bwdff-content-inner .bwdff-step-desc {
line-height: 20px;
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bwdff-step-7 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-stock-no {
background: -webkit-gradient(linear, left top, right top, color-stop(70%, #ff1779), to(#00b3ea));
background: linear-gradient(90deg, #ff1779 70%, #00b3ea 100%);
-webkit-background-clip: text;
top: 20px;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: -webkit-gradient(linear, left top, right top, from(#ff1779), to(#00b3ea));
background: linear-gradient(90deg, #ff1779 0%, #00b3ea 100%);
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner .bwdff-step-icon {
color: #ff1779;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-stock-no {
background: -webkit-gradient(linear, left top, right top, color-stop(70%, #ff1779), to(#00b3ea));
background: linear-gradient(90deg, #ff1779 70%, #00b3ea 100%);
-webkit-background-clip: text;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-stock-no::before {
height: 28px;
margin-left: 80px;
border-bottom-left-radius: 16px;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: -webkit-gradient(linear, left top, right top, from(#ff1779), to(#00b3ea));
background: linear-gradient(90deg, #ff1779 0%, #00b3ea 100%);
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-icon {
color: #ff1779;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-stock-no {
background: -webkit-gradient(linear, left top, right top, color-stop(47%, #02def8), to(#4d37cc));
background: linear-gradient(90deg, #02def8 47%, #4d37cc 100%);
-webkit-background-clip: text;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: -webkit-gradient(linear, left top, right top, from(#02def8), to(#4d37cc));
background: linear-gradient(90deg, #02def8 0%, #4d37cc 100%);
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner .bwdff-step-icon {
color: #02def8;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-stock-no {
background: -webkit-gradient(linear, left top, right top, color-stop(47%, #02def8), to(#4d37cc));
background: linear-gradient(90deg, #02def8 47%, #4d37cc 100%);
-webkit-background-clip: text;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: -webkit-gradient(linear, left top, right top, from(#02def8), to(#4d37cc));
background: linear-gradient(90deg, #02def8 0%, #4d37cc 100%);
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-icon {
color: #02def8;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-stock-no {
background: -webkit-gradient(linear, left top, right top, color-stop(58%, #0ca4bd), to(#ff22fb));
background: linear-gradient(90deg, #0ca4bd 58%, #ff22fb 100%);
-webkit-background-clip: text;
-webkit-transform: translateX(-31.5%);
transform: translateX(-31.5%);
left: -10px;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content::before {
background: -webkit-gradient(linear, left top, right top, from(#0ca4bd), to(#ff22fb));
background: linear-gradient(90deg, #0ca4bd 0%, #ff22fb 100%);
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner .bwdff-step-icon {
color: #0ca4bd;
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-stock-no {
background: -webkit-gradient(linear, left top, right top, color-stop(58%, #0ca4bd), to(#ff22fb));
background: linear-gradient(90deg, #0ca4bd 58%, #ff22fb 100%);
-webkit-background-clip: text;
-webkit-transform: translateX(-37.5%);
transform: translateX(-37.5%);
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content::before {
background: -webkit-gradient(linear, left top, right top, from(#0ca4bd), to(#ff22fb));
background: linear-gradient(90deg, #0ca4bd 0%, #ff22fb 100%);
}
.bwdff-step-7 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-icon {
color: #0ca4bd;
}   .bwdff-step-8 {
overflow: hidden;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item {
position: relative;
height: 420px;
width: 100%;
margin: 60px auto;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
background: -webkit-gradient(linear, left bottom, left top, from(#008ed9), to(#04b8e0));
background: linear-gradient(0deg, #008ed9 0%, #04b8e0 100%);
border-radius: 30px;
padding: 20px 30px;
margin-top: 87px;
margin-bottom: 97px;
will-change: transform;
}
@media (max-width: 1199px) {
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item {
height: 400px;
}
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
-webkit-transition: .6s;
transition: .6s;
top: -40px;
left: 15px;
right: 15px;
border-radius: 30px;
background-color: #fff;
bottom: 200px;
}
@media (max-width: 1199px) {
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
bottom: 180px;
}
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-style7 {
position: relative;
height: 100%;
width: 100%;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 35px 15px;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-style7 .bwdff-step-icon {
position: absolute;
top: 0;
left: 50%;
font-size: 30px;
height: 65px;
width: 65px;
line-height: 65px;
background: -webkit-gradient(linear, left bottom, left top, from(#008ed9), to(#04b8e0));
background: linear-gradient(0deg, #008ed9 0%, #04b8e0 100%);
border-radius: 50%;
color: #fff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-style7 .bwdff-content-inner {
text-align: center;
margin-top: 65px;
min-height: 100%;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-style7 .bwdff-content-inner .bwdff-step-title {
font-size: 20px;
text-transform: uppercase;
color: #0093DA;
line-height: 1;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-style7 .bwdff-content-inner .bwdff-step-desc {
font-size: 15px;
line-height: 21px;
margin-top: 10px;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front .bwdff-step-front-content-style7::before {
content: "";
position: absolute;
top: 99%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 40px solid #fff;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform-origin: bottom;
transform-origin: bottom;
-webkit-transform: rotateX(-270deg);
transform: rotateX(-270deg);
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-for7 {
position: relative;
height: 100%;
width: 100%;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
padding: 35px 15px;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-for7 .bwdff-step-icon {
position: absolute;
top: 0;
left: 50%;
font-size: 30px;
height: 65px;
width: 65px;
line-height: 65px;
background: -webkit-gradient(linear, left bottom, left top, from(#008ed9), to(#04b8e0));
background: linear-gradient(0deg, #008ed9 0%, #04b8e0 100%);
border-radius: 50%;
color: #fff;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
text-align: center;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-for7 .bwdff-content-inner {
text-align: center;
margin-top: 50px;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-for7 .bwdff-content-inner .bwdff-step-title {
font-size: 20px;
text-transform: uppercase;
color: #0093DA;
line-height: 1;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content-for7 .bwdff-content-inner .bwdff-step-desc {
font-size: 15px;
line-height: 21px;
margin-top: 10px;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-bottom-content {
position: absolute;
bottom: 20px;
color: #fff;
left: 30px;
right: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 1199px) {
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-bottom-content {
position: absolute;
bottom: 20px;
color: #fff;
left: 15px;
right: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (max-width: 767px) {
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-bottom-content {
left: 15px;
right: 15px;
}
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-bottom-content .bwdff-step-sr-no {
font-size: 65px;
line-height: 1;
letter-spacing: -1px;
color: #fff;
-ms-flex-preferred-size: 35%;
flex-basis: 35%;
}
@media (max-width: 1199px) {
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-bottom-content .bwdff-step-sr-no {
font-size: 50px;
}
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-bottom-content .bwdff-content-inner {
-ms-flex-preferred-size: 65%;
flex-basis: 65%;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-bottom-content .bwdff-content-inner .bwdff-step-title {
font-size: 20px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-bottom-content .bwdff-content-inner .bwdff-step-desc {
line-height: 18px;
margin-top: 5px;
font-size: 15px;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item::before {
display: inline-block;
content: "";
position: absolute;
top: 100%;
border-top: 87px solid #0073ad;
border-right: 108px solid transparent;
right: 25px;
z-index: -7;
background: transparent;
border-bottom-left-radius: 13px;
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateX(83deg);
transform: rotateX(83deg);
}
.bwdff-step-8 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateX(0);
transform: rotateX(0);
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item {
background: -webkit-gradient(linear, left bottom, left top, from(#6841a7), to(#785ae5));
background: linear-gradient(0deg, #6841a7 0%, #785ae5 100%);
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item::before {
border-top-color: #55308f;
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-back-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-front-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon {
background: -webkit-gradient(linear, left bottom, left top, from(#6841a7), to(#785ae5));
background: linear-gradient(0deg, #6841a7 0%, #785ae5 100%);
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-front .bwdff-step-back-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(2) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-title {
color: #6841a7;
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item {
background: -webkit-gradient(linear, left bottom, left top, from(#fe8d31), to(#ffbc25));
background: linear-gradient(0deg, #fe8d31 0%, #ffbc25 100%);
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item::before {
border-top-color: #e77b24;
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-back-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-front-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon {
background: -webkit-gradient(linear, left bottom, left top, from(#fe8d31), to(#ffbc25));
background: linear-gradient(0deg, #fe8d31 0%, #ffbc25 100%);
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-front .bwdff-step-back-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(3) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-title {
color: #fe8d31;
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item {
background: -webkit-gradient(linear, left bottom, left top, from(#ff291b), to(#ff7611));
background: linear-gradient(0deg, #ff291b 0%, #ff7611 100%);
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item::before {
border-top-color: #da2417;
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-back-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-front-content .bwdff-step-icon,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-step-icon {
background: -webkit-gradient(linear, left bottom, left top, from(#ff291b), to(#ff7611));
background: linear-gradient(0deg, #ff291b 0%, #ff7611 100%);
}
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-front .bwdff-step-back-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-8 .bwdff-step-wrapper > *:nth-child(4) .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner .bwdff-step-title {
color: #ff7611;
}   .bwdff-step-9 {
overflow: hidden;
position: relative;
}
.bwdff-step-9::before {
content: "";
position: absolute;
height: 180px;
left: 30px;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
background-color: #ffdc0e;
border-radius: 100px;
}
@media (max-width: 767px) {
.bwdff-step-9::before {
display: none;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.bwdff-step-9::before {
display: initial;
}
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item {
position: relative;
height: 300px;
width: 100%;
margin: 15px auto;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
padding: 20px 30px;
background: transparent;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-next-arrow {
position: absolute;
font-size: 45px;
color: #3f3f3f;
z-index: 9;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -55px;
line-height: 1;
width: 25px;
text-align: center;
}
@media (max-width: 1399px) {
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-next-arrow {
font-size: 35px;
right: -36px;
}
}
@media (max-width: 1199px) {
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-next-arrow {
font-size: 35px;
right: -50px;
}
}
@media (max-width: 991px) {
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-next-arrow {
font-size: 35px;
right: -70px;
}
}
@media (max-width: 767px) {
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-next-arrow {
display: none;
}
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
-webkit-transition: .6s;
transition: .6s;
top: 0;
left: 0;
right: 0;
border-radius: 15px;
background-color: transparent;
bottom: 0;
margin: 5px;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner {
background-color: #fff;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content,
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content {
position: relative;
height: 100%;
width: 100%;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
border-radius: 15px;
-webkit-box-shadow: -5px 5px 20px #3333331c, -10px 10px 25px #3333331a,
-20px 20px 30px #33333314, -30px 30px 35px #33333317,
-45px 45px 40px #33333314, -55px 55px 45px #3333330f;
box-shadow: -5px 5px 20px #3333331c, -10px 10px 25px #3333331a,
-20px 20px 30px #33333314, -30px 30px 35px #33333317,
-45px 45px 40px #33333314, -55px 55px 45px #3333330f;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f0f5f1;
z-index: 3;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-step-sr-no-style9,
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-step-sr-no-back-style9 {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
font-size: 250px;
color: #ffdc0e;
z-index: 1;
opacity: 0.7;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-content-inner,
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-content-inner {
position: relative;
text-align: center;
z-index: 9;
width: 100%;
min-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-shadow: 8px -8px 2px #d6d7dbbd inset, -8px 8px 2px #fff inset,
0 0 90px #33333317 inset;
box-shadow: 8px -8px 2px #d6d7dbbd inset, -8px 8px 2px #fff inset,
0 0 90px #33333317 inset;
border-radius: 15px;
padding: 30px;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-content-inner .bwdff-step-title {
font-size: 32px;
text-transform: uppercase;
color: #3f3f3f;
line-height: 1;
font-weight: 400;
margin-bottom: 0;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-content-inner .bwdff-step-icon,
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-content-inner .bwdff-step-icon {
font-size: 50px;
border-radius: 50%;
color: #5e605e;
text-align: center;
margin-bottom: 25px;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-content-inner .bwdff-step-desc,
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-content-inner .bwdff-step-desc {
line-height: 20px;
margin-top: 15px;
color: #464646e3;
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bwdff-step-9 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.bwdff-step-9 .bwdff-step-wrapper > *:nth-last-child(1) .bwdff-step-item .bwdff-next-arrow {
display: none;
}   .bwdff-step-10 {
overflow: hidden;
position: relative;
}
@media (max-width: 767px) {
.bwdff-step-10 .bwdff-step-wrapper > * .bwdff-step-item {
max-width: 280px;
}
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item {
position: relative;
height: 300px;
margin: 15px auto;
-webkit-perspective: 1000px;
perspective: 1000px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
padding: 20px 30px;
background: transparent;
max-width: 280px;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front,
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
position: absolute;
-webkit-transition: .6s;
transition: .6s;
top: 0;
left: 0;
right: 0;
border-radius: 15px;
background-color: transparent;
bottom: 0;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content,
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content {
position: relative;
height: 100%;
width: 100%;
z-index: 1;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #fff;
z-index: 3;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content::before,
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content::before {
content: "";
position: absolute;
height: 80%;
width: 45px;
background: #fff;
left: 0;
-webkit-transform: rotate(34deg);
transform: rotate(34deg);
-webkit-transform-origin: bottom center;
transform-origin: bottom center;
z-index: 4;
top: 0;
-webkit-box-shadow: 5px 0 0px #3333330f inset, 10px 0 1px #3333330f inset, 15px 0 3px #3333330a inset;
box-shadow: 5px 0 0px #3333330f inset, 10px 0 1px #3333330f inset, 15px 0 3px #3333330a inset;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-step-sr-no-for-style9,
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-step-sr-no-back-for-style9 {
font-size: 190px;
color: #FFDC0E;
z-index: 1;
text-align: right;
line-height: 1;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-content-inner,
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-content-innerr {
position: relative;
text-align: center;
z-index: 9;
width: 100%;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 70px;
margin-left: -20px;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-content-inner .bwdff-step-title,
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-content-innerr .bwdff-step-title {
font-size: 24px;
text-transform: uppercase;
color: #3f3f3f;
line-height: 1;
font-weight: 600;
margin-bottom: 0;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-content-inner .bwdff-step-icon,
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-content-innerr .bwdff-step-icon {
font-size: 50px;
border-radius: 50%;
color: #5E605E;
text-align: center;
margin-bottom: 25px;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front-content .bwdff-content-inner .bwdff-step-desc,
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back-content .bwdff-content-innerr .bwdff-step-desc {
line-height: 20px;
margin-top: 10px;
color: #464646e3;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-front {
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item .bwdff-step-back .bwdff-step-back-content .bwdff-content-inner {
margin-top: 100px;
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-front {
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.bwdff-step-10 .bwdff-step-wrapper .bwdff-step-item:hover .bwdff-step-back {
-webkit-transform: rotateY(0);
transform: rotateY(0);
} .bwdff-common-class-style-solid{
border-style: solid !important;
}
.bwdff-common-class-style-dashed{
border-style: dashed !important;
}
.bwdff-common-class-style-dotted{
border-style: dotted !important;
}
.bwdff-common-class-style-double{
border-style: double !important;
}
.bwdff-common-class-style-back-solid{
border-style: solid !important;
}
.bwdff-common-class-style-back-dashed{
border-style: dashed !important;
}
.bwdff-common-class-style-back-dotted{
border-style: dotted !important;
}
.bwdff-common-class-style-back-double{
border-style: double !important;
}[class*='htslider-'] svg {
height: auto;
}
.htb-container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.htb-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.htb-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.htb-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.htb-container {
max-width: 1200px;
}
}
.htb-row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.htb-col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.htb-col-lg-6 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 992px) {
.htb-col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
}
@media (max-width: 767px) {
.htb-col-lg-6 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
} .htslider-single-post-slide {
position: relative;
}
.htslider-single-post-slide img {
width: 100%;
}
.htslider-single-post-slide a {
text-decoration: none;
}
.htslider-single-post-slide .content ul.post-category {
display: flex;
list-style: outside none none;
margin: 0 -10px;
padding: 0;
}
.htslider-single-post-slide .content ul.post-category li {
background: #f05555 none repeat scroll 0 0;
margin: 0 10px;
transition: all 0.4s ease-in-out 0s;
line-height: inherit;
}
.htslider-single-post-slide .content ul.post-category li a:hover {
background: #18012c none repeat scroll 0 0;
color: #ffffff;
}
.htslider-single-post-slide ul.meta {
color: #464545;
display: flex;
list-style: outside none none;
margin: 0 -15px;
padding: 0;
}
.htslider-single-post-slide ul.meta li {
font-size: 13px;
letter-spacing: 2px;
margin: 0 15px;
}
.htslider-single-post-slide ul.meta li i {
padding-right: 10px;
} .htslider-single-post-slide .content ul.post-category li a {
color: #fff;
font-size: 13px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
padding: 5px 9px;
display: block;
text-decoration: none;
}
.htslider-single-post-slide .content .post-inner h2 {
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
}
.htslider-single-post-slide .content .post-inner p {
margin: 22px 0 25px;
color: #18012c;
font-size: 14px;
line-height: 28px;
margin-top: 0;
}
.htslider-single-post-slide .content .post-inner h2 a,
.htslider-single-post-slide .content .post-inner ul.meta li a {
color: #18012c;
}
.htslider-single-post-slide .post-btn a.readmore-btn {
background: transparent none repeat scroll 0 0;
border: 1px solid #464545;
border-radius: 23px;
color: #464545;
display: inline-block;
font-size: 14px;
font-weight: 400;
height: 46px;
line-height: 44px;
padding: 0 37px;
transition: all 0.4s ease-in-out 0s;
text-decoration: none;
}
.htslider-area-pro .htslider-single-post-slide .post-btn a.readmore-btn {
border-radius: 0;
margin-top: 20px;
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ffffff;
color: #18012c;
}
.htslider-area-pro .htslider-single-post-slide .post-btn a.readmore-btn:hover {
background: #ffffff none repeat scroll 0 0;
border: 1px solid #ffffff;
color: #18012c;
}
.htslider-single-post-slide .post-btn a.readmore-btn:hover {
background: #18012c none repeat scroll 0 0;
border: 1px solid #18012c;
color: #ffffff;
}
.htslider-postslider-area img {
width: 100%;
}
.htslider-postslider-area button.slick-arrow {
background: #ccd5d5 none repeat scroll 0 0;
border: 0 none;
color: #00282a;
font-size: 24px;
height: 46px;
line-height: 1;
padding: 0;
position: absolute;
width: 46px;
z-index: 2;
}
.htslider-postslider-area button.slick-arrow svg {
width: 24px;
}
.htslider-postslider-area button.slick-arrow svg path {
fill: #00282a;
}
.htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
right: 60px;
}
.htslider-postslider-area button.slick-arrow {
background: #d7dae9 none repeat scroll 0 0;
border: 1px solid #d7dae9;
border-radius: 100%;
color: #2a47e0;
font-size: 24px;
}
.htslider-arrow-1.htslider-postslider-area button.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.slick-arrow {
left: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all 0.4s ease 0s;
z-index: 2;
text-align: center;
}
.htslider-arrow-1.htslider-postslider-area button.htslider-carosul-next.slick-arrow,
.htslider-arrow-4.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
left: auto !important;
right: 30px;
}
.htslider-arrow-2.htslider-postslider-area button.slick-arrow,
.htslider-arrow-3.htslider-postslider-area button.slick-arrow {
-webkit-transform: translateY(-50%) rotate(90deg);
-moz-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
-o-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg);
border-radius: 100%;
}
.htslider-arrow-2.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
left: auto;
right: 50px !important;
margin-top: 30px;
}
.htslider-arrow-2.htslider-postslider-area button.slick-arrow {
top: 50%;
}
.htslider-arrow-2.htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
right: 50px;
margin-top: -30px;
}
.htslider-arrow-3.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
left: 50px;
right: auto;
bottom: 5% !important;
}
.htslider-arrow-3.htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
left: 50px;
bottom: 13% !important;
}
.htslider-postslider-area .slick-dots li button::before {
display: none;
}
.htslider-postslider-area .slick-dots li button {
background: #ccd5d5 none repeat scroll 0 0;
border-radius: 100%;
height: 15px;
width: 15px;
}
.htslider-postslider-area .slick-dots li.slick-active button {
background: #00282a none repeat scroll 0 0;
margin-left: 0;
}
body.rtl .htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
right: auto;
}
body.rtl .htslider-arrow-2.htslider-postslider-area button.htslider-carosul-next.slick-arrow {
right: auto !important;
}
body.rtl .htslider-arrow-3.htslider-postslider-area button.htslider-carosul-prev.slick-arrow {
bottom: 15% !important;
} .htslider-postslider-layout-1 .content {
position: absolute;
left: 0;
top: 0;
max-width: 40%;
height: 100%;
padding: 10px;
}
.htslider-postslider-layout-1 .content .post-inner {
width: 100%;
height: 100%;
background: rgba(0, 140, 167, 0.8);
display: flex;
flex-direction: column;
justify-content: center;
padding: 30px;
}
.htslider-postslider-layout-1 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
}
.htslider-postslider-layout-1 .content .post-inner h2 a,
.htslider-postslider-layout-1 .content .post-inner ul.meta li a {
color: #ffffff;
}
.htslider-postslider-layout-1 .content .post-inner p {
color: #ffffff;
font-size: 14px;
line-height: 28px;
}
.htslider-postslider-layout-1 ul.meta {
color: #ffffff;
}
.htslider-postslider-layout-1 .post-btn a.readmore-btn {
border: 1px solid #ffffff;
color: #ffffff;
} .htslider-postslider-layout-2 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 18px;
}
.htslider-postslider-layout-2 .content .post-inner h2 a {
color: #464545;
}
.htslider-postslider-layout-2 .content .post-inner ul.meta li,
.htslider-postslider-layout-2 .content .post-inner ul.meta li a {
color: #464545;
}
.htslider-postslider-layout-2 .content .post-inner p {
color: #464545;
}
.htslider-postslider-layout-2 .content .post-inner .post-btn {
margin-top: 19px;
} .htslider-postslider-layout-3 .content {
position: absolute;
top: 50%;
width: 100%;
transform: translateY(-50%);
text-align: center;
}
.htslider-postslider-layout-3 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 18px;
padding: 0 26%;
line-height: 34px;
}
.htslider-postslider-layout-3 .content .post-inner h2 a {
color: #ffffff;
}
.htslider-postslider-layout-3 .content .post-inner ul.meta {
justify-content: center;
}
.htslider-postslider-layout-3 .content .post-inner ul.meta li,
.htslider-postslider-layout-3 .content .post-inner ul.meta li a {
color: #ffffff;
}
.htslider-postslider-layout-3 .content .post-inner .post-btn {
margin-top: 19px;
}
.htslider-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn {
border: 1px solid #ffffff;
color: #ffffff;
}
.htslider-postslider-layout-3 .content .post-inner .post-btn a.readmore-btn:hover {
background: #18012c;
color: #ffffff;
border: 1px solid #18012c;
}
.htslider-postslider-layout-3 .content ul.post-category {
justify-content: center;
} .htslider-postslider-layout-4 .content {
position: absolute;
text-align: center;
bottom: 0;
padding: 20px;
}
.htslider-postslider-layout-4 .content .post-inner {
background: rgba(0, 86, 255, 0.7);
padding: 25px;
text-align: left;
}
.htslider-postslider-layout-4 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
margin-bottom: 13px;
line-height: 34px;
}
.htslider-postslider-layout-4 .content .post-inner h2 a {
color: #ffffff;
}
.htslider-postslider-layout-4 .content .post-inner ul.meta li {
color: #ffffff;
}
.htslider-postslider-layout-4 .content .post-inner ul.meta li a {
color: #ffffff;
}
.htslider-postslider-layout-4 .content ul.post-category {
justify-content: center;
} .htslider-postslider-layout-5 .content {
background: #f4f4f4;
padding: 60px;
}
.htslider-postslider-layout-5 .content .post-inner h2 {
font-size: 24px;
font-weight: 500;
margin-top: 20px;
margin-bottom: 18px;
line-height: 34px;
}
.htslider-postslider-layout-5 .content .post-inner h2 a {
color: #464545;
}
.htslider-postslider-layout-5 .content .post-inner ul.meta li,
.htslider-postslider-layout-5 .content .post-inner ul.meta li a {
color: #464545;
}
.htslider-postslider-layout-5 .content .post-inner .post-btn {
margin-top: 19px;
}
.htslider-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn {
border: 1px solid #494849;
color: #494849;
}
.htslider-postslider-layout-5 .content .post-inner .post-btn a.readmore-btn:hover {
background: #18012c;
color: #ffffff;
border: 1px solid #18012c;
}
.htslider-arrow-2.htslider-postslider-area.htslider-postslider-style-5 button.slick-arrow {
top: 30%;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots {
bottom: 0;
display: flex;
flex-direction: column;
justify-content: space-between;
position: absolute;
right: 0;
left: auto;
top: 0;
width: 200px;
z-index: 2;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li {
align-items: center;
background: transparent none repeat scroll 0 0;
border-bottom: 5px solid #828282;
border-left: 5px solid #828282;
border-radius: 0;
border-right: 5px solid #828282;
cursor: pointer;
display: flex;
flex-basis: 25%;
height: auto;
margin: 0;
overflow: hidden;
padding: 20px;
position: relative;
text-align: left;
transition: all 0.5s ease-in-out 0s;
width: auto;
z-index: 2;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li:first-child {
border-top: 5px solid #828282;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li.slick-active {
background: transparent none repeat scroll 0 0;
border: 5px solid #ffffff;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li h6 {
bottom: 0;
color: #ffffff;
font-weight: 500;
line-height: 22px;
margin: 0;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li img {
height: 100%;
object-fit: cover;
width: 100%;
}
.htslider-postslider-style-4.htslider-postslider-area ul.slick-dots li:after {
content: "";
background: rgba(0, 0, 0, 0);
left: 0;
height: 0;
position: absolute;
width: 100%;
height: 100%;
z-index: 2;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 132px;
color: #fff;
transition: all 0.3s ease-in-out;
}
.htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li:after {
opacity: 0;
}
.htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li.slick-active:after,.htmega-postslider-style-4.thumb-st-layout-4.htmega-postslider-area ul.slick-dots li:hover:after {
opacity: 1;
}
.htb-align-items-center {
-ms-flex-align: center !important;
align-items: center !important
}
.htslider-postslider-area ul.slick-dots {
margin: 0;
left: 50%;
position: absolute;
top: 100%;
padding-left: 0;
z-index: 9;
}
.htslider-postslider-area ul.slick-dots li {
display: inline;
margin: 0 15px 0 0;
}
.htslider-postslider-area ul.slick-dots li button {
padding: 7px;
color: #00282a;
line-height: normal;
outline: none;
text-decoration: none;
text-indent: -999999px;
border: none;
background: transparent;
line-height: 0;
}
.htslider-postslider-area.pagination ul.slick-dots li button {
text-indent: 0;
}
.htslider-postslider-area ul.slick-dots li:last-child {
margin-right: 0;
} .htslider-carousel-activation.dot_right_center .slick-dots,
.htslider-carousel-activation.dot_left_center .slick-dots {
right: 30px;
display: inline-flex;
width: auto;
flex-direction: column;
transform: translateY(-50%);
top: 50%;
bottom: auto;
left: auto;
justify-content: center;
}
.htslider-carousel-activation.dot_right_center .slick-dots {
text-align: right;
}
.htslider-carousel-activation.dot_right_center .slick-dots li {
margin: 0;
}
.htslider-carousel-activation.dot_left_center .slick-dots {
left: 30px;
right: auto;
bottom: 20px;
}
.htslider-carousel-activation.dot_bottom_right .slick-dots {
right: 0;
bottom: 20px;
width: auto;
left: auto;
}
.htslider-carousel-activation.dot_bottom_left .slick-dots {
left: 0;
bottom: 20px;
width: auto;
}
.htslider-carousel-activation.dot_bottom_center .slick-dots {
bottom: 20px;
width: auto;
left: 50%;
transform: translateX(-50%);
margin-left: 0px;
} .htslider-item-img.single-slide-item.htslider-single-post-slide {
height: 600px;
}
.htslider-postslider-area .htb-container {
height: 100%;
}
.htslider-postslider-area .single-slide-item.htslider-single-post-slide .content {
padding: 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.single-slide-item.htslider-single-post-slide .content .post-inner {
padding: 0;
width: 100%;
}
.single-slide-item.htslider-single-post-slide .content .post-inner .htslider-desc {
font-size: 15px;
margin-bottom: 20px;
}
.single-slide-item.htslider-single-post-slide .content .post-inner p img {
width: auto;
display: inline-block;
margin-top: 0;
margin-bottom: 0;
}
.single-slide-item.htslider-single-post-slide .content h4 {
font-size: 18px;
margin: 0;
}
.single-slide-item.htslider-single-post-slide .content .post-btn a.readmore-btn {
height: inherit;
line-height: inherit;
padding: 13px 37px;
}
.htb-row.right {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.htsldier-item-area2 {
background: #f9f9f9;
}
.elementor-widget-htslider-slider-addons {
width: 100%;
} .htslider-single-post-slide .thumb a,.ht-post .thumb a{
position: relative;
display: block;
}
.htslider-single-post-slide .thumb a:after,.ht-post .thumb a:after {
content: "";
position: absolute;
background: rgba(0, 0, 0, 0);
top: 0;
left: 0;
width: 100%;
z-index: 0;
height: 100%;
transition: all 0.3s ease-in-out;
}
.htslider-single-post-slide.htslider-postslider-layout-3 .thumb a:before{
opacity: 0;
transition: all 0.3s ease-in-out;
}
.htslider-single-post-slide.htslider-postslider-layout-3:hover .thumb a:before{
opacity: 1;
} .htslider-error-notice {
background: #efefef;
padding: 10px 17px;
border-left: 4px solid red;
font-size: 19px;
color: #8b4343;
}
 .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;
}#pojo-a11y-toolbar{position:fixed;font-size:16px !important;line-height:1.4;z-index:9999}#pojo-a11y-toolbar.pojo-a11y-toolbar-right{right:-180px;-webkit-transition:right 750ms cubic-bezier(.23, 1, .32, 1);-moz-transition:right 750ms cubic-bezier(.23, 1, .32, 1);-o-transition:right 750ms cubic-bezier(.23, 1, .32, 1);transition:right 750ms cubic-bezier(.23, 1, .32, 1)}#pojo-a11y-toolbar.pojo-a11y-toolbar-right.pojo-a11y-toolbar-open{right:0}#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle{right:180px}#pojo-a11y-toolbar.pojo-a11y-toolbar-left{left:-180px;-webkit-transition:left 750ms cubic-bezier(.23, 1, .32, 1);-moz-transition:left 750ms cubic-bezier(.23, 1, .32, 1);-o-transition:left 750ms cubic-bezier(.23, 1, .32, 1);transition:left 750ms cubic-bezier(.23, 1, .32, 1)}#pojo-a11y-toolbar.pojo-a11y-toolbar-left.pojo-a11y-toolbar-open{left:0}#pojo-a11y-toolbar.pojo-a11y-toolbar-left .pojo-a11y-toolbar-toggle{left:180px}#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{position:absolute}#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a{display:inline-block;font-size:200%;line-height:0;padding:10px;-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:hover,#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a:focus{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle svg{max-width:inherit}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{border:1px solid;font-size:100%;width:180px}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{display:block;line-height:2;font-weight:bold;padding:10px 15px 0;margin:0}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay.pojo-a11y-toolbar-open .pojo-a11y-toolbar-toggle a,#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.2);box-shadow:0 0 10px 0 rgba(0,0,0,0.2)}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items{list-style:none;margin:0;padding:10px 0}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items.pojo-a11y-links{border-top:1px solid}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{display:block;padding:10px 15px;font-size:80%;line-height:1}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a.active{font-weight:bold}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg{padding-right:6px;display:inline-block;width:1.5em;font-style:normal;font-weight:normal;font-size:inherit;line-height:1;text-align:center;text-rendering:auto;vertical-align:middle}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a .pojo-a11y-toolbar-text{vertical-align:middle}body.rtl #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg{padding-left:6px;padding-right:0}@media (max-width:767px){#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay p.pojo-a11y-toolbar-title{padding:7px 12px 0}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items{padding:7px 0}#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{display:block;padding:7px 12px}}body.pojo-a11y-grayscale{filter:grayscale(100%);-webkit-filter:grayscale(100%);-webkit-filter:grayscale(1);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:gray}body.pojo-a11y-high-contrast .placebo{line-height:normal}body.pojo-a11y-high-contrast *{-webkit-box-shadow:none !important;box-shadow:none !important}body.pojo-a11y-high-contrast a,body.pojo-a11y-high-contrast abbr,body.pojo-a11y-high-contrast acronym,body.pojo-a11y-high-contrast address,body.pojo-a11y-high-contrast article,body.pojo-a11y-high-contrast aside,body.pojo-a11y-high-contrast b,body.pojo-a11y-high-contrast basefont,body.pojo-a11y-high-contrast bdi,body.pojo-a11y-high-contrast big,body.pojo-a11y-high-contrast blink,body.pojo-a11y-high-contrast blockquote,body.pojo-a11y-high-contrast body,body.pojo-a11y-high-contrast button,body.pojo-a11y-high-contrast canvas,body.pojo-a11y-high-contrast caption,body.pojo-a11y-high-contrast center,body.pojo-a11y-high-contrast cite,body.pojo-a11y-high-contrast code,body.pojo-a11y-high-contrast col,body.pojo-a11y-high-contrast colgroup,body.pojo-a11y-high-contrast command,body.pojo-a11y-high-contrast dd,body.pojo-a11y-high-contrast del,body.pojo-a11y-high-contrast details,body.pojo-a11y-high-contrast dfn,body.pojo-a11y-high-contrast dir,body.pojo-a11y-high-contrast div,body.pojo-a11y-high-contrast dl,body.pojo-a11y-high-contrast dt,body.pojo-a11y-high-contrast em,body.pojo-a11y-high-contrast embed,body.pojo-a11y-high-contrast fieldset,body.pojo-a11y-high-contrast figcaption,body.pojo-a11y-high-contrast figure,body.pojo-a11y-high-contrast font,body.pojo-a11y-high-contrast footer,body.pojo-a11y-high-contrast form,body.pojo-a11y-high-contrast h1,body.pojo-a11y-high-contrast h1 a,body.pojo-a11y-high-contrast h1 a b,body.pojo-a11y-high-contrast h1 abbr,body.pojo-a11y-high-contrast h1 b,body.pojo-a11y-high-contrast h1 center,body.pojo-a11y-high-contrast h1 em,body.pojo-a11y-high-contrast h1 i,body.pojo-a11y-high-contrast h1 span,body.pojo-a11y-high-contrast h1 strong,body.pojo-a11y-high-contrast h2,body.pojo-a11y-high-contrast h2 a,body.pojo-a11y-high-contrast h2 a b,body.pojo-a11y-high-contrast h2 abbr,body.pojo-a11y-high-contrast h2 b,body.pojo-a11y-high-contrast h2 center,body.pojo-a11y-high-contrast h2 em,body.pojo-a11y-high-contrast h2 i,body.pojo-a11y-high-contrast h2 span,body.pojo-a11y-high-contrast h2 strong,body.pojo-a11y-high-contrast h3,body.pojo-a11y-high-contrast h3 a,body.pojo-a11y-high-contrast h3 a b,body.pojo-a11y-high-contrast h3 abbr,body.pojo-a11y-high-contrast h3 b,body.pojo-a11y-high-contrast h3 center,body.pojo-a11y-high-contrast h3 em,body.pojo-a11y-high-contrast h3 i,body.pojo-a11y-high-contrast h3 span,body.pojo-a11y-high-contrast h3 strong,body.pojo-a11y-high-contrast h4,body.pojo-a11y-high-contrast h4 a,body.pojo-a11y-high-contrast h4 a b,body.pojo-a11y-high-contrast h4 abbr,body.pojo-a11y-high-contrast h4 b,body.pojo-a11y-high-contrast h4 center,body.pojo-a11y-high-contrast h4 em,body.pojo-a11y-high-contrast h4 i,body.pojo-a11y-high-contrast h4 span,body.pojo-a11y-high-contrast h4 strong,body.pojo-a11y-high-contrast h5,body.pojo-a11y-high-contrast h5 a,body.pojo-a11y-high-contrast h5 a b,body.pojo-a11y-high-contrast h5 abbr,body.pojo-a11y-high-contrast h5 b,body.pojo-a11y-high-contrast h5 center,body.pojo-a11y-high-contrast h5 em,body.pojo-a11y-high-contrast h5 i,body.pojo-a11y-high-contrast h5 span,body.pojo-a11y-high-contrast h5 strong,body.pojo-a11y-high-contrast h6,body.pojo-a11y-high-contrast h6 a,body.pojo-a11y-high-contrast h6 a b,body.pojo-a11y-high-contrast h6 abbr,body.pojo-a11y-high-contrast h6 b,body.pojo-a11y-high-contrast h6 center,body.pojo-a11y-high-contrast h6 em,body.pojo-a11y-high-contrast h6 i,body.pojo-a11y-high-contrast h6 span,body.pojo-a11y-high-contrast h6 strong,body.pojo-a11y-high-contrast header,body.pojo-a11y-high-contrast hgroup,body.pojo-a11y-high-contrast html,body.pojo-a11y-high-contrast i,body.pojo-a11y-high-contrast iframe,body.pojo-a11y-high-contrast img,body.pojo-a11y-high-contrast input,body.pojo-a11y-high-contrast ins,body.pojo-a11y-high-contrast kbd,body.pojo-a11y-high-contrast label,body.pojo-a11y-high-contrast legend,body.pojo-a11y-high-contrast li,body.pojo-a11y-high-contrast listing,body.pojo-a11y-high-contrast main,body.pojo-a11y-high-contrast mark,body.pojo-a11y-high-contrast marquee,body.pojo-a11y-high-contrast menu,body.pojo-a11y-high-contrast meter,body.pojo-a11y-high-contrast multicol,body.pojo-a11y-high-contrast nav,body.pojo-a11y-high-contrast nobr,body.pojo-a11y-high-contrast object,body.pojo-a11y-high-contrast ol,body.pojo-a11y-high-contrast option,body.pojo-a11y-high-contrast output,body.pojo-a11y-high-contrast p,body.pojo-a11y-high-contrast plaintext,body.pojo-a11y-high-contrast pre,body.pojo-a11y-high-contrast progress,body.pojo-a11y-high-contrast q,body.pojo-a11y-high-contrast rb,body.pojo-a11y-high-contrast rp,body.pojo-a11y-high-contrast rt,body.pojo-a11y-high-contrast ruby,body.pojo-a11y-high-contrast s,body.pojo-a11y-high-contrast samp,body.pojo-a11y-high-contrast section,body.pojo-a11y-high-contrast select,body.pojo-a11y-high-contrast small,body.pojo-a11y-high-contrast span,body.pojo-a11y-high-contrast strike,body.pojo-a11y-high-contrast strong,body.pojo-a11y-high-contrast sub,body.pojo-a11y-high-contrast summary,body.pojo-a11y-high-contrast sup,body.pojo-a11y-high-contrast svg,body.pojo-a11y-high-contrast table,body.pojo-a11y-high-contrast tbody,body.pojo-a11y-high-contrast td,body.pojo-a11y-high-contrast text,body.pojo-a11y-high-contrast textarea,body.pojo-a11y-high-contrast th,body.pojo-a11y-high-contrast thead,body.pojo-a11y-high-contrast time,body.pojo-a11y-high-contrast tr,body.pojo-a11y-high-contrast tt,body.pojo-a11y-high-contrast u,body.pojo-a11y-high-contrast ul,body.pojo-a11y-high-contrast var,body.pojo-a11y-high-contrast video,body.pojo-a11y-high-contrast xmp{-moz-appearance:none !important;-moz-user-select:text !important;-webkit-user-select:text !important;background-image:none !important;text-shadow:none !important;user-select:text !important}body.pojo-a11y-high-contrast a,body.pojo-a11y-high-contrast abbr,body.pojo-a11y-high-contrast acronym,body.pojo-a11y-high-contrast address,body.pojo-a11y-high-contrast article,body.pojo-a11y-high-contrast aside,body.pojo-a11y-high-contrast b,body.pojo-a11y-high-contrast basefont,body.pojo-a11y-high-contrast bdi,body.pojo-a11y-high-contrast big,body.pojo-a11y-high-contrast blink,body.pojo-a11y-high-contrast blockquote,body.pojo-a11y-high-contrast body,body.pojo-a11y-high-contrast canvas,body.pojo-a11y-high-contrast caption,body.pojo-a11y-high-contrast center,body.pojo-a11y-high-contrast cite,body.pojo-a11y-high-contrast code,body.pojo-a11y-high-contrast col,body.pojo-a11y-high-contrast colgroup,body.pojo-a11y-high-contrast command,body.pojo-a11y-high-contrast dd,body.pojo-a11y-high-contrast del,body.pojo-a11y-high-contrast details,body.pojo-a11y-high-contrast dfn,body.pojo-a11y-high-contrast dir,body.pojo-a11y-high-contrast div,body.pojo-a11y-high-contrast dl,body.pojo-a11y-high-contrast dt,body.pojo-a11y-high-contrast em,body.pojo-a11y-high-contrast embed,body.pojo-a11y-high-contrast fieldset,body.pojo-a11y-high-contrast figcaption,body.pojo-a11y-high-contrast figure,body.pojo-a11y-high-contrast font,body.pojo-a11y-high-contrast footer,body.pojo-a11y-high-contrast form,body.pojo-a11y-high-contrast h1,body.pojo-a11y-high-contrast h1 a,body.pojo-a11y-high-contrast h1 a b,body.pojo-a11y-high-contrast h1 abbr,body.pojo-a11y-high-contrast h1 b,body.pojo-a11y-high-contrast h1 center,body.pojo-a11y-high-contrast h1 em,body.pojo-a11y-high-contrast h1 i,body.pojo-a11y-high-contrast h1 span,body.pojo-a11y-high-contrast h1 strong,body.pojo-a11y-high-contrast h2,body.pojo-a11y-high-contrast h2 a,body.pojo-a11y-high-contrast h2 a b,body.pojo-a11y-high-contrast h2 abbr,body.pojo-a11y-high-contrast h2 b,body.pojo-a11y-high-contrast h2 center,body.pojo-a11y-high-contrast h2 em,body.pojo-a11y-high-contrast h2 i,body.pojo-a11y-high-contrast h2 span,body.pojo-a11y-high-contrast h2 strong,body.pojo-a11y-high-contrast h3,body.pojo-a11y-high-contrast h3 a,body.pojo-a11y-high-contrast h3 a b,body.pojo-a11y-high-contrast h3 abbr,body.pojo-a11y-high-contrast h3 b,body.pojo-a11y-high-contrast h3 center,body.pojo-a11y-high-contrast h3 em,body.pojo-a11y-high-contrast h3 i,body.pojo-a11y-high-contrast h3 span,body.pojo-a11y-high-contrast h3 strong,body.pojo-a11y-high-contrast h4,body.pojo-a11y-high-contrast h4 a,body.pojo-a11y-high-contrast h4 a b,body.pojo-a11y-high-contrast h4 abbr,body.pojo-a11y-high-contrast h4 b,body.pojo-a11y-high-contrast h4 center,body.pojo-a11y-high-contrast h4 em,body.pojo-a11y-high-contrast h4 i,body.pojo-a11y-high-contrast h4 span,body.pojo-a11y-high-contrast h4 strong,body.pojo-a11y-high-contrast h5,body.pojo-a11y-high-contrast h5 a,body.pojo-a11y-high-contrast h5 a b,body.pojo-a11y-high-contrast h5 abbr,body.pojo-a11y-high-contrast h5 b,body.pojo-a11y-high-contrast h5 center,body.pojo-a11y-high-contrast h5 em,body.pojo-a11y-high-contrast h5 i,body.pojo-a11y-high-contrast h5 span,body.pojo-a11y-high-contrast h5 strong,body.pojo-a11y-high-contrast h6,body.pojo-a11y-high-contrast h6 a,body.pojo-a11y-high-contrast h6 a b,body.pojo-a11y-high-contrast h6 abbr,body.pojo-a11y-high-contrast h6 b,body.pojo-a11y-high-contrast h6 center,body.pojo-a11y-high-contrast h6 em,body.pojo-a11y-high-contrast h6 i,body.pojo-a11y-high-contrast h6 span,body.pojo-a11y-high-contrast h6 strong,body.pojo-a11y-high-contrast header,body.pojo-a11y-high-contrast hgroup,body.pojo-a11y-high-contrast html,body.pojo-a11y-high-contrast i,body.pojo-a11y-high-contrast iframe,body.pojo-a11y-high-contrast input,body.pojo-a11y-high-contrast ins,body.pojo-a11y-high-contrast kbd,body.pojo-a11y-high-contrast label,body.pojo-a11y-high-contrast legend,body.pojo-a11y-high-contrast li,body.pojo-a11y-high-contrast listing,body.pojo-a11y-high-contrast main,body.pojo-a11y-high-contrast mark,body.pojo-a11y-high-contrast marquee,body.pojo-a11y-high-contrast menu,body.pojo-a11y-high-contrast meter,body.pojo-a11y-high-contrast multicol,body.pojo-a11y-high-contrast nav:not(#pojo-a11y-toolbar),body.pojo-a11y-high-contrast nobr,body.pojo-a11y-high-contrast object,body.pojo-a11y-high-contrast ol,body.pojo-a11y-high-contrast option,body.pojo-a11y-high-contrast output,body.pojo-a11y-high-contrast p,body.pojo-a11y-high-contrast plaintext,body.pojo-a11y-high-contrast pre,body.pojo-a11y-high-contrast progress,body.pojo-a11y-high-contrast q,body.pojo-a11y-high-contrast rb,body.pojo-a11y-high-contrast rp,body.pojo-a11y-high-contrast rt,body.pojo-a11y-high-contrast ruby,body.pojo-a11y-high-contrast s,body.pojo-a11y-high-contrast samp,body.pojo-a11y-high-contrast section,body.pojo-a11y-high-contrast small,body.pojo-a11y-high-contrast span,body.pojo-a11y-high-contrast strike,body.pojo-a11y-high-contrast strong,body.pojo-a11y-high-contrast sub,body.pojo-a11y-high-contrast summary,body.pojo-a11y-high-contrast sup,body.pojo-a11y-high-contrast svg,body.pojo-a11y-high-contrast table,body.pojo-a11y-high-contrast tbody,body.pojo-a11y-high-contrast td,body.pojo-a11y-high-contrast text,body.pojo-a11y-high-contrast textarea,body.pojo-a11y-high-contrast th,body.pojo-a11y-high-contrast thead,body.pojo-a11y-high-contrast time,body.pojo-a11y-high-contrast tr,body.pojo-a11y-high-contrast tt,body.pojo-a11y-high-contrast u,body.pojo-a11y-high-contrast ul,body.pojo-a11y-high-contrast var,body.pojo-a11y-high-contrast video,body.pojo-a11y-high-contrast xmp{background:black !important;background-color:black !important}body.pojo-a11y-high-contrast a,body.pojo-a11y-high-contrast article,body.pojo-a11y-high-contrast aside,body.pojo-a11y-high-contrast basefont,body.pojo-a11y-high-contrast bdi,body.pojo-a11y-high-contrast big,body.pojo-a11y-high-contrast blink,body.pojo-a11y-high-contrast blockquote,body.pojo-a11y-high-contrast body,body.pojo-a11y-high-contrast button,body.pojo-a11y-high-contrast canvas,body.pojo-a11y-high-contrast caption,body.pojo-a11y-high-contrast center,body.pojo-a11y-high-contrast code,body.pojo-a11y-high-contrast col,body.pojo-a11y-high-contrast colgroup,body.pojo-a11y-high-contrast command,body.pojo-a11y-high-contrast dd,body.pojo-a11y-high-contrast del,body.pojo-a11y-high-contrast details,body.pojo-a11y-high-contrast dir,body.pojo-a11y-high-contrast div,body.pojo-a11y-high-contrast dl,body.pojo-a11y-high-contrast dt,body.pojo-a11y-high-contrast embed,body.pojo-a11y-high-contrast fieldset,body.pojo-a11y-high-contrast figcaption,body.pojo-a11y-high-contrast figure,body.pojo-a11y-high-contrast font,body.pojo-a11y-high-contrast footer,body.pojo-a11y-high-contrast form,body.pojo-a11y-high-contrast header,body.pojo-a11y-high-contrast hgroup,body.pojo-a11y-high-contrast html,body.pojo-a11y-high-contrast iframe,body.pojo-a11y-high-contrast img,body.pojo-a11y-high-contrast input,body.pojo-a11y-high-contrast ins,body.pojo-a11y-high-contrast kbd,body.pojo-a11y-high-contrast label,body.pojo-a11y-high-contrast legend,body.pojo-a11y-high-contrast li,body.pojo-a11y-high-contrast listing,body.pojo-a11y-high-contrast main,body.pojo-a11y-high-contrast mark,body.pojo-a11y-high-contrast marquee,body.pojo-a11y-high-contrast menu,body.pojo-a11y-high-contrast meter,body.pojo-a11y-high-contrast multicol,body.pojo-a11y-high-contrast nav,body.pojo-a11y-high-contrast nobr,body.pojo-a11y-high-contrast object,body.pojo-a11y-high-contrast ol,body.pojo-a11y-high-contrast option,body.pojo-a11y-high-contrast output,body.pojo-a11y-high-contrast p,body.pojo-a11y-high-contrast plaintext,body.pojo-a11y-high-contrast pre,body.pojo-a11y-high-contrast progress,body.pojo-a11y-high-contrast q,body.pojo-a11y-high-contrast rb,body.pojo-a11y-high-contrast rp,body.pojo-a11y-high-contrast rt,body.pojo-a11y-high-contrast ruby,body.pojo-a11y-high-contrast s,body.pojo-a11y-high-contrast samp,body.pojo-a11y-high-contrast section,body.pojo-a11y-high-contrast select,body.pojo-a11y-high-contrast small,body.pojo-a11y-high-contrast span,body.pojo-a11y-high-contrast strike,body.pojo-a11y-high-contrast sub,body.pojo-a11y-high-contrast summary,body.pojo-a11y-high-contrast sup,body.pojo-a11y-high-contrast svg,body.pojo-a11y-high-contrast table,body.pojo-a11y-high-contrast tbody,body.pojo-a11y-high-contrast td,body.pojo-a11y-high-contrast text,body.pojo-a11y-high-contrast textarea,body.pojo-a11y-high-contrast th,body.pojo-a11y-high-contrast thead,body.pojo-a11y-high-contrast time,body.pojo-a11y-high-contrast tr,body.pojo-a11y-high-contrast tt,body.pojo-a11y-high-contrast ul,body.pojo-a11y-high-contrast var,body.pojo-a11y-high-contrast video,body.pojo-a11y-high-contrast xmp{color:white !important}body.pojo-a11y-high-contrast abbr,body.pojo-a11y-high-contrast acronym,body.pojo-a11y-high-contrast b,body.pojo-a11y-high-contrast b span,body.pojo-a11y-high-contrast h1 b,body.pojo-a11y-high-contrast h1 strong,body.pojo-a11y-high-contrast h2 b,body.pojo-a11y-high-contrast h2 strong,body.pojo-a11y-high-contrast h3 b,body.pojo-a11y-high-contrast h3 strong,body.pojo-a11y-high-contrast h4 b,body.pojo-a11y-high-contrast h4 strong,body.pojo-a11y-high-contrast h5 b,body.pojo-a11y-high-contrast h5 strong,body.pojo-a11y-high-contrast h6 b,body.pojo-a11y-high-contrast h6 strong,body.pojo-a11y-high-contrast strong,body.pojo-a11y-high-contrast strong span{color:yellow !important}body.pojo-a11y-high-contrast address,body.pojo-a11y-high-contrast address span,body.pojo-a11y-high-contrast cite,body.pojo-a11y-high-contrast cite span,body.pojo-a11y-high-contrast dfn,body.pojo-a11y-high-contrast dfn span,body.pojo-a11y-high-contrast em,body.pojo-a11y-high-contrast em span,body.pojo-a11y-high-contrast h1 em,body.pojo-a11y-high-contrast h1 i,body.pojo-a11y-high-contrast h2 em,body.pojo-a11y-high-contrast h2 i,body.pojo-a11y-high-contrast h3 em,body.pojo-a11y-high-contrast h3 i,body.pojo-a11y-high-contrast h4 em,body.pojo-a11y-high-contrast h4 i,body.pojo-a11y-high-contrast h5 em,body.pojo-a11y-high-contrast h5 i,body.pojo-a11y-high-contrast h6 em,body.pojo-a11y-high-contrast h6 i,body.pojo-a11y-high-contrast i,body.pojo-a11y-high-contrast i span,body.pojo-a11y-high-contrast u,body.pojo-a11y-high-contrast u span{color:#FFFF80 !important}body.pojo-a11y-high-contrast dt{border-top:thin solid grey !important}body.pojo-a11y-high-contrast h1,body.pojo-a11y-high-contrast h1 a,body.pojo-a11y-high-contrast h1 a b,body.pojo-a11y-high-contrast h1 abbr,body.pojo-a11y-high-contrast h1 center,body.pojo-a11y-high-contrast h1 span,body.pojo-a11y-high-contrast h2,body.pojo-a11y-high-contrast h2 a,body.pojo-a11y-high-contrast h2 a b,body.pojo-a11y-high-contrast h2 abbr,body.pojo-a11y-high-contrast h2 center,body.pojo-a11y-high-contrast h2 span,body.pojo-a11y-high-contrast h3,body.pojo-a11y-high-contrast h3 a,body.pojo-a11y-high-contrast h3 a b,body.pojo-a11y-high-contrast h3 abbr,body.pojo-a11y-high-contrast h3 center,body.pojo-a11y-high-contrast h3 span,body.pojo-a11y-high-contrast h4,body.pojo-a11y-high-contrast h4 a,body.pojo-a11y-high-contrast h4 a b,body.pojo-a11y-high-contrast h4 abbr,body.pojo-a11y-high-contrast h4 center,body.pojo-a11y-high-contrast h4 span,body.pojo-a11y-high-contrast h5,body.pojo-a11y-high-contrast h5 a,body.pojo-a11y-high-contrast h5 a b,body.pojo-a11y-high-contrast h5 abbr,body.pojo-a11y-high-contrast h5 center,body.pojo-a11y-high-contrast h5 span,body.pojo-a11y-high-contrast h6,body.pojo-a11y-high-contrast h6 a,body.pojo-a11y-high-contrast h6 a b,body.pojo-a11y-high-contrast h6 abbr,body.pojo-a11y-high-contrast h6 center,body.pojo-a11y-high-contrast h6 span{color:#40C090 !important}body.pojo-a11y-high-contrast img{background:#808080 !important;background-color:#808080 !important}body.pojo-a11y-high-contrast abbr,body.pojo-a11y-high-contrast acronym{border-bottom:1px dotted !important}body.pojo-a11y-high-contrast :focus{outline:thin dotted !important}body.pojo-a11y-high-contrast a.button,body.pojo-a11y-high-contrast a.button abbr,body.pojo-a11y-high-contrast a.button acronym,body.pojo-a11y-high-contrast a.button b,body.pojo-a11y-high-contrast a.button basefont,body.pojo-a11y-high-contrast a.button big,body.pojo-a11y-high-contrast a.button br,body.pojo-a11y-high-contrast a.button code,body.pojo-a11y-high-contrast a.button div,body.pojo-a11y-high-contrast a.button em,body.pojo-a11y-high-contrast a.button font,body.pojo-a11y-high-contrast a.button h1,body.pojo-a11y-high-contrast a.button h2,body.pojo-a11y-high-contrast a.button h3,body.pojo-a11y-high-contrast a.button h4,body.pojo-a11y-high-contrast a.button h5,body.pojo-a11y-high-contrast a.button h6,body.pojo-a11y-high-contrast a.button i,body.pojo-a11y-high-contrast a.button kbd,body.pojo-a11y-high-contrast a.button rb,body.pojo-a11y-high-contrast a.button rp,body.pojo-a11y-high-contrast a.button rt,body.pojo-a11y-high-contrast a.button ruby,body.pojo-a11y-high-contrast a.button samp,body.pojo-a11y-high-contrast a.button small,body.pojo-a11y-high-contrast a.button span,body.pojo-a11y-high-contrast a.button strong,body.pojo-a11y-high-contrast a.button tt,body.pojo-a11y-high-contrast a.button u,body.pojo-a11y-high-contrast a.button var,body.pojo-a11y-high-contrast a:link,body.pojo-a11y-high-contrast a:link abbr,body.pojo-a11y-high-contrast a:link acronym,body.pojo-a11y-high-contrast a:link b,body.pojo-a11y-high-contrast a:link basefont,body.pojo-a11y-high-contrast a:link big,body.pojo-a11y-high-contrast a:link br,body.pojo-a11y-high-contrast a:link code,body.pojo-a11y-high-contrast a:link div,body.pojo-a11y-high-contrast a:link em,body.pojo-a11y-high-contrast a:link font,body.pojo-a11y-high-contrast a:link h1,body.pojo-a11y-high-contrast a:link h2,body.pojo-a11y-high-contrast a:link h3,body.pojo-a11y-high-contrast a:link h4,body.pojo-a11y-high-contrast a:link h5,body.pojo-a11y-high-contrast a:link h6,body.pojo-a11y-high-contrast a:link i,body.pojo-a11y-high-contrast a:link kbd,body.pojo-a11y-high-contrast a:link rb,body.pojo-a11y-high-contrast a:link rp,body.pojo-a11y-high-contrast a:link rt,body.pojo-a11y-high-contrast a:link ruby,body.pojo-a11y-high-contrast a:link samp,body.pojo-a11y-high-contrast a:link small,body.pojo-a11y-high-contrast a:link span,body.pojo-a11y-high-contrast a:link strong,body.pojo-a11y-high-contrast a:link tt,body.pojo-a11y-high-contrast a:link u,body.pojo-a11y-high-contrast a:link var,body.pojo-a11y-high-contrast div#secondaryNav div#documentNavigation ul.navigationTabs li.tabItem{color:#0080FF !important}body.pojo-a11y-high-contrast button,body.pojo-a11y-high-contrast input,body.pojo-a11y-high-contrast textarea,body.pojo-a11y-high-contrast select,body.pojo-a11y-high-contrast table,body.pojo-a11y-high-contrast td,body.pojo-a11y-high-contrast th,body.pojo-a11y-high-contrast tr,body.pojo-a11y-high-contrast tt{border:1px solid #ffffff !important}body.pojo-a11y-high-contrast button{background:#600040 !important;background-color:#600040 !important}body.pojo-a11y-high-contrast select{-webkit-appearance:listbox !important;background:#600060 !important;background-color:#600060 !important}body.pojo-a11y-high-contrast a:visited,body.pojo-a11y-high-contrast a:visited abbr,body.pojo-a11y-high-contrast a:visited acronym,body.pojo-a11y-high-contrast a:visited b,body.pojo-a11y-high-contrast a:visited basefont,body.pojo-a11y-high-contrast a:visited big,body.pojo-a11y-high-contrast a:visited br,body.pojo-a11y-high-contrast a:visited code,body.pojo-a11y-high-contrast a:visited div,body.pojo-a11y-high-contrast a:visited em,body.pojo-a11y-high-contrast a:visited font,body.pojo-a11y-high-contrast a:visited h1,body.pojo-a11y-high-contrast a:visited h2,body.pojo-a11y-high-contrast a:visited h3,body.pojo-a11y-high-contrast a:visited h4,body.pojo-a11y-high-contrast a:visited h5,body.pojo-a11y-high-contrast a:visited h6,body.pojo-a11y-high-contrast a:visited i,body.pojo-a11y-high-contrast a:visited kbd,body.pojo-a11y-high-contrast a:visited rb,body.pojo-a11y-high-contrast a:visited rp,body.pojo-a11y-high-contrast a:visited rt,body.pojo-a11y-high-contrast a:visited ruby,body.pojo-a11y-high-contrast a:visited samp,body.pojo-a11y-high-contrast a:visited small,body.pojo-a11y-high-contrast a:visited span,body.pojo-a11y-high-contrast a:visited strong,body.pojo-a11y-high-contrast a:visited tt,body.pojo-a11y-high-contrast a:visited u,body.pojo-a11y-high-contrast a:visited var,body.pojo-a11y-high-contrast div#secondaryNav div#documentNavigation ul.navigationTabs li.tabItem.active{color:#00FFFF !important}body.pojo-a11y-high-contrast ::selection,body.pojo-a11y-high-contrast ::-moz-selection{background:#4080c0 !important;background-color:#4080c0 !important}body.pojo-a11y-high-contrast a.button:hover,body.pojo-a11y-high-contrast a.button:hover abbr,body.pojo-a11y-high-contrast a.button:hover acronym,body.pojo-a11y-high-contrast a.button:hover b,body.pojo-a11y-high-contrast a.button:hover basefont,body.pojo-a11y-high-contrast a.button:hover big,body.pojo-a11y-high-contrast a.button:hover br,body.pojo-a11y-high-contrast a.button:hover code,body.pojo-a11y-high-contrast a.button:hover div,body.pojo-a11y-high-contrast a.button:hover em,body.pojo-a11y-high-contrast a.button:hover font,body.pojo-a11y-high-contrast a.button:hover h1,body.pojo-a11y-high-contrast a.button:hover h2,body.pojo-a11y-high-contrast a.button:hover h3,body.pojo-a11y-high-contrast a.button:hover h4,body.pojo-a11y-high-contrast a.button:hover h5,body.pojo-a11y-high-contrast a.button:hover h6,body.pojo-a11y-high-contrast a.button:hover i,body.pojo-a11y-high-contrast a.button:hover kbd,body.pojo-a11y-high-contrast a.button:hover rb,body.pojo-a11y-high-contrast a.button:hover rp,body.pojo-a11y-high-contrast a.button:hover rt,body.pojo-a11y-high-contrast a.button:hover ruby,body.pojo-a11y-high-contrast a.button:hover samp,body.pojo-a11y-high-contrast a.button:hover small,body.pojo-a11y-high-contrast a.button:hover span,body.pojo-a11y-high-contrast a.button:hover strong,body.pojo-a11y-high-contrast a.button:hover tt,body.pojo-a11y-high-contrast a.button:hover u,body.pojo-a11y-high-contrast a.button:hover var,body.pojo-a11y-high-contrast a:link:hover,body.pojo-a11y-high-contrast a:link:hover abbr,body.pojo-a11y-high-contrast a:link:hover acronym,body.pojo-a11y-high-contrast a:link:hover b,body.pojo-a11y-high-contrast a:link:hover basefont,body.pojo-a11y-high-contrast a:link:hover big,body.pojo-a11y-high-contrast a:link:hover br,body.pojo-a11y-high-contrast a:link:hover code,body.pojo-a11y-high-contrast a:link:hover div,body.pojo-a11y-high-contrast a:link:hover em,body.pojo-a11y-high-contrast a:link:hover font,body.pojo-a11y-high-contrast a:link:hover h1,body.pojo-a11y-high-contrast a:link:hover h2,body.pojo-a11y-high-contrast a:link:hover h3,body.pojo-a11y-high-contrast a:link:hover h4,body.pojo-a11y-high-contrast a:link:hover h5,body.pojo-a11y-high-contrast a:link:hover h6,body.pojo-a11y-high-contrast a:link:hover i,body.pojo-a11y-high-contrast a:link:hover kbd,body.pojo-a11y-high-contrast a:link:hover rb,body.pojo-a11y-high-contrast a:link:hover rp,body.pojo-a11y-high-contrast a:link:hover rt,body.pojo-a11y-high-contrast a:link:hover ruby,body.pojo-a11y-high-contrast a:link:hover samp,body.pojo-a11y-high-contrast a:link:hover small,body.pojo-a11y-high-contrast a:link:hover span,body.pojo-a11y-high-contrast a:link:hover strong,body.pojo-a11y-high-contrast a:link:hover tt,body.pojo-a11y-high-contrast a:link:hover u,body.pojo-a11y-high-contrast a:link:hover var,body.pojo-a11y-high-contrast a:visited:hover,body.pojo-a11y-high-contrast a:visited:hover abbr,body.pojo-a11y-high-contrast a:visited:hover acronym,body.pojo-a11y-high-contrast a:visited:hover b,body.pojo-a11y-high-contrast a:visited:hover basefont,body.pojo-a11y-high-contrast a:visited:hover big,body.pojo-a11y-high-contrast a:visited:hover br,body.pojo-a11y-high-contrast a:visited:hover code,body.pojo-a11y-high-contrast a:visited:hover div,body.pojo-a11y-high-contrast a:visited:hover em,body.pojo-a11y-high-contrast a:visited:hover font,body.pojo-a11y-high-contrast a:visited:hover h1,body.pojo-a11y-high-contrast a:visited:hover h2,body.pojo-a11y-high-contrast a:visited:hover h3,body.pojo-a11y-high-contrast a:visited:hover h4,body.pojo-a11y-high-contrast a:visited:hover h5,body.pojo-a11y-high-contrast a:visited:hover h6,body.pojo-a11y-high-contrast a:visited:hover i,body.pojo-a11y-high-contrast a:visited:hover kbd,body.pojo-a11y-high-contrast a:visited:hover rb,body.pojo-a11y-high-contrast a:visited:hover rp,body.pojo-a11y-high-contrast a:visited:hover rt,body.pojo-a11y-high-contrast a:visited:hover ruby,body.pojo-a11y-high-contrast a:visited:hover samp,body.pojo-a11y-high-contrast a:visited:hover small,body.pojo-a11y-high-contrast a:visited:hover span,body.pojo-a11y-high-contrast a:visited:hover strong,body.pojo-a11y-high-contrast a:visited:hover tt,body.pojo-a11y-high-contrast a:visited:hover u,body.pojo-a11y-high-contrast a:visited:hover var{background:#400000 !important;background-color:#400000 !important}body.pojo-a11y-high-contrast body>input#site+div#wrapper span.mk,body.pojo-a11y-high-contrast body>input#site+div#wrapper span.mk b,body.pojo-a11y-high-contrast input[type=reset]{background:#400060 !important;background-color:#400060 !important}body.pojo-a11y-high-contrast div[role="button"],body.pojo-a11y-high-contrast input[type=button],body.pojo-a11y-high-contrast input[type=submit]{background:#600040 !important;background-color:#600040 !important}body.pojo-a11y-high-contrast input[type=search]{-webkit-appearance:textfield !important}body.pojo-a11y-high-contrast html button[disabled],body.pojo-a11y-high-contrast html input[disabled],body.pojo-a11y-high-contrast html select[disabled],body.pojo-a11y-high-contrast html textarea[disabled]{background:#404040 !important;background-color:#404040 !important}body.pojo-a11y-high-contrast .menu li a span.label{text-transform:none !important}body.pojo-a11y-high-contrast .menu li a span.label,body.pojo-a11y-high-contrast div.jwplayer span.jwcontrolbar,body.pojo-a11y-high-contrast div.jwplayer span.jwcontrols{display:inline !important}body.pojo-a11y-high-contrast a:link.new,body.pojo-a11y-high-contrast a:link.new i,body.pojo-a11y-high-contrast a:link.new b,body.pojo-a11y-high-contrast span.Apple-style-span{color:#FFFF40 !important}body.pojo-a11y-high-contrast body.mediawiki img.tex{background:white !important;background-color:white !important;border:white solid 3px !important}body.pojo-a11y-high-contrast text>tspan:first-letter,body.pojo-a11y-high-contrast text>tspan:first-line{background:inherit !important;background-color:inherit !important;color:inherit !important}body.pojo-a11y-high-contrast div.sbtc div.sbsb_a li.sbsb_d div,body.pojo-a11y-high-contrast table.gssb_c tr.gssb_i a,body.pojo-a11y-high-contrast table.gssb_c tr.gssb_i b,body.pojo-a11y-high-contrast table.gssb_c tr.gssb_i span,body.pojo-a11y-high-contrast table.gssb_c tr.gssb_i td{background:#003050 !important;background-color:#003050 !important}body.pojo-a11y-high-contrast img[width="18"][height="18"]{height:18px !important;width:18px !important}body.pojo-a11y-high-contrast a>span.iconHelp:empty:after{content:"Help" !important}body.pojo-a11y-high-contrast div#gmap,body.pojo-a11y-high-contrast div#gmap *{background:initial !important}body.pojo-a11y-negative-contrast,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar){background:#000 !important;color:#ffffff !important}body.pojo-a11y-negative-contrast a,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) a,body.pojo-a11y-negative-contrast b,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) b,body.pojo-a11y-negative-contrast blockquote,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) blockquote,body.pojo-a11y-negative-contrast button,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) button,body.pojo-a11y-negative-contrast canvas,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) canvas,body.pojo-a11y-negative-contrast caption,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) caption,body.pojo-a11y-negative-contrast center,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) center,body.pojo-a11y-negative-contrast cite,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) cite,body.pojo-a11y-negative-contrast code,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) code,body.pojo-a11y-negative-contrast col,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) col,body.pojo-a11y-negative-contrast colgroup,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) colgroup,body.pojo-a11y-negative-contrast dd,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dd,body.pojo-a11y-negative-contrast details,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) details,body.pojo-a11y-negative-contrast dfn,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dfn,body.pojo-a11y-negative-contrast dir,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dir,body.pojo-a11y-negative-contrast div,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) div,body.pojo-a11y-negative-contrast dl,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dl,body.pojo-a11y-negative-contrast dt,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) dt,body.pojo-a11y-negative-contrast em,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) em,body.pojo-a11y-negative-contrast embed,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) embed,body.pojo-a11y-negative-contrast fieldset,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) fieldset,body.pojo-a11y-negative-contrast figcaption,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) figcaption,body.pojo-a11y-negative-contrast figure,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) figure,body.pojo-a11y-negative-contrast font,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) font,body.pojo-a11y-negative-contrast footer,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) footer,body.pojo-a11y-negative-contrast form,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) form,body.pojo-a11y-negative-contrast header,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) header,body.pojo-a11y-negative-contrast i,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) i,body.pojo-a11y-negative-contrast iframe,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) iframe,body.pojo-a11y-negative-contrast img,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) img,body.pojo-a11y-negative-contrast input,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) input,body.pojo-a11y-negative-contrast kbd,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) kbd,body.pojo-a11y-negative-contrast label,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) label,body.pojo-a11y-negative-contrast legend,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) legend,body.pojo-a11y-negative-contrast li,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) li,body.pojo-a11y-negative-contrast mark,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) mark,body.pojo-a11y-negative-contrast menu,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) menu,body.pojo-a11y-negative-contrast meter,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) meter,body.pojo-a11y-negative-contrast nav,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) nav,body.pojo-a11y-negative-contrast nobr,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) nobr,body.pojo-a11y-negative-contrast object,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) object,body.pojo-a11y-negative-contrast ol,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) ol,body.pojo-a11y-negative-contrast option,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) option,body.pojo-a11y-negative-contrast pre,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) pre,body.pojo-a11y-negative-contrast progress,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) progress,body.pojo-a11y-negative-contrast q,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) q,body.pojo-a11y-negative-contrast s,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) s,body.pojo-a11y-negative-contrast section,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) section,body.pojo-a11y-negative-contrast select,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) select,body.pojo-a11y-negative-contrast small,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) small,body.pojo-a11y-negative-contrast span,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) span,body.pojo-a11y-negative-contrast strike,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) strike,body.pojo-a11y-negative-contrast strong,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) strong,body.pojo-a11y-negative-contrast sub,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) sub,body.pojo-a11y-negative-contrast summary,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) summary,body.pojo-a11y-negative-contrast sup,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) sup,body.pojo-a11y-negative-contrast table,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) table,body.pojo-a11y-negative-contrast td,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) td,body.pojo-a11y-negative-contrast textarea,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) textarea,body.pojo-a11y-negative-contrast th,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) th,body.pojo-a11y-negative-contrast time,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) time,body.pojo-a11y-negative-contrast tr,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) tr,body.pojo-a11y-negative-contrast tt,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) tt,body.pojo-a11y-negative-contrast u,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) u,body.pojo-a11y-negative-contrast ul,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) ul,body.pojo-a11y-negative-contrast var,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) var,body.pojo-a11y-negative-contrast a span,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) a span,body.pojo-a11y-negative-contrast strong,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) strong{color:yellow !important}body.pojo-a11y-negative-contrast button,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) button,body.pojo-a11y-negative-contrast input,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) input,body.pojo-a11y-negative-contrast textarea,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) textarea,body.pojo-a11y-negative-contrast select,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) select,body.pojo-a11y-negative-contrast table,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) table,body.pojo-a11y-negative-contrast td,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) td,body.pojo-a11y-negative-contrast th,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) th,body.pojo-a11y-negative-contrast tr,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) tr,body.pojo-a11y-negative-contrast tt,body.pojo-a11y-negative-contrast *:not(#pojo-a11y-toolbar) tt{border:1px solid #ffffff !important}body.pojo-a11y-negative-contrast div#gmap,body.pojo-a11y-negative-contrast div#gmap *{background:initial !important}body.pojo-a11y-light-background,body.pojo-a11y-light-background *:not(#pojo-a11y-toolbar):not(.pojo-a11y-toolbar-link){background:#fff !important;color:#000 !important}body.pojo-a11y-light-background div#gmap,body.pojo-a11y-light-background div#gmap *{background:initial !important}body.pojo-a11y-resize-font-200,body.pojo-a11y-resize-font-200 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-200 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-200 label,body.pojo-a11y-resize-font-200 input,body.pojo-a11y-resize-font-200 select,body.pojo-a11y-resize-font-200 textarea,body.pojo-a11y-resize-font-200 legend,body.pojo-a11y-resize-font-200 code,body.pojo-a11y-resize-font-200 pre,body.pojo-a11y-resize-font-200 dd,body.pojo-a11y-resize-font-200 dt,body.pojo-a11y-resize-font-200 span,body.pojo-a11y-resize-font-200 blockquote{font-size:200% !important}body.pojo-a11y-resize-font-200 h1,body.pojo-a11y-resize-font-200 h2,body.pojo-a11y-resize-font-200 h3,body.pojo-a11y-resize-font-200 h4,body.pojo-a11y-resize-font-200 h5,body.pojo-a11y-resize-font-200 h6,body.pojo-a11y-resize-font-200 h1 span,body.pojo-a11y-resize-font-200 h2 span,body.pojo-a11y-resize-font-200 h3 span,body.pojo-a11y-resize-font-200 h4 span,body.pojo-a11y-resize-font-200 h5 span,body.pojo-a11y-resize-font-200 h6 span{font-size:266% !important}body.pojo-a11y-resize-font-190,body.pojo-a11y-resize-font-190 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-190 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-190 label,body.pojo-a11y-resize-font-190 input,body.pojo-a11y-resize-font-190 select,body.pojo-a11y-resize-font-190 textarea,body.pojo-a11y-resize-font-190 legend,body.pojo-a11y-resize-font-190 code,body.pojo-a11y-resize-font-190 pre,body.pojo-a11y-resize-font-190 dd,body.pojo-a11y-resize-font-190 dt,body.pojo-a11y-resize-font-190 span,body.pojo-a11y-resize-font-190 blockquote{font-size:190% !important}body.pojo-a11y-resize-font-190 h1,body.pojo-a11y-resize-font-190 h2,body.pojo-a11y-resize-font-190 h3,body.pojo-a11y-resize-font-190 h4,body.pojo-a11y-resize-font-190 h5,body.pojo-a11y-resize-font-190 h6,body.pojo-a11y-resize-font-190 h1 span,body.pojo-a11y-resize-font-190 h2 span,body.pojo-a11y-resize-font-190 h3 span,body.pojo-a11y-resize-font-190 h4 span,body.pojo-a11y-resize-font-190 h5 span,body.pojo-a11y-resize-font-190 h6 span{font-size:252.70000000000002% !important}body.pojo-a11y-resize-font-180,body.pojo-a11y-resize-font-180 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-180 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-180 label,body.pojo-a11y-resize-font-180 input,body.pojo-a11y-resize-font-180 select,body.pojo-a11y-resize-font-180 textarea,body.pojo-a11y-resize-font-180 legend,body.pojo-a11y-resize-font-180 code,body.pojo-a11y-resize-font-180 pre,body.pojo-a11y-resize-font-180 dd,body.pojo-a11y-resize-font-180 dt,body.pojo-a11y-resize-font-180 span,body.pojo-a11y-resize-font-180 blockquote{font-size:180% !important}body.pojo-a11y-resize-font-180 h1,body.pojo-a11y-resize-font-180 h2,body.pojo-a11y-resize-font-180 h3,body.pojo-a11y-resize-font-180 h4,body.pojo-a11y-resize-font-180 h5,body.pojo-a11y-resize-font-180 h6,body.pojo-a11y-resize-font-180 h1 span,body.pojo-a11y-resize-font-180 h2 span,body.pojo-a11y-resize-font-180 h3 span,body.pojo-a11y-resize-font-180 h4 span,body.pojo-a11y-resize-font-180 h5 span,body.pojo-a11y-resize-font-180 h6 span{font-size:239.4% !important}body.pojo-a11y-resize-font-170,body.pojo-a11y-resize-font-170 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-170 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-170 label,body.pojo-a11y-resize-font-170 input,body.pojo-a11y-resize-font-170 select,body.pojo-a11y-resize-font-170 textarea,body.pojo-a11y-resize-font-170 legend,body.pojo-a11y-resize-font-170 code,body.pojo-a11y-resize-font-170 pre,body.pojo-a11y-resize-font-170 dd,body.pojo-a11y-resize-font-170 dt,body.pojo-a11y-resize-font-170 span,body.pojo-a11y-resize-font-170 blockquote{font-size:170% !important}body.pojo-a11y-resize-font-170 h1,body.pojo-a11y-resize-font-170 h2,body.pojo-a11y-resize-font-170 h3,body.pojo-a11y-resize-font-170 h4,body.pojo-a11y-resize-font-170 h5,body.pojo-a11y-resize-font-170 h6,body.pojo-a11y-resize-font-170 h1 span,body.pojo-a11y-resize-font-170 h2 span,body.pojo-a11y-resize-font-170 h3 span,body.pojo-a11y-resize-font-170 h4 span,body.pojo-a11y-resize-font-170 h5 span,body.pojo-a11y-resize-font-170 h6 span{font-size:226.10000000000002% !important}body.pojo-a11y-resize-font-160,body.pojo-a11y-resize-font-160 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-160 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-160 label,body.pojo-a11y-resize-font-160 input,body.pojo-a11y-resize-font-160 select,body.pojo-a11y-resize-font-160 textarea,body.pojo-a11y-resize-font-160 legend,body.pojo-a11y-resize-font-160 code,body.pojo-a11y-resize-font-160 pre,body.pojo-a11y-resize-font-160 dd,body.pojo-a11y-resize-font-160 dt,body.pojo-a11y-resize-font-160 span,body.pojo-a11y-resize-font-160 blockquote{font-size:160% !important}body.pojo-a11y-resize-font-160 h1,body.pojo-a11y-resize-font-160 h2,body.pojo-a11y-resize-font-160 h3,body.pojo-a11y-resize-font-160 h4,body.pojo-a11y-resize-font-160 h5,body.pojo-a11y-resize-font-160 h6,body.pojo-a11y-resize-font-160 h1 span,body.pojo-a11y-resize-font-160 h2 span,body.pojo-a11y-resize-font-160 h3 span,body.pojo-a11y-resize-font-160 h4 span,body.pojo-a11y-resize-font-160 h5 span,body.pojo-a11y-resize-font-160 h6 span{font-size:212.8% !important}body.pojo-a11y-resize-font-150,body.pojo-a11y-resize-font-150 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-150 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-150 label,body.pojo-a11y-resize-font-150 input,body.pojo-a11y-resize-font-150 select,body.pojo-a11y-resize-font-150 textarea,body.pojo-a11y-resize-font-150 legend,body.pojo-a11y-resize-font-150 code,body.pojo-a11y-resize-font-150 pre,body.pojo-a11y-resize-font-150 dd,body.pojo-a11y-resize-font-150 dt,body.pojo-a11y-resize-font-150 span,body.pojo-a11y-resize-font-150 blockquote{font-size:150% !important}body.pojo-a11y-resize-font-150 h1,body.pojo-a11y-resize-font-150 h2,body.pojo-a11y-resize-font-150 h3,body.pojo-a11y-resize-font-150 h4,body.pojo-a11y-resize-font-150 h5,body.pojo-a11y-resize-font-150 h6,body.pojo-a11y-resize-font-150 h1 span,body.pojo-a11y-resize-font-150 h2 span,body.pojo-a11y-resize-font-150 h3 span,body.pojo-a11y-resize-font-150 h4 span,body.pojo-a11y-resize-font-150 h5 span,body.pojo-a11y-resize-font-150 h6 span{font-size:199.5% !important}body.pojo-a11y-resize-font-140,body.pojo-a11y-resize-font-140 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-140 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-140 label,body.pojo-a11y-resize-font-140 input,body.pojo-a11y-resize-font-140 select,body.pojo-a11y-resize-font-140 textarea,body.pojo-a11y-resize-font-140 legend,body.pojo-a11y-resize-font-140 code,body.pojo-a11y-resize-font-140 pre,body.pojo-a11y-resize-font-140 dd,body.pojo-a11y-resize-font-140 dt,body.pojo-a11y-resize-font-140 span,body.pojo-a11y-resize-font-140 blockquote{font-size:140% !important}body.pojo-a11y-resize-font-140 h1,body.pojo-a11y-resize-font-140 h2,body.pojo-a11y-resize-font-140 h3,body.pojo-a11y-resize-font-140 h4,body.pojo-a11y-resize-font-140 h5,body.pojo-a11y-resize-font-140 h6,body.pojo-a11y-resize-font-140 h1 span,body.pojo-a11y-resize-font-140 h2 span,body.pojo-a11y-resize-font-140 h3 span,body.pojo-a11y-resize-font-140 h4 span,body.pojo-a11y-resize-font-140 h5 span,body.pojo-a11y-resize-font-140 h6 span{font-size:186.20000000000002% !important}body.pojo-a11y-resize-font-130,body.pojo-a11y-resize-font-130 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-130 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-130 label,body.pojo-a11y-resize-font-130 input,body.pojo-a11y-resize-font-130 select,body.pojo-a11y-resize-font-130 textarea,body.pojo-a11y-resize-font-130 legend,body.pojo-a11y-resize-font-130 code,body.pojo-a11y-resize-font-130 pre,body.pojo-a11y-resize-font-130 dd,body.pojo-a11y-resize-font-130 dt,body.pojo-a11y-resize-font-130 span,body.pojo-a11y-resize-font-130 blockquote{font-size:130% !important}body.pojo-a11y-resize-font-130 h1,body.pojo-a11y-resize-font-130 h2,body.pojo-a11y-resize-font-130 h3,body.pojo-a11y-resize-font-130 h4,body.pojo-a11y-resize-font-130 h5,body.pojo-a11y-resize-font-130 h6,body.pojo-a11y-resize-font-130 h1 span,body.pojo-a11y-resize-font-130 h2 span,body.pojo-a11y-resize-font-130 h3 span,body.pojo-a11y-resize-font-130 h4 span,body.pojo-a11y-resize-font-130 h5 span,body.pojo-a11y-resize-font-130 h6 span{font-size:172.9% !important}body.pojo-a11y-resize-font-120,body.pojo-a11y-resize-font-120 p:not(.pojo-a11y-toolbar-title),body.pojo-a11y-resize-font-120 li:not(.pojo-a11y-toolbar-item),body.pojo-a11y-resize-font-120 label,body.pojo-a11y-resize-font-120 input,body.pojo-a11y-resize-font-120 select,body.pojo-a11y-resize-font-120 textarea,body.pojo-a11y-resize-font-120 legend,body.pojo-a11y-resize-font-120 code,body.pojo-a11y-resize-font-120 pre,body.pojo-a11y-resize-font-120 dd,body.pojo-a11y-resize-font-120 dt,body.pojo-a11y-resize-font-120 span,body.pojo-a11y-resize-font-120 blockquote{font-size:120% !important}body.pojo-a11y-resize-font-120 h1,body.pojo-a11y-resize-font-120 h2,body.pojo-a11y-resize-font-120 h3,body.pojo-a11y-resize-font-120 h4,body.pojo-a11y-resize-font-120 h5,body.pojo-a11y-resize-font-120 h6,body.pojo-a11y-resize-font-120 h1 span,body.pojo-a11y-resize-font-120 h2 span,body.pojo-a11y-resize-font-120 h3 span,body.pojo-a11y-resize-font-120 h4 span,body.pojo-a11y-resize-font-120 h5 span,body.pojo-a11y-resize-font-120 h6 span{font-size:159.60000000000002% !important}body.pojo-a11y-links-underline a,body.pojo-a11y-links-underline a *{text-decoration:underline !important}body.pojo-a11y-readable-font,body.pojo-a11y-readable-font *:not(i):not(span){font-family:Verdana,Arial,Helvetica,sans-serif !important}.pojo-skip-link{position:absolute;top:-1000em}.pojo-skip-link:focus{left:50px;top:50px;height:auto;width:200px;display:block;font-size:14px;font-weight:700;text-align:center;padding:15px 23px 14px;background-color:#F1F1F1;color:#21759B;z-index:100000;line-height:normal;text-decoration:none;box-shadow:0 0 2px 2px rgba(0,0,0,0.6)}body.rtl .pojo-skip-link:focus{right:50px;left:auto}#pojo-a11y-toolbar *,#pojo-a11y-toolbar ::before,#pojo-a11y-toolbar ::after{box-sizing:border-box}.pojo-a11y-visible-phone{display:none !important}.pojo-a11y-visible-tablet{display:none !important}.pojo-a11y-hidden-desktop{display:none !important}.pojo-a11y-visible-desktop{display:inherit !important}@media (min-width:768px) and (max-width:1024px){.pojo-a11y-hidden-desktop{display:inherit !important}.pojo-a11y-visible-desktop{display:none !important}.pojo-a11y-visible-tablet{display:inherit !important}.pojo-a11y-hidden-tablet{display:none !important}}@media (max-width:767px){.pojo-a11y-hidden-desktop{display:inherit !important}.pojo-a11y-visible-desktop{display:none !important}.pojo-a11y-visible-phone{display:inherit !important}.pojo-a11y-hidden-phone{display:none !important}}.pojo-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizelegibility;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
*,
*:before,
*:after { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
background-color: #ffffff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
margin: 0;
}
ul li a,
ol li a {
color: #222;
}
ul li a:hover,
ol li a:hover {
color: #fd513b;
}
ul ul,
ol ol,
ul ol,
ol ul {
margin-bottom: 0;
}
table, 
th, 
td {
border: 1px solid rgba(0, 0, 0, 0.1);
}
table {
border-collapse: separate;
border-spacing: 0;
border-width: 1px 0 0 1px;
margin-bottom: 20px;
width: 100%;
}
caption, 
th {
font-weight: 400;
text-align: left;
}
th {
text-transform: uppercase;
color: #333;
}
td, th {
padding: 8px;
border-width: 0 1px 1px 0;
}
a img {
border: 0 none;
}
embed,
iframe,
object {
max-width: 100%;
} *,*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
} ::selection {
background: #fd513b;
color: #fff;
} ::-moz-selection {
background: #fd513b;
color: #fff;
} body,
button,
input,
select,
textarea {
color: #484848;
font-family: "Montserrat", sans-serif;
font-size: 15px;
font-weight: 400;
line-height: 1.533;
word-wrap: break-word;
overflow-x: hidden;
} h1, 
h2, 
h3, 
h4, 
h5, 
h6 {
color: #222;
font-family: "Montserrat", sans-serif;
font-weight: 600;
margin-top:0;
margin-bottom: 15px;
}
h1 a, 
h2 a, 
h3 a, 
h4 a, 
h5 a, 
h6 a { 
color: #222;
font-weight: inherit;
}
h1 {
font-size: 30px;
line-height: 1.233;
}
h2 {
font-size: 26px;
line-height: 1.269;
}
h3 {
font-size: 24px;
line-height: 1.292;
}
h4 {
font-size: 22px;
line-height: 1.318;
}
h5 {
font-size: 20px;
line-height: 1.350;
}
h6 {
font-size: 18px;
line-height: 1.389;
}
.highlight { 
font-weight: 500;
} p {
padding: 0;
margin: 0 0 20px 0;
}
b, 
strong { 
font-weight: 700; 
}
dfn, 
cite, 
em, 
i {
font-style: italic;
} blockquote:before {
content: '\f10d';
color: #fd513b;
font-family: "FontAwesome";
font-style: normal;
font-variant: normal;
font-size: 30px;
font-weight: 400;
font-style: italic;
line-height: 1;
position: absolute;
z-index: 0;
top: 5px;
left: 0;
width: 100%;
}
blockquote {
color: #888;
font-family: "Montserrat", sans-serif;
font-size: 18px;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
letter-spacing: 0.3px;
line-height: 1.625;
padding-left: 50px;
position: relative;
quotes: none;
}
blockquote cite {
display: block;
font-size: 15px;
font-style: normal;
text-align: right;
}
blockquote em,
blockquote i,
blockquote cite {
font-style: normal;
}
address {
display: block;
margin: 0 0 1.6em;
}
pre {
background-color: #f8f8f8;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
clear: both;
color: #747474;
font-family: "Montserrat", monospace;
font-size: 14px;
line-height: 1.500;
margin-bottom: 20px;
overflow: auto;
padding: 30px;
position: relative;
white-space: pre;
z-index: 1;
}
code, 
kbd, 
tt, 
var {
font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
line-height: 1.500;
}
abbr,
acronym,
dfn {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, 
ins {
background: #fff9c0;
text-decoration: none;
margin-bottom: 20px;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 1;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
[hidden] {
display: none;
} a {
color: #fd513b;
cursor:pointer;
text-decoration: none;
transition-property: color;
transition-duration: 0.2s;
transition-timing-function: linear;
}
a:focus,
a:active,
a:hover {
text-decoration: none;
}
a:focus {
outline: none;
outline-offset: -3px;
} #page {
width: 100%;
background-color: #fff;
}
.wide-wrap:after,
.wrap:after {
clear: both;
content: "";
display: block;
}
.wide-wrap {
margin: 0 40px;
}
.wrap {
margin: 0 auto;
max-width: 1280px;
padding: 0;
position: relative;
}
.inner-wrap {
max-width: 978px;
margin: 0 auto;
overflow: hidden;
}
#primary .wrap {
max-width: 100%;
} body.blog .site-content > .wrap,
body.archive:not(.woocommerce) .site-content > .wrap {
max-width: 100%;
}
.elementor-template-full-width .site-content > .wrap,
.elementor-page .site-content > .wrap {
width: 100%;
max-width: 100%;
} .column {
margin: 0 -15px;
}
.one-column,
.two-column,
.three-column,
.four-column {
float: left;
padding: 0 15px 30px;
}
.two-column-full-width {
float: left;
padding-bottom: 40px;
}
.one-column,
#primary .two-column {
width:100%;
}
.two-column,
.two-column-full-width,
#primary .three-column,
#primary .four-column-full-width,
#primary .four-column {
width: 50%;
}
.three-column,
.boxed-layout-small .four-column-full-width,
.three-column-full-width {
width: 33.33%;
}
.four-column,
.four-column-full-width {
width: 25%;
}
#primary .three-column:nth-child(3n+4),
#primary .four-column:nth-child(4n+5),
.boxed-layout-small .four-column-full-width:nth-child(4n+5) {
clear: none;
}
.two-column:nth-child(2n+3),
.three-column:nth-child(3n+4),
.four-column:nth-child(4n+5),
.four-column-full-width:nth-child(4n+5),
.boxed-layout-small .four-column-full-width:nth-child(3n+4),
#primary .three-column:nth-child(2n+3),
#primary .four-column:nth-child(2n+3) {
clear: both;
}  .btn-default {
background-color: #fd513b;
color: #fff;
display: inline-block;
font-family: "Montserrat", sans-serif;
font-size: 13px;
font-weight: 400;
line-height: 1.769;
margin: 10px 10px 0;
overflow: hidden;
padding: 5px 20px;
position: relative;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.btn-default:hover {
color: #fff;
} .go-to-top {
background-color: transparent;
border: none;
bottom: 40px;
cursor: pointer;
height: 45px;
margin: 0;
overflow: hidden;
padding: 0;
position: fixed;
right: 40px;
width: 45px;
z-index: 10000;
}
.go-to-top .icon-bg {
background-color: #a1132a;
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.08);
display: block;
height: 45px;
position: relative;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 45px;
}
.go-to-top .back-to-top-text {
color: #fff;
font-size: 24px;
font-weight: 400;
left: 50%;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
position: absolute;
text-align: center;
text-transform: uppercase;
top: 50%;
-webkit-transform: translate3d(-50%, -50%, 0px);
-moz-transform: translate3d(-50%, -50%, 0px);
-ms-transform: translate3d(-50%, -50%, 0px);
-o-transform: translate3d(-50%, -50%, 0px);
transform: translate3d(-50%, -50%, 0px);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
width: 100%;
z-index: 2;
}
.go-to-top .back-to-top-icon {
color: #fff;
font-size: 24px;
left: 50%;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
position: absolute;
top: 80%;
-webkit-transform: translate3d(-50%, -50%, 0px);
-moz-transform: translate3d(-50%, -50%, 0px);
-ms-transform: translate3d(-50%, -50%, 0px);
-o-transform: translate3d(-50%, -50%, 0px);
transform: translate3d(-50%, -50%, 0px);
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
z-index: 2;
}
.go-to-top:hover .back-to-top-text {
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
top: 40%;
}
.go-to-top:hover .back-to-top-icon {
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
top: 50%;
} a.more-link {
color: #fd513b;
display: inline-block;
font-family: "Montserrat",sans-serif;
font-size: 14px;
position: relative;
text-align: left;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
font-weight: 500;
}
p a.more-link {
margin-left: 10px;
}
a.more-link:hover {
color: #333;
}
a.more-link:after {
content: "\f101";
font-family: "FontAwesome";
font-size: 14px;
font-style: normal;
left: 5px;
position: relative;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
vertical-align: top;
} .widget-title .more-btn:after {
content: "\f101";
font-family: "FontAwesome";
font-style: normal;
left: 5px;
position: relative;
}
.widget-title .more-btn {
color: #111;
font-size: 13px;
float: right;
margin-right: 6px;
}  .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
overflow: hidden;
width: 1px;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
background-color: #f1f1f1;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow:	0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow:	0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow:	0 1px 2px rgba(0, 0, 0, 0.15);
clip: auto !important;
color: #fd513b;
display: block;
font-size: 14px;
font-weight: 700;
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: 20px;
}
.alignright {
display: inline;
float: right;
margin-left: 20px;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
} .breadcrumb {
font-size: 13px;
margin-bottom: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.breadcrumb,
.breadcrumb a:hover {
color: #999;
}
.breadcrumb a {
color: #333;
}
.breadcrumb .home:before {
content: '\f015';
display: inline-block;
font-family: "FontAwesome";
font-size: 16px;
font-style: normal;
line-height: 1.313;
margin-right: 4px;
vertical-align: top;
}  .clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { 
display: inline-block; 
}/*\*/* html .clearfix { 
height: 1%; 
}
.clearfix { 
display: block; 
}/**/ button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
input[type="text"],
input[type="email"],
input[type="url"],
input[type="tel"],
input[type="number"],
input[type="date"],
input[type="search"],
input[type="password"],
textarea {
padding: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
width: 100%;
margin-bottom: 30px;
background-color: #fafafa;
}
input[type="search"] {
background-color: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
input[type="reset"],
input[type="button"],
input[type="submit"] {
background-color: #fd513b;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 0 none;
color: #fff;
cursor: pointer;
display: block;
margin-bottom: 30px;
padding: 6px 18px;
text-align: center;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
input[type="reset"]:hover,
input[type="button"]:hover,
input[type="submit"]:hover {
background-color: #747474;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="search"]:focus,
input[type="password"]:focus,
textarea:focus {
border-color: rgba(0, 0, 0, 0.20);
background-color: #fff;
}
input[type="search"]:focus {
background-color: #f8f8f8;
}
button:focus {
outline: 2px dotted;
outline-offset: 2px;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0; }
input[type=search] {
-webkit-appearance: none;
} .header-search:before {
border: 1px solid #fff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
content: "";
display: inline-block;
height: 15px;
top: 1px;
-webkit-transform: translateX(0%) translateY(0%);
-moz-transform: translateX(0%) translateY(0%);
-ms-transform: translateX(0%) translateY(0%);
-o-transform: translateX(0%) translateY(0%);
transform: translateX(0%) translateY(0%);
width: 15px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.3s ease;
}
.header-search:after {
background-color: #fff;
content: "";
display: inline-block;
height: 10px;
-webkit-transform: translateX(50%) translateY(50%) rotate(-45deg);
-moz-transform: translateX(50%) translateY(50%) rotate(-45deg);
-ms-transform: translateX(50%) translateY(50%) rotate(-45deg);
-o-transform: translateX(50%) translateY(50%) rotate(-45deg);
transform: translateX(50%) translateY(50%) rotate(-45deg);
width: 1px;
}
.header-search, 
.header-search-x {
background-color: transparent;
border: none;
cursor: pointer;
height: 32px;
width: 32px;
float: right;
position: relative;
top: 50%;
transform: translateY(-50%);
}
.search-x {
background-color: transparent;
border: none;
position: absolute;
cursor: pointer;
right: 20px;
top: 15px;
height: 65px;
width: 65px;
background-color: #fd513b;
border-radius: 50px;
}
.admin-bar .search-x {
top: 40px;
}
.search-x:after, 
.search-x:before{
position: absolute;
top: 32px;
left: 15px;
content: '';
display: block;
width: 35px;
height: 1px;
background-color: #fff;
}
.search-x:after{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.search-x:before{
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
} #search-box {
background-color: #fff;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
position: fixed;
left: 0;
top: 0;
visibility: hidden;
height: 100%;
width: 100%;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-o-transition: all .3s linear;
-ms-transition: all .3s linear;
transition: all .3s linear;
z-index: 0;
-webkit-transform: scale(0.95);
transform: scale(0.95);
}
#search-box.show-search-box {
opacity: 0.95;
-moz-opacity: 0.95;
filter:alpha(opacity=95);
visibility: visible;
-webkit-transform: scale(1);
transform: scale(1);
z-index: 999;
}
#search-box .search-form {
background-color: rgba(255, 255, 255, 1);
display: none;
height: 65px;
padding: 10px 20px 0 20px;
width: 60%;
position: absolute;
top: 50%;
margin: 0 auto;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
#search-box.show-search-box .search-form {
display: block;
}
#search-box input.search-field {
color: #999;
font-size: 30px;
letter-spacing: 2px;
height: 50px;
width: calc(100% - 50px);
}
#search-box .search-submit {
border-bottom: 1px solid #fd513b;
color: #fd513b;
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
font-size: 28px;
height: 50px;
}
#search-box input[type="search"] {
background-color: transparent;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #fd513b;
} #site-branding {
-webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
padding: 0 10px;
float: left;
text-align: left;
margin-left: 50px;
}
#site-detail {
display: inline-block;
padding: 10px 0;
text-align: left;
vertical-align: middle;
}
.is-sticky #site-detail {
padding: 15px 0;
}
#site-title {
font-family: "Montserrat", sans-serif;
font-style: italic;
font-size: 36px;
font-style: inherit;
font-weight: 500;
line-height: 1.222;
margin: 0;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
#site-title a {
color: #fff;
display: block;
}
.is-sticky #site-title {
font-size: 26px;
}
#site-description {
clear: both;
color: #fff;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.1em;
line-height: 1.727;
margin: 0;
text-transform: uppercase;
}
.custom-logo-link .custom-logo {
height: 80px;
width: auto;
padding:12px 0;
} hr {
background-color: rgba(0, 0, 0, 0.1);
border: 0;
height: 1px;
margin-bottom: 1.5em;
} img {
height: auto; max-width: 100%; vertical-align: top;
}
img.alignleft,
img.alignright,
img.aligncenter {
margin-top: 20px;
margin-bottom: 20px;
}
figure {
margin: 0;
}
img#wpstats {
display: none;
}
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%;
}
.img-border {
background-color: #fff;
padding: 5px;
border: 1px solid #ccc;
} .page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
}
.wp-caption {
margin-bottom: 20px;
max-width: 100%;
}
.wp-caption a {
position: relative;
}
.wp-caption .wp-caption-text {
margin-bottom: 0;
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.wp-caption .wp-caption-text,
.gallery-caption {
font-style: italic;
} .margin-top-none { margin-top: 0 !important;
}
.margin-bottom-none { margin-bottom: 0 !important;
}
.margin-right-none { margin-right: 0 !important;
}
.margin-left-none { margin-left: 0 !important;
}
.padding-top-none { padding-top: 0 !important;
}
.padding-bottom-none { padding-bottom: 0 !important;
}
.padding-right-none { padding-right: 0 !important;
}
.padding-left-none { padding-left: 0 !important;
}
.border-top-none { border-top: 0 none !important;
}
.border-bottom-none { border-bottom: 0 none !important;
}
.border-right-none { border-right: 0 none !important;
}
.border-left-none { border-left: 0 none !important;
}
.shadow-none { -webkit-box-shadow: none !important;
-moz-box-shadow: none !important;
box-shadow: none !important;
}
.margin-bottom-none p { margin-bottom: 0 !important;
}   .right-toggle {
-webkit-flex: 0 1 auto; -ms-flex: 0 1 auto; flex: 0 1 auto;
margin-right: 50px;
margin-left: auto;
}
.side-menu-wrap {
position: relative;
clear: both;
text-align: left;
}
.side-menu:after {
box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.20);
content: "";
background-color: #fd513b;
position: absolute;
height: 70px;
width: 120%;
top: -44px;
left: -15px;
transform: rotate(-10deg);
}
.side-menu {
background-color: #fafafa;
display: none;
z-index: 9999;
margin-right: -14px;
position: fixed;
right: 0;
height: 100%;
width: 350px;
top: 0;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
-ms-transition: all 1000ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
transition: all 1000ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
overflow-y: scroll;
overflow-x: hidden;
}
.side-menu.show {
padding: 50px 25px 0;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.admin-bar .side-menu {
top: 30px;
}
.side-nav-wrap {
clear: both;
padding-bottom: 30px;
}
.side-widget-tray {
display: inline-block;
margin-bottom: 40px;
width: 100%;
}
.page-overlay:before {
content: "";
background-color: #fd513b;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
position: absolute;
height: 100%;
width: 100%;
}
.page-overlay {
position: fixed;
display: block;
left: 0;
top: 0;
bottom: 0;
cursor: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%23FFF' d='M20 1l-1-1-9 9-9-9-1 1 9 9-9 9 1 1 9-9 9 9 1-1-9-9'/%3E%3C/svg%3E"),pointer;
z-index: 999;
visibility: hidden;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-webkit-transition: all 1500ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
-ms-transition: all 1500ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
transition: all 1500ms cubic-bezier(0.645, 0.045, 0.095, 1.08);
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.page-overlay.side-menu-open {
right: 0;
visibility: visible;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.show-menu-toggle {
background-color: transparent;
border: 1px solid #fff;
cursor: pointer;
display: block;
padding: 2px 6px 3px;
float: left;
position: relative;
top: 50%;
transform: translateY(-50%);
margin-right: 10px;
}
.show-menu-toggle .sn-text {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.show-menu-toggle .bars:after, 
.show-menu-toggle .bars:before {
background-color: #fff;
position: absolute;
content: '';
display: inline-block;
height: 1px;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
outline: 1px solid transparent;
right: 0;
width: 20px;
}
.show-menu-toggle .bars:after {
top: 6px;
}
.show-menu-toggle .bars:before {
top: -6px;
}
.show-menu-toggle .bars {
background-color: #fff;
display: inline-block;
width: 20px;
height: 1px;
position: relative;
top: -10px;
vertical-align: bottom;
}
.hide-menu-toggle {
background-color: transparent;
border: none;
cursor: pointer;
padding: 8px 20px;
position: absolute;
left: 5px;
top: 2px;
z-index: 9;
}
.hide-menu-toggle .bars:after, 
.hide-menu-toggle .bars:before {
background-color: #fff;
position: absolute;
content: '';
display: inline-block;
width: 20px;
height: 2px;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-o-transition: all ease .3s;
-ms-transition: all ease .3s;
transition: all ease .3s;
outline: 1px solid transparent;
left: 0;
}
.hide-menu-toggle .bars:after {
top: 0;
-webkit-transform: translateX(-50%) rotate(-45deg);
-moz-transform: translateX(-50%) rotate(-45deg);
-ms-transform: translateX(-50%) rotate(-45deg);
-o-transform: translateX(-50%) rotate(-45deg);
transform: translateX(-50%) rotate(-45deg);
}
.hide-menu-toggle .bars:before {
top: 0;
-webkit-transform: translateX(-50%) rotate(45deg);
-moz-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
-o-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
}
.show-menu-toggle:hover .bars:before {
width: 10px;
}
.show-menu-toggle:hover .bars:after {
width: 15px;
}
.hide-menu-toggle .bars {
display: inline-block;
position: relative;
top: -10px;
vertical-align: bottom;
}
.side-menu-wrap #site-branding {
margin: 10px 0;
text-align: center;
width: 100%;
}
.side-menu-wrap .custom-logo {
background-color: #bdbdbd;
}
.side-menu-wrap #site-title {
font-size: 30px;
font-weight: 600;
line-height: 1.636;
}
.side-menu-wrap #site-detail {
text-align: center;
padding: 5px 0 15px;
}
.side-menu-wrap #site-title a,
.side-menu-wrap #site-description {
color: #333;
}
.side-menu-wrap .side-nav-wrap a {
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
color: #222;
display: block;
font-family: "Montserrat",sans-serif;
font-size: 16px;
line-height: 44px;
text-align: right;
font-weight: bold;
}
.side-menu-wrap .side-nav-wrap a:hover {
color: #fd513b;
}
.side-menu .social-links {
float: right;
margin-bottom: 40px;
}
.header-wrap {
position: relative;
display: block;
clear: both;
}
.top-header {
text-align: center;
margin-bottom: -1px;
position: relative;
z-index: 9;
}
.logo-bar {
padding: 30px 0;
}
.logo-bar #site-branding {
float: left;
}
#sticky-header {
background-color: #c8213b;
float: left;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
width: 100%;
z-index: 999;
}
.vid-thumb #sticky-header,
.sld-plus #sticky-header {
background-color: transparent;
background: -moz-linear-gradient(top, rgba(23,23,23, 1) 0%, rgba(23,23,23, 0) 100%);
background: -webkit-linear-gradient(top, rgba(23,23,23, 1) 0%, rgba(23,23,23, 0) 100%);
background: linear-gradient(to bottom, rgba(23,23,23, 1) 0%, rgba(23,23,23, 0) 100%);
padding: 20px 0 30px;
}
.is-sticky #sticky-header {
background: none;
background-color: rgba(200, 33, 59, 0.7);
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
}
.main-header {
display: flex;
position: relative;
transition: all 300ms;
}
.is-sticky #sticky-header,
.vid-thumb .is-sticky #sticky-header,
.sld-plus .is-sticky #sticky-header {
padding: 0;
}
@media only screen and (max-width: 767px) {
.is-sticky #sticky-header {
background-color: #222;
}
}
.boxed-layout #sticky-header,
.boxed-layout-small #sticky-header {
width: 100%;
transition: none;
}
.boxed-layout .is-sticky #sticky-header,
.boxed-layout-small .is-sticky #sticky-header {
width: inherit;
} .top-bar .widget-title {
display: none;
} .header-image {
width: 100%;
height: auto;
} .custom-header {
display: block;
height: auto;
width: 100%;
}
.wp-custom-header {
position: relative;
}
#wp-custom-header-video {
width: 100%;
}
video#wp-custom-header-video {
height: auto;
}
.wp-custom-header .wp-custom-header-video-button { 
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
cursor: pointer;
font-size: 0;
height: 45px;
overflow: hidden;
padding: 0;
position: absolute;
right: 30px;
top: 30px;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
width: 45px;
}
.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { 
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(0, 0, 0, 0.5);
color: #fff;
}
.wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-play:after,
.wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause:after {
color: #fff;
font-family: "FontAwesome";
font-size: 18px;
font-style: normal;
font-weight: normal;
opacity: 0.7;
-moz-opacity: 0.7;
filter:alpha(opacity=70);
vertical-align: middle;
}
.wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-play:after {
content: "\f04c";
}
.wp-custom-header .wp-custom-header-video-button.wp-custom-header-video-pause:after{
content: "\f04b";
} .header-social-block {
display: none;
position: fixed;
left: 10px;
top: 50%;
opacity: 1;
z-index: 9;
transform: translateY(-50%);
-webkit-transition: all 0.5s linear 0s;
-moz-transition: all 0.5s linear 0s;
-o-transition: all 0.5s linear 0s;
-ms-transition: all 0.5s linear 0s;
transition: all 0.5s linear 0s;
}
.vid-thumb .header-social-block,
.sld-plus .header-social-block {
display: block;
}
.header-social-block:before {
content: "";
background-color: rgba(0,0,0,0.3);
width: 100%;
height: 100%;
-webkit-filter: blur(25px);
-moz-filter: blur(25px);
-o-filter: blur(25px);
-ms-filter: blur(25px);
filter: blur(25px);
z-index: -1;
position: absolute;
padding: 10px;
border-radius: 30px;
}
.header-social-block.scrolled-social {
left: -100px;
opacity: 0;
}
.header-social-block .social-links {
margin-top: 3px;
float: right;
}
.header-social-block .social-links li a {
color: #fff;
border: 1px solid #fff;
border-radius: 30px;
line-height: 33px;
}
.header-social-block .social-links li {
display: block;
margin-bottom: 10px;
height: 35px;
width: 35px;
}
.social-links {
float: left;
}
.entry-content .social-links {
margin: 0;
}
.social-links li {
display: inline-block;
}
.social-links li a {
color: #484848;
display: block;
float: left;
font-family: "FontAwesome";
font-size: 14px;
text-align: center;
line-height: 35px;
-webkit-transition: all 0.3s linear 0s;
-moz-transition: all 0.3s linear 0s;
-o-transition: all 0.3s linear 0s;
-ms-transition: all 0.3s linear 0s;
transition: all 0.2s linear 0s;
width: 35px;
}
.social-links li a[href*="facebook.com"]:before {
content: '\f09a';
}
.social-links li a[href*="facebook.com"]:hover {
background-color: #3B5998;
border-color: #3B5998;
color: #fff;
}
.social-links li a[href*="twitter.com"]:before {
content: '\f099';
}
.social-links li a[href*="twitter.com"]:hover {
background-color: #33CCFF;
border-color: #33CCFF;
color: #fff;
}
.social-links li a[href*="plus.google.com"]:before {
content: '\f2b3';
}
.social-links li a[href*="plus.google.com"]:hover {
background-color: #DF4B38;
border-color: #DF4B38;
color: #fff;
}
.social-links li a[href*="pinterest.com"]:before {
content: '\f231';
}
.social-links li a[href*="pinterest.com"]:hover {
background-color: #CB2027;
border-color: #CB2027;
color: #fff;
}
.social-links li a[href*="dribbble.com"]:before {
content: '\f17d';
}
.social-links li a[href*="dribbble.com"]:hover {
background-color: #F26798;
border-color: #F26798;
color: #fff;
}
.social-links li a[href*="instagram.com"]:before {
content: '\f16d';
}
.social-links li a[href*="instagram.com"]:hover {
background-color: #8E6051;
border-color: #8E6051;
color: #fff;
}
.social-links li a[href*="flickr.com"]:before {
content: '\f16e';
}
.social-links li a[href*="flickr.com"]:hover {
background-color: #0063DB;
border-color: #0063DB;
color: #fff;
}
.social-links li a[href*="linkedin.com"]:before {
content: '\f0e1';
}
.social-links li a[href*="linkedin.com"]:hover {
background-color: #007BB6;
border-color: #007BB6;
color: #fff;
} .main-navigation {
-webkit-flex: 1; -ms-flex: 1; flex: 1;
float: left;
}
.nav-menu {
position: relative;
top: 50%;
transform: translateY(-30%);
}
.top-logo-title .nav-menu {
position: relative;
top: auto;
transform: none;
}
.main-navigation > ul > li {
position: relative;
display: inline-block;
}
.main-navigation a {
color: #fff;
display: block;
font-family: "Montserrat", sans-serif;
font-size: 17px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 50px;
padding: 0 0px 0 65px;
text-align: left;
text-transform: uppercase;
}
.main-navigation a:hover,
.main-navigation ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor a,
.main-navigation ul li.current-menu-ancestor a,
.main-navigation ul li.current_page_item a,
.main-navigation ul li:hover > a,
.main-navigation li.current-menu-ancestor.menu-item-has-children > a:after,
.main-navigation li.current-menu-item.menu-item-has-children > a:after,
.main-navigation ul li:hover > a:after,
.main-navigation li.menu-item-has-children > a:hover:after,
.main-navigation li.page_item_has_children > a:hover:after {
color: #fd513b;
} .main-navigation ul li ul,
.main-navigation ul li:hover ul ul,
.main-navigation ul ul li:hover ul ul,
.main-navigation ul ul ul li:hover ul ul,
.main-navigation ul ul ul ul li:hover ul ul {
visibility:hidden;
}
.main-navigation ul li ul:after {
border-color: transparent transparent #fd513b transparent;
}
.main-navigation ul li ul:after {
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 0 6px 6px 6px;
position: absolute;
left: 50%;
margin-left: -6px;
top: -8px;
}
.main-navigation ul li ul:before {
background-color: #fd513b;
content: '';
width: 100%;
height: 2px;
position: absolute;
left: 0;
top: -2px;
display: block;
}
.main-navigation ul li ul {
background-color: #fff;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
line-height: 2.667;
list-style-type: none;
margin: 0;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
padding: 0;
position: absolute;
left: 50%;
top: 60px;
transform: translateX(-50%);
-webkit-transition: all .50s ease;
-moz-transition: all .50s ease;
-ms-transition: all .50s ease;
-o-transition: all .50s ease;
transition: all .50s ease;
visibility: hidden;
width: 255px;
z-index: 9999;
}
.main-navigation ul li ul li ul:after {
display: none;
}
.main-navigation > ul > li:hover > ul,
.main-navigation > ul > li.focus > ul {
display: block;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);	
visibility:visible;
top: 50px;
}
.is-sticky .main-navigation > ul > li:hover > ul {
top: 60px;
}
.main-navigation ul li ul li {
float: none;
margin: 0;
position: relative;
text-align: left;
width: 273px;
z-index: 1;
}
.main-navigation ul li ul li:before {
border-top: 1px solid #eee;
content: "";
height: 1px;
left: 10px;
position: absolute;
top: 0;
width: 90%;
}
.main-navigation ul li ul li:first-child:before {
border-top: none;
}
.main-navigation ul li ul li a,
.main-navigation ul li.current-menu-item ul li a,
.main-navigation ul li ul li.current-menu-item a,
.main-navigation ul li.current_page_ancestor ul li a,
.main-navigation ul li.current-menu-ancestor ul li a,
.main-navigation ul li.current_page_item ul li a {
color: #747474;
float: none;
font-size: 17px;
height: inherit;
line-height: 1.538;
padding: 12px 15px;
text-transform: uppercase;
}
.is-sticky .main-navigation ul li ul li a {
line-height: 1.538;
}
.main-navigation ul li ul li a:hover,
.main-navigation ul li ul li:hover > a,
.main-navigation ul li.current-menu-item ul li a:hover {
color: #fd513b;
}
.main-navigation ul li ul li ul {
left: 300px;
top: 10px;
}
.main-navigation ul li:last-child ul li ul {
left: -200px;
}
.main-navigation ul ul li:hover ul,
.main-navigation ul ul li.focus ul,
.main-navigation ul ul ul li:hover ul,
.main-navigation ul ul ul li.focus ul {
top: 0;
display: block;
opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=100);	
visibility:visible;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after,
.main-navigation li li.page_item_has_children > a:after {
font-family: "FontAwesome";
font-style: normal;
font-weight: 400;
text-decoration: inherit;
color: #fff;
padding-left: 6px;
}
.main-navigation li.menu-item-has-children > a:after,
.main-navigation li.page_item_has_children > a:after {
content: "\f107";
}
.main-navigation li li.menu-item-has-children > a:after,
.main-navigation li li.page_item_has_children > a:after {
content: "\f105";
position: absolute;
right: 15px;
color: #747474;
} .top-menu-toggle,
.menu-toggle,
.main-navigation .menu-toggle {
display: none;
}
.line-bar, 
.line-bar:after, 
.line-bar:before {
background-color: #fff;
} #content {
padding: 60px 0;
}
.elementor-template-full-width #content,
.elementor-page #content,
.siteorigin-panels.full-width-layout #content {
padding: 0;
}
body.blog #content,
body.archive:not(.post-type-archive-product) #content,
.photograph-corporate #content {
padding: 0;
}
#main ul {
list-style-type: disc;
}
#main ol {
list-style-type: decimal;
}
#main ol ol {
list-style: upper-alpha;
}
#main ol ol ol {
list-style: lower-roman;
}
#main ol ol ol ol {
list-style: lower-alpha;
}
#primary {
float: left;
padding-right: 30px;
width: 70%;
}
body.blog #primary,
body.archive:not(.post-type-archive-product) #primary,
.page-template-gallery-template #primary {
width: 100%;
padding-right: 0;
} #secondary {
border-left: 1px solid #eee;
float: left;
padding-left: 30px;
width: 30%;
} .sticky {
background-color: #f4f4f4;
padding: 20px;
position: relative;
}
.entry-header {
padding-bottom: 5px;
}
.post {
margin-bottom: 50px;
}
.post-content {
background-color: #fff;
position: relative;
}
.single-post-title {
background-color: #f4f4f4;
margin-bottom: 50px;
}
.single-post-title .entry-header {
padding: 20px 30px 5px;
}
.single-post-title .entry-meta {
margin-bottom: 10px;
} .entry-title {
font-size: 26px;
line-height: 33px;
margin-bottom: 15px;
}
.entry-title,
.entry-title a {
color: #222;
}
.entry-title a:hover,
.entry-title a:focus,
.entry-title a:active {
color: #fd513b;
} .entry-meta {
overflow: hidden;
}
.entry-meta span:last-child {
margin-right: 0;
}
.entry-meta span {
color: #484848;
display: inline-block;
margin-right: 15px;
margin-bottom: 10px;
}
.entry-meta,
.entry-meta a {
color: #484848;
font-family: "Montserrat",sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.666;
}
.entry-meta a:hover {
color: #fd513b;
} .entry-content .entry-meta {
float: right;
}
.cats-links a,
.tag-links a {
padding: 0 5px 5px 0;
}
.cats-links:before {
content: "\f0e8";
}
.tag-links:before {
content: "\f02c";
}
.cats-links:before,
.tag-links:before,
.entry-meta .entry-format a:before {
font-family: "FontAwesome";
font-size: 14px;
font-style: normal;
font-variant: normal;
font-weight: 400;
line-height: 18px;
padding-right: 5px;
}
body:not(.single) .has-post-thumbnail .entry-meta .entry-format a:before {
font-size: 22px;
line-height: 44px;
padding: 15px;
}
body:not(.single) .has-post-thumbnail .entry-footer .entry-meta .entry-format {
display: none;
} .format-aside .entry-format a:before {
content: "\f06e";
}
.format-image .entry-format a:before {
content: "\f03e";
}
.format-gallery .entry-format a:before {
content: "\f1ad";
}
.format-video .entry-format a:before {
content: "\f03d";
}
.format-status .entry-format a:before {
content: "\f130";
}
.format-quote .entry-format a:before {
content: "\f10d";
}
.format-link .entry-format a:before {
content: "\f0c1";
}
.format-chat .entry-format a:before {
content: "\f086";
}
.format-audio .entry-format a:before {
content: "\f028";
} .entry-content {
display: block;
margin: 0 0 20px;
}
.entry-content p:last-child {
margin-bottom: 10px;
}
.entry-content dt,
.comment-content dt {
font-weight: 700;
}
.entry-content dd,
.comment-content dd {
margin-bottom: 20px;
}
.entry-content td,
.comment-content td {
padding: 8px;
}
.entry-content ul,
.entry-content ol {
margin: 0 0 30px 30px;
}
.entry-content li > ul, 
.entry-content li > ol {
margin-bottom: 0;
}
.entry-content a {
text-decoration: underline;
}
.entry-content a:hover {
text-decoration: none;
} .gallery {
margin-bottom: 20px;
}
.gallery-item {
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin: 0 4px 4px 0;
width: 100%;
vertical-align: top;
text-align: center;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 48%;
max-width: -webkit-calc(50% - 4px);
max-width:         calc(50% - 4px);
}
.gallery-columns-3 .gallery-item {
max-width: 32%;
max-width: -webkit-calc(33.3% - 4px);
max-width:         calc(33.3% - 4px);
}
.gallery-columns-4 .gallery-item {
max-width: 23%;
max-width: -webkit-calc(25% - 4px);
max-width:         calc(25% - 4px);
}
.gallery-columns-5 .gallery-item {
max-width: 19%;
max-width: -webkit-calc(20% - 4px);
max-width:         calc(20% - 4px);
}
.gallery-columns-6 .gallery-item {
max-width: 15%;
max-width: -webkit-calc(16.7% - 4px);
max-width:         calc(16.7% - 4px);
}
.gallery-columns-7 .gallery-item {
max-width: 13%;
max-width: -webkit-calc(14.28% - 4px);
max-width:         calc(14.28% - 4px);
}
.gallery-columns-8 .gallery-item {
max-width: 11%;
max-width: -webkit-calc(12.5% - 4px);
max-width:         calc(12.5% - 4px);
}
.gallery-columns-9 .gallery-item {
max-width: 9%;
max-width: -webkit-calc(11.1% - 4px);
max-width:         calc(11.1% - 4px);
}
.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
margin-right: 0;
}
.gallery-columns-1.gallery-size-medium figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-1.gallery-size-thumbnail figure.gallery-item:nth-of-type(1n+1),
.gallery-columns-2.gallery-size-thumbnail figure.gallery-item:nth-of-type(2n+1),
.gallery-columns-3.gallery-size-thumbnail figure.gallery-item:nth-of-type(3n+1) {
clear: left;
}
.gallery-caption {
text-align: left;
} .wp-pagenavi,
.default-wp-page {
margin: 50px 0;
clear: both;
}
.wp-pagenavi .pages {
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #747474;
padding: 9px 15px;
}
.wp-pagenavi .current,
.wp-pagenavi a {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #747474;
display: block;
float: left;
border: 1px solid rgba(0, 0, 0, 0.15);
padding: 4px 11px;
}
.wp-pagenavi .current,
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
color: #747474;
border: 1px solid rgba(0, 0, 0, 0.15);
background-color: #f4f4f4;
}
.wp-pagenavi span.current {
font-weight: 200;
} .wp-pagenavi {
text-align: center;
}
.wp-pagenavi .current,
.wp-pagenavi a {
display: inline-block;
float: none;
margin-left: 4px;
} #main ul.default-wp-page {
margin-left: 0;
list-style: none;
padding-bottom: 0;
}
ul.default-wp-page li a {
color: #848484;
border: 1px solid #ddd;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: inline-block;
padding: 2px 10px;
}
ul.default-wp-page li a:hover {
background-color: #f4f4f4;
}
ul.default-wp-page li {
padding: 0 0 20px;
}
ul.default-wp-page li.previous {
float:left;	
}
ul.default-wp-page li.next {
float:right;
} .navigation.pagination:after {
clear: both;
content: "";
display: table;
table-layout: fixed;
}
.navigation.pagination {
clear: both;
margin-bottom: 50px;
margin-top: 50px;
text-align: center;
}
.navigation.pagination .nav-links {
display: inline-block;
}
.page-numbers {
background-color: #f4f4f4;
border: 1px solid #fafafa;
color: #747474;
display: block;
float: left;
margin-right: 8px;
outline: 1px solid #eee;
padding: 4px 11px;
}
.page-numbers:last-child {
margin-right: 0;
}
.page-numbers.current,
.page-numbers:hover {
background-color: #e8e8e8;
}
.navigation.post-navigation {
clear: both;
margin-bottom: 50px;
}
.navigation.post-navigation .nav-links,
.image-navigation .nav-links {
display: inline-block;
width: 100%;
}
.navigation.post-navigation .nav-previous,
.image-navigation .nav-links .nav-previous {
float: left;
}
.navigation.post-navigation .nav-next,
.image-navigation .nav-links .nav-next {
float: right;
}
.navigation.post-navigation .post-title {
color: #949494;
display: block;
}
.image-navigation .nav-links a {
color: #fd513b;
} .image-attachment div.attachment {
background-color: #f9f9f9;
border: 1px solid #ddd;
border-width: 1px 0;
margin: 0 -8.9% 1.625em;
overflow: hidden;
padding: 1.625em 1.625em 0;
text-align: center;
}
.image-attachment div.attachment img {
display: block;
height: auto;
margin: 0 auto 1.625em;
max-width: 100%;
}
.image-attachment div.attachment a img {
border-color: #f9f9f9;
}
.image-attachment div.attachment a:focus img,
.image-attachment div.attachment a:hover img,
.image-attachment div.attachment a:active img {
border-color: #ddd;
background-color: #fff;
}
.image-attachment .entry-caption p {
font-size: 10px;
letter-spacing: 0.1em;
line-height: 2.6em;
margin: 0 0 2.6em;
text-transform: uppercase;
} .attachment-jpeg .attachment {
text-align: center;
} .comments-title {
font-size: 30px;
font-weight: 400;
line-height: 1.267;
padding-bottom: 15px;
}
#main .comments-area ul,
#main .comments-area ol {
margin: 0 0 30px 30px;
}
#main .comments-area ul ul,
#main .comments-area ol ol {
margin-bottom: 0;
}
.comments-area article {
margin: 24px 0;
margin: 1.714285714rem 0;
}
.comments-area article header {
margin: 0 0 48px;
margin: 0 0 3.428571429rem;
overflow: hidden;
position: relative;
}
.comments-area article header img {
float: left;
padding: 0;
line-height: 0;
}
.comments-area article header cite,
.comments-area article header time {
display: block;
margin-left: 85px;
margin-left: 6.071428571rem;
}
.comments-area article header cite {
font-style: normal;
font-size: 15px;
font-size: 1.071428571rem;
line-height: 1.42857143;
}
.comments-area article header time {
line-height: 1.714285714;
text-decoration: none;
font-size: 12px;
font-size: 0.857142857rem;
color: #484848;
}
.comments-area article header a {
text-decoration: none;
color: #484848;
}
.comments-area article header a:hover {
color: #21759b;
}
.comments-area article header cite a {
color: #444;
}
.comments-area article header cite a:hover {
text-decoration: underline;
}
.comments-area article header h4 {
position: absolute;
top: 0;
right: 0;
padding: 6px 12px;
padding: 0.428571429rem 0.857142857rem;
font-size: 12px;
font-size: 0.857142857rem;
font-weight: 400;
color: #fff;
background-repeat: repeat-x;
background: #0088d0;
background: -webkit-linear-gradient(#009cee, #0088d0);
background: -moz-linear-gradient(#009cee, #0088d0);
background: -ms-linear-gradient(#009cee, #0088d0);
background: -o-linear-gradient(#009cee, #0088d0);
background: -webkit-gradient(#009cee, #0088d0);
background: linear-gradient(#009cee, #0088d0);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #007cbd;
}
.comments-area li.bypostauthor cite span {
position: absolute;
margin-left: 5px;
margin-left: 0.357142857rem;
padding: 2px 5px;
padding: 0.142857143rem 0.357142857rem;
font-size: 10px;
font-size: 0.714285714rem;
}
a.comment-reply-link {
font-size: 13px;
font-size: 0.928571429rem;
line-height: 1.846153846;
color: #747474;
}
a.comment-reply-link:hover {
color: #21759b;
}
.commentlist .pingback {
line-height: 1.714285714;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.commentlist .children {
margin-left: 48px;
margin-left: 3.428571429rem;
}
#comments .comment ol {
list-style: none;
} .comment-respond {
margin-top: 48px;
margin-top: 3.428571429rem;
}
.comment-respond h3#reply-title {
font-size: 30px;
font-weight: 400;
line-height: 1.267;
padding-bottom: 15px;
}
.comment-respond h3#reply-title #cancel-comment-reply-link {
margin-left: 10px;
margin-left: 0.714285714rem;
font-weight: 400;
font-size: 12px;
font-size: 0.857142857rem;
}
.comment-respond form {
margin: 24px 0;
margin: 1.714285714rem 0;
}
.comment-respond form p {
margin: 11px 0;
margin: 0.785714286rem 0;
}
.comment-respond form p.logged-in-as {
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.comment-respond form label {
display: block;
line-height: 1.714285714;
}
.comment-respond form input[type="text"],
.comment-respond form textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 1.714285714;
padding: 10px;
padding: 0.714285714rem;
width: 100%;
}
.comment-respond form p.form-allowed-tags {
margin: 0;
font-size: 12px;
font-size: 0.857142857rem;
line-height: 2;
color: #484848;
}
.required {
color: red;
}
label ~ span.required {
display: block;
float: left;
margin: -18px 0 0 -16px;
margin: -1.285714286rem 0 0 -1.142857143rem;
}
.comment-respond .comment-form .comment-form-cookies-consent label {
display: inline-block;
margin-left: 10px;
}  .page-header {
background-color: #f4f4f4;
padding: 15px 30px 0;
position: relative;
overflow: hidden;
margin-bottom: 50px;
}
.elementor-template-full-width .page-header,
.elementor-page .page-header,
.siteorigin-panels.full-width-layout .page-header {
display: none;
}
.blog .page-header,
.archive .page-header {
display: none;
width: calc(86% - 20px);
margin-left: auto;
margin-right: auto;
margin-top: 60px;
margin-bottom: 20px;
clear: both;
}
.error-404 .page-header {
background-color: #fddbdd;
margin-top: 0;
padding: 25px 20px 15px;
}
.error-404 .page-title {
padding: 0;
}
.error-404 .page-content {
padding: 20px 0;
}
.error-404 #colophon {
position: absolute;
bottom: 0;
width: 100%;
}
.page-title {
color: #343434;
font-size: 24px;
line-height: 1.333;
} .wpcf7-select {
background-color: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.1);
margin: 0 0 30px;
padding: 10px;
width: 40%;
display: block;
}
.wpcf7 p {
margin-bottom: 0;
}
input[type="file"]  {
margin: 0 0 30px;
display: block;
}
input[type="checkbox"] {
margin: 0 0 30px;
} .page-template-front-page-feature-template #content,
.page-template-latest-blog-template #content {
padding: 0;
}
.blog.photograph-corporate #content {
padding: 60px 0 0;
} .boxed-layout #page {
max-width: 1230px;
margin: 30px auto;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow:         	0 1px 6px rgba(0, 0, 0, 0.15);
}
.boxed-layout-small #page {
max-width: 1038px;
margin: 30px auto;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    0 1px 6px rgba(0, 0, 0, 0.15);
box-shadow:         	0 1px 6px rgba(0, 0, 0, 0.15);
}
.boxed-layout .wrap {
margin: 0 auto;
max-width: 1170px;
padding: 0;
position: relative;
}
.boxed-layout-small .wrap {
margin: 0 auto;
max-width: 978px;
padding: 0;
position: relative;
}
.boxed-layout #page,
.boxed-layout-small #page {
overflow: hidden;
} .two-column-blog #primary .post {
width: calc(50% - 15px);
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.two-column-blog #primary .post:nth-child(2n+1) {
margin-right: 0;
margin-left: 15px;
}
.two-column-blog #primary .post:nth-child(2n+2) {
clear: both;
}
.two-column-blog .entry-header,
.two-column-blog .entry-content {
padding-bottom: 0;
} .small-image-blog .post {
clear: both;
float: left;
margin-bottom: 30px;
width: 100%;
}
.small-image-blog .entry-title {
text-align: left;
}
.small-image-blog #primary .entry-thumb-content {
display: inline-block;
float: left;
margin-bottom: 20px;
margin-right: 20px;
overflow: hidden;
width: 40%;
}
.small-image-blog .entry-thumb .posted-on {
max-width: 72px;
padding: 5px;
}
.small-image-blog .entry-thumb .entry-meta .posted-on a {
font-size: 12px;
line-height: 18px;
}
.search-results.small-image-blog #primary .page,
.search-results.two-column-blog #primary .page {
display: block;
float: left;
margin-bottom: 60px;
} .widget {
margin-bottom: 30px;
}
.widget ul li a {
color: #222;
}
.widget ul li a:hover {
color: #fd513b;
}
.widget-title {
font-family: "Montserrat", sans-serif;
font-size: 18px;
line-height: 1.388;
font-weight: 600;
}
.widget-title,
.widget-title a {
color:#484848;
}
.widget-title a:hover {
color: #fd513b;
}
#secondary .widget:last-child {
margin-bottom: 0;
}
#secondary .widget-title {
color: #fd513b;
font-size: 18px;
font-weight: bold;
line-height: 1.714;
margin-bottom: 30px;
position: relative;
text-align: left;
text-transform: uppercase;
}
#secondary .widget-title:before {
content: "";
width: 1px;
height: 15px;
background-color: #fd513b;
position: absolute;
left: -31px;
top: 7px;
} input.search-field {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #747474;
float: left;
font-size: 14px;
height: 40px;
line-height: 1.571;
margin: 0;
outline: medium none;
padding: 6px 8px;
width: 80%; width: calc(100% - 50px);
}
.search-submit {
background-color: #fd513b;
border: none;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
color: #fff;
cursor: pointer;
font-size: 18px;
height: 40px;
margin-left: -1px;
outline: medium none;
right: 0;
width: 50px;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
-ms-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.search-submit:hover {
background-color: #585858;
border: 1px solid #585858;
} .featured-gallery-header {
text-align: center;
width: 100%;
}
.featured-gallery-title {
display: inline-block;
font-size: 30px;
line-height: 37px;
margin-top: 60px;
}
.filter-button {
text-align: center;
width: 100%;
}
.filter-button div {
border-bottom: #eee;
}
.filter-button div button {
background-color: transparent;
border: none;
display: inline-block;
cursor: pointer;
margin: 30px 20px;
}
.filter-button div button:hover,
.filter-button div button.active {
color: #fd513b;
}
.featured-gallery-wrap {
padding-bottom: 60px;
}
.featured-gallery {
margin: 5px;
display: block;
overflow: hidden;
}
.featured-gallery .post-gallery-wrap {
position: relative;
}
.featured-gallery .featured-item {
padding: 5px;
float: left;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.gallery-col-2 .featured-item {
width: 50%;
}
.gallery-col-3 .featured-item {
width: 33.33%;
}
.gallery-col-4 .featured-item {
width: 25%;
}
.gallery-col-5 .featured-item {
width: 20%;
}
.gallery-col-4 .two.featured-item {
width: 50%;
}
.featured-image-content {
overflow: hidden;
}
.featured-gallery .featured-image-content img {
opacity: 1;
-webkit-transition: opacity 1s,-webkit-transform 1s;  transition: opacity 1s,transform 1s,-webkit-transform 1s;
}
.featured-gallery .featured-image-content:hover img {
opacity: .9;
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
.popup-image {
position: relative;
display: block;
}
.featured-gallery .featured-text-content {
padding: 80px 40px;
background-color: #fd513b;
position: relative;
}
.featured-gallery .featured-item .featured-text-content:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
}
.featured-gallery .featured-item:nth-child(4n+1) .featured-text-content:after {
background-color: rgba(0, 0, 0, 0);
}
.featured-gallery .featured-item:nth-child(4n+2) .featured-text-content:after {
background-color: rgba(0, 0, 0, 0.3);
}
.featured-gallery .featured-item:nth-child(4n+3) .featured-text-content:after {
background-color: rgba(0, 0, 0, 0.1);
}
.featured-gallery .featured-item:nth-child(4n+4) .featured-text-content:after {
background-color: rgba(0, 0, 0, 0.2);
}
.featured-gallery .featured-item:nth-child(4n+5) .featured-text-content:after {
background-color: rgba(0, 0, 0, 0.6);
}
.featured-gallery .has-post-thumbnail .featured-text-content:after {
content: none;
}
.featured-gallery .has-post-thumbnail .featured-text-content {
opacity: 0;
height: 0;
padding: 0;
position: initial;
}
.featured-text-content .featured-title {
font-family: "Montserrat", sans-serif;
font-size: 28px;
line-height: 35px;
font-weight: 500;
margin-bottom: 0;
text-align: center;
position: relative;
z-index: 2;
}
.featured-text-content .featured-title a {
color: #fff;
} .fg-layout-2 .featured-gallery {
margin: 0 10px;
}
.fg-layout-2 .featured-gallery .featured-item {
padding: 10px;
}
.fg-layout-2 .featured-gallery-header {
float: left;
width: calc(25% - 30px);
margin-top: 50px;
text-align: right;
padding-right: 50px;
text-align: right;
}
.fg-layout-2 .featured-gallery {
float: right;
width: 75%;
}
.fg-layout-2  .filter-button {
text-align: right;
padding: 0;
}
.fg-layout-2 .filter-button div button {
display: block;
padding: 10px 0;
margin: 0;
}  .show-fgt .featured-item .featured-text-content {
opacity: 1;
padding: 10px;
background-color: #eee;
height: auto;
position: relative;
}
.show-fgt .featured-item .featured-text-content:after {
content: none;
}
.show-fgt .has-post-thumbnail .featured-text-content .featured-title {
font-size: 15px;
margin-bottom: 0;
}
.show-fgt .has-post-thumbnail .featured-text-content:before {
content: "";
display: block;
position: absolute;
top: -14px;
left: 10px;
width: 0;
border-width: 7px;
border-style: solid;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent;
border-bottom-color: #eee;
}
.show-fgt .featured-text-content .featured-title a {
color: #666;
}
.show-fgt .featured-text-content .featured-title {
font-size: 15px;
line-height: 22px;
font-weight: 500;
margin-bottom: 0;
text-align: left;
} .show-fgt-hover .featured-item.has-post-thumbnail:hover .featured-text-content {
display: block;
opacity: 1;
bottom: 0;
}
.show-fgt-hover .post-gallery-wrap {
overflow: hidden;
}
.show-fgt-hover .featured-gallery .featured-text-content {
opacity: 1;
height: auto;
}
.show-fgt-hover .featured-gallery .has-post-thumbnail .featured-text-content {
padding: 0;
opacity: 0;
height: 0;
}
.show-fgt-hover .featured-item.has-post-thumbnail .featured-title {
font-size: 22px;
line-height: 27px;
position: absolute;
top: 50%;
left: 50%;
opacity: 0;
padding: 0 10px;
text-align: center;
width: 100%;
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
z-index: 2;
}
.show-fgt-hover .featured-item.has-post-thumbnail:hover .featured-title {
top: 50%;
opacity: 1;
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-o-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
}
.show-fgt-hover .featured-item.has-post-thumbnail .popup-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 1;
height: 100%;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.show-fgt-hover .featured-item.has-post-thumbnail:hover .popup-image:after {
opacity: 1;
} .no-border .featured-gallery,
.no-border .fg-layout-2 .featured-gallery {
margin: 0;
}
.no-border .featured-gallery .featured-item,
.no-border .fg-layout-2 .featured-gallery .featured-item {
padding: 0;
} .grayscale-img img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 400ms;
}
.grayscale-img .featured-item:hover img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
} .box-gallery .featured-gallery-content {
width: 86%;
margin-left: auto;
margin-right: auto;
clear: both;
} .post-featured-gallery {
margin: 10px;
display: block;
overflow: hidden;
}
.post-featured-gallery .post-featured-item {
padding: 10px;
float: left;
margin-bottom: 0;
position: relative;
overflow: hidden;
}
.post-featured-gallery-wrap {
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
-ms-transition: all 0.6s ease;
transition: all 0.6s ease;
}
.post-featured-gallery:not(.no-posts-border) .post-featured-item:hover .post-featured-gallery-wrap {
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.20);
}
.post-gallery-col-2 .post-featured-item {
width: 50%;
}
.post-gallery-col-3 .post-featured-item {
width: 33.33%;
}
.post-gallery-col-4 .post-featured-item {
width: 25%;
}
.post-gallery-col-5 .post-featured-item {
width: 20%;
}
.post-gallery-col-4 .post-two.featured-item {
width: 50%;
}
.post-featured-gallery-wrap {
background-color: rgba(0,0,0,.02);
position: relative;
width: 100%;
} .entry-thumb {
position: relative;
z-index: 2;
}
.entry-thumb-content {
margin-bottom: 15px;
text-align: left;
}
.single .entry-thumb-content {
margin-bottom: 40px;
}
.entry-thumb-content a {
display: block;
}
.entry-thumb .entry-meta {
background-color: #fafafa;
position: absolute;
bottom: -20px;
left: 20px;
}
.single .entry-thumb .entry-meta {
background-color: transparent;
}
.entry-thumb .entry-meta span {
margin-bottom: 0;
}
.entry-thumb .entry-meta .entry-format a {
font-size: 0;
}
.entry-details {
padding: 30px 20px 20px;
}
.has-post-thumbnail .entry-details {
padding-top: 10px;
} .text-hover-presentation .post-featured-gallery-wrap {
overflow: hidden;
}
.text-hover-presentation .post-featured-item.has-post-thumbnail .popup-image:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
background-color: rgba(0,0,0,0.5);
z-index: 1;
height: 100%;
pointer-events: none;
opacity: 0;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
transition: all 6s ease;
}
.text-hover-presentation .post-featured-item.has-post-thumbnail:hover .popup-image:after {
opacity: 1;
}
.text-hover-presentation .post-featured-item .entry-thumb-content img {
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
-ms-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.text-hover-presentation .post-featured-item:hover .entry-thumb-content img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.text-hover-presentation .entry-meta,
.text-hover-presentation .has-post-thumbnail .entry-content {
display: none;
}
.text-hover-presentation .has-post-thumbnail .entry-thumb-content {
margin-bottom: 0;
}
.text-hover-presentation .has-post-thumbnail .entry-details,
.text-hover-presentation .has-post-thumbnail .entry-header {
padding: 0;
}
.text-hover-presentation .has-post-thumbnail .entry-title {
font-size: 18px;
line-height: 25px;
position: absolute;
top: 100%;
width: 100%;
padding: 0 20px;
display: inline-block;
text-align: center;
color: #fff;
transform: scale(0);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
z-index: 99;
}
.text-hover-presentation .post-featured-item:hover .entry-title {
top: 40%;
transform: scale(1);
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
}
.text-hover-presentation .has-post-thumbnail .entry-details .entry-title a {
color: #fff;
} .no-posts-border .post-featured-item {
padding: 0;
}
.no-posts-border {
margin: 0;
} .box-gallery-post {
width: 86%;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
clear: both;
} .widget-popular-posts {
position: relative;
width: 100%;
}
.tf-popular .tf-post {
clear: both;
margin-bottom: 15px;
display: inline-block;
border-bottom: 1px solid rgba(0,0,0,0.1);
padding-bottom: 10px;
width: 100%;
}
.tf-popular .tf-post:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.tf-popular .tf-featured-image {
float: left;
width: 75px;
margin-right: 15px;
margin-bottom: 10px;
}
.tf-popular .has-post-thumbnail .tf-content {
width: calc(100% - 90px);
float: right;
}
.tf-content .tf-title {
font-size: 16px;
line-height: 23px;
margin-bottom: 10px;
}
.tf-entry-meta span {
display: inline-block;
margin-right: 10px;
margin-bottom: 5px;
}
.tf-entry-meta, 
.tf-entry-meta a {
color: #949494;
font-size: 11px;
letter-spacing: 0.2px;
line-height: 20px;
}
.tf-entry-meta .author {
display: none;
} .widget_contact ul li i {
font-size: 13px;
padding-right: 5px;
vertical-align: middle;
}
.widget_contact ul li {
padding: 6px 0 7px 0;
}
.widget_contact ul li a:hover {
color: #fff;
opacity: 0.5;
-moz-opacity: 0.5;
filter:alpha(opacity=50);
} .widget_calendar #wp-calendar {
width: 90%;
margin: 0 auto;
}
.widget_calendar #wp-calendar caption,
.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar td {
text-align: center;
}
.widget_calendar #wp-calendar caption {
font-size: 18px;
padding: 0 0 30px;
text-transform: uppercase;
}
.widget_calendar #wp-calendar th,
.widget_calendar #wp-calendar tfoot td {
background-color: #f4f4f4;
} .widget_posts {
margin-bottom: 30px;
}
.widget_posts .post-title a:hover {
text-decoration: underline;
}
.widget_posts .article-calendar {
font-size: 14px;
} .widget_tag_cloud a {
background-color: #fd513b;
color: #fff;
display: inline-block;
font-size: 13px !important;
font-weight: 300;
margin-bottom: 10px;
margin-right: 5px;
padding: 2px 15px;
}
.widget_tag_cloud a:hover {
background-color: #333;
} .site-info {
background-position: center center;
background-size: cover;
font-size: 14px;
line-height: 1.571;
text-align: center;
}
.site-info .social-links {
float: none;
text-align: center;
}
.site-info .social-links ul {
display: inline-block;
margin-bottom: 5px;
}
.site-info .social-links a {
color: #666;
display: inline-block;
font-size: 16px;
margin: 10px 5px 0;
}
.site-info .social-links a:hover {
background-color: #333;
border-color: transparent;
}
.copyright-wrap {
padding: 30px 0 10px;
}
.site-info .copyright {
color: #666;
font-size: 12px;
line-height: 1.666;
text-align: center;
margin-bottom: 15px;
}
.site-info .copyright a {
color: #848484;
}
.site-info .copyright a:hover {
color: #fd513b;
}
.site-info .copyright a:first-child {
font-size: 14px;
font-weight: bold;
}
.site-info #site-title a,
.site-info #site-description {
color: #333;
text-align: center;
} .googlemaps_widget {
width: 100%;
margin-bottom: 0;
}
.maps-container {
margin: 0;
padding: 0;
height: auto;
position: relative;
border-bottom: 2px solid #ccc;
border-top: 2px solid #ccc;
}
.maps-container:before {
content: "";
background-color: #fd513b;
position: absolute;
height: 100%;
width: 100%;
z-index: 2;
opacity: 0.15;
pointer-events: none;
}
.googlemaps_widget .widget {
margin-bottom: 0;
}
.googlemaps_widget .maps-container .textwidget {
height: 300px;
}
.googlemaps_widget iframe {
width: 100%;
min-height: 300px;
} #colophon p {
margin-bottom: 15px;
}
#colophon {
font-size: 14px;
line-height: 1.500;
}
#colophon .widget-wrap {
color: #484848;
}
#colophon .widget-area {
margin: 0 -15px;
padding: 40px 0 10px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
}
#colophon .widget {
margin-bottom: 10px;
}
#colophon .widget ul li a {
color: #747474;
}
#colophon .widget ul li a:hover {
color: #fd513b;
}
#colophon .widget_categories ul li a,
#colophon .widget_pages ul li a,
#colophon .widget_nav_menu ul li a,
#colophon .widget_recent_entries ul li a,
#colophon .widget_categories ul li a,
#colophon .widget_recent_comments ul li a,
#colophon .widget_meta ul li a,
#colophon .widget_rss ul li a {
display: block;
}
#colophon .widget_categories ul ul li a,
#colophon .widget_pages ul ul li a,
#colophon .widget_nav_menu ul ul li a,
#colophon .widget_recent_entries ul ul li a,
#colophon .widget_categories ul ul li a,
#colophon .widget_recent_comments ul ul li a,
#colophon .widget_meta ul ul li a,
#colophon .widget_rss ul ul li a {
padding-left: 20px;
}
#colophon .widget_categories ul ul ul li a,
#colophon .widget_pages ul ul ul li a,
#colophon .widget_nav_menu ul ul ul li a,
#colophon .widget_recent_entries ul ul ul li a,
#colophon .widget_categories ul ul ul li a,
#colophon .widget_recent_comments ul ul ul li a,
#colophon .widget_meta ul ul ul li a,
#colophon .widget_rss ul ul ul li a {
padding-left: 30px;
}
#colophon .widget-title,
#colophon .widget-title a {
color: #222;
font-size: 16px;
line-height: 1.437;
padding-bottom: 15px;
}
.widget_search .widget-title {
display: none;
}
.widget_rss ul li {
display: block;
padding: 10px 0;
}
.widget_meta ul li,
.widget_recent_comments ul li,
.widget_categories ul li,
.widget_recent_entries ul li,
.widget_archive ul li {
display: block;
padding: 6px 0 7px;
position: relative;
}
.widget_recent_entries span {
display: block;
}
.widget_text .textwidget li {
margin-bottom: 10px;
}
#secondary .widget_media_image {
text-align: center;
}
#colophon .widget_posts .post-title {
font-size: 15px;
line-height: 1.467;
padding-bottom: 0;
} .column-4 {
float: left;
padding: 0 15px 40px;
}
.column-4 {
width: 25%;
}
.column-4:nth-child(4n+5) {
clear: both;
}
#colophon .column-4 {
margin-bottom: 30px;
padding: 0 15px;
display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-direction: normal;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
}
#colophon #site-branding {
float: none;
margin: 0;
text-align: center;
} #footer-navigation {
float: right;
margin-bottom: 15px;
text-align: center;
}
#footer-navigation a:hover{
color: #fd513b;
}
#footer-navigation a {
color: #666;
float: left;
font-size: 11px;
font-weight: 400;
padding: 0 15px;
}
#footer-navigation ul li:after {
content: '|';
color: #666666;
font-size: 11px;
vertical-align: top;
}
#footer-navigation ul li:last-child:after {
content: none;
}
#footer-navigation ul li {
position: relative;
display: inline-block;
}
#footer-navigation .sub-menu {
display: inline-block;
} .vid-thumb .top-header,
.sld-plus .top-header {
position: absolute;
top: 0;
left: 0;
z-index: 9;
width: 100%;
}
.vid-thumb-bg {
background-position: center center;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100vh;
position: relative;
}
.vid-thumb-content {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto;
max-width: 60%;
}
.movie .vid-thumb-content {
left: 60px;
right: auto;
text-align: left;
bottom: 50px;
max-width: 40%;
top: auto;
transform: none;
}
.vid-thumb-content .vid-thumb-title, 
.vid-thumb-content .vid-thumb-title a {
color: #fff;
font-size: 46px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 6px;
}
.movie .vid-thumb-content .vid-thumb-title, 
.movie .vid-thumb-content .vid-thumb-title a {
font-size: 28px;
line-height: 1.25;
}
.vid-thumb-content .vid-thumb-text {
color: #fff;
font-size: 24px;
font-weight: 300;
line-height: 1.4;
margin-bottom: 10px;
}
.movie .vid-thumb-content .vid-thumb-text {
font-size: 18px;
font-weight: 300;
line-height: 1.4;
}
.jarallax-video-pause {
background-color: transparent;
border: none;
position: absolute;
bottom: 60px;
right: 50px;
color: #fff;
cursor: pointer;
text-align: left;
font-size: 30px;
line-height: 30px;
height: 38px;
width: 38px;
opacity: 0.5;
z-index: 99;
}
.scroll-down {
background-color: transparent;
border: none;
display: none;
font-size: 0px;
}
.vid-thumb .scroll-down,
.sld-plus .scroll-down {
display: block;
}
.scroll-down span {
position: absolute;
bottom: 50px;
left: 50%;
width: 24px;
height: 24px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-animation: tf15 2s infinite;
animation: tf15 2s infinite;
opacity: 0;
box-sizing: border-box;
cursor: pointer;
z-index: 2;
}
.scroll-down span:nth-of-type(1) {
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.scroll-down span:nth-of-type(2) {
bottom: 66px;
-webkit-animation-delay: .15s;
animation-delay: .15s;
}
.scroll-down span:nth-of-type(3) {
bottom: 82px;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes tf15 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes tf15 {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
} .about-template .about-contant,
.contact-template .contact-content {
background-attachment: fixed;
background-color: #747474;
background-position: center center;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 600px;
position: relative;
}
.about-template .about-contant.has-post-thumbnail #primary {
width: 50%;
float: right;
padding-right: 0;
margin: 50px 0;
}
.about-template .about-contant #primary {
width: 50%;
float: none;
padding: 50px 0;
margin: 0 auto;
}
.contact-template .contact-content .wrap {
padding: 100px 0;
width: 70%;
}
.contact-template #primary {
width: 60%;
}
.contact-template #secondary {
border: none;
margin-top: 100px;
width: 40%;
}
.about-template .about-contant #primary h1, 
.about-template .about-contant #primary h2, 
.about-template .about-contant #primary h3, 
.about-template .about-contant #primary h4, 
.about-template .about-contant #primary h5, 
.about-template .about-contant #primary h6,
.about-template .about-contant #primary h1 a, 
.about-template .about-contant #primary h2 a, 
.about-template .about-contant #primary h3 a, 
.about-template .about-contant #primary h4 a, 
.about-template .about-contant #primary h5 a, 
.about-template .about-contant #primary h6 a,
.about-template .about-contant #primary p,
.about-template .about-contant .breadcrumb,
.about-template .about-contant .breadcrumb a,
.contact-template .contact-content #primary h1, 
.contact-template .contact-content #primary h2, 
.contact-template .contact-content #primary h3, 
.contact-template .contact-content #primary h4, 
.contact-template .contact-content #primary h5, 
.contact-template .contact-content #primary h6,
.contact-template .contact-content #primary h1 a, 
.contact-template .contact-content #primary h2 a, 
.contact-template .contact-content #primary h3 a, 
.contact-template .contact-content #primary h4 a, 
.contact-template .contact-content #primary h5 a, 
.contact-template .contact-content #primary h6 a,
.contact-template .contact-content #primary p,
.contact-template .contact-content .breadcrumb,
.contact-template .contact-content .breadcrumb a,
.contact-template .contact-content #secondary .widget,
.contact-template .contact-content #secondary .widget-title,
.contact-template .contact-content #secondary .widget ul li a  {
color: #fff;
}
.contact-template #secondary .widget-title:before {
content: none;
}
.contact-template input[type="text"], 
.contact-template input[type="email"], 
.contact-template input[type="url"], 
.contact-template input[type="tel"], 
.contact-template input[type="number"], 
.contact-template input[type="date"], 
.contact-template input[type="search"], 
.contact-template input[type="password"], 
.contact-template textarea {
border: 1px solid #ccc;
border-radius: 0;
background-color: transparent;
margin-top: 10px;
}
.contact-template input,
.contact-template textarea {
color: #fff;
}
.contact-template #content,
.about-template #content {
padding: 0;
}
.about-template .page-header,
.contact-template .page-header {
background-color: transparent;
padding: 0;
margin-bottom: 40px;
}
.about-template .page-title,
.contact-template .page-title {
font-size: 30px;
} .main-slider {
clear: both;
position: relative;
}
.main-slider .layer-slider,
.main-slider .multi-slider {
height: 100%;
position: relative;
}
.layer-slider .slides > li {
display: none;
-webkit-backface-visibility: hidden;
}
html[xmlns] .layer-slider .slides {
display: block;
}
* html .layer-slider .slides {
height: 1%;
}
.layer-slider .slides > li:first-child {
display: block;
}
.main-slider .image-slider {
background-position: center center;
background-size: cover;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100vh;
position: relative;
}
.boxed-layout-small .main-slider .image-slider {
min-height: 500px;
}
.slider-content {
position: absolute;
left: 0;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0 auto;
max-width: 60%;
}
.slider-content .slider-title, 
.slider-content .slider-title a {
color: #fff;
font-size: 46px;
font-weight: 600;
line-height: 1.25;
margin-bottom: 6px;
}
.slider-content .slider-title a:hover {
color: #fff;
opacity: 0.7;
}
.slider-content .slider-text {
color: #fff;
font-size: 24px;
font-weight: 300;
line-height: 1.4;
margin-bottom: 10px;
}  .animation-bottom .layer-slider li .slider-title,
.animation-bottom .layer-slider li .slider-text {
-webkit-animation-duration: .1s;
animation-duration: .1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeOutBottom;
animation-name: fadeOutBottom;
}
.animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-title,
.animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-text {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: fadeInBottom;
animation-name: fadeInBottom;
}
.animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-title {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.animation-bottom .layer-slider li.flex-active-slide .slider-content .slider-text {
-webkit-animation-delay: 1s;
animation-delay: 1s;
} @-webkit-keyframes fadeInBottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInBottom {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@-webkit-keyframes fadeOutBottom {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutBottom {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, 100%, 0);
}
} .main-slider .flex-direction-nav {
right: 50px;
bottom: 50px;
position: absolute;
z-index: 2;
}
.main-slider .flex-direction-nav li {
border: 1px solid #fff;
display: block;
float: left;
font-size: 0;
height: 45px;
outline: medium none;
text-align: left;
width: 45px;
z-index: 99;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.main-slider .flex-direction-nav li:hover {
background-color: #fff;
}
.main-slider .flex-direction-nav a:before {
-webkit-transform: translateX(-50%) rotate(30deg);
-moz-transform: translateX(-50%) rotate(30deg);
-ms-transform: translateX(-50%) rotate(30deg);
-o-transform: translateX(-50%) rotate(30deg);
transform: translateX(-50%) rotate(30deg);
transform-origin: 0 100% 0;
}
.main-slider .flex-direction-nav a:before,
.main-slider .flex-direction-nav a:after {
backface-visibility: hidden;
background-color: #fff;
content: "";
height: 50%;
left: 38%;
position: absolute;
-webkit-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
-moz-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
-o-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
-ms-transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
transition: transform 0.3s ease 0s, background-color 0.3s ease 0s;
width: 1px;
}
.main-slider .flex-direction-nav li:hover a:before,
.main-slider .flex-direction-nav li:hover a:after {
background-color: #333;
}
.main-slider .flex-direction-nav a:after {
top: 50%;
-webkit-transform: translateX(-50%) rotate(-30deg);
-moz-transform: translateX(-50%) rotate(-30deg);
-ms-transform: translateX(-50%) rotate(-30deg);
-o-transform: translateX(-50%) rotate(-30deg);
transform: translateX(-50%) rotate(-30deg);
transform-origin: 0 0 0;
}
.main-slider .flex-direction-nav a {
display: block;
height: 30px;
position: relative;
top: 6px;
}
.main-slider .flex-direction-nav li.flex-nav-next {
margin-left: -1px;
}
.main-slider .flex-direction-nav li.flex-nav-next a {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
} .main-slider .flex-control-nav {
text-align: right;
line-height: 0;
position: absolute;
bottom: 30px;
z-index: 2;
left: 50px;
-webkit-transition: all 500ms ease-out;
-moz-transition: all 500ms ease-out;
-o-transition: all 500ms ease-out;
-ms-transition: all 500ms ease-out;
transition: all 500ms ease-out;
}
.main-slider .flex-control-nav li {
display: inline-block;
}
.main-slider .flex-control-nav li a {
background-color: rgba(255, 255, 255, 0.4);
cursor: pointer;
display: inline-block;
font-size: 0;
height: 10px;
margin-right: 5px;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity=80);
text-align: center;
vertical-align: middle;
width: 10px;
-webkit-transition: background .3s ease;
-moz-transition: background .3s ease;
-o-transition: background .3s ease;
-ms-transition: background .3s ease;
transition: background .3s ease;
}
.main-slider .flex-control-nav a.flex-active, 
.main-slider .flex-control-nav a:hover {
background-color: #fff;
height: 12px;
width: 12px;
}  .top-logo-title .main-header {
display: block;
}
.top-logo-title #site-branding {
float: none;
margin-left: 0;
text-align: center;
}
.top-logo-title #site-navigation {
float: none;
}
.top-logo-title #site-detail {
display: block;
text-align: center;
padding: 0;
margin: 10px 0;
}
.top-logo-title .right-toggle {
margin-right: 0;
float: right;
display: inline-block;
top: 80px;
position: absolute;
right: 50px;
} #bbpress-forums,
div.bbp-breadcrumb, div.bbp-topic-tags,
div.bbp-template-notice p,
#bbpress-forums .bbp-topic-content ul.bbp-topic-revision-log, 
#bbpress-forums .bbp-reply-content ul.bbp-topic-revision-log, 
#bbpress-forums .bbp-reply-content ul.bbp-reply-revision-log {
font-size: 14px;
}
#bbpress-forums p.bbp-topic-meta img.avatar, 
#bbpress-forums ul.bbp-reply-revision-log img.avatar, 
#bbpress-forums ul.bbp-topic-revision-log img.avatar, 
#bbpress-forums div.bbp-template-notice img.avatar, 
#bbpress-forums .widget_display_topics img.avatar, 
#bbpress-forums .widget_display_replies img.avatar, 
#bbpress-forums p.bbp-topic-meta img.avatar {
border: 0;
float: none;
margin-bottom: 2px;
margin-right: 1px;
}
.bbp-pagination {
text-align: right;
}
.bbp-pagination-count {
float: none;
}
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-topics,
#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results {
font-size: 14px;
overflow: hidden;
border: 1px solid #ddd;
margin-bottom: 20px;
clear: both;
}
#bbpress-forums li.bbp-header,
#bbpress-forums li.bbp-footer {
background: #f4f4f4;
border: none;
font-weight: 700;
text-align: center;
padding: 15px 18px 15px 18px;
}
#bbpress-forums li.bbp-footer {
padding: 8px;
border-top: 1px solid #ddd;
}
#bbpress-forums .bbp-topics a {
color: #333;
}
#bbpress-forums .bbp-topics a:hover {
color: #fd513b;
}
#bbpress-forums li.bbp-body ul.forum, 
#bbpress-forums li.bbp-body ul.topic {
border-top: 1px solid #ddd;
}
#bbpress-forums li.bbp-header ul {
font-size: 16px;
}
#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
font-size: 14px;
padding: 12px 0 10px 18px;	
}
#bbpress-forums .bbp-forum-info .bbp-forum-content,
#bbpress-forums p.bbp-topic-meta {
font-size: 14px;
margin: 5px 0 5px;
padding: 0;
word-wrap: break-word;
}
div.bbp-template-notice.info {
color: #1891a8;
}
div.bbp-template-notice.info a {
color: #1891a8;
font-weight: 400;
}
#bbpress-forums p.bbp-topic-meta img.avatar {
width:25px;
height:25px;
}
#bbpress-forums fieldset.bbp-form {
border: none;
padding: 0;
}
#bbpress-forums fieldset.bbp-form legend {
font-size: 15px;
font-weight: 700;
padding: 0 0 10px;
}
div.bbp-template-notice, div.indicator-hint {
background: #f4f4f4;
border: 1px solid #ddd;
padding: 15px 20px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
#bbpress-forums .wp-editor-container, 
#wp-bbp_topic_content-editor-container, 
#wp-bbp_reply_content-editor-container {
border: 1px solid #ddd;
}
#wp-bbp_topic_content-editor-container textarea {
background-color: transparent;
}
.bbp-topic-form input#bbp_topic_title, 
.bbp-topic-form input#bbp_topic_tags,
.bbp-topic-form select#bbp_stick_topic_select, 
.bbp-topic-form select#bbp_topic_status_select { 
color: #AAA9A9;
background-color: #ffffff;
border: 1px solid #ddd;
-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.1) inset;
-moz-box-shadow:	0 1px 5px rgba(0, 0, 0, 0.1) inset;
box-shadow:	0 1px 5px rgba(0, 0, 0, 0.1) inset;
color: #747474;
font-size: 13px;
padding: 8px 2%;
}
.bbp-submit-wrapper button.submit {
border: 1px solid #fd513b;
background-color: #fd513b;
color: #fff;
padding: 8px 30px;
font-size: 15px;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.bbp-submit-wrapper button.submit:hover {
background-color: #ddd;
border: 1px solid #ccc;
color: #666;
cursor: pointer;
}
.bbp-search-form input[type="submit"] {
display: inline-block;
height: 45px;
margin: 0 0 0 -4px;
}
div.bbp-template-notice, div.indicator-hint {
color: #ed1c24;
}
@media only screen and (max-width: 480px) {
.bbp-search-form input[type="submit"] {
height: 29px;
}
} .woocommerce #main .page-title {
display: none;
}
.woocommerce-ordering .orderby {
background-color: #fafafa;
border: 1px solid rgba(0, 0, 0, 0.1);
padding: 5px;
}
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button {
background-color: #fd513b;
color: #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
font-size: 14px;
font-weight: 400;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
background-color: #fd513b;
color: #fff;
-ms-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
background-color: #999;
color: #fff;
}
.woocommerce .quantity .qty {
height: 34px;
}
.woocommerce span.onsale {
background-color: #2eb851;
font-size: 14px;
font-weight: 500;
left: -20px;
min-height: 4em;
min-width: 4em;
padding: 0.402em;
top: -20px;
}
.woocommerce ul.products li.product .onsale {
margin: -1em -1em 0 0;
}
.woocommerce ul.products li.product h3 {
font-size: 1.2em;
}
.woocommerce ul.products li.product .price {
font-size: 1em;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
color: #747474;
}
.woocommerce ul.products li.product .price {
color: #747474;
}
.woocommerce div.product .woocommerce-tabs .panel {
padding-top: 20px;
}
.woocommerce-demo-store p.demo_store {
background-color: #fd513b;
}
.woocommerce #content table.cart td.actions .input-text, 
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, 
.woocommerce-page table.cart td.actions .input-text {
width: auto;
}
.woocommerce .woocommerce-message:before {
color: #fd513b;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 10px 6px 12px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
padding: 15px;
}
.woocommerce table.shop_table td {
padding: 12px;
border-top: 0;
}
.woocommerce table.shop_table {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text,
.woocommerce div.product .woocommerce-tabs ul.tabs li {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after, 
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
}
.woocommerce nav.woocommerce-pagination ul li a, 
.woocommerce nav.woocommerce-pagination ul li span {
padding: 0.5em 0.8em;
}
.woocommerce .woocommerce-ordering, 
.woocommerce .woocommerce-result-count {
margin: 0 0 3em;
}
.woocommerce ul.products li.product a img {
border: 1px solid #ddd;
margin: 0;
}
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
background-color: #2eb851;
}
.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
background-color: #008922;
}
.woocommerce .star-rating,
.comment-form-rating .stars span a {
color: #f9b91e;
}
.woocommerce .woocommerce-product-search input.search-field {
width: calc(100% - 95px);
}
.woocommerce .woocommerce-product-search button[type="submit"] {
cursor: pointer;
height: 40px;
padding: 0 15px;
margin-left: -1px;
}
.woocommerce .tagcloud a {
border: 1px solid #ddd;
display: inline-block;
margin: 0 2px 6px 0;
padding: 3px 10px;
}
.woocommerce-review-link {
color: #747474;
}
#main .woocommerce-MyAccount-navigation > ul {
list-style: none;
}
.woocommerce-MyAccount-navigation ul li > a {
border: 1px solid #e4e4e4;
display: block;
height: 100%;
margin-bottom: -1px;
padding: 8px;
width: 100%;
}
.woocommerce-MyAccount-navigation ul li > a:hover,
.woocommerce-MyAccount-navigation ul li.is-active {
background-color: #f8f8f8;
}
.related.products {
display: inline-block;
}
.woocommerce nav.woocommerce-pagination {
display: inline-block;
margin-bottom: 40px;
width: 100%;
}
.woocommerce-pagination .page-numbers {
outline: none;
}
.woocommerce .single-featured-image-header {
display: none;
}
@media only screen and (max-width: 767px) {
.woocommerce span.onsale {
left: 0;
}
.woocommerce ul.products li.product .onsale {
margin: -0.6em -0.6em 0 0;
}
} @media only screen and (max-width: 800px) {
#infinite-handle {
clear: both;
display: block;
}
} .rpwwt-widget ul li {
margin: 0 0 5px !important;
}
.rpwwt-post-author {
color: #747474;
}
.rpwwt-post-date {
color: #949494;
font-size: 13px;
font-style: italic;
} @media print { form,
button,
input,
select,
textarea,
.social-links,
.header-search,
.flex-direction-nav,
.flex-control-nav,
.feature-icon,
.portfolio-img,
.portfolio-title-bg,
.about-image,
.team-content-wrap img,
.testimonial-wrap img,
.client-content-box,
.latest-blog-image,
.fact-figure-box .btn-default,
#secondary,
.custom-logo,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer .widget-area,
.site-info {
display: none !important;
}
.latest-blog-text {
padding: 30px;
}
.our-feature-box,
.about-box-bg,
.fact-figure-bg,
.portfolio-box,
.testimonial-bg,
.latest-blog-box,
.team-member-box {
padding: 0;
}
.about-box .two-column {
width: 100%;
} body {
font-family: "Montserrat", sans-serif;
font-size: 12pt;
}
h1 {
font-size: 24pt;
}
h2 {
font-size: 22pt;
}
h3 {
font-size: 17pt;
}
h4 {
font-size: 12pt;
}
h5 {
font-size: 11pt;
}
h6 {
font-size: 12pt;
}
.page .panel-content .entry-title,
.page-title {
font-size: 10pt;
} .wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
} .site-header {
background: transparent;
padding: 0;
}
.custom-header-media {
padding: 0;
}
.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important; }
.site-title {
font-size: 25pt;
}
.site-description {
font-size: 12pt;
opacity: 1;
} .single-featured-image-header {
background: transparent;
}
.entry-meta {
font-size: 9pt;
} body,
.site {
background: none !important; }
body,
a,
.site-title a {
color: #222 !important; }
h2,
h5,
blockquote,
.site-description,
.entry-meta,
.entry-meta a {
color: #777 !important; }
.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}
.site-footer {
padding: 0;
}
}
.faq-Sec .elementor-accordion .elementor-accordion-item:first-child {
display: none;
}
.faq-Sec .elementor-tab-title{
border-radius: 6px;
}
.copyright-Txt a{
font-weight: 600;
font-size: 17px;
color: #9d233a;
}
#six-storage-tenant-details .six-storage-invalid-feedback {
font-family: sans-serif;
}