.wpcf7-submit {
border-radius: 5px;
padding: 15px 30px;
text-transform: capitalize;
font-weight: 500;
font-size: 18px;
}
.wpcf7-submit:hover {
background-color: #09b35a !important;
}
.footer_copyright p {
margin-bottom: 20px;
font-weight: 400;
font-size: 13px;
color: #dedede;
line-height: 28px;
}
a {
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-ms-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
}
.rt-fancy-text-box.element-custom-portfolio {
text-align: left;
margin-bottom: 25px;
padding-bottom:20px;
position: relative;
}
.rt-fancy-text-box.element-custom-portfolio > .holder {
padding: 0;
background-color: #fff;
border-radius: 7px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
text-align: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-custom-portfolio > .holder:hover {
}
.rt-fancy-text-box.element-custom-portfolio .portfolio-img img {
padding-bottom: 0px;
margin-bottom: 10px;
border-bottom: 1px solid #ededed;
max-height: 220px;
min-height: 220px;
width: 100%;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
}
.rt-fancy-text-box.element-custom-portfolio .portfolio-date {
margin-top: 0;
color: #5f5f5f;
font-size: 13px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-left-radius: 5px;
padding: 2px 22px;
background: #f3f3f3;
position: absolute;
bottom: 20px;
right: 0px;
border-left: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .icon {
margin-bottom: 23px
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .icon i {
font-size: 70px;
line-height: 1
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .heading {
margin-bottom: 12px;
margin-top: 12px;
padding: 0 20px;
text-align: center;
}   .rt-fancy-text-box.element-custom-portfolio > .holder > .heading > .title {
margin-bottom: 4px;
margin-top: 6px;
font-weight: 500;
font-size: 19px;
color: #212d31;
line-height: 28px
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .heading > .title a {
color: inherit;
text-decoration: none !important;
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .heading > .title a:after {
content: "\f08e";
font-family: FontAwesome;
margin-top: 1px;
margin-left: 8px;
color: #0abc5f;
position: absolute;
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .heading > .title a:hover {
color: #0abc5f;
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 17px;
color: #010101;
line-height: 26px
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .content {
padding: 0 15px 40px 15px;
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .content b,
.rt-fancy-text-box.element-custom-portfolio > .holder > .content strong {
font-weight: 500;
}
.rt-fancy-text-box.element-custom-portfolio > .holder > .content > *:last-child {
margin-bottom: 0 !important
} .home-thirteen-services > div {
box-shadow: 0px 2px 18px -1px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background-color: #fff;
}
.home-thirteen-box-shadow {
box-shadow: 0px 4px 24px -1px rgba(0, 0, 0, 0.1);
}
.get-in_touch {
padding: 25px 38px 26px 35px;
background: #fff;
}
.get-in_touch .submit-btn {
text-align: center;
margin-top: 10px;
}
.get-in_touch .submit-btn input[type=submit] {
border-radius: 50px !important;
width: 35%;
}
.rt-case-studies-slider.element-one .owl-dots > .owl-dot.active > span, .rt-case-studies-slider.element-two .owl-dots > .owl-dot.active > span {
background-color: #FF5C10 !important;
}
@media screen and (max-width: 768px) {
.home-thirteen-pricing-table .rt-pricing-table.element-nine > .holder > .pricing .price {
font-size: 73px !important;
}
div.home-thirteen-responsive-services-tablet {
margin-top: 30px !important;
}
div.home-thirteen-responsive-tablet {
padding-top: 60px !important;
}
.home-thirteen-responsive-best-research > div {
margin-top: 50px !important;
}
div.home-thirteen-tablet-case-study {
padding-top: 60px !important;
}
div.home-thirteen-responsive-clients {
padding-bottom: 0px !important;
}
.home-thirteen-responsive-get-in-touch > div {
margin-top: 0px !important;
}
div.home-thirteen-responsive-pricing-table {
margin-bottom: 50px !important;
}
div.home-thirteen-tab-banner {
padding-bottom: 0px !important;
}
}
@media screen and (min-width: 321px) and (max-width: 719px) {
section.home-thirteen-tablet-services {
padding-top: 180px !important;
}
.home-thirteen-services > div {
margin-top: 0px !important;
}
.get-in_touch .submit-btn input[type=submit] {
width: 54%;
}
.home-thirteen-responsive-get-in-touch > div {
margin-top: 0px !important;
}
div.home-thirteen-responsive-pricing-table {
margin-bottom: 90px !important;
}
div.home-thirteen-services-upper-space {
padding-top: 0px !important;
}
div.home-thirteen-graphbox-shadow {
margin-bottom: 10px !important;
margin-top: 70px !important;
}
section.home-thirteen-pricing-table-responsive {
padding-top: 80px !important
} }
@media screen and (min-width: 720px) and (max-width: 1280px) {
section.home-thirteen-tablet-services {
padding-top: 150px !important;
}
}
@media screen and (max-width: 320px) {
.get-in_touch .submit-btn input[type=submit] {
width: 60%;
}
.home-thirteen-para-right-align {
padding-right: 30px !important;
}
div.home-thirteen-responsive {
padding-top: 30px !important;
}
.home-thirteen-responsive-best-research > div {
margin-top: 30px !important;
}
div.home-thirteen-responsive-clients {
padding-bottom: 0px !important;
}
div.home-thirteen-responsive-pricing-table {
margin-bottom: 0px !important;
}
.home-thirteen-responsive-get-in-touch > div {
margin-top: 50px !important;
}
.home-thirteen-services > div {
margin-top: 0px !important;
}
} .home-forteen-servicesbox-padding {
padding: 30px 10px 28px 26px !important;
background: #fff !important;
}
.home-forteen-box-shadow {
box-shadow: 0px 3px 15px 1px rgba(0, 0, 0, 0.10);
}
.globe-shape-position {
position: absolute;
right: -353px;
z-index: 99999;
top: 317px;
}
.home-forteen-contactbox-shadow > div {
box-shadow: 0px 3px 15px -1px rgba(0, 0, 0, 0.10);
background: #fff;
position: relative;
z-index: 999;
width: auto !important;
}
.contact_version14 .submit-btn {
text-align: center;
margin-top: 10px;
}
.contact_version14 {
padding: 25px 38px 26px 35px;
}
.home-forteen-contactbox-shadow:after {
position: absolute;
height: 84%;
width: 100%;
bottom: -34px;
right: -18px;
background: #ECEAFA;
content: "";
z-index: 1;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item {
margin-bottom: 12px
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item:last-child, .radiantthemes-accordion.element-one .radiantthemes-accordion-item:only-child {
margin-bottom: 0
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
position: relative;
padding: 11px 20px 11px 0px;
border-top: 1px #333334 solid;
border-bottom: 1px #333334 solid;
cursor: pointer
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
position: absolute;
top: 10px;
right: 0;
z-index: 1;
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 {
font-size: 16px;
line-height: 16px
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
margin: 0;
font-weight: 500;
font-size: 16px;
color: #333334;
line-height: 26px
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
transform: rotate(180deg);
-webkit-transform: rotate(180deg)
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
padding-top: 12px
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item {
margin-bottom: 12px
}
.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-accordion-item-title {
position: relative;
padding: 11px 20px 11px 0px;
border-top: 1px rgba(255, 255, 255, 0.2) solid;
border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
cursor: pointer
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
position: absolute;
top: 10px;
right: 0;
z-index: 1;
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 i {
font-size: 16px;
line-height: 16px
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
margin: 0;
font-weight: 500;
font-size: 16px;
color: #fff;
line-height: 26px
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
transform: rotate(180deg);
-webkit-transform: rotate(180deg)
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
padding-top: 12px;
color: #fff
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item {
margin-bottom: 10px
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item:last-child, .radiantthemes-accordion.element-three .radiantthemes-accordion-item:only-child {
margin-bottom: 0
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
position: relative;
padding: 13px 35px 12px 15px;
border: 1px #d9dbdb solid;
cursor: pointer
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
position: absolute;
top: 10px;
right: 15px;
z-index: 1;
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 i {
font-size: 16px;
line-height: 16px
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
margin: 0;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #030712;
line-height: 25px
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
transform: rotate(180deg);
-webkit-transform: rotate(180deg)
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
padding: 18px 15px 8px 20px
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item {
margin-bottom: 10px
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item:last-child, .radiantthemes-accordion.element-four .radiantthemes-accordion-item:only-child {
margin-bottom: 0
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
position: relative;
padding: 13px 35px 13px 15px;
border: 1px #d9dbdb solid;
cursor: pointer
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
position: absolute;
top: 17px;
right: 15px;
z-index: 1;
font-weight: 400;
font-size: 17px;
color: #030712;
line-height: 17px
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon:before {
content: "+"
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
margin: 0;
font-weight: 600;
font-size: 17px;
color: #030712;
line-height: 27px
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title > .panel-title-counter {
display: inline-block;
min-width: 26px;
margin-right: 10px
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon:before {
content: "-"
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
padding-top: 16px;
padding-bottom: 8px
}
.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
}
.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 img {
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: #fff;
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(//dannetstudio.com/my_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 img {
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: #fff;
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(//dannetstudio.com/my_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 img {
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: #fff;
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(//dannetstudio.com/my_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;
overflow: hidden;
margin-bottom: 25px;
padding-top: calc((80 / 100) * 100%)
}
.blog.element-one .blog-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
}
.blog.element-one .blog-item > .holder > .meta {
margin-bottom: 7px
}
.blog.element-one .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-one .blog-item > .holder > .meta > ul > li a {
color: inherit
}
.blog.element-one .blog-item > .holder > .data {
margin-bottom: 12px
}
.blog.element-one .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-one .blog-item > .holder > .data h4 {
margin-bottom: 10px;
font-weight: 700;
font-size: 20px;
color: #333;
line-height: 30px
}
.blog.element-one .blog-item > .holder > .data h4 a {
color: inherit
}
.blog.element-one .blog-item > .holder > .data p {
margin-bottom: 20px
}
.blog.element-one .blog-item > .holder > .more {
overflow: hidden
}
.blog.element-one .blog-item > .holder > .more > *:last-child {
margin-bottom: 0 !important
}
.blog.element-one .blog-item > .holder > .more .btn {
margin-bottom: 10px;
padding: 0;
border: none;
border-radius: 0;
box-shadow: initial;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
color: #333;
line-height: 26px;
letter-spacing: 0.5px;
transform: translateX(-90px);
-webkit-transform: translateX(-90px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-one .blog-item > .holder > .more .btn:hover {
transform: translateX(0);
-webkit-transform: translateX(0)
}
.blog.element-one .blog-item > .holder > .more .btn i {
vertical-align: top;
margin-top: 2px;
margin-left: 10px;
font-size: 20px
}
.blog.element-one:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 30px
}
.blog.element-two {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-two .blog-item {
padding: 5px 15px 10px 15px
}
.blog.element-two:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-two .blog-item > .holder {
position: relative
}
.blog.element-two .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-top: calc((60 / 100) * 100%);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out
}
.blog.element-two .blog-item > .holder:hover > .pic {
transform: translateY(-7px);
-webkit-transform: translateY(-7px)
}
.blog.element-two .blog-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
}
.blog.element-two .blog-item > .holder > .category-display {
position: absolute;
top: 12px;
left: 12px;
z-index: 2;
max-width: calc(100% - 24px);
max-height: calc(100% - 24px)
}
.blog.element-two .blog-item > .holder > .category-display ul {
font-size: 0
}
.blog.element-two .blog-item > .holder > .category-display ul > li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
margin-bottom: 7px
}
.blog.element-two .blog-item > .holder > .category-display ul > li a {
display: block;
padding: 5px 15px 5px 15px;
background-color: #fff;
border-radius: 25px;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
color: #000;
line-height: 22px;
cursor: pointer
}
.blog.element-two .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-two .blog-item > .holder > .data h4 {
margin-bottom: 12px;
font-weight: 600;
font-size: 16px;
color: #000;
line-height: 28px
}
.blog.element-two .blog-item > .holder > .data h4 a {
color: inherit
}
.blog.element-two .blog-item > .holder > .data p {
margin-bottom: 12px;
font-size: 14px;
line-height: 25px
}
.blog.element-two .blog-item > .holder > .data ul.post-meta li {
display: inline-block;
vertical-align: top;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #626262;
line-height: 25px
}
.blog.element-two .blog-item > .holder > .data ul.post-meta li:last-child, .blog.element-two .blog-item > .holder > .data ul.post-meta li:only-child {
margin-right: 0
}
.blog.element-two .blog-item > .holder > .data ul.post-meta li:after {
content: "-";
margin-left: 10px;
margin-right: 10px
}
.blog.element-two .blog-item > .holder > .data ul.post-meta li:last-child:after, .blog.element-two .blog-item > .holder > .data ul.post-meta li:only-child:after {
display: none
}
.blog.element-two .blog-item > .holder > .data ul.post-meta li a {
color: inherit
}
.blog.element-two .blog-item > .holder > .data ul.post-meta li strong {
font-weight: 400;
color: #000
}
.blog.element-three {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-three .blog-item {
padding: 5px 15px 10px 15px
}
.blog.element-three:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-three .blog-item > .holder {
position: relative;
background-color: #f2f2f4;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-three .blog-item:hover > .holder {
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15)
}
.blog.element-three .blog-item > .holder > .row {
margin-right: 0;
margin-left: 0
}
.blog.element-three .blog-item > .holder > .row > [class*='col-'] {
position: static;
padding-right: 0;
padding-left: 0
}
.blog.element-three .blog-item > .holder .pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 50%;
height: 100%;
background: center top no-repeat;
background-size: cover;
text-align: center
}
.blog.element-three .blog-item > .holder .pic img {
display: none;
width: 100%
}
.blog.element-three .blog-item > .holder .data {
position: relative;
padding: 25px 25px 30px 25px
}
.blog.element-three .blog-item > .holder .data:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: " ";
width: 5px;
height: 100px
}
.blog.element-three .blog-item > .holder .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-three .blog-item > .holder .data .date {
margin: 0px 0px 5px 0px;
font-size: 15px;
line-height: 23px
}
.blog.element-three .blog-item > .holder .data h4 {
margin: 0px 0px 10px 0px;
font-size: 17px;
line-height: 25px
}
.blog.element-three .blog-item > .holder .data h4 a {
color: #1a1a1a
}
.blog.element-three .blog-item > .holder .data p {
margin: 0px 0px 20px 0px
}
.blog.element-three .blog-item > .holder .data .btn {
margin: 0px 0px 10px 0px;
padding: 0;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #1a1a1a;
line-height: 22px
}
.blog.element-four {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-four .blog-item {
padding: 5px 15px 10px 15px
}
.blog.element-four:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-four .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 17px;
padding-top: calc((60 / 100) * 100%)
}
.blog.element-four .blog-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
}
.blog.element-four .blog-item:hover > .holder > .pic > .holder {
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.blog.element-four .blog-item > .holder > .data {
text-align: center
}
.blog.element-four .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-four .blog-item > .holder .data h4 {
margin: 0px 0px 17px 0px;
font-weight: 600;
font-size: 17px;
line-height: 25px
}
.blog.element-four .blog-item > .holder .data h4 a {
color: #1a1a1a
}
.blog.element-four .blog-item > .holder .data ul.meta {
margin: 0px 0px 17px 0px;
padding: 8px 0px 9px 0px;
border-top: 1px #848280 solid;
border-bottom: 1px #848280 solid
}
.blog.element-four .blog-item > .holder .data ul.meta li {
display: inline-block;
vertical-align: top
}
.blog.element-four .blog-item > .holder .data ul.meta li:after {
content: "-";
margin-left: 10px;
margin-right: 10px
}
.blog.element-four .blog-item > .holder .data ul.meta li:last-child:after, .blog.element-four .blog-item > .holder .data ul.meta li:only-child:after {
display: none
}
.blog.element-four .blog-item > .holder .data p {
margin-bottom: 20px
}
.blog.element-four .blog-item > .holder .data .btn {
padding: 0;
border: none;
border-radius: 0;
box-shadow: initial;
text-transform: uppercase;
font-weight: 600;
font-size: 13px;
color: #1a1a1a;
line-height: 22px
}
.blog.element-five {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-five .blog-item {
padding: 5px 15px 10px 15px
}
.blog.element-five:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-five .blog-item > .holder {
position: relative
}
.blog.element-five .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 17px;
padding-top: calc((60 / 100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-five .blog-item:hover > .holder > .pic {
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2)
}
.blog.element-five .blog-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
}
.blog.element-five .blog-item > .holder > .date {
position: absolute;
top: 10px;
left: 10px;
z-index: 1;
width: 70px;
height: 70px;
padding: 10px;
border-radius: 50%;
text-align: center;
text-transform: uppercase;
font-size: 15px;
color: #fff;
line-height: 23px
}
.blog.element-five .blog-item > .holder > .date strong {
display: block;
font-size: 28px
}
.blog.element-five .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-five .blog-item > .holder .data h4 {
margin-bottom: 12px;
font-size: 17px;
line-height: 25px
}
.blog.element-five .blog-item > .holder .data h4 a {
color: #1a1a1a
}
.blog.element-five .blog-item > .holder .data ul.meta {
margin-bottom: 10px
}
.blog.element-five .blog-item > .holder .data ul.meta li i {
margin-right: 7px
}
.blog.element-five .blog-item > .holder .data p {
margin-bottom: 15px
}
.blog.element-five .blog-item > .holder .data .btn {
padding: 0;
border: none;
border-radius: 0;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
line-height: 22px
}
.blog.element-six {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-six .blog-item {
padding: 5px 15px 10px 15px
}
.blog.element-six:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-six .blog-item > .holder {
background-color: #fff;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1)
}
.blog.element-six .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((65 / 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-position: center center;
background-repeat: no-repeat;
background-size: cover
}
.blog.element-six .blog-item > .holder > .data {
padding: 28px 30px 30px 30px
}
.blog.element-six .blog-item > .holder > .data ul.meta-data {
margin-bottom: 3px
}
.blog.element-six .blog-item > .holder > .data ul.meta-data li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
margin-bottom: 5px;
font-size: 15px;
line-height: 26px
}
.blog.element-six .blog-item > .holder > .data .title {
margin-bottom: 13px;
font-weight: 600;
font-size: 20px;
color: #000;
line-height: 26px
}
.blog.element-six .blog-item > .holder > .data .title a {
color: inherit
}
.blog.element-six .blog-item > .holder .data .content {
margin-bottom: 15px
}
.blog.element-seven {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-seven .blog-item {
padding: 5px 15px 10px 15px
}
.blog.element-seven:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-seven .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-top: calc((80 / 100) * 100%)
}
.blog.element-seven .blog-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
}
.blog.element-seven .blog-item:hover > .holder > .pic > .holder {
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.blog.element-seven .blog-item > .holder > .title {
margin-bottom: 10px
}
.blog.element-seven .blog-item > .holder > .title h4 {
font-weight: 600;
font-size: 18px;
color: #000;
line-height: 28px
}
.blog.element-seven .blog-item > .holder > .title h4 a {
color: inherit
}
.blog.element-seven .blog-item > .holder > .data {
margin-bottom: 20px
}
.blog.element-seven .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-eight {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-eight .blog-item {
padding: 5px 15px 10px 15px
}
.blog.element-eight:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-eight .blog-item > .holder {
background-color: #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12)
}
.blog.element-eight .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((90 / 100) * 100%)
}
.blog.element-eight .blog-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
}
.blog.element-eight .blog-item > .holder > .data {
padding: 17px 15px 20px 15px
}
.blog.element-eight .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-eight .blog-item > .holder .data h4 {
margin: 0px 0px 10px 0px;
font-size: 17px;
line-height: 25px
}
.blog.element-eight .blog-item > .holder .data h4 a {
color: #1a1a1a
}
.blog.element-eight .blog-item > .holder .data ul.meta li {
display: inline-block;
vertical-align: top;
margin: 0px 10px 10px 0px;
font-size: 13px;
color: #000
}
.blog.element-eight .blog-item > .holder .data ul.meta li:last-child {
margin-right: 0
}
.blog.element-eight .blog-item > .holder .data ul.meta li a {
color: inherit
}
.blog.element-eight .blog-item > .holder .data p {
margin: 0px 0px 20px 0px
}
.blog.element-eight .blog-item > .holder .data hr {
margin: 10px 0px 15px 0px;
border-top-color: #d9d5d5
}
.blog.element-eight .blog-item > .holder .data .btn {
padding: 0;
border: none;
border-radius: 0;
text-transform: uppercase;
font-weight: 700;
font-size: 14px;
color: #1a1a1a;
line-height: 22px
}
.blog.element-nine {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-nine .blog-item {
padding: 0px 15px 0px 15px
}
.blog.element-nine:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-nine .blog-item > .holder {
background-color: #fff;
border: 1px #e1e1e1 solid
}
.blog.element-nine .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((70 / 100) * 100%)
}
.blog.element-nine .blog-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
}
.blog.element-nine .blog-item > .holder > .data {
padding: 17px 20px 22px 20px
}
.blog.element-nine .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-nine .blog-item > .holder .data ul.meta li {
display: inline-block;
vertical-align: top;
margin-right: 20px;
margin-bottom: 10px;
font-weight: 500;
font-size: 15px
}
.blog.element-nine .blog-item > .holder .data ul.meta li:last-child {
margin-right: 0
}
.blog.element-nine .blog-item > .holder .data ul.meta li a {
color: inherit
}
.blog.element-nine .blog-item > .holder .data h4 {
margin: 0px 0px 10px 0px;
font-size: 18px;
line-height: 27px
}
.blog.element-nine .blog-item > .holder .data h4 a {
color: initial
}
.blog.element-nine .blog-item > .holder .data p {
margin: 0px 0px 20px 0px
}
.blog.element-ten {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-ten .blog-item {
padding: 0px 15px 0px 15px
}
.blog.element-ten:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px
}
.blog.element-ten .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 25px;
padding-top: calc((60 / 100) * 100%)
}
.blog.element-ten .blog-item > .holder > .pic > .holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-ten .blog-item > .holder:hover > .pic > .holder {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
.blog.element-ten .blog-item > .holder > .data {
position: relative;
padding-top: 18px
}
.blog.element-ten .blog-item > .holder > .data:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: " ";
width: 45px;
height: 6px
}
.blog.element-ten .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-ten .blog-item > .holder .data h4 {
margin-bottom: 10px;
margin: 0px 0px 10px 0px;
font-weight: 700;
font-size: 20px;
color: #171c30;
line-height: 28px
}
.blog.element-ten .blog-item > .holder .data h4 a {
color: inherit
}
.blog.element-ten .blog-item > .holder .data ul.meta li {
display: inline-block;
vertical-align: top;
font-weight: 400;
font-size: 14px;
color: #171c30;
line-height: 25px
}
.blog.element-ten .blog-item > .holder .data ul.meta li:last-child {
margin-right: 0
}
.blog.element-ten .blog-item > .holder .data ul.meta li a {
color: inherit
}
.blog.element-ten .blog-item > .holder .data ul.meta li i {
margin-right: 10px
}
.blog.element-eleven {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-eleven .blog-item {
padding: 5px 15px 5px 15px
}
.blog.element-eleven:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 30px
}
.blog.element-eleven .blog-item > .holder {
padding: 30px 30px 30px 30px;
background-color: #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15)
}
.blog.element-eleven .blog-item > .holder > .pic {
margin: -30px -30px 30px -30px;
position: relative;
overflow: hidden;
padding-top: calc((62 / 100) * 100%)
}
.blog.element-eleven .blog-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
}
.blog.element-eleven .blog-item > .holder > .data {
margin-bottom: 26px;
padding-bottom: 22px;
border-bottom: 1px #e1e2e3 solid
}
.blog.element-eleven .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.blog.element-eleven .blog-item > .holder > .data .date {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
color: #0c121f;
line-height: 25px
}
.blog.element-eleven .blog-item > .holder > .data h4 {
margin-bottom: 22px;
font-weight: 500;
font-size: 18px;
color: #0c121f;
line-height: 28px
}
.blog.element-eleven .blog-item > .holder > .data h4 a {
color: inherit
}
.blog.element-eleven .blog-item > .holder > .data p:not(.date) {
margin-bottom: 20px
}
.blog.element-eleven .blog-item > .holder > .author {
position: relative;
z-index: 1
}
.blog.element-eleven .blog-item > .holder > .author > .author-thumbnail {
display: inline-block;
vertical-align: top;
width: auto;
margin-top: -1px;
margin-right: 17px
}
.blog.element-eleven .blog-item > .holder > .author > .author-thumbnail img {
width: 45px;
border-radius: 50%
}
.blog.element-eleven .blog-item > .holder > .author p {
display: inline-block;
vertical-align: top;
width: auto;
margin-top: 10px;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
color: #0c121f;
line-height: 25px
}
.blog.element-eleven .blog-item > .holder > .author p a {
color: inherit
}
.blog.element-twelve {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.blog.element-twelve .blog-item {
padding-left: 15px;
padding-right: 15px
}
.blog.element-twelve:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 30px
}
.blog.element-twelve .blog-item > .holder {
background-color: #fff;
border: 1px #e6e6e6 solid;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-twelve .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((62 / 100) * 100%)
}
.blog.element-twelve .blog-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
}
.blog.element-twelve .blog-item > .holder > .data {
padding: 28px 26px 32px 26px
}
.blog.element-twelve .blog-item > .holder > .data > .author {
position: relative;
z-index: 1;
min-height: 47px;
margin-bottom: 23px;
padding-left: 65px
}
.blog.element-twelve .blog-item > .holder > .data > .author > .author-thumbnail {
position: absolute;
top: 0;
left: 0;
width: auto
}
.blog.element-twelve .blog-item > .holder > .data > .author > .author-thumbnail img {
width: 47px;
border-radius: 50%
}
.blog.element-twelve .blog-item > .holder > .data > .author .name {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
color: #091e42;
line-height: 22px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-twelve .blog-item > .holder:hover > .data > .author .name {
color: #fff
}
.blog.element-twelve .blog-item > .holder > .data > .author .name a {
color: inherit
}
.blog.element-twelve .blog-item > .holder > .data > .author .date {
margin-bottom: 0;
font-weight: 400;
font-size: 13px;
line-height: 22px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-twelve .blog-item > .holder:hover > .data > .author .date {
color: #fff !important
}
.blog.element-twelve .blog-item > .holder > .data > .title {
margin-bottom: 20px
}
.blog.element-twelve .blog-item > .holder > .data > .title > *:last-child {
margin-bottom: 0 !important
}
.blog.element-twelve .blog-item > .holder > .data > .title h4 {
margin-bottom: 10px;
font-weight: 600;
font-size: 18px;
color: #091e42;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-twelve .blog-item > .holder:hover > .data > .title h4 {
color: #fff
}
.blog.element-twelve .blog-item > .holder > .data > .title h4 a {
color: inherit
}
.blog.element-twelve .blog-item > .holder > .data > .content {
margin-bottom: 15px
}
.blog.element-twelve .blog-item > .holder > .data > .content > *:last-child {
margin-bottom: 0 !important
}
.blog.element-twelve .blog-item > .holder > .data > .content p {
margin-bottom: 20px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-twelve .blog-item > .holder:hover > .data > .content p {
color: #fff
}
.blog.element-twelve .blog-item > .holder > .data > .more .btn {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #091e42;
line-height: 23px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.blog.element-twelve .blog-item > .holder:hover > .data > .more .btn {
color: #fff
}
.blog.element-twelve .blog-item > .holder > .data > .more .btn i {
margin-left: 8px
}
.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: 992px) and (max-width: 1199px) {
.blog.element-three .blog-item > .holder .pic {
position: static;
width: 100%;
height: auto;
background: none
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.blog.element-three .blog-item > .holder .pic {
position: static;
width: 100%;
height: auto;
background: none
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.blog.element-one:not(.owl-carousel) .blog-item, .blog.element-two:not(.owl-carousel) .blog-item, .blog.element-three:not(.owl-carousel) .blog-item, .blog.element-four:not(.owl-carousel) .blog-item, .blog.element-five:not(.owl-carousel) .blog-item, .blog.element-six:not(.owl-carousel) .blog-item, .blog.element-seven:not(.owl-carousel) .blog-item, .blog.element-eight:not(.owl-carousel) .blog-item, .blog.element-nine:not(.owl-carousel) .blog-item, .blog.element-ten:not(.owl-carousel) .blog-item, .blog.element-eleven:not(.owl-carousel) .blog-item, .blog.element-twelve:not(.owl-carousel) .blog-item {
width: 50% !important
}
.blog.element-three .blog-item > .holder .pic {
position: static;
width: 100%;
height: auto;
background: none
}
}
@media screen and (min-width: 321px) and (max-width: 479px) {
.blog.element-one:not(.owl-carousel) .blog-item, .blog.element-two:not(.owl-carousel) .blog-item, .blog.element-three:not(.owl-carousel) .blog-item, .blog.element-four:not(.owl-carousel) .blog-item, .blog.element-five:not(.owl-carousel) .blog-item, .blog.element-six:not(.owl-carousel) .blog-item, .blog.element-seven:not(.owl-carousel) .blog-item, .blog.element-eight:not(.owl-carousel) .blog-item, .blog.element-nine:not(.owl-carousel) .blog-item, .blog.element-ten:not(.owl-carousel) .blog-item, .blog.element-eleven:not(.owl-carousel) .blog-item, .blog.element-twelve:not(.owl-carousel) .blog-item {
width: 100% !important
}
.blog.element-three .blog-item > .holder .pic {
position: static;
width: 100%;
height: auto;
background: none
}
}
@media screen and (max-width: 320px) {
.blog.element-one:not(.owl-carousel) .blog-item, .blog.element-two:not(.owl-carousel) .blog-item, .blog.element-three:not(.owl-carousel) .blog-item, .blog.element-four:not(.owl-carousel) .blog-item, .blog.element-five:not(.owl-carousel) .blog-item, .blog.element-six:not(.owl-carousel) .blog-item, .blog.element-seven:not(.owl-carousel) .blog-item, .blog.element-eight:not(.owl-carousel) .blog-item, .blog.element-nine:not(.owl-carousel) .blog-item, .blog.element-ten:not(.owl-carousel) .blog-item, .blog.element-eleven:not(.owl-carousel) .blog-item, .blog.element-twelve:not(.owl-carousel) .blog-item {
width: 100% !important
}
.blog.element-three .blog-item > .holder .pic {
position: static;
width: 100%;
height: auto;
background: none
}
}
.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
}
.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%
}
}
.rt-case-studies-slider.element-one {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item {
padding-left: 15px;
padding-right: 15px;
text-align: center
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item > .holder {
position: relative;
overflow: hidden
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 30px;
padding-top: calc((65 / 100) * 100%)
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-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
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTIsMjM2SDI3NlYyMGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGMtMTEuMDQ2LDAtMjAsOC45NTQtMjAsMjB2MjE2SDIwYy0xMS4wNDYsMC0yMCw4Ljk1NC0yMCwyMHM4Ljk1NCwyMCwyMCwyMGgyMTYgICAgdjIxNmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMFYyNzZoMjE2YzExLjA0NiwwLDIwLTguOTU0LDIwLTIwQzUxMiwyNDQuOTU0LDUwMy4wNDYsMjM2LDQ5MiwyMzZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-size: 55px auto;
background-position: center calc(50% + 15px);
background-repeat: no-repeat;
background-color: #252525;
opacity: 0;
transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item > .holder > .pic:hover > .overlay {
background-position: center center;
opacity: 1
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item > .holder > .data h4 {
margin-bottom: 17px;
font-weight: 700;
font-size: 22px;
color: #303030;
line-height: 30px
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item > .holder > .data h4 a {
color: inherit
}
.rt-case-studies-slider.element-one .rt-case-studies-slider-item > .holder > .data p {
margin-bottom: 10px;
color: grey
}
.rt-case-studies-slider.element-one .owl-dots {
margin-top: 35px;
margin-right: 15px;
margin-left: 15px;
text-align: center
}
.rt-case-studies-slider.element-one .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top;
margin-left: 3px;
margin-right: 3px
}
.rt-case-studies-slider.element-one .owl-dots > .owl-dot > span {
display: block;
width: 10px;
height: 10px;
background-color: rgba(0, 0, 0, 0.15);
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-studies-slider.element-two {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item {
padding-left: 15px;
padding-right: 15px;
text-align: center
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item > .holder {
position: relative;
overflow: hidden
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 35px;
padding-top: calc((65 / 100) * 100%)
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-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
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTIsMjM2SDI3NlYyMGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGMtMTEuMDQ2LDAtMjAsOC45NTQtMjAsMjB2MjE2SDIwYy0xMS4wNDYsMC0yMCw4Ljk1NC0yMCwyMHM4Ljk1NCwyMCwyMCwyMGgyMTYgICAgdjIxNmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMFYyNzZoMjE2YzExLjA0NiwwLDIwLTguOTU0LDIwLTIwQzUxMiwyNDQuOTU0LDUwMy4wNDYsMjM2LDQ5MiwyMzZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-size: 55px auto;
background-position: center calc(50% + 15px);
background-repeat: no-repeat;
background-color: #333645;
opacity: 0;
transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item > .holder > .pic:hover > .overlay {
background-position: center center;
opacity: 1
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item > .holder > .data h4 {
margin-bottom: 17px;
font-weight: 700;
font-size: 22px;
color: #fff;
line-height: 30px
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item > .holder > .data h4 a {
color: inherit
}
.rt-case-studies-slider.element-two .rt-case-studies-slider-item > .holder > .data p {
margin-bottom: 10px;
color: #fff
}
.rt-case-studies-slider.element-two .owl-dots {
margin-top: 35px;
margin-right: 15px;
margin-left: 15px;
text-align: center
}
.rt-case-studies-slider.element-two .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top;
margin-left: 3px;
margin-right: 3px
}
.rt-case-studies-slider.element-two .owl-dots > .owl-dot > span {
display: block;
width: 14px;
height: 14px;
background-color: #bcbdc3;
border-radius: 50%;
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 {
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;
padding-top: calc((80 / 100) * 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
}
.rt-case-study-box.element-two .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder {
background-color: #f8f8f8;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder:hover {
transform: translateY(-7px);
-webkit-transform: translateY(-7px)
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((70 / 100) * 100%)
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder > .pic:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
content: " ";
background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.75) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#bf000000', GradientType=0)
}
.rt-case-study-box.element-two .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.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 > .pic > .holder {
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder > .pic > .data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
padding: 18px 25px 18px 25px
}
.rt-case-study-box.element-two[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .pic > .data {
text-align: left
}
.rt-case-study-box.element-two[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .pic > .data {
text-align: center
}
.rt-case-study-box.element-two[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .pic > .data {
text-align: right
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder > .pic > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder > .pic > .data p.category {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 22px;
opacity: 0.9
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder > .pic > .data h4 {
margin-bottom: 7px;
font-weight: 600;
font-size: 16px;
color: #fff;
line-height: 25px
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder > .pic > .data h4 a {
color: inherit
}
.rt-case-study-box.element-two .rt-case-study-box-item > .holder > .pic > .data p {
margin-bottom: 10px;
color: #fff
}
.rt-case-study-box.element-three .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data {
padding: 30px 30px 30px 30px;
background-color: #fff;
border: 1px #dedede solid;
border-bottom: none
}
.rt-case-study-box.element-three[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
text-align: left
}
.rt-case-study-box.element-three[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
text-align: center
}
.rt-case-study-box.element-three[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
text-align: right
}
.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 > .data p.category {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
font-size: 17px;
color: #273272;
line-height: 28px
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data h4 {
margin-bottom: 10px;
font-weight: 400;
font-size: 15px;
color: #505050;
line-height: 28px
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data h4 a {
color: inherit
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .data p {
margin-bottom: 10px;
color: #505050
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((43 / 100) * 100%)
}
.rt-case-study-box.element-three .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.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder:hover > .pic > .holder {
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more {
position: relative;
overflow-y: hidden;
border: 1px #dedede solid;
border-top: none
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn {
display: block;
padding: 13px 30px 13px 30px;
background-color: #fff;
border: none;
border-radius: 0;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
color: #626262;
line-height: 25px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-three[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .more > .btn {
text-align: left
}
.rt-case-study-box.element-three[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .more > .btn {
text-align: center
}
.rt-case-study-box.element-three[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .more > .btn {
text-align: right
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn.alt {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 1;
background-color: #313d85;
color: #fff
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder:hover > .more > .btn {
transform: translateY(-100%);
-webkit-transform: translateY(-100%)
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn i {
margin-left: 10px;
color: #001a57
}
.rt-case-study-box.element-three .rt-case-study-box-item > .holder > .more > .btn.alt i {
color: #fff
}
.rt-case-study-box.element-four .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder {
background-color: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder:hover {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.11)
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((70 / 100) * 100%)
}
.rt-case-study-box.element-four .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.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 > .pic > .holder {
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data {
padding: 25px 30px 32px 30px;
background-color: #fff;
border: 1px #ededed solid;
border-top: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder:hover > .data {
border-color: rgba(255, 255, 255, 0)
}
.rt-case-study-box.element-four[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
text-align: left
}
.rt-case-study-box.element-four[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
text-align: center
}
.rt-case-study-box.element-four[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
text-align: right
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data p.category {
margin-bottom: 10px;
font-weight: 700;
font-size: 18px;
color: #001a57;
line-height: 28px
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data h4 {
margin-bottom: 10px;
font-weight: 400;
font-size: 15px;
color: #505050;
line-height: 28px
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data h4 a {
color: inherit
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data p {
margin-bottom: 20px;
color: #505050
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data .btn {
padding: 12px 30px 13px 30px;
background-color: #fff;
border: 1px #d8dce0 solid;
border-radius: 30px;
text-transform: uppercase;
font-weight: 400;
font-size: 12px;
color: #001139;
line-height: 25px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data .btn:hover {
background-color: #273272;
border-color: #273272;
color: #fff
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data .btn i {
margin-left: -3px;
color: inherit;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-four .rt-case-study-box-item > .holder > .data .btn:hover i {
margin-left: 10px;
color: #fff;
opacity: 1;
visibility: visible
}
.rt-case-study-box.element-five .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 20px;
padding-top: calc((70 / 100) * 100%)
}
.rt-case-study-box.element-five .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.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder:hover > .pic > .holder {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data {
position: relative;
padding-right: 75px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder:hover > .data {
border-color: rgba(255, 255, 255, 0)
}
.rt-case-study-box.element-five[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
text-align: left
}
.rt-case-study-box.element-five[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
text-align: center
}
.rt-case-study-box.element-five[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
text-align: right
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data p.category {
margin-bottom: 3px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
color: #1b273d;
line-height: 28px
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data h4 {
margin-bottom: 10px;
font-weight: 700;
font-size: 18px;
color: #1b273d;
line-height: 30px
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data h4 a {
color: inherit
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data p {
margin-bottom: 20px;
color: #505050
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data .arrow-link {
position: absolute;
top: 5px;
right: 0;
z-index: 1;
width: 40px;
height: 40px;
border: 3px #fdbe21 solid;
border-radius: 50%;
text-align: center;
font-size: 18px;
color: #fdbe21;
line-height: 32px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data .arrow-link:hover {
background-color: #fdbe21;
color: #fff
}
.rt-case-study-box.element-five .rt-case-study-box-item > .holder > .data .arrow-link i {
margin-right: -2px
}
.rt-case-study-box.element-six .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-case-study-box.element-six .rt-case-study-box-item > .holder {
padding: 55px 35px 55px 35px;
background-color: #fff
}
.rt-case-study-box.element-six[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
text-align: left
}
.rt-case-study-box.element-six[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
text-align: center
}
.rt-case-study-box.element-six[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
text-align: right
}
.rt-case-study-box.element-six .rt-case-study-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-case-study-box.element-six .rt-case-study-box-item > .holder > .data h4 {
margin-bottom: 30px;
font-weight: 700;
font-size: 25px;
color: #2f233d;
line-height: 32px
}
.rt-case-study-box.element-six .rt-case-study-box-item > .holder > .data h4 a {
color: inherit
}
.rt-case-study-box.element-six .rt-case-study-box-item > .holder > .data p {
margin-bottom: 15px
}
.rt-case-study-box.element-six .rt-case-study-box-item > .holder > .data .arrow-link {
margin-bottom: 20px;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
color: #00c57c;
line-height: 30px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-six .rt-case-study-box-item > .holder > .data .arrow-link i {
margin-left: -5px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box.element-six .rt-case-study-box-item > .holder > .data .arrow-link:hover i {
margin-left: 10px;
opacity: 1;
visibility: visible
}
.rt-case-study-box.element-seven .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-case-study-box.element-seven .rt-case-study-box-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 35px;
padding-top: calc((65 / 100) * 100%)
}
.rt-case-study-box.element-seven .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
}
.rt-case-study-box.element-seven .rt-case-study-box-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik00OTIsMjM2SDI3NlYyMGMwLTExLjA0Ni04Ljk1NC0yMC0yMC0yMGMtMTEuMDQ2LDAtMjAsOC45NTQtMjAsMjB2MjE2SDIwYy0xMS4wNDYsMC0yMCw4Ljk1NC0yMCwyMHM4Ljk1NCwyMCwyMCwyMGgyMTYgICAgdjIxNmMwLDExLjA0Niw4Ljk1NCwyMCwyMCwyMHMyMC04Ljk1NCwyMC0yMFYyNzZoMjE2YzExLjA0NiwwLDIwLTguOTU0LDIwLTIwQzUxMiwyNDQuOTU0LDUwMy4wNDYsMjM2LDQ5MiwyMzZ6IiBmaWxsPSIjRkZGRkZGIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
background-size: 55px auto;
background-position: center calc(50% + 15px);
background-repeat: no-repeat;
background-color: #333645;
opacity: 0;
transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out;
-webkit-transition: opacity 0.3s ease-in-out, background-position 0.5s ease-in-out
}
.rt-case-study-box.element-seven .rt-case-study-box-item > .holder > .pic:hover > .overlay {
background-position: center center;
opacity: 1
}
.rt-case-study-box.element-seven[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
text-align: left
}
.rt-case-study-box.element-seven[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
text-align: center
}
.rt-case-study-box.element-seven[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
text-align: right
}
.rt-case-study-box.element-seven .rt-case-study-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-case-study-box.element-seven .rt-case-study-box-item > .holder > .data h4 {
margin-bottom: 17px;
font-weight: 700;
font-size: 22px;
color: #303030;
line-height: 30px
}
.rt-case-study-box.element-seven .rt-case-study-box-item > .holder > .data h4 a {
color: inherit
}
.rt-case-study-box.element-seven .rt-case-study-box-item > .holder > .data p {
margin-bottom: 10px;
color: grey
}
.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-two {
margin-bottom: 40px
}
.rt-case-study-box-filter.filter-style-three {
margin-bottom: 40px
}
.rt-case-study-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-case-study-box-filter.filter-style-five {
margin-bottom: 20px
}
.rt-case-study-box-filter.filter-style-six {
margin-bottom: 30px;
border-top: 1px #cdced2 solid;
border-bottom: 1px #cdced2 solid
}
.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
}
.rt-case-study-box-filter.filter-style-two > button {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
padding: 0px 0px 15px 0px;
background-color: initial;
border: none;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
color: #9d9d9d;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box-filter.filter-style-two > button:before {
position: absolute;
bottom: 0;
left: 0;
right: 0;
content: " ";
width: 0;
height: 3px;
margin: 0 auto;
background-color: #00174d;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-case-study-box-filter.filter-style-two > button.current-menu-item:before {
width: 30px
}
.rt-case-study-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-case-study-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-case-study-box-filter.filter-style-three > button.current-menu-item:before {
opacity: 1;
visibility: visible;
transform: scaleY(1);
-webkit-transform: scaleY(1)
}
.rt-case-study-box-filter[class*='filter-style-'] > button > span {
position: relative
}
.rt-case-study-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-case-study-box-filter[class*='filter-style-'] > button > span {
position: relative
}
.rt-case-study-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-case-study-box-filter.filter-style-five > button:first-child {
margin-left: 0
}
.rt-case-study-box-filter.filter-style-five > button:last-child {
float: right;
margin-right: 0
}
.rt-case-study-box-filter.filter-style-five > button:only-child {
margin-left: 0;
margin-right: 0
}
.rt-case-study-box-filter.filter-style-five > button.current-menu-item {
color: #001a57
}
.rt-case-study-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-case-study-box-filter.filter-style-six > button.current-menu-item {
color: #085876
}
.rt-case-study-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-case-study-box-filter.filter-style-six > button.current-menu-item:before {
transform: scaleX(1);
-webkit-transform: scaleX(1)
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.rt-case-study-box.element-one .rt-case-study-box-item, .rt-case-study-box.element-two .rt-case-study-box-item, .rt-case-study-box.element-three .rt-case-study-box-item, .rt-case-study-box.element-four .rt-case-study-box-item, .rt-case-study-box.element-five .rt-case-study-box-item, .rt-case-study-box.element-six .rt-case-study-box-item, .rt-case-study-box.element-seven .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, .rt-case-study-box.element-two .rt-case-study-box-item, .rt-case-study-box.element-three .rt-case-study-box-item, .rt-case-study-box.element-four .rt-case-study-box-item, .rt-case-study-box.element-five .rt-case-study-box-item, .rt-case-study-box.element-six .rt-case-study-box-item, .rt-case-study-box.element-seven .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, .rt-case-study-box.element-two .rt-case-study-box-item, .rt-case-study-box.element-three .rt-case-study-box-item, .rt-case-study-box.element-four .rt-case-study-box-item, .rt-case-study-box.element-five .rt-case-study-box-item, .rt-case-study-box.element-six .rt-case-study-box-item, .rt-case-study-box.element-seven .rt-case-study-box-item {
width: 100% !important
}
.rt-case-study-box-filter.filter-style-one > button, .rt-case-study-box-filter.filter-style-two > button, .rt-case-study-box-filter.filter-style-three > button, .rt-case-study-box-filter.filter-style-five > button {
width: 100%;
margin: 0px 0px 15px 0px
}
}
@media screen and (max-width: 320px) {
.rt-case-study-box.element-one .rt-case-study-box-item, .rt-case-study-box.element-two .rt-case-study-box-item, .rt-case-study-box.element-three .rt-case-study-box-item, .rt-case-study-box.element-four .rt-case-study-box-item, .rt-case-study-box.element-five .rt-case-study-box-item, .rt-case-study-box.element-six .rt-case-study-box-item, .rt-case-study-box.element-seven .rt-case-study-box-item {
width: 100% !important
}
.rt-case-study-box-filter.filter-style-one > button, .rt-case-study-box-filter.filter-style-two > button, .rt-case-study-box-filter.filter-style-three > button, .rt-case-study-box-filter.filter-style-five > button {
width: 100%;
margin: 0px 0px 15px 0px
}
}
.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
}
.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
}
.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 img {
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 img {
opacity: 1
}
.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 img {
opacity: 0.9;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.clients.element-four .clients-item > .holder:hover .pic img {
opacity: 1
}
.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
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.clients.element-one:not(.owl-carousel) .clients-item, .clients.element-two:not(.owl-carousel) .clients-item, .clients.element-three:not(.owl-carousel) .clients-item, .clients.element-four: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, .clients.element-two:not(.owl-carousel) .clients-item, .clients.element-three:not(.owl-carousel) .clients-item, .clients.element-four:not(.owl-carousel) .clients-item {
width: 100% !important
}
}
@media screen and (max-width: 320px) {
.clients.element-one:not(.owl-carousel) .clients-item, .clients.element-two:not(.owl-carousel) .clients-item, .clients.element-three:not(.owl-carousel) .clients-item, .clients.element-four:not(.owl-carousel) .clients-item {
width: 100% !important
}
}
.radiantthemes-contact-box.element-one ul li {
position: relative;
margin-bottom: 12px;
padding-left: 27px
}
.radiantthemes-contact-box.element-one ul li:last-child {
margin-bottom: 0
}
.radiantthemes-contact-box.element-one ul li i {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 15px;
text-align: center;
line-height: inherit
}
.radiantthemes-contact-box.element-one ul li.address i {
font-size: 18px
}
.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;
margin-bottom: 12px;
padding-left: 27px
}
.radiantthemes-contact-box.element-two ul li:last-child {
margin-bottom: 0
}
.radiantthemes-contact-box.element-two ul li i {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 15px;
text-align: center;
line-height: inherit
}
.radiantthemes-contact-box.element-two ul li.address i {
font-size: 18px
}
.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;
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%;
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 textarea {
padding-top: 10px;
padding-bottom: 10px
}
.radiant-contact-form.element-one .form-row input[type=radio] {
display: inline-block;
vertical-align: top;
margin: 5px 3px 0px 0px
}
.radiant-contact-form.element-one .form-row input[type=checkbox] {
display: inline-block;
vertical-align: top;
margin: 7px 4px 0px 0px
}
.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
}
.radiant-contact-form.element-one .form-row .wpcf7-list-item {
width: 33.33%;
margin: 0px 0px 8px 0px
}
.radiant-contact-form.element-one .form-row .wpcf7-list-item.last {
margin: 0
}
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
}
.radiant-contact-form.element-two .row {
margin-right: 0;
margin-left: 0
}
.radiant-contact-form.element-two .row > [class*='col-'] {
padding-right: 0;
padding-left: 0
}
.radiant-contact-form.element-two .form-row.last {
margin: 0
}
.radiant-contact-form.element-two .form-row.button {
text-align: center
}
.radiant-contact-form.element-two .form-row > *:last-child {
margin-bottom: 0 !important
}
.radiant-contact-form.element-two .form-row .wpcf7-form-control-wrap {
position: relative;
display: block
}
.radiant-contact-form.element-two .form-row .wpcf7-form-control-wrap:before {
position: absolute;
bottom: 3px;
right: 3px;
z-index: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-top-color: transparent;
border-right-color: transparent;
border-left-color: transparent
}
.radiant-contact-form.element-two .form-row label {
margin-bottom: 10px
}
.radiant-contact-form.element-two .form-row label span {
color: #bf0000
}
.radiant-contact-form.element-two .form-row input[type=text], .radiant-contact-form.element-two .form-row input[type=email], .radiant-contact-form.element-two .form-row input[type=url], .radiant-contact-form.element-two .form-row input[type=tel], .radiant-contact-form.element-two .form-row input[type=number], .radiant-contact-form.element-two .form-row input[type=password], .radiant-contact-form.element-two .form-row input[type=date], .radiant-contact-form.element-two .form-row input[type=time], .radiant-contact-form.element-two .form-row input[type=file], .radiant-contact-form.element-two .form-row select, .radiant-contact-form.element-two .form-row textarea {
vertical-align: top;
width: 100%;
resize: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.radiant-contact-form.element-two .form-row textarea {
padding-top: 10px;
padding-bottom: 10px
}
.radiant-contact-form.element-two .form-row input[type=radio] {
display: inline-block;
vertical-align: top;
margin: 5px 3px 0px 0px
}
.radiant-contact-form.element-two .form-row input[type=checkbox] {
display: inline-block;
vertical-align: top;
margin: 5px 3px 0px 0px
}
.radiant-contact-form.element-two .form-row input[type=submit], .radiant-contact-form.element-two .form-row input[type=button], .radiant-contact-form.element-two .form-row button[type=submit] {
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-two .form-row .ajax-loader {
position: absolute;
margin-top: 15px
}
.radiant-contact-form.element-two .form-row .wpcf7-list-item {
width: 100%;
margin: 0px 0px 7px 0px
}
.radiant-contact-form.element-two .form-row .wpcf7-list-item.last {
margin: 0
}
.radiant-contact-form.element-three .row {
margin-right: 0;
margin-left: 0
}
.radiant-contact-form.element-three .row > [class*='col-'] {
padding-right: 0;
padding-left: 0
}
.radiant-contact-form.element-three .form-row {
position: relative
}
.radiant-contact-form.element-three .form-row.last {
margin: 0
}
.radiant-contact-form.element-three .form-row.button {
text-align: center
}
.radiant-contact-form.element-three .form-row > *:last-child {
margin-bottom: 0 !important
}
.radiant-contact-form.element-three .form-row label {
position: absolute;
top: -12px;
left: 0;
z-index: 1;
padding: 0px 5px 5px 0px;
background-color: #fff
}
.radiant-contact-form.element-three .form-row label span {
color: #bf0000
}
.radiant-contact-form.element-three .form-row input[type=text], .radiant-contact-form.element-three .form-row input[type=email], .radiant-contact-form.element-three .form-row input[type=url], .radiant-contact-form.element-three .form-row input[type=tel], .radiant-contact-form.element-three .form-row input[type=number], .radiant-contact-form.element-three .form-row input[type=password], .radiant-contact-form.element-three .form-row input[type=date], .radiant-contact-form.element-three .form-row input[type=time], .radiant-contact-form.element-three .form-row input[type=file], .radiant-contact-form.element-three .form-row select, .radiant-contact-form.element-three .form-row textarea {
width: 100%;
resize: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.radiant-contact-form.element-three .form-row textarea {
padding-top: 10px;
padding-bottom: 10px
}
.radiant-contact-form.element-three .form-row input[type=radio] {
display: inline-block;
vertical-align: top;
margin: 5px 3px 0px 0px
}
.radiant-contact-form.element-three .form-row input[type=checkbox] {
display: inline-block;
vertical-align: top;
margin: 5px 3px 0px 0px
}
.radiant-contact-form.element-three .form-row input[type=submit], .radiant-contact-form.element-three .form-row input[type=button], .radiant-contact-form.element-three .form-row button[type=submit] {
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-three .form-row .ajax-loader {
position: absolute;
margin-top: 15px
}
.radiant-contact-form.element-three .form-row .wpcf7-list-item {
width: 100%;
margin: 0px 0px 7px 0px
}
.radiant-contact-form.element-three .form-row .wpcf7-list-item.last {
margin: 0
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.radiant-contact-form.element-one .form-row .wpcf7-list-item {
width: 50%
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.radiant-contact-form.element-one .form-row .wpcf7-list-item {
width: 100%
}
}
@media screen and (min-width: 321px) and (max-width: 479px) {
.radiant-contact-form.element-one .form-row .wpcf7-list-item {
width: 100%
}
}
@media screen and (max-width: 320px) {
.radiant-contact-form.element-one .form-row .wpcf7-list-item {
width: 100%
}
}
.rt-countdown.element-one {
clear: both;
margin-left: -5px;
margin-right: -5px
}
.rt-countdown.element-one > .time {
display: table-cell;
width: 1%;
padding-left: 5px;
padding-right: 5px;
text-align: center;
font-size: 17px;
line-height: 25px
}
.rt-countdown.element-one > .time strong {
display: block;
font-size: 30px;
line-height: 35px
}
.rt-countdown.element-one {
clear: both;
margin-left: -5px;
margin-right: -5px
}
.rt-countdown.element-one > .time {
display: table-cell;
width: 1%;
padding-left: 5px;
padding-right: 5px;
text-align: center;
font-size: 17px;
line-height: 25px
}
.rt-countdown.element-one > .time strong {
display: block;
font-size: 30px;
line-height: 35px
}
.ds-custom-button[data-button-direction=left] {
text-align: left
}
.ds-custom-button[data-button-direction=center] {
text-align: center
}
.ds-custom-button[data-button-direction=right] {
text-align: right
}
.ds-custom-button .ds-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
}
.ds-custom-button[data-button-fullwidth=true] .ds-custom-button-main {
width: 100%
}
.ds-custom-button[class*='hover-style-'] .ds-custom-button-main > .overlay {
position: absolute;
z-index: 0;
content: " "
}
.ds-custom-button .ds-custom-button-main > .placeholder {
position: relative
}
.ds-custom-button .ds-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
}
.ds-custom-button[data-button-icon-position=left] .ds-custom-button-main i {
margin-right: 10px
}
.ds-custom-button[data-button-icon-position=right] .ds-custom-button-main i {
margin-left: 10px
}
.ds-custom-button.hover-style-two .ds-custom-button-main {
overflow: hidden
}
.ds-custom-button.hover-style-two .ds-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
}
.ds-custom-button.hover-style-two .ds-custom-button-main:hover > .overlay {
width: 100%
}
.ds-custom-button.hover-style-three .ds-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
}
.ds-custom-button.hover-style-three .ds-custom-button-main:hover > .overlay {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1)
}
.ds-custom-button.hover-style-four .ds-custom-button-main i {
opacity: 0;
visibility: hidden
}
.ds-custom-button.hover-style-four .ds-custom-button-main:hover i {
opacity: 1;
visibility: visible
}
.ds-custom-button[data-button-icon-position=left].hover-style-four .ds-custom-button-main i {
margin-right: -3px
}
.ds-custom-button[data-button-icon-position=left].hover-style-four .ds-custom-button-main:hover i {
margin-right: 10px
}
.ds-custom-button[data-button-icon-position=right].hover-style-four .ds-custom-button-main i {
margin-left: -3px
}
.ds-custom-button[data-button-icon-position=right].hover-style-four .ds-custom-button-main:hover i {
margin-left: 10px
}
.ds-custom-button.hover-style-five .ds-custom-button-main:hover {
box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.18);
transform: translateY(-5px);
-webkit-transform: translateY(-5px)
}
.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 > .holder {
position: relative;
padding: 26px 26px 26px 26px;
background-color: #fff;
box-shadow: 0px 0px 20px #e8e6e6;
text-align: inherit
}
.rt-fancy-text-box.element-one > .holder:before {
position: absolute;
top: 0;
right: 0;
z-index: 0;
content: " ";
width: 150px;
height: 140px;
background-color: #fafafa;
border-bottom-left-radius: 136px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-one > .holder > .icon {
position: absolute;
top: 18px;
right: 22px;
max-width: 100px;
z-index: 1;
text-align: center
}
.rt-fancy-text-box.element-one > .holder > .icon img {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-one > .holder:hover > .icon img {
filter: contrast(1000%) invert(100%)
}
.rt-fancy-text-box.element-one > .holder > .icon i {
font-size: 70px;
line-height: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-one > .holder:hover > .icon i {
color: #fff
}
.rt-fancy-text-box.element-one > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-one > .holder > .data .title {
width: calc(100% - 160px);
margin-bottom: 0;
font-weight: 400;
font-size: 19px;
line-height: 24px
}
.rt-fancy-text-box.element-one > .holder > .data .subtitle {
position: relative;
width: calc(100% - 160px);
padding-bottom: 20px;
margin-bottom: 20px;
font-weight: 400;
font-size: 19px;
color: #383838;
line-height: 25px
}
.rt-fancy-text-box.element-one > .holder > .data .subtitle:before {
position: absolute;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
width: 27px;
height: 2px
}
.rt-fancy-text-box.element-one > .holder > .data .content {
width: calc(100% - 65px)
}
.rt-fancy-text-box.element-two > .holder {
position: relative;
padding: 20px 23px 25px 30px;
text-align: inherit
}
.rt-fancy-text-box.element-two > .holder:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
content: " ";
background-color: #f4f4f4;
border-radius: 5px;
transform: skewX(-6deg);
-webkit-transform: skewX(-6deg)
}
.rt-fancy-text-box.element-two > .holder > .heading {
position: relative;
min-height: 60px;
margin-bottom: 10px;
padding-left: 75px
}
.rt-fancy-text-box.element-two > .holder > .heading > .icon {
position: absolute;
top: 0;
left: 0;
width: 60px;
text-align: center
}
.rt-fancy-text-box.element-two > .holder > .heading > .icon i {
font-size: 60px;
line-height: 1
}
.rt-fancy-text-box.element-two > .holder > .heading > .data {
display: inline-block;
vertical-align: top;
width: 100%;
margin-top: 15px
}
.rt-fancy-text-box.element-two > .holder > .heading > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-two > .holder > .heading > .data .title {
margin-bottom: 10px;
font-weight: 500;
font-size: 18px;
color: #292929;
line-height: 28px
}
.rt-fancy-text-box.element-two > .holder > .heading > .data .subtitle {
margin-bottom: 10px;
font-weight: 400;
font-size: 18px;
color: #292929;
line-height: 26px
}
.rt-fancy-text-box.element-three {
text-align: center
}
.rt-fancy-text-box.element-three > .holder {
padding: 30px 20px 45px 20px;
background-color: #fff;
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 {
position: relative;
box-shadow: 0px 0px 50px rgba(5, 6, 6, 0.08)
}
.rt-fancy-text-box.element-three > .holder > .icon {
margin-bottom: 20px
}
.rt-fancy-text-box.element-three > .holder > .icon i {
font-size: 70px;
line-height: 1
}
.rt-fancy-text-box.element-three > .holder > .heading {
margin-bottom: 10px
}
.rt-fancy-text-box.element-three > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-three > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 20px;
color: #010101;
line-height: 30px
}
.rt-fancy-text-box.element-three > .holder > .heading > .title a {
color: inherit
}
.rt-fancy-text-box.element-three > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 17px;
color: #010101;
line-height: 26px
}
.rt-fancy-text-box.element-three > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-four {
text-align: center
}
.rt-fancy-text-box.element-four > .holder {
padding: 30px 25px 40px 25px;
background-color: #fff;
box-shadow: 0px 0px 29px rgba(0, 0, 0, 0.1);
text-align: inherit
}
.rt-fancy-text-box.element-four > .holder > .icon {
margin-bottom: 20px
}
.rt-fancy-text-box.element-four > .holder > .icon i {
font-size: 70px;
line-height: 1
}
.rt-fancy-text-box.element-four > .holder > .heading {
margin-bottom: 12px
}
.rt-fancy-text-box.element-four > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-four > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 18px;
color: #000;
line-height: 27px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-four > .holder > .heading > .title a {
color: inherit
}
.rt-fancy-text-box.element-four > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 16px;
color: #000;
line-height: 26px
}
.rt-fancy-text-box.element-four > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-five {
text-align: left
}
.rt-fancy-text-box.element-five > .holder {
position: relative;
overflow: hidden;
text-align: inherit;
padding: 80px 30px 30px 30px;
background: center center #fff;
background-size: cover
}
.rt-fancy-text-box.element-five > .holder:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.rt-fancy-text-box.element-five > .holder:hover:before {
opacity: 1;
visibility: visible
}
.rt-fancy-text-box.element-five > .holder > .icon {
position: relative;
margin-bottom: 20px
}
.rt-fancy-text-box.element-five > .holder > .icon i {
font-size: 70px;
color: #fff;
line-height: 1
}
.rt-fancy-text-box.element-five > .holder > .heading {
position: relative;
margin-bottom: 12px
}
.rt-fancy-text-box.element-five > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-five > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 22px;
color: #fff;
line-height: 30px
}
.rt-fancy-text-box.element-five > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 16px;
color: #fff;
line-height: 26px
}
.rt-fancy-text-box.element-five > .holder > .content {
position: relative;
color: #fff
}
.rt-fancy-text-box.element-five > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-six {
text-align: left
}
.rt-fancy-text-box.element-six > .holder {
position: relative;
overflow: hidden;
text-align: inherit;
padding: 80px 30px 30px 30px;
background: center center #fff;
background-size: cover;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.rt-fancy-text-box.element-six > .holder:hover {
z-index: 1;
box-shadow: 0 45px 100px rgba(0, 0, 0, 0.4), 0 16px 40px rgba(0, 0, 0, 0.4);
transform: scale(1.06);
-webkit-transform: scale(1.06)
}
.rt-fancy-text-box.element-six > .holder:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.rt-fancy-text-box.element-six > .holder:hover:before {
opacity: 1;
visibility: visible
}
.rt-fancy-text-box.element-six > .holder > .icon {
position: relative;
margin-bottom: 20px
}
.rt-fancy-text-box.element-six > .holder > .icon i {
font-size: 70px;
color: #fff;
line-height: 1
}
.rt-fancy-text-box.element-six > .holder > .heading {
position: relative;
margin-bottom: 12px
}
.rt-fancy-text-box.element-six > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-six > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 22px;
color: #fff;
line-height: 30px
}
.rt-fancy-text-box.element-six > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 16px;
color: #fff;
line-height: 26px
}
.rt-fancy-text-box.element-six > .holder > .content {
position: relative;
color: #fff
}
.rt-fancy-text-box.element-six > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-seven {
text-align: center
}
.rt-fancy-text-box.element-seven > .holder {
padding: 45px 25px 45px 25px;
background-color: #fff;
border-radius: 7px;
box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
text-align: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-seven > .holder:hover {
position: relative;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2)
}
.rt-fancy-text-box.element-seven > .holder > .icon {
margin-bottom: 23px
}
.rt-fancy-text-box.element-seven > .holder > .icon i {
font-size: 70px;
line-height: 1
}
.rt-fancy-text-box.element-seven > .holder > .heading {
margin-bottom: 15px
}
.rt-fancy-text-box.element-seven > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-seven > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 18px;
color: #212d31;
line-height: 28px
}
.rt-fancy-text-box.element-seven > .holder > .heading > .title a {
color: inherit
}
.rt-fancy-text-box.element-seven > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 17px;
color: #010101;
line-height: 26px
}
.rt-fancy-text-box.element-seven > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-eight > .holder {
padding: 20px 20px 20px 20px;
background-color: #fff;
box-shadow: 0px 0px 38px rgba(0, 0, 0, 0.1);
text-align: inherit;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-fancy-text-box.element-eight > .holder > .icon {
float: left;
margin-right: 20px
}
.rt-fancy-text-box.element-eight > .holder > .icon img {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-fancy-text-box.element-one > .holder:hover > .icon img {
filter: contrast(1000%) invert(100%)
}
.rt-fancy-text-box.element-eight > .holder > .icon i {
font-size: 36px;
line-height: 1;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-fancy-text-box.element-eight > .holder:hover > .icon i {
color: #fff
}
.rt-fancy-text-box.element-eight > .holder > .heading {
min-height: 32px;
margin-top: 4px;
margin-bottom: 10px
}
.rt-fancy-text-box.element-eight > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-eight > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-fancy-text-box.element-eight > .holder:hover > .heading > .title {
color: #fff !important
}
.rt-fancy-text-box.element-eight > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 14px;
line-height: 25px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-fancy-text-box.element-eight > .holder:hover > .heading > .subtitle {
color: #fff !important
}
.rt-fancy-text-box.element-eight > .holder > .content {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-fancy-text-box.element-eight > .holder:hover > .content {
color: #fff
}
.rt-fancy-text-box.element-eight > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-nine > .holder {
text-align: inherit
}
.rt-fancy-text-box.element-nine > .holder > .icon {
float: left;
margin-right: 22px
}
.rt-fancy-text-box.element-nine > .holder > .icon i {
font-size: 48px;
line-height: 1
}
.rt-fancy-text-box.element-nine > .holder > .heading {
min-height: 48px;
margin-top: 2px;
margin-bottom: 16px;
padding-top: 8px
}
.rt-fancy-text-box.element-nine > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-nine > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 18px;
color: #091e42;
line-height: 28px
}
.rt-fancy-text-box.element-nine > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 14px;
color: #091e42;
line-height: 25px
}
.rt-fancy-text-box.element-nine > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-ten > .holder {
position: relative;
padding: 28px 30px 30px 30px;
background-color: #fff;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.07);
text-align: inherit
}
.rt-fancy-text-box.element-ten > .holder > .icon {
position: absolute;
top: 15px;
right: 15px;
max-width: 100px;
z-index: 1;
text-align: center
}
.rt-fancy-text-box.element-ten > .holder > .icon i {
font-size: 70px;
line-height: 1
}
.rt-fancy-text-box.element-ten > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-ten > .holder > .data .title {
width: calc(100% - 140px);
margin-bottom: 18px;
font-weight: 500;
font-size: 18px;
color: #181616;
line-height: 26px
}
.rt-fancy-text-box.element-ten > .holder > .data .title a {
color: inherit
}
.rt-fancy-text-box.element-ten > .holder > .data .subtitle {
width: calc(100% - 140px);
margin-bottom: 18px;
font-weight: 400;
font-size: 16px;
color: #383838;
line-height: 26px
}
.rt-fancy-text-box.element-ten > .holder > .data .content {
position: relative;
width: calc(100% - 65px);
padding-top: 17px
}
.rt-fancy-text-box.element-ten > .holder > .data .content:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: " ";
width: 27px;
height: 2px
}
.rt-fancy-text-box.element-eleven {
text-align: center
}
.rt-fancy-text-box.element-eleven > .holder {
position: relative;
padding: 50px 25px 60px 25px;
text-align: inherit;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.rt-fancy-text-box.element-eleven > .holder:hover {
background-color: #fff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1)
}
.rt-fancy-text-box.element-eleven > .holder > .icon {
margin-bottom: 20px
}
.rt-fancy-text-box.element-eleven > .holder > .icon i {
font-size: 55px;
color: #fff;
line-height: 1;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.rt-fancy-text-box.element-eleven > .holder > .data {
margin-bottom: 23px
}
.rt-fancy-text-box.element-eleven > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-eleven > .holder > .data .title {
margin-bottom: 17px;
font-weight: 500;
font-size: 20px;
color: #fff;
line-height: 28px;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.rt-fancy-text-box.element-eleven > .holder:hover > .data .title {
color: #030712
}
.rt-fancy-text-box.element-eleven > .holder > .data .title a {
color: inherit
}
.rt-fancy-text-box.element-eleven > .holder > .data .subtitle {
margin-bottom: 20px;
font-weight: 500;
font-size: 17px;
color: #fff;
line-height: 26px;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.rt-fancy-text-box.element-eleven > .holder:hover > .data .subtitle {
color: #030712
}
.rt-fancy-text-box.element-eleven > .holder > .data .content {
color: #fff;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.rt-fancy-text-box.element-eleven > .holder:hover > .data .content {
color: #030712
}
.rt-fancy-text-box.element-eleven > .holder > .more > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-eleven > .holder > .more .btn {
padding: 11px 35px 11px 35px;
background-color: transparent;
border-width: 2px;
border-color: #fff;
border-style: solid;
border-radius: 4px;
font-weight: 500;
font-size: 15px;
color: #fff;
line-height: 26px;
cursor: pointer;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.rt-fancy-text-box.element-twelve > .holder {
padding: 28px 30px 28px 30px;
background-color: #fff;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
text-align: inherit
}
.rt-fancy-text-box.element-twelve > .holder > .icon {
float: left;
margin-right: 10px
}
.rt-fancy-text-box.element-twelve > .holder > .icon i {
font-size: 36px;
line-height: 1
}
.rt-fancy-text-box.element-twelve > .holder > .heading {
min-height: 65px;
margin-top: 2px;
margin-bottom: 10px
}
.rt-fancy-text-box.element-twelve > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-twelve > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 20px;
color: #060526;
line-height: 30px
}
.rt-fancy-text-box.element-twelve > .holder > .heading > .title a {
color: inherit
}
.rt-fancy-text-box.element-twelve > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 15px;
line-height: 26px
}
.rt-fancy-text-box.element-twelve > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-thirteen {
text-align: left
}
.rt-fancy-text-box.element-thirteen > .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-thirteen > .holder:hover {
position: relative;
background-color: #fff;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.12)
}
.rt-fancy-text-box.element-thirteen > .holder > .icon {
margin-bottom: 15px
}
.rt-fancy-text-box.element-thirteen > .holder > .icon i {
font-size: 50px;
line-height: 1
}
.rt-fancy-text-box.element-thirteen > .holder > .heading {
margin-bottom: 10px
}
.rt-fancy-text-box.element-thirteen > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-thirteen > .holder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 20px;
color: #060526;
line-height: 26px
}
.rt-fancy-text-box.element-thirteen > .holder > .heading > .title a {
color: inherit
}
.rt-fancy-text-box.element-thirteen > .holder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 17px;
color: #010101;
line-height: 26px
}
.rt-fancy-text-box.element-thirteen > .holder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-fourteen {
text-align: left
}
.rt-fancy-text-box.element-fourteen > .holder {
position: relative;
padding: 27px 27px 27px 27px;
box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.09);
text-align: inherit
}
.rt-fancy-text-box.element-fourteen > .holder > .gradient-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-fancy-text-box.element-fourteen > .holder > .placeholder {
position: relative;
z-index: 2
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .icon {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
margin-bottom: 25px
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .icon:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
content: " ";
background-color: #252525;
border-radius: 50%;
opacity: 0.09;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .icon i {
font-size: 50px;
line-height: 1
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .heading {
margin-bottom: 10px
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .heading > .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 16px;
color: #252525;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .heading > .title a {
color: inherit
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .heading > .subtitle {
margin-bottom: 10px;
font-weight: 500;
font-size: 14px;
color: #252525;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .content {
margin-bottom: 14px;
font-size: 15px;
color: #767676;
line-height: 24px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .content > *:last-child {
margin-bottom: 0 !important
}
.rt-fancy-text-box.element-fourteen > .holder > .placeholder > .more > .btn {
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
font-weight: 500;
font-size: 16px;
color: #252525;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-fancy-text-box.element-fourteen > .holder:hover > .gradient-overlay {
opacity: 1;
visibility: visible
}
.rt-fancy-text-box.element-fourteen > .holder:hover > .placeholder > .icon:before {
background-color: #fff !important;
opacity: 1
}
.rt-fancy-text-box.element-fourteen > .holder:hover > .placeholder > .heading > .title, .rt-fancy-text-box.element-fourteen > .holder:hover > .placeholder > .heading > .subtitle, .rt-fancy-text-box.element-fourteen > .holder:hover > .placeholder > .content, .rt-fancy-text-box.element-fourteen > .holder:hover > .placeholder > .more > .btn {
color: #fff !important
}
.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 img, .rt-flip-box.element-one > .holder .second-card img {
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 img {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-highlight-box.element-one > .holder:hover .pic img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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 img {
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.element-one > .rt-image-gallery-holder > .owl-stage-outer {
margin-bottom: 14px
}
.rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs {
margin-left: -7px;
margin-right: -7px
}
.rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs > .owl-thumb-item {
padding-left: 7px;
padding-right: 7px;
background-color: initial;
border: none;
border-radius: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-image-gallery.element-one > .rt-image-gallery-holder > .owl-thumbs > .owl-thumb-item.active {
opacity: 0.6
}
.rt-image-slider.element-one {
position: relative
}
.rt-image-slider.element-one .rt-image-slider-item {
position: relative;
background: center center no-repeat;
background-size: cover
}
.rt-image-slider.element-one .rt-image-slider-item:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: " ";
background-color: rgba(0, 17, 58, 0.7)
}
.rt-image-slider.element-one .rt-image-slider-item > .holder {
position: relative;
z-index: 1;
padding: 150px 60px 160px 60px;
text-align: center
}
.rt-image-slider.element-one .rt-image-slider-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-image-slider.element-one .rt-image-slider-item > .holder > .data h5 {
margin-bottom: 50px;
font-weight: 600;
font-size: 24px;
color: #fff;
line-height: 35px;
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-image-slider.element-one .rt-image-slider-item > .holder > .data .zoom-focus {
margin-bottom: 40px;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out
}
.rt-image-slider.element-one .rt-image-slider-item > .holder > .data .zoom-focus i {
font-size: 45px;
color: #fde428;
line-height: 45px
}
.rt-image-slider.element-one .rt-image-slider-item > .holder > .data p {
margin-bottom: 20px;
font-weight: 400;
font-size: 16px;
color: #fff;
line-height: 28px;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 1.3s ease-in-out;
-webkit-transition: all 1.3s ease-in-out
}
.rt-image-slider.element-one .owl-item .rt-image-slider-item > .holder:hover > .data h5, .rt-image-slider.element-one .owl-item .rt-image-slider-item > .holder:hover > .data .zoom-focus, .rt-image-slider.element-one .owl-item .rt-image-slider-item > .holder:hover > .data p {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-image-slider.element-one > .owl-nav > .owl-prev, .rt-image-slider.element-one > .owl-nav > .owl-next {
position: absolute;
top: 50%;
z-index: 1;
font-size: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.rt-image-slider.element-one > .owl-nav > .owl-prev {
left: 20px
}
.rt-image-slider.element-one > .owl-nav > .owl-next {
right: 20px
}
.rt-image-slider.element-one > .owl-nav > .owl-prev:before, .rt-image-slider.element-one > .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #fff;
line-height: 36px
}
.rt-image-slider.element-one > .owl-nav > .owl-prev:before {
content: "\f104"
}
.rt-image-slider.element-one > .owl-nav > .owl-next:before {
content: "\f105"
}
.rt-image-slider.element-two {
position: relative;
width: auto;
margin-left: -7px;
margin-right: -7px
}
.rt-image-slider.element-two .rt-image-slider-item {
padding: 7px
}
.rt-image-slider.element-two .rt-image-slider-item > .holder {
position: relative;
box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.2)
}
.rt-image-slider.element-two .rt-image-slider-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
background: -moz-linear-gradient(top, rgba(235, 19, 59, 0.9) 0%, rgba(234, 19, 60, 0.9) 1%, rgba(160, 16, 134, 0.9) 100%);
background: -webkit-linear-gradient(top, rgba(235, 19, 59, 0.9) 0%, rgba(234, 19, 60, 0.9) 1%, rgba(160, 16, 134, 0.9) 100%);
background: linear-gradient(to bottom, rgba(235, 19, 59, 0.9) 0%, rgba(234, 19, 60, 0.9) 1%, rgba(160, 16, 134, 0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6eb133b', endColorstr='#e6a01086', GradientType=0);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.rt-image-slider.element-two .rt-image-slider-item > .holder:hover > .overlay {
opacity: 1;
visibility: visible
}
.rt-image-slider.element-two .rt-image-slider-item > .holder > .overlay .zoom-button {
display: inline-block;
vertical-align: top;
width: 53px;
height: 53px;
background: url(//dannetstudio.com/my_plugins/radiantthemes-addons/assets/images/Zoom-Icon-53x53.png) center center no-repeat;
cursor: pointer;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out
}
.rt-image-slider.element-two .rt-image-slider-item > .holder:hover > .overlay .zoom-button {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-image-slider.element-two .owl-dots {
margin-top: 40px;
text-align: center
}
.rt-image-slider.element-two .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top;
margin-left: 3px;
margin-right: 2px
}
.rt-image-slider.element-two .owl-dots > .owl-dot > span {
display: block;
width: 12px;
height: 12px;
background-color: #c2bebf;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-image-slider.element-two .owl-dots > .owl-dot.active > span {
background-color: #fe002f
}
.radiantthemes-list.element-one ul > li, .radiantthemes-list.element-one ol > li {
margin-bottom: 12px
}
.radiantthemes-list.element-one ul > li {
position: relative;
padding-left: 25px
}
.radiantthemes-list.element-one ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f18e";
font-family: 'FontAwesome'
}
.radiantthemes-list.element-one > ul > li ul, .radiantthemes-list.element-one > ul > li ol {
margin-top: 12px
}
.radiantthemes-list.element-two ul > li, .radiantthemes-list.element-two ol > li {
margin-bottom: 12px
}
.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: 12px
}
.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: 12px
}
.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: 12px
}
.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: 12px
}
.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: 12px
}
.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: 12px
}
.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: 12px
}
.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: 12px
}
.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 img {
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 ul.menu li {
margin-bottom: 2px
}
.radiantthemes-custom-menu.element-one ul.menu li a {
position: relative;
display: block;
padding: 14px 15px 14px 18px;
background-color: rgba(0, 0, 0, 0.055);
font-weight: 500;
color: inherit
}
.radiantthemes-custom-menu.element-one ul.menu li a:before {
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
width: 5px;
opacity: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.radiantthemes-custom-menu.element-one ul.menu li a:hover:before, .radiantthemes-custom-menu.element-one ul.menu li.current-menu-item a:before {
opacity: 1
}
.radiantthemes-custom-menu.element-one ul.menu li ul {
margin-top: 2px
}
.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 .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic {
position: relative;
overflow: hidden
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .pic > img {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .pic > .overlay {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic > .overlay > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic > .overlay > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic > .overlay .btn {
width: 54px;
height: 54px;
margin-left: 10px;
margin-right: 10px;
background-color: #fff;
border: 2px #fff solid;
border-radius: 50%;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);
font-size: 20px;
color: #252525;
line-height: 50px;
transform: translateY(50px);
-webkit-transform: translateY(50px)
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic > .overlay .btn:nth-child(1) {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic > .overlay .btn:nth-child(2) {
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .pic > .overlay .btn {
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic > .overlay .btn:hover {
background-color: transparent;
color: #fff
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data {
padding: 20px 25px 11px 25px;
background-color: #fff;
box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.07);
text-align: left
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data h4 {
font-weight: 500;
font-size: 14px;
color: #505050;
line-height: 22px
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data h4 a {
color: inherit
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data p {
margin-top: 7px;
font-weight: 300;
font-size: 12px;
color: #505050;
line-height: 22px
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data ul.category-list {
margin-top: 5px;
text-align: right
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data ul.category-list li {
display: inline-block;
vertical-align: top;
padding-left: 12px;
border-left: 1px rgba(0, 0, 0, 0.2) solid;
text-transform: uppercase;
font-weight: 300;
font-size: 13px;
color: #8d8d8d;
line-height: 15px
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data ul.category-list li:not(:first-child) {
display: none
}
.rt-portfolio-box.element-two .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover {
position: relative;
z-index: 1
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic {
position: relative;
padding-top: calc((75 / 100) * 100%);
perspective: 1000px
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .holder, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: auto;
height: auto;
background: center top no-repeat;
background-size: cover;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
transition: transform 1s;
-webkit-transition: -webkit-transform 1s
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .holder {
z-index: 1;
overflow: hidden
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data {
z-index: 2;
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg)
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .pic > .holder {
transform: rotateY(180deg);
-webkit-transform: rotateY(180deg)
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .pic > .title, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .pic > .data {
transform: rotateY(0);
-webkit-transform: rotateY(0)
}
.rt-portfolio-box.element-two[data-portfolio-box-align=left] .rt-portfolio-box-item > .holder > .pic > .title, .rt-portfolio-box.element-two[data-portfolio-box-align=left] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: left
}
.rt-portfolio-box.element-two[data-portfolio-box-align=center] .rt-portfolio-box-item > .holder > .pic > .title, .rt-portfolio-box.element-two[data-portfolio-box-align=center] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: center
}
.rt-portfolio-box.element-two[data-portfolio-box-align=right] .rt-portfolio-box-item > .holder > .pic > .title, .rt-portfolio-box.element-two[data-portfolio-box-align=right] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: right
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .holder img {
width: 100%;
max-width: initial
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title > .table, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title > .table > .table-cell, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
padding: 30px
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title > .table > .table-cell > *:last-child, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title h4, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data h4 {
margin-bottom: 7px;
text-transform: uppercase;
font-size: 22px;
color: #fff;
line-height: 35px;
letter-spacing: 1px
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title h4 a, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data h4 a {
color: #fff
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title p, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data p {
margin-bottom: 20px;
color: #fff
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .title .btn, .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > .data .btn {
margin-bottom: 25px
}
.rt-portfolio-box.element-three .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .pic > img {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: rgba(24, 24, 24, 0.8);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .overlay > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .overlay > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .overlay .btn {
width: 50px;
height: 50px;
margin-left: 7px;
margin-right: 7px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.8);
font-size: 22px;
color: #252525;
line-height: 50px;
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .btn {
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
padding: 0px 28px 25px 28px;
transform: translateY(100%);
-webkit-transform: translateY(100%);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data {
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-three[data-portfolio-box-align=left] .rt-portfolio-box-item > .holder > .data {
text-align: left
}
.rt-portfolio-box.element-three[data-portfolio-box-align=center] .rt-portfolio-box-item > .holder > .data {
text-align: center
}
.rt-portfolio-box.element-three[data-portfolio-box-align=right] .rt-portfolio-box-item > .holder > .data {
text-align: right
}
.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 h4 {
margin-bottom: 10px;
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 22px
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data h4 a {
color: inherit
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data p {
margin-bottom: 20px;
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 22px
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data p a {
color: inherit
}
.rt-portfolio-box.element-four .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover {
position: relative;
z-index: 1
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic {
position: relative;
padding-top: calc((75 / 100) * 100%)
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .pic > .data {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-four[data-portfolio-box-align=left] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: left
}
.rt-portfolio-box.element-four[data-portfolio-box-align=center] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: center
}
.rt-portfolio-box.element-four[data-portfolio-box-align=right] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: right
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom;
padding: 30px
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .data h4 {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 400;
font-size: 18px;
color: #fff;
line-height: 27px;
letter-spacing: 1px;
transform: translateY(100%);
-webkit-transform: translateY(100%);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .pic > .data h4 {
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .data h4 a {
color: inherit
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .data p {
margin-bottom: 20px;
color: #fff
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .data .btn {
margin-bottom: 25px
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3
}
.rt-portfolio-box.element-five .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover {
position: relative;
z-index: 1
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 17px;
padding-top: calc((65 / 100) * 100%)
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > .holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .pic > .holder {
opacity: 0.5;
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 20px;
background-color: rgba(255, 255, 255, 0.5);
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:hover > .pic > .overlay {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > .overlay > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > .overlay > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > .overlay .btn {
width: 50px;
height: 50px;
background-color: #fff;
border-radius: 50%;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.4);
font-size: 22px;
color: #252525;
line-height: 50px;
transform: translateY(50px);
-webkit-transform: translateY(50px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .pic > .overlay .btn {
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-five[data-portfolio-box-align=left] .rt-portfolio-box-item > .holder > .data {
text-align: left
}
.rt-portfolio-box.element-five[data-portfolio-box-align=center] .rt-portfolio-box-item > .holder > .data {
text-align: center
}
.rt-portfolio-box.element-five[data-portfolio-box-align=right] .rt-portfolio-box-item > .holder > .data {
text-align: right
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data h4 {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 300;
font-size: 13px;
color: #001a57;
line-height: 26px;
letter-spacing: 1px
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data h4 a {
color: inherit
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data p {
margin-bottom: 20px;
color: #383838
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .btn {
margin-bottom: 25px
}
.rt-portfolio-box.element-six .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder:hover {
position: relative;
z-index: 1
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic {
position: relative;
padding-top: calc((80 / 100) * 100%)
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-position: center top;
background-repeat: no-repeat;
background-size: cover
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 15px;
background-color: rgba(1, 1, 2, 0.65);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder:hover > .pic > .data {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-six[data-portfolio-box-align=left] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: left
}
.rt-portfolio-box.element-six[data-portfolio-box-align=center] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: center
}
.rt-portfolio-box.element-six[data-portfolio-box-align=right] .rt-portfolio-box-item > .holder > .pic > .data {
text-align: right
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data .category {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #fff;
line-height: 25px;
letter-spacing: 2px;
transform: translateY(100%);
-webkit-transform: translateY(100%);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder:hover > .pic > .data .category {
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data h4 {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 600;
font-size: 18px;
color: #fff;
line-height: 28px;
letter-spacing: 1px;
transform: translateY(100%);
-webkit-transform: translateY(100%);
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:hover > .pic > .data h4 {
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data h4 a {
color: inherit
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data p {
margin-bottom: 20px;
color: #fff
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .data .btn {
margin-bottom: 25px
}
.rt-portfolio-box.element-six .rt-portfolio-box-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic {
position: relative;
overflow: hidden
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .pic > img {
transform: scale(1.05);
-webkit-transform: scale(1.05)
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
padding: 20px;
background-color: rgba(0, 0, 0, 0.8);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .pic > .overlay {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay h4 {
margin-bottom: 15px;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 28px;
opacity: 0;
visibility: hidden;
transform: translateY(50px);
-webkit-transform: translateY(50px);
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:hover > .pic > .overlay h4, .rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .pic > .overlay ul.category-list {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay h4 a {
color: inherit
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay ul.category-list {
margin-bottom: 20px;
opacity: 0;
visibility: hidden;
transform: translateY(50px);
-webkit-transform: translateY(50px);
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay ul.category-list li {
text-transform: uppercase;
font-weight: 300;
font-size: 15px;
color: #fff;
line-height: 23px
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay ul.category-list li:not(:first-child) {
display: none
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay .btn {
margin-left: 12px;
margin-right: 12px;
font-size: 20px;
color: #fff;
line-height: 50px;
opacity: 0;
visibility: hidden;
transform: translateY(50px);
-webkit-transform: translateY(50px)
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay .btn:nth-of-type(1) {
transition: all 1.1s ease-in-out;
-webkit-transition: all 1.1s ease-in-out
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic > .overlay .btn:nth-of-type(2) {
transition: all 1.4s ease-in-out;
-webkit-transition: all 1.4s ease-in-out
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .pic > .overlay .btn {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data {
padding: 23px 25px 25px 25px;
background-color: #fff;
box-shadow: 0px 6px 12px 2px rgba(0, 0, 0, 0.07);
text-align: left
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data h4 {
margin-top: 7px;
font-weight: 600;
font-size: 16px;
color: #010101;
line-height: 25px
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data h4 a {
color: inherit
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data p {
margin-top: 10px;
font-weight: 300;
line-height: 1.75
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((75 / 100) * 100%)
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
content: " ";
background-color: rgba(0, 0, 0, 0.85);
opacity: 0;
visibility: hidden;
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:hover > .pic:before {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover;
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:hover > .pic > .holder {
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-title, .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-data {
position: absolute;
right: 0;
left: 0;
z-index: 3;
padding: 25px;
opacity: 0;
visibility: hidden;
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 > .overlay-title {
top: 0
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-data {
bottom: 0
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .pic > .overlay-title, .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .pic > .overlay-data {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-eight[data-portfolio-box-align="left"] .rt-portfolio-box-item > .holder > .pic > .overlay-title {
text-align: left
}
.rt-portfolio-box.element-eight[data-portfolio-box-align="center"] .rt-portfolio-box-item > .holder > .pic > .overlay-title {
text-align: center
}
.rt-portfolio-box.element-eight[data-portfolio-box-align="right"] .rt-portfolio-box-item > .holder > .pic > .overlay-title {
text-align: right
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-title h4 {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
color: #fff;
line-height: 25px;
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-eight .rt-portfolio-box-item > .holder:hover > .pic > .overlay-title h4, .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .pic > .overlay-title p {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-title h4 a {
color: inherit
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-title p {
font-weight: 400;
font-size: 13px;
color: #fff;
line-height: 22px;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-data ul.category-list {
margin-top: 7px;
opacity: 0;
visibility: hidden;
transform: translateY(50px);
-webkit-transform: translateY(50px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .pic > .overlay-data ul.category-list {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-data ul.category-list li {
display: inline-block;
vertical-align: top;
padding-left: 12px;
border-left: 1px rgba(255, 255, 255, 0.5) solid;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 16px
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-data ul.category-list li:not(:first-child) {
display: none
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-data .btn {
margin-right: 20px;
font-size: 16px;
color: #fff;
line-height: 16px;
opacity: 0;
visibility: hidden;
transform: translateY(50px);
-webkit-transform: translateY(50px)
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-data .btn:nth-of-type(1) {
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic > .overlay-data .btn:nth-of-type(2) {
transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .pic > .overlay-data .btn {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .pic {
position: relative;
margin-bottom: 25px
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
content: " ";
background-color: rgba(47, 47, 53, 0.5);
opacity: 0;
visibility: hidden;
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 > .pic > .overlay {
opacity: 1;
visibility: visible
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .pic > img {
width: 100%
}
.rt-portfolio-box.element-nine[data-portfolio-box-align="left"] .rt-portfolio-box-item > .holder > .data {
text-align: left
}
.rt-portfolio-box.element-nine[data-portfolio-box-align="center"] .rt-portfolio-box-item > .holder > .data {
text-align: center
}
.rt-portfolio-box.element-nine[data-portfolio-box-align="right"] .rt-portfolio-box-item > .holder > .data {
text-align: right
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data ul.category-list {
margin-bottom: 5px
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data ul.category-list li {
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #030712;
line-height: 25px
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data ul.category-list li:not(:first-child) {
display: none
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data h4 {
font-weight: 700;
font-size: 30px;
color: #030712;
line-height: 40px
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data h4 a {
color: inherit
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data p {
margin-top: 15px
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .btn {
margin-top: 20px;
margin-right: 5px;
border: none;
box-shadow: initial;
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 > .data .btn {
margin-right: 0
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .btn:before, .rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .btn:after {
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 > .data .btn:before {
display: inline-block;
vertical-align: top;
margin-top: 16px;
margin-right: -8px;
content: " ";
width: 0;
height: 2px;
background-color: #030712
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .btn:before {
width: 25px
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .btn:after {
content: "\f105";
font-family: 'FontAwesome';
font-size: 32px;
color: #b1b1b1;
line-height: 1
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .btn:after {
color: #030712
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
text-align: center
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .pic > img {
width: 100%
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
padding: 20px;
background-color: rgba(72, 79, 95, 0.8);
border: 0px #efe9d1 solid;
opacity: 0;
visibility: hidden;
transform: scale(1.3);
-webkit-transform: scale(1.3);
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:hover > .overlay {
border-width: 15px;
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1)
}
.rt-portfolio-box.element-ten[data-portfolio-box-align="left"] .rt-portfolio-box-item > .holder > .overlay {
text-align: left
}
.rt-portfolio-box.element-ten[data-portfolio-box-align="center"] .rt-portfolio-box-item > .holder > .overlay {
text-align: center
}
.rt-portfolio-box.element-ten[data-portfolio-box-align="right"] .rt-portfolio-box-item > .holder > .overlay {
text-align: right
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay > .table > .table-cell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay ul.category-list {
margin-bottom: 15px
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay ul.category-list li {
display: inline-block;
vertical-align: top;
padding: 4px 18px 3px 18px;
border-radius: 30px;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
color: #fff;
line-height: 25px
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay ul.category-list li:not(:first-child) {
display: none
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay h4 {
font-weight: 600;
font-size: 18px;
color: #fff;
line-height: 30px
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay h4 a {
color: inherit
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .overlay p {
margin-top: 15px;
color: #fff
}
.rt-portfolio-box-filter[class*='filter-style-'] {
font-size: 0
}
.rt-portfolio-box-filter.filter-style-one {
margin-bottom: 20px;
font-size: 0
}
.rt-portfolio-box-filter.filter-style-one > button {
display: inline-block;
vertical-align: top;
margin-right: 30px;
margin-bottom: 10px;
padding: 0;
background-color: initial;
border: none;
font-weight: 400;
font-size: 15px;
color: #302f35;
line-height: 26px
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.rt-portfolio-box.element-one .rt-portfolio-box-item, .rt-portfolio-box.element-two .rt-portfolio-box-item, .rt-portfolio-box.element-three .rt-portfolio-box-item, .rt-portfolio-box.element-four .rt-portfolio-box-item, .rt-portfolio-box.element-five .rt-portfolio-box-item, .rt-portfolio-box.element-six .rt-portfolio-box-item, .rt-portfolio-box.element-seven .rt-portfolio-box-item, .rt-portfolio-box.element-eight .rt-portfolio-box-item, .rt-portfolio-box.element-nine .rt-portfolio-box-item, .rt-portfolio-box.element-ten .rt-portfolio-box-item {
width: 33.33% !important
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.rt-portfolio-box.element-one .rt-portfolio-box-item, .rt-portfolio-box.element-two .rt-portfolio-box-item, .rt-portfolio-box.element-three .rt-portfolio-box-item, .rt-portfolio-box.element-four .rt-portfolio-box-item, .rt-portfolio-box.element-five .rt-portfolio-box-item, .rt-portfolio-box.element-six .rt-portfolio-box-item, .rt-portfolio-box.element-seven .rt-portfolio-box-item, .rt-portfolio-box.element-eight .rt-portfolio-box-item, .rt-portfolio-box.element-nine .rt-portfolio-box-item, .rt-portfolio-box.element-ten .rt-portfolio-box-item {
width: 50% !important
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data, .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data ul.category-list {
text-align: center
}
.rt-portfolio-box-filter.filter-style-one > button {
width: 100%;
margin-right: 0
}
}
@media screen and (min-width: 321px) and (max-width: 479px) {
.rt-portfolio-box.element-one .rt-portfolio-box-item, .rt-portfolio-box.element-two .rt-portfolio-box-item, .rt-portfolio-box.element-three .rt-portfolio-box-item, .rt-portfolio-box.element-four .rt-portfolio-box-item, .rt-portfolio-box.element-five .rt-portfolio-box-item, .rt-portfolio-box.element-six .rt-portfolio-box-item, .rt-portfolio-box.element-seven .rt-portfolio-box-item, .rt-portfolio-box.element-eight .rt-portfolio-box-item, .rt-portfolio-box.element-nine .rt-portfolio-box-item, .rt-portfolio-box.element-ten .rt-portfolio-box-item {
width: 100% !important
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data, .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data ul.category-list {
text-align: center
}
.rt-portfolio-box-filter.filter-style-one > button {
width: 100%;
margin-right: 0
}
}
@media screen and (max-width: 320px) {
.rt-portfolio-box.element-one .rt-portfolio-box-item, .rt-portfolio-box.element-two .rt-portfolio-box-item, .rt-portfolio-box.element-three .rt-portfolio-box-item, .rt-portfolio-box.element-four .rt-portfolio-box-item, .rt-portfolio-box.element-five .rt-portfolio-box-item, .rt-portfolio-box.element-six .rt-portfolio-box-item, .rt-portfolio-box.element-seven .rt-portfolio-box-item, .rt-portfolio-box.element-eight .rt-portfolio-box-item, .rt-portfolio-box.element-nine .rt-portfolio-box-item, .rt-portfolio-box.element-ten .rt-portfolio-box-item {
width: 100% !important
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data, .rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data ul.category-list {
text-align: center
}
.rt-portfolio-box-filter.filter-style-one > button {
width: 100%;
margin-right: 0
}
}
.rt-portfolio-slider.element-one {
width: auto;
margin-left: -4px;
margin-right: -4px
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item {
padding-left: 4px;
padding-right: 4px;
text-align: center
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder {
position: relative;
overflow: hidden
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .pic {
position: relative;
overflow: hidden;
padding-top: calc((85 / 100) * 100%)
}
.rt-portfolio-slider.element-one .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-one .rt-portfolio-slider-item > .holder:hover > .pic > .holder {
transform: scale(1.1);
-webkit-transform: scale(1.1)
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 15px;
background-color: rgba(0, 0, 0, 0.7);
text-align: right;
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:hover > .data {
opacity: 1;
visibility: visible
}
.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: bottom
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .data .holder {
padding-right: 15px;
border-right: 1px #fff solid;
transform: translateX(100%);
-webkit-transform: translateX(100%);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data .holder {
transform: translateX(0);
-webkit-transform: translateX(0)
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .data .holder > *:last-child {
margin-bottom: 0 !important
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .data h4 {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 600;
font-size: 16px;
color: #fff;
line-height: 20px;
letter-spacing: 2px
}
.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
}
.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: 2;
width: auto;
height: auto
}
.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;
padding-top: calc((115 / 100) * 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;
padding-top: calc((133 / 100) * 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 {
padding: 35px 20px 40px 20px;
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.spotlight > .holder, .rt-pricing-table.element-one:hover > .holder {
position: relative;
border-color: #fff;
box-shadow: 0px 0px 30px rgba(5, 6, 6, 0.1)
}
.rt-pricing-table.element-one > .holder > .heading {
margin-bottom: 32px
}
.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: 600;
font-size: 20px;
color: #222;
line-height: 28px
}
.rt-pricing-table.element-one > .holder > .heading .subtitle {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
line-height: 22px
}
.rt-pricing-table.element-one > .holder > .pricing {
margin-bottom: 30px
}
.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: 90px;
line-height: 0.75
}
.rt-pricing-table.element-one > .holder > .pricing .price strong {
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
color: #9a9a9a
}
.rt-pricing-table.element-one > .holder > .pricing .period {
display: inline-block;
vertical-align: top;
margin-bottom: 25px;
padding: 6px 20px 5px 20px;
background-color: rgba(0, 0, 0, 0.08);
border-radius: 30px;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
color: #0c121f;
line-height: 22px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-one.spotlight > .holder > .pricing .period, .rt-pricing-table.element-one:hover > .holder > .pricing .period {
color: #fff
}
.rt-pricing-table.element-one > .holder > .pricing .tagline {
max-width: 220px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 14px;
color: #0c121f;
line-height: 25px
}
.rt-pricing-table.element-one > .holder > .list {
margin-bottom: 32px
}
.rt-pricing-table.element-one > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-one > .holder > .list ul {
max-width: 200px;
margin: 0 auto
}
.rt-pricing-table.element-one > .holder > .list ul li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px #f3f3f3 solid;
text-transform: uppercase;
font-size: 14px;
color: #0c121f;
line-height: 25px
}
.rt-pricing-table.element-one > .holder > .list ul li:last-child, .rt-pricing-table.element-one > .holder > .list ul li:only-child {
margin-bottom: 0;
padding-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: 13px 37px 12px 37px;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-radius: 35px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 22px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-one.spotlight > .holder > .more .btn, .rt-pricing-table.element-one:hover > .holder > .more .btn {
color: #fff !important
}
.rt-pricing-table.element-one > .holder > .more .btn:hover {
box-shadow: 0px 4px 20px -5px rgba(0, 0, 0, 0.5);
transform: translateY(-5px);
-webkit-transform: translateY(-5px)
}
.rt-pricing-table.element-two > .holder {
padding: 20px 20px 40px 20px;
background-color: #fff;
border: 1px #ebebeb solid;
text-align: center
}
.rt-pricing-table.element-two > .holder > .heading {
margin-bottom: 15px;
padding-top: 5px;
padding-bottom: 12px;
border-bottom: 1px #ebebeb solid
}
.rt-pricing-table.element-two > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-two > .holder > .heading .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 18px;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-two > .holder > .heading .subtitle {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
line-height: 22px
}
.rt-pricing-table.element-two > .holder > .pricing {
margin-bottom: 32px
}
.rt-pricing-table.element-two > .holder > .pricing > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-two > .holder > .pricing .price {
margin-bottom: 20px;
font-weight: 700;
font-size: 55px;
color: #030712;
line-height: 55px
}
.rt-pricing-table.element-two > .holder > .pricing .price strong {
display: inline-block;
vertical-align: top;
margin-top: -7px;
margin-right: 8px;
font-weight: 500;
font-size: 50%
}
.rt-pricing-table.element-two > .holder > .pricing .period {
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
padding: 5px 15px 5px 15px;
background-color: #ebebeb;
border-radius: 30px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #030712;
line-height: 22px
}
.rt-pricing-table.element-two > .holder > .pricing .period {
margin-bottom: 10px;
font-weight: 400;
font-size: 12px;
line-height: 22px
}
.rt-pricing-table.element-two > .holder > .list {
margin-bottom: 32px
}
.rt-pricing-table.element-two > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-two > .holder > .list ul li {
position: relative;
margin-bottom: 15px;
font-size: 14px
}
.rt-pricing-table.element-two > .holder > .list ul li:before {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
content: " ";
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDU4Ny45MSA1ODcuOTEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU4Ny45MSA1ODcuOTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTg2LjQ1MSw1MDEuNDZjMjYuOTM3LDI2LjkzNiw1OC4zMTUsNDguMDg4LDkzLjI2NSw2Mi44NzFjMzYuMjA3LDE1LjMxNCw3NC42NDIsMjMuMDc4LDExNC4yMzksMjMuMDc4ICAgICBjMzkuNTk2LDAsNzguMDMyLTcuNzY0LDExNC4yMzktMjMuMDc4YzM0Ljk0OS0xNC43ODMsNjYuMzI4LTM1LjkzNiw5My4yNjYtNjIuODcxYzI2LjkzNi0yNi45MzgsNDguMDktNTguMzE2LDYyLjg3MS05My4yNjYgICAgIGMxNS4zMTQtMzYuMjA3LDIzLjA4LTc0LjY0MywyMy4wOC0xMTQuMjM4YzAtMzkuNTk4LTcuNzY2LTc4LjAzMy0yMy4wOC0xMTQuMjM5Yy0xNC43ODEtMzQuOTUtMzUuOTM2LTY2LjMyOC02Mi44NzEtOTMuMjY1ICAgICBjLTI2LjkzOC0yNi45MzctNTguMzE2LTQ4LjA5LTkzLjI2Ni02Mi44NzJDMzcxLjk4Niw4LjI2NSwzMzMuNTUxLDAuNTAxLDI5My45NTUsMC41MDFjLTM5LjU5NywwLTc4LjAzMiw3Ljc2NS0xMTQuMjM5LDIzLjA3OSAgICAgYy0zNC45NSwxNC43ODItNjYuMzI4LDM1LjkzNi05My4yNjUsNjIuODcycy00OC4wOSw1OC4zMTUtNjIuODczLDkzLjI2NEM4LjI2NSwyMTUuOTIzLDAuNSwyNTQuMzU4LDAuNSwyOTMuOTU2ICAgICBjMCwzOS41OTYsNy43NjUsNzguMDMxLDIzLjA3OSwxMTQuMjM4QzM4LjM2MSw0NDMuMTQ0LDU5LjUxNSw0NzQuNTIyLDg2LjQ1MSw1MDEuNDZ6IE0yOTMuOTU1LDQzLjM0MSAgICAgYzEzOC40MTEsMCwyNTAuNjE0LDExMi4yMDQsMjUwLjYxNCwyNTAuNjE1YzAsMTM4LjQxLTExMi4yMDMsMjUwLjYxMy0yNTAuNjE0LDI1MC42MTNTNDMuMzQsNDMyLjM2Niw0My4zNCwyOTMuOTU2ICAgICBDNDMuMzQsMTU1LjU0NSwxNTUuNTQ0LDQzLjM0MSwyOTMuOTU1LDQzLjM0MXoiIGZpbGw9IiM0MjQyNDIiLz4KCQkJPHBhdGggZD0iTTI5My45NTUsNTg3LjkwOWMtMzkuNjY3LDAtNzguMTY3LTcuNzc4LTExNC40MzQtMjMuMTE3Yy0zNS4wMS0xNC44MDktNjYuNDQyLTM1Ljk5OC05My40MjMtNjIuOTc5ICAgICBjLTI2Ljk4My0yNi45ODQtNDguMTcyLTU4LjQxNy02Mi45NzktOTMuNDI1QzcuNzc4LDM3Mi4xMTksMCwzMzMuNjE4LDAsMjkzLjk1NmMwLTM5LjY2Myw3Ljc3OC03OC4xNjUsMjMuMTE4LTExNC40MzUgICAgIGMxNC44MDctMzUuMDA4LDM1Ljk5Ny02Ni40NCw2Mi45NzktOTMuNDIzYzI2Ljk4Mi0yNi45ODMsNTguNDE1LTQ4LjE3Miw5My40MjMtNjIuOTc5YzM2LjI3LTE1LjM0LDc0Ljc3MS0yMy4xMTgsMTE0LjQzNC0yMy4xMTggICAgIGMzOS42NjYsMCw3OC4xNjcsNy43NzgsMTE0LjQzMywyMy4xMTljMzUuMDA5LDE0LjgwNyw2Ni40NDEsMzUuOTk3LDkzLjQyNSw2Mi45NzljMjYuOTg0LDI2Ljk4NSw0OC4xNzMsNTguNDE3LDYyLjk3OSw5My40MjMgICAgIGMxNS4zNDEsMzYuMjcsMjMuMTE5LDc0Ljc3MSwyMy4xMTksMTE0LjQzNGMwLDM5LjY2Mi03Ljc3OCw3OC4xNjMtMjMuMTE5LDExNC40MzNjLTE0LjgwNiwzNS4wMDctMzUuOTk0LDY2LjQzOS02Mi45NzksOTMuNDI1ICAgICBjLTI2Ljk4MiwyNi45OC01OC40MTUsNDguMTY5LTkzLjQyNSw2Mi45NzlDMzcyLjEyMSw1ODAuMTMxLDMzMy42Miw1ODcuOTA5LDI5My45NTUsNTg3LjkwOXogTTI5My45NTUsMS4wMDEgICAgIGMtMzkuNTI5LDAtNzcuODk4LDcuNzUxLTExNC4wNDQsMjMuMDM5Yy0zNC44ODksMTQuNzU3LTY2LjIxNSwzNS44NzQtOTMuMTA2LDYyLjc2NWMtMjYuODkyLDI2Ljg5Mi00OC4wMDksNTguMjE3LTYyLjc2Niw5My4xMDUgICAgIEM4Ljc1MSwyMTYuMDU3LDEsMjU0LjQyNywxLDI5My45NTZDMSwzMzMuNDgzLDguNzUxLDM3MS44NTQsMjQuMDM5LDQwOGMxNC43NTcsMzQuODg5LDM1Ljg3NCw2Ni4yMTQsNjIuNzY2LDkzLjEwNiAgICAgYzI2Ljg5LDI2Ljg4OSw1OC4yMTUsNDguMDA2LDkzLjEwNiw2Mi43NjVjMzYuMTQyLDE1LjI4Nyw3NC41MTIsMjMuMDM4LDExNC4wNDQsMjMuMDM4czc3LjkwMS03Ljc1MSwxMTQuMDQ0LTIzLjAzOSAgICAgYzM0Ljg5LTE0Ljc1OCw2Ni4yMTYtMzUuODc1LDkzLjEwNi02Mi43NjRjMjYuODkzLTI2Ljg5NSw0OC4wMDktNTguMjIsNjIuNzY0LTkzLjEwNiAgICAgYzE1LjI4OS0zNi4xNDYsMjMuMDQxLTc0LjUxNiwyMy4wNDEtMTE0LjA0NGMwLTM5LjUyOS03Ljc1Mi03Ny44OTktMjMuMDQxLTExNC4wNDRjLTE0Ljc1NC0zNC44ODctMzUuODcxLTY2LjIxMi02Mi43NjQtOTMuMTA2ICAgICBjLTI2Ljg5Mi0yNi44OTEtNTguMjE4LTQ4LjAwOC05My4xMDYtNjIuNzY1QzM3MS44NTUsOC43NTIsMzMzLjQ4NSwxLjAwMSwyOTMuOTU1LDEuMDAxeiBNMjkzLjk1NSw1NDUuMDY5ICAgICBjLTY3LjA3NSwwLTEzMC4xMzYtMjYuMTItMTc3LjU2NS03My41NDljLTQ3LjQyOS00Ny40My03My41NS0xMTAuNDg5LTczLjU1LTE3Ny41NjRTNjguOTYsMTYzLjgyLDExNi4zOSwxMTYuMzkxICAgICBjNDcuNDI5LTQ3LjQyOSwxMTAuNDktNzMuNTUsMTc3LjU2NS03My41NWM2Ny4wNzUsMCwxMzAuMTM1LDI2LjEyMSwxNzcuNTY0LDczLjU1YzQ3LjQzLDQ3LjQzLDczLjU1LDExMC40OSw3My41NSwxNzcuNTY1ICAgICBzLTI2LjEyLDEzMC4xMzUtNzMuNTUsMTc3LjU2NEM0MjQuMDksNTE4Ljk0OSwzNjEuMDI5LDU0NS4wNjksMjkzLjk1NSw1NDUuMDY5eiBNMjkzLjk1NSw0My44NDEgICAgIGMtNjYuODA4LDAtMTI5LjYxNywyNi4wMTctMTc2Ljg1OCw3My4yNTdjLTQ3LjI0LDQ3LjI0MS03My4yNTcsMTEwLjA1LTczLjI1NywxNzYuODU4YzAsNjYuODA4LDI2LjAxNywxMjkuNjE3LDczLjI1NywxNzYuODU2ICAgICBjNDcuMjQsNDcuMjQsMTEwLjA1LDczLjI1NywxNzYuODU4LDczLjI1N3MxMjkuNjE3LTI2LjAxNywxNzYuODU3LTczLjI1N2M0Ny4yNC00Ny4yMzksNzMuMjU3LTExMC4wNDksNzMuMjU3LTE3Ni44NTYgICAgIGMwLTY2LjgwOC0yNi4wMTctMTI5LjYxOC03My4yNTctMTc2Ljg1OEM0MjMuNTcxLDY5Ljg1NywzNjAuNzYzLDQzLjg0MSwyOTMuOTU1LDQzLjg0MXoiIGZpbGw9IiM0MjQyNDIiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yMjguOTkyLDQwMC43OTRjNC4wMTcsNC4wMTgsOS40NjUsNi4yNzMsMTUuMTQ2LDYuMjczYzUuNjgyLDAsMTEuMTI5LTIuMjU2LDE1LjE0Ni02LjI3M0w0NDIuNjcsMjE3LjQwOSAgICAgYzguMzY1LTguMzY1LDguMzY1LTIxLjkyNywwLTMwLjI5MnMtMjEuOTI4LTguMzY2LTMwLjI5MywwbC0xNjguMjM5LDE2OC4yNGwtNjguNjA2LTY4LjYwN2MtOC4zNjUtOC4zNjYtMjEuOTI3LTguMzY2LTMwLjI5MiwwICAgICBjLTguMzY1LDguMzY1LTguMzY1LDIxLjkyNywwLDMwLjI5MkwyMjguOTkyLDQwMC43OTR6IiBmaWxsPSIjNDI0MjQyIi8+CgkJCTxwYXRoIGQ9Ik0yNDQuMTM4LDQwNy41NjdjLTUuODU1LDAtMTEuMzYtMi4yOC0xNS41LTYuNDJsLTgzLjc1Mi04My43NTJjLTguNTQ2LTguNTQ3LTguNTQ2LTIyLjQ1MywwLTMxICAgICBjNC4xNC00LjE0MSw5LjY0NS02LjQyMSwxNS41LTYuNDIxczExLjM1OSwyLjI4LDE1LjUsNi40MjFsNjguMjUzLDY4LjI1M2wxNjcuODg1LTE2Ny44ODZjNC4xNC00LjE0MSw5LjY0NS02LjQyLDE1LjUtNi40MiAgICAgYzUuODU0LDAsMTEuMzU5LDIuMjgsMTUuNSw2LjQyYzQuMTQxLDQuMTQsNi40MjEsOS42NDUsNi40MjEsMTUuNXMtMi4yOCwxMS4zNTktNi40MjEsMTUuNUwyNTkuNjM4LDQwMS4xNDcgICAgIEMyNTUuNDk5LDQwNS4yODcsMjQ5Ljk5NCw0MDcuNTY3LDI0NC4xMzgsNDA3LjU2N3ogTTE2MC4zODYsMjgwLjk3NWMtNS41ODgsMC0xMC44NDEsMi4xNzYtMTQuNzkyLDYuMTI4ICAgICBjLTguMTU2LDguMTU3LTguMTU2LDIxLjQyOCwwLDI5LjU4NWw4My43NTIsODMuNzUyYzMuOTUxLDMuOTUxLDkuMjA0LDYuMTI3LDE0Ljc5Miw2LjEyN2M1LjU4OSwwLDEwLjg0Mi0yLjE3NiwxNC43OTMtNi4xMjcgICAgIGwxODMuMzg1LTE4My4zODVjMy45NTEtMy45NTEsNi4xMjgtOS4yMDUsNi4xMjgtMTQuNzkycy0yLjE3Ny0xMC44NDItNi4xMjgtMTQuNzkzYy0zLjk1MS0zLjk1Mi05LjIwNS02LjEyNy0xNC43OTMtNi4xMjcgICAgIHMtMTAuODQyLDIuMTc2LTE0Ljc5Myw2LjEyN0wyNDQuMTM4LDM1Ni4wNjNsLTY4Ljk2LTY4Ljk2QzE3MS4yMjcsMjgzLjE1MSwxNjUuOTc0LDI4MC45NzUsMTYwLjM4NiwyODAuOTc1eiIgZmlsbD0iIzQyNDI0MiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-size: 100% auto
}
.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: 8px 30px 8px 30px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 35px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-two.spotlight > .holder > .more .btn, .rt-pricing-table.element-two:hover > .holder > .more .btn {
color: #fff !important
}
.rt-pricing-table.element-three > .holder {
background-color: #fff;
text-align: center
}
.rt-pricing-table.element-three > .holder > .heading {
padding: 35px 20px 0px 20px;
background-color: #f6f6f6;
border: 1px #efefef solid;
border-bottom: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-three > .holder > .heading .title {
margin-bottom: 25px;
font-weight: 400;
font-size: 22px;
color: #222;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-three.spotlight > .holder > .heading .title, .rt-pricing-table.element-three:hover > .holder > .heading .title {
color: #fff
}
.rt-pricing-table.element-three > .holder > .heading .subtitle {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
line-height: 22px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-three.spotlight > .holder > .heading .subtitle, .rt-pricing-table.element-three:hover > .holder > .heading .subtitle {
color: #fff
}
.rt-pricing-table.element-three > .holder > .heading .price {
margin-bottom: 15px;
font-weight: 300;
font-size: 90px;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-three.spotlight > .holder > .heading .price, .rt-pricing-table.element-three:hover > .holder > .heading .price {
color: #fff
}
.rt-pricing-table.element-three > .holder > .heading .price strong {
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-right: 8px;
font-weight: 400;
font-size: 24px
}
.rt-pricing-table.element-three > .holder > .heading .period {
position: relative;
bottom: -17px;
display: inline-block;
vertical-align: top;
padding: 7px 22px 6px 22px;
background-color: #fff;
border-radius: 30px;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.15);
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
color: #000;
line-height: 22px
}
.rt-pricing-table.element-three > .holder > .list {
padding: 55px 20px 40px 20px;
border: 1px #efefef solid;
border-top: none
}
.rt-pricing-table.element-three > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-three > .holder > .list .tagline {
max-width: 220px;
margin: 0px auto 35px auto;
font-weight: 400;
font-size: 13px;
color: #979797;
line-height: 25px
}
.rt-pricing-table.element-three > .holder > .list ul {
max-width: 200px;
margin: 0px auto 30px auto
}
.rt-pricing-table.element-three > .holder > .list ul li {
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: 1px #f3f3f3 solid;
text-transform: uppercase;
font-size: 13px;
color: #030712;
line-height: 25px
}
.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 > .list ul li:before {
margin-right: 12px;
content: "\f058";
font-family: 'FontAwesome';
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-three > .holder > .list .btn {
padding: 12px 35px 12px 35px;
background-color: transparent;
border-width: 1px;
border-style: solid;
border-radius: 35px;
text-transform: uppercase;
font-weight: 500;
font-size: 12px;
line-height: 22px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-three.spotlight > .holder > .list .btn, .rt-pricing-table.element-three:hover > .holder > .list .btn {
color: #fff !important
}
.rt-pricing-table.element-four > .holder {
position: relative;
padding: 55px 20px 70px 20px;
background-color: #fff;
border: 1px #e7e6e6 solid;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-four.spotlight > .holder, .rt-pricing-table.element-four:hover > .holder {
border-color: #fff;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.15)
}
.rt-pricing-table.element-four > .holder:before {
position: absolute;
top: -1px;
left: -1px;
right: -1px;
z-index: 0;
content: " ";
height: 6px;
background-color: #ebecef;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-four.spotlight > .holder:before, .rt-pricing-table.element-four:hover > .holder:before {
transform: scaleX(1);
-webkit-transform: scaleX(1)
}
.rt-pricing-table.element-four > .holder > .heading {
margin-bottom: 20px
}
.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: 400;
font-size: 22px;
color: #030712;
line-height: 30px
}
.rt-pricing-table.element-four > .holder > .heading .subtitle {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
line-height: 22px
}
.rt-pricing-table.element-four > .holder > .pricing {
margin-bottom: 35px
}
.rt-pricing-table.element-four > .holder > .pricing > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-four > .holder > .pricing .price {
display: inline-block;
vertical-align: top;
margin-right: 5px;
font-weight: 500;
font-size: 60px;
line-height: 0.75
}
.rt-pricing-table.element-four > .holder > .pricing .price strong {
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-right: 8px;
font-weight: 400;
font-size: 24px
}
.rt-pricing-table.element-four > .holder > .pricing .period {
display: inline-block;
vertical-align: bottom;
font-weight: 400;
font-size: 20px;
color: #030712;
line-height: 22px
}
.rt-pricing-table.element-four > .holder > .pricing .tagline {
max-width: 220px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 14px;
color: #0c121f;
line-height: 25px
}
.rt-pricing-table.element-four > .holder > .list {
margin-bottom: 35px
}
.rt-pricing-table.element-four > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-four > .holder > .list ul li {
margin-bottom: 20px;
font-size: 15px;
color: #030712;
line-height: 26px
}
.rt-pricing-table.element-four > .holder > .list ul li:before {
display: inline-block;
width: 12px;
height: 12px;
margin-right: 10px;
content: " ";
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjE2cHgiIGhlaWdodD0iMTZweCIgdmlld0JveD0iMCAwIDU4Ny45MSA1ODcuOTEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDU4Ny45MSA1ODcuOTE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8Zz4KCQk8Zz4KCQkJPHBhdGggZD0iTTg2LjQ1MSw1MDEuNDZjMjYuOTM3LDI2LjkzNiw1OC4zMTUsNDguMDg4LDkzLjI2NSw2Mi44NzFjMzYuMjA3LDE1LjMxNCw3NC42NDIsMjMuMDc4LDExNC4yMzksMjMuMDc4ICAgICBjMzkuNTk2LDAsNzguMDMyLTcuNzY0LDExNC4yMzktMjMuMDc4YzM0Ljk0OS0xNC43ODMsNjYuMzI4LTM1LjkzNiw5My4yNjYtNjIuODcxYzI2LjkzNi0yNi45MzgsNDguMDktNTguMzE2LDYyLjg3MS05My4yNjYgICAgIGMxNS4zMTQtMzYuMjA3LDIzLjA4LTc0LjY0MywyMy4wOC0xMTQuMjM4YzAtMzkuNTk4LTcuNzY2LTc4LjAzMy0yMy4wOC0xMTQuMjM5Yy0xNC43ODEtMzQuOTUtMzUuOTM2LTY2LjMyOC02Mi44NzEtOTMuMjY1ICAgICBjLTI2LjkzOC0yNi45MzctNTguMzE2LTQ4LjA5LTkzLjI2Ni02Mi44NzJDMzcxLjk4Niw4LjI2NSwzMzMuNTUxLDAuNTAxLDI5My45NTUsMC41MDFjLTM5LjU5NywwLTc4LjAzMiw3Ljc2NS0xMTQuMjM5LDIzLjA3OSAgICAgYy0zNC45NSwxNC43ODItNjYuMzI4LDM1LjkzNi05My4yNjUsNjIuODcycy00OC4wOSw1OC4zMTUtNjIuODczLDkzLjI2NEM4LjI2NSwyMTUuOTIzLDAuNSwyNTQuMzU4LDAuNSwyOTMuOTU2ICAgICBjMCwzOS41OTYsNy43NjUsNzguMDMxLDIzLjA3OSwxMTQuMjM4QzM4LjM2MSw0NDMuMTQ0LDU5LjUxNSw0NzQuNTIyLDg2LjQ1MSw1MDEuNDZ6IE0yOTMuOTU1LDQzLjM0MSAgICAgYzEzOC40MTEsMCwyNTAuNjE0LDExMi4yMDQsMjUwLjYxNCwyNTAuNjE1YzAsMTM4LjQxLTExMi4yMDMsMjUwLjYxMy0yNTAuNjE0LDI1MC42MTNTNDMuMzQsNDMyLjM2Niw0My4zNCwyOTMuOTU2ICAgICBDNDMuMzQsMTU1LjU0NSwxNTUuNTQ0LDQzLjM0MSwyOTMuOTU1LDQzLjM0MXoiIGZpbGw9IiM0MjQyNDIiLz4KCQkJPHBhdGggZD0iTTI5My45NTUsNTg3LjkwOWMtMzkuNjY3LDAtNzguMTY3LTcuNzc4LTExNC40MzQtMjMuMTE3Yy0zNS4wMS0xNC44MDktNjYuNDQyLTM1Ljk5OC05My40MjMtNjIuOTc5ICAgICBjLTI2Ljk4My0yNi45ODQtNDguMTcyLTU4LjQxNy02Mi45NzktOTMuNDI1QzcuNzc4LDM3Mi4xMTksMCwzMzMuNjE4LDAsMjkzLjk1NmMwLTM5LjY2Myw3Ljc3OC03OC4xNjUsMjMuMTE4LTExNC40MzUgICAgIGMxNC44MDctMzUuMDA4LDM1Ljk5Ny02Ni40NCw2Mi45NzktOTMuNDIzYzI2Ljk4Mi0yNi45ODMsNTguNDE1LTQ4LjE3Miw5My40MjMtNjIuOTc5YzM2LjI3LTE1LjM0LDc0Ljc3MS0yMy4xMTgsMTE0LjQzNC0yMy4xMTggICAgIGMzOS42NjYsMCw3OC4xNjcsNy43NzgsMTE0LjQzMywyMy4xMTljMzUuMDA5LDE0LjgwNyw2Ni40NDEsMzUuOTk3LDkzLjQyNSw2Mi45NzljMjYuOTg0LDI2Ljk4NSw0OC4xNzMsNTguNDE3LDYyLjk3OSw5My40MjMgICAgIGMxNS4zNDEsMzYuMjcsMjMuMTE5LDc0Ljc3MSwyMy4xMTksMTE0LjQzNGMwLDM5LjY2Mi03Ljc3OCw3OC4xNjMtMjMuMTE5LDExNC40MzNjLTE0LjgwNiwzNS4wMDctMzUuOTk0LDY2LjQzOS02Mi45NzksOTMuNDI1ICAgICBjLTI2Ljk4MiwyNi45OC01OC40MTUsNDguMTY5LTkzLjQyNSw2Mi45NzlDMzcyLjEyMSw1ODAuMTMxLDMzMy42Miw1ODcuOTA5LDI5My45NTUsNTg3LjkwOXogTTI5My45NTUsMS4wMDEgICAgIGMtMzkuNTI5LDAtNzcuODk4LDcuNzUxLTExNC4wNDQsMjMuMDM5Yy0zNC44ODksMTQuNzU3LTY2LjIxNSwzNS44NzQtOTMuMTA2LDYyLjc2NWMtMjYuODkyLDI2Ljg5Mi00OC4wMDksNTguMjE3LTYyLjc2Niw5My4xMDUgICAgIEM4Ljc1MSwyMTYuMDU3LDEsMjU0LjQyNywxLDI5My45NTZDMSwzMzMuNDgzLDguNzUxLDM3MS44NTQsMjQuMDM5LDQwOGMxNC43NTcsMzQuODg5LDM1Ljg3NCw2Ni4yMTQsNjIuNzY2LDkzLjEwNiAgICAgYzI2Ljg5LDI2Ljg4OSw1OC4yMTUsNDguMDA2LDkzLjEwNiw2Mi43NjVjMzYuMTQyLDE1LjI4Nyw3NC41MTIsMjMuMDM4LDExNC4wNDQsMjMuMDM4czc3LjkwMS03Ljc1MSwxMTQuMDQ0LTIzLjAzOSAgICAgYzM0Ljg5LTE0Ljc1OCw2Ni4yMTYtMzUuODc1LDkzLjEwNi02Mi43NjRjMjYuODkzLTI2Ljg5NSw0OC4wMDktNTguMjIsNjIuNzY0LTkzLjEwNiAgICAgYzE1LjI4OS0zNi4xNDYsMjMuMDQxLTc0LjUxNiwyMy4wNDEtMTE0LjA0NGMwLTM5LjUyOS03Ljc1Mi03Ny44OTktMjMuMDQxLTExNC4wNDRjLTE0Ljc1NC0zNC44ODctMzUuODcxLTY2LjIxMi02Mi43NjQtOTMuMTA2ICAgICBjLTI2Ljg5Mi0yNi44OTEtNTguMjE4LTQ4LjAwOC05My4xMDYtNjIuNzY1QzM3MS44NTUsOC43NTIsMzMzLjQ4NSwxLjAwMSwyOTMuOTU1LDEuMDAxeiBNMjkzLjk1NSw1NDUuMDY5ICAgICBjLTY3LjA3NSwwLTEzMC4xMzYtMjYuMTItMTc3LjU2NS03My41NDljLTQ3LjQyOS00Ny40My03My41NS0xMTAuNDg5LTczLjU1LTE3Ny41NjRTNjguOTYsMTYzLjgyLDExNi4zOSwxMTYuMzkxICAgICBjNDcuNDI5LTQ3LjQyOSwxMTAuNDktNzMuNTUsMTc3LjU2NS03My41NWM2Ny4wNzUsMCwxMzAuMTM1LDI2LjEyMSwxNzcuNTY0LDczLjU1YzQ3LjQzLDQ3LjQzLDczLjU1LDExMC40OSw3My41NSwxNzcuNTY1ICAgICBzLTI2LjEyLDEzMC4xMzUtNzMuNTUsMTc3LjU2NEM0MjQuMDksNTE4Ljk0OSwzNjEuMDI5LDU0NS4wNjksMjkzLjk1NSw1NDUuMDY5eiBNMjkzLjk1NSw0My44NDEgICAgIGMtNjYuODA4LDAtMTI5LjYxNywyNi4wMTctMTc2Ljg1OCw3My4yNTdjLTQ3LjI0LDQ3LjI0MS03My4yNTcsMTEwLjA1LTczLjI1NywxNzYuODU4YzAsNjYuODA4LDI2LjAxNywxMjkuNjE3LDczLjI1NywxNzYuODU2ICAgICBjNDcuMjQsNDcuMjQsMTEwLjA1LDczLjI1NywxNzYuODU4LDczLjI1N3MxMjkuNjE3LTI2LjAxNywxNzYuODU3LTczLjI1N2M0Ny4yNC00Ny4yMzksNzMuMjU3LTExMC4wNDksNzMuMjU3LTE3Ni44NTYgICAgIGMwLTY2LjgwOC0yNi4wMTctMTI5LjYxOC03My4yNTctMTc2Ljg1OEM0MjMuNTcxLDY5Ljg1NywzNjAuNzYzLDQzLjg0MSwyOTMuOTU1LDQzLjg0MXoiIGZpbGw9IiM0MjQyNDIiLz4KCQk8L2c+CgkJPGc+CgkJCTxwYXRoIGQ9Ik0yMjguOTkyLDQwMC43OTRjNC4wMTcsNC4wMTgsOS40NjUsNi4yNzMsMTUuMTQ2LDYuMjczYzUuNjgyLDAsMTEuMTI5LTIuMjU2LDE1LjE0Ni02LjI3M0w0NDIuNjcsMjE3LjQwOSAgICAgYzguMzY1LTguMzY1LDguMzY1LTIxLjkyNywwLTMwLjI5MnMtMjEuOTI4LTguMzY2LTMwLjI5MywwbC0xNjguMjM5LDE2OC4yNGwtNjguNjA2LTY4LjYwN2MtOC4zNjUtOC4zNjYtMjEuOTI3LTguMzY2LTMwLjI5MiwwICAgICBjLTguMzY1LDguMzY1LTguMzY1LDIxLjkyNywwLDMwLjI5MkwyMjguOTkyLDQwMC43OTR6IiBmaWxsPSIjNDI0MjQyIi8+CgkJCTxwYXRoIGQ9Ik0yNDQuMTM4LDQwNy41NjdjLTUuODU1LDAtMTEuMzYtMi4yOC0xNS41LTYuNDJsLTgzLjc1Mi04My43NTJjLTguNTQ2LTguNTQ3LTguNTQ2LTIyLjQ1MywwLTMxICAgICBjNC4xNC00LjE0MSw5LjY0NS02LjQyMSwxNS41LTYuNDIxczExLjM1OSwyLjI4LDE1LjUsNi40MjFsNjguMjUzLDY4LjI1M2wxNjcuODg1LTE2Ny44ODZjNC4xNC00LjE0MSw5LjY0NS02LjQyLDE1LjUtNi40MiAgICAgYzUuODU0LDAsMTEuMzU5LDIuMjgsMTUuNSw2LjQyYzQuMTQxLDQuMTQsNi40MjEsOS42NDUsNi40MjEsMTUuNXMtMi4yOCwxMS4zNTktNi40MjEsMTUuNUwyNTkuNjM4LDQwMS4xNDcgICAgIEMyNTUuNDk5LDQwNS4yODcsMjQ5Ljk5NCw0MDcuNTY3LDI0NC4xMzgsNDA3LjU2N3ogTTE2MC4zODYsMjgwLjk3NWMtNS41ODgsMC0xMC44NDEsMi4xNzYtMTQuNzkyLDYuMTI4ICAgICBjLTguMTU2LDguMTU3LTguMTU2LDIxLjQyOCwwLDI5LjU4NWw4My43NTIsODMuNzUyYzMuOTUxLDMuOTUxLDkuMjA0LDYuMTI3LDE0Ljc5Miw2LjEyN2M1LjU4OSwwLDEwLjg0Mi0yLjE3NiwxNC43OTMtNi4xMjcgICAgIGwxODMuMzg1LTE4My4zODVjMy45NTEtMy45NTEsNi4xMjgtOS4yMDUsNi4xMjgtMTQuNzkycy0yLjE3Ny0xMC44NDItNi4xMjgtMTQuNzkzYy0zLjk1MS0zLjk1Mi05LjIwNS02LjEyNy0xNC43OTMtNi4xMjcgICAgIHMtMTAuODQyLDIuMTc2LTE0Ljc5Myw2LjEyN0wyNDQuMTM4LDM1Ni4wNjNsLTY4Ljk2LTY4Ljk2QzE3MS4yMjcsMjgzLjE1MSwxNjUuOTc0LDI4MC45NzUsMTYwLjM4NiwyODAuOTc1eiIgZmlsbD0iIzQyNDI0MiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-size: 100% auto
}
.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: 13px 45px 12px 45px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 35px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 22px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-four.spotlight > .holder > .more .btn, .rt-pricing-table.element-four:hover > .holder > .more .btn {
color: #fff !important
}
.rt-pricing-table.element-five > .holder {
padding: 50px 20px 60px 20px;
text-align: center
}
.rt-pricing-table.element-five.spotlight > .holder {
background-color: rgba(0, 0, 0, 0.2)
}
.rt-pricing-table.element-five > .holder > .icon {
margin-bottom: 30px
}
.rt-pricing-table.element-five > .holder > .heading {
margin-bottom: 30px;
padding-bottom: 22px;
border-bottom: 1px rgba(255, 255, 255, 0.15) solid
}
.rt-pricing-table.element-five > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-five > .holder > .heading .title {
margin-bottom: 12px;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
color: #fff;
line-height: 28px
}
.rt-pricing-table.element-five > .holder > .heading .subtitle {
max-width: 235px;
margin: 0 auto 15px auto;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 26px
}
.rt-pricing-table.element-five > .holder > .pricing {
margin-bottom: 25px;
padding-bottom: 28px;
border-bottom: 1px rgba(255, 255, 255, 0.15) solid
}
.rt-pricing-table.element-five > .holder > .pricing > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-five > .holder > .pricing .price {
margin-bottom: 10px;
font-weight: 500;
font-size: 55px;
color: #fff;
line-height: 1
}
.rt-pricing-table.element-five > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-right: 5px;
margin-top: 19px;
font-weight: 400;
font-size: 30px;
line-height: 1
}
.rt-pricing-table.element-five > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 14px;
font-weight: 400;
font-size: 30px;
line-height: 1
}
.rt-pricing-table.element-five > .holder > .pricing .tagline {
max-width: 235px;
margin: 0 auto 15px auto;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 26px
}
.rt-pricing-table.element-five > .holder > .list {
margin-bottom: 30px
}
.rt-pricing-table.element-five > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-five > .holder > .list ul li {
margin-bottom: 18px;
font-size: 15px;
color: #fff;
line-height: 26px
}
.rt-pricing-table.element-five > .holder > .list ul li:last-child, .rt-pricing-table.element-five > .holder > .list ul li:only-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none
}
.rt-pricing-table.element-five > .holder > .more > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-five > .holder > .more .btn {
margin-bottom: 15px;
padding: 10px 35px 11px 35px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 4px;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #fff;
line-height: 26px
}
.rt-pricing-table.element-six > .holder {
position: relative;
padding: 50px 20px 55px 20px;
background-color: #fff;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-six.spotlight > .holder, .rt-pricing-table.element-six:hover > .holder {
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1)
}
.rt-pricing-table.element-six > .holder > .heading {
margin-bottom: 25px
}
.rt-pricing-table.element-six > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-six > .holder > .heading .title {
margin-bottom: 12px;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
color: #212d31;
line-height: 30px
}
.rt-pricing-table.element-six > .holder > .heading .subtitle {
max-width: 240px;
margin: 0px auto 10px auto;
font-weight: 400;
font-size: 15px;
color: #212d31;
line-height: 26px
}
.rt-pricing-table.element-six > .holder > .pricing {
margin-bottom: 30px
}
.rt-pricing-table.element-six > .holder > .pricing > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-six > .holder > .pricing .price {
display: inline-block;
vertical-align: top;
font-weight: 500;
font-size: 60px;
line-height: 0.75
}
.rt-pricing-table.element-six > .holder > .pricing .price strong {
display: inline-block;
vertical-align: top;
margin-top: 3px;
margin-right: 8px;
font-weight: 400;
font-size: 24px
}
.rt-pricing-table.element-six > .holder > .pricing .period {
display: inline-block;
vertical-align: bottom;
font-weight: 400;
font-size: 20px;
color: #030712;
line-height: 22px
}
.rt-pricing-table.element-six > .holder > .pricing .tagline {
max-width: 220px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 14px;
color: #0c121f;
line-height: 25px
}
.rt-pricing-table.element-six > .holder > .list {
margin-bottom: 25px
}
.rt-pricing-table.element-six > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-six > .holder > .list ul li {
margin-bottom: 12px;
font-weight: 400;
font-size: 15px;
color: #212d31;
line-height: 26px
}
.rt-pricing-table.element-six > .holder > .more > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-six > .holder > .more .btn {
margin-bottom: 15px;
padding: 11px 35px 11px 35px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 4px;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-six.spotlight > .holder > .more .btn, .rt-pricing-table.element-six:hover > .holder > .more .btn {
color: #fff !important
}
.rt-pricing-table.element-seven > .holder {
padding: 35px 40px 55px 40px;
background-color: #fff;
border: 1px #e1e1e1 solid;
border-radius: 10px;
text-align: center
}
.rt-pricing-table.element-seven > .holder > .heading {
margin-bottom: 30px
}
.rt-pricing-table.element-seven > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-seven > .holder > .heading .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 25px;
color: #13110e;
line-height: 35px
}
.rt-pricing-table.element-seven > .holder > .heading .subtitle {
margin-bottom: 15px;
font-weight: 400;
font-size: 16px;
color: #13110e;
line-height: 26px;
font-style: italic
}
.rt-pricing-table.element-seven > .holder > .icon {
margin-bottom: 35px
}
.rt-pricing-table.element-seven > .holder > .pricing {
margin-bottom: 35px
}
.rt-pricing-table.element-seven > .holder > .pricing > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-seven > .holder > .pricing .price {
margin-bottom: 10px;
font-weight: 500;
font-size: 50px;
color: #181616;
line-height: 1
}
.rt-pricing-table.element-seven > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-right: 5px;
margin-top: 19px;
font-weight: 400;
font-size: 30px;
line-height: 1
}
.rt-pricing-table.element-seven > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 14px;
font-weight: 400;
font-size: 30px;
line-height: 1
}
.rt-pricing-table.element-seven > .holder > .pricing .tagline {
max-width: 235px;
margin: 0 auto 15px auto;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 26px
}
.rt-pricing-table.element-seven > .holder > .more {
margin-bottom: 30px
}
.rt-pricing-table.element-seven > .holder > .more > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-seven > .holder > .more .btn {
margin-bottom: 15px;
padding: 13px 35px 13px 35px;
border: none;
border-radius: 4px;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #fff;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-seven > .holder > .pricing-tag {
margin-bottom: 32px
}
.rt-pricing-table.element-seven > .holder > .pricing-tag > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-seven > .holder > .pricing-tag .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 18px;
color: #13110e;
line-height: 28px
}
.rt-pricing-table.element-seven > .holder > .pricing-tag .tagline {
margin-bottom: 10px;
font-weight: 400;
font-size: 15px;
color: #13110e;
line-height: 26px
}
.rt-pricing-table.element-seven > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-seven > .holder > .list ul {
text-align: left
}
.rt-pricing-table.element-seven > .holder > .list ul li {
position: relative;
margin-bottom: 18px;
padding-left: 32px;
font-size: 15px;
color: #13110e;
line-height: 26px
}
.rt-pricing-table.element-seven > .holder > .list ul li:last-child, .rt-pricing-table.element-seven > .holder > .list ul li:only-child {
margin-bottom: 0
}
.rt-pricing-table.element-seven > .holder > .list ul li:before {
position: absolute;
top: 5px;
left: 0;
z-index: 0;
content: " ";
width: 20px;
height: 15px;
background: url(//dannetstudio.com/my_plugins/radiantthemes-addons/assets/images/Element-Seven-Check-Mark.png) 0px 0px no-repeat
}
.rt-pricing-table.element-seven > .holder > .list ul li strong {
font-weight: 500
}
.rt-pricing-table.element-eight > .holder {
padding: 45px 40px 55px 40px;
background-color: #fff;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-eight > .holder:hover {
box-shadow: 0px 0px 22px rgba(5, 5, 6, 0.14)
}
.rt-pricing-table.element-eight > .holder > .icon {
margin-bottom: 28px
}
.rt-pricing-table.element-eight > .holder > .heading {
margin-bottom: 25px
}
.rt-pricing-table.element-eight > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-eight > .holder > .heading .title {
margin-bottom: 12px;
font-weight: 500;
font-size: 20px;
color: #222;
line-height: 27px
}
.rt-pricing-table.element-eight > .holder > .heading .subtitle {
max-width: 200px;
margin: 0 auto 15px auto;
font-weight: 400;
font-size: 13px;
color: #222;
line-height: 25px
}
.rt-pricing-table.element-eight > .holder > .list {
margin-bottom: 30px
}
.rt-pricing-table.element-eight > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-eight > .holder > .list ul {
max-width: 200px;
margin: 0 auto 0 auto
}
.rt-pricing-table.element-eight > .holder > .list ul li {
position: relative;
margin-bottom: 18px;
padding-bottom: 18px;
border-bottom: 1px #f3f3f3 solid;
text-transform: uppercase;
font-size: 13px;
color: #0c121f;
line-height: 25px
}
.rt-pricing-table.element-eight > .holder > .list ul li:last-child, .rt-pricing-table.element-eight > .holder > .list ul li:only-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none
}
.rt-pricing-table.element-eight > .holder > .pricing {
margin-bottom: 34px
}
.rt-pricing-table.element-eight > .holder > .pricing > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-eight > .holder > .pricing .price {
margin-bottom: 10px;
font-weight: 300;
font-size: 75px;
line-height: 1
}
.rt-pricing-table.element-eight > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-right: 8px;
margin-top: 20px;
font-weight: 400;
font-size: 24px;
color: #9a9a9a;
line-height: 27px
}
.rt-pricing-table.element-eight > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-left: -4px;
margin-bottom: 9px;
font-weight: 400;
font-size: 15px;
color: #0c121f;
line-height: 25px
}
.rt-pricing-table.element-eight > .holder > .pricing .tagline {
max-width: 235px;
margin: 0 auto 15px auto;
font-weight: 400;
font-size: 13px;
color: #222;
line-height: 25px
}
.rt-pricing-table.element-eight > .holder > .pricing .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 18px;
color: #13110e;
line-height: 28px
}
.rt-pricing-table.element-eight > .holder > .pricing .tagline {
margin-bottom: 10px;
font-weight: 400;
font-size: 15px;
color: #13110e;
line-height: 26px
}
.rt-pricing-table.element-eight > .holder > .more {
margin-bottom: 0
}
.rt-pricing-table.element-eight > .holder > .more > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-eight > .holder > .more .btn {
margin-bottom: 15px;
padding: 12px 33px 11px 33px;
border-width: 2px;
border-style: solid;
border-radius: 35px;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 23px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-pricing-table.element-eight > .holder:hover > .more .btn {
color: #fff !important
}
.rt-pricing-table.element-eight > .holder > .more .btn:hover {
box-shadow: 0px 7px 10px rgba(0, 0, 0, 0.07)
}
.rt-pricing-table.element-nine {
padding-top: 20px
}
.rt-pricing-table.element-nine > .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-nine > .holder > .spotlight-tag {
display: none;
position: absolute;
right: -10px;
top: 15px
}
.rt-pricing-table.element-nine > .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-nine > .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-nine > .holder > .heading {
margin-bottom: 20px
}
.rt-pricing-table.element-nine > .holder > .heading > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-nine > .holder > .heading .title {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 700;
font-size: 19px;
color: #1e1e1e;
line-height: 30px;
letter-spacing: -0.5px
}
.rt-pricing-table.element-nine > .holder > .heading .subtitle {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
line-height: 26px
}
.rt-pricing-table.element-nine > .holder > .pricing {
margin-bottom: 20px
}
.rt-pricing-table.element-nine > .holder > .pricing > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-nine > .holder > .pricing .price {
margin-bottom: 25px;
font-weight: 700;
font-size: 75px;
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-nine > .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-nine > .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-nine > .holder > .pricing .tagline {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
line-height: 26px
}
.rt-pricing-table.element-nine > .holder > .list {
margin-bottom: 35px
}
.rt-pricing-table.element-nine > .holder > .list > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-nine > .holder > .list ul li {
margin-bottom: 16px;
font-size: 15px;
color: #2b2944;
line-height: 26px
}
.rt-pricing-table.element-nine > .holder > .list ul li:last-child, .rt-pricing-table.element-nine > .holder > .list ul li:only-child {
margin-bottom: 0
}
.rt-pricing-table.element-nine > .holder > .more > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-nine > .holder > .more .btn {
margin-bottom: 15px;
padding: 13px 37px 13px 37px;
border-width: 1px;
border-style: solid;
border-radius: 4px;
text-transform: uppercase;
font-weight: 500;
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-nine > .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-nine > .holder > .more .btn i {
margin-left: 10px
}
.rt-pricing-table.element-nine.spotlight {
padding-top: 0
}
.rt-pricing-table.element-nine.spotlight > .holder {
padding-top: 50px
}
.rt-pricing-table.element-nine.spotlight > .holder > .spotlight-tag {
display: block
}
.rt-pricing-table.element-nine.spotlight > .holder > .more > *:last-child {
margin-bottom: 0 !important
}
.rt-pricing-table.element-nine.spotlight > .holder > .more .btn {
color: #fff !important
}
.rt-progress-bar.element-one > .title {
margin-bottom: 5px
}
.rt-progress-bar.element-one > .title > .progress-width {
float: right;
margin-top: 2px;
padding: 2px 5px 2px 5px;
background-color: #252525;
border-radius: 3px;
font-size: 11px;
color: #fff;
line-height: 18px
}
.rt-progress-bar.element-one > .progress > .progress-bar {
transition-duration: 2s;
-webkit-transition-duration: 2s
}
.rt-separator.element-one * {
margin: 0 auto
}
.rt-separator.element-one > .block {
position: relative;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-one > .block > .gap {
position: absolute;
top: 0;
z-index: 0;
display: inline-block;
vertical-align: top;
width: 48px;
height: 1px
}
.rt-separator.element-one[data-separator-direction=center] > .block > .gap {
left: 0;
right: 0
}
.rt-separator.element-one[data-separator-direction=left] > .block > .gap {
left: 0
}
.rt-separator.element-one[data-separator-direction=right] > .block > .gap {
right: 0
}
.rt-separator.element-one > .block > .bar {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 42px;
height: 26px;
margin-top: -13px;
background: url(//dannetstudio.com/my_plugins/radiantthemes-addons/assets/images/separator-element-one-bar.png) 0px 0px no-repeat
}
.rt-separator.element-two * {
margin: 0 auto
}
.rt-separator.element-two > .block {
position: relative;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-two > .block > .gap {
position: absolute;
top: 0;
z-index: 0;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-two[data-separator-direction=center] > .block > .gap {
left: 0;
right: 0;
width: 40px
}
.rt-separator.element-two[data-separator-direction=left] > .block > .gap {
left: 0;
width: 20px
}
.rt-separator.element-two[data-separator-direction=right] > .block > .gap {
right: 0;
width: 20px
}
.rt-separator.element-two > .block > .bar {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 10px;
height: 10px;
margin-top: -5px;
border: 2px solid;
border-radius: 50%
}
.rt-separator.element-three * {
margin: 0 auto
}
.rt-separator.element-three > .block {
position: relative;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-three > .block > .gap {
position: absolute;
top: 0;
z-index: 0;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-three[data-separator-direction=center] > .block > .gap {
left: 0;
right: 0;
width: 40px
}
.rt-separator.element-three[data-separator-direction=left] > .block > .gap {
left: 0;
width: 20px
}
.rt-separator.element-three[data-separator-direction=right] > .block > .gap {
right: 0;
width: 20px
}
.rt-separator.element-three > .block > .bar {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 10px;
height: 10px;
margin-top: -5px;
border: 1px solid;
transform: rotate(45deg);
-webkit-transform: rotate(45deg)
}
.rt-separator.element-four * {
margin: 0 auto
}
.rt-separator.element-four > .block {
position: relative;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-four > .block > .gap {
position: absolute;
top: 0;
z-index: 0;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-four[data-separator-direction=center] > .block > .gap {
left: 0;
right: 0;
width: 20px
}
.rt-separator.element-four[data-separator-direction=left] > .block > .gap {
left: 0;
width: 10px
}
.rt-separator.element-four[data-separator-direction=right] > .block > .gap {
right: 0;
width: 10px
}
.rt-separator.element-four > .block > .bar {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 3px;
height: 23px;
margin-top: -11px
}
.rt-separator.element-five * {
margin: 0 auto
}
.rt-separator.element-five > .block {
position: relative;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-five > .block > .gap {
position: absolute;
top: 0;
z-index: 0;
display: inline-block;
vertical-align: top;
height: 1px
}
.rt-separator.element-five[data-separator-direction=center] > .block > .gap {
left: 0;
right: 0;
width: 30px
}
.rt-separator.element-five[data-separator-direction=left] > .block > .gap {
left: 0;
width: 15px
}
.rt-separator.element-five[data-separator-direction=right] > .block > .gap {
right: 0;
width: 15px
}
.rt-separator.element-five > .block > .bar {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 10px;
height: 10px;
margin-top: -5px;
border: 2px solid
}
.rt-tab.element-one > ul.nav-tabs {
margin-bottom: 35px;
background-color: #f5f5f5;
border: none;
font-size: 0
}
.rt-tab.element-one > ul.nav-tabs:after {
content: " ";
display: block;
clear: both
}
.rt-tab.element-one > ul.nav-tabs > li {
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-tab.element-one > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 16px 30px 16px 30px;
background-color: transparent;
border: none;
border-radius: 0;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 14px;
color: #262527;
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.active > a {
color: #fff
}
.rt-tab.element-one > ul.nav-tabs > li > a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
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-one > ul.nav-tabs > li.active > a:before {
opacity: 1;
visibility: visible;
transform: scaleY(1);
-webkit-transform: scaleY(1)
}
.rt-tab.element-one > ul.nav-tabs > li > a i {
margin-right: 10px
}
.rt-tab.element-one > ul.nav-tabs > li.active > a > span {
position: relative
}
.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;
text-align: center;
font-size: 0
}
.rt-tab.element-three > 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-three > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 18px 40px 18px 40px;
background-color: transparent;
border-top: 1px #d7d7d7 solid;
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-three > ul.nav-tabs > li > a:before {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
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-three > ul.nav-tabs > li.active > a:before {
transform: scaleX(1);
-webkit-transform: scaleX(1)
}
.rt-tab.element-three > ul.nav-tabs > li > a i {
display: block;
margin-bottom: 15px;
font-size: 35px;
color: #939190;
line-height: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.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 30px 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.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-four > ul.nav-tabs > li > a i {
margin-right: 10px
}
.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-bottom: 1px #e5e6e8 solid;
text-align: left;
font-size: 0
}
.rt-tab.element-eight > 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-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: 0px 0px 10px 0px;
background-color: transparent;
border: none;
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-eight > 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-eight > ul.nav-tabs > li.active > a:before {
opacity: 1;
visibility: visible;
transform: scaleX(1);
-webkit-transform: scaleX(1)
}
.rt-tab.element-eight > ul.nav-tabs > li > a i {
margin-right: 10px
}
.rt-tab.element-eight > ul.nav-tabs > li.active > a > span {
position: relative
}
.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
}
.rt-tab.element-thirteen > ul.nav-tabs {
margin-top: 5px;
margin-bottom: 50px;
border: none;
text-align: center;
font-size: 0
}
.rt-tab.element-thirteen > ul.nav-tabs:after {
content: " ";
display: block;
clear: both
}
.rt-tab.element-thirteen > 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-thirteen > ul.nav-tabs > li:first-child {
border-radius: 35px 0px 0px 35px
}
.rt-tab.element-thirteen > ul.nav-tabs > li:last-child {
border-radius: 0px 35px 35px 0px
}
.rt-tab.element-thirteen > ul.nav-tabs > li:only-child {
border-radius: 35px 35px 35px 35px
}
.rt-tab.element-thirteen > 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 transparent;
text-align: center;
font-weight: 500;
font-size: 13px;
color: #1e1e1e;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.rt-tab.element-thirteen > ul.nav-tabs > li.active > a {
background-color: #fff;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12)
}
@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-three > ul.nav-tabs > li {
display: block;
width: 100%
}
.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-three > ul.nav-tabs > li {
display: block;
width: 100%
}
.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-three > ul.nav-tabs > li {
display: block;
width: 100%
}
.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 {
padding: 0px 15px 0px 15px
}
.team.element-one:not(.owl-carousel) .team-item {
float: left;
margin-bottom: 40px
}
.team.element-one .team-item > .holder > .pic {
position: relative;
margin-bottom: 17px;
padding-top: calc((109 / 100) * 100%)
}
.team.element-one .team-item > .holder > .pic > .pic-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #f9f8f8
}
.team.element-one .team-item > .holder > .pic > .pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background: center top no-repeat;
background-size: cover
}
.team.element-one .team-item > .holder > .pic > .pic-data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 25px 25px 25px 25px;
background-color: rgba(0, 0, 0, 0.75);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-one .team-item > .holder:hover > .pic > .pic-data {
opacity: 1;
visibility: visible
}
.team.element-one .team-item > .holder > .pic > .pic-data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.team.element-one .team-item > .holder:hover > .pic > .pic-data > .table {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.team.element-one .team-item > .holder > .pic > .pic-data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom
}
.team.element-one .team-item > .holder > .pic > .pic-data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important
}
.team.element-one .team-item > .holder > .pic > .pic-data .excerpt {
margin-bottom: 20px;
font-weight: 300;
font-size: 14px;
color: #fff;
line-height: 25px
}
.team.element-one .team-item > .holder > .pic > .pic-data ul.social {
margin-bottom: 5px;
font-size: 0
}
.team.element-one .team-item > .holder > .pic > .pic-data ul.social li {
display: inline-block;
vertical-align: top;
margin-right: 10px;
margin-bottom: 5px
}
.team.element-one .team-item > .holder > .pic > .pic-data ul.social li a {
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
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 > .pic-data ul.social li.facebook a {
background-color: #3b5999
}
.team.element-one .team-item > .holder > .pic > .pic-data ul.social li.twitter a {
background-color: #55acee
}
.team.element-one .team-item > .holder > .pic > .pic-data ul.social li.google-plus a {
background-color: #dd4b39
}
.team.element-one .team-item > .holder > .pic > .pic-data ul.social li.linkedin a {
background-color: #0077B5
}
.team.element-one .team-item > .holder > .pic > .pic-data ul.social li a i {
font-size: 13px;
color: #fff;
line-height: 29px
}
.team.element-one .team-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.team.element-one .team-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 16px;
color: #0a0a0b;
line-height: 26px
}
.team.element-one .team-item > .holder > .data .title a {
color: inherit
}
.team.element-one .team-item > .holder > .data .designation {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #0a0a0b;
line-height: 25px
}
.team.element-two {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.team.element-two .team-item {
padding: 0px 15px 0px 15px
}
.team.element-two:not(.owl-carousel) .team-item {
float: left;
margin-bottom: 40px
}
.team.element-two .team-item > .holder > .pic {
position: relative;
margin-bottom: 17px;
padding-top: calc((109 / 100) * 100%)
}
.team.element-two .team-item > .holder > .pic > .pic-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #f9f8f8
}
.team.element-two .team-item > .holder > .pic > .pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background: center top no-repeat;
background-size: cover
}
.team.element-two .team-item > .holder > .pic > .pic-data {
position: absolute;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 25px 25px 25px 25px;
background-color: rgba(0, 0, 0, 0.75);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-two .team-item > .holder:hover > .pic > .pic-data {
opacity: 1;
visibility: visible
}
.team.element-two .team-item > .holder > .pic > .pic-data > *:last-child {
margin-bottom: 0 !important
}
.team.element-two .team-item > .holder > .pic > .pic-data .designation {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #fff;
line-height: 26px
}
.team.element-two .team-item > .holder > .pic > .pic-data .excerpt {
margin-bottom: 15px;
font-weight: 300;
font-size: 14px;
color: #fff;
line-height: 25px
}
.team.element-two .team-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.team.element-two .team-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 16px;
color: #0a0a0b;
line-height: 26px
}
.team.element-two .team-item > .holder > .data .title a {
color: inherit
}
.team.element-two .team-item > .holder > .data .designation {
margin-bottom: 9px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #0a0a0b;
line-height: 25px
}
.team.element-two .team-item > .holder > .data ul.social {
margin-bottom: 5px;
font-size: 0
}
.team.element-two .team-item > .holder > .data ul.social li {
display: inline-block;
vertical-align: top;
margin-right: 7px;
margin-bottom: 5px
}
.team.element-two .team-item > .holder > .data ul.social li a {
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-two .team-item > .holder > .data ul.social li.facebook a {
background-color: #3b5999
}
.team.element-two .team-item > .holder > .data ul.social li.twitter a {
background-color: #55acee
}
.team.element-two .team-item > .holder > .data ul.social li.google-plus a {
background-color: #dd4b39
}
.team.element-two .team-item > .holder > .data ul.social li.linkedin a {
background-color: #0077B5
}
.team.element-two .team-item > .holder > .data ul.social li a i {
font-size: 13px;
color: #fff;
line-height: 29px
}
.team.element-three {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.team.element-three .team-item {
padding: 0px 15px 0px 15px
}
.team.element-three:not(.owl-carousel) .team-item {
float: left;
margin-bottom: 40px
}
.team.element-three .team-item .pic {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
max-width: 370px;
padding-top: calc((109 / 100) * 100%)
}
.team.element-three .team-item .pic > .pic-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #f9f8f8
}
.team.element-three .team-item .pic > .pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background: center top no-repeat;
background-size: cover
}
.team.element-three .team-item .data {
padding-top: 30px
}
.team.element-three .team-item .data > *:last-child {
margin-bottom: 0 !important
}
.team.element-three .team-item .data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 16px;
color: #0a0a0b;
line-height: 26px
}
.team.element-three .team-item .data .title a {
color: inherit
}
.team.element-three .team-item .data .designation {
margin-bottom: 16px;
text-transform: uppercase;
font-size: 13px;
color: #0a0a0b;
line-height: 25px
}
.team.element-three .team-item .data hr {
margin-bottom: 16px;
border-top-color: #dedfdf
}
.team.element-three .team-item .data .content {
margin-bottom: 20px
}
.team.element-three .team-item .data ul.social {
margin-bottom: 5px;
font-size: 0
}
.team.element-three .team-item .data ul.social li {
display: inline-block;
vertical-align: top;
margin-right: 7px;
margin-bottom: 5px
}
.team.element-three .team-item .data ul.social li a {
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-three .team-item .data ul.social li.facebook a {
background-color: #3b5999
}
.team.element-three .team-item .data ul.social li.twitter a {
background-color: #55acee
}
.team.element-three .team-item .data ul.social li.google-plus a {
background-color: #dd4b39
}
.team.element-three .team-item .data ul.social li.linkedin a {
background-color: #0077B5
}
.team.element-three .team-item .data ul.social li a i {
font-size: 13px;
color: #fff;
line-height: 29px
}
.team.element-four {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.team.element-four .team-item {
padding: 0px 15px 0px 15px
}
.team.element-four:not(.owl-carousel) .team-item {
float: left;
margin-bottom: 40px
}
.team.element-four .team-item > .holder {
text-align: center
}
.team.element-four .team-item > .holder > .pic {
position: relative;
display: inline-block;
vertical-align: top;
width: 100%;
max-width: 265px;
margin-bottom: 25px;
padding-top: calc((100 / 100) * 100%)
}
.team.element-four .team-item > .holder > .pic > img {
width: 100%;
border-radius: 50%
}
.team.element-four .team-item > .holder > .pic > .pic-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #f9f8f8;
border: 1px #eee solid;
border-radius: 50%
}
.team.element-four .team-item > .holder > .pic > .pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background: center top no-repeat;
background-size: cover;
border-radius: 50%
}
.team.element-four .team-item > .holder > .pic > .pic-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 50%;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-four .team-item > .holder:hover > .pic > .pic-overlay {
opacity: 1;
visibility: visible
}
.team.element-four .team-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.team.element-four .team-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 16px;
color: #0a0a0b;
line-height: 26px
}
.team.element-four .team-item > .holder > .data .title a {
color: inherit
}
.team.element-four .team-item > .holder > .data .designation {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #0a0a0b;
line-height: 25px
}
.team.element-four .team-item > .holder > .data ul.social {
margin-bottom: 5px;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
-webkit-transform: translateY(10px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-four .team-item > .holder:hover > .data ul.social {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.team.element-four .team-item > .holder > .data ul.social li {
display: inline-block;
vertical-align: top;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 5px
}
.team.element-four .team-item > .holder > .data ul.social li a {
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-four .team-item > .holder > .data ul.social li.facebook a {
background-color: #3b5999
}
.team.element-four .team-item > .holder > .data ul.social li.twitter a {
background-color: #55acee
}
.team.element-four .team-item > .holder > .data ul.social li.google-plus a {
background-color: #dd4b39
}
.team.element-four .team-item > .holder > .data ul.social li.linkedin a {
background-color: #0077B5
}
.team.element-four .team-item > .holder > .data ul.social li a i {
font-size: 13px;
color: #fff;
line-height: 29px
}
.team.element-five {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.team.element-five .team-item {
padding: 0px 15px 0px 15px
}
.team.element-five:not(.owl-carousel) .team-item {
float: left;
margin-bottom: 40px
}
.team.element-five .team-item > .holder {
position: relative;
text-align: center
}
.team.element-five .team-item > .holder > .pic {
position: relative;
z-index: 1;
padding-top: calc((149 / 100) * 100%)
}
.team.element-five .team-item > .holder > .pic > .pic-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #fff
}
.team.element-five .team-item > .holder > .pic > .pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background: center top no-repeat;
background-size: cover
}
.team.element-five .team-item > .holder > .data {
position: absolute;
right: 0;
bottom: 20px;
left: 0;
z-index: 2;
padding: 35px 15px 35px 15px;
background-color: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.team.element-five .team-item > .holder:hover > .data {
bottom: 40px;
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1)
}
.team.element-five .team-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.team.element-five .team-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 16px;
color: #0a0a0b;
line-height: 26px
}
.team.element-five .team-item > .holder > .data .title a {
color: inherit
}
.team.element-five .team-item > .holder > .data .designation {
margin-bottom: 15px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #0a0a0b;
line-height: 25px
}
.team.element-five .team-item > .holder > .data ul.social {
margin-bottom: 5px;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
-webkit-transform: translateY(10px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-five .team-item > .holder:hover > .data ul.social {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.team.element-five .team-item > .holder > .data ul.social li {
display: inline-block;
vertical-align: top;
margin-left: 3px;
margin-right: 3px;
margin-bottom: 5px
}
.team.element-five .team-item > .holder > .data ul.social li a {
display: block;
width: 28px;
height: 28px;
border-radius: 50%;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-five .team-item > .holder > .data ul.social li.facebook a {
background-color: #3b5999
}
.team.element-five .team-item > .holder > .data ul.social li.twitter a {
background-color: #55acee
}
.team.element-five .team-item > .holder > .data ul.social li.google-plus a {
background-color: #dd4b39
}
.team.element-five .team-item > .holder > .data ul.social li.linkedin a {
background-color: #0077B5
}
.team.element-five .team-item > .holder > .data ul.social li a i {
font-size: 13px;
color: #fff;
line-height: 29px
}
.team.element-six {
width: auto
}
.team.element-six:not(.owl-carousel) .team-item {
float: left
}
.team.element-six .team-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((108 / 100) * 100%);
text-align: left
}
.team.element-six .team-item > .holder > .pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-six .team-item > .holder:hover > .pic {
top: -15px;
right: -15px;
bottom: -15px
}
.team.element-six .team-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 30px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team.element-six .team-item > .holder:hover > .data {
opacity: 0.7;
visibility: visible
}
.team.element-six .team-item > .holder > .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0
}
.team.element-six .team-item > .holder > .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom
}
.team.element-six .team-item > .holder > .data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important
}
.team.element-six .team-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 700;
font-size: 25px;
color: #fff;
line-height: 33px
}
.team.element-six .team-item > .holder > .data .title a {
color: inherit
}
.team.element-six .team-item > .holder > .data .designation {
margin-bottom: 15px;
font-weight: 400;
font-size: 13px;
color: #fff;
line-height: 25px;
font-style: italic
}
.team.element-seven {
width: auto;
margin-left: -5px;
margin-right: -5px
}
.team.element-seven .team-item {
padding: 20px 5px 20px 5px
}
.team.element-seven:not(.owl-carousel) .team-item {
float: left;
margin-bottom: 40px
}
.team.element-seven .team-item > .holder {
text-align: center;
box-shadow: 0px 0px 0px transparent;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.team.element-seven .team-item > .holder:hover {
position: relative;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.15)
}
.team.element-seven .team-item > .holder > .pic {
position: relative;
padding-top: calc((138 / 100) * 100%)
}
.team.element-seven .team-item > .holder > .pic > img {
width: 100%
}
.team.element-seven .team-item > .holder > .pic > .pic-background {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: #fff;
background: -moz-linear-gradient(top, #fff 0%, #f6f6f6 100%);
background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out
}
.team.element-seven .team-item > .holder:hover > .pic > .pic-background {
opacity: 0;
visibility: hidden
}
.team.element-seven .team-item > .holder > .pic > .pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background: center bottom no-repeat;
background-size: cover
}
.team.element-seven .team-item > .holder > .data {
padding: 20px 15px 22px 15px
}
.team.element-seven .team-item > .holder > .data > *:last-child {
margin-bottom: 0 !important
}
.team.element-seven .team-item > .holder > .data .title {
margin-bottom: 2px;
font-weight: 500;
font-size: 16px;
color: #343434;
line-height: 26px
}
.team.element-seven .team-item > .holder > .data .title a {
color: inherit
}
.team.element-seven .team-item > .holder > .data .designation {
margin-bottom: 7px;
font-weight: 400;
font-size: 13px;
color: #343434;
line-height: 25px
}
.team[class*='element-'].owl-nav-style-one .owl-nav {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
font-size: 0
}
.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev, .team[class*='element-'].owl-nav-style-one .owl-nav > .owl-next {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
margin-left: 7px;
margin-right: 7px;
background-color: initial;
border: 1px #f5b315 solid;
text-align: center
}
.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev:before, .team[class*='element-'].owl-nav-style-one .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #f5b315;
line-height: 36px
}
.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev:before {
content: "\f104"
}
.team[class*='element-'].owl-nav-style-one .owl-nav > .owl-next:before {
content: "\f105"
}
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev, .team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
position: absolute;
top: 50%;
font-size: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev, .team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
opacity: 1;
visibility: visible
}
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
left: 10px
}
.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev {
left: 25px
}
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
right: 10px
}
.team[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
right: 25px
}
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before, .team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 45px;
color: #fff;
line-height: 45px;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3)
}
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before {
content: "\f104"
}
.team[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
content: "\f105"
}
.team[class*='element-'] .owl-dots {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px
}
.team[class*='element-'].owl-dot-style-one .owl-dots {
text-align: center
}
.team[class*='element-'].owl-dot-style-two .owl-dots {
text-align: right
}
.team[class*='element-'] .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top
}
.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
margin-left: 5px;
margin-right: 5px
}
.team[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
margin-left: 3px;
margin-right: 3px
}
.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
display: block;
width: 12px;
height: 12px;
background-color: #f5b315;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.team[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
background-color: #90a0c7
}
.team[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
}
.team[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
background-color: #90a0c7
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.team.element-one:not(.owl-carousel) .team-item, .team.element-two:not(.owl-carousel) .team-item, .team.element-three:not(.owl-carousel) .team-item, .team.element-four:not(.owl-carousel) .team-item, .team.element-five:not(.owl-carousel) .team-item, .team.element-six:not(.owl-carousel) .team-item, .team.element-seven:not(.owl-carousel) .team-item {
width: 50% !important
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.team.element-one:not(.owl-carousel) .team-item, .team.element-two:not(.owl-carousel) .team-item, .team.element-three:not(.owl-carousel) .team-item, .team.element-four:not(.owl-carousel) .team-item, .team.element-five:not(.owl-carousel) .team-item, .team.element-six:not(.owl-carousel) .team-item, .team.element-seven:not(.owl-carousel) .team-item {
width: 50% !important
}
}
@media screen and (min-width: 321px) and (max-width: 479px) {
.team.element-one:not(.owl-carousel) .team-item, .team.element-two:not(.owl-carousel) .team-item, .team.element-three:not(.owl-carousel) .team-item, .team.element-four:not(.owl-carousel) .team-item, .team.element-five:not(.owl-carousel) .team-item, .team.element-six:not(.owl-carousel) .team-item, .team.element-seven:not(.owl-carousel) .team-item {
width: 100% !important
}
}
@media screen and (max-width: 320px) {
.team.element-one:not(.owl-carousel) .team-item, .team.element-two:not(.owl-carousel) .team-item, .team.element-three:not(.owl-carousel) .team-item, .team.element-four:not(.owl-carousel) .team-item, .team.element-five:not(.owl-carousel) .team-item, .team.element-six:not(.owl-carousel) .team-item, .team.element-seven:not(.owl-carousel) .team-item {
width: 100% !important
}
}
.testimonial.element-one {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-one .testimonial-item {
padding: 15px 15px 15px 15px
}
.testimonial.element-one:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-one .testimonial-item > .holder {
text-align: center
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-data {
margin-bottom: 25px;
padding: 42px 25px 45px 25px;
background-color: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.testimonial.element-one .testimonial-item > .holder:hover > .testimonial-data {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1)
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote i.fa {
margin-bottom: 17px;
font-size: 35px;
color: #d2d0d0;
line-height: 35px
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
margin-bottom: 12px
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic img {
display: inline-block;
vertical-align: top;
width: auto;
width: 60px;
border-radius: 50%
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 3px;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #0e121e;
line-height: 26px
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #848481;
line-height: 22px
}
.testimonial.element-two {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-two .testimonial-item {
padding: 0px 15px 0px 15px
}
.testimonial.element-two:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-two .testimonial-item > .holder {
text-align: center
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-data {
margin-bottom: 25px
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-data blockquote {
max-width: 700px;
margin: 0 auto
}
.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
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 5px;
font-weight: 500;
font-size: 16px;
color: #030712;
line-height: 26px
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
color: #71788c;
line-height: 22px
}
.testimonial.element-three {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-three .testimonial-item {
padding: 15px 15px 15px 15px
}
.testimonial.element-three:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-data {
position: relative;
margin-bottom: 40px;
padding: 45px 25px 45px 25px;
background-color: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
opacity: 0.6;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.testimonial.element-three .owl-item.center .testimonial-item > .holder > .testimonial-data {
box-shadow: 0px 0px 0px transparent;
opacity: 1
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-data:before {
position: absolute;
top: 100%;
left: 40px;
z-index: 1;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 0;
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.testimonial.element-three .owl-item.center .testimonial-item > .holder > .testimonial-data:before {
border-width: 26px 20px 0 0
}
.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;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.testimonial.element-three .owl-item.center .testimonial-item > .holder > .testimonial-data blockquote p {
color: #fff
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title {
position: relative;
min-height: 85px;
padding-top: 16px;
padding-left: 105px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out
}
.testimonial.element-three .owl-item.center .testimonial-item > .holder > .testimonial-title {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0)
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
text-align: center
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic img {
display: inline-block;
vertical-align: top;
width: auto;
width: 85px;
border-radius: 50%
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 15px;
color: #030712;
line-height: 26px
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #7a7a7a;
line-height: 22px
}
.testimonial.element-four {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-four .testimonial-item {
padding: 15px 15px 15px 15px
}
.testimonial.element-four:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-four .testimonial-item > .holder {
position: relative;
max-width: 1070px;
padding-left: 200px
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-pic {
position: relative;
padding-top: calc((56 / 100) * 100%)
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-pic > .testimonial-title-pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data {
position: absolute;
top: 50%;
left: 0;
z-index: 1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%)
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data > .testimonial-data-holder {
width: 370px;
padding: 60px 40px 70px 40px;
background-color: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1)
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data > .testimonial-data-holder > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data blockquote {
margin-bottom: 25px
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 15px;
color: #030712;
line-height: 26px
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data .designation {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #7a7a7a;
line-height: 22px
}
.testimonial.element-five {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-five .testimonial-item {
padding: 15px 15px 15px 15px
}
.testimonial.element-five:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-five .testimonial-item > .holder {
margin-top: 15px;
margin-bottom: 15px;
padding: 25px 25px 35px 25px;
background-color: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.05);
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.testimonial.element-five .testimonial-item > .holder:hover {
margin-top: 0;
margin-bottom: 0;
padding-top: 40px;
padding-bottom: 50px;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.12)
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-title {
position: relative;
display: inline-block;
vertical-align: top;
max-width: 270px;
min-height: 60px;
margin-bottom: 17px;
padding-top: 6px;
padding-left: 75px;
text-align: left
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
text-align: center
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic img {
display: inline-block;
vertical-align: top;
width: auto;
width: 60px;
border-radius: 50%
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 15px;
color: #030712;
line-height: 26px
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #7a7a7a;
line-height: 22px
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-data blockquote {
margin-bottom: 13px
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-data .btn {
position: relative;
display: inline-block;
vertical-align: top;
padding: 0;
border: none;
border-radius: 0;
box-shadow: initial;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 22px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-data .btn:hover {
padding-right: 20px
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-data .btn i {
position: absolute;
top: 2px;
right: 0;
opacity: 0;
visibility: hidden;
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-data .btn:hover i {
opacity: 1;
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0)
}
.testimonial.element-six {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-six .testimonial-item {
padding: 15px 15px 15px 15px
}
.testimonial.element-six:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-six .testimonial-item > .holder {
text-align: center
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-pic {
position: relative;
width: 220px;
margin: auto auto 50px auto
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-main {
position: relative;
padding-top: calc((100 / 100) * 100%);
border-radius: 50%
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-main > .testimonial-pic-main-image {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
border-radius: inherit
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-quote {
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
width: 70px;
height: 70px;
border-radius: 50%;
text-align: center
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-quote i {
font-size: 30px;
color: #fff;
line-height: 70px
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-data {
max-width: 750px;
margin: auto
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-data blockquote {
margin-bottom: 30px
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px;
color: #fff
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-data .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 25px
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-data .designation {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 22px
}
.testimonial.element-seven {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-seven .testimonial-item {
padding: 15px 15px 15px 15px
}
.testimonial.element-seven:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-seven .testimonial-item > .holder {
text-align: left
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title {
position: relative;
display: inline-block;
vertical-align: top;
max-width: 270px;
min-height: 75px;
margin-bottom: 17px;
padding-top: 11px;
padding-left: 100px;
text-align: left
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
text-align: center
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic img {
display: inline-block;
vertical-align: top;
width: auto;
width: 75px;
border-radius: 50%
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 3px;
font-weight: 400;
font-size: 18px;
color: #fff;
line-height: 28px
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 5px;
font-weight: 300;
font-size: 16px;
color: #fff;
line-height: 26px
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-data blockquote {
margin-bottom: 13px
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px;
color: #fff
}
.testimonial.element-eight {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-eight .testimonial-item {
padding: 0px 15px 0px 15px
}
.testimonial.element-eight:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-eight .testimonial-item > .holder {
position: relative;
display: flex;
min-height: 140px;
padding-left: 185px;
text-align: left
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
text-align: center
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-pic img {
display: inline-block;
vertical-align: top;
width: auto;
width: 140px;
border-radius: 50%
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-data {
padding-top: 5px
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-data blockquote {
margin-bottom: 20px
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-data blockquote p {
margin-bottom: 20px
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-data cite {
margin-bottom: 0;
font-weight: 400;
font-size: 17px;
color: #606060;
line-height: 26px;
font-style: normal
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-data cite strong {
font-weight: inherit;
color: #000
}
.testimonial.element-nine {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-nine .testimonial-item {
padding-left: 15px;
padding-right: 15px
}
.testimonial.element-nine:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-data {
position: relative;
margin-bottom: 36px
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px;
font-weight: 400;
font-size: 18px;
color: #030712;
line-height: 32px
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-title {
position: relative;
min-height: 80px;
padding-top: 12px;
padding-left: 100px
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
text-align: center
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic img {
display: inline-block;
vertical-align: top;
width: auto;
width: 80px;
border-radius: 50%
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 18px;
color: #030712;
line-height: 28px
}
.testimonial.element-nine .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 5px;
font-weight: 400;
font-size: 15px;
color: #7a7a7a;
line-height: 26px
}
.testimonial.element-ten {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-ten .testimonial-item {
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px
}
.testimonial.element-ten:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-ten .testimonial-item > .holder {
padding: 50px 30px 50px 30px;
background-color: #fff;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1)
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-data {
margin-bottom: 25px
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 15px;
font-weight: 400;
font-size: 15px;
color: #3b3b3a;
line-height: 25px
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-title {
position: relative;
min-height: 60px;
padding-top: 4px;
padding-left: 75px
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-title:before {
position: absolute;
top: 0;
right: 0;
z-index: 0;
content: "\f10e";
font-family: "FontAwesome";
font-size: 67px;
color: #848484;
line-height: 1;
opacity: 0.1
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
position: absolute;
top: 0;
left: 0;
z-index: 1;
text-align: center
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic img {
display: inline-block;
vertical-align: top;
width: auto;
width: 60px;
border-radius: 50%
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-title > .testimonial-title-data {
position: relative
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 0;
font-weight: 500;
font-size: 16px;
color: #0e121e;
line-height: 28px
}
.testimonial.element-ten .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #848481;
line-height: 28px
}
.testimonial.element-eleven {
width: auto;
margin-left: -15px;
margin-right: -15px
}
.testimonial.element-eleven .testimonial-item {
padding-left: 15px;
padding-right: 15px
}
.testimonial.element-eleven:not(.owl-carousel) .testimonial-item {
float: left;
margin-bottom: 40px
}
.testimonial.element-eleven .testimonial-item > .holder {
text-align: center
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-data {
display: inline-block;
vertical-align: top;
max-width: 780px;
margin-bottom: 25px
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-data blockquote {
color: #fff
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
margin-bottom: 17px
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic img {
display: inline-block;
vertical-align: top;
width: auto;
width: 85px;
border-radius: 50%
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 6px;
font-weight: 500;
font-size: 17px;
color: #fff;
line-height: 28px
}
.testimonial.element-eleven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
line-height: 22px
}
.testimonial[class*='element-'].owl-nav-style-one .owl-nav {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
font-size: 0
}
.testimonial[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev, .testimonial[class*='element-'].owl-nav-style-one .owl-nav > .owl-next {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
margin-left: 7px;
margin-right: 7px;
background-color: initial;
border: 1px #08276e solid;
text-align: center
}
.testimonial[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev:before, .testimonial[class*='element-'].owl-nav-style-one .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #08276e;
line-height: 36px
}
.testimonial[class*='element-'].owl-nav-style-one .owl-nav > .owl-prev:before {
content: "\f104"
}
.testimonial[class*='element-'].owl-nav-style-one .owl-nav > .owl-next:before {
content: "\f105"
}
.testimonial[class*='element-'].owl-nav-style-two .owl-nav {
font-size: 0
}
.testimonial[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev, .testimonial[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
position: absolute;
top: 50%;
margin-top: -20px;
width: 40px;
height: 40px;
background-color: #fff;
border: none;
border-radius: 50%;
box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.15);
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out
}
.testimonial[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
left: 15px;
transform: translateX(-15px);
-webkit-transform: translateX(-15px)
}
.testimonial[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
right: 15px;
transform: translateX(15px);
-webkit-transform: translateX(15px)
}
.testimonial[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev, .testimonial[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
opacity: 1;
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0)
}
.testimonial[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev {
left: 15px
}
.testimonial[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
right: 15px
}
.testimonial[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before, .testimonial[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 26px;
line-height: 38px
}
.testimonial[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before {
content: "\f104"
}
.testimonial[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
content: "\f105";
margin-right: -4px
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots {
margin-left: 15px;
margin-right: 15px
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots {
position: absolute;
bottom: 3px;
right: 0;
text-align: center
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
margin-left: 3px;
margin-right: 3px
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
display: block;
width: 14px;
height: 14px;
background-color: #e5e5e5;
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 {
margin-left: 15px;
margin-right: 15px
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots {
position: absolute;
bottom: -8px;
left: 0;
right: 0;
text-align: right
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
margin-left: 3px;
margin-right: 3px
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
display: block;
width: 12px;
height: 5px;
background-color: #c6d3e3;
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: #001a57
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.testimonial.element-one:not(.owl-carousel) .testimonial-item, .testimonial.element-two:not(.owl-carousel) .testimonial-item, .testimonial.element-three:not(.owl-carousel) .testimonial-item, .testimonial.element-four:not(.owl-carousel) .testimonial-item, .testimonial.element-five:not(.owl-carousel) .testimonial-item, .testimonial.element-six:not(.owl-carousel) .testimonial-item, .testimonial.element-seven:not(.owl-carousel) .testimonial-item, .testimonial.element-eight:not(.owl-carousel) .testimonial-item .testimonial.element-nine:not(.owl-carousel) .testimonial-item, .testimonial.element-ten:not(.owl-carousel) .testimonial-item, .testimonial.element-eleven:not(.owl-carousel) .testimonial-item {
width: 100% !important
}
}
@media screen and (min-width: 321px) and (max-width: 479px) {
.testimonial.element-one:not(.owl-carousel) .testimonial-item, .testimonial.element-two:not(.owl-carousel) .testimonial-item, .testimonial.element-three:not(.owl-carousel) .testimonial-item, .testimonial.element-four:not(.owl-carousel) .testimonial-item, .testimonial.element-five:not(.owl-carousel) .testimonial-item, .testimonial.element-six:not(.owl-carousel) .testimonial-item, .testimonial.element-seven:not(.owl-carousel) .testimonial-item, .testimonial.element-eight:not(.owl-carousel) .testimonial-item, .testimonial.element-nine:not(.owl-carousel) .testimonial-item, .testimonial.element-ten:not(.owl-carousel) .testimonial-item, .testimonial.element-eleven:not(.owl-carousel) .testimonial-item {
width: 100% !important
}
.testimonial.element-eight .testimonial-item > .holder {
padding-left: 80px
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-pic img {
max-width: 60px
}
}
@media screen and (max-width: 320px) {
.testimonial.element-one:not(.owl-carousel) .testimonial-item, .testimonial.element-two:not(.owl-carousel) .testimonial-item, .testimonial.element-three:not(.owl-carousel) .testimonial-item, .testimonial.element-four:not(.owl-carousel) .testimonial-item, .testimonial.element-five:not(.owl-carousel) .testimonial-item, .testimonial.element-six:not(.owl-carousel) .testimonial-item, .testimonial.element-seven:not(.owl-carousel) .testimonial-item, .testimonial.element-eight:not(.owl-carousel) .testimonial-item, .testimonial.element-nine:not(.owl-carousel) .testimonial-item, .testimonial.element-ten:not(.owl-carousel) .testimonial-item, .testimonial.element-eleven:not(.owl-carousel) .testimonial-item {
width: 100% !important
}
.testimonial.element-eight .testimonial-item > .holder {
padding-left: 80px
}
.testimonial.element-eight .testimonial-item > .holder > .testimonial-title-pic img {
max-width: 60px
}
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
position: relative;
padding-bottom: 65px;
padding-left: 95px
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item:last-child, .radiantthemes-timeline.element-one > .radiantthemes-timeline-item:only-child {
padding-bottom: 0
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item:before {
position: absolute;
top: 0;
bottom: 0;
left: 32px;
z-index: 0;
content: " ";
width: 2px;
background-color: #cacdd4
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-datestamp {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 64px;
height: 64px;
border: 6px #dedfe2 solid;
border-radius: 50%;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 53px
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .holder {
background-color: #fff;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2)
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .holder > .radiantthemes-timeline-item-pic {
position: relative;
padding-top: calc((46 / 100) * 100%)
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .holder > .radiantthemes-timeline-item-pic > .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-one > .radiantthemes-timeline-item > .holder > .radiantthemes-timeline-item-data {
padding: 30px 30px 35px 30px
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .holder > .radiantthemes-timeline-item-data > *:last-child {
margin-bottom: 0 !important
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .holder > .radiantthemes-timeline-item-data .month {
margin-bottom: 5px !important;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
line-height: 22px
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .holder > .radiantthemes-timeline-item-data .title {
margin-bottom: 18px;
font-weight: 700;
font-size: 25px;
color: #030712;
line-height: 35px
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .holder > .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-line:before, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line:after {
position: absolute;
display: block;
content: " ";
width: 10px;
height: 10px;
margin-left: -4px;
border-radius: 50%
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line:before {
top: 0;
background-color: #cacdd4
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line:after {
bottom: 0
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item:not(:first-child) > .radiantthemes-timeline-item-line:before, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:not(:last-child) > .radiantthemes-timeline-item-line:after {
display: none
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
display: block;
position: absolute;
top: 70px;
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: -35px;
margin-right: -35px
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row > [class*='col-'] {
padding-left: 35px;
padding-right: 35px
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) > .row > [class*='col-']:first-child {
float: right
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) > .row > [class*='col-']:last-child {
float: left
}
.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:nth-child(even) .radiantthemes-timeline-item-datestamp {
text-align: left
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp > .holder {
position: relative;
display: inline-block;
vertical-align: top;
padding: 7px 15px 7px 15px;
background-color: #cacdd4;
font-weight: 500;
font-size: 15px;
color: #030712;
line-height: 28px
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp > .holder:after {
position: absolute;
top: 50%;
left: 100%;
margin-top: -10px;
width: 0;
height: 0;
content: " ";
border: solid transparent;
border-color: transparent;
border-left-color: #cacdd4;
border-width: 10px;
pointer-events: none
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp > .holder:after {
right: 100%;
left: auto;
border-right-color: #cacdd4;
border-left-color: transparent
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp > .holder strong {
font-weight: inherit
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
margin-bottom: 22px;
text-align: right
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-pic {
text-align: left
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
text-align: left
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-data {
text-align: right
}
.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: 10px;
font-weight: 600;
font-size: 20px;
color: #171c30;
line-height: 30px
}
.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, .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-pic > .table > .table-cell, .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-pic > .table > .table-cell > *:last-child, .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-pic .radiantthemes-timeline-item-pic-holder {
display: inline-block;
vertical-align: top;
width: 470px;
max-width: 100%;
position: relative;
padding-top: calc((106 / 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 .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-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
display: none
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-data {
text-align: center
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp > .holder:after, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp > .holder:after {
display: none
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
padding-top: 0
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
position: static
}
.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-left: 85px
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
display: none
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-data {
text-align: center
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp > .holder:after, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp > .holder:after {
display: none
}
.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-left: 85px
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
display: none
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-data {
text-align: center
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp > .holder:after, .radiantthemes-timeline.element-two > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp > .holder:after {
display: none
}
.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-writer:after {
content: "|";
font-weight: 300;
opacity: 1;
animation: blink 0.5s infinite;
-webkit-animation: blink 0.5s infinite
}
@keyframes blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}
@-webkit-keyframes blink {
0% {
opacity: 1
}
50% {
opacity: 0
}
100% {
opacity: 1
}
}