@charset "UTF-8";
.team.element-five {
width: auto;
margin-left: 0px;
margin-right: 0px;
}
.team.element-five .team-item {
padding: 5px 15px 20px 15px;
}
.team.element-five:not(.owl-carousel) .team-item{
float:left;
margin-bottom:70px;
}
.team.element-five .team-item > .holder {
text-align: center;
padding-bottom: 30px;
}
.team.element-five .team-item > .holder > .pic { margin-bottom: 0;
overflow: hidden;
z-index: 1;
width: 100%;
}
.team.element-five .team-item > .holder > .pic > img {
width: 100%;
float: left;
}
.team.element-five .team-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;
border-radius: 6px;
}
.team.element-five .team-item > .holder > .pic > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
width: auto;
height: auto;
padding: 20px;  opacity: 1;
visibility: visible;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.team.element-five .team-item > .holder:hover > .pic > .overlay {
opacity: 1;
visibility: visible;
}
.team.element-five .team-item > .holder > .pic > .overlay > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.team.element-five .team-item > .holder > .pic > .overlay > .table > .table-cell { width: auto;
height: 100%; float: right;
}
.team.element-five .team-item > .holder > .pic > .overlay > .table > .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social {
font-size: 0;
background: #174DEF; padding: 20px 10px;
border-radius: 30px;
}
.team.element-five .team-item > .holder:hover > .pic > .overlay ul.social {
background: linear-gradient(to top right,#ff0c86 0%,#ff7454 100%);
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li {
display:block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
margin-bottom: 5px; opacity: 1;
visibility: visible;
transform: translateY(10px);
-webkit-transform: translateY(10px);
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li:nth-child(1){
transition:all 0.4s ease-in-out;
-webkit-transition:all 0.4s ease-in-out;
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li:nth-child(2){
transition:all 0.5s ease-in-out;
-webkit-transition:all 0.5s ease-in-out;
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li:nth-child(3){
transition:all 0.6s ease-in-out;
-webkit-transition:all 0.6s ease-in-out;
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li:nth-child(4){
transition:all 0.7s ease-in-out;
-webkit-transition:all 0.7s ease-in-out;
}
.team.element-five .team-item > .holder:hover > .pic > .overlay ul.social li {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li a {
display: block;
}
.team.element-five .team-item > .holder > .pic > .overlay ul.social li a i {
font-size: 15px;
color: #fff;
line-height: 15px;
}
.team.element-five .team-item > .holder > .data {
padding-top: 20px;
padding-bottom: 20px;
box-shadow: 0px 6px 25px -10px rgb(103 100 253 / 20%);
-webkit-box-shadow: 0px 6px 25px -10px rgb(103 100 253 / 20%);
padding-top: 20px;
padding-bottom: 21px;
margin-left: 20px;
margin-right: 20px;
margin-top: 0px;
position: absolute;
z-index: 2;
background: #fff;
left: 5px;
right: 5px;
width: auto;
transition: all .4s ease-in-out !important;
-webkit-transition: all .4s ease-in-out !important;
border-radius: 4px;
}
.team.element-five .team-item > .holder:hover > .data {
transform: translateY(-20px);
}
.team.element-five .team-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.team.element-five .team-item > .holder > .data h5 {
margin-bottom: 0;
text-transform: capitalize;
font-weight: 600;
font-size: 18px;
color: #000000;
line-height: 32px;
}
.team.element-five .team-item > .holder > .data h5 a {
color: inherit;
}
.team.element-five .team-item > .holder > .data p {
margin-bottom: 0;
text-transform: capitalize;
font-weight: 400;
font-size: 15px;
color: #47465E;
line-height: 25px;
}   .banner-form input[type="Url"] {
float: left;
background: #fff !important;
}
.banner-form input[type="submit"] {
position: relative !important;
float: right;
text-align: center !important;
font-weight: 600 !important;
}
@media screen and (min-width:938px) and (max-width:1170px) {
.banner-form input[type="Url"] {
width: 50% !important;
}
}
@media screen and (min-width:778px) and (max-width:937px) {
.banner-form input[type="Url"] {
width: 40% !important;
}
}
@media screen and (min-width:768px) and (max-width:777px) {
.banner-form input[type="Url"] {
width: 48% !important;
}
}
@media screen and (max-width:767px) {
.banner-form input[type="Url"] {
width: 100% !important;
}
.banner-form input[type="submit"] {
width: 100% !important;
margin-top: 15px;
}
}  .home-ten-image-hover-box:hover .elementor-section-boxed {
transform: translateY(-20px);
}
.home-ten-image-hover-box:hover .elementor-section-boxed {
transform: translateY(-20px);
}
.home-ten-image-hover-box .elementor-section-boxed {
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
}
.brand-box:hover h6 {
color: #ffffff;
}
.brand-box:hover p {
color: #ffffff;
}  .home-six-testimonial .testimonial.element-six .testimonial-item { box-shadow: 0px 11px 31px -8px rgba(255, 255, 255, 0.2);
border-radius: 4px;
}
.home-six-testimonial .owl-carousel.owl-drag .owl-item {
padding: 15px 0 !important;
}
.home-six-testimonial .testimonial.element-six .testimonial-item > .holder {
background: #FFFFFF url(//o3mdm.com/wp-content/plugins/radiantthemes-addons/assets/css/digi-marktng-quote-1.png) no-repeat top left;
background-size: contain;
padding-top: 70px;
padding-bottom: 40px;
border-bottom: none;
border-radius: 4px;
}
.home-six-testimonial .testimonial.element-six > .owl-dots {
margin-top: 20px;
}
.home-six-testimonial .testimonial.element-six > .owl-dots {
text-align: center !important;
}
.home-six-testimonial .testimonial.element-six .testimonial-item>.holder {
padding: 62px 34px 52px 44px;
}
@media screen and (min-width:768px) and (max-width:1024px) {
.home-six-testimonial .testimonial.element-six .testimonial-item>.holder {
padding: 62px 34px 52px 38px;
}
}
@media screen and (max-width:375px) {
.home-six-testimonial .testimonial.element-six .testimonial-item>.holder {
padding: 62px 34px 52px 37px;
}
}
.home-six-testimonial .testimonial.element-six .testimonial-item>.holder>.testimonial-title>.testimonial-title-data .title {
margin-left: 15px;
}
.home-six-testimonial .testimonial.element-six .testimonial-item>.holder>.testimonial-title>.testimonial-title-data .designation {
margin-left: 15px;
}
.home-six-testimonial .testimonial.element-six .testimonial-item>.holder>.testimonial-title>.testimonial-title-pic {
width: 78px;
height: 78px;
}
.home-six-testimonial .testimonial.element-six .testimonial-item>.holder>.testimonial-title {
padding-top: 10px;
}  .wraper_blog_main .container {
padding-top: 140px !important;
}
@media (min-width: 1266px) {
.wraper_blog_main .container {
max-width: 1266px !important;
}
.wraper_blog_main.default-page .container {
max-width: 1266px !important;
}
} #rt-mainMenu nav > ul > li.mega-menu-item > .rt-dropdown-menu {
width: 90% !important;
left: 0% !important;
right: 0% !important;
margin: 0 auto !important;
}
.page.page-id-21 #rt-mainMenu nav > ul > li.menu-item-object-mega_menu .rt-dropdown-menu {
top: 63px !important;
}
#rt-mainMenu nav > ul li ul:first-child {
margin-top: 10px !important;
} .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
left: 0 !important;
}
.pr-agency-contact-form input[type="submit"] {
width: 100% !important;
} .file-upload-contact-form input[type=text] {
border: 1px solid #FFFFFF;
color: #545454;
font-weight: 400;
padding: 12px;
background: #FFFFFF;
width: 100%;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
border-radius: 4px;
margin-bottom: 10px;
}
.file-upload-contact-form input[type=file] {
border: 1px solid #FFFFFF;
color: #545454;
font-weight: 400;
padding: 10px 12px;
background: #FFFFFF;
width: 100%;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
border-radius: 4px;
margin-bottom: 10px;
}
.file-upload-contact-form textarea {
border: 1px solid #FFFFFF;
color: #545454;
font-weight: 400;
padding: 12px;
background: #FFFFFF;
width: 100%;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
border-radius: 4px;
margin-bottom: 4px;
height: 120px;
}
.file-upload-contact-form input[type="submit"] {
background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%);
border: none;
color: #fff;
font-size: 15px;
line-height: 30px;
letter-spacing: 0px;
padding-top: 12px;
padding-bottom: 12px;
width: 100%;
font-weight: 600;
text-transform: capitalize;
float: right;
border-radius: 4px;
letter-spacing: 0;
font-family: "Poppins";
box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);
-webkit-box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.file-upload-contact-form input[type="submit"]:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
.file-upload-contact-form input[type=text]::placeholder,
.file-upload-contact-form input[type=file]::placeholder,
.file-upload-contact-form textarea::placeholder {
color: #545454 !important;
}  .career-list .elementor-icon-list-text {
padding-top: 3px;
}
.car-btn-text p {
background: #FFEEEE;
text-align: center;
display: inline-block;
padding: 0px 10px;
border-radius: 4px;
color: #FD406A !important;
}
.career-box-three-col h6 {
color: #000;
}
.career-box-three-col:hover h6 {
color: #ffffff;
}
.career-box-three-col p {
color: #545454;
}
.career-box-three-col:hover p {
color: #ffffff;
}
.career-box-three-col a {
-webkit-transition: all 0.12s ease-in-out;
-o-transition: all 0.12s ease-in-out;
transition: all 0.12s ease-in-out;
}
.career-box-three-col:hover a {
color: #ffffff;
-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
}
.box-three-hover h6 {
color: #000000;
}
.box-three-hover p {
color: #545454;
}
.box-three-hover:hover h6 {
color: #FFFFFF;
}
.box-three-hover:hover p {
color: #d2d3d5;
}
.box-three-hover:hover .elementor-image img {
filter: brightness(0) invert(1) !important;
}  .seo-quote-contact-form label {
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
.seo-quote-contact-form input[type=text] {
border: 1px solid #FFFFFF;
color: #545454;
font-weight: 400;
padding: 12px;
background: #FFFFFF;
width: 100%;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
border-radius: 4px;
margin-bottom: 10px;
}
.seo-quote-contact-form select {
border: 1px solid #FFFFFF;
color: #545454;
font-weight: 400;
padding: 12px;
background: #FFFFFF;
width: 100%;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
border-radius: 4px;
margin-bottom: 10px;
opacity: 1;
}
.seo-quote-contact-form .form-group-select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.seo-quote-contact-form .form-group-select select::-ms-expand {
display: none;
}
.seo-quote-contact-form .form-group-select::after {
content: "\e64b";
font-family: "themify";
font-size: 14px;
color: #545454;
display: inline-block;
position: absolute;
top: 50%;
right: 23px;
width: 10px;
height: 5px;
pointer-events: none;
}
.seo-quote-contact-form textarea {
border: 1px solid #FFFFFF;
color: #545454;
font-weight: 400;
padding: 12px;
background: #FFFFFF;
width: 100%;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
border-radius: 4px;
margin-bottom: 4px;
height: 120px;
}
.seo-quote-contact-form input[type="submit"] {
background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%);
border: none;
color: #fff;
font-size: 15px;
line-height: 30px;
letter-spacing: 0px;
padding: 12px 30px;
font-weight: 600;
text-transform: capitalize;
float: right;
border-radius: 4px;
letter-spacing: 0;
font-family: "Poppins";
box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);
-webkit-box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3);
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.seo-quote-contact-form input[type="submit"]:hover {
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px);
transform: translateY(-5px);
}
.seo-quote-contact-form input[type=text]::placeholder,
.seo-quote-contact-form input[type=file]::placeholder,
.seo-quote-contact-form textarea::placeholder {
color: #545454 !important;
}  .pricing-1 table {
width: 100%;
border-collapse: collapse;
padding-bottom: 40px;
}
.pricing-1 thead th.w-24 {
width: 25%;
}
.pricing-1 thead tr td,
.pricing-1 tbody tr td,
.pricing-1 tfoot tr td {
padding-left: 0px;
padding-right: 0px;
padding-top: 15px;
padding-bottom: 15px;
}
.pricing-1 table td,
.pricing-1 table th,
.pricing-1 table thead:first-child tr:first-child th {
border: 1px solid transparent;
}
.pricing-1 thead th p.table-intro {
color: #FFFFFF;
padding-left: 0px;
padding-right: 0px;
font-size: 20px;
line-height: 32px;
font-weight: 600;
letter-spacing: 0px;
font-family: 'Poppins';
margin-bottom: 0px;
}
.pricing-1 tbody th:first-child p.table-intro {
text-align: left;
}
.pricing-1 tbody th:nth-child(3) p.table-intro {
text-align: center;
}
.pricing-1 tbody th:nth-child(5) p.table-intro {
text-align: center;
}
.pricing-1 tbody th:nth-child(7) p.table-intro {
text-align: center;
}
.pricing-1 tbody tr td p.table-content {
text-transform: capitalize;
line-height: 30px;
letter-spacing: 0px;
font-weight: 400;
font-style: normal;
color: #545454;
font-size: 16px;
margin-bottom: 0;
}
.pricing-1 tbody td:first-child p.table-content {
text-align: left;
}
@media screen and (max-width:991px) {
.pricing-1 tbody td:first-child p.table-content {
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
}
.pricing-1 tbody td:nth-child(3) p.table-content {
text-align: center;
}
.pricing-1 tbody td:nth-child(5) p.table-content {
text-align: center;
}
.pricing-1 tbody td:nth-child(7) p.table-content {
text-align: center;
}
.pricing-1 tbody tr td i.ti-check {
color: #5849FB;
font-size: 16px;
font-weight: 900;
}
.pricing-1 tbody tr td i.ti-close {
color: #FD406A;
font-size: 16px;
font-weight: 900;
} .pricing-1 thead tr th {
background-color: #03112d;
padding-top: 14px;
padding-bottom: 14px;
}
.pricing-1 thead tr th:first-child {
border-right: 1px solid #162137;
padding-left: 43px;
padding-right: 0px;
}
@media screen and (max-width:991px) {
.pricing-1 thead tr th:first-child {
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
}
.pricing-1 thead tr th:nth-child(3) {
border-right: 1px solid #162137;
padding-left: 5px;
padding-right: 5px;
}
.pricing-1 thead tr th:nth-child(5) {
border-right: 1px solid #162137;
padding-left: 5px;
padding-right: 5px;
}
.pricing-1 thead tr th:nth-child(7) {
padding-left: 5px;
padding-right: 5px;
}
.pricing-1 tbody tr:first-child td {
border-top: 1px solid #DFDFDF;
}
.pricing-1 tbody tr:nth-child(odd) td {
background-color: #F3F7FF;
}
.pricing-1 tbody tr:nth-child(even) td {
background-color: #fff;
border-bottom: 1px solid #DFDFDF;
border-top: 1px solid #DFDFDF;
}
.pricing-1 tbody tr td:first-child {
padding-left: 43px;
padding-right: 0px;
}
@media screen and (max-width:991px) {
.pricing-1 tbody tr td:first-child {
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
}
.pricing-1 tbody tr td:nth-child(3) {
padding-left: 5px;
padding-right: 5px;
}
.pricing-1 tbody tr td:nth-child(5) {
padding-left: 5px;
padding-right: 5px;
}
.pricing-1 tbody tr td:nth-child(7) {
padding-left: 5px;
padding-right: 5px;
}
@media screen and (max-width: 767px) {
.table-responsive {
border: 1px solid transparent;
}
}
@media (max-width:480px) {
.pricing-element {
width: 100%;
overflow-y: scroll;
}
}  .pricing-accodion-two .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right .elementor-accordion-icon-opened .ti-minus:before {
line-height: 1.9 !important;
}
.pricing-accodion-two .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-right .elementor-accordion-icon-closed .ti-plus:before {
line-height: 0.5 !important;
}
.pricing-accodion-two .elementor-accordion .elementor-tab-title {
padding: 11px 20px 14px 20px !important;
}
.pricing-accodion-two .elementor-accordion .elementor-accordion-title {
text-transform: capitalize;
margin-left: 5px;
}
.pricing-accodion-two .elementor-accordion .elementor-accordion-item {
border: 1px solid transparent; margin-bottom: 20px;
background: #ffffff;
border-radius: 4px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
-moz-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.pricing-accodion-two .elementor-accordion .elementor-accordion-item:hover {
transform: translate(0, -5px) !important;
box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.15);
}
.pricing-accodion-two .fas {
margin-top: 6px !important;
}
.pricing-accodion-two .elementor-accordion .elementor-tab-content {
padding: 0px 75px 14px 25px;
}
.pricing-accodion-two .elementor-accordion .elementor-tab-content p {
margin-bottom: 0;
}
.pricing-accodion-two .elementor-accordion .elementor-tab-title .elementor-accordion-icon .elementor-accordion-icon-closed {
margin-top: 8px;
}
@media all and (max-width: 1024px) {
.pricing-accodion-two .elementor-accordion .elementor-accordion-title {
margin-left: 0px;
}
}
@media all and (max-width: 767px) {
.pricing-accodion-two .elementor-accordion .elementor-tab-content {
padding: 0px 50px 14px 20px;
}
.pricing-accodion-two .elementor-accordion .elementor-tab-title {
padding: 12px 26px 12px 20px;
}
}  .case-studies-single-pagination {
margin-top: 65px;
padding: 30px 0;
border-top: 0 !important;
border-bottom: 0 !important;
}
.case-studies-single-pagination .nav-links {
margin-left: 0px;
margin-right: 0px;
width: 100%;
}
.case-studies-single-pagination .nav-links:after {
content: " ";
display: block;
clear: both;
}
.case-studies-single-pagination .nav-links .nav-previous,
.case-studies-single-pagination .nav-links .nav-next {
padding-left: 10px;
padding-right: 10px;
}
.case-studies-single-pagination .nav-links .nav-previous a,
.case-studies-single-pagination .nav-links .nav-next a {
position: relative;
display: block;
font-weight: 400;
font-size: 16px;
color: #545454;
line-height: 30px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.case-studies-single-pagination .nav-links .nav-previous a span:before {
position: absolute;
left: 0;
-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
color: #0a0114;
display: inline-block;
vertical-align: middle;
line-height: 28px;
text-align: center;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.case-studies-single-pagination .nav-links .nav-next a span:before {
position: absolute;
right: 0;
-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
color: #000;
display: inline-block;
vertical-align: middle;
line-height: 28px;
text-align: center;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.case-studies-single-pagination .nav-links .nav-previous a:hover,
.case-studies-single-pagination .nav-links .nav-next a:hover {
opacity: 0.9;
}
.case-studies-single-pagination .nav-links .nav-previous a strong,
.case-studies-single-pagination .nav-links .nav-next a strong {
display: block;
margin-bottom: 10px;
font-size: 18px;
color: #000;
line-height: 28px;
font-weight: 400;
}
.case-studies-single-pagination .nav-links .nav-previous a strong {
padding-left: 25px;
}
.case-studies-single-pagination .nav-links .nav-next a strong {
padding-right: 25px;
}
.case-studies-single-pagination .nav-links .nav-previous {
float: left;
width: 49%;
padding: 15px;
border-radius: 4px;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, .1);
transition: -webkit-transform .3s cubic-bezier(0, .95, .3, 1);
transition: transform .3s cubic-bezier(0, .95, .3, 1);
transition: transform .3s cubic-bezier(0, .95, .3, 1), -webkit-transform .3s cubic-bezier(0, .95, .3, 1);
}
.case-studies-single-pagination .nav-links .nav-previous a {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.case-studies-single-pagination .nav-links .nav-next a {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
margin-left: auto;
text-align: right;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.case-studies-single-pagination .nav-links .nav-previous a span::before {
position: absolute;
left: 0;
-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
color: #696969;
font-weight: 600;
display: inline-block;
vertical-align: middle;
line-height: 28px;
text-align: center;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.case-studies-single-pagination .nav-links .nav-next a span::before {
position: absolute;
right: 0;
-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
color: #696969;
font-weight: 600;
display: inline-block;
vertical-align: middle;
line-height: 28px;
text-align: center;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.case-studies-single-pagination .nav-links .nav-previous .rt-nav-info {
width: 85%;
}
.case-studies-single-pagination .nav-links .nav-previous .ti-angle-left {
width: 30px;
height: 28px;
}
.case-studies-single-pagination .nav-links .nav-previous:hover .ti-angle-left {
-webkit-transform: translateX(-7px);
transform: translateX(-7px);
}
.case-studies-single-pagination .nav-links .nav-next .ti-angle-right {
width: 30px;
height: 28px;
}
.case-studies-single-pagination .nav-links .nav-next:hover .ti-angle-right {
-webkit-transform: translateX(7px);
transform: translateX(7px);
}
.case-studies-single-pagination .nav-links .nav-next .rt-nav-info {
width: 85%;
}
.case-studies-single-pagination .nav-links .rt-nav-title {
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #696969;
position: relative;
}
.case-studies-single-pagination .nav-links .nav-next a span {
position: relative;
color: #000;
text-align: right;
float: right;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0;
text-transform: capitalize;
}
.case-studies-single-pagination .nav-links .rt-nav-title {
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #696969;
position: relative;
display: inline-block;
}
.case-studies-single-pagination .nav-links .nav-previous a span {
position: relative;
text-align: left;
float: left;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0;
text-transform: capitalize;
}
.case-studies-single-pagination .nav-links .rt-nav-title {
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #696969;
position: relative;
display: inline-block;
}
.case-studies-single-pagination .nav-links .nav-next a span {
position: relative;
color: #000;
text-align: right;
float: right;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0;
}
.case-studies-single-pagination .nav-links .rt-nav-title {
font-size: 14px;
line-height: 26px;
font-weight: 400;
color: #545454;
position: relative;
display: inline-block;
}
.case-studies-single-pagination .nav-links .rt-nav-title:hover {
color: #FD406A;
}
.case-studies-single-pagination .nav-links .rt-nav-date {
font-size: 16px;
line-height: 30px;
font-weight: 600;
width: 100%;
display: block;
color: #000;
}
.case-studies-single-pagination .nav-links .rt-nav-date:hover {
color: #FD406A;
}
.case-studies-single-pagination .nav-links .rt-nav-date {
font-size: 16px;
line-height: 30px;
font-weight: 600;
width: 100%;
display: block;
color: #000;
}
.case-studies-single-pagination .nav-links .rt-nav-date:hover {
color: #FD406A;
}
.case-studies-single-pagination .nav-links .nav-next a span,
.comment-navigation .nav-links .nav-next a span {
position: relative;
color: #000;
text-align: right;
float: right;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0;
}
.case-studies-single-pagination .nav-links .rt-nav-date {
font-size: 16px;
line-height: 30px;
font-weight: 600;
width: 100%;
display: block;
color: #000;
}
.case-studies-single-pagination .nav-links .rt-nav-date:hover {
color: #FD406A;
}
.case-studies-single-pagination .nav-links .nav-previous .rt-nav-img {
width: 15%;
margin-right: 17px;
margin-left: 3px;
}
.case-studies-single-pagination .nav-links .nav-previous .rt-nav-img img {
border-radius: 50%;
opacity: 1 !important;
width: 62px;
height: 62px;
}
.case-studies-single-pagination .nav-links .nav-next .rt-nav-img {
width: 15%;
margin-left: 17px;
margin-right: 3px;
}
@media screen and (min-width:1200px) {
.case-studies-single-pagination .nav-links .nav-previous .rt-nav-img {
margin-right: 0;
}
.case-studies-single-pagination .nav-links .nav-next .rt-nav-img {
margin-left: 0px;
}
}
.case-studies-single-pagination .nav-links .nav-next .rt-nav-img img {
border-radius: 50%;
opacity: 1 !important;
width: 62px;
height: 62px;
}
.case-studies-single-pagination .nav-links .nav-previous {
text-align: left;
}
.case-studies-single-pagination .nav-links .nav-next {
float: right;
width: 49%;
padding: 15px;
border-radius: 4px;
box-shadow: 0 8px 40px -5px rgba(9, 31, 67, .1);
transition: background 0.5s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
transition: -webkit-transform .3s cubic-bezier(0, .95, .3, 1);
transition: transform .3s cubic-bezier(0, .95, .3, 1);
transition: transform .3s cubic-bezier(0, .95, .3, 1), -webkit-transform .3s cubic-bezier(0, .95, .3, 1);
}
@media only screen and (max-width:767px) {
.case-studies-single-pagination .nav-links .nav-previous {
width: 100%;
margin-bottom: 25px;
}
.case-studies-single-pagination .nav-links .nav-next {
width: 100%;
}
}
@media screen and (max-width: 480px) {
.case-studies-single-pagination .nav-links .nav-previous {
float: left;
width: 100%;
padding-bottom: 25px;
}
.case-studies-single-pagination .nav-links .nav-next {
float: right;
width: 100%;
}
}
.case-studies-single-pagination .nav-links .nav-next a {
text-align: right;
}
.post-navigation .nav-links .nav-previous .rt-nav-img {
width: 15%;
margin-right: 17px;
margin-left: 3px;
display: block;
}
.post-navigation .nav-links .nav-previous a span {
position: relative;
text-align: left;
float: left;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0;
}
.post-navigation .nav-links .nav-next a span {
position: relative;
color: #000;
text-align: right;
float: right;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0;
}
.post-navigation .nav-links .nav-previous .rt-nav-info {
width: 85%;
}
.post-navigation .nav-links .nav-previous .rt-nav-img img {
border-radius: 50%;
opacity: 1 !important;
width: 62px;
height: 62px;
}
.post-navigation .nav-links .nav-next .rt-nav-img {
width: 15%;
margin-left: 17px;
margin-right: 3px;
display: block;
}
.post-navigation .nav-links .nav-next .rt-nav-img img {
border-radius: 50%;
opacity: 1 !important;
width: 62px;
height: 62px;
}
@media only screen and (max-width: 767px) {
.post-navigation .nav-links .nav-previous .rt-nav-img {
width: 23%;
margin-right: 0;
}
.post-navigation .nav-links .nav-next .rt-nav-img {
width: 23%;
margin-left: 0;
}
}  .ProgressBar,
.ProgressBar-contentCircle {
display: table;
height: 210px;
position: absolute;
width: 210px;
}
.ProgressBar-circle,
.ProgressBar-background {
fill: none;
stroke-linecap: round;
stroke-dasharray: 0;
stroke-dashoffset: 0;
position: relative;
z-index: 10;
}
.ProgressBar-background {
z-index: 0;
}
.ProgressBar-percentage {
font-size: 40px;
text-align: center;
width: 100%;
display: table-cell;
vertical-align: middle;
} #rt-mainMenu {
padding: 0;
}
.page.page-id-732 #header,
.page.page-id-1168 #header,
.page.page-id-2360 #header,
.page.page-id-32947 #header {
box-shadow: none !important;
}
@media screen and (min-width:992px) and (max-width:1024px) {
#rt-mainMenu-trigger {
top: 10px;
}
} @media screen and (min-width:768px) and (max-width:991px) {
#rt-mainMenu-trigger {
top: 10px;
}
} #rt-main-toggle-menu,
.minimal-menu-overlay,
.rt-menu-overlay,
.rt-menu-wrap {
display: block;
}
.menu-is-vertical {
top: 0;
}
.responsive-titles {
display: block;
}
@media only screen and (max-width : 767px) {
.menu-is-onscreen .rt-menu-overlay {
width: 100%;
}
.rt-main-toggle-menu-trigger {
display: none;
}
#rt-mainMenu-trigger {
height: 30px;
width: 20px;
}
#rt-mainMenu nav > ul > li {
padding: 0;
}
#rt-mainMenu nav > ul > li > ul > li {
padding: 0px 15px;
}
#rt-mainMenu nav .mega-menu-item ul.rt-dropdown-menu {
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin: 0 !important;
padding-left: 0px !important;
}
#rt-mainMenu nav .mega-menu-item ul.rt-dropdown-menu .mega-menu-content {
padding-left: 0px !important;
}
#rt-mainMenu nav > ul > li.mega-menu-item .mega-menu-content h5 {
margin-bottom: 15px;
margin-top: 10px;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
.menu-is-onscreen .rt-menu-overlay {
width: 100%;
}
.rt-main-toggle-menu-trigger {
display: none;
}
#rt-mainMenu nav .mega-menu-item ul.rt-dropdown-menu {
width: 100% !important;
left: 0% !important;
right: 0% !important;
margin: 0 !important;
padding-left: 0px !important;
}
#rt-mainMenu nav .mega-menu-item ul.rt-dropdown-menu .mega-menu-content {
padding-left: 0px !important;
}
}
@media only screen and (max-width : 767px) {
#rt-mainMenu-trigger {
top: auto;
}
}
@media only screen and (min-width : 768px) and (max-width : 1024px) {
div #header .logo {
top: 11px;
}
}
.block2 {
padding: 100px 15px;
} .header-one .rt-search-cart-holder .expanded-searchbar .search-form {
position: absolute;
padding: 0;
margin: 0;
float: right;
width: 60%;
left: 40px;
top: 23px;
}
.header-one .rt-search-cart-holder .expanded-searchbar input[type="search"] {
width: 100%;
height: 20px;
padding: 0px 30px 0px 15px;
background-color: transparent;
border: none;
border-left: 1px rgb(255 255 255) solid;
box-shadow: initial;
text-transform: uppercase;
font-size: 12px; letter-spacing: 1px;
}
.header-one .rt-search-cart-holder .expanded-searchbar button {
position: absolute;
top: 0;
right: 0;
z-index: 1;
width: 20px;
height: 100%;
border: none;
cursor: pointer; background: none;
}
.header-one .rt-search-cart-holder .expanded-searchbar button [class^=ti-] {
font-weight: 600 !important;
}
.header-one .rt-search-cart-holder .expanded-searchbar ::placeholder {
color: #fff;
}
.header-one .rt-search-cart-holder .rt-cart-box {
position: absolute;
left: -15px;
display: inline-block;
top: 17px;
margin: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.header-one .rt-search-cart-holder .rt-search-box2 {
padding: 3px 0 0 0;
}
.header-one .rt-search-cart-holder .rt-cart-box {
right: 0px;
}
}
@media screen and (max-width: 767px) {
.header-one .rt-search-cart-holder .rt-search-box2 {
padding: 3px 0 0 0;
}
}  .header-one .seo_search {
width: 13%;
position: absolute;
right: 33px;
z-index: 1;
top: 11px;
}
.header-one .elementor-widget-radiant-custom-cart {
width: 7% !important;
position: absolute;
right: 17%;
top: -4px;
z-index: 1;
}
.header-one nav#rt-main-toggle-menu {
top: -9px;
}
#rt-mainMenu nav > ul > li:first-child {
margin: 0;
}
.page-id-732.rt-mainMenu-open .header-cart-bar .header-cart-bar-icon {
color: #000 !important;
}
.page-id-732.rt-mainMenu-open .search-btn2 {
color: #000 !important;
}
.header-four .elementor-widget-radiant-custom-search {
position: absolute;
right: 12%;
top: 14px;
z-index: 1;
}
@media screen and (min-width: 992px) and (max-width: 1024px) {
.header-one .seo_search {
width: 19%;
right: 14px;
top: 8px;
}
.header-one #rt-mainMenu-trigger {
top: 2px;
}
.header-one .elementor-widget-radiant-custom-cart {
width: 7% !important;
right: 3%;
top: 32px;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.header-one .seo_search {
width: 19%;
right: 12px;
top: 3px;
}
.header-one #rt-mainMenu-trigger {
top: 2px;
}
.header-one .elementor-widget-radiant-custom-cart {
width: 7% !important;
right: 4%;
top: 31px;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.header-one .logo {
top: 10px !important;
height: auto !important;
}
.header-one .elementor-widget-radiant-custom-cart {
position: absolute;
right: 40%;
top: 34px;
z-index: 1;
}
.header-one .seo_search {
right: 26px;
z-index: 1;
top: 3px;
width: 17%;
}
.header-one #rt-mainMenu-trigger {
height: 30px;
width: 20px;
top: 4px;
}
.header-one .expanded-searchbar input[type='search'] {
padding: 0 50px 0px 16px;
}
.cart-block {
right: -143px !important;
}
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
.header-one .logo {
top: 10px !important;
height: auto !important;
}
div .header-one .elementor-widget-radiant-custom-cart {
position: absolute;
right: 14%;
top: 34px;
z-index: 1;
}
.header-one .cart-block {
right: -77px !important;
}
div .header-one .seo_search {
right: 11px;
z-index: 1;
top: -2px;
width: 25%;
}
div .header-one #rt-mainMenu-trigger {
height: 30px;
width: 20px;
top: 2px;
}
div .header-one .expanded-searchbar input[type='search'] {
padding: 0 30px 0px 16px;
}
.cart-block {
right: -143px !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.header-one .logo {
top: 10px !important;
height: auto !important;
}
.header-one .elementor-widget-radiant-custom-cart {
position: absolute;
right: 18%;
top: 34px;
z-index: 1;
}
.header-one .seo_search {
right: 9px;
z-index: 1;
top: -3px;
width: 18%;
}
.header-one #rt-mainMenu-trigger {
height: 30px;
width: 20px;
top: 2px;
}
.header-one .expanded-searchbar input[type='search'] {
padding: 0 50px 0px 16px;
}
} @media screen and (max-width: 320px) {
.header-one .logo {
top: 10px !important;
height: auto !important;
}
.header-one .elementor-widget-radiant-custom-cart {
position: absolute;
right: 23%;
top: 33px;
z-index: 1;
}
.header-one .seo_search {
right: 17px;
z-index: 1;
top: -3px;
width: 21%;
}
.header-one #rt-mainMenu-trigger {
height: 30px;
width: 20px;
top: 2px;
}
.header-one .expanded-searchbar input[type='search'] {
padding: 0 50px 0px 16px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.rt-search-cart-grid {
position: absolute;
top: 55px;
z-index: 999;
}
}
#rt-mainMenu nav > ul > li:first-child {
padding-left: 0;
}   .menu-mobile-icon {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 10px 0 0 0;
float: right; }
.menu-mobile-icon:hover {
cursor: pointer;
}
span.burger-top,
span.burger-mid,
span.burger-bot {
border-radius: 10px;
width: 20px;
height: 1px;
margin: 2px 0; }  .filter {
visibility: hidden;
position: fixed;
top: 0;
left: 0;
min-height: 100vh;
width: 100%;
z-index: 99;
background-color: rgba(0, 0, 0, 0.7);
} .mobile-slider {
visibility: hidden;
position: fixed;
z-index: 100;
top: 0;
right: 0;
bottom: 0;
overflow-y: auto;
width: 450px;
background-color: #fff;
box-shadow: -5px 0 8px rgba(0, 0, 0, 0.2);
}
.mobile-slider-top {
text-align: right; flex-direction: row;
justify-content: space-between;
align-items: center;
padding: 25px 25px 10px 25px;
background-color: #fff;
-webkit-transition: right 1s, opacity 1s;
transition: right 1s, opacity 1s;
}
.mobile-slider-top h2 {
font-size: 1em;
color: #f2f2f2;
}
.mobile-slider-top h2 span {
color: orange;
font-weight: 400;
font-size: 0.9em;
}
.mobile-slider-top .close-menu {
color: #000;
font-size: 1.3em;
position: relative;
}
.close-menu:hover {
cursor: pointer;
}
.mobile-navigation {
list-style: none;
}
.mobile-navigation i {
padding-right: 15px;
}
.mobile-navigation li a,
.mobile-navigation li a:visited {
padding: 30px;
color: #ddd;
text-decoration: none;
border-bottom: 1px solid #555;
display: block;
width: 100%;
transition: 0.2s;
}
.mobile-navigation li a:hover {
background-color: #111111;
}
.rt-hamburger-menu-logo {
width: auto;
max-width: 340px;
margin: 0 auto;
padding-bottom: 20px;
}
.rt-hamburger-about-text {
width: auto;
max-width: 340px;
margin: 0 auto;
}
.rt-hamburger-about-text p {
margin: 0;
color: #545454;
}
.rt-hamburger-about-text p span {
text-decoration: line-through !important;
color: #FD406A;
}
.rt-hamburger-social-link {
width: auto;
max-width: 340px;
margin: 0 auto;
}
.rt-hamburger-social-link ul {
list-style-type: none;
margin: 0;
padding: 0;
float: left;
}
.rt-hamburger-social-link ul li {
margin-right: 10px;
font-size: 15px;
float: left;
border-radius: 50%;
width: 40px;
height: 40px;
align-items: center;
display: flex;
justify-content: center;
}
.rt-hamburger-social-link ul li i {
color: #fff;
}
.rt-hamburger-social-link ul li.facebook {
background: #1d6dff;
border-radius: 50%;
width: 40px;
height: 40px;
align-items: center;
display: flex;
justify-content: center;
padding: 8px;
}
.rt-hamburger-social-link ul li.twitter {
background: #0ea8f0;
border-radius: 50%;
width: 40px;
height: 40px;
align-items: center;
display: flex;
justify-content: center;
padding: 8px;
}
.rt-hamburger-social-link ul li.pinterest {
background: #e60023;
border-radius: 50%;
width: 40px;
height: 40px;
align-items: center;
display: flex;
justify-content: center;
padding: 8px;
}
.rt-hamburger-social-link ul li.instagram {
background: #f00;
border-radius: 50%;
width: 40px;
height: 40px;
align-items: center;
display: flex;
justify-content: center;
padding: 8px;
}
.header-list-one {
margin: 30px 0 20px 0;
padding: 0;
overflow: hidden;
}
.header-list-one ul {
list-style-type: none;
}
.header-list-one ul li {
float: left;
margin: 0 10px 10px 0;
}
.rt-timings {
margin-bottom: 20px;
}  .rt-cart-box {
position: absolute;
right: 40px;
display: inline-block;
width: auto;
}
.cart-btn {
position: absolute;
top: 1em;
right: 1em;
color: #000;
}
.cart-btn:hover {
cursor: pointer;
}
.cart-btn.fa-2x {
font-size: 18px;
}
.rt-cart-btn .header-cart-bar {
display: inline-block;
height: 100%;
padding: 0 10px;
position: relative;
vertical-align: top;
}
.rt-cart-btn.fa-2x {
font-size: 18px;
}
.cart-overlay {
display: none;
}
.cart-block {
left: auto;
opacity: 0;
position: absolute;
right: 0;
text-align: left;
top: 136%;
-webkit-transition: opacity .25s ease, visibility .25s ease;
-o-transition: opacity .25s ease, visibility .25s ease;
transition: opacity .25s ease, visibility .25s ease;
visibility: hidden;
background: #f9f9f9;
width: 310px;
border-radius: 4px;
}
.rt-cart-box:hover .cart-block {
opacity: 1;
visibility: visible;
}
.rt-cart-box .header-cart-bar-icon {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 23px;
height: 100%;
position: relative;
}
.cart-block:before {
content: '';
height: 100%;
vertical-align: middle;
margin-right: 0;
}
.cart-center {
display: inline-block;
vertical-align: middle;
width: 100%;
float: left;
padding: 0;
color: #000;
border: none;
background: transparent;
}
#cart-box {
position: relative;
width: 100%;
margin: 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#cart-box input[type="text"] {
width: 83%;
}
#cart-box input[type="submit"] {
width: 17%;
} }
@media screen and (max-width: 767px) {
.cart-center {
width: 100%;
}
.cart-btn.fa-2x {
font-size: 16px;
}
.rt-cart-btn.fa-2x {
font-size: 16px;
}
#close-btn.fa-2x {
font-size: 16px;
}
.rt-cart-btn {
position: absolute;
top: 10px;
right: 0;
color: #FFF;
}
}
@media screen and (max-width: 320px) {
.cart-block {
left: 5px;
}
}
.rt-cart-box .widget_shopping_cart_content {
padding: 20px;
overflow: hidden;
}
.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li {
padding-bottom: 16px;
float: left;
display: block;
width: 100%;
}
.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__empty-message {
text-align: center;
color: #000;
padding: 0;
margin: 0;
text-transform: capitalize;
font-weight: 400;
font-family: "Poppins";
}
.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li img {
width: 72px !important;
float: left !important;
margin-right: 10px !important;
margin-left: 0 !important;
border-radius: 4px;
margin-top: 0px;
}
.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li a {
color: #000;
font-weight: 500;
margin-top: -7px;
display: block;
font-size: 14px;
line-height: 24px;
font-family: "Poppins";
letter-spacing: 0;
}
.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li a.remove {
float: right;
width: 30px;
text-align: right;
font-weight: 400;
font-size: 22px;
line-height: 22px;
color: #000 !important;
background: transparent;
}
.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li a.remove:hover {
background: transparent;
}
.rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li span.quantity {
text-align: left;
display: block;
font-size: 14px;
color: #000;
}
rt-cart-box .widget_shopping_cart_content ul.woocommerce-mini-cart li span.woocommerce-Price-amount {
font-size: 14px;
color: #fff;
font-size: 18px;
}
.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__buttons {
margin: 0;
padding: 0;
}
.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.wc-forward {
text-align: center;
display: block;
width: 100%;
padding: 11px 30px !important;
font-size: 15px;
font-weight: 600;
text-transform: capitalize;
line-height: 30px !important;
border-radius: 4px;
background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%) !important;
box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3) !important;
color: #fff !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
font-family: "Poppins";
}
.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.wc-forward:hover {
background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%) !important;
color: #fff !important;
box-shadow: 0px 3px 15px 2px rgba(255, 28, 125, 0.3) !important;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__buttons a.checkout {
display: none;
}
.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__total {
width: 100%;
text-align: right;
padding-bottom: 10px;
margin: 0;
overflow: hidden;
margin-top: 8px;
font-size: 14px;
line-height: 26px;
color: #000;
}
.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__total strong {
float: left;
font-weight: 600;
}
.rt-cart-box .widget_shopping_cart_content .woocommerce-mini-cart__total .woocommerce-Price-amount {
float: right;
font-weight: 600;
}
.blockUI.blockOverlay:hover {
display: none !important;
}
.header-cart-bar .header-cart-bar {
float: right;
margin-top: 7px;
text-align: center;
font-size: 0;
}
.header-cart-bar .header-cart-bar-icon {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: 0;
color: #fff;
}
.header-cart-bar .lnr-cart {
font-size: 18px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.header-cart-bar .cart-count {
position: absolute;
top: -8px;
left: 14px;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: 10px;
font-weight: 500;
color: #fff;
text-align: center;
background-color: #FD406A;
line-height: 18px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}  .rt-search-cart-holder {
width: 100%;
display: block;
padding: 14px 0 0 0;
}
.rt-search-cart-holder .rt-cart-box {
float: left;
}
.rt-search-cart-holder .rt-search-box2 {
float: left;
padding: 6px 0 0 0;
position: absolute;
right: 0px;
top: auto;
}
.rt-search-cart-holder .rt-search-box2 .container {
padding-left: 0 !important;
padding-right: 0 !important;
}
@media screen and (min-width: 1024px) and (max-width: 1300px) { .rt-search-cart-holder .rt-search-box2 {
float: right;
padding: 8px 0 0 0;
position: absolute;
right: 48px;
}
.rt-search-cart-holder .rt-cart-box {
float: right;
}
.rt-cart-box {
position: absolute;
right: 100px;
display: inline-block;
}
}
@media screen and (min-width: 1024px) and (max-width: 1170px) { .rt-search-cart-grid {
position: absolute;
top: 55px;
z-index: 999;
}
.rt-search-cart-holder .rt-search-box2 {
float: right;
padding: 8px 0 0 0;
position: absolute;
right: 44px;
}
.rt-search-cart-holder .header-cart-bar {
float: right;
}
.rt-search-cart-holder .rt-cart-box {
float: right;
}
.rt-cart-box {
position: absolute;
right: 100px;
display: inline-block;
bottom: 7px;
}
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
.rt-search-cart-grid {
position: absolute;
top: 55px;
z-index: 999;
}
.rt-search-cart-holder {
padding: 18px 0 0 0;
} .rt-search-cart-holder .rt-search-box2 {
float: right;
padding: 6px 0 0 0;
position: absolute;
right: 58px;
}
.rt-search-cart-holder .rt-cart-box {
float: right;
}
.rt-cart-box {
position: absolute;
right: 100px;
display: inline-block;
}
}
@media screen and (max-width: 767px) {
.rt-search-cart-grid {
position: absolute;
top: 55px;
z-index: 999;
}
.rt-search-cart-holder {
padding: 16px 0 0 0;
}
.rt-search-cart-holder .rt-search-box2 {
float: right;
padding: 6px 0 0 0;
position: absolute;
right: 58px;
}
.rt-search-cart-holder .rt-cart-box {
float: right;
}
.rt-cart-box {
position: absolute;
right: 100px;
display: inline-block;
} }
.rt-search-box {
width: 100%;
position: relative;
}
.search-btn {
position: absolute; float: right;
right: 0;
top: 7px;
}
.search-btn:hover {
cursor: pointer;
}
.search-btn:before {
content: "\e610";
font-family: 'themify';
font-size: 18px;
}
.rt-search-btn {
position: absolute;
top: 10px;
right: 0;
color: #FFF;
transition: all 0.1s ease-in-out;
-webkit-transition: all 0.1s ease-in-out;
}
.rt-search-btn.fa-2x {
font-size: 18px;
}
#search-overlay {
display: none;
}
.block {
position: fixed; left: 0;
right: 0;
z-index: 90;
margin: 0 auto; width: 1184px;
overflow: auto;
text-align: center;
border: 0px;
transform: translate3d(0px, 63px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
transform-style: preserve-3d;
display: block;
transition: transform .1s ease-in-out;
}
.block:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: 0;
}
.centered {
display: inline-block;
vertical-align: middle;
width: 100%;
float: left;
padding: 0;
color: #FFF;
border: none;
background: #f8f8f8;
}
#search-box {
position: relative;
width: 100%;
margin: 0;
}
#search-form {
overflow: hidden;
}
#search-text {
font-size: 13px;
text-transform: capitalize;
color: #ddd;
}
#search-box input[type="text"] { background: #e5e6e9;
width: 90%;
float: left;
padding: 0;
color: #000;
outline: none;
font-size: 16px;
line-height: 27px;
padding: 12px 30px;
text-transform: capitalize;
border: 0px;
}
#search-box input[type="text"]::-webkit-input-placeholder {
color: #545454;
}
#search-box input[type="text"]::-moz-placeholder {
color: #545454;
}
#search-box input[type="text"]:-ms-input-placeholder {
color: #545454;
}
#search-box input[type="submit"] {
width: 10%;
float: right;
padding: 12px 33px;
background: none;
font-size: 17px;
line-height: 27px;
font-weight: 500;
text-transform: capitalize;
color: #fff;
text-align: center;
border: 0;
cursor: pointer;
background: #FD406A;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
#search-box input[type="text"] {
width: 83%;
}
#search-box input[type="submit"] {
width: 17%;
}
}
@media screen and (max-width: 767px) {
.centered {
width: 100%;
}
#search-box input[type="text"] {
width: 100%;
padding: 15px;
margin-bottom: 10px;
}
#search-box input[type="submit"] {
width: 100%;
padding: 15px 33px;
}
.search-btn.fa-2x {
font-size: 16px;
}
.rt-search-btn.fa-2x {
font-size: 16px;
}
#close-btn.fa-2x {
font-size: 16px;
}
.rt-search-btn {
position: absolute;
top: 10px;
right: 0;
color: #FFF;
}
} header#header.sticky-active .rt-cart-box.hidden-md {
display: none;
}  .rt-portfolio-box.element-Masonry {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
transition: all 0.4s ease-in-out;
border-radius: 4px;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover {
box-shadow: 0 0 30px rgba(0, 0, 0, 0.20);
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 9;
padding: 27px 35px 27px 35px;
text-align: center;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 6px;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 26px;
letter-spacing: 0;
opacity: 0;
transform: translateY(40px);
transition: transform 0.6s cubic-bezier(0, 0, 0, 0.85), opacity 0.4s linear;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 600;
font-size: 20px;
color: #fff;
line-height: 30px;
letter-spacing: 0;
opacity: 0;
transform: translateY(40px);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
background-color: rgba(0, 0, 0, 0.4);
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transform: scale(0);
margin: 0 8px 0 0;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link {
transition: transform 0.3s ease-in;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
transition: transform 0.3s ease-in 0.2s;
margin: 0;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover { background-color: #013CA3;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span {
display: block;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 40px;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .overlay {
opacity: 0.9;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .data .title {
opacity: 1;
transform: translateY(0);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .data .categories {
opacity: 1;
transform: translateY(0);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s;
}
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-Masonry .rt-portfolio-box-item > .holder:hover > .portfolio-action-btn > .portfolio-zoom {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
} .gallery-container {
color: #35373a;
min-height: 100vh;
padding: 30px 50px;
}
.gallery-container h1 {
text-align: center;
margin-top: 50px;
font-family: 'Droid Sans', sans-serif;
font-weight: bold;
}
.gallery-container p.page-description {
text-align: center;
margin: 25px auto;
font-size: 18px;
color: #999;
}
.tz-gallery {
padding: 40px;
} .tz-gallery .row > div {
padding: 2px;
}
.tz-gallery .lightbox img {
width: 100%;
border-radius: 0;
position: relative;
}
.tz-gallery .lightbox:before {
position: absolute;
top: 50%;
left: 50%;
margin-top: -13px;
margin-left: -13px;
opacity: 0;
color: #fff;
font-size: 26px;
font-family: 'fontAwesome';
content: '\f002';
pointer-events: none;
z-index: 9000;
transition: 0.4s;
}
.tz-gallery .lightbox:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
background-color: rgba(46, 132, 206, 0.7);
content: '';
transition: 0.4s;
}
.tz-gallery .lightbox:hover:after,
.tz-gallery .lightbox:hover:before {
opacity: 1;
}
.baguetteBox-button {
background-color: transparent !important;
}
.rt-case-study-box.element-five.row {
margin-right: 0px;
margin-left: 0px;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
border-radius: 4px;
position: relative;
overflow: hidden;
margin-bottom: 30px;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
transform: translateY(0);
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder:hover {
transform: translateY(-6px);
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .pic {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 0;
overflow: hidden;
backface-visibility: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
height: 310px;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder:hover > .pic {
transform: scale(1.1) translateY(-12px);
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .pic > img {
width: 100%;
float: left;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .pic > .placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .post-btn .post-button .ti-plus {
display: block;
position: absolute;
top: 28%;
left: 0px;
right: 0px;
width: 60px;
height: 60px;
line-height: 40px;
margin: 0 auto;
padding: 10px 20px;
color: #fff;
text-align: center;
background: linear-gradient(to right, #FF018A 0%, #FF6157 100%);
z-index: 2; border-radius: 50%;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
text-decoration: none;
font-size: 18px;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder:hover .post-button .ti-plus {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .post-btn .post-button:hover {
background-color: #FC6086;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .data {
padding: 21px 29px 21px 29px;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .data > .date {
font-size: 16px;
font-weight: 500;
line-height: 30px;
letter-spacing: 0px;
color: #545454;
margin-bottom: 7px;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .data > .title {
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0px;
color: #000;
font-family: "Poppins";
margin-bottom: 0;
}
.rt-case-study-box.element-five > .rt-case-study-box-item > .holder > .data > .title > a {
text-decoration: none;
width: 100%;
font-size: 18px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0.06px;
color: #000;
font-family: "Poppins";
margin-bottom: 0;
} [data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
transition-duration: 50ms
}
[data-aos][data-aos][data-aos-delay="50"],
body[data-aos-delay="50"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
transition-delay: 50ms
}
[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
transition-duration: .1s
}
[data-aos][data-aos][data-aos-delay="100"],
body[data-aos-delay="100"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
transition-delay: .1s
}
[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
transition-duration: .15s
}
[data-aos][data-aos][data-aos-delay="150"],
body[data-aos-delay="150"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
transition-delay: .15s
}
[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
transition-duration: .2s
}
[data-aos][data-aos][data-aos-delay="200"],
body[data-aos-delay="200"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
transition-delay: .2s
}
[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
transition-duration: .25s
}
[data-aos][data-aos][data-aos-delay="250"],
body[data-aos-delay="250"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
transition-delay: .25s
}
[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
transition-duration: .3s
}
[data-aos][data-aos][data-aos-delay="300"],
body[data-aos-delay="300"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
transition-delay: .3s
}
[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
transition-duration: .35s
}
[data-aos][data-aos][data-aos-delay="350"],
body[data-aos-delay="350"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
transition-delay: .35s
}
[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
transition-duration: 0.8s
}
[data-aos][data-aos][data-aos-delay="400"],
body[data-aos-delay="400"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
transition-delay: .4s
}
[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
transition-duration: .45s
}
[data-aos][data-aos][data-aos-delay="450"],
body[data-aos-delay="450"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
transition-delay: .45s
}
[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
transition-duration: .5s
}
[data-aos][data-aos][data-aos-delay="500"],
body[data-aos-delay="500"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
transition-delay: .5s
}
[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
transition-duration: .55s
}
[data-aos][data-aos][data-aos-delay="550"],
body[data-aos-delay="550"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
transition-delay: .55s
}
[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
transition-duration: .6s
}
[data-aos][data-aos][data-aos-delay="600"],
body[data-aos-delay="600"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
transition-delay: .6s
}
[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
transition-duration: .65s
}
[data-aos][data-aos][data-aos-delay="650"],
body[data-aos-delay="650"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
transition-delay: .65s
}
[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
transition-duration: .7s
}
[data-aos][data-aos][data-aos-delay="700"],
body[data-aos-delay="700"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
transition-delay: .7s
}
[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
transition-duration: .75s
}
[data-aos][data-aos][data-aos-delay="750"],
body[data-aos-delay="750"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
transition-delay: .75s
}
[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
transition-duration: .8s
}
[data-aos][data-aos][data-aos-delay="800"],
body[data-aos-delay="800"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
transition-delay: .8s
}
[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
transition-duration: .85s
}
[data-aos][data-aos][data-aos-delay="850"],
body[data-aos-delay="850"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
transition-delay: .85s
}
[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
transition-duration: .9s
}
[data-aos][data-aos][data-aos-delay="900"],
body[data-aos-delay="900"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
transition-delay: .9s
}
[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
transition-duration: .95s
}
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="950"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
transition-delay: .95s
}
[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
transition-duration: 1s
}
[data-aos][data-aos][data-aos-delay="1000"],
body[data-aos-delay="1000"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
transition-delay: 1s
}
[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
transition-duration: 1.05s
}
[data-aos][data-aos][data-aos-delay="1050"],
body[data-aos-delay="1050"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
transition-delay: 1.05s
}
[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
transition-duration: 1.1s
}
[data-aos][data-aos][data-aos-delay="1100"],
body[data-aos-delay="1100"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
transition-delay: 1.1s
}
[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
transition-duration: 1.15s
}
[data-aos][data-aos][data-aos-delay="1150"],
body[data-aos-delay="1150"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
transition-delay: 1.15s
}
[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
transition-duration: 1.2s
}
[data-aos][data-aos][data-aos-delay="1200"],
body[data-aos-delay="1200"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
transition-delay: 1.2s
}
[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
transition-duration: 1.25s
}
[data-aos][data-aos][data-aos-delay="1250"],
body[data-aos-delay="1250"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
transition-delay: 1.25s
}
[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
transition-duration: 1.3s
}
[data-aos][data-aos][data-aos-delay="1300"],
body[data-aos-delay="1300"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
transition-delay: 1.3s
}
[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
transition-duration: 1.35s
}
[data-aos][data-aos][data-aos-delay="1350"],
body[data-aos-delay="1350"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
transition-delay: 1.35s
}
[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
transition-duration: 1.4s
}
[data-aos][data-aos][data-aos-delay="1400"],
body[data-aos-delay="1400"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
transition-delay: 1.4s
}
[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
transition-duration: 1.45s
}
[data-aos][data-aos][data-aos-delay="1450"],
body[data-aos-delay="1450"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
transition-delay: 1.45s
}
[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
transition-duration: 1.5s
}
[data-aos][data-aos][data-aos-delay="1500"],
body[data-aos-delay="1500"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
transition-delay: 1.5s
}
[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
transition-duration: 1.55s
}
[data-aos][data-aos][data-aos-delay="1550"],
body[data-aos-delay="1550"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
transition-delay: 1.55s
}
[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
transition-duration: 1.6s
}
[data-aos][data-aos][data-aos-delay="1600"],
body[data-aos-delay="1600"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
transition-delay: 1.6s
}
[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
transition-duration: 1.65s
}
[data-aos][data-aos][data-aos-delay="1650"],
body[data-aos-delay="1650"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
transition-delay: 1.65s
}
[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
transition-duration: 1.7s
}
[data-aos][data-aos][data-aos-delay="1700"],
body[data-aos-delay="1700"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
transition-delay: 1.7s
}
[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
transition-duration: 1.75s
}
[data-aos][data-aos][data-aos-delay="1750"],
body[data-aos-delay="1750"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
transition-delay: 1.75s
}
[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
transition-duration: 1.8s
}
[data-aos][data-aos][data-aos-delay="1800"],
body[data-aos-delay="1800"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
transition-delay: 1.8s
}
[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
transition-duration: 1.85s
}
[data-aos][data-aos][data-aos-delay="1850"],
body[data-aos-delay="1850"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
transition-delay: 1.85s
}
[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
transition-duration: 1.9s
}
[data-aos][data-aos][data-aos-delay="1900"],
body[data-aos-delay="1900"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
transition-delay: 1.9s
}
[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
transition-duration: 1.95s
}
[data-aos][data-aos][data-aos-delay="1950"],
body[data-aos-delay="1950"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
transition-delay: 1.95s
}
[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
transition-duration: 2s
}
[data-aos][data-aos][data-aos-delay="2000"],
body[data-aos-delay="2000"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
transition-delay: 2s
}
[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
transition-duration: 2.05s
}
[data-aos][data-aos][data-aos-delay="2050"],
body[data-aos-delay="2050"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
transition-delay: 2.05s
}
[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
transition-duration: 2.1s
}
[data-aos][data-aos][data-aos-delay="2100"],
body[data-aos-delay="2100"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
transition-delay: 2.1s
}
[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
transition-duration: 2.15s
}
[data-aos][data-aos][data-aos-delay="2150"],
body[data-aos-delay="2150"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
transition-delay: 2.15s
}
[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
transition-duration: 2.2s
}
[data-aos][data-aos][data-aos-delay="2200"],
body[data-aos-delay="2200"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
transition-delay: 2.2s
}
[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
transition-duration: 2.25s
}
[data-aos][data-aos][data-aos-delay="2250"],
body[data-aos-delay="2250"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
transition-delay: 2.25s
}
[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
transition-duration: 2.3s
}
[data-aos][data-aos][data-aos-delay="2300"],
body[data-aos-delay="2300"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
transition-delay: 2.3s
}
[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
transition-duration: 2.35s
}
[data-aos][data-aos][data-aos-delay="2350"],
body[data-aos-delay="2350"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
transition-delay: 2.35s
}
[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
transition-duration: 2.4s
}
[data-aos][data-aos][data-aos-delay="2400"],
body[data-aos-delay="2400"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
transition-delay: 2.4s
}
[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
transition-duration: 2.45s
}
[data-aos][data-aos][data-aos-delay="2450"],
body[data-aos-delay="2450"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
transition-delay: 2.45s
}
[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
transition-duration: 2.5s
}
[data-aos][data-aos][data-aos-delay="2500"],
body[data-aos-delay="2500"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
transition-delay: 2.5s
}
[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
transition-duration: 2.55s
}
[data-aos][data-aos][data-aos-delay="2550"],
body[data-aos-delay="2550"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
transition-delay: 2.55s
}
[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
transition-duration: 2.6s
}
[data-aos][data-aos][data-aos-delay="2600"],
body[data-aos-delay="2600"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
transition-delay: 2.6s
}
[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
transition-duration: 2.65s
}
[data-aos][data-aos][data-aos-delay="2650"],
body[data-aos-delay="2650"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
transition-delay: 2.65s
}
[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
transition-duration: 2.7s
}
[data-aos][data-aos][data-aos-delay="2700"],
body[data-aos-delay="2700"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
transition-delay: 2.7s
}
[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
transition-duration: 2.75s
}
[data-aos][data-aos][data-aos-delay="2750"],
body[data-aos-delay="2750"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
transition-delay: 2.75s
}
[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
transition-duration: 2.8s
}
[data-aos][data-aos][data-aos-delay="2800"],
body[data-aos-delay="2800"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
transition-delay: 2.8s
}
[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
transition-duration: 2.85s
}
[data-aos][data-aos][data-aos-delay="2850"],
body[data-aos-delay="2850"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
transition-delay: 2.85s
}
[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
transition-duration: 2.9s
}
[data-aos][data-aos][data-aos-delay="2900"],
body[data-aos-delay="2900"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
transition-delay: 2.9s
}
[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
transition-duration: 2.95s
}
[data-aos][data-aos][data-aos-delay="2950"],
body[data-aos-delay="2950"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
transition-delay: 2.95s
}
[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
transition-duration: 3s
}
[data-aos][data-aos][data-aos-delay="3000"],
body[data-aos-delay="3000"] [data-aos] {
transition-delay: 0s
}
[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
transition-delay: 3s
}
[data-aos] {
pointer-events: none
}
[data-aos].aos-animate {
pointer-events: auto
}
[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
transition-timing-function: cubic-bezier(.25, .25, .75, .75)
}
[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
transition-timing-function: ease
}
[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function: ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function: ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function: ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function: cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.175, .885, .32, 1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function: cubic-bezier(.47, 0, .745, .715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.39, .575, .565, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad],
body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad],
body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic],
body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic],
body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function: cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function: cubic-bezier(.455, .03, .515, .955)
}
@media screen {
html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
opacity: 0;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none
}
html:not(.no-js) [data-aos=fade-up] {
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0)
}
html:not(.no-js) [data-aos=fade-down] {
-webkit-transform: translate3d(0, -100px, 0);
transform: translate3d(0, -100px, 0)
}
html:not(.no-js) [data-aos=fade-right] {
-webkit-transform: translate3d(-100px, 0, 0);
transform: translate3d(-100px, 0, 0)
}
html:not(.no-js) [data-aos=fade-left] {
-webkit-transform: translate3d(100px, 0, 0);
transform: translate3d(100px, 0, 0)
}
html:not(.no-js) [data-aos=fade-up-right] {
-webkit-transform: translate3d(-100px, 100px, 0);
transform: translate3d(-100px, 100px, 0)
}
html:not(.no-js) [data-aos=fade-up-left] {
-webkit-transform: translate3d(100px, 100px, 0);
transform: translate3d(100px, 100px, 0)
}
html:not(.no-js) [data-aos=fade-down-right] {
-webkit-transform: translate3d(-100px, -100px, 0);
transform: translate3d(-100px, -100px, 0)
}
html:not(.no-js) [data-aos=fade-down-left] {
-webkit-transform: translate3d(100px, -100px, 0);
transform: translate3d(100px, -100px, 0)
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
opacity: 0.4;
transition-property: opacity, -webkit-transform;
transition-property: opacity, transform;
transition-property: opacity, transform, -webkit-transform
}
html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
opacity: 1;
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1);
}
html:not(.no-js) [data-aos=zoom-in] {
-webkit-transform: translate3d(0, 50px, 0) scale(.4);
transform: translate3d(0, 50px, 0) scale(.4);
}
html:not(.no-js) [data-aos=zoom-in-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(.6);
transform: translate3d(0, 100px, 0) scale(.6)
}
html:not(.no-js) [data-aos=zoom-in-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(.6);
transform: translate3d(0, -100px, 0) scale(.6)
}
html:not(.no-js) [data-aos=zoom-in-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(.6);
transform: translate3d(-100px, 0, 0) scale(.6)
}
html:not(.no-js) [data-aos=zoom-in-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(.6);
transform: translate3d(100px, 0, 0) scale(.6)
}
html:not(.no-js) [data-aos=zoom-out] {
-webkit-transform: scale(1.2);
transform: scale(1.2)
}
html:not(.no-js) [data-aos=zoom-out-up] {
-webkit-transform: translate3d(0, 100px, 0) scale(1.2);
transform: translate3d(0, 100px, 0) scale(1.2)
}
html:not(.no-js) [data-aos=zoom-out-down] {
-webkit-transform: translate3d(0, -100px, 0) scale(1.2);
transform: translate3d(0, -100px, 0) scale(1.2)
}
html:not(.no-js) [data-aos=zoom-out-right] {
-webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
transform: translate3d(-100px, 0, 0) scale(1.2)
}
html:not(.no-js) [data-aos=zoom-out-left] {
-webkit-transform: translate3d(100px, 0, 0) scale(1.2);
transform: translate3d(100px, 0, 0) scale(1.2)
}
html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
visibility: hidden
}
html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
visibility: visible;
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
html:not(.no-js) [data-aos=slide-up] {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
html:not(.no-js) [data-aos=slide-down] {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
html:not(.no-js) [data-aos=slide-right] {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
html:not(.no-js) [data-aos=slide-left] {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform
}
html:not(.no-js) [data-aos=flip-left] {
-webkit-transform: perspective(2500px) rotateY(-100deg);
transform: perspective(2500px) rotateY(-100deg)
}
html:not(.no-js) [data-aos=flip-left].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
html:not(.no-js) [data-aos=flip-right] {
-webkit-transform: perspective(2500px) rotateY(100deg);
transform: perspective(2500px) rotateY(100deg)
}
html:not(.no-js) [data-aos=flip-right].aos-animate {
-webkit-transform: perspective(2500px) rotateY(0);
transform: perspective(2500px) rotateY(0)
}
html:not(.no-js) [data-aos=flip-up] {
-webkit-transform: perspective(2500px) rotateX(-100deg);
transform: perspective(2500px) rotateX(-100deg)
}
html:not(.no-js) [data-aos=flip-up].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0)
}
html:not(.no-js) [data-aos=flip-down] {
-webkit-transform: perspective(2500px) rotateX(100deg);
transform: perspective(2500px) rotateX(100deg)
}
html:not(.no-js) [data-aos=flip-down].aos-animate {
-webkit-transform: perspective(2500px) rotateX(0);
transform: perspective(2500px) rotateX(0)
}
}  
@-webkit-keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%,
20%,
53%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translateZ(0);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
transform: translateZ(0)
}
40%,
43% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -30px, 0);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
-webkit-transform: translate3d(0, -15px, 0);
animation-timing-function: cubic-bezier(.755, .05, .855, .06);
transform: translate3d(0, -15px, 0)
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0)
}
}
.bounce {
-webkit-animation-name: bounce;
-webkit-transform-origin: center bottom;
animation-name: bounce;
transform-origin: center bottom
}
@-webkit-keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%,
50%,
to {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
20%,
40%,
60%,
80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.headShake {
-webkit-animation-name: headShake;
-webkit-animation-timing-function: ease-in-out;
animation-name: headShake;
animation-timing-function: ease-in-out
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.swing {
-webkit-animation-name: swing;
-webkit-transform-origin: top center;
animation-name: swing;
transform-origin: top center
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
@keyframes tada {
0% {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate(-3deg);
transform: scale3d(.9, .9, .9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg)
}
to {
-webkit-transform: scaleX(1);
transform: scaleX(1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg);
transform: translate3d(-25%, 0, 0) rotate(-5deg)
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate(3deg);
transform: translate3d(20%, 0, 0) rotate(3deg)
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg);
transform: translate3d(-15%, 0, 0) rotate(-3deg)
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate(2deg);
transform: translate3d(10%, 0, 0) rotate(2deg)
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg);
transform: translate3d(-5%, 0, 0) rotate(-1deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
0%,
11.1%,
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
-webkit-animation-name: jello;
-webkit-transform-origin: center;
animation-name: jello;
transform-origin: center
}
@-webkit-keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes heartBeat {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
14% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
28% {
-webkit-transform: scale(1);
transform: scale(1)
}
42% {
-webkit-transform: scale(1.3);
transform: scale(1.3)
}
70% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
.heartBeat {
-webkit-animation-duration: 1.3s;
-webkit-animation-name: heartBeat;
-webkit-animation-timing-function: ease-in-out;
animation-duration: 1.3s;
animation-name: heartBeat;
animation-timing-function: ease-in-out
}
@-webkit-keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: scale3d(.3, .3, .3);
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
-webkit-transform: scaleX(1);
opacity: 1;
transform: scaleX(1)
}
}
@keyframes bounceIn {
0%,
20%,
40%,
60%,
80%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: scale3d(.3, .3, .3);
opacity: 0;
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
60% {
-webkit-transform: scale3d(1.03, 1.03, 1.03);
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform: scale3d(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
-webkit-transform: scaleX(1);
opacity: 1;
transform: scaleX(1)
}
}
.bounceIn {
-webkit-animation-duration: .75s;
-webkit-animation-name: bounceIn;
animation-duration: .75s;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: translate3d(0, -3000px, 0);
opacity: 0;
transform: translate3d(0, -3000px, 0)
}
60% {
-webkit-transform: translate3d(0, 25px, 0);
opacity: 1;
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInDown {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: translate3d(0, -3000px, 0);
opacity: 0;
transform: translate3d(0, -3000px, 0)
}
60% {
-webkit-transform: translate3d(0, 25px, 0);
opacity: 1;
transform: translate3d(0, 25px, 0)
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
-webkit-transform: translate3d(25px, 0, 0);
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInLeft {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: translate3d(-3000px, 0, 0);
opacity: 0;
transform: translate3d(-3000px, 0, 0)
}
60% {
-webkit-transform: translate3d(25px, 0, 0);
opacity: 1;
transform: translate3d(25px, 0, 0)
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0)
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: translate3d(3000px, 0, 0);
opacity: 0;
transform: translate3d(3000px, 0, 0)
}
60% {
-webkit-transform: translate3d(-25px, 0, 0);
opacity: 1;
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInRight {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: translate3d(3000px, 0, 0);
opacity: 0;
transform: translate3d(3000px, 0, 0)
}
60% {
-webkit-transform: translate3d(-25px, 0, 0);
opacity: 1;
transform: translate3d(-25px, 0, 0)
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0)
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: translate3d(0, 3000px, 0);
opacity: 0;
transform: translate3d(0, 3000px, 0)
}
60% {
-webkit-transform: translate3d(0, -20px, 0);
opacity: 1;
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes bounceInUp {
0%,
60%,
75%,
90%,
to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
-webkit-transform: translate3d(0, 3000px, 0);
opacity: 0;
transform: translate3d(0, 3000px, 0)
}
60% {
-webkit-transform: translate3d(0, -20px, 0);
opacity: 1;
transform: translate3d(0, -20px, 0)
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
-webkit-transform: scale3d(.3, .3, .3);
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%,
55% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
opacity: 1;
transform: scale3d(1.1, 1.1, 1.1)
}
to {
-webkit-transform: scale3d(.3, .3, .3);
opacity: 0;
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
-webkit-animation-duration: .75s;
-webkit-animation-name: bounceOut;
animation-duration: .75s;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
-webkit-transform: translate3d(0, -20px, 0);
opacity: 1;
transform: translate3d(0, -20px, 0)
}
to {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0)
}
40%,
45% {
-webkit-transform: translate3d(0, -20px, 0);
opacity: 1;
transform: translate3d(0, -20px, 0)
}
to {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
-webkit-transform: translate3d(20px, 0, 0);
opacity: 1;
transform: translate3d(20px, 0, 0)
}
to {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
-webkit-transform: translate3d(20px, 0, 0);
opacity: 1;
transform: translate3d(20px, 0, 0)
}
to {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
-webkit-transform: translate3d(-20px, 0, 0);
opacity: 1;
transform: translate3d(-20px, 0, 0)
}
to {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
-webkit-transform: translate3d(-20px, 0, 0);
opacity: 1;
transform: translate3d(-20px, 0, 0)
}
to {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
-webkit-transform: translate3d(0, 20px, 0);
opacity: 1;
transform: translate3d(0, 20px, 0)
}
to {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0)
}
40%,
45% {
-webkit-transform: translate3d(0, 20px, 0);
opacity: 1;
transform: translate3d(0, 20px, 0)
}
to {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInDownBig {
0% {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInLeftBig {
0% {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
transform: translate3d(100%, 0, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
transform: translate3d(100%, 0, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInRightBig {
0% {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
transform: translate3d(0, 100%, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
transform: translate3d(0, 100%, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes fadeInUpBig {
0% {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(0, 100%, 0);
opacity: 0;
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(0, 2000px, 0);
opacity: 0;
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
opacity: 0;
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(-2000px, 0, 0);
opacity: 0;
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0);
opacity: 0;
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(2000px, 0, 0);
opacity: 0;
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(0, -100%, 0);
opacity: 0;
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(0, -2000px, 0);
opacity: 0;
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
}
40% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
}
80% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
}
to {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
}
}
@keyframes flip {
0% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)
}
40% {
-webkit-animation-timing-function: ease-out;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);
animation-timing-function: ease-out;
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)
}
50% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)
}
80% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg)
}
to {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);
animation-timing-function: ease-in;
transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)
}
}
.animated.flip {
-webkit-animation-name: flip;
-webkit-backface-visibility: visible;
animation-name: flip;
backface-visibility: visible
}
@-webkit-keyframes flipInX {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(90deg);
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateX(90deg)
}
40% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(-20deg);
animation-timing-function: ease-in;
transform: perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
opacity: 1;
transform: perspective(400px) rotateX(10deg)
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(90deg);
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateX(90deg)
}
40% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateX(-20deg);
animation-timing-function: ease-in;
transform: perspective(400px) rotateX(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateX(10deg);
opacity: 1;
transform: perspective(400px) rotateX(10deg)
}
80% {
-webkit-transform: perspective(400px) rotateX(-5deg);
transform: perspective(400px) rotateX(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-animation-name: flipInX;
-webkit-backface-visibility: visible !important;
animation-name: flipInX;
backface-visibility: visible !important
}
@-webkit-keyframes flipInY {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(90deg);
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateY(90deg)
}
40% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(-20deg);
animation-timing-function: ease-in;
transform: perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
opacity: 1;
transform: perspective(400px) rotateY(10deg)
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(90deg);
animation-timing-function: ease-in;
opacity: 0;
transform: perspective(400px) rotateY(90deg)
}
40% {
-webkit-animation-timing-function: ease-in;
-webkit-transform: perspective(400px) rotateY(-20deg);
animation-timing-function: ease-in;
transform: perspective(400px) rotateY(-20deg)
}
60% {
-webkit-transform: perspective(400px) rotateY(10deg);
opacity: 1;
transform: perspective(400px) rotateY(10deg)
}
80% {
-webkit-transform: perspective(400px) rotateY(-5deg);
transform: perspective(400px) rotateY(-5deg)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
-webkit-animation-name: flipInY;
-webkit-backface-visibility: visible !important;
animation-name: flipInY;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
opacity: 1;
transform: perspective(400px) rotateX(-20deg)
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
transform: perspective(400px) rotateX(90deg)
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateX(-20deg);
opacity: 1;
transform: perspective(400px) rotateX(-20deg)
}
to {
-webkit-transform: perspective(400px) rotateX(90deg);
opacity: 0;
transform: perspective(400px) rotateX(90deg)
}
}
.flipOutX {
-webkit-animation-duration: .75s;
-webkit-animation-name: flipOutX;
-webkit-backface-visibility: visible !important;
animation-duration: .75s;
animation-name: flipOutX;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
opacity: 1;
transform: perspective(400px) rotateY(-15deg)
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
transform: perspective(400px) rotateY(90deg)
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
30% {
-webkit-transform: perspective(400px) rotateY(-15deg);
opacity: 1;
transform: perspective(400px) rotateY(-15deg)
}
to {
-webkit-transform: perspective(400px) rotateY(90deg);
opacity: 0;
transform: perspective(400px) rotateY(90deg)
}
}
.flipOutY {
-webkit-animation-duration: .75s;
-webkit-animation-name: flipOutY;
-webkit-backface-visibility: visible !important;
animation-duration: .75s;
animation-name: flipOutY;
backface-visibility: visible !important
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(-30deg)
}
60% {
-webkit-transform: skewX(20deg);
opacity: 1;
transform: skewX(20deg)
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(-30deg)
}
60% {
-webkit-transform: skewX(20deg);
opacity: 1;
transform: skewX(20deg)
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg)
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-name: lightSpeedIn;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(30deg)
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
transform: translate3d(100%, 0, 0) skewX(30deg)
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-name: lightSpeedOut;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
-webkit-transform-origin: center;
opacity: 0;
transform: rotate(-200deg);
transform-origin: center
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: center;
opacity: 1;
transform: translateZ(0);
transform-origin: center
}
}
@keyframes rotateIn {
0% {
-webkit-transform: rotate(-200deg);
-webkit-transform-origin: center;
opacity: 0;
transform: rotate(-200deg);
transform-origin: center
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: center;
opacity: 1;
transform: translateZ(0);
transform-origin: center
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: left bottom
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: left bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: left bottom
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: left bottom
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: left bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: left bottom
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: right bottom
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: right bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: right bottom
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: right bottom
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: right bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: right bottom
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: left bottom
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: left bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: left bottom
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: left bottom
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: left bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: left bottom
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(-90deg);
transform-origin: right bottom
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: right bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: right bottom
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform: rotate(-90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(-90deg);
transform-origin: right bottom
}
to {
-webkit-transform: translateZ(0);
-webkit-transform-origin: right bottom;
opacity: 1;
transform: translateZ(0);
transform-origin: right bottom
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
opacity: 1;
transform-origin: center
}
to {
-webkit-transform: rotate(200deg);
-webkit-transform-origin: center;
opacity: 0;
transform: rotate(200deg);
transform-origin: center
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
opacity: 1;
transform-origin: center
}
to {
-webkit-transform: rotate(200deg);
-webkit-transform-origin: center;
opacity: 0;
transform: rotate(200deg);
transform-origin: center
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
opacity: 1;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: left bottom
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
opacity: 1;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(45deg);
transform-origin: left bottom
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
opacity: 1;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: right bottom
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
opacity: 1;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: right bottom
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
opacity: 1;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: left bottom
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
opacity: 1;
transform-origin: left bottom
}
to {
-webkit-transform: rotate(-45deg);
-webkit-transform-origin: left bottom;
opacity: 0;
transform: rotate(-45deg);
transform-origin: left bottom
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
opacity: 1;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(90deg);
transform-origin: right bottom
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
opacity: 1;
transform-origin: right bottom
}
to {
-webkit-transform: rotate(90deg);
-webkit-transform-origin: right bottom;
opacity: 0;
transform: rotate(90deg);
transform-origin: right bottom
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
transform-origin: top left
}
20%,
60% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
transform: rotate(80deg);
transform-origin: top left
}
40%,
80% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
transform: rotate(60deg);
transform-origin: top left
}
to {
-webkit-transform: translate3d(0, 700px, 0);
opacity: 0;
transform: translate3d(0, 700px, 0)
}
}
@keyframes hinge {
0% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
transform-origin: top left
}
20%,
60% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(80deg);
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
transform: rotate(80deg);
transform-origin: top left
}
40%,
80% {
-webkit-animation-timing-function: ease-in-out;
-webkit-transform: rotate(60deg);
-webkit-transform-origin: top left;
animation-timing-function: ease-in-out;
opacity: 1;
transform: rotate(60deg);
transform-origin: top left
}
to {
-webkit-transform: translate3d(0, 700px, 0);
opacity: 0;
transform: translate3d(0, 700px, 0)
}
}
.hinge {
-webkit-animation-duration: 2s;
-webkit-animation-name: hinge;
animation-duration: 2s;
animation-name: hinge
}
@-webkit-keyframes jackInTheBox {
0% {
-webkit-transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
opacity: 0;
transform: scale(.1) rotate(30deg);
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
-webkit-transform: scale(1);
opacity: 1;
transform: scale(1)
}
}
@keyframes jackInTheBox {
0% {
-webkit-transform: scale(.1) rotate(30deg);
-webkit-transform-origin: center bottom;
opacity: 0;
transform: scale(.1) rotate(30deg);
transform-origin: center bottom
}
50% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
70% {
-webkit-transform: rotate(3deg);
transform: rotate(3deg)
}
to {
-webkit-transform: scale(1);
opacity: 1;
transform: scale(1)
}
}
.jackInTheBox {
-webkit-animation-name: jackInTheBox;
animation-name: jackInTheBox
}
@-webkit-keyframes rollIn {
0% {
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
@keyframes rollIn {
0% {
-webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg);
opacity: 0;
transform: translate3d(-100%, 0, 0) rotate(-120deg)
}
to {
-webkit-transform: translateZ(0);
opacity: 1;
transform: translateZ(0)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) rotate(120deg);
opacity: 0;
transform: translate3d(100%, 0, 0) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
-webkit-transform: scale3d(.3, .3, .3);
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
0% {
-webkit-transform: scale3d(.3, .3, .3);
opacity: 0;
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
}
@keyframes zoomInDown {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
}
}
@keyframes zoomInLeft {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
}
}
@keyframes zoomInRight {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
}
@keyframes zoomInUp {
0% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0)
}
60% {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1
}
50% {
-webkit-transform: scale3d(.3, .3, .3);
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
0% {
opacity: 1
}
50% {
-webkit-transform: scale3d(.3, .3, .3);
opacity: 0;
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
to {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom
}
}
@keyframes zoomOutDown {
40% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0)
}
to {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform-origin: center bottom
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
opacity: 0;
transform: scale(.1) translate3d(-2000px, 0, 0);
transform-origin: left center
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
opacity: 0;
transform: scale(.1) translate3d(2000px, 0, 0);
transform-origin: right center
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
to {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom
}
}
@keyframes zoomOutUp {
40% {
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(.55, .055, .675, .19);
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0)
}
to {
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
animation-timing-function: cubic-bezier(.175, .885, .32, 1);
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform-origin: center bottom
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: hidden
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: hidden
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: hidden
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: hidden
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: hidden
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: hidden
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: hidden
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateZ(0);
transform: translateZ(0)
}
to {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: hidden
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
.animated {
-webkit-animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-duration: 1s;
animation-fill-mode: both
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite
}
.animated.delay-1s {
-webkit-animation-delay: 1s;
animation-delay: 1s
}
.animated.delay-2s {
-webkit-animation-delay: 2s;
animation-delay: 2s
}
.animated.delay-3s {
-webkit-animation-delay: 3s;
animation-delay: 3s
}
.animated.delay-4s {
-webkit-animation-delay: 4s;
animation-delay: 4s
}
.animated.delay-5s {
-webkit-animation-delay: 5s;
animation-delay: 5s
}
.animated.fast {
-webkit-animation-duration: .8s;
animation-duration: .8s
}
.animated.faster {
-webkit-animation-duration: .5s;
animation-duration: .5s
}
.animated.slow {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
.animated.slower {
-webkit-animation-duration: 3s;
animation-duration: 3s
}
@media (prefers-reduced-motion) {
.animated {
-webkit-animation: unset !important;
-webkit-transition: none !important;
animation: unset !important;
transition: none !important
}
} .element-five .testimonial-title .fa-star {
color: #FFDF00;
padding: 0 2px;
float: right;
}
.testimonial.element-five .testimonial-item .holder {
margin: 0 10px;
} .element-eleven .testimonial-item {
box-shadow: 4.33px 2.5px 18px 0px rgba(0, 0, 0, 0.06);
background: #fff;
overflow: hidden;
margin: 0;
padding: 30px 30px 30px 0;
}
.element-eleven .rt-testimonial-imgbackground {
background: url(//o3mdm.com/wp-content/plugins/radiantthemes-addons/assets/images/img-bg.png)no-repeat left top;
padding: 30px 0px 50px 50px;
float: left;
}
.element-eleven .rt-content-area {
float: right;
}
.element-eleven .rt_testimonial-image-grid img {
display: block;
width: 90%;
border: 1px solid #BCB6B5;
border-radius: 50%;
text-align: center;
margin: 0;
}
.element-eleven .testimonial-author-detail {
padding: 0px 0 0 0;
}
.element-eleven .testimonial-name { font-size: 16px;
text-transform: capitalize;
line-height: 18px;
color: #EF576C;
padding-bottom: 0;
}
.element-eleven .testimonial-job {
color: #AEAEAE; font-size: 16px;
text-transform: capitalize;
line-height: 28px;
}
.element-eleven .testimonial-content {
padding: 0 15px;
font-size: 18px;
line-height: 32px;
font-weight: 400;
color: #4A5873;
min-height: 170px; }
.element-eleven.owl-theme .owl-controls .owl-page span {
background: #D3CBCE !important;
opacity: 1;
}
.element-eleven.owl-theme .owl-controls .owl-page.active span {
background: #9547fd !important;
background: -moz-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
background: -webkit-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
background: linear-gradient(to right, #9547fd 0%, #5525ff 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9547fd', endColorstr='#5525ff', GradientType=1) !important;
opacity: 1;
}
.element-eleven .star-rating {
text-align: right;
}
.element-eleven .fa-star,
.element-eleven .fa-star-o { padding: 0 2px;
font-size: 17px;
}
@media screen and (max-width: 767px) {
.element-eleven .testimonial-item {
padding: 30px 0;
}
.element-eleven .rt-testimonial-imgbackground {
padding: 0 30px 30px 30px;
}
.element-eleven .rt-testimonial-imgbackground {
background: url(//o3mdm.com/wp-content/plugins/radiantthemes-addons/assets/images/img-bg.png)no-repeat center center;
}
.element-eleven .rt_testimonial-image-grid img {
width: auto;
margin: 0 auto;
}
.element-eleven .quote_area {
display: none;
}
.element-eleven .testimonial-author-detail {
text-align: center;
}
.element-eleven .testimonial-content {
text-align: center;
}
.element-eleven .fa-star,
.element-eleven .fa-star-o {
float: none;
margin-top: 20px;
}
.element-eleven .star-rating {
text-align: center;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.element-eleven .testimonial-name {
font-size: 18px;
}
.element-eleven .fa-star,
.element-eleven .fa-star-o {
float: left;
}
} .element-twelve .testimonial-item {  margin: 0;
position: relative;
}
.element-twelve .testimonial-item h2 {
color: #191919;
font-size: 36px;
line-height: 46px;
padding-bottom: 10px
}
.element-twelve .testimonial-item h6 {
color: #585858;
font-size: 16px;
text-transform: uppercase;
line-height: 28px;
letter-spacing: 2px;
}
.element-twelve .testimonial-item p {
font-size: 16px;
font-style: italic;
line-height: 28px;
color: #484848;
}
.element-twelve .testimonial-author-detail {
padding: 7px 0 0 0;
position: relative;
top: 0;
left: 0;
}
.element-twelve .testimonial-author-detail .col-md-6 {
padding: 0;
flex: 0 0 50%;
}
.element-twelve .testimonial-name {
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
line-height: 32px;
color: #191919;
}
.element-twelve .testimonial-job {
font-size: 16px;
text-transform: capitalize;
line-height: 28px;
color: #575757;
}
.element-twelve.owl-theme .owl-controls {
margin-top: 30px;
}
.element-twelve.owl-theme .owl-controls .owl-page span {
background: #D3CBCE !important;
opacity: 1;
}
.element-twelve.owl-theme .owl-controls .owl-page.active span {
background: #9547fd !important;
background: -moz-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
background: -webkit-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
background: linear-gradient(to right, #9547fd 0%, #5525ff 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9547fd', endColorstr='#5525ff', GradientType=1) !important;
opacity: 1;
}
.element-twelve.owl-theme .owl-controls {
text-align: left;
}
.element-twelve.owl-theme .owl-controls .owl-page {
padding: 5px 3px;
}
.element-twelve.owl-theme .owl-controls .owl-page span {
width: 8px;
height: 8px;
}
.element-twelve.owl-theme .owl-controls .owl-page.active {
border-radius: 100%;
border: 1px solid #000;
padding: 5px 3px;
width: 30px;
height: 30px;
}
.element-twelve .owl-carousel .owl-item img {
display: block;
width: auto;
}
.quote-img { position: relative; text-align: center;
display: inline-block;
top: 15px;
width: 52px;
height: 40px;
}
.testimonial[class*="element-twelve"].owl-dot-style-two .owl-dots {
position: relative !important;
bottom: 0 !important;
text-align: left !important;
width: 100%;
margin: 35px 0 0 0;
}
.testimonial[class*='element-twelve'].owl-dot-style-two .owl-dots > .owl-dot.active {
border-radius: 100% !important;
border: 1px solid #000 !important;
padding: 5px 5px !important;
width: 20px;
height: 20px;
margin-left: -2px;
}
.testimonial[class*='element-twelve'].owl-dot-style-two .owl-dots > .owl-dot.active span {
width: 8px !important;
height: 8px !important;
background: #000 !important;
}
.testimonial[class*='element-twelve'].owl-dot-style-two .owl-dots > .owl-dot {
padding: 5px 3px;
width: 20px;
height: 20px;
}
.testimonial[class*='element-twelve'].owl-dot-style-two .owl-dots > .owl-dot span {
width: 8px;
height: 8px;
}
@media screen and (max-width: 767px) { .element-twelve .rt-testimonial-imgbackground {
padding: 30px;
}
.element-twelve .rt_testimonial-image-grid img {
width: 35%;
}
.element-twelve .quote_area {
display: none;
}
.element-twelve .fa-star {
float: none;
} }
@media screen and (min-width: 768px) and (max-width: 1024px) {
.element-twelve .testimonial-name {
font-size: 18px;
}
.element-twelve .fa-star {
float: left;
} } .rt-servicebox.element-one .swiper-container {
padding: 30px 0;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide .card-image {
background: #ffffff;
border: none;
outline: none;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide .card-image img {
display: block;
position: relative;
left: 0;
bottom: 0;
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
.rt-servicebox.element-one .swiper-container .swiper-pagination-bullet {
opacity: 0.8;
background: #333333;
}
.rt-servicebox.element-one .swiper-container .swiper-pagination-bullet-active {
background: #ffffff;
}
.rt-servicebox.element-one .swiper-container .swiper-button-next,
.rt-servicebox.element-one .swiper-container .swiper-button-prev {
background-image: none;
background-size: 0;
background-repeat: no-repeat;
background-position: 0;
margin-top: -2rem;
width: 62px;
height: 62px;
border-radius: 100%;
border: 0;
background: rgba(249, 245, 234, 0.85);
}
.rt-servicebox.element-one .swiper-container .swiper-button-next {
right: 155px;
left: auto;
padding: 20px;
text-align: right;
}
.rt-servicebox.element-one .swiper-container .swiper-button-prev {
left: 135px;
right: auto;
padding: 20px;
text-align: left;
}
.rt-servicebox.element-one .swiper-container .swiper-button-next .ti-angle-right:before {
font-size: 20px;
font-weight: bold;
}
.rt-servicebox.element-one .swiper-container .swiper-button-prev .ti-angle-left:before {
font-size: 20px;
font-weight: bold;
}
.rt-servicebox.element-one .swiper-container .swiper-button-next .arrow-icon,
.rt-servicebox.element-one .swiper-container .swiper-button-prev .arrow-icon {
font-size: 20px;
font-weight: bold;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
position: absolute;
top: 45%;
width: 100%;
z-index: 999;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
padding: 0 15px;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box {
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.5s ease-in-out;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover:hover > .data-box h2 {
visibility: hidden;
opacity: 0;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box h2 {
font-size: 25px;
line-height: 35px;
color: #fff;
padding: 0;
margin: 0 !important;
text-transform: inherit;
font-weight: bold;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
text-align: center;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 {
font-size: 25px;
line-height: 35px;
color: #fff; margin: 0 !important;
text-transform: inherit;
font-weight: 500;
visibility: hidden;
opacity: 0;
padding: 0 15% 2%;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover .data-box .rt-course-hover h2 {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.5s ease;
text-align: center;
font-weight: bold;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover p {
font-size: 17px;
line-height: 27px;
font-weight: 400;
color: #fff;
padding: 0;
visibility: hidden;
opacity: 0;
margin: 10px 0 0 0;
text-align: center;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover .data-box .rt-course-hover p {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.5s ease;
text-align: center;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover .data-box { transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
visibility: hidden;
opacity: 0;
position: relative;
top: -90px;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
z-index: 9;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover .data-box:after {
position: absolute;
content: "";
height: 100%;
width: 100%;
left: 0;
top: 0;
z-index: 1;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover {
visibility: visible;
opacity: 1;
}
.rt-servicebox.element-one .swiper-container-horizontal > .swiper-pagination-bullets,
.rt-servicebox.element-one .swiper-pagination-custom,
.rt-servicebox.element-one .swiper-pagination-fraction {
bottom: 0;
left: 0;
width: 100%;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p a {
text-decoration: none;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple {
padding: 0 0 2px !important;
color: #fff;
background-color: transparent;
border: 0;
vertical-align: middle;
overflow: hidden;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn {
width: auto;
margin: 0;
font-family: inherit;
font-size: 16px;
line-height: 28px;
font-weight: 500;
text-transform: capitalize;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
padding: 12px 46px;
cursor: pointer;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn,
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple {
position: relative;
display: inline-block;
vertical-align: middle;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after,
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:before {
content: '';
position: absolute;
bottom: 0;
height: 1px;
line-height: 1;
background-color: #fff;
left: 0;
width: 100%;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn,
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple {
position: relative;
display: inline-block;
vertical-align: middle;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
-o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:hover:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
-o-transition: transform .7s cubic-bezier(.79, .1, .1, .9);
transition: transform .7s cubic-bezier(.79, .1, .1, .9);
transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
}
@media only screen and (min-width:1024px) and (max-width: 1366px) {
.rt-servicebox.element-one .swiper-container .swiper-button-prev {
left: 50px;
}
.rt-servicebox.element-one .swiper-container .swiper-button-next {
right: 50px;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 {
padding: 0;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
top: -74px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.rt-servicebox.element-one .swiper-container .swiper-button-prev {
left: 20px;
}
.rt-servicebox.element-one .swiper-container .swiper-button-next {
right: 20px;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
top: -70px;
}
}
@media only screen and (max-width: 767px) {
.rt-servicebox.element-one .swiper-container .swiper-button-prev {
left: 20px;
padding: 12px;
text-align: center;
}
.rt-servicebox.element-one .swiper-container .swiper-button-next {
right: 20px;
padding: 12px;
text-align: center;
}
.rt-servicebox.element-one .swiper-container .swiper-button-next,
.rt-servicebox.element-one .swiper-container .swiper-button-prev {
width: 45px;
height: 45px;
} .rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
top: -70px;
}
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 {
font-size: 22px;
font-weight: 400;
line-height: 35px;
}
}
@media screen and (min-width:480px) and (max-width:767px) {
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
top: 44% !important;
}
}
@media screen and (min-width:321px) and (max-width:479px) {
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
top: 44% !important;
}
}
@media screen and (max-width:320px) {
.rt-servicebox.element-one .swiper-container .swiper-wrapper .swiper-slide > .data-box {
top: 43% !important;
}
} .team.element-four .rt-professionals-team {
float: left;
padding: 0 15px;
margin: 0 15px;
}
.team.element-four .rt-professionals {
position: relative;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
text-align: left;
}
.team.element-four h4 {
color: #200960;
margin: 0px; }
.team.element-four h6 {
color: #C98060; }
.team.element-four .rt-professionals {
margin-bottom: 35px;
}
.team.element-four .rt-professionals img {
width: 100%;
height: 100%;
}
.team.element-four .rt-professionals .box-content {
padding: 30px;
width: 90%;
height: 92%;
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
visibility: hidden;
z-index: 9;
transform: translate3d(0, 0, 0);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.team.element-four .rt-professionals:hover .box-content {
top: 0;
height: 92%;
opacity: 1;
text-align: left;
background-color: rgba(236, 158, 124, 0.5);
transition: all 0.5s;
transform: translate3d(0, 5%, 0);
visibility: visible;
}
.team.element-four .rt-professionals .box-content p {
font-size: 18px;
line-height: 32px;
color: #fff;
text-align: left;
padding-top: 20%;
}
.team.element-four .rt-professionals .box-content a {
color: #fff;
border-bottom: 1px solid #fff;
font-size: 17px;
line-height: 27px;
font-weight: 500;
text-transform: capitalize;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
padding: 0 0 2px 0;
position: absolute;
bottom: 25%;
}
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple {
padding: 0 0 2px !important;
color: #fff;
background-color: transparent;
border: 0;
vertical-align: middle;
overflow: hidden;
}
.team.element-four .rt-professionals:hover .box-content .view_btn {
width: auto;
margin: 0;
font-size: 17px;
line-height: 27px;
font-weight: 500;
text-transform: capitalize;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
padding: 12px 46px;
cursor: pointer;
}
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.team.element-four .rt-professionals:hover .box-content .view_btn,
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple {
position: relative;
display: inline-block;
vertical-align: middle;
}
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:after,
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:before {
content: '';
position: absolute;
bottom: 0;
height: 1px;
line-height: 1;
background-color: #fff;
left: 0;
width: 100%;
}
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:after {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.team.element-four .rt-professionals:hover .box-content .view_btn,
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple {
display: inline-block;
vertical-align: middle;
position: absolute;
bottom: 25%;
}
@media only screen and (max-width: 1200px) and (min-width: 990px) {
.team.element-four .rt-professionals:hover .box-content .view_btn,
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple {
bottom: 15% !important;
}
.team.element-four .rt-professionals .box-content .view_btn,
.team.element-four .rt-professionals .box-content .view_btn.view_btn-simple {
bottom: 15% !important;
}
}
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
-o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
}
.team.element-four .rt-professionals:hover .box-content .view_btn.view_btn-simple:hover:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
-o-transition: transform .7s cubic-bezier(.79, .1, .1, .9);
transition: transform .7s cubic-bezier(.79, .1, .1, .9);
transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
}
@media only screen and (min-width:1024px) and (max-width: 1365px) {
.team.element-four .rt-professionals img {
width: 100%;
height: auto;
}
.team.element-four .rt-professionals:hover .box-content {
height: 90%;
}
.team.element-four .rt-professionals .box-content {
bottom: -110%;
}
.team.element-four .rt-professionals .box-content p {
font-size: 18px;
line-height: 32px;
}
.team.element-four .rt-professionals:hover .box-content .view_btn {
font-size: 18px;
line-height: 32px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.team.element-four .rt-professionals-team {
padding: 0;
margin: 0 15px;
}
.team.element-four .rt-professionals img {
width: 100%;
height: auto;
}
.team.element-four .rt-professionals:after,
.team.element-four .rt-professionals:before {
content: "";
position: absolute;
bottom: 16px;
left: 5%;
width: 90%;
height: 85%;
}
.team.element-four .rt-professionals .box-content {
bottom: -110%;
}
.team.element-four .rt-professionals .box-content p {
font-size: 18px;
line-height: 32px;
}
.team.element-four .rt-professionals:hover .box-content {
padding: 20px; height: 90%;
}
.team.element-four .rt-professionals:hover .box-content .view_btn {
font-size: 18px;
line-height: 32px;
}
}
@media only screen and (max-width: 767px) {
.team.element-four .rt-professionals-team {
padding: 0;
margin: 0 15px;
}
}
.team.element-four .rt-professionals {
overflow: hidden;
margin-bottom: 30px;
}
.team.element-four .rt-professionals:hover .box-content {
padding: 20px 30px 30px 30px;
height: 90%;
}
.team.element-four .rt-professionals:after,
.team.element-four .rt-professionals:before {
content: "";
position: absolute;
bottom: 16px;
left: 5%;
width: 90%;
height: 65%;
}
}
@media only screen and (max-width: 320px) {
.team.element-four .rt-professionals:after,
.team.element-four .rt-professionals:before {
content: "";
position: absolute;
bottom: 16px;
left: 5%;
width: 90%;
height: 88%;
}
} .main-search,
.search-container > header {
margin: 0 auto;
padding: 0;
}
.search-container > header {
text-align: center;
background: rgba(0, 0, 0, 0.01);
}
.search-container > header h1 {
font-size: 2.625em;
line-height: 1.3;
margin: 0;
font-weight: 300;
}
.search-container > header span {
display: block;
font-size: 60%;
color: #e67e22;
padding: 0 0 0.6em 0.1em;
} .main-search {
max-width: 69em;
}
.search-grid {
float: left;
width: 100%;
padding: 0px;
position: relative;
}
.search-grid:nth-child(2) {
box-shadow: -1px 0 0 rgba(0, 0, 0, 0.1);
}
.search-grid p {
font-weight: 300;
font-size: 2em;
padding: 0;
margin: 0;
text-align: right;
line-height: 1.5;
}
.search-grid a {
border: 3px solid #b4c7da;
padding: 0 15px;
display: inline-block;
margin: 20px 0;
}
.search-grid a:hover {
border-color: #fff;
}
.rt-search {
position: relative;
margin-top: 0;
width: 0%;
min-width: 30px;
height: 30px;
float: right;
overflow: hidden;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
transition: width 0.3s;
-webkit-backface-visibility: hidden;
}
.rt-search-input {
position: absolute;
top: 0;
right: 0;
border: none;
outline: none;
background: none;
border-bottom: 1px solid #000;
width: 97%;
height: 30px;
margin-right: 30px;
z-index: 10;
padding: 0 0 0 24px;
font-family: inherit;
font-size: 16px;
color: #000;
text-transform: none;
} .rt-icon-search,
.rt-search-submit {
width: 30px;
height: 30px;
display: block;
position: absolute;
right: 0;
top: 0;
padding: 0;
margin: 0;
line-height: 30px;
text-align: center;
cursor: pointer;
}
.rt-search-submit {
background: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0;
color: transparent;
border: none;
outline: none;
z-index: -1;
}
.rt-icon-search {
color: #fff;
background: transparent;
z-index: 90;
font-size: 16px;
font-weight: 600 !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
}
.rt-icon-search:before {
content: "\e610";
font-family: "themify";
} .rt-search.rt-search-open,
.no-js .rt-search {
width: 11em;
} .rt-search.rt-search-open .rt-icon-search,
.no-js .rt-search .rt-icon-search {
background: none;
color: #fff;
z-index: 11;
}
.rt-search.rt-search-open .rt-search-submit,
.no-js .rt-search .rt-search-submit {
z-index: 90;
}
@media screen and (max-width: 46.0625em) {
.search-grid {
width: 100%;
min-width: auto;
min-height: auto;
padding: 1em;
}
.search-grid p {
text-align: left;
font-size: 1.5em;
}
.search-grid:nth-child(2) {
box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
} .team.element-three .rt-doctor-team {
float: left;
padding: 0 15px;
}
.team.element-three .rt-doctor {
position: relative;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
text-align: left;
}
.team.element-three h3 {
color: #3498DB;
font-size: 22px;
padding-top: 30px;
margin-bottom: 0px;
}
.team.element-three h4 {
color: #EF576C;
font-size: 18px;
font-weight: 400;
}
.team.element-three .rt-doctor img {
width: 100%;
height: 100%;
}
.team.element-three .rt-doctor .box-content {
padding: 30px;
width: 90%;
position: absolute;
bottom: -5%;
left: 0;
right: 0;
margin: 0 auto;
opacity: 0;
visibility: hidden;
z-index: 9;
-webkit-transition: all 0.7s;
transition: all 0.7s;
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
.team.element-three .rt-doctor:hover .box-content {
bottom: 5%;
height: 240px;
opacity: 1;
text-align: left;
background-color: rgba(239, 87, 108, 0.7);
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
transition: all 0.7s;
visibility: visible;
}
.team.element-three .rt-doctor .box-content p {
font-size: 18px;
line-height: 30px;
color: #fff;
text-align: left;
}
.team.element-three .rt-doctor .box-content a {
color: #fff;
border-bottom: 1px solid #fff;
font-size: 17px;
line-height: 27px;
font-weight: 500;
text-transform: capitalize;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
padding: 0 0 2px 0;
}
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple {
padding: 0 0 2px !important;
color: #fff;
background-color: transparent;
border: 0;
vertical-align: middle;
overflow: hidden;
}
.team.element-three .rt-doctor:hover .box-content .view_btn {
width: auto;
margin: 0;
font-size: 17px;
line-height: 27px;
font-weight: 500;
text-transform: capitalize;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
padding: 12px 46px;
cursor: pointer;
}
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.team.element-three .rt-doctor:hover .box-content .view_btn,
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple {
position: relative;
display: inline-block;
vertical-align: middle;
}
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:after,
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:before {
content: '';
position: absolute;
bottom: 0;
height: 1px;
line-height: 1;
background-color: #fff;
left: 0;
width: 100%;
}
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:after {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.team.element-three .rt-doctor:hover .box-content .view_btn,
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple {
position: relative;
display: inline-block;
vertical-align: middle;
}
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
-o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
}
.team.element-three .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
-o-transition: transform .7s cubic-bezier(.79, .1, .1, .9);
transition: transform .7s cubic-bezier(.79, .1, .1, .9);
transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
}
@media only screen and (min-width:1024px) and (max-width: 1365px) {
.team.element-three .rt-doctor img {
width: 100%;
height: auto;
}
.team.element-three .rt-doctor .box-content {
bottom: -110%;
padding: 54px 20px;
}
.team.element-three .rt-doctor:hover .box-content {
height: 250px;
}
.team.element-three .rt-doctor .box-content p {
font-size: 16px;
line-height: 22px;
}
.team.element-three .rt-doctor:hover .box-content .view_btn {
font-size: 15px;
line-height: 22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.team.element-three .rt-doctor img {
width: 100%;
height: auto;
}
.team.element-three .rt-doctor:after,
.team.element-three .rt-doctor:before {
content: "";
position: absolute;
bottom: 16px;
left: 5%;
width: 90%;
height: 85%;
}
.team.element-three .rt-doctor .box-content {
bottom: -110%;
}
.team.element-three .rt-doctor .box-content p {
font-size: 15px !important;
line-height: 22px !important;
}
.team.element-three .rt-doctor:hover .box-content {
padding: 46px 20px;
top: 48%;
height: 210px;
}
.team.element-three .rt-doctor:hover .box-content .view_btn {
font-size: 14px;
line-height: 22px;
}
}
@media only screen and (max-width: 767px) {
.team.element-three .rt-doctor-team {
width: 100% !important;
}
.team.element-three .rt-doctor {
overflow: hidden;
margin-bottom: 30px;
}
.team.element-three .rt-doctor:hover .box-content {
padding: 20px 30px 30px 30px;
height: auto;
}
.team.element-three .rt-doctor:after,
.team.element-three .rt-doctor:before {
content: "";
position: absolute;
bottom: 16px;
left: 5%;
width: 90%;
height: 65%;
}
}
@media only screen and (max-width: 320px) {
.team.element-three .rt-doctor:after,
.team.element-three .rt-doctor:before {
content: "";
position: absolute;
bottom: 16px;
left: 5%;
width: 90%;
height: 88%;
}
} .rt-image-gallery.element-seven .swiper-container {
width: 100%;
height: 100%;
}
.rt-image-gallery.element-seven .swiper-wrapper {
padding-left: initial;
margin: 0;
}
.rt-image-gallery.element-seven .swiper-slide {
text-align: center;
font-size: 18px;
width: 65%; display: table-row;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
} .rt-image-gallery.element-seven .holder {
margin: 0;
position: relative;
padding: 0px;
}
.rt-image-gallery.element-seven .holder img {
float: right;
} .blog[class*='element-'] .owl-nav > .owl-next {
position: absolute !important;
top: 180px !important;
left: 1193px !important;
border-radius: 50px;
border: 0;
background-color: #fff;
width: 50px;
height: 50px;
padding-top: 5px;
}
.blog[class*='element-'] .owl-nav > .owl-prev {
position: absolute !important;
top: 180px !important;
right: 1193px !important;
border-radius: 50px;
border: 0;
background-color: #fff;
width: 50px;
height: 50px;
padding-top: 5px;
display: none;
}
.blog.element-one .blog-item .holder .data {
padding: 27px 30px 34px 32px;
overflow: hidden;
}
.blog.element-one .blog-item .holder .data .author {
font-size: 16px;
letter-spacing: 0px;
line-height: 28px;
color: #3f3a64;
}
.blog.element-one .blog-item .holder .data .title {
margin-top: 13px;
margin-bottom: 13px !important;
font-size: 20px;
font-weight: 600;
line-height: 30px;
color: #3f3a64;
}
.blog.element-one .blog-item .holder .data .post-meta span.comments {
float: right !important;
font-size: 14px;
letter-spacing: 0px;
line-height: 26px;
color: #797696;
padding-top: 0px;
}
.blog.element-one .blog-item .holder .data .post-meta .date {
font-size: 14px;
letter-spacing: 0px;
line-height: 26px;
color: #797696;
}
.blog.element-one .category-list {
position: absolute;
z-index: 3;
top: 25px;
right: 10px;
background-color: #fd7952;
display: inline-block;
padding: 0 10px;
opacity: 0;
transition: all 1s ease;
-webkit-transition: all 1s ease;
}
.blog.element-one .blog-item:hover .category-list {
opacity: 1;
transition: all 1s ease;
-webkit-transition: all 1s ease;
}
@media only screen and (max-width: 320px) {
.blog.element-one .blog-item .holder .data .post-meta .date {
width: 100%;
float: left;
}
.blog.element-one .blog-item .holder .data .post-meta span.comments {
width: 100%;
float: left;
}
} .testimonial.element-six {
position: relative;
width: auto !important; }
.testimonial.element-six .testimonial-item {
margin: 0;
padding: 0px;
}
.testimonial.element-six .testimonial-item > .holder {
text-align: left;
background: #fff; padding: 60px 30px; box-shadow: 4.33px 2.5px 7px rgba(0, 0, 0, 0.08);
margin-top: 15px;
margin-bottom: 15px;
}
@media screen and (max-width:768px) {
.testimonial.element-six .testimonial-item > .holder {
padding: 60px 23px;
}
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-data {
margin-bottom: 23px;
}
.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;
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-title {
position: relative;
min-height: 63px;
padding-top: 6px;
padding-left: 80px;
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
position: absolute;
top: 3px;
left: 0;
z-index: 1;
width: 71px;
height: 71px;
background: center center no-repeat;
background-size: cover;
border-radius: 50%;
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testi-pic-three {
border-radius: 50%;
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-data > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title {
margin-bottom: 3px; margin-left: 8px;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
color: #160914;
line-height: 28px;
font-style: italic;
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-left: 8px;
}
.testimonial.element-six .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title u {
margin-left: 7px;
text-decoration: underline !important;
}
.testimonial.element-six:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 40px;
transition: all 0.4s cubic-bezier(.2, 0, .3, 1) !important;
-webkit-transition: all 0.4s cubic-bezier(.2, 0, .3, 1) !important;
}
.testimonial.element-six:not(.owl-carousel) .testimonial-item:hover {
transform: translate3d(0, -5px, 0);
}
.testimonial.element-six > .owl-thumbs {
display: none;
}
.testimonial.element-six > .owl-nav {
margin-top: -40px !important;
text-align: right !important;
}
.testimonial.element-six > .owl-dots { position: relative;
margin: 38px 0 0 0 !important;
text-align: left !important;
display: flex;
justify-content: center;
}
.testimonial.element-six > .owl-dots > .owl-dot > span {
width: 10px !important;
height: 10px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.testimonial.element-six .testimonial-item {
margin: 0;
}
}
@media (max-width: 767px) {
.testimonial.element-six .testimonial-item {
margin: 0;
}
}  .testimonial.element-seven {
position: relative;
width: auto !important;
margin-left: -15px;
margin-right: -15px;
}
.testimonial.element-seven .testimonial-item { margin: 0px;
}
.testimonial.element-seven .testimonial-item > .holder {
text-align: left; padding: 20px 35px; margin-top: 15px;
margin-bottom: 15px;
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-data {
margin-bottom: 23px;
}
.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;
text-align: center;
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title {
position: relative;
min-height: 63px;
padding-top: 17px;
width: 60%;
margin: 0 auto;
overflow: hidden; }
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic { width: 87px;
height: 87px;
background: center center no-repeat;
background-size: cover;
border-radius: 50%;
margin-right: 10px;
float: left;
}
.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; margin-left: 8px;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
color: #160914;
line-height: 28px; }
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data {
float: left;
padding-top: 10px;
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-left: 8px;
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .title u {
margin-left: 7px;
text-decoration: underline !important;
}
.testimonial.element-seven:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 40px;
}
.testimonial.element-seven > .owl-thumbs {
display: none;
}
.testimonial.element-seven > .owl-nav {
margin-top: -40px !important;
text-align: right !important;
}
.testimonial.element-seven > .owl-dots { position: relative;
margin: 38px 0 0 0 !important;
text-align: left !important;
display: flex;
justify-content: center;
}
.testimonial.element-seven > .owl-dots > .owl-dot > span {
width: 10px !important;
height: 10px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.testimonial.element-seven .testimonial-item {
margin: 0px;
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
margin: 0 auto !important;
text-align: center;
float: none;
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data {
text-align: center;
float: none;
}
}
@media (max-width: 767px) {
.testimonial.element-seven .testimonial-item {
margin: 0px;
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
margin: 0 auto !important;
text-align: center;
float: none;
}
.testimonial.element-seven .testimonial-item > .holder > .testimonial-title > .testimonial-title-data {
text-align: center;
float: none;
}
}  .testimonial.element-eight {
position: relative;
float: left;
overflow: hidden;
text-align: left;
box-shadow: none !important;
margin-bottom: 25px;
}
.testimonial.element-eight * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
transition: all 0.35s cubic-bezier(0.25, 0.5, 0.5, 0.9);
}
.testimonial.element-eight img {
max-width: 100%;
vertical-align: middle;
height: 70px;
width: 70px !important;
border-radius: 50% !important;
margin: 30px 0 0 25px;
}
.testimonial.element-eight .description {
background-color: #fff;
display: block;
font-weight: 400;
line-height: 30px; margin-top: 40px;
margin-bottom: 20px;
margin-left: 14px;
margin-right: 14px; padding-top: 41px;
padding-bottom: 40px;
padding-left: 38px;
padding-right: 38px;
position: relative;
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.18);
border-radius: 5px;
color: #8f9193;
line-height: 34px;
}
.testimonial.element-eight .arrow {
top: 97%;
left: 0px;
width: 0;
height: 0;
border-left: 0px solid transparent;
border-right: 30px solid transparent;
border-top: 40px solid #fff;
margin: 0;
position: absolute;
display: none;
}
.testimonial.element-eight .author {
position: absolute;
bottom: 20px;
padding: 0 10px 0 112px;
margin: 0;
color: #16171e;
-webkit-transform: translateY(50%);
transform: translateY(50%);
}
.testimonial.element-eight .author h5 {
font-size: 18px;
font-weight: 400;
color: #16171e;
margin-bottom: 10px;
}
.testimonial.element-eight .author p {
font-size: 16px;
color: #a7a9b8;
margin-top: -10px;
}
.testimonial.element-eight .owl-item {
box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02);
}
.testimonial.element-eight .description {
box-shadow: none !important;
}
.testimonial.element-eight .owl-item {
height: 387px !important;
width: 371px !important;
margin: 0 15px;
padding: 55px 0 65px;
box-shadow: none !important;
}
.testimonial.element-eight .owl-item:nth-child(1n) {
background-color: #fbfcff;
}
.testimonial.element-eight .owl-item:nth-child(2n) {
background-color: #fffff8;
}
.testimonial.element-eight .owl-item:nth-child(3n) {
background-color: #fff9f8;
}
.testimonial.element-eight .description {
background-color: transparent !important;
}
.testimonial.element-eight h4 {
padding-left: 35px;
color: #3f3a64;
font-weight: bold;
}
.testimonial.element-eight .description {
padding: 0 !important;
padding: 0 35px 0 35px !important;
margin: 0 !important;
}
body.left-sidebar div#page {
margin-left: 300px;
} .rt-nav-sidebar-menu {
overflow: auto;
font-size: 12px;
font-weight: 200;
background-color: #2e353d;
position: fixed;
top: 0px;
left: 0px;
width: 300px;
height: 100%;
color: #e1ffff;
overflow-y: scroll;
}
.rt-nav-sidebar-menu .brand-logo {
background-color: #23282e;
line-height: 50px;
display: block;
text-align: center;
font-size: 14px;
}
.rt-nav-sidebar-menu .brand-logo img {
width: 50%;
}
.rt-nav-sidebar-menu .toggle-btn {
display: none;
}
.rt-nav-sidebar-menu .rt-side-menu nav {
text-align: left;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree {
margin-left: 0;
padding: 18px 35px;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li {
list-style: none;
position: relative;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
display: block;
font-size: 14px;
font-weight: 400;
letter-spacing: -0.25px;
text-decoration: none;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul li a {
display: block;
font-size: 14px;
letter-spacing: -0.25px;
text-decoration: none;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
-webkit-transition: color 300ms ease-out, border-color 300ms ease-out;
-moz-transition: color 300ms ease-out, border-color 300ms ease-out;
-ms-transition: color 300ms ease-out, border-color 300ms ease-out;
-o-transition: color 300ms ease-out, border-color 300ms ease-out;
transition: color 300ms ease-out, border-color 300ms ease-out;
text-decoration: none;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul {
margin-left: 0;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-node {
position: relative;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-node > a:after {
color: #fff;
font-size: 12px;
font-weight: 100;
position: absolute;
right: 0;
font-family: "fontawesome";
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul.sub-menu li:last-child {
padding-bottom: 28px;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-open > a:after {
content: "\f107";
-webkit-transform: translateY(0) rotate(180deg);
transform: translateY(0) rotate(180deg);
right: 3px;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li {
padding-bottom: 0;
opacity: 1;
-webkit-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
-moz-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
-ms-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
-o-transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
transition: bottom 0.5s, opacity 1s, padding-bottom 0.3s;
position: relative;
bottom: 0;
}
.vertical-menu ul.rt-tree li {
opacity: 1;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li {
bottom: -5px;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li::before {
position: absolute;
content: " ";
width: 7px;
height: 1px;
background: rgba(255, 255, 255, 1);
left: -22px;
top: 23px;
border-radius: 100%;
opacity: 0.3;
-webkit-transition: opacity 1s;
-moz-transition: opacity 1s;
-ms-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree > li.rt-tree-open::before {
opacity: 1;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li.rt-tree-closed > a:after {
content: "\f107";
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li > a:after {
-webkit-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul > li:first-child {
margin-top: 1px;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree li > a:hover {
color: #fff;
}
.rt-side-menu ul.rt-tree ul > li ul li a {
padding-left: 20px !important;
font-size: 14px !important;
line-height: 24px !important;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
padding: 5px 0px 5px 0;
color: #fff;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a:hover {
color: #fff;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree ul.sub-menu {
display: none;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree {
margin-bottom: 48px;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
padding: 14px 0;
position: relative;
}
.rt-nav-sidebar-menu .rt-side-menu ul.rt-tree a {
font-size: 14px;
line-height: 20px;
letter-spacing: 2px;
font-weight: 400;
padding: 12px 0;
position: relative;
}
.rt-nav-sidebar-menu .header-copyright {
padding: 0px 35px;
}
.rt-nav-sidebar-menu .header-social ul.social {
padding: 20px 35px;
}
.rt-nav-sidebar-menu .header-social ul.social li {
display: inline-block;
vertical-align: top;
margin-right: 9px;
margin-bottom: 8px;
}
.rt-nav-sidebar-menu .header-social ul.social li a {
display: block;
width: 33px;
height: 33px;
background-color: transparent;
border: 2px rgba(255, 255, 255, .3) solid;
border-radius: 0;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-nav-sidebar-menu .header-social ul.social li a:hover {
border-color: #f1f1f1;
color: #f1f1f1;
}
.rt-nav-sidebar-menu .rt-side-menu {
display: block;
}
.rt-nav-sidebar-menu .rt-side-menu.in {
display: block !important;
}
@media (max-width: 767px) {
body.left-sidebar div#page {
margin-left: 0px;
}
.rt-nav-sidebar-menu {
position: sticky;
width: 100%;
margin-bottom: 10px;
}
.rt-nav-sidebar-menu .toggle-btn {
display: block;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
z-index: 10 !important;
padding: 3px;
background-color: #ffffff;
color: #000;
width: 40px;
text-align: center;
}
.brand-logo {
text-align: left !important;
font-size: 22px;
padding-left: 20px;
line-height: 50px !important;
}
.main-content {
margin-left: auto !important;
}
.sidebar-main {
display: block !important;
}
.rt-nav-sidebar-menu .rt-side-menu {
display: none;
}
}
@media (max-width: 991px) {} .clients.element-five .client-item {
border-right: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
}
.clients.element-five .client-item:nth-child(6) {
border-right: 1px solid transparent;
}
.clients.element-five .client-item:nth-child(7) {
border-bottom: 1px solid transparent;
}
.clients.element-five .client-item:nth-child(8) {
border-bottom: 1px solid transparent;
}
.clients.element-five .client-item:nth-child(9) {
border-bottom: 1px solid transparent;
}
.clients.element-five .client-item:nth-child(10) {
border-bottom: 1px solid transparent;
}
.clients.element-five .client-item:nth-child(11) {
border-bottom: 1px solid transparent;
}
.clients.element-five .client-item:nth-child(12) {
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
}
.clients.element-five .client-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.clients.element-five.qodef-grid-inner .client-item {
padding: 0 15px;
margin: 0 0 30px;
}
.clients.element-five.qodef-grid-inner .client-item {
padding: 0 15px;
}
.clients.element-five .client-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}
.clients.element-five .client-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
min-height: 1px;
float: left;
}
.clients.element-five .client-item .client-image {
line-height: 0;
position: relative;
display: inline-block;
vertical-align: top;
}
.clients.element-five .client-item .client-image img {
width: 100%;
}
.clients.element-five .client-item .client-image a {
display: inline-block;
}
.clients.element-five .client-item .client-logo {
width: auto;
opacity: 1;
will-change: opacity;
-webkit-transition: opacity .3s ease-out .15s;
-o-transition: opacity .3s ease-out .15s;
transition: opacity .3s ease-out .15s;
display: inline-block;
background-color: #fff;
}
.clients.element-five .client-item:hover .client-logo {
opacity: 0;
}
.clients.element-five .client-item .client-hover-logo {
position: absolute;
top: 0;
left: 0;
width: auto;
opacity: 0;
will-change: opacity;
-webkit-transition: opacity .3s ease-out;
-o-transition: opacity .3s ease-out;
transition: opacity .3s ease-out;
-webkit-transition-delay: .15s;
-o-transition-delay: .15s;
transition-delay: .15s;
}
.clients.element-five .client-item:hover .client-hover-logo {
opacity: 1;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.clients.element-five .client-item .client-hover-logo .client-hover-bg-overlay {
display: block;
position: absolute; height: 0px;
width: 50%;
background: #000;
z-index: -1;
-webkit-transition: .3s cubic-bezier(.785, .135, .15, .86);
-o-transition: .3s cubic-bezier(.785, .135, .15, .86);
transition: .3s cubic-bezier(.785, .135, .15, .86);
}
.clients.element-five .client-item .client-hover-logo .client-bg-overlay-up { left: 0;
top: auto;
bottom: 0;
}
.clients.element-five .client-item:hover .client-hover-logo .client-bg-overlay-up { height: 100%;
top: 0;
bottom: auto;
}
.clients.element-five .client-item .client-hover-logo .client-bg-overlay-down { right: 0;
top: 0;
bottom: auto;
}
.clients.element-five .client-item:hover .client-hover-logo .client-bg-overlay-down { height: 100%;
top: auto;
bottom: 0;
}
@media screen and (min-width:321px) and (max-width:479px) {
.clients.element-five .client-item {
width: 50% !important;
}
.clients.element-five .client-item {
border-right: none !important;
border-bottom: none !important;
}
} .team.element-two .rt-doctor {
position: relative;
}
.team.element-two .rt-doctor:after,
.team.element-two .rt-doctor:before {
content: "";
}
.team.element-two .rt-doctor {
overflow: hidden;
}
.team.element-two .rt-doctor,
.team.element-two .rt-doctor .icon li a {
text-align: center;
}
.team.element-two .rt-doctor:after,
.team.element-two .rt-doctor:before {
width: 100%;
height: 100%;
background: rgba(241, 233, 227, 1);
position: absolute;
top: 0;
left: 0;
opacity: 0;
transition: all 0.6s ease 0s;
}
.team.element-two .rt-doctor:after {
background: rgba(255, 255, 255, 0.1);
border: none;
top: 0;
left: 0;
opacity: 1;
z-index: 1; -webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: translate3d(0, 0px, 0);
transform: translate3d(0, 0px, 0);
}
.team.element-two .rt-doctor:hover:before {
opacity: 1;
}
.team.element-two .rt-doctor:hover:after {
top: 0;
}
.team.element-two .rt-doctor img {
width: 100%;
height: auto;
}
.team.element-two .rt-doctor .box-content {
width: 100%;
position: absolute;
bottom: -100%;
left: 0;
z-index: 9;
-webkit-transition: -webkit-transform 0.9s;
transition: transform 0.9s;
-webkit-transform: translate3d(0, 8px, 0);
transform: translate3d(0, 8px, 0);
}
.team.element-two .rt-doctor:hover .box-content {
top: 24%;
padding: 0 30px;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.8s;
transition: transform 0.8s;
}
.team.element-two .rt-doctor .box-content h4 {
font-size: 25px;
letter-spacing: 0px;
line-height: 30px;
color: #33302e;
padding-bottom: 0;
}
.team.element-two .rt-doctor .box-content .post {
display: block;
font-size: 18px;
letter-spacing: 1px;
line-height: 27px;
color: #c98060;
text-transform: uppercase;
text-align: center;
margin-bottom: 15px;
}
.team.element-two .rt-doctor .box-content p {
font-size: 18px;
line-height: 28px;
color: #636363;
text-align: center;
padding-bottom: 0;
}
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple {
padding: 0 0 2px !important;
color: #585858;
background-color: transparent;
border: 0;
vertical-align: middle;
overflow: hidden;
}
.team.element-two .rt-doctor:hover .box-content .view_btn {
width: auto;
margin: 0;
font-family: inherit;
font-size: 17px;
line-height: 27px;
font-weight: 500;
text-transform: capitalize;
outline: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
-o-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
padding: 12px 46px;
cursor: pointer;
}
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
}
.team.element-two .rt-doctor:hover .box-content .view_btn,
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple {
position: relative;
display: inline-block;
vertical-align: middle;
}
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:after,
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:before {
content: '';
position: absolute;
bottom: 0;
height: 1px;
line-height: 1;
background-color: #1d1d1d;
left: 0;
width: 100%;
}
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:after {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
}
.team.element-two .rt-doctor:hover .box-content .view_btn,
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple {
position: relative;
display: inline-block;
vertical-align: middle;
}
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:before {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
-o-transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
transition: transform .7s cubic-bezier(.79, .1, .1, .9) .3s, -webkit-transform .7s cubic-bezier(.79, .1, .1, .9) .3s;
}
.team.element-two .rt-doctor:hover .box-content .view_btn.view_btn-simple:hover:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition: -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
-o-transition: transform .7s cubic-bezier(.79, .1, .1, .9);
transition: transform .7s cubic-bezier(.79, .1, .1, .9);
transition: transform .7s cubic-bezier(.79, .1, .1, .9), -webkit-transform .7s cubic-bezier(.79, .1, .1, .9);
}
.team.element-two .rt-doctor .owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
display: none;
}
@media only screen and (min-width:1024px) and (max-width: 1365px) {
.team.element-two .rt-doctor img {
width: 100%;
height: auto;
}
.team.element-two .rt-doctor:hover .box-content {
top: 15% !important;
}
.team.element-two .rt-doctor .box-content h4 {
font-size: 20px;
letter-spacing: 0px;
line-height: 24px;
color: #33302e;
padding-bottom: 0;
}
.team.element-two .rt-doctor .box-content .post {
font-size: 18px;
line-height: 27px;
margin-bottom: 10px;
}
.team.element-two .rt-doctor .box-content {
bottom: -110%;
}
.team.element-two .rt-doctor .box-content p {
font-size: 16px;
line-height: 22px;
padding-bottom: 20px;
}
.team.element-two .rt-doctor:hover .box-content .view_btn {
font-size: 15px;
line-height: 22px;
}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.team.element-two .rt-doctor img {
width: 100%;
height: auto;
}
.team.element-two .rt-doctor .box-content h4 {
font-size: 18px;
letter-spacing: 0px;
line-height: 32px;
color: #33302e;
padding-bottom: 0;
}
.team.element-two .rt-doctor .box-content .post {
font-size: 16px;
line-height: 28px;
margin-bottom: 10px;
}
.team.element-two .rt-doctor .box-content {
bottom: -110%;
}
.team.element-two .rt-doctor:hover .box-content {
top: 20% !important;
padding: 30px !important;
}
.team.element-two .rt-doctor .box-content p {
font-size: 17px;
line-height: 27px;
padding-bottom: 10px;
}
.team.element-two .rt-doctor:hover .box-content {
padding: 0 10px; }
.team.element-two .rt-doctor:hover .box-content .view_btn {
font-size: 14px;
line-height: 22px;
}
}
@media only screen and (min-width: 376px) and (max-width: 480px) {
.team.element-two .rt-doctor:hover .box-content {
top: 25% !important;
padding: 30px !important;
}
}
@media only screen and (min-width: 376px) and (max-width: 480px) and (orientation : landscape) {
.team.element-two .rt-doctor:hover .box-content {
top: 18% !important;
padding: 30px !important;
}
}
@media only screen and (min-width: 321px) and (max-width: 375px) {
.team.element-two .rt-doctor:hover .box-content {
top: 20% !important;
padding: 30px !important;
}
}
@media only screen and (min-width: 300px) and (max-width: 320px) {
.team.element-two .rt-doctor:hover .box-content {
top: 18% !important;
padding: 30px !important;
}
}
@media only screen and (max-width: 767px) {
.team.element-two .rt-doctor {
overflow: hidden;
margin-bottom: 0;
}
}  .team.element-eight .team-item { display: block;
position: relative;
overflow: hidden;
float: left;
padding: 15px;
}
.team.element-eight .team-item .holder {
position: relative;
overflow: hidden; transition: all 0.3s ease-in-out;
border-radius: 4px;
}
.team.element-eight .team-item .holder .pic {
position: relative;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.team.element-eight .team-item .holder .pic img {
width: 100%;
float: left;
transition: .42s ease-out;
-webkit-transition: .42s ease-out;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.team.element-eight .team-item .holder:hover .pic img {
-webkit-transform: translateX(5%) skewX(2deg);
-ms-transform: translateX(5%) skewX(2deg);
transform: translateX(5%) skewX(2deg);
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.team.element-eight .team-item .holder .team-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: #f1f1f1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
opacity: 0;
position: absolute;
top: 0;
-webkit-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
transition: opacity .25s ease;
z-index: -1;
width: 100%;
}
.team.element-eight .team-item .holder:hover .team-content {
opacity: 1;
z-index: 1;
}
.team.element-eight .team-item .holder .team-content .team-content-inner {
-webkit-transform: translate3d(-40px, 0, 0) skewX(-15deg);
transform: translate3d(-40px, 0, 0) skewX(-15deg);
-webkit-transition: -webkit-transform 0s .3s;
transition: -webkit-transform 0s .3s;
-o-transition: transform 0s .3s;
transition: transform 0s .3s;
transition: transform 0s .3s, -webkit-transform 0s .3s;
}
.team.element-eight .team-item .holder:hover .team-content-inner {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
transition: -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
-o-transition: transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1);
transition: transform .4s cubic-bezier(.165, .84, .44, 1), -webkit-transform .4s cubic-bezier(.165, .84, .44, 1);
}
.team.element-eight .team-item .holder .team-content .team-role {
margin: 0;
}
.team.element-eight .team-item .holder .team-content .team-title {
margin: 0 0 19px;
color: #000;
-ms-word-wrap: break-word;
word-wrap: break-word;
}
.team.element-eight .team-item .holder .team-content .team-member-social-icon-group {
margin: 0;
}
.team.element-eight .team-item .holder .team-content .team-member-social-icon-group .team-member-social-icon {
font-size: 16px;
margin-right: 14px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: opacity .25s ease;
-o-transition: opacity .25s ease;
transition: opacity .25s ease;
float: left;
width: 30px;
height: 30px;
background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%);
line-height: 33px;
text-align: center;
border-radius: 4px;
}
.team.element-eight .team-item .holder .team-content .team-member-social-icon:hover {
text-decoration: none;
opacity: 0.6;
}
.team.element-eight .team-item .holder .team-content .team-member-social-icon a {
color: #fff;
}
.team.element-eight .team-item .holder .team-content .team-member-social-icon a:hover {
text-decoration: none;
}
@media only screen and (max-width:1024px) {
.team.element-eight .team-item {
padding-bottom: 30px;
}
}
@media only screen and (max-width:767px) {
.team.element-eight .team-item {
width: 100% !important;
padding: 0;
margin: 0;
padding-bottom: 30px;
}
} @media screen and (min-width: 768px) and (max-width: 991px) { .team.element-eight:not(.owl-carousel) .team-item {
width: 50% !important;
}
} @media screen and (min-width: 480px) and (max-width: 767px) { .team.element-eight:not(.owl-carousel) .team-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .team.element-eight:not(.owl-carousel) .team-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) { .team.element-eight:not(.owl-carousel) .team-item {
width: 100% !important;
}
} .rt-text-animation-style-one .rt-text-1 { margin: 0px;
} .rt-text-animation-style-two .rt-text-2 {
position: relative; margin: 0px;
}
.rt-text-animation-style-two .rt-text-2 .text-wrapper {
position: relative;
display: inline-block; overflow: hidden;
}
.rt-text-animation-style-two .rt-text-2 .letter {
display: inline-block; transform-origin: 0 0;
} .rt-text-animation-style-three .rt-text-3 {    overflow: hidden;
margin: 0px;
}
.rt-text-animation-style-three .rt-text-3 .letter {
display: inline-block; } body.mobile-menu-active .overlay {
visibility: visible;
opacity: 1;
}
.mobile-logo {
display: none;
} .wraper_header {
position: relative;
z-index: 9999;
width: 100%;
direction: initial;
}
.wraper_header.floating-header {
position: absolute;
}
.wraper_header > .main-header { position: relative;
}
.header_holder .wraper_header_main {
background-color: rgba(255, 255, 255, 0.01);
width: 100%;
}
.wraper_header .header_holder .elementor-menu-toggle {
float: right;
border: none;
background-color: transparent;
}
.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
font-size: 23px;
color: #000;
}
.header_holder .wraper_header_main > nav {
float: right;
margin-top: 3px;
display: block;
width: 100%;
}
.leftnav .header_holder .wraper_header_main > nav {
float: left;
margin-top: 3px;
text-align: right;
display: block; }
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
position: relative;
display: inline-block;
vertical-align: top;
width: auto;
height: auto;
margin-right: 35px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:last-child,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:only-child {
margin: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
line-height: 35px;
font-weight: 500;
font-style: normal;
color: #000;
position: relative;
display: block;
cursor: pointer; } .header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul {
position: absolute;
top: 100%;
left: -40px;
right: 0;
z-index: 1;
width: 265px;
padding: 40px 0 20px 0;
transform: translateY(10px);
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
border-radius: 4px;
text-align: left;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-5deg);
-o-transform: rotateX(-5deg);
-moz-transform: rotateX(-5deg);
-webkit-transform: rotateX(-5deg); }
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:last-child > ul {
left: auto;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li:hover > ul {
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
margin-bottom: 0px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li {
position: relative;
width: 100%;
height: auto;
float: left;
margin: 0;
padding: 9px 30px; }
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li > ul > li > a { line-height: 30px;
letter-spacing: 0.8px;
display: inline-block;
vertical-align: top;
opacity: inherit !important;
visibility: inherit !important;
cursor: pointer;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:after {
position: absolute;
left: 0;
top: 11px;
width: 0;
height: 2px;
z-index: 0;
content: " ";
background-color: #000;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:hover:after {
width: 15px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul > li > ul > li > a:hover {
padding-left: 20px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul li ul {
position: absolute;
top: 0;
left: auto;
right: 100%;
z-index: 1;
width: 240px;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
padding-top: 15px;
padding-bottom: 15px;
text-align: left;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li:hover > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li:hover > ul,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul li:hover > ul {
top: -8px;
opacity: 1;
transform: translateY(0);
visibility: visible;
} .header_holder .wraper_header_main > nav ul.elementor-nav-menu li:hover > ul {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul {
position: absolute;
top: 52px;
left: -35px;
right: 0;
z-index: 1;
width: 265px;
padding: 18px 0 22px 0;
box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
border-radius: 0px;
text-align: left;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: 0% 0%;
transform: translateY(30px);
-webkit-transform: translateY(30px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li ul li.menu-item-has-children > ul::before {
width: 15px;
height: 15px;
background: #ffffff;
transform: rotate(135deg);
position: absolute;
content: "";
top: 23px;
right: 0;
box-shadow: rgba(67, 90, 111, 0.1) -1px -1px 1px;
left: 97%;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li > ul {
position: absolute;
top: 36px;
left: auto;
right: 100%;
z-index: 1;
width: 265px;
padding: 18px 0 22px 0;
box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
border-radius: 0px;
text-align: left;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: 0% 0%;
transform: translateY(30px);
-webkit-transform: translateY(30px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul .menu-item a:hover:before {
width: 100%;
left: 0;
right: auto;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul .menu-item a:before {
content: '';
width: 0;
height: 1px;
bottom: 3px;
position: absolute;
left: auto;
right: 0;
z-index: -1;
-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
background: currentColor;
} .wraper_header > .sticky-header,
.wraper_header.floating-header > .sticky-header {
display: none;
width: 100%;
}
.wraper_header > .sticky-header.delayed-sticky-mode { }
.wraper_header:not(.floating-header) > .sticky-header.delayed-sticky-mode {
display: flex;
}
.wraper_header.floating-header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
display: flex;
} .wraper_header > .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate {
position: fixed;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
box-shadow: 0 8px 20px 0 rgba(0, 0, 0, .1);
-webkit-animation: SlideDown .55s ease forwards;
animation: SlideDown .55s ease forwards;
will-change: transform;
}
@-webkit-keyframes SlideDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes SlideDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
.wraper_header .sticky-header.delayed-sticky-mode.delayed-sticky-mode-acivate.i-am-delayed-sticky {
opacity: 1;
visibility: visible; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
}  .header_holder .wraper_header_main.mobile-menu-open {
transform: translateX(0);
}
.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu {
display: block;
}
.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
background-color: transparent;
display: none;
transition: none;
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu > li.menu-item-has-children a:before,
.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li ul li a:after {
display: none;
}
.mobile-menu-close {
padding: 8px 0;
text-align: right;
cursor: pointer;
position: relative;  margin-bottom: -3px;
float: right;
width: 50%;
}
.mobile-menu-close:before {
color: #000; display: inline-block;
content: "\e646";
font-family: 'themify';
text-align: center;
font-size: 16px;
font-weight: bold; }
.mobile-menu-active .mobile-menu-close {
display: none;
}  .wraper_header section.elementor-element {
left: 0 !important;
} @media screen and (min-width:768px) and (max-width:991px) {
.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}
.wraper_header {
z-index: 999999;
}
.header_holder .wraper_header_main.mobile-menu-open {
z-index: 999999;
transform: translateX(-350px);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
width: 100%;
max-width: 100em;
}
.wraper_header .sticky-header .header_holder .wraper_header_main,
.wraper_header .header_holder .wraper_header_main {
height: 100%; position: fixed;
top: 0;
right: -350px;
z-index: 1001;
background-color: #f1f1f1;
overflow: hidden;
text-align: left;
overflow-y: scroll;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
padding: 20px !important;
text-align: left;
line-height: normal;
color: #444756 !important;
}
.elementor-nav-menu .menu-item a:hover {
color: #000000 !important;
}
.header_holder .wraper_header_main > nav {
float: none;
margin-top: 0;
text-align: left;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
position: relative;
width: 100%;
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
position: relative;
display: block;
width: auto;
height: auto;
padding: 10px 22px 10px 15px;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
color: #000 !important;
padding-left: 35px !important;
font-size: 90% !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
padding-left: 45px !important;
font-size: 80% !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a { }
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
position: absolute;
top: 7px;
right: 0px;
width: 40px;
cursor: pointer;
text-align: left;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
top: 5px;
position: absolute;
content: "\e649";
font-family: 'themify';
font-size: 10px;
line-height: 32px;
color: #000;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
content: "\e64b";
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
padding: 0 !important;
width: 32%;
display: block;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after {
right: 0;
}
} @media screen and (min-width:480px) and (max-width:767px) {
.wraper_header {
z-index: 999999;
}
.header_holder .wraper_header_main.mobile-menu-open {
z-index: 999999;
transform: translateX(-350px);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.wraper_header .sticky-header .header_holder .wraper_header_main,
.wraper_header .header_holder .wraper_header_main {
height: 100%;
max-width: 350px;
width: 100%;
position: fixed;
top: 0;
right: -350px;
z-index: 1001;
background-color: #f1f1f1;
overflow: hidden;
text-align: left;
overflow-y: scroll;
transition: all 0.3s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
padding: 20px !important;
text-align: left;
color: #444756 !important;
}
.elementor-nav-menu .menu-item a:hover {
color: #000000 !important;
}
.header_holder .wraper_header_main > nav {
float: none;
margin-top: 0;
text-align: left;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
position: relative;
width: 100%;
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
position: relative;
display: block;
width: auto;
height: auto;
padding: 10px 22px 10px 15px;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
color: #000 !important;
padding-left: 35px !important;
font-size: 90% !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
padding-left: 45px !important;
font-size: 80% !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
padding: 10px 55px 10px 40px;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
position: absolute;
top: 7px;
right: 10px;
width: 40px;
cursor: pointer;
text-align: center;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
top: 0;
position: absolute;
content: "\e61a";
font-family: 'themify';
font-size: 12px;
line-height: 32px;
color: #000;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
content: "\e622";
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul::before {
display: none;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
padding: 7px 100px 7px 0px;
}
} @media screen and (min-width:321px) and (max-width:479px) {
.header_holder .wraper_header_main.mobile-menu-open > nav ul.elementor-nav-menu li.menu-item-has-children ul.sub-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}
.wraper_header {
z-index: 999999;
}
.header_holder .wraper_header_main.mobile-menu-open {
z-index: 999999;
transform: translateX(-350px);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
width: 100em !important;
max-width: 100% !important;
}
.wraper_header .sticky-header .header_holder .wraper_header_main,
.wraper_header .header_holder .wraper_header_main {
height: 100%;
max-width: 280px;
width: 100%;
position: fixed;
top: 0;
right: -350px;
z-index: 1001;
background: #f1f1f1;
overflow: hidden;
text-align: left;
overflow-y: scroll;
transition: all 0.4s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
padding: 0 20px;
text-align: left;
color: #444756 !important;
}
.elementor-nav-menu .menu-item a:hover {
color: #000000 !important;
}
.elementor-19871 .elementor-element.elementor-element-a3e6eb5 .radiantthemes-custom-button .radiantthemes-custom-button-main {
padding: 0 10px !important
}
.header_holder .wraper_header_main > nav {
float: none;
margin-top: 0;
text-align: left;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li {
border-bottom: 1px rgba(0, 0, 0, 0.075) solid;
background: #f1f1f1;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li ul li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li ul li ul li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
position: relative;
width: 100%;
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
position: relative;
display: block;
width: auto;
height: auto;
padding: 10px 22px 10px 15px;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
color: #444756 !important;
padding-left: 35px !important;
font-size: 90% !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
padding-left: 45px !important;
font-size: 80% !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
padding: 10px 55px 10px 40px;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
position: absolute;
top: 8px;
right: 0px;
width: 34px;
cursor: pointer;
text-align: left;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
content: "\e649";
font-family: 'themify';
font-size: 10px;
line-height: 32px;
color: #444756;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
content: "\e64b";
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul::before {
display: none;
}
} @media screen and (max-width:320px) {
.elementor-19871 .elementor-element.elementor-element-58590f1:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {
background: #f1f1f1 !important;
}
.header_holder .wraper_header_main.mobile-menu-open {
z-index: 999999;
transform: translateX(-350px);
box-shadow: 0 19px 38px rgba(0, 0, 0, 0.30), 0 15px 12px rgba(0, 0, 0, 0.22);
width: 100em !important;
max-width: 100% !important;
background: #f1f1f1;
background: #f1f1f1;
}
.header_holder .wraper_header_main {
height: 100%;
max-width: 250px;
width: 100%;
position: fixed;
top: 0;
right: -350px;
z-index: 1001;
background-color: #fff;
overflow: hidden;
text-align: left;
overflow-y: scroll;
transition: all 0.5s cubic-bezier(0.25, 0.1, 0.82, 0.55) 0s;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
padding: 6px 20px !important;
text-align: left;
color: #444756 !important;
}
.elementor-nav-menu .menu-item a:hover {
color: #000000 !important;
}
.header_holder .wraper_header_main > nav {
float: none;
margin-top: 0;
text-align: left;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li {
position: relative;
width: 100%;
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li > ul > li > ul > li ul li {
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > ul > li ul li a {
position: relative;
display: block;
width: auto;
height: auto;
padding: 10px 22px 10px 15px;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li a {
color: #444756 !important;
padding-left: 35px !important;
font-size: 90% !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li a {
padding-left: 45px !important;
font-size: 80% !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul > li.menu-item-has-children a {
padding: 20px;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu {
position: absolute;
top: 10px;
right: 10px;
width: 40px;
cursor: pointer;
text-align: center;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu:before {
top: 0;
position: absolute;
content: "\e649";
font-family: 'themify';
font-size: 10px;
line-height: 32px;
color: #444756;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .radiantthemes-open-submenu.active:before {
content: "\e64b";
}
}    .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
position: static;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
position: absolute;
top: 100%;
left: 46.9%;
width: 100vw;
margin-left: -50.7vw;
transform: translateY(0) !important;
border-radius: 0;
box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
padding: 35px 0;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-5deg) !important;
-o-transform: rotateX(-5deg) !important;
-moz-transform: rotateX(-5deg) !important;
-webkit-transform: rotateX(-5deg) !important;
transition: all 0.1s ease-in-out !important;
-webkit-transition: all 0.1s ease-in-out !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover > ul.mega-child-menu {
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu > li {
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul.menu > li {
width: 100%;
height: auto;
position: relative;
color: #444756;
font-size: 15px;
letter-spacing: 0.8px;
margin: 0 0 15px 0;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li {  }
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > ul > li:last-child,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > ul > li:last-child {
margin-bottom: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
color: #444756;
font-size: 15px;
letter-spacing: 0.8px;
position: relative;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover { font-size: 15px;
letter-spacing: 0.8px;
color: #000;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu > li ul > li > a:before {
position: absolute;
left: 0;
top: 11px;
width: 0;
height: 2px;
z-index: 0;
background-color: #000; }
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu > li ul > li > a:hover:before {
width: 15px;
}
.header_holder .elementor-element .elementor-widget-container {
transition: none !important;
}
.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
color: #000;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after {
content: none !important;
transition: none !important;
-webkit-transition: none !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
padding-left: 0px !important;
color: #4f5ad0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after {
content: none !important;
transition: none !important;
-webkit-transition: none !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover {
padding-left: 0px !important; }  .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
width: 60em;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
background: #fff;
top: 59px;
left: -44px;
right: 0px;
opacity: 0;
visibility: hidden;
display: block;
box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
-webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
list-style: none;
position: absolute;
border-radius: 5px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu:hover .mega-child-menu {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
margin-right: 0px;
height: auto;
margin: 0;
padding: 7px 54px 7px 0px;
text-align: left;
float: left;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
color: #13152F;
font-size: 15px;
letter-spacing: 0.1px;
position: relative;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover {
font-size: 15px;
letter-spacing: 0.1px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after {
content: "Label";
position: absolute;
background: #F95448;
padding: 5px 10px;
font-size: 12px;
line-height: 12px;
color: #fff;
right: -33px;
top: 14px;
border-radius: 3px;
} .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li:hover a::after {
transform: none;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::before {
content: '';
width: 0;
height: 1px;
top: 28px;
position: absolute;
left: auto;
right: 0;
-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
background: #444756;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover::before {
width: 100%;
left: 0;
right: auto;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .radiantthemes-custom-button a.radiantthemes-custom-button-main::after {
transform: none;
content: none;
} .main-megamenu-holder .mega-child-menu h5 {
text-align: left;
} @media screen and (min-width:1920px) and (max-width:2000px) {
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li { }
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
left: 0;
margin-left: -28.2vw;
}
}
@media screen and (min-width:1151px) and (max-width:1260px) {
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
margin-right: 18px !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
left: 0;
margin-left: -19.1vw;
}
}
@media screen and (min-width:1031px) and (max-width:1150px) {
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li {
margin-right: 18px !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
left: 0;
margin-left: -13.1vw;
}
}   @media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
position: static;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
position: absolute;
top: 100%;
left: 46.9%;
width: 100vw;
margin-left: -50.7vw;
transform: translateY(0) !important;
border-radius: 0;
box-shadow: 0px 5px 25px rgba(0, 0, 0, 0.08);
padding: 35px 0;
background-color: #fff;
opacity: 0;
visibility: hidden;
-webkit-transform-origin: 0% 0%;
-o-transition: -o-transform 0.3s, opacity 0.3s;
-ms-transition: -ms-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
transform-style: preserve-3d;
-o-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
transform: rotateX(-5deg) !important;
-o-transform: rotateX(-5deg) !important;
-moz-transform: rotateX(-5deg) !important;
-webkit-transform: rotateX(-5deg) !important;
transition: all 0.1s ease-in-out !important;
-webkit-transition: all 0.1s ease-in-out !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover > ul.mega-child-menu {
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu > li {
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul.menu > li {
width: 100%;
height: auto;
position: relative;
color: #444756;
font-size: 15px;
letter-spacing: 0.8px;
margin: 0 0 15px 0;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li {  }
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > ul > li:last-child,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > ul > li:last-child {
margin-bottom: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
color: #444756;
font-size: 15px;
letter-spacing: 0.8px;
position: relative;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover { font-size: 15px;
letter-spacing: 0.8px;
color: #000;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu > li ul > li > a:before {
position: absolute;
left: 0;
top: 11px;
width: 0;
height: 2px;
z-index: 0;
background-color: #000; }
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu > li ul > li > a:hover:before {
width: 15px;
}
.header_holder .elementor-element .elementor-widget-container {
transition: none !important;
}
.wraper_header .header_holder .elementor-menu-toggle span.ti-menu {
color: #000;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:after {
content: none !important;
transition: none !important;
-webkit-transition: none !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
padding-left: 0px !important;
color: #4f5ad0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:after {
content: none !important;
transition: none !important;
-webkit-transition: none !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > ul > li > a:hover {
padding-left: 0px !important; }  .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
width: 60em;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: all 300ms linear 0s;
-o-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
background: #fff;
top: 59px;
left: -44px;
right: 0px;
opacity: 0;
visibility: hidden;
display: block;
box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
-webkit-box-shadow: rgba(67, 90, 111, 0.416) 0px 0px 1.5px, rgba(67, 90, 111, 0.3) 0px 2px 4px -2px;
list-style: none;
position: absolute;
border-radius: 5px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu:hover .mega-child-menu {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
margin-right: 0px;
height: auto;
margin: 0;
padding: 7px 54px 7px 0px;
text-align: left;
float: left;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a {
color: #13152F;
font-size: 15px;
letter-spacing: 0.1px;
position: relative;
transition: all 0.4s ease-in-out !important;
-webkit-transition: all 0.4s ease-in-out !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu:hover ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .elementor-text-editor > div > ul > li > a:hover {
font-size: 15px;
letter-spacing: 0.1px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add:after {
content: "Label";
position: absolute;
background: #F95448;
padding: 5px 10px;
font-size: 12px;
line-height: 12px;
color: #fff;
right: -33px;
top: 14px;
border-radius: 3px;
} .header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li:hover a::after {
transform: none;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a::before {
content: '';
width: 0;
height: 1px;
top: 28px;
position: absolute;
left: auto;
right: 0;
-webkit-transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
transition: width .6s cubic-bezier(.25, .8, .25, 1) 0s;
background: #444756;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul > li > a:hover::before {
width: 100%;
left: 0;
right: auto;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > .radiantthemes-custom-button a.radiantthemes-custom-button-main::after {
transform: none;
content: none;
} .main-megamenu-holder .mega-child-menu h5 {
text-align: left;
}
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation : landscape) {
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
width: 100%;
background: none !important;
}
.elementor-19871 .elementor-element.elementor-element-58590f1 > .elementor-element-populated {
padding: 0 !important;
}
.elementor-19871 .elementor-element.elementor-element-1417fb0 > .elementor-element-populated {
padding: 0 !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
padding: 7px 184px 7px 0px !important;
}
} @media screen and (min-width:768px) and (max-width:1024px) and (orientation : portrait) {
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
margin-bottom: 0 !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
transform: none !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
position: relative;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .radiantthemes-open-submenu {
position: absolute;
top: 6px;
right: 0px;
width: 34px;
cursor: pointer;
text-align: left
} .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after {
right: 40px;
top: 12px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
margin-bottom: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
padding-left: 35px !important
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu {
position: absolute;
top: 8px;
right: 0px;
width: 34px;
cursor: pointer;
text-align: left;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before {
content: "\e649";
font-family: 'themify';
font-size: 10px;
line-height: 32px;
color: #444756;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before {
content: "\e64b";
}
.mega-child-menu li ul li {
position: relative;
display: block;
width: auto;
height: auto;
padding: 10px 0;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
color: inherit;
}
.mega-child-menu h5 {
text-transform: uppercase;
line-height: 28px;
letter-spacing: 0.5px;
font-weight: 400;
font-style: normal;
color: #444756;
font-size: 15px;
padding: 10px 0 9px 20px;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
margin: 0px;
} .elementor-19871 .elementor-element.elementor-element-e01bacb > .elementor-element-populated {
margin: 20px 0px 20px 0px !important;
padding: 44px 0px 30px 0px !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
font-size: 15px !important;
font-weight: 400;
color: #444756 !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
padding: 0 20px !important;
line-height: 40px !important;
}
.mega-menu-btn-area > .radiantthemes-custom-button > a.radiantthemes-custom-button-main {
padding: 10px !important;
text-align: center;
}
.elementor-25002 .elementor-element.elementor-element-c1ae31f {
width: 100% !important;
}
.elementor-25002 .elementor-element.elementor-element-bcc5ad0 {
width: 100% !important;
}
.elementor-25002 .elementor-element.elementor-element-fc4f17d {
width: 100% !important;
}
.elementor-25002 .elementor-element.elementor-element-319b5ca {
width: 100% !important;
}
.radiantthemes-custom-button { text-align: center;
}
.elementor-19871 .elementor-element.elementor-element-c4898af {
padding: 0 !important;
}
.elementor-19871 .elementor-element.elementor-element-58590f1:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {
background-color: transparent !important;
}
.elementor-19871 .elementor-element.elementor-element-1417fb0:not(.elementor-motion-effects-element-type-background) > .elementor-column-wrap {
background-color: transparent !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
width: 100% !important;
padding: 0 20px !important;
}
.elementor-19871 .elementor-element.elementor-element-1417fb0 {
width: 100% !important;
}
.elementor-19871 .elementor-element.elementor-element-58590f1 {
width: 100% !important;
}
.elementor-19871 .elementor-element.elementor-element-1417fb0 {
width: 100% !important;
}
.elementor-19871 .elementor-element.elementor-element-e01bacb {
width: 100% !important;
}
.elementor-19871 .elementor-element.elementor-element-a3e6eb5 .radiantthemes-custom-button .radiantthemes-custom-button-main {
padding: 10px 10px 10px 20px !important;
text-align: center;
}
.elementor-25682 .elementor-element.elementor-element-42a9c95 {
width: 100% !important;
}
.elementor-25682 .elementor-element.elementor-element-e30a731 {
width: 100% !important;
}
.elementor-25682 .elementor-element.elementor-element-72071bc {
width: 100% !important;
}
.elementor-25682 .elementor-element.elementor-element-88aa7db {
padding: 0 !important;
}
.elementor-25002 .elementor-element.elementor-element-2f47d29 {
padding: 0 !important;
}
} @media screen and (min-width:480px) and (max-width:767px) {
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
margin-bottom: 0 !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
transform: none !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
position: relative;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
border: 1px solid red;
} .mega-child-menu .elementor-column.elementor-col-25 {
width: 100%;
}
.mobile-menu-nav > [class*='menu-'] > ul.menu > li > ul > li a {
padding-left: 30px;
}
.mega-child-menu > li ul > li {
position: relative;
display: block;
width: auto;
height: auto;
padding: 10px 0; color: inherit;
}
.mega-child-menu > li ul > li > a {
text-transform: uppercase;
line-height: 28px;
letter-spacing: 0.5px;
font-weight: 400;
font-style: normal;
color: #6a7c92;
font-size: 14px;
}
.mega-child-menu h5 {
text-transform: uppercase;
line-height: 28px;
letter-spacing: 0.5px;
font-weight: 400;
font-style: normal;
color: #6a7c92;
font-size: 15px;
padding: 10px 0 9px 20px;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
margin: 0px;
}
.mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
font-size: 14px !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
padding-bottom: 2px !important;
}
} @media screen and (min-width:321px) and (max-width:479px) {
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
margin-bottom: 0 !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
transform: none !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
position: relative;
} .header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after {
right: 40px;
top: 12px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
margin-bottom: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
padding-left: 35px !important
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > .mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu {
position: absolute;
top: 8px;
right: 0px;
width: 34px;
cursor: pointer;
text-align: left;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before {
content: "\e649";
font-family: 'themify';
font-size: 10px;
line-height: 32px;
color: #444756;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before {
content: "\e64b";
}
.mega-child-menu li ul li {
position: relative;
display: block;
width: auto;
height: auto;
padding: 10px 0;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
color: inherit;
}
.mega-child-menu h5 {
text-transform: uppercase;
line-height: 28px;
letter-spacing: 0.5px;
font-weight: 400;
font-style: normal;
color: #444756;
font-size: 15px;
padding: 10px 0 9px 20px;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
margin: 0px;
} .header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
font-size: 15px !important;
font-weight: 400;
color: #444756 !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
padding-bottom: 2px !important;
}
.mega-menu-btn-area > .radiantthemes-custom-button > a.radiantthemes-custom-button-main {
padding: 10px !important;
text-align: center;
}
} @media screen and (max-width:320px) {
.header_holder .wraper_header_main > nav {
background: #f1f1f1;
}
.elementor-19871 .elementor-element.elementor-element-c4898af {
padding: 0 !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li {
border-bottom: 1px rgba(0, 0, 0, 0.075) solid;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li:hover > ul > li {
margin-bottom: 0 !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li > ul.sub-menu {
transform: none !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu {
position: relative;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .menu-item.mega-parent-menu .mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu {
position: static;
z-index: 1;
width: 100%;
padding: 0;
box-shadow: none;
border-radius: 0;
text-align: left;
margin-left: 0;
background-color: transparent;
display: none;
transition: opacity 0.4s linear !important;
opacity: 1;
visibility: visible;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu {
position: absolute;
top: 8px;
right: -10px;
width: 40px;
cursor: pointer;
text-align: left;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu:before {
content: "\e649";
font-family: 'themify';
font-size: 10px;
line-height: 32px;
color: #444756;
}
.wraper_header_main ul.elementor-nav-menu > li.menu-item-has-children > .main-megamenu-holder > .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before,
.wraper_header_main ul.elementor-nav-menu > li > ul > li > ul > li > ul > li > ul li.menu-item-has-children > .main-megamenu-holder .radiantthemes-open-submenu.active:before {
content: "\e64b";
}
.mega-child-menu li ul li {
position: relative;
display: block;
width: 100% !important;
height: auto;
padding: 10px 0;
color: inherit;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li.new-add::after {
right: 40px;
top: 12px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li.mega-parent-menu > ul.mega-child-menu .elementor-element > .elementor-column-wrap > .elementor-widget-wrap > .elementor-element > .elementor-widget-container > div > ul.menu > li {
margin-bottom: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover,
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li > ul > li > a:hover {
padding-left: 35px !important
} .mega-child-menu li ul li {
position: relative;
display: block;
width: auto;
height: auto;
padding: 10px 0;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
color: inherit;
background: #f1f1f1;
}
.mega-child-menu h5 {
text-transform: uppercase;
line-height: 28px;
letter-spacing: 0.5px;
font-weight: 400;
font-style: normal;
color: #444756;
font-size: 15px;
padding: 10px 0 9px 20px;
border-bottom: 1px rgba(106, 124, 146, 0.10) solid;
margin: 0px;
}
.mega-child-menu .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
padding: 0;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu li a {
font-size: 14px !important;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu > li a {
padding-bottom: 2px !important;
}
}    .elementor-widget-radiant-custom-cart .header-cart-bar {
float: right;
margin-top: 7px;
text-align: center;
font-size: 0;
}
.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon {
position: relative;
display: inline-block;
vertical-align: top;
margin-left: 0;
color: #fff;
}
.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon > span.lnr-cart {
font-size: 21px;
line-height: 30px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.elementor-widget-radiant-custom-cart .header-cart-bar > .header-cart-bar-icon > .cart-count {
position: absolute;
top: -8px;
right: -3px;
width: 18px;
height: 18px;
border-radius: 50%;
font-size: 10px;
font-weight: 500;
color: #fff;
background-color: #FD406A;
line-height: 18px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} @media screen and (min-width:321px) and (max-width:479px) {
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
right: 0;
left: 6px;
}
} @media screen and (max-width:320px) {
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
right: 0;
left: 6px;
}
}  .elementor-widget-radiant-custom-search .header-slideout-searchbar {
position: relative;
display: inline-block;
vertical-align: top;
margin-right: 15px;
margin-top: 3px;
cursor: pointer;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder {
position: relative;
display: block;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar span[class*='ti-'] {
font-size: 16px;
color: #000;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box {
position: absolute;
top: -10px;
right: 30px;
z-index: 1;
width: 30px;
padding: 5px 5px 4px 12px;
background-color: #fff;
border: 1px rgba(0, 0, 0, 0.1) solid;
border-radius: 0px !important; box-shadow: none;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out 0.2s;
-webkit-transition: all 0.4s ease-in-out 0.2s;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row {
position: relative;
display: block;
padding-right: 30px;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row input[type=search] {
display: inline-block;
vertical-align: top;
width: 100%;
height: 30px;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
font-size: 13px;
border-radius: 0;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row input[type=search]::placeholder {
color: #000;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder > .header-slideout-searchbar-box > .form-row button[type=submit] {
position: absolute;
top: 0;
width: 26px;
height: 30px;
background-color: transparent;
border: none;
display: none;
border-radius: 0;
text-align: center;
font-size: 18px;
color: #000;
line-height: 30px;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar > .header-slideout-searchbar-holder:hover > .header-slideout-searchbar-box,
.wraper_header.style-sixteen .wraper_header_main .header-main-action ul > li.header-slideout-searchbar > .header-slideout-searchbar-holder:focus > .header-slideout-searchbar-box {
width: 200px;
opacity: 1;
visibility: visible;
} .rt_svg_div {
margin: 0;
padding: 0;
position: relative;
overflow: hidden;
}
.radiantthemes_avatar {
width: 435px;
overflow: hidden;
transform: translateX(0px);
animation: float 6s ease-in-out infinite;
}
.radiantthemes_avatar img {
width: 100%;
height: auto;
}
@keyframes float {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
}
}
.radiantthemes_avatar2 {
width: 435px;
overflow: hidden;
transform: translateX(0px);
animation: float2 6s ease-in-out infinite;
}
.radiantthemes_avatar2 img {
width: 100%;
height: auto;
}
@keyframes float2 {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
}
}
.radiantthemes_avatar3 {
width: 350px;
overflow: hidden;
transform: translateY(0px);
animation: float3 6s ease-in-out infinite;
}
.radiantthemes_avatar3 img {
width: 100%;
height: auto;
}
@keyframes float3 {
0% {
transform: translateY(0px);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0px);
}
}
.vertical_anim1 {
position: absolute;
left: 45%;
top: -20px;
z-index: 9999;
width: 75%;
}
.vertical_anim1 img {
width: 100%;
}
.vertical_anim2 {
position: absolute;
right: 40%;
top: 6px;
z-index: 9999;
width: 60%;
}
.vertical_anim2 img {
width: 100%;
}
.vertical_anim3 {
position: absolute;
right: 17%;
top: 40%;
z-index: 9999;
width: 60%;
}
.vertical_anim3 img {
width: 100%;
}
.radiantthemes_avatar4 {
width: 350px;
overflow: hidden;
transform: translateY(0px);
animation: float4 8s ease-in-out infinite;
}
.radiantthemes_avatar4 img {
width: 100%;
height: auto;
}
@keyframes float4 {
0% {
transform: translateX(0px);
}
50% {
transform: translateX(-20px);
}
100% {
transform: translateX(0px);
}
}  .radiantthemes-accordion.element-one .radiantthemes-accordion-item {
border-bottom: 1px rgba(0, 0, 0, 0.07) solid;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-one .radiantthemes-accordion-item:only-child {
border-bottom: none;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
position: relative;
padding-top: 24px;
padding-right: 50px;
padding-bottom: 22px;
cursor: pointer;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
position: absolute;
top: 20px;
right: 0;
z-index: 1;
width: 32px;
height: 32px; border: 1px transparent solid;
border-radius: 50%;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
font-family: "themify";
content: "\e61a";
font-size: 18px;
color: #FCA301;
line-height: 32px;
font-style: normal;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
margin: 0;
font-weight: 700;
font-size: 20px;
color: #1e1e1e;
line-height: 27px;
letter-spacing: -0.6px;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
padding-bottom: 25px;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
margin-bottom: 17px;
}
.radiantthemes-accordion.element-one .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
content: "\e646"; } .radiantthemes-accordion.element-two .radiantthemes-accordion-item {
margin-bottom: 20px;
padding-top: 16px;
padding-right: 20px;
padding-bottom: 18px;
padding-left: 24px;
border: 1px #ddd solid;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-two .radiantthemes-accordion-item:only-child {
margin-bottom: 0;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active {
border-color: transparent;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
position: relative;
padding-right: 35px;
cursor: pointer;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
position: absolute;
top: 4px;
right: 0;
z-index: 1;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line {
position: relative;
display: block;
width: 20px;
height: 20px;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before,
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
position: absolute;
top: calc(50% - 1px);
width: 100%;
height: 2px;
z-index: 0;
content: " ";
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
margin: 0;
font-weight: 600;
font-size: 18px;
color: #3b3b3b;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
padding-top: 11px;
padding-right: 35px;
padding-bottom: 0;
font-size: 16px;
color: #fff;
line-height: 30px;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
margin-bottom: 17px;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before {
background-color: #fff !important;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
opacity: 0;
}
.radiantthemes-accordion.element-two .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .panel-title {
color: #fff;
} .radiantthemes-accordion.element-three .radiantthemes-accordion-item {
margin-bottom: 0;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active {
border-color: transparent;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
position: relative;
padding-top: 15px;
padding-right: 30px;
padding-bottom: 15px;
padding-left: 0;
border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
position: absolute;
top: 24px;
right: 1px;
z-index: 1;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line {
position: relative;
display: block;
width: 10px;
height: 10px;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:before,
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
position: absolute;
top: calc(50% - 1px);
width: 100%;
height: 2px;
z-index: 0;
content: " ";
background-color: #fff;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
margin: 0;
font-weight: 600;
font-size: 16px;
color: #fff;
line-height: 27px;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px rgba(255, 255, 255, 0.25) solid;
font-size: 16px;
color: #fff;
line-height: 30px;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title { }
.radiantthemes-accordion.element-three .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon > .line:after {
opacity: 0;
} .radiantthemes-accordion.element-four .radiantthemes-accordion-item:last-child,
.radiantthemes-accordion.element-four .radiantthemes-accordion-item:only-child {
border-bottom: none;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title {
position: relative;
padding-top: 22px;
padding-right: 30px;
padding-bottom: 22px;
border-top: 2px rgba(0, 0, 0, 0.1) dotted;
cursor: pointer;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon {
position: absolute;
top: 22px;
right: 0;
z-index: 1;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
font-family: "themify";
content: "\e64b";
font-size: 15px;
color: #000;
line-height: 1;
font-style: normal;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-title > .panel-title {
margin: 0;
text-transform: uppercase;
font-weight: 500;
font-size: 17px;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body {
border-top: 2px rgba(0, 0, 0, 0.1) dotted;
padding-top: 25px;
padding-bottom: 25px;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item > .radiantthemes-accordion-item-body p {
margin-bottom: 17px;
}
.radiantthemes-accordion.element-four .radiantthemes-accordion-item.radiantthemes-active > .radiantthemes-accordion-item-title > .radiantthemes-accordion-item-title-icon i.main-icon:before {
content: "\e648";
} .radiantthemes-accordion.element-five {
background-color: #fff;
width: 100%;
margin: 0 auto;
}
.radiantthemes-accordion.element-five .accord_bdy {
padding: 0;
}
.radiantthemes-accordion.element-five .accord_bx_sec {
padding: 0 70px 35px 0px;
}
.radiantthemes-accordion.element-five .title {
height: 40px;
background: #6bb170;
color: white;
text-align: center;
padding-top: 13px;
}
.radiantthemes-accordion.element-five .ques_bx {
margin: 0;
padding: 0;
}
.radiantthemes-accordion.element-five .ques_bx li {
padding: 10px 0;
float: left;
width: 100%;
}
.radiantthemes-accordion.element-five .ques_bx li.question {
font-weight: bold;
cursor: pointer;
}
.radiantthemes-accordion.element-five .ques_bx li.a {
display: none;
color: #555759;
}
.radiantthemes-accordion.element-five .ques_bx li p {
margin-bottom: 0;
}
.radiantthemes-accordion.element-five .plus {
opacity: 1;
font-size: 1.3em;
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin-left: 10px;
margin-top: -2px;
float: right;
}
.radiantthemes-accordion.element-five .plus::after,
.radiantthemes-accordion.element-five .plus::before {
content: "" !important;
background: currentColor;
height: 2px;
width: 16px;
display: block;
position: absolute;
top: 50%;
left: 0;
transition: transform .3s ease-out;
}
.radiantthemes-accordion.element-five .plus::after {
transform: rotate(90deg);
}
.radiantthemes-accordion.element-five .text {
float: left;
color: #555759;
font-weight: 600;
margin-right: 10px;
}
.radiantthemes-accordion.element-five .minus {
opacity: 1;
font-size: 1.3em;
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin-left: 10px;
float: right;
}
.radiantthemes-accordion.element-five .minus::before {
transform: rotate(135deg);
}
.radiantthemes-accordion.element-five .minus::after {
transform: rotate(45deg);
} .radiantthemes-accordion.element-six .radiantthemes-accordion-set {
position: relative;
width: 100%;
height: auto;
background-color: #fff;
box-shadow: 0px 10px 70px -10px rgb(103 100 253 / 20%);
margin-top: 15px;
border: none;
border-radius: 4px;
}
.radiantthemes-accordion.element-six .radiantthemes-accordion-set>a {
display: block;
padding: 12px 25px;
text-decoration: none;
color: #555;
font-weight: 600; border: none;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.radiantthemes-accordion.element-six .radiantthemes-accordion-set>a i {
float: right;
margin-top: -25px;
color: #174DEF;
}
.radiantthemes-accordion.element-six .radiantthemes-accordion-set>a.rt-active i {
color: #ffffff;
}
.radiantthemes-accordion.element-six .radiantthemes-accordion-set>a.rt-active {
background-color: #174DEF;
color: #fff;
border-radius: 4px;
}
.radiantthemes-accordion.element-six .radiantthemes-accordion-content {
background-color: #fff; display: none;
border-radius: 4px;
}
.radiantthemes-accordion.element-six .radiantthemes-accordion-content p {
padding: 21px 25px;
margin: 0;
color: #47465E;
}  @media screen and (min-width:321px) and (max-width:479px) {
.radiantthemes-accordion.element-five .minus {
top: 22px;
right: -15px;
}
.radiantthemes-accordion.element-five .plus {
top: 22px;
right: -15px;
}
.header_holder .wraper_header_main > nav ul.elementor-nav-menu .mega-child-menu ul li {
border-bottom: 1px rgba(0, 0, 0, 0.075) solid;
background: #f1f1f1;
}
.elementor-19871 .elementor-element.elementor-element-c4898af {
padding: 0 !important;
}
} @media screen and (max-width:320px) {
.radiantthemes-accordion.element-five .minus {
top: 22px;
right: -15px;
}
.radiantthemes-accordion.element-five .plus {
top: 22px;
right: -15px;
}
} .radiantthemes-alert-box.element-one {
position: relative;
margin: 0;
padding: 13px 35px 12px 45px;
border-width: 1px;
border-style: solid;
border-radius: 3px;
text-align: left;
font-size: 14px;
line-height: 26px;
}
.radiantthemes-alert-box.element-one.alert-info {
background-color: #e8f3fa;
border-color: #c6dfef;
color: #3097db;
}
.radiantthemes-alert-box.element-one.alert-success {
background-color: #e0f2e0;
border-color: #c4e7c4;
color: #00a500;
}
.radiantthemes-alert-box.element-one.alert-warning {
background-color: #f9ebc8;
border-color: #f4d29c;
color: #df8c16;
}
.radiantthemes-alert-box.element-one.alert-danger {
background-color: #fce4e4;
border-color: #eec1c1;
color: #fb5455;
}
.radiantthemes-alert-box.element-one > .close {
position: absolute;
top: 13px;
right: 15px;
z-index: 1;
opacity: 1;
color: inherit;
}
.radiantthemes-alert-box.element-one > .close i {
font-size: 15px;
line-height: 15px;
}
.radiantthemes-alert-box.element-one > .icon {
position: absolute;
top: 50%;
left: 15px;
z-index: 1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.radiantthemes-alert-box.element-one > .icon i {
width: 16px;
text-align: center;
font-size: 16px;
line-height: 16px;
}
.radiantthemes-alert-box.element-one > strong {
font-weight: 600;
} .radiantthemes-alert-box.element-two {
position: relative;
margin: 0;
padding: 13px 35px 12px 45px;
border-width: 1px;
border-bottom-width: 6px;
border-style: solid;
border-radius: 3px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
text-align: left;
font-size: 14px;
line-height: 26px;
}
.radiantthemes-alert-box.element-two.alert-info {
background-color: #e8f3fa;
border-color: #c6dfef;
color: #3097db;
}
.radiantthemes-alert-box.element-two.alert-success {
background-color: #e0f2e0;
border-color: #c4e7c4;
color: #00a500;
}
.radiantthemes-alert-box.element-two.alert-warning {
background-color: #f9ebc8;
border-color: #f4d29c;
color: #df8c16;
}
.radiantthemes-alert-box.element-two.alert-danger {
background-color: #fce4e4;
border-color: #eec1c1;
color: #fb5455;
}
.radiantthemes-alert-box.element-two > .close {
position: absolute;
top: 13px;
right: 15px;
z-index: 1;
opacity: 1;
color: inherit;
}
.radiantthemes-alert-box.element-two > .close i {
font-size: 15px;
line-height: 15px;
}
.radiantthemes-alert-box.element-two > .icon {
position: absolute;
top: 50%;
left: 15px;
z-index: 1;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.radiantthemes-alert-box.element-two > .icon i {
width: 16px;
text-align: center;
font-size: 16px;
line-height: 16px;
}
.radiantthemes-alert-box.element-two > strong {
font-weight: 600;
} .rt-animated-link.element-one {
text-align: center;
}
.rt-animated-link.element-one > .holder {
position: relative;
display: inline-block;
vertical-align: top;
border: 2px rgba(0, 0, 0, 0.17) solid;
}
.rt-animated-link.element-one > .holder:before {
position: absolute;
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
z-index: 0;
content: " ";
border-width: 2px;
border-style: solid;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-animated-link.element-one > .holder:hover:before {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.rt-animated-link.element-one > .holder > .main-link {
position: relative;
display: block;
padding: 8px 20px 9px 20px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
} .rt-animated-link.element-two > .holder {
text-align: center;
}
.rt-animated-link.element-two > .holder > .main-link {
position: relative;
display: inline-block;
vertical-align: top;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-two > .holder > .main-link:before,
.rt-animated-link.element-two > .holder > .main-link:after {
position: absolute;
top: -1px;
z-index: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-two > .holder > .main-link:hover:before,
.rt-animated-link.element-two > .holder > .main-link:hover:after {
opacity: 1;
visibility: visible;
}
.rt-animated-link.element-two > .holder > .main-link:before {
left: 0;
content: "[";
}
.rt-animated-link.element-two > .holder > .main-link:hover:before {
left: -20px;
}
.rt-animated-link.element-two > .holder > .main-link:after {
right: 0;
content: "]";
}
.rt-animated-link.element-two > .holder > .main-link:hover:after {
right: -20px;
} .rt-animated-link.element-three > .holder {
text-align: center;
}
.rt-animated-link.element-three > .holder > .main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-top: 10px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-three > .holder > .main-link:before {
position: absolute;
top: -10px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-three > .holder > .main-link:hover:before {
top: 0;
opacity: 1;
visibility: visible;
} .rt-animated-link.element-four > .holder {
text-align: center;
}
.rt-animated-link.element-four > .holder > .main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-bottom: 10px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-four > .holder > .main-link:before {
position: absolute;
bottom: 10px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-four > .holder > .main-link:hover:before {
bottom: 0;
opacity: 1;
visibility: visible;
} .rt-animated-link.element-five > .holder {
text-align: center;
}
.rt-animated-link.element-five > .holder > .main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-top: 10px;
padding-bottom: 10px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-five > .holder > .main-link:before {
position: absolute;
top: 100%;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 1px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-five > .holder > .main-link:hover:before {
top: 0;
opacity: 1;
visibility: visible;
}
.rt-animated-link.element-five > .holder > .main-link:after {
position: absolute;
bottom: 0;
left: 15px;
right: 15px;
z-index: 0;
content: " ";
height: 1px;
background-color: #1d4fce;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-five > .holder > .main-link:hover:after {
left: 0;
right: 0;
} .rt-animated-link.element-six > .holder {
text-align: center;
}
.rt-animated-link.element-six > .holder > .main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-bottom: 10px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-six > .holder > .main-link > .dot-holder {
position: absolute;
bottom: 0;
left: 50%;
z-index: 0;
height: 4px;
opacity: 0;
visibility: hidden;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-six > .holder > .main-link:hover > .dot-holder {
opacity: 1;
visibility: visible;
}
.rt-animated-link.element-six > .holder > .main-link > .dot-holder > .dots {
display: inline-block;
vertical-align: top;
width: 4px;
height: 4px;
margin-left: 0;
margin-right: 0;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-six > .holder > .main-link:hover > .dot-holder > .dots {
margin-left: 3px;
margin-right: 3px;
} .rt-animated-link.element-seven > .holder {
text-align: center;
}
.rt-animated-link.element-seven > .holder > .main-link {
position: relative;
display: inline-block;
vertical-align: top;
padding-top: 5px;
padding-bottom: 5px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-seven > .holder > .main-link:before,
.rt-animated-link.element-seven > .holder > .main-link:after {
position: absolute;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 2px;
opacity: 0.8;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-animated-link.element-seven > .holder > .main-link:before {
top: 0;
}
.rt-animated-link.element-seven > .holder > .main-link:after {
bottom: 0;
}
.rt-animated-link.element-seven > .holder > .main-link:hover:before,
.rt-animated-link.element-seven > .holder > .main-link:hover:after {
opacity: 0.4;
}
.rt-animated-link.element-seven > .holder > .main-link:hover:before {
top: 50%;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.rt-animated-link.element-seven > .holder > .main-link:hover:after {
bottom: 50%;
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
} .rt-animated-link.element-eight {
text-align: center;
}
.rt-animated-link.element-eight > .holder {
position: relative;
display: inline-block;
vertical-align: top;
perspective: 800px;
text-align: center;
}
.rt-animated-link.element-eight > .holder > .main-link-fliper,
.rt-animated-link.element-eight > .holder > .main-link {
display: block;
padding: 10px 20px 10px 20px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
}
.rt-animated-link.element-eight > .holder > .main-link-fliper {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
display: block;
color: #fff;
transform-origin: 0 0;
-webkit-transform-origin: 0 0;
transform: rotateX(268deg);
-webkit-transform: rotateX(268deg);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-animated-link.element-eight > .holder:hover > .main-link-fliper {
transform: rotateX(0);
-webkit-transform: rotateX(0);
}
.rt-animated-link.element-eight > .holder > .main-link {
background-color: rgba(0, 0, 0, 0.1);
border-top: 2px rgba(0, 0, 0, 0.7) solid;
} .rt-beforeafter.element-one {
position: relative;
overflow: hidden;
}
.rt-beforeafter.element-one img {
width: 100%;
display: block;
max-width: none;
}
.rt-beforeafter.element-one .resize {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 57.5%;
overflow: hidden;
}
.rt-beforeafter.element-one .handle {
position: absolute;
left: 57.5%;
top: 0;
bottom: 0;
width: 2px;
margin-left: -1px;
background: white;
cursor: ew-resize;
}
.rt-beforeafter.element-one .handle:after {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
margin-top: -22px;
margin-left: -22px;
content: " ";
background: url(//o3mdm.com/wp-content/plugins/radiantthemes-addons/assets/images/beforeafter-element-one-icon.png) 0px 0px no-repeat;
border: none;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-beforeafter.element-one .handle.ba-draggable:after {
transform: scale(0.8);
-webkit-transform: scale(0.8);
} .rt-beforeafter.element-two {
position: relative;
overflow: hidden;
}
.rt-beforeafter.element-two 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: white;
cursor: ew-resize;
}
.rt-beforeafter.element-two .handle:after {
position: absolute;
top: 50%;
width: 24px;
height: 13px;
margin-top: -6px;
margin-left: -11px;
content: " ";
background: url(//o3mdm.com/wp-content/plugins/radiantthemes-addons/assets/images/beforeafter-element-two-icon.png) 0px 0px no-repeat;
border: none;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-beforeafter.element-two .handle.ba-draggable:after {
transform: scale(0.8);
-webkit-transform: scale(0.8);
} .rt-beforeafter.element-three {
position: relative;
overflow: hidden;
}
.rt-beforeafter.element-three 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: white;
cursor: ew-resize;
}
.rt-beforeafter.element-three .handle:after {
position: absolute;
top: 50%;
width: 44px;
height: 44px;
margin-top: -22px;
margin-left: -22px;
content: " ";
background: url(//o3mdm.com/wp-content/plugins/radiantthemes-addons/assets/images/beforeafter-element-three-icon.png) 0px 0px no-repeat;
border: none;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-beforeafter.element-three .handle.ba-draggable:after {
transform: scale(0.8);
-webkit-transform: scale(0.8);
} .radiantthemes-blockquote.element-one > blockquote {
text-align: center;
}
.radiantthemes-blockquote.element-one > blockquote > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-blockquote.element-one > blockquote > i.fa {
display: block;
margin-bottom: 20px;
font-size: 80px;
color: #e7e9ef;
line-height: 80px;
}
.radiantthemes-blockquote.element-one > blockquote cite {
display: block;
margin-top: 20px;
font-weight: 500;
font-size: 13px;
color: #2f2f2f;
line-height: 25px;
font-style: normal;
} .radiantthemes-blockquote.element-two > blockquote {
font-weight: 500;
}
.radiantthemes-blockquote.element-two > blockquote > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-blockquote.element-two > blockquote > i.fa {
display: none;
}
.radiantthemes-blockquote.element-two > blockquote cite {
display: block;
margin-top: 20px;
font-weight: 400;
font-size: 14px;
color: #2f2f2f;
line-height: 25px;
font-style: normal;
} .radiantthemes-blockquote.element-three > blockquote {
position: relative;
padding-left: 65px;
}
.radiantthemes-blockquote.element-three > blockquote > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-blockquote.element-three > blockquote > i.fa {
position: absolute;
top: 4px;
left: 0;
z-index: 1;
font-size: 45px;
color: #5d5e64;
line-height: 45px;
}
.radiantthemes-blockquote.element-three > blockquote cite {
display: block;
margin-top: 20px;
font-weight: 500;
font-size: 13px;
color: #2f2f2f;
line-height: 25px;
font-style: normal;
} .blog.element-one .blog-item {
display: block;
position: relative; overflow: hidden;
float: left;
}
.blog.element-one .blog-item > .holder > .data > .post-meta span.comments { }
.blog.element-one .blog-item > .holder > .data > .post-meta span.comments i {
margin-right: 7px;
}
.blog.element-one .blog-item > .holder {
background-color: #fff; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.1);
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.blog.element-one .blog-item > .holder > .pic {
transform: scale(1.06);
position: relative;
overflow: hidden;
transition: transform 1s cubic-bezier(.33, .02, 0, .93);
}
.blog.element-one .blog-item > .holder > .pic > .placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover;
background-position: center;
}
.blog.element-one .blog-item > .holder:hover > .pic {
transform: scale(1.06) translateX(3%);
transition: transform 1s cubic-bezier(.33, .02, 0, .93);
}
.blog.element-one .blog-item > .holder > .pic .bg-overlay {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}  .blog.element-one .blog-item .ti-plus {
display: none;
}
.blog.element-one .blog-item > .holder:hover > .pic:before {
opacity: 1;
visibility: visible;
}
.blog.element-one .blog-item > .holder > .pic > img {
width: 100%;
float: left; }
.blog.element-one .blog-item > .holder > .data {
padding: 34px 0px 10px 0;
}
.blog.element-one .blog-item > .holder > .data > .date {
margin-bottom: 8px;
width: 100%;
float: left;
color: #51565E;
font-size: 13px;
}
.blog.element-one .blog-item > .holder > .data > .title {
display: inline-block;
line-height: 0;
margin-bottom: 10px;
}
.blog.element-one .blog-item > .holder > .data > .title > a {
text-decoration: none;
color: #1A1C26;
font-size: 22px; line-height: 32px; }
.blog.element-one .blog-item > .holder > .data > .post-meta { }
.blog.element-one .blog-item > .holder > .data > .post-meta > span {
font-size: 13px;
color: #51565E;
margin-right: 30px; }
.blog.element-one .blog-item > .holder > .data > span.author {
color: #6a7c92;
} @media screen and (min-width:480px) and (max-width:768px) {
.blog.element-one .blog-item { }
}
@media screen and (min-width:321px) and (max-width:479px) {
.blog.element-one .blog-item {
padding: 0;
}
}
@media screen and (min-width:321px) and (max-width:479px) {
.blog.element-one .blog-item > .holder > .pic > img {
height: 100%;
}
} @media screen and (max-width:320px) {
.blog.element-one .blog-item > .holder > .pic > img {
height: 100%;
}
.blog.element-one .blog-item {
padding: 0;
}
} .blog.element-two .blog-item {
display: block;
position: relative;
padding: 0 15px;
overflow: hidden;
float: left;
}
.blog.element-two .blog-item > .holder > .data > .post-meta span.comments {
float: right;
}
.blog.element-two .blog-item > .holder > .data > .post-meta span.comments i {
margin-right: 7px;
}
.blog.element-two .blog-item > .holder {
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.blog.element-two .blog-item > .holder > .pic {
transform: scale(1) translateY(0);
position: relative;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.blog.element-two .blog-item > .holder > .pic > .placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover;
background-position: center;
}
.blog.element-two .blog-item > .holder:hover > .pic {
transform: scale(1.1) translateY(-9px);
}
.blog.element-two .blog-item > .holder > .pic .bg-overlay {
background: rgba(0, 0, 0, 0.5);
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.blog.element-two .blog-item > .holder:hover > .pic .bg-overlay {
opacity: 1;
}
.blog.element-two .blog-item > .holder > .pic:before {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
content: "";
z-index: 2;
background-color: rgba(0, 0, 0, 0.3);
opacity: 0;
visibility: hidden;
transition: all 0.6s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.6s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.blog.element-two .blog-item > .holder:hover > .pic:before {
opacity: 1;
visibility: visible;
}
.blog.element-two .blog-item > .holder > .pic > img {
width: 100%;
float: left;
height: 230px;
}
.blog.element-two .blog-item > .holder > .post-btn > .category-list {
position: absolute;
top: 19px;
right: 5px;
z-index: 2;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-25px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.blog.element-two .blog-item > .holder:hover > .post-btn > .category-list {
position: absolute;
top: 15px;
right: 5px;
z-index: 2;
font-size: 0;
opacity: 1;
visibility: visible;
transform: translateY(0px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.blog.element-two .blog-item > .holder > .post-btn > .category-list > a {
display: inline-block;
vertical-align: top;
margin-right: 8px;
margin-bottom: 10px;
padding: 8px 15px 8px 15px;
border: 1px solid #fff;
border-radius: 30px;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
color: #fff;
line-height: 1.1;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
text-decoration: none;
}
.blog.element-two .blog-item > .holder > .post-btn > .category-list > a:hover {
color: #1A1C26;
background-color: #fff;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.blog.element-two .blog-item > .holder > .post-btn > .post-button {
display: block;
position: absolute;
top: 25%;
left: 0px;
right: 0px;
width: 35%;
margin: 0 auto;
padding: 5px 10px;
color: #fff;
text-align: center;
background: linear-gradient(90deg, #F97D41 0%, #FE6664 100%);
z-index: 2;
border-radius: 3px;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
text-decoration: none;
font-size: 13px;
}
.blog.element-two .blog-item > .holder:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.blog.element-two .blog-item > .holder > .post-btn > .post-button:hover {
background-color: #FC6086;
}
.blog.element-two .blog-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
color: #ffffff;
}
.blog.element-two .blog-item > .holder > .post-btn > .post-button > .ti-angle-right {
color: #FC6086;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
}
.blog.element-two .blog-item > .holder > .data {
padding: 15px 20px 15px 25px;
}
.blog.element-two .blog-item > .holder > .data > .date {
margin-bottom: 8px;
width: 100%;
float: left;
color: #51565E;
font-size: 13px;
}
.blog.element-two .blog-item > .holder > .data > .title {
display: inline-block;
line-height: 0;
}
.blog.element-two .blog-item > .holder > .data > .title > a {
text-decoration: none;
color: #1A1C26;
font-size: 22px;
font-weight: 500;
line-height: 32px;
letter-spacing: -0.7px;
}
.blog.element-two .blog-item > .holder > .data > .post-meta {
border-top: 1px solid #CCCCCC;
padding-top: 12px;
}
.blog.element-two .blog-item > .holder > .data > .post-meta > span {
font-size: 13px;
color: #51565E; }
.blog.element-two .blog-item > .holder > .data > span.author {
color: #6a7c92;
} @media screen and (min-width:321px) and (max-width:479px) {
.blog.element-two .blog-item > .holder > .pic > img {
height: 100%;
}
} @media screen and (max-width:320px) {
.blog.element-two .blog-item > .holder > .pic > img {
height: 100%;
}
}  .blog.element-three .style-one .category-list {
position: absolute;
top: 19px;
right: 5px;
z-index: 2;
font-size: 0;
}
.blog.element-three .style-one .category-list > a {
display: inline-block;
vertical-align: top;
margin-right: 8px;
margin-bottom: 10px;
padding: 8px 15px 8px 15px;
background-color: rgba(255, 255, 255, 0.87);
border-radius: 30px;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
color: #181b31;
line-height: 1.1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog.element-three .style-one .category-list > a:hover {
color: #ffffff;
background-color: #190e22;
opacity: 0.87;
}
.blog.element-three .style-one {
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
border-radius: 5px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.blog.element-three .style-one .post-thumbnail {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 15px;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.blog.element-three .style-one .post-thumbnail > img {
width: 100%;
float: left;
}
.blog.element-three .style-one .post-thumbnail > .placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-position-x: center;
background-position-y: top;
background-image: none;
background-size: auto;
background-size: cover;
background-position: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.blog.element-three .style-one .post-btn {
text-align: right;
top: -42px;
position: relative;
right: 25px;
}
.blog.element-three .style-one .post-button {
display: block;
float: right;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.blog.element-three .style-one:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.blog.element-three .style-one .post-data {
padding: 15px 20px 25px 25px;
}
.blog.element-three .style-one .entry-main .entry-header h3.entry-title {
margin-bottom: 13px;
padding-bottom: 12px;
line-height: 0;
border-bottom: 1px #ededed solid;
}
.blog.element-three .style-one .entry-main .entry-header .entry-title a {
color: inherit;
}
.blog.element-three .style-one .post-button .ti-angle-right {
color: #1ed5a4;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
border-radius: 100%;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.blog.element-three .style-one .post-button:hover .ti-angle-right {
color: #ffffff !important;
}
.blog.element-three .style-one.blog-item {
margin: 0 15px 0 15px;
}
.blog.element-three .owl-stage-outer {
padding: 0 0 13px 0;
}
.blog.element-three .style-one .post-meta {
margin-bottom: 0;
font-size: 0;
}
.blog.element-three .style-one .post-meta span.author {
color: #6a7c92;
}
.blog.element-three .style-one .post-meta span {
font-size: 15px;
color: #999;
line-height: 1.8;
text-decoration: none;
margin-right: 60px;
} .blog[class*='element-'] .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 > .owl-prev,
.blog[class*='element-'] .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 (min-width: 1281px) {}
@media (min-width: 1025px) and (max-width: 1280px) {}
@media (min-width: 768px) and (max-width: 1024px) {}
@media (max-width: 767px) {} .blog[class*='element-'] .owl-nav {
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 > .owl-prev,
.blog[class*='element-'] .owl-nav > .owl-next {
margin-left: 7px;
margin-right: 7px;
}
.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
position: absolute;
top: 50%;
margin-top: -20px;
background-color: rgba(255, 255, 255, 0.95);
}
.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
left: 15px;
}
.blog[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
right: 15px;
}
.blog[class*='element-'] .owl-nav > .owl-prev:before,
.blog[class*='element-'] .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #08276e;
line-height: 36px;
}
.blog[class*='element-'] .owl-nav > .owl-prev:before {
content: "\f104";
}
.blog[class*='element-'] .owl-nav > .owl-next:before {
content: "\f105";
}
.blog[class*='element-'] .owl-dots {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots {
text-align: center;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots {
text-align: right;
}
.blog[class*='element-'] .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
margin-left: 5px;
margin-right: 5px;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
margin-left: 3px;
margin-right: 3px;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
display: block;
width: 10px;
height: 10px;
background-color: #a8a8a8;
;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
background-color: #6a30f5;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
display: block;
width: 15px;
height: 3px;
background-color: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.blog[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
background-color: #fde428;
} .blog.element-four {
width: auto;
margin-left: -15px;
margin-right: -15px;
} .blog.element-four .blog-item > .holder > .pic {
position: relative;
margin-bottom: 30px;
padding-top: calc((66 / 100) * 100%);
}
.blog.element-four .blog-item > .holder > .pic > .pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
transition: .5s ease;
backface-visibility: hidden;
cursor: pointer !important;
width: 100%;
-webkit-filter: brightness(100%);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
border-radius: 4px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.blog.element-four .blog-item > .holder:hover > .pic > .pic-main {
-webkit-filter: brightness(80%);
-webkit-transition: all .5s ease;
-moz-transition: all .5s ease;
-o-transition: all .5s ease;
-ms-transition: all .5s ease;
transition: all .5s ease;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.09);
}
.blog.element-four .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.blog.element-four .blog-item > .holder > .data ul.meta {
margin-bottom: 9px;
}
.blog.element-four .blog-item > .holder > .data ul.meta > li {
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.blog.element-four .blog-item > .holder > .data ul.meta > li a {
color: inherit;
}
.blog.element-four .blog-item > .holder > .data ul.meta > li.date i {
margin-right: 8px;
background: linear-gradient(to left, #FF7454 0%, #FF0C86 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 15px;
font-weight: 700;
}
.blog.element-four .blog-item > .holder > .data .title {
margin-bottom: 10px;
margin-top: 8px;
}
.blog.element-four .blog-item > .holder > .data .btn span {
position: relative;
display: inline-block;
background: linear-gradient(to left, #FF7454 0%, #FF0C86 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-weight: 500;
}
.blog.element-four .blog-item > .holder > .data .btn span:before {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.blog.element-four .blog-item > .holder > .data .btn span:after,
.blog.element-four .blog-item > .holder > .data .btn span:before {
content: "";
position: absolute;
bottom: 3px;
left: 0;
width: 100%;
height: 1px;
background-color: #FF7454;
-webkit-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
-o-transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
transition: 0.35s cubic-bezier(0.04, 0.11, 0.6, 0.97);
}
.blog.element-four .blog-item > .holder > .data .btn:hover span:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.blog.element-four .blog-item > .holder > .data .btn span:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.blog.element-four .blog-item > .holder > .data .btn:hover span:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-delay: 0.34s;
-o-transition-delay: 0.34s;
transition-delay: 0.34s;
}
.blog.element-four:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
}
.blog.element-four .blog-item > .holder > .pic > .tag-name {
position: absolute;
top: 15px;
right: 15px;
z-index: 999;
display: inline-block;
width: auto;
padding: 0;
text-align: center;
}
.blog.element-four .blog-item > .holder > .pic > .tag-name a {
color: #fff !important;
text-align: center;
padding: 6px 20px;
background: linear-gradient(to top right, #FF0C86 0%, #FF7454 100%);
border-radius: 4px;
margin-right: 8px;
font-size: 14px;
line-height: 26px;
font-weight: 600;
text-transform: capitalize;
}
.blog.element-four .blog-item > .holder > .pic > .date-area {
position: absolute;
top: 15px;
right: 15px;
z-index: 999;
display: inline-block;
width: auto;
padding: 5px 0;
text-align: center;
background: #fff;
border-radius: 4px;
color: #377DFF;
font-size: 15px;
width: 60px;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
}
.blog.element-four .blog-item > .holder > .pic > .date-area span {
font-size: 22px;
line-height: normal;
font-weight: 700;
display: block;
width: 100%;
} .blog.element-five .blog-item {
margin-bottom: 30px;
display: block;
position: relative;
padding: 5px 0px; overflow: hidden;
float: left;
transition: all 0.4s cubic-bezier(.2, 0, .3, 1) !important;
-webkit-transition: all 0.4s cubic-bezier(.2, 0, .3, 1) !important;
box-shadow: 0px 10px 35px -10px rgba(103.00000000000011, 99.99999999999999, 253, 0.2);
}
.blog.element-five .blog-item:hover {
transform: translate3d(0, -5px, 0);
}
.blog.element-five .blog-item .holder { position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
}
@media all and (max-width: 767px) {
.blog.element-five .blog-item .holder {
overflow: visible;
}
} @media all and (max-width: 439px) {
.blog.element-five .blog-item {
margin-bottom: 63px;
clear: both;
}
} .blog.element-five .blog-item .holder .pic { position: relative;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
border-radius: 4px; }
.blog.element-five .blog-item .holder:hover .pic { border-radius: 4px;
}
.blog.element-five .blog-item .holder .pic .bg-overlay { position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
overflow: hidden !important;
border-radius: 4px;
-webkit-transition: all 0.5s ease-in-out 0s;
-moz-transition: all 0.5s ease-in-out 0s;
transition: all 0.5s ease-in-out 0s;
}
.blog.element-five .blog-item .holder:hover .pic .bg-overlay {
opacity: 1;
}
.blog.element-five .blog-item .holder .pic img {
width: 100%;
float: left;
height: 100%;
}
.blog.element-five .blog-item .holder .post-btn .post-button .ti-angle-right {
display: block;
position: absolute;
top: 110px;
left: 0px;
right: 0px;
width: 60px;
height: 60px;
line-height: 40px;
margin: 0 auto;
padding: 10px 20px;
color: #fff;
text-align: center;
background: linear-gradient(to right, #FF018A 0%, #FF6157 100%);
z-index: 2; border-radius: 50%;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
text-decoration: none;
font-size: 18px;
}
@media screen and (min-width: 481px) and (max-width: 767px) {
.blog.element-five .blog-item .holder .post-btn .post-button .ti-angle-right {
top: 180px;
}
}
.blog.element-five .blog-item .holder:hover .post-button .ti-angle-right {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.blog.element-five .blog-item .holder .post-btn .post-button:hover {
background-color: #FC6086;
}
.blog.element-five .blog-item .holder .data {
padding: 23px 30px 6px 30px;
float: left;
width: 100%;
}
.blog.element-five .blog-item .holder .data .date {
margin-bottom: 6px; float: left;
color: #808595;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.06;
text-align: right;
padding: 0 13px 0 0;
display: block;
position: relative;
}
.blog.element-five .blog-item .holder .data .date i {
margin-right: 8px;
background: linear-gradient(to left, #545454 0%, #545454 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 15px;
font-weight: 700;
}
.blog.element-five .blog-item .holder .data .category {
margin-bottom: 6px; float: left;
color: #FB5248;
font-size: 16px;
line-height: 30px;
letter-spacing: 0.06;
text-align: left;
padding: 0 0px 0 13px;
}
.blog.element-five .blog-item .holder .data .date:after {
content: "";
background: #808595;
width: 1px;
height: 14px;
position: absolute;
right: 0;
top: 9px;
}
.blog.element-five .blog-item .holder .data .title {
text-align: left;
float: left;
margin-top: 0px;
width: 100%;
font-size: 20px;
font-weight: 600;
line-height: 30px;
letter-spacing: 0.06px;
}
.blog.element-five .blog-item .holder .data .title a {
text-decoration: none;
color: #000000;
font-size: 18px;
font-weight: 600;
line-height: 32px;
letter-spacing: 0px;
}
@media screen and (min-width: 925px) and (max-width: 1023px) {
.blog.element-five .blog-item .holder .data .title a {
padding-left: 25px;
padding-right: 25px;
}
}
@media all and (max-width: 768px) {
.blog.element-five .blog-item .holder .data .title a {
font-size: 17px;
}
}
@media all and (max-width: 480px) {
.blog.element-five .blog-item .holder .data .date {
font-size: 14px;
}
.blog.element-five .blog-item .holder .data .category {
font-size: 14px;
}
.blog.element-five .blog-item .holder .data .date:after {
top: 8px;
}
} .blog.element-six {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.blog.element-six .blog-item {
padding-left: 15px;
padding-right: 15px;
}
.blog.element-six .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 19px;
padding-top: calc((66 / 100) * 100%);
}
.blog.element-six .blog-item > .holder > .pic > .pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: .42s ease-out;
-webkit-transition: .42s ease-out;
transform: scale(1.01);
}
.blog.element-six .blog-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.blog.element-six .blog-item > .holder > .data ul.meta {
margin-bottom: 9px;
}
.blog.element-six .blog-item > .holder > .data ul.meta > li {
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.blog.element-six .blog-item > .holder > .data ul.meta > li a {
color: inherit;
}
.blog.element-six .blog-item > .holder > .data .title {
margin-bottom: 15px;
font-weight: 600;
font-size: 20px;
line-height: 26px;
letter-spacing: -0.3px;
}
.blog.element-six .blog-item > .holder > .data .title a {
color: inherit;
}
.blog.element-six .blog-item > .holder:hover > .pic > .pic-main {
-webkit-transform: scale(1.035);
-ms-transform: scale(1.035);
transform: scale(1.035);
}
.blog.element-six .blog-item > .holder > .data .btn span {
position: relative;
display: inline-block;
}
.blog.element-six .blog-item > .holder > .data .btn i {
padding-left: 8px;
}
.blog.element-six:not(.owl-carousel) .blog-item {
float: left;
margin-bottom: 40px;
}     .radiantthemes-button {
width: 100%;
}
.radiantthemes-button[data-button-direction=left] {
text-align: left;
}
.radiantthemes-button[data-button-direction=center] {
text-align: center;
}
.radiantthemes-button[data-button-direction=right] {
text-align: right;
}
.radiantthemes-button .radiantthemes-button-main {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.radiantthemes-button[data-button-fullwidth=true] .radiantthemes-button-main {
width: 100%;
}
.radiantthemes-button[class*='hover-style-'] .radiantthemes-button-main > .overlay {
position: absolute;
z-index: 0;
content: " ";
}
.radiantthemes-button .radiantthemes-button-main > .placeholder {
position: relative;
}
.radiantthemes-button .radiantthemes-button-main i {
transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.radiantthemes-button[data-button-icon-position=left] .radiantthemes-button-main i {
margin-right: 10px;
}
.radiantthemes-button[data-button-icon-position=right] .radiantthemes-button-main i {
margin-left: 10px;
}  .radiantthemes-button.hover-style-two .radiantthemes-button-main {
overflow: hidden;
}
.radiantthemes-button.hover-style-two .radiantthemes-button-main > .overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
border-radius: inherit;
transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
}
.radiantthemes-button.hover-style-two .radiantthemes-button-main:hover > .overlay {
width: 100%;
} .radiantthemes-button.hover-style-three .radiantthemes-button-main > .overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-button.hover-style-three .radiantthemes-button-main:hover > .overlay {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
} .radiantthemes-button.hover-style-four .radiantthemes-button-main i {
opacity: 0;
visibility: hidden;
}
.radiantthemes-button.hover-style-four .radiantthemes-button-main:hover i {
opacity: 1;
visibility: visible;
}
.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main i {
margin-right: -3px;
}
.radiantthemes-button[data-button-icon-position=left].hover-style-four .radiantthemes-button-main:hover i {
margin-right: 10px;
}
.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main i {
margin-left: -3px;
}
.radiantthemes-button[data-button-icon-position=right].hover-style-four .radiantthemes-button-main:hover i {
margin-left: 10px;
} .radiantthemes-button.hover-style-five .radiantthemes-button-main:hover {
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
} .radiantthemes-button.hover-style-six .radiantthemes-button-main {
backface-visibility: hidden;
}
.radiantthemes-button.hover-style-six .radiantthemes-button-main:hover {
animation-name: ButtonHoverSixHorizontalShake;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes ButtonHoverSixHorizontalShake {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
100% {
transform: translateX(0);
}
} .radiantthemes-button.hover-style-seven .radiantthemes-button-main {
backface-visibility: hidden;
}
.radiantthemes-button.hover-style-seven .radiantthemes-button-main:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
-webkit-transform: scale(1.1);
} .rt-call-to-action-wraper.element-one {
position: relative;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
clear: both;
}
.rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
position: absolute;
top: 0;
right: -30px;
z-index: 0;
width: calc(50% - 165px);
height: 100%;
transform: skew(-15deg);
-webkit-transform: skew(-15deg);
}
.rt-call-to-action-wraper.element-one .rt-call-to-action {
max-width: 1140px;
margin: 0 auto;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
padding: 40px 0px 40px 0px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item > .table > .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h3 {
margin-bottom: 10px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 {
margin-bottom: 15px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
display: block;
margin-top: 3px;
font-size: 170%;
line-height: 120%;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item p {
margin-bottom: 20px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item .btn {
margin-bottom: 20px;
padding: 7px 20px 7px 20px;
border-radius: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} @media screen and (min-width: 1200px) {
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
background: none !important;
}
} @media screen and (min-width: 992px) and (max-width: 1199px) {
.rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
width: calc(50% - 60px);
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
background: none !important;
}
} @media screen and (min-width: 768px) and (max-width: 991px) {
.rt-call-to-action-wraper.element-one {
padding-left: 15px;
padding-right: 15px;
}
.rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
width: calc(50% - 40px);
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
background: none !important;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
margin-left: -30px;
margin-right: -30px;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
margin-left: -30px;
margin-right: -30px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (max-width: 320px) {
.rt-call-to-action-wraper.element-one > .rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action > [class*='col-'] .rt-call-to-action-item {
margin-left: -30px;
margin-right: -30px;
}
.rt-call-to-action-wraper.element-one .rt-call-to-action-item h4 strong {
font-size: 140%;
}
.blog.element-fifteen .blog-item .holder .data .date {
margin-bottom: 8px;
width: auto;
float: left;
color: #808595;
font-size: 14px;
line-height: 14px;
text-align: right;
padding: 0 13px 0 0;
display: block;
position: relative;
}
.blog.element-fifteen .blog-item .holder .data .category {
margin-bottom: 8px;
width: auto;
float: left;
color: #FB5248;
font-size: 14px;
line-height: 14px;
text-align: left;
padding: 0 0px 0 13px;
}
} .rt-call-to-action-wraper.element-two {
position: relative;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
clear: both;
}
.rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
position: absolute;
top: 0;
right: 0;
z-index: 0;
width: calc(50% - 400px);
height: 100%;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action {
max-width: 1140px;
margin: 0 auto;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
padding: 15px 0px 15px 0px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(1) .rt-call-to-action-item {
margin-right: 20px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
position: relative;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item:before {
position: absolute;
top: 0;
left: -20px;
z-index: 0;
content: " ";
width: 0;
height: 100%;
border-left: 10px rgba(255, 255, 255, 0.2) solid;
border-right: 10px rgba(255, 255, 255, 0.13) solid;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item > .table > .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h3 {
margin-bottom: 10px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 {
margin-bottom: 15px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
display: block;
margin-top: 3px;
font-size: 140%;
line-height: 120%;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item p {
margin-bottom: 20px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item .btn {
margin-bottom: 20px;
padding: 7px 20px 7px 20px;
border-radius: 0;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}  @media screen and (min-width: 992px) and (max-width: 1199px) {
.rt-call-to-action-wraper.element-two {
padding-left: 15px;
padding-right: 15px;
}
} @media screen and (min-width: 768px) and (max-width: 991px) {
.rt-call-to-action-wraper.element-two {
padding-left: 15px;
padding-right: 15px;
}
.rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
width: calc(50% - 200px);
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
margin-left: -10px;
margin-right: -30px;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
margin-left: -10px;
margin-right: -30px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (max-width: 320px) {
.rt-call-to-action-wraper.element-two > .rt-call-to-action-wraper-overlay {
display: none;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item {
padding: 30px 20px 30px 20px;
text-align: center;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action > [class*='col-']:nth-child(2) .rt-call-to-action-item {
margin-left: -10px;
margin-right: -30px;
}
.rt-call-to-action-wraper.element-two .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} .rt-call-to-action-wraper.element-three {
clear: both;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action {
max-width: 1140px;
margin: 0 auto;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
padding: 30px 25px 30px 25px;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item > .table > .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h3 {
margin-bottom: 10px;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 {
margin-bottom: 15px;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
display: block;
margin-top: 3px;
font-size: 170%;
line-height: 120%;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item p {
margin-bottom: 20px;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item .btn {
margin-bottom: 20px;
padding: 7px 20px 7px 20px;
border-radius: 30px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
text-align: center;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
text-align: center;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
font-size: 140%;
}
} @media screen and (max-width: 320px) {
.rt-call-to-action-wraper.element-three .rt-call-to-action-item {
text-align: center;
}
.rt-call-to-action-wraper.element-three .rt-call-to-action-item h4 strong {
font-size: 140%;
}
}      .radiantthemes-circular-progress-bar {
text-align: center;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main {
position: relative;
display: inline-block;
vertical-align: top;
width: 190px;
height: 190px;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div {
position: absolute;
width: 190px;
height: 190px;
border-radius: 50%;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span {
position: absolute;
top: 3px;
left: 3px;
width: 184px;
height: 184px;
border-radius: 50%;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main div span > .table > .table-cell {
position: static;
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .background {
background-color: #b3cef6;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .rotate,
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left,
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right {
clip: rect(0 95px 190px 0);
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .left {
opacity: 1;
}
.radiantthemes-circular-progress-bar .radiantthemes-circular-progress-bar-main .right {
transform: rotate(180deg);
opacity: 0;
} .rt-progress-bar.element-two {
padding: 0px;
}
.rt-progress-bar.element-two .section-title p {
margin-left: 0;
margin-right: 0;
color: #ffffff;
opacity: .95;
}
.rt-progress-bar.element-two .skills {
position: relative;
}
.rt-progress-bar.element-two .skills .skill-item {
position: relative;
margin-bottom: 25px;
}
.rt-progress-bar.element-two .skills .skill-item .skill-header {
position: relative;
margin-bottom: 10px;
}
.rt-progress-bar.element-two .skills .skill-item .skill-header .skill-title {
font-size: 18px;
font-weight: 600;
margin-bottom: 0;
color: #fff;
}
.rt-progress-bar.element-two .skills .skill-item .skill-header .skill-percentage {
position: absolute;
right: 0;
top: 1px;
font-size: 18px;
font-weight: 600;
color: #fff;
}
.rt-progress-bar.element-two .skills .skill-item:last-child {
margin-bottom: 0;
}
.rt-progress-bar.element-two .skills .skill-item .skill-bar {
position: relative;
width: 100%;
}
.rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner {
position: relative;
width: 100%;
border-radius: 10px;
background: rgba(255, 255, 255, 0.5);
-webkit-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
.rt-progress-bar.element-two .skills .skill-item .skill-bar .bar-inner .bar {
position: absolute;
left: 0;
top: 0;
width: 0;
background: #9548fd;
background: -moz-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%);
background: -webkit-linear-gradient(left, #9548fd 44%, #5626ff 65%, #5626ff 100%);
background: linear-gradient(to right, #9548fd 44%, #5626ff 65%, #5626ff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9548fd', endColorstr='#5626ff', GradientType=1);
border-radius: 10px;
-webkit-transition: width 1.5s ease-in-out;
transition: width 1.5s ease-in-out;
} .rt-progress-bar.element-three {
display: table;
height: 210px;
position: relative;
width: 210px;
}
.rt-progress-bar.element-three .ProgressBar-contentCircle {
display: table;
height: 210px;
position: absolute;
width: 210px;
}
.rt-progress-bar.element-three .ProgressBar-circle,
.rt-progress-bar.element-three .ProgressBar-background {
fill: none;
stroke: #4812ff;
stroke-width: 8;
stroke-linecap: round;
stroke-dasharray: 0;
stroke-dashoffset: 0;
position: relative;
z-index: 10;
}
.rt-progress-bar.element-three .ProgressBar-background {
stroke: #b5b5b5;
stroke-width: 8;
z-index: 0;
}
.rt-progress-bar.element-three .ProgressBar-percentage {
color: #f00;
font-size: 40px;
font-weight: 600;
text-align: center;
width: 100%;
display: table-cell;
vertical-align: middle;
} .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: 00px;
} .clients.element-one .clients-item > .holder {
text-align: center;
}
.clients.element-one .clients-item > .holder > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.clients.element-one .clients-item > .holder > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.clients.element-one .clients-item > .holder .pic {
display: inline-block;
vertical-align: top; }    @media screen (max-width: 767px) {
.clients.element-one:not(.owl-carousel) .clients-item {
width: 100% !important;
margin-bottom: 0;
}
} .clients.element-two {
width: auto;
margin-left: 0;
margin-right: 0;
padding: 10px 20px 10px 20px;
background-color: #f9f9f9;
}
.clients.element-two:not(.owl-carousel):after {
display: block;
content: " ";
width: 100%;
height: 0;
clear: both;
}
.clients.element-two * {
margin: 0 auto;
}
.clients.element-two .clients-item {
padding: 5px 15px 10px 15px;
}
.clients.element-two:not(.owl-carousel) .clients-item {
float: left;
margin-bottom: 40px;
}
.clients.element-two .clients-item > .holder {
text-align: center;
}
.clients.element-two .clients-item > .holder > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.clients.element-two .clients-item > .holder > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.clients.element-two .clients-item > .holder .pic {
display: inline-block;
vertical-align: top;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.clients.element-two:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.clients.element-two:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.clients.element-two:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} .clients.element-three {
width: auto;
} .clients.element-three .clients-item .holder:hover .pic .client-cover-img {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
transform: translateY(100%);
}
.clients.element-three .clients-item .holder .client-cover-img {
position: relative;
display: block;
width: auto;
margin: 0 auto;
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
transition: transform .3s ease;
}
.clients.element-three .clients-item .holder img {
display: block;
}
.clients.element-three .clients-item .holder:hover .pic .client-alt-img {
-webkit-transform: translate(-50%, 0);
-moz-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
.clients.element-three .clients-item .holder .client-alt-img {
position: absolute;
top: 0;
left: 50%;
width: auto;
-webkit-transform: translate(-50%, -100%);
-moz-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
-webkit-transition: -webkit-transform .3s ease;
-moz-transition: -moz-transform .3s ease;
transition: transform .3s ease;
}
.clients.element-three .clients-item,
.clients.element-three .client-item .holder {
overflow: hidden;
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
}
.clients.element-three .clients-item .holder .table {
margin-bottom: 0px;
}
.clients.element-three .clients-item .pic {
position: relative;
display: inline-block;
width: 100%;
vertical-align: top;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.clients.element-three:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.clients.element-three:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.clients.element-three:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} .clients.element-four {
width: auto;
border-top: 1px #e4e5e9 solid;
border-left: 1px #e4e5e9 solid;
border-right: 1px #e4e5e9 solid;
border-bottom: 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-left: 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.75;
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;
}    @media screen and (min-width: 480px) and (max-width: 767px) {
.clients.element-four:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.clients.element-four:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.clients.element-four:not(.owl-carousel) .clients-item {
width: 100% !important;
}
} .clients[class*='element-'] .owl-nav {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
font-size: 0;
}
.clients[class*='element-'] .owl-nav > .owl-prev,
.clients[class*='element-'] .owl-nav > .owl-next {
display: inline-block;
vertical-align: top;
margin-left: 15px;
margin-right: 15px;
text-align: center;
}
.clients[class*='element-'] .owl-nav > .owl-prev:before,
.clients[class*='element-'] .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 20px;
color: #252525;
line-height: 1;
}
.clients[class*='element-'] .owl-nav > .owl-prev:before {
content: "\f104";
}
.clients[class*='element-'] .owl-nav > .owl-next:before {
content: "\f105";
} .clients[class*='element-'].owl-nav-style-two .owl-nav {
font-size: 0;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev,
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
position: absolute;
top: 50%;
margin-top: -20px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev,
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
opacity: 1;
visibility: visible;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev {
left: 15px;
}
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-prev {
left: 0;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next {
right: 15px;
}
.clients[class*='element-'].owl-nav-style-two:hover .owl-nav > .owl-next {
right: 0;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before,
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 25px;
color: #252525;
line-height: 1;
}
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-prev:before {
content: "\f104";
}
.clients[class*='element-'].owl-nav-style-two .owl-nav > .owl-next:before {
content: "\f105";
} .clients[class*='element-'] .owl-dots {
margin-left: 15px;
margin-right: 15px;
}
.clients[class*='element-'].owl-dot-style-one .owl-dots {
margin-top: 20px;
text-align: center;
}
.clients[class*='element-'].owl-dot-style-two .owl-dots {
text-align: right;
}
.clients[class*='element-'] .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top;
}
.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
margin-left: 5px;
margin-right: 5px;
}
.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
margin-left: 3px;
margin-right: 3px;
}
.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
display: block;
width: 12px;
height: 12px;
background-color: #08276e;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.clients[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot.active > span {
background-color: #fde428;
}
.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
display: block;
width: 15px;
height: 3px;
background-color: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.clients[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
background-color: #fde428;
}       .radiantthemes-contact-box.element-one ul li {
position: relative;
margin-bottom: 12px;
padding-left: 29px;
}
.radiantthemes-contact-box.element-one ul li:last-child {
margin-bottom: 0;
}
.radiantthemes-contact-box.element-one ul li i,
.radiantthemes-contact-box.element-one ul li span[class*='ti-'] {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 15px;
text-align: center;
line-height: inherit;
}
.radiantthemes-contact-box.element-one ul li strong {
display: block;
font-weight: 500;
}
.radiantthemes-contact-box.element-one ul li ul {
margin-top: 12px;
} .radiantthemes-contact-box.element-two ul li {
position: relative;
margin-bottom: 11px;
padding-left: 35px;
}
.radiantthemes-contact-box.element-two ul li:last-child {
margin-bottom: 0;
}
.radiantthemes-contact-box.element-two ul li i,
.radiantthemes-contact-box.element-two ul li span[class*='ti-'] {
position: absolute;
left: 0;
top: 0;
z-index: 1;
width: 15px;
text-align: center;
line-height: inherit;
}
.radiantthemes-contact-box.element-two ul li ul {
margin-top: 12px;
} .radiant-contact-form.element-one .row {
margin-right: 0;
margin-left: 0;
}
.radiant-contact-form.element-one .row > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
.radiant-contact-form.element-one .form-row.last {
margin: 0;
}
.radiant-contact-form.element-one .form-row.button {
text-align: left;
}
.radiant-contact-form.element-one .form-row > *:last-child {
margin-bottom: 0 !important;
}
.radiant-contact-form.element-one .form-row label {
font-weight: 500;
font-size: 14px;
margin-bottom: 10px;
}
.radiant-contact-form.element-one .form-row label span {
color: #bf0000;
}
.radiant-contact-form.element-one .form-row input[type=text],
.radiant-contact-form.element-one .form-row input[type=email],
.radiant-contact-form.element-one .form-row input[type=url],
.radiant-contact-form.element-one .form-row input[type=tel],
.radiant-contact-form.element-one .form-row input[type=number],
.radiant-contact-form.element-one .form-row input[type=password],
.radiant-contact-form.element-one .form-row input[type=date],
.radiant-contact-form.element-one .form-row input[type=time],
.radiant-contact-form.element-one .form-row input[type=file],
.radiant-contact-form.element-one .form-row select,
.radiant-contact-form.element-one .form-row textarea {
width: 100%;
font-size: 14px;
resize: none;
appearance: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiant-contact-form.element-one .form-row select option {
color: #252525;
}
.radiant-contact-form.element-one .form-row textarea {
padding-top: 10px;
padding-bottom: 10px;
}
.radiant-contact-form.element-one .form-row input[type=radio] {
display: inline-block;
vertical-align: top;
margin-top: 5px;
margin-right: 3px;
}
.radiant-contact-form.element-one .form-row input[type=checkbox] {
display: inline-block;
vertical-align: top;
margin-top: 7px;
margin-right: 4px;
}
.radiant-contact-form.element-one .form-row input[type=submit],
.radiant-contact-form.element-one .form-row input[type=button],
.radiant-contact-form.element-one .form-row button[type=submit] {
box-shadow: initial;
cursor: pointer;
opacity: 1 !important;
visibility: visible !important;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiant-contact-form.element-one .form-row .ajax-loader {
position: absolute;
margin-top: 15px;
} span.wpcf7-not-valid-tip {
width: 100%;
margin-top: 2px;
padding: 1px 5px 0px 5px;
background-color: #f8d7da;
border: 1px #e4c2c5 solid;
border-radius: 3px;
font-weight: 400;
font-size: 11px;
color: #c01d2b;
line-height: 18px;
opacity: 0.7;
}
.wpcf7-response-output {
margin-top: 5px !important;
padding: 8px 12px 8px 12px !important;
border-width: 1px !important;
border-style: solid !important;
border-radius: 3px;
font-weight: 400;
font-size: 14px;
line-height: 22px;
opacity: 0.9;
}
.wpcf7-response-output.wpcf7-validation-errors {
background-color: #f8d7da;
border-color: #e4c2c5;
color: #c01d2b;
}
.wpcf7-response-output.wpcf7-mail-sent-ok {
background-color: #c5ebd4;
border-color: #b1dac1;
color: #01742f;
}       .rt-countdown.element-one {
clear: both;
margin-left: -5px;
margin-right: -5px;
border-top: 1px rgba(0, 0, 0, 0.2) solid;
border-bottom: 1px rgba(0, 0, 0, 0.2) solid;
}
.rt-countdown.element-one > .time {
position: relative;
display: table-cell;
width: 1%;
padding: 20px 5px 23px 5px;
text-transform: uppercase;
text-align: center;
font-weight: 400;
font-size: 16px;
line-height: 24px;
}
.rt-countdown.element-one > .time:before {
position: absolute;
top: calc(50% - 55px);
left: -7px;
z-index: 0;
content: ":";
font-weight: 300;
font-size: 65px;
line-height: 1;
}
.rt-countdown.element-one > .time:first-child:before,
.rt-countdown.element-one > .time:only-child:before {
display: none;
}
.rt-countdown.element-one > .time strong {
display: block;
margin-bottom: 7px;
font-weight: 300;
font-size: 65px;
line-height: 1;
}        .radiantthemes-custom-button.element-one {
width: 100%;
}
.radiantthemes-custom-button.element-one[data-button-direction=left] {
text-align: left;
}
.radiantthemes-custom-button.element-one[data-button-direction=center] {
text-align: center;
}
.radiantthemes-custom-button.element-one[data-button-direction=right] {
text-align: right;
}
.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main > .placeholder {
position: relative;
text-align: center;
}
.radiantthemes-custom-button.element-one .radiantthemes-custom-button-main i {
transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.radiantthemes-custom-button.element-one[data-button-fullwidth=true] .radiantthemes-custom-button-main {
width: 100%;
}
.radiantthemes-custom-button.element-one[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay {
position: absolute;
z-index: 0;
content: " ";
}
.radiantthemes-custom-button.element-one[data-button-icon-position=left] .radiantthemes-custom-button-main i {
margin-right: 10px;
}
.radiantthemes-custom-button.element-one[data-button-icon-position=right] .radiantthemes-custom-button-main i {
margin-left: 10px;
position: absolute;
top: 6px;
} .radiantthemes-custom-button.element-two {
width: 100%;
}
.radiantthemes-custom-button.element-two[data-button-direction=left] {
text-align: left;
}
.radiantthemes-custom-button.element-two[data-button-direction=center] {
text-align: center;
}
.radiantthemes-custom-button.element-two[data-button-direction=right] {
text-align: right;
}
.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
transform: skewX(15deg);
-webkit-transform: skewX(15deg);
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main > .placeholder {
position: relative;
transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
}
.radiantthemes-custom-button.element-two .radiantthemes-custom-button-main i {
transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.radiantthemes-custom-button.element-two[data-button-fullwidth=true] .radiantthemes-custom-button-main {
width: 100%;
}
.radiantthemes-custom-button.element-two[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay {
position: absolute;
z-index: 0;
content: " ";
}
.radiantthemes-custom-button.element-two[data-button-icon-position=left] .radiantthemes-custom-button-main i {
margin-right: 10px;
}
.radiantthemes-custom-button.element-two[data-button-icon-position=right] .radiantthemes-custom-button-main i {
margin-left: 10px;
} .radiantthemes-custom-button.element-three {
width: 100%;
}
.radiantthemes-custom-button.element-three[data-button-direction=left] {
text-align: left;
}
.radiantthemes-custom-button.element-three[data-button-direction=center] {
text-align: center;
}
.radiantthemes-custom-button.element-three[data-button-direction=right] {
text-align: right;
}
.radiantthemes-custom-button.element-three .radiantthemes-custom-button-main {
position: relative;
display: inline-block;
vertical-align: top;
text-align: center;
transform: skewX(-15deg);
-webkit-transform: skewX(-15deg);
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.radiantthemes-custom-button.element-three .radiantthemes-custom-button-main > .placeholder {
position: relative;
transform: skewX(15deg);
-webkit-transform: skewX(15deg);
}
.radiantthemes-custom-button.element-three .radiantthemes-custom-button-main i {
transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.radiantthemes-custom-button.element-three[data-button-fullwidth=true] .radiantthemes-custom-button-main {
width: 100%;
}
.radiantthemes-custom-button.element-three[class*='hover-style-'] .radiantthemes-custom-button-main > .overlay {
position: absolute;
z-index: 0;
content: " ";
}
.radiantthemes-custom-button.element-three[data-button-icon-position=left] .radiantthemes-custom-button-main i {
margin-right: 10px;
}
.radiantthemes-custom-button.element-three[data-button-icon-position=right] .radiantthemes-custom-button-main i {
margin-left: 10px;
position: absolute;
top: 6px;
}  .radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main {
overflow: hidden;
}
.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main > .overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 0;
border-radius: inherit;
transition: width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out;
}
.radiantthemes-custom-button.hover-style-two .radiantthemes-custom-button-main:hover > .overlay {
width: 100%;
} .radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main > .overlay {
top: 0;
right: 0;
bottom: 0;
left: 0;
border-radius: inherit;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-custom-button.hover-style-three .radiantthemes-custom-button-main:hover > .overlay {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
} .radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main i {
opacity: 0;
visibility: hidden;
}
.radiantthemes-custom-button.hover-style-four .radiantthemes-custom-button-main:hover i {
opacity: 1;
visibility: visible;
}
.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main i {
margin-right: -3px;
}
.radiantthemes-custom-button[data-button-icon-position=left].hover-style-four .radiantthemes-custom-button-main:hover i {
margin-right: 10px;
}
.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main i {
margin-left: -3px;
}
.radiantthemes-custom-button[data-button-icon-position=right].hover-style-four .radiantthemes-custom-button-main:hover i {
margin-left: 10px;
} .radiantthemes-custom-button.hover-style-five .radiantthemes-custom-button-main:hover { box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
} .radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main {
backface-visibility: hidden;
}
.radiantthemes-custom-button.hover-style-six .radiantthemes-custom-button-main:hover {
animation-name: ButtonHoverSixHorizontalShake;
animation-duration: 1s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
}
@keyframes ButtonHoverSixHorizontalShake {
16.65% {
transform: translateX(8px);
}
33.3% {
transform: translateX(-6px);
}
49.95% {
transform: translateX(4px);
}
66.6% {
transform: translateX(-2px);
}
83.25% {
transform: translateX(1px);
}
100% {
transform: translateX(0);
}
} .radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main {
backface-visibility: hidden;
}
.radiantthemes-custom-button.hover-style-seven .radiantthemes-custom-button-main:hover {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
transform: scale(1.1);
-webkit-transform: scale(1.1);
} .radiantthemes-custom-heading.element-one > .radiantthemes-custom-heading-text > * {
letter-spacing: inherit;
} .radiantthemes-custom-heading.element-two {
overflow: hidden;
}
.radiantthemes-custom-heading.element-two > .radiantthemes-custom-heading-text > * {
letter-spacing: inherit;
} .radiantthemes-custom-heading.element-three {
position: relative;
overflow: hidden;
}
.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-text {
opacity: 0;
visibility: hidden;
transition: all 0.1s ease-in-out 0.7s;
}
.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-text > * {
letter-spacing: inherit;
}
.radiantthemes-custom-heading.element-three > .radiantthemes-custom-heading-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
transform: translateX(-100%);
transition: all 1.2s ease-in-out 0.2s;
}
.radiantthemes-custom-heading.element-three.wow.animated > .radiantthemes-custom-heading-text {
opacity: 1;
visibility: visible;
}
.radiantthemes-custom-heading.element-three.wow.animated > .radiantthemes-custom-heading-overlay {
transform: translateX(100%);
} .radiantthemes-custom-heading.element-four {
position: relative;
overflow: hidden;
}
.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-text {
opacity: 0;
visibility: hidden;
transition: all 0.1s ease-in-out 0.7s;
}
.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-text > * {
letter-spacing: inherit;
}
.radiantthemes-custom-heading.element-four > .radiantthemes-custom-heading-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
transform: translateX(100%);
transition: all 1.2s ease-in-out 0.2s;
}
.radiantthemes-custom-heading.element-four.wow.animated > .radiantthemes-custom-heading-text {
opacity: 1;
visibility: visible;
}
.radiantthemes-custom-heading.element-four.wow.animated > .radiantthemes-custom-heading-overlay {
transform: translateX(-100%);
} .radiantthemes-dropcaps.element-one > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 5px;
margin-right: 15px;
margin-bottom: 10px;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #030712;
line-height: 50px;
} .radiantthemes-dropcaps.element-two > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-width: 1px;
border-style: solid;
text-align: center;
font-weight: 700;
font-size: 50px;
line-height: 70px;
} .radiantthemes-dropcaps.element-three > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 70px;
} .radiantthemes-dropcaps.element-four > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-top-color: #acadb1;
border-left-color: #acadb1;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #acadb1;
line-height: 70px;
} .radiantthemes-dropcaps.element-five > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-width: 1px;
border-style: solid;
border-color: transparent;
border-right-color: #acadb1;
border-bottom-color: #acadb1;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #acadb1;
line-height: 70px;
} .radiantthemes-dropcaps.element-six > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border: 1px #acadb1 solid;
border-radius: 5px;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #474849;
line-height: 70px;
} .radiantthemes-dropcaps.element-seven > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-radius: 5px;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 70px;
} .radiantthemes-dropcaps.element-eight > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
border-radius: 50%;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 70px;
} .radiantthemes-dropcaps.element-nine > .holder > .radiantthemes-dropcap-letter {
width: 70px;
height: 70px;
float: left;
margin-top: 7px;
margin-right: 25px;
margin-bottom: 10px;
background-color: #474849;
border-radius: 50%;
text-align: center;
font-weight: 700;
font-size: 50px;
color: #fff;
line-height: 70px;
} .rt-fancy-text-box.element-one {
text-align: center;
}
.rt-fancy-text-box.element-one > .holder {
padding: 45px 20px 40px 20px;
background-color: #fff;
border-radius: 15px;
text-align: inherit;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-fancy-text-box.element-one > .holder:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.1);
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder {
position: relative;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .icon {
margin-bottom: 26px;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .icon i {
font-size: 50px;
color: #1e1e1e;
line-height: 1;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .data .title {
max-width: 200px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 400;
font-size: 18px;
color: #2d2d2d;
line-height: 28px;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .content > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .more .btn {
margin-bottom: 7px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #565656;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-one > .holder > .main-placeholder .more .btn i {
vertical-align: middle;
margin-left: 8px;
font-size: 11px;
} .rt-fancy-text-box.element-two {
text-align: left;
}
.rt-fancy-text-box.element-two > .holder {
position: relative;
padding: 50px 30px 50px 30px;
background-color: #fff;
border-radius: 15px;
text-align: inherit;
}
.rt-fancy-text-box.element-two > .holder:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
background-color: rgba(0, 0, 0, 0.075);
border-radius: inherit;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-two > .holder:hover:before {
opacity: 1;
visibility: visible;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder {
position: relative;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .icon {
margin-bottom: 17px;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .icon i {
font-size: 50px;
color: #1e1e1e;
line-height: 1;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .data .title {
margin-bottom: 15px;
font-weight: 700;
font-size: 24px;
color: #1b1d1f;
line-height: 32px;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 500;
font-size: 19px;
color: #1b1d1f;
line-height: 28px;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .content > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .more .btn {
margin-bottom: 7px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #565656;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-two > .holder > .main-placeholder .more .btn i {
vertical-align: middle;
margin-top: -4px;
margin-left: 8px;
font-size: 11px;
} .rt-fancy-text-box.element-three {
text-align: center;
}
.rt-fancy-text-box.element-three > .holder {
padding: 30px 25px 30px 25px;
text-align: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-three > .holder:hover {
background-color: #fff;
transform: translate(-3px, -3px);
-webkit-transform: translate(-3px, -3px);
box-shadow: 20px 10px 20px rgba(0, 0, 0, 0.075);
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder {
position: relative;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .icon {
margin-bottom: 16px;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .icon i {
font-size: 50px;
color: #1e1e1e;
line-height: 1;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .data .title {
margin-bottom: 16px;
font-weight: 700;
font-size: 22px;
color: #1b1d1f;
line-height: 30px;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 500;
font-size: 15px;
color: #1b1d1f;
line-height: 28px;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .content > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .more .btn {
margin-bottom: 7px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #565656;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-three > .holder > .main-placeholder .more .btn i {
vertical-align: middle;
margin-top: -4px;
margin-left: 8px;
font-size: 11px;
} .rt-fancy-text-box.element-four {
text-align: left;
}
.rt-fancy-text-box.element-four > .holder {
padding: 35px 27px 35px 25px;
background-color: #fff;
text-align: inherit;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-fancy-text-box.element-four > .holder:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.1);
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder {
position: relative;
padding-left: 75px;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .icon {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 55px;
text-align: center;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .icon i {
font-size: 35px;
line-height: 1;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .data .title {
margin-bottom: 12px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 400;
font-size: 18px;
color: #272526;
line-height: 28px;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .content > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .more .btn {
margin-bottom: 7px;
padding: 0;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 15px;
color: #565656;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-four > .holder > .main-placeholder .more .btn i {
vertical-align: middle;
margin-top: -4px;
margin-left: 8px;
font-size: 11px;
} .rt-fancy-text-box.element-five {
text-align: left;
}
.rt-fancy-text-box.element-five > .holder {
background-color: #fff;
border: 1px #d8dadd solid;
text-align: inherit;
}
.rt-fancy-text-box.element-five > .holder .data {
padding: 26px 23px 27px 23px;
}
.rt-fancy-text-box.element-five > .holder .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-five > .holder .data .title {
margin-bottom: 10px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-fancy-text-box.element-five > .holder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-five > .holder .data .subtitle {
margin-bottom: 14px;
font-weight: 400;
font-size: 18px;
color: #272526;
line-height: 28px;
}
.rt-fancy-text-box.element-five > .holder .data .content {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-five > .holder .data .content > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-five > .holder .icon {
text-align: center;
}
.rt-fancy-text-box.element-five > .holder .icon img {
width: 100%;
}
.rt-fancy-text-box.element-five > .holder .icon i {
font-size: 35px;
line-height: 1;
}
.rt-fancy-text-box.element-five > .holder .more {
position: relative;
overflow: hidden;
}
.rt-fancy-text-box.element-five > .holder .more .btn {
display: block;
padding: 10px 23px 10px 23px;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 13px;
line-height: 30px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-fancy-text-box.element-five > .holder .more .btn.btn-first {
background-color: transparent;
}
.rt-fancy-text-box.element-five > .holder .more .btn.btn-second {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.rt-fancy-text-box.element-five > .holder .more .btn i {
vertical-align: middle;
margin-top: -4px;
margin-left: 10px;
}
.rt-fancy-text-box.element-five > .holder:hover .more > .btn.btn-first {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.rt-fancy-text-box.element-five > .holder:hover .more > .btn.btn-second {
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-fancy-text-box.element-six {
text-align: left;
}
.rt-fancy-text-box.element-six > .holder {
background: center center no-repeat;
background-size: cover;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder {
position: relative;
padding: 160px 25px 5px 25px;
background-color: rgba(0, 0, 0, 0.3);
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .icon {
margin-bottom: 26px;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .icon i {
font-size: 50px;
color: #fff;
line-height: 1;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .data {
position: relative;
padding-right: 100px;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .data .title {
margin-bottom: 2px;
font-weight: 500;
font-size: 22px;
color: #fff;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .data .subtitle {
margin-bottom: 14px;
font-weight: 400;
font-size: 16px;
color: #fff;
line-height: 28px;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .content {
margin-bottom: 20px;
color: #fff;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .content > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .more {
position: absolute;
top: 9px;
right: 0;
z-index: 1;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn {
position: relative;
display: block;
width: 45px;
height: 45px;
padding: 0;
overflow: hidden;
background-color: transparent;
border: 1px #fff solid;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover {
background-color: #fff;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span[class*='btn-icon-'] {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
text-align: center;
font-weight: 400;
font-size: 20px;
color: #fff;
line-height: 43px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span.btn-icon-first {
color: #fff;
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover > span.btn-icon-first {
transform: translateX(100%);
-webkit-transform: translateX(100%);
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn > span.btn-icon-second {
color: #333;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
}
.rt-fancy-text-box.element-six > .holder > .main-placeholder .more .btn:hover > span.btn-icon-second {
transform: translateX(0);
-webkit-transform: translateX(0);
} .rt-fancy-text-box.element-seven {
text-align: center;
}
.rt-fancy-text-box.element-seven > .holder {
padding: 30px 25px 10px 25px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.13);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder {
position: relative;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon {
margin-bottom: 15px;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon img {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .icon i {
font-size: 50px;
color: #010313;
line-height: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .title {
margin-bottom: 10px;
font-weight: 500;
font-size: 22px;
color: #010313;
line-height: 32px;
letter-spacing: -0.5px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .title a {
color: inherit;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .data .subtitle {
margin-bottom: 15px;
font-weight: 400;
font-size: 16px;
color: #010313;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .content {
margin-bottom: 20px;
color: #010313;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .content > *:last-child {
margin-bottom: 0 !important;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .more {
margin-bottom: 20px;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .more .btn {
display: inline-block;
vertical-align: top;
padding: 5px 20px 6px 20px;
background-color: #010313;
border: none;
border-radius: 0;
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1);
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-fancy-text-box.element-seven > .holder > .main-placeholder .more .btn:hover {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.15);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.rt-fancy-text-box.element-seven > .holder:hover {
box-shadow: initial;
}
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .icon img {
filter: brightness(0) invert(1);
}
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .icon i,
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .data .title,
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .data .subtitle,
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .content {
color: #fff !important;
}
.rt-fancy-text-box.element-seven > .holder:hover > .main-placeholder .more .btn {
background-color: #fff;
color: #010313;
}       .rt-flip-box.element-one > .holder {
position: relative;
}
.rt-flip-box.element-one > .holder .front,
.rt-flip-box.element-one > .holder .backY {
width: 100%;
}
.rt-flip-box.element-one > .holder .first-card,
.rt-flip-box.element-one > .holder .second-card {
position: relative;
display: flex;
align-items: center;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
text-align: center;
}
.rt-flip-box.element-one > .holder > .second-card {
position: absolute !important;
top: 0;
}
.rt-flip-box.element-one > .holder .first-card > .first-card-main,
.rt-flip-box.element-one > .holder .second-card > .second-card-main {
width: 100%;
}
.rt-flip-box.element-one > .holder .first-card 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-gallery.element-two > .rt-image-gallery-holder {
margin-left: -8px;
margin-right: -8px;
}
.rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item {
margin-bottom: 16px;
padding-left: 8px;
padding-right: 8px;
}
.rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item > .holder {
position: relative;
padding-top: calc((90 / 100) * 100%);
}
.rt-image-gallery.element-two > .rt-image-gallery-holder > .rt-image-gallery-item > .holder > .pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
border-radius: 4px;
} .rt-image-gallery.element-three > .rt-image-gallery-holder {
margin-left: -6px;
margin-right: -6px;
}
.rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item {
margin-bottom: 12px;
padding-left: 6px;
padding-right: 6px;
}
.rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item > .holder {
position: relative;
padding-top: calc((90 / 100) * 100%);
}
.rt-image-gallery.element-three > .rt-image-gallery-holder > .rt-image-gallery-item > .holder > .pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
} .rt-image-gallery.element-four {
margin-right: -5px;
margin-left: -5px;
}
.rt-image-gallery.element-four .rt-image-gallery-holder {
margin-left: 0;
margin-right: 0;
}
.rt-image-gallery.element-four .rt-image-gallery-item {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
text-align: left;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder {
position: relative;
overflow: hidden;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .pic {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .pic > img {
width: 100%;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #000;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 23px 25px 23px 25px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .title {
margin-bottom: 2px;
font-weight: 500;
font-size: 17px;
color: #fff;
line-height: 26px;
letter-spacing: -0.5px;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .title a {
color: inherit;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder > .data .description {
margin-bottom: 10px;
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 25px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .pic {
transform: scale(1.17);
-webkit-transform: scale(1.17);
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .overlay {
opacity: 0.7;
visibility: visible;
}
.rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .data,
.rt-image-gallery.element-four .rt-image-gallery-item > .holder:hover > .data .description {
opacity: 1;
visibility: visible;
} .radiantthemes.element-six code {
background: #eee;
padding: 0 5px; }
.radiantthemes.element-six iframe {
border: 1px solid #ccc;
width: 80vw;
height: calc(100vh - 100px);
}
.radiantthemes.element-six .rt_imggrid {
text-align: center;
display: block;
}
.radiantthemes.element-six .rt_imggrid .col-md-4 {
margin: 0;
padding: 15px;
}
.radiantthemes.element-six .rt_imggrid a {
display: block;
position: relative;
overflow: hidden;
text-align: center;
}
.radiantthemes.element-six .rt_imggrid a img { overflow: hidden;
width: 100%;
height: 100%;
transform: scale(1);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.radiantthemes.element-six .rt_imggrid a:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
}
.radiantthemes.element-six .rt_lightpop_overlay {
position: absolute;
padding: 0;
top: 0;
left: 0;
right: 0;
color: #fff;
height: 100%;
opacity: 0;
overflow: hidden;
content: '';
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.radiantthemes.element-six .rt_imggrid a:hover .rt_lightpop_overlay {
opacity: 1;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
background: rgba(0, 0, 0, 0.4);
}
.radiantthemes.element-six .rt_lightpop_overlay .rt_gal_pop_overlay {
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 20%;
text-align: center;
background: rgba(225, 225, 225, 0.80);
color: #000;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 50%;
transform: translate(0, -50%);
}
.radiantthemes.element-six .rt_lightpop_overlay .rt_gal_pop_overlay:hover {
background: rgba(225, 225, 225, 1.0);
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-o-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.radiantthemes.element-six .hidden {
display: none;
}
.radiantthemes.element-six .grid {
float: left;
width: 30%;
padding: 20px;
background: #eee;
margin: 0 20px 20px 0;
}
.radiantthemes.element-six body.fancybox-active {
overflow: hidden
}
.radiantthemes.element-six body.fancybox-iosfix {
position: fixed;
left: 0;
right: 0
}
.radiantthemes.element-six .fancybox-is-hidden {
position: absolute;
top: -9999px;
left: -9999px;
visibility: hidden
}
.radiant_fancybox-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 99992;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transform: translateZ(0);
transform: translateZ(0); }
.radiant_fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.fancybox-outer {
overflow-y: auto;
-webkit-overflow-scrolling: touch
}
.radiant_fancybox-bg {
background: #000;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}
.radiant_fancybox-is-open .radiant_fancybox-bg {
opacity: 1;
transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
padding: 12px;
opacity: 0;
visibility: hidden;
transition: opacity .25s, visibility 0s linear .25s;
box-sizing: border-box;
color: #fff;
font-size: 13px;
}
.fancybox-show-caption .fancybox-caption-wrap,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
visibility: visible;
transition: opacity .25s, visibility 0s
}
.fancybox-toolbar {
top: 0;
right: 0;
margin: 0;
padding: 0
}
.fancybox-stage {
overflow: visible;
direction: ltr;
z-index: 99994;
-webkit-transform: translateZ(0)
}
.radiant_fancybox-is-open .fancybox-stage {
overflow: hidden
}
.fancybox-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
outline: none;
white-space: normal;
box-sizing: border-box;
text-align: center;
z-index: 99994;
-webkit-overflow-scrolling: touch;
display: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform
}
.fancybox-slide:before {
content: "";
display: inline-block;
vertical-align: middle;
height: 100%;
width: 0
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
display: block
}
.fancybox-slide--image {
overflow: visible
}
.fancybox-slide--image:before {
display: none
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
background: #000;
padding: 0
}
.fancybox-slide video {
vertical-align: top
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
background: #e5e3df
}
.fancybox-slide--next {
z-index: 99995
}
.fancybox-slide > * {
display: inline-block;
position: relative;
padding: 24px;
margin: 44px 0;
border-width: 0;
vertical-align: middle;
text-align: left;
background-color: #fff;
overflow: auto;
box-sizing: border-box
}
.fancybox-slide > base,
.fancybox-slide > link,
.fancybox-slide > meta,
.fancybox-slide > script,
.fancybox-slide > style,
.fancybox-slide > title {
display: none
}
.fancybox-slide .fancybox-image-wrap {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding: 0;
border: 0;
z-index: 99995;
background: transparent;
cursor: default;
overflow: visible;
-webkit-transform-origin: top left;
transform-origin: top left;
background-size: 100% 100%;
background-repeat: no-repeat;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform
}
.fancybox-can-zoomOut .fancybox-image-wrap {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
cursor: zoom-in
}
.fancybox-can-drag .fancybox-image-wrap {
cursor: -webkit-grab;
cursor: grab
}
.fancybox-is-dragging .fancybox-image-wrap {
cursor: -webkit-grabbing;
cursor: grabbing
}
.fancybox-image,
.fancybox-spaceball {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
border: 0;
max-width: none;
max-height: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-spaceball {
z-index: 1
}
.fancybox-slide--iframe .fancybox-content {
padding: 0;
width: 80%;
height: 80%;
max-width: calc(100% - 100px);
max-height: calc(100% - 88px);
background: #fff
}
.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--video .fancybox-content {
overflow: visible
}
.fancybox-button {
box-sizing: border-box;
display: inline-block;
vertical-align: top;
width: 44px;
height: 44px;
margin: 0;
padding: 10px;
border: 0;
border-radius: 0;
background: rgba(30, 30, 30, .6);
transition: color .3s ease;
cursor: pointer;
outline: none
}
.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
color: #ccc
}
.fancybox-button:focus,
.fancybox-button:hover {
color: #fff
}
.fancybox-button[disabled] {
color: #ccc;
cursor: default;
opacity: .6
}
.fancybox-button svg {
display: block;
position: relative;
overflow: visible;
shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
fill: currentColor;
stroke: currentColor;
stroke-linejoin: round;
stroke-width: 3;
}
.fancybox-button--share svg path {
stroke-width: 1;
}
.fancybox-button--pause svg path:nth-child(1),
.fancybox-button--play svg path:nth-child(2) {
display: none
}
.fancybox-button--zoom svg path {
fill: transparent
}
.fancybox-navigation {
display: none
}
.fancybox-show-nav .fancybox-navigation {
display: block
}
.fancybox-navigation button {
position: absolute;
top: 50%;
margin: -50px 0 0;
z-index: 99997;
background: transparent;
width: 60px;
height: 100px;
padding: 17px
}
.fancybox-navigation button:before {
content: "";
position: absolute;
top: 30px;
right: 10px;
width: 40px;
height: 40px;
background: rgba(30, 30, 30, .6)
}
.fancybox-navigation .fancybox-button div {
padding: 20px !important;
}
.fancybox-navigation button::before {
right: 16px !important;
}
.fancybox-navigation .fancybox-button {
width: 40px important;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
padding: 0px !important;
}
.fancybox-navigation .fancybox-button--arrow_right {
right: 0;
padding: 0px !important;
}
.fancybox-close-small {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
padding: 5px;
margin: 0;
border: 0;
border-radius: 0;
background: transparent;
z-index: 10;
cursor: pointer;
color: #777
}
.fancybox-close-small svg {
fill: transparent;
stroke: currentColor;
stroke-width: 2;
border-radius: 50%
}
.fancybox-close-small:focus {
outline: none
}
.fancybox-close-small:focus svg {
outline: 1px dotted #888
}
.fancybox-close-small:hover svg {
color: #333;
background: #eee
}
.fancybox-slide--iframe .fancybox-close-small,
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--video .fancybox-close-small {
top: 0;
right: -40px;
color: #ccc;
padding: 0
}
.fancybox-slide--iframe .fancybox-close-small:hover svg,
.fancybox-slide--image .fancybox-close-small:hover svg,
.fancybox-slide--video .fancybox-close-small:hover svg {
color: #fff;
background: transparent
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
display: none
}
.fancybox-caption-wrap {
bottom: 0;
left: 0;
right: 0;
padding: 60px 2vw 0;
background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));
pointer-events: none
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid hsla(0, 0%, 100%, .4);
font-size: 14px;
color: #fff;
line-height: 20px;
-webkit-text-size-adjust: none
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
pointer-events: all;
position: relative
}
.fancybox-caption a {
color: #fff;
text-decoration: underline
}
.fancybox-slide > .fancybox-loading {
border: 6px solid hsla(0, 0%, 39%, .4);
border-top: 6px solid hsla(0, 0%, 100%, .6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: a .8s infinite linear;
animation: a .8s infinite linear;
background: transparent;
position: absolute;
top: 50%;
left: 50%;
margin-top: -30px;
margin-left: -30px;
z-index: 99999
}
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, .25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
opacity: 0
}
.fancybox-fx-slide.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
opacity: 0
}
.fancybox-fx-slide.fancybox-slide--current {
-webkit-transform: translateZ(0);
transform: translateZ(0);
opacity: 1
}
.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
-webkit-transform: scale3d(1.5, 1.5, 1.5);
transform: scale3d(1.5, 1.5, 1.5);
opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
-webkit-transform: scale3d(.5, .5, .5);
transform: scale3d(.5, .5, .5);
opacity: 0
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
-webkit-transform: scaleX(1);
transform: scaleX(1);
opacity: 1
}
.fancybox-fx-rotate.fancybox-slide--previous {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--next {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
opacity: 0
}
.fancybox-fx-rotate.fancybox-slide--current {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
opacity: 1
}
.fancybox-fx-circular.fancybox-slide--previous {
-webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
opacity: 0
}
.fancybox-fx-circular.fancybox-slide--next {
-webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
opacity: 0
}
.fancybox-fx-circular.fancybox-slide--current {
-webkit-transform: scaleX(1) translateZ(0);
transform: scaleX(1) translateZ(0);
opacity: 1
}
.fancybox-fx-tube.fancybox-slide--previous {
-webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current {
-webkit-transform: translateZ(0) scale(1);
transform: translateZ(0) scale(1)
}
.fancybox-share {
padding: 30px;
border-radius: 3px;
background: #f4f4f4;
max-width: 90%;
text-align: center
}
.fancybox-share h1 {
color: #222;
margin: 0 0 20px;
font-size: 35px;
font-weight: 700
}
.fancybox-share p {
margin: 0;
padding: 0
}
p.fancybox-share__links {
margin-right: -10px
}
.fancybox-share__button {
display: inline-block;
text-decoration: none;
margin: 0 10px 10px 0;
padding: 0 15px;
min-width: 130px;
border: 0;
border-radius: 3px;
background: #fff;
white-space: nowrap;
font-size: 14px;
font-weight: 700;
line-height: 40px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fff;
transition: all .2s
}
.fancybox-share__button:hover {
text-decoration: none
}
.fancybox-share__button--fb {
background: #3b5998
}
.fancybox-share__button--fb:hover {
background: #344e86
}
.fancybox-share__button--pt {
background: #bd081d
}
.fancybox-share__button--pt:hover {
background: #aa0719
}
.fancybox-share__button--tw {
background: #1da1f2
}
.fancybox-share__button--tw:hover {
background: #0d95e8
}
.fancybox-share__button svg {
position: relative;
top: -1px;
width: 25px;
height: 25px;
margin-right: 7px;
vertical-align: middle
}
.fancybox-share__button svg path {
fill: #fff
}
.fancybox-share__input {
box-sizing: border-box;
width: 100%;
margin: 10px 0 0;
padding: 10px 15px;
background: transparent;
color: #5d5b5b;
font-size: 14px;
outline: none;
border: 0;
border-radius: 0;
border-bottom: 2px solid #d7d7d7
}
.fancybox-thumbs {
display: none;
position: absolute;
top: 0;
bottom: 0;
right: 0;
width: 212px;
margin: 0;
padding: 2px 2px 4px;
background: #fff;
-webkit-tap-highlight-color: transparent;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
box-sizing: border-box;
z-index: 99995
}
.fancybox-thumbs-x {
overflow-y: hidden;
overflow-x: auto
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
overflow: hidden;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px
}
.fancybox-thumbs > ul {
list-style: none;
position: absolute;
position: relative;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
font-size: 0;
white-space: nowrap
}
.fancybox-thumbs-x > ul {
overflow: hidden
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
width: 7px
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px
}
.fancybox-thumbs > ul > li {
float: left;
overflow: hidden;
border-radius: 4px;
padding: 0;
margin: 2px;
width: 90px;
height: 75px;
max-width: calc(50% - 4px); object-fit: cover;
position: relative;
cursor: pointer;
outline: none;
-webkit-tap-highlight-color: transparent;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
box-sizing: border-box;
border: 2px solid #fff;
transition: border-color .25s ease;
}
li.fancybox-thumbs-loading {
background: rgba(0, 0, 0, .1)
}
.fancybox-thumbs > ul > li > img {
position: absolute;
top: 0;
left: 0;
max-width: none;
max-height: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.fancybox-thumbs > ul > li:hover {
border: 2px solid #a90707;
}
.fancybox-thumbs > ul > li:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 99991;
opacity: 0;
transition: all .2s cubic-bezier(.25, .46, .45, .94)
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active {
opacity: 1;
border: 2px solid #a90707;
}
.fancybox-image-wrap img.fancybox-image {
transition: all 1s cubic-bezier(0.5, 0, 0.3, 1);
transform: scale(1);
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s;
transition-duration: 2s, 2s;
transition-timing-function: cubic-bezier(0, 0, 0.25, 1), ease;
}
.fancybox-slide--current .fancybox-image-wrap img {
transform: scale(1.05);
}
@media (max-width:800px) {
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: 95px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
}
@media all and (min-width: 800px) {
.fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: 95px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
}
.fancybox-thumbs__list a {
border: 2px solid #fff !important;
border-radius: 5px !important;
}
a.fancybox-thumbs-active {
border: 2px solid #a21717 !important;
border-radius: 5px !important;
}
.fancybox-thumbs__list a:before {
border: none !important;
}
.fancybox-thumbs__list {
margin: 0 auto !important;
}
.fancybox-content img.fancybox-image {
transition: all 1s cubic-bezier(0.5, 0, 0.3, 1) !important;
transform: scale(1) !important;
-webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
-moz-transition: -moz-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
-o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 1s ease 0s !important;
transition-duration: 2s, 2s !important;
transition-timing-function: cubic-bezier(0, 0, 0.25, 1), ease !important;
}
.fancybox-slide--current .fancybox-content img {
transform: scale(1.05) !important;
}       .rt-image-slider.element-one {
position: relative;
}
.rt-image-slider.element-one .rt-image-slider-item {
text-align: center;
}
.rt-image-slider.element-one .rt-image-slider-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((102 / 100) * 100%);
background-color: #000;
}
.rt-image-slider.element-one .rt-image-slider-item > .holder > .pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-image-slider.element-one .rt-image-slider-item > .holder:hover > .pic {
opacity: 0.7;
transform: scale(1.12);
-webkit-transform: scale(1.12);
}
.rt-image-slider.element-one .owl-nav {
display: none;
}
.rt-image-slider.element-one > .owl-dots {
display: none;
}       .radiantthemes-list.element-one ul li {
position: relative;
margin-bottom: 5px;
padding-left: 0px;
}
.radiantthemes-list.element-one ul li a {
font-size: 15px;
transition: all 0.4s ease-in-out;
margin-left: 0px;
font-weight: 400;
}
.radiantthemes-list.element-one ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f105";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-one ul li ul,
.radiantthemes-list.element-one ul li ol {
margin-top: 12px;
}
.radiantthemes-list.element-one ol li {
margin-bottom: 10px;
}
.radiantthemes-list.element-one ol li ul,
.radiantthemes-list.element-one ol li ol {
margin-top: 12px;
}
.radiantthemes-list.element-one ul li:before {
display: none;
} .radiantthemes-list.element-two ul > li,
.radiantthemes-list.element-two ol > li {
margin-bottom: 10px;
}
.radiantthemes-list.element-two ul > li {
position: relative;
padding-left: 20px;
}
.radiantthemes-list.element-two ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f101";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-two > ul > li ul,
.radiantthemes-list.element-two > ul > li ol {
margin-top: 12px;
} .radiantthemes-list.element-three ul > li,
.radiantthemes-list.element-three ol > li {
margin-bottom: 10px;
}
.radiantthemes-list.element-three ul > li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-three ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f0a9";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-three > ul > li ul,
.radiantthemes-list.element-three > ul > li ol {
margin-top: 12px;
} .radiantthemes-list.element-four ul > li,
.radiantthemes-list.element-four ol > li {
margin-bottom: 10px;
}
.radiantthemes-list.element-four ul > li {
position: relative;
padding-left: 18px;
}
.radiantthemes-list.element-four ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f0da";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-four > ul > li ul,
.radiantthemes-list.element-four > ul > li ol {
margin-top: 12px;
} .radiantthemes-list.element-five ul > li,
.radiantthemes-list.element-five ol > li {
margin-bottom: 10px;
}
.radiantthemes-list.element-five ul > li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-five ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f05d";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-five > ul > li ul,
.radiantthemes-list.element-five > ul > li ol {
margin-top: 12px;
} .radiantthemes-list.element-six ul > li,
.radiantthemes-list.element-six ol > li {
margin-bottom: 10px;
}
.radiantthemes-list.element-six ul > li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-six ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f058";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-six > ul > li ul,
.radiantthemes-list.element-six > ul > li ol {
margin-top: 12px;
} .radiantthemes-list.element-seven ul > li,
.radiantthemes-list.element-seven ol > li {
margin-bottom: 18px;
}
.radiantthemes-list.element-seven ul > li {
position: relative; } .radiantthemes-list.element-seven > ul > li ul,
.radiantthemes-list.element-seven > ul > li ol {
margin-top: 12px;
} .radiantthemes-list.element-eight ul > li,
.radiantthemes-list.element-eight ol > li {
margin-bottom: 10px;
}
.radiantthemes-list.element-eight ul > li {
position: relative;
padding-left: 20px;
}
.radiantthemes-list.element-eight ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f0c8";
font-family: 'FontAwesome';
font-size: 60%;
}
.radiantthemes-list.element-eight > ul > li ul,
.radiantthemes-list.element-eight > ul > li ol {
margin-top: 12px;
} .radiantthemes-list.element-nine ul > li,
.radiantthemes-list.element-nine ol > li {
margin-bottom: 10px;
}
.radiantthemes-list.element-nine ul > li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-nine ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f005";
font-family: 'FontAwesome';
}
.radiantthemes-list.element-nine > ul > li ul,
.radiantthemes-list.element-nine > ul > li ol {
margin-top: 12px;
} .radiantthemes-list.element-ten ul > li,
.radiantthemes-list.element-ten ol > li {
margin-bottom: 10px;
}
.radiantthemes-list.element-ten ul > li {
position: relative;
padding-left: 25px;
}
.radiantthemes-list.element-ten ul li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f178";
font-family: 'FontAwesome';
font-size: 80%;
}
.radiantthemes-list.element-ten > ul > li ul,
.radiantthemes-list.element-ten > ul > li ol {
margin-top: 12px;
} .rt-masonry-gallery.element-one .rt-masonry-gallery-item {
margin-bottom: 30px;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder {
position: relative;
overflow: hidden;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .pic {
display: block;
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder:hover > .pic {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.rt-masonry-gallery.element-one .rt-masonry-gallery-item > .holder > .pic 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 {
text-align: left;
}
.radiantthemes-custom-menu.element-one ul.menu li {
position: relative;
padding-left: 22px;
margin-bottom: 12px;
font-size: 15px;
line-height: 28px;
}
.radiantthemes-custom-menu.element-one ul.menu li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f111";
font-family: 'FontAwesome';
font-size: 9px;
}
.radiantthemes-custom-menu.element-one ul.menu li a {
color: inherit;
}
.radiantthemes-custom-menu.element-one ul.menu li ul {
margin-top: 12px;
} .radiantthemes-custom-menu.element-two {
text-align: left;
}
.radiantthemes-custom-menu.element-two ul.menu li {
margin-bottom: 3px;
}
.radiantthemes-custom-menu.element-two ul.menu li a {
display: block;
background-color: #eeeeef;
padding: 14px 24px 14px 24px;
font-size: 16px;
color: #141515;
line-height: 28px;
border-left: 4px transparent solid;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-custom-menu.element-two ul.menu li:hover a,
.radiantthemes-custom-menu.element-two ul.menu li.current-menu-item a {
background-color: #e1e1e5;
}
.radiantthemes-custom-menu.element-two ul.menu li ul {
margin-left: 15px;
} .radiantthemes-custom-menu.element-three {
text-align: left;
}
.radiantthemes-custom-menu.element-three ul.menu li {
position: relative;
padding-left: 18px;
margin-bottom: 12px;
font-size: 15px;
line-height: 28px;
}
.radiantthemes-custom-menu.element-three ul.menu li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f105";
font-family: 'FontAwesome';
}
.radiantthemes-custom-menu.element-three ul.menu li a {
color: inherit;
}
.radiantthemes-custom-menu.element-three ul.menu li ul {
margin-top: 12px;
} .radiantthemes-custom-menu.element-four {
text-align: center;
}
.radiantthemes-custom-menu.element-four ul.menu li {
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 12px;
font-size: 15px;
line-height: 28px;
}
.radiantthemes-custom-menu.element-four ul.menu li a {
color: inherit;
} .radiantthemes-custom-menu.element-five {
text-align: left;
}
.radiantthemes-custom-menu.element-five ul.menu li a {
position: relative;
display: block;
padding: 14px 24px 14px 24px;
background-color: #0e204c;
border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
font-size: 16px;
color: #fff;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-custom-menu.element-five ul.menu li a:before {
position: absolute;
top: 13px;
bottom: 13px;
left: 0;
z-index: 1;
content: " ";
width: 3px;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-custom-menu.element-five ul.menu li:last-child a,
.radiantthemes-custom-menu.element-five ul.menu li:only-child a {
border-bottom: none;
}
.radiantthemes-custom-menu.element-five ul.menu li:hover a:before,
.radiantthemes-custom-menu.element-five ul.menu li.current-menu-item a:before {
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.radiantthemes-custom-menu.element-five ul.menu li ul {
margin-left: 15px;
} .rt-popup-video.element-one[data-popup-video-align=left] > .holder {
text-align: left;
}
.rt-popup-video.element-one[data-popup-video-align=center] > .holder {
text-align: center;
}
.rt-popup-video.element-one[data-popup-video-align=right] > .holder {
text-align: right;
}       .rt-portfolio-box.element-one {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
width: 20%;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 40%;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((106 / 100) * 100%);
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 80%;
padding: 20px 24px 20px 24px;
background-color: #fff;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 17px;
color: #1f1e1e;
line-height: 26px;
letter-spacing: -0.5px;
transform: translateX(-120%);
-webkit-transform: translateX(-120%);
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 15px;
font-weight: 400;
font-size: 12px;
color: #8a8a8a;
line-height: 22px;
letter-spacing: 0;
transform: translateX(-120%);
-webkit-transform: translateX(-120%);
transition: all 0.3s ease-in-out 0.6s;
-webkit-transition: all 0.3s ease-in-out 0.6s;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-link,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-link > i,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder > .data .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
background-color: transparent;
border: 1px rgba(0, 0, 0, 0.75) solid;
border-radius: 50%;
text-align: center;
font-size: 11px;
color: #000;
line-height: 31px;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .pic {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-one .rt-portfolio-box-item > .holder:hover > .data .categories {
transform: translateX(0);
-webkit-transform: translateX(0);
} .rt-portfolio-box.element-two {
margin-right: -5px;
margin-left: -5px;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item {
padding-left: 15px;
padding-right: 15px;
text-align: left;
} .rt-portfolio-box.element-two .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic {
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 23px 25px 23px 25px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: bottom;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 2px;
font-weight: 500;
font-size: 17px;
color: #fff;
line-height: 26px;
letter-spacing: -0.5px;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 10px;
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 25px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-link,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-right: 10px;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-link > i,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder > .data .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.75) solid;
border-radius: 50%;
text-align: center;
font-size: 11px;
color: #fff;
line-height: 31px;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .pic {
transform: scale(1.17);
-webkit-transform: scale(1.17);
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .overlay {
opacity: 0.75;
visibility: visible;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-two .rt-portfolio-box-item > .holder:hover > .data .categories {
opacity: 1;
visibility: visible;
} .rt-portfolio-box.element-three {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: left;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((90 / 100) * 100%);
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.2s ease-out;
-webkit-transition: all 0.2s ease-out;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iNTEycHgiIGhlaWdodD0iNTEycHgiPgo8Zz4KCTxnPgoJCTxnPgoJCQk8cGF0aCBkPSJNMTc3LjU5MiwwSDIwLjEwNUM5LDAsMCw5LDAsMjAuMTA1djE1Ni44MTdjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjQwLjIwOSAgICAgaDEzNy4zODJjMTEuMTA0LDAsMjAuMTA1LTksMjAuMTA1LTIwLjEwNUMxOTcuNjk2LDksMTg4LjY5NiwwLDE3Ny41OTIsMHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTE3Ni45MjEsNDcxLjEySDQwLjIwOVYzMzQuNDA4YzAtMTEuMTA0LTktMjAuMTA1LTIwLjEwNS0yMC4xMDVDOSwzMTQuMzA0LDAsMzIzLjMwNCwwLDMzNC40MDh2MTU2LjgxNyAgICAgYzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1UzE4OC4wMjYsNDcxLjEyLDE3Ni45MjEsNDcxLjEyeiIgZmlsbD0iIzA5MDkwOSIvPgoJCQk8cGF0aCBkPSJNNDkxLjIyNSwzMTQuMzA0Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1djEzNy4zODJIMzM0LjQwOGMtMTEuMTA0LDAtMjAuMTA1LDktMjAuMTA1LDIwLjEwNSAgICAgczksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTU2LjgxN2MxMS4xMDQsMCwyMC4xMDUtOC45OTQsMjAuMTA1LTIwLjEwNVYzMzQuNDA4QzUxMS4zMywzMjMuMzA0LDUwMi4zMywzMTQuMzA0LDQ5MS4yMjUsMzE0LjMwNHoiIGZpbGw9IiMwOTA5MDkiLz4KCQkJPHBhdGggZD0iTTQ5MS44OTUsMEgzMzQuNDA4Yy0xMS4xMDQsMC0yMC4xMDUsOS0yMC4xMDUsMjAuMTA1YzAsMTEuMTA0LDksMjAuMTA1LDIwLjEwNSwyMC4xMDVoMTM3LjM4MnYxMzcuMzgyICAgICBjMCwxMS4xMDQsOSwyMC4xMDUsMjAuMTA1LDIwLjEwNWMxMS4xMTEsMCwyMC4xMDUtOSwyMC4xMDUtMjAuMTA1VjIwLjEwNUM1MTIsOSw1MDMsMCw0OTEuODk1LDB6IiBmaWxsPSIjMDkwOTA5Ii8+CgkJPC9nPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
background-size: 24px auto;
background-position: center center;
background-repeat: no-repeat;
opacity: 0;
visibility: hidden;
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
padding: 25px 30px 25px 30px;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 2px;
font-weight: 400;
font-size: 13px;
line-height: 25px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
transition: all 0.2s ease-in-out 0.2s;
-webkit-transition: all 0.2s ease-in-out 0.2s;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 7px;
font-weight: 500;
font-size: 18px;
color: #090909;
line-height: 28px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateX(-20px);
-webkit-transform: translateX(-20px);
transition: all 0.2s ease-in-out 0.5s;
-webkit-transition: all 0.2s ease-in-out 0.5s;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 3;
padding: 20px;
text-align: right;
font-size: 0;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: transparent;
border: 1px rgba(0, 0, 0, 0.7) solid;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transform: translateX(30px);
-webkit-transform: translateX(30px);
transition: all 0.4s ease-in-out 0s;
-webkit-transition: all 0.4s ease-in-out 0s;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #181b31;
line-height: 32px;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .pic {
transform: scale(1.3);
-webkit-transform: scale(1.3);
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .categories,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .overlay .title,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .data .title {
opacity: 1;
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0);
}
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-three .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-zoom {
opacity: 1;
visibility: visible;
transform: translateX(0);
-webkit-transform: translateX(0);
} .rt-portfolio-box.element-four {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0.5;
transform: scaleX(0);
transform-origin: left center;
transition: transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 2;
padding: 27px 35px 27px 35px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 6px;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 26px;
letter-spacing: 0;
opacity: 0;
transform: translateX(-40px);
transition: transform 0.6s cubic-bezier(0, 0, 0, 0.85), opacity 0.4s linear;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 700;
font-size: 28px;
color: #fff;
line-height: 35px;
letter-spacing: -0.3px;
opacity: 0;
transform: translateX(-40px);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom {
position: absolute;
top: 15px;
z-index: 2;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.6) solid;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
transition: all 0.5s ease-in-out;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link > i,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom > i {
display: block;
width: 45px;
height: 45px;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 45px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-link {
left: 15px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder > .portfolio-zoom {
right: 15px;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .overlay {
transform: scaleX(1);
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .data .title {
opacity: 1;
transform: translateX(0);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .data .categories {
opacity: 1;
transform: translateX(0);
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s;
}
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .portfolio-link,
.rt-portfolio-box.element-four .rt-portfolio-box-item > .holder:hover > .portfolio-zoom {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box.element-five {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
border-radius: 5px;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
padding: 20px;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border-radius: 5px;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 26px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateY(-12px);
-webkit-transform: translateY(-12px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 15px;
font-weight: 400;
font-size: 13px;
color: #fff;
line-height: 22px;
letter-spacing: 0px;
opacity: 0;
visibility: hidden;
transform: translateY(12px);
-webkit-transform: translateY(12px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons {
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.6s ease-in-out 0.4s;
-webkit-transition: all 0.6s ease-in-out 0.4s;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-link,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 7px;
margin-right: 7px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.7) solid;
border-radius: 0;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder > .data .action-buttons > .portfolio-zoom > i {
display: block;
width: 35px;
height: 35px;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 35px;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data {
opacity: 1;
visibility: visible;
border-radius: 5px;
}
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-five .rt-portfolio-box-item > .holder:hover > .data .action-buttons {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box.element-six .rt-portfolio-box-item {
margin: 0 0 30px;
border-radius: 4px;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item {
display: block;
position: relative;
overflow: hidden;
float: left;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder {
position: relative;
overflow: hidden;
transition: all 0.3s ease-in-out;
background: #000000;
text-align: right;
border-radius: 4px;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .pic {
position: relative;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .pic img {
width: 100%;
float: left;
transition: .42s ease-out;
-webkit-transition: .42s ease-out;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .pic img {
-webkit-transition: .5s;
-o-transition: .5s;
transition: .5s;
opacity: 0.22;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content {
position: absolute;
bottom: 0;
left: 0;
padding: 30px 3em;
width: 100%;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content {}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content:before {
position: absolute;
top: 30px;
right: 100%;
bottom: 30px;
left: 30px;
border-right: 4px solid rgba(255, 255, 255, 0.8);
content: '';
opacity: 0;
background-color: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.5s;
transition: all 0.5s;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content:before {
background: rgba(255, 255, 255, 0);
right: 30px;
opacity: 1;
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category,
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title a {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s, transform 0.35s;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category {
margin: 0;
color: #fff;
text-align: center;
text-decoration: none;
-webkit-transform: translate3d(-30%, 0%, 0);
transform: translate3d(-30%, 0%, 0);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content .portfolio-category {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category:after {
content: "/";
padding: 0 5px;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-category:last-child {
display: none;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title a {
margin: 0 0 19px;
font-weight: 600;
color: #fff;
font-size: 20px;
line-height: 30px;
-ms-word-wrap: break-word;
word-wrap: break-word;
text-decoration: none;
-webkit-transform: translate3d(0%, -30%, 0);
transform: translate3d(0%, -30%, 0);
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder:hover .rt-portfolio-box-content .portfolio-title a {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0%, 0%, 0);
transform: translate3d(0%, 0%, 0);
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-title {
margin-bottom: 0px;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item .holder .rt-portfolio-box-content .portfolio-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (min-width:768px) and (max-width:991px) {
.rt-portfolio-box.element-six .col-lg-4.col-md-4,
.rt-portfolio-box.element-six .col-lg-3.col-md-3 {
max-width: 50% !important;
flex: 50%;
}
} .rt-portfolio-box.element-seven {
margin-right: 0;
margin-left: 0;
background-color: #fff;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item {
margin-bottom: 0;
padding-left: 0;
padding-right: 0;
text-align: center;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((90 / 100) * 100%);
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
padding: 22px 25px 25px 25px;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data > .table > .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data hr {
max-width: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
border-top-width: 1px;
border-top-color: #000;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 5px;
font-weight: 500;
font-size: 17px;
color: #000;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 1px;
font-weight: 400;
font-size: 13px;
color: #000;
line-height: 22px;
letter-spacing: 0;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons {
position: absolute;
bottom: 25px;
left: 25px;
right: 25px;
z-index: 2;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
-webkit-transform: translateY(-20px);
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-right: 15px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.7) solid;
border-radius: 50%;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
display: block;
width: 40px;
height: 40px;
text-align: center;
font-size: 14px;
color: #fff;
line-height: 40px;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .overlay {
opacity: 0.92;
visibility: visible;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-seven .rt-portfolio-box-item > .holder:hover > .action-buttons {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box.element-eight {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((106 / 100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border-radius: 5px;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
height: 270px;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
border-radius: 5px;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 3;
overflow: hidden;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder {
padding: 17px 20px 18px 20px;
transform: translateY(0%);
transition: all 0.3s ease;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .title {
margin-bottom: 1px;
font-weight: 500;
font-size: 17px;
color: #151515;
line-height: 28px;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .title a {
color: inherit;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 13px;
color: #8a8a8a;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
content: "/";
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons {
position: absolute;
top: 25px;
right: 25px;
z-index: 4;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.4s ease-in-out 0.4s;
-webkit-transition: all 0.4s ease-in-out 0.4s;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: transparent;
border: 1px rgba(0, 0, 0, 0.7) solid;
border-radius: 50%;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #151515;
line-height: 32px;
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover {
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}
.rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .pic {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}  .rt-portfolio-box.element-eight .rt-portfolio-box-item > .holder:hover > .action-buttons {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
@keyframes PortfolioEightBounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
100% {
transform: translateY(0);
}
} .rt-portfolio-box.element-nine {
margin-right: -5px;
margin-left: -5px;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item {
margin-bottom: 40px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((150 / 100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover {
box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 25px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 22px 25px 22px 25px;
background-color: rgba(0, 0, 0, 0.25);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 3px;
font-weight: 400;
font-size: 13px;
color: #fff;
line-height: 26px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: all 0.3s ease-in-out 0s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 5px;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 26px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
padding: 20px;
text-align: right;
font-size: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out 0.6s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 5px;
margin-right: 5px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.7) solid;
border-radius: 50%;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 32px;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .pic {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .overlay {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .categories,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .title {
opacity: 1;
visibility: visible;
transform: translateY(0);
} .rt-portfolio-box.element-ten {
margin-right: -10px;
margin-left: -10px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item {
margin-bottom: 18px;
padding-left: 15px !important;
padding-right: 15px !important;
text-align: left;
padding: 6px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((100 / 100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border-radius: 4px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
display: block;
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
-webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
-o-transition: transform 1s cubic-bezier(.33, .02, 0, .93);
transition: transform 1s cubic-bezier(.33, .02, 0, .93);
transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .pic {
-webkit-transform: scale(1.06) translateX(-3%);
-ms-transform: scale(1.06) translateX(-3%);
transform: scale(1.06) translateX(-3%);
-webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
-o-transition: transform 1s cubic-bezier(.33, .02, 0, .93);
transition: transform 1s cubic-bezier(.33, .02, 0, .93);
transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data { position: absolute;
display: block;
width: auto;
height: auto;
top: 20px;
right: -1px; overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
z-index: 30;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data > .holder { -webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
@keyframes PortfolioTenBounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
100% {
transform: translateY(0);
}
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder {
padding: 19px 32px 15px 23px; }
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories {
margin-bottom: 3px;
font-weight: 500;
font-size: 14px;
color: #ffffff;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
content: "/";
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title {
margin-bottom: 1px; font-weight: 500;
font-size: 18px;
color: #ffffff;
line-height: 28px;
letter-spacing: -0.5px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title a {
color: inherit;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons {
position: absolute;
top: 25px;
right: 25px;
z-index: 4;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.4s ease-in-out 0.4s;
-webkit-transition: all 0.4s ease-in-out 0.4s;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: rgba(255, 255, 255, 0.1);
border: 1px rgba(255, 255, 255, 0.7) solid;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 32px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover {
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}  .rt-portfolio-box.element-eleven {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
border-radius: 5px;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
padding: 145px 30px 30px 30px;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.65);
transition: all 0.3s ease-in-out 0s;
-webkit-transition: all 0.3s ease-in-out 0s;
border-radius: 5px;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 11px;
font-weight: 500;
text-align: center;
font-size: 20px;
color: #fff;
line-height: 28px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 15px;
font-weight: 400;
font-size: 12px;
color: #fff;
line-height: 22px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.3s;
-webkit-transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .excerpt {
margin-bottom: 20px;
color: #fff;
line-height: 26px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.6s;
-webkit-transition: all 0.3s ease-in-out 0.6s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder > .data .btn {
display: inline-block;
vertical-align: top;
width: 40px;
height: 40px;
margin-right: 10px;
background-color: #f94338;
border: none;
border-radius: 50%;
text-align: center;
font-size: 21px;
color: #fff;
line-height: 43px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.9s;
-webkit-transition: all 0.3s ease-in-out 0.9s;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .excerpt,
.rt-portfolio-box.element-eleven .rt-portfolio-box-item > .holder:hover > .data .btn {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-box.element-twelve {
columns: 2;
column-gap: 16px;
}
@media (max-width: 1200px) {
.rt-portfolio-box.element-twelve {
columns: 2;
}
}
@media (max-width: 992px) {
.rt-portfolio-box.element-twelve {
columns: 2;
}
}
@media (max-width: 480px) {
.rt-portfolio-box.element-twelve {
columns: 1;
}
}
.rt-portfolio-box.element-twelve .rt-grid {
display: inline-block;
margin-bottom: 30px;
position: relative;
padding-left: 7px;
padding-right: 7px;
}
.rt-portfolio-box.element-twelve .rt-grid img {
outline: none;
border: none;
display: block;
max-width: 100%;
overflow: hidden;
}
.rt-portfolio-box.element-twelve .rt-image-box {
position: relative;
margin: auto;
overflow: hidden;
}
.rt-portfolio-box.element-twelve .rt-image-box img {
max-width: 100%;
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
display: block;
width: 100%;
height: auto;
transform: scale(1);
}
.rt-portfolio-box.element-twelve .rt-image-box:hover img {
transform: scale3d(1.1, 1.1, 1);
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}  .rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg {
padding: 20px 45px 1px 45px;
background: transparent;
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 {
font-size: 22px;
color: #181b31;
line-height: 28px;
margin-bottom: 11px;
padding: 0;
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 a {
color: #181b31;
text-decoration: none;
cursor: pointer !important;
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg h3 a:hover {
color: #181b31;
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg p {
font-size: 15px;
color: #181b31;
line-height: 30px;
margin-bottom: 6px;
padding: 0;
} .rt-portfolio-box.element-twelve .rt-bottom-left {
position: absolute; bottom: 10px;
left: 0px;
}
.rt-portfolio-box.element-twelve a.transparent-masionary-btn-hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.rt-portfolio-box.element-twelve a:hover.transparent-masionary-btn-hover {
color: #ffffff;
text-decoration: none;
cursor: pointer;
}
.radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span {
position: relative;
display: inline-block;
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:before {
-webkit-transform-origin: 100% 50%;
-ms-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:after,
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:before {
content: '';
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 1px;
background-color: currentColor;
-webkit-transition: .35s cubic-bezier(.04, .11, .6, .97);
-o-transition: .35s cubic-bezier(.04, .11, .6, .97);
transition: .35s cubic-bezier(.04, .11, .6, .97);
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover:hover span:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover span:after {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
-ms-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.rt-portfolio-box.element-twelve .radiant_lifestyle_trans_bg .transparent-masionary-btn-hover:hover span:after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-delay: .34s;
-o-transition-delay: .34s;
transition-delay: .34s;
} .rt-portfolio-box.element-therteen {
columns: 2;
column-gap: 16px;
padding-top: 149px;
padding-bottom: 124px;
}
@media (max-width: 1200px) {
.rt-portfolio-box.element-therteen {
columns: 2;
}
}
@media (max-width: 992px) {
.rt-portfolio-box.element-therteen {
columns: 2;
}
}
@media (max-width: 480px) {
.rt-portfolio-box.element-therteen {
columns: 1;
}
}
.rt-portfolio-box.element-therteen .rt-grid {
display: inline-block;
margin-bottom: 10px;
position: relative;
padding-left: 7px;
padding-right: 7px;
}
.rt-portfolio-box.element-therteen .rt-grid img {
outline: none;
border: none;
display: block;
max-width: 100%;
overflow: hidden;
}
.rt-portfolio-box.element-therteen .rt-image-box {
position: relative;
margin: auto;
overflow: hidden;
}
.rt-portfolio-box.element-therteen .rt-image-box img {
max-width: 100%;
transition: all 2.0s;
display: block;
width: 100%;
height: auto;
transform: scale(1);
}
.rt-portfolio-box.element-therteen .rt-image-box:hover img {
transform: scale3d(1.1, 1.1, 1);
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
} .rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col {
padding: 18px 80px 2px 0px;
background: #ffffff;
}
.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 {
font-size: 22px;
color: #181b31;
line-height: 30px !important;
margin-bottom: 11px;
padding: 0;
}
.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 a {
color: #181b31;
text-decoration: none;
cursor: pointer !important;
}
.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col h3 a:hover {
color: #181b31;
}
.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col p {
font-size: 15px;
color: #181b31;
line-height: 30px;
margin-bottom: 25px;
padding: 0;
}
.rt-portfolio-box.element-therteen .rt-masn-brdr {
border-bottom: 1px solid #ededed;
margin-bottom: 17px;
display: block;
position: relative;
}
.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col .radiant-masonory-date p {
font-size: 15px;
color: #797675;
line-height: 30px;
margin-bottom: 7px;
padding: 0;
} @media screen and (max-width: 1024px) {
.rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li {
width: 100%;
}
.rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col {
background: transparent;
margin-top: -49%;
}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
.rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li {
width: 100%;
margin: 0 auto 30px auto;
}
.rt-portfolio-box.element-therteen #rt-lightbox_pop {
padding: 0;
}
}
@media screen and (max-width: 768px) {
.rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col {
background: transparent;
margin-top: -72%;
}
}
@media screen and (max-width: 767px) {
.rt-portfolio-box.element-therteen .radiant_grid_bx_two_column li {
width: 100%;
margin: 0 auto 30px auto;
}
.rt-portfolio-box.element-therteen #rt-lightbox_pop {
padding: 0;
}
.rt-portfolio-box.element-therteen .radiant_lifestyle {
border-left: none;
}
.rt-portfolio-box.element-therteen .radiant_lifestyle_section_two-col { padding: 15px 15px 10px 15px;
}
.rt-portfolio-box.element-therteen .radiant-date-bx {
display: inline;
position: relative;
text-align: left;
}
.elementor-25002 .elementor-element.elementor-element-bcc5ad0 > .elementor-element-populated {
padding: 0 !important;
}
.elementor-25002 .elementor-element.elementor-element-fc4f17d > .elementor-element-populated {
padding: 0 !important;
}
.elementor-25002 .elementor-element.elementor-element-319b5ca > .elementor-element-populated {
padding: 0 !important;
}
.elementor-25002 .elementor-element.elementor-element-319b5ca > .elementor-element-populated {
padding: 0 !important;
}
.elementor-25682 .elementor-element.elementor-element-e30a731 > .elementor-element-populated {
padding: 0 !important;
}
.elementor-25682 .elementor-element.elementor-element-72071bc > .elementor-element-populated {
padding: 0 !important;
}
}
@media screen and (max-width: 480px) {
.rt-portfolio-box.element-therteen #rt_transpnt-bg .radiant_lifestyle_section_two-col h3 {
width: 100%;
}
} .rt-portfolio-box.element-fourteen > .rt-portfolio-box-item {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .pic {
position: relative;
overflow: hidden;
transform: scale(1) translateY(0);
-webkit-transform: scale(1) translateY(0);
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder:hover .pic {
transform: scale(1.06) translateY(-12px);
-webkit-transform: scale(1.06) translateY(-12px);
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .pic > a > img {
width: 100%;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data {
position: relative;
z-index: 1;
padding: 8px 20px;
margin: 0 30px;
background-color: #ffffff;
transform: translateY(-50px);
-webkit-transform: translateY(-50px);
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder:hover .data {
transform: translateY(-90px);
-webkit-transform: translateY(-90px);
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 3px;
font-weight: 500;
font-size: 18px;
color: #000000;
line-height: 26px;
letter-spacing: -0.5px;
transition: all 0.4s cubic-bezier(0.39, 0.01, 0.36, 0.9);
position: relative;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-fourteen > .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 13px;
color: #000000;
line-height: 22px;
letter-spacing: 0px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .rt-portfolio-box.element-fifteen {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item {
margin-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .pic > img {
width: 100%;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
transition: all 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data {
text-align: center;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title {
margin-bottom: 3px;
font-weight: 700;
font-size: 28px;
color: #000;
line-height: 35px;
letter-spacing: -0.3px;
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
background-color: rgba(0, 0, 0, 0.4);
width: 40px;
height: 40px;
text-align: center;
border-radius: 50%;
opacity: 0;
visibility: hidden;
transform: scale(0);
margin: 0 8px 0 0;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link {
transition: transform 0.3s ease-in;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom {
transition: transform 0.3s ease-in 0.2s;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link:hover,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom:hover {
background-color: rgba(0, 0, 0, 1);
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-link > span,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item > .holder > .portfolio-action-btn > .portfolio-zoom > span {
display: block;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 40px;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .overlay {
opacity: 0.9;
}
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn > .portfolio-link,
.rt-portfolio-box.element-fifteen .rt-portfolio-box-item:hover > .holder > .portfolio-action-btn > .portfolio-zoom {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
} .rt-portfolio-box.element-sixteen {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item {
margin-bottom: 25px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
margin-bottom: 30px;
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder > .pic {
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
-webkit-transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .holder > .pic img {
width: 100%;
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item:hover > .holder > .pic {
transform: scale(0.95);
-webkit-transform: scale(0.95);
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data .title {
margin-bottom: 1px;
font-weight: 500;
font-size: 17px;
line-height: 28px;
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-sixteen .rt-portfolio-box-item > .data > .holder .categories {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #828282;
line-height: 26px;
letter-spacing: 0;
} .rt-portfolio-box.element-seventeen .rt-portfolio-box-item {
display: flex;
justify-content: center;
align-items: center;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item img {
width: 100%;
height: 100%;
object-fit: cover;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item img {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover img {
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
transform: translateX(100%);
}
.rt-portfolio-box.element-seventeen {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
grid-auto-rows: 48%;
grid-auto-flow: dense;
margin-bottom: -3%;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide {
grid-column: span 2;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall {
grid-row: span 2;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder {
position: absolute;
display: block;
top: 0;
left: 0;
padding: 0 0 0 52px;
width: 102%;
height: 102%;
text-align: left;
box-sizing: border-box;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
background-color: #000;
overflow: hidden;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover .text-holder {
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper {
position: relative;
display: table;
table-layout: fixed;
height: 100%;
width: 100%;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text .content-entry-title {
font-size: 28px;
color: #fff;
margin: 0 0 10px 0;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text .content-category {
font-size: 17px;
color: #fff;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .portfolio-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
@media screen and (min-width:768px) and (max-width:991px) {
.rt-portfolio-box.element-seventeen {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-auto-rows: auto;
grid-auto-flow: dense;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide {
grid-column: auto;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall {
grid-row: auto;
}
}
@media screen and (min-width:321px) and (max-width:479px) {
.rt-portfolio-box.element-seventeen {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-auto-rows: auto;
grid-auto-flow: dense;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide {
grid-column: auto;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall {
grid-row: auto;
}
}
@media screen and (max-width:320px) {
.rt-portfolio-box.element-seventeen {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-auto-rows: auto;
grid-auto-flow: dense;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-wide {
grid-column: auto;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item.box-tall {
grid-row: auto;
}
} .element-eightteen .rt-portfolio-box-item .holder {
overflow: hidden;
}
.element-eightteen .rt-portfolio-box-item {
margin-bottom: 10px;
width: 100%;
color: white;
width: 360px;
overflow: hidden;
}
.element-eightteen .rt-portfolio-box-item .holder .pic {
height: 450px;
display: block; box-sizing: border-box;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.element-eightteen .rt-portfolio-box-item .holder .pic {
display: block;
-webkit-transform: scale(1.06);
-ms-transform: scale(1.06);
transform: scale(1.06);
-webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
-o-transition: transform 1s cubic-bezier(.33, .02, 0, .93);
transition: transform 1s cubic-bezier(.33, .02, 0, .93);
transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
}
.element-eightteen .rt-portfolio-box-item .holder:hover .pic {
-webkit-transform: scale(1.06) translateX(-3%);
-ms-transform: scale(1.06) translateX(-3%);
transform: scale(1.06) translateX(-3%);
-webkit-transition: -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
-o-transition: transform 1s cubic-bezier(.33, .02, 0, .93);
transition: transform 1s cubic-bezier(.33, .02, 0, .93);
transition: transform 1s cubic-bezier(.33, .02, 0, .93), -webkit-transform 1s cubic-bezier(.33, .02, 0, .93);
}
.element-eightteen .rt-portfolio-box-item .holder .text-holder {
position: absolute;
display: block;
width: auto;
height: auto;
top: 20px;
right: -1px;
padding: 19px 32px 10px 23px;
background-color: #171717;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: -webkit-transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
z-index: 30;
}
.element-eightteen .rt-portfolio-box-item .holder:hover .text-holder,
.element-eightteen .rt-portfolio-box-item .holder:hover .text-holder .text-wrapper {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper {
display: inline-block;
-webkit-transform: translateX(200%);
-ms-transform: translateX(200%);
transform: translateX(200%);
-webkit-transition: -webkit-transform .4s ease-in-out;
-o-transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out;
transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out;
text-align: left;
}
.element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text {
position: relative;
display: table-cell;
height: 100%;
width: 100%;
vertical-align: middle;
}
.element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text .content-entry-title {
color: #fff;
font-size: 16px;
margin: 0px;
}
.element-eightteen .rt-portfolio-box-item .holder .text-holder .text-wrapper .content-text .content-category {
color: #bcbcbc;
text-decoration: none; }
.element-eightteen .rt-portfolio-box-item .holder .portfolio-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
} .element-eightteen .rt-portfolio-box-item:nth-child(1) .holder .pic {
height: 450px;
}
.element-eightteen .rt-portfolio-box-item:nth-child(2) .holder .pic {
height: 240px;
}
.element-eightteen .rt-portfolio-box-item:nth-child(3) .holder .pic {
height: 540px;
}
.element-eightteen .rt-portfolio-box-item:nth-child(4) .holder .pic {
height: 500px;
}
.element-eightteen .rt-portfolio-box-item:nth-child(5) .holder .pic {
height: 545px;
}
.element-eightteen .rt-portfolio-box-item:nth-child(6) .holder .pic {
height: 455px;
}
.element-eightteen .rt-portfolio-box-item:nth-child(7) .holder .pic {
height: 245px;
}
.rt-portfolio-box-item {
opacity: 1;
} .rt-portfolio-box-item.is-visible { } @-webkit-keyframes Items2 {
0% {
opacity: 0;
height: 0%;
padding: 0px;
}
100% {
opacity: 1;
}
}
@keyframes Items2 {
0% {
opacity: 0;
height: 0%;
padding: 0px;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes Items {
0% {
opacity: 0;
-webkit-transform: scale(0.3) rotateY(90deg);
transform: scale(0.3) rotateY(90deg);
}
60% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
90% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
}
}
@keyframes Items {
0% {
opacity: 0;
-webkit-transform: scale(0.3) rotateY(90deg);
transform: scale(0.3) rotateY(90deg);
}
60% {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
90% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
100% {
opacity: 1;
}
}   @media screen and (min-width: 768px) and (max-width: 991px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
width: 50%;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 100%;
}
} @media screen and (min-width: 480px) and (max-width: 767px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box {
width: 50%;
}
.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 100%;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box,
.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 100%;
}
} @media screen and (max-width: 320px) { .rt-portfolio-box.element-one .rt-portfolio-box-item.small-box,
.rt-portfolio-box.element-one .rt-portfolio-box-item.large-box {
width: 100%;
}
} .rt-portfolio-slider.element-one {
width: auto;
margin-left: 0;
margin-right: 0;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder {
position: relative;
padding-top: calc((109 / 100) * 100%);
overflow: hidden;
text-align: inherit;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder > .pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 2;
padding: 15px;
background-color: rgba(19, 19, 19, 0.8);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data > .table > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 {
display: inline-block;
vertical-align: top;
margin-bottom: 10px;
padding: 8px 22px 7px 22px;
background-color: #000;
border-radius: 5px;
font-weight: 500;
font-size: 16px;
color: #fff;
line-height: 22px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 0.7s ease-in-out;
-webkit-transition: all 0.7s ease-in-out;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data h4 a {
color: inherit;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p {
margin-bottom: 5px;
font-weight: 400;
font-size: 14px;
color: #fff;
line-height: 18px;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
-webkit-transform: translateY(20px);
transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:after {
content: ",";
margin-right: 3px;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:last-child:after,
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .data p span:only-child:after {
display: none;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
width: auto;
height: auto;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .pic {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data {
opacity: 1;
visibility: visible;
}
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data h4,
.rt-portfolio-slider.element-one .rt-portfolio-slider-item > .holder:hover > .data p {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
} .rt-portfolio-slider.element-one > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-one > .owl-nav > .owl-next {
position: absolute;
top: 50%;
z-index: 1;
font-size: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-one > .owl-nav > .owl-prev {
left: -20px;
}
.rt-portfolio-slider.element-one:hover > .owl-nav > .owl-prev {
left: 20px;
}
.rt-portfolio-slider.element-one > .owl-nav > .owl-next {
right: -20px;
}
.rt-portfolio-slider.element-one:hover > .owl-nav > .owl-next {
right: 20px;
}
.rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-one > .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #fff;
line-height: 36px;
}
.rt-portfolio-slider.element-one > .owl-nav > .owl-prev:before {
content: "\f104";
}
.rt-portfolio-slider.element-one > .owl-nav > .owl-next:before {
content: "\f105";
}       .rt-portfolio-slider.element-two {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 25px;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > img {
width: 100%;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .pic > .overlay {
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .pic > .overlay {
transform: translateY(-10px);
-webkit-transform: translateY(-10px);
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 {
margin-bottom: 10px;
font-weight: 600;
font-size: 20px;
color: #030712;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder:hover > .data h4 {
color: #1d4fce;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data h4 a {
color: inherit;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p {
margin-bottom: 4px;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
color: #030712;
line-height: 22px;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:after {
content: ",";
margin-right: 3px;
}
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:last-child:after,
.rt-portfolio-slider.element-two .rt-portfolio-slider-item > .holder > .data p span:only-child:after {
display: none;
}
.rt-portfolio-slider.element-two > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-two > .owl-nav > .owl-next {
position: absolute;
top: calc(50% - 53px);
z-index: 1;
font-size: 0;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-two:hover > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-two:hover > .owl-nav > .owl-next {
transform: scale(1);
-webkit-transform: scale(1);
}
.rt-portfolio-slider.element-two > .owl-nav > .owl-prev {
left: 30px;
}
.rt-portfolio-slider.element-two > .owl-nav > .owl-next {
right: 30px;
}
.rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-two > .owl-nav > .owl-next:before {
display: inline-block;
vertical-align: middle;
width: 50px;
height: 50px;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 50%;
text-align: center;
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
line-height: 50px;
}
.rt-portfolio-slider.element-two > .owl-nav > .owl-prev:before {
content: "\f177";
}
.rt-portfolio-slider.element-two > .owl-nav > .owl-next:before {
content: "\f178";
}       .rt-portfolio-slider.element-three {
width: auto;
margin-left: -15px;
margin-right: -15px;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item {
padding-left: 15px;
padding-right: 15px;
text-align: center;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder {
position: relative;
overflow: hidden;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic {
position: relative;
overflow: hidden;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > img {
width: 100%;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .pic > .holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder:hover > .pic > .holder {
transform: scale(1.1);
-webkit-transform: scale(1.1);
}
.rt-portfolio-slider.element-three .rt-portfolio-slider-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 2;
width: auto;
height: auto;
}
.rt-portfolio-slider.element-three > .owl-nav > .owl-prev,
.rt-portfolio-slider.element-three > .owl-nav > .owl-next {
position: absolute;
top: 50%;
z-index: 1;
font-size: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-slider.element-three > .owl-nav > .owl-prev {
left: -20px;
}
.rt-portfolio-slider.element-three:hover > .owl-nav > .owl-prev {
left: 20px;
}
.rt-portfolio-slider.element-three > .owl-nav > .owl-next {
right: -20px;
}
.rt-portfolio-slider.element-three:hover > .owl-nav > .owl-next {
right: 20px;
}
.rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before,
.rt-portfolio-slider.element-three > .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #fff;
line-height: 36px;
}
.rt-portfolio-slider.element-three > .owl-nav > .owl-prev:before {
content: "\f104";
}
.rt-portfolio-slider.element-three > .owl-nav > .owl-next:before {
content: "\f105";
}       .rt-pricing-table.element-one > .holder {
position: relative;
padding: 40px 25px 45px 25px;
background-color: #fff;
border: 1px #efefef solid;
text-align: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-one > .holder > .heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-one > .holder > .heading > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-one > .holder > .heading .title {
margin-bottom: 10px;
font-weight: 500;
font-size: 20px;
color: #222;
line-height: 27px;
letter-spacing: -0.5px;
}
.rt-pricing-table.element-one > .holder > .heading .subtitle {
max-width: 195px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 14px;
line-height: 27px;
}
.rt-pricing-table.element-one > .holder > .pricing {
position: relative;
margin-bottom: 26px;
}
.rt-pricing-table.element-one > .holder > .pricing > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-one > .holder > .pricing .price {
margin-bottom: 30px;
font-weight: 300;
font-size: 80px;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-one > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
color: #7d789a;
line-height: 1;
}
.rt-pricing-table.element-one > .holder > .pricing .pricing-tag {
display: inline-block;
vertical-align: top;
margin-bottom: 22px;
padding: 5px 17px 5px 17px;
background-color: #d9d4f0;
border-radius: 35px;
text-transform: uppercase;
font-weight: 500;
font-size: 11px;
color: #252525;
line-height: 25px;
}
.rt-pricing-table.element-one > .holder > .pricing .tagline {
margin-bottom: 10px;
}
.rt-pricing-table.element-one > .holder > .list {
margin-bottom: 35px;
}
.rt-pricing-table.element-one > .holder > .list > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-one > .holder > .list ul {
max-width: 195px;
margin: 0 auto;
}
.rt-pricing-table.element-one > .holder > .list ul li {
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px #f3f3f3 solid;
}
.rt-pricing-table.element-one > .holder > .list ul li:last-child,
.rt-pricing-table.element-one > .holder > .list ul li:only-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
.rt-pricing-table.element-one > .holder > .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-one > .holder > .more .btn {
margin-bottom: 15px;
padding: 12px 37px 13px 37px;
border-width: 1px;
border-style: solid;
border-radius: 35px;
font-weight: 600;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-one > .holder > .more .btn:hover {
color: #fff !important;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}
.rt-pricing-table.element-one.spotlight > .holder {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.rt-pricing-table.element-one.spotlight > .holder > .pricing .pricing-tag {
color: #fff !important;
}
.rt-pricing-table.element-one.spotlight > .holder > .more .btn {
color: #fff !important;
} .rt-pricing-table.element-two > .holder {
position: relative;
padding: 46px 25px 50px 25px;
background-color: #fff;
border: 1px #e7e6e6 solid;
border-top-width: 6px;
border-top-color: #e7e6e6;
border-top-style: solid;
text-align: left;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-two > .holder > .heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-two > .holder > .heading > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-two > .holder > .heading .title {
margin-bottom: 10px;
font-weight: 600;
font-size: 22px;
color: #030712;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-pricing-table.element-two > .holder > .heading .subtitle {
max-width: 195px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.rt-pricing-table.element-two > .holder > .pricing {
position: relative;
margin-bottom: 26px;
}
.rt-pricing-table.element-two > .holder > .pricing > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-two > .holder > .pricing .price {
margin-bottom: 30px;
font-weight: 700;
font-size: 55px;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-two > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 300;
font-size: 25px;
line-height: 1;
}
.rt-pricing-table.element-two > .holder > .pricing .price sub {
display: inline-block;
vertical-align: top;
margin-bottom: 11px;
margin-left: 8px;
font-weight: 400;
font-size: 20px;
color: #030712;
line-height: 48px;
}
.rt-pricing-table.element-two > .holder > .pricing .tagline {
max-width: 195px;
margin: 0 0 10px 0;
font-weight: 400;
font-size: 14px;
line-height: 27px;
}
.rt-pricing-table.element-two > .holder > .list {
margin-bottom: 35px;
}
.rt-pricing-table.element-two > .holder > .list > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-two > .holder > .list ul { margin: 0 auto;
}
.rt-pricing-table.element-two > .holder > .list ul li {
margin-bottom: 21px;
font-size: 16px;
line-height: 28px;
}
.rt-pricing-table.element-two > .holder > .list ul li:last-child,
.rt-pricing-table.element-two > .holder > .list ul li:only-child {
margin-bottom: 0;
}
.rt-pricing-table.element-two > .holder > .list ul li:before {
display: inline-block;
vertical-align: middle;
content: " ";
width: 14px;
height: 14px;
margin-right: 10px;
background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8Zz4KCQk8cGF0aCBkPSJNNDM3LjAxOSw3NC45OEMzODguNjY3LDI2LjYyOSwzMjQuMzgsMCwyNTYsMEMxODcuNjE5LDAsMTIzLjMzMSwyNi42MjksNzQuOTgsNzQuOThDMjYuNjI4LDEyMy4zMzIsMCwxODcuNjIsMCwyNTYgICAgczI2LjYyOCwxMzIuNjY3LDc0Ljk4LDE4MS4wMTlDMTIzLjMzMiw0ODUuMzcxLDE4Ny42MTksNTEyLDI1Niw1MTJjNjguMzgsMCwxMzIuNjY3LTI2LjYyOSwxODEuMDE5LTc0Ljk4MSAgICBDNDg1LjM3MSwzODguNjY3LDUxMiwzMjQuMzgsNTEyLDI1NlM0ODUuMzcxLDEyMy4zMzMsNDM3LjAxOSw3NC45OHogTTI1Niw0ODJDMTMxLjM4Myw0ODIsMzAsMzgwLjYxNywzMCwyNTZTMTMxLjM4MywzMCwyNTYsMzAgICAgczIyNiwxMDEuMzgzLDIyNiwyMjZTMzgwLjYxNyw0ODIsMjU2LDQ4MnoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KCTxnPgoJCTxwYXRoIGQ9Ik0zNzguMzA1LDE3My44NTljLTUuODU3LTUuODU2LTE1LjM1NS01Ljg1Ni0yMS4yMTIsMC4wMDFMMjI0LjYzNCwzMDYuMzE5bC02OS43MjctNjkuNzI3ICAgIGMtNS44NTctNS44NTctMTUuMzU1LTUuODU3LTIxLjIxMywwYy01Ljg1OCw1Ljg1Ny01Ljg1OCwxNS4zNTUsMCwyMS4yMTNsODAuMzMzLDgwLjMzM2MyLjkyOSwyLjkyOSw2Ljc2OCw0LjM5MywxMC42MDYsNC4zOTMgICAgYzMuODM4LDAsNy42NzgtMS40NjUsMTAuNjA2LTQuMzkzbDE0My4wNjYtMTQzLjA2NkMzODQuMTYzLDE4OS4yMTUsMzg0LjE2MywxNzkuNzE3LDM3OC4zMDUsMTczLjg1OXoiIGZpbGw9IiMwMDAwMDAiLz4KCTwvZz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8Zz4KPC9nPgo8L3N2Zz4K);
background-size: 100% 100%;
}
.rt-pricing-table.element-two > .holder > .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-two > .holder > .more .btn {
margin-bottom: 15px;
padding: 12px 37px 13px 37px;
border-width: 2px;
border-style: solid;
border-radius: 0;
font-weight: 600;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-two > .holder > .more .btn:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}
.rt-pricing-table.element-two.spotlight > .holder {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.rt-pricing-table.element-two.spotlight > .holder > .more .btn {
color: #fff !important;
} .rt-pricing-table.element-three > .holder {
position: relative;
padding: 50px 25px 50px 25px;
background-color: #fff;
border: 1px #e7e6e6 solid;
text-align: center;
overflow: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-three.spotlight > .holder {
position: relative;
padding: 50px 25px 50px 25px;
background-color: #fff;
border: 1px #e7e6e6 solid;
text-align: center;
overflow: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background: #FD572F;
position: unset;
} .rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag {
position: absolute;
right: -14px;
top: 25px;
}
@media screen and (max-width:768px) {
.mobile-wrapper {
background: #f7f7f7;
border-bottom: 1px solid #eaeaea;
overflow: hidden;
padding: 13px 20px;
}
.mobile-logo {
width: 50%;
float: left;
display: block;
}
.rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag {
top: 8px;
}
}
.rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag > .spotlight-tag-text {
background: #1FAD95;
}
.rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag > .spotlight-tag-text {
position: relative;
display: block;
margin: 0;
padding: 6px 20px 6px 20px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 1px;
font-weight: 600;
font-size: 15px;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px; }
.rt-pricing-table.element-three.spotlight > .holder > .spotlight-tag > .spotlight-tag-text:after {
position: absolute;
top: 100%;
right: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-color: #188e7a transparent;
}
.rt-pricing-table.element-three > .holder > .icon {
margin-bottom: 29px;
}
.rt-pricing-table.element-three > .holder > .heading {
margin-bottom: 29px;
}
.rt-pricing-table.element-three > .holder > .heading > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three > .holder > .heading .title {
margin-bottom: 10px;
font-weight: 600;
font-size: 22px;
color: #030712;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-pricing-table.element-three > .holder > .heading .subtitle {
max-width: 220px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 15px;
line-height: 26px;
}
.rt-pricing-table.element-three > .holder > .list {
margin-bottom: 35px;
}
.rt-pricing-table.element-three > .holder > .list > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three > .holder > .list ul { margin: 0 auto;
}
.rt-pricing-table.element-three > .holder > .list ul li {
margin-bottom: 6px;
padding-bottom: 0px;
border-bottom: none;
font-size: 15px;
line-height: 30px;
color: #433B3A;
}
.rt-pricing-table.element-three > .spotlight > .holder > .list ul li {
margin-bottom: 14px;
padding-bottom: 0px;
border-bottom: none;
font-size: 15px;
line-height: 25px;
color: #ffffff;
}
.rt-pricing-table.element-three > .holder > .list ul li:last-child,
.rt-pricing-table.element-three > .holder > .list ul li:only-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.rt-pricing-table.element-three > .holder > .pricing {
position: relative;
margin-bottom: 35px;
}
.rt-pricing-table.element-three > .holder > .pricing > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three > .holder > .pricing .price {
margin-bottom: 30px;
font-weight: 300;
font-size: 75px;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-three > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 300;
font-size: 24px;
line-height: 1;
}
.rt-pricing-table.element-three > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 6px;
margin-left: 4px;
font-weight: 400;
font-size: 15px;
line-height: 1;
}
.rt-pricing-table.element-three > .holder > .pricing .tagline {
max-width: 195px;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 14px;
line-height: 27px;
}
.rt-pricing-table.element-three > .holder > .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three > .holder > .more .btn {
margin-bottom: 15px;
padding: 13px 0px 13px 0px;
border-width: 1px;
border-style: solid;
border-radius: 5px !important;
font-weight: bold;
font-size: 15px;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
width: 180px;
}
.rt-pricing-table.element-three > .holder > .more .btn:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
}
.rt-pricing-table.element-three.spotlight > .holder {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.rt-pricing-table.element-three.spotlight > .holder > .more .btn {
color: #fff !important;
} .rt-pricing-table.element-four {
padding-top: 20px;
}
.rt-pricing-table.element-four > .holder {
position: relative;
padding: 30px 30px 35px 30px;
background-color: #fff;
border: none;
border-radius: 3px;
box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
text-align: left;
}
.rt-pricing-table.element-four > .holder > .spotlight-tag {
display: none;
position: absolute;
right: -10px;
top: 15px;
}
.rt-pricing-table.element-four > .holder > .spotlight-tag > .spotlight-tag-text {
position: relative;
display: block;
margin: 0;
padding: 3px 20px 4px 20px;
border-radius: 3px 0px 0px 3px;
text-transform: uppercase;
font-weight: 600;
font-size: 12px;
color: #fff;
line-height: 25px;
letter-spacing: 1px;
}
.rt-pricing-table.element-four > .holder > .spotlight-tag > .spotlight-tag-text:after {
position: absolute;
top: 100%;
right: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 0;
border-color: rgba(0, 0, 0, 0.75) transparent transparent transparent;
}
.rt-pricing-table.element-four > .holder > .heading {
margin-bottom: 25px;
}
.rt-pricing-table.element-four > .holder > .heading > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four > .holder > .heading .title {
margin-bottom: 10px;
font-weight: 700;
font-size: 19px;
color: #1e1e1e;
line-height: 30px;
}
.rt-pricing-table.element-four > .holder > .heading .subtitle {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-four > .holder > .pricing {
margin-bottom: 24px;
}
.rt-pricing-table.element-four > .holder > .pricing > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four > .holder > .pricing .price {
margin-bottom: 25px;
font-weight: 700;
font-size: 65px;
color: #2b2944;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-four > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
line-height: 1;
}
.rt-pricing-table.element-four > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 1;
}
.rt-pricing-table.element-four > .holder > .pricing .tagline {
margin-bottom: 10px;
font-weight: 400;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-four > .holder > .list {
margin-bottom: 35px;
font-size: 15px;
color: #2b2944;
line-height: 26px;
}
.rt-pricing-table.element-four > .holder > .list > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four > .holder > .list ul li {
margin-bottom: 11px;
}
.rt-pricing-table.element-four > .holder > .list ul li:last-child,
.rt-pricing-table.element-four > .holder > .list ul li:only-child {
margin-bottom: 0;
}
.rt-pricing-table.element-four > .holder > .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four > .holder > .more .btn {
margin-bottom: 15px;
padding: 11px 37px 13px 37px;
border-width: 2px;
border-style: solid;
border-radius: 4px;
font-weight: 400;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-four > .holder > .more .btn:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 0px 30px rgba(5, 6, 6, 0.1);
}
.rt-pricing-table.element-four.spotlight {
padding-top: 0;
}
.rt-pricing-table.element-four.spotlight > .holder {
padding-top: 50px;
}
.rt-pricing-table.element-four.spotlight > .holder > .spotlight-tag {
display: block;
}
.rt-pricing-table.element-four.spotlight > .holder > .more .btn {
color: #fff !important;
} .rt-pricing-table.element-five > .holder {
position: relative;
background-color: #fff;
text-align: center;
border: 2px solid #ededed;
border-radius: 10px;
padding: 40px 0 20px 0;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
}
.rt-pricing-table.element-five > .holder:hover {
border: 2px solid #8db4e1;
}
.rt-pricing-table.element-five > .holder > .icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-five > .holder > .plan-name {
margin-bottom: 25px;
}
.rt-pricing-table > .holder > .plan-name > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-five > .holder > .plan-name h3 {
font-weight: 600;
font-size: 35px;
color: #dbdfec;
line-height: 40px;
text-transform: uppercase;
}
.rt-pricing-table.element-five > .holder > .pricing {
margin-bottom: 0;
}
.rt-pricing-table.element-five > .holder > .pricing .price {
margin-bottom: 25px;
font-weight: 700;
font-size: 65px;
color: #8fa4c2;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-five > .holder > .pricing .price sup {
display: inline-block;
vertical-align: middle;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 30px;
line-height: 1;
}
.rt-pricing-table.element-five > .holder > .pricing .price sub {
display: inline-block;
text-transform: uppercase;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 30px;
}
.rt-pricing-table.element-five > .holder > .pricing .tagline {
margin-bottom: 22px;
font-weight: 400;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-five > .holder > .list {
margin-bottom: 35px;
font-size: 15px;
color: #2b2944;
line-height: 26px;
padding-top: 25px;
border-top: 1px solid #ededed;
}
.rt-pricing-table.element-five > .holder > .list > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-five > .holder > .list > ul {
margin: 0;
padding: 0;
list-style: none;
}
.rt-pricing-table.element-five > .holder > .list > ul li {
margin-bottom: 11px;
}
.rt-pricing-table.element-five > .holder > .list > ul li > span {
font-weight: 700;
}
.rt-pricing-table.element-five > .holder > .select-btn .btn {
margin-bottom: 15px;
padding: 11px 50px 13px 50px;
border-width: 2px;
color: #525050;
border-color: #ededed;
border-style: solid;
border-radius: 6px;
font-weight: 400;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .rt-pricing-table.element-six > .holder {
position: relative;
padding: 46px 25px 40px 25px;
background-color: #fff;
border: 1px #d4d0e9 solid;
text-align: center;
overflow: hidden;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transform: translateX(0);
}
.rt-pricing-table.element-six > .holder:before {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 6px;
background-color: #0abc5f;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-pricing-table.element-six > .holder:hover:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
.rt-pricing-table.element-six > .holder:hover {}
.rt-pricing-table.element-six > .holder > .icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-six > .holder > .plan-name {
margin-bottom: 25px;
}
.rt-pricing-table.element-six > .holder > .plan-name > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-six > .holder > .plan-name h3 {
font-weight: 400;
font-size: 26px;
line-height: 36px;
color: #2b2b2b;
text-transform: uppercase;
}
.rt-pricing-table.element-six > .holder > .pricing {
margin-bottom: 0;
}
.rt-pricing-table.element-six > .holder > .pricing .price {
margin-bottom: 30px;
font-weight: 700;
font-size: 65px;
color: #9b99a4;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-six > .holder > .pricing .price sup {
display: inline-block;
vertical-align: middle;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 30px;
line-height: 1;
}
.rt-pricing-table.element-six > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 30px;
}
.rt-pricing-table.element-six > .holder > .pricing .tagline {
margin-bottom: 22px;
font-weight: 400;
font-size: 13px;
line-height: 26px;
}
.rt-pricing-table.element-six > .holder > .list {
margin-bottom: 35px;
font-size: 15px;
color: #2b2944;
line-height: 26px;
}
.rt-pricing-table.element-six > .holder > .list > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-six > .holder > .list > ul {
margin: 0;
padding: 0;
list-style: none;
}
.rt-pricing-table.element-six > .holder > .list > ul li {
margin-bottom: 10px;
padding: 10px 0;
box-shadow: 0px 2px 2px 1px rgba(0, 0, 0, 0.05);
}
.rt-pricing-table.element-six > .holder > .list > ul li > span {
font-weight: 700;
}
.rt-pricing-table.element-six > .holder > .select-btn .btn {
margin-bottom: 15px;
padding: 8px 50px 9px 50px;
border-width: 2px;
color: #ffffff;
background-color: #544d9d;
text-transform: uppercase;
border-color: #544d9d;
border-style: solid;
border-radius: 30px;
font-weight: 400;
font-size: 14px;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-six > .holder > .select-btn .btn:hover {
transform: translateY(-5px);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
} .rt-pricing-table.element-seven .holder {
position: relative;
padding: 50px 25px 50px 25px;
background: #fff;
background-size: 200% auto;
border: none;
border-radius: 0px;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
text-align: center;
}
.rt-pricing-table.element-seven > .holder > .icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven > .holder > .heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven > .holder > .heading .title {
color: #282828;
font-weight: 600;
font-size: 22px;
line-height: 32px;
letter-spacing: -0.5px;
margin: 0px;
}
.rt-pricing-table.element-seven > .holder > .pricing {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven > .holder > .pricing > .price {
font-weight: 700;
font-size: 60px;
color: #282828;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-seven > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
line-height: 1;
color: #5c5c5c;
}
.rt-pricing-table.element-seven > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #5c5c5c;
}
.rt-pricing-table.element-seven > .holder > .content-list {
margin-bottom: 35px;
font-size: 15px;
color: #fff;
line-height: 26px;
}
.rt-pricing-table.element-seven > .holder > .content-list h3 {
font-size: 20px;
color: #5d5d5d;
}
.rt-pricing-table.element-seven > .holder > .content-list ul {
padding: 0px;
}
.rt-pricing-table.element-seven > .holder > .content-list ul li {
text-decoration: none;
list-style: none;
margin-bottom: 10px;
color: #5c5c5c;
}
.rt-pricing-table.element-seven > .holder > .started .btn {
margin-bottom: 0px;
padding: 13px 0px 13px 0px;
border-width: 1px;
border-style: solid;
border-radius: 5px !important;
font-weight: bold;
font-size: 15px;
line-height: 28px;
letter-spacing: 1px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background: #6a30f5;
color: #fff;
width: 180px;
height: 56px;
}
.rt-pricing-table.element-seven > .holder > .started .btn:hover {
background-position: right center;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transition: all 0.3s;
background: #1ed5a4;
} .rt-pricing-table.element-seven.spotlight .holder { padding: 50px 25px 50px 25px;
z-index: 1;
position: relative;
background: linear-gradient(150deg, #6a30f5 0%, #9d43fe 100%);
background-size: 200% auto;
border: none;
border-radius: 0px;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.2);
text-align: center;
overflow: hidden;
position: unset;
}
.rt-pricing-table.element-seven.spotlight .holder > .spotlight-tag {
position: absolute;
right: -15px;
top: 15px;
}
.rt-pricing-table.element-seven.spotlight .holder > .spotlight-tag > .spotlight-tag-text { position: relative;
display: block;
background: #269e37;
margin: 0;
padding: 6px 20px 6px 20px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 1px;
font-weight: 600;
font-size: 15px;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px; }
.rt-pricing-table.element-seven.spotlight .holder > .spotlight-tag > .spotlight-tag-text:after { position: absolute;
top: 100%;
right: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-color: #188e7a transparent;
}
.rt-pricing-table.element-seven.spotlight > .holder > .icon {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven.spotlight > .holder > .heading {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven.spotlight > .holder > .heading .title {
color: #fff;
font-weight: 600;
font-size: 22px;
line-height: 32px;
letter-spacing: -0.5px;
margin: 0px;
}
.rt-pricing-table.element-seven.spotlight > .holder > .pricing {
margin-bottom: 30px;
}
.rt-pricing-table.element-seven.spotlight > .holder > .pricing > .price {
font-weight: 700;
font-size: 65px;
color: #fff;
line-height: 0.75;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-seven.spotlight > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 11px;
margin-right: 8px;
font-weight: 400;
font-size: 24px;
line-height: 1;
color: #fff;
}
.rt-pricing-table.element-seven.spotlight > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 2px;
font-weight: 400;
font-size: 20px;
line-height: 1;
color: #fff;
}
.rt-pricing-table.element-seven.spotlight > .holder > .content-list {
margin-bottom: 35px;
font-size: 15px;
color: #fff;
line-height: 26px;
}
.rt-pricing-table.element-seven.spotlight > .holder > .content-list h3 {
font-size: 20px;
color: #fff;
}
.rt-pricing-table.element-seven.spotlight > .holder > .content-list ul {
padding: 0px;
}
.rt-pricing-table.element-seven.spotlight > .holder > .content-list ul li {
text-decoration: none;
list-style: none;
margin-bottom: 10px;
color: #fff;
}
.rt-pricing-table.element-seven.spotlight > .holder > .started .btn {
margin-bottom: 0px;
padding: 13px 0px 13px 0px;
border-width: 1px;
border-style: solid;
border-radius: 5px !important;
font-weight: 600;
font-size: 15px;
line-height: 28px;
letter-spacing: 1px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
background: #fff;
color: #903efc;
width: 180px;
height: 56px;
}
.rt-pricing-table.element-seven.spotlight > .holder > .started .btn:hover {
box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.25);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
transition: all 0.3s;
background: #1ed5a4;
color: #fff;
}  @media screen and (min-width:321px) and (max-width:479px) {
.rt-pricing-table.element-seven.spotlight .holder {
top: 0;
}
} @media screen and (max-width:320px) {
.rt-pricing-table.element-seven.spotlight .holder {
top: 0;
}
} .rt-pricing-table.element-eight {
background: #fff;
box-shadow: 0px 0 15px 0px rgba(0, 0, 0, 0.1);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
text-align: center;
margin: 0px;
padding: 20px 20px 20px 20px;
border-radius: 5px;
}
.rt-pricing-table.element-eight h4 {
color: #3c4857;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
line-height: 2em;
padding-bottom: 15px;
}
.rt-pricing-table.element-eight h5 {
color: #3c4857;
font-size: 60px;
font-weight: 400;
line-height: 0.75;
letter-spacing: 1px;
}
.rt-pricing-table.element-eight h5 sup {
font-size: 20px;
}
.rt-pricing-table.element-eight h5 sub {
font-size: 20px;
vertical-align: middle;
}
.rt-pricing-table.element-eight ul {
margin: 20px 0;
padding: 0;
list-style-type: none;
}
.rt-pricing-table.element-eight ul li {
list-style-type: none;
font-size: 16px;
font-weight: 300;
color: #54595f;
line-height: 54px;
border-bottom: 1px solid #ececec;
}
.rt-pricing-table.element-eight ul li:last-child {
border-bottom: none;
}
.rt-pricing-table.element-eight .butn_area {
width: 100%;
}
.rt-pricing-table.element-eight .gen_btn {
display: inline-block;
font-size: 12px;
font-weight: 400;
line-height: 1.7em;
color: #ffffff;
text-transform: uppercase;
background-color: #e91e63;
border-radius: 30px 30px 30px 30px;
padding: 12px 24px;
box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.rt-pricing-table.element-eight:hover {
background-color: #e91e63;
}
.rt-pricing-table.element-eight:hover h4,
.rt-pricing-table.element-eight:hover h5 {
color: #fff;
}
.rt-pricing-table.element-eight:hover ul li {
color: #fff;
border-bottom: 1px solid #ed5689;
}
.rt-pricing-table.element-eight:hover .gen_btn {
color: #e91e63;
text-transform: uppercase;
background-color: #fff;
text-decoration: none;
}
.rt-pricing-table.element-eight:hover .gen_btn:hover {
background: #8e0d39;
color: #fff;
} .rt-pricing-table.element-eight.spotlight h4,
.rt-pricing-table.element-eight.spotlight h5 {
color: #fff;
}
.rt-pricing-table.element-eight.spotlight ul li {
color: #fff;
border-bottom: 1px solid #ed5689;
}
.rt-pricing-table.element-eight.spotlight {
background: #e91e63;
}
.rt-pricing-table.element-eight.spotlight .gen_btn {
color: #e91e63;
text-transform: uppercase;
background-color: #fff;
text-decoration: none;
}
@media screen and (max-width:767px) {
.rt-pricing-table.element-eight {
margin-bottom: 50px;
}
} .rt-pricing-table.element-nine {
text-align: left;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
padding-top: 44px;
padding-left: 60px;
padding-bottom: 60px;
padding-right: 60px;
background: #ffffff;
border-radius: 4px;
border: 1px solid #f1f1f1;
}
.rt-pricing-table.element-nine.spotlight {
text-align: left;
-webkit-box-shadow: none;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
background: #ffffff;
padding-top: 44px;
padding-left: 60px;
padding-bottom: 60px;
padding-right: 60px;
border-radius: 4px;
}
.rt-pricing-table.element-nine .rt-pricing-sub {
color: #000000;
font-size: 18px;
text-shadow: none;
text-align: left;
line-height: 32px;
font-weight: 600;
letter-spacing: 0;
}
.rt-pricing-table.element-nine.spotlight .rt-pricing-sub {
color: #000000;
font-size: 18px;
text-shadow: none;
text-align: left;
line-height: 32px;
font-weight: 600;
letter-spacing: 0;
}
.rt-pricing-table.element-nine .rt-pricing-title {
color: #0F0C0C;
background: transparent;
padding: 2px 0px;
font-size: 22px;
text-shadow: none;
text-align: left;
line-height: 28px;
font-weight: 500;
margin-bottom: 0;
}
.rt-pricing-table.element-nine .rt-price {
background: transparent;
font-size: 45px;
font-weight: bold;
padding: 0px 0px;
text-align: left;
color: #0F0C0C;
margin-top: 7px;
margin-bottom: 14px;
}
@media screen and (max-width:768px) {
.rt-pricing-table.element-nine .rt-price {
margin-bottom: 0;
}
}
.rt-pricing-table.element-nine .rt-price .rt-supsub {
position: absolute;
}
.rt-pricing-table.element-nine .rt-price .rt-supsub .rt-subscript {
color: green;
display: block;
position: relative;
left: 5px;
top: 43px;
font-size: 16px;
color: #545454;
font-weight: 400;
}
.rt-pricing-table.element-nine .rt-price .rt-supsub .rt-superscript {
color: red;
display: block;
position: relative;
left: 22px;
top: 5px;
font-size: 14px;
color: #33475B;
font-weight: 500;
}
.rt-pricing-table.element-nine .rt-list {
background: transparent;
padding-top: 3px;
}
.rt-pricing-table.element-nine .rt-list ul {
background: transparent;
padding-top: 19px;
}
.rt-pricing-table.element-nine .rt-list ul li {
font-size: 15px;
font-weight: normal; padding-top: 0px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
text-align: left;
color: #231f20;
}
.rt-pricing-table.element-nine .rt-list ul li span {
padding-left: 24px;
}
.rt-pricing-table.element-nine.spotlight .rt-list ul {
background: transparent;
padding-top: 19px;
}
.rt-pricing-table.element-nine.spotlight .rt-list ul li {
font-size: 15px;
font-weight: normal; padding-top: 0px;
padding-bottom: 7px;
padding-left: 0px;
padding-right: 0px;
text-align: left;
color: #231F20;
}
.rt-pricing-table.element-nine.spotlight .rt-list ul li span {
padding-left: 24px;
}
.rt-pricing-table.element-nine .rt-table-buy {
background: transparent;
padding: 0px;
text-align: left;
overflow: hidden;
width: 100%;
}
.rt-pricing-table.element-nine .rt-table-buy .rt-pricing-action {
float: left;
color: #ffffff; background: linear-gradient(to bottom right, #FF0C86 0%, #FF7454 100%);
padding-top: 12px;
padding-bottom: 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 600;
font-size: 15px;
font-family: "Poppins";
text-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid #ff6064;
text-decoration: none !important;
margin-top: 25px;
width: 100%;
text-align: center; }
.rt-pricing-table.element-nine .rt-table-buy .rt-pricing-action:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px); }
.rt-pricing-table.element-nine.spotlight .rt-table-buy .rt-pricing-action {
float: left;
color: #fff;
background: linear-gradient(to right, #fa454a 0%, #ff7b43 100%);
background: -webkit-linear-gradient(to right, #fa454a 0%, #ff7b43 100%);
padding-top: 12px;
padding-bottom: 12px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-weight: 600;
font-size: 15px;
font-family: "Poppins";
text-shadow: none;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
border: 1px solid #ff6064;
text-decoration: none !important;
margin-top: 25px;
width: 100%;
text-align: center; }
.rt-pricing-table.element-nine.spotlight .rt-table-buy .rt-pricing-action:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
-moz-transform: translateY(-5px); }
.rt-pricing-table.element-nine .rt-table-buy .rt-pricing-action .fa-angle-right {
font-weight: bold;
margin-left: 5px;
}
.rt-pricing-table.element-nine .rt-list p {
padding-top: 19px;
color: #5E656C;
font-size: 15px;
line-height: 30px;
}
.rt-pricing-table.element-nine .rt-table-discover {
background: transparent;
padding: 0px;
text-align: left;
overflow: hidden;
width: 100%;
}
.rt-pricing-table.element-nine .rt-table-discover .rt-pricing-link-2 {
float: left;
color: #797F85;
background: transparent;
padding-top: 0px;
padding-bottom: 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 15px;
text-shadow: none;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
border: 1px solid transparent;
text-decoration: none !important;
margin-top: 23px;
width: 100%;
text-align: center;
font-weight: bold;
}
.rt-pricing-table.element-nine.spotlight .rt-table-discover .rt-pricing-link-2 {
float: left;
color: #797F85;
background: transparent;
padding-top: 0px;
padding-bottom: 0px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 15px;
text-shadow: none;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
border: 1px solid transparent;
text-decoration: none !important;
margin-top: 24px;
width: 100%;
text-align: center;
font-weight: bold;
} .rt-pricing-table.element-nine.spotlight > .spotlight-tag {
position: absolute;
right: -15px;
top: 22px;
}
.rt-pricing-table.element-nine.spotlight > .spotlight-tag > .spotlight-tag-text {
position: relative;
display: block;
background: #3D35EF;
margin: 0;
padding: 6px 20px 6px 20px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 1px;
font-weight: 400;
font-size: 16px;
color: #ffffff;
line-height: 25px;
letter-spacing: 1px;
}
.rt-pricing-table.element-nine.spotlight > .spotlight-tag > .spotlight-tag-text:after {
position: absolute;
top: 100%;
right: 0;
content: " ";
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 0;
border-color: #188e7a transparent;
} @media screen and (max-width:1199px) {
.rt-pricing-table.element-nine {
padding-left: 35px;
padding-right: 35px;
}
.rt-pricing-table.element-nine.spotlight {
padding-left: 35px;
padding-right: 35px;
}
}
@media screen and (max-width:991px) { .rt-pricing-table.element-nine {
padding-left: 20px;
padding-right: 20px;
}
.rt-pricing-table.element-nine.spotlight {
padding-left: 20px;
padding-right: 20px;
}
.rt-pricing-table.element-nine .rt-price {
font-size: 38px;
}
.rt-pricing-table.element-nine .rt-price .rt-supsub .rt-superscript {
top: 16px;
}
}
@media screen and (max-width:768px) {
.rt-pricing-table.element-nine {
padding-left: 20px;
padding-right: 20px;
}
.rt-pricing-table.element-nine.spotlight {
padding-left: 20px;
padding-right: 20px;
}
.rt-pricing-table.element-nine .rt-price {
font-size: 37px;
}
}
@media screen and (max-width:767px) {
.rt-pricing-table.element-nine {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 30px;
}
.rt-pricing-table.element-nine.spotlight {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 30px;
} } .rt-select-wrapper {
position: relative; height: 54px;
display: inline-block;
vertical-align: middle;
min-width: 140px;
padding-right: 36px;
border-radius: 4px;
border: 1px solid #eff0f2;
background: #eff0f2;
}
.rt-select-wrapper .rt-select-text {
display: block;
padding: 10px;
line-height: 30px;
overflow: hidden;
text-align: left;
white-space: nowrap;
font-size: 16px;
color: #000;
}
.rt-select-wrapper .rt-select-button {
width: 36px;
height: 36px;
position: absolute;
right: 0px;
top: 0px;
cursor: pointer;
}
.rt-select-wrapper .rt-select-button:before {
content: "\e64b";
position: absolute;
left: 50%;
top: 50%;
margin-left: -3px;
margin-top: -3px;
font-family: 'themify';
font-size: 10px;
width: 24px;
height: 24px;
line-height: 24px;
font-weight: normal;
color: #000;
}
.select2-container .select2-selection > .select2-selection__arrow:before {
content: "\e64b";
position: absolute;
left: 50%;
top: 50%;
margin-left: -12px;
margin-top: -15px;
font-family: 'themify';
font-size: 10px;
width: 24px;
height: 24px;
line-height: 24px;
font-weight: normal;
}
.widget-area > .widget select {
width: 100%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border-radius: 0;
padding: 0 10px 0 0;
font-size: 13px;
height: 37px;
border: 1px solid #E7F1FB;
background-color: #ffffff;
}
.widget-area > .widget select:hover {
border: 1px solid #E7F1FB !important;
background-color: #ffffff;
}
.widget-area > .widget select:focus {
border: 1px solid #afb1b1 !important;
background-color: #ffffff;
}  @media screen and (max-width:1199px) {
.rt-pricing-table.element-nine {
padding-left: 35px;
padding-right: 35px;
}
.rt-pricing-table.element-nine.spotlight {
padding-left: 35px;
padding-right: 35px;
}
}
@media screen and (max-width:991px) {
.rt-pricing-table.element-nine.spotlight > .spotlight-tag {
top: 10px;
}
.rt-pricing-table.element-nine {
padding-left: 20px;
padding-right: 20px;
}
.rt-pricing-table.element-nine.spotlight {
padding-left: 20px;
padding-right: 20px;
}
.rt-pricing-table.element-nine .rt-price {
font-size: 38px;
}
.rt-pricing-table.element-nine .rt-price .rt-supsub .rt-superscript {
top: 16px;
}
.rt-pricing-table.element-nine .rt-price .rt-supsub .rt-subscript {
top: 36px;
}
}
@media screen and (max-width:768px) {
.rt-pricing-table.element-nine {
padding-left: 20px;
padding-right: 20px;
}
.rt-pricing-table.element-nine.spotlight {
padding-left: 20px;
padding-right: 20px;
}
.rt-pricing-table.element-nine .rt-price {
font-size: 37px;
}
}
@media screen and (max-width:767px) {
.rt-pricing-table.element-nine {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 30px;
}
.rt-pricing-table.element-nine.spotlight {
padding-left: 40px;
padding-right: 40px;
margin-bottom: 30px;
}
.rt-pricing-table.element-nine.spotlight > .spotlight-tag {
top: 26px;
}
} .rt-pricing-table.element-ten {
text-align: left;
float: left;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
padding-top: 27px;
padding-left: 45px;
padding-bottom: 33px;
padding-right: 45px;
background: #ffffff;
}
.rt-pricing-table.element-ten.spotlight {
text-align: left;
float: left;
-webkit-box-shadow: none;
box-shadow: 0px 5px 60px 0px rgba(255, 95, 99, 0.12);
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease; padding-top: 27px;
padding-left: 45px;
padding-bottom: 33px;
padding-right: 45px;
background: #ffffff;
}
@media screen and (min-width:768px) and (max-width:991px) {
.rt-pricing-table.element-ten {
padding-left: 25px;
padding-right: 25px;
}
.rt-pricing-table.element-ten.spotlight {
padding-left: 25px;
padding-right: 25px;
}
}
.rt-pricing-table.element-ten .rt-pricing-title {
color: #1C1615;
background: transparent;
padding: 0px 0px;
font-size: 22px;
text-shadow: none;
text-align: left;
font-weight: 500;
}
.rt-pricing-table.element-ten .rt-price { background: transparent;
font-size: 55px;
font-weight: 700;
padding: 0px 0px;
text-align: left;
color: #ff6064;
}
.rt-pricing-table.element-ten .rt-price sub {
font-size: 50% !important;
position: relative;
left: 5px;
color: #3c4f62;
font-weight: 500;
}
.rt-pricing-table.element-ten .rt-list ul {
background: transparent;
color: #403d3a;
}
.rt-pricing-table.element-ten .rt-list ul li {
font-size: 15px !important;
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
text-align: left;
}
.rt-pricing-table.element-ten .rt-list ul li span.rt-unlimited {
color: #FFF;
background: #3cbf70;
font-size: 12px;
padding: 0px 5px;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.rt-pricing-table.element-ten .rt-list ul li span.rt-unlimited-danger {
color: #FFF;
background: #ff6064;
font-size: 12px;
padding: 0px 5px;
display: inline-block;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.rt-pricing-table.element-ten .rt-list ul li:nth-child(2n) {
background: transparent;
}
.rt-pricing-table.element-ten .rt-table-buy {
background: transparent;
padding: 0px;
text-align: left;
overflow: hidden;
width: 100%;
}
.rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action {
float: left;
color: #ff6064;
background: transparent;
padding-top: 12px;
padding-bottom: 12px; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
font-weight: bold;
font-size: 15px;
text-shadow: none;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
border: 1px solid #ff6064;
text-decoration: none !important;
margin-top: 23px;
width: 180px;
text-align: center;
}
.rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action:hover {
background: #ff6064;
color: #fff;
}
.rt-pricing-table.element-ten .rt-table-buy .rt-pricing-action .fa-angle-right {
font-weight: bold;
margin-left: 5px;
display: none;
}
.rt-pricing-table.element-ten .rt-list p {
padding-top: 17px;
font-size: 15px;
color: #33475B;
line-height: 28px;
letter-spacing: 0.1;
}
.rt-pricing-table.element-ten .rt-pricing-text-2 {
padding-top: 15px;
}       .rt-progress-bar.element-one > .title {
margin-bottom: 5px;
font-weight: 700;
font-size: 16px;
color: #000;
line-height: 28px;
}
.rt-progress-bar.element-one > .title > .progress-width {
float: right;
}
.rt-progress-bar.element-one > .progress > .progress-bar {
transition-duration: 2s;
-webkit-transition-duration: 2s;
} .radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post {
margin-bottom: 22px;
}
.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:last-child,
.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:only-child {
margin-bottom: 0;
}
.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .date {
margin-bottom: 10px;
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 27px;
font-style: italic;
}
.radiantthemes-recent-post-widget.element-one > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .title {
margin-bottom: 0;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 28px;
opacity: 0.7;
} .radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post {
margin-bottom: 22px;
}
.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:last-child,
.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post:only-child {
margin-bottom: 0;
}
.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .date {
margin-bottom: 10px;
font-weight: 500;
font-size: 14px;
color: #141515;
line-height: 27px;
font-style: italic;
}
.radiantthemes-recent-post-widget.element-two > .radiantthemes-recent-post-widget-holder > .radiantthemes-recent-post-widget-post .title {
margin-bottom: 0;
font-weight: 400;
font-size: 15px;
color: #141515;
line-height: 28px;
opacity: 0.7;
}       .radiantthemes-separator.element-one > .radiantthemes-separator-block {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
}
.radiantthemes-separator.element-one > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
position: absolute;
top: 0;
bottom: 0;
width: 12px;
animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}
@keyframes RadiantThemesSeparatorAnimation {
0% {
left: -12px;
}
100% {
left: 100%;
}
} .radiantthemes-separator.element-two > .radiantthemes-separator-block {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
transform: skewX(20deg);
-webkit-transform: skewX(20deg);
}
.radiantthemes-separator.element-two > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
position: absolute;
top: 0;
bottom: 0;
width: 12px;
animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}
@keyframes RadiantThemesSeparatorAnimation {
0% {
left: -12px;
}
100% {
left: 100%;
}
} .radiantthemes-separator.element-three > .radiantthemes-separator-block {
position: relative;
display: inline-block;
vertical-align: top;
overflow: hidden;
transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
}
.radiantthemes-separator.element-three > .radiantthemes-separator-block > .radiantthemes-separator-block-gap {
position: absolute;
top: 0;
bottom: 0;
width: 12px;
animation: RadiantThemesSeparatorAnimation 1.5s infinite ease-in-out;
}
@keyframes RadiantThemesSeparatorAnimation {
0% {
left: -12px;
}
100% {
left: 100%;
}
}       .radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li {
display: inline-block;
vertical-align: top;
margin-right: 14px;
}
.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li > a {
display: block;
width: 35px;
height: 35px;
background-color: #fff;
border-radius: 50%;
text-align: center;
font-size: 15px;
color: #000;
line-height: 36px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-social-widget.element-one > ul.radiantthemes-social-widget-buttons > li > a:hover {
color: #fff;
} .radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-two > ul.radiantthemes-social-widget-buttons > li > a {
display: block;
width: 45px;
height: 45px;
background-color: #000;
border-radius: 50%;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 45px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li {
display: inline-block;
vertical-align: top;
margin-right: 17px;
}
.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-three > ul.radiantthemes-social-widget-buttons > li > a {
display: block;
text-align: center;
font-size: 16px;
color: #000;
line-height: 1;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li > a {
display: block;
width: 45px;
height: 45px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 50%;
text-align: center;
font-size: 15px;
color: #fff;
line-height: 42px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-social-widget.element-four > ul.radiantthemes-social-widget-buttons > li > a:hover {
color: #fff;
} .radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li {
display: inline-block;
vertical-align: top;
margin-right: 17px;
}
.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-five > ul.radiantthemes-social-widget-buttons > li > a {
display: block;
text-align: center;
font-size: 16px;
color: #fff;
line-height: 1;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li {
display: inline-block;
vertical-align: top;
margin-right: 15px;
}
.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-six > ul.radiantthemes-social-widget-buttons > li > a {
display: block;
width: 40px;
height: 40px;
background-color: transparent;
border-width: 2px;
border-style: solid;
border-radius: 50%;
text-align: center;
font-size: 15px;
line-height: 38px;
cursor: pointer;
} .radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons {
font-size: 0;
}
.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li {
display: inline-block;
vertical-align: top;
margin-right: 13px;
}
.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li:last-child,
.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li:only-child {
margin-right: 0;
}
.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li > a {
display: block;
width: 45px;
height: 45px;
background-color: transparent;
border: 2px rgba(0, 0, 0, 0.1) solid;
border-radius: 50%;
text-align: center;
font-size: 15px;
color: #282828;
line-height: 42px;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-social-widget.element-seven > ul.radiantthemes-social-widget-buttons > li > a:hover {
color: #fff;
} .up-event-box {
border: 1px solid #d2d2d2;
background: #fff;
width: 100%;
float: left;
margin-bottom: 30px;
position: relative;
}
.up-event-box:after {
content: "";
width: 15%;
height: 3px;
background: #3cb065;
position: absolute;
bottom: 0px;
left: 0px;
}
.heading {
margin-bottom: 20px;
width: 100%;
float: left;
}
.heading span {
color: #22356a;
font-size: 30px;
font-weight: 600; float: left;
}
.viewall-btn {
background: #3db166;
padding: 13px 30px;
float: right;
color: #fff;
font-size: 14px; }
.viewall-btn:hover {
text-decoration: none;
color: #fff;
}
.up-event-calender-box {
width: 15%;
float: left;
padding: 15px 15px;
text-align: center;
}
.up-event-calender-box .date {
color: #22356a;
font-size: 36px;
font-weight: 700; }
.up-event-calender-box .month {
color: #767676;
font-size: 16px;
font-weight: 600; }
.up-event-text-box {
width: 85%;
float: left;
border-left: 1px solid #d2d2d2;
min-height: 95px;
padding: 10px;
}
.up-event-text-box h3 {
margin: 10px 0 10px 0;
line-height: 22px;
color: #22356a;
font-size: 16px;
font-weight: 600; }
.up-event-text-box p {
margin-bottom: 0px;
}
.up-event-text-box span {
margin-right: 15px;
color: #767676;
} course-style-one.courses_section {
padding: 100px 0;
}
.courses_section .course-main-box {
border: 1px solid #efefef;
}
.courses_section .course-main-box img {
width: 100%;
margin-top: 0 auto;
}
.courses_section .course-content-box {
padding: 10px;
}
.courses_section .course-content-box h2 {
color: #22356a; font-size: 15px;
font-weight: 500;
line-height: 26px;
}
.courses_section .course-content-box h3 {
color: #767676; font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.courses_section .course-content-box p {
color: #767676; font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 { color: #767676;
font-size: 12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .course-main-box .view-button {
text-align: right;
margin-top: -39px;
}
.courses_section .course-main-box .view-button a { font-size: 14px;
font-weight: 400;
padding: 12px 50px 12px 50px;
background-color: #3db166;
color: #fff;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .course-main-box .view-button a:hover {
background-color: #22356a;
}
.courses_section .ratings-section .ratings {
padding: 0 9px;
}
.courses_section .view-all-button a { font-size: 14px;
font-weight: 400;
color: #3db166;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
color: #22356a;
}
.courses_section .view-all-button {
text-align: center;
margin-top: 40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .view-button {
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .view-button {
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}  .courses_section {
padding: 100px 0;
}
.courses_section .course-main-box {
border: 1px solid #efefef;
}
.courses_section .course-main-box img {
width: 100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section {
padding: 12px 15px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box:hover .ratings-section {
background-color: #22356a;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
color: #fff !important;
}
.courses_section .course-main-box .ratings-section h2 {
color: #22356a; font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3 {
color: #373737; font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 { color: #373737;
font-size: 12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .ratings {
text-align: center;
}
.courses_section .view-all-button {
margin-top: 40px;
}
.courses_section .view-all-button a { font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
background-color: #3db166;
}
.no-padding {
padding: 0;
}
.courses_section .courses-heading h4 {
font-size: 14px;
font-weight: 400; text-transform: uppercase;
letter-spacing: 4px;
line-height: 28px;
color: #373737;
}
.courses_section .courses-heading h2 {
font-size: 32px;
font-weight: 400; text-transform: uppercase;
color: #22356a;
margin-bottom: 40px;
}
@media screen and (max-width:320px) {
.courses_section .ratings {
text-align: left;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .ratings {
text-align: left;
}
}  .courses_section {
padding: 100px 0;
}
.courses_section .course-main-box {
border: 1px solid #efefef;
}
.courses_section .course-main-box img {
width: 100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section {
padding: 12px 15px;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box:hover .ratings-section {
background-color: #3db166;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
color: #fff !important;
}
.courses_section .course-main-box .ratings-section h2 {
color: #3db166; font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3 {
color: #373737; font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 { color: #373737;
font-size: 12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .ratings {
text-align: center;
}
.courses_section .view-all-button {
margin-top: 40px;
}
.courses_section .view-all-button a { font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
background-color: #3db166;
}
.no-padding {
padding: 0;
}
.courses_section .courses-heading h4 {
font-size: 14px;
font-weight: 400; text-transform: uppercase;
letter-spacing: 4px;
line-height: 28px;
color: #373737;
}
.courses_section .courses-heading h2 {
font-size: 32px;
font-weight: 400; text-transform: uppercase;
color: #22356a;
margin-bottom: 40px;
}
@media screen and (max-width:320px) {
.courses_section .ratings {
text-align: left;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .ratings {
text-align: left;
}
}  .courses_section {
padding: 100px 0;
} .courses_section .course-main-box img {
width: 100%;
margin-top: 0 auto;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}
.courses_section .course-main-box .ratings-section {
padding: 12px 15px; }
.courses_section .course-main-box:hover .ratings-section {
background-color: #3db166;
}
.courses_section .course-main-box:hover .ratings-section .course-content-box h2,
.courses_section .course-main-box:hover .ratings-section .course-content-box h3,
.courses_section .course-main-box:hover .ratings-section .ratings h1 {
color: #fff !important;
}
.courses_section .course-main-box .ratings-section h2 {
color: #fff; font-size: 16px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings-section h3 {
color: #fff; font-size: 14px;
font-weight: 400;
}
.courses_section .course-main-box .ratings-section {
margin-top: -81px;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 { color: #fff;
font-size: 12px;
letter-spacing: 1px;
display: inline-block;
}
.courses_section .view-all-button {
margin-top: 40px;
}
.courses_section .view-all-button a { font-size: 12px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
background-color: #2b2f34;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
background-color: #3db166;
}
.no-padding {
padding: 0;
}
.courses_section .courses-heading h4 {
font-size: 14px;
font-weight: 400; text-transform: uppercase;
letter-spacing: 4px;
line-height: 28px;
color: #373737;
}
.courses_section .courses-heading h2 {
font-size: 32px;
font-weight: 400; text-transform: uppercase;
color: #22356a;
margin-bottom: 40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .ratings-section {
margin-top: -98px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .ratings-section {
margin-top: -90px;
}
}  .courses_section {
padding: 100px 0;
}
.courses_section .course-main-box {
border: 1px solid #efefef;
}
.courses_section .course-main-box img {
width: 100%;
margin-top: 0 auto;
}
.courses_section .course-content-box {
padding: 10px;
}
.courses_section .course-content-box h2 {
color: #22356a; font-size: 15px;
font-weight: 500;
line-height: 26px;
}
.courses_section .course-content-box h3 {
color: #767676; font-size: 14px;
font-weight: 400;
line-height: 26px;
}
.courses_section .course-content-box p {
color: #767676; font-size: 14px;
font-weight: 500;
line-height: 24px;
}
.courses_section .course-main-box .ratings .fas {
color: #ffb931;
font-size: 9px;
}
.courses_section .course-main-box .ratings h1 { color: #767676;
font-size: 12px;
display: inline-block;
letter-spacing: 1px;
}
.courses_section .course-main-box .view-button {
text-align: right;
margin-top: -39px;
}
.courses_section .course-main-box .view-button a { font-size: 14px;
font-weight: 400;
padding: 12px 50px 12px 50px;
background-color: #3db166;
color: #fff;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .course-main-box .view-button a:hover {
background-color: #22356a;
}
.courses_section .ratings-section .ratings {
padding: 0 9px;
}
.courses_section .view-all-button a { font-size: 22px;
font-weight: 600;
text-transform: uppercase;
color: #ffffff;
background-color: #16285c;
padding: 15px 25px 15px 25px;
display: inline-block;
text-decoration: none;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.courses_section .view-all-button a:hover {
background-color: #3db166;
}
.courses_section .view-all-button {
text-align: right;
}
.courses_section .courses-heading h4 {
font-size: 14px;
font-weight: 400; text-transform: uppercase;
letter-spacing: 4px;
line-height: 28px;
color: #373737;
}
.courses_section .courses-heading h2 {
font-size: 32px;
font-weight: 400; text-transform: uppercase;
color: #22356a;
margin-bottom: 40px;
}
@media screen and (max-width:320px) {
.courses_section .course-main-box .view-button {
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
.courses_section .view-all-button {
text-align: left;
margin-bottom: 20px;
}
}
@media screen and (min-width:768px) and (max-width:991px) {
.courses_section .course-main-box .view-button {
margin-top: 5px;
text-align: left;
padding: 0 9px;
}
}  .radiantthemes-case-studies-slider.element-one {
width: auto;
margin-left: 0;
margin-right: 0;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((79 / 100) * 100%);
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .pic {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.7s ease-in-out 0.0s;
-webkit-transition: all 0.7s ease-in-out 0.0s;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .overlay {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 2;
background-color: rgba(0, 0, 0, 0.65);
opacity: 0;
visibility: hidden;
transition: all 0.7s ease-in-out 0.0s;
-webkit-transition: all 0.7s ease-in-out 0.0s;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
padding: 35px;
opacity: 0;
visibility: hidden;
transform: translateY(15px);
-webkit-transform: translateY(15px);
transition: all 0.3s ease-in-out 0.0s;
-webkit-transition: all 0.3s ease-in-out 0.0s;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title {
margin-bottom: 10px;
font-weight: 300;
font-size: 22px;
color: #fff;
line-height: 30px;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .data .title a {
color: inherit;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button {
position: absolute;
top: 0;
right: 0;
z-index: 4;
text-align: right;
font-size: 0;
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
transition: all 0.3s ease-in-out 0.2s;
-webkit-transition: all 0.3s ease-in-out 0.2s;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder > .action-button > .btn {
display: inline-block;
vertical-align: top;
padding: 10px 12px 10px 12px;
border: none;
border-radius: 0;
font-size: 22px;
color: #fff;
line-height: 1;
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .pic {
transform: scale(1.07);
-webkit-transform: scale(1.07);
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .overlay,
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .data {
opacity: 1;
visibility: visible;
transform: translateY(0);
-webkit-transform: translateY(0);
}
.radiantthemes-case-studies-slider.element-one .radiantthemes-case-studies-slider-item > .holder:hover > .action-button {
transform: translateY(0);
-webkit-transform: translateY(0);
}
.radiantthemes-case-studies-slider.element-one .owl-dots {
margin-top: 30px;
margin-right: 15px;
margin-left: 15px;
text-align: center;
}
.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top;
margin-left: 4px;
margin-right: 4px;
}
.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot > span {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.radiantthemes-case-studies-slider.element-one .owl-dots > .owl-dot.active > span {
background-color: #1e2c41;
}       .rt-case-study-box-filter[class*='filter-style-'] {
font-size: 0;
}
.rt-case-study-box-filter.filter-style-one {
margin-bottom: 30px;
}
.rt-case-study-box-filter.filter-style-one > button {
display: inline-block;
vertical-align: top;
margin-left: 20px;
margin-right: 20px;
padding: 0;
background-color: initial;
border: none;
text-transform: uppercase;
font-weight: 600;
font-size: 15px;
color: #4e4e4e;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} @media screen and (min-width: 321px) and (max-width: 479px) { .rt-case-study-box-filter.filter-style-one > button {
width: 100%;
margin: 0px 0px 15px 0px;
}
} @media screen and (max-width: 320px) { .rt-case-study-box-filter.filter-style-one > button {
width: 100%;
margin: 0px 0px 15px 0px;
}
} .rt-case-study-box.element-one .rt-case-study-box-item {
padding-left: 0;
padding-right: 0;
text-align: center;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder {
background-color: #f8f8f8;
border: 1px #edebeb solid;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover {
position: relative;
z-index: 1;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic {
position: relative;
overflow: hidden;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > img {
width: 100%;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .pic > .holder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder:hover > .pic > .holder {
transform: scale(1.15);
-webkit-transform: scale(1.15);
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data {
padding: 25px 25px 27px 25px;
}
.rt-case-study-box.element-one[data-case-study-box-align=left] .rt-case-study-box-item > .holder > .data {
text-align: left;
}
.rt-case-study-box.element-one[data-case-study-box-align=center] .rt-case-study-box-item > .holder > .data {
text-align: center;
}
.rt-case-study-box.element-one[data-case-study-box-align=right] .rt-case-study-box-item > .holder > .data {
text-align: right;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p.category {
margin-bottom: 7px;
font-weight: 400;
font-size: 15px;
color: #001040;
line-height: 25px;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 {
margin-bottom: 7px;
font-weight: 600;
font-size: 17px;
color: #001040;
line-height: 28px;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data h4 a {
color: inherit;
}
.rt-case-study-box.element-one .rt-case-study-box-item > .holder > .data p {
margin-bottom: 10px;
color: #001040;
}   @media screen and (min-width: 768px) and (max-width: 991px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 33.33% !important;
}
} @media screen and (min-width: 480px) and (max-width: 767px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 50% !important;
}
} @media screen and (min-width: 321px) and (max-width: 479px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 100% !important;
}
} @media screen and (max-width: 320px) {
.rt-case-study-box.element-one .rt-case-study-box-item {
width: 100% !important;
}
} .case-study-inner {
padding: 120px 0 80px 0;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder {
background-color: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
border-radius: 5px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
transform: translateY(0);
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover {
transform: translateY(-6px);
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 0;
overflow: hidden;
backface-visibility: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover > .pic {
transform: scale(1.1) translateY(-12px);
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > img {
width: 100%;
float: left;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .pic > .placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn {
text-align: right;
top: -30px;
position: relative;
right: 25px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button {
display: block;
float: right;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
background-color: #1ed5a4;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
color: #ffffff;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
color: #1ed5a4;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data {
padding: 20px 25px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .date {
font-size: 14px;
line-height: 26px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title {
margin-bottom: 0;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .excerpt {
margin-bottom: 3px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .title > a {
text-decoration: none;
color: #1e1666;
font-size: 25px;
font-weight: 500;
line-height: 35px;
letter-spacing: -0.7px;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > .post-meta > span {
text-transform: capitalize;
font-size: 13px;
color: #999;
line-height: 1.8;
}
.rt-case-study-box.element-two > .rt-case-study-box-item > .holder > .data > span.author {
color: #6a7c92;
} .rt-case-study-box.element-three > .rt-case-study-box-item {
text-align: left;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder {
background-color: #fff;
border: 1px #d8dadd solid;
text-align: inherit;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data {
padding: 26px 23px 27px 23px;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data .title {
margin-bottom: 10px;
font-weight: 400;
font-size: 25px;
line-height: 32px;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic {
text-align: center;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .pic img {
width: 100%;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more {
position: relative;
overflow: hidden;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-first {
background-color: transparent;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn {
display: block;
text-align: left;
padding: 10px 23px 10px 23px;
background-color: transparent;
border: none;
border-radius: 0;
box-shadow: initial;
font-weight: 500;
font-size: 13px;
line-height: 30px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn i {
vertical-align: middle;
margin-top: 0;
margin-left: 10px;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second,
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second:hover {
background-color: #1A4CED;
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder .more .btn.btn-second {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
color: #fff;
transform: translateY(100%);
-webkit-transform: translateY(100%);
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more > .btn.btn-first {
transform: translateY(-100%);
-webkit-transform: translateY(-100%);
}
.rt-case-study-box.element-three > .rt-case-study-box-item > .holder:hover .more > .btn.btn-second {
transform: translateY(0);
-webkit-transform: translateY(0);
}  #app-slider {
padding: 14px 0;
}
#app-slider {
position: relative;
display: inline-block;
}
#app-slider:before {
background: url(//o3mdm.com/wp-content/plugins/radiantthemes-addons/assets/images/app-slider-ph-bg.png);
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 235px;
height: 542px;
z-index: 99;
background-repeat: no-repeat;
top: 0;
}
.owl-theme .owl-dots {
margin-top: 30px !important;
} .rt-slider .owl-nav {
font-size: 0;
}
.rt-slider .owl-nav > .owl-prev,
.rt-slider .owl-nav > .owl-next {
position: absolute;
top: 50%;
margin-top: -30px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-slider:hover .owl-nav > .owl-prev,
.rt-slider:hover .owl-nav > .owl-next {
opacity: 1;
visibility: visible;
}
.rt-slider .owl-nav > .owl-prev {
left: 15px;
}
.rt-slider:hover .owl-nav > .owl-prev {
left: -35px;
}
.rt-slider .owl-nav > .owl-next {
right: 15px;
}
.rt-slider:hover .owl-nav > .owl-next {
right: -35px;
}
.rt-slider .owl-nav > .owl-prev:before,
.rt-slider .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 55px;
color: #6a30f5;
line-height: 1;
}
.rt-slider .owl-nav > .owl-prev:before {
content: "\f104";
}
.rt-slider .owl-nav > .owl-next:before {
content: "\f105";
}
@media screen and (max-width:480px) {
#app-slider .pic {
width: 58%;
margin: 0 auto;
}
}
@media screen and (min-width:481px) and (max-width:768px) {
#app-slider .pic {
width: 90%;
margin: 0 auto;
}
} .rt-case-study-box.element-four > .rt-case-study-box-item > .holder {
background-color: #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
border-radius: 0px;
position: relative;
overflow: hidden;
margin-bottom: 40px;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic {
transform: scale(1) translateY(0);
position: relative;
margin-bottom: 15px;
overflow: hidden;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
border-bottom: 4px solid transparent;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover > .pic {
transform: scale(1.1) translateY(-12px);
border-bottom: 4px solid #27AD5F;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover > .pic > img {
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic > img {
width: 100%;
float: left;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .pic > .placeholder {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center top no-repeat;
background-size: cover;
background-position: center;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button {
display: block;
position: absolute;
bottom: 31%;
right: 20px;
width: 55px;
height: 55px;
border-radius: 50%;
background-color: #fff;
z-index: 2;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, .15);
transform: translateY(25px);
opacity: 0;
visibility: hidden;
transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder:hover .post-button {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover {
background-color: #FC6086;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button:hover .ti-angle-right {
color: #ffffff;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .post-btn > .post-button > .ti-angle-right {
color: #FC6086;
font-size: 18px;
line-height: 55px;
display: block;
text-align: center;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data {
padding: 15px 20px 25px 25px;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > .title > a {
text-decoration: none;
color: #282828;
font-size: 22px;
font-weight: 500;
line-height: 30px;
letter-spacing: -0.7px;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > .date {
font-style: italic;
}
.rt-case-study-box.element-four > .rt-case-study-box-item > .holder > .data > span.author {
color: #6a7c92;
}        .rt-tab.element-one > ul.nav-tabs {
margin-top: 5px;
margin-bottom: 50px;
border: none;
text-align: center;
font-size: 0;
}
.rt-tab.element-one > ul.nav-tabs:after {
content: " ";
display: block;
clear: both;
}
.rt-tab.element-one > ul.nav-tabs > li {
display: inline-block;
vertical-align: top;
float: none;
margin-bottom: 0;
background-color: #ede8e6;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-one > ul.nav-tabs > li:first-child {
border-radius: 35px 0px 0px 35px;
}
.rt-tab.element-one > ul.nav-tabs > li:last-child {
border-radius: 0px 35px 35px 0px;
}
.rt-tab.element-one > ul.nav-tabs > li:only-child {
border-radius: 35px 35px 35px 35px;
}
.rt-tab.element-one > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 10px 25px 10px 25px;
border: none;
border-radius: 35px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
text-align: center;
font-weight: 600;
font-size: 12px;
color: #1e1e1e;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-one > ul.nav-tabs > li > a i {
margin-right: 10px;
}
.rt-tab.element-one > ul.nav-tabs > li > a > span {
position: relative;
}
.rt-tab.element-one > ul.nav-tabs > li.active > a {
background-color: #fff;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
} .rt-tab.element-two > ul.nav-tabs {
margin-top: 5px;
margin-bottom: 50px;
border: none;
text-align: center;
font-size: 0;
}
.rt-tab.element-two > ul.nav-tabs:after {
content: " ";
display: block;
clear: both;
}
.rt-tab.element-two > ul.nav-tabs > li {
display: inline-block;
vertical-align: top;
float: none;
margin-bottom: 0;
background-color: rgba(247, 208, 209, 0.9);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
height: 27px !important; }
.rt-tab.element-two > ul.nav-tabs > li:first-child {
border-radius: 35px 0px 0px 35px;
}
.rt-tab.element-two > ul.nav-tabs > li:last-child {
border-radius: 0px 35px 35px 0px;
}
.rt-tab.element-two > ul.nav-tabs > li:only-child {
border-radius: 35px 35px 35px 35px;
}
.rt-tab.element-two > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 0px;
border: none;
border-radius: 35px;
box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
text-align: center;
font-weight: 600;
font-size: 12px;
color: #1e1e1e;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
width: 23px;
height: 22px;
margin-right: 0;
padding-right: 0;
top: 2px;
border: 2px solid transparent;
margin: 0 3px;
}
.rt-tab.element-two > ul.nav-tabs > li > a i {
margin-right: 10px;
} .rt-tab.element-two > ul.nav-tabs > li:first-child span {
position: absolute;
width: 100px;
right: 30px;
top: -7px; font-size: 22px;
font-weight: 500;
line-height: 28px;
}
.rt-tab.element-two > ul.nav-tabs > li:last-child span {
position: absolute;
width: 100px;
left: 30px;
top: -7px; font-size: 22px;
font-weight: 500;
line-height: 28px;
}
.rt-tab.element-two > ul.nav-tabs > li.active > a {
background-color: #FF6064;
box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.12);
border: 2px solid #f7f7f7;
margin: 0 3px;
} .rt-tab-three > .elementor-tabs {
margin-bottom: 50px;
border: none;
border-bottom: 1px #dddad9 solid;
text-align: center;
font-size: 0;
width: 80%;
margin: 0 auto;
}
.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title {
display: inline-block;
vertical-align: top;
width: auto;
float: none;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
padding: 0 26px 0 26px;
color: #454545;
}
.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a { padding: 14px 0;
text-align: center;
text-transform: capitalize;
font-weight: 500;
font-size: 22px;
color: #454545;
line-height: 30px;
position: relative;
color: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a:before {
content: "";
width: 0;
height: 1px;
bottom: 5px;
position: absolute;
left: auto;
right: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: #EF576C;
}
.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a:hover:before {
right: auto;
left: 0;
width: 100%;
}
.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a i {
display: block;
margin-bottom: 15px;
font-size: 35px;
color: #939190;
line-height: 1;
} .rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a.active { padding: 14px 0;
text-align: center;
text-transform: capitalize;
font-weight: 500;
font-size: 22px;
color: #454545;
line-height: 30px;
position: relative;
color: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab-three > .elementor-tabs > .elementor-widget-tabs .elementor-tab-desktop-title > a.active:before {
content: "";
width: 100%;
height: 1px;
bottom: 5px;
position: absolute;
left: auto;
right: 0;
-webkit-transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1) 0s;
background: #EF576C;
} .rt-tab.element-four > ul.nav-tabs {
margin-bottom: 50px;
border-bottom: 1px #dedede solid;
text-align: center;
font-size: 0;
}
.rt-tab.element-four > ul.nav-tabs > li {
display: table-cell;
width: 1%;
float: none;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-four > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 0px 50px 20px 50px;
background-color: transparent;
border: none;
border-radius: 0;
text-align: center;
font-weight: 500;
font-size: 15px;
color: #6f6f6f;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-four > ul.nav-tabs > li > a i {
display: block;
margin-bottom: 15px;
font-size: 30px;
line-height: 1;
}
.rt-tab.element-four > ul.nav-tabs > li.active > a {
color: #030712;
}
.rt-tab.element-four > ul.nav-tabs > li > a:before {
position: absolute;
bottom: -1px;
left: 30px;
right: 30px;
z-index: 0;
content: " ";
height: 2px;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-four > ul.nav-tabs > li.active > a:before {
transform: scaleX(1);
-webkit-transform: scaleX(1);
} .rt-tab.element-five > ul.nav-tabs {
margin-bottom: 28px;
border: none;
text-align: center;
font-size: 0;
background: transparent;
box-shadow: 0px 0px 20px 0px rgba(47, 85, 212, 0.1);
width: 100%;
margin: 0 auto; }
.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: 24px 0px 24px 0px;
background-color: #fff;
border: 1px #ece9e9 solid;
border-right: none;
border: none;
border-radius: 0;
text-align: center;
text-transform: capitalize;
font-weight: bold;
font-size: 15px;
color: #797F84;
line-height: 28px;
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: -2px;
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;
background: transparent;
border-bottom: 2px solid #FB5347; }
.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;
color: #FB5347;
}
.rt-tab.element-five > ul.nav-tabs > li:last-child > a {
border-right: 1px transparent solid;
}
.rt-tab.element-five > .tab-content {
padding-top: 25px;
}  .rt-tab.element-six > ul.nav-tabs {
margin-bottom: 20px;
border: none;
text-align: left;
font-size: 0;
}
.rt-tab.element-six > ul.nav-tabs > li {
display: inline-block;
vertical-align: top;
float: none;
margin-right: 2px;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-six > ul.nav-tabs > li:last-child,
.rt-tab.element-six > ul.nav-tabs > li:only-child {
margin-right: 0;
}
.rt-tab.element-six > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 11px 25px 9px 25px;
background-color: transparent;
border: none;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #171d2d;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-six > ul.nav-tabs > li > a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
border-width: 2px;
border-style: solid;
border-radius: inherit;
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.rt-tab.element-six > ul.nav-tabs > li.active > a:before {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-six > ul.nav-tabs > li > a i {
margin-right: 10px;
}
.rt-tab.element-six > ul.nav-tabs > li.active > a > span {
position: relative;
} .rt-tab.element-seven > ul.nav-tabs {
margin-bottom: 20px;
border: none;
text-align: left;
font-size: 0;
}
.rt-tab.element-seven > ul.nav-tabs > li {
display: inline-block;
vertical-align: top;
float: none;
margin-right: 2px;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-seven > ul.nav-tabs > li:last-child,
.rt-tab.element-seven > ul.nav-tabs > li:only-child {
margin-right: 0;
}
.rt-tab.element-seven > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 11px 25px 9px 25px;
background-color: transparent;
border: none;
border-radius: 30px;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #171d2d;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-seven > ul.nav-tabs > li.active > a {
color: #fff;
}
.rt-tab.element-seven > ul.nav-tabs > li > a:before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 0;
content: " ";
border-radius: inherit;
opacity: 0;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
-webkit-transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.rt-tab.element-seven > ul.nav-tabs > li.active > a:before {
opacity: 1;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-seven > ul.nav-tabs > li > a i {
margin-right: 10px;
}
.rt-tab.element-seven > ul.nav-tabs > li.active > a > span {
position: relative;
} .rt-tab.element-eight > ul.nav-tabs {
margin-bottom: 20px;
border: none;
text-align: left;
font-size: 0;
}
.rt-tab.element-eight > ul.nav-tabs > li {
display: inline-block;
vertical-align: top;
width: auto;
float: none;
margin-bottom: 0;
margin-right: 15px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eight > ul.nav-tabs > li:last-child,
.rt-tab.element-eight > ul.nav-tabs > li:only-child {
margin-right: 0;
}
.rt-tab.element-eight > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 0 0 0 40px;
background-color: transparent;
border: none;
border-radius: 0;
text-align: left;
text-transform: uppercase;
font-weight: 500;
font-size: 15px;
color: #030000;
line-height: 28px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eight > ul.nav-tabs > li > a:before {
position: absolute;
top: 14px;
left: 0;
z-index: 0;
content: " ";
width: 0;
height: 1px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eight > ul.nav-tabs > li > a i {
margin-right: 15px;
}
.rt-tab.element-eight > ul.nav-tabs > li.active > a:before {
width: 28px;
} .rt-tab.element-nine > ul.nav-tabs {
margin-bottom: 20px;
border-bottom: 1px rgba(255, 255, 255, 0.2) solid;
text-align: left;
font-size: 0;
}
.rt-tab.element-nine > ul.nav-tabs > li {
display: inline-block;
vertical-align: top;
float: none;
margin-right: 40px;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-nine > ul.nav-tabs > li:last-child,
.rt-tab.element-nine > ul.nav-tabs > li:only-child {
margin-right: 0;
}
.rt-tab.element-nine > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 0px 0px 10px 0px;
background-color: transparent;
border: none;
text-align: center;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-nine > ul.nav-tabs > li > a:before {
position: absolute;
bottom: -1px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 3px;
opacity: 0;
visibility: hidden;
transform: scaleX(0);
-webkit-transform: scaleX(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-nine > ul.nav-tabs > li.active > a:before {
opacity: 1;
visibility: visible;
transform: scaleX(1);
-webkit-transform: scaleX(1);
}
.rt-tab.element-nine > ul.nav-tabs > li > a i {
margin-right: 10px;
}
.rt-tab.element-nine > ul.nav-tabs > li.active > a > span {
position: relative;
}
.rt-tab.element-nine > .tab-content {
color: #fff;
} .rt-tab.element-ten > ul.nav-tabs {
width: 110px;
float: left;
border: none;
border-right: 1px #e5e6e8 solid;
text-align: left;
font-size: 0;
}
.rt-tab.element-ten > ul.nav-tabs > li {
width: 100%;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-ten > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 15px 10px 15px 0px;
background-color: transparent;
border: none;
text-align: left;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #171d2d;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-ten > ul.nav-tabs > li > a:before {
position: absolute;
top: 0;
bottom: 0;
right: -2px;
z-index: 0;
content: " ";
width: 3px;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-ten > ul.nav-tabs > li.active > a:before {
opacity: 1;
visibility: visible;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-ten > ul.nav-tabs > li > a i {
margin-right: 10px;
}
.rt-tab.element-ten > ul.nav-tabs > li.active > a > span {
position: relative;
}
.rt-tab.element-ten > .tab-content {
width: calc(100% - 110px);
float: left;
padding-left: 30px;
} .rt-tab.element-eleven > ul.nav-tabs {
width: 110px;
float: left;
border: none;
border-right: 1px rgba(255, 255, 255, 0.2) solid;
text-align: left;
font-size: 0;
}
.rt-tab.element-eleven > ul.nav-tabs > li {
width: 100%;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eleven > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 15px 10px 15px 0px;
background-color: transparent;
border: none;
text-align: left;
text-transform: uppercase;
font-weight: 500;
font-size: 14px;
color: #fff;
line-height: 25px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eleven > ul.nav-tabs > li > a:before {
position: absolute;
top: 0;
bottom: 0;
right: -2px;
z-index: 0;
content: " ";
width: 3px;
opacity: 0;
visibility: hidden;
transform: scaleY(0);
-webkit-transform: scaleY(0);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-eleven > ul.nav-tabs > li.active > a:before {
opacity: 1;
visibility: visible;
transform: scaleY(1);
-webkit-transform: scaleY(1);
}
.rt-tab.element-eleven > ul.nav-tabs > li > a i {
margin-right: 10px;
}
.rt-tab.element-eleven > ul.nav-tabs > li.active > a > span {
position: relative;
}
.rt-tab.element-eleven > .tab-content {
width: calc(100% - 110px);
float: left;
padding-left: 30px;
color: #fff;
} .rt-tab.element-twelve {
display: flex;
align-items: stretch;
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.rt-tab.element-twelve:after {
content: " ";
display: block;
clear: both;
}
.rt-tab.element-twelve > ul.nav-tabs {
width: 22%;
float: left;
border: none;
}
.rt-tab.element-twelve > ul.nav-tabs > li {
width: 100%;
margin-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-twelve > ul.nav-tabs > li > a {
position: relative;
display: block;
margin: 0;
padding: 23px 40px 22px 40px;
background-color: transparent;
border-top: none;
border-right: none;
border-bottom: 1px #d7d7d7 solid;
border-left: none;
border-radius: 0;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
color: #000;
line-height: 26px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-twelve > ul.nav-tabs > li:last-child > a {
border-bottom: none;
}
.rt-tab.element-twelve > ul.nav-tabs > li.active > a {
background-color: #282828;
}
.rt-tab.element-twelve > ul.nav-tabs > li > a:before {
position: absolute;
top: 50%;
left: 100%;
content: " ";
width: 0;
height: 0;
pointer-events: none;
border: solid transparent;
border-color: rgba(40, 40, 40, 0);
border-left-color: #282828;
border-width: 0;
margin-top: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-twelve > ul.nav-tabs > li.active > a:before {
border-width: 12px;
margin-top: -12px;
}
.rt-tab.element-twelve > ul.nav-tabs > li > a i {
display: block;
margin-bottom: 10px;
font-size: 40px;
color: #282828;
line-height: 1;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-tab.element-twelve > .tab-content {
width: 78%;
float: left;
padding: 30px;
border-left: 1px #d7d7d7 solid;
} table.mptt-shortcode-table tbody tr:nth-child(odd) {
background: #F9F9F9 !important;
}
table.mptt-shortcode-table tbody tr:nth-child(even) {
background: #fff !important;
}
.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table {
border-spacing: 4px !important; border: none !important;
}
.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table {
margin-top: 40px !important;
width: 100%;
}
.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table tbody td.mptt-shortcode-hours {
font-size: 15px;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody td {
border: 1px solid #EBEBEB;
text-align: center;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container {
position: relative;
align-items: center;
justify-content: center;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .timeslot {
display: none;
}
.mptt-shortcode-wrapper .mptt-shortcode-table.mptt-theme-mode tbody td.event {
background-color: transparent;
height: 130px !important;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-title {
font-size: 16px;
color: #409EE6;
font-weight: 500;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody .mptt-event-container .event-description {
font-size: 15px;
color: #7D7D7D;
font-weight: 400;
}
table.mptt-shortcode-table {
display: block;
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.rt-timetable-div .mptt-navigation-select {
text-align: center !important;
margin: 0 auto !important;
display: block !important;
}
.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
font-size: 16px !important;
font-weight: 500 !important;
background-color: transparent;
!important;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tr.mptt-shortcode-row th {
border: 1px solid #EBEBEB;
padding: 15px 10px;
width: 12.5%;
}
.mptt-shortcode-wrapper .mptt-shortcode-table tbody tr:nth-child(2n+1) {
background-color: #f0f0f0;
}
.rt-timetable-div .mptt-inner-event-content {
font-weight: 400 !important;
font-size: 15px !important;
padding: 5px !important;
}
@media screen and (max-width:768px) {
.rt-timetable-div .mptt-shortcode-wrapper .mptt-shortcode-table {
border-spacing: 0px !important;
border-collapse: collapse;
}
} .rtmenu-for-tab {
background: #fff;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.rtmenu-for-tab {
background: none !important;
}
}
@media screen and (max-width: 767px) {
.rtmenu-for-tab {
background: none !important;
}
}   @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-two > ul.nav-tabs > li,
.rt-tab.element-three > ul.nav-tabs > li,
.rt-tab.element-four > ul.nav-tabs > li,
.rt-tab.element-five > ul.nav-tabs > li,
.rt-tab.element-six > ul.nav-tabs > li,
.rt-tab.element-seven > ul.nav-tabs > li,
.rt-tab.element-eight > ul.nav-tabs > li,
.rt-tab.element-nine > ul.nav-tabs > li,
.rt-tab.element-ten > ul.nav-tabs > li,
.rt-tab.element-eleven > ul.nav-tabs > li { width: auto !important;
margin-right: 0;
}
.rt-tab.element-one > ul.nav-tabs > li {
width: auto !important;
margin-right: 0;
} .rt-tab.element-twelve {
display: block;
}
.rt-tab.element-twelve > ul.nav-tabs,
.rt-tab.element-twelve > .tab-content {
width: 100%;
border: none;
}
.rt-tab.element-twelve > ul.nav-tabs > li > a:before {
display: none;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .rt-tab.element-two > ul.nav-tabs > li,
.rt-tab.element-three > ul.nav-tabs > li,
.rt-tab.element-four > ul.nav-tabs > li,
.rt-tab.element-five > ul.nav-tabs > li,
.rt-tab.element-six > ul.nav-tabs > li,
.rt-tab.element-seven > ul.nav-tabs > li,
.rt-tab.element-eight > ul.nav-tabs > li,
.rt-tab.element-nine > ul.nav-tabs > li,
.rt-tab.element-ten > ul.nav-tabs > li,
.rt-tab.element-eleven > ul.nav-tabs > li { width: auto !important;
margin-right: 0;
}
.rt-tab.element-one > ul.nav-tabs > li {
width: auto !important;
margin-right: 0;
} .rt-tab.element-twelve {
display: block;
}
.rt-tab.element-twelve > ul.nav-tabs,
.rt-tab.element-twelve > .tab-content {
width: 100%;
border: none;
}
.rt-tab.element-twelve > ul.nav-tabs > li > a:before {
display: none;
}
.rt-tab.element-five > ul.nav-tabs > li {
display: block;
}
} @media screen and (max-width: 320px) { .rt-tab.element-two > ul.nav-tabs > li,
.rt-tab.element-three > ul.nav-tabs > li,
.rt-tab.element-four > ul.nav-tabs > li,
.rt-tab.element-five > ul.nav-tabs > li,
.rt-tab.element-six > ul.nav-tabs > li,
.rt-tab.element-seven > ul.nav-tabs > li,
.rt-tab.element-eight > ul.nav-tabs > li,
.rt-tab.element-nine > ul.nav-tabs > li,
.rt-tab.element-ten > ul.nav-tabs > li,
.rt-tab.element-eleven > ul.nav-tabs > li {
display: block;
width: auto !important;
margin-right: 0;
}
.rt-tab.element-one > ul.nav-tabs > li {
width: auto !important;
margin-right: 0;
} .rt-tab.element-twelve {
display: block;
}
.rt-tab.element-twelve > ul.nav-tabs,
.rt-tab.element-twelve > .tab-content {
width: 100%;
border: none;
}
.rt-tab.element-twelve > ul.nav-tabs > li > a:before {
display: none;
}
.rt-tab.element-five > ul.nav-tabs > li {
display: block;
}
} .team[class*='element-'] .owl-nav {
margin-top: 20px;
margin-left: 15px;
margin-right: 15px;
text-align: center;
font-size: 0;
}
.team[class*='element-'] .owl-nav > .owl-prev,
.team[class*='element-'] .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 > .owl-prev:before,
.team[class*='element-'] .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 30px;
color: #f5b315;
line-height: 36px;
}
.team[class*='element-'] .owl-nav > .owl-prev:before {
content: "\f104";
}
.team[class*='element-'] .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 {
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 {
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 {
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 {
width: 100% !important;
}
} .testimonial.element-one {
position: relative;
}
.testimonial.element-one .testimonial-item > .holder {
text-align: center;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
margin-bottom: 50px;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder {
position: relative;
display: inline-block;
vertical-align: top;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main {
display: inline-block;
vertical-align: top;
width: 145px;
height: 145px;
background: center center no-repeat;
background-size: cover;
border-radius: 50%;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main .testi-pic-three {
border-radius: 50%;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-icon {
position: absolute;
bottom: -10px;
right: -5px;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
font-size: 25px;
color: #fff;
line-height: 60px;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-data {
margin-bottom: 35px;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-title > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-title .title {
margin-bottom: 3px;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
color: #24323d;
line-height: 28px;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-title .designation {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
color: #676767;
line-height: 26px;
}
.testimonial.element-one:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 40px;
}
.testimonial.element-one > .owl-thumbs {
display: none;
}
.testimonial.element-one > .owl-nav {
margin-top: -40px !important;
text-align: right !important;
} .testimonial.element-two {
position: relative;
}
.testimonial.element-two .testimonial-item > .holder {
text-align: left;
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-data {
margin-bottom: 32px;
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px;
color: #fff;
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-title > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-title .title {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 28px;
}
.testimonial.element-two .testimonial-item > .holder > .testimonial-title .designation {
margin-bottom: 7px;
text-transform: uppercase;
font-weight: 500;
font-size: 13px;
color: #fff;
line-height: 26px;
}
.testimonial.element-two:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 40px;
}
.testimonial.element-two > .owl-thumbs {
display: none;
}
.testimonial.element-two > .owl-nav {
margin-top: 30px !important;
text-align: left !important;
}
.testimonial.element-two > .owl-dots {
position: static !important;
margin: 38px 0 0 0 !important;
text-align: left !important;
}
.testimonial.element-two > .owl-dots > .owl-dot > span {
width: 10px !important;
height: 10px !important;
} .testimonial.element-three {
position: relative;
}
.testimonial.element-three .testimonial-item > .holder {
text-align: left;
background: #fff;
border-radius: 5px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 38px;
padding-right: 38px; margin-top: 15px;
margin-bottom: 15px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title {
position: relative;
min-height: 80px;
margin-bottom: 20px;
padding-top: 13px;
padding-left: 90px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
position: absolute;
top: 7px;
left: 0;
z-index: 1;
width: 71px;
height: 71px;
background: center center no-repeat;
background-size: cover;
border-radius: 50%;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic .testi-pic-three {
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;
margin-top: -9px;
margin-left: 8px;
text-transform: capitalize;
font-weight: 500;
font-size: 18px;
color: #16171e;
line-height: 28px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-data .designation {
margin-bottom: 7px;
margin-left: 8px;
text-transform: capitalize;
font-weight: 500;
font-size: 13px;
color: #676767;
line-height: 26px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-data blockquote p {
margin-bottom: 20px;
}
.testimonial.element-three:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 0px;
}
.testimonial.element-three > .owl-thumbs {
display: none;
}
.testimonial.element-three > .owl-nav {
margin-top: -40px !important;
text-align: right !important;
} .testimonial.element-four {
position: relative;
}
.testimonial.element-four .testimonial-item > .holder {
text-align: center;
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-data {
margin-bottom: 32px;
}
.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;
color: #fff;
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-title > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-four .testimonial-item > .holder > .testimonial-title .title {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 30px;
letter-spacing: 1.5px;
}
.testimonial.element-four:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 40px;
}
.testimonial.element-four > .owl-thumbs {
display: none;
}
.testimonial.element-four > .owl-nav {
margin-top: 30px !important;
text-align: left !important;
}
.testimonial.element-four > .owl-dots {
position: static !important;
margin: 38px 0 0 0 !important;
}
.testimonial.element-four > .owl-dots > .owl-dot > span {
width: 13px !important;
height: 13px !important;
} .testimonial.element-five {
position: relative;
}
.testimonial.element-five .testimonial-item > .holder {
text-align: left;
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-data {
margin-bottom: 21px;
}
.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;
color: #151516;
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-title > *:last-child {
margin-bottom: 0 !important;
}
.testimonial.element-five .testimonial-item > .holder > .testimonial-title .title {
margin-bottom: 5px;
text-transform: uppercase;
font-weight: 400;
font-size: 15px;
color: #151516;
line-height: 30px;
letter-spacing: 1.5px;
}
.testimonial.element-five:not(.owl-carousel) .testimonial-item {
float: left;
padding-left: 0;
margin-bottom: 40px;
}
.testimonial.element-five > .owl-thumbs {
display: none;
}
.testimonial.element-five > .owl-nav {
margin-top: 30px !important;
text-align: left !important;
}
.testimonial.element-five > .owl-dots {
position: static !important;
margin: 15px 0 0 0 !important;
text-align: left !important;
}
.testimonial.element-five > .owl-dots > .owl-dot > span {
width: 13px !important;
height: 13px !important;
} .rt-testimonial.element-nine .testi-nine .shadow-effect {
background: #fff;
padding: 20px;
text-align: center;
}
.rt-testimonial.element-nine .testi-nine {
width: 100%;
position: relative;
min-height: 280px;
}
.rt-testimonial.element-nine .testi-nine #testimonial_grid .shadow-effect p {
font-family: inherit;
font-size: 16px;
line-height: 25px;
margin-bottom: 30px;
font-weight: 300;
color: #7e7b8a;
}
.rt-testimonial.element-nine .testi-nine p {
line-height: 26px;
font-size: 15px;
padding-bottom: 30px;
}
.rt-testimonial.element-nine .testi-nine .testimonial-img img {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
z-index: 9;
margin: 0 auto;
width: 90px;
height: 90px;
border-radius: 50%;
}
.rt-testimonial.element-nine .testi-nine .testimonial-name {
margin: 0 auto;
width: auto;
padding: 10px;
text-align: center;
color: #160742;
text-transform: capitalize;
font-weight: 600;
font-size: 15px;
position: absolute;
bottom: -100px;
left: 0;
right: 0;
z-index: 99;
}
.rt-testimonial.element-nine .testi-nine #testimonial_grid .item {
text-align: center;
padding: 30px 20px;
margin-bottom: 80px;
opacity: 0.6;
-webkit-transform: scale3d(0.8, 0.8, 1);
transform: scale3d(0.8, 0.8, 1);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rt-testimonial.element-nine .testi-nine #testimonial_grid .slide-item.active.center .item {
opacity: 1;
-webkit-transform: scale3d(1.0, 1.0, 1);
transform: scale3d(1.0, 1.0, 1);
border-radius: 5px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
}
.rt-testimonial.element-nine .testi-nine .quote_slide {
overflow: hidden;
margin-bottom: 15px;
}
.rt-testimonial.element-nine .testi-nine #testimonial_grid .fa-quote-left:before {
color: #e3e9ee;
font-size: 16px;
}
.rt-testimonial.element-nine .testi-nine .fa-quote-left:before {
color: #7154f8;
opacity: 1;
font-size: 18px;
}
.rt-testimonial.element-nine .testi-nine .rd-slide-carousel .slide-item img {
transform-style: preserve-3d;
max-width: 90px;
margin: 0 auto 17px;
}
.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots .slide_dot.active span,
.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots .slide_dot:hover span {
background: #3190E7;
transform: translate3d(0px, -50%, 0px) scale(0.7);
border-radius: 20px;
}
.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots {
display: inline-block;
width: 100%;
text-align: center;
margin-top: 30px;
border-radius: 20px;
}
.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots .slide_dot {
display: inline-block;
border-radius: 20px;
}
.rt-testimonial.element-nine .testi-nine #testimonial_grid.rd-slide-carousel .slide-dots .slide_dot span {
background: #3190E7;
display: inline-block;
height: 20px;
margin: 0 2px 5px;
transform: translate3d(0px, -50%, 0px) scale(0.3);
transform-origin: 50% 50% 0;
transition: all 250ms ease-out 0s;
width: 20px;
border-radius: 20px;
} .rt-testimonial.element-nine .owl-item > div:after { font-size: 24px;
font-weight: bold;
}
.rt-testimonial.element-nine .active.center {
transform: scale(1);
-webkit-filter: grayscale(0); filter: grayscale(0);
border-radius: 5px;
box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.05);
opacity: 1;
}
.rt-testimonial.element-nine .active {
transform: scale(.8);
transition: .6s ease;
-webkit-filter: grayscale(100%); filter: grayscale(100%);
opacity: 0.6;
}
.rt-testimonial.element-nine .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.rt-testimonial.element-nine .owl-animated-in {
z-index: 0
}
.rt-testimonial.element-nine .owl-animated-out {
z-index: 1
}
.rt-testimonial.element-nine .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.rt-testimonial.element-nine .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out
}
.rt-testimonial.element-nine {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.rt-testimonial.element-nine .owl-stage {
position: relative;
-ms-touch-action: pan-Y
}
.rt-testimonial.element-nine .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.rt-testimonial.element-nine .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0px, 0, 0);
padding: 90px 0;
}
.rt-testimonial.element-nine .owl-controls .owl-dot,
.rt-testimonial.element-nine .owl-controls .owl-nav .owl-next,
.rt-testimonial.element-nine .owl-controls .owl-nav .owl-prev {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.rt-testimonial.element-nine .owl-controls .owl-nav {
display: none;
}
.rt-testimonial.element-nine.owl-loaded {
display: block
}
.rt-testimonial.element-nine.owl-loading {
opacity: 0;
display: block
}
.rt-testimonial.element-nine.owl-hidden {
opacity: 0
}
.rt-testimonial.element-nine .owl-refresh .owl-item {
display: none
}
.rt-testimonial.element-nine .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.rt-testimonial.element-nine .owl-item img {
display: block; -webkit-transform-style: preserve-3d
}
.rt-testimonial.element-nine .owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto
}
.rt-testimonial.element-nine .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab
}
.rt-testimonial.element-nine .owl-rtl {
direction: rtl
}
.rt-testimonial.element-nine .owl-rtl .owl-item {
float: right
}
.no-js .rt-testimonial.element-nine {
display: block
}
.rt-testimonial.element-nine .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease
}
.rt-testimonial.element-nine .owl-item img {
transform-style: preserve-3d
}  .rt-testimonial.element-nine .owl-theme .owl-controls {
margin-top: 30px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.rt-testimonial.element-nine .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.rt-testimonial.element-nine .owl-theme .owl-dots .owl-dot span {
width: 10px;
height: 10px;
margin: 5px 7px;
background: #3190E7;
display: block;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.rt-testimonial.element-nine .owl-theme .owl-dots .owl-dot.active span,
.rt-testimonial.element-nine .owl-theme .owl-dots .owl-dot:hover span {
background: #949494;
} @media only screen and (min-width:768px) and (max-width:991px) {
.rt-testimonial.element-nine .testi-nine .testimonial-img img {
width: 70px;
height: 70px;
}
}
@media only screen and (max-width:767px) {
.rt-testimonial.element-nine .testi-nine .testimonial-img img {
width: 70px;
height: 70px;
}
}
@media only screen and (max-width:480px) {
.rt-testimonial.element-nine .testi-nine .testimonial-img img {
width: 100px;
height: 100px;
}
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #1a1a1a;
}
.owl-theme .owl-dots .owl-dot {
outline: none;
}
.owl-theme .owl-nav span {
display: none;
}
.owl-theme .owl-dots {
margin-top: 20px;
}
@media screen and (max-width: 990px) {
.testimonial-parallax h2 {
margin-bottom: 40px;
}
.testimonial-style6 {
margin: 0;
}
} .testimonial_area {
background-color: #eee;
border-radius: 10px;
overflow: hidden;
padding: 115px 0;
}
.testimonial_area h2 {
text-align: center;
font-size: 35px;
padding-bottom: 60px;
}
.element-ten .rt_testimonial-image-grid img {
display: block;
width: 70%;
border: 1px solid #BCB6B5;
border-radius: 50%;
text-align: center;
margin: 0 auto;
}
.element-ten .quote_img {
text-align: center;
}
.element-ten .quote_area {
color: #6F32FE;
font-size: 32px;
position: relative;
}
.element-ten .quote_area .midd {
color: #6F32FE;
text-align: center;
margin: 20px auto;
}
.element-ten .quote_area:after {
height: 50px;
width: 1px;
background: #D4CDCF;
content: "";
display: block;
margin: 0 auto;
}
.element-ten .quote_area:before {
height: 50px;
width: 1px;
background: #D4CDCF;
content: "";
display: block;
margin: 0 auto;
} .element-ten .testimonial-name {
color: #1A1C26;
margin-top: 10px;
}
.element-ten .testimonial-job {
text-align: center;
color: #63646E;
text-transform: uppercase;
font-size: 13px;
margin-top: 5px;
}
.element-ten .testimonial-content {
padding: 0;
}
.element-ten.owl-theme .owl-controls .owl-page span {
background: #D3CBCE !important;
opacity: 1;
}
.element-ten.owl-theme .owl-controls .owl-page.active span {
background: #9547fd !important;
background: -moz-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
background: -webkit-linear-gradient(left, #9547fd 0%, #5525ff 100%) !important;
background: linear-gradient(to right, #9547fd 0%, #5525ff 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9547fd', endColorstr='#5525ff', GradientType=1) !important;
opacity: 1;
}
@media screen and (max-width: 767px) {
.element-ten .quote_area {
display: none;
}
.element-ten .testimonial-name {
font-size: 18px;
}
.element-ten .testimonial-content {
text-align: center;
padding-top: 30px;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.element-ten .testimonial-name {
font-size: 18px;
}
}  .testimonial .owl-nav {
position: relative;
margin-top: 31px;
text-align: center;
font-size: 0;
}
.testimonial .owl-nav > .owl-prev,
.testimonial .owl-nav > .owl-next {
display: inline-block;
vertical-align: top;
}
.testimonial .owl-nav > .owl-prev:before,
.testimonial .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 22px;
color: #fff;
line-height: 1;
}
.testimonial .owl-nav > .owl-prev {
margin-right: 7px;
}
.testimonial .owl-nav > .owl-prev:before {
content: "\f053";
}
.testimonial .owl-nav > .owl-next {
margin-left: 7px;
}
.testimonial .owl-nav > .owl-next:before {
content: "\f054";
} .testimonial.owl-nav-style-two .owl-nav {
text-align: center;
font-size: 0;
}
.testimonial.owl-nav-style-two .owl-nav > .owl-prev,
.testimonial.owl-nav-style-two .owl-nav > .owl-next {
position: absolute;
top: 50%;
z-index: 1;
display: inline-block;
vertical-align: top;
width: 50px;
height: 50px;
border-radius: 50%;
text-align: center;
opacity: 0.5;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.testimonial.owl-nav-style-two .owl-nav > .owl-prev:hover,
.testimonial.owl-nav-style-two .owl-nav > .owl-next:hover {
opacity: 1;
}
.testimonial.owl-nav-style-two .owl-nav > .owl-prev:before,
.testimonial.owl-nav-style-two .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 20px;
color: #fff;
line-height: 50px;
}
.testimonial.owl-nav-style-two .owl-nav > .owl-prev {
left: 0;
}
.testimonial.owl-nav-style-two .owl-nav > .owl-prev:before {
content: "\f053";
margin-left: -4px;
}
.testimonial.owl-nav-style-two .owl-nav > .owl-next {
right: 0;
}
.testimonial.owl-nav-style-two .owl-nav > .owl-next:before {
content: "\f054";
margin-right: -4px;
} .testimonial.owl-nav-style-three .owl-nav {
position: absolute;
bottom: -4px;
width: 100%;
text-align: right;
font-size: 0;
}
.testimonial.owl-nav-style-three .owl-nav > .owl-prev,
.testimonial.owl-nav-style-three .owl-nav > .owl-next {
display: inline-block;
vertical-align: top;
}
.testimonial.owl-nav-style-three .owl-nav > .owl-prev:before,
.testimonial.owl-nav-style-three .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 22px;
color: #1f1f1f;
line-height: 1;
}
.testimonial.owl-nav-style-three .owl-nav > .owl-prev {
margin-right: 7px;
}
.testimonial.owl-nav-style-three .owl-nav > .owl-prev:before {
content: "\f053";
}
.testimonial.owl-nav-style-three .owl-nav > .owl-next {
margin-left: 7px;
}
.testimonial.owl-nav-style-three .owl-nav > .owl-next:before {
content: "\f054";
} .testimonial[class*='element-'] .owl-dots {
margin-left: 15px;
margin-right: 15px;
}
.testimonial[class*='element-'] .owl-dots > .owl-dot {
display: inline-block;
vertical-align: top;
} .testimonial[class*='element-'].owl-dot-style-one .owl-dots {
margin-top: 45px;
text-align: center;
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot {
margin-left: 6px;
margin-right: 6px;
}
.testimonial[class*='element-'].owl-dot-style-one .owl-dots > .owl-dot > span {
display: block;
width: 10px;
height: 10px;
background-color: #e3e0df;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .testimonial[class*='element-'].owl-dot-style-two .owl-dots {
position: absolute;
bottom: 3px;
right: 0;
text-align: center;
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot {
margin-left: 4px;
margin-right: 4px;
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot > span {
display: block;
width: 5px;
height: 5px;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.testimonial[class*='element-'].owl-dot-style-two .owl-dots > .owl-dot.active > span {
background-color: #fff !important;
}    @media screen and (min-width: 480px) and (max-width: 767px) { .testimonial.element-one .testimonial-item > .holder {
padding-left: 0;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
position: static;
width: 100%;
}
.testimonial.element-one .testimonial-item > .holder .testimonial-data {
text-align: center;
} .testimonial.element-two .testimonial-item > .holder {
padding-left: 0;
padding-right: 0;
} .testimonial.element-four .testimonial-item > .holder {
padding-left: 0;
padding-right: 0;
}
.testimonial.element-four .testimonial-item > .holder .testimonial-pic {
position: static;
} .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
.testimonial.owl-nav-style-two .owl-nav > .owl-next {
position: static;
margin-left: 7px;
margin-right: 7px;
transform: translateY(0);
-webkit-transform: translateY(0);
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .testimonial.element-one .testimonial-item > .holder {
padding-left: 0;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
position: static;
width: 100%;
}
.testimonial.element-one .testimonial-item > .holder .testimonial-data {
text-align: center;
} .testimonial.element-two .testimonial-item > .holder {
padding-left: 0;
padding-right: 0;
} .testimonial.element-four .testimonial-item > .holder {
padding-left: 0;
padding-right: 0;
}
.testimonial.element-four .testimonial-item > .holder .testimonial-pic {
position: static;
} .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
.testimonial.owl-nav-style-two .owl-nav > .owl-next {
position: static;
margin-left: 7px;
margin-right: 7px;
transform: translateY(0);
-webkit-transform: translateY(0);
}
} @media screen and (max-width: 320px) { .testimonial.element-one .testimonial-item > .holder {
padding-left: 0;
}
.testimonial.element-one .testimonial-item > .holder > .testimonial-pic {
position: static;
width: 100%;
}
.testimonial.element-one .testimonial-item > .holder .testimonial-data {
text-align: center;
} .testimonial.element-two .testimonial-item > .holder {
padding-left: 0;
padding-right: 0;
} .testimonial.element-four .testimonial-item > .holder {
padding-left: 0;
padding-right: 0;
}
.testimonial.element-four .testimonial-item > .holder .testimonial-pic {
position: static;
} .testimonial.owl-nav-style-two .owl-nav > .owl-prev,
.testimonial.owl-nav-style-two .owl-nav > .owl-next {
position: static;
margin-left: 7px;
margin-right: 7px;
transform: translateY(0);
-webkit-transform: translateY(0);
}
} .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
position: relative;
padding-top: 60px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
z-index: 0;
width: 2px;
margin-left: -1px;
background-color: #cacdd4;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
display: block;
position: absolute;
top: 75px;
left: 50%;
z-index: 1;
content: " ";
width: 20px;
height: 20px;
margin-left: -10px;
background-color: #fff;
border-width: 5px;
border-style: solid;
border-radius: 50%;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .row {
margin-left: -33px;
margin-right: -33px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .row > [class*='col-'] {
padding-left: 33px;
padding-right: 33px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp {
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
text-align: right;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp {
text-align: left;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
margin-bottom: 30px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic img {
width: 100%;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 7px;
text-align: left;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
margin-bottom: 8px;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
color: #242222;
line-height: 28px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp {
margin-bottom: 17px;
font-weight: 400;
font-size: 14px;
color: #777171;
line-height: 28px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data p {
margin-bottom: 20px;
} .radiantthemes-timeline.element-two > .radiantthemes-timeline-item {
position: relative;
padding-top: 60px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line {
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
z-index: 0;
width: 2px;
margin-left: -1px;
background-color: #cacdd4;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
display: block;
position: absolute;
top: 75px;
left: 50%;
z-index: 1;
content: " ";
width: 20px;
height: 20px;
margin-left: -10px;
background-color: #fff;
border-width: 5px;
border-style: solid;
border-radius: 50%;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row {
margin-left: -33px;
margin-right: -33px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row > [class*='col-'] {
padding-left: 33px;
padding-right: 33px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-datestamp {
margin-bottom: 30px;
padding-left: 10px;
padding-right: 10px;
text-align: right;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item:nth-child(even) .radiantthemes-timeline-item-datestamp {
text-align: left;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
margin-bottom: 30px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-pic img {
width: 100%;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 7px;
text-align: left;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
margin-bottom: 8px;
text-transform: uppercase;
font-weight: 500;
font-size: 20px;
color: #242222;
line-height: 28px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date-stamp {
margin-bottom: 17px;
font-weight: 400;
font-size: 14px;
color: #777171;
line-height: 28px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data p {
margin-bottom: 20px;
} .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
padding-top: 100px;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic {
margin-bottom: 30px;
text-align: center;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic > .table .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder {
position: relative;
display: inline-block;
vertical-align: top;
width: 470px;
max-width: 100%;
padding-top: calc((65 / 100) * 100%);
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-pic .radiantthemes-timeline-item-pic-holder > .radiantthemes-timeline-item-pic-main {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background: center center no-repeat;
background-size: cover;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-bottom: 40px;
text-align: left;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table .table-cell {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data > .table .table-cell > *:last-child {
margin-bottom: 0 !important;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .date {
margin-bottom: 10px;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
line-height: 26px;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data .title {
margin-bottom: 15px;
font-weight: 700;
font-size: 32px;
color: #030712;
line-height: 42px;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider .radiantthemes-timeline-item .radiantthemes-timeline-item-data p:not(.date) {
margin-bottom: 20px;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
position: absolute;
top: 0;
right: 0;
left: 0;
margin-left: 50px;
margin-right: 50px;
text-align: center;
font-size: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
position: relative;
display: inline-block;
vertical-align: top;
width: 200px;
max-width: 100%;
margin-bottom: 13px;
padding-top: 26px;
background: none;
border: none;
text-transform: uppercase;
font-weight: 500;
font-size: 16px;
color: #030712;
line-height: 26px;
cursor: pointer;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:before {
position: absolute;
top: 4px;
left: 0;
right: 0;
z-index: 0;
content: " ";
height: 4px;
background-color: #d5d8e0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before {
left: 50%;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
right: 50%;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:only-child:before {
display: none;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:after {
position: absolute;
top: 0;
left: 50%;
z-index: 1;
content: " ";
width: 12px;
height: 12px;
margin-left: -6px;
background-color: #fff;
border: 3px #a8abb3 solid;
border-radius: 50%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}    @media screen and (min-width: 480px) and (max-width: 767px) { .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
padding-top: 0px;
padding-left: 30px;
padding-bottom: 10px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
left: 0;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
top: 6px;
left: 0;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 0;
margin-bottom: 20px;
} .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
padding-top: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
position: static;
margin-left: 0;
margin-right: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
width: 100%;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
left: 0;
right: 0;
}
} @media screen and (min-width: 321px) and (max-width: 479px) { .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
padding-top: 0px;
padding-left: 30px;
padding-bottom: 10px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
left: 0;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
top: 6px;
left: 0;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 0;
margin-bottom: 20px;
} .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
padding-top: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
position: static;
margin-left: 0;
margin-right: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
width: 100%;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
left: 0;
right: 0;
}
} @media screen and (max-width: 320px) { .radiantthemes-timeline.element-one > .radiantthemes-timeline-item {
padding-top: 0px;
padding-left: 30px;
padding-bottom: 10px;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-line {
left: 0;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-dot {
top: 6px;
left: 0;
}
.radiantthemes-timeline.element-one > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
margin-top: 0;
margin-bottom: 20px;
} .radiantthemes-timeline.element-three > .radiantthemes-timeline-slider {
padding-top: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs {
position: static;
margin-left: 0;
margin-right: 0;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item {
width: 100%;
}
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:first-child:before,
.radiantthemes-timeline.element-three > .radiantthemes-timeline-slider > .owl-thumbs > .owl-thumb-item:last-child:before {
left: 0;
right: 0;
}
}    .radiantthemes-typewriter-text.element-one > .typed-strings:after {
content: "|";
font-weight: 300;
opacity: 1;
animation: blink 0.5s infinite;
}
@keyframes blink {
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
} .radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li {
position: relative;
margin-bottom: 22px;
padding-left: 27px;
}
.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:last-child,
.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:only-child {
margin-bottom: 0;
}
.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li:before {
position: absolute;
top: 0;
left: 0;
z-index: 0;
content: "\f099";
font-family: "FontAwesome";
font-size: 16px;
color: #fff;
line-height: 28px;
}
.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .tweet {
margin-bottom: 0;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 28px;
}
.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .tweet a {
color: inherit;
opacity: 0.7;
}
.radiantthemes-twitter-widget.element-one > .radiantthemes-twitter-widget-holder > ul > li .interact {
display: none;
}  #app-slider {
padding: 14px 0;
}
#app-slider {
position: relative;
display: inline-block;
}
#app-slider:before {
background: url(//o3mdm.com/wp-content/plugins/radiantthemes-addons/assets/images/app-slider-ph-bg.png);
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
width: 235px;
height: 542px;
z-index: 99;
background-repeat: no-repeat;
top: 0;
}
.owl-theme .owl-dots {
margin-top: 30px !important;
} .rt-slider .owl-nav {
font-size: 0;
}
.rt-slider .owl-nav > .owl-prev,
.rt-slider .owl-nav > .owl-next {
position: absolute;
top: 50%;
margin-top: -30px;
text-align: center;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-slider:hover .owl-nav > .owl-prev,
.rt-slider:hover .owl-nav > .owl-next {
opacity: 1;
visibility: visible;
}
.rt-slider .owl-nav > .owl-prev {
left: 15px;
}
.rt-slider:hover .owl-nav > .owl-prev {
left: -35px;
}
.rt-slider .owl-nav > .owl-next {
right: 15px;
}
.rt-slider:hover .owl-nav > .owl-next {
right: -35px;
}
.rt-slider .owl-nav > .owl-prev:before,
.rt-slider .owl-nav > .owl-next:before {
font-family: "FontAwesome";
font-size: 55px;
color: #6a30f5;
line-height: 1;
}
.rt-slider .owl-nav > .owl-prev:before {
content: "\f104";
}
.rt-slider .owl-nav > .owl-next:before {
content: "\f105";
}
@media screen and (max-width:480px) {
#app-slider .pic {
width: 58%;
margin: 0 auto;
}
.elementor-widget-radiant-custom-search .header-slideout-searchbar {
margin-right: 15px;
margin-top: -79px;
float: right;
}
}
@media screen and (min-width:481px) and (max-width:768px) {
#app-slider .pic {
width: 90%;
margin: 0 auto;
}
}  .radiantthemes-custom-heading.element-one .default {
width: 100%;
display: block;
overflow: hidden
}
.radiantthemes-custom-heading.element-two .default {
font-size: 25px;
line-height: 25px;
margin: 0;
padding: 0;
color: #000;
text-transform: uppercase;
}
.rt-text-reveal .holder > h1,
.rt-text-reveal .holder > h2,
.rt-text-reveal .holder > h3,
.rt-text-reveal .holder > h4,
.rt-text-reveal .holder > h5,
.rt-text-reveal .holder > h6,
.rt-text-reveal .holder > div,
.rt-text-reveal .holder > span,
.rt-text-reveal .holder > p {
margin: 0 !important;
} .radiantthemes-custom-heading.element-two .rt_text_anim {
width: 100%;
display: block;
overflow: hidden
}
.radiantthemes-custom-heading.element-two .rt_textimage {
position: relative;
overflow: hidden;
width: auto;
display: inline-block;
}
.radiantthemes-custom-heading.element-two .rt_textimage {
font-size: 25px;
line-height: 25px;
margin: 0;
padding: 0;
color: #000;
text-transform: uppercase;
animation: fadeIn 0s 0.4s;
animation-fill-mode: backwards;
}
.radiantthemes-custom-heading.element-two .rt_textimage .rtoverlay_area {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translateX(-100%);
animation: rttxtImageOverlayIn 0.4s 0s, rttxtImageOverlayOut 0.4s 0.6s;
animation-fill-mode: both;
}
@keyframes rttxtImageOverlayIn {
0% {
width: 0;
}
100% {
width: 100%;
}
}
@keyframes rttxtImageOverlayOut {
0% {
transform: translateX(0);
}
100% {
transform: translateX(100%);
}
} .radiantthemes-custom-heading.element-three .rttext_animation {
width: 100%;
display: block;
overflow: hidden
}
.radiantthemes-custom-heading.element-three .rtimage {
position: relative;
overflow: hidden;
width: auto;
display: inline-block;
}
.radiantthemes-custom-heading.element-three .rtimage {
font-size: 25px;
line-height: 25px;
margin: 0;
padding: 0;
color: #000;
text-transform: uppercase;
animation: fadeIn 0s 0.4s;
animation-fill-mode: backwards;
}
.radiantthemes-custom-heading.element-three .rtimage .rt_overlay {
position: absolute;
content: '';
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: translateX(100%);
animation: rttxt_OverlayIn 0.4s 0.6s, rttxt_OverlayOut 0.4s 0s;
animation-fill-mode: both;
}
@keyframes rttxt_OverlayIn {
0% {
width: 100%;
}
100% {
width: 0;
}
}
@keyframes rttxt_OverlayOut {
0% {
transform: translateX(100%);
}
100% {
transform: translateX(0%);
}
} .rt-text-reveal .holder,
.rt-image-reveal .holder {
position: relative;
display: inline-block;
overflow: hidden;
}
.rt-text-reveal .holder .animate,
.rt-image-reveal .holder .animate {
position: absolute;
top: 0;
width: 100%;
height: 101%;
background: none;
}
.rt-text-reveal .holder .animate:before,
.rt-image-reveal .holder .animate:before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #27ae60;
transition-property: transform;
transition-duration: 0.4s;
}
.rt-text-reveal .holder .animate.top.aos-animate:before,
.rt-text-reveal .holder .animate.bottom.aos-animate:before,
.rt-image-reveal .holder .animate.top.aos-animate:before,
.rt-image-reveal .holder .animate.bottom.aos-animate:before {
transform: scaleY(1);
}
.rt-text-reveal .holder .animate.left.aos-animate::before,
.rt-text-reveal .holder .animate.right.aos-animate::before,
.rt-image-reveal .holder .animate.left.aos-animate:before,
.rt-image-reveal .holder .animate.right.aos-animate:before {
transform: scaleX(1);
}
.rt-text-reveal .holder .animate.top::before,
.rt-image-reveal .holder .animate.top:before {
transform: scaleY(0);
transform-origin: 0% 100%;
}
.rt-text-reveal .holder .animate.left::before,
.rt-image-reveal .holder .animate.left::before {
transform: scaleX(0);
transform-origin: 100% 0%;
}
.rt-text-reveal .holder .animate.right::before,
.rt-image-reveal .holder .animate.right::before {
transform: scaleX(0);
transform-origin: 0% 100%;
}
.rt-text-reveal .holder .animate.bottom::before,
.rt-image-reveal .holder .animate.bottom::before {
transform: scaleY(0);
transform-origin: 100% 0%;
} [data-aos="reveal-top"],
[data-aos="reveal-left"],
[data-aos="reveal-right"],
[data-aos="reveal-bottom"] {
transition-property: transform;
transition-delay: 0.3s;
}
[data-aos="reveal-top"] {
transform: scaleY(1);
}
[data-aos="reveal-top"].aos-animate {
transform: scaleY(0);
transform-origin: 100% 0%;
}
[data-aos="reveal-left"] {
transform: scaleX(1);
}
[data-aos="reveal-left"].aos-animate {
transform: scaleX(0);
transform-origin: 0% 100%;
}
[data-aos="reveal-right"] {
transform: scaleX(1);
}
[data-aos="reveal-right"].aos-animate {
transform: scaleX(0);
transform-origin: 100% 0%;
}
[data-aos="reveal-bottom"] {
transform: scaleY(1);
}
[data-aos="reveal-bottom"].aos-animate {
transform: scaleY(0);
transform-origin: 0% 100%;
}
[data-aos="reveal-item"] {
visibility: hidden;
transition-property: visibility;
transition-duration: 0s;
}
[data-aos="reveal-item"].aos-animate {
visibility: visible;
}
@keyframes SlideImageAnim {
0% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-clip-path: inset(0 100% 0 0);
clip-path: inset(0 100% 0 0)
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-clip-path: inset(0 0 0 0);
clip-path: inset(0 0 0 0)
}
}
.rt-search-icon {
border: none;
padding: 0px;
font-size: 16px;
cursor: pointer;
color: #000;
}
.rt-main-bg-overlay {
content: "";
background: rgba(0, 0, 0, 0.6);
width: 100%;
height: 0%; left: 0px;
top: 0px;
position: fixed; z-index: 1;
overflow-y: hidden;
transition: 0.6s;
}
.rt-bg-overlay {
height: 100%;
width: 100%;  z-index: 1;
top: 0;
left: 0;
background-color: #fafafa;
}
.rt-overlay-content {
position: relative;
top: 40%;
width: 50%;
text-align: center;
margin-top: 30px;
margin: auto;
}
.rt-bg-overlay .closebtn {
position: absolute;
top: 60px;
right: 45px;
font-size: 20px;
cursor: pointer;
color: #0F0C0C;
}
.rt-bg-overlay input[type=search] {
padding: 15px 65px 15px 0px;
font-size: 40px;
font-weight: 600;
line-height: 40px;
border: none;
float: left;
width: 100%;
background: none;
border-bottom: 2px solid #797777;
color: #0F0C0C;
}
.rt-bg-overlay input::placeholder {
color: #0F0C0C;
font-size: 40px;
font-weight: 600;
line-height: 40px;
}
.rt-bg-overlay button {
float: left;
width: auto;
padding: 0px 12px;
margin-bottom: 26px;
background: none;
font-size: 17px;
border: none;
cursor: pointer;
position: absolute;
right: 0;
top: 0;
bottom: 0px;
line-height: 54px;
}
.rt-bg-overlay button i {
font-size: 28px;
vertical-align: middle;
}
.rt-bg-overlay button:focus,
.rt-bg-overlay input:focus {
outline: transparent;
}
.rt-bg-overlay label {
position: relative;
left: 0;
width: 100%;
text-align: left;
top: 10px;
font-size: 13px;
font-weight: 400;
color: #B6B6B6;
} .layer {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.sect {
position: relative;
height: 100%;
min-height: 400px;
overflow: hidden;
text-align: center
}
#landing-cover {
z-index: 1;
overflow: hidden;
opacity: 1;
-webkit-transition: opacity .8s;
transition: opacity .8s
}
.layer {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
padding: 50px 200px;
margin: -50px -200px;
left: 0px;
top: 0px
}
.frontlayer {
z-index: 2;
-moz-background-size: auto;
-o-background-size: auto;
background-size: auto;
background-position: center center;
background-repeat: no-repeat;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1);
transition: all 2000ms cubic-bezier(0.215, 0.61, 0.355, 1)
}
.overlay {
position: absolute;
top: 0;
left: 0;
z-index: 5;
width: 100%;
height: 100%;
}  .rt-search-box {
width: 100%;
position: relative;
}
.search-btn {
position: absolute;
top: 1em;
right: 1em;
color: #000;
}
.search-btn:hover {
cursor: pointer;
}
.search-btn.fa-2x {
font-size: 18px;
}
.rt-search-btn {
position: absolute;
top: 10px;
right: 0;
color: #000;
}
.rt-search-btn.fa-2x {
font-size: 18px;
}
#search-overlay {
display: none;
}
.block {
position: absolute;
top: 0;
right: 0;
left: 0;
overflow: auto;
text-align: center;
background: #fff;
border: 0px;
margin: 0;
}
.block:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: 0;
}
.centered {
display: inline-block;
vertical-align: middle;
width: 90%;
padding: 10px 20px;
color: #000;
border: none;
background: transparent;
float: left;
}
#search-box {
position: relative;
width: 100%;
margin: 0;
-webkit-transition: color .2s ease-out;
-moz-transition: color .2s ease-out;
transition: color .2s ease-out;
}
#search-form {
overflow: hidden;
}
#search-box input[type="text"] {
width: 100%;
padding: 0;
color: #000;
outline: none;
font-size: 16px;
line-height: 40px;
height: 40px;
background: none;
border: 0px;
}
#search-box input[type="text"]::-webkit-input-placeholder {
color: #000;
}
#search-box input[type="text"]::-moz-placeholder {
color: #000;
}
#search-box input[type="text"]:-ms-input-placeholder {
color: #000;
}
#close-btn {
position: absolute;
top: 1em;
right: 1em;
color: #000;
}
#close-btn.fa-2x {
font-size: 18px;
}
#close-btn:hover {
color: #000;
cursor: pointer;
}
@media screen and (max-width: 767px) {
.centered {
width: 70%;
}
.search-btn.fa-2x {
font-size: 16px;
}
.rt-search-btn.fa-2x {
font-size: 16px;
}
#close-btn.fa-2x {
font-size: 16px;
}
.rt-search-btn {
position: absolute;
top: 10px;
right: 0;
color: #000;
}
}
.wpcf7-form-control-wrap {
position: relative;
width: 100%;
}