.rt_svg_div {
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
}
.radiantthemes_avatar {
width: 435px;
overflow: hidden;
transform: translateX(0px);
animation: float 6s ease-in-out infinite;
}
.radiantthemes_avatar images {
width: 100%;
height: auto;
}
@keyframes float {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
}
}
.radiantthemes_avatar2 {
width: 435px;
overflow: hidden;
transform: translateX(0px);
animation: float2 6s ease-in-out infinite;
}
.radiantthemes_avatar2 images {
width: 100%;
height: auto;
}
@keyframes float2 {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
}
}
.radiantthemes_avatar3 {
width: 350px;
overflow: hidden;
transform: translateY(0px);
animation: float3 6s ease-in-out infinite;
}
.radiantthemes_avatar3 images {
width: 100%;
height: auto;
}
@keyframes float3 {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
.vertical_anim1 {
position: absolute;
left: 45%;
top: -20px;
z-index: 9999;
width: 75%;
}
.vertical_anim1 images {
width: 100%;
}
.vertical_anim2 {
position: absolute;
right: 40%;
top: 6px;
z-index: 9999;
width: 60%;
}
.vertical_anim2 images {
width: 100%;
}
.vertical_anim3 {
position: absolute;
right: 17%;
top: 40%;
z-index: 9999;
width: 60%;
}
.vertical_anim3 images {
width: 100%;
}
.radiantthemes_avatar4 {
width: 350px;
overflow: hidden;
transform: translateY(0px);
animation: float4 8s ease-in-out infinite;
}
.radiantthemes_avatar4 images {
width: 100%;
height: auto;
}
@keyframes float4 {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
}
}  .radiantthemes-accordion.element-one .radiantthemes-accordion-item {
border-bottom: 1px rgba(0, 0, 0, 0.07) solid;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item:last-child, .radiantthemes-accordion.element-one .radiantthemes-accordion-item:only-child {
border-bottom: none;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item>.radiantthemes-accordion-item-title {
position: relative;
padding-top: 23px;
padding-right: 50px;
padding-bottom: 25px;
cursor: pointer;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon {
position: absolute;
top: 20px;
right: 0;
z-index: 1;
width: 32px;
height: 32px;
border: 1px #030712 solid;
border-radius: 50%;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon i.main-icon:before {
font-family: "themify";
content: "\e61a";
font-size: 15px;
color: #030712;
line-height: 30px;
font-style: normal;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.panel-title {
margin: 0;
font-weight: 700;
font-size: 20px;
color: #1e1e1e;
line-height: 27px;
letter-spacing: -0.6px;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item>.radiantthemes-accordion-item-body {
padding-bottom: 25px;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item>.radiantthemes-accordion-item-body>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item>.radiantthemes-accordion-item-body p {
margin-bottom: 17px;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item.radiantthemes-active>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon i.main-icon:before {
content: "\e622";
color: #fff !important;
} .radiantthemes-accordion.element-two .radiantthemes-accordion-item {
margin-bottom: 20px;
padding-top: 16px;
padding-right: 20px;
padding-bottom: 18px;
padding-left: 24px;
border: 1px #ddd solid;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item:last-child, .radiantthemes-accordion.element-two .radiantthemes-accordion-item:only-child {
margin-bottom: 0;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active {
border-color: transparent;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-title {
position: relative;
padding-right: 35px;
cursor: pointer;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon {
position: absolute;
top: 4px;
right: 0;
z-index: 1;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line {
position: relative;
display: block;
width: 20px;
height: 20px;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:before, .radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:after {
position: absolute;
top: calc(50% - 1px);
width: 100%;
height: 2px;
z-index: 0;
content: " ";
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:after {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.panel-title {
margin: 0;
font-weight: 600;
font-size: 18px;
color: #3b3b3b;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-body {
padding-top: 11px;
padding-right: 35px;
padding-bottom: 0;
font-size: 16px;
color: #fff;
line-height: 30px;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-body>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item>.radiantthemes-accordion-item-body p {
margin-bottom: 17px;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:before {
background-color: #fff !important;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:after {
opacity: 0;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active>.radiantthemes-accordion-item-title>.panel-title {
color: #fff;
} .radiantthemes-accordion.element-three .radiantthemes-accordion-item {
margin-bottom: 0;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active {
border-color: transparent;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-title {
position: relative;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 0;
border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon {
position: absolute;
top: 24px;
right: 1px;
z-index: 1;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line {
position: relative;
display: block;
width: 10px;
height: 10px;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:before, .radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:after {
position: absolute;
top: calc(50% - 1px);
width: 100%;
height: 2px;
z-index: 0;
content: " ";
background-color: #fff;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:after {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.panel-title {
margin: 0;
font-weight: 600;
font-size: 16px;
color: #fff;
line-height: 27px;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-body {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
font-size: 16px;
color: #fff;
line-height: 30px;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item>.radiantthemes-accordion-item-body>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active>.radiantthemes-accordion-item-title { }
.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon>.line:after {
opacity: 0;
} .radiantthemes-accordion.element-four .radiantthemes-accordion-item:last-child, .radiantthemes-accordion.element-four .radiantthemes-accordion-item:only-child {
border-bottom: none;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item>.radiantthemes-accordion-item-title {
position: relative;
padding-top: 22px;
padding-right: 30px;
padding-bottom: 22px;
border-top: 2px rgba(0, 0, 0, 0.1) dotted;
cursor: pointer;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon {
position: absolute;
top: 22px;
right: 0;
z-index: 1;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon i.main-icon:before {
font-family: "themify";
content: "\e64b";
font-size: 15px;
color: #000;
line-height: 1;
font-style: normal;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item>.radiantthemes-accordion-item-title>.panel-title {
margin: 0;
text-transform: uppercase;
font-weight: 500;
font-size: 17px;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item>.radiantthemes-accordion-item-body {
border-top: 2px rgba(0, 0, 0, 0.1) dotted;
padding-top: 25px;
padding-bottom: 25px;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item>.radiantthemes-accordion-item-body>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item>.radiantthemes-accordion-item-body p {
margin-bottom: 17px;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item.radiantthemes-active>.radiantthemes-accordion-item-title>.radiantthemes-accordion-item-title-icon i.main-icon:before {
content: "\e648";
} .radiantthemes-accordion.element-five {
background-color: #fff;
width: 100%;
margin: 0 auto;
}
.radiantthemes-accordion.element-five .accord_bdy {
padding: 0;
}
.radiantthemes-accordion.element-five .accord_bx_sec {
padding: 0 70px 35px 0px;
}
.radiantthemes-accordion.element-five .title {
height: 40px;
background: #6bb170;
color: white;
text-align: center;
padding-top: 13px;
}
.radiantthemes-accordion.element-five .ques_bx {
margin: 0;
padding: 0;
}
.radiantthemes-accordion.element-five .ques_bx li {
padding: 10px 0;
float: left;
width: 100%;
}
.radiantthemes-accordion.element-five .ques_bx li.question {
font-weight: bold;
cursor: pointer;
}
.radiantthemes-accordion.element-five .ques_bx li.a {
display: none;
color: #555759;
}
.radiantthemes-accordion.element-five .ques_bx li p {
margin-bottom: 0;
}
.radiantthemes-accordion.element-five .plus {
opacity: 1;
font-size: 1.3em;
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin-left: 10px;
margin-top: -2px;
float: right;
}
.radiantthemes-accordion.element-five .plus::after, .radiantthemes-accordion.element-five .plus::before {
content: "" !important;
background: currentColor;
height: 2px;
width: 16px;
display: block;
position: absolute;
top: 50%;
left: 0;
transition: transform .3s ease-out;
}
.radiantthemes-accordion.element-five .plus::after {
transform: rotate(90deg);
}
.radiantthemes-accordion.element-five .text {
float: left;
color: #555759;
font-weight: 600;
margin-right:10px;
}
.radiantthemes-accordion.element-five .minus {
opacity: 1;
font-size: 1.3em;
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin-left: 10px;
float: right;
}
.radiantthemes-accordion.element-five .minus::before {
transform: rotate(135deg);
}
.radiantthemes-accordion.element-five .minus::after {
transform: rotate(45deg);
} @media screen and (min-width:321px) and (max-width:479px) {
.radiantthemes-accordion.element-five .minus {
top: 22px;
right: -15px;
}
.radiantthemes-accordion.element-five .plus {
top: 22px;
right: -15px;
}
} @media screen and (max-width:320px) {
.radiantthemes-accordion.element-five .minus {
top: 22px;
right: -15px;
}
.radiantthemes-accordion.element-five .plus {
top: 22px;
right: -15px;
}
} .radiantthemes-alert-box.element-one {
position: relative;
margin: 0;
padding: 13px 35px 12px 45px;
border-width: 1px;
border-style: solid;
border-radius: 3px;
text-align: left;
font-size: 14px;
line-height: 26px;
}
.radiantthemes-alert-box.element-one.alert-info {
background-color: #e8f3fa;
border-color: #c6dfef;
color: #3097db;
}
.radiantthemes-alert-box.element-one.alert-success {
background-color: #e0f2e0;
border-color: #c4e7c4;
color: #00a500;
}
.radiantthemes-alert-box.element-one.alert-warning {
background-color: #f9ebc8;
border-color: #f4d29c;
color: #df8c16;
}
.radiantthemes-alert-box.element-one.alert-danger {
background-color: #fce4e4;
border-color: #eec1c1;
color: #fb5455;
}
.radiantthemes-alert-box.element-one>.close {
position: absolute;
top: 13px;
right: 15px;
z-index: 1;
opacity: 1;
color: inherit;
}
.radiantthemes-alert-box.element-one>.close i {
font-size: 15px;
line-height: 15px;
}
.radiantthemes-alert-box.element-one>.icon {
position: absolute;
top: 50%;
left: 15px;
z-index: 1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.radiantthemes-alert-box.element-one>.icon i {
width: 16px;
text-align: center;
font-size: 16px;
line-height: 16px;
}
.radiantthemes-alert-box.element-one>strong {
font-weight: 600;
} .radiantthemes-alert-box.element-two {
position: relative;
margin: 0;
padding: 13px 35px 12px 45px;
border-width: 1px;
border-bottom-width: 6px;
border-style: solid;
border-radius: 3px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
text-align: left;
font-size: 14px;
line-height: 26px;
}
.radiantthemes-alert-box.element-two.alert-info {
background-color: #e8f3fa;
border-color: #c6dfef;
color: #3097db;
}
.radiantthemes-alert-box.element-two.alert-success {
background-color: #e0f2e0;
border-color: #c4e7c4;
color: #00a500;
}
.radiantthemes-alert-box.element-two.alert-warning {
background-color: #f9ebc8;
border-color: #f4d29c;
color: #df8c16;
}
.radiantthemes-alert-box.element-two.alert-danger {
background-color: #fce4e4;
border-color: #eec1c1;
color: #fb5455;
}
.radiantthemes-alert-box.element-two>.close {
position: absolute;
top: 13px;
right: 15px;
z-index: 1;
opacity: 1;
color: inherit;
}
.radiantthemes-alert-box.element-two>.close i {
font-size: 15px;
line-height: 15px;
}
.radiantthemes-alert-box.element-two>.icon {
position: absolute;
top: 50%;
left: 15px;
z-index: 1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.radiantthemes-alert-box.element-two>.icon i {
width: 16px;
text-align: center;
font-size: 16px;
line-height: 16px;
}
.radiantthemes-alert-box.element-two>strong {
font-weight: 600;
} .rt-animated-link.element-one {
text-align: center;
}
.rt-animated-link.element-one>.holder {
position: relative;
display: inline-block;
vertical-align: top;
border: 2px rgba(0, 0, 0, 0.17) solid;
}
.rt-animated-link.element-one>.holder:before {
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
z-index: 0;
content: " ";
border-width: 2px;
border-style: solid;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-animated-link.element-one>.holder:hover:before {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.rt-animated-link.element-one>.holder>.main-link {
position: relative;
display: block;
padding: 8px 20px 9px 20px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
} .rt-animated-link.element-two>.holder {
text-align: center;
}
.rt-animated-link.element-two>.holder>.main-link {
position: relative;
display: inline-block;
vertical-align: top;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-two>.holder>.main-link:before, .rt-animated-link.element-two>.holder>.main-link:after {
position: absolute;
top: -1px;
z-index: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-two>.holder>.main-link:hover:before, .rt-animated-link.element-two>.holder>.main-link:hover:after {
opacity: 1;
visibility: visible;
}
.rt-animated-link.element-two>.holder>.main-link:before {
left: 0;
content: "[";
}
.rt-animated-link.element-two>.holder>.main-link:hover:before {
left: -20px;
}
.rt-animated-link.element-two>.holder>.main-link:after {
right: 0;
content: "]";
}
.rt-animated-link.element-two>.holder>.main-link:hover:after {
right: -20px;
} .rt-animated-link.element-three>.holder {
text-align: center;
}
.rt-animated-link.element-three>.holder>.main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-top: 10px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-three>.holder>.main-link:before {
position: absolute;
top: -10px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-three>.holder>.main-link:hover:before {
top: 0;
opacity: 1;
visibility: visible;
} .rt-animated-link.element-four>.holder {
text-align: center;
}
.rt-animated-link.element-four>.holder>.main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-bottom: 10px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-four>.holder>.main-link:before {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-four>.holder>.main-link:hover:before {
bottom: 0;
opacity: 1;
visibility: visible;
} .rt-animated-link.element-five>.holder {
text-align: center;
}
.rt-animated-link.element-five>.holder>.main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-five>.holder>.main-link:before {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-five>.holder>.main-link:hover:before {
top: 0;
opacity: 1;
visibility: visible;
}
.rt-animated-link.element-five>.holder>.main-link:after {
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
z-index: 0;
content: " ";
height: 1px;
background-color: #1d4fce;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-five>.holder>.main-link:hover:after {
left: 0;
right: 0;
} .rt-animated-link.element-six>.holder {
text-align: center;
}
.rt-animated-link.element-six>.holder>.main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-bottom: 10px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-six>.holder>.main-link>.dot-holder {
position: absolute;
bottom: 0;
left: 50%;
z-index: 0;
height: 4px;
opacity: 0;
visibility: hidden;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-six>.holder>.main-link:hover>.dot-holder {
opacity: 1;
visibility: visible;
}
.rt-animated-link.element-six>.holder>.main-link>.dot-holder>.dots {
display: inline-block;
vertical-align: top;
width: 4px;
height: 4px;
margin-left: 0;
margin-right: 0;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-six>.holder>.main-link:hover>.dot-holder>.dots {
margin-left: 3px;
margin-right: 3px;
} .rt-animated-link.element-seven>.holder {
text-align: center;
}
.rt-animated-link.element-seven>.holder>.main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-seven>.holder>.main-link:before, .rt-animated-link.element-seven>.holder>.main-link:after {
position: absolute;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 2px;
opacity: 0.8;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-seven>.holder>.main-link:before {
top: 0;
}
.rt-animated-link.element-seven>.holder>.main-link:after {
bottom: 0;
}
.rt-animated-link.element-seven>.holder>.main-link:hover:before, .rt-animated-link.element-seven>.holder>.main-link:hover:after {
opacity: 0.4;
}
.rt-animated-link.element-seven>.holder>.main-link:hover:before {
top: 50%;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.rt-animated-link.element-seven>.holder>.main-link:hover:after {
bottom: 50%;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
} .rt-animated-link.element-eight {
text-align: center;
}
.rt-animated-link.element-eight>.holder {
position: relative;
display: inline-block;
vertical-align: top;
perspective: 800px;
text-align: center;
}
.rt-animated-link.element-eight>.holder>.main-link-fliper, .rt-animated-link.element-eight>.holder>.main-link {
display: block;
padding: 10px 20px 10px 20px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-eight>.holder>.main-link-fliper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: block;
color: #fff;
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform: rotateX(268deg);
-webkit-transform: rotateX(268deg);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-animated-link.element-eight>.holder:hover>.main-link-fliper {
transform: rotateX(0);
-webkit-transform: rotateX(0);
}
.rt-animated-link.element-eight>.holder>.main-link {
background-color: rgba(0, 0, 0, 0.1);
border-top: 2px rgba(0, 0, 0, 0.7) solid;
} .rt-beforeafter.element-one {
position: relative;
overflow: hidden;
}
.rt-beforeafter.element-one images {
width: 100%;
display: block;
max-width: none;
}
.rt-beforeafter.element-one .resize {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}
.rt-beforeafter.element-one .handle {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
margin-left: -1px;
background: white;
cursor: ew-resize;
}
.rt-beforeafter.element-one .handle:after {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
margin-top: -22px;
margin-left: -22px;
content: " ";
background: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/beforeafter-element-one-icon.png) 0px 0px no-repeat;
border: none;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-beforeafter.element-one .handle.ba-draggable:after {
transform: scale(0.8);
-webkit-transform: scale(0.8);
} .rt-beforeafter.element-two {
position: relative;
overflow: hidden;
}
.rt-beforeafter.element-two images {
width: 100%;
display: block;
max-width: none;
}
.rt-beforeafter.element-two .resize {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}
.rt-beforeafter.element-two .handle {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
margin-left: -1px;
background: white;
cursor: ew-resize;
}
.rt-beforeafter.element-two .handle:after {
position: absolute;
top: 50%;
width: 24px;
height: 13px;
margin-top: -6px;
margin-left: -11px;
content: " ";
background: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/beforeafter-element-two-icon.png) 0px 0px no-repeat;
border: none;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-beforeafter.element-two .handle.ba-draggable:after {
transform: scale(0.8);
-webkit-transform: scale(0.8);
} .rt-beforeafter.element-three {
position: relative;
overflow: hidden;
}
.rt-beforeafter.element-three images {
width: 100%;
display: block;
max-width: none;
}
.rt-beforeafter.element-three .resize {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 50%;
overflow: hidden;
}
.rt-beforeafter.element-three .handle {
position: absolute;
left: 50%;
top: 0;
bottom: 0;
width: 2px;
margin-left: -1px;
background: white;
cursor: ew-resize;
}
.rt-beforeafter.element-three .handle:after {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
margin-top: -22px;
margin-left: -22px;
content: " ";
background: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/beforeafter-element-three-icon.png) 0px 0px no-repeat;
border: none;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-beforeafter.element-three .handle.ba-draggable:after {
transform: scale(0.8);
-webkit-transform: scale(0.8);
} .radiantthemes-blockquote.element-one>blockquote {
text-align: center;
}
.radiantthemes-blockquote.element-one>blockquote>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-blockquote.element-one>blockquote>i.fa {
display: block;
margin-bottom: 20px;
font-size: 80px;
color: #e7e9ef;
line-height: 80px;
}
.radiantthemes-blockquote.element-one>blockquote cite {
display: block;
margin-top: 20px;
font-weight: 500;
font-size: 13px;
color: #2f2f2f;
line-height: 25px;
font-style: normal;
} .radiantthemes-blockquote.element-two>blockquote {
font-weight: 500;
}
.radiantthemes-blockquote.element-two>blockquote>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-blockquote.element-two>blockquote>i.fa {
display: none;
}
.radiantthemes-blockquote.element-two>blockquote cite {
display: block;
margin-top: 20px;
font-weight: 400;
font-size: 14px;
color: #2f2f2f;
line-height: 25px;
font-style: normal;
} .radiantthemes-blockquote.element-three>blockquote {
position: relative;
padding-left: 65px;
}
.radiantthemes-blockquote.element-three>blockquote>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-blockquote.element-three>blockquote>i.fa {
position: absolute;
top: 4px;
left: 0;
z-index: 1;
font-size: 45px;
color: #5d5e64;
line-height: 45px;
}
.radiantthemes-blockquote.element-three>blockquote cite {
display: block;
margin-top: 20px;
font-weight: 500;
font-size: 13px;
color: #2f2f2f;
line-height: 25px;
font-style: normal;
} .blog.element-one {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-one .blog-item {
padding-left: 15px;
padding-right: 15px;
}
.blog.element-one .blog-item>.holder>.pic {
position: relative;
margin-bottom: 22px;
padding-top: calc( ( 66 / 100) * 100%);
}
.blog.element-one .blog-item>.holder>.pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.blog.element-one .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-one .blog-item>.holder>.data ul.meta {
margin-bottom: 8px;
}
.blog.element-one .blog-item>.holder>.data ul.meta>li a {
color: inherit;
}
.blog.element-one .blog-item>.holder>.data .title {
margin-bottom: 15px;
font-weight: 300;
font-size: 25px;
line-height: 35px;
letter-spacing: -0.3px;
}
.blog.element-one .blog-item>.holder>.data .title a {
color: inherit;
}
.blog.element-one .blog-item>.holder>.data p {
margin-bottom: 15px;
}
.blog.element-one .blog-item>.holder>.data .btn {
margin-bottom: 10px;
padding: 0;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 11px;
color: #181b31;
line-height: 22px;
letter-spacing: 1px;
}
.blog.element-one .blog-item>.holder>.data .btn>.btn-arrow {
position: relative;
display: inline-block;
vertical-align: middle;
width: 25px;
height: 1px;
margin-top: -2px;
margin-left: 10px;
background-color: #181b31;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog.element-one .blog-item>.holder>.data .btn>.btn-arrow>i {
position: absolute;
top: -7px;
right: -5px;
z-index: 1;
font-size: 15px;
}
.blog.element-one .blog-item>.holder>.data .btn:hover>.btn-arrow {
width: 35px;
}
.blog.element-one:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
} .blog.element-two {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-two .blog-item {
padding-top: 20px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
}
.blog.element-two .blog-item>.holder {
padding: 45px 35px 48px 35px;
background-color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}
.blog.element-two .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-two .blog-item>.holder>.data .title {
margin-bottom: 22px;
font-weight: 700;
font-size: 25px;
color: #1b1d1f;
line-height: 35px;
}
.blog.element-two .blog-item>.holder>.data .title a {
color: inherit;
}
.blog.element-two .blog-item>.holder>.data p {
margin-bottom: 22px;
}
.blog.element-two .blog-item>.holder>.data .author-meta {
position: relative;
min-height: 40px;
margin-bottom: 20px;
padding-top: 5px;
padding-left: 57px;
}
.blog.element-two .blog-item>.holder>.data .author-meta>.author-meta-pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 40px;
height: 40px;
background: center center no-repeat;
background-size: cover;
border-radius: 50%;
}
.blog.element-two .blog-item>.holder>.data .author-meta>.author-meta-data {
margin-bottom: 0;
font-weight: 600;
font-size: 16px;
color: #1b1d1f;
line-height: 28px;
}
.blog.element-two:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
} .blog.element-three {
width: auto;
margin-left: -40px;
margin-right: -40px;
}
.blog.element-three .blog-item {
padding-left: 40px;
padding-right: 40px;
}
.blog.element-three .blog-item>.holder>.pic {
position: relative;
margin-bottom: 18px;
padding-top: calc( ( 76 / 100) * 100%);
}
.blog.element-three .blog-item>.holder>.pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.blog.element-three .blog-item>.holder>.title {
margin-bottom: 18px;
}
.blog.element-three .blog-item>.holder>.title>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-three .blog-item>.holder>.title .title {
margin-bottom: 15px;
font-weight: 600;
font-size: 32px;
line-height: 40px;
letter-spacing: 0;
}
.blog.element-three .blog-item>.holder>.title .title a {
color: inherit;
}
.blog.element-three .blog-item>.holder>.meta {
margin-bottom: 6px;
}
.blog.element-three .blog-item>.holder>.meta>ul>li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
font-weight: 500;
font-size: 15px;
color: #333;
line-height: 26px;
}
.blog.element-three .blog-item>.holder>.meta>ul>li a {
color: inherit;
}
.blog.element-three .blog-item>.holder>.data {
margin-bottom: 15px;
}
.blog.element-three .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-three .blog-item>.holder>.data .excerpt {
margin-bottom: 15px;
letter-spacing: 0.4px;
}
.blog.element-three .blog-item>.holder>.more>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-three .blog-item>.holder>.more .btn {
margin-bottom: 10px;
padding: 0;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 13px;
color: #181b31;
line-height: 22px;
}
.blog.element-three .blog-item>.holder>.more .btn>.btn-arrow {
position: relative;
display: inline-block;
vertical-align: middle;
width: 25px;
height: 1px;
margin-top: -2px;
margin-left: 10px;
background-color: #181b31;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog.element-three .blog-item>.holder>.more .btn>.btn-arrow>i {
position: absolute;
top: -7px;
right: -2px;
z-index: 1;
font-size: 14px;
}
.blog.element-three .blog-item>.holder>.more .btn:hover>.btn-arrow {
width: 35px;
}
.blog.element-three:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 90px;
} .blog.element-four {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-four .blog-item {
padding-left: 15px;
padding-right: 15px;
}
.blog.element-four .blog-item>.holder>.pic {
position: relative;
margin-bottom: 17px;
padding-top: calc( ( 129 / 100) * 100%);
}
.blog.element-four .blog-item>.holder>.pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.blog.element-four .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-four .blog-item>.holder>.data ul.meta {
margin-bottom: 8px;
}
.blog.element-four .blog-item>.holder>.data ul.meta>li {
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 26px;
}
.blog.element-four .blog-item>.holder>.data ul.meta>li a {
color: inherit;
}
.blog.element-four .blog-item>.holder>.data .title {
margin-bottom: 15px;
font-weight: 400;
font-size: 25px;
color: #fff;
line-height: 31px;
letter-spacing: -0.3px;
}
.blog.element-four .blog-item>.holder>.data .title a {
color: inherit;
}
.blog.element-four .blog-item>.holder:hover .title {
text-decoration: underline !important;
}
.blog.element-four:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
} .blog.element-five {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-five .blog-item {
padding-left: 20px;
padding-right: 20px;
}
.blog.element-five .blog-item>.holder {
background-color: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog.element-five .blog-item>.holder:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}
.blog.element-five .blog-item>.holder>.pic {
position: relative;
padding-top: calc( ( 65 / 100) * 100%);
}
.blog.element-five .blog-item>.holder>.pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.blog.element-five .blog-item>.holder>.data {
padding: 28px 30px 30px 30px;
}
.blog.element-five .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-five .blog-item>.holder>.data .title {
margin-bottom: 12px;
font-weight: 600;
font-size: 20px;
color: #080a14;
line-height: 30px;
letter-spacing: 0;
}
.blog.element-five .blog-item>.holder>.data .title a {
color: inherit;
}
.blog.element-five .blog-item>.holder>.data ul.meta {
margin-bottom: 8px;
}
.blog.element-five .blog-item>.holder>.data ul.meta>li a {
color: inherit;
}
.blog.element-five:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
} .blog.element-six {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-six .blog-item {
padding-left: 15px;
padding-right: 15px;
}
.blog.element-six .blog-item>.holder>.pic {
position: relative;
overflow: hidden;
margin-bottom: 19px;
padding-top: calc( ( 66 / 100) * 100%);
}
.blog.element-six .blog-item>.holder>.pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog.element-six .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-six .blog-item>.holder>.data ul.meta {
margin-bottom: 9px;
}
.blog.element-six .blog-item>.holder>.data ul.meta>li {
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.blog.element-six .blog-item>.holder>.data ul.meta>li a {
color: inherit;
}
.blog.element-six .blog-item>.holder>.data .title {
margin-bottom: 15px;
font-weight: 600;
font-size: 20px;
line-height: 26px;
letter-spacing: -0.3px;
}
.blog.element-six .blog-item>.holder>.data .title a {
color: inherit;
}
.blog.element-six .blog-item>.holder:hover>.pic>.pic-main {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.blog.element-six:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
} .blog.element-seven {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-seven .blog-item {
padding-left: 15px;
padding-right: 15px;
}
.blog.element-seven .blog-item>.holder>.pic {
position: relative;
overflow: hidden;
margin-bottom: 22px;
padding-top: calc( ( 66 / 100) * 100%);
}
.blog.element-seven .blog-item>.holder>.pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.blog.element-seven .blog-item>.holder>.pic>.pic-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.blog.element-seven .blog-item>.holder>.pic>.pic-overlay i {
font-size: 35px;
color: #fff;
line-height: 1;
}
.blog.element-seven .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-seven .blog-item>.holder>.data .title {
margin-bottom: 10px;
font-weight: 600;
font-size: 22px;
line-height: 30px;
letter-spacing: -0.3px;
}
.blog.element-seven .blog-item>.holder>.data .title a {
color: inherit;
}
.blog.element-seven .blog-item>.holder>.data p {
margin-bottom: 15px;
}
.blog.element-seven .blog-item>.holder:hover>.pic>.pic-main {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.blog.element-seven .blog-item>.holder:hover>.pic>.pic-overlay {
opacity: 0.85;
visibility: visible;
}
.blog.element-seven:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
} .blog.element-eight {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-eight .blog-item {
padding-left: 15px;
padding-right: 15px;
}
.blog.element-eight .blog-item>.holder {
position: relative;
}
.blog.element-eight .blog-item>.holder .pic {
position: relative;
margin-bottom: 22px;
}
.blog.element-eight .blog-item>.holder .pic:before {
content: " ";
display: block;
padding-top: calc( ( 65 / 100) * 100%);
}
.blog.element-eight .blog-item>.holder .pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.blog.element-eight .blog-item>.holder .data {
margin-bottom: 20px;
}
.blog.element-eight .blog-item>.holder .data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-eight .blog-item>.holder .data .title {
margin-bottom: 11px;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
color: #1a1a1a;
line-height: 28px;
}
.blog.element-eight .blog-item>.holder .data .title a {
color: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog.element-eight .blog-item>.holder .data .excerpt {
margin-bottom: 20px;
}
.blog.element-eight .blog-item>.holder .more .btn {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
border-bottom: 1px #324577 solid;
border-radius: 0;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #1e1e1e;
line-height: 26px;
cursor: pointer;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
}
.blog.element-eight .blog-item>.holder .more .btn:after {
position: absolute;
bottom: 0;
right: 0;
content: " ";
width: 1px;
height: 100%;
background-color: #1e1e1e;
transform: translateY(100%);
transition: transform 0.2s ease-in-out 0.6s;
}
.blog.element-eight .blog-item>.holder .more .btn>span {
position: relative;
display: block;
padding: 7px 12px 6px 12px;
color: inherit;
}
.blog.element-eight .blog-item>.holder .more .btn>span:before, .blog.element-eight .blog-item>.holder .more .btn>span:after {
position: absolute;
top: 0;
left: 0;
content: " ";
background-color: #1e1e1e;
transition: transform 0.2s ease-in-out;
}
.blog.element-eight .blog-item>.holder .more .btn>span:before {
width: 100%;
height: 1px;
transform: translateX(100%);
transition-delay: 0.4s;
}
.blog.element-eight .blog-item>.holder .more .btn>span:after {
width: 1px;
height: 100%;
transform: translateY(-100%);
transition-delay: 0.2s;
}
.blog.element-eight .blog-item>.holder .more .btn:hover {
color: #fff;
background-color: #1e1e1e;
transition-delay: 0.6s;
}
.blog.element-eight .blog-item>.holder .more .btn:hover:after, .blog.element-eight .blog-item>.holder .more .btn:hover>span:before, .blog.element-eight .blog-item>.holder .more .btn:hover>span:after {
transform: translate(0, 0);
}
.blog.element-eight .blog-item>.holder .more .btn:hover:after {
transition-delay: 0s;
}
.blog.element-eight .blog-item>.holder .more .btn:hover>span:before {
transition-delay: 0.2s;
}
.blog.element-eight .blog-item>.holder .more .btn:hover>span:after {
transition-delay: 0.4s;
}
.blog.element-eight:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 50px;
} .blog.element-nine {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-nine .blog-item {
padding-top: 20px;
padding-right: 15px;
padding-bottom: 20px;
padding-left: 15px;
}
.blog.element-nine .blog-item>.holder {
background-color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog.element-nine .blog-item>.holder:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.12);
}
.blog.element-nine .blog-item>.holder>.pic {
position: relative;
padding-top: calc( ( 66 / 100) * 100%);
}
.blog.element-nine .blog-item>.holder>.pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.blog.element-nine .blog-item>.holder>.data {
padding: 25px 30px 30px 30px;
}
.blog.element-nine .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.blog.element-nine .blog-item>.holder>.data .title {
margin-bottom: 13px;
font-weight: 600;
font-size: 20px;
color: #1b1d1f;
line-height: 28px;
}
.blog.element-nine .blog-item>.holder>.data .title a {
color: inherit;
}
.blog.element-nine .blog-item>.holder>.data p {
margin-bottom: 22px;
}
.blog.element-nine .blog-item>.holder>.data .author-meta {
position: relative;
min-height: 40px;
margin-bottom: 20px;
padding-top: 5px;
padding-left: 57px;
}
.blog.element-nine .blog-item>.holder>.data .author-meta>.author-meta-pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 40px;
height: 40px;
background: center center no-repeat;
background-size: cover;
border-radius: 50%;
}
.blog.element-nine .blog-item>.holder>.data .author-meta>.author-meta-data {
margin-bottom: 0;
font-weight: 600;
font-size: 16px;
color: #1b1d1f;
line-height: 28px;
}
.blog.element-nine:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
} .blog.element-ten {}
.blog.element-ten .style-one {
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
border-radius: 5px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.element-ten .style-one .post-thumbnail {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 15px;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.element-ten .style-one .post-thumbnail>images {
width: 100%;
float: left;
}
.element-ten .style-one .post-thumbnail>.placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-position-x: center;
background-position-y: top;
background-image: none;
background-size: auto;
background-size: cover;
background-position: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.element-ten .style-one .post-button {
display: block;
position: absolute;
bottom: 40%;
right: 20px;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.element-ten .style-one .post-button:hover {
background-color: #1ed5a4;
}
.element-ten .style-one:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.element-ten .style-one .post-data {
padding: 15px 20px 25px 25px;
}
.element-ten .style-one .entry-main .entry-header .entry-title a {
color: inherit;
}
.element-ten .style-one .post-button .ti-angle-right {
color: #1ed5a4;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
}
.element-ten .style-one .post-button:hover .ti-angle-right {
color: #ffffff !important;
}
.element-ten .style-one.blog-item {
margin: 0 15px 0 15px;
}
.blog.element-ten .owl-stage-outer {
padding: 0 0 13px 0;
}
.element-ten .style-one .post-meta {
margin-bottom: 0;
font-size: 0;
}
.element-ten .style-one .post-meta span.author {
color: #6a7c92;
}
.element-ten .style-one .post-meta span {
font-size: 13px;
color: #999;
line-height: 1.8;
text-decoration: none;
} .blog.element-eleven {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-eleven .blog-item {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
}
.blog.element-eleven .blog-item>.holder {
background-color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-eleven .blog-item>.holder:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.blog.element-eleven .blog-item>.holder>.pic {
position: relative;
padding-top: calc( ( 65 / 100) * 100%)
}
.blog.element-eleven .blog-item>.holder>.pic>.pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover
}
.blog.element-eleven .blog-item>.holder>.data {
padding: 28px 30px 30px 30px
}
.blog.element-eleven .blog-item>.holder>.data>*:last-child {
margin-bottom: 0 !important
}
.blog.element-eleven .blog-item>.holder>.data .title {
margin-bottom: 12px;
font-weight: 600;
font-size: 20px;
color: #080a14;
line-height: 30px;
letter-spacing: 0
}
.blog.element-eleven .blog-item>.holder>.data .title a {
color: inherit
}
.blog.element-eleven .blog-item>.holder>.data ul.meta {
margin-bottom: 8px
}
.blog.element-eleven .blog-item>.holder>.data ul.meta>li a {
color: inherit
}
.blog.element-eleven:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
} .blog[class*='element-'].owl-nav-style-one .owl-nav {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
font-size: 0;
}
.blog[class*='element-'].owl-nav-style-two .owl-nav {
font-size: 0;
}
.blog[class*='element-'] .owl-nav>.owl-prev, .blog[class*='element-'] .owl-nav>.owl-next {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
background-color: initial;
border: 1px #08276e solid;
text-align: center;
}
.blog[class*='element-'].owl-nav-style-one .owl-nav>.owl-prev, .blog[class*='element-'].owl-nav-style-one .owl-nav>.owl-next {
margin-left: 7px;
margin-right: 7px;
}
.blog[class*='element-'].owl-nav-style-two .owl-nav>.owl-prev, .blog[class*='element-'].owl-nav-style-two .owl-nav>.owl-next {
position: absolute;
top: 50%;
margin-top: -20px;
background-color: rgba(255, 255, 255, 0.95);
}
.blog[class*='element-'].owl-nav-style-two .owl-nav>.owl-prev {
left: 15px;
}
.blog[class*='element-'].owl-nav-style-two .owl-nav>.owl-next {
right: 15px;
}
.blog[class*='element-'] .owl-nav>.owl-prev:before, .blog[class*='element-'] .owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #08276e;
line-height: 36px;
}
.blog[class*='element-'] .owl-nav>.owl-prev:before {
content: "\f104";
}
.blog[class*='element-'] .owl-nav>.owl-next:before {
content: "\f105";
}
.blog[class*='element-'] .owl-dots {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots {
text-align: center;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots {
text-align: right;
}
.blog[class*='element-'] .owl-dots>.owl-dot {
display: inline-block;
vertical-align: top;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot {
margin-left: 5px;
margin-right: 5px;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot {
margin-left: 3px;
margin-right: 3px;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot>span {
display: block;
width: 12px;
height: 12px;
background-color: #08276e;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot.active>span {
background-color: #fde428;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot>span {
display: block;
width: 15px;
height: 3px;
background-color: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot.active>span {
background-color: #fde428;
}   @media screen and (min-width: 768px) and (max-width: 991px) { .blog.element-ten:not(.owl-carousel) .blog-item {
width: 50% !important;
}
} @media screen and (min-width: 480px) and (max-width: 767px) { .blog.element-ten:not(.owl-carousel) .blog-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .blog.element-ten:not(.owl-carousel) .blog-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) { .blog.element-ten:not(.owl-carousel) .blog-item {
width: 100% !important;
}
} .blog_col_box {
display: block;
position: relative;
overflow: hidden;
float: left;
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
}
.blog_col_box .blog_images_area {
display: block;
position: relative;
overflow: hidden;
}
.blog_col_box .blog_images_area images {
height: auto;
max-width: 100%;
vertical-align: middle;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.blog_col_box .blog_images_area images:hover {
-webkit-transform: scale(1.09);
-moz-transform: scale(1.09);
-ms-transform: scale(1.09);
-o-transform: scale(1.09);
transform: scale(1.09);
}
.blog_col_box .blog_images_area:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: #000000;
z-index: 2;
opacity: 0;
visibility: hidden;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.blog_col_box h2 a {
font-family: 'Barlow', sans-serif;
font-size: 24px;
line-height: 30px;
font-weight: bold;
font-style: normal;
letter-spacing: 0px;
color: #111111;
padding-bottom: 10px;
display: block; }
.blog_col_box h2 a:hover {
color: #1F5DEA;
}
.blog_box_area {
padding: 30px 0;
}
.blog_box_area p {
overflow: hidden;
font-family: 'Roboto', sans-serif;
font-size: 16px;
line-height: 26px;
font-style: normal;
font-weight: normal;
letter-spacing: 0px;
padding: 20px 0 0 0;
}
.cat_blog_detail {
position: absolute;
top: 30px;
left: 30px;
right: 0;
z-index: 1;
padding: 0;
}
.cat_blog_detail a {
text-transform: uppercase;
position: relative;
font-size: 10px;
color: #fff;
padding: 5px 10px;
margin: 0 5px;
letter-spacing: 2px;
border-radius: 5px;
transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;
}
.cat_blog_detail a.blue1 {
background: #1F5DEA;
}
.cat_blog_detail a.purple1 {
background: #6741dc;
}
.cat_blog_detail a.green1 {
background: #4dcf8f;
}
.cat_blog_detail a.yellow1 {
background: #eba845;
}
.cat_blog_detail a.mas_pts1 {
background: #6741dc;
border-radius: 50%;
padding: 12px 10px;
color: #ffffff;
font-size: 18px;
text-align: center;
z-index: 10;
}
.blog-author {
display: inline-block;
font-size: 14px;
color: #868686;
font-weight: 500;
}
.blog-author:after {
content: "-";
margin-left: 10px;
margin-right: 5px;
}
.blog-author a {
color: #868686;
}
.blog-date {
display: inline-block;
color: #868686;
font-size: 14px;
font-weight: 500;
}
.blog_post-author-image {
display: inline-block;
margin-right: 10px;
position: relative;
}
.blog_post-author-image images {
width: 30px;
height: 30px;
border-radius: 50%;
display: inline;
} @media (min-width: 1281px) {}
@media (min-width: 1025px) and (max-width: 1280px) {}
@media (min-width: 768px) and (max-width: 1024px) {}
@media (max-width: 767px) {} .blog[class*='element-'].owl-nav-style-one .owl-nav {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
font-size: 0;
}
.blog[class*='element-'].owl-nav-style-two .owl-nav {
font-size: 0;
}
.blog[class*='element-'] .owl-nav>.owl-prev, .blog[class*='element-'] .owl-nav>.owl-next {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
background-color: initial;
border: 1px #08276e solid;
text-align: center;
}
.blog[class*='element-'].owl-nav-style-one .owl-nav>.owl-prev, .blog[class*='element-'].owl-nav-style-one .owl-nav>.owl-next {
margin-left: 7px;
margin-right: 7px;
}
.blog[class*='element-'].owl-nav-style-two .owl-nav>.owl-prev, .blog[class*='element-'].owl-nav-style-two .owl-nav>.owl-next {
position: absolute;
top: 50%;
margin-top: -20px;
background-color: rgba(255, 255, 255, 0.95);
}
.blog[class*='element-'].owl-nav-style-two .owl-nav>.owl-prev {
left: 15px;
}
.blog[class*='element-'].owl-nav-style-two .owl-nav>.owl-next {
right: 15px;
}
.blog[class*='element-'] .owl-nav>.owl-prev:before, .blog[class*='element-'] .owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #08276e;
line-height: 36px;
}
.blog[class*='element-'] .owl-nav>.owl-prev:before {
content: "\f104";
}
.blog[class*='element-'] .owl-nav>.owl-next:before {
content: "\f105";
}
.blog[class*='element-'] .owl-dots {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots {
text-align: center;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots {
text-align: right;
}
.blog[class*='element-'] .owl-dots>.owl-dot {
display: inline-block;
vertical-align: top;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot {
margin-left: 5px;
margin-right: 5px;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot {
margin-left: 3px;
margin-right: 3px;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot>span {
display: block;
width: 10px;
height: 10px;
background-color: #a8a8a8;
;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot.active>span {
background-color: #6a30f5;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot>span {
display: block;
width: 15px;
height: 3px;
background-color: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot.active>span {
background-color: #fde428;
}   @media screen and (min-width: 768px) and (max-width: 991px) { .blog.element-ten:not(.owl-carousel) .blog-item {
width: 50% !important;
}
} @media screen and (min-width: 480px) and (max-width: 767px) { .blog.element-ten:not(.owl-carousel) .blog-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .blog.element-ten:not(.owl-carousel) .blog-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) { .blog.element-ten:not(.owl-carousel) .blog-item {
width: 100% !important;
}
} .blog.element-thirteen {
width: 100%;
float: left;
padding-top: 30px;
padding-bottom: 30px;
}
.blog.element-thirteen .blog-item {
margin-bottom: 30px;
display: block;
position: relative;
padding: 0 15px;
overflow: hidden;
float: left;
}
.blog.element-thirteen .blog-item>.holder>.pic {
height: 295px;
margin-bottom: 17px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.18);
}
.blog.element-thirteen .blog-item>.holder>.pic>.pic-main {
height: 300px;
background: center center no-repeat;
background-size: cover;
transition: all ease-out 0.5s;
}
.blog.element-thirteen .blog-item>.holder>.pic>.pic-main images {
width: 100%;
border-radius: 10px;
transition: all ease-out 0.5s;
}
.blog.element-thirteen .blog-item>.holder>.pic:hover .pic-main images {
transform: scale(1.2);
transition: all ease-in 0.5s;
}
.blog.element-thirteen .blog-item>.holder>.blog-date-tag {
position: absolute;
left: 0px;
top: 15px;
z-index: 9;
}
.blog.element-thirteen .blog-item>.holder>.blog-date-tag>.blog-date-tag-text {
background: #fff;
transition: all ease-out 0.3s;
}
.blog.element-thirteen .blog-item>.holder>.blog-date-tag>.blog-date-tag-text {
position: relative;
display: block;
margin: 0;
padding: 6px 20px 6px 20px;
border-radius: 0px;
font-weight: 400;
font-size: 14px;
color: #6b30f5;
line-height: 25px;
letter-spacing: 1px;
}
.blog.element-thirteen .blog-item>.holder>.blog-date-tag>.blog-date-tag-text:after {
position: absolute;
top: 100%;
left: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 0 15px;
border-color: rgba(189, 189, 191, 1) transparent transparent transparent;
}
.blog.element-thirteen .blog-item:hover .holder>.blog-date-tag>.blog-date-tag-text {
background: linear-gradient(150deg, #6a30f5 0%, #9d43fe 50%, #6a30f5 100%);
background-size: 200% auto;
color: #fff;
}
.blog.element-thirteen .blog-item:hover .holder>.blog-date-tag>.blog-date-tag-text:after {
border-color: #6a30f5;
position: absolute;
top: 100%;
left: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 0 15px;
border-color: rgba(106, 49, 245, 0.8) transparent transparent transparent;
}
.blog.element-thirteen .blog-item>.holder>.data ul {
list-style: none;
padding: 0px;
}
.blog.element-thirteen .blog-item>.holder>.data .category {
font-family: "Open Sans", Sans-serif;
font-size: 16px;
font-weight: 6 00;
line-height: 32px;
color: #6a30f5;
background: -webkit-linear-gradient(#6a30f5, #9d43fe);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.blog.element-thirteen .blog-item>.holder>.data .title a {
font-size: 20px;
line-height: 33px;
color: #000;
font-weight: 500;
}
.blog.element-thirteen .blog-item>.holder>.data .title a:hover {
text-decoration: none;
}
.blog.element-thirteen .blog-item>.holder>.data .comment {
color: #6C6E6D;
line-height: 16px;
}
.blog.element-thirteen .blog-item>.holder>.data .comment span images {
margin-right: 10px;
max-width: 17px;
float: left;
}      .radiantthemes-button {
width: 100%;
}
.radiantthemes-button[data-button-direction=left] {
text-align: left;
}
.radiantthemes-button[data-button-direction=center] {
text-align: center;
}
.radiantthemes-button[data-button-direction=right] {
text-align: right;
}
.radiantthemes-button .radiantthemes-button-main {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.radiantthemes-button[data-button-fullwidth=true] .radiantthemes-button-main {
width: 100%;
}
.radiantthemes-button[class*='hover-style-'] .radiantthemes-button-main>.overlay {
position: absolute;
z-index: 0;
content: " ";
}
.radiantthemes-button .radiantthemes-button-main>.placeholder {
position: relative;
}
.radiantthemes-button .radiantthemes-button-main i {
transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.radiantthemes-button[data-button-icon-position=left] .radiantthemes-button-main i {
margin-right: 10px;
}
.radiantthemes-button[data-button-icon-position=right] .radiantthemes-button-main i {
margin-left: 10px;
}  .radiantthemes-button.hover-style-two .radiantthemes-button-main {
overflow: hidden;
}
.radiantthemes-button.hover-style-two .radiantthemes-button-main>.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
border-radius: inherit;
transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
}
.radiantthemes-button.hover-style-two .radiantthemes-button-main:hover>.overlay {
width: 100%;
} .radiantthemes-button.hover-style-three .radiantthemes-button-main>.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-button.hover-style-three .radiantthemes-button-main:hover>.overlay {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
} .radiantthemes-button.hover-style-four .radiantthemes-button-main i {
opacity: 0;
visibility: hidden;
}
.radiantthemes-button.hover-style-four .radiantthemes-button-main:hover i {
opacity: 1;
visibility: visible;
}
.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main i {
margin-right: -3px;
}
.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main:hover i {
margin-right: 10px;
}
.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main i {
margin-left: -3px;
}
.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main:hover i {
margin-left: 10px;
} .radiantthemes-button.hover-style-five .radiantthemes-button-main:hover {
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
} .radiantthemes-button.hover-style-six .radiantthemes-button-main {
backface-visibility: hidden;
}
.radiantthemes-button.hover-style-six .radiantthemes-button-main:hover {
animation-name: ButtonHoverSixHorizontalShake;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes ButtonHoverSixHorizontalShake {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
100% {
transform: translateX(0);
}
} .radiantthemes-button.hover-style-seven .radiantthemes-button-main {
backface-visibility: hidden;
}
.radiantthemes-button.hover-style-seven .radiantthemes-button-main:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
-webkit-transform: scale(1.1);
} .rt-call-to-action-wraper.element-one {
position: relative;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
clear: both;
}
.rt-call-to-action-wraper.element-one>.rt-call-to-action-wraper-overlay {
position: absolute;
top: 0;
right: -30px;
z-index: 0;
width: calc(50% - 165px);
height: 100%;
transform: skew(-15deg);
-webkit-transform: skew(-15deg);
}
.rt-call-to-action-wraper.element-one .rt-call-to-action {
max-width: 1140px;
margin: 0 auto;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action>[class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
padding: 40px 0px 40px 0px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h3 {
margin-bottom: 10px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 {
margin-bottom: 15px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
display: block;
margin-top: 3px;
font-size: 170%;
line-height: 120%;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item p {
margin-bottom: 20px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item .btn {
margin-bottom: 20px;
padding: 7px 20px 7px 20px;
border-radius: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} @media screen and (min-width: 1200px) {
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
background: none !important;
}
} @media screen and (min-width: 992px) and (max-width: 1199px) {
.rt-call-to-action-wraper.element-one>.rt-call-to-action-wraper-overlay {
width: calc(50% - 60px);
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
background: none !important;
}
} @media screen and (min-width: 768px) and (max-width: 991px) {
.rt-call-to-action-wraper.element-one {
padding-left: 15px;
padding-right: 15px;
}
.rt-call-to-action-wraper.element-one>.rt-call-to-action-wraper-overlay {
width: calc(50% - 40px);
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
background: none !important;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-call-to-action-wraper.element-one>.rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action>[class*='col-'] .rt-call-to-action-item {
margin-left: -30px;
margin-right: -30px;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-call-to-action-wraper.element-one>.rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action>[class*='col-'] .rt-call-to-action-item {
margin-left: -30px;
margin-right: -30px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (max-width: 320px) {
.rt-call-to-action-wraper.element-one>.rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action>[class*='col-'] .rt-call-to-action-item {
margin-left: -30px;
margin-right: -30px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} .rt-call-to-action-wraper.element-two {
position: relative;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
clear: both;
}
.rt-call-to-action-wraper.element-two>.rt-call-to-action-wraper-overlay {
position: absolute;
top: 0;
right: 0;
z-index: 0;
width: calc(50% - 400px);
height: 100%;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action {
max-width: 1140px;
margin: 0 auto;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action>[class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
padding: 15px 0px 15px 0px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action>[class*='col-']:nth-child(1) .rt-call-to-action-item {
margin-right: 20px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action>[class*='col-']:nth-child(2) .rt-call-to-action-item {
position: relative;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action>[class*='col-']:nth-child(2) .rt-call-to-action-item:before {
position: absolute;
top: 0;
left: -20px;
z-index: 0;
content: " ";
width: 0;
height: 100%;
border-left: 10px rgba(255, 255, 255, 0.2) solid;
border-right: 10px rgba(255, 255, 255, 0.13) solid;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h3 {
margin-bottom: 10px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 {
margin-bottom: 15px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
display: block;
margin-top: 3px;
font-size: 140%;
line-height: 120%;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item p {
margin-bottom: 20px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item .btn {
margin-bottom: 20px;
padding: 7px 20px 7px 20px;
border-radius: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}  @media screen and (min-width: 992px) and (max-width: 1199px) {
.rt-call-to-action-wraper.element-two {
padding-left: 15px;
padding-right: 15px;
}
} @media screen and (min-width: 768px) and (max-width: 991px) {
.rt-call-to-action-wraper.element-two {
padding-left: 15px;
padding-right: 15px;
}
.rt-call-to-action-wraper.element-two>.rt-call-to-action-wraper-overlay {
width: calc(50% - 200px);
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-call-to-action-wraper.element-two>.rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action>[class*='col-']:nth-child(2) .rt-call-to-action-item {
margin-left: -10px;
margin-right: -30px;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-call-to-action-wraper.element-two>.rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action>[class*='col-']:nth-child(2) .rt-call-to-action-item {
margin-left: -10px;
margin-right: -30px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (max-width: 320px) {
.rt-call-to-action-wraper.element-two>.rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action>[class*='col-']:nth-child(2) .rt-call-to-action-item {
margin-left: -10px;
margin-right: -30px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} .rt-call-to-action-wraper.element-three {
clear: both;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action {
max-width: 1140px;
margin: 0 auto;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action>[class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
padding: 30px 25px 30px 25px;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h3 {
margin-bottom: 10px;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 {
margin-bottom: 15px;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
display: block;
margin-top: 3px;
font-size: 170%;
line-height: 120%;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item p {
margin-bottom: 20px;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item .btn {
margin-bottom: 20px;
padding: 7px 20px 7px 20px;
border-radius: 30px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
text-align: center;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
text-align: center;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (max-width: 320px) {
.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
text-align: center;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
font-size: 140%;
}
}      .radiantthemes-circular-progress-bar {
text-align: center;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main {
position: relative;
display: inline-block;
vertical-align: top;
width: 190px;
height: 190px;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div {
position: absolute;
width: 190px;
height: 190px;
border-radius: 50%;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span {
position: absolute;
top: 3px;
left: 3px;
width: 184px;
height: 184px;
border-radius: 50%;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span>.table>.table-cell {
position: static;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .background {
background-color: #b3cef6;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .rotate, .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left, .radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right {
clip: rect(0 95px 190px 0);
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left {
opacity: 1;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right {
transform: rotate(180deg);
opacity: 0;
} .rt-progress-bar.element-two {
padding: 50px 0;
}
.rt-progress-bar.element-two .section-title p {
margin-left: 0;
margin-right: 0;
color: #ffffff;
opacity: .95;
}
.rt-progress-bar.element-two .skills {
position: relative;
}
.rt-progress-bar.element-two .skills .skill-item {
position: relative;
margin-bottom: 25px;
}
.rt-progress-bar.element-two .skills .skill-item .skill-header {
position: relative;
margin-bottom: 10px;
}
.rt-progress-bar.element-two .skills .skill-item .skill-header .skill-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
color: #fff;
}
.rt-progress-bar.element-two .skills .skill-item .skill-header .skill-percentage {
position: absolute;
right: 0;
top: 1px;
font-size: 18px;
font-weight: 600;
color: #fff;
}
.rt-progress-bar.element-two .skills .skill-item:last-child {
margin-bottom: 0;
}
.rt-progress-bar.element-two .skills .skill-item .skill-bar {
position: relative;
width: 100%;
}
.rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
border-radius: 10px;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
.rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0;
top: 0;
width: 0;
background: #9548fd;
background: -moz-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%);
background: -webkit-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%);
background: linear-gradient(to right, #9548fd 44%, #5626ff 65%, #5626ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9548fd', endColorstr='#5626ff', GradientType=1);
border-radius: 10px;
-webkit-transition: width 1.5s ease-in-out;
transition: width 1.5s ease-in-out;
} .clients.element-one {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.clients.element-one:not(.owl-carousel):after {
display: block;
content: " ";
width: 100%;
height: 0;
clear: both;
}
.clients.element-one * {
margin: 0 auto;
}
.clients.element-one .clients-item {
padding: 5px 15px 10px 15px;
}
.clients.element-one:not(.owl-carousel) .clients-item {
float: left;
margin-bottom: 40px;
}
.clients.element-one .clients-item>.holder {
text-align: center;
}
.clients.element-one .clients-item>.holder>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.clients.element-one .clients-item>.holder>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.clients.element-one .clients-item>.holder .pic {
display: inline-block;
vertical-align: top;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.clients.element-one:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.clients.element-one:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.clients.element-one:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} .clients.element-two {
width: auto;
margin-left: 0;
margin-right: 0;
padding: 10px 20px 10px 20px;
background-color: #f9f9f9;
}
.clients.element-two:not(.owl-carousel):after {
display: block;
content: " ";
width: 100%;
height: 0;
clear: both;
}
.clients.element-two * {
margin: 0 auto;
}
.clients.element-two .clients-item {
padding: 5px 15px 10px 15px;
}
.clients.element-two:not(.owl-carousel) .clients-item {
float: left;
margin-bottom: 40px;
}
.clients.element-two .clients-item>.holder {
text-align: center;
}
.clients.element-two .clients-item>.holder>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.clients.element-two .clients-item>.holder>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.clients.element-two .clients-item>.holder .pic {
display: inline-block;
vertical-align: top;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.clients.element-two:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.clients.element-two:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.clients.element-two:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} .clients.element-three {
width: auto;
}
.clients.element-three:not(.owl-carousel):after {
display: block;
content: " ";
width: 100%;
height: 0;
clear: both;
}
.clients.element-three * {
margin: 0 auto;
}
.clients.element-three .clients-item {
padding: 20px 15px 20px 15px;
border: 1px #f2f2f2 solid;
}
.clients.element-three:not(.owl-carousel) .clients-item {
float: left;
}
.clients.element-three .owl-stage>.owl-item .clients-item, .clients.element-three:not(.owl-carousel) .clients-item {
background-color: #fafafa;
}
.clients.element-three .owl-stage>.owl-item:nth-child(even) .clients-item, .clients.element-three:not(.owl-carousel) .clients-item:nth-child(even) {
background-color: #f4f4f4;
}
.clients.element-three .clients-item>.holder {
text-align: center;
}
.clients.element-three .clients-item>.holder>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.clients.element-three .clients-item>.holder>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.clients.element-three .clients-item>.holder .pic {
display: inline-block;
vertical-align: top;
}
.clients.element-three .clients-item>.holder .pic images {
opacity: 0.5;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.clients.element-three .clients-item>.holder:hover .pic images {
opacity: 1;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.clients.element-three:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.clients.element-three:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.clients.element-three:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} .clients.element-four {
width: auto;
border-top: 1px #e4e5e9 solid;
border-left: 1px #e4e5e9 solid;
}
.clients.element-four:not(.owl-carousel):after {
display: block;
content: " ";
width: 100%;
height: 0;
clear: both;
}
.clients.element-four * {
margin: 0 auto;
}
.clients.element-four .clients-item {
padding: 20px 15px 20px 15px;
border-right: 1px #e4e5e9 solid;
border-bottom: 1px #e4e5e9 solid;
}
.clients.element-four:not(.owl-carousel) .clients-item {
float: left;
}
.clients.element-four .clients-item>.holder {
text-align: center;
}
.clients.element-four .clients-item>.holder>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.clients.element-four .clients-item>.holder>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.clients.element-four .clients-item>.holder .pic {
display: inline-block;
vertical-align: top;
}
.clients.element-four .clients-item>.holder .pic images {
opacity: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.clients.element-four .clients-item>.holder:hover .pic images {
opacity: 1;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.clients.element-four:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.clients.element-four:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.clients.element-four:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} .clients[class*='element-'].owl-nav-style-one .owl-nav {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
font-size: 0;
}
.clients[class*='element-'].owl-nav-style-one .owl-nav>.owl-prev, .clients[class*='element-'].owl-nav-style-one .owl-nav>.owl-next {
display: inline-block;
vertical-align: top;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}
.clients[class*='element-'].owl-nav-style-one .owl-nav>.owl-prev:before, .clients[class*='element-'].owl-nav-style-one .owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 20px;
color: #252525;
line-height: 1;
}
.clients[class*='element-'].owl-nav-style-one .owl-nav>.owl-prev:before {
content: "\f104";
}
.clients[class*='element-'].owl-nav-style-one .owl-nav>.owl-next:before {
content: "\f105";
} .clients[class*='element-'].owl-nav-style-two .owl-nav {
font-size: 0;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav>.owl-prev, .clients[class*='element-'].owl-nav-style-two .owl-nav>.owl-next {
position: absolute;
top: 50%;
margin-top: -20px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav>.owl-prev, .clients[class*='element-'].owl-nav-style-two:hover .owl-nav>.owl-next {
opacity: 1;
visibility: visible;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav>.owl-prev {
left: 15px;
}
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav>.owl-prev {
left: 0;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav>.owl-next {
right: 15px;
}
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav>.owl-next {
right: 0;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav>.owl-prev:before, .clients[class*='element-'].owl-nav-style-two .owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 25px;
color: #252525;
line-height: 1;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav>.owl-prev:before {
content: "\f104";
}
.clients[class*='element-'].owl-nav-style-two .owl-nav>.owl-next:before {
content: "\f105";
} .clients[class*='element-'] .owl-dots {
margin-left: 15px;
margin-right: 15px;
}
.clients[class*='element-'].owl-dot-style-one .owl-dots {
margin-top: 20px;
text-align: center;
}
.clients[class*='element-'].owl-dot-style-two .owl-dots {
text-align: right;
}
.clients[class*='element-'] .owl-dots>.owl-dot {
display: inline-block;
vertical-align: top;
}
.clients[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot {
margin-left: 5px;
margin-right: 5px;
}
.clients[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot {
margin-left: 3px;
margin-right: 3px;
}
.clients[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot>span {
display: block;
width: 12px;
height: 12px;
background-color: #08276e;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.clients[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot.active>span {
background-color: #fde428;
}
.clients[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot>span {
display: block;
width: 15px;
height: 3px;
background-color: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.clients[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot.active>span {
background-color: #fde428;
}       .radiantthemes-contact-box.element-one ul li {
position: relative;
margin-bottom: 12px;
padding-left: 29px;
}
.radiantthemes-contact-box.element-one ul li:last-child {
margin-bottom: 0;
}
.radiantthemes-contact-box.element-one ul li i, .radiantthemes-contact-box.element-one ul li span[class*='ti-'] {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 15px;
text-align: center;
line-height: inherit;
}
.radiantthemes-contact-box.element-one ul li strong {
display: block;
font-weight: 500;
}
.radiantthemes-contact-box.element-one ul li ul {
margin-top: 12px;
} .radiantthemes-contact-box.element-two ul li {
position: relative;
}
.radiantthemes-contact-box.element-two ul li:last-child {
margin-bottom: 0;
}
.radiantthemes-contact-box.element-two ul li i, .radiantthemes-contact-box.element-two ul li span[class*='ti-'] {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 15px;
text-align: center;
line-height: inherit;
}
.radiantthemes-contact-box.element-two ul li ul {
margin-top: 12px;
} .radiant-contact-form.element-one .row {
margin-right: 0;
margin-left: 0;
}
.radiant-contact-form.element-one .row>[class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.radiant-contact-form.element-one .form-row.last {
margin: 0;
}
.radiant-contact-form.element-one .form-row.button {
text-align: left;
}
.radiant-contact-form.element-one .form-row>*:last-child {
margin-bottom: 0 !important;
}
.radiant-contact-form.element-one .form-row label {
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
}
.radiant-contact-form.element-one .form-row label span {
color: #bf0000;
}
.radiant-contact-form.element-one .form-row input[type=text], .radiant-contact-form.element-one .form-row input[type=email], .radiant-contact-form.element-one .form-row input[type=url], .radiant-contact-form.element-one .form-row input[type=tel], .radiant-contact-form.element-one .form-row input[type=number], .radiant-contact-form.element-one .form-row input[type=password], .radiant-contact-form.element-one .form-row input[type=date], .radiant-contact-form.element-one .form-row input[type=time], .radiant-contact-form.element-one .form-row input[type=file], .radiant-contact-form.element-one .form-row select, .radiant-contact-form.element-one .form-row textarea {
width: 100%;
font-size: 14px;
resize: none;
appearance: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiant-contact-form.element-one .form-row select option {
color: #252525;
}
.radiant-contact-form.element-one .form-row textarea {
padding-top: 10px;
padding-bottom: 10px;
}
.radiant-contact-form.element-one .form-row input[type=radio] {
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-right: 3px;
}
.radiant-contact-form.element-one .form-row input[type=checkbox] {
display: inline-block;
vertical-align: top;
margin-top: 7px;
margin-right: 4px;
}
.radiant-contact-form.element-one .form-row input[type=submit], .radiant-contact-form.element-one .form-row input[type=button], .radiant-contact-form.element-one .form-row button[type=submit] {
box-shadow: initial;
cursor: pointer;
opacity: 1 !important;
visibility: visible !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiant-contact-form.element-one .form-row .ajax-loader {
position: absolute;
margin-top: 15px;
} span.wpcf7-not-valid-tip {
width: 100%;
margin-top: 2px;
padding: 1px 5px 0px 5px;
background-color: #f8d7da;
border: 1px #e4c2c5 solid;
border-radius: 3px;
font-weight: 400;
font-size: 11px;
color: #c01d2b;
line-height: 18px;
opacity: 0.7;
}
.wpcf7-response-output {
margin-top: 5px !important;
padding: 8px 12px 8px 12px !important;
border-width: 1px !important;
border-style: solid !important;
border-radius: 3px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
opacity: 0.9;
}
.wpcf7-response-output.wpcf7-validation-errors {
background-color: #f8d7da;
border-color: #e4c2c5;
color: #c01d2b;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #c5ebd4;
border-color: #b1dac1;
color: #01742f;
}       .rt-countdown.element-one {
clear: both;
margin-left: -5px;
margin-right: -5px;
border-top: 1px rgba(0, 0, 0, 0.2) solid;
border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}
.rt-countdown.element-one>.time {
position: relative;
display: table-cell;
width: 1%;
padding: 20px 5px 23px 5px;
text-transform: uppercase;
text-align: center;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.rt-countdown.element-one>.time:before {
position: absolute;
top: calc(50% - 55px);
left: -7px;
z-index: 0;
content: ":";
font-weight: 300;
font-size: 65px;
line-height: 1;
}
.rt-countdown.element-one>.time:first-child:before, .rt-countdown.element-one>.time:only-child:before {
display: none;
}
.rt-countdown.element-one>.time strong {
display: block;
margin-bottom: 7px;
font-weight: 300;
font-size: 65px;
line-height: 1;
}        .radiantthemes-custom-button.element-one {
width: 100%;
}
.radiantthemes-custom-button.element-one[data-button-direction=left] {
text-align: left;
}
.radiantthemes-custom-button.element-one[data-button-direction=center] {
text-align: center;
}
.radiantthemes-custom-button.element-one[data-button-direction=right] {
text-align: right;
}
.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main>.placeholder {
position: relative;
}
.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.radiantthemes-custom-button.element-one[data-button-fullwidth=true] .radiantthemes-custom-button-main {
width: 100%;
}
.radiantthemes-custom-button.element-one[class*='hover-style-'] .radiantthemes-custom-button-main>.overlay {
position: absolute;
z-index: 0;
content: " ";
}
.radiantthemes-custom-button.element-one[data-button-icon-position=left] .radiantthemes-custom-button-main i {
margin-right: 10px;
}
.radiantthemes-custom-button.element-one[data-button-icon-position=right] .radiantthemes-custom-button-main i {
margin-left: 10px;
} .radiantthemes-custom-button.element-two {
width: 100%;
}
.radiantthemes-custom-button.element-two[data-button-direction=left] {
text-align: left;
}
.radiantthemes-custom-button.element-two[data-button-direction=center] {
text-align: center;
}
.radiantthemes-custom-button.element-two[data-button-direction=right] {
text-align: right;
}
.radiantthemes-custom-button .radiantthemes-custom-button-main {
background-color: #000000;
padding: 12px 50px 12px 50px;
}
.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.radiantthemes-custom-button .radiantthemes-custom-button-main > .placeholder {
font-size: 16px;
font-weight: 400;
line-height: 30px;
letter-spacing: 0.5px;
color: #ffffff;
}
.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main>.placeholder {
position: relative;
}
.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main i {
margin-right: 10px;
}
.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main i {
transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}  .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main {
overflow: hidden;
}
.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main>.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
border-radius: inherit;
transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
}
.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main:hover>.overlay {
width: 100%;
} .radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main>.overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main:hover>.overlay {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
} .radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main i {
opacity: 0;
visibility: hidden;
}
.radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main:hover i {
opacity: 1;
visibility: visible;
}
.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main i {
margin-right: -3px;
}
.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main:hover i {
margin-right: 10px;
}
.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main i {
margin-left: -3px;
}
.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main:hover i {
margin-left: 10px;
} .radiantthemes-custom-button.hover-style-five .radiantthemes-custom-button-main:hover {
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
} .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main {
backface-visibility: hidden;
}
.radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover {
animation-name: ButtonHoverSixHorizontalShake;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes ButtonHoverSixHorizontalShake {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
100% {
transform: translateX(0);
}
} .radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main {
backface-visibility: hidden;
}
.radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
-webkit-transform: scale(1.1);
} .radiantthemes-custom-button.hover-style-eight .radiantthemes-custom-button-main i {
opacity: 0;
visibility: hidden;
}
.radiantthemes-custom-button.hover-style-eight .radiantthemes-custom-button-main:hover i {
opacity: 1;
visibility: visible;
}
.radiantthemes-custom-button.hover-style-eight .radiantthemes-custom-button-main:hover i {
margin-right: 10px;
transform: translateX(7px)!important;
transition: all 0.3s ease-in;
}
.radiantthemes-custom-button.hover-style-eight .radiantthemes-custom-button-main i {
margin-left: 7px;
margin-top: 0px;
transform: translate3d(7px,0,0)!important;
transition: all 0.3s ease-out;
position: relative;
top: -7px;
font-size: 15px;
}
.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main .btn-line-holder{
content: "";
position: absolute;
background: #fff;
left: -25px;
top: 50%;
height: 1px;
width: 18px;
margin-right: 10px;
transform: translate3d(0px,0,0)!important;
transition: all 0.3s ease-in;
}
.radiantthemes-custom-button.hover-style-eight .radiantthemes-custom-button-main:hover .btn-line-holder{
content: "";
position: absolute;
background: #fff;
left: -25px;
top: 50%;
height: 1px;
width: 25px;
margin-right: 10px;
transform: translateX(0)!important;
transition: all 0.3s ease-out;
}
.radiantthemes-custom-button.hover-style-eight .radiantthemes-custom-button-main .btn-text {
display: inline-block;
-webkit-transform: translate3d(-10px,0,0)!important;
-moz-transform: translate3d(-10px,0,0)!important;
transform: translate3d(0px,0,0)!important;
transition: all 0.3s ease-in;
}
.radiantthemes-custom-button.hover-style-eight .radiantthemes-custom-button-main:hover .btn-text {
-webkit-transform: translateX(0)!important;
-moz-transform: translateX(0)!important;
transform: translateX(10px)!important;
transition: all 0.3s ease-out;
}
.radiantthemes-custom-button .radiantthemes-custom-button-main:hover{
background-color: #E10A0A;
} .radiantthemes-custom-heading.element-one>.radiantthemes-custom-heading-text>* {
letter-spacing: inherit;
} .radiantthemes-custom-heading.element-two {
overflow: hidden;
}
.radiantthemes-custom-heading.element-two>.radiantthemes-custom-heading-text>* {
letter-spacing: inherit;
} .radiantthemes-custom-heading.element-three {
position: relative;
overflow: hidden;
}
.radiantthemes-custom-heading.element-three>.radiantthemes-custom-heading-text {
opacity: 0;
visibility: hidden;
transition: all 0.1s ease-in-out 0.7s;
}
.radiantthemes-custom-heading.element-three>.radiantthemes-custom-heading-text>* {
letter-spacing: inherit;
}
.radiantthemes-custom-heading.element-three>.radiantthemes-custom-heading-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
transform: translateX(-100%);
transition: all 1.2s ease-in-out 0.2s;
}
.radiantthemes-custom-heading.element-three.wow.animated>.radiantthemes-custom-heading-text {
opacity: 1;
visibility: visible;
}
.radiantthemes-custom-heading.element-three.wow.animated>.radiantthemes-custom-heading-overlay {
transform: translateX(100%);
} .radiantthemes-custom-heading.element-four {
position: relative;
overflow: hidden;
}
.radiantthemes-custom-heading.element-four>.radiantthemes-custom-heading-text {
opacity: 0;
visibility: hidden;
transition: all 0.1s ease-in-out 0.7s;
}
.radiantthemes-custom-heading.element-four>.radiantthemes-custom-heading-text>* {
letter-spacing: inherit;
}
.radiantthemes-custom-heading.element-four>.radiantthemes-custom-heading-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
transform: translateX(100%);
transition: all 1.2s ease-in-out 0.2s;
}
.radiantthemes-custom-heading.element-four.wow.animated>.radiantthemes-custom-heading-text {
opacity: 1;
visibility: visible;
}
.radiantthemes-custom-heading.element-four.wow.animated>.radiantthemes-custom-heading-overlay {
transform: translateX(-100%);
} .radiantthemes-dropcaps.element-one>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 10px;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #030712;
line-height: 50px;
} .radiantthemes-dropcaps.element-two>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-width: 1px;
border-style: solid;
text-align: center;
font-weight: 700;
font-size: 50px;
line-height: 70px;
} .radiantthemes-dropcaps.element-three>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 70px;
} .radiantthemes-dropcaps.element-four>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-top-color: #acadb1;
border-left-color: #acadb1;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #acadb1;
line-height: 70px;
} .radiantthemes-dropcaps.element-five>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-right-color: #acadb1;
border-bottom-color: #acadb1;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #acadb1;
line-height: 70px;
} .radiantthemes-dropcaps.element-six>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border: 1px #acadb1 solid;
border-radius: 5px;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #474849;
line-height: 70px;
} .radiantthemes-dropcaps.element-seven>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-radius: 5px;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 70px;
} .radiantthemes-dropcaps.element-eight>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-radius: 50%;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 70px;
} .radiantthemes-dropcaps.element-nine>.holder>.radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
background-color: #474849;
border-radius: 50%;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 70px;
} .rt-fancy-text-box.element-one {
text-align: center;
}
.rt-fancy-text-box.element-one>.holder {
padding: 45px 20px 40px 20px;
background-color: #fff;
border-radius: 15px;
text-align: inherit;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-fancy-text-box.element-one>.holder:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.1);
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder {
position: relative;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .icon {
margin-bottom: 26px;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .icon i {
font-size: 50px;
color: #1e1e1e;
line-height: 1;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .data>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .data .title {
max-width: 200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 400;
font-size: 18px;
color: #2d2d2d;
line-height: 28px;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .content>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .more>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .more .btn {
margin-bottom: 7px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #565656;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-one>.holder>.main-placeholder .more .btn i {
vertical-align: middle;
margin-left: 8px;
font-size: 11px;
} .rt-fancy-text-box.element-two {
text-align: left;
}
.rt-fancy-text-box.element-two>.holder {
position: relative;
padding: 50px 30px 50px 30px;
background-color: #fff;
border-radius: 15px;
text-align: inherit;
}
.rt-fancy-text-box.element-two>.holder:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
background-color: rgba(0, 0, 0, 0.075);
border-radius: inherit;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-two>.holder:hover:before {
opacity: 1;
visibility: visible;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder {
position: relative;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .icon {
margin-bottom: 17px;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .icon i {
font-size: 50px;
color: #1e1e1e;
line-height: 1;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .data>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .data .title {
margin-bottom: 15px;
font-weight: 700;
font-size: 24px;
color: #1b1d1f;
line-height: 32px;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 500;
font-size: 19px;
color: #1b1d1f;
line-height: 28px;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .content>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .more>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .more .btn {
margin-bottom: 7px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #565656;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-two>.holder>.main-placeholder .more .btn i {
vertical-align: middle;
margin-top: -4px;
margin-left: 8px;
font-size: 11px;
} .rt-fancy-text-box.element-three {
text-align: center;
}
.rt-fancy-text-box.element-three>.holder {
padding: 30px 25px 30px 25px;
text-align: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-three>.holder:hover {
background-color: #fff;
transform: translate(-3px, -3px);
-webkit-transform: translate(-3px, -3px);
box-shadow: 20px 10px 20px rgba(0, 0, 0, 0.075);
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder {
position: relative;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .icon {
margin-bottom: 16px;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .icon i {
font-size: 50px;
color: #1e1e1e;
line-height: 1;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .data>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .data .title {
margin-bottom: 16px;
font-weight: 700;
font-size: 22px;
color: #1b1d1f;
line-height: 30px;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 500;
font-size: 15px;
color: #1b1d1f;
line-height: 28px;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .content>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .more>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .more .btn {
margin-bottom: 7px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #565656;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-three>.holder>.main-placeholder .more .btn i {
vertical-align: middle;
margin-top: -4px;
margin-left: 8px;
font-size: 11px;
} .rt-fancy-text-box.element-four {
text-align: left;
}
.rt-fancy-text-box.element-four>.holder {
padding: 35px 27px 35px 25px;
background-color: #fff;
text-align: inherit;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-fancy-text-box.element-four>.holder:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.1);
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder {
position: relative;
padding-left: 75px;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .icon {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 55px;
text-align: center;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .icon i {
font-size: 35px;
line-height: 1;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .data>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .data .title {
margin-bottom: 12px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 400;
font-size: 18px;
color: #272526;
line-height: 28px;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .content>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .more>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .more .btn {
margin-bottom: 7px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #565656;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-four>.holder>.main-placeholder .more .btn i {
vertical-align: middle;
margin-top: -4px;
margin-left: 8px;
font-size: 11px;
} .rt-fancy-text-box.element-five {
text-align: left;
}
.rt-fancy-text-box.element-five>.holder {
background-color: #fff;
border: 1px #d8dadd solid;
text-align: inherit;
}
.rt-fancy-text-box.element-five>.holder .data {
padding: 26px 23px 27px 23px;
}
.rt-fancy-text-box.element-five>.holder .data>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-five>.holder .data .title {
margin-bottom: 10px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-fancy-text-box.element-five>.holder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-five>.holder .data .subtitle {
margin-bottom: 14px;
font-weight: 400;
font-size: 18px;
color: #272526;
line-height: 28px;
}
.rt-fancy-text-box.element-five>.holder .data .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-five>.holder .data .content>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-five>.holder .icon {
text-align: center;
}
.rt-fancy-text-box.element-five>.holder .icon images {
width: 100%;
}
.rt-fancy-text-box.element-five>.holder .icon i {
font-size: 35px;
line-height: 1;
}
.rt-fancy-text-box.element-five>.holder .more {
position: relative;
overflow: hidden;
}
.rt-fancy-text-box.element-five>.holder .more .btn {
display: block;
padding: 10px 23px 10px 23px;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 13px;
line-height: 30px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-fancy-text-box.element-five>.holder .more .btn.btn-first {
background-color: transparent;
}
.rt-fancy-text-box.element-five>.holder .more .btn.btn-second {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.rt-fancy-text-box.element-five>.holder .more .btn i {
vertical-align: middle;
margin-top: -4px;
margin-left: 10px;
}
.rt-fancy-text-box.element-five>.holder:hover .more>.btn.btn-first {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.rt-fancy-text-box.element-five>.holder:hover .more>.btn.btn-second {
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-fancy-text-box.element-six {
text-align: left;
}
.rt-fancy-text-box.element-six>.holder {
background: center center no-repeat;
background-size: cover;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder {
position: relative;
padding: 160px 25px 5px 25px;
background-color: rgba(0, 0, 0, 0.3);
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .icon {
margin-bottom: 26px;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .icon i {
font-size: 50px;
color: #fff;
line-height: 1;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .data {
position: relative;
padding-right: 100px;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .data .title {
margin-bottom: 2px;
font-weight: 500;
font-size: 22px;
color: #fff;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 400;
font-size: 16px;
color: #fff;
line-height: 28px;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .content {
margin-bottom: 20px;
color: #fff;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .content>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .more {
position: absolute;
top: 9px;
right: 0;
z-index: 1;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .more .btn {
position: relative;
display: block;
width: 45px;
height: 45px;
padding: 0;
overflow: hidden;
background-color: transparent;
border: 1px #fff solid;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .more .btn:hover {
background-color: #fff;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .more .btn>span[class*='btn-icon-'] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
text-align: center;
font-weight: 400;
font-size: 20px;
color: #fff;
line-height: 43px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .more .btn>span.btn-icon-first {
color: #fff;
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .more .btn:hover>span.btn-icon-first {
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .more .btn>span.btn-icon-second {
color: #333;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.rt-fancy-text-box.element-six>.holder>.main-placeholder .more .btn:hover>span.btn-icon-second {
transform: translateX(0);
-webkit-transform: translateX(0);
} .rt-fancy-text-box.element-seven {
text-align: center;
}
.rt-fancy-text-box.element-seven>.holder {
padding: 30px 25px 10px 25px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.13);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder {
position: relative;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .icon {
margin-bottom: 15px;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .icon images {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .icon i {
font-size: 50px;
color: #010313;
line-height: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .data .title {
margin-bottom: 10px;
font-weight: 500;
font-size: 22px;
color: #010313;
line-height: 32px;
letter-spacing: -0.5px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .data .subtitle {
margin-bottom: 15px;
font-weight: 400;
font-size: 16px;
color: #010313;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .content {
margin-bottom: 20px;
color: #010313;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .content>*:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .more .btn {
display: inline-block;
vertical-align: top;
padding: 5px 20px 6px 20px;
background-color: #010313;
border: none;
border-radius: 0;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven>.holder>.main-placeholder .more .btn:hover {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.rt-fancy-text-box.element-seven>.holder:hover {
box-shadow: initial;
}
.rt-fancy-text-box.element-seven>.holder:hover>.main-placeholder .icon images {
filter: brightness(0) invert(1);
}
.rt-fancy-text-box.element-seven>.holder:hover>.main-placeholder .icon i, .rt-fancy-text-box.element-seven>.holder:hover>.main-placeholder .data .title, .rt-fancy-text-box.element-seven>.holder:hover>.main-placeholder .data .subtitle, .rt-fancy-text-box.element-seven>.holder:hover>.main-placeholder .content {
color: #fff !important;
}
.rt-fancy-text-box.element-seven>.holder:hover>.main-placeholder .more .btn {
background-color: #fff;
color: #010313;
}       .rt-flip-box.element-one>.holder {
position: relative;
}
.rt-flip-box.element-one>.holder .front, .rt-flip-box.element-one>.holder .backY {
width: 100%;
}
.rt-flip-box.element-one>.holder .first-card, .rt-flip-box.element-one>.holder .second-card {
position: relative;
display: flex;
align-items: center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
text-align: center;
}
.rt-flip-box.element-one>.holder>.second-card {
position: absolute !important;
top: 0;
}
.rt-flip-box.element-one>.holder .first-card>.first-card-main, .rt-flip-box.element-one>.holder .second-card>.second-card-main {
width: 100%;
}
.rt-flip-box.element-one>.holder .first-card images, .rt-flip-box.element-one>.holder .second-card images {
margin-bottom: 15px;
}
.rt-flip-box.element-one>.holder .first-card h4, .rt-flip-box.element-one>.holder .second-card h4 {
margin-bottom: 12px;
font-weight: 600;
font-size: 18px;
color: #000;
line-height: 28px;
}
.rt-flip-box.element-one>.holder .second-card h4 {
color: #fff;
}
.rt-flip-box.element-one>.holder .first-card p, .rt-flip-box.element-one>.holder .second-card p {
margin-bottom: 15px;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.rt-flip-box.element-one>.holder .second-card p {
color: #fff;
}
.rt-flip-box.element-one>.holder .second-card .btn {
margin-bottom: 0;
padding: 0;
background-color: initial;
border: none;
font-weight: 500;
font-size: 14px;
color: #fff;
}
.rt-flip-box.element-one>.holder .second-card .btn i {
margin-left: 8px;
} .rt-highlight-box.element-one>.holder {
margin-right: 0;
margin-left: 0;
}
.rt-highlight-box.element-one>.holder>[class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.rt-highlight-box.element-one>.holder .pic {
padding-left: 5px;
padding-right: 5px;
overflow: hidden;
text-align: center;
}
.rt-highlight-box.element-one>.holder .pic>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-highlight-box.element-one>.holder .pic>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom;
}
.rt-highlight-box.element-one>.holder .pic images {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-one>.holder:hover .pic images {
transform: translateY(15px);
-webkit-transform: translateY(15px);
}
.rt-highlight-box.element-one>.holder .data {
padding: 22px 25px 25px 25px;
text-align: left;
}
.rt-highlight-box.element-one>.holder .data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-highlight-box.element-one>.holder .data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-highlight-box.element-one>.holder .data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-highlight-box.element-one>.holder .data h4 {
margin-bottom: 7px;
font-weight: 300;
font-size: 40px;
color: #fff;
line-height: 50px;
}
.rt-highlight-box.element-one>.holder .data p {
margin-bottom: 30px;
font-weight: 400;
font-size: 16px;
color: rgba(0, 0, 0, 0.6);
line-height: 28px;
}
.rt-highlight-box.element-one>.holder .data .btn {
margin-bottom: 30px;
padding: 9px 25px 12px 25px;
background-color: initial;
border: 1px #fff solid;
border-radius: 35px;
font-weight: 400;
font-size: 18px;
color: #fff;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-one>.holder .data .btn:hover {
background-color: #fff;
color: #252525;
}
.rt-highlight-box.element-one>.holder .data .btn:after {
margin-left: 0px;
content: "\f105";
font-family: "FontAwesome";
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-one>.holder .data .btn:hover:after {
margin-left: 12px;
opacity: 1;
visibility: visible;
} .rt-highlight-box.element-two>.holder {
position: relative;
overflow: hidden;
}
.rt-highlight-box.element-two>.holder>.pic {
position: absolute;
top: 0;
left: -20%;
z-index: 1;
width: 140%;
opacity: 0.75;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-highlight-box.element-two>.holder:hover>.pic {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.rt-highlight-box.element-two>.holder>.pic images {
width: 100%;
}
.rt-highlight-box.element-two>.holder>.data {
position: relative;
z-index: 2;
padding: 55px 25px 60px 25px;
text-align: center;
}
.rt-highlight-box.element-two>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-highlight-box.element-two>.holder .data h4 {
margin-bottom: 7px;
font-weight: 300;
font-size: 35px;
color: #fff;
line-height: 45px;
}
.rt-highlight-box.element-two>.holder .data p {
margin-bottom: 20px;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 28px;
}
.rt-highlight-box.element-two>.holder .data .btn {
margin-bottom: 30px;
padding: 9px 25px 12px 25px;
background-color: initial;
border: 1px #fff solid;
border-radius: 35px;
font-weight: 400;
font-size: 18px;
color: #fff;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-two>.holder .data .btn:hover {
background-color: #fff;
color: #252525;
}
.rt-highlight-box.element-two>.holder .data .btn:after {
margin-left: 0px;
content: "\f105";
font-family: "FontAwesome";
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-two>.holder .data .btn:hover:after {
margin-left: 12px;
opacity: 1;
visibility: visible;
} .rt-highlight-box.element-three>.holder {
position: relative;
overflow: hidden;
}
.rt-highlight-box.element-three>.holder>.pic {
position: absolute;
top: -20%;
left: -30%;
z-index: 1;
width: 160%;
opacity: 0.85;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.rt-highlight-box.element-three>.holder:hover>.pic {
transform: translateY(40px);
-webkit-transform: translateY(40px);
}
.rt-highlight-box.element-three>.holder>.pic images {
width: 100%;
}
.rt-highlight-box.element-three>.holder>.data {
position: relative;
z-index: 2;
padding: 55px 25px 60px 25px;
text-align: center;
}
.rt-highlight-box.element-three>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-highlight-box.element-three>.holder .data h4 {
margin-bottom: 7px;
font-weight: 300;
font-size: 35px;
color: #fff;
line-height: 45px;
}
.rt-highlight-box.element-three>.holder .data p {
margin-bottom: 20px;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 28px;
}
.rt-highlight-box.element-three>.holder .data .btn {
margin-bottom: 30px;
padding: 9px 25px 12px 25px;
background-color: initial;
border: 1px #fff solid;
border-radius: 35px;
font-weight: 400;
font-size: 18px;
color: #fff;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-three>.holder .data .btn:hover {
background-color: #fff;
color: #252525;
}
.rt-highlight-box.element-three>.holder .data .btn:after {
margin-left: 0px;
content: "\f105";
font-family: "FontAwesome";
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-three>.holder .data .btn:hover:after {
margin-left: 12px;
opacity: 1;
visibility: visible;
} .rt-highlight-box.element-four>.holder {
position: relative;
overflow: hidden;
}
.rt-highlight-box.element-four>.holder>.pic {
position: absolute;
top: 0;
left: -30%;
z-index: 1;
width: 160%;
opacity: 0.85;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.rt-highlight-box.element-four>.holder:hover>.pic {
transform: translateX(40px);
-webkit-transform: translateX(40px);
}
.rt-highlight-box.element-four>.holder>.pic images {
width: 100%;
}
.rt-highlight-box.element-four>.holder>.data {
position: relative;
z-index: 2;
padding: 55px 25px 60px 25px;
text-align: center;
}
.rt-highlight-box.element-four>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-highlight-box.element-four>.holder .data h4 {
margin-bottom: 7px;
font-weight: 300;
font-size: 35px;
color: #fff;
line-height: 45px;
}
.rt-highlight-box.element-four>.holder .data p {
margin-bottom: 20px;
font-weight: 400;
font-size: 16px;
color: rgba(255, 255, 255, 0.8);
line-height: 28px;
}
.rt-highlight-box.element-four>.holder .data .btn {
margin-bottom: 30px;
padding: 9px 25px 12px 25px;
background-color: initial;
border: 1px #fff solid;
border-radius: 35px;
font-weight: 400;
font-size: 18px;
color: #fff;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-four>.holder .data .btn:hover {
background-color: #fff;
color: #252525;
}
.rt-highlight-box.element-four>.holder .data .btn:after {
margin-left: 0px;
content: "\f105";
font-family: "FontAwesome";
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-highlight-box.element-four>.holder .data .btn:hover:after {
margin-left: 12px;
opacity: 1;
visibility: visible;
} .radiantthemes-iconbox.element-one>.radiantthemes-iconbox-holder {
display: inline-block;
vertical-align: top;
}
.radiantthemes-iconbox.element-one[data-border-radius='square']>.radiantthemes-iconbox-holder {
border-radius: 0;
}
.radiantthemes-iconbox.element-one[data-border-radius='rounded']>.radiantthemes-iconbox-holder {
border-radius: 5px;
}
.radiantthemes-iconbox.element-one[data-border-radius='circle']>.radiantthemes-iconbox-holder {
border-radius: 50%;
}
.radiantthemes-iconbox.element-one>.radiantthemes-iconbox-holder>i {
line-height: 1;
} .rt-ihover.element-one>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-one>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-one>.holder:hover>.pic images {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.rt-ihover.element-one>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(219, 127, 8, 0.7);
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-ihover.element-one>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-ihover.element-one>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-one>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-one>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-one>.holder>.data h2 {
margin-bottom: 20px;
padding: 10px;
background-color: rgba(0, 0, 0, 0.8);
text-transform: uppercase;
font-size: 17px;
color: #fff;
line-height: 28px;
opacity: 0;
visibility: hidden;
transform: translateY(-100px);
-webkit-transform: translateY(-100px);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-one>.holder:hover>.data h2 {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.rt-ihover.element-one>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #fff;
line-height: 22px;
opacity: 0;
visibility: hidden;
transform: translateY(100px);
-webkit-transform: translateY(100px);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-ihover.element-one>.holder:hover>.data p {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-ihover.element-two>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-two>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-two>.holder:hover>.pic images {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.rt-ihover.element-two>.holder>.overlay {
position: absolute;
top: -30%;
right: -30%;
bottom: -30%;
left: -30%;
background-color: rgba(219, 127, 8, 0.7);
transform: skewX(-40deg) translateX(150%);
-webkit-transform: skewX(-40deg) translateX(150%);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-ihover.element-two>.holder:hover>.overlay {
transform: skewX(-40deg) translateX(0);
-webkit-transform: skewX(-40deg) translateX(0);
}
.rt-ihover.element-two>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-ihover.element-two>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-ihover.element-two>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-two>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-two>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-two>.holder>.data h2 {
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 12px;
border-bottom: 1px rgba(0, 0, 0, 0.4) solid;
text-transform: uppercase;
font-size: 17px;
color: #fff;
line-height: 28px;
transform: translate(100%, -150%);
-webkit-transform: translate(100%, -150%);
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
}
.rt-ihover.element-two>.holder:hover>.data h2 {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
.rt-ihover.element-two>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #fff;
line-height: 22px;
transform: translate(-100%, 150%);
-webkit-transform: translate(-100%, 150%);
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.rt-ihover.element-two>.holder:hover>.data p {
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
} .rt-ihover.element-three>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-three>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-three>.holder:hover>.pic images {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.rt-ihover.element-three>.holder>.overlay {
position: absolute;
top: -30%;
right: -30%;
bottom: -30%;
left: -30%;
background-color: rgba(219, 127, 8, 0.7);
transform: translate(100%, -100%) rotate(90deg);
-webkit-transform: translate(100%, -100%) rotate(90deg);
transition: all 0.2s 0.4s ease-in-out;
-webkit-transition: all 0.2s 0.4s ease-in-out;
}
.rt-ihover.element-three>.holder:hover>.overlay {
transition-delay: 0s;
-webkit-transition-delay: 0s;
transform: translate(0, 0);
-webkit-transform: translate(0, 0);
}
.rt-ihover.element-three>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-ihover.element-three>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-ihover.element-three>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-three>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-three>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-three>.holder>.data h2 {
margin-bottom: 20px;
padding: 9px 20px 10px 20px;
background: rgba(0, 0, 0, 0.7);
text-transform: uppercase;
font-size: 17px;
color: #fff;
line-height: 28px;
transform: translateY(-200%);
-webkit-transform: translateY(-200%);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-three>.holder:hover>.data h2 {
transform: translateY(0);
transition-delay: 0.5s;
-webkit-transform: translateY(0);
-webkit-transition-delay: 0.5s;
}
.rt-ihover.element-three>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #fff;
line-height: 22px;
transform: translateX(100%) rotate(90deg);
-webkit-transform: translateX(100%) rotate(90deg);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-three>.holder:hover>.data p {
transform: translateX(0) rotate(0);
transition-delay: 0.4s;
-webkit-transform: translateX(0) rotate(0);
-webkit-transition-delay: 0.4s;
} .rt-ihover.element-four>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-four>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-four>.holder:hover>.pic images {
transform: scale(0);
-webkit-transform: scale(0);
}
.rt-ihover.element-four>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
transform: scale(0) rotate(-180deg);
-webkit-transform: scale(0) rotate(-180deg);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-ihover.element-four>.holder:hover>.data {
opacity: 1;
visibility: visible;
transform: scale(1) rotate(0);
-webkit-transform: scale(1) rotate(0);
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
.rt-ihover.element-four>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-four>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-four>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-four>.holder>.data h2 {
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 12px;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
text-transform: uppercase;
font-size: 17px;
color: #fff;
line-height: 28px;
transform: translateY(-200%);
-webkit-transform: translateY(-200%);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-four>.holder:hover>.data h2 {
transform: translateY(0);
transition-delay: 0.5s;
-webkit-transform: translateY(0);
-webkit-transition-delay: 0.5s;
}
.rt-ihover.element-four>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #fff;
line-height: 22px;
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-ihover.element-four>.holder:hover>.data p {
opacity: 1;
visibility: visible;
transition-delay: 0.5s;
-webkit-transition-delay: 0.5s;
} .rt-ihover.element-five>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-five>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-ihover.element-five>.holder:hover>.pic images {
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.rt-ihover.element-five>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(146, 96, 91, 0.3);
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-ihover.element-five>.holder:hover>.data {
transform: translateX(0);
-webkit-transform: translateX(0);
}
.rt-ihover.element-five>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-five>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-five>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-five>.holder>.data h2 {
margin-bottom: 20px;
padding: 9px 20px 10px 20px;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
font-size: 17px;
color: #010101;
line-height: 28px;
}
.rt-ihover.element-five>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #010101;
line-height: 22px;
} .rt-ihover.element-six>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-six>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
transition: all 0.4s ease-in-out 0.5s;
-webkit-transition: all 0.4s ease-in-out 0.5s;
}
.rt-ihover.element-six>.holder:hover>.pic images {
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.rt-ihover.element-six>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(146, 96, 91, 0.5);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in 0.4s;
-webkit-transition: all 0.3s ease-in 0.4s;
}
.rt-ihover.element-six>.holder:hover>.data {
opacity: 1;
visibility: visible;
transition-delay: 0s;
-webkit-transition-delay: 0s;
}
.rt-ihover.element-six>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-six>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-six>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-six>.holder>.data h2 {
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 12px;
border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
text-transform: uppercase;
font-size: 17px;
color: #fff;
line-height: 28px;
opacity: 0;
visibility: hidden;
transform: scale(10);
-webkit-transform: scale(10);
transition: all 0.3s ease-in-out 0.1s;
-webkit-transition: all 0.3s ease-in-out 0.1s;
}
.rt-ihover.element-six>.holder:hover>.data h2 {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
transition-delay: 0.1s;
-webkit-transition-delay: 0.1s;
}
.rt-ihover.element-six>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #fff;
line-height: 22px;
opacity: 0;
visibility: hidden;
transform: scale(10);
-webkit-transform: scale(10);
transition: all 0.3s ease-in-out 0.2s;
-webkit-transition: all 0.3s ease-in-out 0.2s;
}
.rt-ihover.element-six>.holder:hover>.data p {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
} .rt-ihover.element-seven>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-seven>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
opacity: 1;
visibility: visible;
transition: all 0.5s ease-out;
-webkit-transition: all 0.5s ease-out;
}
.rt-ihover.element-seven>.holder:hover>.pic images {
opacity: 0;
visibility: hidden;
transform: rotate(720deg) scale(0);
-webkit-transform: rotate(720deg) scale(0);
}
.rt-ihover.element-seven>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(77, 44, 35, 0.5);
opacity: 0;
visibility: hidden;
transform: rotate(0deg) scale(1);
-webkit-transform: rotate(0deg) scale(1);
transform: translateY(-200px) rotate(180deg);
-webkit-transform: translateY(-200px) rotate(180deg);
transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
}
.rt-ihover.element-seven>.holder:hover>.data {
opacity: 1;
visibility: visible;
transform: translateY(0px) rotate(0deg);
-webkit-transform: translateY(0px) rotate(0deg);
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}
.rt-ihover.element-seven>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-seven>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-seven>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-seven>.holder>.data h2 {
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 12px;
border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
text-transform: uppercase;
font-size: 17px;
color: #fff;
line-height: 28px;
transform: translateY(-200px);
-webkit-transform: translateY(-200px);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-seven>.holder:hover>.data h2 {
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition-delay: 0.7s;
-webkit-transition-delay: 0.7s;
}
.rt-ihover.element-seven>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #fff;
line-height: 22px;
transform: translateY(-200px);
-webkit-transform: translateY(-200px);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-ihover.element-seven>.holder:hover>.data p {
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition-delay: 0.6s;
-webkit-transition-delay: 0.6s;
} .rt-ihover.element-eight>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-eight>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
}
.rt-ihover.element-eight>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(255, 255, 255, 0.7);
opacity: 0;
visibility: hidden;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transition: all 0.3s ease-out 0.5s;
-webkit-transition: all 0.3s ease-out 0.5s;
}
.rt-ihover.element-eight>.holder:hover>.data {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
transition-delay: 0s;
-webkit-transition-delay: 0s;
animation: bounceY 0.9s linear;
-webkit-animation: bounceY 0.9s linear;
}
.rt-ihover.element-eight>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-eight>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-eight>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-eight>.holder>.data h2 {
margin-bottom: 20px;
padding: 9px 20px 10px 20px;
background-color: rgba(0, 0, 0, 0.3);
text-transform: uppercase;
font-size: 17px;
color: #fff;
line-height: 28px;
transform: translateY(-200%);
-webkit-transform: translateY(-200%);
transition: all 0.2s ease-in-out 0.1s;
-webkit-transition: all 0.2s ease-in-out 0.1s;
}
.rt-ihover.element-eight>.holder:hover>.data h2 {
transform: translateY(0);
-webkit-transform: translateY(0);
transition-delay: 0.4s;
-webkit-transition-delay: 0.4s;
}
.rt-ihover.element-eight>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #333;
line-height: 22px;
transform: translateY(-200%);
-webkit-transform: translateY(-200%);
transition: all 0.2s ease-in-out 0.2s;
-webkit-transition: all 0.2s ease-in-out 0.2s;
}
.rt-ihover.element-eight>.holder:hover>.data p {
transform: translateY(0px);
-webkit-transform: translateY(0px);
transition-delay: 0.2s;
-webkit-transition-delay: 0.2s;
}
@keyframes bounceY {
0% {
transform: translateY(-205%);
}
40% {
transform: translateY(-100%);
}
65% {
transform: translateY(-52%);
}
82% {
transform: translateY(-25%);
}
92% {
transform: translateY(-12%);
}
55%, 75%, 87%, 97%, 100% {
transform: translateY(0%);
}
}
@-webkit-keyframes bounceY {
0% {
transform: translateY(-205%);
}
40% {
transform: translateY(-100%);
}
65% {
transform: translateY(-52%);
}
82% {
transform: translateY(-25%);
}
92% {
transform: translateY(-12%);
}
55%, 75%, 87%, 97%, 100% {
transform: translateY(0%);
}
} .rt-ihover.element-nine>.holder {
position: relative;
overflow: hidden;
border: 10px #fff solid;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-ihover.element-nine>.holder>.pic images {
width: 100%;
display: inline-block;
vertical-align: top;
transform: scaleY(1);
-webkit-transform: scaleY(1);
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.rt-ihover.element-nine>.holder:hover>.pic images {
opacity: 0;
visibility: hidden;
transform: scale(10);
-webkit-transform: scale(10);
}
.rt-ihover.element-nine>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(77, 44, 35, 0.5);
opacity: 0;
visibility: hidden;
background-color: rgba(255, 231, 179, 0.3);
-webkit-background-color: rgba(255, 231, 179, 0.3);
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.rt-ihover.element-nine>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-ihover.element-nine>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-ihover.element-nine>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-ihover.element-nine>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-ihover.element-nine>.holder>.data h2 {
margin-bottom: 15px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 12px;
border-bottom: 1px rgba(0, 0, 0, 0.3) solid;
text-transform: uppercase;
font-size: 17px;
color: #333;
line-height: 28px;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.rt-ihover.element-nine>.holder:hover>.data h2 {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
.rt-ihover.element-nine>.holder>.data p {
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
font-size: 12px;
color: #333;
line-height: 22px;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.rt-ihover.element-nine>.holder:hover>.data p {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
} .rt-image-gallery{ position:relative;
overflow:hidden;
width:auto;
margin-left:0;
margin-right:0;
}
.rt-image-gallery.element-one  .rt-image-gallery-item {
padding-left: 0;
padding-right: 0;
text-align: center;
height: 400px;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc( (60 / 100 ) * 100% );
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1; transition: all 0.7s ease-in-out 0.0s;
-webkit-transition: all 0.7s ease-in-out 0.0s;
height: 400px;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .pic img{
width: 100%;
height: 100%;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .overlay {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 2;
background-color: rgba(0, 0, 0, 0.40);
border-radius: 0px;
opacity: 0;
visibility: hidden;
transition: all 0.7s ease-in-out 0.0s;
-webkit-transition: all 0.7s ease-in-out 0.0s;
height: 400px;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .data{
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
align-items: center;
justify-content: center;
padding: 35px; }
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .data > .category {
font-size: 16px;
line-height: 28px;
color: #ffffff;
text-transform: uppercase;
margin-bottom: 10px;
transform: translateY(25px);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .data > .title {
color: #ffffff;
transform: translateY(25px);
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .data > .description{
visibility: hidden;
opacity: 0;
transform: translateY(25px);
transition: all 0.3s ease-in-out 0.6s;
-webkit-transition: all 0.3s ease-in-out 0.6s;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .data > .description{
visibility: hidden;
opacity: 0;
transform: translateY(25px);
transition: all 0.3s ease-in-out 0.6s;
-webkit-transition: all 0.3s ease-in-out 0.6s;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .data > .title > a {
text-decoration: none;
color: #ffffff;
font-size: 25px;
font-weight: 500;
line-height: 35px;
letter-spacing: 0.7px;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder > .data > .description{
color: #ffffff;
font-size: 16px;
font-weight: 400;
line-height: 28px;
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder:hover > .data > .category,
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder:hover > .data > .title,
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder:hover > .data > .description,
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder:hover > .data > .title > a {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder:hover > .pic{
border-radius: 5px;
transform: scale(0.97);
}
.rt-image-gallery.element-one  .rt-image-gallery-item > .holder:hover > .overlay{
opacity: 1;
visibility: visible;
transform: scale(0.97);
} .rt-image-gallery.element-one.owl-nav-style-two > .owl-nav .ti-arrow-left, 
.rt-image-gallery.element-one.owl-nav-style-two > .owl-nav .ti-arrow-right {
display: none;
}
.rt-image-gallery.element-one > .owl-nav > .owl-prev {
left: 65px;
background: rgba(255,255,255,0.8);
border-radius: 50px;
width: 50px;
height: 50px;
line-height: 53px;
}
.rt-image-gallery.element-one > .owl-nav > .owl-next {
right: 65px;
background: rgba(255,255,255,0.8);
border-radius: 50px;
width: 50px;
height: 50px;
line-height: 53px;
}
.rt-image-gallery.element-one:hover .owl-nav > .owl-prev{
visibility: visible;
opacity: 1;
left: 20px;
}
.rt-image-gallery.element-one:hover .owl-nav > .owl-next{
visibility: visible;
opacity: 1;
right: 20px;
}
.rt-image-gallery.element-one > .owl-nav > .owl-prev,
.rt-image-gallery.element-one > .owl-nav > .owl-next {
position: absolute;
top: 35%;
margin-top: -20px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-image-gallery.element-one > .owl-nav > .owl-prev:focus,
.rt-image-gallery.element-one > .owl-nav > .owl-next:focus{
outline: none;
}}  @media screen and (min-width:1200px) {} @media screen and (min-width:992px) and (max-width:1199px) {} @media screen and (min-width:768px) and (max-width:991px) {
} @media screen and (min-width:480px) and (max-width:767px) {
} @media screen and (min-width:321px) and (max-width:479px) {
} @media screen and (max-width:320px) {
} .rt-image-gallery.element-two {
padding-bottom: 40px;
}
.rt-image-gallery.element-two .rt-image-big .rt-image-big-item {
background: #ec6e46;
padding: 0px;
margin: 2px;
color: #FFF;
border-radius: 3px;
text-align: center;
height: 425px;
}
.rt-image-gallery.element-two .rt-image-big .rt-image-big-item .text-box{
position: absolute;
bottom: 0;
width: 100%;
text-align: left;
padding: 30px;
}
.rt-image-gallery.element-two .rt-image-big .rt-image-big-item .text-box h4{
font-size: 24px;
line-height: 36px;
color: #fff;
}
.rt-image-gallery.element-two .rt-image-big .rt-image-big-item .text-box p{
font-size: 18px;
line-height: 30px;
color: #B4B3B3;
}
.rt-image-gallery.element-two .rt-image-thumb .rt-image-thumb-item {
background: #C9C9C9;
height: auto;
line-height: 70px;
padding: 0px;
margin: 2px;
color: #FFF;
text-align: center;
cursor: pointer;
overflow: hidden;
margin-right:5px;
margin-left: 5px;
}
.rt-image-gallery.element-two .rt-image-thumb .rt-image-thumb-item:first-child{ }
.rt-image-gallery.element-two .rt-image-thumb .rt-image-thumb-item h1 {
font-size: 18px;
} .rt-image-gallery.element-two .rt-image-thumb .rt-image-thumb-item img{
width: 350px;
margin-left: 0;
height: 136px;
}
.owl-theme .owl-nav[class*='owl-'] {
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.owl-theme .owl-nav[class*='owl-'].disabled:hover {
background-color: #D6D6D6;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme {
position: relative;
margin-bottom: 20px;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-nav{
margin:0 auto;
text-align: center;
display: none;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-next,
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-prev { width: 22px;
line-height: 40px;
height: 40px;
margin-top: -20px;
position: absolute;
text-align: center;
bottom: -250px;
width: 40px;
height: 50px;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-prev {
left: 45%;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-prev{
background-image: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/gallery-arrow-left.png);
background-position: center center;
background-repeat: no-repeat;
filter: brightness(0.1) invert(0.5);
transition: all 0.3s;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-prev:hover,
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-next:hover{
filter: brightness(0.1) invert(0);
transition: all 0.3s;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-next {
right: 45%;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-next:focus,
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-prev:focus{
outline: none;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-next i,
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-prev i{
display: none;
}
.rt-image-gallery.element-two .rt-image-big.owl-theme .owl-next{
background-image: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/gallery-arrow-right.png);
background-position: center center;
background-repeat: no-repeat;
filter: brightness(0.1) invert(0.5);
transition: all 0.3s;
}  .rt-image-slider.element-one {
position: relative;
}
.rt-image-slider.element-one .rt-image-slider-item {
text-align: center;
}
.rt-image-slider.element-one .rt-image-slider-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 102 / 100) * 100%);
background-color: #000;
}
.rt-image-slider.element-one .rt-image-slider-item>.holder>.pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-image-slider.element-one .rt-image-slider-item>.holder:hover>.pic {
opacity: 0.7;
transform: scale(1.12);
-webkit-transform: scale(1.12);
}
.rt-image-slider.element-one .owl-nav {
display: none;
}
.rt-image-slider.element-one>.owl-dots {
display: none;
}       .radiantthemes-list.element-one ul li {
position: relative;
margin-bottom: 10px;
padding-left: 20px;
}
.radiantthemes-list.element-one ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f105";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-one ul li ul, .radiantthemes-list.element-one ul li ol {
margin-top: 12px;
}
.radiantthemes-list.element-one ol li {
margin-bottom: 10px;
}
.radiantthemes-list.element-one ol li ul, .radiantthemes-list.element-one ol li ol {
margin-top: 12px;
} .radiantthemes-list.element-two ul>li, .radiantthemes-list.element-two ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-two ul>li {
position: relative;
padding-left: 20px;
}
.radiantthemes-list.element-two ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f101";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-two>ul>li ul, .radiantthemes-list.element-two>ul>li ol {
margin-top: 12px;
} .radiantthemes-list.element-three ul>li, .radiantthemes-list.element-three ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-three ul>li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-three ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f0a9";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-three>ul>li ul, .radiantthemes-list.element-three>ul>li ol {
margin-top: 12px;
} .radiantthemes-list.element-four ul>li, .radiantthemes-list.element-four ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-four ul>li {
position: relative;
padding-left: 18px;
}
.radiantthemes-list.element-four ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f0da";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-four>ul>li ul, .radiantthemes-list.element-four>ul>li ol {
margin-top: 12px;
} .radiantthemes-list.element-five ul>li, .radiantthemes-list.element-five ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-five ul>li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-five ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f05d";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-five>ul>li ul, .radiantthemes-list.element-five>ul>li ol {
margin-top: 12px;
} .radiantthemes-list.element-six ul>li, .radiantthemes-list.element-six ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-six ul>li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-six ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f058";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-six>ul>li ul, .radiantthemes-list.element-six>ul>li ol {
margin-top: 12px;
} .radiantthemes-list.element-seven ul>li, .radiantthemes-list.element-seven ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-seven ul>li {
position: relative;
padding-left: 18px;
}
.radiantthemes-list.element-seven ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f111";
font-family: 'FontAwesome';
font-size: 55%;
}
.radiantthemes-list.element-seven>ul>li ul, .radiantthemes-list.element-seven>ul>li ol {
margin-top: 12px;
} .radiantthemes-list.element-eight ul>li, .radiantthemes-list.element-eight ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-eight ul>li {
position: relative;
padding-left: 20px;
}
.radiantthemes-list.element-eight ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f0c8";
font-family: 'FontAwesome';
font-size: 60%;
}
.radiantthemes-list.element-eight>ul>li ul, .radiantthemes-list.element-eight>ul>li ol {
margin-top: 12px;
} .radiantthemes-list.element-nine ul>li, .radiantthemes-list.element-nine ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-nine ul>li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-nine ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f005";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-nine>ul>li ul, .radiantthemes-list.element-nine>ul>li ol {
margin-top: 12px;
} .radiantthemes-list.element-ten ul>li, .radiantthemes-list.element-ten ol>li {
margin-bottom: 10px;
}
.radiantthemes-list.element-ten ul>li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-ten ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f178";
font-family: 'FontAwesome';
font-size: 80%;
}
.radiantthemes-list.element-ten>ul>li ul, .radiantthemes-list.element-ten>ul>li ol {
margin-top: 12px;
} .rt-masonry-gallery.element-one .rt-masonry-gallery-item {
margin-bottom: 30px;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder {
position: relative;
overflow: hidden;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder>.pic {
display: block;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder:hover>.pic {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder>.pic images {
width: 100%;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
padding: 25px;
background-color: rgba(227, 15, 95, 0.8);
opacity: 0;
visibility: hidden;
transform: scale(1.2);
-webkit-transform: scale(1.2);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder:hover>.data {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder>.data h5 {
margin-bottom: 12px;
font-weight: 400;
font-size: 30px;
color: #fff;
line-height: 40px;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item>.holder>.data p {
margin-bottom: 20px;
font-weight: 400;
font-size: 16px;
color: #fff;
line-height: 28px;
}       .radiantthemes-custom-menu.element-one {
text-align: left;
}
.radiantthemes-custom-menu.element-one ul.menu li {
position: relative;
padding-left: 22px;
margin-bottom: 12px;
font-size: 15px;
line-height: 28px;
}
.radiantthemes-custom-menu.element-one ul.menu li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f111";
font-family: 'FontAwesome';
font-size: 9px;
}
.radiantthemes-custom-menu.element-one ul.menu li a {
color: inherit;
}
.radiantthemes-custom-menu.element-one ul.menu li ul {
margin-top: 12px;
} .radiantthemes-custom-menu.element-two {
text-align: left;
}
.radiantthemes-custom-menu.element-two ul.menu li {
margin-bottom: 3px;
}
.radiantthemes-custom-menu.element-two ul.menu li a {
display: block;
background-color: #eeeeef;
padding: 14px 24px 14px 24px;
font-size: 16px;
color: #141515;
line-height: 28px;
border-left: 4px transparent solid;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-custom-menu.element-two ul.menu li:hover a, .radiantthemes-custom-menu.element-two ul.menu li.current-menu-item a {
background-color: #e1e1e5;
}
.radiantthemes-custom-menu.element-two ul.menu li ul {
margin-left: 15px;
} .radiantthemes-custom-menu.element-three {
text-align: left;
}
.radiantthemes-custom-menu.element-three ul.menu li {
position: relative;
padding-left: 18px;
margin-bottom: 12px;
font-size: 15px;
line-height: 28px;
}
.radiantthemes-custom-menu.element-three ul.menu li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f105";
font-family: 'FontAwesome';
}
.radiantthemes-custom-menu.element-three ul.menu li a {
color: inherit;
}
.radiantthemes-custom-menu.element-three ul.menu li ul {
margin-top: 12px;
} .radiantthemes-custom-menu.element-four {
text-align: center;
}
.radiantthemes-custom-menu.element-four ul.menu li {
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 12px;
font-size: 15px;
line-height: 28px;
}
.radiantthemes-custom-menu.element-four ul.menu li a {
color: inherit;
} .radiantthemes-custom-menu.element-five {
text-align: left;
}
.radiantthemes-custom-menu.element-five ul.menu li a {
position: relative;
display: block;
padding: 14px 24px 14px 24px;
background-color: #0e204c;
border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
font-size: 16px;
color: #fff;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-custom-menu.element-five ul.menu li a:before {
position: absolute;
top: 13px;
bottom: 13px;
left: 0;
z-index: 1;
content: " ";
width: 3px;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-custom-menu.element-five ul.menu li:last-child a, .radiantthemes-custom-menu.element-five ul.menu li:only-child a {
border-bottom: none;
}
.radiantthemes-custom-menu.element-five ul.menu li:hover a:before, .radiantthemes-custom-menu.element-five ul.menu li.current-menu-item a:before {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.radiantthemes-custom-menu.element-five ul.menu li ul {
margin-left: 15px;
} .rt-popup-video.element-one[data-popup-video-align=left]>.holder {
text-align: left;
}
.rt-popup-video.element-one[data-popup-video-align=center]>.holder {
text-align: center;
}
.rt-popup-video.element-one[data-popup-video-align=right]>.holder {
text-align: right;
}       .rt-portfolio-box.element-one {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
width: 20%;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 40%;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 106 / 100) * 100%);
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 80%;
padding: 20px 24px 20px 24px;
background-color: #fff;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 17px;
color: #1f1e1e;
line-height: 26px;
letter-spacing: -0.5px;
transform: translateX(-120%);
-webkit-transform: translateX(-120%);
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 15px;
font-weight: 400;
font-size: 12px;
color: #8a8a8a;
line-height: 22px;
letter-spacing: 0;
transform: translateX(-120%);
-webkit-transform: translateX(-120%);
transition: all 0.3s ease-in-out 0.6s;
-webkit-transition: all 0.3s ease-in-out 0.6s;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .portfolio-link, .rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .portfolio-link>i, .rt-portfolio-box.element-one .rt-portfolio-box-item>.holder>.data .portfolio-zoom>i {
display: block;
width: 32px;
height: 32px;
background-color: transparent;
border: 1px rgba(0, 0, 0, 0.75) solid;
border-radius: 50%;
text-align: center;
font-size: 11px;
color: #000;
line-height: 31px;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder:hover>.pic {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.rt-portfolio-box.element-one .rt-portfolio-box-item>.holder:hover>.data, .rt-portfolio-box.element-one .rt-portfolio-box-item>.holder:hover>.data .title, .rt-portfolio-box.element-one .rt-portfolio-box-item>.holder:hover>.data .categories {
transform: translateX(0);
-webkit-transform: translateX(0);
} .rt-portfolio-box.element-two {
margin-right: -5px;
margin-left: -5px;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: left;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.pic {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.pic>images {
width: 100%;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 23px 25px 23px 25px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 2px;
font-weight: 500;
font-size: 17px;
color: #fff;
line-height: 26px;
letter-spacing: -0.5px;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 10px;
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 25px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .portfolio-link, .rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .portfolio-link>i, .rt-portfolio-box.element-two .rt-portfolio-box-item>.holder>.data .portfolio-zoom>i {
display: block;
width: 32px;
height: 32px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.75) solid;
border-radius: 50%;
text-align: center;
font-size: 11px;
color: #fff;
line-height: 31px;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder:hover>.pic {
transform: scale(1.17);
-webkit-transform: scale(1.17);
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder:hover>.overlay {
opacity: 0.75;
visibility: visible;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item>.holder:hover>.data, .rt-portfolio-box.element-two .rt-portfolio-box-item>.holder:hover>.data .categories {
opacity: 1;
visibility: visible;
} .rt-portfolio-box.element-three {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 90 / 100) * 100%);
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTc3LjU5MiwwSDIwLjEwNUM5LDAsMCw5LDAsMjAuMTA1djE1Ni44MTdjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjQwLjIwOSAgICAgaDEzNy4zODJjMTEuMTA0LDAsMjAuMTA1LTksMjAuMTA1LTIwLjEwNUMxOTcuNjk2LDksMTg4LjY5NiwwLDE3Ny41OTIsMHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTE3Ni45MjEsNDcxLjEySDQwLjIwOVYzMzQuNDA4YzAtMTEuMTA0LTktMjAuMTA1LTIwLjEwNS0yMC4xMDVDOSwzMTQuMzA0LDAsMzIzLjMwNCwwLDMzNC40MDh2MTU2LjgxNyAgICAgYzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1UzE4OC4wMjYsNDcxLjEyLDE3Ni45MjEsNDcxLjEyeiIgZmlsbD0iIzA5MDkwOSIvPgoJCQk8cGF0aCBkPSJNNDkxLjIyNSwzMTQuMzA0Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1djEzNy4zODJIMzM0LjQwOGMtMTEuMTA0LDAtMjAuMTA1LDktMjAuMTA1LDIwLjEwNSAgICAgczksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOC45OTQsMjAuMTA1LTIwLjEwNVYzMzQuNDA4QzUxMS4zMywzMjMuMzA0LDUwMi4zMywzMTQuMzA0LDQ5MS4yMjUsMzE0LjMwNHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTQ5MS44OTUsMEgzMzQuNDA4Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1YzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTM3LjM4MnYxMzcuMzgyICAgICBjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMTEsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjIwLjEwNUM1MTIsOSw1MDMsMCw0OTEuODk1LDB6IiBmaWxsPSIjMDkwOTA5Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-size: 24px auto;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
padding: 25px 30px 25px 30px;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 2px;
font-weight: 400;
font-size: 13px;
line-height: 25px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
transition: all 0.2s ease-in-out 0.2s;
-webkit-transition: all 0.2s ease-in-out 0.2s;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 18px;
color: #090909;
line-height: 28px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
transition: all 0.2s ease-in-out 0.5s;
-webkit-transition: all 0.2s ease-in-out 0.5s;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.action-buttons {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 3;
padding: 20px;
text-align: right;
font-size: 0;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link, .rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: transparent;
border: 1px rgba(0, 0, 0, 0.7) solid;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transform: translateX(30px);
-webkit-transform: translateX(30px);
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link>i, .rt-portfolio-box.element-three .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom>i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #1e1666;
line-height: 32px;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.pic {
transform: scale(1.3);
-webkit-transform: scale(1.3);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.overlay, .rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.overlay .categories, .rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.overlay .title, .rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.data .categories, .rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.data .title {
opacity: 1;
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0);
}
.rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.action-buttons>.portfolio-link, .rt-portfolio-box.element-three .rt-portfolio-box-item>.holder:hover>.action-buttons>.portfolio-zoom {
opacity: 1;
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0);
} .rt-portfolio-box.element-four {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.pic>images {
width: 100%;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0.5;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
padding: 27px 35px 27px 35px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 6px;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 26px;
letter-spacing: 0;
opacity: 0;
transform: translateX(-40px);
transition: transform 0.6s cubic-bezier(0, 0, 0, 0.85), opacity 0.4s linear;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 3px;
font-weight: 700;
font-size: 28px;
color: #fff;
line-height: 35px;
letter-spacing: -0.3px;
opacity: 0;
transform: translateX(-40px);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.portfolio-link, .rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.portfolio-zoom {
position: absolute;
top: 15px;
z-index: 2;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.6) solid;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.5s ease-in-out;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.portfolio-link>i, .rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.portfolio-zoom>i {
display: block;
width: 45px;
height: 45px;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 45px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.portfolio-link {
left: 15px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder>.portfolio-zoom {
right: 15px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder:hover>.overlay {
transform: scaleX(1);
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder:hover>.data .title {
opacity: 1;
transform: translateX(0);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder:hover>.data .categories {
opacity: 1;
transform: translateX(0);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item>.holder:hover>.portfolio-link, .rt-portfolio-box.element-four .rt-portfolio-box-item>.holder:hover>.portfolio-zoom {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box.element-five {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.pic>images {
width: 100%;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
padding: 20px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 26px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateY(-12px);
-webkit-transform: translateY(-12px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 13px;
color: #fff;
line-height: 22px;
letter-spacing: 0px;
opacity: 0;
visibility: hidden;
transform: translateY(12px);
-webkit-transform: translateY(12px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .action-buttons {
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.6s ease-in-out 0.4s;
-webkit-transition: all 0.6s ease-in-out 0.4s;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .action-buttons>.portfolio-link, .rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.7) solid;
border-radius: 50%;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .action-buttons>.portfolio-link>i, .rt-portfolio-box.element-five .rt-portfolio-box-item>.holder>.data .action-buttons>.portfolio-zoom>i {
display: block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 35px;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item>.holder:hover>.data .categories, .rt-portfolio-box.element-five .rt-portfolio-box-item>.holder:hover>.data .title, .rt-portfolio-box.element-five .rt-portfolio-box-item>.holder:hover>.data .action-buttons {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box-item .holder .overlay-link {
z-index: 999;
display: inline-block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
text-indent: -99999px;
}
.rt-portfolio-box.element-six {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item:nth-child(4n) {
margin-bottom: 1px;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 90 / 100) * 100%);
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: rgba(255, 255, 255, 0.2);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 20px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 3px;
font-weight: 600;
font-size: 18px;
color: #fff;
line-height: 28px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: scale(1.2);
-webkit-transform: scale(1.2);
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 1px;
font-weight: 400;
font-size: 12px;
line-height: 22px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: scale(1.2);
-webkit-transform: scale(1.2);
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.action-buttons {
position: absolute;
bottom: 30px;
left: 15px;
right: 15px;
z-index: 3;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.6s ease-in-out 0.6s;
-webkit-transition: all 0.6s ease-in-out 0.6s;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link, .rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
margin-right: 10px;
background-color: #fff;
border-radius: 50%;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link>i, .rt-portfolio-box.element-six .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom>i {
display: block;
width: 45px;
height: 45px;
text-align: center;
font-size: 15px;
color: #222;
line-height: 45px;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder:hover>.overlay {
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder:hover>.data .categories, .rt-portfolio-box.element-six .rt-portfolio-box-item>.holder:hover>.data .title {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
.rt-portfolio-box.element-six .rt-portfolio-box-item>.holder:hover>.action-buttons {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box.element-seven {
margin-right: 0;
margin-left: 0;
background-color: #fff;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 90 / 100) * 100%);
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 22px 25px 25px 25px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data>.table>.table-cell>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data hr {
max-width: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
border-top-width: 1px;
border-top-color: #000;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 5px;
font-weight: 500;
font-size: 17px;
color: #000;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 1px;
font-weight: 400;
font-size: 13px;
color: #000;
line-height: 22px;
letter-spacing: 0;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.action-buttons {
position: absolute;
bottom: 25px;
left: 25px;
right: 25px;
z-index: 2;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link, .rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-right: 15px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.7) solid;
border-radius: 50%;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link>i, .rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom>i {
display: block;
width: 40px;
height: 40px;
text-align: center;
font-size: 14px;
color: #fff;
line-height: 40px;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder:hover>.overlay {
opacity: 0.92;
visibility: visible;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item>.holder:hover>.action-buttons {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box.element-eight {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 106 / 100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
overflow: hidden;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data>.holder {
padding: 17px 20px 18px 20px;
transform: translateY(110%);
transition: all 0.3s ease;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data>.holder>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data>.holder .title {
margin-bottom: 1px;
font-weight: 500;
font-size: 17px;
color: #151515;
line-height: 28px;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data>.holder .title a {
color: inherit;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data>.holder .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 13px;
color: #8a8a8a;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data>.holder .categories span:after {
content: "/";
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data>.holder .categories span:last-child:after, .rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.data>.holder .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.action-buttons {
position: absolute;
top: 25px;
right: 25px;
z-index: 4;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.4s ease-in-out 0.4s;
-webkit-transition: all 0.4s ease-in-out 0.4s;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link, .rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: transparent;
border: 1px rgba(0, 0, 0, 0.7) solid;
border-radius: 50%;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link>i, .rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom>i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #151515;
line-height: 32px;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder:hover {
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder:hover>.data {
animation: PortfolioEightBounce 900ms ease 0s normal;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder:hover>.data>.holder {
transform: translateY(0);
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item>.holder:hover>.action-buttons {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
@keyframes PortfolioEightBounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
100% {
transform: translateY(0);
}
} .rt-portfolio-box.element-nine {
margin-right: -5px;
margin-left: -5px;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item {
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 150 / 100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover {
box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 25px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 22px 25px 22px 25px;
background-color: rgba(0, 0, 0, 0.25);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 3px;
font-weight: 400;
font-size: 13px;
color: #fff;
line-height: 26px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: all 0.3s ease-in-out 0s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 5px;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 26px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.action-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
padding: 20px;
text-align: right;
font-size: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out 0.6s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link, .rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 5px;
margin-right: 5px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.7) solid;
border-radius: 50%;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link>i, .rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom>i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 32px;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover>.pic {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover>.overlay {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover>.data, .rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover>.action-buttons {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover>.data .categories, .rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover>.data .title, .rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover>.action-buttons .categories, .rt-portfolio-box.element-nine .rt-portfolio-box-item>.holder:hover>.action-buttons .title {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .rt-portfolio-box.element-ten {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 100 / 100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data {
position: absolute;
bottom: 25px;
right: 25px;
max-width: calc( 100% - 50px);
z-index: 3;
overflow: hidden;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data>.holder {
padding: 17px 22px 20px 22px;
transform: translateY(110%);
transition: all 0.3s ease;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data>.holder>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data>.holder .categories {
margin-bottom: 3px;
font-weight: 500;
font-size: 14px;
color: #8a8a8a;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data>.holder .categories span:after {
content: "/";
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data>.holder .categories span:last-child:after, .rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data>.holder .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data>.holder .title {
margin-bottom: 1px;
text-transform: uppercase;
font-weight: 700;
font-size: 21px;
color: #151515;
line-height: 28px;
letter-spacing: -0.3px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.data>.holder .title a {
color: inherit;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.action-buttons {
position: absolute;
top: 25px;
right: 25px;
z-index: 4;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.4s ease-in-out 0.4s;
-webkit-transition: all 0.4s ease-in-out 0.4s;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link, .rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: rgba(255, 255, 255, 0.1);
border: 1px rgba(255, 255, 255, 0.7) solid;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link>i, .rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom>i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 32px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder:hover {
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder:hover>.data {
animation: PortfolioTenBounce 900ms ease 0s normal;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder:hover>.data>.holder {
transform: translateY(0);
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item>.holder:hover>.action-buttons {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
@keyframes PortfolioTenBounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
100% {
transform: translateY(0);
}
} .rt-portfolio-box.element-eleven {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.pic>images {
width: 100%;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
padding: 27px 30px 30px 30px;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.65);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 11px;
font-weight: 500;
font-size: 20px;
color: #fff;
line-height: 28px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 15px;
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 22px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data .categories span:last-child:after, .rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data .excerpt {
margin-bottom: 20px;
color: #fff;
line-height: 26px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.6s;
-webkit-transition: all 0.3s ease-in-out 0.6s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder>.data .btn {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
margin-right: 10px;
background-color: #f94338;
border: none;
border-radius: 50%;
text-align: center;
font-size: 21px;
color: #fff;
line-height: 43px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.9s;
-webkit-transition: all 0.3s ease-in-out 0.9s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder:hover>.data .title, .rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder:hover>.data .categories, .rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder:hover>.data .excerpt, .rt-portfolio-box.element-eleven .rt-portfolio-box-item>.holder:hover>.data .btn {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box.element-twelve {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.pic images {
width: 100%;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
overflow: hidden;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data>.holder {
padding: 17px 20px 18px 20px;
transform: translateY(110%);
transition: all 0.3s ease;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data>.holder>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data>.holder .title {
margin-bottom: 1px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data>.holder .title a {
color: inherit;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data>.holder .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 13px;
color: #8a8a8a;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data>.holder .categories span:after {
content: "/";
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data>.holder .categories span:last-child:after, .rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.data>.holder .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.action-buttons {
position: absolute;
top: 25px;
right: 25px;
z-index: 4;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.4s ease-in-out 0.4s;
-webkit-transition: all 0.4s ease-in-out 0.4s;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link, .rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: #fff;
border: none;
border-radius: 50%;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link>i, .rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom>i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #1e1666;
line-height: 32px;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder:hover {
box-shadow: 0 15px 25px 0 18px rgba(0, 0, 0, 0.25)
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder:hover>.data {
animation: PortfolioTwelveBounce 900ms ease 0s normal;
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder:hover>.data>.holder {
transform: translateY(0);
}
.rt-portfolio-box.element-twelve .rt-portfolio-box-item>.holder:hover>.action-buttons {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
@keyframes PortfolioTwelveBounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
100% {
transform: translateY(0);
}
} .rt-portfolio-box.element-thirteen {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.pic images {
width: 100%;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data {
position: absolute;
bottom: 20px;
left: 20px;
z-index: 3;
overflow: hidden;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data>.holder {
padding: 17px 20px 18px 20px;
transform: translateY(110%);
transition: all 0.3s ease;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data>.holder>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data>.holder .title {
margin-bottom: 1px;
font-weight: 500;
font-size: 17px;
color: #151515;
line-height: 28px;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data>.holder .title a {
color: inherit;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data>.holder .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 13px;
color: #8a8a8a;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data>.holder .categories span:after {
content: "/";
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data>.holder .categories span:last-child:after, .rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.data>.holder .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.action-buttons {
position: absolute;
top: 25px;
right: 25px;
z-index: 4;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.4s ease-in-out 0.4s;
-webkit-transition: all 0.4s ease-in-out 0.4s;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link, .rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: #ffffff;
border: none;
border-radius: 50%;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-link>i, .rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder>.action-buttons>.portfolio-zoom>i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #1e1666;
line-height: 32px;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder:hover {
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder:hover>.data {
animation: PortfolioThirteenBounce 900ms ease 0s normal;
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder:hover>.data>.holder {
transform: translateY(0);
}
.rt-portfolio-box.element-thirteen .rt-portfolio-box-item>.holder:hover>.action-buttons {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
@keyframes PortfolioThirteenBounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
100% {
transform: translateY(0);
}
} .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item{
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder>.pic{
position: relative;
overflow: hidden;
transform: scale(1) translateY(0);
-webkit-transform: scale(1) translateY(0);
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder:hover .pic{
transform: scale(1.06) translateY(-12px);
-webkit-transform: scale(1.06) translateY(-12px);
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder>.pic> a > img {
width: 100%;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder>.data {
position: relative;
z-index: 1;
padding: 8px 20px;
margin: 0 30px;
background-color: #ffffff;
border-radius: 4px;
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
box-shadow: 0 10px 20px 0 rgba(0,0,0,0.08);
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder:hover .data{
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder>.data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 18px;
color: #000000;
line-height: 26px;
letter-spacing: -0.5px;
transition: all 0.4s cubic-bezier(0.39, 0.01, 0.36, 0.9);
position: relative;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder>.data .title a {
color: inherit;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item>.holder>.data .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 13px;
color: #000000;
line-height: 22px;
letter-spacing: 0px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .rt-portfolio-box.element-fifteen {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item {
margin-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item  > .data {
text-align: center;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title {
margin-bottom: 3px;
font-weight: 700;
font-size: 28px;
color: #000;
line-height: 35px;
letter-spacing: -0.3px;
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
background-color: rgba(0,0,0,0.4);
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transform: scale(0);
margin: 0 8px 0 0;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link{
transition: transform 0.3s ease-in;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom{
transition: transform 0.3s ease-in 0.2s;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover{
background-color: rgba(0,0,0,1);
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span {
display: block;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 40px;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .overlay {
opacity: 0.9;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn  > .portfolio-link,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn  > .portfolio-zoom {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
} .rt-portfolio-box.element-sixteen  {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item {
margin-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item > .holder > .pic{
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item:hover > .holder > .pic{
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item > .data .title {
margin-bottom: 1px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-sixteen  .rt-portfolio-box-item > .data > .holder .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #828282;
line-height: 26px;
letter-spacing: 0;
}   @media screen and (min-width: 768px) and (max-width: 991px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
width: 50%;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 100%;
}
} @media screen and (min-width: 480px) and (max-width: 767px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
width: 50%;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 100%;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box, .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 100%;
}
} @media screen and (max-width: 320px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box, .rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 100%;
}
} .rt-portfolio-box-filter[class*='filter-style-']{
font-size:0;
}
.rt-portfolio-box-filter.filter-style-one{
margin-bottom:30px;
}
.rt-portfolio-box-filter.filter-style-two{
margin-bottom:40px;
}
.rt-portfolio-box-filter.filter-style-three{
margin-bottom:40px;
}
.rt-portfolio-box-filter.filter-style-four{
margin-bottom:70px;
padding-top:13px;
padding-bottom:16px;
border-top:1px #cbc8cd solid;
border-bottom:1px #cbc8cd solid;
}
.rt-portfolio-box-filter.filter-style-five{
margin-bottom:20px;
}
.rt-portfolio-box-filter.filter-style-six{
margin-bottom:30px;
border-top:1px #cdced2 solid;
border-bottom:1px #cdced2 solid;
}
.rt-portfolio-box-filter.filter-style-seven{
margin-bottom:35px;
} .rt-portfolio-box-filter.filter-style-one > button{
display:inline-block;
vertical-align:top;
margin-left:20px;
margin-right:20px;
padding:0;
background-color:initial;
border:none;
text-transform:uppercase;
font-weight:600;
font-size:15px;
color:#4e4e4e;
line-height:25px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-one > button.current-menu-item{
} .rt-portfolio-box-filter.filter-style-two > button{
position: relative;
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
padding: 0;
background-color: initial;
border: none;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
color: #9d9d9d;
line-height: 20px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-two > button span {
display: block;
padding: 8px 20px 8px 20px;
}
.rt-portfolio-box-filter.filter-style-two > button:before {
content: "";
width: 0;
height: 2px;
position: absolute;
transition: all 0.2s linear;
background: #000;
left: 0;
top: -2px;
transition-duration: 0.4s;
}
.rt-portfolio-box-filter.filter-style-two > button:after {
content: "";
width: 0;
height: 2px;
position: absolute;
transition: all 0.2s linear;
background: #000;
right: 0;
bottom: -2px;
transition-duration: 0.4s;
}
.rt-portfolio-box-filter.filter-style-two > button:hover:before,
.rt-portfolio-box-filter.filter-style-two > button:hover:after {
width: 100%;
}
.rt-portfolio-box-filter.filter-style-two > button span:before {
content: "";
width: 2px;
height: 0;
position: absolute;
transition: all 0.2s linear;
background: #000;
left: 0;
top: 0;
transition-duration: 0.4s;
}
.rt-portfolio-box-filter.filter-style-two > button span:after {
content: "";
width: 2px;
height: 0;
position: absolute;
transition: all 0.2s linear;
background: #000;
right: 0;
bottom: 0;
transition-duration: 0.4s;
}
.rt-portfolio-box-filter.filter-style-two > button:hover span:before,
.rt-portfolio-box-filter.filter-style-two > button:hover span:after {
height: 100%;
}
.rt-portfolio-box-filter.filter-style-two > button.current-menu-item:before,
.rt-portfolio-box-filter.filter-style-two > button.current-menu-item:after {
width: 100%;
}
.rt-portfolio-box-filter.filter-style-two > button.current-menu-item span:before,
.rt-portfolio-box-filter.filter-style-two > button.current-menu-item span:after{
height: 100%;
} .rt-portfolio-box-filter.filter-style-three > button{
position:relative;
display:inline-block;
vertical-align:top;
margin-left:5px;
margin-right:5px;
padding:6px 15px 8px 15px;
background-color:initial;
border:none;
text-transform:uppercase;
font-weight:600;
font-size:15px;
color:#4e4e4e;
line-height:25px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-three > button.current-menu-item{
}
.rt-portfolio-box-filter.filter-style-three > button:before{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
content:" ";
background-color:#fff;
border:1px #ccc solid;
border-radius:3px;
opacity:0;
visibility:hidden;
transform:scaleY(0);
-webkit-transform:scaleY(0);
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-three > button.current-menu-item:before{
opacity:1;
visibility:visible;
transform:scaleY(1);
-webkit-transform:scaleY(1);
}
.rt-portfolio-box-filter[class*='filter-style-'] > button > span{
position:relative;
} .rt-portfolio-box-filter.filter-style-four > button{
position:relative;
display:inline-block;
vertical-align:top;
margin-left:15px;
margin-right:15px;
padding:0;
background-color:initial;
border:none;
text-transform:uppercase;
font-weight:400;
font-size:16px;
color:#25182b;
line-height:28px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-four > button.current-menu-item{
}
.rt-portfolio-box-filter[class*='filter-style-'] > button > span{
position:relative;
} .rt-portfolio-box-filter.filter-style-five > button{
display:inline-block;
vertical-align:top;
margin-left:10px;
margin-right:10px;
padding:0;
background-color:initial;
border:none;
text-transform:uppercase;
font-weight:400;
font-size:13px;
color:#8890b2;
line-height:26px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-five > button:first-child{
margin-left:0;
}
.rt-portfolio-box-filter.filter-style-five > button:last-child{
float:right;
margin-right:0;
}
.rt-portfolio-box-filter.filter-style-five > button:only-child{
margin-left:0;
margin-right:0;
}
.rt-portfolio-box-filter.filter-style-five > button.current-menu-item{
color:#001a57;
} .rt-portfolio-box-filter.filter-style-six > button{
position:relative;
display:inline-block;
vertical-align:top;
padding:9px 18px 11px 18px;
background-color:initial;
border:none;
text-transform:uppercase;
font-weight:500;
font-size:15px;
color:#001040;
line-height:25px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-six > button.current-menu-item{
color:#085876;
}
.rt-portfolio-box-filter.filter-style-six > button:before{
position:absolute;
bottom:-3px;
left:50%;
z-index:0;
content:" ";
width:30px;
height:5px;
margin-left:-15px;
background-color:#0f91a0;
transform:scaleX(0);
-webkit-transform:scaleX(0);
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-six > button.current-menu-item:before{
transform:scaleX(1);
-webkit-transform:scaleX(1);
} .rt-portfolio-box-filter.filter-style-seven > button{
position:relative;
display:inline-block;
vertical-align:top;
padding:12px 20px 10px 20px;
background-color:initial;
border:none;
border-top:5px #d9d9da solid;
text-transform:uppercase;
font-weight:600;
font-size:15px;
color:#171c30;
line-height:26px;
letter-spacing:1px;
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-seven > button.current-menu-item{
}
.rt-portfolio-box-filter.filter-style-seven > button:before{
position:absolute;
top:-5px;
left:0;
right:0;
z-index:0;
content:" ";
height:5px;
background-color:#f5b315;
transform:scaleX(0);
-webkit-transform:scaleX(0);
transition:all 0.3s ease-in-out;
-webkit-transition:all 0.3s ease-in-out;
}
.rt-portfolio-box-filter.filter-style-seven > button.current-menu-item:before{
transform:scaleX(1);
-webkit-transform:scaleX(1);
} @media screen and (min-width:1200px){
} @media screen and (min-width:992px) and (max-width:1199px){
} @media screen and (min-width:768px) and (max-width:991px){
} @media screen and (min-width:480px) and (max-width:767px){
} @media screen and (min-width:321px) and (max-width:479px){ .rt-portfolio-box-filter.filter-style-one > button,
.rt-portfolio-box-filter.filter-style-two > button,
.rt-portfolio-box-filter.filter-style-three > button,
.rt-portfolio-box-filter.filter-style-five > button{
width:100%;
margin:0px 0px 15px 0px;
}
} @media screen and (max-width:320px){ .rt-portfolio-box-filter.filter-style-one > button,
.rt-portfolio-box-filter.filter-style-two > button,
.rt-portfolio-box-filter.filter-style-three > button,
.rt-portfolio-box-filter.filter-style-five > button{
width:100%;
margin:0px 0px 15px 0px;
}
} .rt-portfolio-slider.element-one {
width: auto;
margin-left: 0;
margin-right: 0;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder {
position: relative;
padding-top: calc( ( 109 / 100) * 100%);
overflow: hidden;
text-align: inherit;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder>.pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 2;
padding: 15px;
background-color: rgba(19, 19, 19, 0.8);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data>.table>.table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data>.table>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data h4 {
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
padding: 8px 22px 7px 22px;
background-color: #000;
border-radius: 5px;
font-weight: 500;
font-size: 16px;
color: #fff;
line-height: 22px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data h4 a {
color: inherit;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data p {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 18px;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data p span:after {
content: ",";
margin-right: 3px;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data p span:last-child:after, .rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .data p span:only-child:after {
display: none;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
width: auto;
height: auto;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder:hover>.pic {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder:hover>.data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder:hover>.data h4, .rt-portfolio-slider.element-one .rt-portfolio-slider-item>.holder:hover>.data p {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-slider.element-one>.owl-nav>.owl-prev, .rt-portfolio-slider.element-one>.owl-nav>.owl-next {
position: absolute;
top: 50%;
z-index: 1;
font-size: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-one>.owl-nav>.owl-prev {
left: -20px;
}
.rt-portfolio-slider.element-one:hover>.owl-nav>.owl-prev {
left: 20px;
}
.rt-portfolio-slider.element-one>.owl-nav>.owl-next {
right: -20px;
}
.rt-portfolio-slider.element-one:hover>.owl-nav>.owl-next {
right: 20px;
}
.rt-portfolio-slider.element-one>.owl-nav>.owl-prev:before, .rt-portfolio-slider.element-one>.owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #fff;
line-height: 36px;
}
.rt-portfolio-slider.element-one>.owl-nav>.owl-prev:before {
content: "\f104";
}
.rt-portfolio-slider.element-one>.owl-nav>.owl-next:before {
content: "\f105";
}       .rt-portfolio-slider.element-two {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.pic {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.pic>images {
width: 100%;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.pic>.overlay {
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder:hover>.pic>.overlay {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.data h4 {
margin-bottom: 10px;
font-weight: 600;
font-size: 20px;
color: #030712;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder:hover>.data h4 {
color: #1d4fce;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.data h4 a {
color: inherit;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.data p {
margin-bottom: 4px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #030712;
line-height: 22px;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.data p span:after {
content: ",";
margin-right: 3px;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.data p span:last-child:after, .rt-portfolio-slider.element-two .rt-portfolio-slider-item>.holder>.data p span:only-child:after {
display: none;
}
.rt-portfolio-slider.element-two>.owl-nav>.owl-prev, .rt-portfolio-slider.element-two>.owl-nav>.owl-next {
position: absolute;
top: calc(50% - 53px);
z-index: 1;
font-size: 0;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-two:hover>.owl-nav>.owl-prev, .rt-portfolio-slider.element-two:hover>.owl-nav>.owl-next {
transform: scale(1);
-webkit-transform: scale(1);
}
.rt-portfolio-slider.element-two>.owl-nav>.owl-prev {
left: 30px;
}
.rt-portfolio-slider.element-two>.owl-nav>.owl-next {
right: 30px;
}
.rt-portfolio-slider.element-two>.owl-nav>.owl-prev:before, .rt-portfolio-slider.element-two>.owl-nav>.owl-next:before {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 50%;
text-align: center;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
line-height: 50px;
}
.rt-portfolio-slider.element-two>.owl-nav>.owl-prev:before {
content: "\f177";
}
.rt-portfolio-slider.element-two>.owl-nav>.owl-next:before {
content: "\f178";
}       .rt-portfolio-slider.element-three {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item>.holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item>.holder>.pic {
position: relative;
overflow: hidden;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item>.holder>.pic>images {
width: 100%;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item>.holder>.pic>.holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item>.holder:hover>.pic>.holder {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item>.holder>.overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
width: auto;
height: auto;
}
.rt-portfolio-slider.element-three>.owl-nav>.owl-prev, .rt-portfolio-slider.element-three>.owl-nav>.owl-next {
position: absolute;
top: 50%;
z-index: 1;
font-size: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-three>.owl-nav>.owl-prev {
left: -20px;
}
.rt-portfolio-slider.element-three:hover>.owl-nav>.owl-prev {
left: 20px;
}
.rt-portfolio-slider.element-three>.owl-nav>.owl-next {
right: -20px;
}
.rt-portfolio-slider.element-three:hover>.owl-nav>.owl-next {
right: 20px;
}
.rt-portfolio-slider.element-three>.owl-nav>.owl-prev:before, .rt-portfolio-slider.element-three>.owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #fff;
line-height: 36px;
}
.rt-portfolio-slider.element-three>.owl-nav>.owl-prev:before {
content: "\f104";
}
.rt-portfolio-slider.element-three>.owl-nav>.owl-next:before {
content: "\f105";
}       .rt-pricing-table.element-one>.holder {
position: relative;
padding: 40px 25px 45px 25px;
background-color: #fff;
border: 1px #efefef solid;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-one>.holder>.heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-one>.holder>.heading>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-one>.holder>.heading .title {
margin-bottom: 10px;
font-weight: 500;
font-size: 20px;
color: #222;
line-height: 27px;
letter-spacing: -0.5px;
}
.rt-pricing-table.element-one>.holder>.heading .subtitle {
max-width: 195px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 14px;
line-height: 27px;
}
.rt-pricing-table.element-one>.holder>.pricing {
position: relative;
margin-bottom: 26px;
}
.rt-pricing-table.element-one>.holder>.pricing>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-one>.holder>.pricing .price {
margin-bottom: 30px;
font-weight: 300;
font-size: 80px;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-one>.holder>.pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
color: #7d789a;
line-height: 1;
}
.rt-pricing-table.element-one>.holder>.pricing .pricing-tag {
display: inline-block;
vertical-align: top;
margin-bottom: 22px;
padding: 5px 17px 5px 17px;
background-color: #d9d4f0;
border-radius: 35px;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
color: #252525;
line-height: 25px;
}
.rt-pricing-table.element-one>.holder>.pricing .tagline {
margin-bottom: 10px;
}
.rt-pricing-table.element-one>.holder>.list {
margin-bottom: 35px;
}
.rt-pricing-table.element-one>.holder>.list>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-one>.holder>.list ul {
max-width: 195px;
margin: 0 auto;
}
.rt-pricing-table.element-one>.holder>.list ul li {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px #f3f3f3 solid;
}
.rt-pricing-table.element-one>.holder>.list ul li:last-child, .rt-pricing-table.element-one>.holder>.list ul li:only-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.rt-pricing-table.element-one>.holder>.more>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-one>.holder>.more .btn {
margin-bottom: 15px;
padding: 12px 37px 13px 37px;
border-width: 1px;
border-style: solid;
border-radius: 35px;
font-weight: 600;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-one>.holder>.more .btn:hover {
color: #fff !important;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}
.rt-pricing-table.element-one.spotlight>.holder {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.rt-pricing-table.element-one.spotlight>.holder>.pricing .pricing-tag {
color: #fff !important;
}
.rt-pricing-table.element-one.spotlight>.holder>.more .btn {
color: #fff !important;
} .rt-pricing-table.element-two>.holder {
position: relative;
padding: 46px 25px 50px 25px;
background-color: #fff;
border: 1px #e7e6e6 solid;
border-top-width: 6px;
border-top-color: #e7e6e6;
border-top-style: solid;
text-align: left;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-two>.holder>.heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-two>.holder>.heading>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-two>.holder>.heading .title {
margin-bottom: 10px;
font-weight: 600;
font-size: 22px;
color: #030712;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-pricing-table.element-two>.holder>.heading .subtitle {
max-width: 195px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.rt-pricing-table.element-two>.holder>.pricing {
position: relative;
margin-bottom: 26px;
}
.rt-pricing-table.element-two>.holder>.pricing>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-two>.holder>.pricing .price {
margin-bottom: 30px;
font-weight: 700;
font-size: 55px;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-two>.holder>.pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 300;
font-size: 25px;
line-height: 1;
}
.rt-pricing-table.element-two>.holder>.pricing .price sub {
display: inline-block;
vertical-align: top;
margin-bottom: 11px;
margin-left: 8px;
font-weight: 400;
font-size: 20px;
color: #030712;
line-height: 48px;
}
.rt-pricing-table.element-two>.holder>.pricing .tagline {
max-width: 195px;
margin: 0 0 10px 0;
font-weight: 400;
font-size: 14px;
line-height: 27px;
}
.rt-pricing-table.element-two>.holder>.list {
margin-bottom: 35px;
}
.rt-pricing-table.element-two>.holder>.list>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-two>.holder>.list ul { margin: 0 auto;
}
.rt-pricing-table.element-two>.holder>.list ul li {
margin-bottom: 21px;
font-size: 16px;
line-height: 28px;
}
.rt-pricing-table.element-two>.holder>.list ul li:last-child, .rt-pricing-table.element-two>.holder>.list ul li:only-child {
margin-bottom: 0;
}
.rt-pricing-table.element-two>.holder>.list ul li:before {
display: inline-block;
vertical-align: middle;
content: " ";
width: 14px;
height: 14px;
margin-right: 10px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDM3LjAxOSw3NC45OEMzODguNjY3LDI2LjYyOSwzMjQuMzgsMCwyNTYsMEMxODcuNjE5LDAsMTIzLjMzMSwyNi42MjksNzQuOTgsNzQuOThDMjYuNjI4LDEyMy4zMzIsMCwxODcuNjIsMCwyNTYgICAgczI2LjYyOCwxMzIuNjY3LDc0Ljk4LDE4MS4wMTlDMTIzLjMzMiw0ODUuMzcxLDE4Ny42MTksNTEyLDI1Niw1MTJjNjguMzgsMCwxMzIuNjY3LTI2LjYyOSwxODEuMDE5LTc0Ljk4MSAgICBDNDg1LjM3MSwzODguNjY3LDUxMiwzMjQuMzgsNTEyLDI1NlM0ODUuMzcxLDEyMy4zMzMsNDM3LjAxOSw3NC45OHogTTI1Niw0ODJDMTMxLjM4Myw0ODIsMzAsMzgwLjYxNywzMCwyNTZTMTMxLjM4MywzMCwyNTYsMzAgICAgczIyNiwxMDEuMzgzLDIyNiwyMjZTMzgwLjYxNyw0ODIsMjU2LDQ4MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNzguMzA1LDE3My44NTljLTUuODU3LTUuODU2LTE1LjM1NS01Ljg1Ni0yMS4yMTIsMC4wMDFMMjI0LjYzNCwzMDYuMzE5bC02OS43MjctNjkuNzI3ICAgIGMtNS44NTctNS44NTctMTUuMzU1LTUuODU3LTIxLjIxMywwYy01Ljg1OCw1Ljg1Ny01Ljg1OCwxNS4zNTUsMCwyMS4yMTNsODAuMzMzLDgwLjMzM2MyLjkyOSwyLjkyOSw2Ljc2OCw0LjM5MywxMC42MDYsNC4zOTMgICAgYzMuODM4LDAsNy42NzgtMS40NjUsMTAuNjA2LTQuMzkzbDE0My4wNjYtMTQzLjA2NkMzODQuMTYzLDE4OS4yMTUsMzg0LjE2MywxNzkuNzE3LDM3OC4zMDUsMTczLjg1OXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-size: 100% 100%;
}
.rt-pricing-table.element-two>.holder>.more>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-two>.holder>.more .btn {
margin-bottom: 15px;
padding: 12px 37px 13px 37px;
border-width: 2px;
border-style: solid;
border-radius: 0;
font-weight: 600;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-two>.holder>.more .btn:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}
.rt-pricing-table.element-two.spotlight>.holder {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.rt-pricing-table.element-two.spotlight>.holder>.more .btn {
color: #fff !important;
} .rt-pricing-table.element-three>.holder {
position: relative;
padding: 46px 25px 50px 25px;
background-color: #fff;
border: 1px #e7e6e6 solid;
text-align: center;
overflow: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-three>.holder .hightlight-tag {
position: absolute;
top: 15px;
right: -30px;
z-index: 1;
padding: 3px 50px 4px 70px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
color: #fff;
line-height: 26px;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
}
.rt-pricing-table.element-three>.holder>.icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-three>.holder>.heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-three>.holder>.heading>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three>.holder>.heading .title {
margin-bottom: 10px;
font-weight: 600;
font-size: 22px;
color: #030712;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-pricing-table.element-three>.holder>.heading .subtitle {
max-width: 220px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.rt-pricing-table.element-three>.holder>.list {
margin-bottom: 35px;
}
.rt-pricing-table.element-three>.holder>.list>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three>.holder>.list ul {
max-width: 195px;
margin: 0 auto;
}
.rt-pricing-table.element-three>.holder>.list ul li {
margin-bottom: 14px;
padding-bottom: 15px;
border-bottom: 1px #f3f3f3 solid;
text-transform: uppercase;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-three>.holder>.list ul li:last-child, .rt-pricing-table.element-three>.holder>.list ul li:only-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.rt-pricing-table.element-three>.holder>.pricing {
position: relative;
margin-bottom: 35px;
}
.rt-pricing-table.element-three>.holder>.pricing>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three>.holder>.pricing .price {
margin-bottom: 30px;
font-weight: 300;
font-size: 75px;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-three>.holder>.pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 300;
font-size: 24px;
color: #9a9a9a;
line-height: 1;
}
.rt-pricing-table.element-three>.holder>.pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 6px;
margin-left: 4px;
font-weight: 400;
font-size: 15px;
color: #0c121f;
line-height: 1;
}
.rt-pricing-table.element-three>.holder>.pricing .tagline {
max-width: 195px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 14px;
line-height: 27px;
}
.rt-pricing-table.element-three>.holder>.more>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three>.holder>.more .btn {
margin-bottom: 15px;
padding: 12px 37px 13px 37px;
border-width: 1px;
border-style: solid;
border-radius: 35px;
font-weight: 600;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-three>.holder>.more .btn:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}
.rt-pricing-table.element-three.spotlight>.holder {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.rt-pricing-table.element-three.spotlight>.holder>.more .btn {
color: #fff !important;
} .rt-pricing-table.element-four {
padding-top: 20px;
}
.rt-pricing-table.element-four>.holder {
position: relative;
padding: 30px 30px 35px 30px;
background-color: #fff;
border: none;
border-radius: 3px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
.rt-pricing-table.element-four>.holder>.spotlight-tag {
display: none;
position: absolute;
right: -10px;
top: 15px;
}
.rt-pricing-table.element-four>.holder>.spotlight-tag>.spotlight-tag-text {
position: relative;
display: block;
margin: 0;
padding: 3px 20px 4px 20px;
border-radius: 3px 0px 0px 3px;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
color: #fff;
line-height: 25px;
letter-spacing: 1px;
}
.rt-pricing-table.element-four>.holder>.spotlight-tag>.spotlight-tag-text:after {
position: absolute;
top: 100%;
right: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
}
.rt-pricing-table.element-four>.holder>.heading {
margin-bottom: 25px;
}
.rt-pricing-table.element-four>.holder>.heading>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four>.holder>.heading .title {
margin-bottom: 10px;
font-weight: 700;
font-size: 19px;
color: #1e1e1e;
line-height: 30px;
}
.rt-pricing-table.element-four>.holder>.heading .subtitle {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-four>.holder>.pricing {
margin-bottom: 24px;
}
.rt-pricing-table.element-four>.holder>.pricing>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four>.holder>.pricing .price {
margin-bottom: 25px;
font-weight: 700;
font-size: 65px;
color: #2b2944;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-four>.holder>.pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
line-height: 1;
}
.rt-pricing-table.element-four>.holder>.pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 1;
}
.rt-pricing-table.element-four>.holder>.pricing .tagline {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-four>.holder>.list {
margin-bottom: 35px;
font-size: 15px;
color: #2b2944;
line-height: 26px;
}
.rt-pricing-table.element-four>.holder>.list>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four>.holder>.list ul li {
margin-bottom: 11px;
}
.rt-pricing-table.element-four>.holder>.list ul li:last-child, .rt-pricing-table.element-four>.holder>.list ul li:only-child {
margin-bottom: 0;
}
.rt-pricing-table.element-four>.holder>.more>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four>.holder>.more .btn {
margin-bottom: 15px;
padding: 11px 37px 13px 37px;
border-width: 2px;
border-style: solid;
border-radius: 4px;
font-weight: 400;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-four>.holder>.more .btn:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 0px 30px rgba(5, 6, 6, 0.1);
}
.rt-pricing-table.element-four.spotlight {
padding-top: 0;
}
.rt-pricing-table.element-four.spotlight>.holder {
padding-top: 50px;
}
.rt-pricing-table.element-four.spotlight>.holder>.spotlight-tag {
display: block;
}
.rt-pricing-table.element-four.spotlight>.holder>.more .btn {
color: #fff !important;
} .rt-pricing-table.element-five>.holder {
position: relative;
background-color: #fff;
text-align: center;
border: 2px solid #ededed;
border-radius: 10px;
padding: 40px 0 20px 0;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
.rt-pricing-table.element-five>.holder:hover {
border: 2px solid #8db4e1;
}
.rt-pricing-table.element-five>.holder>.icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-five>.holder>.plan-name {
margin-bottom: 25px;
}
.rt-pricing-table>.holder>.plan-name>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-five>.holder>.plan-name h3 {
font-weight: 600;
font-size: 35px;
color: #dbdfec;
line-height: 40px;
text-transform: uppercase;
}
.rt-pricing-table.element-five>.holder>.pricing {
margin-bottom: 0;
}
.rt-pricing-table.element-five>.holder>.pricing .price {
margin-bottom: 25px;
font-weight: 700;
font-size: 65px;
color: #8fa4c2;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-five>.holder>.pricing .price sup {
display: inline-block;
vertical-align: middle;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 30px;
line-height: 1;
}
.rt-pricing-table.element-five>.holder>.pricing .price sub {
display: inline-block;
text-transform: uppercase;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 30px;
}
.rt-pricing-table.element-five>.holder>.pricing .tagline {
margin-bottom: 22px;
font-weight: 400;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-five>.holder>.list {
margin-bottom: 35px;
font-size: 15px;
color: #2b2944;
line-height: 26px;
padding-top: 25px;
border-top: 1px solid #ededed;
}
.rt-pricing-table.element-five>.holder>.list>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-five>.holder>.list>ul {
margin: 0;
padding: 0;
list-style: none;
}
.rt-pricing-table.element-five>.holder>.list>ul li {
margin-bottom: 11px;
}
.rt-pricing-table.element-five>.holder>.list>ul li>span {
font-weight: 700;
}
.rt-pricing-table.element-five>.holder>.select-btn .btn {
margin-bottom: 15px;
padding: 11px 50px 13px 50px;
border-width: 2px;
color: #525050;
border-color: #ededed;
border-style: solid;
border-radius: 6px;
font-weight: 400;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .rt-pricing-table.element-six>.holder {
position: relative;
padding: 46px 25px 40px 25px;
background-color: #fff;
border: 1px #d4d0e9 solid;
text-align: center;
overflow: hidden;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transform: translateX(0);
}
.rt-pricing-table.element-six>.holder:before {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 6px;
background-color: #0abc5f;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-pricing-table.element-six>.holder:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
.rt-pricing-table.element-six>.holder:hover {}
.rt-pricing-table.element-six>.holder>.icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-six>.holder>.plan-name {
margin-bottom: 25px;
}
.rt-pricing-table.element-six>.holder>.plan-name>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-six>.holder>.plan-name h3 {
font-weight: 400;
font-size: 26px;
line-height: 36px;
color: #2b2b2b;
text-transform: uppercase;
}
.rt-pricing-table.element-six>.holder>.pricing {
margin-bottom: 0;
}
.rt-pricing-table.element-six>.holder>.pricing .price {
margin-bottom: 30px;
font-weight: 700;
font-size: 65px;
color: #9b99a4;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-six>.holder>.pricing .price sup {
display: inline-block;
vertical-align: middle;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 30px;
line-height: 1;
}
.rt-pricing-table.element-six>.holder>.pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 30px;
}
.rt-pricing-table.element-six>.holder>.pricing .tagline {
margin-bottom: 22px;
font-weight: 400;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-six>.holder>.list {
margin-bottom: 35px;
font-size: 15px;
color: #2b2944;
line-height: 26px;
}
.rt-pricing-table.element-six>.holder>.list>*:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-six>.holder>.list>ul {
margin: 0;
padding: 0;
list-style: none;
}
.rt-pricing-table.element-six>.holder>.list>ul li {
margin-bottom: 10px;
padding: 10px 0;
box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.05);
}
.rt-pricing-table.element-six>.holder>.list>ul li>span {
font-weight: 700;
}
.rt-pricing-table.element-six>.holder>.select-btn .btn {
margin-bottom: 15px;
padding: 8px 50px 9px 50px;
border-width: 2px;
color: #ffffff;
background-color: #544d9d;
text-transform: uppercase;
border-color: #544d9d;
border-style: solid;
border-radius: 30px;
font-weight: 400;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-six>.holder>.select-btn .btn:hover {
transform: translateY(-5px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
} .rt-pricing-table.element-seven .holder {
position: relative;
padding: 50px 25px 35px 25px;
background: #fff;
background-size: 200% auto;
border: none;
border-radius: 0px;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-pricing-table.element-seven>.holder>.icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven>.holder>.heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven>.holder>.heading .title {
color: #282828;
font-weight: 600;
font-size: 22px;
line-height: 32px;
letter-spacing: -0.5px;
margin: 0px;
}
.rt-pricing-table.element-seven>.holder>.pricing {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven>.holder>.pricing>.price {
font-weight: 700;
font-size: 60px;
color: #282828;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-seven>.holder>.pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
line-height: 1;
color: #5c5c5c;
}
.rt-pricing-table.element-seven>.holder>.pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #5c5c5c;
}
.rt-pricing-table.element-seven>.holder>.content-list {
margin-bottom: 35px;
font-size: 15px;
color: #fff;
line-height: 26px;
}
.rt-pricing-table.element-seven>.holder>.content-list h3 {
font-size: 20px;
color: #5d5d5d;
}
.rt-pricing-table.element-seven>.holder>.content-list ul {
padding: 0px;
}
.rt-pricing-table.element-seven>.holder>.content-list ul li {
text-decoration: none;
list-style: none;
margin-bottom: 10px;
color: #5c5c5c;
}
.rt-pricing-table.element-seven>.holder>.started .btn {
margin-bottom: 0px;
padding: 12px 45px 13px 45px;
border-width: 1px;
border-style: solid;
border-radius: 35px;
font-weight: 600;
font-size: 14px;
line-height: 30px;
letter-spacing: 1px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background: #6a30f5;
color: #fff;
}
.rt-pricing-table.element-seven>.holder>.started .btn:hover {
background-position: right center;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transition: all 0.3s;
background: #1ed5a4;
} .rt-pricing-table.element-seven.spotlight .holder {
padding: 70px 30px 70px 30px;
top: -26px;
z-index: 1;
position: relative;
background: linear-gradient(150deg, #6a30f5 0%, #9d43fe 100%);
background-size: 200% auto;
border: none;
border-radius: 0px;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-pricing-table.element-seven.spotlight .holder>.spotlight-tag {
position: absolute;
right: -15px;
top: 15px;
}
.rt-pricing-table.element-seven.spotlight .holder>.spotlight-tag>.spotlight-tag-text {
background: #fff;
}
.rt-pricing-table.element-seven.spotlight .holder>.spotlight-tag>.spotlight-tag-text {
position: relative;
display: block;
margin: 0;
padding: 6px 20px 6px 20px;
border-radius: 0px;
font-weight: 600;
font-size: 15px;
color: #6b30f5;
line-height: 25px;
letter-spacing: 1px;
box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.18);
}
.rt-pricing-table.element-seven.spotlight .holder>.spotlight-tag>.spotlight-tag-text:after {
position: absolute;
top: 100%;
right: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-color: rgba(255, 255, 255, 1) transparent transparent transparent;
}
.rt-pricing-table.element-seven.spotlight>.holder>.icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven.spotlight>.holder>.heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven.spotlight>.holder>.heading .title {
color: #fff;
font-weight: 600;
font-size: 22px;
line-height: 32px;
letter-spacing: -0.5px;
margin: 0px;
}
.rt-pricing-table.element-seven.spotlight>.holder>.pricing {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven.spotlight>.holder>.pricing>.price {
font-weight: 700;
font-size: 65px;
color: #fff;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-seven.spotlight>.holder>.pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
line-height: 1;
color: #fff;
}
.rt-pricing-table.element-seven.spotlight>.holder>.pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #fff;
}
.rt-pricing-table.element-seven.spotlight>.holder>.content-list {
margin-bottom: 35px;
font-size: 15px;
color: #fff;
line-height: 26px;
}
.rt-pricing-table.element-seven.spotlight>.holder>.content-list h3 {
font-size: 20px;
color: #fff;
}
.rt-pricing-table.element-seven.spotlight>.holder>.content-list ul {
padding: 0px;
}
.rt-pricing-table.element-seven.spotlight>.holder>.content-list ul li {
text-decoration: none;
list-style: none;
margin-bottom: 10px;
color: #fff;
}
.rt-pricing-table.element-seven.spotlight>.holder>.started .btn {
margin-bottom: 0px;
padding: 12px 45px 13px 45px;
border-width: 1px;
border-style: solid;
border-radius: 35px;
font-weight: 600;
font-size: 14px;
line-height: 30px;
letter-spacing: 1px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background: #fff;
color: #903efc;
}
.rt-pricing-table.element-seven.spotlight>.holder>.started .btn:hover {
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transition: all 0.3s;
background: #1ed5a4;
color: #fff;
} @media screen and (min-width:321px) and (max-width:479px) {
.rt-pricing-table.element-seven.spotlight .holder {
top: 0;
}
} @media screen and (max-width:320px) {
.rt-pricing-table.element-seven.spotlight .holder {
top: 0;
}
} .rt-pricing-table.element-eight {
background: #fff;
box-shadow: 0px 0 15px 0px rgba(0, 0, 0, 0.1);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
text-align: center;
margin: 0px;
padding: 20px 20px 20px 20px;
border-radius: 5px;
}
.rt-pricing-table.element-eight h4 {
color: #3c4857;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
line-height: 2em;
padding-bottom: 15px;
}
.rt-pricing-table.element-eight h5 {
color: #3c4857;
font-size: 60px;
font-weight: 400;
line-height: 0.75;
letter-spacing: 1px;
}
.rt-pricing-table.element-eight h5 sup {
font-size: 20px;
}
.rt-pricing-table.element-eight h5 sub {
font-size: 20px;
vertical-align: middle;
}
.rt-pricing-table.element-eight ul {
margin: 20px 0;
padding: 0;
list-style-type: none;
}
.rt-pricing-table.element-eight ul li {
list-style-type: none;
font-size: 16px;
font-weight: 300;
color: #54595f;
line-height: 54px;
border-bottom: 1px solid #ececec;
}
.rt-pricing-table.element-eight ul li:last-child {
border-bottom: none;
}
.rt-pricing-table.element-eight .butn_area {
width: 100%;
}
.rt-pricing-table.element-eight .gen_btn {
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 1.7em;
color: #ffffff;
text-transform: uppercase;
background-color: #e91e63;
border-radius: 30px 30px 30px 30px;
padding: 12px 24px;
box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.rt-pricing-table.element-eight:hover {
background-color: #e91e63;
}
.rt-pricing-table.element-eight:hover h4, .rt-pricing-table.element-eight:hover h5 {
color: #fff;
}
.rt-pricing-table.element-eight:hover ul li {
color: #fff;
border-bottom: 1px solid #ed5689;
}
.rt-pricing-table.element-eight:hover .gen_btn {
color: #e91e63;
text-transform: uppercase;
background-color: #fff;
text-decoration: none;
}
.rt-pricing-table.element-eight:hover .gen_btn:hover {
background: #8e0d39;
color: #fff;
} .rt-pricing-table.element-eight.spotlight h4, .rt-pricing-table.element-eight.spotlight h5 {
color: #fff;
}
.rt-pricing-table.element-eight.spotlight ul li {
color: #fff;
border-bottom: 1px solid #ed5689;
}
.rt-pricing-table.element-eight.spotlight {
background: #e91e63;
}
.rt-pricing-table.element-eight.spotlight .gen_btn {
color: #e91e63;
text-transform: uppercase;
background-color: #fff;
text-decoration: none;
}
@media screen and (max-width:767px) {
.rt-pricing-table.element-eight {
margin-bottom: 50px;
}
}       .rt-progress-bar.element-one>.title {
margin-bottom: 5px;
font-weight: 700;
font-size: 16px;
color: #000;
line-height: 28px;
}
.rt-progress-bar.element-one>.title>.progress-width {
float: right;
}
.rt-progress-bar.element-one>.progress>.progress-bar {
transition-duration: 2s;
-webkit-transition-duration: 2s;
} .radiantthemes-recent-post-widget.element-one>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post {
margin-bottom: 22px;
}
.radiantthemes-recent-post-widget.element-one>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post:last-child, .radiantthemes-recent-post-widget.element-one>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post:only-child {
margin-bottom: 0;
}
.radiantthemes-recent-post-widget.element-one>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post .date {
margin-bottom: 10px;
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 27px;
font-style: italic;
}
.radiantthemes-recent-post-widget.element-one>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post .title {
margin-bottom: 0;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 28px;
opacity: 0.7;
} .radiantthemes-recent-post-widget.element-two>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post {
margin-bottom: 22px;
}
.radiantthemes-recent-post-widget.element-two>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post:last-child, .radiantthemes-recent-post-widget.element-two>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post:only-child {
margin-bottom: 0;
}
.radiantthemes-recent-post-widget.element-two>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post .date {
margin-bottom: 10px;
font-weight: 500;
font-size: 14px;
color: #141515;
line-height: 27px;
font-style: italic;
}
.radiantthemes-recent-post-widget.element-two>.radiantthemes-recent-post-widget-holder>.radiantthemes-recent-post-widget-post .title {
margin-bottom: 0;
font-weight: 400;
font-size: 15px;
color: #141515;
line-height: 28px;
opacity: 0.7;
}       .radiantthemes-separator.element-one>.radiantthemes-separator-block {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.radiantthemes-separator.element-one>.radiantthemes-separator-block>.radiantthemes-separator-block-gap {
position: absolute;
top: 0;
bottom: 0;
width: 12px;
animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}
@keyframes RadiantThemesSeparatorAnimation {
0% {
left: -12px;
}
100% {
left: 100%;
}
} .radiantthemes-separator.element-two>.radiantthemes-separator-block {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
transform: skewX(20deg);
-webkit-transform: skewX(20deg);
}
.radiantthemes-separator.element-two>.radiantthemes-separator-block>.radiantthemes-separator-block-gap {
position: absolute;
top: 0;
bottom: 0;
width: 12px;
animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}
@keyframes RadiantThemesSeparatorAnimation {
0% {
left: -12px;
}
100% {
left: 100%;
}
} .radiantthemes-separator.element-three>.radiantthemes-separator-block {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
}
.radiantthemes-separator.element-three>.radiantthemes-separator-block>.radiantthemes-separator-block-gap {
position: absolute;
top: 0;
bottom: 0;
width: 12px;
animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}
@keyframes RadiantThemesSeparatorAnimation {
0% {
left: -12px;
}
100% {
left: 100%;
}
}       .radiantthemes-social-widget.element-one>ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-one>ul.radiantthemes-social-widget-buttons>li {
display: inline-block;
vertical-align: top;
margin-right: 14px;
}
.radiantthemes-social-widget.element-one>ul.radiantthemes-social-widget-buttons>li:last-child, .radiantthemes-social-widget.element-one>ul.radiantthemes-social-widget-buttons>li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-one>ul.radiantthemes-social-widget-buttons>li>a {
display: block;
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 50%;
text-align: center;
font-size: 15px;
color: #000;
line-height: 36px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-social-widget.element-one>ul.radiantthemes-social-widget-buttons>li>a:hover {
color: #fff;
} .radiantthemes-social-widget.element-two>ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-two>ul.radiantthemes-social-widget-buttons>li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.radiantthemes-social-widget.element-two>ul.radiantthemes-social-widget-buttons>li:last-child, .radiantthemes-social-widget.element-two>ul.radiantthemes-social-widget-buttons>li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-two>ul.radiantthemes-social-widget-buttons>li>a {
display: block;
width: 45px;
height: 45px;
background-color: #000;
border-radius: 50%;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 45px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .radiantthemes-social-widget.element-three>ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-three>ul.radiantthemes-social-widget-buttons>li {
display: inline-block;
vertical-align: top;
margin-right: 17px;
}
.radiantthemes-social-widget.element-three>ul.radiantthemes-social-widget-buttons>li:last-child, .radiantthemes-social-widget.element-three>ul.radiantthemes-social-widget-buttons>li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-three>ul.radiantthemes-social-widget-buttons>li>a {
display: block;
text-align: center;
font-size: 16px;
color: #000;
line-height: 1;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .radiantthemes-social-widget.element-four>ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-four>ul.radiantthemes-social-widget-buttons>li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.radiantthemes-social-widget.element-four>ul.radiantthemes-social-widget-buttons>li:last-child, .radiantthemes-social-widget.element-four>ul.radiantthemes-social-widget-buttons>li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-four>ul.radiantthemes-social-widget-buttons>li>a {
display: block;
width: 45px;
height: 45px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 50%;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 42px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-social-widget.element-four>ul.radiantthemes-social-widget-buttons>li>a:hover {
color: #fff;
} .radiantthemes-social-widget.element-five>ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-five>ul.radiantthemes-social-widget-buttons>li {
display: inline-block;
vertical-align: top;
margin-right: 17px;
}
.radiantthemes-social-widget.element-five>ul.radiantthemes-social-widget-buttons>li:last-child, .radiantthemes-social-widget.element-five>ul.radiantthemes-social-widget-buttons>li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-five>ul.radiantthemes-social-widget-buttons>li>a {
display: block;
text-align: center;
font-size: 16px;
color: #fff;
line-height: 1;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .radiantthemes-social-widget.element-six>ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-six>ul.radiantthemes-social-widget-buttons>li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.radiantthemes-social-widget.element-six>ul.radiantthemes-social-widget-buttons>li:last-child, .radiantthemes-social-widget.element-six>ul.radiantthemes-social-widget-buttons>li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-six>ul.radiantthemes-social-widget-buttons>li>a {
display: block;
width: 40px;
height: 40px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 50%;
text-align: center;
font-size: 15px;
line-height: 38px;
cursor: pointer;
} .radiantthemes-social-widget.element-seven>ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-seven>ul.radiantthemes-social-widget-buttons>li {
display: inline-block;
vertical-align: top;
margin-right: 13px;
}
.radiantthemes-social-widget.element-seven>ul.radiantthemes-social-widget-buttons>li:last-child, .radiantthemes-social-widget.element-seven>ul.radiantthemes-social-widget-buttons>li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-seven>ul.radiantthemes-social-widget-buttons>li>a {
display: block;
width: 45px;
height: 45px;
background-color: transparent;
border: 2px rgba(0, 0, 0, 0.1) solid;
border-radius: 50%;
text-align: center;
font-size: 15px;
color: #282828;
line-height: 42px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-social-widget.element-seven>ul.radiantthemes-social-widget-buttons>li>a:hover {
color: #fff;
} .up-event-box{
border:1px solid #d2d2d2;
background: #fff;
width: 100%;
float: left;
margin-bottom: 30px;
position:relative;
}
.up-event-box:after{
content:"";
width:15%;
height:3px;
background:#3cb065;
position:absolute;
bottom:0px;
left:0px;
}
.heading {
margin-bottom: 20px;
width:100%;
float: left;
}
.heading span{
color:#22356a;
font-size:30px;
font-weight:600;
font-family: 'Poppins', sans-serif;
float: left;
}
.viewall-btn{
background:#3db166;
padding: 13px 30px;
float: right;
color: #fff;
font-size:14px;
font-family: 'Poppins', sans-serif;
}
.viewall-btn:hover{
text-decoration: none;
color: #fff;
}
.up-event-calender-box{
width: 15%;
float: left;
padding: 15px 15px;
text-align: center;
}
.up-event-calender-box .date{
color:#22356a;
font-size:36px;
font-weight:700;
font-family: 'Poppins', sans-serif;
}
.up-event-calender-box .month{
color:#767676;
font-size:16px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.up-event-text-box{
width: 85%;
float: left;
border-left: 1px solid #d2d2d2;
min-height: 95px;
padding: 10px;
}
.up-event-text-box h3{
margin:10px 0 10px 0;
line-height: 22px;
color:#22356a;
font-size:16px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.up-event-text-box p{
margin-bottom: 0px;
}
.up-event-text-box span{
margin-right:15px;
color: #767676;
} course-style-one.courses_section{
padding:100px 0;
}
.courses_section .course-main-box{
border:1px solid #efefef;
}
.courses_section .course-main-box images{
width:100%;
margin-top: 0 auto;
}
.courses_section .course-content-box{
padding:10px;
}
.courses_section .course-content-box h2{
color:#22356a;
font-family: "Poppins", Sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 26px;
}
.courses_section .course-content-box h3{
color:#767676;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.courses_section .course-content-box p{
color:#767676;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings .fas{
color:#ffb931;
font-size:9px;
}
.courses_section .course-main-box .ratings h1{
font-family: "Raleway", Sans-serif;
color:#767676;
font-size:12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .course-main-box .view-button{
text-align: right;
margin-top:-39px;
}
.courses_section .course-main-box .view-button a{
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
padding: 12px 50px 12px 50px;
background-color:#3db166;
color:#fff;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .course-main-box .view-button a:hover{
background-color:#22356a;
}
.courses_section .ratings-section .ratings{
padding:0 9px;
}
.courses_section .view-all-button a{
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
color:#3db166;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover{
color:#22356a;
}
.courses_section .view-all-button{
text-align: center;
margin-top: 40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .view-button{
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .view-button{
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}  .courses_section{
padding:100px 0;
}
.courses_section .course-main-box{
border:1px solid #efefef;
}
.courses_section .course-main-box images{
width:100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section{
padding: 12px 15px;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box:hover .ratings-section{
background-color:#22356a;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1{
color:#fff!important;
}
.courses_section .course-main-box .ratings-section h2{
color: #22356a;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3{
color:#373737;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings .fas{
color:#ffb931;
font-size:9px;
}
.courses_section .course-main-box .ratings h1{
font-family: "Raleway", Sans-serif;
color:#373737;
font-size:12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .ratings{
text-align: center;
}
.courses_section .view-all-button{
margin-top:40px;
}
.courses_section .view-all-button a{
font-family: "Raleway", Sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover{
background-color:#3db166;
}
.no-padding{
padding: 0;
}
.courses_section .courses-heading h4{
font-size:14px;
font-weight:400;
font-family: "Raleway", Sans-serif;
text-transform: uppercase;
letter-spacing:4px;
line-height:28px;
color:#373737;
}
.courses_section .courses-heading h2{
font-size:32px;
font-weight:400;
font-family: "Barlow Condensed", Sans-serif;
text-transform: uppercase;
color:#22356a;
margin-bottom:40px;
}
@media screen and (max-width:320px) {
.courses_section .ratings {
text-align: left;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .ratings {
text-align: left;
}
}  .courses_section{
padding:100px 0;
}
.courses_section .course-main-box{
border:1px solid #efefef;
}
.courses_section .course-main-box images{
width:100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section{
padding: 12px 15px;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box:hover .ratings-section{
background-color:#3db166;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1{
color:#fff!important;
}
.courses_section .course-main-box .ratings-section h2{
color: #3db166;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3{
color:#373737;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings .fas{
color:#ffb931;
font-size:9px;
}
.courses_section .course-main-box .ratings h1{
font-family: "Raleway", Sans-serif;
color:#373737;
font-size:12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .ratings{
text-align: center;
}
.courses_section .view-all-button{
margin-top:40px;
}
.courses_section .view-all-button a{
font-family: "Raleway", Sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover{
background-color:#3db166;
}
.no-padding{
padding: 0;
}
.courses_section .courses-heading h4{
font-size:14px;
font-weight:400;
font-family: "Raleway", Sans-serif;
text-transform: uppercase;
letter-spacing:4px;
line-height:28px;
color:#373737;
}
.courses_section .courses-heading h2{
font-size:32px;
font-weight:400;
font-family: "Barlow Condensed", Sans-serif;
text-transform: uppercase;
color:#22356a;
margin-bottom:40px;
}
@media screen and (max-width:320px) {
.courses_section .ratings {
text-align: left;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .ratings {
text-align: left;
}
}  .courses_section{
padding:100px 0;
} .courses_section .course-main-box images{
width:100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section{
padding: 12px 15px; }
.courses_section .course-main-box:hover .ratings-section{
background-color:#3db166;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1{
color:#fff!important;
}
.courses_section .course-main-box .ratings-section h2{
color: #fff;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3{
color:#fff;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings-section{
margin-top:-81px;
}
.courses_section .course-main-box .ratings .fas{
color:#ffb931;
font-size:9px;
}
.courses_section .course-main-box .ratings h1{
font-family: 'Lato', sans-serif;
color:#fff;
font-size:12px;
letter-spacing: 1px;
display: inline-block;
}
.courses_section .view-all-button{
margin-top:40px;
}
.courses_section .view-all-button a{
font-family: "Raleway", Sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover{
background-color:#3db166;
}
.no-padding{
padding: 0;
}
.courses_section .courses-heading h4{
font-size:14px;
font-weight:400;
font-family: "Raleway", Sans-serif;
text-transform: uppercase;
letter-spacing:4px;
line-height:28px;
color:#373737;
}
.courses_section .courses-heading h2{
font-size:32px;
font-weight:400;
font-family: "Barlow Condensed", Sans-serif;
text-transform: uppercase;
color:#22356a;
margin-bottom:40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .ratings-section {
margin-top: -98px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .ratings-section {
margin-top: -90px;
}
}  .courses_section{
padding:100px 0;
}
.courses_section .course-main-box{
border:1px solid #efefef;
}
.courses_section .course-main-box images{
width:100%;
margin-top: 0 auto;
}
.courses_section .course-content-box{
padding:10px;
}
.courses_section .course-content-box h2{
color:#22356a;
font-family: "Poppins", Sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 26px;
}
.courses_section .course-content-box h3{
color:#767676;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.courses_section .course-content-box p{
color:#767676;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings .fas{
color:#ffb931;
font-size:9px;
}
.courses_section .course-main-box .ratings h1{
font-family: "Raleway", Sans-serif;
color:#767676;
font-size:12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .course-main-box .view-button{
text-align: right;
margin-top:-39px;
}
.courses_section .course-main-box .view-button a{
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
padding: 12px 50px 12px 50px;
background-color:#3db166;
color:#fff;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .course-main-box .view-button a:hover{
background-color:#22356a;
}
.courses_section .ratings-section .ratings{
padding:0 9px;
}
.courses_section .view-all-button a{
font-family: 'Barlow Condensed', sans-serif;
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
background-color: #16285c;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover{
background-color:#3db166;
}
.courses_section .view-all-button{
text-align: right;
}
.courses_section .courses-heading h4{
font-size:14px;
font-weight:400;
font-family: "Raleway", Sans-serif;
text-transform: uppercase;
letter-spacing:4px;
line-height:28px;
color:#373737;
}
.courses_section .courses-heading h2{
font-size:32px;
font-weight:400;
font-family: "Barlow Condensed", Sans-serif;
text-transform: uppercase;
color:#22356a;
margin-bottom:40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .view-button{
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
.courses_section .view-all-button{
text-align: left;
margin-bottom:20px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .view-button{
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}  .radiantthemes-case-studies-slider.element-one {
width: auto;
margin-left: 0;
margin-right: 0; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item {
padding-left: 0;
padding-right: 0;
text-align: center; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 79 / 100 ) * 100% ); }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.7s ease-in-out 0.0s;
-webkit-transition: all 0.7s ease-in-out 0.0s; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .overlay {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 2;
background-color: rgba(0, 0, 0, 0.65);
opacity: 0;
visibility: hidden;
transition: all 0.7s ease-in-out 0.0s;
-webkit-transition: all 0.7s ease-in-out 0.0s; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
padding: 35px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.0s;
-webkit-transition: all 0.3s ease-in-out 0.0s; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data > *:last-child {
margin-bottom: 0 !important; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title {
margin-bottom: 10px;
font-weight: 300;
font-size: 22px;
color: #fff;
line-height: 30px; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title a {
color: inherit; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button {
position: absolute;
top: 0;
right: 0;
z-index: 4;
text-align: right;
font-size: 0;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transition: all 0.3s ease-in-out 0.2s;
-webkit-transition: all 0.3s ease-in-out 0.2s; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button > .btn {
display: inline-block;
vertical-align: top;
padding: 10px 12px 10px 12px;
border: none;
border-radius: 0;
font-size: 22px;
color: #fff;
line-height: 1; }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .pic {
transform: scale(1.07);
-webkit-transform: scale(1.07); }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .overlay,
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .data {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0); }
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .action-button {
transform: translateY(0);
-webkit-transform: translateY(0); }
.radiantthemes-case-studies-slider.element-one .owl-dots {
margin-top: 30px;
margin-right: 15px;
margin-left: 15px;
text-align: center; }
.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top;
margin-left: 4px;
margin-right: 4px; }
.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot > span {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot.active > span {
background-color: #1e2c41; }       .rt-case-study-box-filter[class*='filter-style-'] {
font-size: 0; }
.rt-case-study-box-filter.filter-style-one {
margin-bottom: 30px; }
.rt-case-study-box-filter.filter-style-one > button {
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
padding: 0;
background-color: initial;
border: none;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
color: #4e4e4e;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; } @media screen and (min-width: 321px) and (max-width: 479px) { .rt-case-study-box-filter.filter-style-one > button{
width: 100%;
margin: 0px 0px 15px 0px; } } @media screen and (max-width: 320px) { .rt-case-study-box-filter.filter-style-one > button{
width: 100%;
margin: 0px 0px 15px 0px; } } .rt-case-study-box.element-one .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder {
background-color: #f8f8f8;
border: 1px #edebeb solid; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover {
position: relative;
z-index: 1; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic {
position: relative;
overflow: hidden; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > images {
width: 100%; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > .holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover > .pic > .holder {
transform: scale(1.15);
-webkit-transform: scale(1.15); }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data {
padding: 25px 25px 27px 25px; }
.rt-case-study-box.element-one[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
text-align: left; }
.rt-case-study-box.element-one[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
text-align: center; }
.rt-case-study-box.element-one[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
text-align: right; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p.category {
margin-bottom: 7px;
font-weight: 400;
font-size: 15px;
color: #001040;
line-height: 25px; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 {
margin-bottom: 7px;
font-weight: 600;
font-size: 17px;
color: #001040;
line-height: 28px; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 a {
color: inherit; }
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p {
margin-bottom: 10px;
color: #001040; }   @media screen and (min-width: 768px) and (max-width: 991px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 33.33% !important; } } @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 50% !important; } } @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 100% !important; } } @media screen and (max-width: 320px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 100% !important; } } .case-study-inner{
padding:120px 0 80px 0;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
border-radius: 5px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
transform: translateY(0);
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover{
transform: translateY(-6px);
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 0;
overflow: hidden;
backface-visibility: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover > .pic {
transform: scale(1.1) translateY(-12px);
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > images {
width: 100%;
float: left;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > .placeholder{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/css/images/blog-image-1-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn{
text-align: right;
top: -30px;
position: relative;
right: 25px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button {
display: block;
float:right;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
background-color: #1ed5a4;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
color: #ffffff;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
color: #1ed5a4;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
}
.rt-case-study-box.element-two > .rt-case-study-box-item >.holder > .data {
padding: 20px 25px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .date{
font-size:14px;
line-height:26px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title{
margin-bottom:0;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .excerpt{
margin-bottom:3px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title > a {
text-decoration: none;
color: #1e1666;
font-size: 25px;
font-weight: 500;
line-height: 35px;
letter-spacing: -0.7px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .post-meta >span {
text-transform: capitalize;
font-size: 13px;
color: #999;
line-height: 1.8;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder >.data > span.author {
color: #6a7c92;
} .rt-case-study-box.element-three > .rt-case-study-box-item {
text-align: left;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder {
background-color: #fff;
border: 1px #d8dadd solid;
text-align: inherit;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data {
padding: 26px 23px 27px 23px;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data .title {
margin-bottom: 10px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data>*:last-child {
margin-bottom: 0!important;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic {
text-align: center;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic images {
width: 100%;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more {
position: relative;
overflow: hidden;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-first {
background-color: transparent;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn {
display: block;
text-align: left;
padding: 10px 23px 10px 23px;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 13px;
line-height: 30px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn i {
vertical-align: middle;
margin-top: 0;
margin-left: 10px;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second,
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second:hover {
background-color: #1A4CED;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more>.btn.btn-first {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more>.btn.btn-second {
transform: translateY(0);
-webkit-transform: translateY(0);
}  #app-slider {
padding: 14px 0;
}
#app-slider {
position: relative;
display: inline-block;
}
#app-slider:before {
background: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/app-slider-ph-bg.png);
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 235px;
height: 542px;
z-index: 99;
background-repeat: no-repeat;
top: 0;
}
.owl-theme .owl-dots {
margin-top: 30px !important;
} .rt-slider .owl-nav {
font-size: 0; }
.rt-slider .owl-nav > .owl-prev,
.rt-slider .owl-nav > .owl-next{
position: absolute;
top: 50%;
margin-top: -30px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.rt-slider:hover .owl-nav > .owl-prev,
.rt-slider:hover .owl-nav > .owl-next {
opacity: 1;
visibility: visible; }
.rt-slider .owl-nav > .owl-prev {
left: 15px; }
.rt-slider:hover .owl-nav > .owl-prev {
left: -35px; }
.rt-slider .owl-nav > .owl-next {
right: 15px; }
.rt-slider:hover .owl-nav > .owl-next {
right: -35px; }
.rt-slider .owl-nav > .owl-prev:before,
.rt-slider .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 55px;
color: #6a30f5;
line-height: 1;
}
.rt-slider .owl-nav > .owl-prev:before {
content: "\f104"; }
.rt-slider .owl-nav > .owl-next:before {
content: "\f105"; }
@media screen and (max-width:480px) {
#app-slider .pic {
width: 58%;
margin: 0 auto;
}
}
@media screen and (min-width:481px) and (max-width:768px) {
#app-slider .pic {
width: 90%;
margin: 0 auto;
}
} .rt-case-study-box.element-four > .rt-case-study-box-item > .holder {
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
border-radius: 0px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 15px;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
border-bottom: 4px solid transparent;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover > .pic {
transform: scale(1.1) translateY(-12px); 
border-bottom: 4px solid #27AD5F;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover > .pic > images{
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic > images {
width: 100%;
float: left;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic > .placeholder{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/css/images/blog-image-1-1.jpg);
background: center top no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button {
display: block;
position: absolute;
bottom: 31%;
right: 20px;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
background-color: #FC6086;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
color: #ffffff;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
color: #FC6086;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
}
.rt-case-study-box.element-four > .rt-case-study-box-item >.holder > .data {
padding: 15px 20px 25px 25px;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > .title > a {
text-decoration: none;
color: #282828;
font-size: 22px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.7px;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > .date{
font-style:italic;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder >.data > span.author {
color: #6a7c92;
}        .rt-tab.element-one>ul.nav-tabs {
margin-top: 5px;
margin-bottom: 50px;
border: none;
text-align: center;
font-size: 0;
}
.rt-tab.element-one>ul.nav-tabs:after {
content: " ";
display: block;
clear: both;
}
.rt-tab.element-one>ul.nav-tabs>li {
display: inline-block;
vertical-align: top;
float: none;
margin-bottom: 0;
background-color: rgba(0, 0, 0, 0.05);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-one>ul.nav-tabs>li:first-child {
border-radius: 35px 0px 0px 35px;
}
.rt-tab.element-one>ul.nav-tabs>li:last-child {
border-radius: 0px 35px 35px 0px;
}
.rt-tab.element-one>ul.nav-tabs>li:only-child {
border-radius: 35px 35px 35px 35px;
}
.rt-tab.element-one>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 10px 25px 10px 25px;
border: none;
border-radius: 35px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
text-align: center;
font-weight: 600;
font-size: 12px;
color: #1e1e1e;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-one>ul.nav-tabs>li>a i {
margin-right: 10px;
}
.rt-tab.element-one>ul.nav-tabs>li>a>span {
position: relative;
}
.rt-tab.element-one>ul.nav-tabs>li.active>a {
background-color: #fff;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
} .rt-tab.element-two>ul.nav-tabs {
margin-bottom: 50px;
border-bottom: 2px #dbdada solid;
text-align: center;
font-size: 0;
}
.rt-tab.element-two>ul.nav-tabs>li {
display: inline-block;
vertical-align: top;
float: none;
margin-right: 6px;
margin-bottom: -2px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-two>ul.nav-tabs>li:last-child, .rt-tab.element-two>ul.nav-tabs>li:only-child {
margin-right: 0;
}
.rt-tab.element-two>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 12px 28px 12px 28px;
background-color: #f8f5f5;
border: 2px #dbdada solid;
border-radius: 0;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #030712;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-two>ul.nav-tabs>li.active>a {
background-color: #fff;
}
.rt-tab.element-two>ul.nav-tabs>li>a:before {
position: absolute;
bottom: -2px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 2px;
background-color: #fff;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-two>ul.nav-tabs>li.active>a:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
.rt-tab.element-two>ul.nav-tabs>li>a i {
margin-right: 10px;
} .rt-tab.element-three>ul.nav-tabs {
margin-bottom: 50px;
border: none;
border-bottom: 1px #dddad9 solid;
text-align: center;
font-size: 0;
}
.rt-tab.element-three>ul.nav-tabs>li {
display: inline-block;
vertical-align: top;
width: auto;
float: none;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-three>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 14px 26px 14px 26px;
background-color: transparent;
border: none;
border-radius: 0;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
color: #030000;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-three>ul.nav-tabs>li>a:before {
position: absolute;
bottom: -2px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 3px;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-three>ul.nav-tabs>li>a i {
display: block;
margin-bottom: 15px;
font-size: 35px;
color: #939190;
line-height: 1;
}
.rt-tab.element-three>ul.nav-tabs>li.active>a:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
} .rt-tab.element-four>ul.nav-tabs {
margin-bottom: 50px;
border-bottom: 1px #dedede solid;
text-align: center;
font-size: 0;
}
.rt-tab.element-four>ul.nav-tabs>li {
display: table-cell;
width: 1%;
float: none;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-four>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 0px 50px 20px 50px;
background-color: transparent;
border: none;
border-radius: 0;
text-align: center;
font-weight: 500;
font-size: 15px;
color: #6f6f6f;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-four>ul.nav-tabs>li>a i {
display: block;
margin-bottom: 15px;
font-size: 30px;
line-height: 1;
}
.rt-tab.element-four>ul.nav-tabs>li.active>a {
color: #030712;
}
.rt-tab.element-four>ul.nav-tabs>li>a:before {
position: absolute;
bottom: -1px;
left: 30px;
right: 30px;
z-index: 0;
content: " ";
height: 2px;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-four>ul.nav-tabs>li.active>a:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
} .rt-tab.element-five>ul.nav-tabs {
margin-bottom: 28px;
border: none;
text-align: center;
font-size: 0;
}
.rt-tab.element-five>ul.nav-tabs>li {
display: table-cell;
width: 1%;
float: none;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-five>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 11px 25px 10px 25px;
background-color: transparent;
border: 1px #ece9e9 solid;
border-right: none;
border-radius: 0;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #030712;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-five>ul.nav-tabs>li:last-child>a, .rt-tab.element-five>ul.nav-tabs>li:only-child>a {
border-right: 1px #ece9e9 solid;
}
.rt-tab.element-five>ul.nav-tabs>li>a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
background-color: #ece9e9;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-five>ul.nav-tabs>li.active>a:before {
opacity: 1;
visibility: visible;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-five>ul.nav-tabs>li>a i {
margin-right: 10px;
}
.rt-tab.element-five>ul.nav-tabs>li.active>a>span {
position: relative;
} .rt-tab.element-six>ul.nav-tabs {
margin-bottom: 20px;
border: none;
text-align: left;
font-size: 0;
}
.rt-tab.element-six>ul.nav-tabs>li {
display: inline-block;
vertical-align: top;
float: none;
margin-right: 2px;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-six>ul.nav-tabs>li:last-child, .rt-tab.element-six>ul.nav-tabs>li:only-child {
margin-right: 0;
}
.rt-tab.element-six>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 11px 25px 9px 25px;
background-color: transparent;
border: none;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #171d2d;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-six>ul.nav-tabs>li>a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
border-width: 2px;
border-style: solid;
border-radius: inherit;
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.rt-tab.element-six>ul.nav-tabs>li.active>a:before {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-six>ul.nav-tabs>li>a i {
margin-right: 10px;
}
.rt-tab.element-six>ul.nav-tabs>li.active>a>span {
position: relative;
} .rt-tab.element-seven>ul.nav-tabs {
margin-bottom: 20px;
border: none;
text-align: left;
font-size: 0;
}
.rt-tab.element-seven>ul.nav-tabs>li {
display: inline-block;
vertical-align: top;
float: none;
margin-right: 2px;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-seven>ul.nav-tabs>li:last-child, .rt-tab.element-seven>ul.nav-tabs>li:only-child {
margin-right: 0;
}
.rt-tab.element-seven>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 11px 25px 9px 25px;
background-color: transparent;
border: none;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #171d2d;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-seven>ul.nav-tabs>li.active>a {
color: #fff;
}
.rt-tab.element-seven>ul.nav-tabs>li>a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
border-radius: inherit;
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.rt-tab.element-seven>ul.nav-tabs>li.active>a:before {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-seven>ul.nav-tabs>li>a i {
margin-right: 10px;
}
.rt-tab.element-seven>ul.nav-tabs>li.active>a>span {
position: relative;
} .rt-tab.element-eight>ul.nav-tabs {
margin-bottom: 20px;
border: none;
text-align: left;
font-size: 0;
}
.rt-tab.element-eight>ul.nav-tabs>li {
display: inline-block;
vertical-align: top;
width: auto;
float: none;
margin-bottom: 0;
margin-right: 15px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eight>ul.nav-tabs>li:last-child, .rt-tab.element-eight>ul.nav-tabs>li:only-child {
margin-right: 0;
}
.rt-tab.element-eight>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 0 0 0 40px;
background-color: transparent;
border: none;
border-radius: 0;
text-align: left;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #030000;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eight>ul.nav-tabs>li>a:before {
position: absolute;
top: 14px;
left: 0;
z-index: 0;
content: " ";
width: 0;
height: 1px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eight>ul.nav-tabs>li>a i {
margin-right: 15px;
}
.rt-tab.element-eight>ul.nav-tabs>li.active>a:before {
width: 28px;
} .rt-tab.element-nine>ul.nav-tabs {
margin-bottom: 20px;
border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
text-align: left;
font-size: 0;
}
.rt-tab.element-nine>ul.nav-tabs>li {
display: inline-block;
vertical-align: top;
float: none;
margin-right: 40px;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-nine>ul.nav-tabs>li:last-child, .rt-tab.element-nine>ul.nav-tabs>li:only-child {
margin-right: 0;
}
.rt-tab.element-nine>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 0px 0px 10px 0px;
background-color: transparent;
border: none;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-nine>ul.nav-tabs>li>a:before {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 3px;
opacity: 0;
visibility: hidden;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-nine>ul.nav-tabs>li.active>a:before {
opacity: 1;
visibility: visible;
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
.rt-tab.element-nine>ul.nav-tabs>li>a i {
margin-right: 10px;
}
.rt-tab.element-nine>ul.nav-tabs>li.active>a>span {
position: relative;
}
.rt-tab.element-nine>.tab-content {
color: #fff;
} .rt-tab.element-ten>ul.nav-tabs {
width: 110px;
float: left;
border: none;
border-right: 1px #e5e6e8 solid;
text-align: left;
font-size: 0;
}
.rt-tab.element-ten>ul.nav-tabs>li {
width: 100%;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-ten>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 15px 10px 15px 0px;
background-color: transparent;
border: none;
text-align: left;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #171d2d;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-ten>ul.nav-tabs>li>a:before {
position: absolute;
top: 0;
bottom: 0;
right: -2px;
z-index: 0;
content: " ";
width: 3px;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-ten>ul.nav-tabs>li.active>a:before {
opacity: 1;
visibility: visible;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-ten>ul.nav-tabs>li>a i {
margin-right: 10px;
}
.rt-tab.element-ten>ul.nav-tabs>li.active>a>span {
position: relative;
}
.rt-tab.element-ten>.tab-content {
width: calc(100% - 110px);
float: left;
padding-left: 30px;
} .rt-tab.element-eleven>ul.nav-tabs {
width: 110px;
float: left;
border: none;
border-right: 1px rgba(255, 255, 255, 0.2) solid;
text-align: left;
font-size: 0;
}
.rt-tab.element-eleven>ul.nav-tabs>li {
width: 100%;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eleven>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 15px 10px 15px 0px;
background-color: transparent;
border: none;
text-align: left;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eleven>ul.nav-tabs>li>a:before {
position: absolute;
top: 0;
bottom: 0;
right: -2px;
z-index: 0;
content: " ";
width: 3px;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eleven>ul.nav-tabs>li.active>a:before {
opacity: 1;
visibility: visible;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-eleven>ul.nav-tabs>li>a i {
margin-right: 10px;
}
.rt-tab.element-eleven>ul.nav-tabs>li.active>a>span {
position: relative;
}
.rt-tab.element-eleven>.tab-content {
width: calc(100% - 110px);
float: left;
padding-left: 30px;
color: #fff;
} .rt-tab.element-twelve {
display: flex;
align-items: stretch;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.rt-tab.element-twelve:after {
content: " ";
display: block;
clear: both;
}
.rt-tab.element-twelve>ul.nav-tabs {
width: 22%;
float: left;
border: none;
}
.rt-tab.element-twelve>ul.nav-tabs>li {
width: 100%;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-twelve>ul.nav-tabs>li>a {
position: relative;
display: block;
margin: 0;
padding: 23px 40px 22px 40px;
background-color: transparent;
border-top: none;
border-right: none;
border-bottom: 1px #d7d7d7 solid;
border-left: none;
border-radius: 0;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
color: #000;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-twelve>ul.nav-tabs>li:last-child>a {
border-bottom: none;
}
.rt-tab.element-twelve>ul.nav-tabs>li.active>a {
background-color: #282828;
}
.rt-tab.element-twelve>ul.nav-tabs>li>a:before {
position: absolute;
top: 50%;
left: 100%;
content: " ";
width: 0;
height: 0;
pointer-events: none;
border: solid transparent;
border-color: rgba(40, 40, 40, 0);
border-left-color: #282828;
border-width: 0;
margin-top: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-twelve>ul.nav-tabs>li.active>a:before {
border-width: 12px;
margin-top: -12px;
}
.rt-tab.element-twelve>ul.nav-tabs>li>a i {
display: block;
margin-bottom: 10px;
font-size: 40px;
color: #282828;
line-height: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-twelve>.tab-content {
width: 78%;
float: left;
padding: 30px;
border-left: 1px #d7d7d7 solid;
}   @media screen and (min-width: 768px) and (max-width: 991px) { .rt-tab.element-twelve>ul.nav-tabs {
width: 30%;
}
.rt-tab.element-twelve>.tab-content {
width: 70%;
}
} @media screen and (min-width: 480px) and (max-width: 767px) { .rt-tab.element-one>ul.nav-tabs>li, .rt-tab.element-two>ul.nav-tabs>li, .rt-tab.element-three>ul.nav-tabs>li, .rt-tab.element-four>ul.nav-tabs>li, .rt-tab.element-five>ul.nav-tabs>li, .rt-tab.element-six>ul.nav-tabs>li, .rt-tab.element-seven>ul.nav-tabs>li, .rt-tab.element-eight>ul.nav-tabs>li, .rt-tab.element-nine>ul.nav-tabs>li, .rt-tab.element-ten>ul.nav-tabs>li, .rt-tab.element-eleven>ul.nav-tabs>li {
display: block;
width: auto !important;
margin-right: 0;
} .rt-tab.element-twelve {
display: block;
}
.rt-tab.element-twelve>ul.nav-tabs, .rt-tab.element-twelve>.tab-content {
width: 100%;
border: none;
}
.rt-tab.element-twelve>ul.nav-tabs>li>a:before {
display: none;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .rt-tab.element-one>ul.nav-tabs>li, .rt-tab.element-two>ul.nav-tabs>li, .rt-tab.element-three>ul.nav-tabs>li, .rt-tab.element-four>ul.nav-tabs>li, .rt-tab.element-five>ul.nav-tabs>li, .rt-tab.element-six>ul.nav-tabs>li, .rt-tab.element-seven>ul.nav-tabs>li, .rt-tab.element-eight>ul.nav-tabs>li, .rt-tab.element-nine>ul.nav-tabs>li, .rt-tab.element-ten>ul.nav-tabs>li, .rt-tab.element-eleven>ul.nav-tabs>li {
display: block;
width: auto !important;
margin-right: 0;
} .rt-tab.element-twelve {
display: block;
}
.rt-tab.element-twelve>ul.nav-tabs, .rt-tab.element-twelve>.tab-content {
width: 100%;
border: none;
}
.rt-tab.element-twelve>ul.nav-tabs>li>a:before {
display: none;
}
} @media screen and (max-width: 320px) { .rt-tab.element-one>ul.nav-tabs>li, .rt-tab.element-two>ul.nav-tabs>li, .rt-tab.element-three>ul.nav-tabs>li, .rt-tab.element-four>ul.nav-tabs>li, .rt-tab.element-five>ul.nav-tabs>li, .rt-tab.element-six>ul.nav-tabs>li, .rt-tab.element-seven>ul.nav-tabs>li, .rt-tab.element-eight>ul.nav-tabs>li, .rt-tab.element-nine>ul.nav-tabs>li, .rt-tab.element-ten>ul.nav-tabs>li, .rt-tab.element-eleven>ul.nav-tabs>li {
display: block;
width: auto !important;
margin-right: 0;
} .rt-tab.element-twelve {
display: block;
}
.rt-tab.element-twelve>ul.nav-tabs, .rt-tab.element-twelve>.tab-content {
width: 100%;
border: none;
}
.rt-tab.element-twelve>ul.nav-tabs>li>a:before {
display: none;
}
} .team.element-one {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.team.element-one .team-item>.holder {
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.team.element-one .team-item>.holder>.pic {
overflow: hidden;
}
.team.element-one .team-item>.holder>.data {
padding: 18px 0px 0px 0px;
}
.team.element-one .team-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.team.element-one .team-item>.holder>.data .designation {
margin-bottom: 0px;
font-weight: 400;
font-size: 14px;
color: #6A6A6A;
line-height: 25px;
text-align: left;
}
.team.element-one .team-item>.holder>.data .title {
margin-bottom: 3px;
font-weight: 700;
font-size: 18px;
color: #000;
line-height: 26px;
text-align: left;
}
.team.element-one .team-item > .holder > .data .title a {
color: inherit;
}
.team.element-one .team-item > .holder > .pic > a images {
transform: scale(1);
-webkit-transform: scale(1);
transition: all 0.3s ease-in-out;
}
.team.element-one .team-item > .holder:hover > .pic > a images {
transform: scale(1.1);
-webkit-transform: scale(1.1);
transition: all 0.3s ease-in-out;
}
.team.element-one:not(.owl-carousel) .team-item {
float: left;
margin-bottom: 0;
}
.team.element-one.owl-theme:hover .owl-nav > .owl-prev{
visibility: visible;
opacity: 1;
left: 0px;
}
.team.element-one.owl-theme:hover .owl-nav > .owl-next{
visibility: visible;
opacity: 1;
right: 0px;
}
.team.element-one.owl-theme .owl-next,
.team.element-one.owl-theme .owl-prev {
background: rgba(255,255,255,0.5);
border:none;
width: 22px;
line-height: 40px;
margin-top: -20px;
position: absolute;
text-align: center;
top: 0px;
width: 60px;
height: 60px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.team.element-one.owl-theme .owl-nav [class*=owl-]{
background-color:none !important;
}
.team.element-one.owl-theme .owl-prev{
background-image: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/left-arrow.png);
background-position: center center;
background-repeat: no-repeat;
transition: all 0.3s;
height: 90%;
margin: 0;
padding: 0;
border-radius: 0px;
width: 71px;
}
.team.element-one.owl-theme .owl-next {
right: 20px;
}
.team.element-one.owl-theme .owl-prev {
left: 20px;
}
.team.element-one.owl-theme .owl-next:focus,
.team.element-one.owl-theme .owl-prev:focus{
outline: none;
}
.team.element-one.owl-theme .owl-next i,
.team.element-one.owl-theme .owl-prev i{
display: none;
}
.team.element-one.owl-theme .owl-next{
background-image: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/right-arrow.png);
background-position: center center;
background-repeat: no-repeat;
transition: all 0.3s;
height: 90%;
margin: 0;
padding: 0;
border-radius: 0px;
width: 70px;
}
@media screen and (max-width: 990px){
} .slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slick-slide {
transition: all ease-in-out .3s;
opacity: .2;
}
.slick-active { }
.slick-current {
opacity: 1;
} 
.slick-list{
height: 450px !important;
padding: 100px 0px !important;
}
.element-one.slider .holder .quotation img {
width: 67px;
position: absolute;
right: 80px;
text-align: right;
}
.element-one.slider .holder .testimonial-title .testimonial-title-pic img{
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 80px;
height: 80px;
border-radius: 50%;
}
.element-one.slider .holder .testimonial-title{
position: relative;
padding-top: 13px;
padding-left: 100px;
padding-bottom: 13px;  
}
.element-one.slider .holder .testimonial-title .testimonial-title-data .title {
margin: 0px;
text-transform: capitalize;
font-weight: 500;
font-size: 18px;
color: #1A1A1A;
line-height: 28px;
}
.element-one.slider .holder .testimonial-title .testimonial-title-data .designation {
margin: 0px; font-size: 15px;
color: #00B9AA;
line-height: 26px;
}
.element-one.slider .holder .testimonial-data{
margin-left: 80px;
}
.element-one.slider .slick-slide.slick-current.slick-active.slick-center{
transition: all 0.3s ease-in-out;
}
.element-one.slider .slick-slide.slick-current.slick-active.slick-center{
background:#fff;
padding:0px;
transition: all 0.3s ease-in-out;
box-shadow: 0px 0px 20px rgba(0,0,0,0.18);
}
.element-one.slider .slick-item { padding:15px 30px;
cursor: pointer;
border: none;
}
.element-one.slider .slick-dots {
position: absolute;
bottom: 45%;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: right;
width: auto;
transform: rotate(90deg);
right: -60px;
}
.element-one.slider .slick-dots li button:before{
background: #B0B0B0;
opacity: 1;
font-size: none;
border-radius: 50%;
width: 10px;
height: 10px;
}
.element-one.slider .slick-dots li button{
width: auto;
height: auto;
}
.element-one.slider .slick-dots li{
width: auto;
height: auto;
}
.element-one.slider .slick-dots li.slick-active button:before{
background:#FD555B !important;
} .testimonial.element-two {
position: relative;
}
.testimonial.element-two .testimonial-item>.holder {
text-align: left;
}
.testimonial.element-two .testimonial-item>.holder>.testimonial-data {
margin-bottom: 32px;
}
.testimonial.element-two .testimonial-item>.holder>.testimonial-data blockquote>*:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-two .testimonial-item>.holder>.testimonial-data blockquote p {
margin-bottom: 20px;
color: #fff;
}
.testimonial.element-two .testimonial-item>.holder>.testimonial-title>*:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-two .testimonial-item>.holder>.testimonial-title .title {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 28px;
}
.testimonial.element-two .testimonial-item>.holder>.testimonial-title .designation {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
color: #fff;
line-height: 26px;
}
.testimonial.element-two:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 40px;
}
.testimonial.element-two>.owl-thumbs {
display: none;
}
.testimonial.element-two>.owl-nav {
margin-top: 30px !important;
text-align: left !important;
}
.testimonial.element-two>.owl-dots {
position: static;
margin: 38px 0 0 0 ;
text-align: left !important;
}
.testimonial.element-two>.owl-dots>.owl-dot>span {
width: 10px !important;
height: 10px !important;
}  .testimonial.owl-nav-style-one .owl-nav {
position: relative;
margin-top: 31px;
text-align: center;
font-size: 0;
}
.testimonial.owl-nav-style-one .owl-nav>.owl-prev, .testimonial.owl-nav-style-one .owl-nav>.owl-next {
display: inline-block;
vertical-align: top;
}
.testimonial.owl-nav-style-one .owl-nav>.owl-prev {
margin-right: 7px;
}
.testimonial.owl-nav-style-one .owl-nav>.owl-prev .ti-angle-left ,.testimonial.owl-nav-style-one .owl-nav>.owl-next .ti-angle-right{
font-size: 22px;
padding:10px;
line-height: 1;
border:1px solid;
}
.testimonial.owl-nav-style-one .owl-nav>.owl-next {
margin-left: 7px;
} .testimonial.owl-nav-style-two .owl-nav {
text-align: center;
font-size: 0;
}
.testimonial.owl-nav-style-two .owl-nav>.owl-prev, .testimonial.owl-nav-style-two .owl-nav>.owl-next {
position: absolute;
top: 50%;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
opacity: 0.5;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.testimonial.owl-nav-style-two .owl-nav>.owl-prev:hover, .testimonial.owl-nav-style-two .owl-nav>.owl-next:hover {
opacity: 1;
}
.testimonial.owl-nav-style-two .owl-nav>.owl-prev:before, .testimonial.owl-nav-style-two .owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
line-height: 50px;
}
.testimonial.owl-nav-style-two .owl-nav>.owl-prev {
left: 0;
}
.testimonial.owl-nav-style-two .owl-nav>.owl-prev:before {
content: "\f053";
margin-left: -4px;
}
.testimonial.owl-nav-style-two .owl-nav>.owl-next {
right: 0;
}
.testimonial.owl-nav-style-two .owl-nav>.owl-next:before {
content: "\f054";
margin-right: -4px;
} .testimonial.owl-nav-style-three .owl-nav {
position: absolute;
bottom: -4px;
width: 100%;
text-align: right;
font-size: 0;
}
.testimonial.owl-nav-style-three .owl-nav>.owl-prev, .testimonial.owl-nav-style-three .owl-nav>.owl-next {
display: inline-block;
vertical-align: top;
}
.testimonial.owl-nav-style-three .owl-nav>.owl-prev:before, .testimonial.owl-nav-style-three .owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 22px;
color: #1f1f1f;
line-height: 1;
}
.testimonial.owl-nav-style-three .owl-nav>.owl-prev {
margin-right: 7px;
}
.testimonial.owl-nav-style-three .owl-nav>.owl-prev:before {
content: "\f053";
}
.testimonial.owl-nav-style-three .owl-nav>.owl-next {
margin-left: 7px;
}
.testimonial.owl-nav-style-three .owl-nav>.owl-next:before {
content: "\f054";
} .testimonial[class*='element-'] .owl-dots {
margin-left: 15px;
margin-right: 15px;
}
.testimonial[class*='element-'] .owl-dots>.owl-dot {
display: inline-block;
vertical-align: top;
} .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
margin-top: 75px;
text-align: center;
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot {
margin-left: 6px;
margin-right: 6px;
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots>.owl-dot>span {
display: block;
width: 10px;
height: 10px;
background-color: #e3e0df;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .testimonial[class*='element-'].owl-dot-style-two .owl-dots {
position: absolute;
bottom: 3px;
right: 0;
text-align: center;
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot {
margin-left: 4px;
margin-right: 4px;
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot>span {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots>.owl-dot.active>span {
background-color: #fff !important;
}    @media screen and (min-width: 480px) and (max-width: 767px) { .testimonial.element-one .testimonial-item>.holder {
padding-left: 0;
}
.testimonial.element-one .testimonial-item>.holder>.testimonial-pic {
position: static;
width: 100%;
}
.testimonial.element-one .testimonial-item>.holder .testimonial-data {
text-align: center;
} .testimonial.element-two .testimonial-item>.holder {
padding-left: 0;
padding-right: 0;
} .testimonial.element-four .testimonial-item>.holder {
padding-left: 0;
padding-right: 0;
}
.testimonial.element-four .testimonial-item>.holder .testimonial-pic {
position: static;
} .testimonial.owl-nav-style-two .owl-nav>.owl-prev, .testimonial.owl-nav-style-two .owl-nav>.owl-next {
position: static;
margin-left: 7px;
margin-right: 7px;
transform: translateY(0);
-webkit-transform: translateY(0);
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .testimonial.element-one .testimonial-item>.holder {
padding-left: 0;
}
.testimonial.element-one .testimonial-item>.holder>.testimonial-pic {
position: static;
width: 100%;
}
.testimonial.element-one .testimonial-item>.holder .testimonial-data {
text-align: center;
} .testimonial.element-two .testimonial-item>.holder {
padding-left: 0;
padding-right: 0;
} .testimonial.element-four .testimonial-item>.holder {
padding-left: 0;
padding-right: 0;
}
.testimonial.element-four .testimonial-item>.holder .testimonial-pic {
position: static;
} .testimonial.owl-nav-style-two .owl-nav>.owl-prev, .testimonial.owl-nav-style-two .owl-nav>.owl-next {
position: static;
margin-left: 7px;
margin-right: 7px;
transform: translateY(0);
-webkit-transform: translateY(0);
}
} @media screen and (max-width: 320px) { .slick-list {
height: 750px !important;
padding: 100px 0px !important;
}
.element-one.slider .slick-dots{
display: none !important;
}
.testimonial.element-one .testimonial-item>.holder {
padding-left: 0;
}
.testimonial.element-one .testimonial-item>.holder>.testimonial-pic {
position: static;
width: 100%;
}
.testimonial.element-one .testimonial-item>.holder .testimonial-data {
text-align: center;
} .testimonial.element-two .testimonial-item>.holder {
padding-left: 0;
padding-right: 0;
} .testimonial.element-four .testimonial-item>.holder {
padding-left: 0;
padding-right: 0;
}
.testimonial.element-four .testimonial-item>.holder .testimonial-pic {
position: static;
} .testimonial.owl-nav-style-two .owl-nav>.owl-prev, .testimonial.owl-nav-style-two .owl-nav>.owl-next {
position: static;
margin-left: 7px;
margin-right: 7px;
transform: translateY(0);
-webkit-transform: translateY(0);
}
} .testimonial.element-three {
position: relative;
}
.testimonial.element-three .testimonial-item > .holder {
text-align: center;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-pic {
margin-bottom: 50px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder {
position: relative;
display: inline-block;
vertical-align: top;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main {
display: inline-block;
vertical-align: top;
width: 145px;
height: 145px;
background: center center no-repeat;
background-size: cover;
border-radius: 50%;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-icon {
position: absolute;
bottom: -10px;
right: -5px;
width: 60px;
height: 60px;
border-radius: 50%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
text-align: center;
font-size: 25px;
color: #fff;
line-height: 60px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-data {
margin-bottom: 35px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title .title {
margin-bottom: 3px;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
color: #24323d;
line-height: 28px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title .designation {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
color: #676767;
line-height: 26px;
}
.testimonial.element-three:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 40px;
}
.testimonial.element-three > .owl-thumbs {
display: none;
}
.testimonial.element-three > .owl-nav {
margin-top: -40px !important;
text-align: right !important;
} .radiantthemes-timeline.element-one>.radiantthemes-timeline-item {
position: relative;
padding-top: 60px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item>.radiantthemes-timeline-item-line {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
z-index: 0;
width: 2px;
margin-left: -1px;
background-color: #cacdd4;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item>.radiantthemes-timeline-item-dot {
display: block;
position: absolute;
top: 75px;
left: 50%;
z-index: 1;
content: " ";
width: 20px;
height: 20px;
margin-left: -10px;
background-color: #fff;
border-width: 5px;
border-style: solid;
border-radius: 50%;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item>.row {
margin-left: -33px;
margin-right: -33px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item>.row>[class*='col-'] {
padding-left: 33px;
padding-right: 33px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp {
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
text-align: right;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item>.radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp {
text-align: left;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
margin-bottom: 30px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-pic images {
width: 100%;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 7px;
text-align: left;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-data>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
margin-bottom: 8px;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
color: #242222;
line-height: 28px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp {
margin-bottom: 17px;
font-weight: 400;
font-size: 14px;
color: #777171;
line-height: 28px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-data p {
margin-bottom: 20px;
} .radiantthemes-timeline.element-two>.radiantthemes-timeline-item {
position: relative;
padding-top: 60px;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item>.radiantthemes-timeline-item-line {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
z-index: 0;
width: 2px;
margin-left: -1px;
background-color: #cacdd4;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item>.radiantthemes-timeline-item-dot {
display: block;
position: absolute;
top: 75px;
left: 50%;
z-index: 1;
content: " ";
width: 20px;
height: 20px;
margin-left: -10px;
background-color: #fff;
border-width: 5px;
border-style: solid;
border-radius: 50%;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item>.row {
margin-left: -33px;
margin-right: -33px;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item>.row>[class*='col-'] {
padding-left: 33px;
padding-right: 33px;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp {
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
text-align: right;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item>.radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp {
text-align: left;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
margin-bottom: 30px;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item .radiantthemes-timeline-item-pic images {
width: 100%;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 7px;
text-align: left;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item .radiantthemes-timeline-item-data>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
margin-bottom: 8px;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
color: #242222;
line-height: 28px;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp {
margin-bottom: 17px;
font-weight: 400;
font-size: 14px;
color: #777171;
line-height: 28px;
}
.radiantthemes-timeline.element-two>.radiantthemes-timeline-item .radiantthemes-timeline-item-data p {
margin-bottom: 20px;
} .radiantthemes-timeline.element-three>.radiantthemes-timeline-slider {
padding-top: 100px;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
margin-bottom: 30px;
text-align: center;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic>.table .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic>.table .table-cell>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder {
position: relative;
display: inline-block;
vertical-align: top;
width: 470px;
max-width: 100%;
padding-top: calc( ( 65 / 100) * 100%);
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder>.radiantthemes-timeline-item-pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-bottom: 40px;
text-align: left;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data>.table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data>.table .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data>.table .table-cell>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
margin-bottom: 15px;
font-weight: 700;
font-size: 32px;
color: #030712;
line-height: 42px;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data p:not(.date) {
margin-bottom: 20px;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs {
position: absolute;
top: 0;
right: 0;
left: 0;
margin-left: 50px;
margin-right: 50px;
text-align: center;
font-size: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item {
position: relative;
display: inline-block;
vertical-align: top;
width: 200px;
max-width: 100%;
margin-bottom: 13px;
padding-top: 26px;
background: none;
border: none;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
color: #030712;
line-height: 26px;
cursor: pointer;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:before {
position: absolute;
top: 4px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 4px;
background-color: #d5d8e0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:first-child:before {
left: 50%;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:last-child:before {
right: 50%;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:only-child:before {
display: none;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:after {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
content: " ";
width: 12px;
height: 12px;
margin-left: -6px;
background-color: #fff;
border: 3px #a8abb3 solid;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}    @media screen and (min-width: 480px) and (max-width: 767px) { .radiantthemes-timeline.element-one>.radiantthemes-timeline-item {
padding-top: 0px;
padding-left: 30px;
padding-bottom: 10px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-line {
left: 0;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
top: 6px;
left: 0;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 0;
margin-bottom: 20px;
} .radiantthemes-timeline.element-three>.radiantthemes-timeline-slider {
padding-top: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs {
position: static;
margin-left: 0;
margin-right: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item {
width: 100%;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:first-child:before, .radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:last-child:before {
left: 0;
right: 0;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .radiantthemes-timeline.element-one>.radiantthemes-timeline-item {
padding-top: 0px;
padding-left: 30px;
padding-bottom: 10px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-line {
left: 0;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
top: 6px;
left: 0;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 0;
margin-bottom: 20px;
} .radiantthemes-timeline.element-three>.radiantthemes-timeline-slider {
padding-top: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs {
position: static;
margin-left: 0;
margin-right: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item {
width: 100%;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:first-child:before, .radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:last-child:before {
left: 0;
right: 0;
}
} @media screen and (max-width: 320px) { .radiantthemes-timeline.element-one>.radiantthemes-timeline-item {
padding-top: 0px;
padding-left: 30px;
padding-bottom: 10px;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-line {
left: 0;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
top: 6px;
left: 0;
}
.radiantthemes-timeline.element-one>.radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 0;
margin-bottom: 20px;
} .radiantthemes-timeline.element-three>.radiantthemes-timeline-slider {
padding-top: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs {
position: static;
margin-left: 0;
margin-right: 0;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item {
width: 100%;
}
.radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:first-child:before, .radiantthemes-timeline.element-three>.radiantthemes-timeline-slider>.owl-thumbs>.owl-thumb-item:last-child:before {
left: 0;
right: 0;
}
}    .radiantthemes-typewriter-text.element-one>.typed-strings:after {
content: "|";
font-weight: 300;
opacity: 1;
animation: blink 0.5s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
} .radiantthemes-twitter-widget.element-one>.radiantthemes-twitter-widget-holder>ul>li {
position: relative;
margin-bottom: 22px;
padding-left: 27px;
}
.radiantthemes-twitter-widget.element-one>.radiantthemes-twitter-widget-holder>ul>li:last-child, .radiantthemes-twitter-widget.element-one>.radiantthemes-twitter-widget-holder>ul>li:only-child {
margin-bottom: 0;
}
.radiantthemes-twitter-widget.element-one>.radiantthemes-twitter-widget-holder>ul>li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f099";
font-family: "FontAwesome";
font-size: 16px;
color: #fff;
line-height: 28px;
}
.radiantthemes-twitter-widget.element-one>.radiantthemes-twitter-widget-holder>ul>li .tweet {
margin-bottom: 0;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 28px;
}
.radiantthemes-twitter-widget.element-one>.radiantthemes-twitter-widget-holder>ul>li .tweet a {
color: inherit;
opacity: 0.7;
}
.radiantthemes-twitter-widget.element-one>.radiantthemes-twitter-widget-holder>ul>li .interact {
display: none;
}        .up-event-box {
border: 1px solid #d2d2d2;
background: #fff;
width: 100%;
float: left;
margin-bottom: 30px;
position: relative;
}
.up-event-box:after {
content: "";
width: 15%;
height: 3px;
background: #3cb065;
position: absolute;
bottom: 0px;
left: 0px;
}
.heading {
margin-bottom: 20px;
width: 100%;
float: left;
}
.heading span {
color: #22356a;
font-size: 30px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
float: left;
}
.viewall-btn {
background: #3db166;
padding: 13px 30px;
float: right;
color: #fff;
font-size: 14px;
font-family: 'Poppins', sans-serif;
}
.viewall-btn:hover {
text-decoration: none;
color: #fff;
}
.up-event-calender-box {
width: 15%;
float: left;
padding: 15px 15px;
text-align: center;
}
.up-event-calender-box .date {
color: #22356a;
font-size: 36px;
font-weight: 700;
font-family: 'Poppins', sans-serif;
}
.up-event-calender-box .month {
color: #767676;
font-size: 16px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.up-event-text-box {
width: 85%;
float: left;
border-left: 1px solid #d2d2d2;
min-height: 95px;
padding: 10px;
}
.up-event-text-box h3 {
margin: 10px 0 10px 0;
line-height: 22px;
color: #22356a;
font-size: 16px;
font-weight: 600;
font-family: 'Poppins', sans-serif;
}
.up-event-text-box p {
margin-bottom: 0px;
}
.up-event-text-box span {
margin-right: 15px;
color: #767676;
} course-style-one.courses_section {
padding: 100px 0;
}
.courses_section .course-main-box {
border: 1px solid #efefef;
}
.courses_section .course-main-box images {
width: 100%;
margin-top: 0 auto;
}
.courses_section .course-content-box {
padding: 10px;
}
.courses_section .course-content-box h2 {
color: #22356a;
font-family: "Poppins", Sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 26px;
}
.courses_section .course-content-box h3 {
color: #767676;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.courses_section .course-content-box p {
color: #767676;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 {
font-family: "Raleway", Sans-serif;
color: #767676;
font-size: 12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .course-main-box .view-button {
text-align: right;
margin-top: -39px;
}
.courses_section .course-main-box .view-button a {
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
padding: 12px 50px 12px 50px;
background-color: #3db166;
color: #fff;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .course-main-box .view-button a:hover {
background-color: #22356a;
}
.courses_section .ratings-section .ratings {
padding: 0 9px;
}
.courses_section .view-all-button a {
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
color: #3db166;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
color: #22356a;
}
.courses_section .view-all-button {
text-align: center;
margin-top: 40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .view-button {
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .view-button {
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}  .courses_section {
padding: 100px 0;
}
.courses_section .course-main-box {
border: 1px solid #efefef;
}
.courses_section .course-main-box images {
width: 100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section {
padding: 12px 15px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box:hover .ratings-section {
background-color: #22356a;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2, .courses_section .course-main-box:hover .ratings-section .course-content-box h3, .courses_section .course-main-box:hover .ratings-section .ratings h1 {
color: #fff!important;
}
.courses_section .course-main-box .ratings-section h2 {
color: #22356a;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3 {
color: #373737;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 {
font-family: "Raleway", Sans-serif;
color: #373737;
font-size: 12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .ratings {
text-align: center;
}
.courses_section .view-all-button {
margin-top: 40px;
}
.courses_section .view-all-button a {
font-family: "Raleway", Sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
background-color: #3db166;
}
.no-padding {
padding: 0;
}
.courses_section .courses-heading h4 {
font-size: 14px;
font-weight: 400;
font-family: "Raleway", Sans-serif;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 28px;
color: #373737;
}
.courses_section .courses-heading h2 {
font-size: 32px;
font-weight: 400;
font-family: "Barlow Condensed", Sans-serif;
text-transform: uppercase;
color: #22356a;
margin-bottom: 40px;
}
@media screen and (max-width:320px) {
.courses_section .ratings {
text-align: left;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .ratings {
text-align: left;
}
}  .courses_section {
padding: 100px 0;
}
.courses_section .course-main-box {
border: 1px solid #efefef;
}
.courses_section .course-main-box images {
width: 100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section {
padding: 12px 15px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box:hover .ratings-section {
background-color: #3db166;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2, .courses_section .course-main-box:hover .ratings-section .course-content-box h3, .courses_section .course-main-box:hover .ratings-section .ratings h1 {
color: #fff!important;
}
.courses_section .course-main-box .ratings-section h2 {
color: #3db166;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3 {
color: #373737;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 {
font-family: "Raleway", Sans-serif;
color: #373737;
font-size: 12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .ratings {
text-align: center;
}
.courses_section .view-all-button {
margin-top: 40px;
}
.courses_section .view-all-button a {
font-family: "Raleway", Sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
background-color: #3db166;
}
.no-padding {
padding: 0;
}
.courses_section .courses-heading h4 {
font-size: 14px;
font-weight: 400;
font-family: "Raleway", Sans-serif;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 28px;
color: #373737;
}
.courses_section .courses-heading h2 {
font-size: 32px;
font-weight: 400;
font-family: "Barlow Condensed", Sans-serif;
text-transform: uppercase;
color: #22356a;
margin-bottom: 40px;
}
@media screen and (max-width:320px) {
.courses_section .ratings {
text-align: left;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .ratings {
text-align: left;
}
}  .courses_section {
padding: 100px 0;
} .courses_section .course-main-box images {
width: 100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section {
padding: 12px 15px; }
.courses_section .course-main-box:hover .ratings-section {
background-color: #3db166;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2, .courses_section .course-main-box:hover .ratings-section .course-content-box h3, .courses_section .course-main-box:hover .ratings-section .ratings h1 {
color: #fff!important;
}
.courses_section .course-main-box .ratings-section h2 {
color: #fff;
font-family: "Poppins", Sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3 {
color: #fff;
font-family: 'Lato', sans-serif;
font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings-section {
margin-top: -81px;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 {
font-family: 'Lato', sans-serif;
color: #fff;
font-size: 12px;
letter-spacing: 1px;
display: inline-block;
}
.courses_section .view-all-button {
margin-top: 40px;
}
.courses_section .view-all-button a {
font-family: "Raleway", Sans-serif;
font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
background-color: #3db166;
}
.no-padding {
padding: 0;
}
.courses_section .courses-heading h4 {
font-size: 14px;
font-weight: 400;
font-family: "Raleway", Sans-serif;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 28px;
color: #373737;
}
.courses_section .courses-heading h2 {
font-size: 32px;
font-weight: 400;
font-family: "Barlow Condensed", Sans-serif;
text-transform: uppercase;
color: #22356a;
margin-bottom: 40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .ratings-section {
margin-top: -98px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .ratings-section {
margin-top: -90px;
}
}  .courses_section {
padding: 100px 0;
}
.courses_section .course-main-box {
border: 1px solid #efefef;
}
.courses_section .course-main-box images {
width: 100%;
margin-top: 0 auto;
}
.courses_section .course-content-box {
padding: 10px;
}
.courses_section .course-content-box h2 {
color: #22356a;
font-family: "Poppins", Sans-serif;
font-size: 15px;
font-weight: 500;
line-height: 26px;
}
.courses_section .course-content-box h3 {
color: #767676;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.courses_section .course-content-box p {
color: #767676;
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 {
font-family: "Raleway", Sans-serif;
color: #767676;
font-size: 12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .course-main-box .view-button {
text-align: right;
margin-top: -39px;
}
.courses_section .course-main-box .view-button a {
font-family: "Raleway", Sans-serif;
font-size: 14px;
font-weight: 400;
padding: 12px 50px 12px 50px;
background-color: #3db166;
color: #fff;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .course-main-box .view-button a:hover {
background-color: #22356a;
}
.courses_section .ratings-section .ratings {
padding: 0 9px;
}
.courses_section .view-all-button a {
font-family: 'Barlow Condensed', sans-serif;
font-size: 22px;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
background-color: #16285c;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
background-color: #3db166;
}
.courses_section .view-all-button {
text-align: right;
}
.courses_section .courses-heading h4 {
font-size: 14px;
font-weight: 400;
font-family: "Raleway", Sans-serif;
text-transform: uppercase;
letter-spacing: 4px;
line-height: 28px;
color: #373737;
}
.courses_section .courses-heading h2 {
font-size: 32px;
font-weight: 400;
font-family: "Barlow Condensed", Sans-serif;
text-transform: uppercase;
color: #22356a;
margin-bottom: 40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .view-button {
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
.courses_section .view-all-button {
text-align: left;
margin-bottom: 20px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .view-button {
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}  .radiantthemes-case-studies-slider.element-one {
width: auto;
margin-left: 0;
margin-right: 0;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder {
position: relative;
overflow: hidden;
padding-top: calc( ( 79 / 100) * 100%);
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder>.pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.7s ease-in-out 0.0s;
-webkit-transition: all 0.7s ease-in-out 0.0s;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder>.overlay {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 2;
background-color: rgba(0, 0, 0, 0.65);
opacity: 0;
visibility: hidden;
transition: all 0.7s ease-in-out 0.0s;
-webkit-transition: all 0.7s ease-in-out 0.0s;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder>.data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
padding: 35px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.0s;
-webkit-transition: all 0.3s ease-in-out 0.0s;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder>.data .title {
margin-bottom: 10px;
font-weight: 300;
font-size: 22px;
color: #fff;
line-height: 30px;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder>.data .title a {
color: inherit;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder>.action-button {
position: absolute;
top: 0;
right: 0;
z-index: 4;
text-align: right;
font-size: 0;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transition: all 0.3s ease-in-out 0.2s;
-webkit-transition: all 0.3s ease-in-out 0.2s;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder>.action-button>.btn {
display: inline-block;
vertical-align: top;
padding: 10px 12px 10px 12px;
border: none;
border-radius: 0;
font-size: 22px;
color: #fff;
line-height: 1;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder:hover>.pic {
transform: scale(1.07);
-webkit-transform: scale(1.07);
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder:hover>.overlay, .radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder:hover>.data {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item>.holder:hover>.action-button {
transform: translateY(0);
-webkit-transform: translateY(0);
}
.radiantthemes-case-studies-slider.element-one .owl-dots {
margin-top: 30px;
margin-right: 15px;
margin-left: 15px;
text-align: center;
}
.radiantthemes-case-studies-slider.element-one .owl-dots>.owl-dot {
display: inline-block;
vertical-align: top;
margin-left: 4px;
margin-right: 4px;
}
.radiantthemes-case-studies-slider.element-one .owl-dots>.owl-dot>span {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-case-studies-slider.element-one .owl-dots>.owl-dot.active>span {
background-color: #1e2c41;
} .radiantthemes-case-studies-slider.element-two .rt-case-study-box-item  .holder {
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
border-radius: 0px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
margin: 30px 10px;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data .date {
font-style: italic;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder > .pic {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 15px;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
border-bottom: 4px solid transparent;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder:hover .pic {
transform: scale(1.1) translateY(-12px); 
border-bottom: 4px solid #27AD5F;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder:hover .pic images{
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .pic images {
width: 100%;
float: left;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .pic .placeholder{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/css/images/blog-image-1-1.jpg);
background: center top no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .post-btn .post-button {
display: block;
position: absolute;
bottom: 31%;
right: 20px;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .post-btn .post-button:hover {
background-color: #FC6086;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .post-btn .post-button:hover .ti-angle-right {
color: #ffffff;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .post-btn .post-button .ti-angle-right {
color: #FC6086;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data {
padding: 15px 20px 25px 25px;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data .title a {
text-decoration: none;
color: #282828;
font-size: 20px;
font-weight: 500;
line-height: 25px;
letter-spacing: -0.7px;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data span.author {
color: #6a7c92;
}
.radiantthemes-case-studies-slider.element-two .owl-theme .owl-dots .owl-dot.active span, .radiantthemes-case-studies-slider.element-two .owl-theme .owl-dots .owl-dot:hover span {
background: #1a1a1a;
}
.radiantthemes-case-studies-slider.element-two .owl-theme .owl-dots .owl-dot{
outline: none;
}
.radiantthemes-case-studies-slider.element-two.owl-theme .owl-nav span{
display: none;
}
.radiantthemes-case-studies-slider.element-two .owl-theme .owl-dots{
margin-top:20px;
}
.radiantthemes-case-studies-slider.element-two .owl-nav{
position: absolute;
max-width: 80px;
margin: 0px auto 0px;
top: -50px;
right: 0px;
height: 40px;
z-index: 10;
width: 100%;
text-align: center;
}
.radiantthemes-case-studies-slider.element-two .owl-nav:before{
content: "";
position: absolute;
width: 2px;
height: 40px;
background: #A1A1A1;
left:-10px;
}
.radiantthemes-case-studies-slider.element-two.owl-theme .owl-nav [class*=owl-]:hover {
background: none;
color: #000 !important;
text-decoration: none;
}
.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-next, .owl-nav button.owl-prev {
color: #a1a1a1 !important;
width: 40px;
height: 40px;
line-height: 40px;
opacity: 1;
box-sizing: border-box;
position: absolute;
pointer-events: auto;
border: 2px solid transparent !important;
font-family: FontAwesome;
-webkit-transition: .2s;
-o-transition: .2s;
transition: .2s;
margin:0px !important;
outline: none;
}
.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-next {
right: 0;
left: auto;
}
.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-prev {
right: auto;
left: 0;
}
.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-next:before, .radiantthemes-case-studies-slider.element-two .owl-nav button.owl-prev:before {
font-size: 18px;
box-sizing: border-box;
position: absolute;
width: 36px;
height: 36px;
left: 0;
top: 0;
line-height: 36px;
}
.radiantthemes-case-studies-slider.element-two .owl-nav button.owl-prev:before {
content: "\f177";
}
.radiantthemes-case-studies-slider.element-two .owl-nav button:before {
content: "\f178";
display: block;
font-size: 16px;
line-height: 26px;
font-family: FontAwesome;
box-sizing: border-box;
font-weight: 300;
transition: .2s;
}
@media screen and (max-width: 990px){
.radiantthemes-case-studies-slider.element-two .owl-nav{
position: relative;
max-width: 80px;
margin: 20px auto 0;
overflow: hidden;
top: 50%;
right: 0px;
height: 40px;
z-index: 10;
width: 100%;
text-align: center;
}
}
.radiantthemes-case-studies-slider.element-two .owl-nav .owl-next {
right: 0;
left: auto;
height: 40px;
line-height: 40px;
position: absolute;
border: 2px solid transparent !important;
width: 40px;
}
.radiantthemes-case-studies-slider.element-two .owl-nav .owl-prev {
right: auto;
left: 0;
height: 40px;
line-height: 40px;
position: absolute;
border: 2px solid transparent !important;
width: 40px;
}
.radiantthemes-case-studies-slider.element-two .owl-nav [class*=owl-]:hover {
background: none;
color: #000 !important;
text-decoration: none;
}
.radiantthemes-case-studies-slider.element-two .rt-case-study-box-item .holder .data .title {
line-height: 28px;
margin-top: 10px;
}       .rt-case-study-box-filter[class*='filter-style-'] {
font-size: 0;
}
.rt-case-study-box-filter.filter-style-one {
margin-bottom: 30px;
}
.rt-case-study-box-filter.filter-style-one>button {
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
padding: 0;
background-color: initial;
border: none;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
color: #4e4e4e;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} @media screen and (min-width: 321px) and (max-width: 479px) { .rt-case-study-box-filter.filter-style-one>button {
width: 100%;
margin: 0px 0px 15px 0px;
}
} @media screen and (max-width: 320px) { .rt-case-study-box-filter.filter-style-one>button {
width: 100%;
margin: 0px 0px 15px 0px;
}
} .rt-case-study-box.element-one .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder {
background-color: #f8f8f8;
border: 1px #edebeb solid;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder:hover {
position: relative;
z-index: 1;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.pic {
position: relative;
overflow: hidden;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.pic>images {
width: 100%;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.pic>.holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder:hover>.pic>.holder {
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.data {
padding: 25px 25px 27px 25px;
}
.rt-case-study-box.element-one[data-case-study-box-align=left] .rt-case-study-box-item>.holder>.data {
text-align: left;
}
.rt-case-study-box.element-one[data-case-study-box-align=center] .rt-case-study-box-item>.holder>.data {
text-align: center;
}
.rt-case-study-box.element-one[data-case-study-box-align=right] .rt-case-study-box-item>.holder>.data {
text-align: right;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.data>*:last-child {
margin-bottom: 0 !important;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.data p.category {
margin-bottom: 7px;
font-weight: 400;
font-size: 15px;
color: #001040;
line-height: 25px;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.data h4 {
margin-bottom: 7px;
font-weight: 600;
font-size: 17px;
color: #001040;
line-height: 28px;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.data h4 a {
color: inherit;
}
.rt-case-study-box.element-one .rt-case-study-box-item>.holder>.data p {
margin-bottom: 10px;
color: #001040;
}   @media screen and (min-width: 768px) and (max-width: 991px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 33.33% !important;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 50% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 100% !important;
}
} .case-study-inner {
padding: 120px 0 80px 0;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
border-radius: 5px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
transform: translateY(0);
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder:hover {
transform: translateY(-6px);
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.pic {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 0;
overflow: hidden;
backface-visibility: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder:hover>.pic {
transform: scale(1.1) translateY(-12px);
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.pic>images {
width: 100%;
float: left;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.pic>.placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/css/images/blog-image-1-1.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.post-btn {
text-align: right;
top: -30px;
position: relative;
right: 25px;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.post-btn>.post-button {
display: block;
float: right;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.post-btn>.post-button:hover {
background-color: #1ed5a4;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.post-btn>.post-button:hover .ti-angle-right {
color: #ffffff;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.post-btn>.post-button>.ti-angle-right {
color: #1ed5a4;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.data {
padding: 20px 25px;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.data>.date {
font-size: 14px;
line-height: 26px;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.data>.title {
margin-bottom: 0;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.data>.excerpt {
margin-bottom: 3px;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.data>.title>a {
text-decoration: none;
color: #1e1666;
font-size: 25px;
font-weight: 500;
line-height: 35px;
letter-spacing: -0.7px;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.data>.post-meta>span {
text-transform: capitalize;
font-size: 13px;
color: #999;
line-height: 1.8;
}
.rt-case-study-box.element-two>.rt-case-study-box-item>.holder>.data>span.author {
color: #6a7c92;
} .rt-case-study-box.element-three>.rt-case-study-box-item {
text-align: left;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder {
background-color: #fff;
border: 1px #d8dadd solid;
text-align: inherit;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .data {
padding: 26px 23px 27px 23px;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .data .title {
margin-bottom: 10px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .data>*:last-child {
margin-bottom: 0!important;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .pic {
text-align: center;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .pic images {
width: 100%;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .more {
position: relative;
overflow: hidden;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .more .btn.btn-first {
background-color: transparent;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .more .btn {
display: block;
text-align: left;
padding: 10px 23px 10px 23px;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 13px;
line-height: 30px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .more .btn i {
vertical-align: middle;
margin-top: 0;
margin-left: 10px;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .more .btn.btn-second, .rt-case-study-box.element-three>.rt-case-study-box-item>.holder .more .btn.btn-second:hover {
background-color: #1A4CED;
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder .more .btn.btn-second {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder:hover .more>.btn.btn-first {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.rt-case-study-box.element-three>.rt-case-study-box-item>.holder:hover .more>.btn.btn-second {
transform: translateY(0);
-webkit-transform: translateY(0);
}  #app-slider {
padding: 14px 0;
}
#app-slider {
position: relative;
display: inline-block;
}
#app-slider:before {
background: url(//magictouchpainting.net/wp-content/plugins/radiantthemes-addons/assets/images/app-slider-ph-bg.png);
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 235px;
height: 542px;
z-index: 99;
background-repeat: no-repeat;
top: 0;
}
.owl-theme .owl-dots {
margin-top: 30px !important;
} .rt-slider .owl-nav {
font-size: 0;
}
.rt-slider .owl-nav>.owl-prev, .rt-slider .owl-nav>.owl-next {
position: absolute;
top: 50%;
margin-top: -30px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-slider:hover .owl-nav>.owl-prev, .rt-slider:hover .owl-nav>.owl-next {
opacity: 1;
visibility: visible;
}
.rt-slider .owl-nav>.owl-prev {
left: 15px;
}
.rt-slider:hover .owl-nav>.owl-prev {
left: -35px;
}
.rt-slider .owl-nav>.owl-next {
right: 15px;
}
.rt-slider:hover .owl-nav>.owl-next {
right: -35px;
}
.rt-slider .owl-nav>.owl-prev:before, .rt-slider .owl-nav>.owl-next:before {
font-family: "FontAwesome";
font-size: 55px;
color: #6a30f5;
line-height: 1;
}
.rt-slider .owl-nav>.owl-prev:before {
content: "\f104";
}
.rt-slider .owl-nav>.owl-next:before {
content: "\f105";
}
@media screen and (max-width:480px) {
#app-slider .pic {
width: 58%;
margin: 0 auto;
}
}
@media screen and (min-width:481px) and (max-width:768px) {
#app-slider .pic {
width: 90%;
margin: 0 auto;
}
}  .radiantthemes-custom-heading.element-one .default {
width: 100%;
display: block;
overflow: hidden
}
.radiantthemes-custom-heading.element-two .default {
font-size: 25px;
line-height: 25px;
margin: 0;
padding: 0;
color: #000;
text-transform: uppercase;
} .radiantthemes-custom-heading.element-two .rt_text_anim {
width: 100%;
display: block;
overflow: hidden
}
.radiantthemes-custom-heading.element-two .rt_textimage {
position: relative;
overflow: hidden;
width: auto;
display: inline-block;
}
.radiantthemes-custom-heading.element-two .rt_textimage {
font-size: 25px;
line-height: 25px;
margin: 0;
padding: 0;
color: #000;
text-transform: uppercase;
animation: fadeIn 0s 0.4s;
animation-fill-mode: backwards;
}
.radiantthemes-custom-heading.element-two .rt_textimage .rtoverlay_area {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translateX(-100%);
animation: rttxtImageOverlayIn 0.4s 0s, rttxtImageOverlayOut 0.4s 0.6s;
animation-fill-mode: both;
}
@keyframes rttxtImageOverlayIn {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes rttxtImageOverlayOut {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
} .radiantthemes-custom-heading.element-three .rttext_animation {
width: 100%;
display: block;
overflow: hidden
}
.radiantthemes-custom-heading.element-three .rtimage {
position: relative;
overflow: hidden;
width: auto;
display: inline-block;
}
.radiantthemes-custom-heading.element-three .rtimage {
font-size: 25px;
line-height: 25px;
margin: 0;
padding: 0;
color: #000;
text-transform: uppercase;
animation: fadeIn 0s 0.4s;
animation-fill-mode: backwards;
}
.radiantthemes-custom-heading.element-three .rtimage .rt_overlay {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
animation: rttxt_OverlayIn 0.4s 0.6s, rttxt_OverlayOut 0.4s 0s;
animation-fill-mode: both;
}
@keyframes rttxt_OverlayIn {
0% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes rttxt_OverlayOut {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0%);
}
} .rt-text-reveal .holder, .rt-image-reveal .holder {
position: relative;
display: inline-block;
overflow: hidden;
}
.rt-text-reveal .holder .animate, .rt-image-reveal .holder .animate {
position: absolute;
top: 0;
width: 100%;
height: 101%;
background: none;
}
.rt-text-reveal .holder .animate:before, .rt-image-reveal .holder .animate:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #27ae60;
transition-property: transform;
transition-duration: 0.4s;
}
.rt-text-reveal .holder .animate.top.aos-animate:before, .rt-text-reveal .holder .animate.bottom.aos-animate:before, .rt-image-reveal .holder .animate.top.aos-animate:before, .rt-image-reveal .holder .animate.bottom.aos-animate:before {
transform: scaleY(1);
}
.rt-text-reveal .holder .animate.left.aos-animate::before, .rt-text-reveal .holder .animate.right.aos-animate::before, .rt-image-reveal .holder .animate.left.aos-animate:before, .rt-image-reveal .holder .animate.right.aos-animate:before {
transform: scaleX(1);
}
.rt-text-reveal .holder .animate.top::before, .rt-image-reveal .holder .animate.top:before {
transform: scaleY(0);
transform-origin: 0% 100%;
}
.rt-text-reveal .holder .animate.left::before, .rt-image-reveal .holder .animate.left::before {
transform: scaleX(0);
transform-origin: 100% 0%;
}
.rt-text-reveal .holder .animate.right::before, .rt-image-reveal .holder .animate.right::before {
transform: scaleX(0);
transform-origin: 0% 100%;
}
.rt-text-reveal .holder .animate.bottom::before, .rt-image-reveal .holder .animate.bottom::before {
transform: scaleY(0);
transform-origin: 100% 0%;
} [data-aos="reveal-top"], [data-aos="reveal-left"], [data-aos="reveal-right"], [data-aos="reveal-bottom"] {
transition-property: transform;
transition-delay: 0.3s;
}
[data-aos="reveal-top"] {
transform: scaleY(1);
}
[data-aos="reveal-top"].aos-animate {
transform: scaleY(0);
transform-origin: 100% 0%;
}
[data-aos="reveal-left"] {
transform: scaleX(1);
}
[data-aos="reveal-left"].aos-animate {
transform: scaleX(0);
transform-origin: 0% 100%;
}
[data-aos="reveal-right"] {
transform: scaleX(1);
}
[data-aos="reveal-right"].aos-animate {
transform: scaleX(0);
transform-origin: 100% 0%;
}
[data-aos="reveal-bottom"] {
transform: scaleY(1);
}
[data-aos="reveal-bottom"].aos-animate {
transform: scaleY(0);
transform-origin: 0% 100%;
}
[data-aos="reveal-item"] {
visibility: hidden;
transition-property: visibility;
transition-duration: 0s;
}
[data-aos="reveal-item"].aos-animate {
visibility: visible;
}