@charset "UTF-8";
@charset "UTF-8";
      html {
line-height: 1.15;
-webkit-text-size-adjust: 100%;
overflow-x: hidden;
}  body {
margin: 0;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; }  a {
background-color: transparent;
} abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: bold;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
}  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
[type=button],
[type=reset],
[type=submit] {
-webkit-appearance: button;
} button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
padding: 0.35em 0.75em 0.625em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type=checkbox],
[type=radio] {
box-sizing: border-box; padding: 0; } [type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
height: auto;
} [type=search] {
-webkit-appearance: textfield; outline-offset: -2px; } [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  details {
display: block;
} summary {
display: list-item;
}  template {
display: none;
} [hidden] {
display: none;
} body,
button,
input,
select,
optgroup,
textarea {
color: #6d6d6d;
font-family: "Nunito Sans", sans-serif;
font-size: 16px;
line-height: 1.875;
font-weight: 400;
-ms-word-wrap: break-word;
word-wrap: break-word;
box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Montserrat", sans-serif;
font-weight: 800;
line-height: 1.2;
margin: 0 0 20px;
color: #1b1d21;
}
h1 {
font-size: 48px;
}
h2 {
font-size: 36px;
}
h3 {
font-size: 30px;
}
h4 {
font-size: 24px;
font-weight: bold;
}
h5 {
font-size: 20px;
font-weight: bold;
}
h6 {
font-size: 18px;
font-weight: bold;
}
p {
margin: 0 0 20px;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
font-size: 22px;
line-height: 36px;
margin: 30px 0 25px;
font-family: "Montserrat", sans-serif;
font-weight: 600;
padding: 0 30px 0 50px;
position: relative;
color: #1b1d21;
}
blockquote:before {
content: "";
font-family: "Flaticon";
font-size: 30px;
display: block;
position: absolute;
left: 0;
top: 0;
color: #6ec0e9;
}
blockquote cite {
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 800;
margin-top: 10px;
display: block;
text-transform: uppercase;
letter-spacing: 1px;
color: #b5b5b5;
}
address {
margin: 0 0 1.5em;
}
pre {
background: #eee;
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 15px;
line-height: 1.7142857143;
margin-bottom: 1.6em;
max-width: 100%;
overflow: auto;
padding: 1.6em;
}
code, kbd, tt, var {
font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
font-size: 15px;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
big {
font-size: 125%;
}
.bg-alt {
background: #f8f8f8;
}
.bg-primary {
background: #43baff;
}
.bg-second {
background: #6ec0e9;
}
.text-primary {
color: #43baff;
}
.circle{
position: relative;
padding-left: 20px;
}
.circle:before{
position: absolute;
content: '';
font-size: 0.5em;
width: 1em;
height: 1em;
left: 0;
top: calc(50% - 0.5em);
border-radius: 50%;
background-color: #43baff;
}
.text-second {
color: #6ec0e9;
}
.text-dark {
color: #1b1d21;
}
.section-padd {
padding: 110px 0;
}
.section-padd-bot {
padding-bottom: 110px;
}
.section-padd-top {
padding-top: 110px;
}
.section-padd-top70 {
padding-top: 70px;
}
.custom-nav-top{
text-align: right;
margin-bottom: 60px;
}
.ot-nav{
width: 60px;
height: 60px;
z-index: 1;
background: #fff;
color: #1b1d21;
outline: none;
border: 1px solid currentColor;
border-radius: 50%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-prev{
margin-right: 8px;
}
.ot-next{
margin-left: 8px;
}
.ot-nav i:before{
font-size: 18px;
}
.lead {
font-size: 18px;
}
.clear-both {
clear: both;
}
.unstyle {
list-style: none;
padding-left: 0;
}
.font-main {
font-family: "Nunito Sans", sans-serif;
}
.font-second {
font-family: "Montserrat", sans-serif;
}
.font14 {
font-size: 14px;
}
.text-light {
color: #fff;
}
.text-light * {
color: #fff;
}
.bolder {
font-weight: 900;
}
.bold {
font-weight: 700;
}
.medium {
font-weight: 500;
}
.normal {
font-weight: 400;
}
.lighter {
font-weight: 300;
}
.underline {
text-decoration: underline;
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.dtable {
display: table;
}
.dcell {
display: table-cell;
vertical-align: middle;
}
.flex-middle {
display: flex;
align-items: center;
justify-content: center;
}
.b-shadow {
box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
}
.overflow {
overflow: hidden;
}
.overlay {
position: absolute;
top: 0;
left: 0;
background: #fff;
opacity: 0.8;
width: 100%;
height: 100%;
z-index: -1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.title-link {
display: inline;
background-size: 0 2px;
background-position: 0 100%;
background-repeat: no-repeat;
background-image: linear-gradient(0deg, #fff, currentColor);
}
.title-link:hover, .title-link.active {
background-size: 100% 2px;
}
.gaps {
clear: both;
height: 20px;
display: block;
}
.gaps.size-2x {
height: 40px;
}
.slick-arrow {
z-index: 1;
position: absolute;
top: 50%;
left: -57px;
margin-top: -17px;
background: none;
color: #1b1d21;
border: none;
outline: none;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.slick-arrow:not(.slick-disabled):hover {
color: #43baff;
}
.slick-arrow.next-nav {
left: auto;
right: -57px;
}
.slick-arrow i:before {
font-size: 18px;
}
.slick-dots li button {
width: 12px;
height: 12px;
}
.slick-dots li button:before {
font-size: 32px;
line-height: 10px;
width: auto;
height: auto;
color: #d0d0d0;
}
.slick-dots li.slick-active button:before {
color: #6ec0e9;
font-size: 45px;
left: -2px;
}
.unlink a{
cursor: inherit;
} html {
box-sizing: border-box;
overflow-x: hidden;
}
*,
*:before,
*:after { box-sizing: inherit;
}
body {
background: #fff; overflow: hidden;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
}
ul,
ol {
margin: 0 0 20px;
padding-left: 18px;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
li > ul,
li > ol {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: 700;
}
dd {
margin: 0 1.5em 1.5em;
}
.none-style {
list-style: none;
padding-left: 0;
}
img {
height: auto; max-width: 100%; }
figure {
margin: 1em 0; }
table {
margin: 0 0 1.5em;
width: 100%;
border-collapse: collapse;
border-spacing: 0;
border-width: 1px 0 0 1px;
}
caption,
td,
th {
padding: 0;
font-weight: normal;
text-align: left;
}
table,
th,
td {
border: 1px solid #eee;
}
th {
font-weight: 700;
}
th,
td {
padding: 0.4375em;
}  .octf-btn {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
font-size: 14px;
padding: 14px 30px 14px 30px;
line-height: 1.42857143;
display: inline-block;
margin-bottom: 0;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
vertical-align: middle;
font-weight: bold;
text-align: center;
background: #43baff;
cursor: pointer;
border: 1px solid transparent;
color: #fff;
outline: none;
}
.octf-btn:visited {
color: #fff;
}
.octf-btn:hover, .octf-btn:focus {
background: #6ec0e9;
color: #fff;
}
.octf-btn.octf-btn-second {
background: #6ec0e9;
color: #fff;
}
.octf-btn.octf-btn-second:visited {
background: #6ec0e9;
color: #fff;
}
.octf-btn.octf-btn-second:hover, .octf-btn.octf-btn-second:focus {
background: #43baff;
}
.octf-btn.octf-btn-light {
background: #fff;
color: #1b1d21;
}
.octf-btn.octf-btn-light:visited {
background: #fff;
color: #1b1d21;
}
.octf-btn.octf-btn-light:hover, .octf-btn.octf-btn-light:focus {
color: #fff;
background: #1b1d21;
}
.octf-btn-dark {
color: #fff;
background: #1b1d21;
}
.octf-btn-dark:visited {
color: #fff;
background: #1b1d21;
}
.octf-btn-dark:hover, .octf-btn-dark:focus {
background: #fff;
color: #1b1d21;
}
.btn-details {
font-size: 14px;
font-weight: bold;
color: #43baff;
}
.btn-details i {
margin-right: 8px;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
.btn-details i:before {
font-size: 15px;
}
.btn-details:hover i {
margin-right: 3px;
}
.btn-details:visited {
color: #43baff;
}
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #b5b5b5;
border: none;
background: #f6f6f6;
padding: 10px 20px;
box-sizing: border-box;
outline: none;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
color: #6d6d6d;
}
select {
border: none;
background: #f6f6f6;
outline: none;
}
textarea {
width: 100%;
height: 150px;
vertical-align: top;
}
.pform::-webkit-input-placeholder { color: #6d6d6d;
}
.pform::-moz-placeholder { color: #6d6d6d;
}
.pform:-ms-input-placeholder { color: #6d6d6d;
}
.pform:-moz-placeholder { color: #6d6d6d;
}
::-webkit-input-placeholder { color: #6d6d6d;
}
::-moz-placeholder { color: #6d6d6d;
}
:-ms-input-placeholder { color: #6d6d6d;
}
:-moz-placeholder { color: #6d6d6d;
}  a {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
color: #6ec0e9;
text-decoration: none;
}
a:visited {
color: #6ec0e9;
}
a:hover, a:focus, a:active {
color: #43baff;
text-decoration: none;
}
a:focus {
outline: 0;
}
a:hover, a:active {
outline: 0;
} .header-topbar {
padding: 7px 0px;
border-bottom: 1px solid transparent;
background: #141d38;
color: #b5b5b5;
font-size: 14px;
font-weight: 600;
}
.header-topbar a {
color: #b5b5b5;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.header-topbar a:hover {
color: #43baff;
}
.social-list {
list-style: none;
padding: 0px;
margin: 0px;
margin-left: 25px;
float: right;
}
.social-list li {
display: inline-block;
margin: 0px 8px;
}
.social-list li:last-child {
margin-right: 0px;
}
.social-list li a {
display: inline-block;
padding: 0px 3px;
}
.social-list li a i {
font-size: 13px;
font-weight: 400;
}
.topbar-info {
list-style: none;
padding: 0px;
margin: 0px;
float: left;
}
.topbar-info li {
padding: 0px 20px;
float: left;
}
.topbar-info li:first-child {
padding-left: 0px;
}
.topbar-info li i {
display: inline-block;
vertical-align: middle;
font-size: 15px;
color: #fff;
margin-right: 7px;
line-height: 1;
}
.topbar_languages {
float: right;
border-left: 1px solid #e5e5e5;
margin-left: 30px;
padding-left: 20px;
}
.topbar_languages select {
background: transparent;
border: 0px solid #F0F3FB;
border-radius: 0px;
padding: 0px 20px 0px 10px;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 500;
color: #a5b7d2; -webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.topbar_languages select:focus {
outline: none;
}
.topbar_languages select::-ms-expand {
display: none;
}
.topbar_languages select option {
color: #a2b7d2;
}
.topbar_languages > div {
position: relative;
}
.topbar_languages > div:after {
position: absolute;
top: 50%;
right: 3px;
margin-top: -6px;
font-family: "Flaticon";
content: "";
font-size: 11px;
line-height: 1;
color: #a5b7d2;
font-weight: 500;
pointer-events: none;
}
.extra-text {
float: right;
}
.extra-text a {
color: #43baff;
}
.extra-text a:hover {
color: #fff;
} .style-2 {
padding: 0;
line-height: 40px;
}
.style-2 .social-list {
float: left;
margin-left: 0;
}
.style-2 .social-list li {
margin: 0;
}
.style-2 .social-list li a {
display: block;
padding: 0 15px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.style-2 .social-list li:last-child a {
border-right: 1px solid rgba(255, 255, 255, 0.2);
}
.style-2 .topbar-info {
float: right;
margin-left: 20px;
}
.style-2 .topbar-info li {
padding: 0 20px;
border-left: 1px solid rgba(255, 255, 255, 0.2);
}
.style-2 .topbar-info li:last-child {
border-right: 1px solid rgba(255, 255, 255, 0.2);
} .header-style-3 .header-topbar {
background: #fff;
color: #666;
}
.header-style-3 .header-topbar a {
color: #666;
}
.header-style-3 .header-topbar a:hover {
color: #43baff;
}
.header-style-3 .header-topbar .topbar-info li i {
color: #1b1d21;
}
.header-style-3 .header-topbar .extra-text a:hover {
color: #1b1d21;
}
@media only screen and (max-width: 1199px) {
.extra-text {
display: none;
}
.social-list {
margin-left: 0;
}
}
@media only screen and (max-width: 1024px) {
.mobile-topbar {
line-height: 1.875;
padding: 7px 0;
}
.mobile-topbar.header-topbar {
display: block;
}
.mobile-topbar .social-list {
float: none;
clear: both;
padding-top: 2px;
}
.mobile-topbar .social-list li a {
border: none !important;
padding: 0;
}
.mobile-topbar .social-list li:first-child {
margin-left: 0;
}
.mobile-topbar .topbar-info {
margin-left: 0;
float: none;
}
.mobile-topbar .topbar-info li {
border: none !important;
padding-left: 0;
}
.style-2 .social-list li {
margin: 0 8px;
}
.style-2 .social-list li:first-child a {
margin-left: 0;
}
}
@media only screen and (max-width: 600px) {
.topbar-info li {
float: none;
padding-left: 0;
}
} #site-logo {
min-width: 145px;
padding: 30px 0;
display: inline-flex;
vertical-align: middle;
align-items: center;
justify-content: center;
line-height: 1;
}
#site-logo img {
width: 145px;
}
#site-logo img.logo-static {
display: block;
}
#site-logo img.logo-scroll {
display: none;
}
.is-stuck #site-logo img.logo-static {
display: none;
}
.is-stuck #site-logo img.logo-scroll {
display: block;
} .main-navigation ul {
list-style: none;
padding-left: 0;
}
.site-header {
background: #fff;
position: relative;
z-index: 10;
}
.site-header.header-overlay {
background: transparent;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.site-header.header-overlay .header-topbar {
background: rgba(255, 255, 255, 0.1);
}
.site-header.header-overlay .octf-cta-icons i {
color: #fff;
}
.site-header.header-overlay .contact-header span {
color: #ccc;
}
.site-header.header-overlay .contact-header span.main-text,
.site-header.header-overlay .contact-header span a {
color: #fff;
}
.octf-main-header{
border-bottom: 1px solid rgba(20, 29, 56, 0.15);
}
.header-overlay .octf-main-header{
border-color: rgba(255, 255, 255, 0.1);
}
.octf-mainbar-container {
display: flex;
flex-flow: row wrap;
align-items: stretch;
}
.octf-mainbar {
display: flex;
flex-flow: column wrap;
flex: 1 auto;
}
.octf-main-header .octf-mainbar-row {
display: flex;
flex-wrap: nowrap;
align-items: stretch;
flex: 1 auto;
}
.octf-mainbar-row > [class^=octf-col] {
display: flex;
align-items: stretch;
position: static;
}
.octf-mainbar-row .octf-col {
flex-basis: 0;
flex-grow: 0.65;
max-width: 100%;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.octf-mainbar-row > [class^=octf-col] {
flex-flow: row nowrap;
}
.octf-mainbar-row > [class^=octf-col].text-left {
justify-content: flex-start;
}
.octf-mainbar-row > [class^=octf-col].text-center {
justify-content: center;
}
.octf-mainbar-row > [class^=octf-col].text-right {
justify-content: flex-end;
}
.octf-main-header .octf-row > div:empty {
display: none;
}
.octf-row {
margin-right: -15px;
margin-left: -15px;
}
.octf-col:before {
display: inline-flex;
}
.octf-main-header .octf-row .octf-col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.octf-header-module {
display: inline-flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
} .main-navigation {
position: relative;
display: inline-block;
vertical-align: middle;
height: 100%;
width: auto;
}
.main-navigation > ul {
position: relative;
display: flex;
width: 100%;
vertical-align: middle;
height: 100%;
}
.main-navigation ul {
font-weight: bold;
list-style: none;
margin: 0px 0px;
padding: 0px 0px;
}
.main-navigation > ul > li {
margin: 0px 20px;
padding: 0px 0px;
float: left;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.main-navigation:not(.no-under-line) > ul > li:before {
position: absolute;
height: 3px;
width: 0;
bottom: -1px;
right: 0;
background: #43baff;
content: "";
display: block;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.main-navigation > ul > li:hover:before,
.main-navigation > ul > li.current-menu-item:before,
.main-navigation > ul > li.current-menu-ancestor:before {
left: 0;
right: auto;
width: 100%;
}
.main-navigation ul ul.sub-menu{
float: none;
margin: 0px 0px;
padding: 0px 0px;
background-color: #fff;
box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
}
.main-navigation ul > li > a {
display: inline-block;
padding: 32px 0px;
line-height: 35px;
text-decoration: none;
text-align: center;
outline: none;
color: #1a1b1e;
white-space: nowrap;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
-o-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;
}
.main-navigation ul > li > a:hover,
.main-navigation > ul > li > a.mPS2id-highlight {
color: #43baff;
}
.main-navigation:not(.no-under-line) > ul > li > a.mPS2id-highlight:before{
position: absolute;
height: 3px;
width: 100%;
bottom: -1px;
right: 0;
background: #43baff;
content: "";
}
.main-navigation ul > li.menu-item-has-children > a, .main-navigation ul > li.is-mega-menu > a {
padding-right: 17px;
}
.main-navigation > ul > li.menu-item-has-children:last-child > a:after {
right: 0px;
}
.main-navigation ul li li {
display: block;
position: relative;
padding: 0px 40px;
}
.main-navigation ul li li a {
font-size: 14px;
line-height: 30px;
font-weight: bold;
color: #1a1b1e;
text-align: left;
display: block;
padding: 5px 0px 5px 0px;
position: relative;
text-decoration: none;
outline: none;
text-transform: uppercase;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.main-navigation:not(.no-line) ul li li a:before {
position: absolute;
content: "//";
top: 50%;
left: 0;
color: #43baff;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
transform: translateY(-50%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
visibility: hidden;
opacity: 0;
}
.main-navigation:not(.no-line) ul li li a:hover:before,
.main-navigation:not(.no-line) ul ul li.current-menu-item > a:before,
.main-navigation:not(.no-line) ul ul li.current-menu-ancestor > a:before {
left: 0px;
visibility: visible;
opacity: 1;
}
.main-navigation ul li li a:hover,
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a {
color: #43baff;
padding-left: 12px;
}
.main-navigation.no-line ul li li a:hover,
.main-navigation.no-line ul ul li.current-menu-item > a,
.main-navigation.no-line ul ul li.current-menu-ancestor > a {
padding-left: 0;
}
.main-navigation ul > li.menu-item-has-children > a:after, 
.main-navigation ul > li.is-mega-menu > a:after {
position: absolute;
right: 2px;
top: 50%;
margin-top: -4px;
font-family: "Flaticon";
content: "";
font-size: 7px;
line-height: 1;
color: #c3c7c9;
font-weight: 500;
transform: rotate(90deg);
}
.s2 .main-navigation ul > li.menu-item-has-children > a:after, 
.s2 .main-navigation ul > li.is-mega-menu > a:after {
content: "\f100";
transform: none;
}
.main-navigation ul > li.menu-item-has-children > a:hover:after {
color: #43baff;
}
.main-navigation ul > li li.menu-item-has-children > a:after {
position: absolute;
content: "";
font-family: Flaticon;
top: 50%;
right: 0;
margin-top: -5px;
font-size: 9px;
color: #c3c7c9;
transform: rotate(0deg);
}
.s2 .main-navigation ul > li li.menu-item-has-children > a:after {
transform: rotate(-90deg);
}
.main-navigation ul li ul.sub-menu {
min-width: 280px;
white-space: nowrap;
padding: 25px 0px;
position: absolute;
top: calc(100% + 1px);
left: -40px;
z-index: 10;
visibility: hidden;
opacity: 0;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
box-sizing: border-box;
}
.main-navigation ul li ul ul.sub-menu {
left: 100%;
top: -25px;
transition: all 0.35s ease-in-out;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
}
.main-navigation ul li:hover > ul {
visibility: visible;
opacity: 1;
}
.main-navigation ul > li:hover > ul {
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
} .header-overlay .main-navigation > ul > li > a {
color: #fff;
}
.header-overlay .main-navigation > ul > li.menu-item-has-children > a:after {
color: rgba(255, 255, 255, 0.5);
} .octf-btn-cta {
display: inline-flex;
vertical-align: middle;
position: relative;
}
.octf-btn-cta .toggle_search {
cursor: pointer;
margin-left: 30px;
}
.octf-btn-cta .h-search-form-field {
display: none;
position: absolute;
z-index: 99;
top: -webkit-calc(100% + 1px);
top: expression(100% + 1px);
top: -moz-calc(100% + 1px);
top: -o-calc(100% + 1px);
top: calc(100% + 1px);
right: -30px;
width: 330px;
}
.octf-btn-cta .h-search-form-field .h-search-form-inner {
padding: 30px;
background-color: #fff;
box-shadow: 15px 15px 34px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 34px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 34px 0px rgba(0, 0, 0, 0.1);
}
.octf-btn-cta .h-search-form-field.show {
-webkit-animation: stickySlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
animation: stickySlideUp 0.5s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.octf-btn-cta .octf-cta-icons i {
color: #1b1d21;
text-align: center;
display: inline-block;
vertical-align: middle;
min-width: 22px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.octf-btn-cta .octf-cta-icons i:before, .octf-btn-cta .octf-cta-icons i:after {
font-size: 22px;
}
.octf-btn-cta .octf-cta-icons i.flaticon-close:before {
font-size: 18px;
}
.octf-btn-cta .octf-cta-icons i.flaticon-shopper:before {
font-size: 24px;
}
.octf-btn-cta .btn-cta-group {
margin-left: 40px;
}
.octf-btn-cta .contact-header {
display: flex;
align-items: center;
text-align: left;
line-height: 1;
border-left: 1px solid #dcdde1;
padding: 5px 0 5px 40px;
}
.octf-btn-cta .contact-header i {
font-size: 20px;
color: #43baff;
margin-right: 12px;
}
.octf-btn-cta .contact-header span {
display: block;
font-size: 14px;
font-weight: 600;
color: #6d6d6d;
}
.octf-btn-cta .contact-header span.main-text, .octf-btn-cta .contact-header span a {
font-size: 16px;
font-family: "Montserrat", sans-serif;
color: #1b1d21;
margin-top: 7px;
} .h-cart-btn {
position: relative;
}
.site-header-cart {
position: absolute;
visibility: hidden;
opacity: 0;
z-index: 10;
top: -webkit-calc(100% + 1px);
top: expression(100% + 1px);
top: -moz-calc(100% + 1px);
top: -o-calc(100% + 1px);
top: calc(100% + 1px);
right: -30px;
background: #fff;
width: 330px;
padding: 30px;
box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
-webkit-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
-moz-box-shadow: 8px 8px 30px 0px rgba(42, 67, 113, 0.15);
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.site-header-cart .woocommerce-mini-cart__buttons {
margin-bottom: -15px;
}
.site-header-cart .widget_shopping_cart_content {
text-align: left;
}
.cart-btn-hover:hover .site-header-cart {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.cart-btn-hover:hover .site-header-cart:before {
content: "";
position: absolute;
height: 10px;
width: 100%;
top: -10px;
left: 0px;
}
.cart-icon {
position: relative;
display: inline-block;
}
.cart-icon .count {
position: absolute;
bottom: -5px;
left: -12px;
width: 25px;
height: 25px;
line-height: 25px;
background: #43baff;
color: #fff;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
font-size: 12px;
font-weight: bold;
}
.header-style-3 {
border: none;
}
.header-style-3 .octf-main-header {
background: #141d38;
}
.header-style-3 .main-navigation ul.menu > li > a,
.header-style-3 .octf-btn-cta .octf-cta-icons i {
color: #fff;
}
.header-style-3 .main-navigation ul.menu > li > a:hover,
.header-style-3 .octf-btn-cta .octf-cta-icons i:hover {
color: #43baff;
} .mega-menu-content .ot-flex-column-horizontal .elementor-widget-wrap {
flex-wrap: wrap;
}
.mega-menu-content .ot-flex-column-horizontal .elementor-widget-wrap > .elementor-widget {
display: block;
width: 100%;
}
.ot-flex-column-horizontal .mega-menu-content .elementor-widget-wrap {
flex-wrap: wrap;
}
.ot-flex-column-horizontal .mega-menu-content .elementor-widget-wrap > .elementor-widget {
display: block;
width: 100%;
}
.main-navigation > ul > li.is-mega-menu ul {
background: none;
padding: 0;
box-shadow: none;
}
.main-navigation > ul > li.is-mega-menu ul li {
padding: 0;
}
@-webkit-keyframes stickySlideUp {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stickySlideUp {
from {
-webkit-transform: translateY(10%);
transform: translateY(10%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes stickySlideDown {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes stickySlideDown {
from {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
to {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.is-stuck {
background-color: #fff;
-webkit-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
-moz-box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
box-shadow: 4px 4px 30px 0px rgba(42, 67, 113, 0.15);
-webkit-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
-moz-animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
animation: stickySlideDown 0.65s cubic-bezier(0.23, 1, 0.32, 1) both;
}
.site-header .is-stuck {
position: fixed;
left: 0;
right: 0;
top: 0;
z-index: 99;
border: none!important;
}
.admin-bar .is-stuck,
.admin-bar .header-overlay {
top: 32px;
} @media (max-width: 1229px) {
.main-navigation > ul > li {
margin: 0 14px;
}
}
@media (max-width: 1265px) {
.octf-btn-cta .contact-header {
display: none;
}
} @media only screen and (min-width: 1025px) {
.header_mobile,
.header-mobile {
display: none;
}
}
@media only screen and (max-width: 1024px) {
.octf-main-header,
.header-desktop,
.header-topbar {
display: none;
}
.header-clone,
.header-clone1{
display: none!important;
}
}
.header_mobile{
width: 100%;
background: #fff;
}
.header_mobile.is-stuck {
box-shadow: 2px 2px 15px 0px rgba(42, 67, 113, 0.15);
}
.mlogo_wrapper {
position: relative;
padding: 10px 0px;
display: flex;
align-items: center;
}
.header_mobile .octf-header-module{
flex-grow: 8;
align-items: flex-end;
text-align: right;
padding-right: 55px;
}
.header_mobile .octf-btn{
padding: 10px 20px;
font-size: 13px;
justify-content: flex-end;
}
.mlogo_wrapper img {
height: 50px;
}
.mlogo_wrapper .mobile_logo {
float: left;
}
#mmenu_toggle{
position: absolute;
cursor: pointer;
width: 26px;
height: 20px;
right: 0px;
margin-top: -10px;
top: 50%;
z-index: 1;
}
#mmenu_toggle button,
#mmenu-toggle button {
position: absolute;
left: 0;
top: 50%;
margin: -2px 0 0;
background: #1b1d21;
height: 3px;
padding: 0;
border: none;
width: 26px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
outline: none;
}
#mmenu_toggle button:before,
#mmenu-toggle button:before {
content: "";
position: absolute;
left: 0;
top: -8px;
width: 26px;
height: 3px;
background: #1b1d21;
-webkit-transform-origin: 1.5px center;
transform-origin: 1.5px center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
#mmenu_toggle button:after,
#mmenu-toggle button:after {
content: "";
position: absolute;
left: 0;
bottom: -8px;
width: 26px;
height: 3px;
background: #1b1d21;
-webkit-transform-origin: 1.5px center;
transform-origin: 1.5px center;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
#mmenu_toggle.active button,
#mmenu-toggle.active button {
background: none;
}
#mmenu_toggle.active button:before,
#mmenu-toggle.active button:before {
top: 0;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
#mmenu_toggle.active button:after,
#mmenu-toggle.active button:after {
bottom: 0;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
-webkit-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.mobile_nav {
display: none;
background: #fff;
}
.mobile_nav .mobile_mainmenu {
margin: 0;
padding: 0;
}
.mobile_nav .mobile_mainmenu ul {
position: relative;
margin: 0;
padding: 0;
margin-left: 15px;
}
.mobile_nav.collapse .mobile_mainmenu ul {
display: none;
}
.mobile_nav .mobile_mainmenu li {
position: relative;
list-style: none;
}
.mobile_nav .mobile_mainmenu li a {
padding: 9px 0;
display: block;
color: #1b1d21;
font-weight: 600;
border-bottom: 1px solid #e5e5e5;
}
.mobile_nav .mobile_mainmenu > li:last-child > a {
border: none;
}
.mobile_nav .mobile_mainmenu li li a {
font-size: 15px;
}
.mobile_nav .mobile_mainmenu li li a:hover,
.mobile_nav .mobile_mainmenu ul > li > ul > li.current-menu-ancestor > a {
color: #43baff;
}
.mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow {
color: #fff;
position: absolute;
display: block;
right: 0;
top: 0;
cursor: pointer;
width: 40px;
height: auto;
padding: 9px 12px 9px 0;
line-height: inherit;
text-align: right;
box-sizing: border-box;
}
.mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i {
color: #9397a7;
display: inline-block;
line-height: 1;
-webkit-transition: transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow i:before {
font-size: 8px;
}
.mobile_nav .mobile_mainmenu > li.menu-item-has-children .arrow.active i {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.mobile_nav .mobile_mainmenu > li > a:hover, .mobile_nav .mobile_mainmenu > li.current-menu-item > a,
.mobile_nav .mobile_mainmenu > li.current-menu-ancestor > a {
color: #43baff;
}
@media only screen and (max-width: 782px) {
.admin-bar .is-stuck, 
.admin-bar .header-overlay{
top: 46px;
}
}
@media only screen and (max-width: 767px) {
.mlogo_wrapper {
width: 100%;
}
}
@media only screen and (max-width: 600px) {
.admin-bar .is-stuck{
top: 0;
}
}
@media only screen and (max-width: 320px) {
.mobile_logo img {
max-width: 230px;
max-height: 47px;
}
} .page-header {
width: 100%;
min-height: 350px;
color: #43baff;
font-weight: 500;
background: #262051 center center no-repeat;
background-size: cover;
}
.page-header .page-title {
color: #fff;
margin-bottom: 0;
flex: 1;
padding: 10px 20px 10px 0;
}
.page-header .breadcrumbs {
margin-bottom: 0;
font-size: 14px;
text-transform: uppercase;
font-weight: 800;
}
.page-header .breadcrumbs li {
display: inline-block;
color: #fff;
}
.page-header .breadcrumbs li:before {
content: "\f104";
font-family: "flaticon";
font-size: 7px;
color: #43baff;
margin: -2px 8px 0;
display: inline-block;
vertical-align: middle;
}
.page-header .breadcrumbs li:first-child:before {
display: none;
}
.page-header .breadcrumbs li a {
color: #aeaacb;
}
.page-header .breadcrumbs li a:hover {
color: #fff;
}
@media (max-width: 992px) {
.page-header .inner {
display: block;
}
}
@media (max-width: 767px) {
.page-header .container {
width: 100%;
}
.page-header .page-title {
font-size: 36px;
}
.page-header .breadcrumbs {
font-size: 12px;
}
}
@media (max-width: 600px) {
.page-header {
min-height: 200px;
padding: 40px 0;
}
.page-header .page-title {
font-size: 30px;
}
}
.header-fullwidth .container-fluid {
padding: 0;
}
.header-fullwidth .container-fluid .cta-col {
flex: 2;
}
@media (max-width: 1024px) {
.header-fullwidth .octf-area-wrap {
width: 100%;
padding: 0 !important;
}
.header-fullwidth .header-topbar .container-fluid {
width: 970px;
margin: 0 auto;
padding: 0 15px;
}
}
@media (max-width: 991px) {
.header-fullwidth .header-topbar .container-fluid {
width: 750px;
}
}
@media (max-width: 767px) {
.header-fullwidth .header-topbar .container-fluid {
width: 100%;
}
}  .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 14px;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; } #content[tabindex="-1"]:focus {
outline: 0;
} .alignleft {
float: left;
margin-right: 1.5em;
}
.alignright {
float: right;
margin-left: 1.5em;
}
.aligncenter {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
.text-center {
text-align: center;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center .ot-counter{
text-align: center;
} .clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
content: "";
display: table;
table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
clear: both;
}  .entry-content {
padding: 90px 0 110px;
}
.post-box {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post-box .post-inner {
background: #fff;
margin-bottom: 60px;
}
.post-box p {
margin-bottom: 0;
}
.post-box .entry-media {
position: relative;
}
.post-box .entry-media .post-cat {
position: absolute;
z-index: 1;
bottom: -16px;
left: 40px;
}
.post-box .inner-post {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
padding: 40px 40px 36px;
border: 1px solid #e7e7e7;
}
.post-box .post-cat a {
font-family: "Montserrat", sans-serif;
text-transform: uppercase;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
line-height: 1;
display: inline-block;
color: #fff;
background: #43baff;
padding: 10px;
margin-right: 6px;
}
.post-box .post-cat a:hover {
background: #6ec0e9;
}
.post-box .entry-meta {
text-transform: capitalize;
font-family: "Montserrat", sans-serif;
font-weight: 600;
font-size: 14px;
color: #6ec0e9;
margin-bottom: 13px;
}
.post-box .entry-meta > span {
margin-right: 5px;
display: inline-block;
}
.post-box .entry-meta.divider > span{
position: relative;
}
.post-box .entry-meta.divider > span:not(:last-child):after{
position: absolute;
content: '|';
top: -1px;
bottom: 0;
right: -12px;
color: currentColor;
}
.post-box .entry-meta a {
color: #6ec0e9;
}
.post-box .entry-meta a:hover {
color: #43baff;
}
.post-box .entry-title {
margin-bottom: 15px;
font-size: 30px;
line-height: 36px;
}
.post-box .entry-title a {
color: #1b1d21;
display: inline-block;
}
.post-box .entry-title a:hover {
text-decoration: underline;
}
.post-box .padding-box {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
padding: 40px 40px 0 40px;
border: 1px solid #e7e7e7;
border-bottom: none;
}
.post-box .padding-box + .inner-post {
border-top: none;
padding-top: 20px;
}
.post-box .img-slider .slick-arrow {
height: 65px;
width: 50px;
background: #262051;
color: #fff;
left: 0;
}
.post-box .img-slider .slick-arrow:hover {
background: #fff;
color: #262051;
}
.post-box .img-slider .next-nav {
left: auto;
right: 0;
}
.post-box .audio-box iframe {
width: 100%;
}
.post-box .link-box a {
font-size: 22px;
font-weight: 600;
font-family: "Montserrat", sans-serif;
color: #1b1d21;
}
.post-box .link-box a:hover {
color: #43baff;
}
.post-box .link-box i {
color: #6ec0e9;
margin-right: 15px;
}
.post-box .link-box i:before {
font-size: 32px;
line-height: 1;
}
.post-box .quote-box {
overflow: hidden;
}
.post-box .quote-box i {
float: left;
color: #6ec0e9;
}
.post-box .quote-box i:before {
font-size: 32px;
line-height: 1;
}
.post-box .quote-box .quote-text {
padding-left: 52px;
font-size: 22px;
font-weight: 600;
line-height: 36px;
font-family: "Montserrat", sans-serif;
color: #1b1d21;
}
.post-box .quote-box .quote-text span {
display: block;
margin-top: 10px;
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
color: #b5b5b5;
}
.post-box .btn-play {
position: absolute;
top: 50%;
left: 50%;
text-align: center;
margin-top: -30px;
margin-left: -30px;
}
.post-box .btn-play i {
position: relative;
z-index: 1;
display: block;
width: 65px;
height: 65px;
line-height: 65px;
background: #fff;
color: #43baff;
cursor: pointer;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.post-box .btn-play i:before {
margin-left: 6px;
font-size: 21px;
}
.post-box .btn-play:before, .post-box .btn-play:after {
position: absolute;
content: "";
top: 0;
left: 0;
z-index: 1024;
height: 100%;
width: 100%;
border: 1px solid rgba(255, 255, 255, 0.8);
animation: circle-fade-before 2s infinite ease-in-out;
-webkit-animation: circle-fade-before 2s infinite ease-in-out;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.post-box .btn-play:after {
animation: circle-fade-after 2s infinite ease-in-out;
-webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.post-box .btn-play:hover i {
background: #43baff;
color: #fff;
}
.post-box .btn-play:hover:before, .post-box .btn-play:hover:after {
border-color: #43baff;
}
.post-box .btn-readmore {
margin-top: 22px;
line-height: 1;
overflow: hidden;
}
.post-box .btn-readmore > a {
font-size: 14px;
font-weight: bold;
color: #43baff;
}
.post-box .btn-readmore > a i {
margin-right: 8px;
}
.post-box .btn-readmore > a i:before {
font-size: 15px;
}
.post-box .btn-readmore > a:hover i {
margin-right: 3px;
}
.post-box:hover {
box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
}
.post-box:hover > .post-inner > .inner-post,
.post-box:hover > .post-inner > .padding-box {
border-color: transparent;
}
.page-pagination {
margin-top: 60px;
margin-bottom: 0;
}
.page-pagination li {
display: inline-block;
}
.page-pagination li a, .page-pagination li span {
font-size: 18px;
color: #1b1d21;
background: #fff;
font-weight: 700;
height: 40px;
width: 40px;
display: block;
text-align: center;
line-height: 40px;
margin-right: 5px;
border: 1px solid #e7e7e7;
}
.page-pagination li a i:before, .page-pagination li span i:before {
font-size: 16px;
}
.page-pagination li span, .page-pagination li a:hover {
background: #43baff;
color: #fff;
border-color: #43baff;
} .blog-post {
box-shadow: none;
overflow: inherit;
margin-bottom: 0;
}
.blog-post > .inner-post {
padding-left: 0;
padding-right: 0;
border: none;
}
.blog-post > .inner-post p:not(:last-child) {
margin-bottom: 20px;
}
.blog-post > .inner-post .entry-summary {
padding-bottom: 50px;
overflow: hidden;
}
.blog-post.format-audio .post-cat, .blog-post.format-quote .post-cat, .blog-post.format-link .post-cat, .blog-post.format-standard:not(.has-post-thumbnail) .post-cat {
left: 0;
}
.blog-post .padding-box {
padding-left: 0;
padding-right: 0;
border: none;
}
.blog-post .tagcloud {
margin: 2px -3px 0;
float: left;
}
.blog-post .tagcloud a {
color: #1b1d21;
background: #f6f6f6;
font-size: 14px !important;
font-weight: 600;
padding: 10px 12px;
margin: 0 3px;
margin-bottom: 10px;
line-height: 1;
display: inline-block;
margin-bottom: 0;
}
.blog-post .tagcloud a:hover {
background: #6ec0e9;
color: #fff;
}
.blog-post .entry-footer {
margin-bottom: 30px;
padding: 18px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}
.blog-post .share-post {
margin-bottom: 30px;
text-align: center;
}
.blog-post .share-post a {
display: inline-block;
height: 38px;
width: 38px;
text-align: center;
line-height: 40px;
font-weight: 500;
font-family: "Montserrat", sans-serif;
border-radius: 19px;
-webkit-border-radius: 19px;
-moz-border-radius: 19px;
background: #43baff;
color: #fff;
margin: 0 8px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
}
.blog-post .share-post a:hover {
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.blog-post .share-post a.face {
background: #4661c5;
}
.blog-post .share-post a.twit {
background: #44b1e4;
}
.blog-post .share-post a.pint {
background: #ff2e2e;
}
.blog-post .share-post a.linked {
background: #0073B0;
}
.blog-post .share-post a.google {
background: #DC4A38;
}
.blog-post .share-post a.tumblr {
background: #3C586D;
}
.blog-post .share-post a.reddit {
background: #FD4507;
}
.blog-post .share-post a.vk {
background: #5082B9;
}
.blog-post .author-bio {
overflow: hidden;
margin-bottom: 40px;
}
.blog-post .author-bio .author-image {
float: left;
margin-right: 50px;
}
.blog-post .author-bio .author-info {
padding: 40px 50px 33px 0;
border: 1px solid #e7e7e7;
border-left: 0;
}
.blog-post .author-bio .author-info .title {
font-weight: 600;
margin-bottom: 7px;
}
.blog-post .author-bio .author-info h6 {
margin-bottom: 12px;
font-weight: 700;
}
.blog-post .author-bio .author-info .des {
margin-bottom: 15px;
}
.blog-post .author-bio .author-info .author-socials a {
font-size: 14px;
margin-right: 15px;
color: #b5b5b5;
}
.blog-post .author-bio .author-info .author-socials a:hover {
color: #43baff;
}
.blog-post:hover {
box-shadow: none;
}
.drop-cap {
font-family: "Montserrat", sans-serif;
float: left;
text-align: center;
background: #fff;
width: 40px;
height: 40px;
line-height: 1;
margin: 8px 18px 0 0 !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.drop-cap span {
font-size: 24px;
line-height: 38px;
border: 1px solid #e7e7e7;
display: block;
font-weight: 800;
color: #43baff;
}
.post-nav {
margin-bottom: 30px;
overflow: hidden;
}
.post-nav a {
position: relative;
display: block;
line-height: 1;
min-height: 70px;
}
.post-nav a:before {
position: absolute;
top: 0;
color: #fff;
background: #43baff;
height: 70px;
line-height: 70px;
padding: 0 7px;
}
.post-nav h6 {
font-size: 16px;
line-height: 24px;
font-weight: 600;
margin-bottom: 6px;
}
.post-nav span {
display: inline-block;
font-size: 14px;
line-height: 1;
font-weight: bold;
color: #bdbdbd;
}
.post-nav .post-prev {
float: left;
max-width: 270px;
margin-left: -45px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post-nav .post-prev a {
padding-left: 45px;
}
.post-nav .post-prev a:before {
content: "";
font-family: "Flaticon";
left: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post-nav .post-prev:hover {
margin-left: 0;
}
.post-nav .post-next {
float: right;
text-align: right;
max-width: 270px;
margin-right: -45px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post-nav .post-next a {
padding-right: 45px;
}
.post-nav .post-next a:before {
content: "";
font-family: "Flaticon";
right: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post-nav .post-next:hover {
margin-right: 0;
}
.related-posts {
margin-top: 90px;
margin-bottom: 20px;
}
.related-posts h2 {
margin-bottom: 30px;
}
.related-posts .post-box .post-inner {
margin-bottom: 0;
}
@keyframes circle-fade-before {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.8);
opacity: 0;
}
}
@keyframes circle-fade-after {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}
@media (max-width: 991px) {
.content-area.col-md-9 {
margin-bottom: 60px;
}
.post-box.post-item {
margin-bottom: 40px;
}
}
@media only screen and (max-width: 768px) {
.blog-post .author-bio .author-image {
display: none;
}
.blog-post .author-bio .author-info {
padding: 20px 25px;
border-left: 1px solid #e7e7e7;
}
.post-nav {
display: none;
}
}
@media only screen and (max-width: 600px) {
blockquote {
font-size: 20px;
}
.single-post .entry-content {
padding: 50px 0 70px;
}
.blog-list .post-box .inner-post {
padding: 30px;
}
.post-box .entry-title {
font-size: 22px;
line-height: 30px;
}
} .comments-area ol, .comments-area ul {
list-style: none;
padding-left: 0;
}
.comments-area ol .comment-respond, .comments-area ul .comment-respond {
margin-top: -30px;
margin-bottom: 40px;
}
.comments-area .comments-title {
margin-bottom: 50px;
font-size: 36px;
}
.comments-area .comment-item {
margin-bottom: 50px;
overflow: hidden;
}
.comments-area .comment-item .gravatar {
float: left;
}
.comments-area .comment-item .comment-content:not(.pingback) {
padding-left: 110px;
}
.comments-area .comment-item .comment-meta {
position: relative;
}
.comments-area .comment-item .comment-meta .comment-author {
text-transform: capitalize;
margin-bottom: 7px;
font-weight: 700;
}
.comments-area .comment-item .comment-meta .comment-time {
display: block;
color: #bdbdbd;
font-size: 12px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 7px;
}
.comments-area .comment-item .comment-meta .comment-reply-link {
position: absolute;
top: 0;
right: 0;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #43baff;
}
.comments-area .comment-item .comment-meta .comment-reply-link:before {
content: "";
font-family: "Flaticon";
margin-right: 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.comments-area .comment-item .comment-meta .comment-reply-link:hover:before {
margin-right: 3px;
}
.comments-area .comment-item .comment-text p {
margin-bottom: 15px;
}
.comments-area ul.children {
padding-left: 60px;
}
.comment-respond {
padding: 50px;
border: 1px solid #e7e7e7;
}
.comment-respond .comment-reply-title {
font-size: 36px;
font-weight: 800;
margin-bottom: 10px;
margin-top: -5px;
}
.comment-respond .comment-reply-title small {
font-size: 16px;
font-weight: 400;
text-transform: lowercase;
margin-left: 5px;
}
.comment-respond .comment-reply-title small a {
color: #ad1010;
}
.comment-respond .comment-reply-title small a:hover {
color: #43baff;
}
.comment-form p {
margin-bottom: 20px;
line-height: 1;
}
.comment-form p label {
margin-left: 8px;
}
.comment-form p.form-submit {
margin-bottom: 0;
}
.comment-form .comment-notes {
margin-bottom: 36px;
}
.comment-form .logged-in-as {
font-family: "Montserrat", sans-serif;
font-size: 14px;
margin-bottom: 35px;
}
.comment-form .logged-in-as a {
color: #6d6d6d;
}
.comment-form .logged-in-as a:hover {
color: #6ec0e9;
}
.comment-form input[type=text],
.comment-form input[type=email] {
width: 100%;
}
.comment-form .octf-btn {
text-transform: uppercase;
}
.comment-form .octf-btn:hover {
background: #1b1d21;
}
@media only screen and (max-width: 768px) {
.comment-respond {
padding: 30px;
}
.comment-respond .comment-reply-title {
font-size: 30px;
}
.comments-area ul.children {
padding-left: 30px;
}
.comment-form .octf-btn {
font-size: 12px;
padding: 10px 23px;
}
} .widget ul {
list-style: none;
padding-left: 0;
margin-bottom: 0;
}
.widget ul li {
position: relative;
}
.widget .tagcloud {
margin: 0 -3px -10px;
}
.widget .tagcloud a {
color: #1b1d21;
background: #f6f6f6;
font-size: 14px !important;
font-weight: 600;
padding: 10px 12px;
margin: 0 3px;
margin-bottom: 10px;
line-height: 1;
display: inline-block;
}
.widget .tagcloud a:hover {
background: #6ec0e9;
color: #fff;
}
.widget-area .widget {
margin-bottom: 45px;
}
.widget-area .widget:last-child {
margin-bottom: 0;
}
.widget-area .widget .widget-title {
padding-bottom: 18px;
margin-bottom: 25px;
border-bottom: 1px solid #e5e5e5;
position: relative;
}
.widget-area .widget .widget-title:before {
content: "";
position: absolute;
left: 0;
bottom: -2px;
width: 25px;
height: 3px;
background: #43baff;
}
.widget-area .widget ul:not(.recent-news) > li {
font-weight: 800;
font-size: 14px;
position: relative;
margin-bottom: 11px;
line-height: 24px;
}
.widget-area .widget ul:not(.recent-news) > li:last-child {
margin-bottom: 0;
}
.widget-area .widget ul:not(.recent-news) > li a {
color: #1b1d21;
display: inline-block;
position: relative;
transition: all 0.35s linear;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
-ms-transition: all 0.35s linear;
}
.widget-area .widget ul:not(.recent-news) > li a:hover {
color: #6ec0e9;
}
.widget-area .widget ul:not(.recent-news) > li .posts-count {
color: #b5b5b5;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.widget-area .widget ul:not(.recent-news) > li.recentcomments a:before {
display: none;
}
.widget-area .widget select {
width: 100%;
padding: 8px;
outline: none;
}
.widget-area .widget table caption {
margin-bottom: 10px;
}
.widget-area .widget table td, .widget-area .widget table th {
border-color: #aaa;
text-align: center;
}
.widget-area .widget_categories ul li a,
.widget-area .widget_product_categories ul li a,
.widget-area .widget_archive ul li a {
text-transform: uppercase;
color: #1b1d21;
display: inline-block;
position: relative;
transition: all 0.35s linear;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
-ms-transition: all 0.35s linear;
}
.widget-area .widget_categories ul li a:before,
.widget-area .widget_product_categories ul li a:before,
.widget-area .widget_archive ul li a:before {
content: "//";
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
color: #6ec0e9;
transition: all 0.35s linear;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
-ms-transition: all 0.35s linear;
}
.widget-area .widget_categories ul li a + span,
.widget-area .widget_product_categories ul li a + span,
.widget-area .widget_archive ul li a + span {
transition: all 0.35s linear;
-webkit-transition: all 0.35s linear;
-moz-transition: all 0.35s linear;
-o-transition: all 0.35s linear;
-ms-transition: all 0.35s linear;
color: #b7b6b6;
}
.widget-area .widget_categories ul li a:hover,
.widget-area .widget_product_categories ul li a:hover,
.widget-area .widget_archive ul li a:hover {
color: #6ec0e9;
padding-left: 15px;
}
.widget-area .widget_categories ul li a:hover:before,
.widget-area .widget_product_categories ul li a:hover:before,
.widget-area .widget_archive ul li a:hover:before {
opacity: 1;
visibility: visible;
}
.widget-area .widget_categories ul li a:hover + span,
.widget-area .widget_product_categories ul li a:hover + span,
.widget-area .widget_archive ul li a:hover + span {
color: #6ec0e9;
}
.widget .recent-news {
padding-top: 5px;
}
.widget .recent-news li:not(:last-child) {
margin-bottom: 25px;
}
.widget .recent-news .thumb {
float: left;
width: 70px;
margin-right: 20px;
}
.widget .recent-news h6 {
margin: -3px 0 3px;
line-height: 24px;
font-size: 16px;
font-weight: 600;
}
.widget .recent-news h6 a {
color: #1b1d21;
display: block;
}
.widget .recent-news h6 a:before {
display: none;
}
.widget .recent-news h6 a:hover {
color: #6ec0e9;
}
.widget .recent-news .entry-date {
font-size: 14px;
line-height: 1;
font-weight: bold;
color: #b5b5b5;
}
.search-form {
position: relative;
}
.search-form .search-field {
width: 100%;
padding: 0 66px 0 20px;
height: 46px;
line-height: 1;
border-color: #e6e6e6;
}
.search-form .search-submit {
border: none;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 46px;
outline: none;
text-align: center;
vertical-align: middle;
color: #b5b5b5;
background: #43baff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.search-form .search-submit i {
color: #fff;
}
.search-form .search-submit i:before, .search-form .search-submit i:after {
font-size: 16px;
}
.search-form .search-submit:hover {
background: #6ec0e9;
}
.instafeed-gallery .instafeed-item {
display: inline-block;
width: 33.33333333%;
}
.instafeed-gallery .instafeed-item a {
display: inline-block;
margin: 5px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background: #f1f1f1;
}
.instafeed-gallery .instafeed-item a img {
max-width: 100%;
height: auto;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
.author-widget_wrapper {
position: relative;
max-width: 270px;
}
.author-widget_wrapper .author-widget_info {
padding: 0 30px;
position: absolute;
bottom: 30px;
left: 0;
width: 100%;
}
.author-widget_wrapper .author-widget_title {
margin-bottom: 10px;
color: #fff;
}
.author-widget_wrapper .author-widget_text {
font-size: 14px;
line-height: 28px;
color: #fff;
}
.author-widget_social a {
display: inline-block;
font-size: 12px;
text-align: center;
height: 26px;
width: 26px;
line-height: 26px;
cursor: pointer;
margin-right: 5px;
background-color: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.author-widget_social a.social-facebook {
color: #2255ee;
}
.author-widget_social a.social-twitter {
color: #4ccef9;
}
.author-widget_social a.social-google {
color: #dd4b39;
}
.author-widget_social a.social-pinterest {
color: #ff2e2e;
}
.author-widget_social a.social-linkedin {
color: #3292ff;
}
.author-widget_social a.social-buffer {
color: #000000;
}
.author-widget_social a.social-digg {
color: #005be2;
}
.author-widget_social a.social-reddit {
color: #ff4500;
}
.author-widget_social a.social-tumbleupon {
color: #eb4924;
}
.author-widget_social a.social-tumblr {
color: #35465c;
}
.author-widget_social a.social-vk {
color: #45668e;
}
.author-widget_social a.social-yummly {
color: #E16120;
}
.author-widget_social a.social-email {
color: #E84231;
}
.author-widget_social a.social-dribbble {
color: #ea4c89;
}
.author-widget_social a.social-instagram {
color: #ff9000;
}
.author-widget_social a.social-youtube {
color: #FF0000;
}
.author-widget_social a.social-pinterest {
color: #E60023;
}
.author-widget_social a:last-child {
margin-right: 0px;
}
.author-widget_social a:hover {
transform: translateY(-3px);
}   .infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer { display: none;
} .infinity-end.neverending .site-footer {
display: block;
} .page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} embed,
iframe,
object {
max-width: 100%;
} .custom-logo-link {
display: inline-block;
} .wp-caption {
margin-bottom: 1.5em;
max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption .wp-caption-text {
margin: 0.8075em 0;
}
.wp-caption-text {
text-align: center;
}
.bypostauthor {
color: inherit;
} .gallery-caption {
display: block;
}
.gallery {
margin-bottom: 1.5em;
margin-left: -7px;
margin-right: -7px;
}
.gallery-item {
display: inline-block;
text-align: center;
vertical-align: top;
width: 100%;
margin: 0;
padding: 7px;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-3 .gallery-item {
max-width: 33.33%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} .ot-heading > span {
font-size: 14px;
font-weight: 800;
color: #6ec0e9;
position: relative;
display: inline-block;
margin-bottom: 2px;
text-transform: uppercase;
}
.ot-heading h2 {
margin-bottom: 0;
line-height: 48px;
}
@media (max-width: 767px) {
.ot-heading br {
display: none;
}
.ot-heading > span {
font-size: 12px;
}
.ot-heading h2 {
font-size: 27px;
line-height: 38px;
}
}
@media (max-width: 600px) {
.ot-heading h2 br {
display: none;
}
} .icon-box-s1 .icon-main {
color: #6ec0e9;
}
.icon-box-s1 .icon-main i, .icon-box-s1 .icon-main span:before {
font-size: 40px;
}
.icon-box-s1 .icon-main img {
width: 40px;
}
.icon-box-s1 h5 {
font-size: 18px;
font-weight: 600;
}
.icon-box-s1 h5 a {
color: #1b1d21;
}
.icon-box-s1 .line-box {
height: 3px;
width: 100%;
background: #efefef;
margin-bottom: 15px;
position: relative;
}
.icon-box-s1 .line-box:after {
content: "";
position: absolute;
right: 0;
top: 0;
width: 0;
background: #6ec0e9;
height: 100%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.icon-box-s1:hover .line-box:after {
left: 0;
right: auto;
width: 100%;
} .icon-box-s2 {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.icon-box-s2.s1 .icon-main, .icon-box-s2.s3 .icon-main {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
float: left;
text-align: center;
line-height: 1;
color: #6ec0e9;
}
.icon-box-s2.s1 .icon-main i, .icon-box-s2.s1 .icon-main span:before, .icon-box-s2.s3 .icon-main i, .icon-box-s2.s3 .icon-main span:before {
font-size: 45px;
}
.icon-box-s2.s1 .icon-main span, .icon-box-s2.s3 .icon-main span {
display: block;
}
.icon-box-s2.s1 .icon-main img, .icon-box-s2.s3 .icon-main img {
width: 45px;
}
.icon-box-s2.s1 .content-box, .icon-box-s2.s3 .content-box {
padding-left: 75px;
}
.icon-box-s2 .content-box{
position: relative;
}
.icon-box-s2 .content-box h5 {
margin-bottom: 17px;
font-weight: bold;
}
.icon-box-s2 .content-box h5 a {
color: #1b1d21;
}
.icon-box-s2 .content-box h5 a:hover {
color: #43baff;
}
.icon-box-s2 .content-box p:last-child {
margin-bottom: 0;
}
.icon-box-s2.s2 {
padding: 40px 45px;
position: relative;
overflow: hidden;
}
.icon-box-s2.s2 * {
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
.icon-box-s2.s2 .icon-main {
position: relative;
color: #6ec0e9;
margin-bottom: 30px;
line-height: 1;
}
.icon-box-s2.s2 .icon-main i, .icon-box-s2.s2 .icon-main span:before {
font-size: 40px;
line-height: 1;
}
.icon-box-s2.s2 .icon-main img {
max-width: 40px;
margin-top: -5px;
}
.icon-box-s2.s2:before {
content: "";
position: absolute;
width: 0;
height: 100%;
top: 0;
left: 0;
z-index: 0;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.home-9 .icon-box-s2.s2:before{
width: 100%;
}
.icon-box-s2.s2:after {
content: "";
position: absolute;
width: 0px;
height: 0px;
top: -15px;
right: -15px;
z-index: 1;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #43baff;
}
.icon-box-s2.s2:hover {
background: transparent !important;
box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.icon-box-s2.s2:hover:before {
width: 100%;
opacity: 1;
}
.icon-box-s2.s2:hover:after {
opacity: 1;
width: 30px;
height: 30px;
}
.icon-box-s2.s2 .content-box h5 {
margin-bottom: 14px;
}
.icon-box-s2.s3 .icon-main {
float: right;
}
.icon-box-s2.s3 .content-box {
text-align: right;
padding-left: 0;
padding-right: 75px;
} .icon-box-s3{
padding: 50px 50px 45px;
border: 1px solid #d4d4d4;
border-radius: 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.icon-box-s3:hover{
border-color: #6ec0e9;
}
.icon-box-s3 .top-box{
overflow: hidden;
margin-bottom: 50px;
}
.icon-box-s3 .icon-main{
float: left;
text-align: center;
width: 95px;
height: 95px;
line-height: 95px;
background: #f4f2fc;
border-radius: 50%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.icon-box-s3:hover .icon-main{
background: #6ec0e9;
}
.icon-box-s3 .icon-main i{
font-size: 45px;
color: #6ec0e9;
vertical-align: middle;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.icon-box-s3 .icon-main svg{
width: 45px;
fill: #6ec0e9;
vertical-align: middle;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.icon-box-s3:hover .icon-main i,
.icon-box-s3:hover .icon-main svg{
color: #fff;
fill: #fff;
}
.icon-box-s3 .top-box a{
float: right;
font-size: 14px;
font-weight: bold;
color: #666666;
}
.icon-box-s3 .top-box a:hover{
color: #000;
}
.icon-box-s3 h5{
font-size: 24px;
font-weight: 500;
margin-bottom: 15px;
}
.icon-box-s3 h5 a{
color: #1b1d21;
}
.icon-box-s3 p{
margin-bottom: 0;
}
.box-align-center .icon-main{
margin-left: auto;
margin-right: auto;
float: none;
}
.box-align-center .top-box a{
display: none;
}
.box-align-right .icon-main{
float: right;
}
.box-align-right .top-box a{
float: left;
} .ot-process-list-wrapper ul {
margin-bottom: 0;
}
.ot-process-list-wrapper .ot-process-list-item{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-content: space-between;
word-break: normal;
padding: 15px;
line-height: 30px;
font-size: 14px;
background: transparent;
border-radius: 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-process-list-wrapper .ot-process-list-item div{
word-break: normal;
}
.ot-process-list-wrapper .ot-title-process{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ot-process-list-wrapper .ot-process-list-icon {
display: inline-block;
font-size: 14px;
text-align: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 6px;
}
.ot-process-list-wrapper .ot-process-list-icon + .ot-process-list-text {
align-self: center;
padding-left: 5px;
}
.ot-process-list-wrapper .ot-process-list-icon i {
display: block;
width: 1em;
height: 1em;
color: #6d6d6d;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-process-list-wrapper .ot-process-list-icon svg {
display: block;
width: 1em;
height: 1em;
fill: #6d6d6d;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-process-list-wrapper .ot-process-list-item.process-current{
color: #fff;
z-index: 10;
font-size: 16px;
background: #43baff;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.ot-process-list-wrapper .ot-process-list-item.process-current .ot-process-list-icon{
font-size: 16px;
}
.ot-process-list-wrapper .ot-process-list-item.process-current .ot-process-list-icon i{
color: #fff;
}
.ot-process-list-wrapper .ot-process-list-item.process-current .ot-process-list-icon svg{
fill: #fff;
} .ot-icon-list-wrapper ul {
margin-bottom: 0;
}
.ot-icon-list-wrapper ul.--inline-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.ot-icon-list-wrapper .ot-icon-list-item, .ot-icon-list-wrapper .ot-icon-list-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.ot-icon-list-wrapper .ot-icon-list-item {
margin-bottom: 12px;
word-break: normal;
}
.ot-icon-list-wrapper .ot-icon-list-item a {
color: #646e83;
}
.ot-icon-list-wrapper .ot-icon-list-item a:hover {
color: #ff6b52;
}
.ot-icon-list-wrapper .ot-icon-list-item:last-child {
margin-bottom: 0;
}
.ot-icon-list-wrapper .ot-icon-list-item.--inline-item {
margin-bottom: 0;
margin-right: 30px;
word-break: break-word;
}
.ot-icon-list-wrapper .ot-icon-list-item.--inline-item:last-child {
margin-right: 0;
}
.ot-icon-list-wrapper .ot-icon-list-icon {
display: inline-block;
font-size: 14px;
text-align: center;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 6px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-icon-list-wrapper .ot-icon-list-icon + .ot-icon-list-text {
align-self: center;
padding-left: 5px;
}
.ot-icon-list-wrapper .ot-icon-list-icon i {
display: block;
width: 1em;
height: 1em;
color: #1080d0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-icon-list-wrapper .ot-icon-list-icon svg {
display: block;
width: 1em;
height: 1em;
fill: #1080d0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-view-stacked .ot-icon-list-icon {
padding: 0.5em;
background-color: #ff6b52;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
} .tech-box {
display: block;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.3);
padding: 40px 15px 30px;
}
.tech-box .icon-main {
line-height: 1;
margin-bottom: 18px;
}
.tech-box i, .tech-box span:before {
font-size: 55px;
line-height: inherit;
}
.tech-box h5 {
font-size: 16px;
font-weight: 600;
line-height: 1.6;
margin-bottom: 0;
text-transform: uppercase;
color: #fff;
}
.tech-box:hover {
background: #43baff;
border-color: #43baff;
color: #fff;
}
.tech-box:visited {
color: #fff;
} .support-box-s2{
padding: 40px 36px;
border: 1px solid #d4d4d4;
border-radius: 20px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.support-box-s2:hover{
border-color: #43baff;
}
.support-box-s2 .icon-main{
margin-bottom: 25px;
}
.support-box-s2 .icon-main i{
font-size: 70px;
color: #43baff;
vertical-align: middle;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.support-box-s2 .icon-main svg{
width: 70px;
fill: #43baff;
vertical-align: middle;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.support-box-s2 h5{
font-size: 24px;
line-height: 30px;
text-transform: uppercase;
}
.support-box-s2 p{
line-height: 24px;
margin-bottom: 35px;
}
.support-box-s2 .octf-btn{
border: 1px solid;
color: #43baff;
background: transparent;
border-radius: 6px;
width: 100%;
}
.support-box-s2 .octf-btn:hover{
background: #43baff;
color: #fff;
}
.ot-image-box {
display: block;
position: relative;
text-align: center;
overflow: hidden;
}
.ot-image-box .overlay {
z-index: 1;
opacity: 1;
background: rgba(16, 120, 165, 0.2);
}
.ot-image-box h4 {
color: #fff;
position: absolute;
top: 50%;
left: 0;
width: 100%;
font-size: 26px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ot-image-box img {
filter: grayscale(90%);
}
.ot-image-box:after {
content: "";
position: absolute;
width: 30px;
height: 30px;
top: -15px;
right: -15px;
z-index: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #43baff;
}
.ot-image-box:hover img {
filter: none;
}
.ot-image-box:hover .overlay {
background: transparent;
}
@media (min-width: 768px) and (max-width: 991px) {
.icon-box-s2.s2 {
padding-left: 34px;
padding-right: 34px;
}
}
@media (max-width: 1024px) {
.icon-box-s2.s2:before {
width: 100%;
}
}
.service-box {
overflow: hidden;
position: relative;
padding: 33px 35px 28px;
background: #fff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
border: 1px solid #e7e7e7;
}
.service-box * {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.service-box .icon-main {
float: left;
width: 40px;
height: 40px;
line-height: 40px;
margin-top: 5px;
text-align: center;
color: #fff;
background: #43baff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.service-box .icon-main i, .service-box .icon-main span:before {
font-size: 17px;
}
.service-box .icon-main img,
.service-box .icon-main svg {
width: 17px;
}
.service-box .content-box {
padding-left: 73px;
position: relative;
}
.service-box .content-box h5 {
font-size: 18px;
margin-bottom: 5px;
}
.service-box .content-box p:last-child {
margin-bottom: 0;
}
.service-box .big-number {
position: absolute;
right: -7px;
bottom: 0;
font-size: 72px;
font-weight: bold;
font-family: "Montserrat", sans-serif;
line-height: 52px;
color: #f2f2f2;
}
.service-box:hover {
box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
border-color: transparent;
}
@media (max-width: 600px) {
.service-box .number-box {
float: none;
margin-bottom: 30px;
}
}
.serv-box {
overflow: hidden;
position: relative;
padding: 40px 40px 35px;
background: #fff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
border: 1px solid #e7e7e7;
}
.serv-box * {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.serv-box .icon-main {
position: absolute;
top: -88px;
right: -88px;
width: 188px;
height: 188px;
color: #fff;
background-color: #00deff;
background-image: -moz-linear-gradient(125deg, #00deff, #502a71);
background-image: -webkit-linear-gradient(125deg, #00deff, #502a71);
background-image: linear-gradient(125deg, #00deff, #502a71);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.serv-box .icon-main i, .serv-box .icon-main span, .serv-box .icon-main img, .serv-box .icon-main svg {
position: absolute;
bottom: 42px;
left: 40px;
font-size: 35px;
line-height: 1;
}
.serv-box .icon-main i:before, .serv-box .icon-main span:before, .serv-box .icon-main img:before {
font-size: 35px;
}
.serv-box .icon-main svg {
width: 35px;
}
.serv-box .icon-main img {
width: 35px;
}
.serv-box .content-box h5 {
font-size: 22px;
line-height: 36px;
font-weight: bold;
padding-right: 60px;
margin-bottom: 10px;
}
.serv-box .content-box ul {
margin-top: 10px;
padding-left: 0;
list-style: none;
font-size: 14px;
font-weight: 800;
text-transform: uppercase;
}
.serv-box .content-box ul li {
padding: 0 20px;
}
.serv-box .content-box ul li a {
color: #1b1d21;
display: inline-block;
line-height: 40px;
position: relative;
}
.serv-box .content-box ul li a:before {
content: "//";
position: absolute;
left: 0;
top: 0;
opacity: 0;
visibility: hidden;
color: #6ec0e9;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.serv-box .content-box ul li:hover, .serv-box .content-box ul li.active {
background: #f8f8f8;
}
.serv-box .content-box ul li:hover a, .serv-box .content-box ul li.active a {
color: #6ec0e9;
padding-left: 15px;
}
.serv-box .content-box ul li:hover a:before, .serv-box .content-box ul li.active a:before {
opacity: 1;
visibility: visible;
}
.serv-box .content-box ul:last-child {
margin-bottom: 0;
}
.serv-box:hover {
box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
border-color: transparent;
}
.serv-box .overlay {
z-index: 2;
background: transparent;
}
.serv-box-2 {
overflow: hidden;
position: relative;
padding: 43px 30px 65px;
background: #262051;
color: #aeaacb;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.serv-box-2 .big-number {
position: absolute;
left: -10px;
top: 0;
font-size: 100px;
font-weight: 800;
font-family: "Montserrat", sans-serif;
line-height: 72px;
color: #332d5f;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.serv-box-2 .icon-main {
position: absolute;
bottom: -88px;
right: -88px;
width: 188px;
height: 188px;
color: #fff;
background: #332d5f;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.serv-box-2 .icon-main i, 
.serv-box-2 .icon-main span, 
.serv-box-2 .icon-main img, 
.serv-box-2 .icon-main svg {
position: absolute;
top: 42px;
left: 40px;
font-size: 35px;
line-height: 1;
}
.serv-box-2 .icon-main i:before, 
.serv-box-2 .icon-main span:before, 
.serv-box-2 .icon-main img:before {
font-size: 35px;
}
.serv-box-2 .icon-main svg {
width: 35px;
}
.serv-box-2 .icon-main img {
width: 35px;
}
.serv-box-2 .content-box {
position: relative;
z-index: 1;
}
.serv-box-2 .content-box h5 {
line-height: 30px;
color: #fff;
margin-bottom: 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.serv-box-2 .content-box .btn-details {
display: inline-block;
margin-top: 30px;
}
.serv-box-2:hover {
background: #fff;
color: #6d6d6d;
box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.serv-box-2:hover .big-number {
color: #f4f6f6;
}
.serv-box-2:hover .icon-main {
background: #43baff;
}
.serv-box-2:hover .content-box h5 {
color: #1b1d21;
} .client-logos{
text-align: center;
}
.client-logos .swiper-pagination-bullet{
opacity: 1;
}
.partner-grid {
display: flex;
justify-content: flex-start;
align-items: stretch;
flex-wrap: wrap;
overflow: hidden;
text-align: center;
}
.partner-grid .partner-item {
width: 25%;
min-height: 140px;
padding: 30px 40px;
border-left: 1px solid #cccccc;
}
.partner-grid .partner-item:first-child, .partner-grid .partner-item.first-col {
border-left: none;
}
.partner-grid .first-col:not(:first-child), .partner-grid .first-col:not(:first-child) ~ .partner-item {
border-top: 1px solid #cccccc;
}
.partner-grid .partner-item figure{
width: 100%;
}
.partner-grid .partner-item img{
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.partner-grid.col-2 .partner-item {
width: 50%;
}
.partner-grid.col-3 .partner-item {
width: 33.33%;
}
.partner-grid.col-5 .partner-item {
width: 20%;
}
.partner-grid.col-6 .partner-item {
width: 16.6667%;
}
@media (max-width: 991px) {
.partner-grid .partner-item {
width: 50%!important;
border: none!important;
border-bottom: 1px solid #cccccc!important;
}
} .projects-grid, .project-slider {
position: relative;
margin: -15px;
}
.projects-grid:after {
content: "";
display: block;
clear: both;
}
.project-item,
.pgrid-box {
float: left;
width: 33.3333333333%;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.projects-grid.pf_5_cols .project-item,
.pgrid.pf_5_cols .pgrid-box {
width: 20%;
}
.projects-grid.pf_4_cols .project-item,
.pgrid.pf_4_cols .pgrid-box {
width: 25%;
}
.projects-grid.pf_2_cols .project-item,
.pgrid.pf_2_cols .pgrid-box {
width: 50%;
}
.projects-style-1 .projects-box {
position: relative;
overflow: hidden;
}
.projects-style-1 .projects-box .portfolio-info {
width: 100%;
height: 100%;
position: absolute;
bottom: 0;
left: 0;
background: rgba(12, 41, 53, 0.5);
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.projects-style-1 .projects-box .portfolio-info .overlay {
opacity: 1;
background: transparent;
z-index: 0;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {
position: absolute;
left: 50%;
bottom: 0;
width: 100%;
padding: 30px 40px;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.projects-style-1 .projects-box .portfolio-info h5 {
color: #fff;
font-size: 24px;
margin-bottom: 7px;
}
.projects-style-1 .projects-box .portfolio-info h5 a {
color: #fff;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates {
color: #fff;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 0;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates a {
color: #fff;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates span {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates span:last-child {
display: none;
}
.projects-style-1 .projects-box:hover .portfolio-info {
opacity: 1;
}
.projects-style-1 .projects-box .projects-thumbnail {
overflow: hidden;
}
.projects-style-1 .projects-box img {
width: 100%;
height: auto;
display: block;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.projects-style-1 .projects-box:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
filter: grayscale(90%);
}
.projects-style-2 .projects-box {
position: relative;
display: block;
overflow: hidden;
}
.projects-style-2 .projects-box .portfolio-info {
min-width: 310px;
width: calc(100% - 60px);
margin: auto;
position: absolute;
bottom: -50px;
left: 50%;
text-align: center;
background: #262051;
padding: 26px 30px 18px;
opacity: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.projects-style-2 .projects-box .portfolio-info h5 {
color: #fff;
font-size: 20px;
font-weight: 600;
margin-bottom: 7px;
}
.projects-style-2 .projects-box .portfolio-info h5 a {
color: #fff;
}
.projects-style-2 .projects-box .portfolio-info .portfolio-cates {
color: #aeaacb;
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 0;
}
.projects-style-2 .projects-box .portfolio-info .portfolio-cates a {
color: #aeaacb;
}
.projects-style-2 .projects-box .portfolio-info .portfolio-cates span {
display: inline-block;
margin-left: 4px;
margin-right: 4px;
}
.projects-style-2 .projects-box .portfolio-info .portfolio-cates span:last-child {
display: none;
}
.projects-style-2 .projects-box .portfolio-info.full-width {
width: 100%;
transform: none;
left: 0;
}
.projects-style-2 .projects-box:hover .portfolio-info {
bottom: 0;
opacity: 1;
}
.projects-style-2 .projects-box .projects-thumbnail {
overflow: hidden;
}
.projects-style-2 .projects-box .projects-thumbnail .overlay {
background: rgba(12, 41, 53, 0.5);
opacity: 0;
z-index: 0;
}
.projects-style-2 .projects-box img {
width: 100%;
height: auto;
display: block;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.projects-style-2 .projects-box:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
} .project-slider .projects-box {
overflow: visible;
margin-bottom: 50px;
}
.project-slider .projects-box .portfolio-info {
opacity: 1;
z-index: 1;
text-align: left;
width: calc(100% - 70px);
padding-top: 28px;
padding-bottom: 20px;
overflow: hidden;
}
.project-slider .projects-box .portfolio-info h5 {
font-size: 22px;
}
.project-slider .projects-box .portfolio-info.full-width {
width: 100%;
transform: none;
left: 0;
}
.project-slider .projects-box .portfolio-info .btn-link {
position: absolute;
right: -94px;
top: -100px;
width: 188px;
height: 188px;
background: rgba(255, 255, 255, 0.07);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.project-slider .projects-box .portfolio-info .btn-link i {
position: absolute;
bottom: 45px;
left: 50px;
line-height: 1;
color: #43baff;
}
.project-slider .projects-box .portfolio-info .btn-link i:before {
font-size: 18px;
}
.project-slider .projects-box .projects-thumbnail {
overflow: hidden;
}
.project-slider .projects-box .projects-thumbnail .overlay {
background: rgba(12, 41, 53, 0.5);
opacity: 0;
z-index: 0;
}
.project-slider .projects-box:hover .portfolio-info {
bottom: -50px;
}
.project-slider .projects-box:hover .portfolio-info .btn-link {
background: #43baff;
}
.project-slider .projects-box:hover .portfolio-info .btn-link i {
color: #fff;
}
.project-slider .projects-box:hover .projects-thumbnail img {
filter: grayscale(90%);
}
.project-slider .projects-box:hover .projects-thumbnail .overlay {
opacity: 1;
}
.project-slider .slick-arrow {
left: 15px;
height: 65px;
width: 50px;
background: #fff;
}
.project-slider .slick-arrow.next-nav {
left: auto;
right: 15px;
}
.project-slider .slick-arrow:hover {
background: #43baff;
color: #fff;
} .project-filter-wrapper{
overflow: hidden;
}
.project_filters {
position: relative;
width: 100%;
text-align: center;
margin-bottom: 30px;
padding-left: 0;
}
.project_filters:after {
content: "";
display: block;
clear: both;
}
.project_filters li {
display: inline-block;
text-align: center;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 5px;
}
.project_filters li:last-child {
margin-right: 0;
}
.project_filters li:first-child {
margin-left: 0;
}
.project_filters li a {
position: relative;
display: inline-block;
letter-spacing: 1px;
font-size: 18px;
font-weight: 600;
line-height: 1;
text-align: center;
outline: none;
color: #1b1d21;
padding-bottom: 10px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.project_filters li a:hover, .project_filters li a.selected {
color: #6ec0e9;
}
.project_filters li a:after {
position: absolute;
height: 3px;
width: 0%;
right: 0px;
bottom: 0px;
background-color: #6ec0e9;
content: "";
display: block;
border-radius: 1.5px;
-webkit-border-radius: 1.5px;
-moz-border-radius: 1.5px;
transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
.project_filters li a:hover:after, .project_filters li a.selected:after {
opacity: 1;
left: 0;
right: auto;
width: 100%;
}  .isotope-item {
z-index: 2;
}
.isotope-hidden.isotope-item {
pointer-events: none;
z-index: 1;
} .isotope,
.isotope .isotope-item {
-webkit-transition-duration: 0.6s;
-moz-transition-duration: 0.6s;
-ms-transition-duration: 0.6s;
-o-transition-duration: 0.6s;
transition-duration: 0.6s;
}
.isotope {
-webkit-transition-property: height, width;
-moz-transition-property: height, width;
-ms-transition-property: height, width;
-o-transition-property: height, width;
transition-property: height, width;
}
.isotope .isotope-item {
-webkit-transition-property: -webkit-transform, opacity;
-moz-transition-property: -moz-transform, opacity;
-ms-transition-property: -ms-transform, opacity;
-o-transition-property: -o-transform, opacity;
transition-property: transform, opacity;
} .isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
-webkit-transition-duration: 0s;
-moz-transition-duration: 0s;
-ms-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
} .project-bottom {
padding-top: 42px;
}
.single-portfolio-navigation {
padding-top: 50px;
border-top: 1px solid #e5e5e5;
}
.single-portfolio-navigation .post-nav .post-prev {
margin: 0;
}
.single-portfolio-navigation .post-nav .post-prev:hover a {
padding-left: 50px;
}
.single-portfolio-navigation .post-nav .post-next {
margin: 0;
}
.single-portfolio-navigation .post-nav .post-next:hover a {
padding-right: 50px;
}
.single-portfolio-navigation .post-nav a {
min-height: 48px;
}
.single-portfolio-navigation .post-nav a:before {
line-height: 48px;
height: 48px;
}
.portfolio-related-posts-wrap {
padding-top: 70px;
}
.portfolio-related-title-wrap h2 {
margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
.project-item,
.projects-grid.pf_4_cols .project-item,
.projects-grid.pf_5_cols .project-item,
.pgrid-box,
.pgrid.pf_4_cols .pgrid-box,
.pgrid.pf_5_cols .pgrid-box {
width: 50%;
}
}
@media only screen and (max-width: 768px) {
.projects-box .portfolio-info {
right: 0;
opacity: 1;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-info-inner {
padding: 30px;
}
.projects-style-1 .projects-box .portfolio-info h5 {
font-size: 20px;
}
.projects-style-1 .projects-box .portfolio-info .portfolio-cates {
font-size: 12px;
}
}
@media only screen and (max-width: 600px) {
.project-item,
.projects-grid.pf_5_cols .project-item,
.projects-grid.pf_4_cols .project-item,
.projects-grid.pf_2_cols .project-item,
.pgrid-box,
.pgrid.pf_4_cols .pgrid-box,
.pgrid.pf_2_cols .pgrid-box,
.pgrid.pf_5_cols .pgrid-box {
width: 100%;
}
.project_filters li {
margin-left: 8px;
margin-right: 8px;
}
.portfolio-related-title-wrap h2 {
font-size: 30px;
}
}
.post-carousel {
margin: 0 -15px;
}
.post-carousel .post-box:hover {
box-shadow: none;
}
.post-carousel .post-box:hover .inner-post {
border-color: #e7e7e7;
}
.post-carousel .post-inner {
margin: 0 15px;
}
.post-carousel-2 .post-box .entry-media{
margin-bottom: 20px;
}
.post-carousel-2 .post-box .entry-media img{
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
}
.post-carousel-2 .post-box .entry-media .post-cat{
top: 20px;
left: 20px;
bottom: auto;
}
.post-carousel-2 .post-box .post-cat a{
color: #43baff;
background: #fff;
text-transform: capitalize;
font-size: 14px;
letter-spacing: unset;
padding: 5px 16px;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
.post-carousel-2 .post-box .inner-post{
border:none;
}
.post-carousel-2 .entry-meta > span{
margin-right: 20px;
}
.post-carousel-2 .btn-readmore > a{
display: flex;
align-items: center;
}
.post-carousel-2 .btn-readmore > a svg{
fill: currentColor;
width: 20px;
margin-left: 8px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.post-carousel-2 .btn-readmore > a i{
margin-right: 0;
margin-left: 8px;
}
.post-carousel-2 .btn-readmore > a i:before{
font-size: 20px;
}
.pgrid .post-inner {
margin-bottom: 0;
}
.pgrid .inner-post {
padding: 35px;
}
.post-carousel-2 .inner-post {
padding: 0;
}
.pgrid .inner-post .entry-meta {
margin-bottom: 10px;
}
.pgrid .inner-post .byline {
margin-right: 0;
}
.pgrid .inner-post .byline:after {
display: none;
}
.pgrid .inner-post .comment-num {
display: none;
}
.pgrid .inner-post h3 {
font-size: 24px;
line-height: 32px;
font-weight: bold;
margin-bottom: 20px;
}
.pgrid .inner-post .btn-readmore {
margin-top: 0;
}
@media only screen and (max-width: 767px) {
.pgrid .entry-media img {
width: 100%;
}
}
.contact-info {
font-size: 16px;
overflow: hidden;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.contact-info h6 {
font-size: 16px;
margin-bottom: 5px;
}
.contact-info i,
.contact-info svg {
font-size: 30px;
margin-top: 2px;
line-height: 1;
color: #43baff;
}
.contact-info i:before {
font-size: 30px;
}
.contact-info svg {
width: 30px;
fill: #43baff;
vertical-align: middle;
}
.contact-info img {
width: 30px;
margin-top: 3px;
}
.box-style1 img,
.box-style1 i,
.box-style1 svg {
float: left;
}
.contact-info p {
margin-bottom: 0;
}
.contact-info .info-text {
padding-left: 50px;
font-weight: 500;
}
.contact-info.box-style1 {
padding: 30px 30px 25px;
}
.contact-info.box-style1:hover {
box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.contact-info.box-style2 {
text-align: center;
font-size: 18px;
}
.contact-info.box-style2 h6 {
font-family: "Nunito Sans", sans-serif;
font-weight: 400;
text-transform: none;
}
.contact-info.box-style2 i {
float: none;
margin-top: 0px;
vertical-align: middle;
}
.contact-info.box-style2 .box-icon {
margin-bottom: 25px;
}
.contact-info.box-style2 p {
margin-bottom: 15px;
}
.border-left .box-style2, .border-right .box-style2 {
position: relative;
}
.border-left .box-style2:before {
position: absolute;
height: 70%;
width: 1px;
left: 0;
bottom: 12%;
background: rgba(255, 255, 255, 0.1);
content: "";
display: block;
}
.border-right .box-style2:after {
position: absolute;
height: 70%;
width: 1px;
right: 0;
bottom: 12%;
background: rgba(255, 255, 255, 0.1);
content: "";
display: block;
}
@media only screen and (max-width: 1024px) {
.contact-info.box-style1:hover {
box-shadow: none;
}
}
@media only screen and (max-width: 992px) {
.border-right .box-style2:after,
.border-right .box-style2:before {
display: none;
}
}
.ot-accordions .acc-item {
margin-bottom: 20px;
background: #fff;
}
.ot-accordions .acc-item .acc-toggle {
cursor: pointer;
display: block;
overflow: hidden;
font-family: "Montserrat", sans-serif;
font-weight: 600;
color: #1b1d21;
background: #f6f6f6;
padding: 12px 20px 12px 20px;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-accordions .acc-item .acc-toggle i {
float: right;
text-align: center;
line-height: 30px;
font-size: 10px;
color: #b6b6b6;
}
.ot-accordions .acc-item .acc-toggle i.up {
display: none;
}
.ot-accordions .acc-item .acc-toggle i:before {
font-size: 14px;
}
.ot-accordions .acc-item .acc-toggle:hover {
color: #43baff;
}
.ot-accordions .acc-item .acc-content {
display: none;
padding: 20px 20px 0;
}
.ot-accordions .acc-item .acc-content p:last-child, .ot-accordions .acc-item .acc-content ul:last-child {
margin-bottom: 0;
}
.ot-accordions .acc-item.current {
border-radius: 25px;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
}
.ot-accordions .acc-item.current .acc-toggle {
color: #43baff;
}
.ot-accordions .acc-item.current .acc-toggle i {
color: #43baff;
}
.ot-accordions .acc-item.current .acc-toggle i.down {
display: none;
}
.ot-accordions .acc-item.current .acc-toggle i.up {
display: inherit;
}
.ot-accordions .acc-item:last-child {
margin-bottom: 0;
} .ot-acc-item__icon {
flex-grow: 0;
flex-shrink: 0;
font-size: 40px;
margin-right: 20px;
}
.ot-acc-item__icon svg, .ot-acc-item__icon i {
width: 1em;
height: 1em;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-acc-item__icon i {
display: block;
position: relative;
color: #43baff;
}
.ot-acc-item__icon i:before {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.ot-acc-item__icon svg {
display: block;
fill: #43baff;
}
.ot-acc-item__title {
flex-grow: 1;
cursor: pointer;
justify-content: space-between;
overflow: hidden;
font-weight: 500;
color: #43baff;
padding: 0;
margin-bottom: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-acc-item__trigger {
cursor: pointer;
}
.ot-acc-item.current .ot-acc-item__title {
padding-bottom: inherit;
}
.ot-acc--with-icon .ot-acc-item {
padding: 32px 0 35px;
}
.ot-acc--with-icon .ot-acc-item__content {
padding: 8px 20px 0 60px;
}
.ot-view-stacked .ot-acc--with-icon .ot-acc-item__content {
padding-left: 100px;
}
.ot-acc-item__title i.up {
display: none;
}
.ot-acc-item__title span.up {
display: none;
}
.ot-acc-item__title i.down {
margin-top: 5px;
}
.ot-acc-item__title i:before {
font-size: 20px;
}
.ot-acc-item__title svg {
display: block;
width: 20px;
fill: #43baff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-acc-item__content {
display: none;
}
.ot-acc-item.current .ot-acc-item__title i.down {
display: none;
}
.ot-acc-item.current .ot-acc-item__title i.up {
display: inherit;
}
.ot-acc-item.current .ot-acc-item__title span.down {
display: none;
}
.ot-acc-item.current .ot-acc-item__title span.up {
display: inherit;
}
.ot-acc-item:last-child {
border-bottom: none;
}
.ot-view-stacked .ot-acc-item__icon {
padding: 0.5em;
background-color: #ff6b52;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.support-box {
position: relative;
}
.support-box .inner-box {
position: relative;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
transform-style: preserve-3d;
box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.2);
}
.support-box .inner-box .content-box{
background-color: #fff;
}
.support-box .inner-box > div {
backface-visibility: hidden;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
-ms-transition: all 0.5s linear;
}
.support-box h3 {
font-weight: bold;
position: absolute;
width: 100%;
text-align: center;
bottom: 45px;
margin-bottom: 0;
color: #fff;
}
.support-box .number-box {
font-family: "Montserrat", sans-serif;
font-weight: bold;
font-size: 100px;
line-height: 1;
position: absolute;
bottom: 28px;
right: 15px;
color: rgba(255, 255, 255, 0.2);
}
.support-box .overlay {
z-index: 1;
opacity: 1;
text-align: center;
padding: 20px 30px;
background: #262051;
color: #aeaacb;
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.support-box .overlay span {
z-index: -1;
}
.support-box:hover .inner-box {
-webkit-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.support-box:hover .inner-box .content-box {
opacity: 0;
}
.ot-counter {
font-family: "Montserrat", sans-serif;
font-weight: 800;
color: #1b1d21;
display: inline-block;
text-align: left;
}
.ot-counter span {
font-size: 48px;
line-height: 1;
}
.ot-counter span.num {
padding-left: 20px;
}
.ot-counter h6 {
font-family: "Nunito Sans", sans-serif;
font-size: 14px;
text-transform: uppercase;
color: #43baff;
margin-top: 13px;
margin-bottom: 0;
padding-left: 20px;
letter-spacing: 1px;
display: inline-block;
position: relative;
}
.ot-counter h6:before {
content: "";
position: absolute;
width: 7px;
height: 7px;
left: 0;
top: 50%;
margin-top: -4px;
background: #43baff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.ot-counter.s2 h6 {
margin-bottom: 13px;
margin-top: 0;
}
.ot-counter2 {
padding: 110px 60px 120px;
position: relative;
background: #f8f8f8;
}
.ot-counter2 .s-num {
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 48px;
line-height: 1;
color: #43baff;
margin-bottom: 18px;
}
.ot-counter2 h6 {
font-size: 24px;
font-weight: 800;
margin-bottom: 10px;
}
.ot-counter2 p {
font-size: 18px;
}
.ot-counter2 .b-num {
font-size: 150px;
line-height: 106px;
font-family: "Montserrat", sans-serif;
font-weight: 800;
position: absolute;
right: 0;
bottom: 0;
color: #fff;
}
.ot-counter3{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
background: #f5f2fc;
padding: 25px 44px 32px;
border-radius: 15px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
}
.ot-counter3 .icon-main{
margin-right: 34px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.ot-counter3 i{
color: #6ec0e9;
font-size: 55px;
}
.ot-counter3 svg{
fill: #6ec0e9;
width: 55px;
}
.ot-counter3 span{
color: #1b1d21;
font-size: 30px;
font-weight: bold;
line-height: 1.4;
}
.ot-counter3 h6{
font-size: 16px;
font-weight: 400;
font-family: "Nunito Sans", sans-serif;
color: #666;
margin-bottom: 0;
} .team-wrap {
text-align: center;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
background: #f8f8f8;
}
.team-wrap .team-info {
padding: 25px 10px;
}
.team-wrap h4 {
font-size: 22px;
margin-bottom: 0;
}
.team-wrap h4 a {
color: #1b1d21;
}
.team-wrap span {
text-transform: uppercase;
font-size: 14px;
font-weight: bold;
color: #797979;
}
.team-wrap .team-thumb {
position: relative;
}
.team-wrap .team-social {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
justify-content: flex-end;
overflow: hidden;
}
.team-wrap .team-social > div {
padding: 3px 17px;
background: #262051;
transform: translateX(100%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.team-wrap .team-social a {
display: block;
color: #9390a8;
font-size: 14px;
line-height: 1;
margin: 20px 0;
}
.team-wrap .team-social a:hover {
color: #43baff;
}
.team-wrap:hover {
background: #fff;
box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
}
.team-wrap:hover .team-social > div {
transform: translateX(0);
}
.member-info {
list-style: none;
font-size: 18px;
padding-left: 0;
}
.member-info li {
padding-bottom: 10px;
}
.member-form {
padding: 40px 50px;
}
.member-form h2 {
margin-bottom: 5px;
}
.member-form input[type=text],
.member-form input[type=email] {
width: 100%;
} .ot-team-slider{
margin: 0 -15px;
}
.ot-team-slider .ot-team{
margin: 0 15px;
}
.ot-team {
text-align: center;
background: transparent;
}
.ot-team__thumb {
margin-bottom: 25px;
overflow: hidden;
display: inline-block;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
transition: box-shadow 0.3s linear;
-webkit-transition: box-shadow 0.3s linear;
-moz-transition: box-shadow 0.3s linear;
-o-transition: box-shadow 0.3s linear;
-ms-transition: box-shadow 0.3s linear;
}
.ot-team:hover .ot-team__thumb{
box-shadow: 2px 2px 40px 0px rgba(67, 186, 255, 0.4);
-webkit-box-shadow: 2px 2px 40px 0px rgba(67, 186, 255, 0.4);
-moz-box-shadow: 2px 2px 40px 0px rgba(67, 186, 255, 0.4);
}
.ot-team__info h5 {
font-size: 26px;
font-weight: 600;
margin-bottom: 5px;
}
.ot-team__info h5 a {
color: #1b1d21;
background-image: linear-gradient(0deg, currentColor, currentColor);
}
.ot-team__info h5 a:hover {
color: #43baff;
}
.ot-team__info span {
display: block;
font-size: 14px;
color: #6d6d6d;
margin-bottom: 30px;
}
.ot-team__info p {
margin-top: 10px;
margin-bottom: 12px;
}
.ot-team__info .team-social a {
display: inline-block;
text-align: center;
font-size: 20px;
margin-right: 15px;
line-height: 1;
color: #000000;
}
.ot-team__info .team-social a:last-child {
margin: 0;
}
.ot-team__info .team-social a svg {
width: 16px;
fill: #1080d0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-team__info .team-social a:hover {
color: #3b5999;
}
@media (max-width: 767px) {
.custom-nav-top{
display: none;
}
} .ot-pricing-table {
position: relative;
overflow: hidden;
padding: 45px 48px 48px;
border: 1px solid #e7e7e7;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-pricing-table * {
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
}
.ot-pricing-table .icon-main {
position: absolute;
top: -80px;
right: -88px;
width: 188px;
height: 188px;
color: #fff;
background-color: #00deff;
background-image: -moz-linear-gradient(125deg, #00deff, #502a71);
background-image: -webkit-linear-gradient(125deg, #00deff, #502a71);
background-image: linear-gradient(125deg, #00deff, #502a71);
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.ot-pricing-table .icon-main i, .ot-pricing-table .icon-main span, .ot-pricing-table .icon-main img, .ot-pricing-table .icon-main svg {
position: absolute;
bottom: 45px;
left: 40px;
font-size: 35px;
line-height: 1;
}
.ot-pricing-table .icon-main i:before, .ot-pricing-table .icon-main span:before, .ot-pricing-table .icon-main img:before {
font-size: 35px;
}
.ot-pricing-table .icon-main svg {
width: 35px;
}
.ot-pricing-table .icon-main img {
width: 35px;
}
.ot-pricing-table .inner-table .title-table {
font-size: 24px;
font-weight: 800;
}
.ot-pricing-table .inner-table h2 {
font-size: 48px;
font-weight: 800;
line-height: 1;
color: #43baff;
margin-bottom: 5px;
position: relative;
display: inline-block;
padding-left: 27px;
}
.ot-pricing-table .inner-table h2 sup {
position: absolute;
top: 15px;
left: 5px;
font-size: 50%;
font-weight: 600;
}
.ot-pricing-table .inner-table > span {
color: #ababab;
font-weight: 600;
margin-bottom: 30px;
display: block;
}
.ot-pricing-table .inner-table .details {
padding-top: 25px;
padding-bottom: 30px;
border-top: 1px solid #e5e5e5;
font-weight: 600;
color: #ababab;
}
.ot-pricing-table .inner-table .details ul {
list-style: none;
margin-bottom: 0;
padding: 0;
line-height: 42px;
}
.ot-pricing-table .inner-table .details ul li:before {
content: "";
font-family: "Flaticon";
font-size: 15px;
font-weight: 400;
margin-right: 20px;
}
.ot-pricing-table .inner-table .details ul li.active {
color: #1b1d21;
}
.ot-pricing-table .inner-table .details ul li.active:before {
color: #43baff;
}
.ot-pricing-table .inner-table .details.no-icon ul li:before {
display: none;
}
.ot-pricing-table .octf-btn:hover {
background: #fff;
color: #6ec0e9;
}
.ot-pricing-table:hover {
background: #262051;
color: #fff;
}
.ot-pricing-table:hover .details {
border-color: rgba(255, 255, 255, 0.15);
color: #8e88b8;
}
.ot-pricing-table:hover h4,
.ot-pricing-table:hover .details ul li.active {
color: #fff;
}
.ot-pricing-table:hover .inner-table > span {
color: #8e88b8;
}
.ot-pricing-table-s2{
background: #fff;
border-radius: 20px;
padding: 70px 60px 55px;
text-align: center;
position: relative;
overflow: hidden;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.ot-pricing-table-s2:hover{
box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
}
.ot-pricing-table-s2 .title-table{
font-size: 18px;
font-weight: 400;
letter-spacing: 1px;
color: #999;
margin-bottom: 25px;
text-transform: uppercase;
}
.ot-pricing-table-s2 .price{
font-size: 56px;
font-weight: bold;
line-height: 1;
color: #669900;
margin-bottom: 45px;
}
.ot-pricing-table-s2 .price sup{
font-size: 35%;
font-weight: 400;
margin-right: 5px;
top: -4px;
vertical-align: revert;
}
.ot-pricing-table-s2 .price span{
font-size: 20px;
font-weight: 400;
color: #666666;
margin-left: 8px;
}
.ot-pricing-table-s2 .details{
margin-bottom: 20px;
}
.ot-pricing-table-s2 ul{
margin-bottom: 0;
padding-left: 0;
}
.ot-pricing-table-s2 ul li{
list-style: none;
border-top: 1px solid #d9d9d9;
padding: 20px 0;
font-size: 14px;
font-weight: 600;
text-transform: uppercase;
color: #000;
}
.ot-pricing-table-s2 .table-btn{
border: 1px solid;
border-radius: 10px;
display: block;
text-align: center;
width: 100%;
padding: 12px;
text-transform: uppercase;
font-weight: 800;
}
.ot-pricing-table-s2 .table-btn:hover{
background: #6ec0e9;
color: #fff;
}
.ot-pricing-table-s2 .featured{
background: #f5480c;
width: 130px;
height: 33px;
line-height: 33px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
position: absolute;
top: 0;
left: 50%;
margin-left: -65px;
border-radius: 0 0 30px 30px;
}
.ot-pricing-table-s2.s2{
border-radius: 0;
padding: 40px;
}
.ot-pricing-table-s2.s2 .title-table{
font-size: 14px;
}
.ot-pricing-table-s2.s2 .price{
font-size: 36px;
margin-bottom: 20px;
}
.ot-pricing-table-s2 .price span{
color: #1b1d21;
}
.ot-pricing-table-s2.s2 .des-table{
font-size: 14px;
line-height: 24px;
margin-bottom: 27px;
}
.ot-pricing-table-s2.s2 .details{
padding-top: 27px;
border-top: 1px dotted #d9d9d9;
}
.ot-pricing-table-s2.s2 ul li{
border: none;
padding: 0 0 10px;
}
.ot-pricing-table-s2.s2 .table-btn{
color: #43baff;
font-size: 16px;
font-weight: bold;
padding: 10px;
border-radius: 6px;
}
.ot-pricing-table-s2.s2 .table-btn:hover{
background: #43baff;
color: #fff;
}
.ot-pricing-table-s3{
background: #fff;
border-radius: 20px;
padding: 45px 50px;
text-align: center;
position: relative;
overflow: hidden;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
box-shadow: 5px 5px 29px 0px rgba(46, 118, 254, 0.12);
-webkit-box-shadow: 5px 5px 29px 0px rgba(46, 118, 254, 0.12);
-moz-box-shadow: 5px 5px 29px 0px rgba(46, 118, 254, 0.12);
}
.ot-pricing-table-s3 .title-table{
color: #161d39;
margin-bottom: 36px;
}
.ot-pricing-table-s3 .price{
font-size: 90px;
font-weight: bold;
line-height: 1;
color: #35d3c9;
margin-bottom: 15px;
}
.ot-pricing-table-s3 .price sup{
font-size: 55%;
margin-right: 5px;
top: -4px;
vertical-align: revert;
}
.ot-pricing-table-s3 .price span{
font-size: 36px;
}
.ot-pricing-table-s3 .des-table{
margin-bottom: 40px;
}
.ot-pricing-table-s3 .table-btn{
display: inline-block;
text-align: center;
margin: 0 auto;
width: 217px;
height: 62px;
font-weight: 500;
line-height: 62px;
max-width: 100%;
border-radius: 10px;
background: #35d3c9;
color: #fff;
}
.ot-pricing-table-s3 .table-btn:hover{
background: #161d39;
}
.ot-pricing-table-s3 .more-btn{
color: #35d3c9;
font-weight: 500;
line-height: 1;
display: inline-block;
margin-top: 20px;
}
.ot-pricing-table-s3 .more-btn:hover{
color: #161d39;
}
@media (min-width: 1025px) and (max-width: 1199px) {
.ot-pricing-table {
padding: 35px 20px;
}
.ot-pricing-table .inner-table .title-table {
font-size: 20px;
}
.ot-pricing-table .inner-table h2 {
font-size: 40px;
}
}
@media (max-width: 1024px) {
.ot-pricing-table {
padding: 45px;
max-width: 330px;
margin: auto;
}
}
@media (max-width: 767px) {
.ot-pricing-table {
max-width: 470px;
}
}
@media (max-width: 479px) {
.ot-pricing-table {
padding: 33px;
}
.ot-pricing-table .inner-table .details {
font-size: 14px;
}
}
.ot-testimonials {
margin: 0 -15px;
}
.ot-testimonials .testi-item {
padding: 0 15px;
position: relative;
}
.ot-testimonials .layer1 {
background: #f8f8f8;
position: absolute;
left: 30px;
bottom: -20px;
width: calc(100% - 55px);
height: 100%;
z-index: -1;
box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.1);
}
.ot-testimonials .layer2 {
background: #fff;
padding: 40px;
margin-bottom: 40px;
box-shadow: 3px 3px 13px 0px rgba(0, 0, 0, 0.1);
}
.ot-testimonials .t-head {
overflow: hidden;
justify-content: normal;
}
.ot-testimonials .t-head img {
margin-right: 30px;
width: 90px;
height: auto;
border-radius: 50%;
}
.ot-testimonials .t-head h6 {
font-size: 20px;
margin-bottom: 2px;
}
.ot-testimonials .t-head span {
color: #9f9f9f;
}
.ot-testimonials .ttext {
margin-top: 23px;
}
.ot-testimonials-2, .ot-testimonials-4 {
margin: 0 -15px;
}
.ot-testimonials-2 .testi-item{
margin: 0 15px;
padding: 40px 40px 33px;
background: #f4f8ff;
border-radius: 10px;
}
.ot-testimonials-4 .testi-item{
margin: 0 15px;
}
.ot-testimonials-4 .ttext{
padding: 40px 30px 38px 40px;
background: #f4f8ff;
border-radius: 5px;
}
.ot-testimonials-2 .tstar{
margin-bottom: 35px;
width: 96px;
}
.ot-testimonials-4 .ticon{
margin-bottom: 30px;
width: auto;
max-width: 96px;
}
.ot-testimonials-2 .ttext, .ot-testimonials-4 .ttext {
font-size: 18px;
font-weight: 600;
color: #161d39;
margin-bottom: 31px;
}
.ot-testimonials-4 .ttext{
position: relative;
}
.ot-testimonials-4 .ttext:after{
position: absolute;
content: "";
width: 26px;
height: 36px;
bottom: -8px;
left: 25px;
background: #f4f8ff;
border-style: none none solid solid;
border-width: 0 0 1px 1px;
border-color: #f4f8ff;
-webkit-transform: skewY(-45deg) rotate(-15deg);
-ms-transform: skewY(-45deg) rotate(-15deg);
transform: skewY(-45deg) rotate(-15deg);
}
.ot-testimonials-2 .t-head, .ot-testimonials-4 .t-head {
overflow: hidden;
justify-content: normal;
}
.ot-testimonials-2 .t-head img, .ot-testimonials-4 .t-head img {
margin-right: 20px;
width: 70px;
height: auto;
border-radius: 50%;
}
.ot-testimonials-2 .t-head h6, .ot-testimonials-4 .t-head h6 {
font-size: 16px;
font-weight: 400;
color: #2e76fe;
margin-bottom: 2px;
}
.ot-testimonials-2 .t-head span, .ot-testimonials-4 .t-head span {
color: #80828e;
font-size: 14px;
}
.ot-testimonials-2 .slick-dots li button{
width: 20px;
height: 10px;
background: #d5e4ff;
border-radius: 5px;
transition: 0.3s;
}
.ot-testimonials-2 li.slick-active button{
background: #35d3c9;
width: 40px;
}
.ot-testimonials-2 .slick-dots li button:before{
content: "";
}
.ot-testimonials-4 .slick-dots li button:before{
font-size: 42px;
}
.ot-testimonials-4 .slick-dots li.slick-active button:before{
font-size: 42px;
}
.ot-testimonials-3 .testi-item{
padding-left: 30px;
}
.ot-testimonials-3 .ttext{
color: #161d39;
font-size: 36px;
font-weight: 500;
line-height: 54px;
margin-bottom: 32px;
position: relative;
}
.ot-testimonials-3 .ttext:before{
content: "";
position: absolute;
left: -30px;
top: 13px;
width: 3px;
height: calc(100% - 26px);
background: #656ae5;
}
.ot-testimonials-3 .t-head h6{
font-size: 18px;
font-weight: 500;
color: #656ae5;
margin-bottom: 2px;
}
.ot-testimonials-3 .t-head span{
color: #8990ac;
}
.ot-testimonials-3 .pagingInfo{
line-height: 1;
padding-left: 70px;
margin-top: 40px;
color: #8990ac;
}
.ot-testimonials-3 .pagingInfo span{
color: #161d39;
}
.ot-testimonials-3 .slick-arrow{
top: auto;
bottom: -55px;
line-height: 1;
left: 30px;
padding: 0;
color: #8990ac;
}
.ot-testimonials-3 .slick-arrow:hover{
color: #656ae5;
}
.ot-testimonials-3 .slick-arrow.next-nav{
right: auto;
left: 150px;
}
.ot-testimonials-3 .slick-arrow i:before{
font-size: 12px;
font-weight: bold;
}
@media (max-width: 480px) {
.ot-testimonials .layer2 {
padding: 25px;
}
.ot-testimonials .t-head img {
margin-right: 20px;
width: 80px;
}
}
.ot-progress {
font-weight: 700;
font-size: 14px;
text-transform: uppercase;
color: #1b1d21;
}
.ot-progress .pname {
margin-bottom: 10px;
}
.ot-progress .iprogress {
height: 8px;
margin-bottom: 6px;
position: relative;
}
.ot-progress .iprogress:after {
content: "";
position: absolute;
top: 13px;
left: 0;
width: 100%;
height: 1px;
background: #dadada;
}
.ot-progress .progress-bar {
height: 100%;
width: 0;
background: #43baff;
transition: all 0.6s linear;
-webkit-transition: all 0.6s linear;
-moz-transition: all 0.6s linear;
-o-transition: all 0.6s linear;
-ms-transition: all 0.6s linear;
}
.ot-chart-bar{
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
margin-bottom: 50px;
}
.ot-chart-bar .inner-bar{
position: relative;
display: table-cell;
vertical-align: bottom;
height: 200px;
text-align: center;
}
.ot-chart-bar .col-chart{
position: relative;
display: block;
background-color: #43baff;
border-radius: 20px 20px 0 0;
}
.ot-chart-bar .chart-title, .ot-chart-bar .percent{
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.ot-chart-bar .percent{
font-size: 32px;
font-weight: 600;
margin-bottom: 10px;
line-height: 42px;
color: #43baff;
bottom: 100%;
}
.ot-chart-bar .chart-title{
width: 100%;
display: block;
top: 100%;
padding: 0;
margin-top: 17px;
margin-bottom: 0;
word-wrap: break-word;
font-size: 16px;
font-weight: 500;
}
.circle-progress {
justify-content: left;
}
.circle-progress .inner-bar {
position: relative;
display: inline-block;
line-height: 1;
}
.circle-progress .inner-bar > span {
position: absolute;
width: 100%;
line-height: 1;
top: 50%;
left: 0;
text-align: center;
font-family: "Montserrat", sans-serif;
font-weight: 800;
font-size: 30px;
margin-top: -15px;
color: #1b1d21;
}
.circle-progress .inner-bar canvas {
display: block;
}
.circle-progress .inner-bar:after {
content: "";
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
border-radius: 50%;
z-index: -1;
border: 1px solid #dadada;
}
.circle-progress h4 {
display: block;
font-size: 16px;
line-height: 26px;
margin-left: 20px;
margin-bottom: 0;
}
.circle-progress.tbottom h4 {
margin: 10px 0 0;
}
.easyPieChart {
position: relative;
text-align: center;
}
.easyPieChart canvas {
position: absolute;
top: 0;
left: 0;
}
.message-box {
padding: 10px;
overflow: hidden;
position: relative;
background: #fff;
box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0px rgba(0, 0, 0, 0.1);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.message-box .icon-main {
float: left;
font-size: 20px;
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
color: #fff;
background: #0160e7;
}
.message-box .icon-main span:before {
font-size: 20px;
}
.message-box .content-box {
padding-left: 66px;
}
.message-box .content-box h6 {
margin-bottom: 8px;
}
.message-box .content-box p {
margin-bottom: 0;
line-height: 1;
}
.message-box > i {
position: absolute;
top: 50%;
right: 20px;
line-height: 1;
margin-top: -7px;
color: #a5b7d2;
cursor: pointer;
}
.message-box > i:before {
font-size: 13px;
}
@media (max-width: 600px) {
.message-box > i {
top: 15px;
right: 10px;
}
.message-box .content-box p {
line-height: 1.4;
}
}
.ot-countdown {
text-align: center;
font-size: 24px;
display: flex;
margin-bottom: 0;
color: #fff;
}
.ot-countdown li {
display: inline-block;
vertical-align: top;
line-height: 1;
flex-grow: 1;
flex-basis: 0;
}
.ot-countdown li span {
font-size: 100px;
font-weight: 900;
font-family: "Montserrat", sans-serif;
display: block;
margin-bottom: 23px;
}
.ot-countdown li p {
margin-bottom: 0;
}
.ot-countdown li.seperator {
font-size: 100px;
font-weight: 500;
margin-top: -8px;
color: #43baff;
line-height: initial;
}
.cs-form {
text-align: center;
margin: 0 auto;
overflow: hidden;
max-width: 515px;
}
.cs-form > span.wpcf7-form-control-wrap {
float: left;
}
.cs-form > span.wpcf7-form-control-wrap .wpcf7-text {
background: rgba(255, 255, 255, 0.15);
color: #fff;
}
.cs-form > span.wpcf7-form-control-wrap .wpcf7-text::placeholder {
color: #fff;
}
.cs-form .octf-btn {
float: right;
}
.cs-form + div {
max-width: 515px;
margin-left: auto !important;
margin-right: auto !important;
}
.sub-home-6,
.sub-home-7{
position: relative;
}
.sub-home-6:before{
position: absolute;
left: 25px;
top: 20px;
z-index: 1;
content: "\f0e0";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 22px;
line-height: 1;
color: #7f7f7f;
}
.sub-home-6 .wpcf7-email{
background: #fff;
width: 100%;
height: 60px;
padding: 0 220px 0 70px;
border: 1px solid #dedede;
border-radius: 5px;
}
.sub-home-6 .wpcf7-submit,
.sub-home-7 .octf-btn{
position: absolute;
top: 0;
right: 0;
width: 200px;
height: 100%;
border-radius: 5px;
}
.sub-home-7 .wpcf7-email{
background: #fff;
width: 100%;
padding-right: 150px;
}
.sub-home-7 .octf-btn{
width: 130px;
border-radius: 0;
}
div.wpcf7 .sub-home-6 .ajax-loader{
display: none;
}
.sub-home-8 .wpcf7-email{
width: calc(100% - 210px);
padding-right: 25px;
}
.sub-home-8 .octf-btn{
background: #ffb933;
border-radius: 5px;
color: #000;
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 200px;
font-weight: 800;
}
.sub-home-8 .octf-btn:hover{
background: #fff;
}
.sub-home-8 + .wpcf7-response-output,
.sub-home-10 + .wpcf7-response-output,
.sub-footer-13 + .wpcf7-response-output{
color: #fff;
}
.sub-home-10{
position: relative;
overflow: hidden;
}
.sub-home-10 input{
font-family: "Inter";
}
.sub-home-10 .wpcf7-email{
width: 100%;
max-width: 343px;
border-radius: 10px;
background: #00202F;
color: #fff;
font-size: 14px;
height: 62px;
padding-left: 25px;
padding-right: 25px;
float: left;
}
.sub-home-10 .wpcf7-email:focus{
color: #fff;
}
.sub-home-10 .wpcf7-email::placeholder{
color: #b1b5d3;
}
.sub-home-10 .octf-btn{
margin-left: 10px;
border-radius: 10px;
background: #3C67FF;
color: #fff;
font-size: 16px;
font-weight: 500;
padding: 19px 50px;
text-transform: none;
}
.sub-home-10 .octf-btn:hover{
color: #3C67FF;
background: #fff;
}
.sub-home-10 .ajax-loader{
display: none;
}
.sub-home-11{
overflow: hidden;
}
.sub-home-11 .wpcf7-email{
width: 543px;
max-width: 100%;
background: #fff;
border-radius: 10px;
height: 62px;
padding: 0 30px;
}
.sub-home-11 .octf-btn{
background: #35d3c9;
font-family: "Gothic A1";
font-size: 16px;
font-weight: 400;
text-transform: none;
margin-left: 10px;
height: 62px;
width: 217px;
border-radius: 10px;
}
.sub-home-11 .octf-btn:hover{
background: #161d39;
}
.sub-footer-11{
position: relative;
font-family: "Gothic A1";
}
.sub-footer-11 input[type=email] {
font-family: "Gothic A1";
height: 62px;
width: 100%;
background: #f4f8ff;
color: #9ea0ac;
border: none;
padding: 0 84px 0 30px;
border-radius: 10px;
}
.sub-footer-11 input[type=email]::placeholder {
color: #9ea0ac;
}
.sub-footer-11 button{
background: transparent;
border: none;
width: 84px;
height: 62px;
color: #2e76fe;
position: absolute;
top: 0;
right: 0;
text-align: center;
outline: none;
}
.sub-footer-11 button i:before{
font-size: 24px;
}
.sub-footer-11 label{
font-size: 14px;
line-height: 20px;
color: #80828e;
display: block;
margin-top: 23px;
}
.sub-home-12{
padding: 18px 18px 18px 0;
background: #fff;
border-radius: 5px;
}
.sub-home-12 input{
font-family: "Epilogue";
font-size: 18px;
line-height: 30px;
color: #80828E;
padding: 17px 15px 17px 60px;
width: 100%;
max-width: 330px;
background: #fff;
}
.sub-footer-12 input::placeholder {
color: #80828E;
}
.sub-home-12 input[type=text]{
border-right: 2px solid #f6f6f6;
}
.sub-home-12 .octf-btn{
font-family: "Epilogue";
font-size: 16px;
font-weight: 500;
line-height: 30px;
padding: 16px 45px;
margin-left: 30px;
margin-top: 15px;
text-transform: capitalize;
border-radius: 5px;
background: #3f5aff;
}
.sub-home-12 span{
display: inline-block;
}
.sub-home-12 span.your-name:before,
.sub-home-12 span.your-tel:before{
position: absolute;
left: 30px;
top: calc( 50% - 10px );
line-height: 1;
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 20px;
color: #7a8dff;
}
.sub-home-12 span.your-name:before{
content: '\f2bd';
}
.sub-home-12 span.your-tel:before{
content: '\f879';
}
.sub-home-12 .octf-btn:hover{
background: #1F1F1F;
}
.sub-home-12 + .wpcf7-response-output{
color: #1F1F1F;
}
@media (min-width: 1025px) {
.sub-home-12{
display: flex;
align-items: center;
justify-content: space-between;
}
.sub-home-12 .octf-btn{
margin-left: 0;
margin-top: 0;
}
}
@media (max-width: 767px) {
.sub-home-12 input[type=text]{
border-right: none;
}
}
.sub-footer-13{
position: relative;
}
.sub-footer-13 input[type=email] {
font-family: "Inter";
height: 48px;
width: 100%;
font-size: 14px;
background: #ffffff;
color: rgba(21,23,26,0.75);
border: none;
padding: 0 84px 0 20px;
border-radius: 6px;
}
.sub-footer-13 input[type=email]::placeholder {
color: rgba(21,23,26,0.75);
}
.sub-footer-13 button{
position: absolute;
top: 4px;
right: 4px;
background: #f6f8fa;
border: none;
width: 40px;
height: 40px;
color: #00A76A;
text-align: center;
outline: none;
border-radius: 6px;
}
.sub-footer-13 button i:before{
font-size: 18px;
}
.sub-footer-11 [type="checkbox"]:not(:checked), 
.sub-footer-11 [type="checkbox"]:checked,
.cf-home-12 [type="checkbox"]:not(:checked), 
.cf-home-12 [type="checkbox"]:checked,
.cf-home-9 [type="checkbox"]:not(:checked), 
.cf-home-9 [type="checkbox"]:checked {
position: absolute;
left: 0;
opacity: 0.01;
}
.sub-footer-11 [type="checkbox"]:not(:checked) + span,
.sub-footer-11 [type="checkbox"]:checked + span,
.cf-home-9 [type="checkbox"]:not(:checked) + span,
.cf-home-9 [type="checkbox"]:checked + span {
position: relative;
padding-left: 35px;
cursor: pointer;
}
.cf-home-12 [type="checkbox"]:not(:checked) + span,
.cf-home-12 [type="checkbox"]:checked + span {
position: relative;
padding-left: 45px;
cursor: pointer;
font-size: 16px;
color: #80828e;
font-weight: 400;
} .sub-footer-11 [type="checkbox"]:not(:checked) + span:before,
.sub-footer-11 [type="checkbox"]:checked + span:before,
.cf-home-12 [type="checkbox"]:not(:checked) + span:before,
.cf-home-12 [type="checkbox"]:checked + span:before,
.cf-home-9 [type="checkbox"]:not(:checked) + span:before,
.cf-home-9 [type="checkbox"]:checked + span:before {
content: '';
position: absolute;
left: 0;
top: -3px;
width: 24px;
height: 24px;
background: #f4f8ff;
border-radius: 4px;
-webkit-transition: all .275s;
transition: all .275s;
}
.cf-home-12 [type="checkbox"]:not(:checked) + span:before,
.cf-home-12 [type="checkbox"]:checked + span:before{
background: #f0f1ff;
border-radius: 2px;
} .sub-footer-11 [type="checkbox"]:not(:checked) + span:after,
.sub-footer-11 [type="checkbox"]:checked + span:after,
.cf-home-12 [type="checkbox"]:not(:checked) + span:after,
.cf-home-12 [type="checkbox"]:checked + span:after,
.cf-home-9 [type="checkbox"]:not(:checked) + span:after,
.cf-home-9 [type="checkbox"]:checked + span:after {
content: '\f126';
font-family: Flaticon;
position: absolute;
top: 10px;
left: 7px;
font-size: 11px;
font-weight: 900;
color: #2e76fe;
line-height: 0;
-webkit-transition: all .2s;
transition: all .2s;
}
.cf-home-12 [type="checkbox"]:not(:checked) + span:after,
.cf-home-12 [type="checkbox"]:checked + span:after{
color: #3f5aff;
} .sub-footer-11 [type="checkbox"]:not(:checked) + span:after,
.cf-home-12 [type="checkbox"]:not(:checked) + span:after,
.cf-home-9 [type="checkbox"]:not(:checked) + span:after {
opacity: 0;
}
.sub-footer-11 [type="checkbox"]:checked + span:after,
.cf-home-12 [type="checkbox"]:checked + span:after,
.cf-home-9 [type="checkbox"]:checked + span:after {
opacity: 1;
}
.footer-home-14 br,
.cf-home-9 br,
.cf-home-12 br{
display: none;
}
.cf-home-9 p:last-child,
.cf-home-12 p:last-child{
margin: 0;
}
.cf-home-9 input[type=text],
.cf-home-9 input[type=tel],
.cf-home-9 input[type=email],
.cf-home-9 textarea{
width: 100%;
background: transparent;
color: #8990ac;
padding: 15px 0;
border-bottom: 1px solid rgba(137,144,172,0.2);
}
.cf-home-12 input[type=text],
.cf-home-12 input[type=tel],
.cf-home-12 input[type=email],
.cf-home-12 textarea{
font-family: 'Epilogue';
font-size: 18px;
width: 100%;
background: transparent;
color: #80828e;
padding: 12px 0 15px;
line-height: 1;
border-bottom: 2px solid #f5f5f5;
}
.cf-home-9 input::placeholder{
color: #8990ac;
}
.cf-home-12 input::placeholder{
color: #80828e;
}
.cf-home-9 h4{
font-family: "Poppins";
font-weight: 500;
}
.cf-home-9 label{
display: block;
margin-top: 30px;
font-size: 14px;
color: #8990ac;
}
.cf-home-12 label{
display: block;
font-size: 18px;
font-weight: 500;
color: #1F1F1F;
margin-bottom: 42px;
}
.cf-home-12 .octf-btn{
font-family: 'Epilogue';
font-weight: 500;
font-size: 16px;
color: #fff;
background: #3f5aff;
text-transform: none;
border-radius: 5px;
padding: 20px 45px;
}
.cf-home-12 .octf-btn:hover{
background: #1F1F1F;
}
.cf-home-9 .octf-btn{
font-weight: 500;
font-size: 16px;
color: #fff;
background: #656ae5;
text-transform: none;
border-radius: 10px;
padding: 19px 62px;
margin-top: 35px;
}
.wpcf7 .cf-home-9 .wpcf7-not-valid,
.wpcf7 .cf-home-12 .wpcf7-not-valid{
border: none;
border-bottom: 1px solid #f00;
}
.sub-footer-9{
font-family: "Poppins";
}
.sub-footer-9 input[type=email]{
font-family: "Poppins";
background: transparent;
border-radius: 0;
padding-left: 0;
padding-right: 36px;
border-bottom: 1px solid rgba(137,144,172,0.2);
}
.sub-footer-9 button{
color: #656ae5;
width: auto;
}
.sub-footer-9 [type="checkbox"]:not(:checked) + span:after, 
.sub-footer-9 [type="checkbox"]:checked + span:after,
.cf-home-9 [type="checkbox"]:not(:checked) + span:after, 
.cf-home-9 [type="checkbox"]:checked + span:after{
color: #656ae5;
}
.cf-home-12 [type="checkbox"]:not(:checked) + span:after, 
.cf-home-12 [type="checkbox"]:checked + span:after{
color: #3f5aff;
}
.sub-footer-9 [type="checkbox"]:not(:checked) + span:before, 
.sub-footer-9 [type="checkbox"]:checked + span:before,
.cf-home-9 [type="checkbox"]:not(:checked) + span:before, 
.cf-home-9 [type="checkbox"]:checked + span:before{
background: transparent;
border: 1px solid rgba(137,144,172,0.2);
}
.cf-home-12{
font-family: 'Epilogue';
}
.footer-home-14 input[type=email]{
font-family: "Sora";
width: 100%;
background: transparent;
color: #1c0a27;
padding: 3px 0;
text-align: center;
margin-bottom: 30px;
border-bottom: 1px solid rgba(28,10,39,0.25);
}
.footer-home-14 input[type=email].wpcf7-not-valid{
border-color: transparent;
border-bottom-color: #f00;
}
.footer-home-14 input::placeholder{
color: rgba(28,10,39,0.6);
}
.footer-home-14 .octf-btn{
font-family: "Sora";
font-weight: 600;
font-size: 16px;
width: 100%;
color: #fff;
background: #1c0a27;
text-transform: none;
border-radius: 27px;
padding: 10px 35px;
line-height: 32px;
}
.footer-home-14 .octf-btn:hover{
color: #1c0a27;
background: #fff;
}
.footer-home-14 + .wpcf7-response-output{
color: #1c0a27;
}
@media (max-width: 1024px) {
.sub-home-11 .octf-btn{
width: 160px;
}
}
@media (max-width: 767px) {
.ot-countdown {
font-size: 16px;
}
.ot-countdown li span,
.ot-countdown li.seperator {
font-size: 42px;
}
.ot-countdown li span {
margin-bottom: 15px;
}
.ot-countdown li.seperator {
line-height: 55px;
}
.wpcf7 .sub-home-10 .ajax-loader{
display: none;
}
.sub-home-10 .wpcf7-email{
max-width: none;
height: 52px;
padding-right: 165px;
}
.sub-home-10 .octf-btn{
padding: 14px 30px;
font-size: 14px;
position: absolute;
top: 0;
right: 0;
margin-left: 0;
}
.sub-home-11{
text-align: center;
}
.sub-home-11 .wpcf7-email{
width: 100%;
}
.sub-home-11 .octf-btn{
margin-left: 0;
margin-top: 15px;
}
}
@media (max-width: 600px) {
.cs-form > span.wpcf7-form-control-wrap {
float: none;
display: block;
}
.cs-form .octf-btn {
float: none;
margin-top: 15px;
}
.sub-home-6:before{
left: 15px;
font-size: 18px;
top: 15px;
}
.sub-home-6 .wpcf7-email{
height: 48px;
font-size: 14px;
padding: 0 140px 0 45px;
}
.sub-home-6 .wpcf7-submit{
width: 120px;
}
.sub-home-8 .wpcf7-email{
width: 100%;
padding-right: 25px;
}
.sub-home-8 .octf-btn{
width: 100%;
height: 45px;
position: static;
margin-top: 10px;
}
}
.video-popup a {
position: relative;
width: 65px;
height: 65px;
display: inline-block;
background: #fff;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
text-align: center;
line-height: 65px;
color: #43baff;
}
.video-popup a i {
margin-left: 8%;
}
.video-popup a i:before {
font-size: 21px;
}
.video-popup a:hover {
background: #43baff;
color: #fff;
}
.video-popup a:hover span {
border-color: #43baff;
}
.video-popup a span {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 1px solid rgba(255, 255, 255, 0.8);
animation: circle-fade-before 2s infinite ease-in-out;
-webkit-animation: circle-fade-before 2s infinite ease-in-out;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.video-popup a .circle-2 {
animation: circle-fade-after 2s infinite ease-in-out;
-webkit-animation: circle-fade-after 2s infinite ease-in-out;
}
.video-popup > span {
margin-left: 15px;
font-size: 14px;
text-transform: uppercase;
font-weight: 800;
color: #1b1d21;
font-family: "Montserrat", sans-serif;
letter-spacing: 0.5px;
}
.video-popup .btn-inner {
display: inline-block;
border-radius: 50%;
}
@keyframes circle-fade-before {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(1.8);
opacity: 0;
}
}
@keyframes circle-fade-after {
0% {
transform: scale(1);
opacity: 1;
}
100% {
transform: scale(2.5);
opacity: 0;
}
}
@keyframes slide-up{
0%{height:0;} 
} .ot-switcher {
text-align: center;
}
.ot-switcher > span {
font-size: 14px;
font-weight: 600;
vertical-align: middle;
color: #999;
}
.ot-switcher > span.active {
color: #000;
}
.ot-switcher .switch {
margin: 0 15px;
}
.ot-switcher .switch {
position: relative;
display: inline-block;
width: 46px;
height: 24px;
vertical-align: middle;
}
.ot-switcher .switch input {
opacity: 0;
width: 0;
height: 0;
}
.ot-switcher .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #43baff;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.ot-switcher .slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 5px;
bottom: 4px;
background-color: white;
-webkit-transition: 0.4s;
transition: 0.4s;
}
.ot-switcher input:checked + .slider:before {
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px);
}
.ot-switcher .slider.round {
border-radius: 12px;
}
.ot-switcher .slider.round:before {
border-radius: 50%;
} .tab-titles{
}
.title-item{
padding: 30px 44px;
border: 1px solid #dee1e7;
border-radius: 5px;
margin-bottom: 10px;
background: #fff;
line-height: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
cursor: pointer;
transition: all 0.3s linear;
}
.title-item:last-child{
margin-bottom: 0!important;
}
.title-item:hover,
.title-item.tab-active{
border-color: #43baff;
}
.title-item .icon-main{
margin-right: 40px;
}
.title-item i{
font-size: 70px;
color: #1b1d21;
}
.title-item svg{
width: 70px;
fill: #1b1d21;
}
.title-item h5{
font-size: 22px;
font-weight: 600;
margin-bottom: 13px;
text-transform: uppercase;
transition: all 0.3s linear;
}
.title-item:hover h5,
.title-item.tab-active h5{
color: #43baff;
}
.tab-titles-2{
text-align: center;
}
.title-item-2{
display: inline-block;
cursor: pointer;
line-height: 1;
min-width: 228px;
padding: 24px 0;
margin-left: 80px;
border-bottom: 3px solid transparent;
transition: 0.3s;
}
.title-item-2:first-child{
margin: 0!important;
}
.title-item-2.tab-active{
border-color: #2e76fe;
}
.title-item-2 h5{
margin-bottom: 0;
color: #80828e;
}
.title-item-2.tab-active h5,
.title-item-2:hover h5{
color: #2e76fe;
}
@media (max-width: 1024px) {
.title-item-2{
float: left;
min-width: 0;
width: 33.33%;
margin-left: 0;
}
}
@media (max-width: 767px) {
.title-item-2{
display: block;
float: none;
width: 100%;
}
} .ot-tabs .tabs-heading {
margin: 0 -5px;
overflow: hidden;
}
.ot-tabs .tab-link {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
font-size: 14px;
padding: 14px 30px 14px 30px;
line-height: 1.42857143;
display: inline-block;
margin-bottom: 0;
text-decoration: none;
text-transform: uppercase;
white-space: nowrap;
vertical-align: middle;
font-weight: bold;
text-align: center;
background: #43baff;
cursor: pointer;
border: 1px solid transparent;
color: #fff;
outline: none;
min-width: 130px;
background: #f6f6f6;
color: #1b1d21;
margin: 0 5px;
float: left;
font-weight: 800;
cursor: pointer;
}
.ot-tabs .tab-link:visited {
color: #fff;
}
.ot-tabs .tab-link:hover, .ot-tabs .tab-link:focus {
background: #6ec0e9;
color: #fff;
}
.ot-tabs .tab-link.current, .ot-tabs .tab-link:hover {
background: #43baff;
color: #fff;
}
.ot-tabs .tab-content {
display: none;
padding: 25px 0;
}
.ot-tabs .tab-content.current {
display: inherit;
}
.ot-tabs p:last-child {
margin-bottom: 0;
}
.otf-social-share a {
display: inline-block;
font-size: 18px;
text-align: center;
padding: 10px;
margin-right: 10px;
cursor: pointer;
line-height: 1;
margin-right: 5px;
background-color: #222;
color: #fff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.otf-social-share a i {
width: 1em;
height: 1em;
position: relative;
display: block;
}
.otf-social-share a:hover {
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: translateY(-5px);
-ms-transform: translateY(-5px);
transform: translateY(-5px);
}
.otf-social-share a:last-child {
margin-right: 0px;
}
.otf-social-share a.share-facebook {
background-color: #4661c5;
}
.otf-social-share a.share-twitter {
background-color: #44b1e4;
}
.otf-social-share a.share-google {
background-color: #dd4b39;
}
.otf-social-share a.share-pinterest {
background-color: #ff2e2e;
}
.otf-social-share a.share-linkedin {
background-color: #0073B0;
}
.otf-social-share a.share-buffer {
background-color: #000000;
}
.otf-social-share a.share-digg {
background-color: #005be2;
}
.otf-social-share a.share-reddit {
background-color: #ff4500;
}
.otf-social-share a.share-tumbleupon {
background-color: #eb4924;
}
.otf-social-share a.share-tumblr {
background-color: #35465c;
}
.otf-social-share a.share-vk {
background-color: #45668e;
}
.otf-social-share a.share-yummly {
background-color: #E16120;
}
.otf-social-share a.share-email {
background-color: #E84231;
}
.otf-social-share a.share-print {
background-color: #4982C3;
}
.otf-social-share.shape-rounded a {
border-radius: 10%;
-webkit-border-radius: 10%;
-moz-border-radius: 10%;
}
.otf-social-share.shape-circle a {
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
.ot-industries .indus-item {
padding: 15px 50px 50px;
}
.ot-industries .indus-item .item-inner {
box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
padding: 45px 70px 45px 110px;
position: relative;
}
.ot-industries .indus-item .item-inner .i-image {
position: absolute;
left: -70px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.ot-industries .indus-item .item-inner h6 {
font-weight: 800;
margin-bottom: 15px;
}
.ot-industries .indus-item .item-inner .overlay {
opacity: 1;
overflow: hidden;
background: transparent;
}
.ot-industries .indus-item .item-inner .overlay:after {
content: "";
position: absolute;
width: 30px;
height: 30px;
top: -15px;
right: -15px;
z-index: 1;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #43baff;
} .ot-domain-checker{
overflow: hidden;
text-align: center;
}
.ot-domain-checker form input{
width: 543px;
max-width: 100%;
background: #fff;
border-radius: 10px;
height: 62px;
padding: 0 30px;
}
.ot-domain-checker .octf-btn{
background: #35d3c9;
font-family: "Gothic A1";
font-size: 16px;
font-weight: 400;
text-transform: none;
margin-left: 10px;
height: 62px;
width: 217px;
border-radius: 10px;
}
.ot-domain-checker .octf-btn:hover{
background: #161d39;
}
@media (max-width: 1024px) {
.ot-domain-checker .octf-btn{
width: 160px;
}
}
@media (max-width: 767px) {
.ot-domain-checker{
text-align: center;
}
.ot-domain-checker form input{
width: 100%;
}
.ot-domain-checker .octf-btn{
margin-left: 0;
margin-top: 15px;
}
} .domain-list{
padding: 0 15px;
margin-right: -30px;
margin-left: -30px;
}
.domain-item{
position: relative;
background: #fff;
padding: 40px 15px 35px;
text-align: center;
border-radius: 10px;
transition: 0.3s;
box-shadow: 5px 5px 15px 0 rgba(46,118,254,0.12);
margin: 0 15px 15px;
}
.domain-item:hover{
background: #2e76fe;
}
.domain-item > a{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.domain-item h4{
line-height: 1;
margin-bottom: 5px;
color: #161d39;
}
.domain-item span{
color: #35d3c9;
font-size: 18px;
}
.domain-item:hover h4,
.domain-item:hover span{
color: #fff;
}
@media only screen and (max-width: 1400px) {
.ot-industries .indus-item .item-inner .i-image {
left: -50px;
}
}
@media only screen and (max-width: 479px) {
.ot-industries .indus-item {
padding: 15px 30px 50px;
}
.ot-industries .indus-item .item-inner {
padding: 30px;
}
.ot-industries .indus-item .item-inner .i-image {
display: none;
}
}
.dc-text .elementor-drop-cap {
font-family: "Montserrat", sans-serif;
float: left;
text-align: center;
background: #fff;
width: 40px;
height: 40px;
line-height: 1;
margin: 8px 18px 0 0 !important;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
.dc-text .elementor-drop-cap span {
font-size: 24px;
line-height: 38px;
border: 1px solid #e7e7e7;
display: block;
font-weight: 800;
color: #43baff;
}
.dc-text.dc-text-second .elementor-drop-cap span {
color: #6ec0e9;
} .ot-timeline__list{
position: relative;
padding-left: 30px;
}
.ot-timeline__list:before{
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 4px;
background-image: linear-gradient(to bottom, #e1f0fa, #495aff);
}
.ot-timeline .date-timeline{
display: block;
font-size: 24px;
font-weight: 600;
line-height: 60px;
margin-bottom: 10px;
}
.ot-timeline .content-timeline{
display: inline-block;
margin-bottom: 0;
}
.ot-timeline .circle{
padding-left: 16px;
}
.ot-timeline .circle:before{
font-size: 8px;
}
.ot-timeline .item-content-timeline{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
font-size: 14px;
margin-bottom: 20px;
padding: 10px 25px;
line-height: 22px;
border-radius: 32px;
background-color: #43baff;
color: #fff;
min-height: 64px;
}
.ot-timeline .item-content-timeline:last-child{
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.ot-timeline .date-timeline{
margin-bottom: 60px;
}
.ot-timeline__list{
padding-left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
justify-content: space-between;
align-items: flex-start;
column-gap: 50px;
}
.ot-timeline__list > * {
flex: 1;
}
.ot-timeline__list:before{
left: 0;
top: 77px;
width: 100%;
height: 4px;
background-image: linear-gradient(to right, #e1f0fa, #495aff);
}
}
@media only screen and (max-width: 767px) {
.ot-timeline .content-timeline{
margin-bottom: 30px;
}
} .roadmap-carousel-container{
position: relative;
}
.roadmap-carousel-container:before {
position: absolute;
height: 3px;
width: 100%;
content: '';
left: 0;
top: 50px;
background: #bb04ff;
}
.roadmap-carousel {
position: relative;
}
.roadmap-carousel:before, .roadmap-carousel:after {
position: absolute;
height: 12px;
width: 12px;
border-radius: 50%;
content: '';
top: 45px;
background: #bb04ff;
}
.roadmap-carousel:before {
left: 0;
}
.roadmap-carousel:after {
right: 0;
}
.roadmap-item {
text-align: center;
position: relative;
padding: 0 20px;
margin-bottom: 30px;
}
.roadmap-item:after {
position: absolute;
top: 86px;
left: 50%;
content: '';
transform: translateX(-50%);
height: 60px;
width: 2px;
background: rgba(219,205,242,.6);
}
.roadmap-item h6 {
position: relative;
padding-bottom: 120px;
}
.roadmap-item h6:before, .roadmap-item h6:after{
position: absolute;
content: '';
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
}
.roadmap-item h6:before{
color: #fff;
top: 36px;
background: rgba(187,4,255,.6);
height: 31px;
width: 31px;
}
.roadmap-item h6:after{
top: 46px;
background: #fff;
height: 10px;
width: 10px;
box-shadow: 0px 0px 32px 12px #bb04ff;
}
.roadmap-item.roadmap-current h6:before{
background: #d7f024;
}
.roadmap-item.roadmap-current h6:after{
background: #bb04ff;
box-shadow: 0px 0px 32px 12px #d7f024;
}
.wpcf7 .main-form {
padding: 60px 48px;
background-image: linear-gradient(90deg, #00deff 0%, #6ec0e9 100%);
color: #fff;
}
.wpcf7 .main-form h2 {
color: #fff;
margin-bottom: 10px;
}
.wpcf7 .main-form p {
color: #fff;
}
.wpcf7 .main-form .font14 {
margin-bottom: 30px;
}
.wpcf7 .main-form input,
.wpcf7 .main-form textarea {
width: 100%;
background: rgba(255, 255, 255, 0.3);
color: #fff;
}
.wpcf7 .main-form input::placeholder,
.wpcf7 .main-form textarea::placeholder {
color: #fff;
}
.wpcf7 .main-form button {
font-weight: 800;
}
.wpcf7 .main-form button:hover {
background: #6ec0e9;
}
.wpcf7 .main-form p:last-child {
margin-bottom: 0;
}
.wpcf7 div.wpcf7-response-output {
margin: 20px 0 0;
}
.wpcf7 span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7 .wpcf7-not-valid {
border: 1px solid #f00;
}
.wpcf7 div.wpcf7-validation-errors,
.wpcf7 div.wpcf7-acceptance-missing {
background: #f7e700;
color: #000;
}
.wpcf7 div.wpcf7-mail-sent-ok {
background: #398f14;
color: #fff;
}
.partners .swiper-slide-image {
-webkit-filter: contrast(0%);
filter: contrast(0%);
opacity: 0.7;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.partners .swiper-slide-image:hover {
-webkit-filter: none; filter: none;
opacity: 1;
}
div.swiper-container-horizontal > .swiper-pagination-bullets,
div.swiper-pagination-custom, .swiper-pagination-fraction {
bottom: 30px;
}
@media (min-width: 1025px) and (max-width: 1199px) {
.ot-tabs .tab-link {
min-width: 116px;
padding: 14px 25px;
}
}
@media only screen and (max-width: 480px) {
.wpcf7 .main-form {
padding: 30px;
}
.ot-tabs .tab-link {
float: none;
display: block;
margin-bottom: 10px;
}
} body .elementor-widget:not(:last-child) {
margin-bottom: 0;
}
.elementor-text-editor p:last-child {
margin-bottom: 0;
}
div.elementor-widget-heading.elementor-widget-heading .elementor-heading-title {
color: #1b1d21;
font-family: "Montserrat", sans-serif;
font-weight: 800;
}
.elementor-widget-heading h1.elementor-heading-title {
font-size: 48px;
}
.elementor-widget-heading h2.elementor-heading-title {
font-size: 36px;
}
.elementor-widget-heading h3.elementor-heading-title {
font-size: 30px;
}
.elementor-widget-heading h4.elementor-heading-title {
font-size: 24px;
}
.elementor-widget-heading h5.elementor-heading-title {
font-size: 20px;
}
.elementor-widget-heading h6.elementor-heading-title {
font-size: 18px;
}
div.elementor-widget-heading.elementor-widget-heading h4.elementor-heading-title,
div.elementor-widget-heading.elementor-widget-heading h5.elementor-heading-title,
div.elementor-widget-heading.elementor-widget-heading h6.elementor-heading-title {
font-weight: bold;
}
.elementor-page .elementor-widget-text-editor,
.elementor-page li.elementor-icon-list-item {
font-family: "Nunito Sans", sans-serif;
color: #6d6d6d;
}
.elementor-page li.elementor-icon-list-item span{
transition: all 0.3s;
}
.elementor_library-template-default .post-author-box,
.elementor_library-template-default .post-navigation {
display: none;
} .elementor .elementor-section.elementor-section-boxed > .elementor-container {
padding: 0px 15px;
} .elementor .elementor-section.elementor-section-boxed > .elementor-container {
padding: 0px;
}
.elementor .elementor-section-full_width:not(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor .elementor-section-boxed:not(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
padding-left: 0;
padding-right: 0;
}
.elementor .elementor-section > .elementor-container > .elementor-row {
width: auto;
flex: 100%;
min-width: 100%;
}
.elementor-section > .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated, .elementor-section > .elementor-column-gap-narrow > .elementor-row > .elementor-column > .elementor-element-populated, .elementor-section > .elementor-column-gap-extended > .elementor-row > .elementor-column > .elementor-element-populated {
padding-top: 0;
padding-bottom: 0;
}
.elementor .elementor-section > .elementor-column-gap-extended > .elementor-row, .elementor .elementor-section > .elementor-column-gap-wide > .elementor-row, .elementor .elementor-section > .elementor-column-gap-wider > .elementor-row {
margin-left: -15px;
margin-right: -15px;
}
.elementor .elementor-section > .elementor-column-gap-default > .elementor-row {
margin-left: -10px;
margin-right: -10px;
}
.elementor .elementor-section > .elementor-column-gap-narrow > .elementor-row {
margin-left: -5px;
margin-right: -5px;
}
.elementor .elementor-section-full_width:not(.elementor-inner-section) > .elementor-column-gap-extended > .elementor-row {
margin-left: 0;
margin-right: 0;
} .elementor-section > .elementor-container > .elementor-column > .elementor-element-populated {
padding-top: 0;
padding-bottom: 0;
}
.page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row, .page-template-template-homepage .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row,
.page-template-template-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-default > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-narrow > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-extended > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wide > .elementor-row,
.page-template-template-home-full-width .elementor-top-section.elementor-section-full_width > .elementor-column-gap-wider > .elementor-row {
margin-left: 0;
margin-right: 0;
}
.ot-layout_inline .elementor-widget-wrap {
flex-wrap: nowrap;
}
.ot-layout_inline .elementor-widget-wrap > .elementor-widget {
display: flex;
width: auto;
}
.ot-flex-column-horizontal .elementor-widget-wrap {
flex-wrap: nowrap;
}
.ot-flex-column-horizontal .elementor-widget-wrap > .elementor-widget {
display: flex;
width: auto;
}
@media (max-width: 767px) {
.page-template-template-homepage .elementor-top-section:not(.elementor-section-full_width) > .elementor-container,
.page-template-template-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-container,
.page-template-template-home-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-container {
padding-left: 15px;
padding-right: 15px;
}
.page-template-template-homepage .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no,
.page-template-template-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no,
.page-template-template-home-full-width .elementor-top-section:not(.elementor-section-full_width) > .elementor-column-gap-no {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 768px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 750px;
}
.elementor-element .container {
width: 720px;
padding: 0;
}
}
@media (min-width: 992px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 970px;
}
.elementor-element .container {
width: 940px;
padding: 0;
}
}
@media (min-width: 1230px) {
.elementor .elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1200px;
}
.elementor-element .container {
width: 1170px;
padding: 0;
}
}
@media (min-width: 1230px) {
.elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wide > .elementor-row {
margin-left: -20px;
margin-right: -20px;
}
.elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wide > .elementor-row > .elementor-column > .elementor-element-populated {
padding-left: 20px;
padding-right: 20px;
}
.elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wider > .elementor-row {
margin-left: -30px;
margin-right: -30px;
}
.elementor .elementor-section:not(.elementor-section-full_width) > .elementor-column-gap-wider > .elementor-row > .elementor-column > .elementor-element-populated {
padding-left: 30px;
padding-right: 30px;
}
} .octf-search,
.octf-cta-header {
position: relative;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
align-items: center;
}
.octf-search .toggle-search{
cursor: pointer;
} .octf-cart {
position: relative;
}
.octf-cart:hover .site-header-cart {
visibility: visible;
opacity: 1;
-webkit-transform: translateY(0px);
-ms-transform: translateY(0px);
transform: translateY(0px);
}
.ot-minicart {
position: relative;
display: inline-block;
color: #1b1d21;
}
.ot-minicart:hover, .ot-minicart:visited, .ot-minicart:focus {
color: #1b1d21;
}
.ot-minicart i:before {
font-size: 24px;
}
.ot-minicart .count {
position: absolute;
bottom: 0;
left: -7px;
width: 20px;
height: 20px;
line-height: 21px;
background: #43baff;
color: #fff;
text-align: center;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
font-size: 11px;
font-weight: bold;
}
@media only screen and (max-width: 1024px) {
.site-header-cart {
display: none;
}
} .elementor-widget-wp-widget-polylang ul {
list-style: none;
margin: 0 -7px;
padding: 0;
}
.elementor-widget-wp-widget-polylang .lang-item {
display: inline-block;
margin: 0 7px;
font-size: 14px;
font-weight: 500;
font-family: "Inter", sans-serif;
}
#lang_choice_wp-widget-polylang {
border: none;
background: transparent;
font-size: 14px;
font-family: "Inter", sans-serif;
font-weight: 500;
text-transform: uppercase;
padding: 2px 10px 2px 0;
}
#lang_choice_wp-widget-polylang option {
color: #1b1d21;
outline: none;
padding: 10px;
}
.bg-dark #lang_choice_wp-widget-polylang,
.bg-dark .lang-item a {
color: #fff;
} .header-mobile {
display: none;
}
.header-mobile .is-stuck {
background-color: #fff;
}
.octf-menu-mobile{
position: relative;
}
.mmenu-toggle{
cursor: pointer;
width: 26px;
height: 20px;
}
.mmenu-toggle button {
background: none;
border: none;
outline: none;
padding: 0;
color: #1b1d21;
}
.mmenu-toggle button i:before {
font-size: 21px;
}
.mmenu-wrapper {
position: fixed;
top: 0;
bottom: 0;
right: 0;
width: 310px;
height: 100vh;
background: #fff;
overflow-x: hidden;
z-index: 9999;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.mmenu-wrapper.mmenu-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mmenu-wrapper .mmenu-inner {
top: 0;
height: 100%;
width: 327px;
padding: 20px 52px 35px 35px;
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
}
.mmenu-wrapper .mmenu-close {
display: block;
margin-bottom: 10px;
color: #1b1d21;
font-size: 18px;
}
.mmenu-wrapper .mobile_mainmenu {
margin: 0;
padding: 0;
font-weight: 600;
}
.mmenu-wrapper .mobile-nav {
min-width: 240px;
}
.mmenu-wrapper .mobile_mainmenu ul {
position: relative;
margin: 0;
padding: 0;
margin-left: 15px;
}
.mmenu-wrapper .mobile_mainmenu ul {
display: none;
}
.mmenu-wrapper .mobile_mainmenu li {
position: relative;
list-style: none;
}
.mmenu-wrapper .mobile_mainmenu li a {
padding: 10px 30px 10px 0;
display: block;
font-size: 14px;
color: #1b1d21;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow {
color: #fff;
position: absolute;
display: block;
right: 0;
top: 0;
cursor: pointer;
width: 34px;
height: auto;
padding: 7px 12px 7px 0;
line-height: inherit;
text-align: right;
box-sizing: border-box;
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow i {
color: #9397a7;
display: inline-block;
line-height: 7px;
-webkit-transition: transform 0.3s ease-in-out;
-moz-transition: transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out;
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow i:before {
font-size: 7px;
font-weight: 600;
}
.mmenu-wrapper .mobile_mainmenu > li.menu-item-has-children .arrow.active i {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
transform: rotate(90deg);
}
.mmenu-wrapper.on-left {
right: auto;
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.mmenu-wrapper.on-left.mmenu-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.mmenu-wrapper.on-left .mmenu-close {
text-align: right;
}
.mmenu-wrapper.on-left .mmenu-close i {
display: inline-block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
}
.mmenu-active .mmenu-overlay {
background: rgba(0, 0, 0, 0.7);
visibility: visible;
opacity: 1;
z-index: 9998;
}
.site-overlay {
cursor: url(//teknologi.com.au/wp-content/themes/engitech/images/close.png) 16 16, default;
background: transparent;
width: 100vw;
height: 100vh;
position: fixed;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
z-index: -1;
}
@media only screen and (max-width: 1024px) {
.header-desktop {
display: none;
}
.header-mobile {
display: block;
}
.admin-bar section:not(.is-stuck) .mmenu-wrapper {
top: 32px;
}
}
@media only screen and (max-width: 782px) {
.admin-bar section:not(.is-stuck) .mmenu-wrapper {
top: 46px;
}
} .panel-btn {
line-height: 10px;
cursor: pointer;
}
.panel-btn svg {
width: 21px;
}
.admin-bar .side-panel {
top: 32px;
}
.side-panel {
width: 400px;
position: fixed;
top: 0;
bottom: 0;
right: 0;
background: #fff;
overflow-x: hidden;
z-index: 9999;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.side-panel .side-panel-block {
height: 100%;
width: calc(100% + 17px);
overflow-x: hidden;
overflow-y: auto;
box-sizing: border-box;
}
.side-panel .side-panel-close {
display: block;
position: absolute;
right: 30px;
top: 30px;
color: #1b1d21;
font-size: 20px;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 16px;
cursor: pointer;
z-index: 9999;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
background: #f5f5f5;
text-align: center;
}
.side-panel .side-panel-close i:before{
font-size: 16px;
}
.side-panel.on-left {
right: auto;
left: 0;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.side-panel.on-left.mmenu-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.side-panel.side-panel-open {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.side-panel-active .panel-overlay {
background: rgba(0, 0, 0, 0.7);
visibility: visible;
opacity: 1;
z-index: 9998;
}
@media only screen and (max-width: 782px) {
.admin-bar .side-panel {
top: 46px;
}
} .footer-menu ul {
list-style: none;
text-align: center;
margin-bottom: 0;
padding-left: 0;
}
.footer-menu ul li {
display: inline-block;
margin: 0px 29px;
}
.footer-menu ul li a {
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: 500;
color: #fff;
}
.footer-menu ul li a:visited {
color: #fff;
}
.footer-menu ul li a:hover {
color: #43baff;
} .mc4wp-form-fields .subscribe-inner-form {
position: relative;
}
.mc4wp-form-fields .subscribe-inner-form input[type=email] {
height: 46px;
width: 100%;
background: #37325a;
color: #fff;
padding-right: 66px;
}
.mc4wp-form-fields .subscribe-inner-form input[type=email]::placeholder {
color: #fff;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon {
background: transparent;
border: none;
outline: none;
display: block;
position: absolute;
right: 0;
top: 0;
width: 46px;
height: 100%;
line-height: 44px;
text-align: center;
background: #43baff;
color: #fff;
transition: all 0.3s linear;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon i:before {
font-size: 16px;
}
.mc4wp-form-fields .subscribe-inner-form .subscribe-btn-icon:hover {
background: #fff;
color: #43baff;
} #back-to-top {
background: #fff;
color: #43baff;
border: 0 none;
border-radius: 2px;
cursor: pointer;
width: 42px;
height: 45px;
line-height: 45px;
opacity: 0;
outline: medium none;
position: fixed;
right: 40px;
bottom: -20px;
text-align: center;
text-decoration: none;
transition: opacity 0.2s ease-out 0s;
z-index: 1000;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
box-shadow: 6px 6px 13px 0px rgba(42, 67, 113, 0.2);
-webkit-box-shadow: 6px 6px 13px 0px rgba(42, 67, 113, 0.2);
-moz-box-shadow: 6px 6px 13px 0px rgba(42, 67, 113, 0.2);
}
#back-to-top.show {
opacity: 1;
bottom: 40px;
}
#back-to-top i:after, #back-to-top i:before {
font-size: 17px;
}
#back-to-top:hover {
bottom: 45px;
} .error-404 {
padding: 180px 0;
}
.error-404 h2 {
font-size: 250px;
line-height: 1;
position: relative;
display: inline-block;
margin-bottom: 40px;
}
.error-404 .content-404 {
max-width: 480px;
margin: auto;
}
.error-404 .content-404 p {
font-size: 18px;
margin-bottom: 40px;
}
.error-404 .content-404 form {
margin: 0 30px 20px;
}
@media (max-width: 767px) {
.error-404 h1 {
font-size: 36px;
display: block;
}
} @media (min-width: 992px) {
.lg-hidden {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.md-hidden {
display: none;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.sm-hidden {
display: none;
}
} .grid-lines {
position: absolute;
max-width: 1610px;
width: 100%;
height: 100%;
left: 50%;
top: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 0;
pointer-events: none;
user-select: none;
}
.grid-lines .g-line {
height: 100%;
display: block;
width: 1px;
background-color: rgba(100, 122, 251, 0.1);
left: 0;
top: 0;
position: absolute;
}
.grid-lines .g-dot {
position: absolute;
top: 30%;
left: -2px;
background-color: #ffdfac;
height: 23px;
width: 5px;
border-radius: 3px;
}
.grid-lines .line-cleft {
left: 25%;
}
.grid-lines .line-cleft .g-dot {
top: 45%;
background-color: #67FBAE;
}
.grid-lines .line-center {
left: 50%;
}
.grid-lines .line-center .g-dot {
top: 45%;
background-color: transparent;
}
.grid-lines .line-cright {
left: 75%;
}
.grid-lines .line-cright .g-dot {
top: 45%;
background-color: #ffdfac;
}
.grid-lines .line-right {
left: 100%;
}
.grid-lines .line-right .g-dot {
top: 45%;
background-color: #656ae5;
}
@media (max-width: 767px) {
.grid-lines {
display: none;
}
}
 .animated {
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}
.animated.infinite {
-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite
}
.animated.hinge {
-webkit-animation-duration:2s;
animation-duration:2s
}
@-webkit-keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
transform:translateY(-15px)
}
}
@keyframes bounce {
0%,
20%,
50%,
80%,
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
40% {
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
60% {
-webkit-transform:translateY(-15px);
-ms-transform:translateY(-15px);
transform:translateY(-15px)
}
}
.bounce {
-webkit-animation-name:bounce;
animation-name:bounce
}
@-webkit-keyframes flash {
0%,
50%,
100% {
opacity:1
}
25%,
75% {
opacity:0
}
}
@keyframes flash {
0%,
50%,
100% {
opacity:1
}
25%,
75% {
opacity:0
}
}
.flash {
-webkit-animation-name:flash;
animation-name:flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.pulse {
-webkit-animation-name:pulse;
animation-name:pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(.75);
transform:scaleX(1.25) scaleY(.75)
}
40% {
-webkit-transform:scaleX(.75) scaleY(1.25);
transform:scaleX(.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(.85);
transform:scaleX(1.15) scaleY(.85)
}
100% {
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
30% {
-webkit-transform:scaleX(1.25) scaleY(.75);
-ms-transform:scaleX(1.25) scaleY(.75);
transform:scaleX(1.25) scaleY(.75)
}
40% {
-webkit-transform:scaleX(.75) scaleY(1.25);
-ms-transform:scaleX(.75) scaleY(1.25);
transform:scaleX(.75) scaleY(1.25)
}
60% {
-webkit-transform:scaleX(1.15) scaleY(.85);
-ms-transform:scaleX(1.15) scaleY(.85);
transform:scaleX(1.15) scaleY(.85)
}
100% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.rubberBand {
-webkit-animation-name:rubberBand;
animation-name:rubberBand
}
@-webkit-keyframes shake {
0%,
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
}
@keyframes shake {
0%,
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
}
.shake {
-webkit-animation-name:shake;
animation-name:shake
}
@-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)
}
100% {
-webkit-transform:rotate(0deg);
transform:rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate(15deg);
-ms-transform:rotate(15deg);
transform:rotate(15deg)
}
40% {
-webkit-transform:rotate(-10deg);
-ms-transform:rotate(-10deg);
transform:rotate(-10deg)
}
60% {
-webkit-transform:rotate(5deg);
-ms-transform:rotate(5deg);
transform:rotate(5deg)
}
80% {
-webkit-transform:rotate(-5deg);
-ms-transform:rotate(-5deg);
transform:rotate(-5deg)
}
100% {
-webkit-transform:rotate(0deg);
-ms-transform:rotate(0deg);
transform:rotate(0deg)
}
}
.swing {
-webkit-transform-origin:top center;
-ms-transform-origin:top center;
transform-origin:top center;
-webkit-animation-name:swing;
animation-name:swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
10%,
20% {
-webkit-transform:scale(.9) rotate(-3deg);
transform:scale(.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
10%,
20% {
-webkit-transform:scale(.9) rotate(-3deg);
-ms-transform:scale(.9) rotate(-3deg);
transform:scale(.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform:scale(1.1) rotate(3deg);
-ms-transform:scale(1.1) rotate(3deg);
transform:scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform:scale(1.1) rotate(-3deg);
-ms-transform:scale(1.1) rotate(-3deg);
transform:scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform:scale(1) rotate(0);
-ms-transform:scale(1) rotate(0);
transform:scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name:tada;
animation-name:tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
transform:translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
15% {
-webkit-transform:translateX(-25%) rotate(-5deg);
-ms-transform:translateX(-25%) rotate(-5deg);
transform:translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform:translateX(20%) rotate(3deg);
-ms-transform:translateX(20%) rotate(3deg);
transform:translateX(20%) rotate(3deg)
}
45% {
-webkit-transform:translateX(-15%) rotate(-3deg);
-ms-transform:translateX(-15%) rotate(-3deg);
transform:translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform:translateX(10%) rotate(2deg);
-ms-transform:translateX(10%) rotate(2deg);
transform:translateX(10%) rotate(2deg)
}
75% {
-webkit-transform:translateX(-5%) rotate(-1deg);
-ms-transform:translateX(-5%) rotate(-1deg);
transform:translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%)
}
}
.wobble {
-webkit-animation-name:wobble;
animation-name:wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@keyframes bounceIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1;
-webkit-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05)
}
70% {
-webkit-transform:scale(.9);
-ms-transform:scale(.9);
transform:scale(.9)
}
100% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
}
.bounceIn {
-webkit-animation-name:bounceIn;
animation-name:bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(30px);
-ms-transform:translateY(30px);
transform:translateY(30px)
}
80% {
-webkit-transform:translateY(-10px);
-ms-transform:translateY(-10px);
transform:translateY(-10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInDown {
-webkit-animation-name:bounceInDown;
animation-name:bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(30px);
-ms-transform:translateX(30px);
transform:translateX(30px)
}
80% {
-webkit-transform:translateX(-10px);
-ms-transform:translateX(-10px);
transform:translateX(-10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name:bounceInLeft;
animation-name:bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
60% {
opacity:1;
-webkit-transform:translateX(-30px);
-ms-transform:translateX(-30px);
transform:translateX(-30px)
}
80% {
-webkit-transform:translateX(10px);
-ms-transform:translateX(10px);
transform:translateX(10px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.bounceInRight {
-webkit-animation-name:bounceInRight;
animation-name:bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
60% {
opacity:1;
-webkit-transform:translateY(-30px);
-ms-transform:translateY(-30px);
transform:translateY(-30px)
}
80% {
-webkit-transform:translateY(10px);
-ms-transform:translateY(10px);
transform:translateY(10px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.bounceInUp {
-webkit-animation-name:bounceInUp;
animation-name:bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
25% {
-webkit-transform:scale(.95);
-ms-transform:scale(.95);
transform:scale(.95)
}
50% {
opacity:1;
-webkit-transform:scale(1.1);
-ms-transform:scale(1.1);
transform:scale(1.1)
}
100% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
}
.bounceOut {
-webkit-animation-name:bounceOut;
animation-name:bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name:bounceOutDown;
animation-name:bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name:bounceOutLeft;
animation-name:bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
20% {
opacity:1;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name:bounceOutRight;
animation-name:bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
20% {
opacity:1;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name:bounceOutUp;
animation-name:bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
-webkit-animation-name:fadeIn;
animation-name:fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDown {
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name:fadeInDownBig;
animation-name:fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name:fadeInLeft;
animation-name:fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name:fadeInLeftBig;
animation-name:fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRight {
-webkit-animation-name:fadeInRight;
animation-name:fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name:fadeInRightBig;
animation-name:fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUp {
-webkit-animation-name:fadeInUp;
animation-name:fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name:fadeInUpBig;
animation-name:fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
transform:translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(20px);
-ms-transform:translateY(20px);
transform:translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name:fadeOutDown;
animation-name:fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name:fadeOutDownBig;
animation-name:fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
transform:translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-20px);
-ms-transform:translateX(-20px);
transform:translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name:fadeOutLeft;
animation-name:fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name:fadeOutLeftBig;
animation-name:fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
transform:translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(20px);
-ms-transform:translateX(20px);
transform:translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name:fadeOutRight;
animation-name:fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1;
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name:fadeOutRightBig;
animation-name:fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
transform:translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-20px);
-ms-transform:translateY(-20px);
transform:translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name:fadeOutUp;
animation-name:fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name:fadeOutUpBig;
animation-name:fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
-webkit-backface-visibility:visible;
-ms-backface-visibility:visible;
backface-visibility:visible;
-webkit-animation-name:flip;
animation-name:flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateX(-10deg);
-ms-transform:perspective(400px) rotateX(-10deg);
transform:perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateX(10deg);
-ms-transform:perspective(400px) rotateX(10deg);
transform:perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
}
.flipInX {
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInX;
animation-name:flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotateY(-10deg);
-ms-transform:perspective(400px) rotateY(-10deg);
transform:perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform:perspective(400px) rotateY(10deg);
-ms-transform:perspective(400px) rotateY(10deg);
transform:perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
}
.flipInY {
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipInY;
animation-name:flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px) rotateX(0deg);
-ms-transform:perspective(400px) rotateX(0deg);
transform:perspective(400px) rotateX(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateX(90deg);
-ms-transform:perspective(400px) rotateX(90deg);
transform:perspective(400px) rotateX(90deg);
opacity:0
}
}
.flipOutX {
-webkit-animation-name:flipOutX;
animation-name:flipOutX;
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px) rotateY(0deg);
-ms-transform:perspective(400px) rotateY(0deg);
transform:perspective(400px) rotateY(0deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotateY(90deg);
-ms-transform:perspective(400px) rotateY(90deg);
transform:perspective(400px) rotateY(90deg);
opacity:0
}
}
.flipOutY {
-webkit-backface-visibility:visible!important;
-ms-backface-visibility:visible!important;
backface-visibility:visible!important;
-webkit-animation-name:flipOutY;
animation-name:flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:translateX(-20%) skewX(30deg);
-ms-transform:translateX(-20%) skewX(30deg);
transform:translateX(-20%) skewX(30deg);
opacity:1
}
80% {
-webkit-transform:translateX(0%) skewX(-15deg);
-ms-transform:translateX(0%) skewX(-15deg);
transform:translateX(0%) skewX(-15deg);
opacity:1
}
100% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
}
.lightSpeedIn {
-webkit-animation-name:lightSpeedIn;
animation-name:lightSpeedIn;
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform:translateX(0%) skewX(0deg);
-ms-transform:translateX(0%) skewX(0deg);
transform:translateX(0%) skewX(0deg);
opacity:1
}
100% {
-webkit-transform:translateX(100%) skewX(-30deg);
-ms-transform:translateX(100%) skewX(-30deg);
transform:translateX(100%) skewX(-30deg);
opacity:0
}
}
.lightSpeedOut {
-webkit-animation-name:lightSpeedOut;
animation-name:lightSpeedOut;
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(-200deg);
-ms-transform:rotate(-200deg);
transform:rotate(-200deg);
opacity:0
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateIn {
-webkit-animation-name:rotateIn;
animation-name:rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownLeft {
-webkit-animation-name:rotateInDownLeft;
animation-name:rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInDownRight {
-webkit-animation-name:rotateInDownRight;
animation-name:rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpLeft {
-webkit-animation-name:rotateInUpLeft;
animation-name:rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
}
.rotateInUpRight {
-webkit-animation-name:rotateInUpRight;
animation-name:rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:center center;
-ms-transform-origin:center center;
transform-origin:center center;
-webkit-transform:rotate(200deg);
-ms-transform:rotate(200deg);
transform:rotate(200deg);
opacity:0
}
}
.rotateOut {
-webkit-animation-name:rotateOut;
animation-name:rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutDownLeft {
-webkit-animation-name:rotateOutDownLeft;
animation-name:rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutDownRight {
-webkit-animation-name:rotateOutDownRight;
animation-name:rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
-ms-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
transform:rotate(-90deg);
opacity:0
}
}
.rotateOutUpLeft {
-webkit-animation-name:rotateOutUpLeft;
animation-name:rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
-ms-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
opacity:0
}
}
.rotateOutUpRight {
-webkit-animation-name:rotateOutUpRight;
animation-name:rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
100% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInDown {
-webkit-animation-name:slideInDown;
animation-name:slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInLeft {
-webkit-animation-name:slideInLeft;
animation-name:slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
100% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
}
.slideInRight {
-webkit-animation-name:slideInRight;
animation-name:slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(-2000px);
-ms-transform:translateX(-2000px);
transform:translateX(-2000px)
}
}
.slideOutLeft {
-webkit-animation-name:slideOutLeft;
animation-name:slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
transform:translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translateX(0);
-ms-transform:translateX(0);
transform:translateX(0)
}
100% {
opacity:0;
-webkit-transform:translateX(2000px);
-ms-transform:translateX(2000px);
transform:translateX(2000px)
}
}
.slideOutRight {
-webkit-animation-name:slideOutRight;
animation-name:slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(-2000px);
-ms-transform:translateY(-2000px);
transform:translateY(-2000px)
}
}
.slideOutUp {
-webkit-animation-name:slideOutUp;
animation-name:slideOutUp
}
@-webkit-keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0)
}
}
@keyframes slideInUp {
0% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
100% {
opacity:1;
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
}
.slideInUp {
-webkit-animation-name:slideInUp;
animation-name:slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
transform:translateY(2000px)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translateY(0);
-ms-transform:translateY(0);
transform:translateY(0)
}
100% {
opacity:0;
-webkit-transform:translateY(2000px);
-ms-transform:translateY(2000px);
transform:translateY(2000px)
}
}
.slideOutDown {
-webkit-animation-name:slideOutDown;
animation-name:slideOutDown
}
@-webkit-keyframes hinge {
0% {
-webkit-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,
60% {
-webkit-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform:rotate(0);
-ms-transform:rotate(0);
transform:rotate(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%,
60% {
-webkit-transform:rotate(80deg);
-ms-transform:rotate(80deg);
transform:rotate(80deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40% {
-webkit-transform:rotate(60deg);
-ms-transform:rotate(60deg);
transform:rotate(60deg);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
80% {
-webkit-transform:rotate(60deg) translateY(0);
-ms-transform:rotate(60deg) translateY(0);
transform:rotate(60deg) translateY(0);
-webkit-transform-origin:top left;
-ms-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translateY(700px);
-ms-transform:translateY(700px);
transform:translateY(700px);
opacity:0
}
}
.hinge {
-webkit-animation-name:hinge;
animation-name:hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translateX(-100%) rotate(-120deg);
-ms-transform:translateX(-100%) rotate(-120deg);
transform:translateX(-100%) rotate(-120deg)
}
100% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name:rollIn;
animation-name:rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity:1;
-webkit-transform:translateX(0px) rotate(0deg);
-ms-transform:translateX(0px) rotate(0deg);
transform:translateX(0px) rotate(0deg)
}
100% {
opacity:0;
-webkit-transform:translateX(100%) rotate(120deg);
-ms-transform:translateX(100%) rotate(120deg);
transform:translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name:rollOut;
animation-name:rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
50% {
opacity:1
}
}
.zoomIn {
-webkit-animation-name:zoomIn;
animation-name:zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInDown {
-webkit-animation-name:zoomInDown;
animation-name:zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(48px);
-ms-transform:scale(.475) translateX(48px);
transform:scale(.475) translateX(48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInLeft {
-webkit-animation-name:zoomInLeft;
animation-name:zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-48px);
transform:scale(.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
-ms-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateX(-48px);
-ms-transform:scale(.475) translateX(-48px);
transform:scale(.475) translateX(-48px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInRight {
-webkit-animation-name:zoomInRight;
animation-name:zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
-ms-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
60% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
-ms-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
}
.zoomInUp {
-webkit-animation-name:zoomInUp;
animation-name:zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(.3);
transform:scale(.3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1;
-webkit-transform:scale(1);
-ms-transform:scale(1);
transform:scale(1)
}
50% {
opacity:0;
-webkit-transform:scale(.3);
-ms-transform:scale(.3);
transform:scale(.3)
}
100% {
opacity:0
}
}
.zoomOut {
-webkit-animation-name:zoomOut;
animation-name:zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-transform-origin:center bottom;
transform-origin:center bottom
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(-60px);
-ms-transform:scale(.475) translateY(-60px);
transform:scale(.475) translateY(-60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(2000px);
-ms-transform:scale(.1) translateY(2000px);
transform:scale(.1) translateY(2000px);
-webkit-transform-origin:center bottom;
-ms-transform-origin:center bottom;
transform-origin:center bottom
}
}
.zoomOutDown {
-webkit-animation-name:zoomOutDown;
animation-name:zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(42px);
transform:scale(.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(42px);
-ms-transform:scale(.475) translateX(42px);
transform:scale(.475) translateX(42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(-2000px);
-ms-transform:scale(.1) translateX(-2000px);
transform:scale(.1) translateX(-2000px);
-webkit-transform-origin:left center;
-ms-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft {
-webkit-animation-name:zoomOutLeft;
animation-name:zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-42px);
transform:scale(.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale(.475) translateX(-42px);
-ms-transform:scale(.475) translateX(-42px);
transform:scale(.475) translateX(-42px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateX(2000px);
-ms-transform:scale(.1) translateX(2000px);
transform:scale(.1) translateX(2000px);
-webkit-transform-origin:right center;
-ms-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight {
-webkit-animation-name:zoomOutRight;
animation-name:zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-transform-origin:center top;
transform-origin:center top
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale(.475) translateY(60px);
-ms-transform:scale(.475) translateY(60px);
transform:scale(.475) translateY(60px);
-webkit-animation-timing-function:linear;
animation-timing-function:linear
}
100% {
opacity:0;
-webkit-transform:scale(.1) translateY(-2000px);
-ms-transform:scale(.1) translateY(-2000px);
transform:scale(.1) translateY(-2000px);
-webkit-transform-origin:center top;
-ms-transform-origin:center top;
transform-origin:center top
}
}
.zoomOutUp {
-webkit-animation-name:zoomOutUp;
animation-name:zoomOutUp
}  #rt-image-map {
position: relative;
margin: 20px auto;
} .rt-pin {
display: none;
} .rt-tooltip-up,
.rt-tooltip-down {
position: absolute;
background: url(//teknologi.com.au/wp-content/themes/images/location.png);
width: 29px;
height: 34px;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.rt-tooltip-up:hover,
.rt-tooltip-down:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.tooltip {
display: none;
width: 200px;
cursor: pointer;
position: absolute;
top: 10px;
left: 50%;
z-index: 999;
margin-left: -115px;
padding: 15px;
color: #fff;
border-radius: 4px;
box-shadow: 0 3px 0 #30077d;
background: #104cbc;
}
.tooltip::after {
content: "";
position: absolute;
top: -10px;
left: 50%;
margin-left: -10px;
border-bottom: 10px solid #30077d;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.tooltip ul {
margin: 0;
padding: 0;
list-style-type: none;
}
.tooltip ul li {
margin: 0;
padding: 0;
display: block;
font-size: 16px;
line-height: 28px;
}
.rt-tooltip-down .tooltip {
bottom: 20px;
top: auto;
}
.rt-tooltip-down .tooltip::after {
bottom: -10px;
top: auto;
border-bottom: 0;
border-top: 10px solid #30077d;
}
.tooltip h4 {
margin: 0 0 10px;
font-size: 20px;
line-height: 30px;
} .swiper-container-horizontal > .swiper-pagination-bullets {
cursor: pointer;
}
.rt-case-study-box1.element-two.swiper-container {
padding: 0 0 50px 0;
position: relative;
}
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide .card-image {
background: #ffffff;
border: none;
outline: none;
}
.rt-case-study-box1.element-two.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-case-study-box1.element-two.swiper-container .swiper-pagination-bullet {
opacity: 0.8;
background: #333333;
}
.rt-case-study-box1.element-two.swiper-container .swiper-pagination-bullet-active {
background: #ffffff;
}
.rt-case-study-box1.element-two.swiper-container .swiper-pre-nex {
width: 10%;
position: absolute;
bottom: 24px;
left: 0;
right: 0;
margin: 0 auto;
border-radius: 4px;
background: #fff;
height: 60px;
z-index: 9;
box-shadow: 0px 7px 20px 0px #2a168b14;
}
.rt-case-study-box1.element-two.swiper-container .swiper-button-next,
.rt-case-study-box1.element-two.swiper-container .swiper-button-prev {
background-image: none;
background-size: 0;
background-repeat: no-repeat;
background-position: 0;
margin-top: 0;
width: 58px;
height: 30px;
border: 0;
}
.rt-case-study-box1.element-two.swiper-container .swiper-button-next,
.rt-case-study-box1.element-two.swiper-container .swiper-button-prev { top: 0 !important;
padding: 3px 0;
text-align: center;
margin: 15px 0;
}
.rt-case-study-box1.element-two.swiper-container .swiper-button-next {
border-left: 1px solid #dadada;
}
.rt-case-study-box1.element-two.swiper-container .swiper-button-next .ti-angle-right:before {
font-size: 20px;
font-weight: bold;
}
.rt-case-study-box1.element-two.swiper-container .swiper-button-prev .ti-angle-left:before {
font-size: 20px;
font-weight: bold;
} .rt-case-study-box1.element-two.swiper-container .swiper-button-next .arrow-icon,
.rt-case-study-box1.element-two.swiper-container .swiper-button-prev .arrow-icon {
font-size: 20px;
font-weight: bold;
}
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box {
position: absolute; bottom: 0;
width: 100%;
z-index: 999;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
padding: 0 15px;
}
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box {
-webkit-transform: translateY(0);
transform: translateY(0);
transition: all 0.5s ease-in-out;
}
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover:hover > .data-box h2 {
visibility: hidden;
opacity: 0;
}
.rt-case-study-box1.element-two.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;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
text-align: center;
}
.rt-case-study-box1.element-two.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;
visibility: hidden;
opacity: 0;
padding: 0;
}
.rt-case-study-box1.element-two.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-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover p {
font-size: 16px;
line-height: 28px;
font-weight: 400;
color: #fff;
padding: 0;
visibility: hidden;
opacity: 0;
margin: 10px 0 0 0;
letter-spacing: 0.8px;
text-align: center;
}
.rt-case-study-box1.element-two.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-case-study-box1.element-two.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-case-study-box1.element-two.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-case-study-box1.element-two.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-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover {
visibility: visible;
opacity: 1;
}
.rt-case-study-box1.element-two.swiper-container-horizontal > .swiper-pagination-bullets,
.rt-case-study-box1.element-two .swiper-pagination-custom,
.rt-case-study-box1.element-two .swiper-pagination-fraction {
bottom: 0;
left: 0;
width: 100%;
}
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p a {
text-decoration: none;
}
.rt-case-study-box1.element-two.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-case-study-box1.element-two.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 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
padding: 12px 46px;
cursor: pointer;
}
.rt-case-study-box1.element-two.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-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn,
.rt-case-study-box1.element-two.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-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn.view_btn-simple:after,
.rt-case-study-box1.element-two.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-case-study-box1.element-two.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-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide:hover > .data-box .rt-course-hover p .view_btn,
.rt-case-study-box1.element-two.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-case-study-box1.element-two.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 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s,
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
}
.rt-case-study-box1.element-two.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 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9),
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
}
@media only screen and (min-width: 1024px) and (max-width: 1366px) { .rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover h2 {
padding: 0;
}
.rt-case-study-box1.element-two.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-case-study-box1.element-two.swiper-container .swiper-pre-nex {
width: 18%;
}
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
top: -70px;
}
}
@media only screen and (max-width: 767px) {
.rt-case-study-box1.element-two.swiper-container .swiper-pre-nex {
width: 36%;
}
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box .rt-course-hover {
top: -70px;
}
.rt-case-study-box1.element-two.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-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box {
top: 44% !important;
}
.rt-case-study-box1.element-two.swiper-container .swiper-pre-nex {
width: 43%;
}
}
@media screen and (min-width: 321px) and (max-width: 479px) {
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box {
top: 44% !important;
}
.rt-case-study-box1.element-two.swiper-container .swiper-pre-nex {
width: 36%;
}
}
@media screen and (max-width: 320px) {
.rt-case-study-box1.element-two.swiper-container .swiper-pre-nex {
width: 43%;
}
.rt-case-study-box1.element-two.swiper-container .swiper-wrapper .swiper-slide > .data-box {
top: 43% !important;
}
}
.blockUI.blockOverlay:hover {
display: none !important;
} .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 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.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 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.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 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s,
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.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 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9),
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.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%;
}
} .team.element-four .rt-professionals {
padding: 0;
margin: 0 0 20px 0;
overflow: hidden;
transition: all 0.3s ease;
z-index: 1;
position: relative;
text-align: center;
}
.team.element-four .rt-professionals img {
width: 100%;
height: 100%; display: block;
} .team.element-four .team-member-social-icon-group { background: #fff;
position: relative;
border-radius: 8px;
padding: 0;
border: none;
}
.team.element-four .rt-professionals .team-member-social-icon-group img {
transition: opacity 0.4s, transform 0.6s;
transform: scale(1.1);
display: block;
width: 100%;
height: auto;
}
.team.element-four.rt-professionals:hover .team-member-social-icon-group img {
transform: scale(1);
}
.team.element-four .rt-professionals .rt-professionals-info {
margin-top: 0;
padding: 20px 0 5px 0;
}
.team.element-four .rt-professionals .rt-professionals-info h6 {
margin: 0;
padding: 0;
color: #000;
}
.team.element-four .rt-professionals .rt-professionals-info p a {
display: inline-block;
}
.team.element-four .rt-professionals .rt-professionals-info p {
margin: 0;
padding: 0;
}
.team.element-four .rt-professionals .rt-professionals-info a[href^="mailto:"] {
word-wrap: break-word;
}
.team.element-four .rt-professionals .team-member-social-icon {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
height: auto;
width: 80%;
padding: 0;
text-align: center;
background: #FF3834 ;
background: -moz-linear-gradient(left, #FF3834  0%, #FF7133 100%);
background: -webkit-linear-gradient(left, #FF3834  0%, #FF7133 100%);
background: linear-gradient(to right, #FF3834  0%, #FF7133 100%);
border-radius: 4px;
bottom: 35%;
transition: opacity 0.3s, bottom 0.3s;
text-align: center;
display: block;
white-space: normal;
opacity: 0;
}
.team.element-four .rt-professionals .team-member-social-icon a {
display: inline-block;
border: none;
text-align: center;
font-size: 18px;
color: #fff;
padding: 10px 15px;
font-weight: 500;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.team.element-four .rt-professionals .team-member-social-icon:hover {
background: #FF7133;
background: -moz-linear-gradient(left, #FF7133 0%, #FF3834  100%);
background: -webkit-linear-gradient(left, #FF7133 0%, #FF3834  100%);
background: linear-gradient(to right, #FF7133 0%, #FF3834  100%);
color: #fff;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.team.element-four .rt-professionals:hover .team-member-social-icon {
opacity: 1;
bottom: 20px;
}
.team.element-four .rt-professionals:hover .team-member-social-icon .icon {
transform: scale(1);
} .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;
}
}
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, 0.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 0.3s ease-out 0.15s;
-o-transition: opacity 0.3s ease-out 0.15s;
transition: opacity 0.3s ease-out 0.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 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
-webkit-transition-delay: 0.15s;
-o-transition-delay: 0.15s;
transition-delay: 0.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: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-o-transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);
transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.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 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
-o-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.2s ease-in-out;
transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out,
border-color 0.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 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s;
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.3s,
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9) 0.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 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
-o-transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9);
transition: transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.9),
-webkit-transform 0.7s cubic-bezier(0.79, 0.1, 0.1, 0.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; }
.team.element-eight .team-item .holder {
position: relative;
overflow: hidden; transition: all 0.3s ease-in-out;
}
.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: 0.42s ease-out;
-webkit-transition: 0.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: 0.5s;
-o-transition: 0.5s;
transition: 0.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 0.25s ease;
-o-transition: opacity 0.25s ease;
transition: opacity 0.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 0.3s;
transition: -webkit-transform 0s 0.3s;
-o-transition: transform 0s 0.3s;
transition: transform 0s 0.3s;
transition: transform 0s 0.3s, -webkit-transform 0s 0.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 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.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 0.25s ease;
-o-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
float: left;
width: 30px;
height: 30px;
background: #000;
line-height: 31px;
text-align: center;
}
.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: 767px) {
.team.element-eight .team-item {
width: 100% !important;
padding: 0;
margin: 0 !important;
padding-bottom: 30px;
}
} .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 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: 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, 0.1);
-webkit-animation: SlideDown 0.55s ease forwards;
animation: SlideDown 0.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.3), 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: #000 !important;
}
.elementor-nav-menu .menu-item a:hover {
color: #000000;
}
.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.1) 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.3), 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: #000 !important;
}
.elementor-nav-menu .menu-item a:hover {
color: #000000;
}
.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.1) 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.3), 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: #000 !important;
}
.elementor-nav-menu .menu-item a:hover {
color: #000000;
}
.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.1) 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.3), 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: #000 !important;
}
.elementor-nav-menu .menu-item a:hover {
color: #000000;
}
.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.1) 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 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: #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 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: #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.1) 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.1) 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.1) 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.1) 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.1) 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.1) 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.1) 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.ti-shopping-cart {
font-size: 18px;
line-height: 1;
cursor: pointer;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.elementor-widget-radiant-header_custom_menu .header-cart-bar > .header-cart-bar-icon > .cart-count {
position: absolute;
top: -10px;
right: -14px; width: 18px;
height: 18px;
border-radius: 50%;
font-size: 10px;
font-weight: 500;
color: #fff; background-color: #ff583c;
line-height: 18px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
text-align: center;
} @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-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 0.3s ease-out;
}
.radiantthemes-accordion.element-five .plus::after {
transform: rotate(90deg);
}
.radiantthemes-accordion.element-five .text {
float: left;
color: #555759;
font-weight: 600;
margin-right: 10px;
}
.radiantthemes-accordion.element-five .minus {
opacity: 1;
font-size: 1.3em;
position: relative;
display: inline-block;
width: 16px;
height: 16px;
margin-left: 10px;
float: right;
}
.radiantthemes-accordion.element-five .minus::before {
transform: rotate(135deg);
}
.radiantthemes-accordion.element-five .minus::after {
transform: rotate(45deg);
} @media screen and (min-width: 321px) and (max-width: 479px) {
.radiantthemes-accordion.element-five .minus {
top: 22px;
right: -15px;
}
.radiantthemes-accordion.element-five .plus {
top: 22px;
right: -15px;
}
.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(//teknologi.com.au/wp-content/themes/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(//teknologi.com.au/wp-content/themes/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(//teknologi.com.au/wp-content/themes/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;
padding: 10px 15px;
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(0.33, 0.02, 0, 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(0.33, 0.02, 0, 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 (max-width: 768px) {
.blog.element-one .blog-item {
padding: 0 15px;
}
}
@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-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, 0.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, 0.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 {
padding-left: 15px;
padding-right: 15px;
}
.blog.element-four .blog-item > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 19px;
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;
background: center center no-repeat;
background-size: cover;
transition: 0.42s ease-out;
-webkit-transition: 0.42s ease-out;
transform: scale(1.01);
}
.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 .title {
margin-bottom: 15px;
font-weight: 600;
font-size: 20px;
line-height: 26px;
letter-spacing: -0.3px;
}
.blog.element-four .blog-item > .holder > .data .title a {
color: inherit;
}
.blog.element-four .blog-item > .holder:hover > .pic > .pic-main {
-webkit-transform: scale(1.035);
-ms-transform: scale(1.035);
transform: scale(1.035);
}
.blog.element-four .blog-item > .holder > .data .btn span {
position: relative;
display: inline-block;
}
.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: currentColor;
-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-five .blog-item {
margin-bottom: 30px;
display: block;
position: relative;
padding: 0 15px;
overflow: hidden;
float: left;
}
.blog.element-five .blog-item .holder { position: relative;
overflow: hidden;
margin-bottom: 40px;
transition: all 0.3s ease-in-out;
} .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: 5px;
height: 250px;
}
.blog.element-five .blog-item .holder:hover .pic { border-radius: 5px;
}
.blog.element-five .blog-item .holder .pic .bg-overlay {
background: rgba(249, 69, 74, 0.3);
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-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-arrow-right {
display: block;
position: absolute;
top: 100px;
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(90deg, #f97d41 0%, #fe6664 100%);
z-index: 2;
border-radius: 3px;
box-shadow: 0 5px 25px -4px rgba(9, 31, 67, 0.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;
}
.blog.element-five .blog-item .holder:hover .post-button .ti-arrow-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: 35px 12px 20px 12px;
float: left;
width: 100%;
}
.blog.element-five .blog-item .holder .data .date {
margin-bottom: 8px;
width: 50%;
float: left;
color: #808595;
font-size: 14px;
line-height: 14px;
text-align: right;
padding: 0 13px 0 0;
display: block;
position: relative;
}
.blog.element-five .blog-item .holder .data .category {
margin-bottom: 8px;
width: 50%;
float: left;
color: #fb5248;
font-size: 14px;
line-height: 14px;
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;
}
.blog.element-five .blog-item .holder .data .title {
text-align: center;
float: left;
margin-top: 10px;
width: 100%;
}
.blog.element-five .blog-item .holder .data .title a {
text-decoration: none;
color: #1c1615;
font-size: 22px;
font-weight: 500;
line-height: 32px;
letter-spacing: -0.7px;
} .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: 0.42s ease-out;
-webkit-transition: 0.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: 0.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,
.clients.element-three .client-item .holder {
height: 70px;
}
.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 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
transition: transform 0.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 0.3s ease;
-moz-transition: -moz-transform 0.3s ease;
transition: transform 0.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 .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 .radiantthemes-custom-button-main { width: auto;
}
.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: 18px;
} .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;
} .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 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.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 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.radiantthemes.element-six .rt_imggrid a:hover .rt_lightpop_overlay {
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.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.8);
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);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.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(0.47, 0, 0.74, 0.71);
}
.radiant_fancybox-is-open .radiant_fancybox-bg {
opacity: 1;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption-wrap,
.fancybox-infobar,
.fancybox-toolbar {
position: absolute;
direction: ltr;
z-index: 99997;
padding: 12px;
opacity: 0;
visibility: hidden;
transition: opacity 0.25s, visibility 0s linear 0.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 0.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, 0.6);
transition: color 0.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: 0.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, 0.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, 0.1) 20%,
rgba(0, 0, 0, 0.2) 40%,
rgba(0, 0, 0, 0.6) 80%,
rgba(0, 0, 0, 0.8));
pointer-events: none;
}
.fancybox-caption {
padding: 30px 0;
border-top: 1px solid hsla(0, 0%, 100%, 0.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%, 0.4);
border-top: 6px solid hsla(0, 0%, 100%, 0.6);
border-radius: 100%;
height: 50px;
width: 50px;
-webkit-animation: a 0.8s infinite linear;
animation: a 0.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, 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(0.19, 1, 0.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(0.5, 0.5, 0.5);
transform: scale3d(0.5, 0.5, 0.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(0.1) skew(-10deg);
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
-webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
transform: translate3d(100%, 0, 0) scale(0.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 0.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, 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 0.25s ease;
}
li.fancybox-thumbs-loading {
background: rgba(0, 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 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.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: 8px;
padding-left: 0px;
}
.radiantthemes-list.element-one ul li a {
font-size: 16px;
line-height: 28px;
transition: all 0.4s ease-in-out;
margin-left: 0px;
font-weight: 400;
color: #696969;
}
.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 .col-md-3,
.rt-portfolio-box.element-six .col-md-4,
.rt-portfolio-box.element-six .col-lg-6 {
padding: 0px;
}
.portfolio-joned .rt-portfolio-box.element-six .rt-portfolio-box-item {
padding: 0px;
margin: 0px;
}
.rt-portfolio-box.element-six .rt-portfolio-box-item {
padding: 0 15px;
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: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((150/100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover {
box-shadow: 0 0 18px rgba(0, 0, 0, 0.25);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .pic {
position: absolute;
top: -1px;
right: -1px;
bottom: -1px;
left: -1px;
z-index: 1;
background: center center no-repeat;
background-size: cover;
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 25px;
background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.4) 31%, rgba(255, 255, 255, 0) 69%, rgba(255, 255, 255, 0) 99%);
opacity: 0;
visibility: hidden;
transform: translateY(100%);
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
padding: 22px 25px 22px 25px;
background-color: rgba(0, 0, 0, 0.25);
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories {
margin-bottom: 3px;
font-weight: 400;
font-size: 13px;
color: #fff;
line-height: 26px;
letter-spacing: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: all 0.3s ease-in-out 0s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:after {
content: "/";
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:last-child:after,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title {
margin-bottom: 5px;
font-weight: 500;
font-size: 18px;
color: #fff;
line-height: 26px;
letter-spacing: -0.5px;
opacity: 0;
visibility: hidden;
transform: translateY(-20px);
transition: all 0.3s ease-in-out 0.3s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .data .title a {
color: inherit;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 4;
padding: 20px;
text-align: right;
font-size: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out 0.6s;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 5px;
margin-right: 5px;
background-color: transparent;
border: 1px rgba(255, 255, 255, 0.7) solid;
border-radius: 50%;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 32px;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .pic {
transform: scale(1.05);
-webkit-transform: scale(1.05);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .overlay {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons {
opacity: 1;
visibility: visible;
}
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .categories,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .data .title,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .categories,
.rt-portfolio-box.element-nine .rt-portfolio-box-item > .holder:hover > .action-buttons .title {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rt-portfolio-box.element-ten {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: left;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((100/100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
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;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data {
position: absolute;
bottom: 25px;
right: 25px;
max-width: calc(100% - 50px);
z-index: 3;
overflow: hidden;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder {
padding: 17px 22px 20px 22px;
transform: translateY(110%);
transition: all 0.3s ease;
border-radius: 4px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories {
margin-bottom: 3px;
font-weight: 500;
font-size: 14px;
color: #8a8a8a;
line-height: 26px;
letter-spacing: 0;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
content: "/";
padding: 0 5px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title {
margin-bottom: 1px;
text-transform: uppercase;
font-weight: 700;
font-size: 21px;
color: #151515;
line-height: 28px;
letter-spacing: -0.3px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .data > .holder .title a {
color: inherit;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons {
position: absolute;
top: 25px;
right: 25px;
z-index: 4;
font-size: 0;
opacity: 0;
visibility: hidden;
transform: scale(0);
-webkit-transform: scale(0);
transition: all 0.4s ease-in-out 0.4s;
-webkit-transition: all 0.4s ease-in-out 0.4s;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: rgba(255, 255, 255, 0.1);
border: 1px rgba(255, 255, 255, 0.7) solid;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #fff;
line-height: 32px;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover {
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data {
animation: PortfolioTenBounce 900ms ease 0s normal;
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .data > .holder {
transform: translateY(0);
}
.rt-portfolio-box.element-ten .rt-portfolio-box-item > .holder:hover > .action-buttons {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
@keyframes PortfolioTenBounce {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-30px);
}
100% {
transform: translateY(0);
}
}
.rt-portfolio-box.element-eleven {
margin-right: -15px;
margin-left: -15px;
}
.rt-portfolio-box.element-eleven .rt-portfolio-box-item {
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
text-align: 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-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);
}
.rt-portfolio-box.element-full-width-icon {
margin-right: 0;
margin-left: 0;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item {
margin-bottom: 0;
padding: 0;
text-align: left;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder {
position: relative;
overflow: hidden;
padding-top: calc((88/100) * 100%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.element-full-width-icon .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;
transform: scale(1) translateY(0);
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.9);
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .pic {
transform: scale(1.1) translateY(-12px);
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 3;
overflow: hidden;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder {
position: relative;
overflow: hidden;
padding: 27px 0 27px 40px;
transition: all 0.3s ease;
background-color: transparent !important;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .overlay {
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
transform: translateY(-100%);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .data > .overlay {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder > *:last-child {
margin-bottom: 0 !important;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .title {
margin-bottom: 1px;
font-weight: 500;
font-size: 17px;
color: #151515;
line-height: 28px;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .data > .holder .title,
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .data > .holder .categories,
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover .action-buttons > .portfolio-zoom > i {
color: #ffffff;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .title a {
color: inherit;
}
.rt-portfolio-box.element-full-width-icon .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;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .categories span:after {
content: "/";
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .categories span:last-child:after,
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .data > .holder .categories span:only-child:after {
display: none;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons {
position: absolute;
top: 35px;
right: 35px;
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-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom {
display: inline-block;
vertical-align: top;
margin-left: 10px;
background-color: transparent;
border: 1px #ffffff solid;
border-radius: 50%;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-link,
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .action-buttons > .portfolio-zoom {
border: 1px #ffffff solid;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-link > i,
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder > .action-buttons > .portfolio-zoom > i {
display: block;
width: 32px;
height: 32px;
text-align: center;
font-size: 12px;
color: #ffffff;
line-height: 32px;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover {
box-shadow: 0px 8px 30px rgba(0, 0, 0, 0.05);
}
.rt-portfolio-box.element-full-width-icon .rt-portfolio-box-item > .holder:hover > .action-buttons {
opacity: 1;
visibility: visible;
transform: scale(1);
-webkit-transform: scale(1);
}
.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);
border-radius: 4px;
}
.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;
border-radius: 4px;
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; 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(0%);
-moz-transform: translateX(0%);
transform: translateX(0%);
}
.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: 100%;
height: 100%;
text-align: left;
box-sizing: border-box;
-webkit-transition: .4s;
-moz-transition: .4s;
transition: .4s;
background-color: #000;
overflow: hidden;
opacity: 0;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover .text-holder {
opacity: 1;
}
.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;
position: relative;
top: -100%;
transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3);
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover .text-holder .text-wrapper .content-text .content-entry-title {
top: 0;
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item .text-holder .text-wrapper .content-text .content-category-holder {
position: relative;
top: 100%;
transition: all 0.3s cubic-bezier(0.3, 0, 0, 1.3);
}
.rt-portfolio-box.element-seventeen .rt-portfolio-box-item:hover .text-holder .text-wrapper .content-text .content-category-holder {
top: 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: 102%;
height: auto;
top: 0px;
right: -1px;
padding: 19px 32px 10px 23px;
background-color: #171717;
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transform: translateY(-130%);
-ms-transform: translateY(-130%);
transform: translateY(-130%);
-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: translateY(300%);
-ms-transform: translateY(300%);
transform: translateY(300%);
-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;
font-family: 'Roboto', sans-serif;
}
.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 {
background-image: url(//teknologi.com.au/wp-content/themes/engitech/images/zivi-port-01.jpg);
}
.element-eightteen .rt-portfolio-box-item:nth-child(2) .holder .pic {
background-image: url(//teknologi.com.au/wp-content/themes/engitech/images/zivi-port-02.jpg);
}
.element-eightteen .rt-portfolio-box-item:nth-child(3) .holder .pic {
background-image: url(//teknologi.com.au/wp-content/themes/engitech/images/zivi-port-03.jpg);
}
.element-eightteen .rt-portfolio-box-item:nth-child(4) .holder .pic {
background-image: url(//teknologi.com.au/wp-content/themes/engitech/images/zivi-port-04.jpg);
}
.element-eightteen .rt-portfolio-box-item:nth-child(5) .holder .pic {
background-image: url(//teknologi.com.au/wp-content/themes/engitech/images/zivi-port-05.jpg);
}
.element-eightteen .rt-portfolio-box-item:nth-child(6) .holder .pic {
background-image: url(//teknologi.com.au/wp-content/themes/engitech/images/zivi-port-06.jpg);
}
.element-eightteen .rt-portfolio-box-item:nth-child(7) .holder .pic {
background-image: url(//teknologi.com.au/wp-content/themes/engitech/images/zivi-port-07.jpg);
}
.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%;
}
.element-eightteen .rt-portfolio-box-item {
margin-bottom: 10px;
width: 100%;
color: white;
overflow: hidden;
}
}
@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%;
}
.element-eightteen .rt-portfolio-box-item {
margin-bottom: 10px;
width: 100%;
color: white;
overflow: hidden;
}
}
@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%;
}
.element-eightteen .rt-portfolio-box-item {
margin-bottom: 10px;
width: 100%;
color: white;
overflow: hidden;
}
}
@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%;
}
.element-eightteen .rt-portfolio-box-item {
margin-bottom: 10px;
width: 100%;
color: white;
overflow: hidden;
}
}
.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-portfolio-box.rt-port-metro .rt-portfolio-box-item {
display: flex;
justify-content: center;
align-items: center
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item img {
width: 100%;
height: 100%;
object-fit: cover
}
.rt-portfolio-box.rt-port-metro .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.rt-port-metro .rt-portfolio-box-item:hover img {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
transform: translateX(0%)
}
.rt-portfolio-box.rt-port-metro {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
grid-auto-rows: 240px;
grid-auto-flow: dense
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide {
grid-column: span 2
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall {
grid-row: span 2
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big {
grid-column: span 2;
grid-row: span 2
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
overflow: hidden
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .rt-portfolio-box-content {
position: absolute;
bottom: 0;
left: 0;
padding: 45px 4em;
width: 100%;
text-align: right
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover .rt-portfolio-box-content {
z-index: 1
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .rt-portfolio-box-content {
position: absolute;
width: calc(100% - 66px);
bottom: 28px;
left: 33px;
background-color: rgba(0, 0, 0, .93);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 10px 20px;
text-align: center;
clip-path: inset(0 100% 0 0);
-webkit-clip-path: inset(0 100% 0 0);
-webkit-transition: -webkit-clip-path .5s cubic-bezier(.59, .02, .17, .87);
transition: -webkit-clip-path .5s cubic-bezier(.59, .02, .17, .87);
-o-transition: clip-path .5s cubic-bezier(.59, .02, .17, .87);
transition: clip-path .5s cubic-bezier(.59, .02, .17, .87);
transition: clip-path .5s cubic-bezier(.59, .02, .17, .87), -webkit-clip-path .5s cubic-bezier(.59, .02, .17, .87)
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover .rt-portfolio-box-content {
clip-path: inset(0 0 0 0);
-webkit-clip-path: inset(0 0 0 0)
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .rt-portfolio-box-content .portfolio-category {
visibility: hidden;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: .3s ease-in-out .35s;
-o-transition: .3s ease-in-out .35s;
transition: .3s ease-in-out .35s;
color: #a1a1a1;
margin-bottom: 0px;
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .rt-portfolio-box-content .portfolio-title {
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
-webkit-transition: .3s ease-in-out .3s;
-o-transition: .3s ease-in-out .3s;
transition: .3s ease-in-out .3s;
color: #fff;
margin-bottom: 0px;
font-size: 20px;
line-height: 30px;
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover .rt-portfolio-box-content .portfolio-category {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item:hover .rt-portfolio-box-content .portfolio-title {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item .portfolio-link {
position: absolute;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1
}
@media screen and (min-width:768px) and (max-width:991px) {
.rt-portfolio-box.rt-port-metro {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-auto-rows: auto;
grid-auto-flow: dense
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide {
grid-column: auto
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall {}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big {
grid-row: auto;
grid-column: auto
}
}
@media screen and (min-width:321px) and (max-width:479px) {
.rt-portfolio-box.rt-port-metro {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-auto-rows: auto;
grid-auto-flow: dense
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide {
grid-column: auto
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall {}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big {
grid-row: auto;
grid-column: auto
}
}
@media screen and (max-width:320px) {
.rt-portfolio-box.rt-port-metro {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
grid-auto-rows: auto;
grid-auto-flow: dense
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-wide {
grid-column: auto
}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-tall {}
.rt-portfolio-box.rt-port-metro .rt-portfolio-box-item.box-big {
grid-row: auto;
grid-column: auto
}
} .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";
}
@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-four > .holder {
position: relative;
padding: 15px;
border-radius: 0;
border: 1px solid #eaeaea;
text-align: left;
overflow: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-four > .holder .hightlight-tag {
position: absolute;
top: 15px;
right: -30px;
z-index: 1;
padding: 3px 50px 4px 70px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
color: #fff;
line-height: 26px;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
} .rt-pricing-table.element-four > .holder > .heading {
padding-bottom: 15px;
margin-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.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: 600;
font-size: 18px;
color: #030712;
line-height: 32px;
letter-spacing: -0.5px;
}
.rt-pricing-table.element-four > .holder > .heading .subtitle {
max-width: 100%;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: left;
}
.rt-pricing-table.element-four > .holder > .list {
margin-bottom: 35px;
}
.rt-pricing-table.element-four > .holder > .list > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four > .holder > .list ul {
max-width: 100%;
margin: 0 auto;
}
.rt-pricing-table.element-four > .holder > .list ul li {
margin-bottom: 0;
padding-bottom: 10px;
text-transform: capitalize;
font-size: 16px;
line-height: 28px;
}
.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;
padding-bottom: 0;
border-bottom: none;
}
.rt-pricing-table.element-four > .holder > .pricing {
position: relative;
padding-bottom: 20px;
width: 100%;
}
.rt-pricing-table.element-four > .holder > .pricing > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four > .holder > .pricing .price {
margin-bottom: 30px;
font-weight: 600;
font-size: 50px;
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: 10px;
margin-right: 0;
font-weight: 300;
font-size: 20px;
color: #000;
line-height: 1;
}
.rt-pricing-table.element-four > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 6px;
margin-left: 4px;
font-weight: 400;
font-size: 15px;
color: #0c121f;
line-height: 1;
}
.rt-pricing-table.element-four > .holder > .pricing .tagline {
max-width: 100%;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.rt-pricing-table.element-four > .holder > .list > ul li svg {
margin-right: 8px;
width: 15px;
stroke: #00c16d;
}
.rt-pricing-table.element-four.spotlight > .holder > .list > ul li svg {
margin-right: 8px;
width: 15px;
stroke: #fff;
}
.rt-pricing-table.element-four > .holder > .more {
margin: 0 auto;
text-align: center;
display: block;
}
.rt-pricing-table.element-four > .holder > .more .btn {
padding: 11px 33px !important;
background: linear-gradient(90deg,
rgb(255, 56, 52) 0%,
rgb(255, 113, 51) 100%);
font-size: 17px;
line-height: 30px !important;
letter-spacing: 0px;
font-weight: 700;
color: #fff;
width: auto;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border: none !important;
border-radius: 4px !important;
margin: 0 auto;
text-align: center;
width: 100%;
}
.rt-pricing-table.element-four > .holder > .more .btn:hover {
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-four > .holder > .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-four.spotlight > .holder {
z-index: 1;
position: relative;
}
.rt-pricing-table.element-four.spotlight > .holder .spotlight-img {
position: absolute;
top: 40px;
right: 30px;
}
.rt-pricing-table.element-four > .holder > .spotlight-tag {
position: absolute;
top: 0;
right: 0;
height: 106px;
width: 94px;
background: url(//teknologi.com.au/wp-content/themes/images/price-tag.png) no-repeat 0 0;
padding: 5px 0 0 40px;
display: none;
}
.rt-pricing-table.element-four > .holder > .spotlight-tag > .spotlight-tag-text {
position: relative;
display: block;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 600;
letter-spacing: 0;
}
.rt-pricing-table.element-four.spotlight > .holder {
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);
}
.rt-pricing-table.element-four.spotlight > .holder > .pricing .price sup {
color: #fff;
}
.rt-pricing-table.element-four.spotlight > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 6px;
margin-left: 4px;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 1;
}
.rt-pricing-table.element-four.spotlight > .holder > .pricing .tagline,
.rt-pricing-table.element-four.spotlight > .holder > .heading .subtitle,
.rt-pricing-table.element-four.spotlight > .holder > .heading h6.title {
color: #95a0d9;
}
@media screen and (min-width: 768px) and (max-width: 991px) {}
@media screen and (max-width: 767px) {} .rt-pricing-table.element-five > .holder {
position: relative;
overflow: hidden;
background-color: #fff;
text-align: center;
border-radius: 4px;
padding: 40px 35px 20px 35px;
transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
box-shadow: 0px 0px 30px 0px rgba(42.000000000000156, 22.000000000000014, 139, 0.08);
}
.rt-pricing-table.element-five > .holder:hover { }
.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 h5 {
color: #000;
}
.rt-pricing-table.element-five > .holder > .pricing {
margin-bottom: 0;
}
.rt-pricing-table.element-five > .holder > .pricing .price {
margin-bottom: 25px;
font-weight: 600;
font-size: 50px;
color: #8fa4c2;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
font-family: "Poppins", sans-serif;
}
.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: capitalize;
vertical-align: bottom;
margin-bottom: 5px;
margin-left: 10px;
font-weight: 500;
font-size: 18px;
line-height: 32px;
}
.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: 16px;
color: #2b2944;
line-height: 28px;
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 > .spotlight-tag {
position: absolute;
top: 0;
right: 0; height: 106px;
width: 94px;
background: url(//teknologi.com.au/wp-content/themes/images/price-tag.png) no-repeat 0 0;
padding: 5px 0 0 40px;
}
.rt-pricing-table.element-five > .holder > .spotlight-tag > .spotlight-tag-text {
position: relative;
display: block; -ms-transform: rotate(45deg);
transform: rotate(45deg);
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 600;
letter-spacing: 0;
}
.rt-pricing-table.element-five > .holder > .select-btn .btn {
margin-bottom: 15px;
padding: 11px 0 !important;
background: linear-gradient(90deg,
rgb(255, 56, 52) 0%,
rgb(255, 113, 51) 100%);
font-size: 17px;
line-height: 30px !important;
letter-spacing: 0px;
font-weight: 700;
color: #fff;
width: 100%;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border: none !important;
border-radius: 4px !important;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.rt-pricing-table.element-five > .holder {
padding: 40px 20px 20px;
}
}
@media screen and (max-width: 767px) {} .rt-select-wrapper {
position: relative; height: 55px;
display: inline-block;
vertical-align: middle;
min-width: 232px;
padding-right: 36px;
border-radius: 0px;
border: 1px solid #d0d0d0;
border-radius: 4px;
}
.rt-select-wrapper .rt-select-text {
display: block;
padding: 13px;
font-size: 16px;
line-height: 28px;
overflow: hidden;
text-align: left;
white-space: nowrap;
color: #000;
}
.rt-select-wrapper .rt-select-button {
width: 36px;
height: 55px;
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: -11px;
font-family: 'themify';
font-size: 10px;
width: 24px;
height: 24px;
line-height: 24px;
font-weight: normal;
}
.select2-container .select2-selection > .select2-selection__arrow:before {
content: "\e64b";
position: absolute; right: 0;
top: 50%;
margin-left: -12px;
margin-top: -14px;
font-family: "themify";
font-size: 10px;
width: 24px;
height: 24px;
line-height: 24px;
font-weight: normal;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none !important;
}
.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;
}
}  #app-slider {
padding: 14px 0;
}
#app-slider {
position: relative;
display: inline-block;
}
#app-slider:before {
background: url(//teknologi.com.au/wp-content/themes/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-tab.element-one > ul.nav-tabs {
margin-top: 5px;
margin-bottom: 30px;
border: none;
text-align: center;
font-size: 0;
display: block;
}
.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;
margin: 0;
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.active {
background: linear-gradient(to right, #FF3834 0%, #FF7133 100%);
color: #fff;
}
.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-one > ul.nav-tabs > li.active:last-child a {
border-radius: 0 22px 22px 0;
}
.rt-tab.element-one > .tab-content .card {
border: none;
} .rt-tab.element-two > ul.nav-tabs {
margin-top: 5px;
margin-bottom: 30px;
border: none;
text-align: center;
font-size: 0;
display: block;
}
.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: 0;
margin-bottom: 0;
background: #FF3834;
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 > a.active span {
color: #FF3834;
}
.rt-tab.element-two > ul.nav-tabs > li:first-child {
border-radius: 50px 0px 0px 50px;
}
.rt-tab.element-two > ul.nav-tabs > li:last-child {
border-radius: 0px 50px 50px 0px;
}
.rt-tab.element-two > ul.nav-tabs > li:only-child {
border-radius: 50px 50px 50px 50px;
}
.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: 18px;
font-weight: 600;
line-height: 32px;
}
.rt-tab.element-two > ul.nav-tabs > li:last-child span {
position: absolute;
width: 100px;
left: 30px;
top: -7px; font-size: 18px;
font-weight: 600;
line-height: 32px;
}
.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.element-two > .tab-content .card {
border: none;
} .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-three ul li {
border: none;
}
.rt-tab.element-three .tab-content .card {
border: none;
}
.rt-tab.element-three ul li a {
display: inline-block;
position: relative;
border: none !important;
color: #222;
}
.rt-tab.element-three ul li a::before {
content: '';
bottom: -2px;
height: 2px;
position: absolute;
-webkit-transition: .5s;
transition: .5s;
left: 0;
width: 100%;
-webkit-transform: scaleX(0);
transform: scaleX(0);
background: #f62a4b !important;
}
.rt-tab.element-three ul li a.active::before {
border: none;
-webkit-transform: scaleX(1);
transform: scaleX(1);
background: #f62a4b;
color: #222;
}
.rt-tab.element-three ul li a:hover::before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
background: #f62a4b;
color: #222;
}
.rt-tab.element-three .nav-tabs .nav-link:focus,
.rt-tab.element-three .nav-tabs .nav-link:hover {
border: none;
background: transparent;
}
.rt-tab.element-three .nav-tabs {
border-bottom: 3px solid #fff6f9;
background: transparent;
}
@media screen and (max-width:767px) {
.rt-tab.element-three ul li {
width: 100%;
text-align: center;
}
} .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;
} .testimonial.element-three {
position: relative;
}
.testimonial.element-three .testimonial-item > .holder {
text-align: left;
border-radius: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0; margin-top: 0;
margin-bottom: 0;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title {
position: relative;
min-height: 80px;
margin-bottom: 0;
margin-top: 30px;
padding-top: 13px;
padding-left: 90px;
}
.testimonial.element-three .testimonial-item > .holder > .testimonial-title > .testimonial-title-pic {
position: absolute;
top: 0;
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-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: 32px;
}
.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: 14px;
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: 40px;
}
.testimonial.element-three > .owl-thumbs {
display: none;
}
.testimonial.element-three > .owl-nav {
margin-top: -40px !important;
text-align: right !important;
}
.testimonial.element-three > .swiper-pagination {
position: absolute;
text-align: center;
-webkit-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
-webkit-transform: translateZ(0);
transform: translateZ(0);
z-index: 10;
bottom: 75px;
right: 0; margin: 0;
text-align: right;
}
.testimonial.element-three > .swiper-pagination .swiper-pagination-bullet {
background: #d7e4ff;
width: 10px;
height: 10px;
}
.testimonial.element-three > .swiper-pagination .swiper-pagination-bullet-active {
background: #fff;
width: 10px;
height: 10px;
}
@media only screen and (max-width: 767px) {
.testimonial.element-three > .swiper-pagination {
bottom: 20px;
text-align: center;
}
} .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: 0;
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: 0;
}
.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: url(//teknologi.com.au/wp-content/themes/images/time-line-dashed.png) repeat-y;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-line.last-line-arrow:after {
position: absolute;
bottom: -10px;
content: "\e64b";
font-family: "themify";
left: -6.5px;
right: 0;
margin: 0 auto;
color: #b4b4b4;
}
.top-line-line {
background: url(//teknologi.com.au/wp-content/themes/images/dash-img.png) repeat-x;
height: 2px;
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 0;
content: " ";
width: 50px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .radiantthemes-timeline-item-dot {
display: block;
position: absolute;
top: 106px;
left: 50%;
z-index: 0;
content: " ";
width: 20px;
height: 20px;
margin-left: -10px;
background-color: #fff;
border-width: 5px;
border-style: solid;
border-radius: 50%;
}
.left-rt-box {
position: relative;
}
.right-rt-box {
position: relative;
}
.radiantthemes-timeline-dashed-right {
background: url(//teknologi.com.au/wp-content/themes/images/top-line.png) repeat-x;
display: block;
position: absolute;
top: 115px;
left: 10px;  content: " ";
width: 6%;
height: 20px;
z-index: 0;
}
.radiantthemes-timeline-dashed-left {
background: url(//teknologi.com.au/wp-content/themes/images/top-line.png) repeat-x;
display: block;
position: absolute;
top: 115px;
right: 10px;  content: " ";
width: 6%;
height: 20px;
z-index: 0;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row {
margin-left: -50px;
margin-right: -50px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item > .row > [class*="col-"] {
padding-left: 50px;
padding-right: 50px;
}
.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 {
width: 230px;
height: 230px;
margin-top: 50px;
}
.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: 50px;
text-align: left;
background: #fff;
box-shadow: 2px 5px 20px 0px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
padding: 20px 30px;
border-left: 5px solid #104cba;
overflow: hidden;
}
.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 .rt-circle {
width: 20%;
float: left;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle span {
border-radius: 50%;
width: 65px;
height: 65px;
float: left;
background-image: linear-gradient(90deg, #30077d 0%, #0f51bf 100%);
color: #fff;
text-align: center;
font-size: 25px;
line-height: 65px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-InRight {
width: 80%;
float: right;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle span {
border-radius: 50%;
width: 50px;
height: 50px;
float: left;
background-image: linear-gradient(90deg, #30077d 0%, #0f51bf 100%);
color: #fff;
text-align: center;
font-size: 20px;
line-height: 50px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-InRight {
width: 75%;
float: right;
}
}
@media only screen and (max-width: 767px) {
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle {
width: 20%;
float: left;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-InRight {
width: 75%;
float: right;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-circle span {
border-radius: 50%;
width: 50px;
height: 50px;
float: left;
background-image: linear-gradient(90deg, #30077d 0%, #0f51bf 100%);
color: #fff;
text-align: center;
font-size: 20px;
line-height: 50px;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data .rt-InRight {
width: 75%;
float: right;
}
.radiantthemes-timeline.element-two > .radiantthemes-timeline-item .radiantthemes-timeline-item-data {
padding: 15px;
}
} .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(//teknologi.com.au/wp-content/themes/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 0.8s;
transition: opacity 0.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-case-study-box1.element-one .mask,
.rt-case-study-box1.element-one .content {
width: 90%;
position: absolute;
overflow: hidden;
bottom: 50px;
left: 0;
right: 0;
margin: 0 auto;
}
.rt-case-study-box1.element-one img {
display: block;
position: relative;
border-radius: 4px;
box-shadow: 2px 10px 20px 5px rgba(23.00000000000011, 22.000000000000007, 138.99999999999994, 0.08);
}
.rt-case-study-box1.element-one h4 a {
color: #fff;
text-align: center;
position: relative;
padding: 0; margin: 0;
font-size: 25px;
}
.rt-case-study-box1.element-one p {
font-size: 16px;
position: relative;
color: #fff;
padding: 0px 20px 0px;
text-align: center;
}
.rt-case-study-box1.element-one a.info {
display: inline-block;
text-decoration: none;
padding: 11px 33px 11px 33px;
background: linear-gradient(to right, #ff3834 0%, #ff7133 100%);
border-radius: 4px;
color: #fff;
}
.rt-case-study-box1.element-one .case-study-box {
float: left;
position: relative;
cursor: pointer;
}
.rt-case-study-box1.element-one .case-study-box .mask {
padding: 20px;
transform: translateY(30px);
opacity: 0;
background: #FF3834 ;
background: -moz-linear-gradient(left, #FF3834  0%, #FF7133 100%);
background: -webkit-linear-gradient(left, #FF3834  0%, #FF7133 100%);
background: linear-gradient(to right, #FF3834  0%, #FF7133 100%);
border-radius: 4px;
transition: all 0.4s ease-in-out;
text-align: center;
}
.rt-case-study-box1.element-one .case-study-box:hover .mask {
opacity: 1;
transition-delay: 0.2s;
}
.rt-case-study-box1.element-one .case-study-box h5 {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s ease-in-out;
}
.rt-case-study-box1.element-one .case-study-box:hover h5 {
transition-delay: 0.2s;
}
.rt-case-study-box1.element-one .case-study-box p {
transform: translateY(100px);
opacity: 0;
transition: all 0.2s ease-in-out;
}
.rt-case-study-box1.element-one .case-study-box:hover p {
transition-delay: 0.2s;
}
.rt-case-study-box1.element-one .case-study-box:hover h5,
.rt-case-study-box1.element-one .case-study-box:hover p,
.rt-case-study-box1.element-one .case-study-box:hover a.info {
opacity: 1;
transform: translateY(0px);
}
.rt-case-study-box1.element-one > .swiper-wrapper {
padding: 30px 0 50px 0 !important;
}
.rt-case-study-box1.element-one > .swiper-container-horizontal > .swiper-pagination-bullets {
bottom: 0 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
width: 8px !important;
height: 8px !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet-active {
width: 10px !important;
height: 10px !important;
}  .rt-fancy-img-box.element-one .holder {
overflow: hidden;
position: relative;
}
.rt-fancy-img-box.element-one .holder .pic img {
width: 100%;
height: auto;
}
.rt-fancy-img-box.element-one .holder:before,
.rt-fancy-img-box.element-one .holder:after {
content: "";
width: 0;
height: 0;
background: rgba(216, 228, 245, 1);
position: absolute;
transition: all 0.3s ease 0s;
}
.rt-fancy-img-box.element-one .holder:before {
top: 0;
left: 0;
}
.rt-fancy-img-box.element-one .holder:after {
bottom: 0;
right: 0;
}
.rt-fancy-img-box.element-one .holder:hover:before,
.rt-fancy-img-box.element-one .holder:hover:after {
width: 100%;
height: 100%;
}
.rt-fancy-img-box.element-one .holder .box-main-content {
width: 100%;
position: absolute;
bottom: 30px;
}
.rt-fancy-img-box.element-one .holder .box-main-content .title {
padding: 0px 20px;
margin: 0;
font-size: 22px;
font-weight: 700;
color: #fff;
bottom: 0px;
left: 0px;
transition: all 0.5s ease 0s;
z-index: 1;
opacity: 1;
}
.rt-fancy-img-box.element-one .holder:hover .box-main-content .title {
bottom: 40px;
opacity: 0;
}
.rt-fancy-img-box.element-one .holder .box-main-content .category {
padding: 0px 20px;
margin: 0;
font-size: 17px;
font-weight: 400;
color: #fff;
bottom: 0px;
left: 0px;
transition: all 0.5s ease 0s;
z-index: 1;
}
.rt-fancy-img-box.element-one .holder:hover .box-main-content .category {
opacity: 0;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content {
z-index: 1;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: self-start;
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: 1;
position: absolute;
top: 0;
-webkit-transition: opacity 0.25s ease;
-o-transition: opacity 0.25s ease;
transition: opacity 0.25s ease;
z-index: 1;
width: 100%;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content .text-content {
padding: 10px 30px;
margin: 0;
font-size: 22px;
font-weight: 400;
color: #000;
opacity: 0;
z-index: 1;
}
.rt-fancy-img-box.element-one .holder:hover .box-overlay-content .text-content {
opacity: 1;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content .text-content,
.rt-fancy-img-box.element-one .holder .box-overlay-content a {
-webkit-transform: translate3d(-100px, 0, 0) skewX(-15deg);
transform: translate3d(-100px, 0, 0) skewX(-15deg);
-webkit-transition: -webkit-transform 0s 0.3s;
transition: -webkit-transform 0s 0.3s;
-o-transition: transform 0s 0.3s;
transition: transform 0s 0.3s;
transition: transform 0s 0.3s, -webkit-transform 0s 0.3s;
}
.rt-fancy-img-box.element-one .holder:hover .box-overlay-content .text-content,
.rt-fancy-img-box.element-one .holder:hover .box-overlay-content a {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: -webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1),
-webkit-transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rt-fancy-img-box.element-one .holder .box-overlay-content a {
padding: 0px;
margin: 10px 30px;
font-size: 17px;
line-height: 30px;
font-weight: 400;
color: #000;
opacity: 0;
z-index: 1;
position: relative;
display: inline-block;
text-decoration: none;
}
.rt-fancy-img-box.element-one .holder:hover .box-overlay-content a {
opacity: 1;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content a: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-fancy-img-box.element-one .holder .box-overlay-content a:after,
.rt-fancy-img-box.element-one .holder .box-overlay-content a:before {
content: "";
position: absolute;
bottom: 3px;
left: 0;
width: 100%;
height: 1px;
background-color: currentColor;
-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);
}
.rt-fancy-img-box.element-one .holder .box-overlay-content a:hover:before {
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content a: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-fancy-img-box.element-one .holder .box-overlay-content a:hover: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;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content .box-overlay-pattern img {
width: auto;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content .box-overlay-pattern .pat-1 {
top: -25px;
position: absolute;
right: -100px;
opacity: 0;
transition: all 0.5s ease 0s;
}
.rt-fancy-img-box.element-one .holder:hover .box-overlay-content .box-overlay-pattern .pat-1 {
right: -50px;
opacity: 1;
transition-delay: 0.3s;
}
.rt-fancy-img-box.element-one .holder .box-overlay-content .box-overlay-pattern .pat-2 {
bottom: -25px;
position: absolute;
left: -100px;
opacity: 0;
transition: all 0.5s ease 0s;
}
.rt-fancy-img-box.element-one .holder:hover .box-overlay-content .box-overlay-pattern .pat-2 {
left: -50px;
opacity: 1;
transition-delay: 0.3s;
}
@media only screen and (max-width: 990px) {
.rt-fancy-img-box.element-one .holder {
margin-bottom: 20px;
}
}  .rt-testimonial.element-one.swiper-container .swiper-wrapper .swiper-slide {
position: relative;
padding: 45px 0;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide {
text-align: center;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic {
margin-bottom: 50px;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder {
position: relative;
display: inline-block;
vertical-align: top;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-main {
display: inline-block;
vertical-align: top;
width: 180px;
height: 180px;
background: center center no-repeat;
background-size: cover;
border-radius: 50%;
border: 3px solid #fff;
box-shadow: 5px 20px 20px 0px rgb(23 22 139 / 9%);
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-pic > .testimonial-pic-holder > .testimonial-pic-icon {
background: linear-gradient(90deg,
rgb(255, 56, 52) 0%,
rgb(255, 113, 51) 100%);
position: absolute;
bottom: -10px;
right: -5px;
width: 60px;
height: 60px;
border-radius: 50%;
text-align: center;
font-size: 25px;
color: #fff;
line-height: 60px;
box-shadow: 0px 5px 20px 0px rgb(255 104 51 / 23%);
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data {
margin-bottom: 35px;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data blockquote > *:last-child {
margin-bottom: 0 !important;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-data blockquote p {
margin-bottom: 20px;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title > *:last-child {
margin-bottom: 0 !important;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .title {
margin-bottom: 3px;
text-transform: capitalize;
font-weight: 500;
font-size: 18px;
color: #000;
line-height: 32px;
}
.rt-testimonial.element-one.swiper-container .swiper-wrapper > .holder.swiper-slide > .testimonial-title .designation {
margin-bottom: 0;
text-transform: capitalize;
font-weight: 500;
font-size: 16px;
color: #104cba;
line-height: 28px;
}  .circular-progress-bar {
width: 100%;
margin: 0 auto;
display: block;
text-align: center;
}
.rt-progressbar {
width: auto;
margin: 0;
display: inline-block;
text-align: center;
}
.circle {
width: 101px;
height: 101px;
margin: 0 auto; position: relative;
}
.circle:after {
width: 101px;
height: 101px;
content: "";
border-radius: 50%;
display: block;
position: absolute;
top: 30px;
left: 30px;
}
.circle canvas {
vertical-align: middle;
border: 0;
border-radius: 50%;
position: relative;
}
.inner-circle {
position: absolute;
top: 4px;
left: 5px;
margin: 0;
width: 100%;
text-align: center;
font-size: 30px;
background: #252297;
overflow: hidden;
border-radius: 100%;
width: 90px;
padding: 32px 0;
color: #fff;
font-weight: bold;
}
.inner-circle strong i {
font-style: normal;
font-size: 0.6em;
font-weight: normal;
}
.inner-circle span {
display: block;
color: white;
margin-top: 12px;
}
@media screen and (max-width: 767px) {
.rt-progressbar {
width: 100%;
margin: 0;
padding: 0;
}
}  .rt-card {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box; border: none;
border-radius: 0 rem;
cursor: pointer !important;
margin-bottom: 29px;
}
.rt-card h5 {
padding-bottom: 15px;
}
.rt-card h5 a,
.rt-card h6 a {
color: #000;
}
.rt-card:hover .rt-card h6 {
color: #104cba;
}
.rt-card a {
width: 100%;
}
.rt-card-body {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;  padding-top: 25px;
padding-left: 0;
padding-right: 0;
padding-bottom: 20px;
}
.rt-card-img-overlay {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.rt-card-img-overlay:hover {
opacity: 0.8;
}
.rt-card-img {
width: 100%;
border-radius: calc(0.25rem - 1px);
}
.rt-card img {
border-radius: 4px;
}
.rt-card-image-top {
opacity: 1;
display: block;
transition: .5s ease;
backface-visibility: hidden;
cursor: pointer !important;
width: 100%;
-webkit-filter: brightness(100%);
}
.rt-card:hover .rt-card-image-top { -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;
}
.rt-category-text a {
font-size: 15px !important;
line-height: 20px !important;
color: #ffffff !important;
text-decoration: none !important;
}
a.rt-category-text {
font-size: 15px;
line-height: 20px;
color: #ffffff;
text-decoration: none;
text-align: center;
font-style: italic;
font-weight: bold;
}
.rt-news-style-4 .rt-news-style-4-post-name {
color: #696969 !important;
text-decoration: none !important;
font-weight: normal;
font-size: 14px;
line-height: 26px;
}
.rt-news-style-4 .rt-news-style-4-date-post-devider {
color: #696969;
}
.rt-news-style-4 .rt-news-style-4-post-date {
color: #696969;
font-size: 14px;
line-height: 26px;
}
.rt-card-body-right {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 0;
}
.rt-card .rt-card-body-right {
margin-top: -8px;
}
.rt-post-meta {
padding-bottom: 5px;
}
.rt-card .blogpost-img {
position: relative;
top: 0;
left: 0;
}
.rt-card .blogpost-img .tag-name {
position: absolute;
bottom: -12px;
left: 40px;
z-index: 999;
display: inline-block;
width: auto;
padding: 0;
text-align: center;
}
.rt-card .blogpost-img .tag-name a {
color: #fff !important;
text-align: center;
padding: 5px 20px;
background: #1367fe;
border-radius: 4px;
margin-right: 8px;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
}
.rt-card .blog-cat-name {
position: absolute;
bottom: -12px;
left: 40px;
z-index: 999;
display: inline-block;
width: auto;
padding: 0;
text-align: center;
}
.rt-card .blog-cat-name a {
color: #fff !important;
text-align: center;
padding: 5px 20px;
background: #1367fe;
border-radius: 4px;
margin-right: 8px;
font-size: 14px;
line-height: 26px;
text-transform: capitalize;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.rt-card:last-child {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.rt-card-body-right {
padding: 25px 0 0 0;
}
.rt-card:last-child {
margin-bottom: 0;
}
} .rt-case-study-box-filter {
margin: 0 20px 4px 20px;
text-align: left;
}
.rt-case-study-box-filter.element-one .name {
margin-left: 20px;
}
.rt-case-study-box-filter.element-one .num { text-align: right;
font-size: 14px;
padding: 0;
}
.rt-case-study-box-filter.element-one button {
border: none;
background: transparent;
color: #000;
font-weight: 700;
position: relative; margin-bottom: 0;
padding: 0;
margin-right: 20px;
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
} .rt-case-study-box-filter.element-one button:hover {
color: #013CA3;
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
} .rt-portfolio-box.style-seven > .holder {
position: relative;
text-align: left;
float: left;
margin-top: 30px;
}
.rt-portfolio-box.style-seven > .holder > .onsale {
top: 15px;
left: 15px;
width: 50px;
min-width: initial;
height: 50px;
min-height: initial;
margin: 0;
padding: 5px;
border-radius: 50%;
text-transform: uppercase;
font-weight: 400;
font-size: 13px;
line-height: 40px;
background: #fff;
color: #000;
}
.rt-portfolio-box.style-seven > .holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 15px;
background-size: cover;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
border-radius: 4px;
}
.rt-portfolio-box.style-seven > .holder > .pic:before {
content: " ";
display: block;
padding-top: calc((120/120) * 100%);
}
.rt-portfolio-box.style-seven > .holder > .pic > .product-image {
position: absolute;
top: -10px;
right: 0;
bottom: -10px;
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-box.style-seven > .holder:hover .pic .product-image {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.rt-portfolio-box.style-seven > .holder > .pic > .overlay {
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details {
text-align: left;
position: relative;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details h6 {
margin-bottom: 3px;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details h6 a {
display: block;
overflow: hidden;
width: 100%;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-category-holder {
display: block;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.rt-portfolio-box.style-seven > .holder:hover .rt-portfolio-item-details .rt-category-holder {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-category-holder .rt-category {
font-size: 16px;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-category-holder .rt-category a {
color: #000;
font-weight: 600;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project {
position: absolute;
opacity: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
left: 0;
right: 0;
-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details:hover .rt-show-project {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.rt-portfolio-box.style-seven > .holder:hover .rt-portfolio-item-details .rt-show-project {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a {
position: relative;
color: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
color: #000;
font-weight: 600;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:hover {
right: auto;
left: 0;
width: 100%;
color: #013CA3;
}
.rt-portfolio-box.style-seven > .holder .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:after {
content: "";
position: absolute;
width: 40px;
height: 2px;
background-color: currentColor;
top: 50%;
right: -55px;
} .rt-case-study-box.element-two .rt-portfolio-box-item.holder {
position: relative;
text-align: left;
float: left;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .pic {
position: relative;
overflow: hidden;
margin-bottom: 15px;
background-size: cover;
-webkit-transition: all .8s ease-in-out;
-moz-transition: all .8s ease-in-out;
-ms-transition: all .8s ease-in-out;
-o-transition: all .8s ease-in-out;
transition: all .8s ease-in-out;
border-radius: 4px;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .pic:before {
content: " ";
display: block;
padding-top: calc((120/120) * 100%);
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .pic > .product-image {
position: absolute;
top: -10px;
right: 0;
bottom: -10px;
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-case-study-box.element-two .rt-portfolio-box-item.holder:hover .pic .product-image {
-webkit-transform: scale(1.08);
-moz-transform: scale(1.08);
-ms-transform: scale(1.08);
-o-transform: scale(1.08);
transform: scale(1.08);
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .pic > .overlay {
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
z-index: 2;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details {
text-align: left;
position: relative;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details h5 {
margin-bottom: 3px;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-category-holder {
display: block;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder:hover > .rt-portfolio-item-details .rt-category-holder {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-category-holder .rt-category {
font-size: 16px;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-category-holder .rt-category a {
color: #000;
font-weight: 600;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-show-project {
position: absolute;
opacity: 0;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
left: 0;
right: 0;
-webkit-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
-o-transition: all cubic-bezier(.4, 0, .2, 1) .4s;
transition: all cubic-bezier(.4, 0, .2, 1) .4s;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details:hover .rt-show-project {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder:hover > .rt-portfolio-item-details .rt-show-project {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px);
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-show-project .rt-show-project-link a {
position: relative;
color: inherit;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
color: #000;
font-weight: 600;
} .rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:hover {
right: auto;
left: 0;
width: 100%;
color: #013CA3;
}
.rt-case-study-box.element-two .rt-portfolio-box-item.holder > .rt-portfolio-item-details .rt-show-project .rt-show-project-link a:after {
content: "";
position: absolute;
width: 40px;
height: 2px;
background-color: currentColor;
top: 50%;
right: -55px;
} .rt_item {
width: 100%;
height: 100%;
}
.rtlazyload {
padding: 11.5px 0px 11.5px 0px;
text-align: center;
background: #015abd;
border-radius: 0px;
font-size: 13px;
font-weight: 500;
letter-spacing: 2px;
overflow: hidden;
color: #ffffff;
display: block;
border: 0px;
text-transform: capitalize;
clear: both;
cursor: pointer;
text-align: center;
margin: 100px auto 100px auto;
width: 14.3%;
line-height: 25px;
}
.rtlazyload img {
width: 16px;
height: 16px;
}
.rt-no-more-post {
text-align: center;
font-size: 15px;
text-transform: capitalize;
margin-bottom: 92px;
}
.radiantthemes_loadmore_item {
margin: 40px auto 0 auto;
width: 100%;
text-align: center;
float: left;
clear: both; display: block;
position: relative;
padding: 0 0 50px 0;
height: 52px;
}
.radiantthemes_loadmore_item p {
margin-bottom: 0px;
margin-top: 0;
}
.radiantthemes_loadmore {
padding: 11px 33px;
text-align: center;
background: linear-gradient(to right, #FF3834 0%, #FF7133 100%);
border-radius: 4px;
font-size: 17px;
font-weight: 700;
text-transform: capitalize;
line-height: 30px;
letter-spacing: 0;
color: #FFFFFF;
overflow: hidden;
display: block;
border: 0px;
clear: both;
cursor: pointer;
text-align: center;
height: 52px;
bottom: 0;
margin: 0 auto;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out; }
.radiantthemes_loadmore:hover {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25);
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
} .rt-portfolio-wrapper .elementor-widget-container {
margin-left: -15px;
margin-right: -15px;
}
.rt-boxed-contents-wrapper .elementor-widget-container {
margin-left: -15px;
margin-right: -15px;
}
@media screen and (min-width:768px) and (max-width:1200px) {
.rt-portfolio-wrapper .elementor-widget-container {
margin-left: 15px;
margin-right: 15px;
}
.rt-case-study-box-filter {
margin: 0 0 4px 0 !important;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item {
padding-left: 0;
padding-right: 0;
}
}
@media screen and (max-width:768px) {
.rt-portfolio-wrapper .elementor-widget-container {
margin-left: 0;
margin-right: 0;
}
.rt-case-study-box-filter {
margin: 0 0 4px 0 !important;
}
.rt-portfolio-box.element-two .rt-portfolio-box-item {
padding-left: 15px;
padding-right: 15px;
}
.rt-case-study-box-filter.element-one {
padding-left: 15px;
padding-right: 15px;
}
}  .hm6-box {
overflow: hidden;
}
.woocommerce-FormRow button.woocommerce-form-register__submit {
border-radius: 4px;
padding: 11px 33px;
border: 0px none;
position: relative;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
font-weight: 700;
font-size: 17px;
line-height: 30px;
background: linear-gradient(to right, #FF3834 0%, #FF7133 100%);
margin: 0px;
color: #ffffff;
}
.woocommerce-FormRow button.woocommerce-form-register__submit:hover {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, .25) !important;
transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.woocommerce-privacy-policy-text a {
position: relative;
display: inline-block;
color: #696969;
}
.woocommerce-privacy-policy-text a:before {
content: "";
width: 0;
height: 1px;
bottom: 0px;
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: currentColor;
color: #013CA3;
}
.woocommerce-privacy-policy-text a:hover {
color: #013CA3;
}
.woocommerce-privacy-policy-text a:hover:before {
width: 100%;
left: 0px;
right: auto;
}
.woocommerce-MyAccount-content a {
position: relative;
display: inline-block;
color: #696969;
}
.woocommerce-MyAccount-content a:before {
content: "";
width: 0;
height: 1px;
bottom: 0px;
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: currentColor;
color: #013CA3;
}
.woocommerce-MyAccount-content a:hover {
color: #013CA3;
}
.woocommerce-MyAccount-content a:hover:before {
width: 100%;
left: 0px;
right: auto;
}
.woocommerce-MyAccount-navigation {
min-height: inherit;
}
.woocommerce-MyAccount-navigation > ul {
margin: 0;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48%;
padding: 0;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
float: right;
width: 48%;
padding: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 100%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 25px;
overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
overflow: hidden;
}
}
@media only screen and (max-width: 767px) {
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 100%;
}
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
width: 100%;
}
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1 {
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
margin-bottom: 25px;
overflow: hidden;
}
.woocommerce-account .woocommerce-MyAccount-content {
width: 100%;
overflow: hidden;
}
} .header-cart-bar .header-cart-bar-icon .ti-shopping-cart:before {
font-size: 18px;
line-height: 24px !important;
}
@media only screen and (max-width: 320px) {
.entry-blog-content .post-meta .comment {
margin-left: 0;
}
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900;
color: #696969;
margin: 0;
}
span.wpcf7-not-valid-tip {
width: 100%;
margin-top: 0;
padding: 8px 12px 8px 12px !important;
background-color: #f8d7da;
border: 1px #e4c2c5 solid;
border-radius: 4px;
font-weight: 400;
font-size: 11px;
color: #c01d2b;
line-height: 18px;
opacity: 0.7;
} .offer-box .offerbox-item.offerbox-item-active .elementor-column-wrap.elementor-element-populated {
background: #fff;
box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.08);
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.offer-box .offerbox-item.offerbox-item-active .elementor-column-wrap.elementor-element-populated .elementor-heading-title {
color: #101010;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.offer-box .offerbox-item.offerbox-item-active .elementor-column-wrap.elementor-element-populated .elementor-text-editor {
color: #696969;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.offer-box .offerbox-item .elementor-column-wrap.elementor-element-populated {
background: #fff; transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.offer-box .offerbox-item .elementor-column-wrap.elementor-element-populated .elementor-heading-title {
color: #101010;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.offer-box .offerbox-item .elementor-column-wrap.elementor-element-populated .elementor-text-editor {
color: #696969;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
} .offer-box:hover .offerbox-item.offerbox-item-active .elementor-column-wrap.elementor-element-populated { box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.08);
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
border-radius: 4px;
}
.offer-box:hover .offerbox-item.offerbox-item-active .elementor-column-wrap.elementor-element-populated .elementor-heading-title {
color: #101010;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.offer-box:hover .offerbox-item.offerbox-item-active .elementor-column-wrap.elementor-element-populated .elementor-text-editor {
color: #696969;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.offer-box:hover .offerbox-item:hover .elementor-column-wrap.elementor-element-populated { box-shadow: 0px 0px 38px 0px rgba(0, 0, 0, 0.08);
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
border-radius: 4px;
}
.offer-box:hover .offerbox-item:hover .elementor-column-wrap.elementor-element-populated .elementor-heading-title {
color: #101010;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
}
.offer-box:hover .offerbox-item:hover .elementor-column-wrap.elementor-element-populated .elementor-text-editor {
color: #696969;
transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
} .hm6-dot-align .elementor-icon-box-icon {
margin-top: 15px;
}
.elementor-social-icons-wrapper .elementor-grid-item {
margin-right: 10px;
}
.lds-dual-ring:after,
.lds-hourglass:after,
.lds-ring > div {
border-top-color: #FF3834 !important;
}
.techno-icon .elementor-image-box-img {
padding-top: 9px;
}
.hm7-tick-align .elementor-image-box-img img {
margin-top: 8px;
border-radius: 50%;
box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.075);
} .home-seven-hover-box {
background: #040a84;
border-radius: 4px;
}
.home-seven-hover-box .elementor-image-box-content h6 {
color: #fff;
}
.home-seven-hover-box:hover .elementor-image-box-content h6.elementor-image-box-title {
color: #000;
}
.home-seven-hover-box:hover .elementor-image-box-content p.elementor-image-box-description {
color: #696969 !important;
}
.home-seven-hover-box img {
transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
transform: translate3d(0px, 0, 0);
margin-top: 7px;
padding: 0;
}
@media only screen and (min-width: 1024px) and (max-width: 1170px) {
.home-seven-hover-box .elementor-image-box-img {
width: 6% !important;
}
}
.gen-rotate {
animation: rotation 8s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
.gen-anti-rotate {
animation: rotation 4s infinite linear;
}
@keyframes rotation {
from {
transform: rotate(0deg);
}
to {
transform: rotate(359deg);
}
}
@media only screen and (max-width: 1024px) and (min-width: 768px) {
.rt-mainMenu-open #header .default-cart .ti-shopping-cart {
display: block;
color: #000;
}
}
#rt-mainMenu nav > ul > li .rt-dropdown-menu {
min-width: 285px !important;
} .rt-hm5-video img {
position: relative;
right: 0px;
background-color: rgba(26, 31, 50, 0.11);
border-radius: 50% !important;
animation: vdo-hm5 1.5s linear infinite;
}
@keyframes vdo-hm5 {
0% {
box-shadow: 0 0 0 0 rgba(26, 31, 50, 0.11),
0 0 0 10px rgba(26, 31, 50, 0.11),
0 0 0 30px rgba(26, 31, 50, 0.11);
}
100% {
box-shadow: 0 0 0 10px rgba(26, 31, 50, 0.11),
0 0 0 30px rgba(26, 31, 50, 0.11),
0 0 0 50px rgba(26, 31, 50, 0);
}
}
.rt-softek-link a {
position: relative;
display: inline-block;
}
.rt-softek-link a:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: auto;
width: 100%;
height: 1px;
background-color: #FD4219;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-softek-link a:hover:before {
width: 0;
color: #FD4219;
}
.rt-hm4-counter-hover {
transition: all .3s ease;
}
.rt-hm4-counter-hover:hover {
border-radius: 4px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
opacity: 1;
visibility: visible;
z-index: 9;
transition: all .3s ease;
}
.rt-hm4-counter-active {
border-radius: 4px;
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
opacity: 1;
visibility: visible;
z-index: 9;
transition: all .3s ease;
}
.rt-student-group-div {
background: #F7F6FB;
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.4);
transform: translateY(0);
}
.rt-student-group-div:hover {
background: #fff;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.12);
transition: all 0.8s cubic-bezier(0.39, 0.01, 0.36, 0.4);
transform: translateY(0);
}
.three-box-btn { border-radius: 50%;
}
.rthm8-install-process:hover .rt-hm8-img-icon .elementor-heading-title {
opacity: 1;
transition-delay: 0.2s;
}
.rthm8-install-process .rt-hm8-img-icon .elementor-icon {
vertical-align: middle;
background: #fff;
color: #F7193B;
width: 61px;
height: 61px;
padding: 22px 15px;
border-radius: 50%;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
box-shadow: 0 0 20px rgb(216 181 183 / 30%);
transform: translate3d(0px, 0px, 0px);
}
.rthm8-install-process .rt-hm8-img-icon .elementor-icon:hover {
vertical-align: middle;
background: linear-gradient(to right, #FF3834 0%, #FF7133 100%);
color: #fff;
width: 61px;
height: 61px;
line-height: 61px;
padding: 0 15px;
border-radius: 50%;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
box-shadow: 0 0 20px rgb(216 181 183 / 30%);
transform: translate3d(0px, 0px, 0px);
}
.rthm8-install-process .rt-hm8-img-icon .elementor-heading-title {
vertical-align: middle;
color: #fff;
width: 61px;
height: 61px;
line-height: 61px;
padding: 0 15px;
border-radius: 50%;
box-shadow: 0 0 20px rgb(216 181 183 / 30%);
transform: translateY(30px);
opacity: 0;
background: #FF7133;
background: -moz-linear-gradient(left, #FF3834 0%, #FF7133 100%);
background: -webkit-linear-gradient(left, #FF3834 0%, #FF7133 100%);
background: linear-gradient(to right, #FF3834 0%, #FF7133 100%);
transition: all 0.4s ease-in-out;
text-align: center;
}
.rthm8-install-process .rt-hm8-img-icon .elementor-heading-title:hover {
opacity: 1;
transition-delay: 0.2s;
}
.rthm8-install-process .rt-hm8-img-icon-active .elementor-heading-title {
vertical-align: middle;
background: linear-gradient(to right, #FF3834 0%, #FF7133 100%);
color: #fff;
width: 61px;
height: 61px;
line-height: 61px;
padding: 0 15px;
border-radius: 50%;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
box-shadow: 0 0 20px rgb(216 181 183 / 30%);
transform: translate3d(0px, 0px, 0px);
} .service-img-box {
overflow: hidden;
box-shadow: 0px 7px 20px 0px rgba(42, 22, 139, 0.08);
border-radius: 4px;
}
.service-img-box .elementor-column-wrap:after,
.service-img-box .elementor-column-wrap:before {
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 1);
position: absolute;
top: 0;
left: 0;
opacity: 1;
transition: all .5s ease 0s;
content: "";
}
.service-img-box .elementor-column-wrap:after {
background: rgba(255, 255, 255, .3);
top: 0;
left: 170%;
opacity: 1;
z-index: 1;
transform: skewX(45deg);
transition: all 1s ease 0s;
}
.service-img-box .elementor-column-wrap:hover:after {
left: -170%;
}
.service-img-box .elementor-column-wrap:hover:before {
opacity: 0;
}
.service-img-box:hover .elementor-image-box-content h3 {
color: #fff;
}
.service-img-box .elementor-image-box-content h6 {
color: #000;
}
.service-img-box:hover .elementor-image-box-content h6 {
color: #fff;
}
.service-img-box:hover .elementor-image-box-content p {
color: #b1bcdb;
}
.service-img-box img {
transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
transform: translate3d(0px, 0, 0);
margin-top: 7px;
padding: 0 2px;
}
.service-img-box:hover img {
color: #b1bcdb;
filter: brightness(0) invert(1);
transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
transform: translate3d(0px, 0, 0);
padding: 0 2px;
}  .land-shadow .elementor-image-box-img img {
box-shadow: 0px 7px 20px 0px #2a168b14;
}
.rt-tab-area-element .elementor-widget-tabs.elementor-tabs-view-horizontal .elementor-tab-desktop-title {
display: inline-block;
text-align: center;
margin: 0;
border-radius: 35px;
display:
}
.rt-tab-area-element .elementor-widget-tabs .elementor-tabs-content-wrapper {
border: none;
}
.rt-tab-area-element .elementor-tabs .elementor-tab-title:first-child {
border-radius: 35px 0px 0px 35px;
border: 1px solid #d4d4d4;
}
.rt-tab-area-element .elementor-tabs .elementor-tab-title:last-child {
border-radius: 0px 35px 35px 0px;
border: 1px solid #d4d4d4;
}
.rt-tab-area-element .elementor-tabs .elementor-tab-title:only-child {
border-radius: 35px 35px 35px 35px;
border: 1px solid #d4d4d4;
}
.rt-tab-area-element .elementor-widget-tabs .elementor-tabs-content-wrapper {
border: 0px !important;
}
.rt-tab-area-element .elementor-widget-tabs .elementor-tab-content {
border: 0px !important;
}  .svg-service-icon .elementor-icon-wrapper .elementor-icon svg {
background: rgb(46, 14, 132);
background: linear-gradient(90deg, rgba(46, 14, 132, 1) 0%, rgba(16, 78, 189, 1) 100%);
fill: #fff;
border-radius: 50%;
width: 75px;
height: 75px;
}  .rt-heading-two {
line-height: 50px;
letter-spacing: 0px;
font-weight: 700;
font-style: normal;
color: #000000;
font-size: 36px;
margin: 0;
}
.rt-magic-underline {
background-image: linear-gradient(120deg, #84fab0 0%, #8fd3f4 100%);
background-repeat: no-repeat;
background-size: 100% 0.3em;
background-position: 0 80%;
transition: background-size 0.25s ease-in;
}
.rt-hm13 .elementor-widget-container a {
position: relative;
display: inline-block;
color: #ff3834;
font-weight: 600;
font-size: 16px;
line-height: 30px;
}
.rt-hm13 .elementor-widget-container a:after {
display: inline-block;
vertical-align: middle;
margin-left: 4px;
content: "";
background: url(//teknologi.com.au/wp-content/themes/images/demo13-thickarrow1.svg) no-repeat 0 center;
width: 20px;
height: 20px;
transition: all 0.3s ease-in-out;
}
.rt-hm13 .elementor-widget-container a:hover:after {
margin-left: 8px;
}
.rt-hm13 .elementor-image img {
border-radius: 50%; background: transparent;
}
.rt-rotate-move {
animation: rotate-animation 10s infinite linear;
}
@keyframes rotate-animation {
0% {
transform: rotate(0deg);
}
50% {
transform: rotate(180deg);
}
100% {
transform: rotate(360deg);
}
}   .rt-pricing-table.element-three > .holder {
position: relative;
padding: 46px 25px 50px 25px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 0 35px rgb(0 0 0 / 12%);
text-align: center;
overflow: hidden;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-three > .holder .hightlight-tag {
position: absolute;
top: 15px;
right: -30px;
z-index: 1;
padding: 3px 50px 4px 70px;
text-transform: uppercase;
font-weight: 700;
font-size: 15px;
color: #fff;
line-height: 26px;
transform: rotate(30deg);
-webkit-transform: rotate(30deg);
} .rt-pricing-table.element-three > .holder > .heading {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eaeaea;
}
.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: 100%;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 16px;
line-height: 28px;
text-align: center;
}
.rt-pricing-table.element-three > .holder > .list {
margin-bottom: 35px;
}
.rt-pricing-table.element-three > .holder > .list > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three > .holder > .list ul {
max-width: 100%;
margin: 0 auto;
}
.rt-pricing-table.element-three > .holder > .list ul li {
margin-bottom: 0;
padding-bottom: 10px;
text-transform: capitalize;
font-size: 16px;
line-height: 28px;
}
.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;
padding-bottom: 20px;
width: 100%;
}
.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: 600;
font-size: 50px;
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: 10px;
margin-right: 5px;
font-weight: 300;
font-size: 20px;
color: #000;
line-height: 1;
}
.rt-pricing-table.element-three.spotlight > .holder > .pricing .price sup {
display: inline-block;
vertical-align: top;
margin-top: 10px;
margin-right: 5px;
font-weight: 300;
font-size: 20px;
color: #fff;
line-height: 1;
}
.rt-pricing-table.element-three > .holder > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 6px;
margin-left: 4px;
font-weight: 400;
font-size: 15px;
color: #0c121f;
line-height: 1;
}
.rt-pricing-table.element-three > .holder > .pricing .tagline {
max-width: 100%;
margin: 0 auto 10px auto;
font-weight: 400;
font-size: 16px;
line-height: 28px;
}
.rt-pricing-table.element-three > .holder > .list > ul li svg {
margin-right: 8px;
width: 15px;
stroke: #00c16d;
}
.rt-pricing-table.element-three.spotlight > .holder > .list > ul li svg {
margin-right: 8px;
width: 15px;
stroke: #fff;
}
.rt-pricing-table.element-three > .holder > .more {
margin: 0 auto;
text-align: center;
display: inline-block;
}
.rt-pricing-table.element-three > .holder > .more .btn {
padding: 11px 33px !important;
background: linear-gradient(90deg,
rgb(255, 56, 52) 0%,
rgb(255, 113, 51) 100%);
font-size: 17px;
line-height: 30px !important;
letter-spacing: 0px;
font-weight: 700;
color: #fff;
width: auto;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
border: none !important;
border-radius: 4px !important;
margin: 0 auto;
text-align: center;
}
.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);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-three > .holder > .more > *:last-child {
margin-bottom: 0 !important;
}
.rt-pricing-table.element-three.spotlight > .holder {
padding: 46px 30px 70px 30px;
top: -24px;
z-index: 1;
position: relative;
box-shadow: 0 0 35px rgb(0 0 0 / 12%);
}
.rt-pricing-table.element-three.spotlight > .holder .spotlight-img {
position: absolute;
top: 40px;
right: 30px;
}
.rt-pricing-table.element-three > .holder > .spotlight-tag {
position: absolute;
top: 0;
right: 0;
height: 106px;
width: 94px;
background: url(//teknologi.com.au/wp-content/themes/images/price-tag.png) no-repeat 0 0;
padding: 5px 0 0 40px;
}
.rt-pricing-table.element-three > .holder > .spotlight-tag > .spotlight-tag-text {
position: relative;
display: block;
-ms-transform: rotate(45deg);
transform: rotate(45deg);
color: #fff;
font-size: 14px;
line-height: 26px;
font-weight: 600;
letter-spacing: 0;
}
.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 > .pricing .price sub {
display: inline-block;
vertical-align: bottom;
margin-bottom: 6px;
margin-left: 4px;
font-weight: 400;
font-size: 15px;
color: #fff;
line-height: 1;
}  .hm15-area .hm15-no-area h6 {
border: 1px solid #cecece;
border-radius: 50%;
width: 40px;
height: 40px;
background: #fff;
text-align: center;
color: #000;
font-size: 16px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0;
}
.hm15-area:hover .hm15-no-area h6 {
border: 1px solid #FF3834;
border-radius: 50%;
width: 40px;
height: 40px;
background: #FF3834;
text-align: center;
color: #fff;
font-size: 16px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.hm15-area .hm15-no-area-active h6 {
border: 1px solid #FF3834;
margin: 0 0 0 0;
border-radius: 50%;
width: 40px;
height: 40px;
background: #FF3834;
text-align: center;
color: #fff;
font-size: 16px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.hm15-sky .elementor-widget-container h6 {
border-radius: 50%;
width: 40px;
height: 40px;
background: #d9effa;
text-align: center;
color: #46bcfa;
font-size: 16px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.hm15-pink .elementor-widget-container h6 {
border-radius: 50%;
width: 40px;
height: 40px;
background: #fdcbd4;
text-align: center;
color: #fe667d;
font-size: 16px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.hm15-green .elementor-widget-container h6 {
border-radius: 50%;
width: 40px;
height: 40px;
background: #dafbcc;
text-align: center;
color: #6bd43a;
font-size: 16px;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.advisor-change-color .change-color {
background-color: #ffffff;
border-radius: 4px;
filter: drop-shadow(-3px 4px 26px rgba(0, 0, 0, 0.11));
position: relative;
}
.advisor-hover-effect .move-up {
position: absolute;
bottom: -30px;
left: 0;
right: 0;
margin: 0 auto;
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.advisor-change-color .change-color h6 a {
padding: 14px 0;
display: block;
border-radius: 4px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.advisor-change-color:hover .change-color h6 a {
background-color: #ff4735;
color: #ffffff;
display: block;
border-radius: 4px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.advisor-hover-effect:hover .move-up {
transform: translate3d(0, -10px, 0);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
}
.hm15-icon-blue .hm15-round-img {
width: 75px;
height: 75px;
border-radius: 50%;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
background: #cbf6fc;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin-bottom: 15px !important;
box-shadow: 0px 0px 25px 0px rgb(203 246 252 / 75%);
}
.hm15-icon-blue:hover .hm15-round-img {
transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
transform: translate3d(0px, -6px, 0);
}
.hm15-icon-blue .elementor-image img {
width: 100%;
height: 100%;
}
.hm15-icon-darkblue .hm15-round-img {
width: 75px;
height: 75px;
border-radius: 50%;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
background: #ddcbfd;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin-bottom: 15px !important;
box-shadow: 0px 0px 25px 0px rgb(221 203 253 / 75%);
}
.hm15-icon-darkblue:hover .hm15-round-img {
transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
transform: translate3d(0px, -6px, 0);
}
.hm15-icon-darkblue .elementor-image img {
width: 100%;
height: 100%;
}
.hm15-icon-pink .hm15-round-img {
width: 75px;
height: 75px;
border-radius: 50%;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
background: #fdcbd4;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin-bottom: 15px !important;
box-shadow: 0px 0px 25px 0px rgb(253 203 212 / 75%);
}
.hm15-icon-pink:hover .hm15-round-img {
transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
transform: translate3d(0px, -6px, 0);
}
.hm15-icon-pink .elementor-image img {
width: 100%;
height: 100%;
}
.hm15-icon-green .hm15-round-img {
width: 75px;
height: 75px;
border-radius: 50%;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
background: #dafcca;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin-bottom: 15px !important;
box-shadow: 0px 0px 25px 0px rgb(218 252 202 / 75%);
}
.hm15-icon-green:hover .hm15-round-img {
transition: all .35s cubic-bezier(.38, 3, .57, 1.6);
transform: translate3d(0px, -6px, 0);
}
.hm15-icon-green .elementor-image img {
width: 100%;
height: 100%;
}
@-webkit-keyframes blinker {
from {
opacity: 1.0;
}
to {
opacity: 0.0;
}
}
.flashblink {
text-decoration: blink;
-webkit-animation-name: blinker;
-webkit-animation-duration: 0.6s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: ease-in-out;
-webkit-animation-direction: alternate;
}
.hm15-contact input[type='text'],
.hm15-contact input[type='email'] {
background: #fafafa;
border-radius: 4px;
width: 35%;
height: 55px;
line-height: 55px;
border: none;
margin-right: 10px;
padding: 0 20px;
color: #696969;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
float: left;
box-shadow: 0px 0px 30px 0px rgb(23 22 139 / 4%);
}
.hm15-contact input[type='text']:hover,
.hm15-contact input[type='email']:hover {
box-shadow: 0px 0px 30px 0px rgb(23 22 139 / 8%);
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.hm15-contact input::placeholder { color: #696969;
opacity: 1; }
.hm15-contact input:-ms-input-placeholder { color: #696969;
}
.hm15-contact input::-ms-input-placeholder { color: #696969;
}
.hm15-contact input[type='submit'] {
position: relative;
background: linear-gradient(to right, #FF3834 0%, #FF7133 100%);
border-radius: 4px;
float: left;
width: 182px;
height: 55px;
line-height: 30px;
border: none;
color: #fff;
font-size: 17px;
font-weight: 700;
letter-spacing: 0;
display: block;
margin: 0 auto;
transition: all 0.3s ease-in-out !important;
-webkit-transition: all 0.3s ease-in-out !important;
}
.hm15-contact input[type='submit']:hover {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25) !important;
transform: translateY(-5px) !important;
-webkit-transform: translateY(-5px) !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
.hm15-contact input[type='text'],
.hm15-contact input[type='email'] {
width: 36.3%;
}
}
@media only screen and (max-width: 767px) {
.hm15-contact input[type='text'],
.hm15-contact input[type='email'] {
width: 100%;
margin-bottom: 10px;
}
.hm15-contact input[type='submit'] {
width: 100%;
}
}
.hm15-contact-loc .elementor-icon-box-icon {
background: #fdcbd4;
width: 60px;
height: 60px;
border-radius: 50%;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin-bottom: 15px !important;
box-shadow: 0px 0px 25px 0px rgb(253 203 212 / 75%);
}
.hm15-contact-email .elementor-icon-box-icon {
background: #dafcca;
width: 60px;
height: 60px;
border-radius: 50%;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin-bottom: 15px !important;
box-shadow: 0px 0px 25px 0px rgb(218 252 202 / 75%);
}
.hm15-contact-phone .elementor-icon-box-icon {
background: #cbf6fc;
width: 60px;
height: 60px;
border-radius: 50%;
align-items: center;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin-bottom: 15px !important;
box-shadow: 0px 0px 25px 0px rgb(203 246 252 / 75%);
}  .rt-pricing-table.element-metro .holder {
background: #fff;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
margin: 0px;
padding: 0 0 30px 0;
border-radius: 5px;
box-shadow: 0px 0px 30px 0px rgb(42 22 139 / 12%);
}
.rt-pricing-table.element-metro .holder h5 {
font-size: 40px;
font-weight: 600;
line-height: 50px;
letter-spacing: 0;
color: #000;
text-align: center;
padding: 0;
margin: 0 0 20px 0;
}
.rt-pricing-table.element-metro .holder h5 sup {
color: #000;
display: inline-block;
vertical-align: middle;
margin-top: 0;
margin-right: 8px;
font-weight: 400;
font-size: 18px;
line-height: 1;
}
.rt-pricing-table.element-metro .holder h5 sub {
color: #000;
font-size: 16px;
vertical-align: middle;
letter-spacing: 0;
}
.rt-pricing-table.element-metro .holder ul {
margin: 0;
padding: 0 20px;
list-style-type: none;
text-align: center;
}
.rt-pricing-table.element-metro .holder ul li {
list-style-type: none;
font-size: 16px;
font-weight: 400;
color: #696969;
line-height: 28px;
padding-bottom: 12px;
text-align: center;
}
.rt-pricing-table.element-metro .holder ul li span {
text-align: right;
float: right;
font-size: 16px;
font-weight: 400;
color: #696969;
line-height: 28px;
}
.rt-pricing-table.element-metro .holder ul li svg {
stroke: #2fe200;
margin-right: 8px;
margin-top: 5px; }
.rt-pricing-table.element-metro .holder ul li:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.rt-pricing-table.element-metro .holder .butn_area {
width: 100%;
margin: 30px 0 0 0;
text-align: center;
}
.rt-pricing-table.element-metro .holder .gen_btn {
display: inline-block;
line-height: 30px;
border: none;
color: #fff;
font-size: 17px;
font-weight: 600;
text-transform: capitalize;
background-color: #ff4735;
border-radius: 4px;
padding: 11px 33px;
text-decoration: none;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}
.rt-pricing-table.element-metro .holder:hover .gen_btn {
box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.25) !important;
transform: translateY(-5px) !important;
-webkit-transform: translateY(-5px) !important;
}
.rt-pricing-table.element-metro .holder .top-part {
background: #fcf3f2;
padding: 15px 0;
margin: 0 0 30px 0;
text-align: center;
color: #3c4857;
font-size: 16px;
font-weight: 500;
text-transform: uppercase;
line-height: 30px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
} .rt-pricing-table.element-metro .holder .top-part h4 {
text-transform: capitalize;
line-height: 30px;
letter-spacing: 0px;
font-weight: 600;
font-style: normal;
color: #fcf3f2;
font-size: 20px;
margin: 0;
padding-bottom: 0;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
} .rt-pricing-table.element-metro .holder .top-part p {
color: #696969;
font-size: 16px;
line-height: 28px;
text-transform: capitalize;
font-weight: 400;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
margin: 0;
padding: 0;
} .rt-pricing-table.element-metro .holder.spotlight {
margin: -37px 0 0 0;
background: #fff;
transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
padding: 0 0 30px 0;
border-radius: 5px;
box-shadow: 0px 0px 30px 0px rgb(42 22 139 / 12%);
}
@media screen and (min-width:768px) and (max-width:1024px) {
.rt-pricing-table.element-metro .holder {
margin: 0 0 30px 0;
}
.rt-pricing-table.element-metro .holder.spotlight {
margin: 0 0 30px 0
}
}
@media screen and (max-width:767px) {
.rt-pricing-table.element-metro .holder {
margin: 0 0 30px 0;
}
.rt-pricing-table.element-metro .holder.spotlight {
margin: 0 0 30px 0
}
}  .no-round-icon-two .elementor-heading-title {
vertical-align: middle;
border: 1px solid #ededed;
color: #333;
width: 50px;
height: 50px;
line-height: 50px;
padding: 0 15px;
border-radius: 50%;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
box-shadow: 0 0 20px rgb(216 181 183 / 30%);
transform: translate3d(0px, 0px, 0px);
}
.no-round-icon-two.active-icon-two .elementor-heading-title {
background: #FF3834 ;
background: -moz-linear-gradient(left, #FF3834 0%, #FF7133 100%);
background: -webkit-linear-gradient(left, #FF3834 0%, #FF7133 100%);
background: linear-gradient(to right, #FF3834 0%, #FF7133 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3834 ', endColorstr='#FF7133', GradientType=1);
color: #fff;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
box-shadow: 0px 0px 15px rgba(127, 25, 33, 0.3);
transform: translate3d(0px, 0px, 0px);
}
.no-round-icon-two .elementor-heading-title:hover {
background: #FF3834 ;
background: -moz-linear-gradient(left, #FF3834  0%, #FF7133 100%);
background: -webkit-linear-gradient(left, #FF3834  0%, #FF7133 100%);
background: linear-gradient(to right, #FF3834  0%, #FF7133 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF3834 ', endColorstr='#FF7133', GradientType=1);
color: #fff;
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
box-shadow: 0px 0px 15px rgba(127, 25, 33, 0.3);
transform: translate3d(0px, 0px, 0px);
}
.box-line-shadow .elementor-widget-container img{
filter: drop-shadow(-1px 5px 22px rgba(0,0,0,0.09));
}
.home-two-hover-box-icon-two .elementor-widget-container h6 {
color:#010101;
}
.home-two-hover-box-icon-two .elementor-widget-container p {
color: #696969;
}
.home-two-hover-box-icon-two:hover .elementor-widget-container h6 {
color: #fff;
}
.home-two-hover-box-icon-two:hover .elementor-widget-container p {
color: #ffffff;
}