html {
font-size: 100%;
}
body {
font-size: 16px;
font-family: 'Roboto', sans-serif;
font-weight: 400;
line-height: 1.6;
color: #646464;
background-color: white;
vertical-align: baseline;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
}
#wrapper {
overflow: hidden !important;
}
p {
margin: 0 0 20px 0;
word-wrap: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 700;
font-family: var(--heading_font);
margin: 0 0 20px 0;
color: var(--dark_primary_text_color);
word-wrap: break-word;
}
div,
span,
a {
word-wrap: break-word;
}
h1 {
font-size: 46px;
}
@media only screen and (max-width: 991px) {
h1 {
font-size: 38px;
}
}
@media only screen and (max-width: 767px) {
h1 {
font-size: 34px;
}
}
@media only screen and (max-width: 575px) {
h1 {
font-size: 32px;
}
}
h2 {
font-size: 36px;
}
@media only screen and (max-width: 1199px) {
h2 {
font-size: 32px;
}
}
@media only screen and (max-width: 991px) {
h2 {
font-size: 30px;
}
}
@media only screen and (max-width: 767px) {
h2 {
font-size: 28px;
}
}
@media only screen and (max-width: 575px) {
h2 {
font-size: 26px;
}
}
h3 {
font-size: 28px;
}
@media only screen and (max-width: 767px) {
h3 {
font-size: 20px;
}
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
a {
text-decoration: none;
cursor: pointer;
}
a:active,
a:hover {
text-decoration: none;
}
a:focus,
a:active,
a:hover {
outline: 0 none;
}
a {
color: var(--primary_color);
}
a:hover {
color: var(--dark_primary_color);
}
img {
max-width: 100%;
height: auto;
}
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
margin-left: 0;
}
.form-response .alert-danger,
.form-response .alert.alert-info,
.form-response .alert.alert-success {
margin-top: 10px;
margin-bottom: 0;
}
.form-response .alert-danger p,
.form-response .alert.alert-info p,
.form-response .alert.alert-success p {
margin-bottom: 0;
} @media only screen and (min-width: 1260px) {
.container {
max-width: 1230px;
}
}
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
.row.gutters-1 {
padding-left: 14.5px;
padding-right: 14.5px;
}
.row.gutters-1 > [class^="col-"] {
padding-left: 0.5px;
padding-right: 0.5px;
}
.row.gutters-2 {
padding-left: 14px;
padding-right: 14px;
}
.row.gutters-2 > [class^="col-"] {
padding-left: 1px;
padding-right: 1px;
}
.row.gutters-3 {
padding-left: 13.5px;
padding-right: 13.5px;
}
.row.gutters-3 > [class^="col-"] {
padding-left: 1.5px;
padding-right: 1.5px;
}
.row.gutters-4 {
padding-left: 13px;
padding-right: 13px;
}
.row.gutters-4 > [class^="col-"] {
padding-left: 2px;
padding-right: 2px;
}
.row.gutters-5 {
padding-left: 12.5px;
padding-right: 12.5px;
}
.row.gutters-5 > [class^="col-"] {
padding-left: 2.5px;
padding-right: 2.5px;
}
.row.gutters-6 {
padding-left: 12px;
padding-right: 12px;
}
.row.gutters-6 > [class^="col-"] {
padding-left: 3px;
padding-right: 3px;
}
.row.gutters-7 {
padding-left: 11.5px;
padding-right: 11.5px;
}
.row.gutters-7 > [class^="col-"] {
padding-left: 3.5px;
padding-right: 3.5px;
}
.row.gutters-8 {
padding-left: 11px;
padding-right: 11px;
}
.row.gutters-8 > [class^="col-"] {
padding-left: 4px;
padding-right: 4px;
}
.row.gutters-9 {
padding-left: 10.5px;
padding-right: 10.5px;
}
.row.gutters-9 > [class^="col-"] {
padding-left: 4.5px;
padding-right: 4.5px;
}
.row.gutters-10 {
padding-left: 10px;
padding-right: 10px;
}
.row.gutters-10 > [class^="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.row.gutters-11 {
padding-left: 9.5px;
padding-right: 9.5px;
}
.row.gutters-11 > [class^="col-"] {
padding-left: 5.5px;
padding-right: 5.5px;
}
.row.gutters-12 {
padding-left: 9px;
padding-right: 9px;
}
.row.gutters-12 > [class^="col-"] {
padding-left: 6px;
padding-right: 6px;
}
.row.gutters-13 {
padding-left: 8.5px;
padding-right: 8.5px;
}
.row.gutters-13 > [class^="col-"] {
padding-left: 6.5px;
padding-right: 6.5px;
}
.row.gutters-14 {
padding-left: 8px;
padding-right: 8px;
}
.row.gutters-14 > [class^="col-"] {
padding-left: 7px;
padding-right: 7px;
}
.row.gutters-15 {
padding-left: 7.5px;
padding-right: 7.5px;
}
.row.gutters-15 > [class^="col-"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
.row.gutters-20 {
padding-left: 5px;
padding-right: 5px;
}
.row.gutters-20 > [class^="col-"] {
padding-left: 10px;
padding-right: 10px;
}
.row.gutters-40 {
margin-left: -20px;
margin-right: -20px;
}
.row.gutters-40 > [class^="col-"] {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width: 575px) {
.row.gutters-40 {
margin-left: 0;
margin-right: 0;
}
.row.gutters-40 > [class^="col-"] {
padding-left: 15px;
padding-right: 15px;
}
}
.row.gutters-50 {
margin-left: -25px;
margin-right: -25px;
}
.row.gutters-50 > [class^="col-"] {
padding-left: 25px;
padding-right: 25px;
}
@media only screen and (max-width: 575px) {
.row.gutters-50 {
margin-left: 0;
margin-right: 0;
}
.row.gutters-50 > [class^="col-"] {
padding-left: 15px;
padding-right: 15px;
}
}
@media( max-width: 767px ){
.ml-1, .mx-1 {
margin-left: 0 !important;
}
.mr-1, .mx-1 {
margin-right: 0 !important;
}
}
.media-body {
margin-left: 30px;
}
.media-body.mg-right {
margin-left: 0;
margin-right: 30px;
}
.media-body.space-xl {
margin-left: 50px;
}
.media-body.space-lg {
margin-left: 40px;
}
.media-body.space-md {
margin-left: 20px;
}
.media-body.space-sm {
margin-left: 15px;
}
.media-body.space-xs {
margin-left: 10px;
}
.media-body.media-body-box {
padding: 20px 20px 20px 30px;
margin-left: 0;
}
.media-body.media-body-box p {
margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
.media-none--lg {
display: block;
}
.media-none--lg > div {
width: 100%;
}
.media-none--lg img {
width: 100%;
}
.media-none--lg img.media-img-auto {
width: auto;
}
.media-none--lg .media-body,
.media-none--lg .media-body.space-xl,
.media-none--lg .media-body.space-lg,
.media-none--lg .media-body.space-md,
.media-none--lg .media-body.space-sm,
.media-none--lg .media-body.space-xs {
margin-top: 20px;
margin-left: 0;
}
.media-none--lg .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
@media only screen and (max-width: 991px) {
.media-none--md {
display: block;
}
.media-none--md > div {
width: 100%;
}
.media-none--md img {
width: 100%;
}
.media-none--md img.media-img-auto {
width: auto;
}
.media-none--md .media-body,
.media-none--md .media-body.space-xl,
.media-none--md .media-body.space-lg,
.media-none--md .media-body.space-md,
.media-none--md .media-body.space-sm,
.media-none--md .media-body.space-xs {
margin-top: 20px;
margin-left: 0;
}
.media-none--md .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
@media only screen and (max-width: 767px) {
.media-none--sm {
display: block;
}
.media-none--sm > div {
width: 100%;
}
.media-none--sm img {
width: 100%;
}
.media-none--sm img.media-img-auto {
width: auto;
}
.media-none--sm .media-body,
.media-none--sm .media-body.space-xl,
.media-none--sm .media-body.space-lg,
.media-none--sm .media-body.space-md,
.media-none--sm .media-body.space-sm,
.media-none--sm .media-body.space-xs {
margin-top: 20px;
margin-left: 0;
}
.media-none--sm .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
@media only screen and (max-width: 575px) {
.media-none--xs {
display: block;
}
.media-none--xs > div {
width: 100%;
}
.media-none--xs img {
width: 100%;
}
.media-none--xs img.media-img-auto {
width: auto;
}
.media-none--xs .media-body,
.media-none--xs .media-body.space-xl,
.media-none--xs .media-body.space-lg,
.media-none--xs .media-body.space-md,
.media-none--xs .media-body.space-sm,
.media-none--xs .media-body.space-xs {
margin-top: 0px;
margin-left: 15px;
}
.media-none--xs .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
@media only screen and (max-width: 479px) {
.media-none-mb {
display: block;
}
.media-none-mb > div {
width: 100%;
}
.media-none-mb img {
width: 100%;
}
.media-none-mb img.media-img-auto {
width: auto;
}
.media-none-mb .media-body,
.media-none-mb .media-body.space-xl,
.media-none-mb .media-body.space-lg,
.media-none-mb .media-body.space-md,
.media-none-mb .media-body.space-sm,
.media-none-mb .media-body.space-xs {
margin-top: 20px;
margin-left: 0;
}
.media-none-mb .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.media-none-lg {
display: block;
}
.media-none-lg > div {
width: 100%;
}
.media-none-lg img {
width: 100%;
}
.media-none-lg img.media-img-auto {
width: auto;
}
.media-none-lg .media-body,
.media-none-lg .media-body.space-xl,
.media-none-lg .media-body.space-lg,
.media-none-lg .media-body.space-md,
.media-none-lg .media-body.space-sm,
.media-none-lg .media-body.space-xs {
margin-top: 20px;
margin-left: 0;
}
.media-none-lg .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.media-none-md {
display: block;
}
.media-none-md > div {
width: 100%;
}
.media-none-md img {
width: 100%;
}
.media-none-md img.media-img-auto {
width: auto;
}
.media-none-md .media-body,
.media-none-md .media-body.space-xl,
.media-none-md .media-body.space-lg,
.media-none-md .media-body.space-md,
.media-none-md .media-body.space-sm,
.media-none-md .media-body.space-xs {
margin-top: 20px;
margin-left: 0;
}
.media-none-md .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
@media (min-width: 576px) and (max-width: 767px) {
.media-none-sm {
display: block;
}
.media-none-sm > div {
width: 100%;
}
.media-none-sm img {
width: 100%;
}
.media-none-sm img.media-img-auto {
width: auto;
}
.media-none-sm .media-body,
.media-none-sm .media-body.space-xl,
.media-none-sm .media-body.space-lg,
.media-none-sm .media-body.space-md,
.media-none-sm .media-body.space-sm,
.media-none-sm .media-body.space-xs {
margin-top: 20px;
margin-left: 0;
}
.media-none-sm .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
@media (min-width: 480px) and (max-width: 575px) {
.media-none-xs {
display: block;
}
.media-none-xs > div {
width: 100%;
}
.media-none-xs img {
width: 100%;
}
.media-none-xs img.media-img-auto {
width: auto;
}
.media-none-xs .media-body,
.media-none-xs .media-body.space-xl,
.media-none-xs .media-body.space-lg,
.media-none-xs .media-body.space-md,
.media-none-xs .media-body.space-sm,
.media-none-xs .media-body.space-xs {
margin-top: 20px;
margin-left: 0;
}
.media-none-xs .media-body.media-body-box {
margin-top: 0;
margin-left: 0;
padding: 30px;
}
}
.bordered-light .rtin-service-box {
border: 1px solid #f1f1f1;
}
.min-84 {
min-height: 84px;
}
.width-100p {
width: 100%;
} .nav-control-layout1 .owl-nav {
margin-top: 0;
}
.nav-control-layout1 .owl-nav > button {
position: absolute;
top: 40%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
padding: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--light_primary_text_color) !important;
background: var(--accent_color) !important;
height: 60px;
width: 60px;
border-radius: 45px;
border: none;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav-control-layout1 .owl-nav > button i {
margin-top: 3px;
font-size: 20px;
}
.nav-control-layout1 .owl-nav > button i:before {
font-size: 20px;
font-weight: 600;
}
.nav-control-layout1 .owl-nav > button:hover {
background: var(--primary_color) !important;
color: white;
}
.nav-control-layout1 .owl-nav > button:focus {
outline: none;
}
.nav-control-layout1 .owl-nav .owl-prev {
left: -60px;
}
@media only screen and (max-width: 1399px) {
.nav-control-layout1 .owl-nav .owl-prev {
left: 0;
}
}
.nav-control-layout1 .owl-nav .owl-next {
right: -60px;
}
@media only screen and (max-width: 1399px) {
.nav-control-layout1 .owl-nav .owl-next {
right: 0;
}
}
.nav-control-layout3 .owl-nav {
margin-top: 0;
}
.nav-control-layout3 .owl-nav > button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
padding: 0;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: var(--dark_primary_text_color) !important;
background: var(--light_primary_text_color) !important;
height: 60px;
width: 60px;
border-radius: 45px;
border: none;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav-control-layout3 .owl-nav > button i {
font-size: 24px;
}
.nav-control-layout3 .owl-nav > button i:before {
font-size: 24px;
font-weight: 600;
}
@media only screen and (max-width: 767px) {
.nav-control-layout3 .owl-nav > button i {
font-size: 20px;
}
.nav-control-layout3 .owl-nav > button i:before {
font-size: 20px;
}
}
.nav-control-layout3 .owl-nav > button:hover {
background: var(--primary_color) !important;
color: var(--light_primary_text_color) !important;
}
.nav-control-layout3 .owl-nav > button:focus {
outline: none;
}
.nav-control-layout3 .owl-nav .owl-prev {
left: 20%;
}
@media only screen and (max-width: 767px) {
.nav-control-layout3 .owl-nav .owl-prev {
left: 0;
}
}
.nav-control-layout3 .owl-nav .owl-next {
right: 20%;
}
@media only screen and (max-width: 767px) {
.nav-control-layout3 .owl-nav .owl-next {
right: 0;
}
}
.nav-control-layout4 .owl-nav {
margin-top: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav-control-layout4 .owl-nav > button {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
padding: 0;
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;
color: var(--light_primary_text_color) !important;
background: var(--accent_color) !important;
height: 40px;
width: 50px;
border-radius: 0;
border: none;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.nav-control-layout4 .owl-nav > button i {
font-size: 18px;
}
.nav-control-layout4 .owl-nav > button i:before {
font-size: 18px;
font-weight: 600;
}
.nav-control-layout4 .owl-nav > button:hover {
background: var(--primary_color) !important;
color: var(--light_primary_text_color);
}
.nav-control-layout4 .owl-nav > button:focus {
outline: none;
}
.nav-control-layout4 .owl-nav .owl-prev {
left: 0;
}
.nav-control-layout4 .owl-nav .owl-next {
right: 0;
}
.dot-control-layout1 {
position: relative;
}
.dot-control-layout1 .owl-dots {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.dot-control-layout1 .owl-dots {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.dot-control-layout1 .owl-dots button {
height: 14px;
width: 14px;
padding: 0;
margin: 0 3px;
background-color: #d9e6ee;
border: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.dot-control-layout1 .owl-dots button:focus {
outline: none;
}
.dot-control-layout1 .owl-dots button.active {
background-color: var(--accent_color);
height: 20px;
width: 20px;
}
.dot-control-layout2 {
position: relative;
}
.dot-control-layout2 .owl-nav button.owl-next,
.dot-control-layout2 .owl-carousel .owl-nav button.owl-prev,
.dot-control-layout2 .owl-carousel button.owl-dot {
background-color: #d9e6ee;
}
.dot-control-layout2 .owl-dots {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
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;
}
.dot-control-layout2 .owl-dots button {
height: 14px;
width: 14px;
padding: 0;
margin: 0 3px;
background-color: #d9e6ee;
border: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.dot-control-layout2 .owl-dots button:focus {
outline: none;
}
.dot-control-layout2 .owl-dots button.active {
background-color: var(--accent_color);
height: 20px;
width: 20px;
} .gradient-accent {
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
}
.gradient-accent-2 {
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_light)), to(var(--gradient_2_dark)));
background: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
}
.gradient-accent-hover:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(red), to(green));
background: linear-gradient(to right, red, green);
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.gradient-primary {
background: -webkit-gradient(linear, left top, left bottom, from(var(--dark_primary_color)), to(var(--dark_primary_color2)));
background: linear-gradient(to bottom, var(--dark_primary_color), var(--dark_primary_color2));
}
.bg-aash {
background-color: #f6f6f6;
}
.bg-Primary {
background-color: var(--primary_color);
}
.bg-Primary-light {
background-color: #1531a9;
}
.bg-primarytext {
background-color: var(--dark_primary_text_color);
}
.bg-text-primary {
background-color: var(--light_primary_text_color);
}
.bg-ghostwhite {
background-color: #f8f8f8;
}
.bg-accent {
background-color: var(--accent_color);
}
.bg-c-primary {
background-color: var(--primary_color);
}
.bg-dark-primary {
background-color: var(--dark_primary_color);
}
.bg-pink {
background-color: #d44ca0;
}
.bg-purple {
background-color: #9b3bcd;
}
.bg-skyblue {
background-color: #1eb0f5;
}
.bg-green {
background-color: #1ee2a3;
}
.bg-fb {
background-color: #3a59a6 !important;
}
.bg-twitter {
background-color: #4fc3f7 !important;
}
.bg-gplus {
background-color: #d74d38 !important;
}
.bg-pin {
background-color: #e52626 !important;
}
.bg-linked {
background-color: #0d47a1 !important;
}
.bg-minsk {
background-color: #413684;
}
.bg-eastern-blue {
background-color: #179fb3;
}
.bg-sea-buckthorn {
background-color: #f6912c;
}
.bg-alizarin-crimson {
background-color: #de2c39;
}
.btn-shadow {
-webkit-box-shadow: 0px 1px 10px 0px rgba(255, 144, 23, 0.4);
box-shadow: 0px 1px 10px 0px rgba(255, 144, 23, 0.4);
}
.bg-facebook {
background-color: #3a59a6 !important;
}
.bg-twitter {
background-color: #4fc3f7 !important;
}
.bg-linkedin {
background-color: #0d47a1 !important;
}
.bg-instagram {
background-color: #e95950 !important;
}
.bg-pinterest {
background-color: #cb2027 !important;
}
.bg-tumblr {
background-color: #34526f !important;
}
.bg-reddit {
background-color: #ff4500 !important;
}
.bg-vk {
background-color: #4c75a3 !important;
}
.bg-github {
background-color: #333 !important;
}
.bg-stackoverflow {
background-color: #F48024 !important;
}
.bg-youtube {
background-color: #ff0000 !important;
}
.bottom-border {
border-bottom: 1px solid #e9e9e9;
}
.bottom-border-2 {
border-bottom: 1px solid rgba(225, 225, 225, 0.15);
}
.border-c-primary {
border-color: var(--primary_color);
}
.border-accent {
border-color: var(--accent_color);
}
.border-right {
border-right: 1px solid #dcdcdc;
}
.border-none {
border: none;
}
.mg-t--100 {
margin-top: -100px;
}
@media only screen and (max-width: 991px) {
.mg-t--100 {
margin-top: 0;
}
}
.mg-t--95 {
margin-top: -95px;
}
@media only screen and (max-width: 991px) {
.mg-t--95 {
margin-top: 0;
}
}
.mg-t-0 {
margin-top: 0;
}
.mg-t-10 {
margin-top: 10px;
}
.mg-t-20 {
margin-top: 20px;
}
.mg-t-30 {
margin-top: 30px;
}
.mg-t-50 {
margin-top: 50px;
}
@media only screen and (min-width: 1199px) {
.mgt-xl-50 {
margin-top: 50px;
}
}
.mg-b-60 {
margin-bottom: 60px !important;
}
.mg-b-10 {
margin-bottom: 10px;
}
.mg-b-20 {
margin-bottom: 20px;
}
.mg-b-30 {
margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
.mg-r-0-lg {
margin-right: 0 !important;
}
}
.pl-7 {
padding-left: 7px;
}
.pr-7 {
padding-right: 7px;
}
@media( max-width:767px ) {
.pl-7 {
padding-left: 15px;
}
.pr-7 {
padding-right: 15px;
}
}
.dot-map {
position: relative;
overflow: hidden;
}
.dot-map:before {
content: "";
height: 200px;
width: 350px;
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/essential/dot-map.png);
background-repeat: no-repeat;
border-radius: 50%;
position: absolute;
top: -30px;
right: 150px;
-webkit-animation: bouncebubble infinite 8000ms;
animation: bouncebubble infinite 8000ms;
}
.round-shape {
position: relative;
overflow: hidden;
}
.round-shape:before {
content: "";
height: 350px;
width: 350px;
border: 80px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
position: absolute;
top: -90px;
left: -160px;
-webkit-animation: bouncebubble infinite 7000ms;
animation: bouncebubble infinite 7000ms;
}
.round-shape:after {
content: "";
height: 350px;
width: 350px;
border: 80px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
position: absolute;
top: -90px;
right: -160px;
-webkit-animation: bouncebubble infinite 5000ms;
animation: bouncebubble infinite 5000ms;
}
.round-shape-2 {
position: relative;
overflow: hidden;
}
.round-shape-2:before {
content: "";
z-index: 2;
height: 300px;
width: 300px;
border: 45px solid rgba(255, 255, 255, 0.05);
border-radius: 50%;
position: absolute;
top: -120px;
left: -100px;
-webkit-animation: bouncebubble infinite 7000ms;
animation: bouncebubble infinite 7000ms;
}
.round-shape-2:after {
content: "";
height: 300px;
width: 300px;
border: 45px solid rgba(255, 255, 255, 0.05);
border-radius: 50%;
position: absolute;
top: -120px;
right: -100px;
-webkit-animation: bouncebubble infinite 9000ms;
animation: bouncebubble infinite 9000ms;
}
.dash-shape-1 {
position: relative;
}
.dash-shape-1:before {
content: "";
height: 190px;
width: 190px;
border-radius: 50%;
border: 1px dashed #636363;
position: absolute;
bottom: -100px;
right: -100px;
z-index: -1;
-webkit-animation: bouncebubble infinite 6000ms;
animation: bouncebubble infinite 6000ms;
}
.dash-shape-1:after {
content: "";
height: 290px;
width: 290px;
border-radius: 50%;
border: 1px dashed #636363;
position: absolute;
bottom: 185px;
right: -150px;
z-index: -1;
-webkit-animation: bouncebubble infinite 8000ms;
animation: bouncebubble infinite 8000ms;
}
.dash-shape-2 {
position: relative;
}
.dash-shape-2:before {
content: "";
height: 220px;
width: 220px;
border-radius: 50%;
border: 1px dashed #636363;
position: absolute;
top: -140px;
left: -120px;
z-index: -1;
-webkit-animation: bouncebubble infinite 7000ms;
animation: bouncebubble infinite 7000ms;
}
.dash-shape-2:after {
content: "";
height: 290px;
width: 290px;
border-radius: 50%;
border: 1px dashed #636363;
position: absolute;
top: 155px;
left: -150px;
z-index: -1;
-webkit-animation: bouncebubble infinite 6000ms;
animation: bouncebubble infinite 6000ms;
}
.dash-shape-3 {
position: relative;
z-index: 2;
}
.dash-shape-3:after {
content: "";
height: 150px;
width: 150px;
border-radius: 50%;
border: 1px dashed #c2c2c2;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
left: 50%;
z-index: -1;
-webkit-animation: sonarWave 6s linear infinite;
animation: sonarWave 6s linear infinite;
}
.dash-shape-3:before {
content: "";
height: 200px;
width: 200px;
border-radius: 50%;
border: 2px dashed #c2c2c2;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
left: 50%;
z-index: -1;
-webkit-animation: sonarWave 10s linear infinite;
animation: sonarWave 10s linear infinite;
}
.line-shape {
z-index: 2;
position: relative;
}
.line-shape:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/css/img/figure/line-shape.png);
position: absolute;
bottom: -10px;
right: 0;
z-index: -1;
}
.bg-common {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
@media only screen and (min-width: 1400px) {
.pd-x-45 {
padding-left: 45px;
padding-right: 45px;
}
.elementor-widget-container .pd-x-45 {
padding: 0;
}
}
.possition-static {
position: static !important;
}
.possition-relative {
position: relative !important;
}
.text-accent {
color: var(--accent_color);
}
.text-c-primary {
color: var(--primary_color);
}
.text-c-body_text {
color: var(--body_text_color);
}
.border-c-body_text {
border-color: var(--body_text_color);
}
.text-dark-primary {
color: var(--dark_primary_color);
}
.text-pink {
color: #d44ca0;
}
.text-purple {
color: #9b3bcd;
}
.text-skyblue {
color: #1eb0f5;
}
.text-black {
color: var(--dark_primary_text_color) !important;
}
.font-semibold {
font-weight: 600;
}
.letter-specing-0 {
letter-spacing: 0;
}
.pt3r {
padding-top: 30px;
}
.pt6r {
padding-top: 60px;
}
.pt8r {
padding-top: 80px;
}
.pt10r {
padding-top: 100px;
}
.pb6r {
padding-bottom: 60px;
}
.pb8r {
padding-bottom: 80px;
}
.pb10r {
margin-bottom: 100px;
}
.mt3r {
margin-top: 30px;
}
.mt6r {
margin-top: 60px;
}
.mt8r {
margin-top: 80px;
}
.mt10r {
margin-top: 100px;
}
.mb6r {
margin-bottom: 60px;
}
.mb8r {
margin-bottom: 80px;
}
.mb10 {
margin-bottom: 100px;
}
.content-padding-top-static {
padding-top: 90px;
}
.content-padding-bottom-static {
padding-bottom: 90px;
}
.slider-btn-area a.item-btn-accent {
padding: 14px 25px 12px 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid;
font-size: 15px;
text-transform: uppercase;
line-height: 1.6;
color: var(--light_primary_text_color);
font-weight: 700;
border-radius: 4px;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
border-color: var(--accent_color);
}
@media screen and (max-width: 576px) {
.slider-btn-area a.item-btn-accent {
font-size: 14px;
padding: 8px 16px 7px;
}
}
.slider-btn-area a.item-btn-accent i {
font-size: 16px;
margin-left: 10px;
}
.slider-btn-area a.item-btn-accent:after {
content: "";
height: 100%;
width: 0;
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slider-btn-area a.item-btn-accent:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.slider-btn-area a.item-btn-accent:after {
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_light));
}
.slider-btn-area a.item-btn-accent-2 {
padding: 12px 25px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border: 1px solid;
font-size: 15px;
text-transform: uppercase;
line-height: 1.6;
color: var(--light_primary_text_color);
font-weight: 700;
border-radius: 4px;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_light)), to(var(--gradient_2_dark)));
background: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
}
@media screen and (max-width: 576px) {
.slider-btn-area a.item-btn-accent-2 {
font-size: 14px;
padding: 10px 20px;
border: none;
}
}
.slider-btn-area a.item-btn-accent-2 i {
font-size: 16px;
margin-left: 10px;
}
.slider-btn-area a.item-btn-accent-2:after {
content: "";
height: 100%;
width: 0;
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.slider-btn-area a.item-btn-accent-2:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.slider-btn-area a.item-btn-accent-2:after {
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_dark)), to(var(--gradient_2_light)));
background: linear-gradient(to right, var(--gradient_2_dark), var(--gradient_2_light));
}
.double-curve-background {
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/curve-1.svg), url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/curve-2.svg);
background-position: right bottom, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 100% 340px, 100% 340px;
}
.double-curve-background-primary-gradient {
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/curve-1.svg), url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/curve-2.svg), -webkit-gradient(linear, left top, left bottom, from(var(--dark_primary_color)), to(var(--dark_primary_color2)));
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/curve-1.svg), url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/curve-2.svg), linear-gradient(to bottom, var(--dark_primary_color), var(--dark_primary_color2));
background-position: right bottom, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 100% 350px, 100% 370px, 100% 100%;
}
.double-mountain-shape-background-primary-gradient {
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/mountain-shape-2.svg), url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/mountain-shape-1.svg), -webkit-gradient(linear, left top, left bottom, from(var(--dark_primary_color)), to(var(--dark_primary_color2)));
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/mountain-shape-2.svg), url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/mountain-shape-1.svg), linear-gradient(to bottom, var(--dark_primary_color), var(--dark_primary_color2));
background-position: right bottom, left bottom;
background-repeat: no-repeat, no-repeat;
background-size: 100% 250px, 100% 250px, 100% 100%;
}
.bouncing-bubble-animation {
-webkit-animation: bouncebubble infinite 5000ms;
animation: bouncebubble infinite 5000ms;
}
.bouncing-bubble-animation-7 {
-webkit-animation: bouncebubble_top_bottom infinite 7000ms;
animation: bouncebubble_top_bottom infinite 7000ms;
}
.bouncing-bubble-img {
text-align: center;
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 26px 30px 0px rgba(224, 224, 224, 0.75);
box-shadow: 0px 26px 30px 0px rgba(224, 224, 224, 0.75);
padding: 10px 0;
-webkit-animation: bouncebubble infinite 5000ms;
animation: bouncebubble infinite 5000ms;
} .elements-animation-path {
animation: animationPath ease-out 16s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
-webkit-animation: animationPath ease-out 16s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationPath ease-out 16s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-o-animation: animationPath ease-out 16s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-ms-animation: animationPath ease-out 16s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
}
@keyframes animationPath{
0% {
transform:  translate(0px,0px)  ;
}
24% {
transform:  translate(79px,0px)  ;
}
42% {
transform:  translate(46px,59px)  ;
}
70% {
transform:  translate(-14px,20px)  ;
}
100% {
transform:  translate(1px,0px)  ;
}
}
@-moz-keyframes animationPath{
0% {
-moz-transform:  translate(0px,0px)  ;
}
24% {
-moz-transform:  translate(79px,0px)  ;
}
42% {
-moz-transform:  translate(46px,59px)  ;
}
70% {
-moz-transform:  translate(-14px,20px)  ;
}
100% {
-moz-transform:  translate(1px,0px)  ;
}
}
@-webkit-keyframes animationPath {
0% {
-webkit-transform:  translate(0px,0px)  ;
}
24% {
-webkit-transform:  translate(79px,0px)  ;
}
42% {
-webkit-transform:  translate(46px,59px)  ;
}
70% {
-webkit-transform:  translate(-14px,20px)  ;
}
100% {
-webkit-transform:  translate(1px,0px)  ;
}
}
@-o-keyframes animationPath {
0% {
-o-transform:  translate(0px,0px)  ;
}
24% {
-o-transform:  translate(79px,0px)  ;
}
42% {
-o-transform:  translate(46px,59px)  ;
}
70% {
-o-transform:  translate(-14px,20px)  ;
}
100% {
-o-transform:  translate(1px,0px)  ;
}
}
@-ms-keyframes animationPath {
0% {
-ms-transform:  translate(0px,0px)  ;
}
24% {
-ms-transform:  translate(79px,0px)  ;
}
42% {
-ms-transform:  translate(46px,59px)  ;
}
70% {
-ms-transform:  translate(-14px,20px)  ;
}
100% {
-ms-transform:  translate(1px,0px)  ;
}
}
.down-up-animation {
animation: animationDownUp ease-out 16s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
-webkit-animation: animationDownUp ease-out 16s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationDownUp ease-out 16s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-o-animation: animationDownUp ease-out 16s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-ms-animation: animationDownUp ease-out 16s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
}
@keyframes animationDownUp{
0% {
transform:  translate(0px,0px)  ;
}
50% {
transform:  translate(1px,116px)  ;
}
100% {
transform:  translate(1px,1px)  ;
}
}
@-moz-keyframes animationDownUp{
0% {
-moz-transform:  translate(0px,0px)  ;
}
50% {
-moz-transform:  translate(1px,116px)  ;
}
100% {
-moz-transform:  translate(1px,1px)  ;
}
}
@-webkit-keyframes animationDownUp {
0% {
-webkit-transform:  translate(0px,0px)  ;
}
50% {
-webkit-transform:  translate(1px,116px)  ;
}
100% {
-webkit-transform:  translate(1px,1px)  ;
}
}
@-o-keyframes animationDownUp {
0% {
-o-transform:  translate(0px,0px)  ;
}
50% {
-o-transform:  translate(1px,116px)  ;
}
100% {
-o-transform:  translate(1px,1px)  ;
}
}
@-ms-keyframes animationDownUp {
0% {
-ms-transform:  translate(0px,0px)  ;
}
50% {
-ms-transform:  translate(1px,116px)  ;
}
100% {
-ms-transform:  translate(1px,1px)  ;
}
}
.down-up-slow-animation{
animation: animationDownUpSlow ease-out 36s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
-webkit-animation: animationDownUpSlow ease-out 36s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationDownUpSlow ease-out 36s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-o-animation: animationDownUpSlow ease-out 36s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-ms-animation: animationDownUpSlow ease-out 36s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
}
@keyframes animationDownUpSlow{
0% {
transform:  translate(0px,0px)  ;
}
51% {
transform:  translate(206px,0px)  ;
}
100% {
transform:  translate(0px,0px)  ;
}
}
@-moz-keyframes animationDownUpSlow{
0% {
-moz-transform:  translate(0px,0px)  ;
}
51% {
-moz-transform:  translate(206px,0px)  ;
}
100% {
-moz-transform:  translate(0px,0px)  ;
}
}
@-webkit-keyframes animationDownUpSlow {
0% {
-webkit-transform:  translate(0px,0px)  ;
}
51% {
-webkit-transform:  translate(206px,0px)  ;
}
100% {
-webkit-transform:  translate(0px,0px)  ;
}
}
@-o-keyframes animationDownUpSlow {
0% {
-o-transform:  translate(0px,0px)  ;
}
51% {
-o-transform:  translate(206px,0px)  ;
}
100% {
-o-transform:  translate(0px,0px)  ;
}
}
@-ms-keyframes animationDownUpSlow {
0% {
-ms-transform:  translate(0px,0px)  ;
}
51% {
-ms-transform:  translate(206px,0px)  ;
}
100% {
-ms-transform:  translate(0px,0px)  ;
}
}
.right-left-animation {
animation: animationRightLeft ease-out 16s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
-webkit-animation: animationRightLeft ease-out 16s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationRightLeft ease-out 16s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-o-animation: animationRightLeft ease-out 16s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-ms-animation: animationRightLeft ease-out 16s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
position: relative;
z-index: 0;
}
@keyframes animationRightLeft{
0% {
transform:  translate(0px,0px)  ;
}
51% {
transform:  translate(206px,0px)  ;
}
100% {
transform:  translate(0px,0px)  ;
}
}
@-moz-keyframes animationRightLeft{
0% {
-moz-transform:  translate(0px,0px)  ;
}
51% {
-moz-transform:  translate(206px,0px)  ;
}
100% {
-moz-transform:  translate(0px,0px)  ;
}
}
@-webkit-keyframes animationRightLeft {
0% {
-webkit-transform:  translate(0px,0px)  ;
}
51% {
-webkit-transform:  translate(206px,0px)  ;
}
100% {
-webkit-transform:  translate(0px,0px)  ;
}
}
@-o-keyframes animationRightLeft {
0% {
-o-transform:  translate(0px,0px)  ;
}
51% {
-o-transform:  translate(206px,0px)  ;
}
100% {
-o-transform:  translate(0px,0px)  ;
}
}
@-ms-keyframes animationRightLeft {
0% {
-ms-transform:  translate(0px,0px)  ;
}
51% {
-ms-transform:  translate(206px,0px)  ;
}
100% {
-ms-transform:  translate(0px,0px)  ;
}
}
.man-element-animation{
animation: animationFramesMan linear 8s;
animation-iteration-count: infinite;
transform-origin: 50% 50%;
-webkit-animation: animationFramesMan linear 8s;
-webkit-animation-iteration-count: infinite;
-webkit-transform-origin: 50% 50%;
-moz-animation: animationFramesMan linear 8s;
-moz-animation-iteration-count: infinite;
-moz-transform-origin: 50% 50%;
-o-animation: animationFramesMan linear 8s;
-o-animation-iteration-count: infinite;
-o-transform-origin: 50% 50%;
-ms-animation: animationFramesMan linear 8s;
-ms-animation-iteration-count: infinite;
-ms-transform-origin: 50% 50%;
}
@keyframes animationFramesMan{
0% {
transform:  translate(0px,0px)  ;
}
50% {
transform:  translate(0px,20px)  ;
}
100% {
transform:  translate(0px,0px)  ;
}
}
@-moz-keyframes animationFramesMan{
0% {
-moz-transform:  translate(0px,0px)  ;
}
50% {
-moz-transform:  translate(0px,20px)  ;
}
100% {
-moz-transform:  translate(0px,0px)  ;
}
}
@-webkit-keyframes animationFramesMan {
0% {
-webkit-transform:  translate(0px,0px)  ;
}
50% {
-webkit-transform:  translate(0px,20px)  ;
}
100% {
-webkit-transform:  translate(0px,0px)  ;
}
}
@-o-keyframes animationFramesMan {
0% {
-o-transform:  translate(0px,0px)  ;
}
50% {
-o-transform:  translate(0px,20px)  ;
}
100% {
-o-transform:  translate(0px,0px)  ;
}
}
@-ms-keyframes animationFramesMan {
0% {
-ms-transform:  translate(0px,0px)  ;
}
50% {
-ms-transform:  translate(0px,20px)  ;
}
100% {
-ms-transform:  translate(0px,0px)  ;
}
}
.only-in-mobile {
display: none;
}
.only-in-desktop {
display: none;
}
.homepage-contact-form-1 input::-webkit-input-placeholder,
.homepage-contact-form-1 textarea::-webkit-input-placeholder {
color: #9a9a9a;
}
.homepage-contact-form-1 input,
.homepage-contact-form-1 textarea {
margin-bottom: 15px;
font-size: 15px;
color: #9a9a9a;
padding: 20px;
border: 1px solid rgba(225, 225, 225, 0.9);
}
.homepage-contact-form-1 input:focus,
.homepage-contact-form-1 textarea:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #999;
}
.homepage-contact-form-1 textarea {
height: 170px;
}
.wpcf7 input::-webkit-input-placeholder,
.wpcf7 textarea::-webkit-input-placeholder {
color: #9a9a9a;
}
.wpcf7 input,
.wpcf7 textarea {
margin-bottom: 15px;
font-size: 15px;
color: #9a9a9a;
padding: 20px;
border: 1px solid rgba(225, 225, 225, 0.9);
}
.contact-input-fix .wpcf7 input,
.contact-input-fix .wpcf7 textarea {
height: 58px;
}
.form-control-home-page-2 {
height: 58px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid #999;
}
.wpcf7 textarea {
height: 170px;
}
.wpcf7 .contact-3 textarea {
height: 100px;
}
.wpcf7 .homepage-contact-form-2 textarea {
height: 100px;
color: #ffffff;
}
.wpcf7 .homepage-contact-form-2 textarea:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
color: #ffffff;
background: transparent;
}
.ul-zero ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
} .main-header-area {
z-index: 99;
position: relative;
}
.main-header-area ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
} header.header {
position: relative;
z-index: 10;
}
.logo-area a {
display: block;
}
.logo-area .sticky-logo {
display: none;
}
.logo-area img {
max-width: 190px;
}
@media(max-width: 1024px) {
.logo-area img {
max-width: 132px;
}
}
.header-menu {
position: relative;
top: 0;
left: 0;
right: 0;
margin: auto;
z-index: 100;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.header-menu:after {
clear: both;
content: "";
display: block;
}
.header-menu nav > ul,
.header-menu nav.template-main-menu > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: flex-end;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-menu nav > ul > li > a ,
.header-menu nav.template-main-menu > ul > li > a {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.header-menu nav > ul > li.current-menu-item > a,
.header-menu nav > ul > li > a:hover,
.header-menu nav.template-main-menu > ul > li > a:hover {
color: var(--accent_color);
}
nav> ul > li,
nav.template-main-menu > ul > li {
position: relative;
}
nav > ul > li > a ,
nav.template-main-menu > ul > li > a {
text-transform: uppercase;
font-size: 15px;
font-weight: 700;
font-family: 'Nunito', sans-serif;
letter-spacing: 0px;
line-height: 24px;
display: block;
color: var(--menu_color);
}
nav > ul > li ul.children,
nav > ul > li ul.sub-menu,
nav.template-main-menu > ul > li ul.sub-menu {
border-top: 1px solid var(--submenu_hover_background_color);
background-color: var(--submenu_background_color);
width: 210px;
visibility: hidden;
opacity: 0;
position: absolute;
top: 100%;
left: 0;
-webkit-box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-origin: 5% top;
-ms-transform-origin: 5% top;
transform-origin: 5% top;
-webkit-transition: 0s max-height 0.15s linear,0.1s opacity cubic-bezier(0.39,0.575,0.565,1),0.15s -webkit-transform cubic-bezier(0.1,1.26,0.83,1);
-webkit-transition: 0s max-height 0.15s linear,0.1s opacity cubic-bezier(0.39,0.575,0.565,1),0.15s transform cubic-bezier(0.1,1.26,0.83,1);
transition: 0s max-height 0.15s linear,0.1s opacity cubic-bezier(0.39,0.575,0.565,1),0.15s transform cubic-bezier(0.1,1.26,0.83,1);
}
nav > ul > li:hover > ul.children,
nav > ul > li:hover > ul.sub-menu,
nav.template-main-menu > ul > li:hover > ul.sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition-duration: 0s,0.2s,0.2s;
transition-duration: 0s,0.2s,0.2s;
}
.header-menu-desktop-sticky nav > ul > li > ul.children,
.header-menu-desktop-sticky nav > ul > li > ul.sub-menu,
.header-menu-desktop-sticky nav.template-main-menu > ul > li ul.sub-menu {
top: 100%;
}
.header-menu-desktop-sticky nav > ul > li > ul.children li > ul.children,
.header-menu-desktop-sticky nav > ul > li > ul.sub-menu li > ul.sub-menu,
.header-menu-desktop-sticky nav.template-main-menu > ul > li > ul.sub-menu li > ul.sub-menu {
top: 0%;
}
.header-menu-desktop-sticky nav > ul > li.mega-menu ul.sub-menu > li > ul.sub-menu,
.header-menu-desktop-sticky nav.template-main-menu > ul > li.mega-menu ul.sub-menu > li > ul.sub-menu {
top: 0%;	
}
nav > ul > li ul.children li a ,
nav > ul > li ul.sub-menu li a ,
nav.template-main-menu > ul > li ul.sub-menu li a {
font-size: 15px;
font-weight: 700;
text-transform: capitalize;
color: var(--submenu_color);
padding: 10px 20px;
line-height: 24px;
display: block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
nav > ul > li ul.children li a:hover,
nav > ul > li ul.sub-menu li a:hover,
nav.template-main-menu > ul > li ul.sub-menu li a:hover {
color: var(--submenu_hover_color);
background-color: var(--submenu_hover_background_color);
}
@media only screen and (max-width: 1199px) {
nav > ul > li ul.children li a,
nav > ul > li ul.sub-menu li a,
nav.template-main-menu > ul > li ul.sub-menu li a {
padding: 10px 15px;
}
}
nav > ul > li ul.children li:last-child a ,
nav > ul > li ul.sub-menu li:last-child a ,
nav.template-main-menu > ul > li ul.sub-menu li:last-child a {
padding-bottom: 15px;
}
nav > ul > li ul.dropdown-menu-col-2 ,
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-top: 1px solid var(--submenu_hover_color);
background-color: var(--submenu_background_color);
opacity: 0;
visibility: hidden;
position: absolute;
top: 100%;
left: 0;
-webkit-transform: translateY(15px);
transform: translateY(15px);
-webkit-box-shadow: 0px 3px 20px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0 3px 20px rgba(0, 0, 0, 0.05);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
nav > ul > li ul.dropdown-menu-col-2 li ,
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li {
min-width: 200px;
}
nav > ul > li ul.dropdown-menu-col-2 li a ,
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a {
font-size: 15px;
text-transform: capitalize;
color: #111111;
padding: 8px 15px;
display: block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
nav > ul > li ul.dropdown-menu-col-2 li a:hover ,
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a:hover {
color: var(--submenu_hover_color);
background-color: var(--submenu_hover_background_color);
}
nav > ul > li ul.dropdown-menu-col-2 li a:last-child ,
nav.template-main-menu > ul > li ul.dropdown-menu-col-2 li a:last-child {
padding-bottom: 15px;
}
nav > ul > li > ul.children,
nav > ul > li > ul.sub-menu {
opacity: 0;
visibility: hidden;
border-top: 1px solid var(--submenu_hover_background_color);
width: inherit;
display: -webkit-box;
display: -ms-flexbox;
-webkit-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
left: 50%;
position: absolute;
top: 100%;
left: 0;
background: #ffffff;
display: flex;
flex-direction: column;
width: 270px;
}
nav > ul > li > ul.children > li:hover > ul.children {
opacity: 1;
visibility: visible;
-webkit-transform: translatey(0);
transform: translatey(0);
z-index: 3;
left: calc(100% + 0px);
top: 25%;
}
nav > ul > li:hover > ul.children li a,
nav > ul > li:hover > ul.sub-menu li a{
font-size: 15px;
font-family: Nunito;
line-height: 24px;
text-transform: none;
font-style: normal;	
font-weight: 700;
text-transform: capitalize;
color: var(--submenu_color);
padding: 10px 20px;
display: block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;	
}
nav > ul > li:hover > ul.children li a:hover {
color: #ffffff;
}
nav > ul > li:hover ul.dropdown-menu-col-2,
nav.template-main-menu > ul > li:hover ul.dropdown-menu-col-2 {
opacity: 1;
visibility: visible;
-webkit-transform: translatey(0);
transform: translatey(0);
}
header nav > ul > li:hover .template-mega-menu,
header nav.template-main-menu > ul > li:hover .template-mega-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translatey(0);
transform: translatey(0);
}
.header-menu.menu-layout1 nav > ul > li > a ,
.header-menu.menu-layout1 nav.template-main-menu > ul > li > a {
padding: 40px 18px;
} .sticky-menu.fade-in .header-menu.menu-layout1 nav > ul > li > a ,
.sticky-menu.fade-in .header-menu.menu-layout1 nav.template-main-menu > ul > li > a {
padding: 30px 18px 30px 18px;
}
@media only screen and (max-width: 1199px) {
.sticky-menu.fade-in .header-menu.menu-layout1 nav > ul > li > a ,
.sticky-menu.fade-in .header-menu.menu-layout1 nav.template-main-menu > ul > li > a {
padding: 30px 10px 30px 10px;
}  
.header-menu.menu-layout1 nav > ul > li > a ,
.header-menu.menu-layout1 nav.template-main-menu > ul > li > a {
padding: 40px 10px;
}
}
.rt-sticky {
width: 100% !important;
z-index: 100;
background-color: #ffffff;
}
.rt-sticky nav > ul > li > a ,
.rt-sticky nav.template-main-menu > ul > li > a {
padding: 28px 18px;
}
@media only screen and (max-width: 1199px) {
.rt-sticky nav > ul > li > a ,
.rt-sticky nav.template-main-menu > ul > li > a {
padding: 28px 15px;
}
}
.header-menu.menu-layout1.rt-sticky {
background-color: var(--sticky_menu_background_color);
-webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
}
.header-menu.menu-layout1.rt-sticky nav > ul > li > a ,
.header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li > a {
padding: 28px 18px;
color: var(--sticky_menu_color);
}
@media only screen and (max-width: 1199px) {
.header-menu.menu-layout1.rt-sticky nav > ul > li > a ,
.header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li > a {
padding: 28px 8px;
}
}
.header-menu.menu-layout1.rt-sticky nav > ul > li:hover > a,
.header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li:hover > a,
.header-menu.menu-layout1.rt-sticky nav > ul > li.current-hash-item > a ,
.header-menu.menu-layout1.rt-sticky nav.template-main-menu > ul > li.current-hash-item > a {
color: var(--sticky_menu_accent_color);
}
.header-menu.menu-layout1.rt-sticky .header-action-layout1 ul .header-search-box a i:before {
color: var(--sticky_menu_color);
}
.header-menu.menu-layout1.rt-sticky .header-action-layout1 ul .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
-webkit-box-shadow: none;
box-shadow: none;
}
.header-menu.menu-layout1.rt-sticky .logo-area .temp-logo {
display: none;
}
.header-menu.menu-layout1.rt-sticky .logo-area .sticky-logo {
display: block;
}
@media only screen and (min-width: 992px) {
.hide-on-desktop-menu {
display: none !important;
}
}
@media only screen and (max-width: 991px) {
.hide-on-mobile-menu {
display: none;
}
}
.header-action-layout1 > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-action-layout1 > ul li {
display: inline-block;
margin-right: 3px;
margin-left: 15px;
line-height: 1;
}
.header-action-layout1 > ul li:last-child {
margin-right: 0;
}
.header-action-layout1 > ul .header-search-box a i:before {
color: var(--menu_color);
font-weight: 700;
font-size: 18px;
}
.header-action-layout1 > ul .search-box-light a i:before {
color: var(--light_primary_text_color);
}
@media only screen and (max-width: 1199px) {
.header-action-layout1 > ul .header-action-btn {
display: none;
}
}
.header-style-4 .header-right-content {
align-items: center;
}
.header-style-4 .header-right-content .btn-fill-4 {
margin-left: 20px;
padding: 10px 20px;
font-weight: 700;
}
.header-style-4 header#header-menu-desktop {
display: none;
}
.header-style-4 .header-search-box {
width: 17px;
}
.header-style-4.light-theme .header_search-field {
top: calc(100% + 35px);
right: 0;
}
.header-search {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.85);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform: translate(0px, -100%) scale(0, 0);
transform: translate(0px, -100%) scale(0, 0);
opacity: 0;
visibility: hidden;
z-index: 999999;
}
.header-search .header-search-form {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.header-search .header-search-form input[type="search"] {
width: 60%;
color: #ffffff;
font-size: 24px;
text-align: left;
border: none;
margin: 0px auto;
padding: 25px 10px 25px 30px;
outline: none;
background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(200, 200, 200, 0.5)), to(transparent));
background: linear-gradient(to right, transparent, rgba(200, 200, 200, 0.5), transparent);
}
@media only screen and (max-width: 575px) {
.header-search .header-search-form input[type="search"] {
width: 75%;
}
}
.header-search .header-search-form .search-btn {
padding: 24px 10px;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
border-radius: 4px;
cursor: pointer;
}
.header-search .header-search-form .search-btn i:before {
font-size: 24px;
font-weight: 700;
color: var(--light_primary_text_color);
margin-left: 0;
}
.header-search .header-search-form .search-btn:focus {
-webkit-box-shadow: none;
box-shadow: none;
outline: none;
}
.header-search .close {
position: fixed;
top: 15px;
right: 15px;
color: var(--primary_color);
background-color: rgba(255, 255, 255, 0.8);
border: none;
opacity: 1;
visibility: visible;
padding: 3px 15px 5px;
font-size: 36px;
font-weight: 300;
border-radius: 2px;
cursor: pointer;
-webkit-box-shadow: 0 1px 2px 0px rgba(255, 255, 255, 0.75);
box-shadow: 0 1px 2px 0px rgba(255, 255, 255, 0.75);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.header-search .close:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: none;
outline: none;
}
.header-search .close:hover {
background-color: #ffffff;
}
.header-search.open {
-webkit-transform: translate(0px, 0px) scale(1, 1);
transform: translate(0px, 0px) scale(1, 1);
opacity: 1;
visibility: visible;
}
.header-topbar-box ul li {
padding: 5px 0;
display: inline-block;
border-right: 1px solid rgba(255, 255, 255, 0.1);
color: var(--light_primary_text_color);
margin-right: 20px;
padding-right: 22px;
font-size: 14px;
}
.header-topbar-box ul li:last-child {
border-right: 0;
padding-right: 0;
margin-right: 0;
}
.header-topbar-box ul li i {
font-size: 14px;
color: var(--accent_color);
margin-right: 10px;
}
.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-btn {
background-color: transparent;
border: none;
color: var(--light_primary_text_color);
font-size: 14px;
padding-right: 20px;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-btn:after {
border: none;
content: "\F107";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 15px;
position: absolute;
top: 1px;
right: 10px;
}
.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-btn:focus {
outline: none;
}
.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-menu {
top: 3px !important;
width: 150px;
}
.header-topbar-box .header-social-item .lang-select .dropdown .dropdown-menu .dropdown-item {
font-size: 14px;
color: #444444;
padding: 6px 15px;
}
.header-topbar-box .header-social-item .social-icon a {
padding-right: 5px;
margin-right: 10px;
}
.header-topbar-box .header-social-item .social-icon a i {
margin-right: 0;
font-size: 14px;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.header-topbar-box .header-social-item .social-icon a:last-child {
padding-right: 0;
margin-right: 0;
}
.header-topbar-box .header-social-item .social-icon a:hover i {
color: #f2f2f2;
}
.offcanvas-menu-wrap.open {
-webkit-transform: translateX(0);
transform: translateX(0);
}
@media only screen and (max-width: 767px) {
.offcanvas-menu-wrap.open {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.admin-bar .offcanvas-menu-wrap {
top: 32px;
}
.offcanvas-menu-wrap {
width: 485px;
position: fixed;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
top: 0;
right: 0;
background-color: #fff;
border-left: 1px solid #fff5f5;
z-index: 9999999;
-webkit-transition: all ease 1s;
transition: all ease 1s;
}
.offcanvas-menu-wrap[data-position='right'] {
right: 0;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
.offcanvas-menu-wrap ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding-left: 0;
}
.offcanvas-menu-wrap ul li ul {
padding-left: 20px;
}
@media screen and (max-width: 1199px) {
.offcanvas-menu-wrap {
width: 100%;
}
}
.offcanvas-menu-wrap .close-btn {
cursor: pointer;
position: absolute;
top: 40px;
right: 50px;
font-size: 24px;
font-weight: 500;
color: var(--accent_color);
padding: 10px;
z-index: 3;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.offcanvas-menu-wrap .close-btn:hover i {
transform: rotate(180deg);
transition: all 0.9s;
}
.offcanvas-menu-wrap .offcanvas-content {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-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: 60px 0 55px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.offcanvas-menu-wrap .offcanvas-content .offcanvas-logo a {
display: block;
}
.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu {
text-align: center;
}
.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item {
margin-bottom: 20px;
}
.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a {
font-size: 15px;
font-weight: 500;
color: var(--dark_primary_text_color);
padding: 10px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.offcanvas-menu-wrap .offcanvas-content .offcanvas-menu .nav-item a:hover {
color: var(--primary_color);
}
.wrapper {
position: relative;
}
.wrapper:before {
content: "";
position: absolute;
width: 0;
height: 100%;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0.7);
z-index: 150;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transition: all 0.65s ease-in-out;
transition: all ease 1s;
}
.wrapper.open:before {
width: 100%;
}
.wrapper.open .offcanvas-mask {
content: "";
position: fixed;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: rgba(0, 0, 0, 0);
z-index: 150;
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
@media(max-width: 1199px) {
.wrapper:before {
background: rgba(0, 0, 0, 0);
}
}
.admin-bar {
margin-top: 32px;
}
@media( max-width: 782px) {
.admin-bar {
margin-top: 45px;
}
}
.sticky-menu-fillup #meanmenu {
width: 100%;
position: fixed;
top: 0;
z-index: 9999;
}
.mean-container .mean-bar:after {
content: "";
clear: both;
display: block;
}
.mean-container .mean-bar a.logo-mobile-menu {
width: 100%;
background-color: rgba(222, 222, 222, 0.95);
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mean-container .mean-bar .mobile-menu-nav-back {
padding-left: 15px;
border-bottom: 1px solid #b2b2b2;
position: relative;
text-align: center;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.mean-container .mean-bar .mobile-menu-nav-back:before {
position: absolute;
content: "";
height: 100%;
width: 100%;
background-color: rgba(248, 248, 248, 0.95);
z-index: -1;
top: 0;
left: 0;
right: 0;
}
.mean-container .mean-nav {
float: none !important;
background: transparent !important;
}
.mean-container .mean-nav > ul:after {
content: '';
display: block;
clear: both;
}
.mean-container .mean-nav > ul > li > a {
font-size: 14px;
color: var(--dark_primary_text_color);
font-weight: 700;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.mean-container .mean-nav > ul > li > a:hover {
color: var(--primary_color);
}
.mean-container .mean-nav > ul > li:hover > a {
color: var(--primary_color);
background-color: var(--light_primary_text_color);
}
.mean-container .mean-nav > ul > li li a:hover {
background-color: var(--light_primary_text_color);
}
.mean-container .mean-nav > ul > li a.mean-expand {
background-color: transparent;
margin-top: 0;
height: 20px;
line-height: 27px;
width: 100%;
text-align: right;
font-size: 14px;
padding: 12px 20px 12px 12px !important;
}
.mean-container .mean-nav > ul > li a.mean-expand:hover {
background-color: transparent;
}
.mean-container a.meanmenu-reveal {
float: none !important;
position: absolute;
top: 0;
-webkit-transition: unset;
transition: unset;
padding: 16px 14px 12px;
}
.mean-container #wrapper {
padding-top: 50px;
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
border: none;
border-radius: 4px;
cursor: pointer;
background-color: transparent;
padding: 0px 0px 0px 20px;
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn:focus {
outline: none;
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap {
width: 28px;
height: 18px;
display: block;
position: relative;
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span {
position: absolute;
left: 0;
height: 2px;
width: 100%;
background-color: #262626;
display: block;
opacity: 1;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(1n) {
top: 0;
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(2n) {
width: 80%;
top: 8px;
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn .btn-icon-wrap span:nth-child(3n) {
top: 16px;
}
.offcanvas-menu-trigger-wrap .offcanvas-btn-light {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px 0;
}
.offcanvas-menu-trigger-wrap .offcanvas-btn-light .btn-icon-wrap span {
background-color: var(--light_primary_text_color);
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(1n) {
top: 7px;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(2n) {
left: 40px;
opacity: 0;
visibility: hidden;
}
.offcanvas-menu-trigger-wrap .offcanvas-menu-btn.menu-status-close .btn-icon-wrap span:nth-child(3n) {
top: 7px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.offcanvas-footer {
text-align: center;
margin-bottom: 30px;
}
.offcanvas-footer .item-title {
font-size: 18px;
font-weight: 500;
color: #2b2a2a;
margin-bottom: 14px;
padding-bottom: 12px;
position: relative;
}
.offcanvas-footer .item-title:after {
position: absolute;
content: "";
left: 0;
right: 0;
bottom: 0;
margin: 0 auto;
height: 4px;
width: 33px;
border-radius: 5px;
background: var(--accent_color);
}
.offcanvas-footer .offcanvas-social li {
display: inline-block;
margin-right: 6px;
border-top: none;
}
.offcanvas-footer .offcanvas-social li:last-child {
margin-right: 0;
}
.offcanvas-footer .offcanvas-social li a {
color: var(--body_text_color);
font-size: 20px;
padding: 5px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.offcanvas-footer .offcanvas-social li a:hover {
color: var(--primary_color);
}
header.header-2 nav.template-main-menu {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
header.header-2 nav.template-main-menu > ul > li.mega-menu > ul.sub-menu {
-webkit-transform: translate(-40px, 15px);
transform: translate(-40px, 15px);
}
header.header-2 nav.template-main-menu > ul > li.mega-menu:hover > ul.sub-menu {
-webkit-transform: translate(-40px, 0);
transform: translate(-40px, 0);
}
header.header-2 .header-menu.menu-layout1 nav.template-main-menu > ul > li:first-child > a {
padding-left: 0;
}
header.header-2 .logo-social {
border-bottom: 1px solid rgba(160, 160, 160, 0.3);
padding-top: 10px;
padding-bottom: 10px;
}
header.header-2 .logo-social .header-logo-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-2 .logo-social .header-social-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-2 .logo-social .header-social-content .header-icon-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 50px;
}
header.header-2 .logo-social .header-social-content .header-icon-social:first-child {
margin-left: 0;
}
header.header-2 .logo-social .header-social-content .header-icon-social i {
font-size: 32px;
line-height: 1;
display: inline-block;
color: var(--accent_color);
}
header.header-2 .logo-social .header-social-content .header-icon-social .header-icon-social-content {
margin-left: 15px;
}
header.header-2 .logo-social .header-social-content .header-icon-social .header-icon-social-content .title {
font-size: 17px;
font-weight: 500;
margin-bottom: 0;
line-height: 1.3;
color: var(--dark_primary_text_color);
}
header.header-2 .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle {
color: var(--dark_primary_text_color);
}
header.header-2 .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle a {
color: var(--dark_primary_text_color);
}
body.dark-theme header.header-2 .logo-social .header-icon-social .header-icon-social-content .title {
color: var(--dark_theme_menu_color);
}
body.dark-theme header.header-2 .logo-social .header-icon-social .header-icon-social-content .subtitle {
color: var(--dark_theme_menu_color);
}
body.dark-theme header.header-2 .logo-social .header-icon-social .header-icon-social-content .subtitle a {
color: var(--dark_theme_menu_color);
}
header.header-3 .logo-social {
border-bottom: 1px solid rgba(160, 160, 160, 0.4);
padding-top: 10px;
padding-bottom: 10px;
}
header.header-3 .logo-social .header-logo-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-3 .logo-social .header-social-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-3 .logo-social .header-social-content .header-icon-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 50px;
}
header.header-3 .logo-social .header-social-content .header-icon-social:first-child {
margin-left: 0;
}
header.header-3 .logo-social .header-social-content .header-icon-social i {
font-size: 32px;
line-height: 1;
display: inline-block;
color: var(--accent_color);
}
header.header-3 .logo-social .header-social-content .header-icon-social .header-icon-social-content {
margin-left: 15px;
}
header.header-3 .logo-social .header-social-content .header-icon-social .header-icon-social-content .title {
font-size: 17px;
font-weight: 500;
margin-bottom: 0;
line-height: 1.3;
color: var(--menu_color);
}
header.header-3 .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle {
color: var(--menu_color);
font-size: 15px;
}
header.header-3 .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle a {
color: var(--menu_color);
}
header.header-3 .header-social-content-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
header.header-3 .header-social-content-right .header-social-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
header.header-3 .header-social-content-right .header-social-link ul li {
display: inline-block;
margin-right: 15px;
}
header.header-3 .header-social-content-right .header-social-link ul li:last-child {
margin-right: 20px;
}
header.header-3 .header-social-content-right .header-social-link ul li a {
color: var(--menu_color);
}
header.header-3 .header-social-content-right .header-social-link ul li a i {
font-size: 18px;
}
header.header-3 .header-social-content-right .header-social-link ul li a:hover {
color: var(--accent_color);
}
body.dark-theme header.header-3 .logo-social .header-icon-social .header-icon-social-content .title {
color: var(--dark_theme_menu_color);
}
body.dark-theme header.header-3 .logo-social .header-icon-social .header-icon-social-content .subtitle {
color: var(--dark_theme_menu_color);
}
body.dark-theme header.header-3 .logo-social .header-icon-social .header-icon-social-content .subtitle a {
color: var(--dark_theme_menu_color);
}
.main-header-area .header {
display: none;
} .header .temp-logo {
display: table-cell;
}
.header .trans-logo {
display: none;
}
.transparent-header .header .temp-logo {
display: none;
}
.transparent-header .header .trans-logo {
display: table-cell;
} .header-style-2 .sticky-menu .temp-logo,
.header-style-2.transparent-header .sticky-menu .temp-logo {
display: none;
}
.header-style-2.transparent-header .header .temp-logo {
display: table-cell;
}
.header-style-2.transparent-header .sticky-menu .temp-logo {
display: none;
}
.header-style-2 .only-in-desktop {
margin-left: 15px;
}
body.dark-theme header.header-2.sticky-menu .header-action-layout1 ul .header-search-box a i:before,
body.dark-theme header.header-2.sticky-menu .logo-social .header-icon-social .header-icon-social-content .title,
body.dark-theme header.header-2.sticky-menu .logo-social .header-icon-social .header-icon-social-content .subtitle{
color: #111;
} .header-style-3 .sticky-menu .temp-logo,
.header-style-3.transparent-header .sticky-menu .temp-logo {
display: none;
}
.header-style-3.transparent-header .header .temp-logo {
display: table-cell;
}
.header-style-3.transparent-header .sticky-menu .temp-logo {
display: none;
}
.header-style-3 .only-in-desktop {
margin-left: 15px;
}
body.dark-theme header.header-3.sticky-menu .header-action-layout1 ul .header-search-box a i:before,
body.dark-theme header.header-3.sticky-menu .logo-social .header-icon-social .header-icon-social-content .title,
body.dark-theme header.header-3.sticky-menu .logo-social .header-icon-social .header-icon-social-content .subtitle{
color: #111;
}
body.dark-theme header.header-3.sticky-menu .header-social-content-right .header-social-link ul li a {
color: #111;
} header.header.header-mobile.sticky-menu {
position: fixed;
width: 100%;
transition: all 0.5s;
top:0;
box-shadow: 0px 0px 9px -2px #2c1f68;
}
.admin-bar header.header.header-mobile.sticky-menu {
position: fixed;
width: 100%;
transition: all 0.5s;
top:32px;
box-shadow: 0px 0px 9px -2px #2c1f68;
}
.header-style-1 header#header-menu-desktop {
display: none;
}
header#header-menu-desktop.sticky-menu {
display: block;
position: fixed;
width: 100%;
background: #fff;
transition: all 0.5s;
top:0;
box-shadow: 0px 0px 9px -2px #2c1f68;
}
.admin-bar header#header-menu-desktop.sticky-menu {
display: block;
position: fixed;
width: 100%;
background: #fff;
transition: all 0.5s;
top:32px;
box-shadow: 0px 0px 9px -2px #2c1f68;
}
@media( max-width:1024px ){	
header#header-menu-desktop.sticky-menu { display : none }
.admin-bar header#header-menu-desktop.sticky-menu { display: none; }
}
@media( max-width:782px ){
.admin-bar header.header.header-mobile.sticky-menu {
position: fixed;
width: 100%;
transition: all 0.5s;
top:46px;
box-shadow: 0px 0px 9px -2px #2c1f68;
}	
}
header#header-menu-desktop.sticky-menu .sticky-logo {
display: block;
}
header#header-menu-desktop.sticky-menu .main-menu-content #menu-main-menu > li > a {
color: #111; 
}
.main-menu-content nav ul li > a.active {
color: var(--accent_color) !important;
}
.fade-in {
animation: fadeIn ease 1s;
-webkit-animation: fadeIn ease 1s;
-moz-animation: fadeIn ease 1s;
-o-animation: fadeIn ease 1s;
-ms-animation: fadeIn ease 1s;
}
@keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-moz-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-webkit-keyframes fadeIn {
0% { opacity:0; }
100% { opacity:1; }
}
@-o-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-ms-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@media only screen and (max-width: 666px) {
header.header {
display: block;
}
header.header .header-menu {
padding: 10px 0;
}
.main-menu-content .offcanvas-menu-trigger-wrap {
display: block;
}
.main-menu-content nav ,
.main-menu-content nav.template-main-menu {
display: none;
}
.header-menu.menu-layout1 nav > ul > li > a ,
.header-menu.menu-layout1 nav.template-main-menu > ul > li > a {
padding: 10px;
}
}
nav > ul > li ul.children li ul ,
nav > ul > li ul.sub-menu li ul ,
nav.template-main-menu > ul > li ul.sub-menu li ul {
left: 210px;
top: 0;
padding-top: 0;
width: 210px;
-webkit-transform: translateY(-1px);
transform: translateY(-1px);
}
ul.children li.menu-item-has-children,
ul.sub-menu li.menu-item-has-children {
position: relative;
}
ul.children li.menu-item-has-children:hover > ul.children,
ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
}
.wrapper .main-offcanvas-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 100vh;
padding: 35px 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
}
.main-offcanvas-content .offcanvas-logo {
margin-bottom: 30px;
text-align: left;
}
.main-offcanvas-content .offcanvas-logo a {
display: block;
}
.main-offcanvas-content .offcanvas-logo a img {
max-width: 190px;
}
@media(max-width: 767px) {
.main-offcanvas-content .offcanvas-logo a img {
max-width: 120px;
}
}
.main-offcanvas-content .offcanvas-menu > ul  {
margin-right: 15px;
}
.offcanvas-menu-wrap .main-offcanvas-content .offcanvas-menu > ul > li > a {
text-transform: uppercase;
}
.main-offcanvas-content,
.main-offcanvas-content .offcanvas-menu {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
overflow-y: auto;
margin-bottom: 20px;
}
.main-offcanvas-content a,
.main-offcanvas-content .offcanvas-menu a {
color: var(--menu_color);
display: block;
padding: 10px 0;
font-size: 15px;
font-weight: 500;
font-family: Roboto;
}
.main-offcanvas-content ul > li ul,
.main-offcanvas-content .offcanvas-menu > ul > li ul {
display: none;
}
.main-offcanvas-content ul li ,
.main-offcanvas-content .offcanvas-menu > ul li {
border-top: 1px solid #ddd;
position: relative;
}
.main-offcanvas-content ul li.current-hash-item a ,
.main-offcanvas-content .offcanvas-menu > ul li.current-hash-item a {
color: var(--accent_color);
}
.main-offcanvas-content ul li.menu-item-has-children,
.main-offcanvas-content .offcanvas-menu > ul li.menu-item-has-children {
-webkit-transition: all 1s;
transition: all 1s;
position: relative;
}
.main-offcanvas-content ul li.menu-item-has-children button.offcanvas-nested-opener ,
.main-offcanvas-content .offcanvas-menu > ul li.menu-item-has-children button.offcanvas-nested-opener {
background-color: transparent;
border: medium none;
color: #333;
padding: 5px 0px;
font-weight: 900;
font-size: 16px;
position: absolute;
right: 0;
top: 10px;
line-height: 15px;
}
.main-offcanvas-content ul li.menu-item-has-children button.offcanvas-nested-opener:focus ,
.main-offcanvas-content .offcanvas-menu > ul li.menu-item-has-children button.offcanvas-nested-opener:focus {
outline: none;
}
.main-offcanvas-content nav,
.main-offcanvas-content nav.template-main-menu {
margin-bottom: 10px;
}
.main-offcanvas-content .menu ul li.page_item_has_children button.offcanvas-nested-opener {
background-color: transparent;
border: medium none;
color: #333;
padding: 5px 20px;
font-weight: 900;
font-size: 16px;
position: absolute;
right: 25px;
top: 10px;
line-height: 15px;
}
.main-offcanvas-content .offcanvas-menu .current-menu-parent > a,
.main-offcanvas-content .offcanvas-menu .current-menu-parent .current-menu-item > a {
color: var(--accent_color);
}
.main-offcanvas-content .offcanvas-menu .sub-menu a {
color: var(--submenu_color);
}
nav,
nav.template-main-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.cart-icon-area {
position: relative;
}
.cart-icon-area:after {
height: 96px;
width: 30px;
background-color: transparent;
z-index: 99;
content: "";
position: absolute;
top: -23px;
left: -15px;
}
.cart-icon-area a {
color: inherit;
}
.cart-icon-area a i:before {
margin-left: 0;
line-height: 1;
font-size: 22px;
color: #111;
}
.cart-icon-area a:hover i {
color: var(--primary_color);
}
.cart-icon-area a span.cart-icon-num {
position: absolute;
top: -16px;
right: -14px;
border-radius: 50%;
background-color: var(--primary_color);
color: var(--light_primary_text_color);
height: 25px;
width: 25px;
line-height: 25px;
font-size: 14px;
text-align: center;
-webkit-box-shadow: 0 2px 2px rgba(168, 168, 168, 0.75);
box-shadow: 0 2px 2px rgba(168, 168, 168, 0.75);
}
.cart-icon-area .cart-icon-products {
position: absolute;
top: 60px;
right: -10px;
z-index: 999;
min-width: 385px;
background: white;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: perspective(400) rotate3d(1, 0, 0, -15deg);
transform: perspective(400) rotate3d(1, 0, 0, -15deg);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
}
.cart-icon-area .cart-icon-products .widget_shopping_cart {
padding: 10px;
}
@media screen and (max-width: 666px) {
.cart-icon-area .cart-icon-products {
min-width: 340px;
top: 50px;
right: auto;
left: -200px;
}
}
.cart-icon-area:hover .cart-icon-products {
display: block;
opacity: 1;
visibility: visible;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform: none;
transform: none;
}
.rt-sticky .header-action-layout1 ul .cart-icon-area a i:before {
color: var(--light_primary_text_color);
}
.rt-sticky .cart-icon-area .cart-icon-products {
top: 50px;
}
@media screen and (max-width: 666px) {
.rt-sticky .cart-icon-area .cart-icon-products {
top: 48px;
}
}
.hamburger_image img {
max-width: 60px;
}
.hamburger-for-dark-background {
border: 2px solid rgba(255, 255, 255, 0.5);
display: inline-block;
border-radius: 50%;
height: 50px;
width: 50px;
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;
}
.hamburger-for-dark-background img {
max-width: 80%;
max-height: 80%;
}
.header-mobile .hamburger_image img {
max-width: 40px;
}
.header-mobile .hamburger-for-dark-background {
height: 35px;
width: 35px;
padding: 5px;
}
.header-mobile .header-action-layout1 {
margin-right: 10px;
}
.header-mobile .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
padding: 0px;
}
.header-mobile .header-action-layout1 ul li.header-search-box {
border: 2px solid rgba(255, 255, 255, 0.5);
border-radius: 50%;
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;
height: 35px;
width: 35px;
text-align: center;
}
.header-mobile .header-action-layout1 ul li.header-search-box img {
max-width: 80%;
max-height: 80%;
}
body.transparent-header.dark-theme .header-desktop .header-action-layout1 ul li.header-search-box {
max-width: 50px; 
display: inline-block;
height: 50px;
width: 50px;
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;
}
body.transparent-header.dark-theme .header-desktop .header-action-layout1 ul li.header-search-box img {
max-width: 80%;
max-height: 80%;
}
body.transparent-header.dark-theme .header-desktop .header-action-layout1 ul li.header-search-box a {
margin-top: 0px;
}
body.transparent-header .header-desktop.desktop-hover-on {
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
body.transparent-header.dark-theme .header-desktop.desktop-hover-on {
-webkit-transition: all 0.5s;
transition: all 0.5s;
background-color: var(--dark_theme_menu_background_color);
}
.offcanvas-menu-wrap .template-main-menu-fallback {
padding: 35px 0;
}
.offcanvas-menu-wrap .template-main-menu-fallback.template-main-menu > ul > li > a {
line-height: 1.5;
}
.header-mobile .header-action-btn {
display: none;
}
.header-mobile .header-menu-mobile {
padding: 10px 0;
}
.header-mobile .header-menu {
background-color: var(--dark_theme_menu_background_color) !important;
}
.header-mobile .header-action-layout1 ul .header-search-box a i:before {
font-size: 16px;
}
@media screen and (max-width: 1199px) {
body.transparent-header .main-header-area .main-header-block {
position: relative !important;
}
}
.header-top-bar {
position: relative;
z-index: 99;
}
.top-bar-layout1 {
background-color: var(--topbar_background_color);
min-height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.top-bar-layout1 i.fa {
line-height: 1.6;
}
@media screen and (max-width: 767px) {
.top-bar-layout1 {
padding: 10px;
}
}
.topbar-style-3 .top-bar-layout1 {
background-color: rgba(0,0,0,0.1);
}
.header-contact-layout1 {
min-height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-contact-layout1 ul {
margin-top: 0px;
}
@media screen and (max-width: 1024px) {
.topbar-style-3 .top-bar-layout1 {
background-color: var(--topbar_background_color);
}
}
@media screen and (max-width: 767px) {
.header-contact-layout1 {
display: block;
}
.header-contact-layout1 ul {
margin-top: 7px;
display: flex;
}
}
.header-contact-layout1 ul li {
font-family: var(--heading_font);
font-size: 15px;
display: inline-block;
margin-right: 20px;
color: var(--topbar_color);
position: relative;
}
.header-contact-layout1 ul li:after {
content: '';
position: absolute;
width: 1px;
height: 45px;
top: -9px;
right: -11px;
background: rgba(255, 255, 255, 0.1);
}
@media( max-width:425px ){
.header-contact-layout1 ul li {
font-size: 13px;
}
.header-social-layout1 ul li a {
font-size: 12px;
}
.header-social-layout1 {
margin-bottom: 4px;
}
}
@media( max-width:767px ){
.header-contact-layout1 ul li:after {
content: '';
position: absolute;
width: 1px;
height: 45px;
top: -9px;
right: -11px;
background: rgba(255, 255, 255, 0.0);
}
}
.header-contact-layout1 ul li:last-child:after {
content: none;
}
.header-contact-layout1 ul li i:before {
margin-right: 5px;
color: inherit;
font-size: inherit;
line-height: inherit;
}
.header-contact-layout1 ul li a {
color: var(--topbar_color);
}
.header-contact-layout1 ul li a:hover {
color: var(--topbar_accent_color);
}
.header-contact-layout1 ul li:last-child {
margin-right: 0;
}
.header-contact-layout1 ul li .fa-phone {
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
}
@media screen and (max-width: 575px) {
.header-contact-layout1 ul li {
display: block;
text-align: center;
width: 50%;
}
}
@media screen and (max-width: 767px) {
.header-social-layout {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
} .container.top-info {
width: 100%;
max-width: 100%;
}
}
.header-social-layout1 {
min-height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media( max-width:425px ) {
.header-contact-layout1 ul li {
margin-right: 4px;
min-height: 30px;
}
.top-bar-layout1 {
padding: 0px;
}
.header-contact-layout1,
.header-social-layout1 {
min-height: 26px;
}
}
.header-social-layout1 ul li {
display: inline-block;
margin-right: 5px;
}
.header-social-layout1 ul li:last-child {
margin-right: 0;
}
.header-social-layout1 ul li a {
color: var(--topbar_color);
text-align: center;
height: 30px;
width: 30px;
font-size: 14px;
line-height: 30px;
border-radius: 50%;
display: block;
background-color: transparent;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
@media only screen and (max-width: 991px) {
.header-social-layout1 ul li a {
height: 30px;
width: 30px;
line-height: 30px;
font-size: 14px;
}
}
.header-social-layout1 ul li a:hover {
color: var(--topbar_accent_color);
background-color: var(--topbar_color);
}
.header-social-layout2 {
min-height: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-social-layout2 ul li {
display: inline-block;
margin-right: 16px;
}
.header-social-layout2 ul li:last-child {
margin-right: 0;
}
.header-social-layout2 ul li a {
color: #cccccc;
font-size: 16px;
display: block;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.header-social-layout2 ul li a:hover {
color: var(--primary_color);
}
.header-social-layout3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.header-social-layout3.light-bg ul li a {
color: #444;
font-size: 20px;
}
@media only screen and (max-width: 991px) {
.header-social-layout3 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.header-social-layout3 ul li {
display: inline-block;
margin-right: 16px;
}
.header-social-layout3 ul li:last-child {
margin-right: 0;
}
.header-social-layout3 ul li a {
color: var(--topbar_color);
font-size: 16px;
display: block;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.header-social-layout3 ul li a:hover {
color: var(--accent_color);
}
.header-social-layout4 {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media only screen and (max-width: 991px) {
.header-social-layout4 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.header-social-layout4 ul {
height: 100%;
}
.header-social-layout4 ul li {
display: inline-block;
height: 100%;
float: left;
}
.header-social-layout4 ul li:last-child {
border-right: 1px solid var(--topbar_color);
}
@media screen and (max-width: 767px) {
.header-social-layout4 ul li:last-child {
border: none;
}
}
.header-social-layout4 ul li a {
height: 100%;
width: 45px;
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;
color: var(--topbar_color);
font-size: 16px;
padding: 0 15px;
border: 1px solid var(--topbar_color);
border-top: none;
border-bottom: none;
border-right: none;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
@media screen and (max-width: 767px) {
.header-social-layout4 ul li a {
border: none;
}
}
.header-social-layout4 ul li a:hover {
color: var(--topbar_accent_color);
}
header nav > ul > li.mega-menu:hover ul ,
header nav.template-main-menu > ul > li.mega-menu:hover ul {
opacity: 1;
visibility: visible;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
header nav > ul > li.mega-menu ul.sub-menu ,
header nav.template-main-menu > ul > li.mega-menu ul.sub-menu {
border: none;
}
header nav > ul > li.mega-menu ul.sub-menu li:last-child a,
header nav.template-main-menu > ul > li.mega-menu ul.sub-menu li:last-child a {
padding: 10px 20px;
}
header nav > ul > li.mega-menu,
header nav.template-main-menu > ul > li.mega-menu {
position: static;
}
header nav > ul > li.mega-menu > ul.sub-menu,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu {
border-top: 1px solid var(--submenu_hover_background_color);
width: calc(100% - 30px);
max-width: 1210px;
position: absolute;
left: 0;
right: 0;
margin: auto;
padding: 15px;
display: flex;
justify-content: space-around;
}
header nav > ul > li.mega-menu:hover > ul.sub-menu ,
header nav.template-main-menu > ul > li.mega-menu:hover > ul.sub-menu {
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition-duration: 0s,0.2s,0.2s;
transition-duration: 0s,0.2s,0.2s;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
header nav > ul > li.mega-menu > ul.sub-menu > li,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li {
display: block;
float: left;
margin-right: 10px;
width: 210px;
border: none;
}
header nav > ul > li.mega-menu > ul.sub-menu > li:last-child ,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li:last-child {
margin: 0;
}
header nav > ul > li.mega-menu > ul.sub-menu > li > a ,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li > a {
background-color: #222;
margin-bottom: 5px;
color: #fff;
border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
header nav > ul > li.mega-menu > ul.sub-menu > li ul,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li ul {
position: relative;
width: 100%;
left: inherit;
-webkit-box-shadow: none;
box-shadow: none;
background: inherit;
}
header nav > ul > li.mega-menu > ul.sub-menu > li ul li,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li ul li {
padding: 0;
}
header nav > ul > li.mega-menu > ul.sub-menu > li ul li:hover a ,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li ul li:hover a {
background: inherit;
color: inherit;
}
header nav > ul > li.mega-menu > ul.sub-menu > li ul li ,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li ul li {
display: block;
}
header nav > ul > li.mega-menu > ul.sub-menu > li ul li:hover > a ,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li ul li:hover > a {
color: var(--submenu_hover_color);
background-color: var(--submenu_hover_background_color);
}
header nav > ul > li.mega-menu > ul.sub-menu > li ul li:last-child ,
nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li ul li:last-child {
border-bottom: none;
}
nav > ul > li.mega-menu > ul.sub-menu > li ul li a ,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu > li ul li a {
display: block;
padding: 10px 15px !important;
}
header nav > ul > li.mega-menu > ul.sub-menu li:after ,
header nav.template-main-menu > ul > li.mega-menu > ul.sub-menu li:after {
content: '';
}
header nav > ul > li.mega-menu.hide-header > ul.sub-menu > li > a ,
header nav.template-main-menu > ul > li.mega-menu.hide-header > ul.sub-menu > li > a {
display: none;
} nav > ul > li ul.children,
nav > ul > li ul.sub-menu,
nav.template-main-menu > ul > li ul.sub-menu {
display: flex;
flex-direction: column;
}
header nav > ul > li.mega-menu > ul.sub-menu, nav.template-main-menu > ul > li.mega-menu > ul.sub-menu {
flex-direction: inherit;
}
nav > ul > li ul.children li ul,
nav > ul > li ul.sub-menu li ul,
nav.template-main-menu > ul > li ul.sub-menu li ul {
left: calc(100% + 0px);
} .transparent_mixin .main-header-area {
position: relative;
}
.transparent_mixin .main-header-area .main-header-block {
position: absolute;
width: 100%;
z-index: 2;
}
body.dark-theme .header-desktop {
background-color: var(--dark_theme_menu_background_color);
}
body.dark-theme .header-desktop nav > ul > li > a:hover ,
body.dark-theme .header-desktop nav.template-main-menu > ul > li > a:hover {
color: var(--dark_theme_menu_accent_color);
}
body.dark-theme .inner-page-banner {
padding-top: 150px;
}
body.dark-theme nav > ul > li > a ,
body.dark-theme nav.template-main-menu > ul > li > a {
color: var(--dark_theme_menu_color);
}
body.dark-theme .cart-icon-area a i:before {
color: var(--dark_theme_menu_color);
}
body.dark-theme .header-desktop .header-action-layout1 ul .header-search-box a i:before {
color: var(--dark_theme_menu_color);
}
body.dark-theme header.header-3 .header-social-content-right .header-social-link ul li a {
color: var(--dark_theme_menu_color);
}
body.dark-theme header.header-3 .header-social-content-right .header-social-link ul li a:hover {
color: var(--accent_color);
}
body.dark-theme .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
-webkit-box-shadow: none;
box-shadow: none;
}
body.dark-theme .offcanvas-btn-light-mobile {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px 0;
}
body.dark-theme .offcanvas-btn-light-mobile .btn-icon-wrap span {
background-color: var(--light_primary_text_color);
}
.header-mobile .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
-webkit-box-shadow: none;
box-shadow: none;
}
.header-mobile .offcanvas-btn-light-mobile {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 15px 0;
}
.header-mobile .offcanvas-btn-light-mobile .btn-icon-wrap span {
background-color: var(--light_primary_text_color);
}
.header-mobile .cart-icon-area i {
color: var(--dark_theme_menu_color);
}
.header-mobile .header-action-layout1 ul .header-search-box a i:before {
color: var(--dark_theme_menu_color);
}
.header-mobile .offcanvas-menu-trigger-wrap .offcanvas-menu-btn {
-webkit-box-shadow: none;
box-shadow: none;
}
body.transparent-header .inner-page-banner {
padding-top: 150px;
}
body.transparent-header .main-header-area {
position: relative;
}
body.transparent-header .main-header-area .main-header-block {
position: absolute;
width: 100%;
z-index: 2;
}
body.transparent-header .header-desktop {
background-color: var(--transparent_menu_background_color);
}
body.transparent-header nav > ul > li > a ,
body.transparent-header nav.template-main-menu > ul > li > a {
color: var(--transparent_menu_color);
}
body.transparent-header nav > ul > li > a:hover ,
body.transparent-header nav.template-main-menu > ul > li > a:hover {
color: var(--transparent_menu_accent_color);
}
body.transparent-header .header-desktop .header-action-layout1 ul .header-search-box a i::before {
color: var(--transparent_menu_color);
}
body.transparent-header header.header-2 .logo-social .header-social-content .header-icon-social .header-icon-social-content .title,
body.transparent-header header.header-2 .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle {
color: var(--transparent_menu_color);
}
body.transparent-header header.header-2 .logo-social .header-social-content .header-icon-social i {
color: var(--transparent_menu_accent_color);
}
body.transparent-header header.header-3 .logo-social .header-social-content .header-icon-social .header-icon-social-content .title,
body.transparent-header header.header-3 .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle {
color: var(--transparent_menu_color);
}
body.transparent-header header.header-3 .logo-social .header-social-content .header-icon-social i {
color: var(--transparent_menu_accent_color);
}
body.transparent-header header.header-3 .header-social-content-right .header-social-link ul li a {
color: var(--transparent_menu_color);
}
body.transparent-header header.header-3 .header-social-content-right .header-social-link ul li a:hover {
color: var(--transparent_menu_accent_color);
}
body.transparent-header.dark-theme .header-desktop {
background-color: var(--dark_theme_transparent_menu_background_color);
}
body.transparent-header.dark-theme .header-desktop .header-menu {
border-bottom: 1px solid rgba(225, 225, 225, 0.15);
}
body.transparent-header.dark-theme .header-desktop .header-menu.rt-sticky {
border-bottom: none;
}
body.transparent-header.dark-theme nav > ul > li > a ,
body.transparent-header.dark-theme nav.template-main-menu > ul > li > a {
color: var(--dark_theme_transparent_menu_color);
}
body.transparent-header.dark-theme .sticky-menu nav > ul > li > a ,
body.transparent-header.dark-theme .sticky-menu nav.template-main-menu > ul > li > a {
color: var(--transparent_menu_color);
}
body.transparent-header.dark-theme nav > ul > li > a:hover ,
body.transparent-header.dark-theme nav.template-main-menu > ul > li > a:hover {
color: var(--dark_theme_transparent_menu_accent_color);
}
body.transparent-header.dark-theme .header-desktop .header-action-layout1 ul .header-search-box a i::before {
color: var(--dark_theme_transparent_menu_color);
}
body.transparent-header.dark-theme .sticky-menu.header-desktop .header-action-layout1 ul .header-search-box a i::before {
color: var(--transparent_menu_color);
}
body.transparent-header.dark-theme header.header-2 .logo-social .header-social-content .header-icon-social .header-icon-social-content .title,
body.transparent-header.dark-theme header.header-2 .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle {
color: var(--dark_theme_transparent_menu_color);
}
body.transparent-header.dark-theme header.header-2 .logo-social .header-social-content .header-icon-social i {
color: var(--dark_theme_transparent_menu_accent_color);
}
body.transparent-header.dark-theme header.header-3 .logo-social .header-social-content .header-icon-social .header-icon-social-content .title,
body.transparent-header.dark-theme header.header-3 .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle {
color: var(--dark_theme_transparent_menu_color);
}
body.transparent-header.dark-theme header.header-3 .logo-social .header-social-content .header-icon-social i {
color: var(--dark_theme_transparent_menu_accent_color);
}
body.transparent-header.dark-theme header.header-3 .header-social-content-right .header-social-link ul li a {
color: var(--dark_theme_transparent_menu_color);
}
body.transparent-header.dark-theme header.header-3 .header-social-content-right .header-social-link ul li a:hover {
color: var(--dark_theme_transparent_menu_accent_color);
}
body.transparent-header.dark-theme header.header-2.sticky-menu .logo-social .header-social-content .header-icon-social .header-icon-social-content .title, body.transparent-header.dark-theme header.header-2.sticky-menu .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle {
color: #111;
}
body.transparent-header.dark-theme header.header-3.sticky-menu .logo-social .header-social-content .header-icon-social .header-icon-social-content .title, body.transparent-header.dark-theme header.header-3.sticky-menu .logo-social .header-social-content .header-icon-social .header-icon-social-content .subtitle, body.transparent-header.dark-theme header.header-3.sticky-menu .header-social-content-right .header-social-link ul li a {
color: #111;
}
body.transparent-header .main-header-area {
position: relative;
}
body.transparent-header .main-header-area .main-header-block {
position: absolute;
width: 100%;
z-index: 2;
}
body.transparent-header.transparent-top-bar .top-bar-layout1 {
background-color: var(--transparent_menu_background_color);
}
@media screen and (max-width: 767px) {
body.transparent-header.transparent-top-bar .top-bar-layout1 {
display: none !important;
}
}
body.transparent-header.transparent-top-bar .top-bar-layout1 > div {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-contact-layout1 ul li,
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-contact-layout1 ul li a {
color: var(--transparent_menu_color);
}
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-contact-layout1 ul li i:before {
color: var(--transparent_menu_accent_color);
}
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout1 ul li a,
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout2 ul li a,
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout3 ul li a,
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout4 ul li a {
color: var(--transparent_menu_color);
}
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout1 ul li a:hover,
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout2 ul li a:hover,
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout3 ul li a:hover,
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout4 ul li a:hover {
background-color: transparent;
color: var(--transparent_menu_accent_color);
}
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout4 ul li {
border: none !important;
}
body.transparent-header.transparent-top-bar .top-bar-layout1 .header-social-layout4 ul li a {
border: none !important;
} .footer-wrap .widget .title {
position: relative;
padding-bottom: 15px;
}
.footer-wrap .widget .title:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 4px;
width: 33px;
border-radius: 5px;
background: var(--accent_color);
}
.footer-wrap {
font-size: 15px;
}
.footer-wrap ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.footer-top-bar-wrap {
padding: 40px 0 10px;
background-color: #f2f2f2;
}
.main-footer-wrap {
padding: 230px 0 50px;	
color: #c2c4d0;
}
@media( max-width:1199px ){
.main-footer-wrap {
padding-top: 175px;
}	
}
@media( max-width:991px ){
.main-footer-wrap {
padding-top: 140px;
}
}
@media( max-width:767px ){
.main-footer-wrap {
padding: 80px 0 30px;
}	
}
.footer-bottom-wrap {
position: relative;
z-index: 1;
padding: 15px 0px;
background-color: #090d2b;
}
.footer-top-bar-box {
margin-bottom: 30px;
}
.footer-top-bar-box .item-title {
font-size: 18px;
color: #111111;
font-weight: 500;
}
.footer-top-bar-box ul li {
line-height: 25px;
}
.copyright {
text-align: center;
color: var(--light_primary_text_color);
font-size: 16px;
padding: 0 15px;
}
.widget_optimax_about {
margin-bottom: 30px;
}
.widget_optimax_about .footer-logo {
margin-bottom: 10px;
}
.widget_optimax_about .footer-logo a {
display: inline-block;
}
.widget_optimax_about p {
color: #c2c4d0;
margin-bottom: 28px;
}
.widget_optimax_about .footer-social li {
display: inline-block;
margin-right: 8px;
}
.widget_optimax_about .footer-social li:last-child {
margin-right: 0;
}
.widget_optimax_about .footer-social li a {
display: block;
height: 44px;
width: 44px;
line-height: 44px;
text-align: center;
border: 2px solid rgba(235,235,235, 0.4);
border-radius: 50%;
color: #c2c4d0;
font-size: 16px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget.main-footer-box.widget_optimax_about .footer-social li a:hover {
background-color: var(--light_primary_text_color);
color: var(--accent_color);  
}
@media only screen and (max-width: 767px) {
.widget_optimax_about .footer-social li a {
height: 40px;
width: 40px;
line-height: 40px;
font-size: 16px;
}
}
.main-footer-box .footer-contact ul {
list-style: none;
margin: 0;
padding: 0;
}
.main-footer-box .footer-contact ul li i {
padding-right: 10px;
}
.footer-wrap .footer-logo img {
max-width: 70% !important;
}
.footer-wrap .contact-widget {
padding-left: 75px;
}
.footer-wrap .contact-widget .widgettitle {
color: #ffffff;
position: relative;
margin-bottom: 20px;
padding-bottom: 15px;
}
.footer-wrap .contact-widget .widgettitle:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 4px;
width: 33px;
border-radius: 5px;
background: var(--accent_color);
}
.footer-wrap .contact-widget .widget_text.custom-widget .widgettitle {
float: left;
margin-right: 35px;
padding-bottom: 0;
line-height: 1;
color: #ffffff;
margin-top: 13px;
}
.footer-wrap .contact-widget .widget_text.custom-widget .widgettitle:after {
display: none;
}
.footer-wrap .line-bar {
position: relative;
margin-bottom: 60px;
}
.footer-wrap .line-bar:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
height: 1px;
width: 100%;
background: #282f61;
}
@media(max-width: 1199px) {
.footer-wrap .contact-widget {
padding-left: 0;
}
.footer-wrap .contact-widget .widget_text.custom-widget .widgettitle {
float: inherit;
margin-right: 0;
margin-top: 0;
}
.footer-wrap .contact-widget .news-like-fix div:first-child {
max-width: 66.666%;
}
.footer-wrap .contact-widget .news-like-fix div:last-child {
max-width: 33.3333%;
margin-left: 0;
}
}
@media(max-width: 991px) {
.footer-wrap .contact-widget .news-like-fix div:first-child {
max-width: 100%;
}
.footer-wrap .contact-widget .news-like-fix div:last-child {
max-width: 100%;
}
}
@media(max-width: 767px) {
.footer-wrap .line-bar {
margin-bottom: 30px;
}
.footer-wrap .footer-inner .main-footer-wrap:after {
display: none;
}
} .footer-wrap .footer-inner {
position: relative;
z-index: 2;
}
.footer-wrap .footer-inner .main-footer-wrap:after {
content: "";
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/footer_shape_top.png);
height: 118px;
width: 100%;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
z-index: 5;
top: 0;
left: 0;
right: 0;
}
.footer-wrap .footer-inner .main-footer-wrap:before {
position: absolute;
z-index: -1;
content: "";
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: -o-linear-gradient(30deg, #040b3f 0%, #202547 100%);
background-image: linear-gradient(60deg, #040b3f 0%, #202547 100%);
}
.footer-wrap ul.shape-holder li {
position: absolute;
z-index: 0;
}
.footer-wrap ul.shape-holder li.shape1 {
left: 10%;
top: 0;
}
.footer-wrap ul.shape-holder li.shape2 {
right: 30%;
top: -60px;
}
.footer-wrap ul.shape-holder li.shape3 {
right: 0;
top: 0;
}
.footer-wrap ul.shape-holder li.shape4 {
left: 0;
bottom: 15%;
}
.footer-wrap ul.shape-holder li.shape5 {
right: 23%;
bottom: -27px;
}
.footer-wrap ul.shape-holder li.shape6 {
right: 2%;
bottom: 10%;
}
.footer-wrap ul.shape-holder li.shape7 {
right: 0;
left: 0;
bottom: 0;
}
@media(max-width: 991px) {
.footer-wrap ul.shape-holder li.shape1,
.footer-wrap ul.shape-holder li.shape2,
.footer-wrap ul.shape-holder li.shape3,
.footer-wrap ul.shape-holder li.shape4,
.footer-wrap ul.shape-holder li.shape5,
.footer-wrap ul.shape-holder li.shape6 {
display: none;
}
.footer-wrap ul.shape-holder li.shape7 {
bottom: 50px;
}
}
@media(max-width: 767px) {
.footer-wrap ul.shape-holder li.shape7 {
bottom: 80px;
}
} .inner-page-banner {
display: block;
padding: 105px 0 90px;
}
@media only screen and (max-width: 991px) {
.inner-page-banner {
padding: 90px 0 80px;
}
}
@media only screen and (max-width: 768px) {
.inner-page-banner {
padding: 80px 0 70px;
}
}
@media only screen and (max-width: 767px) {
.inner-page-banner {
padding: 50px 0 45px;
}
}
.inner-page-banner .breadcrumbs-area {
position: relative;
z-index: 1;
text-align: center;
}
.inner-page-banner .breadcrumbs-area h1 {
text-transform: capitalize;
color: var(--light_primary_text_color);
margin-bottom: 0;
}
.inner-page-banner .breadcrumbs-area ul {
margin-top: 10px;
padding-left: 0px;
margin-bottom: 0px;
}
@media only screen and (max-width: 768px) {	
.inner-page-banner .breadcrumbs-area ul {
margin-bottom: 0px;
padding-left: 0px;
}
}
@media only screen and (max-width: 991px) {
.inner-page-banner .breadcrumbs-area h1 {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.inner-page-banner .breadcrumbs-area h1 {
font-size: 36px;
line-height: 1.4;
}  
.inner-page-banner .breadcrumbs-area ul {
margin-bottom: 0px;
padding-left: 0px;
}
}
.inner-page-banner .breadcrumbs-area ul li {
display: inline-block;
color: #e3d3ff;
font-size: 16px;
position: relative;
margin-right: 12px;
padding-right: 10px;
margin-bottom: 10px;
}
@media ( max-width:767px ){
.inner-page-banner .breadcrumbs-area ul li {
margin-bottom: 0px;
}	
}
.inner-page-banner .breadcrumbs-area ul li:before {
content: "\f111";
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 6px;
position: absolute;
right: -5px;
top: 54%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 5;
color: var(--accent_color);
}
.inner-page-banner .breadcrumbs-area ul li a {
color: #ffffff;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.inner-page-banner .breadcrumbs-area ul li a:hover {
color: var(--accent_color);
}
.inner-page-banner .breadcrumbs-area ul li:last-child {
margin-right: 0;
padding-right: 0;
}
.inner-page-banner .breadcrumbs-area ul li:last-child:before {
display: none;
}
.fw-btn-fill {
position: relative;
display: block;
border: none;
color: var(--light_primary_text_color);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 4px;
padding: 12px 10px;
text-align: center;
width: 100%;
z-index: 1;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fw-btn-fill i {
margin-left: 8px;
}
.fw-btn-fill:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.fw-btn-fill:hover {
color: var(--light_primary_text_color);
}
.fw-btn-fill:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.btn-fill {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 15px;
color: var(--light_primary_text_color);
padding: 14px 30px;
border-radius: 4px;
margin-top: 16px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill i {
margin-left: 10px;  
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.btn-fill:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill:hover {
color: var(--light_primary_text_color);
}
.btn-fill:hover i {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.btn-fill:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.btn-fill {
padding: 12px 20px;
}
} .btn-fill-accent-2 {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 15px;
color: var(--light_primary_text_color);
padding: 12px 30px;
border-radius: 4px;
margin-top: 16px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-accent-2 i {
margin-left: 10px;  
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.btn-fill-accent-2:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-accent-2:hover {
color: var(--light_primary_text_color);
}
.btn-fill-accent-2:hover i {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.btn-fill-accent-2:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.btn-fill-accent-2 {
padding: 12px 20px;
}
}
.btn-fill-accent-2:after {
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_dark)), to(var(--gradient_2_light)));
background: linear-gradient(to right, var(--gradient_2_dark), var(--gradient_2_light));
} .btn-fill-accent-3 {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 15px;
color: var(--light_primary_text_color);
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
padding: 14px 30px;
border-radius: 4px;
margin-top: 16px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-accent-3 i {
margin-left: 10px;  
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.btn-fill-accent-3:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-accent-3:hover {
color: var(--light_primary_text_color);
}
.btn-fill-accent-3:hover i {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.btn-fill-accent-3:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.btn-fill-accent-3 {
padding: 12px 20px;
}
} .btn-fill-2 {
display: inline-block;
font-weight: 500;
font-size: 15px;
color: var(--light_primary_text_color);
padding: 12px 25px;
border-radius: 4px;
margin-top: 16px;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-2 i {
margin-left: 10px;
}
.btn-fill-2:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-2:hover {
color: var(--light_primary_text_color);
}
.btn-fill-2:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.btn-fill-3 {
display: inline-block;
font-weight: 500;
font-size: 15px;
color: var(--light_primary_text_color);
border: none;
padding: 12px 25px;
border-radius: 4px;
cursor: pointer;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-3 i {
font-size: 14px;
margin-left: 10px;
}
.btn-fill-3:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-3:hover {
color: var(--light_primary_text_color);
}
.btn-fill-3:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.btn-fill-4 {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 14px;
letter-spacing: 1.5px;
color: var(--light_primary_text_color);
border: none;
padding: 8px 20px;
border-radius: 4px;
cursor: pointer;
z-index: 1;
}
.btn-fill-4 i {
font-size: 14px;
margin-left: 10px;
}
.btn-fill-4:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-4:hover {
color: var(--light_primary_text_color);
}
.btn-fill-4:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 1399px) {
.btn-fill-4 {
padding: 8px 16px;
}
}
.btn-fill-5 {
display: inline-block;
font-weight: 500;
font-size: 15px;
color: var(--light_primary_text_color);
padding: 12px 30px;
border-radius: 4px;
margin-top: 16px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-5 i {
margin-left: 10px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.btn-fill-5:hover i {	
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.btn-fill-5:hover {
color: var(--light_primary_text_color);
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
}
@media only screen and (max-width: 767px) {
.btn-fill-5 {
padding: 12px 20px;
}
}
.ghost-btn-1 {
display: inline-block;
font-weight: 500;
font-size: 15px;
border: 2px solid;
padding: 10px 34px;
border-radius: 4px;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.ghost-btn-1 i {
margin-left: 10px;
}
.ghost-btn-1:hover {
border-color: var(--accent_color);
color: var(--light_primary_text_color);
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
}
@media only screen and (max-width: 1199px) {
.ghost-btn-1 {
padding: 10px 20px;
}
}
.ghost-btn-2 {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 15px;
border: 2px solid;
padding: 12px 25px;
border-radius: 6px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.ghost-btn-2 i {
margin-left: 10px;
}
.ghost-btn-2:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, left top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to left, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
left: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.ghost-btn-2:hover {
border: 2px solid var(--accent_color);
color: var(--light_primary_text_color);
}
.ghost-btn-2:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 991px) {
.ghost-btn-2 {
font-size: 14px;
padding: 8px 20px;
}
}
.ghost-btn-3 {
display: inline-block;
font-weight: 500;
font-size: 15px;
border: 2px solid var(--primary_color);
padding: 10px 34px;
border-radius: 4px;
-webkit-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
.ghost-btn-3 i {
margin-left: 10px;
}
.ghost-btn-3:hover {
border-color: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
color: var(--light_primary_text_color);
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_light)), to(var(--gradient_2_dark)));
background: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
}
@media only screen and (max-width: 1199px) {
.ghost-btn-3 {
padding: 10px 20px;
}
}
.isotop-btn {
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.isotop-btn {
text-align: center;
}
}
.isotop-btn .nav-item {
cursor: pointer;
font-weight: 500;
color: #646464;
display: inline-block;
margin-right: 30px;
padding-bottom: 8px;
position: relative;
margin-bottom: 15px;
}
.isotop-btn .nav-item:last-child {
margin-right: 0;
}
.isotop-btn .nav-item:before {
content: "/";
font-size: 18px;
color: #646464;
font-weight: 500;
position: absolute;
top: -2px;
right: -21px;
}
.isotop-btn .nav-item:after {
content: "";
height: 3px;
width: 0%;
background-color: var(--accent_color);
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.isotop-btn .nav-item:hover {
color: var(--dark_primary_text_color);
}
.isotop-btn .nav-item:hover:after {
width: 100%;
}
.isotop-btn .nav-item.current {
color: var(--dark_primary_text_color);
}
.isotop-btn .nav-item.current:after {
width: 100%;
}
.isotop-btn-2 {
margin-bottom: 15px;
}
.isotop-btn-2 .nav-item {
cursor: pointer;
font-size: 16px;
font-weight: 700;
font-family: Nunito, sans-serif;
text-transform: uppercase;
color: #646464;
display: inline-block;
margin-right: 20px;
margin-bottom: 15px;
padding-bottom: 8px;
padding: 0 10px 10px;
position: relative;
}
.isotop-btn-2 .nav-item:last-child {
margin-right: 0;
}
.isotop-btn-2 .nav-item:after {
content: "";
height: 4px;
width: 0%;
background-color: var(--accent_color);
position: absolute;
bottom: 0;
left: 0;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.isotop-btn-2 .nav-item:hover {
color: var(--accent_color);
}
.isotop-btn-2 .nav-item:hover:after {
width: 100%;
}
.isotop-btn-2 .nav-item.current {
color: var(--accent_color);
}
.isotop-btn-2 .nav-item.current:after {
width: 100%;
}
#preloader {
background: var(--light_primary_text_color) url(//www.softshopee.com/wp-content/themes/optimax/assets/css/img/preloader.gif) no-repeat scroll center center;
height: 100%;
left: 0;
overflow: visible;
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
}
.scrollup {
overflow: hidden;
position: fixed;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 45px;
bottom: -50px;
right: 20px;
text-align: center;
z-index: 9999;
background-color: rgba(17, 17, 17, 0.8);
display: block;
font-size: 16px;
color: var(--light_primary_text_color);
-webkit-transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
transition: all 0.5s cubic-bezier(0, 0, 0.15, 1.88);
}
.scrollup i {
display: inline-block;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.scrollup:hover,
.scrollup:focus {
color: var(--light_primary_text_color);
}
.scrollup:hover i,
.scrollup:focus i {
-webkit-animation: toBottomFromTop20 0.5s forwards;
animation: toBottomFromTop20 0.5s forwards;
}
.scrollup.back-top {
bottom: 20px;
}
.heading-layout1 {
text-align: center;
margin-bottom: 44px;
}
@media( max-width:767px ){
.heading-layout1 {
margin-bottom: 18px;
}
.rtel-testimonial-1 .rtin-testimonial-right .single-testimonial .item-paragraph {
margin-bottom: 25px;
}
}
.heading-layout1 h2,
.heading-layout1 h3 {
font-weight: 800;
margin-bottom: 12px;
}
.heading-layout1 p {
width: 70%;
margin: 0 auto;
}
@media only screen and (max-width: 991px) {
.heading-layout1 p {
width: 100%;
}
}
.heading-layout2 {
text-align: center;
margin-bottom: 44px;
}
.heading-layout2 h2 {
color: var(--light_primary_text_color);
font-weight: 700;
margin-bottom: 12px;
}
.heading-layout2 p {
color: var(--light_primary_text_color);
width: 50%;
margin: 0 auto;
}
@media only screen and (max-width: 991px) {
.heading-layout2 p {
width: 100%;
}
}
.heading-layout3 {
text-align: center;
margin-bottom: 44px;
}
.heading-layout3 h2 {
color: var(--light_primary_text_color);
font-weight: 700;
margin-bottom: 12px;
}
.heading-layout3 p {
color: var(--light_primary_text_color);
width: 70%;
margin: 0 auto;
}
.heading-layout4 {
text-align: center;
margin-bottom: 60px;
}
.heading-layout4 h2 {
font-size: 48px;
color: #646464;
margin-bottom: 25px;
}
.heading-layout4 h2 span {
color: #000000;
font-weight: 600;
}
@media only screen and (max-width: 991px) {
.heading-layout4 h2 {
font-size: 42px;
}
}
@media only screen and (max-width: 767px) {
.heading-layout4 h2 {
font-size: 36px;
}
}
.heading-layout4 .item-subtitle {
font-size: 36px;
}
@media only screen and (max-width: 767px) {
.heading-layout4 .item-subtitle {
font-size: 28px;
}
}
.heading-layout5 {
position: relative;
margin-bottom: 20px;
}
.heading-layout5 h2,
.heading-layout5 h3 {
font-weight: 800;
padding-bottom: 18px;
font-size: 22px;
}
.heading-layout5:after {
content: "";
height: 4px;
width: 33px;
border-radius: 5px;
background-color: var(--accent_color);
position: absolute;
bottom: 0;
left: 0;
}
.heading-layout6 {
position: relative;
margin-bottom: 30px;
}
.heading-layout6 h3 {
padding-bottom: 18px;
font-size: 26px;
}
@media only screen and (max-width: 1199px) {
.heading-layout6 h3 {
font-size: 28px;
}
}
@media only screen and (max-width: 991px) {
.heading-layout6 h3 {
font-size: 26px;
}
}
@media only screen and (max-width: 767px) {
.heading-layout6 h3 {
font-size: 24px;
}
}
.heading-layout6 h2 {
font-weight: 600;
padding-bottom: 28px;
}
.heading-layout6:after {
content: "";
height: 4px;
width: 33px;
background-color: var(--accent_color);
border-radius: 5px;
position: absolute;
bottom: 0;
left: 0;
}
.heading-layout7 {
position: relative;
margin-bottom: 34px;
}
.heading-layout7 h3 {
font-size: 24px;
font-weight: 600;
padding-bottom: 28px;
}
.heading-layout7 h3 span {
font-weight: 400;
}
@media only screen and (max-width: 991px) {
.heading-layout7 h3 {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.heading-layout7 h3 {
font-size: 20px;
}
}
.heading-layout7:after {
content: "";
height: 4px;
width: 43px;
background-color: var(--accent_color);
position: absolute;
bottom: 0;
left: 0;
}
.pagination-layout2 {
border-bottom: 1px solid #efebe9;
border-top: 1px solid #efebe9;
padding: 30px 0 35px;
}
.pagination-layout2 .prev-btn .media .item-img {
margin-top: 6px;
}
.pagination-layout2 .prev-btn .media .item-img a {
display: block;
}
.pagination-layout2 .prev-btn .media .item-img a img {
border-radius: 4px;
}
@media only screen and (max-width: 991px) {
.pagination-layout2 .prev-btn .media .media-body {
margin-left: 10px;
}
.pagination-layout2 .next-btn .media .media-body.mg-right {
margin-right: 10px;
}
}
.pagination-layout2 .prev-btn .media .media-body .item-title {
font-weight: 700;
color: var(--dark_primary_text_color);
margin-bottom: 5px;
}
.pagination-layout2 .prev-btn .media .media-body .item-title:hover {
color: var(--primary_color);
}
.pagination-layout2 .prev-btn .media .media-body a {
font-size: 14px;
color: #646464;
font-weight: 400;
}
.pagination-layout2 .prev-btn .media .media-body a:hover {
color: var(--primary_color);	
}
.pagination-layout2 .prev-btn .media .media-body a i {
font-size: 14px;
color: #0223a3;
margin-right: 8px;
}
.pagination-layout2 .home-btn .menu-icon {
width: 40px;
display: inline-block;
line-height: 1.2;
}
.pagination-layout2 .home-btn .menu-icon span {
display: inline-block;
height: 16px;
width: 17px;
background-color: #cccccc;
}
.pagination-layout2 .next-btn .media .item-img {
margin-top: 6px;
}
@media( max-width: 991px ){
.pagination-layout2 .next-btn .media .item-img {
width: 41%;
}
}
.pagination-layout2 .next-btn .media .item-img a {
display: block;
}
.pagination-layout2 .next-btn .media .item-img a img {
border-radius: 4px;
}
.pagination-layout2 .next-btn .media .media-body .item-title {
font-weight: 700;
color: var(--dark_primary_text_color);
margin-bottom: 5px;
}
.pagination-layout2 .next-btn .media .media-body .item-title:hover {
color: var(--primary_color);
}
.pagination-layout2 .next-btn .media .media-body a {
font-size: 14px;
color: #646464;
font-weight: 400;
}
@media( max-width:767px ) {
.pagination-layout2 .middle-button {
display: none !important;
}
}
.pagination-layout2 .next-btn .media .media-body a:hover {
color: var(--primary_color);
}
.pagination-layout2 .next-btn .media .media-body a i {
font-size: 14px;
color: #0223a3;
margin-left: 8px;
}
.pagination-layout3 {
border-bottom: 1px solid #efebe9;
padding-bottom: 40px;
margin-bottom: 30px;
}
.pagination-layout3 .prev-btn .media .item-img {
margin-top: 0px;
margin-right: 30px;
}
@media( max-width: 1024px ){	
.pagination-layout3 .prev-btn .media .item-img,
.pagination-layout3 .next-btn .media .item-img {
width: 25%;
}	
}
.pagination-layout3 .prev-btn .media .item-img img {
border-radius: 4px;
width: 135px;
}
.pagination-layout3 .prev-btn .media .media-body {
margin-left: 0;
}
.pagination-layout3 .prev-btn .media .media-body .item-title {
color: var(--dark_primary_text_color);
margin-bottom: 6px;
line-height: 25px;
}
.pagination-layout3 .prev-btn .media .media-body .item-title a {
color: var(--dark_primary_text_color);
}
.pagination-layout3 .prev-btn .media .media-body .item-date {
margin-bottom: 15px;
}
.pagination-layout3 .prev-btn .media .media-body .item-date i {
font-size: 16px;
color: var(--dark_primary_color);
font-weight: 500;
margin-right: 10px;
}
@media only screen and (max-width: 1199px) {
.pagination-layout3 .prev-btn .media .media-body .item-date {
display: none;
}
}
.pagination-layout3 .prev-btn .media .media-body a {
color: #646464;
}
.pagination-layout3 .prev-btn .media .media-body a i {
font-size: 14px;
color: var(--accent_color);
margin-right: 10px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pagination-layout3 .prev-btn .media .media-body a:hover {
color: var(--primary_color);
}
.pagination-layout3 .next-btn .media {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.pagination-layout3 .next-btn .media .item-img {
margin-top: 0px;
}
.pagination-layout3 .next-btn .media .item-img img {
border-radius: 4px;
width: 135px;
}
@media only screen and (max-width: 1199px) {
.pagination-layout3 .next-btn .media .item-img {
text-align: right;
}
}
.pagination-layout3 .next-btn .media .media-body .item-title {
color: var(--dark_primary_text_color);
margin-bottom: 6px;
line-height: 25px;
}
.pagination-layout3 .next-btn .media .media-body .item-title a {
color: var(--dark_primary_text_color);
}
.pagination-layout3 .next-btn .media .media-body .item-date {
margin-bottom: 15px;
}
.pagination-layout3 .next-btn .media .media-body .item-date i {
font-size: 16px;
color: var(--dark_primary_color);
font-weight: 500;
margin-right: 10px;
}
@media only screen and (max-width: 1199px) {
.pagination-layout3 .next-btn .media .media-body .item-date {
display: none;
}
}
.pagination-layout3 .next-btn .media .media-body a {
color: #646464;
}
.pagination-layout3 .next-btn .media .media-body a i {
font-size: 14px;
color: var(--accent_color);
margin-left: 10px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.pagination-layout3 .next-btn .media .media-body a:hover {
color: var(--dark_primary_text_color);
} .pagination-layout4 {
border-bottom: 1px solid #efebe9;
border-top: 1px solid #efebe9;
padding-top: 30px;
padding-bottom: 30px;
}
.pagination-layout4 .post-nav-title {
font-size: 18px;
line-height: 1.2;
margin-bottom: 0;
margin-top: 10px;
}
.pagination-layout4 .next-article a,
.pagination-layout4 .prev-article a,
.pagination-layout4 .post-nav-title a {
color: #111111;
}
.pagination-layout4 .next-article a:hover,
.pagination-layout4 .prev-article a:hover,
.pagination-layout4 .post-nav-title a:hover {
color: var(--primary_color);
}
.pagination-layout4 .next-article,
.pagination-layout4 .prev-article {
font-size: 14px
}
.pagination-layout4 span.next-article:before {
border: none;
content: "\F104";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 15px;
position: relative;
top: 1px;
left: 0px;
margin-right: 5px;
color: var(--primary_color);
}
.pagination-layout4 span.prev-article:after {
border: none;
content: "\F105";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 15px;
position: relative;
top: 1px;
left: 0px;
margin-left: 5px;
color: var(--primary_color);
}
.pagination-layout4 .left-img,
.pagination-layout4 .right-img {
width: 120px;
}
.pagination-layout4 .left-img img,
.pagination-layout4 .right-img img {
border-radius: 5px;
}
.pagination-layout4 .left-img {
margin-right: 20px;
}
.pagination-layout4 .right-img {
margin-left: 20px;
}
.pagination-layout4 .text-left,
.pagination-layout4 .text-right {
display: flex;
align-items: center;
}
.pagination-layout4 .text-left {
justify-content: flex-start;
}
.pagination-layout4 .text-right {
justify-content: flex-end;
}
@media( max-width:767px ) {
.pagination-layout4 .left-img,
.pagination-layout4 .right-img {
display: none;
}
.pagination-layout4 .next-post-wrapper {
padding-right: 15px !important;
}
.pagination-layout4 .prev-post-wrapper {
padding-left: 15px !important;
}
.pagination-layout4 .post-nav-title{
font-size: 16px;
line-height: 24px;
}
.pagination-layout4 .next-article,
.pagination-layout4 .prev-article {
font-size: 14px
}
.pagination-layout4 .left-img {
margin-right: 10px;
}
.pagination-layout4 .right-img {
margin-left: 10px;
}
} .pagination-layout5 {
border-bottom: 1px solid #efebe9;
border-top: 1px solid #efebe9;
padding: 30px 0 30px;	
}
.pagination-layout5 .left-img {
margin-right: 20px;
border-radius: 6px;
}
.pagination-layout5 .right-img {
margin-left: 20px;
border-radius: 6px;	
}
@media only screen and (max-width: 991px) {
.sidebar-break-md {
margin-top: 50px;
}
}
@media only screen and (max-width: 480px) {
.case-style-1 {
padding: 40px 0 70px;
}
}
.custom-title-item h3 {
font-weight: 800;
padding-bottom: 18px;
}
.custom-title-item h3:after {
content: "";
height: 4px;
width: 33px;
border-radius: 5px;
background-color: var(--accent_color);
position: absolute;
left: 36px;
top: 80px;
}
.elementor-widget-wp-widget-rt-recent-case h3 {
font-size: 22px;
}
.widget-case-item{
} @media(max-width: 1024px) {
.post-type-archive-optimax_case .content-padding {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media(max-width: 767px) {
.post-type-archive-optimax_case .content-padding {
padding-top: 60px;
padding-bottom: 60px;
}
}
.post-type-archive-optimax_case .rtel-case-study-3 .case-study-box-layout3 {
padding: 30px 30px 27px;
-webkit-box-shadow: 1px 1px 20px 5px rgba(214, 214, 214, 0.5);
box-shadow: 1px 1px 20px 5px rgba(214, 214, 214, 0.5);
}
.post-type-archive-optimax_case .rtel-case-study-3 .case-study-box-layout3 .rtin-title {
font-weight: 700;
}
.post-type-archive-optimax_case .rtel-case-study-3 .case-study-box-layout3 .rtin-subtitle {
font-weight: 400;
}
.single-case-box-layout5 .widget-case-item .item-img {
margin-bottom: 0px;
}
.widget-form-contact {
background-color: var(--primary_color);
border-radius: 4px;
padding: 36px 40px 40px;
}
.widget-category {
background-color: #f6f6f6;
border-radius: 4px;
padding: 35px 40px 25px;
}
.widget-category .category-list li a {
color: #646464;
padding: 10px 18px;
position: relative;
display: block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-category .category-list li a i {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: #646464;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-category .category-list li a span {
margin-left: 15px;
}
.widget-category .category-list li a:hover {
color: var(--primary_color);
}
.widget-category .category-list li a:hover i {
color: var(--accent_color);
}
.widget-service {
background-color: #f6f6f6;
border-radius: 4px;
padding: 35px 40px 25px;
}
.widget-service .service-list li {
border-bottom: 1px solid #e3e3e3;
}
.widget-service .service-list li:last-child {
border-bottom: none;
}
.widget-service .service-list li a {
color: #444444;
padding: 12px 18px;
position: relative;
display: block;
font-weight: 500;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-service .service-list li a i {
position: absolute;
top: 18px;
left: 0;
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-service .service-list li a:hover {
color: var(--primary_color);
padding-left: 25px;
}
.widget-service .service-list li a:hover i {
color: var(--accent_color);
}
.widget-form {
background-color: #0223a3;
border-radius: 4px;
padding: 36px 40px 40px;
}
.widget-form .contact-form-box .form-group {
margin-bottom: 5px;
}
.widget-form .contact-form-box .form-group:last-child {
margin-bottom: 0;
}
.widget-form .contact-form-box .form-group input.form-control::-webkit-input-placeholder,
.widget-form .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
color: var(--light_primary_text_color);
}
.widget-form .contact-form-box .form-group .form-control {
font-size: 16px;
padding: 20px;
border: none;
color: var(--light_primary_text_color);
border-radius: 4px;
background-color: #103caf;
}
@media only screen and (max-width: 991px) {
.widget-form .contact-form-box .form-group .form-control {
font-size: 14px;
}
}
.widget-form .contact-form-box .form-group .form-control:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.widget-form .contact-form-box .form-group input {
height: 50px;
}
.widget-contact {
background-color: #f6f6f6;
padding: 35px 40px 25px;
}
.widget-contact .contact-list li {
border-bottom: 1px solid #e3e3e3;
padding: 12px 28px;
position: relative;
display: block;
}
.widget-contact .contact-list li:last-child {
border-bottom: none;
}
.widget-contact .contact-list li i {
position: absolute;
top: 13px;
left: 0;
}
.widget-contact .contact-list li i:before {
font-size: 16px;
color: var(--dark_primary_color);
font-weight: 700;
}
.widget-project-info {
background-color: #f6f6f6;
border-radius: 5px;
padding: 35px 40px 105px 40px;
}
@media( max-width:767px ){
.single-case-box-layout5 .widget-project-info {
margin-bottom: 0px
}
}
.widget-project-info .item-info > ul {
list-style: none;
margin-bottom: 0;
padding-left: 0px;
}
.widget-project-info .item-info > ul .item-social {
list-style: none;
padding-left: 12px;
display: inline-block;
}
.widget-project-info .item-info > ul > li {
font-weight: 500;
color: var(--dark_primary_text_color);
margin-bottom: 9px;
}
.widget-project-info .item-info > ul > li:last-child {
margin-bottom: 0;
}
.widget-project-info .item-info > ul > li span {
font-weight: 400;
color: #444;
font-size: 16px;
padding-left: 10px;
}
.widget-project-info .item-info > ul > li.case-category a {
color: #444;
}
.widget-project-info .item-info > ul > li.case-category a:hover {
color: var(--primary_color);
}
.widget-project-info .item-info > ul > li span.case-category-inner {
display: initial;
}
.widget-project-info .item-info > ul > li span.case-category-inner a {
display: initial;
font-size:400;
}
.widget-project-info .item-info > ul > li .item-social li {
display: inline-block;
margin-right: 10px;
}
.widget-project-info .item-info > ul > li .item-social li:last-child {
margin-right: 0;
}
.widget-project-info .item-info > ul > li .item-social li a {
padding: 5px 5px 5px 0;
font-size: 16px;
color: var(--body_text_color);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.widget-project-info .item-info > ul > li .item-social li a:hover {
color: var(--primary_color);
}
.widget-related-case {
padding: 10px 0px 0px 0px;
}
@media only screen and (max-width: 1199px) {
.widget-related-case {
padding: 35px 15px 40px;
}
}
@media only screen and (max-width: 1024px) {
.widget-related-case {
padding: 20px 0px;
}
}
.widget-related-case .media {
margin-bottom: 18px;
display: flex;
}
@media only screen and (max-width: 768px) {
.widget-related-case .media {
width: 100%;
}
.widget-related-case .media .media-body .item-title {
font-size: 22px;
}
}
@media only screen and (max-width: 575px) {
.widget-related-case .media {
text-align: left;
}
}
.widget-related-case .media:last-child {
margin-bottom: 0;
}
.widget-related-case .media .item-img {
margin-top: 7px;
overflow: hidden;
width: 28%;
border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
.col-lg-4 .widget-related-case .media {
display: block;
}
.col-lg-4 .media-body.space-md { 
margin: 10px auto 0 auto;
text-align: left;
}
.col-lg-4 .widget-related-case .media {
display: block;
}
.col-lg-4 .widget-related-case .media .item-img {
margin-top: 7px;
overflow: hidden;
width: 100%;
margin: 7px auto 0 auto;
}
}
@media only screen and (max-width: 991px) {
.col-lg-4 .widget-related-case .media {
display: flex;
}
.col-lg-4 .widget-related-case .media .item-img img {
width: 100%;
}
.col-lg-4 .media-body.space-md { 
margin: 0px 0 0 25px;
text-align: left;
}
.col-lg-4 .widget-related-case {
padding: 15px 0px;
}
}
@media only screen and (max-width: 980px) {
.col-lg-4 .widget-related-case .media .item-img {
margin-top: 7px;
overflow: hidden;
width: 42%;
margin: 7px auto 0 auto;
}
}
@media only screen and (max-width: 768px) {
.col-lg-4 .widget-related-case .media .item-img {
margin-top: 7px;
overflow: hidden;
width: 42%;
margin: 7px auto 0 auto;
}
}
@media only screen and (max-width: 480px) {	
.col-lg-4 .widget-related-case .media .item-img {
width: 41%;
margin: 7px 14px 0 auto;
}
}
.widget-related-case .media .item-img img {
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-related-case .media .media-body .case-date {
font-size: 14px;
margin-bottom: 6px;
color: var(--body_meta_color);
}
.widget-related-case .media .media-body .item-title {
font-weight: 700;
margin-bottom: 6px;
font-size: 18px;
line-height: 24px;
}
.widget-related-case .media .media-body .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-related-case .media .media-body .item-post-by i,
.widget-related-case .media .media-body .item-post-by {
font-size: 14px;
}
.widget-related-case .media .media-body .item-title a:hover {
color: var(--primary_color);
}
@media only screen and (max-width: 575px) {
.widget-related-case .media .media-body .item-title {
font-size: 16px;
}
}
.widget-related-case .media:hover .item-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.widget-search-box .stylish-input-group {
border: 1px solid #cccccc;
height: 50px;
border-radius: 4px;
padding: 0 10px;
}
.widget-search-box .stylish-input-group .form-control {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: 0;
background: transparent;
color: var(--dark_primary_text_color);
font-size: 16px;
height: 50px;
}
.main-footer-wrap .widget-search-box .stylish-input-group .form-control {
color: #ffffff;
}
.main-footer-wrap .widget-search-box .stylish-input-group .form-control::placeholder {
color: #ffffff;
opacity: 1; }
.widget-search-box .stylish-input-group .input-group-addon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0;
border: none;
border-radius: 0;
background: transparent !important;
}
.widget-search-box .stylish-input-group .input-group-addon button {
cursor: pointer;
background: transparent;
border: 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-right: -15px;
}
.widget-search-box .stylish-input-group .input-group-addon button span:before {
color: var(--primary_color);
font-size: 20px;
font-weight: 700;
margin-left: 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.widget-search-box .stylish-input-group .input-group-addon button:hover span,
.widget-search-box .stylish-input-group .input-group-addon button:hover span:before {
color: var(--primary_color);
}
.main-footer-wrap .widget-search-box .stylish-input-group .input-group-addon button span:before,
.main-footer-wrap .widget-search-box .stylish-input-group .input-group-addon button:hover span,
.main-footer-wrap .widget-search-box .stylish-input-group .input-group-addon button:hover span:before {
color: #ffffff;
}
.widget-search-box .stylish-input-group .input-group-addon button:focus {
outline: none;
}
.widget-search-box .stylish-input-group input.form-control::-webkit-input-placeholder,
.widget-search-box .stylish-input-group textarea.form-control::-webkit-input-placeholder {
color: #646464;
font-size: 16px;
}
.widget-search-box .stylish-input-group input.form-control:-moz-placeholder,
.widget-search-box .stylish-input-group textarea.form-control:-moz-placeholder {
color: #646464;
font-size: 16px;
}
.widget-search-box .stylish-input-group input.form-control:-ms-input-placeholder,
.widget-search-box .stylish-input-group textarea.form-control:-ms-input-placeholder {
color: #646464;
font-size: 16px;
}
.widget-tag {
background-color: #f6f6f6;
padding: 35px 40px 40px;
}
.widget-tag .item-tag li {
display: inline-block;
margin-bottom: 4px;
}
.widget-tag .item-tag li a {
display: block;
background-color: var(--light_primary_text_color);
color: #646464;
border-radius: 4px;
padding: 10px 20px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget-tag .item-tag li a:hover {
background-color: var(--primary_color);
color: var(--light_primary_text_color);
} .about-wrap-layout1 {
position: relative;
}
.about-wrap-layout2 {
padding: 120px 0;
}
.about-wrap-layout3 {
padding: 88px 0 115px;
}
.about-wrap-layout4 {
padding: 120px 0;
background-color: #f8f8f8;
}
.about-box-layout1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 70px 0;
}
@media only screen and (max-width: 1199px) {
.about-box-layout1 {
display: block;
padding: 70px 50px;
}
}
@media only screen and (max-width: 575px) {
.about-box-layout1 {
padding: 70px 20px;
}
}
.about-box-layout1 .single-item {
width: 50%;
}
@media only screen and (max-width: 1199px) {
.about-box-layout1 .single-item {
width: 100%;
text-align: center;
}
}
.about-box-layout1 .single-item .item-content .item-title {
font-weight: 600;
margin-bottom: 25px;
}
.about-box-layout1 .single-item .item-content .list-item {
margin-bottom: 25px;
}
.about-box-layout1 .single-item .item-content .list-item li {
font-size: 18px;
font-weight: 500;
color: var(--dark_primary_text_color);
margin-bottom: 8px;
padding-left: 20px;
position: relative;
}
.about-box-layout1 .single-item .item-content .list-item li i {
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
color: var(--dark_primary_color);
}
.about-box-layout1 .about-left-item {
padding-left: calc((100% - 1510px) / 2);
}
@media only screen and (max-width: 1199px) {
.about-box-layout1 .about-left-item {
margin-bottom: 40px;
}
}
.about-box-layout1 .about-right-item {
padding-right: calc((100% - 1200px) / 2);
}
.about-box-layout3 {
margin-top: 70px;
}
@media only screen and (max-width: 1199px) {
.about-box-layout3 {
margin-top: 0;
}
}
@media only screen and (max-width: 991px) {
.about-box-layout3 {
text-align: center;
}
}
.about-box-layout3 .item-subtitle {
margin-bottom: 5px;
}
.about-box-layout3 .item-title {
color: var(--dark_primary_text_color);
font-weight: 600;
}
@media only screen and (max-width: 1199px) {
.about-box-layout5 {
text-align: center;
margin-bottom: 30px;
}
}
.about-box-layout6 {
padding-top: 25px;
}
.about-box-layout6 .item-content .item-title {
font-weight: 600;
color: var(--dark_primary_text_color);
margin-bottom: 25px;
}
.about-box-layout6 .item-content .service-list {
margin: 28px 0 45px;
}
.about-box-layout6 .item-content .service-list li {
padding-left: 32px;
font-weight: 500;
color: var(--dark_primary_text_color);
margin-bottom: 14px;
position: relative;
}
.about-box-layout6 .item-content .service-list li:after {
content: "\F058";
font-family: "Font Awesome 5 Free";
font-size: 20px;
font-weight: 600;
color: var(--dark_primary_color);
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.about-box-layout7 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 991px) {
.about-box-layout7 {
display: block;
}
}
.about-box-layout7 .single-item {
width: 50%;
padding: 100px 0;
}
@media only screen and (max-width: 991px) {
.about-box-layout7 .single-item {
width: 100%;
}
}
.about-box-layout7 .left-side-content {
padding-left: calc((100% - 1200px) / 2);
padding-right: 50px;
}
@media only screen and (max-width: 1259px) {
.about-box-layout7 .left-side-content {
padding-left: calc((100% - 1110px) / 2);
}
}
@media only screen and (max-width: 1199px) {
.about-box-layout7 .left-side-content {
padding-left: calc((100% - 930px) / 2);
}
}
@media only screen and (max-width: 991px) {
.about-box-layout7 .left-side-content {
padding-left: calc((100% - 690px) / 2);
padding-right: calc((100% - 690px) / 2);
}
}
@media only screen and (max-width: 767px) {
.about-box-layout7 .left-side-content {
padding-left: calc((100% - 510px) / 2);
padding-right: calc((100% - 510px) / 2);
}
}
@media only screen and (max-width: 575px) {
.about-box-layout7 .left-side-content {
padding-right: 15px;
padding-left: 15px;
}
}
.about-box-layout7 .left-side-content .item-content .item-title {
font-weight: 500;
color: var(--dark_primary_text_color);
position: relative;
padding-bottom: 20px;
margin-bottom: 25px;
}
.about-box-layout7 .left-side-content .item-content .item-title:after {
content: "";
height: 5px;
width: 46px;
background-color: var(--accent_color);
position: absolute;
bottom: 0;
left: 0;
}
.about-box-layout7 .left-side-content .item-content .service-list {
margin-top: 26px;
}
.about-box-layout7 .left-side-content .item-content .service-list li {
padding-left: 32px;
font-size: 18px;
font-weight: 500;
color: var(--dark_primary_text_color);
margin-bottom: 14px;
position: relative;
}
.about-box-layout7 .left-side-content .item-content .service-list li:after {
content: "\F058";
font-family: "Font Awesome 5 Free";
font-size: 20px;
font-weight: 600;
color: var(--dark_primary_color);
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.about-box-layout7 .right-side-content {
padding-right: calc((100% - 1200px) / 2);
padding-left: 117px;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 1259px) {
.about-box-layout7 .right-side-content {
padding-right: calc((100% - 1110px) / 2);
}
}
@media only screen and (max-width: 1199px) {
.about-box-layout7 .right-side-content {
padding-right: calc((100% - 930px) / 2);
}
}
@media only screen and (max-width: 991px) {
.about-box-layout7 .right-side-content {
padding-right: calc((100% - 690px) / 2);
padding-left: calc((100% - 690px) / 2);
}
}
@media only screen and (max-width: 767px) {
.about-box-layout7 .right-side-content {
padding-left: calc((100% - 510px) / 2);
padding-right: calc((100% - 510px) / 2);
}
}
@media only screen and (max-width: 575px) {
.about-box-layout7 .right-side-content {
padding-right: 15px;
padding-left: 15px;
}
}
.about-box-layout7 .right-side-content:after {
content: "";
height: 100%;
width: 100%;
background-color: rgba(10, 28, 37, 0.9);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.about-box-layout7 .right-side-content .item-content .item-title {
font-weight: 500;
color: var(--light_primary_text_color);
position: relative;
padding-bottom: 20px;
margin-bottom: 32px;
}
.about-box-layout7 .right-side-content .item-content .item-title:after {
content: "";
height: 5px;
width: 46px;
background-color: var(--accent_color);
position: absolute;
bottom: 0;
left: 0;
}
.about-box-layout7 .right-side-content .item-content .progress-box {
padding-top: 45px;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 991px) {
.about-box-layout7 .right-side-content .item-content .progress-box {
margin-left: 0;
margin-top: 30px;
}
}
.about-box-layout7 .right-side-content .item-content .progress-box .progress {
overflow: visible;
margin-bottom: 70px;
height: 10px;
background-color: #5e6b71;
border-radius: 6px;
position: relative;
}
.about-box-layout7 .right-side-content .item-content .progress-box .progress:last-child {
margin-bottom: 0;
}
.about-box-layout7 .right-side-content .item-content .progress-box .progress .lead {
color: var(--light_primary_text_color);
font-size: 16px;
position: absolute;
top: -42px;
left: 0;
z-index: 10;
}
@media only screen and (max-width: 575px) {
.about-box-layout7 .right-side-content .item-content .progress-box .progress .lead {
font-size: 18px;
top: -35px;
}
}
.about-box-layout7 .right-side-content .item-content .progress-box .progress .progress-bar {
padding: 5px 0;
position: relative;
background-color: var(--primary_color);
border-radius: 4px;
}
.about-box-layout7 .right-side-content .item-content .progress-box .progress .progress-bar span {
color: var(--light_primary_text_color);
font-size: 16px;
display: block;
position: absolute;
right: 0;
top: -40px;
}
@media only screen and (max-width: 575px) {
.about-box-layout7 .right-side-content .item-content .progress-box .progress .progress-bar span {
top: -37px;
}
}
.banner-wrap-layout1 {
padding: 100px 0 40px;
overflow: hidden;
position: relative;
z-index: 2;
}
@media only screen and (max-width: 991px) {
.banner-wrap-layout1 {
padding: 100px 0;
}
}
.banner-box-layout1 {
-webkit-animation: bouncebubble infinite 10000ms;
animation: bouncebubble infinite 10000ms;
}
.banner-box-layout2 {
padding-top: 70px;
}
@media only screen and (max-width: 991px) {
.banner-box-layout2 {
padding-top: 50px;
text-align: center;
}
}
.banner-box-layout2 .item-title {
color: var(--light_primary_text_color);
font-weight: 700;
font-size: 40px;
}
.banner-box-layout2 .item-title span {
font-weight: 300;
}
@media only screen and (max-width: 1199px) {
.banner-box-layout2 .item-title {
font-size: 34px;
}
}
@media only screen and (max-width: 991px) {
.banner-box-layout2 .item-title {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.banner-box-layout2 .item-title {
font-size: 28px;
}
}
.banner-bottom-shape {
position: relative;
}
.banner-bottom-shape .svg-shape {
position: absolute;
bottom: -40px;
left: 0;
right: 0;
z-index: -1;
}
@media only screen and (max-width: 991px) {
.banner-bottom-shape .svg-shape {
bottom: -100px;
}
}
.brand-wrap-layout2 {
padding: 50px 0;
background-color: #f2f2f2;
}
.brand-wrap-layout3 {
padding: 20px 0;
}
.brand-box-layout1 {
margin: 10px;
padding: 30px 20px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.brand-box-layout1 .item-img {
cursor: move;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
text-align: center;
}
.brand-box-layout1 .item-img img {
width: auto;
display: inline-block;
}
.brand-box-layout1:hover {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 0px 20px 0px #dfdfdf;
box-shadow: 0px 0px 20px 0px #dfdfdf;
}
.brand-box-layout1:hover .item-img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
} .action-wrap-layout1 {
padding: 115px 0 105px;
}
.action-wrap-layout2 {
padding: 115px 0 120px;
position: relative;
overflow: hidden;
z-index: 2;
}
.action-wrap-layout3 {
padding: 75px 0 60px;
position: relative;
overflow: hidden;
background-color: var(--dark_primary_color);
}
.action-box-layout1 .contact-form-box .form-group {
margin-bottom: 15px;
}
.action-box-layout1 .contact-form-box .form-group:last-child {
margin-bottom: 0;
}
.action-box-layout1 .contact-form-box .form-group input.form-control::-webkit-input-placeholder,
.action-box-layout1 .contact-form-box .form-group textarea.form-control::-webkit-input-placeholder {
color: #8c8c8c;
}
.action-box-layout1 .contact-form-box .form-group .form-control {
font-size: 16px;
padding: 10px 30px;
border-color: #dfdfdf;
border-width: 0 0 1px 0;
border-style: none none solid none;
color: var(--dark_primary_text_color);
border-radius: 6px;
}
@media only screen and (max-width: 991px) {
.action-box-layout1 .contact-form-box .form-group .form-control {
font-size: 14px;
}
}
.action-box-layout1 .contact-form-box .form-group .form-control:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.action-box-layout1 .contact-form-box .form-group input {
height: 54px;
}
.action-box-layout2 {
text-align: center;
}
.action-box-layout2 .item-subtitle {
color: var(--light_primary_text_color);
margin-bottom: 20px;
}
.action-box-layout2 .item-title {
color: var(--light_primary_text_color);
font-weight: 600;
}
.action-box-layout3 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.action-box-layout3 .item-title {
width: 60%;
font-weight: 600;
color: var(--light_primary_text_color);
}
@media only screen and (max-width: 991px) {
.action-box-layout3 {
display: block;
text-align: center;
}
.action-box-layout3 .item-title {
width: 100%;
}
} .shadowbox {  
-webkit-box-shadow: 0px 0px 17px 0px rgba( 136, 136, 136, .3);
box-shadow: 0px 0px 17px 0px rgba( 136, 136, 136, .3);
} .contact-info-wrap-layout1 {
padding: 50px 0;
background-color: var(--primary_color);
}
@media only screen and (max-width: 767px) {
.contact-info-wrap-layout1 {
padding: 50px 0 20px;
}
}
.contact-info-box-layout1 .media {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact-info-box-layout1 .media .item-icon {
background-color: var(--light_primary_text_color);
height: 55px;
width: 55px;
border-radius: 50%;
line-height: 55px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contact-info-box-layout1 .media .item-icon i:before {
font-size: 24px;
font-weight: 600;
color: var(--accent_color);
}
.contact-info-box-layout1 .media .media-body .item-title {
font-size: 24px;
font-weight: 500;
color: var(--light_primary_text_color);
margin-bottom: 2px;
}
@media only screen and (max-width: 1199px) {
.contact-info-box-layout1 .media .media-body .item-title {
font-size: 22px;
}
}
.contact-info-box-layout1 .media .media-body .item-subtitle {
color: var(--light_primary_text_color);
}
.contact-info-box-layout1:hover .media .item-icon {
background-color: var(--accent_color);
}
.contact-info-box-layout1:hover .media .item-icon i:before {
color: var(--light_primary_text_color);
}
@media only screen and (max-width: 991px) {
.contact-info-box-layout1 {
text-align: center;
}
.contact-info-box-layout1 .media .item-icon {
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.contact-info-box-layout1 .media {
margin-bottom: 30px;
}
}
.contact-form-wrap-layout1 {
padding: 110px 0 120px;
}
.contact-form-box2 .form-group {
margin-bottom: 5px;
}
.contact-form-box2 .form-group:last-child {
margin-bottom: 0;
}
.contact-form-box2 .form-group .form-control {
border: 1px solid #e1e1e1;
background-color: transparent;
border-radius: 5px;
font-size: 16px;
color: #646464;
margin-bottom: 10px;
padding: 20px;
}
.contact-form-box2 .form-group .form-control:focus {
border: 1px solid var(--primary_color);
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact-form-box2 .form-group input {
height: 54px;
}
.contact-form-box2 .form-group textarea {
height: 130px;
}
.contact-form-box2 .form-group .btn-fill-3 {
margin-top: 10px;
}
.contact-form-box2 .form-group .form-btn {
font-weight: 700;
color: var(--light_primary_text_color);
border-radius: 4px;
padding: 10px 35px;
border: 1px solid var(--accent_color);
cursor: pointer;
position: relative;
z-index: 1;
line-height: 30px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.contact-form-box2 .form-group .form-btn:focus {
outline: none;
}
.contact-form-box2 .form-group .form-btn:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contact-form-box2 .form-group .form-btn:hover {
color: var(--light_primary_text_color);
}
.contact-form-box2 .form-group .form-btn:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 991px) {
.contact-form-box2 .form-group .form-btn {
padding: 10px 25px;
font-weight: 500;
}
}
.contact-page-wrap-layout1 {
padding: 120px 0;
}
.contact-page-box-layout1 .google-map-area {
margin-bottom: 76px;
}
.contact-page-box-layout1 .contact-list .media {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 35px;
}
.contact-page-box-layout1 .contact-list .media .item-icon {
text-align: center;
height: 75px;
width: 75px;
line-height: 75px;
border-radius: 50%;
background-color: #f2f2f2;
}
.contact-page-box-layout1 .contact-list .media .item-icon i:before {
font-size: 24px;
color: #444444;
font-weight: 700;
}
@media only screen and (max-width: 767px) {
.contact-page-box-layout1 .contact-list .media .item-icon {
height: 70px;
width: 70px;
line-height: 70px;
}
.contact-page-box-layout1 .contact-list .media .item-icon i:before {
font-size: 20px;
}
}
.contact-page-box-layout1 .contact-list .media .media-body .item-title {
font-weight: 600;
color: var(--primary_color);
margin-bottom: 7px;
}
@media only screen and (max-width: 991px) {
.contact-page-box-layout1 .contact-list {
margin-bottom: 50px;
}
} .error-page-wrap-layout1 {
padding: 150px 0;
}
@media( max-width:1024px ) {
.error-page-wrap-layout1 {
padding: 60px 20px 60px;
}
}
@media( max-width:768px ) {
.error-page-wrap-layout1 {
padding: 60px 20px 10px;
}
}
.error-page-box-layout1 {
text-align: center;
}
.error-page-box-layout1 .error-img {
margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
.error-page-box-layout1 .error-img {
margin-bottom: 40px;
}
}
.error-page-box-layout1 .item-title {
font-size: 48px;
font-weight: 700;
margin-bottom: 30px;
}
@media only screen and (max-width: 991px) {
.error-page-box-layout1 .item-title {
font-size: 40px;
}
}
@media only screen and (max-width: 767px) {
.error-page-box-layout1 .item-title {
font-size: 36px;
}
}
.error-page-box-layout1 .item-subtitle {
font-size: 24px;
margin-bottom: 60px;
}
@media only screen and (max-width: 991px) {
.error-page-box-layout1 .item-subtitle {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.error-page-box-layout1 .item-subtitle {
font-size: 20px;
}
}
@media only screen and (max-width: 575px) {
.error-page-box-layout1 .item-title {
font-size: 28px;
}
.error-page-box-layout1 .item-subtitle {
margin-bottom: 35px;
}
}
.error-page-box-layout1 .item-btn {
font-size: 18px;
font-weight: 700;
padding: 14px 30px;
}
@media only screen and (max-width: 767px) {
.error-page-box-layout1 .item-btn {
margin-bottom: 40px;
padding: 10px 20px;
font-size: 15px;
}
} .why-chose-wrap-layout1 {
padding: 0 0 120px;
}
.why-chose-wrap-layout2 {
padding: 0 0 115px;
}
.why-chose-wrap-layout3 {
padding: 120px 0;
}
.why-chose-wrap-layout4 {
padding: 120px 0 55px;
}
.why-chose-box-layout1 {
padding-right: 40px;
}
@media only screen and (max-width: 991px) {
.why-chose-box-layout1 {
padding-right: 0;
}
}
.why-chose-box-layout1 .item-title {
color: var(--dark_primary_text_color);
font-weight: 600;
}
.why-chose-box-layout1 .item-subtitle {
font-size: 18px;
color: var(--dark_primary_text_color);
font-weight: 500;
margin-bottom: 30px;
}
.why-chose-box-layout1 .single-item li {
margin-bottom: 15px;
padding-left: 35px;
position: relative;
}
.why-chose-box-layout1 .single-item li:after {
content: "\F058";
font-size: 24px;
font-family: "Font Awesome 5 Free";
color: var(--dark_primary_color);
font-weight: 600;
position: absolute;
top: 2px;
left: 0;
}
.why-chose-box-layout2 .item-img {
-webkit-animation: bouncebubble infinite 5000ms;
animation: bouncebubble infinite 5000ms;
}
@media only screen and (max-width: 991px) {
.why-chose-box-layout2 {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 991px) {
.why-chose-box-layout3 {
margin-bottom: 30px;
}
}
.why-chose-box-layout4 .item-title {
font-weight: 600;
color: var(--dark_primary_text_color);
margin-bottom: 25px;
}
.why-chose-box-layout5 {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 1199px) {
.why-chose-box-layout5 {
display: block;
text-align: center;
}
}
.why-chose-box-layout5 .single-item {
width: 50%;
}
@media only screen and (max-width: 1199px) {
.why-chose-box-layout5 .single-item {
width: 100%;
}
.why-chose-box-layout5 .single-item .item-img {
margin-bottom: 30px;
}
}
.why-chose-box-layout5 .single-item .item-content .item-subtitle {
margin-bottom: 5px;
}
.why-chose-box-layout5 .single-item .item-content .item-title {
font-weight: 500;
color: var(--dark_primary_text_color);
}
.why-chose-box-layout5 .single-item .item-content .counter-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 40px;
}
@media only screen and (max-width: 1199px) {
.why-chose-box-layout5 .single-item .item-content .counter-box {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.why-chose-box-layout5 .single-item .item-content .counter-box .single-count {
margin-right: 120px;
position: relative;
}
@media only screen and (max-width: 767px) {
.why-chose-box-layout5 .single-item .item-content .counter-box .single-count {
margin-right: 80px;
}
}
.why-chose-box-layout5 .single-item .item-content .counter-box .single-count:after {
content: "";
height: 85px;
width: 1px;
background-color: #dadada;
position: absolute;
top: 50%;
right: -60px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
.why-chose-box-layout5 .single-item .item-content .counter-box .single-count:after {
right: -50px;
}
}
.why-chose-box-layout5 .single-item .item-content .counter-box .single-count:last-child {
margin-right: 0;
}
.why-chose-box-layout5 .single-item .item-content .counter-box .single-count:last-child:after {
display: none;
}
.why-chose-box-layout5 .single-item .item-content .counter-box .single-count .count-number {
font-size: 48px;
color: #ff5b17;
font-weight: 700;
margin-bottom: 18px;
}
@media only screen and (max-width: 767px) {
.why-chose-box-layout5 .single-item .item-content .counter-box .single-count .count-number {
font-size: 36px;
}
}
.why-chose-box-layout5 .single-item-left {
padding-left: calc((100% - 1550px) / 2);
}
@media only screen and (max-width: 1199px) {
.why-chose-box-layout5 .single-item-left {
padding-left: 0;
}
}
.why-chose-box-layout5 .single-item-right {
padding-right: calc((100% - 1200px) / 2);
padding-left: 50px;
padding-top: 20px;
}
@media only screen and (max-width: 1259px) {
.why-chose-box-layout5 .single-item-right {
padding-right: calc((100% - 1110px) / 2);
}
}
@media only screen and (max-width: 1199px) {
.why-chose-box-layout5 .single-item-right {
padding-left: 0;
padding-right: 0;
}
}
.why-chose-box-layout6 {
margin-bottom: 65px;
}
.why-chose-box-layout6 .item-img {
text-align: center;
}
.why-chose-box-layout6 .item-content .item-title {
font-weight: 500;
color: var(--dark_primary_text_color);
}
.why-chose-box-layout6 .item-content .item-list li {
position: relative;
margin-bottom: 10px;
padding-left: 35px;
color: var(--dark_primary_text_color);
font-weight: 500;
}
.why-chose-box-layout6 .item-content .item-list li:last-child {
margin-bottom: 0;
}
.why-chose-box-layout6 .item-content .item-list li:after {
content: "\F00C";
font-family: "Font Awesome 5 Free";
font-size: 20px;
font-weight: 600;
color: #ff7116;
position: absolute;
top: 0;
left: 0;
} .parent-page {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.parent-page .child-wrap {
margin-right: 8px;
margin-bottom: 8px;
padding: 8px 12px;
background: #fff;
border: 1px solid #eee;
border-radius: 4px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.03);
}
.parent-page .child-wrap:hover {
-webkit-box-shadow: 0 1px 6px rgba(1, 1, 1, 0.03);
box-shadow: 0 1px 6px rgba(1, 1, 1, 0.03);
}
.parent-page .post-title {
font-size: 24px;
margin-bottom: 0;
}
.parent-page .post-title a {
color: var(--primary_color);
}
.parent-page .post-title a:hover {
color: var(--accent_color);
} .pagination-layout1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.pagination-layout1 ul {
margin-top: 50px;
margin-bottom: 0;
padding: 0;
}
@media( max-width:1024px ){
.pagination-layout1 {
margin-top: 20px;
}	
}
@media( max-width:768px ){
.pagination-layout1 ul {
margin: 0 auto !important;
}	
}
.pagination-layout1 ul li {
margin: 0 15px 10px 0;
display: inline-block;
}
.pagination-layout1 ul li:last-child {
margin-right: 0;
}
.pagination-layout1 ul li a:hover {
color: var(--light_primary_text_color);
background-color: var(--primary_color);
border: 1px solid transparent;
}
.pagination-layout1 ul li a,
.pagination-layout1 ul li span {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
height: 40px;
width: 40px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #ddd;
border-radius: 4px;
color: #111;
}
.pagination-layout1 ul li.pagi-previous,
.pagination-layout1 ul li.pagi-next {
height: 39px;
width: 120px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.pagination-layout1 ul li.pagi-previous span,
.pagination-layout1 ul li.pagi-next span,
.pagination-layout1 ul li.pagi-previous a,
.pagination-layout1 ul li.pagi-next a {
padding: 0;
font-size: 16px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.pagination-layout1 ul li.pagi-previous span i:before,
.pagination-layout1 ul li.pagi-next span i:before,
.pagination-layout1 ul li.pagi-previous a i:before,
.pagination-layout1 ul li.pagi-next a i:before {
font-size: 14px;
margin: 0;
}
@media screen and (max-width: 768px) {
.pagination-layout1 ul li.pagi-previous,
.pagination-layout1 ul li.pagi-next {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
}
@media screen and (max-width: 480px) {
.pagination-layout1 ul li.pagi-previous,
.pagination-layout1 ul li.pagi-next {
width: 100%;
margin-left: 0;
margin-right: 0;
}
}
.pagination-layout1 ul li.pagi-previous span i:before,
.pagination-layout1 ul li.pagi-previous a i:before {
margin-right: 8px;
}
.pagination-layout1 ul li.pagi-next span i:before,
.pagination-layout1 ul li.pagi-next a i:before {
margin-left: 8px;
}
.pagination-layout1 ul li.active span {
background-color: var(--primary_color);
color: var(--light_primary_text_color);
border: 1px solid transparent;
}
@media screen and (max-width: 768px) {
.pagination-layout1 ul li {
margin: 8px;
}
}
.pagination-layout1 .pagi-previous.disabled span,
.pagination-layout1 .pagi-next.disabled span {
color: #999;
}
.pagination-layout1 .pagi-previous span.pag {
margin-bottom: 0px;
}
@media (max-width: 480px) {
.rtel-blog-post-1 .pagination-layout1 {
margin-top: 5px;
margin-bottom: 5px;		
}
.rtel-blog-post-1 .pagination-layout1 ul {
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
}
.pagination-layout1 {
margin-top: 0;
margin-bottom: 0;
text-align: center;
}
}
@media screen and (max-width: 768px) {
.pagination-layout1 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.pagination-layout1 ul {
padding-left:0px !important;
}
}
.post-pagination {
text-align: left;
margin: 1em 0;
}
.post-pagination .post-page-numbers:first-child {
margin-left: 8px;
}
.post-pagination span {
display: inline-block;
border: 1px solid #dddddd;
padding: 4px 15px;
border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-size: 20px;
background-color: var(--primary_color);
color: white;
}
.post-pagination span.post-page-numbers {
padding: 0;
}
.post-pagination span.post-page-numbers.current {
padding: 0;
}
.post-pagination span.post-page-numbers.current span {
border: none;
}
.post-pagination a span {
background-color: white;
color: #111111;
}
.post-password-form input[type='password'] {
padding: 5px 20px;
border-radius: 4px;
outline: none;
}
.select-wrapper {
position: relative;
}
.select-wrapper:after {
position: absolute;
right: 5px;
z-index: 2;
content: "\F107";
font-family: "Font Awesome 5 Free";
font-weight: 900;
top: 6px;
}
select {
color: #444;
line-height: 1.3;
padding: 0.6em 1.4em 0.5em 0.8em;
width: 100%;
max-width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
border: solid 1px #e8e8e8;
border-radius: 5px;
-webkit-box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
box-shadow: 0 1px 0 1px rgba(0, 0, 0, 0.04);
background-color: white;
background-repeat: no-repeat, repeat;
background-position: right 0.7em top 50%, 0 0;
background-size: 0.65em auto, 100%;
}
select::-ms-expand {
display: none;
}
select:hover {
border-color: #888;
}
select:focus {
border-color: #aaa;
color: #222;
outline: none;
}
select option {
font-weight: normal;
}
.cta1 {
padding: 75px 0;
background-size: contain;
}
.cta1 .cta1__inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 991px) {
.cta1 .cta1__inner {
display: block;
}
}
.cta1 .cta1__inner .cta1__inner__left {
-webkit-box-flex: 3;
-ms-flex: 3;
flex: 3;
}
@media screen and (max-width: 991px) {
.cta1 .cta1__inner .cta1__inner__left {
text-align: center;
}
}
.cta1 .cta1__inner .cta1__inner__right {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: right;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media screen and (max-width: 991px) {
.cta1 .cta1__inner .cta1__inner__right {
display: block;
text-align: center;
}
}
.cta1 .cta1__inner .cta-title {
font-family: var(--heading_font);
font-size: 35px;
line-height: 1.6;
color: var(--light_primary_text_color);
}
.cta1 .cta1__inner .cta-subtitle {
color: var(--light_primary_text_color);
}
.cta2 {
padding: 75px 0;
}
.cta2 .cta2__inner {
text-align: center;
}
.cta2 .cta2__inner .cta-title {
font-family: var(--heading_font);
font-size: 35px;
line-height: 1.6;
color: var(--light_primary_text_color);
}
.cta2 .cta2__inner .cta-subtitle {
color: var(--light_primary_text_color);
} .comingsoon-page {
text-align: center;
width: 100%;
height: 100%;
position: fixed;
}
@media only screen and (max-width: 991px) {
.comingsoon-page {
overflow-y: scroll;
}
}
.comingsoon-page .comingsoon-bg {
position: fixed;
top: 0;
left: 0;
right: 0;
height: 100%;
width: 100%;
z-index: -100;
}
.comingsoon-page .comingsoon-back-img img {
-webkit-animation: fadeinout 100s infinite;
animation: fadeinout 100s infinite;
}
.comingsoon-page .comingsoon-back-img:after {
content: "";
height: 100%;
width: 100%;
background-color: rgba(9, 45, 76, 0.85);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 10;
}
.comingsoon-page .comingsoon-back-img img {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: fixed;
z-index: 0;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.comingsoon-page .comingsoon-content-wrap {
height: 100%;
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;
margin: 25px 0;
}
@media only screen and (max-width: 991px) {
.comingsoon-page .comingsoon-content-wrap {
margin: 50px 0 100px;
}
}
.comingsoon-page .comingsoon-content {
position: relative;
z-index: 1;
padding: 0 15px;
width: 100%;
}
.comingsoon-page .comingsoon-content .comingsoon-logo {
margin-bottom: 90px;
}
.comingsoon-page .comingsoon-content .comingsoon-logo img {
max-height: 500px;
max-height: 50vh;
}
.comingsoon-page .comingsoon-content .comingsoon-logo a {
display: inline-block;
}
.comingsoon-page .comingsoon-content h1 {
margin-bottom: 60px;
font-weight: 700;
font-size: 60px;
text-transform: capitalize;
color: #ffffff;
}
@media only screen and (max-width: 767px) {
.comingsoon-page .comingsoon-content h1 {
margin-bottom: 30px;
font-size: 50px;
}
}
@media only screen and (max-width: 575px) {
.comingsoon-page .comingsoon-content h1 {
font-size: 40px;
}
}
.comingsoon-page .comingsoon-content .comingsoon-bottom {
margin-bottom: 100px;
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {
text-align: left;
}
@media only screen and (max-width: 991px) {
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social {
text-align: center;
margin-bottom: 15px;
}
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li {
display: inline-block;
margin-right: 50px;
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li:last-child {
margin-right: 0;
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a {
color: #ffffff;
padding: 5px;
display: inline-block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-social ul li a:hover {
color: #cccccc;
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {
text-align: right;
}
@media only screen and (max-width: 991px) {
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right {
text-align: center;
}
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right p {
color: #ffffff;
font-size: 16px;
font-weight: 300;
}
.comingsoon-page .comingsoon-content .comingsoon-bottom .comingsoon-copy-right a {
color: var(--accent_color);
}
.countdown-layout1 {
text-align: center;
margin-bottom: 50px;
}
.countdown-layout1 .countdown-section {
text-align: center;
height: 150px;
width: 150px;
background: var(--primary_color);
border-radius: 4px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
margin-bottom: 30px;
margin-right: 2px;
}
.countdown-layout1 .countdown-section:after {
content: "";
height: 18px;
width: 18px;
background-color: var(--light_primary_text_color);
border-radius: 50%;
position: absolute;
top: 28px;
right: -10px;
z-index: 50;
}
.countdown-layout1 .countdown-section:before {
content: "";
height: 18px;
width: 18px;
background-color: var(--light_primary_text_color);
border-radius: 50%;
position: absolute;
bottom: 28px;
right: -10px;
z-index: 50;
}
@media screen and (min-width: 501px) and (max-width: 650px) {
.countdown-layout1 .countdown-section:nth-child(3):before,
.countdown-layout1 .countdown-section:nth-child(3):after {
display: none;
}
}
@media only screen and (min-width: 351px) and (max-width: 500px) {
.countdown-layout1 .countdown-section {
padding: 10px 0;
}
.countdown-layout1 .countdown-section:nth-child(2):before,
.countdown-layout1 .countdown-section:nth-child(2):after {
display: none;
}
}
@media only screen and (max-width: 350px) {
.countdown-layout1 .countdown-section {
padding: 10px 0;
}
.countdown-layout1 .countdown-section:before,
.countdown-layout1 .countdown-section:after {
display: none;
}
}
.countdown-layout1 .countdown-section .countdown-number {
padding: 25px 0;
font-size: 60px;
line-height: 1.1;
font-weight: 700;
color: #ffffff;
}
@media only screen and (max-width: 767px) {
.countdown-layout1 .countdown-section .countdown-number {
font-size: 50px;
}
}
@media only screen and (max-width: 575px) {
.countdown-layout1 .countdown-section .countdown-number {
font-size: 40px;
}
}
@media only screen and (max-width: 479px) {
.countdown-layout1 .countdown-section .countdown-number {
font-size: 30px;
}
}
.countdown-layout1 .countdown-section .countdown-unit {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
color: #ffffff;
text-transform: capitalize;
font-size: 18px;
}
.countdown-layout1 .countdown-section:last-child:after {
display: none;
}
.countdown-layout1 .countdown-section:last-child:before {
display: none;
} @-webkit-keyframes toBottomFromTop20 {
49% {
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}
50% {
opacity: 0;
-webkit-transform: translateY(20%);
transform: translateY(20%);
}
51% {
opacity: 0;
}
80% {
opacity: 1;
}
}
@keyframes toBottomFromTop20 {
49% {
-webkit-transform: translateY(-20%);
transform: translateY(-20%);
}
50% {
opacity: 0;
-webkit-transform: translateY(20%);
transform: translateY(20%);
}
51% {
opacity: 0;
}
80% {
opacity: 1;
}
}
@-webkit-keyframes bouncebubble {
1% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
75% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes bouncebubble_top_bottom {
1% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
40% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
-webkit-transform: translateX(2px);
transform: translateX(2px);
}
50% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
60% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
80% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes bouncebubble {
1% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
75% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 var(--accent_color);
box-shadow: 0 0 0 0 var(--accent_color);
}
40% {
-webkit-box-shadow: 0 0 0 50px rgba(var(--accent_color_rgb), 0);
box-shadow: 0 0 0 50px rgba(var(--accent_color_rgb), 0);
}
70% {
-webkit-box-shadow: 0 0 0 50px rgba(var(--accent_color_rgb), 0);
box-shadow: 0 0 0 50px rgba(var(--accent_color_rgb), 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(var(--accent_color_rgb), 0);
box-shadow: 0 0 0 0 rgba(var(--accent_color_rgb), 0);
}
}
@keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 var(--accent_color);
box-shadow: 0 0 0 0 var(--accent_color);
}
40% {
-webkit-box-shadow: 0 0 0 50px rgba(var(--accent_color_rgb), 0);
box-shadow: 0 0 0 50px rgba(var(--accent_color_rgb), 0);
}
70% {
-webkit-box-shadow: 0 0 0 50px rgba(var(--accent_color_rgb), 0);
box-shadow: 0 0 0 50px rgba(var(--accent_color_rgb), 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(var(--accent_color_rgb), 0);
box-shadow: 0 0 0 0 rgba(var(--accent_color_rgb), 0);
}
}
@-webkit-keyframes sonarWave {
from {
opacity: 0.4;
}
to {
-webkit-transform: scale(3);
transform: scale(3);
opacity: 0;
}
}
@keyframes sonarWave {
from {
opacity: 0.4;
}
to {
-webkit-transform: scale(3);
transform: scale(3);
opacity: 0;
}
}
@-webkit-keyframes toBottomFromTop30 {
49% {
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
50% {
opacity: 0;
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
51% {
opacity: 0;
}
80% {
opacity: 1;
}
}
@keyframes toBottomFromTop30 {
49% {
-webkit-transform: translateY(-30%);
transform: translateY(-30%);
}
50% {
opacity: 0;
-webkit-transform: translateY(30%);
transform: translateY(30%);
}
51% {
opacity: 0;
}
80% {
opacity: 1;
}
}
@-webkit-keyframes cloudbounce {
1% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
75% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes cloudbounce {
1% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
75% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes rocketbounce {
1% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
30% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
50% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
55% {
-webkit-transform: translateY(45px);
transform: translateY(45px);
}
95% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes rocketbounce {
1% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25% {
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
30% {
-webkit-transform: translateY(15px);
transform: translateY(15px);
}
50% {
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
55% {
-webkit-transform: translateY(45px);
transform: translateY(45px);
}
95% {
-webkit-transform: translateY(5px);
transform: translateY(5px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.bg-ash {
background: #f6f6f6;
}
.button-font {
font-size: 16px;
font-weight: 500;
}
#wpcf7-f5131-p5372-o1 .button-font {
margin-top: 15px;
}
@media( max-width: 768px ){
.wpcf7-form .form-group {
margin-bottom: .1rem;
}
} .case-study-box-layout4 {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 2px 10px 0px #cfe0ea;
box-shadow: 0px 2px 10px 0px #cfe0ea;
border-radius: 4px;
margin-bottom: 30px;
}
.case-study-box-layout4 .item-img {
overflow: hidden;
}
.case-study-box-layout4 .item-img img {
border-radius: 4px 4px 0 0;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media( max-width:768px ){	
.case-study-box-layout4 .item-img img {
width: 100%;
}
}
.case-study-box-layout4 .item-content {
text-align: center;
padding: 25px 20px 28px 20px;
}
.case-study-box-layout4 .item-content .item-title {
font-size: 24px;
margin-bottom: 0px;
line-height: 1.6;
}
.case-study-box-layout4 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.case-study-box-layout4 .item-content .item-title a:hover {
color: var(--primary_color);
}
.case-study-box-layout4 .item-content .item-subtitle a {
color: var(--primary_color);
}
.case-study-box-layout4:hover .item-img img {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
.single-case-wrap-layout1,
.case-style-1 {
padding: 115px 0 120px;
}
.single-case-box-layout1 img {
border-radius: 5px;
}
.single-case-box-layout1 .table-responsive h2 {
font-size: 24px;
position: relative;
padding-bottom: 18px;
}
.single-case-box-layout1 .table-responsive h2:after {
content: "";
height: 4px;
width: 33px;
border-radius: 5px;
background-color: var(--accent_color);
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
@media only screen and (max-width: 1024px) {
.single-case-wrap-layout1, .case-style-1 {
padding: 80px 0 80px;
}
.single-case-box-layout1 .btn-fill.gradient-accent {
margin-top: 8px;
margin-left: 8px;
}
.single-optimax_case .content-padding-top-static {
padding-top: 65px;
}
.single-optimax_case .content-padding {
padding-bottom: 80px;
}
}
@media only screen and (max-width: 767px) {
.single-case-wrap-layout1, .case-style-1 {
padding: 60px 0 60px;
}
.single-optimax_case .content-padding-top-static,
.content-padding-top-static {
padding-top: 50px;
}
.single-optimax_case .content-padding {
padding-bottom: 60px;
}
}
.case-style-1.demo-case {
padding: 30px 0 0px;
}
@media only screen and (max-width: 991px) {
.single-case-box-layout1 .item-img {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 768px) {
.single-case-box-layout1 .item-img {
margin-bottom: 0px;
}
}
.case-style-1 .single-case-box-layout1 {
width: 100%;
}
.single-case-box-layout1 .item-content {
background: #f7f7f7;
border-radius: 5px;
margin-bottom: 80px;
padding: 30px 40px 35px;
display: flex;
align-items: center;
height: 100%;
}
@media (max-width: 767px) {
.single-case-box-layout1 .item-content {
margin-bottom: 60px;
}
}
.single-case-box-layout1 .item-content .item-title {
font-weight: 600;
color: var(--dark_primary_text_color);
}
.single-case-box-layout1 .item-social {
padding-left: 0px;
margin-bottom: 0;
}
.single-case-box-layout1 .item-content .item-info {
margin: 0;
padding: 0;
list-style: none
}
.single-case-box-layout1 .item-content .item-info > li {
padding: 5px;
width: 50%;
float: left;
}
.single-case-box-layout1 .item-content .item-info > li span {
color: var(--dark_primary_text_color);
display: inline-block;
width: 120px;
font-weight: 700;
}
@media(max-width: 991px) {
.single-case-box-layout1 .item-content .item-info > li span {
width: 90px;
}
}
@media(max-width: 767px) {
.single-case-box-layout1 .item-content .item-info > li {
width: 100%;
}
.case-style-1 .single-case-box-layout1 > .item-content {
padding: 
}
}
.single-case-box-layout1 .item-content .item-info li a {
font-size: 16px;
color: var(--body_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-case-box-layout1 .item-content .item-info li a:hover {
color: var(--primary_color);
}
.single-case-box-layout1 .item-content .item-social {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.single-case-box-layout1 .item-content .item-social li {
display: inline-block;
padding-right: 15px;
}
.single-case-box-layout1 .item-content .item-social li:last-child {
padding-right: 0px;
}
.single-case-page-2 .single-case-box-layout4 .single-item-content .item-info {
margin-bottom: 0;
}
.case-study-layout-2 {
margin: 0 auto 15px auto;
text-align: center;
}
.case-study-layout-2 img {
width: 100%;
margin-bottom: 15px;
}
.single-optimax_case #respond {
margin-top: 5px;
padding-top: 10px;
}
.single-case-box-layout4 .item-carousel .single-item img {
border-radius: 5px;
}
@media only screen and (max-width: 991px) {
.single-case-box-layout4 .single-item-content {
padding: 0;
}
}
.single-case-box-layout4 .single-item-content .item-info {
position: relative;
background: #ffffff;
border-radius: 10px;
margin-bottom: 30px;
margin-top: 50px;
padding: 45px 50px 35px;
-webkit-box-shadow: 0px 7px 29px 7px rgba(153,153,153,0.15);
box-shadow: 0px 7px 29px 7px rgba(153,153,153,0.15);
overflow: hidden;
}
.single-case-box-layout4 .single-item-content .item-info .shape-left {
position: absolute;
left: -35px;
top: -50px;
}
.single-case-box-layout4 .single-item-content .item-info .shape-right {
position: absolute;
right: -35px;
}
.single-case-box-layout4 .single-item-content .item-info .shape-left path {
fill: var(--accent_color);
}
.single-case-box-layout4 .single-item-content .item-info .shape-right path {
fill: var(--gradient_2_light);
}
.single-case-box-layout4 .single-item-content .item-info:before {
position: absolute;
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/shape-8.png);
left: 40px;
top: -30px;
}
.single-case-box-layout4 .single-item-content .item-info:after {
position: absolute;
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/shape-9.png);
right: 10%;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item {
list-style: none;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 0;
padding: 0;
flex-wrap: wrap;
display: flex;
justify-content: space-between;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li {
display: inline-block;
font-size: 16px;
color: #787878;
margin-bottom: 10px;
padding-right: 10px;
padding-left: 10px;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item  > li span {
font-family: Nunito, sans-serif;
font-weight: 700;
font-size: 18px;
color: var(--dark_primary_text_color);
display: block;
margin-bottom: 3px;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li a {
color: #787878;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li a:hover {
color: var(--primary_color);
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li .case-category-inner {
margin-left: 20px;
font-weight: 500;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li .item-social {
margin: 0;
padding: 0;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li .item-social li {
display: inline-block;
margin-right: 6px;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li .item-social li:last-child {
margin-right: 0;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li .item-social li a {
font-size: 15px;
color: #9e9e9e;
padding: 5px;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li .item-social li a:hover {
color: var(--primary_color);
}
.single-case-box-layout4 .single-item-content .item-service {
marginbpx: 70px;
}
.single-case-box-layout4 .single-item-content .item-service .item-title {
font-size: 24px;
color: var(--dark_primary_text_color);
font-weight: 600;
}
@media only screen and (max-width: 1199px) {
.single-case-box-layout4 .single-item-content .item-info:after {
right: 15%;
}
}
@media only screen and (max-width: 991px) {
.single-case-box-layout4 .single-item-content .item-service .item-title {
font-size: 22px;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item {
justify-content: start;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li {
width: 33.3333%;
}
.single-case-box-layout4 .single-item-content .item-info:after {
right: 20%;
}
}
@media only screen and (max-width: 767px) {
.single-case-box-layout4 .single-item-content .item-info {
padding-top: 55px;
padding-bottom: 45px;
}
.single-case-box-layout4 .single-item-content .item-service .item-title {
font-size: 20px;
}
.single-case-box-layout4 .single-item-content .item-info:after {
right: 25%;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li {
width: 50%;
}
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li:last-child {
width: 100%;
}
}
@media only screen and (max-width: 375px) {
.single-case-box-layout4 .single-item-content .item-info ul.list-item > li {
width: 100%;
}
}
.single-case-box-layout4 .single-item-content .item-service .service-item {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
margin-bottom: 15px;
}
@media only screen and (max-width: 575px) {
.single-case-box-layout4 .single-item-content .item-service .service-item {
display: block;
}
.single-case-box-layout4 .single-item-content .item-info:after {
right: 38%;
}
}
.single-case-box-layout4 .single-item-content .item-service .service-item ul {
marginrpx: 140px;
}
@media only screen and (max-width: 575px) {
.single-case-box-layout4 .single-item-content .item-service .service-item ul {
margin-right: 0;
}
}
.single-case-box-layout4 .single-item-content .item-service .service-item ul:last-child {
margin-right: 0;
}
.single-case-box-layout4 .single-item-content .item-service .service-item ul li {
font-weight: 500;
color: var(--dark_primary_text_color);
padding-left: 33px;
margin-bottom: 10px;
position: relative;
}
.single-case-box-layout4 .single-item-content .item-service .service-item ul li i {
color: var(--dark_primary_color);
font-size: 18px;
position: absolute;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-case-box-layout5 .item-img {
margin-bottom: 26px;
}
.single-case-box-layout5 .item-img img {
border-radius: 5px;
width: 100%;
max-width: 100%;
}
.single-case-box-layout5 .list-item {
margin-bottom: 30px;
padding: 30px;
background: #f6f6f6;
}
@media only screen and (max-width: 767px) {
.single-case-box-layout5 .list-item {
display: block;
}
}
.single-case-box-layout5 .list-item > ul > li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 18px;
color: var(--dark_primary_text_color);
font-weight: 600;
margin-bottom: 12px;
}
.single-case-box-layout5 .list-item > ul > li span {
margin-left: 20px;
font-weight: 400;
}
.single-case-box-layout5 .list-item > ul > li .case-category-inner {
margin-left: 20px;
font-weight: 500;
}
.single-case-box-layout5 .list-item > ul > li .item-social li {
display: inline-block;
margin-right: 6px;
}
.single-case-box-layout5 .list-item > ul > li .item-social li:last-child {
margin-right: 0;
}
.single-case-box-layout5 .list-item > ul > li .item-social li a {
font-size: 16px;
color: var(--dark_primary_color);
padding: 5px;
}
.single-case-box-layout5 .list-item > ul > li .item-social li a:hover {
color: var(--dark_primary_text_color);
}
.single-case-box-layout5 .item-result {
margin-top: 40px;
}
.single-case-box-layout5 .item-result .item-title {
font-size: 24px;
color: var(--dark_primary_text_color);
font-weight: 600;
margin-bottom: 18px;
}
@media only screen and (max-width: 991px) {
.single-case-box-layout5 .item-result .item-title {
font-size: 22px;
}
}
.single-case-box-layout5 .item-result .traffic-chart-area {
mpx: 30px 0 42px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 575px) {
.single-case-box-layout5 .item-result .traffic-chart-area {
display: block;
}
}
.single-case-box-layout5 .item-result .traffic-chart-area .doughnut-chart {
margin: 60px;
}
@media only screen and (max-width: 575px) {
.single-case-box-layout5 .item-result .traffic-chart-area .doughnut-chart {
margin-right: 0;
margin-bottom: 30px;
}
}
.single-case-box-layout5 .item-result .traffic-chart-area .chart-content ul li {
font-size: 18px;
font-weight: 500;
color: var(--dark_primary_text_color);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
@media only screen and (max-width: 575px) {
.single-case-box-layout5 .item-result .traffic-chart-area .chart-content ul li {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.single-case-box-layout5 .item-result .traffic-chart-area .chart-content ul li:last-child {
margin-bottom: 0;
}
.single-case-box-layout5 .item-result .traffic-chart-area .chart-content ul li span {
display: inline-block;
height: 20px;
width: 20px;
margin-right: 15px;
}
.case-study-box-layout6 {
margin-bottom: 15px;
}
.case-study-box-layout6 .item-img {
margin-bottom: 25px;
position: relative;
overflow: hidden;
border-radius: 4px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.case-study-box-layout6 .item-img img {
border-radius: 4px;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.case-study-box-layout6 .item-img .hover-icon {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 2;
text-align: center;
visibility: hidden;
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.case-study-box-layout6 .item-img .hover-icon a {
font-size: 24px;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.case-study-box-layout6 .item-img .hover-icon a:hover {
color: var(--primary_color);
}
.case-study-box-layout6 .item-img:after {
content: "";
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
border-radius: 4px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
color: var(--light_primary_text_color);
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.case-study-box-layout6 .item-content .item-title {
font-weight: 700;
margin-bottom: 6px;
font-size: 24px;
}
.case-study-box-layout6 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.case-study-box-layout6 .item-content .item-title a:hover {
color: var(--primary_color);
}
.case-study-box-layout6 .item-content .item-subtitle {
color: #0223a3;
}
.case-study-box-layout6:hover .item-img {
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
}
.case-study-box-layout6:hover .item-img img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.case-study-box-layout6:hover .item-img .hover-icon {
-webkit-transform: scale3d(1.6, 1.6, 1);
transform: scale3d(1.6, 1.6, 1);
visibility: visible;
opacity: 1;
}
.case-study-box-layout6:hover .item-img:after {
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible;
opacity: 0.9;
}
.case-study-box-layout5 {
margin-bottom: 40px;
}
.case-study-box-layout5 .item-img {
margin-bottom: 25px;
border-radius: 4px;
overflow: hidden;
}
.case-study-box-layout5 .item-img img {
border-radius: 4px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.case-study-box-layout5 .item-content .item-title {
font-size: 26px;
margin-bottom: 12px;
}
.case-study-box-layout5 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.case-study-box-layout5 .item-content .item-title a:hover {
color: var(--primary_color);
}
@media only screen and (max-width: 991px) {
.case-study-box-layout5 .item-content .item-title {
font-size: 22px;
}
}
@media only screen and (max-width: 575px) {
.case-study-box-layout5 .item-content .item-title {
font-size: 20px;
}
}
.case-study-box-layout5 .item-content .item-tag a {
display: inline-block;
border: 1px solid var(--dark_primary_color);
border-radius: 4px;
padding: 0 10px;
color: #0223a3;
font-size: 14px;
margin: 0 5px 5px 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.case-study-box-layout5 .item-content .item-tag a:hover {
color: var(--light_primary_text_color);
background-color: var(--primary_color);
}
.case-study-box-layout5:hover .item-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .service-box-layout9 {
margin-bottom: 25px;
}
.service-box-layout9 .item-img {
margin-bottom: 25px;
position: relative;
overflow: hidden;
border-radius: 4px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-box-layout9 .item-img img {
border-radius: 4px;
}
.service-box-layout9 .item-img .hover-icon {
position: absolute;
z-index: 2;
top: 50%;
left: 50%;
transform: translateY(-70%) translateX(-50%);
opacity: 0;
transition: all 0.3s ease-in-out;
transition-delay: 0s;
}
.service-box-layout9 .item-img .hover-icon a {
display: flex;
align-items: center;
justify-content: center;
height: 40px;
width: 40px;
font-size: 40px;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-box-layout9 .item-img .hover-icon a .line1 {
position: relative;
}
.service-box-layout9 .item-img .hover-icon a .line1:before {
content: "";
height: 2px;
width: 0;
background-color: #ffffff;
position: absolute;
z-index: 1;
top: 0;
right: -20px;
transition: all 0.1s ease-out;
transition-delay: 0s;
}
.service-box-layout9 .item-img .hover-icon a .line1:after {
content: "";
height: 0;
width: 2px;
background-color: #ffffff;
position: absolute;
z-index: 1;
top: 0;
left: 0;
transition: all 0.1s ease-out;
transition-delay: 0s;
}
.service-box-layout9 .item-img .hover-icon a .line2 {
position: relative;
}
.service-box-layout9 .item-img .hover-icon a .line2:before {
content: "";
height: 2px;
width: 0;
background-color: #ffffff;
position: absolute;
z-index: 1;
top: 0;
right: 0;
transition: all 0.1s ease-out;
transition-delay: 0s;
}
.service-box-layout9 .item-img .hover-icon a .line2:after {
content: "";
height: 0;
width: 2px;
background-color: #ffffff;
position: absolute;
z-index: 1;
top: -20px;
left: 0;
transition: all 0.1s ease-out;
transition-delay: 0s;
} .service-box-layout9 .item-img:hover .hover-icon {
opacity: 1;
transform: translateY(-50%) translateX(-50%);
transition-delay: 0.2s;
}
.service-box-layout9 .item-img:hover .hover-icon a .line1:before {
width: 20px;
transition-delay: 0.3s;
}
.service-box-layout9 .item-img:hover .hover-icon a .line1:after {
height: 20px;
transition-delay: 0.5s;
}
.service-box-layout9 .item-img:hover .hover-icon a .line2:before {
width: 20px;
transition-delay: 0.7s;
}
.service-box-layout9 .item-img:hover .hover-icon a .line2:after {
height: 20px;
transition-delay: 0.9s;
}
.service-box-layout9 .item-img .hover-icon a:hover {
color: var(--primary_color);
}
.service-box-layout9 .item-img:after {
content: "";
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
border-radius: 4px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
color: var(--light_primary_text_color);
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-box-layout9 .item-content .item-title {
font-weight: 700;
margin-bottom: 6px;
font-size: 24px;
line-height: 1.2;
}
.service-box-layout9 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.service-box-layout9 .item-content .item-title a:hover {
color: var(--primary_color);
}
.service-box-layout9 .item-content .item-subtitle a {
color: var(--body_text_color);
}
.service-box-layout9 .item-content .item-subtitle a:hover {
color: var(--primary_color);
}
.service-box-layout9 .item-img:hover {
-webkit-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.4);
}
.service-box-layout9 .item-img:hover:after {
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible;
opacity: 0.9;
} .team-wrap-layout1 {
padding: 0 0 92px;
}
.team-wrap-layout2 {
padding: 110px 0 120px;
background-color: #f8f8f8;
}
.team-box-layout1 {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
text-align: center;
padding: 40px 30px 30px;
border-radius: 6px;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0px 0px 20px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 0px 20px 0px rgba(33, 30, 30, 0.2);
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-box-layout1:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/css/post_types/img/team/shape.png);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
@media only screen and (max-width: 767px) {
.team-box-layout1:after {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
}
.team-box-layout1 .item-img {
margin-bottom: 24px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-box-layout1 .item-img img {
border-radius: 50%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-box-layout1 .item-content {
position: relative;
}
.team-box-layout1 .item-content .item-title {
margin-bottom: 8px;
font-weight: 500;
}
.team-box-layout1 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-box-layout1 .item-content .item-title a:hover {
color: var(--primary_color);
}
.team-box-layout1 .item-content .item-subtitle {
color: #949599;
font-size: 17px;
font-weight: 500;
}
.team-box-layout1 .item-content .item-social li {
display: inline-block;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.5s cubic-bezier(0.42, 0.97, 0.52, 1.49);
transition: 0.5s cubic-bezier(0.42, 0.97, 0.52, 1.49);
}
.team-box-layout1 .item-content .item-social li a {
display: block;
height: 36px;
width: 36px;
line-height: 36px;
background-color: #060678;
border-radius: 50%;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout1 .item-content .item-social li a:hover {
background-color: var(--primary_color);
}
.team-box-layout1 .item-content .item-social li:nth-child(1n) {
top: -50px;
left: 24%;
}
.team-box-layout1 .item-content .item-social li:nth-child(2n) {
top: -35px;
left: 44%;
}
.team-box-layout1 .item-content .item-social li:nth-child(3n) {
top: -50px;
left: 65%;
}
.team-box-layout1:hover {
-webkit-box-shadow: 0px 20px 30px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 20px 30px 0px rgba(33, 30, 30, 0.2);
}
.team-box-layout1:hover .item-img {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.team-box-layout1:hover .item-img img {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
.team-box-layout1:hover .item-content .item-social li {
visibility: visible;
opacity: 1;
}
.team-box-layout1:hover .item-content .item-social li:nth-child(1n) {
top: -84px;
left: 24%;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.team-box-layout1:hover .item-content .item-social li:nth-child(2n) {
top: -65px;
left: 44%;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.team-box-layout1:hover .item-content .item-social li:nth-child(3n) {
top: -83px;
left: 65%;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.team-box-layout2 {
text-align: center;
background-color: var(--light_primary_text_color);
border-radius: 6px;
padding: 40px 40px;
}
.team-box-layout2 .item-img-wrapper {
padding: 20px 30px 0px 30px;
}
.team-box-layout2 .item-img {
margin-bottom: 25px;
border-radius: 50%;
border: 0px solid var(--accent_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-box-layout2 .item-img img {
border-radius: 50%;
}
.team-box-layout2 .item-content .item-title {
font-weight: 500;
margin-bottom: 4px;
}
.team-box-layout2 .item-content .item-title a {
color: #000000;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout2 .item-content .item-title a:hover {
color: var(--primary_color);
}
.team-box-layout2 .item-content .item-subtitle {
color: var(--accent_color);
margin-bottom: 14px;
}
.team-box-layout2 .item-content .item-social li {
display: inline-block;
margin-right: 8px;
}
@media only screen and (max-width: 767px) {
.team-box-layout2 .item-content .item-social li {
margin-right: 5px;
}
}
.team-box-layout2 .item-content .item-social li:last-child {
margin-right: 0;
}
.team-box-layout2 .item-content .item-social li a {
color: #b0b0b0;
font-size: 16px;
padding: 5px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout2 .item-content .item-social li a:hover {
color: var(--dark_primary_text_color);
}
.team-box-layout2:hover .item-img {
border: 5px solid #ff9118;
-webkit-animation: pulse 2s;
animation: pulse 2s;
}
.team-box-layout2:hover .item-img img {
-webkit-animation: pulse 1000ms;
animation: pulse 1000ms;
}
.team-box-layout3 {
text-align: center;
}
.team-box-layout3 .item-img {
margin-bottom: 40px;
}
.team-box-layout3 .item-img img {
width: auto;
display: inline-block;
}
.team-box-layout3 .item-content .item-title {
font-weight: 600;
margin-bottom: 8px;
}
.team-box-layout3 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout3 .item-content .item-title a:hover {
color: var(--primary_color);
}
.team-box-layout3 .item-content .item-subtitle {
margin-bottom: 20px;
}
.team-box-layout3 .item-content .item-social li {
display: inline-block;
margin-right: 10px;
}
.team-box-layout3 .item-content .item-social li:last-child {
margin-right: 0;
}
.team-box-layout3 .item-content .item-social li a {
text-align: center;
font-size: 16px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
display: block;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout3 .item-content .item-social li a:hover {
background-color: var(--primary_color) !important;
}
.team-box-layout1 {
margin-bottom: 15px;
overflow: hidden;
position: relative;
text-align: center;
background-color: #f2f2f2;
padding: 25px 15px 0;
border-radius: 4px;
}
.team-box-layout1 .item-img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.team-box-layout1 .item-img .front-inner-content {
padding: 20px 0;
width: 88%;
background-color: #ffffff;
position: absolute;
bottom: 15px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 2;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.team-box-layout1 .item-img .front-inner-content .item-title {
margin-bottom: 2px;
}
.team-box-layout1 .item-img .front-inner-content .item-title a {
font-weight: 700;
color: #111111;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.team-box-layout1 .item-img .front-inner-content .item-title a:hover {
color: var(--primary_color);
}
.team-box-layout1 .item-img .front-inner-content .item-subtitle {
color: var(--primary_color);
}
.team-box-layout1 .item-img .back-inner-content {
padding: 20px 15px 30px;
background-color: #ffc92b;
width: 88%;
position: absolute;
bottom: -150px;
left: 0;
right: 0;
margin: 0 auto;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
z-index: 2;
}
.team-box-layout1 .item-img .back-inner-content p {
color: white;
}
.team-box-layout1 .item-img .back-inner-content .item-title {
margin-bottom: 2px;
}
.team-box-layout1 .item-img .back-inner-content .item-title a {
font-weight: 700;
color: #ffffff;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.team-box-layout1 .item-img .back-inner-content .item-title a:hover {
color: #111111;
}
.team-box-layout1 .item-img .back-inner-content .item-subtitle {
margin-bottom: 10px;
color: #ffffff;
}
.team-box-layout1 .item-img .back-inner-content .item-social li {
display: inline-block;
margin-right: 15px;
}
.team-box-layout1 .item-img .back-inner-content .item-social li:last-child {
margin-right: 0;
}
.team-box-layout1 .item-img .back-inner-content .item-social li a {
font-size: 25px;
color: #ffffff;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.team-box-layout1 .item-img .back-inner-content .item-social li a:hover {
color: #111111;
}
.team-box-layout1:hover .item-img img {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
.team-box-layout1:hover .item-img .front-inner-content {
visibility: hidden;
opacity: 0;
}
.team-box-layout1:hover .item-img .back-inner-content {
visibility: visible;
opacity: 1;
bottom: 15px;
}
.team-box-layout2 {
padding: 10px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
text-align: center;
margin-bottom: 20px;
background-color: #f8f8f8;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout2 .item-img {
position: relative;
display: inline-block;
}
.team-box-layout2 .item-img:after {
content: "";
height: 100%;
width: 100%;
background-color: rgba(var(--accent_color_rgb), 0.75);
border-radius: 50%;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
position: absolute;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout2 .item-img img {
border-radius: 50%;
background-color: #f2f2f2;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout2 .item-content-team {
margin: 0 0 23px;
text-align: center;
}
.team-box-layout2 .item-content-team h3 {
margin-bottom: 7px;
font-size: 24px;
}
.team-box-layout2 .item-content-team h3 a {
color: #111111;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout2 .item-content-team h3 a:hover {
color: var(--primary_color);
}
.team-box-layout2 .item-content-team .subtitle {
font-size: 17px;
color: var(--primary_color);
margin-bottom: 8px;
}
.team-box-layout2 .item-content-team p {
font-size: 16px;
line-height: 24px;
padding: 0 35px;
}
.team-box-layout2 .item-content-team .item-social li {
display: inline-block;
margin-bottom: 5px;
margin-right: 3px;
}
.team-box-layout2 .item-content-team .item-social li:last-child {
margin-right: 0px;
}
.team-box-layout2 .item-content-team .item-social li a {
border: 1px solid #cccccc;
border-radius: 50px;
font-size: 16px;
height: 35px;
width: 35px;
line-height: 35px;
color: #444444;
display: block;
text-align: center;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout2 .item-content-team .item-social li a:hover {
background-color: var(--primary_color);
border: 1px solid var(--primary_color);
-webkit-transform: scale3d(1.1);
transform: scale3d(1.1);
color: var(--light_primary_text_color);
}
.team-box-layout2:hover .item-img:after {
visibility: visible;
opacity: 1;
-webkit-animation: pulse2 2s infinite;
animation: pulse2 2s infinite;
}
@-webkit-keyframes pulse2 {
0% {
-webkit-box-shadow: 0 0 0 0 #ffc211;
box-shadow: 0 0 0 0 #ffc211;
}
40% {
-webkit-box-shadow: 0 0 0 25px rgba(255, 194, 17, 0);
box-shadow: 0 0 0 25px rgba(255, 194, 17, 0);
}
70% {
-webkit-box-shadow: 0 0 0 25px rgba(255, 194, 17, 0);
box-shadow: 0 0 0 25px rgba(255, 194, 17, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
}
}
@keyframes pulse2 {
0% {
-webkit-box-shadow: 0 0 0 0 #ffc211;
box-shadow: 0 0 0 0 #ffc211;
}
40% {
-webkit-box-shadow: 0 0 0 25px rgba(255, 194, 17, 0);
box-shadow: 0 0 0 25px rgba(255, 194, 17, 0);
}
70% {
-webkit-box-shadow: 0 0 0 25px rgba(255, 194, 17, 0);
box-shadow: 0 0 0 25px rgba(255, 194, 17, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
}
}
.team-box-layout3 {
margin-bottom: 30px;
}
.team-box-layout3 .item-img {
margin-bottom: 15px;
padding: 25px 30px 0;
text-align: center;
border-radius: 4px;
background-color: #f8f8f8;
}
.team-box-layout3 .item-content-team .title {
margin-bottom: 0;
}
.team-box-layout3 .item-content-team .title a {
font-weight: 500;
color: #111111;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout3 .item-content-team .title a:hover {
color: var(--primary_color);
}
.team-box-layout3 .item-content-team .subtitle {
font-size: 16px;
}
.team-box-layout3 .item-content-team p {
font-size: 17px;
line-height: 24px;
}
.team-box-layout3 .item-content-team .item-social li {
display: inline-block;
margin-bottom: 5px;
margin-right: 8px;
}
.team-box-layout3 .item-content-team .item-social li:last-child {
margin-right: 0;
}
.team-box-layout3 .item-content-team .item-social li a {
text-align: center;
display: block;
font-size: 16px;
color: #444444;
border: 1px solid #d2d2d2;
border-radius: 4px;
height: 45px;
width: 45px;
line-height: 45px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout3 .item-content-team .item-social li a:hover {
border: 1px solid var(--primary_color);
background-color: var(--primary_color);
-webkit-box-shadow: 0px 5px 5px 0px rgba(203, 199, 189, 0.75);
box-shadow: 0px 5px 5px 0px rgba(203, 199, 189, 0.75);
}
.team-box-layout4 {
border-radius: 0 0 4px 4px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-bottom: 15px;
}
.team-box-layout4 .item-img {
overflow: hidden;
position: relative;
border-radius: 4px 4px 0 0;
}
.team-box-layout4 .item-img img {
border-radius: 4px 4px 0 0;
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout4 .item-img:before {
content: "";
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout4 .item-content-team {
text-align: center;
background-color: #f2f2f2;
padding: 30px 25px 25px;
border-radius: 0 0 4px 4px;
}
.team-box-layout4 .item-content-team .item-title {
margin-bottom: 0px;
}
.team-box-layout4 .item-content-team .item-title a {
color: #111111;
font-weight: 500;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout4 .item-content-team .item-title a:hover {
color: var(--primary_color);
}
.team-box-layout4 .item-content-team .item-subtitle {
font-size: 16px;
color: #646464;
text-align: center;
margin-bottom: 10px;
}
.team-box-layout4 .item-content-team .item-social {
margin-bottom: 15px;
}
.team-box-layout4 .item-content-team .item-social li {
display: inline-block;
}
.team-box-layout4 .item-content-team .item-social li a {
padding: 5px 12px;
font-size: 18px;
color: #7e7a7a;
display: inline-block;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout4 .item-content-team .item-social li a:hover {
color: #111111;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
@media (min-width: 992px) and (max-width: 1199px) {
.team-box-layout4 .item-content-team .item-social li a {
font-size: 16px;
}
}
.team-box-layout4 .item-content-team .item-btn {
background-color: var(--light_primary_text_color);
display: block;
color: #646464;
font-size: 16px;
padding: 15px 5px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(235, 235, 235, 0.75);
box-shadow: 0px 5px 5px 0px rgba(235, 235, 235, 0.75);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout4 .item-content-team .item-btn i {
color: var(--primary_color);
margin-right: 12px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout4 .item-content-team .item-btn:hover {
background-color: var(--primary_color);
color: var(--light_primary_text_color);
}
.team-box-layout4 .item-content-team .item-btn:hover i {
color: var(--light_primary_text_color);
}
.team-box-layout4:hover .item-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.team-box-layout4:hover .item-img:before {
visibility: visible;
opacity: 1;
}
.team-box-layout4:hover .item-img:after {
height: 80%;
width: 80%;
}
.team-box-layout5 {
padding: 30px 30px 10px;
background-color: #f2f2f2;
border-radius: 4px;
margin-bottom: 10px;
text-align: center;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout5 .item-img {
position: relative;
display: inline-block;
}
.team-box-layout5 .item-img:after {
content: "";
height: 100%;
width: 100%;
background-color: rgba(255, 194, 17, 0.85);
border-radius: 50%;
bottom: 0;
left: 0;
z-index: 1;
opacity: 0;
visibility: hidden;
position: absolute;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout5 .item-img img {
background-color: var(--light_primary_text_color);
border-radius: 50%;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout5 .item-content-team {
margin: 20px 0 23px;
text-align: center;
}
.team-box-layout5 .item-content-team h3 {
margin-bottom: 0px;
}
.team-box-layout5 .item-content-team h3 a {
color: #111111;
font-weight: 500;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout5 .item-content-team h3 a:hover {
color: var(--primary_color);
}
.team-box-layout5 .item-content-team .subtitle {
font-size: 17px;
color: var(--primary_color);
margin-bottom: 8px;
}
.team-box-layout5 .item-content-team p {
font-size: 16px;
line-height: 24px;
}
.team-box-layout5 .item-content-team .item-social li {
display: inline-block;
margin-right: 3px;
}
.team-box-layout5 .item-content-team .item-social li:last-child {
margin-right: 0px;
}
.team-box-layout5 .item-content-team .item-social li a {
border: 1px solid var(--primary_color);
border-radius: 50px;
font-size: 16px;
height: 35px;
width: 35px;
line-height: 35px;
color: #444444;
display: block;
text-align: center;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout5 .item-content-team .item-social li a:hover {
background-color: var(--primary_color);
border: 1px solid var(--primary_color);
-webkit-transform: scale3d(1.1);
transform: scale3d(1.1);
}
.team-box-layout5:hover .item-img:after {
visibility: visible;
opacity: 1;
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
}
@keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 #ffc211;
box-shadow: 0 0 0 0 #ffc211;
}
40% {
-webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0);
box-shadow: 0 0 0 15px rgba(255, 194, 17, 0);
}
70% {
-webkit-box-shadow: 0 0 0 15px rgba(255, 194, 17, 0);
box-shadow: 0 0 0 15px rgba(255, 194, 17, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
box-shadow: 0 0 0 0 rgba(255, 194, 17, 0);
}
}
.team-box-layout6 {
text-align: center;
padding: 20px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
@media only screen and (max-width: 767px) {
.team-box-layout6 {
text-align: center;
}
}
.team-box-layout6 .item-img {
position: relative;
display: block;
margin-bottom: 25px;
border: 14px solid var(--primary_color);
border-radius: 50%;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout6 .item-img img {
border-radius: 50%;
background-color: #f2f2f2;
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.team-box-layout6 .item-content-team .item-title {
margin-bottom: 0px;
}
.team-box-layout6 .item-content-team .item-title a {
color: #111111;
font-weight: 500;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout6 .item-content-team .item-title a:hover {
color: var(--primary_color);
}
.team-box-layout6 .item-content-team .item-subtitle {
color: #8c8c8c;
margin-bottom: 8px;
}
.team-box-layout6 .item-content-team p {
font-size: 16px;
line-height: 24px;
}
.team-box-layout6 .item-content-team .item-social li {
display: inline-block;
margin-right: 3px;
}
.team-box-layout6 .item-content-team .item-social li:last-child {
margin-right: 0px;
}
.team-box-layout6 .item-content-team .item-social li a {
border: 1px solid #cccccc;
border-radius: 50px;
font-size: 16px;
height: 45px;
width: 45px;
line-height: 45px;
color: #444444;
display: block;
text-align: center;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
@media (min-width: 768px) and (max-width: 991px) {
.team-box-layout6 .item-content-team .item-social li a {
height: 40px;
width: 40px;
line-height: 40px;
}
}
.team-box-layout6 .item-content-team .item-social li a:hover {
background-color: var(--primary_color);
border: 1px solid var(--primary_color);
-webkit-transform: scale3d(1.1);
transform: scale3d(1.1);
}
.team-box-layout6:hover .item-img img {
-webkit-transform: scale(1);
transform: scale(1);
} .single-team-box1 {
position: relative;
text-align: center;
}
.single-team-box1 .team-single-thum {
-webkit-mask-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/team_single.png);
mask-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/team_single.png);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
position: relative;
display: block;
transform: initial;
height: 496px;
}
.single-team-box1 .team-single-thum img {
width: 100%;
}
@media ( max-width: 767px ) {
.single-team-box1 {
text-align: left;
}
}
@media ( max-width: 575px ) {
.single-team-box1 {
text-align: center;
}
.single-team-box1 .team-single-thum {
height: 365px;
}
}
@media ( max-width: 375px ) {
.single-team-box1 .team-single-thum {
height: 320px;
}
}
.single-team-box2 {
padding-left: 30px;
}
.single-team-box2 .rtin-title {
margin-bottom: 6px;
}
.single-team-box2 .item-subtitle {
color: var(--primary_color);
margin-bottom: 20px;
font-weight: 500;
}
.single-team-box2 .item-social {
margin-top: 50px;
margin-bottom: 0;
padding-left: 0;
}
.single-team-box2 .item-social li {
display: inline-block;
margin-right: 5px;
}
.single-team-box2 .item-social li:last-child {
margin-right: 0;
}
.single-team-box2 .item-social li a {
text-align: center;
font-size: 16px;
color: #444444;
background-color: #ebebeb;
border-radius: 50%;
height: 50px;
width: 50px;
line-height: 50px;
display: block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-team-box2 .item-social li a:hover {
background-color: var(--primary_color);
color: var(--light_primary_text_color);
} .team-skill-wrap {
margin-top: 35px;
}
.rtin-skills {
overflow: hidden;
}
.rtin-skills .rtin-skill-each {
margin-bottom: 25px;
overflow: hidden;
}
.rtin-skills .rtin-skill-each:last-child {
margin-bottom: 0;
}
.rtin-skills .rtin-skill-each .rtin-name {
color: var(--dark_primary_text_color);
font-size: 20px;
font-weight: 700;
line-height: 1.5;
margin-bottom: 10px;
}
.rtin-skills .rtin-skill-each .progress {
background-color: #ebebeb;
border-radius: 4px;
box-shadow: none;
height: 12px;
overflow: visible;
margin: 0;
}
.rtin-skills .rtin-skill-each .progress .progress-bar {
position: relative;
background-color: var(--accent_color);
border-radius: 4px;
height: 12px;
overflow: visible;
animation-duration: 1.5s;
animation-delay: 1.2s;
animation-name: fadeInLeft;
}
.rtin-skills .rtin-skill-each .progress .progress-bar > span {
font-size: 20px;
font-weight: 700;
color: var(--dark_primary_text_color);
position: absolute;
right: 0;
top: -32px;
padding: 0;
line-height: 1;
}
.rtin-skills .rtin-skill-each .progress .progress-bar > span:before,
.rtin-skills .rtin-skill-each .progress .progress-bar > span::after {
border: medium solid transparent;
content: " ";
height: 0;
position: absolute;
top: 100%;
width: 0;
}
@media only screen and (max-width: 991px) {
.single-team-box2 {
margin-top: 30px;
padding-left: 0;
}
} .team-bg-gradient {
position: relative;
}
.team-bg-gradient:before {
background: linear-gradient(#f9f9f9, transparent), linear-gradient(#f9f9f9,transparent);
height: 50%;
position: absolute;
right: 0;
z-index: -1;
top: 0;
content: "";
left: 0;
width: 100%;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
.team-bg-gradient .figure-holder .left-holder {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.team-bg-gradient .figure-holder .right-holder {
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.related-team {
padding: 110px 0;
}
@media( max-width:1024px ) {
.related-team {
padding: 80px 0 60px;
}
}
@media( max-width:767px ) {
.related-team {
padding: 60px 0 40px;
}
}
.related-team .related-team-heading {
text-align: center;
margin-bottom: 40px;
}
.related-team .related-team-heading h2 {
color: var(--dark_primary_text_color);
margin-bottom: 10px;
}
.related-team .related-team-heading p {
color: var(--body_text_color);
font-size: 17.5px;
width: 40%;
margin: 0 auto;
}
@media(max-width: 1199px) {
.related-team .related-team-heading p {
width: 55%;
}
}
@media(max-width: 991px) {
.related-team .related-team-heading p {
width: 75%;
}
}
@media(max-width: 767px) {
.related-team .related-team-heading p {
width: 100%;
}
}
.bg-f8 {
background-color: #f8f8f8;
} .rtel-team-gallery-style6 .team-box {
position: relative;
margin-bottom: 30px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery-style6 .team-box .item-img {
-webkit-mask-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/team_grid.png);
mask-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/team_grid.png);
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
position: relative;
display: block;
transform: initial;
}
.rtel-team-gallery-style6 .team-box .item-img:after {
position: absolute;
left: 0;
top: 0;
content: "";
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/team_hover_shade.png);
background-size: cover;
background-position: center;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.rtel-team-gallery-style6 .team-box .item-img:before {
position: absolute;
content: "";
background: -webkit-gradient(linear, left top, right top, from(var(--primary_color)), to(var(--dark_primary_color)));
background: linear-gradient(to right, var(--primary_color), var(--dark_primary_color));
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery-style6 .team-box .item-content {
text-align: center;
position: absolute;
top: 50%;
left: 0;
right: 0;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
opacity: 0;
visibility: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery-style6 .team-box:hover .item-content {
opacity: 1;
visibility: visible;
}
.rtel-team-gallery-style6 .team-box:hover .item-img:after {
opacity: 1;
visibility: visible;
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
.rtel-team-gallery-style6 .team-box:hover .item-img:before {
opacity: 0.9;
visibility: visible;
}
.rtel-team-gallery-style6 .item-content .item-title {
font-weight: 700;
font-size: 24px;
margin-bottom: 10px;
line-height: 1;
}
.rtel-team-gallery-style6 .item-content .item-title a {
color: var(--light_primary_text_color);
}
.rtel-team-gallery-style6 .item-content .item-subtitle {
color: #d6cbff;
font-size: 16px;
line-height: 1;
margin-bottom: 18px;
}
.rtel-team-gallery-style6 .item-social {
margin: 0;
padding: 0;
}
.rtel-team-gallery-style6 .item-social li {
display: inline-block;
margin-right: 3px;
}
.rtel-team-gallery-style6 .item-social li:last-child {
margin-right: 0px;
}
.rtel-team-gallery-style6 .item-social li a {
font-size: 16px;
color: #444444;
background-color: #ebebeb;
border-radius: 50%;
height: 50px;
width: 50px;
line-height: 50px;
display: block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery-style6 .item-social li a:hover {
background-color: var(--accent_color);
color: var(--light_primary_text_color);
} .team-box-layout-h2 {
margin-bottom: 30px;
}
.team-box-layout-h2 .item-img {
text-align: center;
}
.team-box-layout-h2 .item-content {
margin: 0 12px;
background-color: var(--light_primary_text_color);
padding: 35px 20px;
text-align: center;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
margin-bottom: -50px;
}
.team-box-layout-h2 .item-content .item-heading {
position: relative;
padding-bottom: 12px;
margin-bottom: 15px;
}
.team-box-layout-h2 .item-content .item-heading .item-title {
font-weight: 500;
margin-bottom: 5px;
}
.team-box-layout-h2 .item-content .item-heading .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout-h2 .item-content .item-heading .item-title a:hover {
color: #444444;
}
.team-box-layout-h2 .item-content .item-heading:after {
content: "";
height: 4px;
width: 43px;
background-color: var(--primary_color);
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.team-box-layout-h2 .item-content .item-social li {
display: inline-block;
}
.team-box-layout-h2 .item-content .item-social li a {
color: #a5a5a5;
font-size: 18px;
padding: 10px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.team-box-layout-h2 .item-content .item-social li a:hover {
color: #111111;
}
.related-team-1 .rtin-team-gallery {
justify-content: space-around;
}
.related-team-1 .rtin-team-box-1 {
border-radius: 0 0 4px 4px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
margin-bottom: 15px;
}
.related-team-1 .rtin-team-box-1 .item-img {
overflow: hidden;
position: relative;
border-radius: 4px 4px 0 0;
}
.related-team-1 .rtin-team-box-1 .item-img img {
border-radius: 4px 4px 0 0;
width: 100%;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.related-team-1 .rtin-team-box-1 .item-img:before {
content: "";
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.3);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 2;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.related-team-1 .rtin-team-box-1 .item-content-team {
text-align: center;
background-color: #f2f2f2;
padding: 30px 25px 25px;
border-radius: 0 0 4px 4px;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-title {
margin-bottom: 4px;
font-size: 24px;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-title a {
color: #111111;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-title a:hover {
color: var(--primary_color);
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-subtitle {
font-size: 16px;
color: #646464;
text-align: center;
margin-bottom: 10px;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-social {
margin-bottom: 15px;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-social li {
display: inline-block;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-social li a {
padding: 5px 12px;
font-size: 18px;
color: #7e7a7a;
display: inline-block;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-social li a:hover {
color: #111111;
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
@media (min-width: 992px) and (max-width: 1199px) {
.related-team-1 .rtin-team-box-1 .item-content-team .item-social li a {
font-size: 16px;
}
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-btn {
background-color: var(--light_primary_text_color);
display: block;
color: #111111;
font-size: 16px;
border-radius: 4px;
padding: 15px 5px;
-webkit-box-shadow: 0px 5px 5px 0px rgba(235, 235, 235, 0.75);
box-shadow: 0px 5px 5px 0px rgba(235, 235, 235, 0.75);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 500;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-btn i {
color: var(--primary_color);
margin-right: 12px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-btn:hover {
background-color: var(--primary_color);
color: var(--light_primary_text_color);
}
.related-team-1 .rtin-team-box-1 .item-content-team .item-btn:hover i {
color: var(--light_primary_text_color);
}
.related-team-1 .rtin-team-box-1:hover .item-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.related-team-1 .rtin-team-box-1:hover .item-img:before {
visibility: visible;
opacity: 1;
}
.related-team-1 .rtin-team-box-1:hover .item-img:after {
height: 80%;
width: 80%;
} .sticky .item-content {
background-color: #f8f8f8;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.sticky .item-content:after {
content: "\F08D";
font-family: "Font Awesome 5 Free";
font-weight: 600;
font-size: 25px;
color: var(--accent_color);
top: 5px;
right: 10px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
}
.blog-wrap-layout1 {
padding: 110px 0 90px;
background-color: #f8f8f8;
}
.blog-wrap-layout2 {
padding: 112px 0 90px;
}
.blog-wrap-layout3 {
padding: 110px 0 90px;
}
.blog-wrap-layout4 {
padding: 110px 0 84px;
}
.blog-wrap-layout5 {
padding: 120px 0;
}
.blog-wrap-layout6 {
padding: 120px 0;
}
.single-blog-wrap-layout1 {
padding: 120px 0;
}
@media( max-width:1024px ){	
.page.page-id-3846 .content-padding ,
.page.page-id-3100 .content-padding ,
.page.page-id-3020 .content-padding ,
.page.page-id-5290 .content-padding {
padding-top: 0px;
padding-bottom: 0px;
}
.blog .content-padding,
.single-post .content-padding {
padding-top: 80px;
padding-bottom: 80px;
}
.single-optimax_team .content-padding {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media( max-width:767px ){
.blog .content-padding,
.single-post .content-padding {
padding-top: 60px;
padding-bottom: 60px;
}
.single-post .content-padding,
.single-optimax_team .content-padding {
padding-top: 60px;
padding-bottom: 60px;
}
.single-optimax_team .content-padding {
padding-top: 60px;
padding-bottom: 60px;
}
}
.blog-box-layout1 {
position: relative;
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
margin-bottom: 30px;
border-radius: 6px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout1 .item-img {
padding: 15px;
}
.blog-box-layout1 .item-content {
padding: 25px 30px 5px;
position: relative;
}
.blog-box-layout1 .item-content .item-author {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background-color: var(--primary_color);
padding: 6px 30px 6px 10px;
border-radius: 6px;
-webkit-box-shadow: 0px 15px 15px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 15px 15px 0px rgba(33, 30, 30, 0.15);
position: absolute;
top: -36px;
left: 30px;
}
.blog-box-layout1 .item-content .item-author .author-img {
margin-right: 10px;
position: relative;
}
.blog-box-layout1 .item-content .item-author .author-img img {
border-radius: 50%;
}
.blog-box-layout1 .item-content .item-author span {
display: block;
font-weight: 500;
color: var(--light_primary_text_color);
}
.blog-box-layout1 .item-content .entry-meta {
margin-bottom: 8px;
}
.blog-box-layout1 .item-content .entry-meta li {
display: inline-block;
margin-right: 15px;
color: #77787c;
margin-bottom: 5px;
font-size: 15px;
}
.blog-box-layout1 .item-content .entry-meta li:last-child {
margin-right: 0;
}
.blog-box-layout1 .item-content .entry-meta li i {
color: var(--primary_color);
margin-right: 12px;
font-weight: 500;
}
.blog-box-layout1 .item-content .post-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 13px;
}
.blog-box-layout1 .item-content .post-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout1 .item-content .post-title a:hover {
color: var(--primary_color);
}
.blog-box-layout1:after {
content: "";
height: 5px;
width: 0%;
background-color: var(--dark_primary_color);
border-radius: 4px 0 0 4px;
position: absolute;
top: 5px;
left: 5px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout1:before {
content: "";
height: 0%;
width: 5px;
background-color: var(--dark_primary_color);
border-radius: 4px 4px 0 0;
position: absolute;
top: 5px;
left: 5px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout1 .hover-border:after {
content: "";
height: 5px;
width: 0%;
background-color: var(--dark_primary_color);
border-radius: 0 4px 4px 0;
position: absolute;
bottom: 5px;
right: 5px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout1 .hover-border:before {
content: "";
height: 0%;
width: 5px;
background-color: var(--dark_primary_color);
border-radius: 0 0 4px 4px;
position: absolute;
bottom: 5px;
right: 5px;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout1:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.blog-box-layout1:hover:after {
visibility: visible;
opacity: 1;
width: 50%;
}
.blog-box-layout1:hover:before {
visibility: visible;
opacity: 1;
height: 30%;
}
.blog-box-layout1:hover .hover-border:after {
visibility: visible;
opacity: 1;
width: 50%;
}
.blog-box-layout1:hover .hover-border:before {
visibility: visible;
opacity: 1;
height: 30%;
}
.blog-box-layout2 {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout2 .item-img a img {
border-radius: 6px 6px 0 0;
}
.blog-box-layout2 .item-content {
padding: 45px 40px 40px;
position: relative;
}
.blog-box-layout2 .item-content .item-category {
font-weight: 500;
color: var(--light_primary_text_color);
border-radius: 6px;
display: inline-block;
padding: 5px 30px;
position: absolute;
top: -21px;
left: 40px;
}
.blog-box-layout2 .item-content .item-title {
font-weight: 600;
}
.blog-box-layout2 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout2 .item-content .item-title a:hover {
color: var(--primary_color);
}
.blog-box-layout2 .item-content .entry-meta {
margin-bottom: 22px;
padding-bottom: 10px;
border-bottom: 1px solid #d9d9d9;
}
.blog-box-layout2 .item-content .entry-meta li {
display: inline-block;
margin-right: 22px;
margin-bottom: 8px;
font-size: 15px;
}
.blog-box-layout2 .item-content .entry-meta li:last-child {
margin-right: 0;
}
.blog-box-layout2 .item-content .entry-meta li i {
color: var(--primary_color);
font-size: 18px;
margin-right: 10px;
}
.blog-box-layout2 .item-content .action-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-box-layout2 .item-content .action-area .item-btn {
color: var(--primary_color);
font-weight: 600;
font-size: 14px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout2 .item-content .action-area .item-btn i {
color: var(--accent_color);
margin-left: 8px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout2 .item-content .action-area .item-btn:hover {
color: var(--accent_color);
}
.blog-box-layout2 .item-content .action-area .item-btn:hover i {
color: var(--primary_color);
}
.blog-box-layout2 .item-content .action-area .item-comment {
color: var(--primary_color);
font-size: 15px;
}
.blog-box-layout2 .item-content .action-area .item-comment i {
color: var(--primary_color);
margin-right: 8px;
}
.blog-box-layout2:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.blog-box-layout3 {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout3 .item-content {
padding: 40px 40px 32px;
position: relative;
}
.blog-box-layout3 .item-content .item-category {
font-weight: 500;
color: var(--light_primary_text_color);
border-radius: 6px;
display: inline-block;
padding: 5px 30px;
margin-bottom: 20px;
}
.blog-box-layout3 .item-content .item-title {
font-weight: 600;
margin-bottom: 14px;
}
.blog-box-layout3 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout3 .item-content .item-title a:hover {
color: var(--primary_color);
}
.blog-box-layout3 .item-content .entry-meta {
margin-bottom: 22px;
padding-bottom: 10px;
border-bottom: 1px solid #d9d9d9;
}
.blog-box-layout3 .item-content .entry-meta li {
display: inline-block;
margin-right: 22px;
margin-bottom: 8px;
font-size: 15px;
}
.blog-box-layout3 .item-content .entry-meta li:last-child {
margin-right: 0;
}
.blog-box-layout3 .item-content .entry-meta li i {
color: var(--primary_color);
font-size: 18px;
margin-right: 10px;
}
.blog-box-layout3 .item-content .action-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-box-layout3 .item-content .action-area .item-btn {
color: var(--primary_color);
font-weight: 600;
font-size: 14px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout3 .item-content .action-area .item-btn i {
color: var(--accent_color);
margin-left: 8px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout3 .item-content .action-area .item-btn:hover {
color: var(--accent_color);
}
.blog-box-layout3 .item-content .action-area .item-btn:hover i {
color: var(--primary_color);
}
.blog-box-layout3 .item-content .action-area .item-comment {
color: var(--primary_color);
font-size: 15px;
}
.blog-box-layout3 .item-content .action-area .item-comment i {
color: var(--primary_color);
margin-right: 8px;
}
.blog-box-layout3:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.blog-box-layout4 {
margin-bottom: 40px;
}
.blog-box-layout4.post-has-image {
margin-bottom: 0;
}
.blog-box-layout4 .item-img {
overflow: hidden;
border-radius: 6px;
}
.blog-box-layout4 .item-img a {
display: inline-block;
}
.blog-box-layout4 .item-img img {
border-radius: 6px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout4 .item-content {
background-color: #f8f8f8;
margin: 0 12px;
border-radius: 6px;
padding: 25px 30px 30px;
}
.blog-box-layout4 .item-content.post-has-image {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.blog-box-layout4 .item-content .entry-meta {
margin-bottom: 10px;
padding: 0;
}
.blog-box-layout4 .item-content .entry-meta li {
display: inline-block;
margin-right: 20px;
margin-bottom: 5px;
font-size: 14px;
color: var(--body_meta_color);
}
.blog-box-layout4 .item-content .entry-meta li .bytag {
color: #a0a0a0;
}
.blog-box-layout4 .item-content .entry-meta li a {
color: var(--body_meta_color);
}
.blog-box-layout4 .item-content .entry-meta li a:hover {
color: var(--primary_color);
}
.blog-box-layout4 .item-content .entry-meta li:last-child {
margin-right: 0;
}
.blog-box-layout4 .item-content .entry-meta li i {
color: var(--primary_color);
margin-right: 8px;
}
.blog-box-layout4 .item-content .item-title {
font-size: 26px;
font-weight: 800;
margin-bottom: 20px;
}
.blog-box-layout4 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout4 .item-content .item-title a:hover {
color: var(--primary_color);
}
.blog-box-layout4:hover .item-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.blog-box-layout5 {
margin-bottom: 30px;
}
.blog-box-layout5 .item-img {
margin-bottom: 16px;
overflow: hidden;
}
.blog-box-layout5 .item-img a {
display: block;
}
.blog-box-layout5 .item-img a img {
border-radius: 4px;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout5 .item-content .entry-meta {
margin-bottom: 5px;
}
.blog-box-layout5 .item-content .entry-meta li {
display: inline-block;
margin-right: 25px;
margin-bottom: 10px;
font-size: 15px;
}
.blog-box-layout5 .item-content .entry-meta li:last-child {
margin-right: 0;
}
.blog-box-layout5 .item-content .entry-meta li i {
color: var(--primary_color);
margin-right: 10px;
}
.blog-box-layout5 .item-content .item-title {
font-weight: 600;
margin-bottom: 12px;
}
.blog-box-layout5 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout5 .item-content .item-title a:hover {
color: var(--primary_color);
}
.blog-box-layout5:hover .item-img a img {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
.blog-box-layout6 .media {
margin-bottom: 18px;
}
.blog-box-layout6 .media .item-img {
overflow: hidden;
margin-top: 6px;
}
@media only screen and (max-width: 767px) {
.blog-box-layout6 .media .item-img {
text-align: center;
}
}
.blog-box-layout6 .media .item-img a {
display: block;
}
.blog-box-layout6 .media .item-img a img {
border-radius: 4px;
width: auto;
}
@media only screen and (max-width: 767px) {
.blog-box-layout6 .media .media-body {
text-align: center;
}
}
.blog-box-layout6 .media .media-body .entry-meta li {
display: inline-block;
margin-right: 25px;
margin-bottom: 12px;
font-size: 15px;
}
.blog-box-layout6 .media .media-body .entry-meta li:last-child {
margin-right: 0;
}
.blog-box-layout6 .media .media-body .entry-meta li i {
color: var(--primary_color);
margin-right: 10px;
}
.blog-box-layout6 .media .media-body .item-title {
font-weight: 600;
margin-bottom: 10px;
}
.blog-box-layout6 .media .media-body .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout6 .media .media-body .item-title a:hover {
color: var(--primary_color);
}
.blog-box-layout6 .media .media-body p {
margin-bottom: 0;
}
.blog-box-layout7 {
margin-bottom: 40px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout7 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.blog-box-layout7 .item-img {
border-radius: 6px 6px 0 0;
overflow: hidden;
position: relative;
z-index: 1;
}
.blog-box-layout7 .item-img img,
.blog-box-layout7 .item-img a img {
border-radius: 6px 6px 0 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout7 .item-img.post-has-category {
padding-top: 5px;
}
.blog-box-layout7 .item-img .item-category {
position: absolute;
top: 35px;
left: 35px;
}
.blog-box-layout7 .item-img .item-category span {
display: inline-block;
}
.blog-box-layout7 .item-img .item-category a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 14px;
color: var(--dark_primary_text_color);
border-radius: 4px;
margin-top: 16px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: var(--light_primary_text_color);
padding: 8px 15px 5px;
}
.blog-box-layout7 .item-img .item-category a i {
margin-left: 10px;
}
.blog-box-layout7 .item-img .item-category a:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_light)), to(var(--gradient_2_dark)));
background: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout7 .item-img .item-category a:hover {
color: var(--light_primary_text_color);
}
.blog-box-layout7 .item-img .item-category a:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.blog-box-layout7 .item-img .item-category a {
padding: 12px 20px;
}
}
.blog-box-layout7 .item-content {
margin-top: -1px;
padding: 30px 35px 35px;
border: 1px solid #e5e5e5;
border-radius: 0 0 6px 6px;
position: relative;
}
.blog-box-layout7 .item-content .item-title {
font-weight: 800;
margin-bottom: 20px;
font-size: 32px;
}
@media(max-width: 991px) {
.blog-box-layout7 .item-content .item-title {
font-size: 30px;
}
}
@media(max-width: 767px) {
.blog-box-layout7 .item-content .item-title {
font-size: 26px;
}
}
.blog-box-layout7 .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.blog-box-layout7 .item-content .item-title a:hover {
color: var(--primary_color);
}
.blog-box-layout7 .item-content .entry-meta {
margin-bottom: 15px;
}
.blog-box-layout7 .item-content .entry-meta li {
display: inline-block;
margin-right: 20px;
margin-bottom: 0px;
font-size: 14px;
line-height: 28px;
color: var(--body_meta_color);
}
.blog-box-layout7 .item-content .entry-meta li:last-child {
margin-right: 0;
}
.blog-box-layout7 .item-content .entry-meta li a {
color: var(--body_meta_color);
}
.blog-box-layout7 .item-content .entry-meta li a:hover {
color: var(--primary_color);
}
.blog-box-layout7 .item-content .entry-meta li i {
color: var(--primary_color);
margin-right: 8px;
}
.blog-box-layout7 .item-content .action-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.blog-box-layout7 .item-content .action-area .btn-fill {
padding: 10px 24px;
margin-top: 6px;
}
.blog-box-layout7 .item-content .action-area .item-comment {
color: var(--primary_color);
font-size: 15px;
}
.blog-box-layout7 .item-content .action-area .item-comment i {
color: var(--primary_color);  
margin-right: 8px;
}
.blog-box-layout7 .item-content .action-area .item-comment:hover i {
color: var(--primary_color);
}
.blog-box-layout7:hover .item-img a img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.single-blog-box-layout1 ul.item-social {
padding-left: 0;
margin: 15px 0 6px 0;
}
.single-blog-box-layout1 ul {
display: block;
list-style-type: disc;
margin-top: 8px;
margin-bottom: 10px;
margin-left: 0;
margin-right: 0;
}
.single-blog-box-layout1 .post-img {
position: relative;
margin-bottom: 15px;
}
.single-blog-box-layout1 .post-img img {
border-radius: 6px;
}
.single-blog-box-layout1 .item-content {
position: relative;
padding-bottom: 5px;
}
.single-blog-box-layout1 .post-img .item-category {
position: absolute;
left: 30px;
top: 30px;
}
.single-blog-box-layout1 .post-img .item-category a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 14px;
color: var(--dark_primary_text_color);
border-radius: 4px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: var(--light_primary_text_color);
padding: 8px 15px 5px;
margin-top: 0;
}
.single-blog-box-layout1 .post-img .item-category a i {
margin-left: 10px;
}
.single-blog-box-layout1 .post-img .item-category a:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_light)), to(var(--gradient_2_dark)));
background: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-blog-box-layout1 .post-img .item-category a:hover {
color: var(--light_primary_text_color);
}
.single-blog-box-layout1 .post-img .item-category a:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.single-blog-box-layout1 .post-img .item-category a {
padding: 12px 20px;
}
}
.single-blog-box-layout1 .post-img.post-has-image .item-category {
margin-bottom: 0;
margin-top: -20px;
margin-bottom: 5px;
}
.single-blog-box-layout1 .post-img.post-has-image .item-category:first-child {
margin-left: 10px;
}
.single-blog-box-layout1 .item-content .item-title {
color: var(--dark_primary_text_color);
margin-bottom: 3px;
}
@media only screen and (max-width: 991px) {
.single-blog-box-layout1 .item-content .item-title {
margin-bottom: 28px;
}
}
.single-blog-box-layout1 .item-content .entry-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #e1e1e1;
padding-bottom: 12px;
margin-bottom: 25px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.single-blog-box-layout1 .item-content .entry-content:before,
.single-blog-box-layout1 .item-content .entry-content:after {
content: none;
}
@media only screen and (max-width: 1199px) {
.single-blog-box-layout1 .item-content .entry-content {
display: block;
}
}
.single-blog-box-layout1 .item-content .entry-content ul.entry-meta {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
@media only screen and (max-width: 1199px) {
.single-blog-box-layout1 .item-content .entry-content .entry-meta {
margin-bottom: 10px;
}
}
.single-blog-box-layout1 .item-content .entry-content .entry-meta li {
display: inline-block;
margin-right: 25px;
margin-bottom: 2px;
font-size: 14px;
color: var(--body_meta_color);
}
.single-blog-box-layout1 .item-content .entry-content .entry-meta li a {
color: var(--body_meta_color);
}
.single-blog-box-layout1 .item-content .entry-content .entry-meta li a:hover {
color: var(--primary_color);
}
.single-blog-box-layout1 .item-content .entry-content .entry-meta li:last-child {
margin-right: 0;
}
.single-blog-box-layout1 .item-content .entry-content .entry-meta li i {
color: var(--primary_color);
margin-right: 10px;
}
.single-blog-box-layout1 .item-content .entry-content .item-social li {
display: inline-block;
margin-right: 2px;
margin-bottom: 10px;
}
.single-blog-box-layout1 .item-content .entry-content .item-social li:last-child {
margin-right: 0;
}
.single-blog-box-layout1 .item-content .entry-content .item-social li a {
text-align: center;
width: 40px;
display: block;
font-size: 14px;
color: var(--light_primary_text_color);
background-color: #e7e7e7;
border-radius: 4px;
padding: 5px 10px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-blog-box-layout1 .item-content .quote-author {
font-size: 14px;
font-weight: 700;
text-align: center;
margin-bottom: 25px;
}
.single-blog-box-layout1 .item-content .others-info {
margin-top: 60px;
}
.single-blog-box-layout1 .item-content .others-info .info-content {
margin-bottom: 55px;
}
@media only screen and (max-width: 1199px) {
.single-blog-box-layout1 .item-content .others-info .info-content {
margin-bottom: 40px;
}
}
.single-blog-box-layout1 .item-content .others-info .info-content .item-title {
font-size: 24px;
font-weight: 600;
color: var(--dark_primary_text_color);
margin-bottom: 20px;
}
@media only screen and (max-width: 991px) {
.single-blog-box-layout1 .item-content .others-info .info-content .item-title {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.single-blog-box-layout1 .item-content .others-info .info-content .item-title {
font-size: 20px;
}
}
.single-blog-box-layout1 .item-content .others-info .info-content .list-item {
padding: 5px 35px 15px;
}
@media only screen and (max-width: 575px) {
.single-blog-box-layout1 .item-content .others-info .info-content .list-item {
padding: 5px 0 15px;
}
}
.single-blog-box-layout1 .item-content .others-info .info-content .list-item li {
font-size: 18px;
font-weight: 700;
color: var(--dark_primary_text_color);
margin-bottom: 12px;
padding-left: 35px;
position: relative;
}
.single-blog-box-layout1 .item-content .others-info .info-content .list-item li i {
position: absolute;
top: 5px;
left: 0;
font-size: 20px;
color: var(--accent_color);
}
.single-blog-box-layout1 .item-content .others-info .item-img {
margin-bottom: 55px;
}
@media only screen and (max-width: 1199px) {
.single-blog-box-layout1 .item-content .others-info .item-img {
text-align: center;
}
}
.single-blog-box-layout1 .item-content .others-info .item-img img {
border-radius: 4px;
}
.single-blog-box-layout1 .item-tag {
border-top: 1px solid #dcdcdc;
padding: 25px 0 10px;
}
.single-blog-box-layout1 .item-tag i {
font-size: 18px;
color: var(--primary_color);
margin-right: 8px;
}
.single-blog-box-layout1 .item-tag ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.single-blog-box-layout1 .item-tag ul li {
display: inline-block;
margin-bottom: 10px;
}
.single-blog-box-layout1 .item-tag ul li a {
padding: 5px;
color: #444444;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-blog-box-layout1 .item-tag ul li a:hover {
color: var(--primary_color);
}
.single-blog-box-layout1 .blog-author {
background-color: #f8f8f8;
padding: 50px 60px 30px 60px;
border-radius: 5px;
margin-bottom: 40px;
}
.right-sidebar .rt-content-sidebar {
padding-right: 30px;
}
.left-sidebar .rt-content-sidebar {
padding-left: 30px;
}
@media only screen and (max-width: 1199px) {
.right-sidebar .rt-content-sidebar {
padding-right: 15px;
}
.left-sidebar .rt-content-sidebar {
padding-left: 15px;
}
}
@media only screen and (max-width: 768px) {
.rt-content {
margin-bottom: 50px;
}
}
@media only screen and (max-width: 767px) {
.single-blog-box-layout1 .blog-author {
padding: 50px 20px;
}
}
.single-blog-box-layout1 .blog-author .media {
position: relative;
}
@media only screen and (max-width: 767px) {
.single-blog-box-layout1 .blog-author .media {
text-align: center;
}
}
.single-blog-box-layout1 .blog-author .media .item-img img {
border-radius: 50%;
}
.single-blog-box-layout1 .blog-author .media .media-body .item-title {
font-weight: 700;
margin-bottom: 0;
}
.single-blog-box-layout1 .blog-author .media .media-body .item-subtitle {
color: #444444;
margin-bottom: 15px;
}
.single-blog-box-layout1 .blog-author .media .media-body .item-social {
position: absolute;
top: 0;
right: 0;
}
@media only screen and (max-width: 991px) {
.single-blog-box-layout1 .blog-author .media .media-body .item-social {
position: relative;
}
}
.single-blog-box-layout1 .blog-author .media .media-body .item-social li {
display: inline-block;
}
.single-blog-box-layout1 .blog-author .media .media-body .item-social li a {
text-align: center;
display: block;
height: 38px;
width: 38px;
line-height: 38px;
border-radius: 50%;
font-size: 15px;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-blog-box-layout1 .blog-author .media .media-body .item-social li a:hover {
background-color: var(--accent_color) !important;
}
.single-blog-box-layout1 .blog-comment {
border-bottom: 1px solid #dddddd;
padding-bottom: 30px;
margin-bottom: 45px;
}
.single-blog-box-layout1 .blog-comment .media {
position: relative;
margin-bottom: 10px;
}
.single-blog-box-layout1 .blog-comment .media:last-child {
margin-bottom: 0;
}
.single-blog-box-layout1 .blog-comment .media:nth-child(odd) {
padding-left: 30px;
}
.single-blog-box-layout1 .blog-comment .media .item-img {
margin-top: 6px;
}
.single-blog-box-layout1 .blog-comment .media .item-img img {
border-radius: 50%;
}
.single-blog-box-layout1 .blog-comment .media .media-body .item-title {
margin-bottom: 0;
font-weight: 600;
}
.single-blog-box-layout1 .blog-comment .media .media-body .item-date {
font-size: 15px;
color: #444444;
margin-bottom: 8px;
}
.single-blog-box-layout1 .blog-comment .media .media-body .item-btn {
position: absolute;
top: 0;
right: 0;
font-size: 14px;
font-weight: 600;
color: var(--primary_color);
padding: 5px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.single-blog-box-layout1 .blog-comment .media .media-body .item-btn:hover {
color: var(--dark_primary_text_color);
}
@media only screen and (max-width: 575px) {
.single-blog-box-layout1 .blog-comment .media {
text-align: center;
margin-bottom: 30px;
}
.single-blog-box-layout1 .blog-comment .media:nth-child(odd) {
padding-left: 0;
}
.single-blog-box-layout1 .blog-comment .media .media-body .item-btn {
position: relative;
}
}
@media only screen and (min-width: 1400px) {
.container {
max-width: 1320px;
}
}
.slick-initialized .slick-slide {
margin-top: 10px;
}
.row-responsive-margin {
margin-right: -5px;
margin-left: -5px;
}
.col-responsive-padding {
padding-left: 5px;
padding-right: 5px;
}
.form-control-home-page-2 {
font-size: 16px;
padding: 10px 30px;
border-color: #dfdfdf;
border-width: 0 0 1px 0;
border-style: none none solid none;
color: #111111;
border-radius: 6px;
height: 54px;
}
.slick-slide.slick-active {
outline: none;
} .widget.main-footer-box li {
margin-bottom: 15px;
}
.widget.main-footer-box .menu li a:before,
.widget.widget_archive.main-footer-box ul li a:before,
.widget.widget_categories.main-footer-box ul li a:before,
.widget.widget_pages.main-footer-box ul li a:before,
.widget.widget_meta.main-footer-box ul li a:before,
.widget.widget_recent_entries.main-footer-box ul li a:before {
content: "\f105";
font-family: 'Font Awesome\ 5 Free';
margin-right: 12px;
font-weight: 900;
}
.widget.main-footer-box li:last-child {
margin-bottom: 0px;
}
.main-footer-wrap .widget_nav_menu.main-footer-box li a:before {
color: inherit;
}
.widget.main-footer-box li a {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: relative;
}
.widget.main-footer-box li a:hover {
color: #ff7617;
}
.widget.main-footer-box li a:hover {
outline: none;
}
.widget.main-footer-box li a:active {
outline: none;
}
.widget.main-footer-box li a:focus {
outline: none;
}
.widget.main-footer-box.widget_recent_entries li {
border-bottom: 1px solid #2c2c2c;
margin-bottom: 15px;
}
.widget.main-footer-box.widget_recent_entries li:last-child {
border-bottom: none;
margin-bottom: 0px;
}
.widget.main-footer-box.widget_recent_entries li a {
font-size: 15px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.widget.main-footer-box.widget_recent_entries .post-date {
display: block;
font-size: 15px;
color: #969696;
margin-bottom: 10px;
}
.widget_nav_menu.main-footer-box li a,
.footer-wrap .widget_pages li a,
.footer-wrap .widget_categories li a {
display: inline-block;
}
.sidebar-widget ul.children,
.sidebar-widget ul.sub-menu {
margin-left: 0;
}
.main-footer-wrap ul.children {
margin-left: 15px;
}
.main-footer-wrap .menu {
margin-left: -15px;
}
.main-footer-wrap .widget {
margin-bottom: 3em;
z-index: 1;
position: relative;
}
.sidebar-widget.widget_recent_entries ul li,
.sidebar-widget.widget_categories ul li,
.sidebar-widget.widget_archive ul li,
.sidebar-widget.widget_pages ul li,
.sidebar-widget.widget_nav_menu ul li {
position: relative;
padding: 7px 0 7px 15px;
color: var(--body_meta_color);
font-size: 15px;
}
.sidebar-widget.widget_recent_entries ul li:last-child,
.sidebar-widget.widget_categories ul li:last-child,
.sidebar-widget.widget_archive ul li:last-child,
.sidebar-widget.widget_pages ul li:last-child,
.sidebar-widget.widget_nav_menu ul li:last-child {
padding-bottom: 0;
}
.main-footer-wrap .widget_nav_menu ul li {
position: relative;
padding: 0px 0px 7px 18px;
margin-bottom: 0px;
}
.main-footer-wrap ul.sub-menu li.menu-item-has-children {
margin-bottom: 0px;
}
.main-footer-wrap .wp-caption .wp-caption-text,
.main-footer-wrap input.form-control::-webkit-input-placeholder,
.main-footer-wrap textarea.form-control::-webkit-input-placeholder {
color: #ffffff;
}
.sidebar-widget.widget_recent_entries ul li:before,
.sidebar-widget.widget_categories ul li:before,
.sidebar-widget.widget_archive ul li:before,
.sidebar-widget.widget_pages ul li:before,
.sidebar-widget.widget_nav_menu ul li:before {
content: "\f104";
font-family: flaticon;
font-weight: 900;
position: absolute;
left: 0;
top: 7px;
font-size: 8px;
}
.sidebar-widget.widget_categories ul li.menu-item-menu-item-has-children,
.sidebar-widget.widget_archive ul li.menu-item-menu-item-has-children,
.sidebar-widget.widget_pages ul li.menu-item-menu-item-has-children,
.sidebar-widget.widget_nav_menu ul li.menu-item-menu-item-has-children {
padding-bottom: 0;
}
.sidebar-widget.widget_recent_entries ul li ul.children,
.sidebar-widget.widget_categories ul li ul.children,
.sidebar-widget.widget_archive ul li ul.children,
.sidebar-widget.widget_pages ul li ul.children,
.sidebar-widget.widget_nav_menu ul li ul.children {
padding-top: 7px;
}
.main-footer-wrap .widget_recent_entries ul li ul.children,
.main-footer-wrap .widget_categories ul li ul.children,
.main-footer-wrap .widget_archive ul li ul.children,
.main-footer-wrap .widget_pages ul li ul.children,
.main-footer-wrap .widget_nav_menu ul li ul.children {
padding-top: 7px;
}
.sidebar-widget.widget_recent_entries ul li ul.children li:last-child,
.sidebar-widget.widget_categories ul li ul.children li:last-child,
.sidebar-widget.widget_archive ul li ul.children li:last-child,
.sidebar-widget.widget_pages ul li ul.children li:last-child,
.sidebar-widget.widget_nav_menu ul li ul.children li:last-child {
padding-bottom: 0;
}
.sidebar-widget.widget_categories ul.sub-menu,
.sidebar-widget.widget_archive ul.sub-menu,
.sidebar-widget.widget_pages ul.sub-menu,
.sidebar-widget.widget_nav_menu ul.sub-menu {
padding-top: 7px;
}
.sidebar-widget.widget_categories .nice-select li:before,
.sidebar-widget.widget_archive .nice-select li:before,
.sidebar-widget.widget_pages .nice-select li:before,
.sidebar-widget.widget_nav_menu .nice-select li:before {
content: '';
}
.sidebar-widget.widget_calendar caption {
caption-side: initial;
text-align: center;
font-weight: 500;
background-color: transparent;
background-image: linear-gradient(270deg, var(--gradient_2_dark) 0%, var(--gradient_2_light) 100%);
color: #ffffff;
margin-top: 15px;
}
.sidebar-widget.widget_calendar table {
text-align: center;
background: #ffffff;
}
.sidebar-widget.widget_calendar table td#today {
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
color: #ffffff;
}
.sidebar-widget.widget_calendar table td#today a {
color: #ffffff;
}
.sidebar-widget ul li a {
display: inline-block;
padding: 0;
color: #444444;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sidebar-widget ul li a:hover {
color: var(--primary_color);
}
.sidebar-widget.widget_calendar a {
display: inline-block;
padding: 0;
color: var(--accent_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sidebar-widget.widget_calendar a:hover {
color: var(--primary_color);
}
.sidebar-widget.widget_rss li,
.sidebar-widget.widget_recent_comments li,
.sidebar-widget.widget_recent_entries li,
.sidebar-widget.widget_meta li {
padding-bottom: 5px;
padding-top: 5px;
}
.sidebar-widget.widget_rss li:last-child,
.sidebar-widget.widget_recent_comments li:last-child,
.sidebar-widget.widget_recent_entries li:last-child,
.sidebar-widget.widget_meta li:last-child {
border: none;
}
.sidebar-widget.widget_rss li:first-child,
.sidebar-widget.widget_recent_comments li:first-child,
.sidebar-widget.widget_meta li:first-child {
padding-top: 0;
}
.sidebar-widget.widget_tag_cloud .tagcloud a {
margin-bottom: 4px;
display: inline-block;
font-size: 15px !important;
background-color: #f7f7f7;
color: #646464;
border-radius: 5px;
padding: 8px 18px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.sidebar-widget.widget_tag_cloud .tagcloud a:hover {
background-color: var(--primary_color);
color: var(--light_primary_text_color);
}
.sidebar-widget .nice-select span.current {
max-width: 100%;
overflow: hidden;
}
.sidebar-widget select {
max-width: 100%;
margin-bottom: 13px;
}
.main-footer-wrap caption {
color: #ffffff;
}
.main-footer-box .wp-calendar-table caption {
caption-side: inherit;
}
.main-footer-box.widget_calendar table td#today {
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
color: #ffffff;
}
.main-footer-box.widget_calendar table td#today a {
color: #ffffff;
}
.main-footer-box.widget_calendar table a {
display: inline-block;
padding: 0;
color: var(--accent_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.main-footer-box.widget_calendar .wp-calendar-nav-prev a:hover {
color: var(--accent_color);
}
.widget_optimax_testimonial_widgets {
background-color: #f2f2f2;
border-radius: 4px;
padding: 30px 35px 35px 25px;
position: relative;
}
.widget_optimax_testimonial_widgets .testimonial-author {
font-weight: bold;
color: #000;
margin: 5px 0;
}
.widget_optimax_testimonial_widgets .widget-testimonial-box {
margin-top: 30px;
}
.widget_optimax_testimonial_widgets .widget-testimonial-box:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/testimonial/quote3.png);
top: -2px;
left: 0;
position: absolute;
}
.service-contact-widget .item-img {
z-index: 1;
position: relative;
height: 350px;
width: 100%;
}
.service-contact-widget .item-img:after {
content: "";
background: -webkit-gradient(linear, left bottom, left top, from(var(--dark_primary_text_color)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.8)), color-stop(rgba(0, 0, 0, 0.4)), to(transparent));
background: linear-gradient(to top, var(--dark_primary_text_color), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.4), transparent);
border-radius: 4px;
height: 95%;
width: 100%;
bottom: 0;
left: 0;
right: 0;
position: absolute;
z-index: 1;
}
.service-contact-widget .item-content {
background: transparent;
position: absolute;
top: 60%;
left: 0;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
text-align: center;
}
.service-contact-widget .item-content .title {
font-size: 30px;
color: var(--light_primary_text_color);
font-weight: 500;
}
.service-contact-widget .item-content .item-btn {
font-size: 18px;
text-transform: uppercase;
font-weight: 800;
color: var(--light_primary_text_color);
background-color: var(--primary_color);
border: 1px solid var(--primary_color);
padding: 13px 50px 13px 30px;
border-radius: 4px;
position: relative;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
display: inline-block;
}
.service-contact-widget .item-content .item-btn i {
position: absolute;
top: 11px;
right: 30px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.service-contact-widget .item-content .item-btn i:before {
margin-left: 0;
font-weight: 600;
font-size: 12px;
}
.service-contact-widget .item-content .item-btn:hover {
background-color: transparent;
border: 1px solid var(--primary_color);
}
.service-contact-widget .item-content .item-btn:hover i {
right: 20px;
}
.sidebar-widget-area h3 {
position: relative;
font-size: 22px;
font-weight: 800;
padding-bottom: 18px;
margin-bottom: 15px;
}
.sidebar-widget-area h3:after {
content: "";
height: 4px;
width: 33px;
border-radius: 4px;
background-color: var(--accent_color);
position: absolute;
bottom: 0;
left: 0;
}
.sidebar-widget-area ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.sidebar-widget-area .widget {
margin-bottom: 40px;
}
.sidebar-widget-area .widget:last-child {
margin-bottom: 0 !important;
}
.sidebar-widget-area .widget_categories select {
margin-bottom: 15px;
box-shadow: none;
}
.sidebar-widget-area .widget .tagcloud {
padding-top: 15px;
}
.sidebar-widget-area .widget.widget_search {
background-color: transparent;
padding: 0;
}
.mailchimp-form p {
line-height: 30px;
margin-bottom: 10px;
}
.mailchimp-form input {
font-size: 16px;
padding: 10px 30px;
border: none;
color: white !important;
border-radius: 6px;
background-color: #222669;
display: block;
width: 100%;
line-height: 1.5;
background-clip: padding-box;
-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
height: 50px;
margin-bottom: 10px;
}
.mailchimp-form input:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.mailchimp-form button {
position: relative;
display: block;
border: none;
color: var(--light_primary_text_color);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
border-radius: 4px;
padding: 12px 10px;
text-align: center;
width: 100%;
z-index: 1;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
color: var(--accent_color);
background: white;
font-weight: bold;
font-size: 16px;
line-height: 30px;
}
.mailchimp-form button i {
margin-left: 8px;
}
.mailchimp-form button:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mailchimp-form button:hover {
color: var(--light_primary_text_color);
}
.mailchimp-form button:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.footer-wrap .widget .title {
margin-bottom: 20px;
}
.footer-contact h3 {
color: #ffffff;
}
.footer-wrap .widget .footer-contact h3 {
color: white;
font-size: 22px;
margin-bottom: 12px;
} #nav_menu-2.main-footer-box {
padding-left: 75px;
}
#nav_menu-3.main-footer-box {
padding-left: 55px;
}
@media( max-width: 1199px ){
#nav_menu-2.main-footer-box {
padding-left: 0;
}
#nav_menu-3.main-footer-box {
padding-left: 0;
}
.widget_optimax_about .footer-social li {
margin-right: 5px;
}
} .single-blog-box ul.comment-list {
list-style-type: none;
}
.comments-area {
margin-top: 30px;
}
.comments-area h3.comment-reply-title,
.comments-area h3.title.title-bar-xl1 {
margin-bottom: 20px;
padding-bottom: 18px;
font-size: 24px;
position: relative;
}
.comments-area h3.comment-reply-title:after,
.comments-area h3.title.title-bar-xl1:after {
content: "";
height: 4px;
width: 33px;
border-radius: 5px;
background-color: var(--accent_color);
position: absolute;
bottom: 0;
left: 0;
}
.comments-area ul.comment-list,
.comments-area ul.children {
list-style: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.comments-area ul.comment-list > li.comment {
border-bottom: 1px solid #e4e4e4;
padding-bottom: 15px;
margin-bottom: 5px;
}
.comments-area ul.comment-list .each-comment img.avatar {
border-radius: 50%;
}
.comments-area ul.children {
margin-left: 50px;
}
@media all and (max-width: 991px) {
.comments-area ul.children {
margin-left: 20px;
}
}
@media all and (max-width: 480px) {
.comments-area ul.children {
margin-left: 10px;
}
}
.comments-area .comment-author {
margin-bottom: 4px;
font-weight: 700;
color: #111111;
font-size: 18px;
}
.comments-area .comment-time {
color: #646464;
font-size: 14px;
margin-bottom: 12px;
}
.comments-area .avatar-disabled .main-comments ul.children {
margin-left: 30px;
}
@media all and (max-width: 991px) {
.comments-area .avatar-disabled .main-comments ul.children {
margin-left: 20px;
}
}
@media all and (max-width: 480px) {
.comments-area .avatar-disabled .main-comments ul.children {
margin-left: 10px;
}
}
.comments-area h3.comment-title {
color: #111;
font-size: 24px;
line-height: 1.3;
position: relative;
padding-bottom: 20px;
}
.comments-area h3.comment-title:after {
background-color: var(--primary_color);
border-radius: 6px;
content: "";
display: block;
height: 3px;
width: 50px;
position: absolute;
left: 0;
bottom: 0;
}
.comments-area .main-comments {
padding-top: 12px;
}
.comments-area .main-comments:first-child {
padding-top: 0px;
}
.comments-area .main-comments .children li {
padding-top: 12px;
}
.comments-area .main-comments .each-comment {
padding: 15px 0;
}
@media all and (max-width: 480px) {
.comments-area .main-comments .each-comment {
padding: 5px 0;
display: inherit;
}
}
@media all and (max-width: 991px) {
.comments-area .main-comments .imgholder {
max-width: 80px;
margin-right: 20px;
}
}
@media all and (max-width: 480px) {
.comments-area .main-comments .imgholder {
max-width: 60px;
margin-right: 5px;
}
}
.comments-area .main-comments .imgholder img {
margin-right: 20px;
margin-bottom: 10px;
}
@media screen and (max-width: 480px) {
.comments-area .main-comments .imgholder img {
margin-right: 10px;
}
}
.comments-area .main-comments .comment-meta {
color: #111;
font-size: 16px;
line-height: 1.3;
font-weight: 400;
}
@media all and (max-width: 480px) {
.comments-area .main-comments .comment-meta {
font-size: 14px;
}
}
.comments-area .main-comments .comment-meta .comment-meta-left {
float: left;
}
@media all and (max-width: 991px) {
.comments-area .main-comments .comment-meta .comment-meta-left {
float: none;
}
}
.comments-area .main-comments .comment-meta .comment-meta-left a {
color: #111;
}
.comments-area .main-comments .comment-meta .comment-meta-left a:hover {
text-decoration: underline;
}
.comments-area .main-comments .comments-body {
margin-left: 0;
position: relative;
}
.
.comments-area .main-comments .comments-body .comment-text {
font-size: 14px;
line-height: 1.75;
}
.comments-area .main-comments .comments-body .comment-text p {
margin-bottom: 10px;
}
.comments-area .main-comments .comments-body .comment-text .comment-awaiting-moderation {
font-size: 16px;
font-style: italic;
font-weight: 700;
line-height: 1.3;
color: #111;
}
.comments-area .main-comments .reply-area {
position: absolute;
top: 3px;
right: 0;
}
.comments-area .main-comments .reply-area a {
color: var(--primary_color);
font-size: 15px;
font-weight: 600;
display: inline-block;
-webkit-transition: all 0.3s ease-out;
position: relative;
}
.comments-area .main-comments .reply-area a:hover {
color: var(--accent_color);
}
.comments-area .main-comments .reply-area a:after {
content: "\F0DA";
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: relative;
margin-left: 10px;
}
.comments-area .main-comments #respond {
padding-top: 20px;
}
.comments-area .comments-closed {
font-size: 16px;
font-style: italic;
font-weight: 700;
padding-top: 20px;
line-height: 1.3;
color: #111;
}
.comments-area .comment-pagination {
margin-top: 30px;
}
.comments-area .comment-pagination ul li {
margin-right: 5px;
margin-top: 0;
}
.comments-area .comment-pagination ul li a {
font-size: 12px;
padding: 10px;
}
.comments-area nav.navigation {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.comments-area nav.navigation .nav-previous a,
.comments-area nav.navigation .nav-next a{
position: relative;
display: inline-block;
font-weight: 500;
font-size: 18px;
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
color: var(--light_primary_text_color);
padding: 14px 30px;
border-radius: 4px;
margin-top: 25px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.comments-area nav.navigation .nav-previous a:after,
.comments-area nav.navigation .nav-next a:after{
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.comments-area nav.navigation .nav-previous a:hover:after,
.comments-area nav.navigation .nav-next a:hover:after{
visibility: visible;
opacity: 1;
width: 100%;
}
#respond {
margin-top: 20px;
padding-top: 5px;
}
#respond .comment-notes,
#respond .logged-in-as {
margin-bottom: 20px;
}
#respond .form-group {
margin-bottom: 30px;
}
#respond .logged-in-as a {
color: #444;
}
#respond form input,
#respond form textarea {
border: 1px solid transparent;
background-color: #f8f8f8;
border-radius: 5px;
-webkit-box-shadow: none;
box-shadow: none;
color: #111;
font-size: 15px;
padding: 15px;
font-family: var(--body_font);
}
#respond form input:focus,
#respond form textarea:focus {
-webkit-box-shadow: none;
box-shadow: none;
border: 1px solid var(--primary_color);
}
#respond form input::-webkit-input-placeholder,
#respond form textarea::-webkit-input-placeholder {
color: #868e96;
}
#respond form input::-moz-placeholder,
#respond form textarea::-moz-placeholder {
color: #868e96;
}
#respond form input::-ms-input-placeholder,
#respond form textarea::-ms-input-placeholder {
color: #868e96;
}
#respond form input::placeholder,
#respond form textarea::placeholder {
color: #868e96;
}
#respond form input {
height: 45px;
}
#respond form input[type='checkbox'] {
height: auto;
margin-right: 10px;
display: inline-block;
}
#respond form .btn-send {
display: inline-block;
font-size: 15px;
color: var(--light_primary_text_color);
border: none;
padding: 12px 25px;
border-radius: 4px;
cursor: pointer;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
text-transform: uppercase;
font-weight: 500;
height: auto;
}
#respond form .btn-send i {
font-size: 14px;
margin-left: 10px;
}
#respond form .btn-send:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
#respond form .btn-send:hover {
color: var(--light_primary_text_color);
}
#respond form .btn-send:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
#respond #cancel-comment-reply-link {
font-size: 15px;
font-weight: 600;
margin-left: 15px;
}
#respond form .comment-form-cookies-consent {
position: relative;
}
#respond form .comment-form-cookies-consent input {
background: transparent;
border: none;
margin-right: 10px;
box-shadow: none;
height: inherit;
box-shadow: none;
position: absolute;
top: 5px;
}
#respond form .comment-form-cookies-consent label {
padding-left: 25px;
line-height: 1.5;
} #elementor {
z-index: 99999;
}
@media only screen and (min-width: 576px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 540px !important;
}
}
@media only screen and (min-width: 768px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 720px !important;
}
}
@media only screen and (min-width: 992px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 960px !important;
}
}
@media only screen and (min-width: 1200px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1140px !important;
}
}
@media only screen and (min-width: 1400px) {
.elementor-section.elementor-section-boxed > .elementor-container {
max-width: 1320px !important;
}
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-title.elementor-active {
color: var(--primary_color);
}
.elementor-widget-accordion .elementor-accordion .elementor-tab-title {
color: #444;
}
.elementor-accordion {
margin-right: 5px;
}
.elementor-accordion .elementor-accordion-item {
border: none;
margin-top: 20px;
}
.elementor-accordion .elementor-accordion-item:first-child {
margin-top: 0;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title {
padding: 6px 0;
border-radius: 4px;
border: 1px solid var(--primary_color);
min-height: 56px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title span.elementor-accordion-icon {
background-color: var(--primary_color);
color: white;
border-radius: 50%;
min-height: 36px;
min-width: 36px;
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;
margin-right: 20px;
margin-left: 10px;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title span.elementor-accordion-icon .elementor-accordion-icon-closed {
color: white;
font-weight: 900;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title a {
color: #111;
font-size: 20px;
line-height: 1.2;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active {
background-color: var(--primary_color);
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active span.elementor-accordion-icon {
background-color: #fff;
color: var(--primary_color);
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active span.elementor-accordion-icon .elementor-accordion-icon-open {
color: var(--primary_color);
}
.elementor-accordion .elementor-accordion-item .elementor-tab-title.elementor-active a {
color: #fff;
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content {
border: none;
margin: 20px 0 20px 5px;
padding: 5px 20px;
border-left: 1px solid var(--primary_color);
}
.elementor-accordion .elementor-accordion-item .elementor-tab-content p:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.ls-fullscreen-wrapper {
z-index: 1;
}
.ls-fullscreen-wrapper .ls-wp-container {
z-index: 1;
}
.progress-background-z-index-image {
position: relative;
}
.progress-background-z-index-image:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/essential/progress-bg.png);
position: absolute;
top: -210px;
right: 0;
z-index: -1;
} @media screen and (min-width: 992px) and (max-width: 1099px) {
.elementor-stretch-container-left {
margin-left: 65px;
}
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
.elementor-stretch-container-left {
margin-left: 95px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
.elementor-stretch-container-left {
margin-left: 68px;
}
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
.elementor-stretch-container-left {
margin-left: 120px;
}
}
@media screen and (min-width: 1400px) and (max-width: 1499px) {
.elementor-stretch-container-left {
margin-left: 9.5%;
}
}
@media screen and (min-width: 1500px) and (max-width: 1599px) {
.elementor-stretch-container-left {
margin-left: 16%;
}
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
.elementor-stretch-container-left {
margin-left: 21%;
}
}
@media screen and (min-width: 1700px) and (max-width: 1799px) {
.elementor-stretch-container-left {
margin-left: 27%;
}
}
@media screen and (min-width: 1800px) and (max-width: 1899px) {
.elementor-stretch-container-left {
margin-left: 30%;
}
}
@media screen and (min-width: 1800px) and (max-width: 1899px) {
.elementor-stretch-container-left {
margin-left: 30%;
}
}
@media screen and (min-width: 1900px) and (max-width: 1999px) {
.elementor-stretch-container-left {
margin-left: 33%;
}
}
@media screen and (min-width: 2000px) {
.elementor-stretch-container-left {
margin-left: 38%;
}
}
.elementor-stretch-container-left > div.elementor-container {
padding-right: 60px;
}
@media screen and (max-width: 768px) {
.elementor-stretch-container-left > div.elementor-container {
padding-right: 0px;
}
}
@media screen and (max-width: 767px) {
.elementor-stretch-container-left > div.elementor-container {
padding-right: 15px;
}
}
@media screen and (min-width: 992px) and (max-width: 1099px) {
.elementor-stretch-container-right {
margin-right: 65px;
}
}
@media screen and (min-width: 1100px) and (max-width: 1199px) {
.elementor-stretch-container-right {
margin-right: 95px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
.elementor-stretch-container-right {
margin-right: 68px;
}
}
@media screen and (min-width: 1300px) and (max-width: 1399px) {
.elementor-stretch-container-right {
margin-right: 120px;
}
}
@media screen and (min-width: 1400px) and (max-width: 1499px) {
.elementor-stretch-container-right {
margin-right: 9.5%;
}
}
@media screen and (min-width: 1500px) and (max-width: 1599px) {
.elementor-stretch-container-right {
margin-right: 16%;
}
}
@media screen and (min-width: 1600px) and (max-width: 1699px) {
.elementor-stretch-container-right {
margin-right: 21%;
}
}
@media screen and (min-width: 1700px) and (max-width: 1799px) {
.elementor-stretch-container-right {
margin-right: 27%;
}
}
@media screen and (min-width: 1800px) and (max-width: 1899px) {
.elementor-stretch-container-right {
margin-right: 30%;
}
}
@media screen and (min-width: 1800px) and (max-width: 1899px) {
.elementor-stretch-container-right {
margin-right: 30%;
}
}
@media screen and (min-width: 1900px) and (max-width: 1999px) {
.elementor-stretch-container-right {
margin-right: 33%;
}
}
@media screen and (min-width: 2000px) {
.elementor-stretch-container-right {
margin-right: 38%;
}
}
.elementor-stretch-container-right > div.elementor-container {
padding-left: 60px;
}
@media screen and (max-width: 768px) {
.elementor-stretch-container-right > div.elementor-container {
padding-left: 15px;
}
}
.elementor-pr60 {
padding-right: 60px !important;
}
.elementor-pl60 {
padding-left: 60px !important;
}
.elementor-pr50 {
padding-right: 50px !important;
}
.elementor-pl50 {
padding-left: 50px !important;
}
.elementor-pr30 {
padding-right: 30px !important;
}
.elementor-pl30 {
padding-left: 30px !important;
}
.elementor-pr20 {
padding-right: 20px !important;
}
.elementor-pl20 {
padding-left: 20px !important;
}
.elementor-pr15 {
padding-right: 15px !important;
}
.elementor-pl15 {
padding-left: 15px !important;
}
.elementor-pr10 {
padding-right: 10px !important;
}
.elementor-pl10 {
padding-left: 10px !important;
} .rtel-info-box .rtin-info-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rtel-info-box .rtin-info-box .rtin-icon-wrapper {
height: 100%;
}
.rtel-info-box .rtin-info-box .rtin-icon-wrapper .rtin-icon {
height: 90px;
width: 90px;
border-radius: 50%;
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;
margin: 0 auto;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-info-box .rtin-info-box .rtin-icon-wrapper .rtin-icon img {
width: 40px;
}
.rtel-info-box .rtin-info-box .rtin-icon-wrapper .rtin-icon i {
font-size: 46px;
color: var(--light_primary_text_color);
display: block;
}
.rtel-info-box .rtin-info-box .rtin-icon-wrapper .rtin-icon i:before {
font-size: inherit;
color: inherit;
display: block;
}
.rtel-info-box .rtin-info-box .rtin-body {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.rtel-info-box .rtin-info-box .rtin-body .rtin-title {
font-size: 24px;
color: var(--dark_primary_text_color);
margin-bottom: 8px;
}
.rtel-info-box .rtin-info-box .rtin-body .rtin-title a {
color: inherit;
}
.rtel-info-box .rtin-info-box .rtin-body .rtin-title a:hover {
color: var(--accent_color);
}
@media only screen and (max-width: 767px) {
.rtel-info-box .rtin-info-box .rtin-body .rtin-title {
font-size: 18px;
}
}
.rtel-info-box-1 .rtin-body {
margin-left: 30px;
}
.rtel-info-box-2 .rtin-body {
margin-right: 30px;
text-align: right;
margin-top: -4px;
}
.rtel-info-box-3 {
background-color: var(--light_primary_text_color);
border-radius: 4px;
padding: 50px 20px 28px;
text-align: center;
}
.rtel-info-box-3 .rtin-icon {
margin-bottom: 24px;
}
.rtel-info-box-3 .rtin-icon img {
width: 80px;
}
.rtel-info-box-3 .rtin-icon i {
display: block;
color: #444;
}
.rtel-info-box-3 .rtin-icon i:before {
font-size: 80px;
display: block;
line-height: 1;
}
.rtel-info-box-3 .rtin-title {
font-size: 22px;
}
.rtel-info-box-3 .rtin-title a {
color: var(--dark_primary_text_color);
}
.rtel-info-box-3 .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-info-box-3:hover .rtin-icon i {
-webkit-animation: toBottomFromTop20 400ms;
animation: toBottomFromTop20 400ms;
}
.rtel-info-box-4 .rtin-info-box {
position: relative;
background-color: #ffffff;
padding: 30px 30px 30px 0px;
-webkit-box-shadow: 0px 15px 43px 0px rgba(204, 204, 204, 0.45);
box-shadow: 0px 15px 43px 0px rgba(204, 204, 204, 0.45);
border-radius: 10px;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.rtel-info-box-4 .rtin-info-box .rtin-img {
position: relative;
z-index: 1;
}
.rtel-info-box-4 .rtin-info-box .rtin-img:after {
position: absolute;
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/info4_bg.png);
left: 7px;
top: 4px;
width: 100%;
height: 100%;
z-index: -1;
}
.rtel-info-box-4 .rtin-info-box:hover .rtin-img:after {
-webkit-animation: toBottomFromTop20 400ms;
animation: toBottomFromTop20 400ms;
}
.rtel-info-box-4 .rtin-info-box .rtin-img i {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
top: 26%;
font-size: 30px;
color: #fff;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.rtel-info-box-4 .rtin-info-box:hover .rtin-img i {
transform: rotateY(180deg);
} .rtel-widget-title-1 .rtin-title.has-border {
position: relative;
padding-bottom: 18px;
}
.rtel-widget-title-1 .rtin-title.has-border:before {
content: "";
height: 4px;
width: 33px;
border-radius: 5px;
background-color: var(--accent_color);
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
@media( max-width:767px ) {
.single-optimax_case .rtel-widget-title-1 .rtin-title.has-border:before {
left: 0;
margin: 0;
text-align: left;
right: 0;
}
}
.rtel-widget-title-1 .rtin-title.has-border.before-border-center:before {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
}
.rtel-widget-title-1 .rtin-title.has-border.before-border-right:before {
left: auto;
right: 0;
} .rtel-title-subtitle-email-subscribe {
text-align: center;
}
.rtel-title-subtitle-email-subscribe .rtin-content .rtin-heading {
margin-bottom: 44px;
}
.rtel-title-subtitle-email-subscribe .rtin-content .rtin-form {
margin: 0 auto;
width: 100%;
}
.rtel-title-subtitle-email-subscribe .rtin-content .rtin-form input.form-control {
font-size: 16px;
padding: 10px 30px;
border-color: #dfdfdf;
border-width: 0 0 1px 0;
border-style: none none solid none;
color: #111111;
border-radius: 4px;
height: 54px;
}
.rtel-title-subtitle-email-subscribe .rtin-content .rtin-form button {
font-size: 15px;
line-height: 30px;
font-weight: 500;
}
.rtel-title-subtitle-email-subscribe .rtin-content .rtin-form button:focus {
outline: none;
}
@media( max-width:1024px ){
.rtel-title-subtitle-email-subscribe .rtin-content .rtin-form button {
font-size: 14px;
}
}
@media( max-width:768px ){
.rtel-title-subtitle-email-subscribe .rtin-content .rtin-form button {
font-size: 16px;
z-index: 2;
}
} @media( max-width: 1024px ) {
.post-type-archive-optimax_service .content-padding {
padding-top: 80px;
padding-bottom: 80px;
}
.single-optimax_service .content-padding {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media( max-width: 767px ) {
.post-type-archive-optimax_service .content-padding {
padding-top: 60px;
padding-bottom: 60px;
}
.single-optimax_service .content-padding {
padding-top: 60px;
padding-bottom: 60px;
}
}
.rtel-service-gallery1 .rtin-service-box {
background-color: var(--light_primary_text_color);
padding: 60px 40px 55px;
text-align: center;
margin-bottom: 30px;
background-color: #f8f8f8;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-service-gallery1 .rtin-service-box .rtin-img img {
width: 100px;
height: 100px;
margin: 0 auto 30px;
border-radius: 50%;
}
.rtel-service-gallery1 .rtin-service-box .rtin-icon {
margin-bottom: 34px;
line-height: 1.6;
height: 100px;
width: 100px;
border-radius: 50%;
margin: 0 auto 30px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rtel-service-gallery1 .rtin-service-box .rtin-icon i {
font-size: 40px;
color: var(--light_primary_text_color);
}
.rtel-service-gallery1 .rtin-service-box .rtin-content .rtin-title {
margin-bottom: 15px;
font-size: 24px;
}
.rtel-service-gallery1 .rtin-service-box .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-service-gallery1 .rtin-service-box .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-service-gallery1 .rtin-service-box .rtin-content .rtin-btn {
display: inline-block;
font-weight: 500;
color: var(--primary_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-service-gallery1 .rtin-service-box .rtin-content .rtin-btn i {
margin-left: 10px;
}
.rtel-service-gallery1 .rtin-service-box .rtin-content .rtin-btn:hover {
color: var(--accent_color);
}
.rtel-service-gallery1 .rtin-service-box:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.rtel-service-gallery2 .rtin-service-box {
position: relative;
background-color: rgba(213, 213, 213, 0.4);
padding: 50px 40px 50px;
border-radius: 4px;
-webkit-transform: translateY(-40px);
transform: translateY(-40px);
margin-bottom: 30px;
-webkit-clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 100%);
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media only screen and (max-width: 991px) {
.rtel-service-gallery2 .rtin-service-box {
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-clip-path: inherit;
clip-path: inherit;
text-align: center;
}
}
.rtel-service-gallery2 .rtin-service-box .rtin-img img {
width: 100px;
height: 100px;
margin: 0 auto 30px;
border-radius: 50%;
}
.rtel-service-gallery2 .rtin-service-box .rtin-icon {
position: relative;
margin-bottom: 44px;
z-index: 2;
}
.rtel-service-gallery2 .rtin-service-box .rtin-icon i {
display: inline-block;
line-height: 1;
margin: 26px 0 0 25px;
}
.rtel-service-gallery2 .rtin-service-box .rtin-icon i:before {
font-size: 44px;
font-weight: 500;
color: var(--light_primary_text_color);
}
@media only screen and (max-width: 991px) {
.rtel-service-gallery2 .rtin-service-box .rtin-icon i {
margin: 26px 0 0 0;
}
}
.rtel-service-gallery2 .rtin-service-box .rtin-icon .icon-bg {
position: absolute;
top: 0;
left: 0;
height: 90px;
width: 90px;
z-index: -1;
}
@media only screen and (max-width: 991px) {
.rtel-service-gallery2 .rtin-service-box .rtin-icon .icon-bg {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.rtel-service-gallery2 .rtin-service-box .rtin-content .rtin-title {
margin-bottom: 14px;
}
.rtel-service-gallery2 .rtin-service-box .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-service-gallery2 .rtin-service-box .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-service-gallery2 .rtin-service-box .rtin-content p {
margin-bottom: 30px;
}
.rtel-service-gallery2 .rtin-service-box:before {
content: "";
height: 99%;
width: 99%;
background-color: var(--light_primary_text_color);
-webkit-clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 100%);
clip-path: polygon(0 0, 100% 4%, 100% 100%, 0% 100%);
position: absolute;
top: 2px;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
@media only screen and (max-width: 991px) {
.rtel-service-gallery2 .rtin-service-box:before {
-webkit-clip-path: inherit;
clip-path: inherit;
}
}
.rtel-service-gallery2 .rtin-service-box:hover {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
@media only screen and (max-width: 991px) {
.rtel-service-gallery2 .rtin-service-box:hover {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.rtel-service-gallery3 .rtin-service-box {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 2px 10px 0px #cfe0ea;
box-shadow: 0px 2px 10px 0px #cfe0ea;
padding: 50px 40px;
border-radius: 4px;
margin-bottom: 30px;
position: relative;
}
@media only screen and (max-width: 991px) {
.rtel-service-gallery3 .rtin-service-box {
text-align: center;
}
}
.rtel-service-gallery3 .rtin-service-box .item-icon {
position: relative;
margin-bottom: 60px;
z-index: 1;
}
.rtel-service-gallery3 .rtin-service-box .item-icon i {
display: inline-block;
line-height: 1;
margin: 22px 0 0 22px;
font-size: 65px;
color: var(--dark_primary_color);
}
.rtel-service-gallery3 .rtin-service-box .item-icon i:before {
font-size: inherit;
color: inherit;
}
.rtel-service-gallery3 .rtin-service-box .item-icon .icon-bg {
position: absolute;
top: 0;
left: 0;
height: 90px;
width: 90px;
z-index: -1;
}
@media only screen and (max-width: 991px) {
.rtel-service-gallery3 .rtin-service-box .item-icon .icon-bg {
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
.rtel-service-gallery3 .rtin-service-box .item-content .item-title {
margin-bottom: 14px;
}
.rtel-service-gallery3 .rtin-service-box .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-service-gallery3 .rtin-service-box .item-content .item-title a:hover {
color: var(--primary_color);
}
.rtel-service-gallery3 .rtin-service-box .item-content p {
margin-bottom: 35px;
}
.rtel-service-gallery3 .rtin-service-box:hover .item-icon i {
-webkit-animation: flipOutY 400ms;
animation: flipOutY 400ms;
}
.rtel-service-gallery4 .rtin-service-box {
margin-bottom: 25px;
}
.rtel-service-gallery4 .rtin-service-box .rtin-img {
margin-bottom: 25px;
position: relative;
overflow: hidden;
border-radius: 4px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-service-gallery4 .rtin-service-box .rtin-img img {
border-radius: 4px;
}
.rtel-service-gallery4 .rtin-service-box .rtin-img .hover-icon {
position: absolute;
top: 20%;
left: 0;
right: 0;
z-index: 2;
text-align: center;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.5s cubic-bezier(0.05, 0.73, 0.94, 0.62);
transition: all 0.5s cubic-bezier(0.05, 0.73, 0.94, 0.62);
}
.rtel-service-gallery4 .rtin-service-box .rtin-img .hover-icon a {
font-size: 40px;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-service-gallery4 .rtin-service-box .rtin-img .hover-icon a:hover {
color: var(--primary_color);
}
.rtel-service-gallery4 .rtin-service-box .rtin-img:after {
content: "";
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
border-radius: 4px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
color: var(--light_primary_text_color);
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-service-gallery4 .rtin-service-box .rtin-content .rtin-title {
margin-bottom: 6px;
}
.rtel-service-gallery4 .rtin-service-box .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-service-gallery4 .rtin-service-box .rtin-content .rtin-title a:hover {
color: var(--dark_primary_color);
}
.rtel-service-gallery4 .rtin-service-box .rtin-content .rtin-subtitle a {
color: var(--body_text_color);
}
.rtel-service-gallery4 .rtin-service-box .rtin-content .rtin-subtitle a:hover {
color: var(--primary_color);
}
.rtel-service-gallery4 .rtin-service-box:hover .rtin-img {
-webkit-box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.4);
box-shadow: 0px 5px 18px 0px rgba(0, 0, 0, 0.4);
}
.rtel-service-gallery4 .rtin-service-box:hover .rtin-img .hover-icon {
top: calc(50% - 22px);
visibility: visible;
opacity: 1;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtel-service-gallery4 .rtin-service-box:hover .rtin-img:after {
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible;
opacity: 0.9;
}
.rtel-service-gallery5 .rtin-service-box {
position: relative;
background-color: #f9f9f9;
padding: 30px 30px 50px;
margin-bottom: 30px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-service-gallery5 .rtin-service-box:hover {
opacity: 1;
-webkit-box-shadow: 0px 10px 29px 0px rgba(194, 194, 194, 0.75);
box-shadow: 0px 10px 29px 0px rgba(194, 194, 194, 0.75);
}
.rtel-service-gallery5 .rtin-service-box svg {
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.rtel-service-gallery5 .rtin-service-box:hover svg {
transform: rotate(22deg);
z-index: -15;
}
@media screen and (max-width: 575px) {
.rtel-service-gallery5 .rtin-service-box {
padding: 40px;
}
}
@media screen and (max-width: 360px) {
.rtel-service-gallery5 .rtin-service-box {
padding: 40px 35px;
}
}
.rtel-service-gallery5 .rtin-service-box .rtin-img img {
width: 150px;
height: 150px;
margin: 0 auto;
border-radius: 50%;
}
.rtel-service-gallery5 .rtin-service-box .rtin-icon {
position: relative;
z-index: 2;
height: 120px;
width: 140px;
display: inline-block;
}
.rtel-service-gallery5 .rtin-service-box .rtin-icon i {
position: absolute;
display: inline-block;
line-height: 1;
top: 40px;
left: 50px;
z-index:9;
}
.rtel-service-gallery5 .rtin-service-box .rtin-icon i:before {
font-size: 44px;
font-weight: 500;
color: var(--light_primary_text_color);
}
.rtel-service-gallery5 .rtin-service-box .rtin-content {
margin-top: 0px;
}
.rtel-service-gallery5 .rtin-service-box .rtin-content .rtin-title {
margin-bottom: 14px;
font-size: 24px;
}
.rtel-service-gallery5 .rtin-service-box .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-service-gallery5 .rtin-service-box .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-service-gallery5 .rtin-service-box .rtin-content p {
margin-bottom: 5px;
color: var(--body_text_color);
}
.rtel-service-gallery5 .rtin-service-box .rtin-content a.readmore {
display: inline-block;
border-radius: 4px;
margin-top: 20px;
font-weight: 500;
font-size: 14px;
line-height: 26px;
letter-spacing: 1px;
border: 2px solid transparent;
text-transform: uppercase;
padding: 10px 25px;
}
.rtel-service-gallery5 .rtin-service-box .rtin-content a.readmore i {
display: inline-block;
margin-left: 8px;
}
.rtel-service-gallery5 .rtin-service-box .rtin-content a.readmore:hover i {
color: inherit;
} .rtel-service-gallery6 .rtin-service-box .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-service-gallery6 .rtin-service-box .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-service-gallery6 .rtin-service-box .rtin-img img {
width: 170px;
height: auto;
margin: 0 auto 5px;
border-radius: 0px;	
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;	
}
.rtel-service-gallery6 .rtin-service-box:hover .rtin-img img {
-ms-transform: translate(0px, -10px); transform: translate(0px, -10px);
}
.rtel-service-gallery6 .rtin-service-box .rtin-content a.readmore i {
display: inline-block;
margin-left: 8px;
color: #818181;
-webkit-transition: all 0.3s ease-in;
transition: all 0.3s ease-in;
}
.rtel-service-gallery6 .rtin-service-box .rtin-content a.readmore:hover i {
color: var(--primary_color);	
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.rtel-service-gallery6 .rtin-service-wrap .up {
margin-top: -15px;
}
.rtel-service-gallery6 .rtin-service-wrap .down {
margin-top: 15px;
}
@media ( max-width:1024px ) {
.rtel-service-gallery6 .rtin-service-wrap .up ,
.rtel-service-gallery6 .rtin-service-wrap .down {
margin-top: 0px;
}
}
.rtel-service-gallery6 .rtin-service-box svg {
transform: rotate(1deg);
}
.rtel-service-gallery6 .rtin-service-box:hover svg {
transform: rotate(1deg);
margin-top: 15px;
z-index: -15;
}
.rtel-service-gallery6 .rtin-service-box .rtin-content .rtin-title {
margin-bottom: 14px;
font-size: 24px;
}
.rtel-service-gallery6 .rtin-service-box {
position: relative;
background-color: #ffffff;
padding: 30px 33px;
margin-bottom: 30px;
text-align: center;
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
opacity: 1;
-webkit-box-shadow: 0px 5px 32px 0px rgba(204, 204, 204, 0.5);
box-shadow: 0px 5px 32px 0px rgba(204, 204, 204, 0.5);
border-radius: 10px;
}  
.rtel-service-gallery6 .rtin-service-box:hover {
}
.rtel-service-gallery6 .rtin-service-box .rtin-icon {
position: relative;
z-index: 2;
height: 141px;
width: 160px;
display: inline-block;
}
.rtel-service-gallery6 .rtin-service-box .rtin-icon i {
position: absolute;
display: inline-block;
line-height: 1;
top: 55px;
left: 70px;
z-index: 9;	
transition: all 0.5s ease-out;	
-webkit-transition: all 0.5s ease-out;
}
.shadow-size {
width: 73px;
height: 60px;
display: block;
border-radius: 50%;
position: absolute;
top: 63px;
left: 73px;
background: transparent;
z-index: -1;
border: none;
}
.rtel-service-gallery6 .rtin-service-box .rtin-content a.readmore {
color: var(--primary_color);
display: inline-block;
border-radius: 4px;
margin-top: 15px;
font-weight: 500;
font-size: 15px;
line-height: 26px;
letter-spacing: 1px;
border: 2px solid transparent;
text-transform: uppercase;
padding: 5px 25px 0px;
}
.rtel-service-gallery6 .rtin-service-box .rtin-content a.readmore:hover {
color: var(--accent_color);
}
.rtel-service-gallery6 .icon-bg:after {
content: "";
background: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/icon-over-glow.png);
background-position: top left;
background-repeat: no-repeat;
position: absolute;
top: 17px;
left: 37px;
right: 0;
z-index: 108;
width: 100%;
height: 117px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.5s ease-out;
transform: rotate(-15deg);
}
.rtel-service-gallery6 .rtin-service-box:hover .icon-bg:after {
top: 37px;
left: 37px;
right: 0;
}
.rtel-service-gallery6 .rtin-service-box:hover .rtin-icon i {
top: 75px;
}
.single-optimax_service .recent-case {
padding-top: 110px;
}
@media(max-width: 1024px) {
.single-optimax_service .recent-case {
padding-top: 70px;
}
}
@media(max-width: 767px) {
.single-optimax_service .recent-case {
padding-top: 50px;
}
}
.related-case .related-case-heading {
text-align: center;
margin-bottom: 40px;
}
.related-case .related-case-heading p {
color: var(--body_text_color);
width: 40%;
margin: 0 auto;
font-size: 17.5px;
}
@media (max-width: 1199px) {
.related-case .related-case-heading p {
width: 55%;
}
}
@media (max-width: 991px) {
.related-case .related-case-heading p {
width: 75%;
}
}
@media (max-width: 767px) {
.related-case .related-case-heading p {
width: 100%;
}
} .rtel-case-study-1 .rtin-case-study-box-layout1-inner {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
border-radius: 6px;
margin-bottom: 30px;
overflow: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-img {
overflow: hidden;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-img img {
border-radius: 6px 6px 0 0;
-webkit-transform: scale(1) translateZ(0);
transform: scale(1) translateZ(0);
-webkit-transition: -webkit-transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
transition: -webkit-transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
transition: transform 3s cubic-bezier(0.2, 0.96, 0.34, 1), -webkit-transform 3s cubic-bezier(0.2, 0.96, 0.34, 1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media( max-width:767px ) {
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-img img {
width: 100%;
}
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content {
padding: 24px 30px 22px;
position: relative;
z-index: 1;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content:after {
content: "";
height: 5px;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_dark)), to(var(--gradient_2_light)));
background: linear-gradient(to right, var(--gradient_2_dark), var(--gradient_2_light));
border-radius: 0 0 6px 6px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
-webkit-transition: all ease 0.5s;
transition: all ease 0.5s;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content .rtin-category {
margin-bottom: 0px;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content .rtin-category a {
display: inline-block;
font-size: 15px;
font-family: var(--body_font);
color: var(--accent_color);
font-weight: 600;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content .rtin-title {
margin-bottom: 10px;
font-size: 24px;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content p {
margin-bottom: 14px;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content .rtin-btn {
display: inline-block;
font-weight: 500;
font-size: 15px;
margin-bottom: 5px;
text-transform: uppercase;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content .rtin-btn:hover {	
color: var(--accent_color);
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner .rtin-content .rtin-btn i {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
margin-left: 10px;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-img img {
-webkit-transform: scale(1.05) translateZ(0);
transform: scale(1.05) translateZ(0);
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-content:after {
height: 100%;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-content .rtin-title {
-webkit-animation: toBottomFromTop30 0.5s forwards;
animation: toBottomFromTop30 0.5s forwards;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-content .rtin-title a {
color: var(--light_primary_text_color);
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-content .rtin-title a:hover {
color: var(--accent_color);
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-content .rtin-category a {
color: white;
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-content p {
-webkit-animation: toBottomFromTop30 0.5s forwards;
animation: toBottomFromTop30 0.5s forwards;
color: var(--light_primary_text_color);
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-content .rtin-btn {
color: var(--light_primary_text_color);
}
.rtel-case-study-1 .rtin-case-study-box-layout1-inner:hover .rtin-content .rtin-btn:hover {
color: var(--accent_color);
}
.rtel-case-study-2 .rtin-case-study-box-layout2 {
margin-bottom: 45px;
}
.rtel-case-study-2 .rtin-case-study-box-layout2 .rtin-content {
position: relative;
margin-bottom: 55px;
padding: 38px 40px 14px;
text-align: center;
background-color: var(--light_primary_text_color);
border-radius: 6px;
-webkit-box-shadow: 0px 15px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 15px 50px 0px rgba(33, 30, 30, 0.2);
z-index: 2;
}
.rtel-case-study-2 .rtin-case-study-box-layout2 .rtin-content .rtin-title {
margin-bottom: 10px;
font-size: 24px;
}
.rtel-case-study-2 .rtin-case-study-box-layout2 .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-2 .rtin-case-study-box-layout2 .rtin-content:before {
content: "";
width: 100%;
height: 8px;
border-radius: 6px 6px 0 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-2 .rtin-case-study-box-layout2 .rtin-content:after {
content: "";
height: 0;
width: 0;
border-top: 25px solid var(--light_primary_text_color);
border-left: 20px solid transparent;
border-right: 20px solid transparent;
position: absolute;
bottom: -25px;
right: 0;
left: 0;
margin: auto;
}
.rtel-case-study-2 .rtin-case-study-box-layout2 .rtin-img {
position: relative;
text-align: center;
}
.rtel-case-study-2 .rtin-case-study-box-layout2 .rtin-img img {
border-radius: 50%;
border: 10px solid var(--primary_color);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-2 .rtin-case-study-box-layout2:hover .rtin-img img {
border-color: #ff9317;
transform: scale(1.05);
}
.rtel-case-study-2 .rtin-case-study-box-layout2:hover .rtin-content .rtin-title a {
color: var(--light_primary_text_color);
}
.rtel-case-study-2 .rtin-case-study-box-layout2:hover .rtin-content .rtin-title a:hover {
color: var(--primary_color);  
}
.rtel-case-study-2 .rtin-case-study-box-layout2:hover .rtin-content p {
color: var(--light_primary_text_color);
}
.rtel-case-study-2 .rtin-case-study-box-layout2:hover .rtin-content:before {
height: 100%;
}
.rtel-case-study-2 .rtin-case-study-box-layout2:hover .rtin-content:after {
border-top-color: var(--gradient_dark);
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtel-case-study-3 .case-study-box-layout3 {
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-box-shadow: 0px 1px 0px 0px rgba(214, 214, 214, 0.75);
box-shadow: 0px 1px 0px 0px rgba(214, 214, 214, 0.75);
padding: 30px 30px 23px;
margin-bottom: 30px;
}
.rtel-case-study-3 .case-study-box-layout3 .rtin-img {
margin-bottom: 22px;
overflow: hidden;
border-radius: 5px;
}
.rtel-case-study-3 .case-study-box-layout3 .rtin-img img {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-3 .case-study-box-layout3 .rtin-content .rtin-subtitle {
margin-bottom: 4px;
}
.rtel-case-study-3 .case-study-box-layout3 .rtin-content .rtin-subtitle a {
color: var(--body_text_color);
}
.rtel-case-study-3 .case-study-box-layout3 .rtin-content .rtin-subtitle a:hover {
color: var(--primary_color);
}
.rtel-case-study-3 .case-study-box-layout3 .rtin-content .rtin-title {
font-size: 24px;
margin-bottom: 0;
position: relative;
}
.rtel-case-study-3 .case-study-box-layout3 .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-3 .case-study-box-layout3 .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-case-study-3 .case-study-box-layout3:hover .rtin-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rtel-case-study-3 .case-study-box-layout3:hover .rtin-content .rtin-title:before {
width: 65px;
}
.rtel-case-study-4 .rtin-case-study-box {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 15px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 15px 50px 0px rgba(33, 30, 30, 0.2);
border-radius: 4px;
margin-bottom: 30px;  
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
overflow: hidden;
}
.rtel-case-study-4 .rtin-case-study-box .rtin-img {
overflow: hidden;
}
.rtel-case-study-4 .rtin-case-study-box .rtin-img img {
border-radius: 4px 4px 0 0;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-4 .rtin-case-study-box .rtin-content {
text-align: center;
padding: 19px 20px 28px;
}
.rtel-case-study-4 .rtin-case-study-box .rtin-content .rtin-title {
margin-bottom: 5px;
font-size: 24px;
}
.rtel-case-study-4 .rtin-case-study-box .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-4 .rtin-case-study-box .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-case-study-4 .rtin-case-study-box .rtin-content .rtin-subtitle a {
color: var(--body_text_color);
}
.rtel-case-study-4 .rtin-case-study-box .rtin-content .rtin-subtitle a:hover {
color: var(--primary_color);
}
.rtel-case-study-4 .rtin-case-study-box:hover .rtin-img img {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg);
}
.rtel-case-study-5 .rtin-case-study-box {
margin-bottom: 35px;
}
.rtel-case-study-5 .rtin-case-study-box .rtin-img {
margin-bottom: 20px;
position: relative;
overflow: hidden;
border-radius: 4px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-case-study-5 .rtin-case-study-box .rtin-img img {
border-radius: 4px;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-case-study-5 .rtin-case-study-box .rtin-img .hover-icon {
position: absolute;
top: 50%;
left: 0;
right: 0;
z-index: 2;
text-align: center;
visibility: hidden;
opacity: 0;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-case-study-5 .rtin-case-study-box .rtin-img .hover-icon a {
font-size: 24px;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-case-study-5 .rtin-case-study-box .rtin-img .hover-icon a:hover {
color: var(--primary_color);
}
.rtel-case-study-5 .rtin-case-study-box .rtin-img:after {
content: "";
height: 100%;
width: 100%;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
border-radius: 4px;
opacity: 0;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1;
-webkit-transform: scale(0.5);
transform: scale(0.5);
color: var(--light_primary_text_color);
visibility: hidden;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-case-study-5 .rtin-case-study-box .rtin-content .rtin-title {
font-size: 24px;
margin-bottom: 3px;
}
.rtel-case-study-5 .rtin-case-study-box .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-case-study-5 .rtin-case-study-box .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-case-study-5 .rtin-case-study-box:hover .rtin-img {
-webkit-box-shadow: 0px 5px 10px 0px rgba(136, 136, 136, 0.4);
box-shadow: 0px 5px 10px 0px rgba(136, 136, 136, 0.4);
}
.rtel-case-study-5 .rtin-case-study-box:hover .rtin-img img {
-webkit-transform: scale3d(1.1, 1.1, 1);
transform: scale3d(1.1, 1.1, 1);
}
.rtel-case-study-5 .rtin-case-study-box:hover .rtin-img .hover-icon {
-webkit-transform: scale3d(1.6, 1.6, 1);
transform: scale3d(1.6, 1.6, 1);
visibility: visible;
opacity: 1;
}
.rtel-case-study-5 .rtin-case-study-box:hover .rtin-img:after {
-webkit-transform: scale(1);
transform: scale(1);
visibility: visible;
opacity: 0.9;
} .rtel-case-study-6 .rtin-case-study-box-layout6 {
overflow: hidden;
background-color: #f1f7fe;
border-radius: 4px;
padding: 30px;
margin-bottom: 30px;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img {
position: relative;
overflow: hidden;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img img {
width: 100%;
border-radius: 4px;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img .rtin-category {
position: absolute;
left: 20px;
top: 20px;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img .rtin-category a {
display: inline-block;
background: white;
padding: 5px 10px;
font-size: 14px;
color: var(--primary_color);
border-radius: 4px;
font-weight: 500;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img .rtin-category a:hover {
background: var(--primary_color);
color: white;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img .rtin-hover-content {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: absolute;
visibility: hidden;
opacity: 0;
width: 100%;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transform: translateY(150px);
background-color: var(--accent_color);
border-radius: 0 0 4px 4px;
bottom: 0;
right: 0;
left: 0;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img .rtin-hover-content .rtin-title {
font-size: 24px;
margin-bottom: 0;
color: white;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img .rtin-hover-content .rtin-title a {
color: inherit;
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img .rtin-hover-content a.rtin-icon {
color: white;
display: inline-block;
padding: 10px 20px;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 5px;
}
.rtel-case-study-6 .rtin-case-study-box-layout6:hover .rtin-img .rtin-hover-content {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.rtel-case-study-6 .rtin-case-study-box-layout6 .rtin-img .rtin-hover-content a.rtin-icon:hover {
color: var(--accent_color);
display: inline-block;
padding: 10px 20px;
border: 1px solid rgba(255, 255, 255, 0.6);
border-radius: 5px;
background: #ffffff;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-content .rtin-title {
margin-bottom: 5px;
font-size: 24px;
}
.rtel-case-study-7.rtel-case-study-4 .rtin-case-study-box {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
border-radius: 4px;
margin-bottom: 30px;  
-webkit-transition: all 0.6s ease-out;
transition: all 0.6s ease-out;
}
.rtel-case-study-7 .rtin-case-study-box:hover {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
border-radius: 4px;
margin-bottom: 30px;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-content {
text-align: left;
padding: 27px 20px 20px 33px;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-content .rtin-subtitle {
margin-bottom: 5px;
font-weight: 500;
font-size: 15px;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-content .rtin-subtitle a {
color: var(--primary_color);
}
.rtel-case-study-7 .rtin-case-study-box .rtin-content .rtin-subtitle a:hover {
color: var(--accent_color);
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img {
overflow: hidden;
position: relative;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img img {
border-radius: 4px 4px 0 0;
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-case-study-7 .rtin-case-study-box:hover .rtin-img img {	
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
}
@media( max-width: 736px ){
.rtel-case-study-7 .rtin-case-study-box .rtin-img img {
width: 100%;
}
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img .right-bottom-icon {
transition: .5s ease;
opacity: 0;
position: absolute;
bottom: 0%;
right: 0%;
text-align: center;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img .right-bottom-icon .text-button {
background: var( --accent_color );
padding: 10px 20px;
border-radius: 15px 0 0 0;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img .right-bottom-icon .text-button a {
color: #ffffff;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img .right-bottom-icon .text-button:hover {
background: #ffffff;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img .right-bottom-icon .text-button:hover a {
color: var( --accent_color );
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img:hover .thi-image {
opacity: 0.3;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img:hover .right-bottom-icon {
opacity: 1;
z-index: 1;
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img .content-img-overlay {
background: #4a3bca;
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
bottom: 0;
right: 0;
opacity: 0;
-webkit-transition: all 0.4s ease-in-out 0s;
-moz-transition: all 0.4s ease-in-out 0s;
transition: all 0.4s ease-in-out 0s;
z-index: 1
}
.rtel-case-study-7 .rtin-case-study-box .rtin-img:hover .content-img-overlay{
opacity: 0.6;
} .rtel-case-study-8 .case-study-box {
position: relative;
clear: both;
margin: 0 auto 30px;
max-width: 1000px;
list-style: none;
text-align: center;	
}
.rtel-case-study-8 .case-study-box figure {
position: relative;
overflow: hidden;
margin: 10px 1%;
max-height: 360px;
height: auto;
background: #ffffff;
text-align: center;
}
.rtel-case-study-8 .case-study-box figure img {
position: relative;
display: block;
opacity: 1;	
}
@media( max-width:767px ) {
.rtel-case-study-8 .case-study-box figure img { margin: 0 auto; }
} .rtel-case-study-9 .rtin-box {
overflow: hidden;
border-radius: 6px;  
}
.rtel-case-study-9 .rtin-box .rtin-img {
position: relative;
overflow: hidden;
}
.rtel-case-study-9 .rtin-box .rtin-img img {
width: 100%;
border-radius: 4px;
}
.rtel-case-study-9 .rtin-box .rtin-img .rtin-hover-content {
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
position: absolute;
visibility: hidden;
opacity: 0;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
transform: translateY(150px);
background-color: var(--light_primary_text_color);
border-radius: 6px;
bottom: 15px;
right: 15px;
left: 15px;
}
.rtel-case-study-9 .rtin-box .rtin-img .rtin-hover-content .rtin-category a {
color: var(--primary_color);
font-weight: 500;
}
.rtel-case-study-9 .rtin-box .rtin-img .rtin-hover-content .rtin-category a:hover {
color: var(--accent_color);
}
.rtel-case-study-9 .rtin-box .rtin-img .rtin-hover-content .rtin-title {
font-size: 24px;
margin-bottom: 0;
}
.rtel-case-study-9 .rtin-box .rtin-img .rtin-hover-content .rtin-title a {
color: var(--dark_primary_text_color);
}
.rtel-case-study-9 .rtin-box .rtin-img .rtin-hover-content .rtin-title a:hover {
color: var(--accent_color);
}
.rtel-case-study-9 .rtin-box .rtin-img .rtin-hover-content a.rtin-icon {
background: var(--accent_color);
color: white;
display: inline-block;
padding: 10px 20px;
border-radius: 5px;
}
.rtel-case-study-9 .rtin-box:hover .rtin-img .rtin-hover-content {
visibility: visible;
opacity: 1;
transform: translateY(0px);
}
.rtel-case-study-9 .rtin-box .rtin-img .rtin-hover-content a.rtin-icon:hover {
color: var(--accent_color);
background: var(--primary_color);
}
.rtel-case-study-9 .owl-dots {
text-align: center;
display: flex;
align-items: center;
justify-content: center;
margin-top: 55px;
}
.rtel-case-study-9 .owl-dots .owl-dot {
line-height: 1;
}
.rtel-case-study-9 .owl-dots .owl-dot span {
display: inline-block;
height: 13px;
width: 13px;
background: #dadada;
border-radius: 50%;
margin: 0 5px;
transform: scale(1);
transition: all 0.3s ease-in-out;
}
.rtel-case-study-9 .owl-dots .owl-dot.active span {
transform: scale(1.4);
background: var(--gradient_2_light);
}
.effect-goliath {
overflow: hidden;
position: relative;
z-index: 1;
border-radius: 6px;
transition: all 0.3s ease-in-out;
}
.effect-goliath .rtin-img {
transition: all 0.3s ease-in-out;
}
.effect-goliath .rtin-img img {
border-radius: 6px;
}
.effect-goliath figcaption {
position: absolute;
left: 0;
right: 0;
bottom: 0;
text-align: center;
transform: translateY(150px);
background-color: #ffffff;
border-radius: 0 0 6px 6px;
padding: 30px 30px;
transition: all 0.35s ease-in-out;
}
.effect-goliath figcaption .rtin-subtitle {
font-weight: 500;
margin-bottom: 5px;
transform: translateY(20px);
transition: all 0.53s ease-in-out;
transition-delay: 0.05s;
}
.effect-goliath figcaption .rtin-subtitle a {
color: #4a3bca;
}
.effect-goliath figcaption .rtin-title {
font-size: 24px;
margin-bottom: 0;
transform: translateY(20px);
transition: all 0.6s ease-in-out;
transition-delay: 0.1s;
}
@media( max-width:1376px ){
.effect-goliath figcaption .rtin-title {
font-size: 20px;
}
}
.effect-goliath figcaption .rtin-title a {
color: var(--dark_primary_text_color);
}
.effect-goliath figcaption .rtin-title a:hover {
color: var(--primary_color);
}
.effect-goliath:hover {
box-shadow: 0px 25px 51px 0px rgba(136, 136, 136, 0.28);
}
.effect-goliath:hover .rtin-img img {
border-radius: 6px 6px 0 0;
}
.effect-goliath:hover .rtin-title,
.effect-goliath:hover .rtin-subtitle,
.effect-goliath:hover figcaption {
transform: translateY(0);
} .rtel-button-1 {
margin-top: 0;
}
.wpcf7-form	.rtel-button-1 {
margin-top: 15px;
}
.wpcf7-form	.rtel-button-1:focus {
outline: none;
}
.rtel-button-1 img {
width: 20px;
}
.rtel-button-1 i.before-icon {
margin-left: 0;
margin-right: 10px;
}
.rtel-button-1 img.before-icon {
margin-left: 0;
margin-right: 10px;
}
.rtel-button-1 img.after-icon {
margin-left: 10px;
margin-right: 0;
}
.rtel-button-1.style4 {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 15px;
color: var(--light_primary_text_color);
background-color: var(--gradient_light);
padding: 12px 30px;
border-radius: 4px;
margin-top: 16px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-button-1.style4 i {
margin-left: 10px;
}
.rtel-button-1.style4:after {
content: "";
height: 100%;
width: 0;
background: var(--gradient_dark);
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-button-1.style4:hover {
color: var(--light_primary_text_color);
}
.rtel-button-1.style4:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.rtel-button-1.style4 {
padding: 12px 20px;
}
} .rtel-section-title-subtitle h2.rtin-title {
margin-bottom: 0;
color: var(--dark_primary_text_color);
font-weight: 800;
}
.rtel-section-title-subtitle h2.rtin-title.has-subtitle {
margin-bottom: 18px;
}
.rtel-section-title-subtitle h2.rtin-title a {
color: inherit;
}
.rtel-section-title-subtitle h2.rtin-title a:hover {
color: var(--accent_color);
}
.rtel-section-title-subtitle .rtin-subtitle {
color: #7a7a7a;
}
.rtel-section-title-subtitle .rtin-subtitle > div {
display: inline-block;
}
.rtel-section-title-subtitle .rtin-subtitle p {
display: inline-block;
font-size: 17px;
color: var(--body_text_color);
}
@media( max-width: 375px ){
.rtel-section-title-subtitle br {
display: none;
}
}
.style2 .rtin-content p {
margin: 0 auto;
}
.style2 .rtin-subtext p {
color: var(--accent_color);
font-family: "Nunito Sans", Sans-serif;
font-weight: 800;
letter-spacing: 2px;
margin-bottom: 5px;
} .rtel-team-gallery1-v2 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout {
text-align: center;
background-color: var(--light_primary_text_color);
border-radius: 6px;
padding: 40px 40px;
margin: 0 auto;
}
@media ( max-width: 1024px ) {
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout {
padding: 25px 40px 25px 40px;
}
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-img {
margin-bottom: 25px;
border-radius: 50%;
border: 5px solid transparent;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-img img {
border-radius: 50%;
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-title {
margin-bottom: 4px;
font-size: 24px;
}
@media( max-width:767px) {	
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-title {	  
font-size: 22px;
}
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-title a {
color: #000000;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-subtitle {
color: var(--accent_color);
margin-bottom: 14px;
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-social li {
display: inline-block;
margin-right: 8px;
}
@media only screen and (max-width: 767px) {
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-social li {
margin-right: 5px;
}
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-social li:last-child {
margin-right: 0;
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-social li a {
color: #b0b0b0;
font-size: 16px;
padding: 5px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout .rtin-content .rtin-social li a:hover {
color: var(--dark_primary_text_color);
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout:hover .rtin-img {
border: 5px solid #ff9118;
-webkit-animation: pulse 2s;
animation: pulse 2s;
}
.rtel-team-gallery1-v2 .rtin-team-gallery .rtin-team-box-layout:hover .rtin-img img {
-webkit-animation: pulse 1000ms;
animation: pulse 1000ms;
}
.rtel-team-gallery2-v2 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout {
text-align: center;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-img {
margin-bottom: 25px;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-img img {
width: auto;
display: inline-block;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-content .rtin-title {
margin-bottom: 8px;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-content .rtin-subtitle {
margin-bottom: 15px;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-content .rtin-social li {
display: inline-block;
margin-right: 10px;
margin-top: 5px;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-content .rtin-social li:last-child {
margin-right: 0;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-content .rtin-social li a {
text-align: center;
font-size: 16px;
height: 40px;
width: 40px;
line-height: 40px;
border-radius: 50%;
display: block;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery2-v2 .rtin-team-box-layout .rtin-content .rtin-social li a:hover {
background-color: var(--primary_color) !important;
}
.rtel-team-gallery3-v2 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
text-align: center;
padding: 40px 30px 30px;
border-radius: 6px;
position: relative;
overflow: hidden;
-webkit-box-shadow: 0px 0px 20px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 0px 20px 0px rgba(33, 30, 30, 0.2);
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:after {
content: "";
background: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/team-shape-1.png);
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
width: 100%;
height: 250px;
}
@media only screen and (max-width: 767px) {
.rtel-team-gallery3-v2 .rtin-team-box-layout:after {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-img {
margin-bottom: 24px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-img img {
border-radius: 10px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content {
position: relative;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-title {
margin-bottom: 8px;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-subtitle {
color: #949599;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-social li {
display: inline-block;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.5s cubic-bezier(0.42, 0.97, 0.52, 1.49);
transition: 0.5s cubic-bezier(0.42, 0.97, 0.52, 1.49);
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-social li a {
display: block;
height: 36px;
width: 36px;
line-height: 36px;
background-color: #060678;
border-radius: 50%;
color: var(--light_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-social li a:hover {
background-color: var(--primary_color);
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-social li:nth-child(1n) {
top: -50px;
left: 24%;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-social li:nth-child(2n) {
top: -35px;
left: 44%;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout .rtin-content .rtin-social li:nth-child(3n) {
top: -50px;
left: 65%;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover {
-webkit-box-shadow: 0px 20px 30px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 20px 30px 0px rgba(33, 30, 30, 0.2);
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-img {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-img img {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social li {
visibility: visible;
opacity: 1;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.five-items li:nth-child(1n) {
top: -95px;
left: 20%;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.five-items li:nth-child(2n) {
top: -72px;
left: 32%;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.five-items li:nth-child(3n) {
top: -58px;
left: 47%;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.five-items li:nth-child(4n) {
top: -72px;
left: 62%;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.five-items li:nth-child(5n) {
top: -95px;
left: 75%;
-webkit-transition-delay: 0.7s;
transition-delay: 0.7s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.four-items li:nth-child(1n) {
top: -90px;
left: 24%;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.four-items li:nth-child(2n) {
top: -65px;
left: 38%;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.four-items li:nth-child(3n) {
top: -65px;
left: 53%;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.four-items li:nth-child(4n) {
top: -90px;
left: 67%;
-webkit-transition-delay: 0.6s;
transition-delay: 0.6s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.three-items li:nth-child(1n) {
top: -84px;
left: 24%;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.three-items li:nth-child(2n) {
top: -65px;
left: 44%;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.three-items li:nth-child(3n) {
top: -83px;
left: 65%;
-webkit-transition-delay: 0.5s;
transition-delay: 0.5s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.two-items li:nth-child(1n) {
top: -65px;
left: 38%;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.two-items li:nth-child(2n) {
top: -65px;
left: 53%;
-webkit-transition-delay: 0.4s;
transition-delay: 0.4s;
}
.rtel-team-gallery3-v2 .rtin-team-box-layout:hover .rtin-content .rtin-social.one-item li:nth-child(1n) {
top: -65px;
left: 45%;
-webkit-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.rtel-team-gallery4 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-team-gallery4 .rtin-smart-nav-layout1 {
position: absolute;
top: -50px;
left: 15px;
z-index: 2;
}
@media screen and (max-width: 1024px) {
.elementor-1947 .elementor-element.elementor-element-7e60cac .rtel-team-gallery4 .rtin-smart-nav-layout1 {
top: -60px;
Left: 15px;
}
}
@media screen and (max-width: 991px) {
.rtel-team-gallery4 .rtin-smart-nav-layout1 {
position: static;
margin-top: 20px;
}
}
.rtel-team-gallery4 .rtin-smart-nav-layout1 button {
font-size: 18px;
color: var(--primary_color); 
padding: 10px 18px;
border: 1px solid var(--primary_color);
border-radius: 5px;
background-color: #fff;  
-webkit-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.rtel-team-gallery4 .rtin-smart-nav-layout1 button:active,
.rtel-team-gallery4 .rtin-smart-nav-layout1 button:focus {
border-color: inherit;
outline: none;
}
.rtel-team-gallery4 .rtin-smart-nav-layout1 button.owl-prev {
margin-right: 10px;
}
.rtel-team-gallery4 .rtin-smart-nav-layout1 button:hover {
color: #ffffff;
border: 1px solid var(--primary_color);
background: var(--primary_color)
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-img {
margin-right: 30px;
text-align: right;
}
@media screen and (max-width: 991px) {
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-img {
margin-bottom: 25px;
text-align: center;
margin-right: 0;
}
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-img img {
display: inline-block;
max-width: 500px;
}
@media screen and (max-width: 1024px) {
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content {
margin-top: -60px;
}
}
@media screen and (max-width: 768px) {
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content {
margin-top: 15px;
}
}
@media screen and (max-width: 991px) {
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-img img {
max-width: 100%;
}
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: flex;
height: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-title {
line-height: 1.2;
font-family: var(--heading_font);
color: #000;
margin-bottom: 10px;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-title a {
color: inherit;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-subtitle {
font-size: 16px;
margin-bottom: 10px;
line-height: 1.2;
font-family: var(--heading_font);
color: var(--body_text_color);
font-weight: 700;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social {
position: relative;
padding-bottom: 20px;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social li {
display: inline-block;
margin-right: 8px;
}
@media only screen and (max-width: 767px) {
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social li {
margin-right: 5px;
}
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social li:last-child {
margin-right: 0;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social li a {
color: var(--body_text_color);
font-size: 15px;
padding: 5px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social li a:hover {
color: var(--dark_primary_text_color);
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social:after {
position: absolute;
content: "";
left: 0;
bottom: 0;
background-color: var(--gradient_2_light);
width: 56px;
height: 5px;
border-radius: 10px;
}
@media screen and (max-width: 812px) {
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content {
margin-top: 15px;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content-wrapper {
text-align: center;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social:after {
bottom: -5px;
right: 0;
margin: 0 auto;
}
.elementor-1947 .elementor-element.elementor-element-7e60cac .rtel-team-gallery4 .rtin-smart-nav-layout1 {
top: -60px;
Left: 0px;
text-align: center;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .team-excerpt {
max-width: 100% !important;
}	
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content-wrapper .rtin-content,
.elementor-1947 .elementor-element.elementor-element-2da6605 .rtin-subtitle > p {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content-wrapper {
text-align: center;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social:after {
bottom: -5px;
right: 0;
margin: 0 auto;
}
.elementor-1947 .elementor-element.elementor-element-7e60cac .rtel-team-gallery4 .rtin-smart-nav-layout1 {
top: -60px;
Left: 0px;
text-align: center;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .team-excerpt {
max-width: 100% !important;
}	
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content-wrapper .rtin-content,
.elementor-1947 .elementor-element.elementor-element-2da6605 .rtin-subtitle > p {
width: 100%;
}	
}
@media screen and (max-width: 767px) {
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content-wrapper,
.elementor-1947 .elementor-element.elementor-element-2da6605 .rtin-subtitle	{
text-align: center;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .rtin-social:after {
bottom: -5px;
right: 0;
margin: 0 auto;
}
.elementor-1947 .elementor-element.elementor-element-7e60cac .rtel-team-gallery4 .rtin-smart-nav-layout1 {
top: -60px;
Left: 0px;
text-align: center;
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .team-excerpt {
max-width: 100% !important;
}	
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content-wrapper .rtin-content,
.elementor-1947 .elementor-element.elementor-element-2da6605 .rtin-subtitle > p {
width: 100%;
}
}
.rtel-team-gallery4 .rtin-team-gallery .rtin-team-each-post .rtin-team-box-layout-content .rtin-content .team-excerpt {
margin-top: 25px;
max-width: 400px;
line-height: 30px;
font-size: 16px;
font-family: var(--body_font);
color: var(--body_text_color);
padding-bottom: 5px;
margin-bottom: -30px
}
.rtel-team-gallery-style5 .team-box {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 30px;
-webkit-transition: all 1s ease-in;
transition: all 1s ease-in;
}
.rtel-team-gallery-style5 .team-box .team-name {
writing-mode: tb-rl;
transform: rotate(-180deg);
font-size: 20px;
font-family: var(--heading_font);
font-weight: 700;
padding: 20px 6px 15px 6px;
border-radius: 0px 10px 0 0;
background: linear-gradient( 90deg, var(--gradient_2_dark), var(--gradient_2_light));	
color: #ffffff;
min-height: 254px;	
-webkit-transition: all 0.3s cubic-bezier(0.03, 1.07, 1, 1);
transition: all 0.3s cubic-bezier(0.03, 1.07, 1, 1);
}
@media(max-width: 1024px) {
.rtel-team-gallery-style5 .team-box .team-name {
z-index: 2;
}
}
.rtel-team-gallery-style5 .team-box .team-name:after {
writing-mode: tb-rl;
transform: rotate(-180deg);
position: absolute;
content: "";
top: 0;
left: 0;
border-radius: 0px 0px 0px 10px;
background: linear-gradient( 90deg, var(--gradient_dark), var(--gradient_light));	
z-index: -1;
height: 0;
width: 100%;
-webkit-transition: all .5s ease-in;
transition: all .5s ease-in;
}
.rtel-team-gallery-style5 .team-box:hover .team-name:after {
height: 100%;	
}
.rtel-team-gallery-style5 .team-box .team-name .team-designation {
font-size: 16px;
font-family: var(--heading_font);
font-weight: 400;
}
.rtel-team-gallery-style5 .team-box .team-name a {
color: #ffffff;
}
.rtel-team-gallery-style5 .team-box .team-img {
z-index: 1;
overflow: hidden;
position: relative;
}
.rtel-team-gallery-style5 .team-box .team-img img {
z-index: 1;
border-radius: 10px 10px 10px 0;
overflow: hidden;	
width: 100%;
}
.rtel-team-gallery-style5 .team-box .team-social {
position: absolute;
text-align: center;
padding-left: 1em;
padding-right: 1em;
bottom: 30px;
left: 0;
right: 0;
-webkit-transition: all 0.3s ease-in-out 0s;
-moz-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;
z-index: 1;
}
.rtel-team-gallery-style5 .team-box .team-social .rtin-social {
margin: 0;
padding: 0;
}
.rtel-team-gallery-style5 .team-box .team-social .rtin-social {
display: flex;
list-style: none;
justify-content: space-around;
padding-left: 0;
}
.rtel-team-gallery-style5 .team-box .team-img:before {
background: linear-gradient(transparent, #111), linear-gradient(transparent, #111);
height: 50%;
opacity: 0;
position: absolute;
right: 0;
z-index: 1;
bottom: -20%;
content: "";
left: 0;
width: 100%;
border-radius: 10px;
transition: all 0.3s ease-in-out;
}
@media( max-width:767px ){
.rtel-team-gallery-style5 .team-box .team-img:before {
width: 100%;
}	
}
.rtel-team-gallery-style5 .team-box:hover .team-img:before {
opacity: 0.7;
bottom: 0;
} .rtel-team-gallery-style5 .team-box .team-social li {
display: inline-block;
z-index: 1;
padding: 0 5px;
opacity: 0;
text-align: center;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
transition: all 0.33s ease-in-out;
}
.rtel-team-gallery-style5 .team-box:hover .team-social li {
opacity: 1;
transform: translateY(0%);
}
.rtel-team-gallery-style5 .team-box .team-social li a {
width: 40px;
height: 40px;
line-height: 40px;
border-radius: 50%;
display: block;
}
.rtel-team-gallery-style5 .team-box .team-social li a i { color: #ffffff }
.rtel-team-gallery-style5 .team-box .team-social li a.facebook { background: #2B57B5; }
.rtel-team-gallery-style5 .team-box .team-social li a.twitter { background: #55ACEE; }
.rtel-team-gallery-style5 .team-box .team-social li a.linkedin { background: #0077B5; }
.rtel-team-gallery-style5 .team-box .team-social li a.youtube { background: #FF0000; }
.rtel-team-gallery-style5 .team-box .team-social li:nth-child(1n) {
transition-delay: 0.1s;
}
.rtel-team-gallery-style5 .team-box .team-social li:nth-child(2n) {
transition-delay: 0.2s;
}
.rtel-team-gallery-style5 .team-box .team-social li:nth-child(3n) {
transition-delay: 0.3s;
}
.rtel-team-gallery-style5 .team-box .team-social li:nth-child(4n) {
transition-delay: 0.4s;
}
.rtel-team-gallery-style5 .team-box .team-social li:nth-child(5n) {
transition-delay: 0.4s;
}
.rtel-team-gallery-style5 .team-box .team-social li:nth-child(6n) {
transition-delay: 0.4s;
} .rtel-call-to-action2 {
overflow: hidden;
position: relative;
z-index: 2;
}
.rtel-call-to-action2 .rtin-banner-box-layout1 {
-webkit-animation: bouncebubble infinite 10000ms;
animation: bouncebubble infinite 10000ms;
}
.rtel-call-to-action2 .rtin-banner-box-layout2 {
padding-top: 70px;
}
@media only screen and (max-width: 991px) {
.rtel-call-to-action2 .rtin-banner-box-layout2 {
padding-top: 50px;
text-align: center;
}
}
.rtel-call-to-action2 .rtin-banner-box-layout2 .rtin-title {
font-size: 40px;
}
.rtel-call-to-action2 .rtin-banner-box-layout2 .rtin-subtitle {
font-size: 40px;
} .rtel-pricing-plan-1 .rtin-pricing-plan {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
text-align: center;
padding: 35px 0px 50px;
border-radius: 6px;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-pricing-plan-1 .rtin-pricing-plan:after {
content: "";
height: 130px;
width: 130px;
border: 20px solid rgba(255, 255, 255, 0.1);
border-radius: 50%;
position: absolute;
top: -35px;
right: -30px;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-heading {
margin-bottom: 100px;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-heading .rtin-title {
color: var(--light_primary_text_color);
margin-bottom: 18px;
font-size: 18px;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-heading .rtin-price {
font-size: 60px;
font-weight: 600;
color: var(--light_primary_text_color);
line-height: 1;
margin-bottom: 5px;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-heading .rtin-duration {
font-size: 18px;
color: var(--light_primary_text_color);
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-features {
margin-bottom: 30px;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-features li {
color: #444444;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #f1f1f1;
text-align: left;
padding-left: 26%;
}
@media(max-width: 1199px) {
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-features li {
padding-left: 28%;
}
}
@media(max-width: 991px) {
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-features li {
padding-left: 22%;
}
}
@media(max-width: 767px) {
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-features li {
padding-left: 0;
text-align: center;
}
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-features li img {
width: 20px;
margin-right: 10px;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-features li i {
color: var(--primary_color);
margin-right: 10px;
font-size: 15px;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-features li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-curved {
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-curved .svg-shape {
border-radius: 6px 6px 0 0;
display: inline-block;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-curved .svg-shape stop {
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-curved .svg-shape stop:first-child {
stop-color: var(--gradient_2_light);
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-curved .svg-shape stop:last-child {
stop-color: var(--gradient_2_dark);
}
@media only screen and (max-width: 1199px) {
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-curved .svg-shape {
height: 240px;
}
}
.rtel-pricing-plan-1 .rtin-pricing-plan .rtin-curved .svg-shape .svg-color {
fill: var(--primary_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-pricing-plan-1 .rtin-pricing-plan .pricing-btn {
text-transform: uppercase;
font-size: 16px;
}
.rtel-pricing-plan-1 .rtin-pricing-plan:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.rtel-pricing-plan-1 .rtin-pricing-plan:hover .rtin-curved .svg-shape { }
.rtel-pricing-plan-1 .rtin-pricing-plan:hover .rtin-curved .svg-shape .svg-color {
fill: var(--accent_color);
}
.rtel-pricing-plan-1 .rtin-pricing-plan:hover .rtin-curved .svg-shape stop:first-child {
stop-color: var(--accent_color);
}
.rtel-pricing-plan-1 .rtin-pricing-plan:hover .rtin-curved .svg-shape stop:last-child {
stop-color: var(--accent_color);
}
.rtel-pricing-plan-2 .rtin-pricing-plan {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
border-radius: 4px;
padding: 60px 30px 30px;
text-align: center;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-title {
color: var(--dark_primary_text_color);
font-size: 26px;
margin-bottom: 10px;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-subtitle {
font-size: 16px;
color: #8c8c8c;
margin-bottom: 30px;
font-weight: normal;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-features {
margin-bottom: 50px;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-features li {
color: var(--dark_primary_text_color);
font-weight: 500;
margin-bottom: 20px;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-features li:last-child {
margin-bottom: 0;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-features li img {
width: 20px;
margin-right: 10px;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-features li i {
color: #43a047;
margin-right: 10px;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-bottom-content {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 0px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 0px 50px 0px rgba(33, 30, 30, 0.2);
padding: 50px 30px 30px;
border-radius: 6px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@media only screen and (max-width: 1199px) {
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-bottom-content {
padding: 40px 20px 30px;
}
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-bottom-content .rtin-price {
font-size: 50px;
color: var(--dark_primary_text_color);
font-weight: 700;
margin-bottom: 10px;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-bottom-content .rtin-price span {
font-size: 18px;
color: #646464;
font-weight: 400;
}
.rtel-pricing-plan-2 .rtin-pricing-plan:hover .rtin-bottom-content {
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
}
.rtel-pricing-plan-2 .rtin-pricing-plan:hover .rtin-bottom-content .rtin-price {
color: var(--light_primary_text_color);
}
.rtel-pricing-plan-2 .rtin-pricing-plan:hover .rtin-bottom-content .rtin-price span {
color: var(--light_primary_text_color);
}
.rtel-pricing-plan-2 .rtin-pricing-plan:hover .rtin-bottom-content .btn-fill {
background: var(--light_primary_text_color);
color: var(--dark_primary_text_color);
}
.rtel-pricing-plan-2 .rtin-pricing-plan:hover .rtin-bottom-content .btn-fill:hover {
color: var(--light_primary_text_color);
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-tag {
color: var(--light_primary_text_color);
font-weight: 700;
font-size: 13px;
padding: 2px 20px;
display: inline-block;
border-radius: 6px;
margin-bottom: 40px;
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-bottom-content {
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-bottom-content .rtin-price {
color: var(--light_primary_text_color);
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-bottom-content .rtin-price span {
color: var(--light_primary_text_color);
}
.rtel-pricing-plan-2 .rtin-pricing-plan .rtin-bottom-content .btn-fill {
background: var(--light_primary_text_color);
color: var(--dark_primary_text_color);
border: 1px solid #ffffff;
} .rtel-pricing-plan-3 .rtin-pricing-plan {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 15px 43px 0px rgba(204, 204, 204, 0.45);
box-shadow: 0px 15px 43px 0px rgba(204, 204, 204, 0.45);
border-radius: 4px;
padding: 56px 50px 60px;
text-align: center;
margin-bottom: 30px;
}
@media only screen and (max-width: 575px) {
.rtel-pricing-plan-3 .rtin-pricing-plan {
padding: 56px 30px 60px;
}
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 5px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-price {
position: relative;
margin-bottom: 10px;
line-height: 1;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-price .currency {
font-size: 30px;
color: #a5a5a5;
margin-right: 4px;
position: relative;
bottom: 7px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-price .price {
font-size: 72px;
color: #000000;
font-family: Nunito, sans-serif;
font-weight: 800;
}
@media only screen and (max-width: 1199px) {
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-price .price {
font-size: 50px;
}
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-price .duration {
color: #a5a5a5;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-features {
margin-bottom: 20px;
margin-top: 30px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-features li {
color: #646464;
font-size: 16px;
margin-bottom: 10px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-features li img {
width: 20px;
margin-right: 10px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-features li i {
margin-right: 10px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .rtin-features li:last-child {
margin-bottom: 0;
}
@media only screen and (max-width: 1199px) {
.rtel-pricing-plan-3 .rtin-pricing-plan .ghost-btn-2 {
font-size: 14px;
}
}
.rtel-pricing-plan-3 .rtin-pricing-plan .top-section {
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/pricing3_bg.png);
display: inline-block;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 20px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .top-section i,
.rtel-pricing-plan-3 .rtin-pricing-plan .top-section i:before {
display: inline-block;
font-size: 45px;
color: #ffffff;
transform: scale(1);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .top-section .icon_shape {
background-image: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/pricing3_shape3.png);
padding: 36px;
margin: 12px;
background-repeat: no-repeat;
background-size: contain;
position: relative;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .top-section .icon_shape:before {
position: absolute;
left: 18px;
top: 70px;
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/pricing3_shape1.png);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-pricing-plan-3 .rtin-pricing-plan .top-section .icon_shape:after {
position: absolute;
right: 0;
top: 17px;
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/pricing3_shape2.png);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.rtel-pricing-plan-3 .rtin-pricing-plan:hover .top-section .icon_shape:before {
left: 15px;
top: 60px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan:hover .top-section .icon_shape:after {
right: 0;
top: 27px;
}
.rtel-pricing-plan-3 .rtin-pricing-plan:hover .top-section i,
.rtel-pricing-plan-3 .rtin-pricing-plan:hover .top-section i:before {
transform: scale(1.06);
} .rtel-pricing-plan-4 {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 2px 10px 0px #cfe0ea;
box-shadow: 0px 2px 10px 0px #cfe0ea;
border-radius: 4px;
padding: 45px 50px 60px;
text-align: center;
margin-bottom: 30px;
}
@media only screen and (max-width: 1199px) {
.rtel-pricing-plan-4 {
padding: 45px 30px 60px;		
}
}
@media only screen and (max-width: 1024px) {
.rtel-pricing-plan-4 {		
max-width: 440px;
margin: 0 auto 30px;
}
}
@media only screen and (max-width: 768px) {
.rtel-pricing-plan-4 {		
max-width: 394px;
margin: 0 auto 30px;
}
}
.rtel-pricing-plan-4 .rtin-title {
color: var(--dark_primary_text_color);
letter-spacing: 1px;
}
@media( max-width: 1199px ){	
.rtel-pricing-plan-4 .rtin-title {
font-size: 22px;
}
.rtel-pricing-plan-4 .rtin-price-box .price {
font-size: 40px;
}
}
@media( max-width: 1024px ){	
.rtel-pricing-plan-4 .rtin-title {
font-size: 28px;
}
.rtel-pricing-plan-4 .rtin-price-box .price {
font-size: 62px;
}
}
.rtel-pricing-plan-4 .rtin-price-box {
position: relative;
margin-bottom: 22px;
}
.rtel-pricing-plan-4 .rtin-price-box .rtin-price-info {
position: absolute;
left: 0;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.rtel-pricing-plan-4 .rtin-price-box path {
fill: var(--primary_color);
}
.rtel-pricing-plan-4 .rtin-price-box .currency {
font-weight: 300;
color: var(--light_primary_text_color);
font-size: 36px;
vertical-align: top;
}
@media only screen and (max-width: 1199px) {
.rtel-pricing-plan-4 .rtin-price-box .currency {
font-size: 30px;
}
}
.rtel-pricing-plan-4 .rtin-price-box .price {
font-size: 62px;
font-weight: 500;
color: var(--light_primary_text_color);
line-height: 0.7;
margin-right: 5px;
}
@media only screen and (max-width: 1199px) {
.rtel-pricing-plan-4 .rtin-price-box .price {
font-size: 42px;
}
}
.rtel-pricing-plan-4 .rtin-price-box .cent {
vertical-align: top;
font-size: 24px;
color: var(--light_primary_text_color);
position: relative;
top: -10px;
}
.rtel-pricing-plan-4 .rtin-price-box .duration {
color: var(--light_primary_text_color);
position: relative;
bottom: 0px;
right: 10px;
}
.rtel-pricing-plan-4 .rtin-features li {
font-size: 16px;
color: #444444;
margin-bottom: 16px;
}
.rtel-pricing-plan-4 .rtin-features li img {
width: 20px;
margin-right: 10px;
}
.rtel-pricing-plan-4 .rtin-features li i {
margin-right: 10px;
color: var(--primary_color);
}
.rtel-pricing-plan-5 .rtin-pricing-plan {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
text-align: center;
padding: 60px 80px;
border-radius: 6px;
position: relative;
z-index: 1;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
overflow: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media screen and (max-width: 1300px) {
.rtel-pricing-plan-5 .rtin-pricing-plan {
padding: 50px;
}
}
@media screen and (max-width: 1200px) {
.rtel-pricing-plan-5 .rtin-pricing-plan {
padding: 30px;
}
}
@media screen and (max-width: 1140px) {
.rtel-pricing-plan-5 .rtin-pricing-plan {
padding: 30px 15px;
}
}
@media screen and (max-width: 768px) {
.rtel-pricing-plan-5 .rtin-pricing-plan {
max-width: 305px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.rtel-pricing-plan-5 .rtin-pricing-plan {
max-width: 100%;
margin: 0 auto;
}
}
@media screen and (max-width: 1140px) {
.rtel-pricing-plan-5 .rtin-pricing-plan {
margin-bottom: 15px;
}
}
.rtel-pricing-plan-5 .rtin-pricing-plan .price_and_currency {
color: var(--dark_primary_text_color);
font-size: 72px;
line-height: 1;
display: flex;
justify-content: center;
}
.rtel-pricing-plan-5 .rtin-pricing-plan .price_and_currency .currency {
font-size: 36px;
margin-top: 10px;
}
.rtel-pricing-plan-5 .rtin-pricing-plan .price_and_currency .price {
font-size: inherit;
font-weight: bold;
}
.rtel-pricing-plan-5 .rtin-pricing-plan .duration {
font-size: 16px;
color: #969696;
}
.rtel-pricing-plan-5 .rtin-pricing-plan .rtin-title {
font-size: 20px;
background-color: #f2f2f2;
border-radius: 30px;
padding: 10px 32px;
display: inline-block;
margin-top: 10px;
margin-bottom: 20px;
font-weight: 600;
}
.rtel-pricing-plan-5 .rtin-pricing-plan ul.rtin-features {
text-align: center;
padding: 0 25px;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-pricing-plan-5 .rtin-pricing-plan ul.rtin-features li {
text-align: center;
position: relative;
margin-bottom: 16px;
}
.rtel-pricing-plan-5 .rtin-pricing-plan ul.rtin-features li .icon-wrapper {
position: relative;
width: 20px;
height: 20px;
}
@media screen and (max-width: 991px) {
.rtel-pricing-plan-5 .rtin-pricing-plan ul.rtin-features li .icon-wrapper {
position: static;
}
}
.rtel-pricing-plan-5 .rtin-pricing-plan ul.rtin-features li .icon-wrapper img {
max-width: 100%;
max-height: 100%;
}
@media only screen and (max-width: 1199px) {
.rtel-title-subtitle-text-button-1 {
margin-bottom: 40px;
text-align: center;
}
}
.rtel-title-subtitle-text-button-1 .rtin-subtitle {
margin-bottom: 5px;
}
.rtel-title-subtitle-text-button-1 .rtin-title {
margin-bottom: 24px;
font-weight: 800;
} .rtel-testimonial-1 .rtin-testimonial-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
position: relative;
}
.rtel-testimonial-1 .rtin-testimonial-left img {
max-height: 550px;
}
@media only screen and (max-width: 991px) {
.rtel-testimonial-1 .rtin-testimonial-left {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.rtel-testimonial-1 .rtin-testimonial-left:after {
content: "\201C";
font-family: var(--heading_font);
font-size: 120px;
color: var(--accent_color);
height: 110px;
width: 110px;
line-height: 1.3;
background-color: #ffffff;
border: 10px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 0 12px 0 rgba(222,222,222, 0.33);
border-radius: 50%;
text-align: center;
position: absolute;
top: 0;
right: 5px;
-webkit-animation: pulse infinite 2000ms;
animation: pulse infinite 2000ms;
}
@media only screen and (max-width: 991px) {
.rtel-testimonial-1 .rtin-testimonial-left:after {
display: none;
}
}
.rtel-testimonial-1 .rtin-testimonial-right {
padding: 40px;
}
@media only screen and (max-width: 991px) {
.rtel-testimonial-1 .rtin-testimonial-right {
text-align: center;
}
}
@media only screen and (max-width: 425px) {
.rtel-testimonial-2 .slick-carousel-content .testimonial-content,
.rtel-testimonial-1 .rtin-testimonial-right {
padding: 40px 15px;
}
}
.rtel-testimonial-1 .rtin-testimonial-right .single-testimonial .item-paragraph {
font-size: 18px;
font-style: italic;
margin-bottom: 30px;
}
.rtel-testimonial-1 .rtin-testimonial-right .single-testimonial .item-title {
font-size: 24px;
color: var(--primary_color);
margin-bottom: 5px;
font-weight: 800;
line-height: 1.4;
}
.rtel-testimonial-1 .rtin-testimonial-right .single-testimonial .item-subtitle  {
color: var(--body_meta_color);
}
.rtel-testimonial-1 .dot-control-layout1 {
position: relative;
}
.rtel-testimonial-1 .dot-control-layout1 .owl-dots {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media only screen and (max-width: 991px) {
.rtel-testimonial-1 .dot-control-layout1 .owl-dots {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.rtel-testimonial-1 .dot-control-layout1 .owl-dots button {
height: 14px;
width: 14px;
padding: 0;
margin: 0 3px;
background-color: #d9e6ee;
border: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-testimonial-1 .dot-control-layout1 .owl-dots button:focus {
outline: none;
}
.rtel-testimonial-1 .dot-control-layout1 .owl-dots button.active {
background-color: var(--accent_color);
}
.rtel-testimonial-2 .slick-carousel-content .slick-slide > div {
text-align: center;
width: 100%;
}
.rtel-testimonial-2 .slick-carousel-content .testimonial-content {
position: relative;
text-align: center;
background-color: var(--light_primary_text_color);
border-radius: 6px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
padding: 60px 65px;
margin: 0 10px 20px;
width: auto !important;
z-index: 2;
}
@media( width: 425px ){
.rtel-testimonial-2 .slick-carousel-content .testimonial-content {
padding: 40px 25px;
}
}
.rtel-testimonial-2 .slick-carousel-content .testimonial-content p {
font-style: italic;
}
.rtel-testimonial-2 .slick-carousel-content .testimonial-content .item-title {
font-size: 24px;
color: var(--primary_color);
margin-bottom: 2px;
font-weight: 800;
line-height: 1.4;
}
@media only screen and (max-width: 991px) {
.rtel-testimonial-2 .slick-carousel-content .testimonial-content .item-title {
font-size: 22px;
}
}
@media only screen and (max-width: 767px) {
.rtel-testimonial-2 .slick-carousel-content .testimonial-content .item-title {
font-size: 20px;
}
}
.rtel-testimonial-2 .slick-carousel-content .testimonial-content .item-subtitle {
color: var(--body_meta_color);
}
.rtel-testimonial-2 .slick-carousel-content .testimonial-content:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/essential/quote.png);
position: absolute;
top: 40px;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.rtel-testimonial-2 .slick-carousel-nav {
padding: 0 10px;
width: 45%;
margin: auto;
}
@media screen and (max-width: 991px) {
.rtel-testimonial-2 .slick-carousel-nav {
width: 50%;
}
}
@media screen and (max-width: 767px) {
.rtel-testimonial-2 .slick-carousel-nav {
width: 60%;
}
}
.rtel-testimonial-2 .slick-carousel-nav .nav-item {
margin: 20px 0;
cursor: pointer;
}
.rtel-testimonial-2 .slick-carousel-nav .nav-item img {
border-radius: 50%;
border: 5px solid var(--light_primary_text_color);
-webkit-box-shadow: 0px 7px 9px 0px rgba(200, 200, 200, 0.75);
box-shadow: 0px 7px 9px 0px rgba(200, 200, 200, 0.75);
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-testimonial-2 .slick-carousel-nav .slick-list {
overflow: visible !important;
}
.rtel-testimonial-2 .slick-carousel-nav .slick-list .slick-track {
margin: 0 auto;
-webkit-transform: none !important;
transform: none !important;
}
.rtel-testimonial-2 .slick-carousel-nav .slick-current .nav-item img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
position: relative;
z-index: 2;
border-color: var(--accent_color);
}
.rtel-testimonial-3 .dot-control-layout2 {
position: relative;
}
.rtel-testimonial-3 .dot-control-layout2 .owl-dots {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
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;
}
.rtel-testimonial-3 .dot-control-layout2 .owl-dots button {
height: 14px;
width: 14px;
padding: 0;
margin: 0 3px;
background-color: #d9e6ee;
border: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-testimonial-3 .dot-control-layout2 .owl-dots button:focus {
outline: none;
}
.rtel-testimonial-3 .dot-control-layout2 .owl-dots button.active {
background-color: var(--accent_color);
height: 20px;
width: 20px;
}
.rtel-testimonial-3 .testimonial-box-layout {
background-color: var(--light_primary_text_color);
padding: 60px 70px 40px;
-webkit-box-shadow: 0px 1px 21px 0px rgba(233, 233, 233, 0.75);
box-shadow: 0px 1px 21px 0px rgba(233, 233, 233, 0.75);
border-radius: 4px;
position: relative;
margin: 10px;
text-align: center;
}
@media only screen and (max-width: 575px) {
.rtel-testimonial-3 .testimonial-box-layout {
padding: 60px 40px 40px;
}
}
.rtel-testimonial-3 .testimonial-box-layout .rtin-paragraph {
font-size: 18px;
font-style: italic;
margin-bottom: 30px;
}
.rtel-testimonial-3 .testimonial-box-layout .media {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.rtel-testimonial-3 .testimonial-box-layout .media .rtin-img {
width: 70px;
height: 70px;
}
.rtel-testimonial-3 .testimonial-box-layout .media .rtin-img img {
border-radius: 50%;
display: inline-block;
}
.rtel-testimonial-3 .testimonial-box-layout .media .media-body {
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
text-align: left;
}
.rtel-testimonial-3 .testimonial-box-layout .media .media-body .rtin-title {
font-size: 20px;
color: #000000;
margin-bottom: 0;
}
@media only screen and (max-width: 575px) {
.rtel-testimonial-3 .testimonial-box-layout .media .media-body {
text-align: center;
}
}
.rtel-testimonial-3 .testimonial-box-layout:before {
content: "\F10E";
font-family: "Font Awesome 5 Free";
font-size: 40px;
font-weight: 600;
color: #e6e6e6;
position: absolute;
bottom: 26px;
right: 60px;
}
@media only screen and (max-width: 575px) {
.rtel-testimonial-3 .testimonial-box-layout:before {
display: none;
}
}
.rtel-testimonial-3 .testimonial-box-layout:after {
content: "";
height: 100%;
width: 95%;
background-color: #f3f3f3;
border-radius: 4px;
position: absolute;
bottom: -10px;
left: 0;
right: 0;
margin: auto;
z-index: -1;
}
.rtel-testimonial-4 .testimonial-box-layout {
text-align: center;
}
.rtel-testimonial-4 .testimonial-box-layout .image-with-meta .rtin-img {
text-align: center;
margin-bottom: 25px;
}
.rtel-testimonial-4 .testimonial-box-layout .image-with-meta .rtin-img img {
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
-webkit-box-shadow: 4px 4px 10px 10px rgba(240, 240, 240, 0.5);
box-shadow: 4px 4px 10px 10px rgba(240, 240, 240, 0.5);
}
.rtel-testimonial-4 .testimonial-box-layout .image-with-meta .title-subtitle {
margin-bottom: 25px;
}
.rtel-testimonial-4 .testimonial-box-layout .image-with-meta .title-subtitle .rtin-title {
font-size: 24px;
color: var(--dark_primary_text_color);
margin-bottom: 0;
}
.rtel-testimonial-4 .testimonial-box-layout .image-with-meta .title-subtitle .rtin-subtitle {
font-size: 16px;
color: var(--body_text_color);
font-weight: 300;
}
.rtel-testimonial-4 .testimonial-box-layout .image-with-meta .rtin-paragraph {
color: #444;
}
.rtel-testimonial-4 .dot-control-layout2 {
position: relative;
}
.rtel-testimonial-4 .dot-control-layout2 .owl-dots {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
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;
}
.rtel-testimonial-4 .dot-control-layout2 .owl-dots button {
height: 14px;
width: 14px;
padding: 0;
margin: 0 3px;
background-color: #d9e6ee;
border: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-testimonial-4 .dot-control-layout2 .owl-dots button:focus {
outline: none;
}
.rtel-testimonial-4 .dot-control-layout2 .owl-dots button.active {
background-color: var(--accent_color);
} .rtel-testimonial-5 .dot-control-layout2 {
position: relative;
}
.rtel-testimonial-5 .dot-control-layout2 .owl-dots {
position: absolute;
bottom: -50px;
left: 0;
right: 0;
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;
}
.rtel-testimonial-5 .dot-control-layout2 .owl-dots button {
height: 14px;
width: 14px;
padding: 0;
margin: 0 3px;
background-color: #d9e6ee;
border: none;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-testimonial-5 .dot-control-layout2 .owl-dots button:focus {
outline: none;
}
.rtel-testimonial-5 .dot-control-layout2 .owl-dots button.active {
background-color: var(--accent_color);
height: 20px;
width: 20px;
}
.rtel-testimonial-5 .testimonial-box-layout {
background-color: var(--light_primary_text_color);
padding: 60px 40px 35px;
-webkit-box-shadow: 0px 5px 15px 0px rgba(233, 233, 233, 0.75);
box-shadow: 0px 5px 15px 0px rgba(233, 233, 233, 0.75);
border-radius: 6px;
position: relative;
margin: 35px 10px 20px;
}
.rtel-testimonial-5 .owl-carousel .owl-stage-outer {
padding: 0 10px;
width: calc(100% + 15px);
margin-left: -20px;
}
@media(max-width: 1199px) {
.rtel-testimonial-5 .owl-carousel .owl-stage-outer {
padding: 0;
width: inherit;
margin-left: 0;
}
}
.rtel-testimonial-5 .testimonial-box-layout .rtin-paragraph {
font-size: 18px;
font-style: italic;
margin-bottom: 15px;
}
.rtel-testimonial-5 .testimonial-box-layout .rtin-img {
width: 70px;
height: 70px;
position: absolute;
top: -33px;
z-index: 2;
}
.rtel-testimonial-5 .owl-item:nth-child(odd) .testimonial-box-layout .rtin-img:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/test5_shape2.png);
position: absolute;
left: 0;
bottom: -25px;
z-index: -1;
}
.rtel-testimonial-5 .owl-item:nth-child(even) .testimonial-box-layout .rtin-img:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/test5_shape1.png);
position: absolute;
left: 0;
bottom: -25px;
z-index: -1;
}
.rtel-testimonial-5 .testimonial-box-layout .rtin-img img {
border-radius: 50%;
display: inline-block;
}
.rtel-testimonial-5 .testimonial-box-layout .media .media-body {
-webkit-box-flex: inherit;
-ms-flex: inherit;
flex: inherit;
text-align: left;
margin-left: 0;
}
.rtel-testimonial-5 .testimonial-box-layout .media .media-body .rtin-title {
font-size: 20px;
color: #000000;
margin-bottom: 0;
}
.rtel-testimonial-5 .testimonial-box-layout:before {
content: "\f10d";
font-family: "Font Awesome 5 Free";
font-size: 40px;
font-weight: 600;
color: #e6e6e6;
position: absolute;
bottom: 45px;
right: 60px;
} .rtel-blog-post-1 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-blog-post-1 .blog-box-layout1 {
position: relative;
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
margin-bottom: 30px;
border-radius: 6px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.8s ease-out;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-img {
padding: 30px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-img img {
border-radius: 6px;
}
@media ( max-width:768px ){
.rtel-blog-post-1 .blog-box-layout1 .rtin-img img {
width: 100%;
}
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content {
padding: 25px 30px;
position: relative;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .rtin-author {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_light)), to(var(--gradient_2_dark)));
background: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
background-color: var(--primary_color);
padding: 6px 30px 6px 10px;
border-radius: 0 6px 6px 6px;
-webkit-box-shadow: 0px 15px 15px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 15px 15px 0px rgba(33, 30, 30, 0.15);
position: absolute;
top: -50px;
left: 30px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .rtin-author.no-image {
position: static;
margin-bottom: 30px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .rtin-author .author-img {
margin-right: 10px;
position: relative;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .rtin-author .author-img img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .rtin-author span {
display: block;
color: var(--light_primary_text_color);
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .entry-meta {
margin-bottom: 8px;
margin-top: -10px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .entry-meta.no-image {
margin-bottom: 8px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .entry-meta li {
display: inline-block;
margin-right: 15px;
color: var(--body_meta_color);
margin-bottom: 5px;
font-size: 14px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .entry-meta li a {
color: var(--body_meta_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .entry-meta li i {
color: var(--primary_color);
margin-right: 2px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .post-title {
font-size: 24px;
margin-bottom: 10px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .post-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .post-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content p {
margin-bottom: 0px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .action-area {
margin-top: 15px;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .action-area .rtin-btn {
color: var(--primary_color);
font-size: 16px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 500;
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .action-area .rtin-btn i {
color: var(--accent_color);
margin-left: 8px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;  
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .action-area .rtin-btn:hover {
color: var(--accent_color);
}
.rtel-blog-post-1 .blog-box-layout1 .rtin-content .action-area .rtin-btn:hover i {
color: var(--primary_color);  
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.rtel-blog-post-1 .blog-box-layout1:after {
content: "";
height: 5px;
width: 0%;
background-color: var(--primary_color);
border-radius: 4px 0 0 4px;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-1 .blog-box-layout1:before {
content: "";
height: 0%;
width: 5px;
background-color: var(--primary_color);
border-radius: 4px 4px 0 0;
position: absolute;
top: 0;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-1 .blog-box-layout1 .hover-border:after {
content: "";
height: 5px;
width: 0%;
background-color: var(--primary_color);
border-radius: 0 4px 4px 0;
position: absolute;
bottom: 0;
right: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-1 .blog-box-layout1 .hover-border:before {
content: "";
height: 0%;
width: 5px;
background-color: var(--primary_color);
border-radius: 0 0 4px 4px;
position: absolute;
bottom: 0;
right: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-1 .blog-box-layout1:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.rtel-blog-post-1 .blog-box-layout1:hover:after {
visibility: visible;
opacity: 1;
width: 50%;
}
.rtel-blog-post-1 .blog-box-layout1:hover:before {
visibility: visible;
opacity: 1;
height: 30%;
}
.rtel-blog-post-1 .blog-box-layout1:hover .hover-border:after {
visibility: visible;
opacity: 1;
width: 50%;
}
.rtel-blog-post-1 .blog-box-layout1:hover .hover-border:before {
visibility: visible;
opacity: 1;
height: 30%;
}
.rtel-blog-post-2 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-img a img {
border-radius: 6px 6px 0 0;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content {
padding: 45px 40px 40px;
position: relative;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .rtin-category-wrapper {
display: inline-block;
position: absolute;
top: -21px;
left: 40px;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .rtin-category-wrapper.no-image {
position: static;
margin-bottom: 35px;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .rtin-category-wrapper .rtin-category {
color: var(--light_primary_text_color);
border-radius: 6px;
display: inline-block;
padding: 5px 30px;
margin: 2px 1px;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .rtin-category-wrapper .rtin-category a {
color: var(--light_primary_text_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .entry-meta {
margin-bottom: 22px;
padding-bottom: 10px;
border-bottom: 1px solid #d9d9d9;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .entry-meta li {
display: inline-block;
margin-right: 22px;
margin-bottom: 8px;
font-size: 14px;
color: var(--body_meta_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .entry-meta li a {
color: var(--body_meta_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .entry-meta li i {
color: var(--primary_color);
margin-right: 10px;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .action-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-btn {
color: var(--primary_color);
font-size: 14px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-btn i {
color: var(--accent_color);
margin-left: 8px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-btn:hover {
color: var(--accent_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-btn:hover i {
color: var(--primary_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-comment {
color: var(--primary_color);
font-size: 15px;
}
.rtel-blog-post-2 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-comment i {
color: var(--primary_color);
margin-right: 8px;
}
.rtin-blog-box-layout2 p {
margin-bottom: 12px;
}
.rtel-blog-post-2 .rtin-blog-box-layout2:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.rtel-blog-post-2 .rtin-blog-box-layout3 {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content {
padding: 40px 40px 32px;
position: relative;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .rtin-category {
color: var(--light_primary_text_color);
border-radius: 6px;
display: inline-block;
padding: 5px 30px;
margin-bottom: 20px;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .rtin-category a {
color: var(--light_primary_text_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .rtin-title {
margin-bottom: 14px;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .entry-meta {
margin-bottom: 22px;
padding-bottom: 10px;
border-bottom: 1px solid #d9d9d9;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .entry-meta li {
display: inline-block;
margin-right: 22px;
margin-bottom: 8px;
font-size: 14px;
color: var(--body_meta_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .entry-meta li a {
color: var(--body_meta_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .entry-meta li i {
color: var(--primary_color);
margin-right: 10px;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .action-area {
display: -webkit-box;
margin-bottom: 2px;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .action-area .rtin-btn {
color: var(--primary_color);
font-size: 14px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .action-area .rtin-btn i {
color: var(--accent_color);
margin-left: 8px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .action-area .rtin-btn:hover {
color: var(--accent_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .action-area .rtin-btn:hover i {
color: var(--primary_color);
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .action-area .rtin-comment {
color: var(--primary_color);
font-size: 15px;
}
.rtel-blog-post-2 .rtin-blog-box-layout3 .rtin-content .action-area .rtin-comment i {
color: var(--primary_color);
margin-right: 8px;
}
.rtel-blog-post-2 .rtin-blog-box-layout3:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.rtel-blog-post-3 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0px;
}
.rtel-blog-post-3 .blog-box-3 .rtin-img {
overflow: hidden;
}
.rtel-blog-post-3 .blog-box-3 .rtin-img a {
display: inline-block;
}
.rtel-blog-post-3 .blog-box-3 .rtin-img a img {
border-radius: 4px;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media( max-width:991px ){
.rtel-blog-post-3 .blog-box-3 .rtin-img ,
.rtel-blog-post-3 .blog-box-3 .rtin-img a,
.rtel-blog-post-3 .blog-box-3 .rtin-img a img {
width:100%;
}
}
.rtel-blog-post-3 .blog-box-3 .entry-meta li a { color: var(--body_meta_color); }
.rtel-blog-post-3 .blog-box-3 .entry-meta li a:hover { color: var(--primary_color); }
.rtel-blog-post-3 .blog-box-3 .rtin-content {
background-color: #fafafa;
margin: 0 12px;
border-radius: 4px;
padding: 25px 30px 30px;
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
@media( max-width: 767px ){
.rtel-blog-post-3 .blog-box-3 .rtin-content {
margin: 0 25px 0 25px;
border-radius: 8px;
-webkit-transform: translateY(-22px);
transform: translateY(-22px);
}	
}
@media (max-width: 360px) {
.rtel-blog-post-3 .blog-box-3 .rtin-content {
margin: 0 15px 0 15px;
}
}
@media (max-width: 375px) {
.rtel-blog-post-3 .blog-box-3 .rtin-content {
margin: 0 18px 0 18px;
}	
}
@media( max-width: 425px ){
.rtel-blog-post-3 .blog-box-3 .rtin-content {
margin: 0 20px 0 23px;
border-radius: 8px;
-webkit-transform: translateY(-22px);
transform: translateY(-22px);
}	
}
@media( max-width: 480px ){
.rtel-blog-post-3 .blog-box-3 .rtin-content {
margin: 0 10px 0 10px;
border-radius: 8px;
-webkit-transform: translateY(-22px);
transform: translateY(-22px);
}	
}
.rtel-blog-post-3 .blog-box-3 .rtin-content .entry-meta li {
display: inline-block;
margin-right: 20px;
margin-bottom: 5px;
font-size: 14px;
color: var(--body_meta_color);
}
.rtel-blog-post-3 .blog-box-3 .rtin-content .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-3 .blog-box-3 .rtin-content .entry-meta li i {
color: var(--primary_color);
margin-right: 8px;
}
.rtel-blog-post-3 .blog-box-3 .rtin-content .rtin-title {
margin-bottom: 15px;
font-size: 24px;
font-weight: 800;
}
.rtel-blog-post-3 .blog-box-3 .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 800;
}
.rtel-blog-post-3 .blog-box-3 .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-3 .blog-box-3:hover .rtin-img img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.rtel-blog-post-4 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-blog-post-4 .first-post-section {
margin-bottom: 30px;
}
.rtel-blog-post-4 .first-post-section .rtin-img {
margin-bottom: 16px;
overflow: hidden;
width: 100%;
}
.rtel-blog-post-4 .first-post-section .rtin-img a {
display: block;
}
.rtel-blog-post-4 .first-post-section .rtin-img a img {
border-radius: 4px;
-webkit-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-4 .first-post-section .rtin-content .entry-meta {
margin-bottom: 5px;
}
.rtel-blog-post-4 .first-post-section .rtin-content .entry-meta li {
display: inline-block;
margin-right: 25px;
margin-bottom: 10px;
font-size: 14px;
color: var(--body_meta_color);
}
.rtel-blog-post-4 .first-post-section .rtin-content .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-4 .first-post-section .rtin-content .entry-meta li i {
color: var(--primary_color);
margin-right: 10px;
}
.rtel-blog-post-4 .first-post-section .rtin-content .entry-meta li a {
color: var(--body_meta_color);
}
.rtel-blog-post-4 .first-post-section .rtin-content .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-4 .first-post-section .rtin-content .rtin-title {
margin-bottom: 12px;
font-size: 24px;
}
.rtel-blog-post-4 .first-post-section .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-4 .first-post-section .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-4 .first-post-section:hover .rtin-img a img {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg);
}
.rtel-blog-post-4 .others-post-section .media {
margin-bottom: 20px;
}
.rtel-blog-post-4 .others-post-section .media .rtin-img {
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.rtel-blog-post-4 .others-post-section .media .rtin-img {
text-align: center;
}
}
.rtel-blog-post-4 .others-post-section .media .rtin-img a {
display: block;
}
.rtel-blog-post-4 .others-post-section .media .rtin-img a img {
border-radius: 4px;
}
@media screen and (min-width: 768px) {
.rtel-blog-post-4 .others-post-section .media .rtin-img a img {
width: 200px;
}
}
@media only screen and (max-width: 767px) {
.rtel-blog-post-4 .others-post-section .media .media-body {
text-align: center;
}
}
.rtel-blog-post-4 .others-post-section .media .media-body .entry-meta li {
display: inline-block;
margin-right: 25px;
margin-bottom: 8px;
font-size: 14px;
color: var(--body_meta_color);
}
.rtel-blog-post-4 .others-post-section .media .media-body .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-4 .others-post-section .media .media-body .entry-meta li a {
color: var(--body_meta_color);
}
.rtel-blog-post-4 .others-post-section .media .media-body .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-4 .others-post-section .media .media-body .entry-meta li i {
color: var(--primary_color);
margin-right: 10px;
}
.rtel-blog-post-4 .others-post-section .media .media-body .rtin-title {
margin-bottom: 5px;
font-size: 24px;
line-height: 1.2;
}
.rtel-blog-post-4 .others-post-section .media .media-body .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-4 .others-post-section .media .media-body .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-4 .others-post-section .media .media-body p {
margin-bottom: 0;
}
.rtel-blog-post-5 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-img a img {
border-radius: 6px 6px 0 0;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content {
padding: 35px 30px 20px 30px;
position: relative;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .rtin-category-wrapper {
display: inline-block;
position: absolute;
top: -21px;
left: 40px;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .rtin-category-wrapper.no-image {
position: static;
margin-bottom: 35px;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .rtin-category-wrapper .rtin-category {
color: var(--light_primary_text_color);
border-radius: 6px;
display: inline-block;
padding: 5px 30px;
margin: 2px 1px;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .rtin-category-wrapper .rtin-category a {
color: var(--light_primary_text_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .rtin-title h3 {
margin-bottom: 13px;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .entry-meta li {
display: inline-block;
margin-right: 22px;
margin-bottom: 8px;
font-size: 14px;
color: var(--body_meta_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .entry-meta li i {
color: var(--primary_color);
margin-right: 3px;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .entry-meta li a {
color: var(--body_meta_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .action-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-btn {
color: var(--primary_color);
font-size: 16px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
font-weight: 500;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-btn i {
color: var(--accent_color);
margin-left: 8px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-btn:hover {
color: var(--accent_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-btn:hover i {
color: var(--primary_color);
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px); 
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-comment {
color: #b4b4b4;
font-size: 15px;
}
.rtel-blog-post-5 .rtin-blog-box-layout2 .rtin-content .action-area .rtin-comment i {
color: #b4b4b4;
margin-right: 8px;
}
.rtel-blog-post-5 .rtin-blog-box-layout2:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
}
.rtel-blog-post-5 .rtin-blog-box-layout3 {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
box-shadow: 0px 0px 10px 0px rgba(33, 30, 30, 0.15);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
@media(max-width:1024px){
.rtin-blog-box-layout3 p {
display: none;
}
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content {
padding: 30px 30px 12px 30px;
position: relative;
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .rtin-category {
color: var(--light_primary_text_color);
border-radius: 6px;
display: inline-block;
padding: 5px 30px;
margin-bottom: 20px;
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .rtin-category a {
color: var(--light_primary_text_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .rtin-title {
margin-bottom: 14px;
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .rtin-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .rtin-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .entry-meta li {
display: inline-block;
margin-right: 22px;
margin-bottom: 8px;
font-size: 14px;
color: var(--body_meta_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .entry-meta li i {
margin-right: 3px;
color: var(--primary_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .entry-meta li a {
color: var(--body_meta_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout3 .rtin-content .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-5 .rtin-blog-box-layout3:hover {
-webkit-box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
box-shadow: 0px 25px 50px 0px rgba(33, 30, 30, 0.2);
} .rtel-blog-post-6 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-blog-post-6 .rtin-blog-box {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-6 .rtin-blog-box .item-img {
border-radius: 6px 6px 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}
.rtel-blog-post-6 .rtin-blog-box .item-img img,
.rtel-blog-post-6 .rtin-blog-box .item-img a img {
border-radius: 6px 6px 0 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-6 .rtin-blog-box .item-content {
padding: 30px 35px 35px;
border: 1px solid #e5e5e5;
border-radius: 0 0 6px 6px;
position: relative;
margin-top: -1px;
}
.rtel-blog-post-6 .rtin-blog-box .item-img .item-category {
position: absolute;
left: 35px;
top: 35px;
}
.rtel-blog-post-6 .rtin-blog-box .item-img .item-category a {
position: relative;
display: inline-block;
font-weight: 500;
font-size: 14px;
color: var(--dark_primary_text_color);
border-radius: 4px;
z-index: 1;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: var(--light_primary_text_color);
padding: 8px 15px 5px;
}
.rtel-blog-post-6 .rtin-blog-box .item-img .item-category a i {
margin-left: 10px;
}
.rtel-blog-post-6 .rtin-blog-box .item-img .item-category a:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_light)), to(var(--gradient_2_dark)));
background: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-6 .rtin-blog-box .item-img .item-category a:hover {
color: var(--light_primary_text_color);
}
.rtel-blog-post-6 .rtin-blog-box .item-img .item-category a:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 767px) {
.rtel-blog-post-6 .rtin-blog-box .item-img .item-category a {
padding: 12px 20px;
}
}
.rtel-blog-post-6 .rtin-blog-box .item-content .item-title {
margin-bottom: 20px;
font-size: 26px;
font-weight: 800;
}
.rtel-blog-post-6 .rtin-blog-box .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-6 .rtin-blog-box .item-content .item-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-6 .rtin-blog-box .item-content .entry-meta {
margin-bottom: 0px;
}
.rtel-blog-post-6 .rtin-blog-box .item-content .entry-meta li {
display: inline-block;
margin-right: 20px;
margin-bottom: 10px;
font-size: 14px;
color: var(--body_meta_color);
}
.rtel-blog-post-6 .rtin-blog-box .item-content .entry-meta li:last-child {
margin-right: 0;
}
.rtel-blog-post-6 .rtin-blog-box .item-content .entry-meta li a {
color: var(--body_meta_color);
}
.rtel-blog-post-6 .rtin-blog-box .item-content .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-6 .rtin-blog-box .item-content .entry-meta li i {
color: var(--primary_color);
margin-right: 10px;
}
.rtel-blog-post-6 .rtin-blog-box .item-content .action-area {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rtel-blog-post-6 .rtin-blog-box .item-content .action-area .btn-fill {
padding: 10px 24px;
margin-top: 6px;
}
.rtel-blog-post-6 .rtin-blog-box .item-content .action-area .item-comment {
color: var(--primary_color);
font-size: 15px;
}
.rtel-blog-post-6 .rtin-blog-box .item-content .action-area .item-comment i {
color: var(--primary_color);
margin-right: 8px;
}
.rtel-blog-post-6 .rtin-blog-box:hover .item-img a img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .rtel-blog-post-7 ul {
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 0;
}
.rtel-blog-post-7 .rtin-blog-box {
margin-bottom: 30px;
background-color: var(--light_primary_text_color);
border-radius: 4px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-7 .rtin-blog-box .item-img {
border-radius: 6px 6px 0 0;
position: relative;
overflow: hidden;
z-index: 1;
}
.rtel-blog-post-7 .rtin-blog-box .item-img img,
.rtel-blog-post-7 .rtin-blog-box .item-img a img {
border-radius: 6px 6px 0 0;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-7 .rtin-blog-box .item-content {
padding: 35px 35px 35px;
border-radius: 0 0 6px 6px;
position: relative;
margin-top: -1px;
-webkit-box-shadow: 0px 15px 43px 0px rgba(204, 204, 204, 0.45);
box-shadow: 0px 15px 43px 0px rgba(204, 204, 204, 0.45);
}
.rtel-blog-post-7 .rtin-blog-box .item-content .date-meta {
position: absolute;
border-radius: 30px;
top: -23px;
left: 35px;
color: #fff;
font-size: 14px;
padding: 7px 20px;
z-index: 3;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_light)), to(var(--gradient_2_dark)));
background: linear-gradient(to right, var(--gradient_2_light), var(--gradient_2_dark));
background-color: var(--primary_color);
}
.rtel-blog-post-7 .rtin-blog-box .item-content .date-meta i {
margin-right: 8px;
}
.rtel-blog-post-7 .rtin-blog-box .item-content .item-title {
margin-bottom: 10px;
font-size: 24px;
}
.rtel-blog-post-7 .rtin-blog-box .item-content .item-title a {
color: var(--dark_primary_text_color);
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-blog-post-7 .rtin-blog-box .item-content .item-title a:hover {
color: var(--primary_color);
}
.rtel-blog-post-7 .rtin-blog-box .item-content .entry-meta {
border-top: 1px solid #e5e5e5;
padding-top: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.rtel-blog-post-7 .rtin-blog-box .item-content .rtin-author {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.rtel-blog-post-7 .rtin-blog-box .item-content .entry-meta li {
color: var(--body_meta_color);
font-size: 14px;
}
.rtel-blog-post-7 .rtin-blog-box .item-content .entry-meta li a {
color: var(--body_meta_color);
}
.rtel-blog-post-7 .rtin-blog-box .item-content .entry-meta li a:hover {
color: var(--primary_color);
}
.rtel-blog-post-7 .rtin-blog-box .item-content .entry-meta li i {
color: var(--body_meta_color);
margin-right: 8px;
}
.rtel-blog-post-7 .rtin-blog-box .item-content .entry-meta li.rtin-author {
color: var(--primary_color);
font-weight: 500;
}
.rtel-blog-post-7 .rtin-blog-box .item-content .rtin-author .author-img {
margin-right: 10px;
position: relative;
}
.rtel-blog-post-7 .rtin-blog-box .item-content .rtin-author .author-img img {
width: 30px;
height: 30px;
border-radius: 50%;
}
.rtel-blog-post-7 .rtin-blog-box:hover .item-img a img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .single-post .item-content .single-content-post ul li {
font-size: 16px;
font-weight: 400;
margin-bottom: 6px;
}
.single-post .item-content .single-content-post ul li ul {
margin-bottom: -5px;
}
.single-post .item-content .single-content-post ul.blocks-gallery-grid li.blocks-gallery-item:before {
content: "";
}
.single-post .item-content .single-content-post ol li {
margin-bottom: 6px;
}
.single-post .item-content .single-content-post .single-img img {
border-radius: 5px;
}
.single-post .item-content ul.single-post-list {
list-style: none;
margin: 30px 0px 30px;
padding: 0;
}
.single-post .item-content ul.single-post-list li {
font-size: 18px;
font-weight: 500;
color: #111111;
position: relative;
}
.single-post .item-content ul.single-post-list li i {
color: var(--primary_color);
padding-right: 10px;
} .rtel-brand-showcase .owl-carousel .owl-stage-outer {
padding-bottom: 20px;
}
.rtel-brand-showcase .owl-carousel .owl-stage {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 15px 0;
}
.rtel-brand-showcase .owl-carousel .owl-item .rtin-brand-box {
height: 100%;
}
.rtel-brand-showcase .rtin-brand-box {
margin: 0 2px;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-brand-showcase .rtin-brand-box:focus {
outline: none;
}
.rtel-brand-showcase .rtin-brand-box.has-border {
padding: 40px 30px;
border: 1px solid rgba(235, 235, 235, 0.8);
border-radius: 8px;
}
.rtel-brand-showcase .rtin-brand-box .item-img {
cursor: move;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
text-align: center;
height: 100%;
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;
}
.rtel-brand-showcase .rtin-brand-box .item-img img {
width: auto;
display: inline-block;
}
.rtel-brand-showcase .rtin-brand-box.has-border:hover {
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 0px 20px 0px #dfdfdf;
box-shadow: 0px 0px 20px 0px #dfdfdf;
}
.rtel-brand-showcase .rtin-brand-box:hover .item-img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
} .rtel-contact-info-box .media {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rtel-contact-info-box .media .rtin-icon {
height: 55px;
width: 55px;
border-radius: 50%;
line-height: 55px;
text-align: center;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
background: #fff;
}
.rtel-contact-info-box .media .rtin-icon i:before {
font-size: 24px;
color: var(--accent_color);
}
.rtel-contact-info-box .media .rtin-icon img {
width: 22px;
}
.rtel-contact-info-box .media .media-body .rtin-title {
font-size: 24px;
color: #444;
margin-bottom: 2px;
}
@media only screen and (max-width: 1199px) {
.rtel-contact-info-box .media .media-body .rtin-title {
font-size: 22px;
}
}
.rtel-contact-info-box .media .media-body .rtin-title a {
color: inherit;
}
.rtel-contact-info-box .media .media-body .rtin-subtitle {
color: #444;
}
@media only screen and (max-width: 991px) {
.rtel-contact-info-box {
text-align: center;
}
.rtel-contact-info-box .media .rtin-icon {
margin: 0 auto;
}
}
@media only screen and (max-width: 767px) {
.rtel-contact-info-box .media {
margin-bottom: 30px;
}
}
.rtel-contact-info-box:hover .media .rtin-icon {
background-color: var(--accent_color);
}
.rtel-contact-info-box:hover .media .rtin-icon i:before {
color: #fff;
}
.rtel-contact-info-box2 .media {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.rtel-contact-info-box2 .media .rtin-icon {
text-align: center;
height: 75px;
width: 75px;
line-height: 75px;
border-radius: 12px;
background-color: #f2f2f2;
display: flex;
justify-content: center;
align-items: center;
}
.rtel-contact-info-box2 .media .rtin-icon i:before {
font-size: 24px;
color: #444444;
}
.rtel-contact-info-box2 .media .rtin-icon img {
width: 22px;
}
@media only screen and (max-width: 767px) {
.rtel-contact-info-box2 .media .rtin-icon {
height: 70px;
width: 70px;
line-height: 70px;
}
.rtel-contact-info-box2 .media .rtin-icon i:before {
font-size: 20px;
}
}
.rtel-contact-info-box2 .media .media-body .rtin-title {
color: var(--dark_primary_text_color);
margin-bottom: 7px;
}
.rtel-contact-info-box2 .media .media-body .rtin-title a {
color: inherit;
}
.rtel-contact-info-box2 .media .media-body .rtin-subtitle {
color: var(--body_text_color);
}
.contact-icon-bg .rtin-icon {
background-color: transparent;
background-image: linear-gradient(270deg, var(--gradient_2_dark) 0%, var(--gradient_2_light) 100%);
}
.rtel-contact-info-box3 .media .media-body .rtin-title {
font-size: 20px;
color: var(--dark_primary_text_color);
margin-bottom: 5px;
line-height: 1.2;
}
.rtel-contact-info-box3 .media .rtin-icon i {
font-size: 18px;
}
.rtel-contact-info-box3 .media .rtin-icon i:before {
color: var(--primary_color);
} .rtel-progress-box-image-1 .rtin-progress-box {
padding-left: 30px;
}
@media only screen and (max-width: 991px) {
.rtel-progress-box-image-1 .rtin-progress-box {
padding-left: 0;
}
}
.rtel-progress-box-image-1 .rtin-progress-box .item-img {
position: relative;
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 14px 27px 0px rgba(217, 230, 238, 0.75);
box-shadow: 0px 14px 27px 0px rgba(217, 230, 238, 0.75);
border-radius: 4px;
padding: 30px;
}
.rtel-progress-box-image-1 .rtin-progress-box .item-img .bottom-img {
position: absolute;
bottom: -85px;
left: -90px;
background-color: var(--light_primary_text_color);
-webkit-box-shadow: 0px 14px 27px 0px rgba(217, 230, 238, 0.75);
box-shadow: 0px 14px 27px 0px rgba(217, 230, 238, 0.75);
border-radius: 4px;
}
.rtel-progress-box-image-1 .rtin-progress-box .item-img .bottom-img img {
border-radius: 4px;
}
@media only screen and (max-width: 991px) {
.rtel-progress-box-image-1 .rtin-progress-box .item-img .bottom-img {
display: none;
}
} .rtel-video-icon-1 {
position: relative;
}
.rtel-video-icon-1 .rtin-img img {
border-radius: 5px;
}
.rtel-video-icon-1 .rtin-icon {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.rtel-video-icon-1 .rtin-icon .play-btn {
position: relative;
display: inline-block;
height: 70px;
width: 70px;
line-height: 70px;
text-align: center;
background-color: var(--dark_primary_color);
border-radius: 50%;
-webkit-animation: pulse 1500ms infinite;
animation: pulse 1500ms infinite;
}
.rtel-video-icon-1 .rtin-icon .play-btn img {
width: 50px;
height: 50px;
}
.rtel-video-icon-1 .rtin-icon .play-btn:before {
content: "";
height: 90px;
width: 90px;
border: 10px solid rgba(var(--primary_color_rgb), 0.3);
border-radius: 50%;
position: absolute;
top: -10px;
left: -10px;
-webkit-animation: pulse 1500ms infinite;
animation: pulse 1500ms infinite;
}
.rtel-video-icon-1 .rtin-icon .play-btn:after {
content: "";
height: 110px;
width: 110px;
border: 10px solid rgba(var(--primary_color_rgb), 0.15);
border-radius: 50%;
position: absolute;
top: -20px;
left: -20px;
-webkit-animation: pulse 1500ms infinite;
animation: pulse 1500ms infinite;
}
.rtel-video-icon-1 .rtin-icon .play-btn i {
font-size: 30px;
color: var(--light_primary_text_color);
line-height: 1;
}
.rtel-video-icon-1 .rtin-icon .play-btn i:before {
font-size: inherit;
color: inherit;
line-height: inherit;
position: relative;
top: 6px;
}
.rtel-video-icon-2 .rtin-icon .play-btn {
display: inline-block;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 50%;
text-align: center;
color: #fff;
font-size: 20px;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_2_dark)), to(var(--gradient_2_light)));
background: linear-gradient(to right, var(--gradient_2_dark), var(--gradient_2_light));
-webkit-box-shadow: 0px 19px 29px 0px rgba(0, 0, 0, 0.20);
box-shadow: 0px 19px 29px 0px rgba(0, 0, 0, 0.20);
}
.rtel-video-icon-2 .rtin-icon span {
font-size: 20px;
font-family: Nunito, sans-serif;
font-weight: 800;
color: #000000;
margin-left: 10px;
} .rtel-slide-banner-1 {
overflow: hidden;
position: relative;
}
@media only screen and (max-width: 1500px) {
.rtel-slide-banner-1 {
padding: 300px 0;
}
}
@media only screen and (max-width: 1199px) {
.rtel-slide-banner-1 {
padding: 260px 0 300px;
}
}
@media only screen and (max-width: 991px) {
.rtel-slide-banner-1 {
padding: 100px 0 170px;
}
}
@media only screen and (max-width: 767px) {
.rtel-slide-banner-1 {
padding: 70px 0 110px;
}
}
.rtel-slide-banner-1 .banner-content .banner-title {
color: var(--light_primary_text_color);
margin-bottom: 40px;
}
.rtel-slide-banner-1 .banner-content .banner-subtitle {
font-size: 18px;
color: var(--light_primary_text_color);
margin-bottom: 15px;
}
.rtel-slide-banner-1 .banner-content .banner-form-box .contact-form-box .form-group .form-control {
border: none;
border-radius: 0;
background-color: var(--light_primary_text_color);
font-size: 16px;
color: #646464;
padding: 5px 20px;
}
.rtel-slide-banner-1 .banner-content .banner-form-box .contact-form-box .form-group .form-control:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.rtel-slide-banner-1 .banner-content .banner-form-box .contact-form-box .form-group input {
height: 60px;
}
.rtel-slide-banner-1 .banner-content .banner-form-box .contact-form-box .form-group .item-btn {
background: -webkit-gradient(linear, left top, right top, from(#ff5917), to(#ff9317));
background: linear-gradient(to right, #ff5917, #ff9317);
border: none;
font-size: 16px;
color: var(--light_primary_text_color);
padding: 15px 30px;
border-radius: 0 4px 4px 0px;
cursor: pointer;
position: relative;
z-index: 1;
}
.rtel-slide-banner-1 .banner-content .banner-form-box .contact-form-box .form-group .item-btn:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(#ff9317), to(#ff5917));
background: linear-gradient(to right, #ff9317, #ff5917);
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.rtel-slide-banner-1 .banner-content .banner-form-box .contact-form-box .form-group .item-btn:hover {
color: var(--light_primary_text_color);
}
.rtel-slide-banner-1 .banner-content .banner-form-box .contact-form-box .form-group .item-btn:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.rtel-slide-banner-1 .banner-content .banner-form-box .contact-form-box .form-group:first-child .form-control {
border-radius: 4px 0 0 4px;
}
.rtel-slide-banner-1 .banner-rocket {
position: absolute;
z-index: 1;
top: -140px;
left: 30px;
-webkit-animation: rocketbounce infinite 5000ms;
animation: rocketbounce infinite 5000ms;
}
.rtel-slide-banner-1 .cloud-bottom .cloud-dark {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
}
.rtel-slide-banner-1 .cloud-bottom .cloud-light {
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 0;
-webkit-animation: cloudbounce infinite 4000ms;
animation: cloudbounce infinite 4000ms;
}
.contact-form-box .form-group {
margin-bottom: 16px;
}
.contact-form-box .form-group .form-control {
border: none;
border-radius: 5px;
background-color: #f5f5f5;
font-size: 16px;
color: #646464;
padding: 5px 20px;
}
.contact-form-box .form-group .form-control:focus {
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
}
.contact-form-box .form-group input {
height: 60px;
}
.contact-form-box .form-group .form-btn {
color: var(--light_primary_text_color);
border-radius: 4px;
padding: 12px 30px;
border: 1px solid var(--accent_color);
cursor: pointer;
position: relative;
z-index: 1;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
font-weight: 500;
}
.contact-form-box .form-group .form-btn:focus {
outline: none;
}
.contact-form-box .form-group .form-btn:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(#ff9317), to(#ff5917));
background: linear-gradient(to right, #ff9317, #ff5917);
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contact-form-box .form-group .form-btn:hover {
color: var(--light_primary_text_color);
}
.contact-form-box .form-group .form-btn:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
@media only screen and (max-width: 991px) {
.contact-form-box .form-group .form-btn {
padding: 10px 25px;
}
}
.contact-form-box .form-group .item-btn {
background: -webkit-gradient(linear, left top, right top, from(#ff5917), to(#ff9317));
background: linear-gradient(to right, #ff5917, #ff9317);
border: none;
font-size: 16px;
line-height: 30px;
color: var(--light_primary_text_color);
padding: 15px 30px;
border-radius: 0 4px 4px 0px;
cursor: pointer;
position: relative;
z-index: 1;
}
.contact-form-box .form-group .item-btn:after {
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(#ff9317), to(#ff5917));
background: linear-gradient(to right, #ff9317, #ff5917);
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.contact-form-box .form-group .item-btn:hover {
color: var(--light_primary_text_color);
}
.contact-form-box .form-group .item-btn:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
} .rtel-progress-bar .progress {
overflow: visible;
height: 10px;
background-color: #5e6b71;
border-radius: 6px;
position: relative;
}
.rtel-progress-bar .progress .lead {
position: absolute;
top: -42px;
left: 0;
z-index: 1;
}
@media only screen and (max-width: 575px) {
.rtel-progress-bar .progress .lead {
top: -35px;
}
}
.rtel-progress-bar .progress .rtin-title {
font-size: 16px;
font-weight: 500;
}
@media only screen and (max-width: 575px) {
.rtel-progress-bar .progress .rtin-title {
font-size: 18px;
}
}
.rtel-progress-bar .progress .progress-bar {
padding: 5px 0;
position: relative;
background-color: var(--accent_color);
border-radius: 4px;
}
.rtel-progress-bar .progress .progress-bar span {
color: var(--body_text_color);
font-size: 16px;
display: block;
position: absolute;
right: 0;
top: -40px;
}
@media only screen and (max-width: 575px) {
.rtel-progress-bar .progress .progress-bar span {
top: -37px;
}
} .rtel-counter-1 .counter-number-postfix-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rtel-counter-1 .counter-number-postfix-wrapper .counter-number,
.rtel-counter-1 .counter-number-postfix-wrapper .counter-postfix {
font-size: 48px;
color: #ff5b17;
margin-bottom: 18px;
}
.rtel-counter-1 .counter-title {
color: #646464;
}
.rtel-counter-1 .rtin-counter {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.rtel-counter-1 .rtin-counter .rtin-counter-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
}
.rtel-counter-1 .rtin-counter .rtin-counter-left i {
font-size: 50px;
}
.rtel-counter-1 .rtin-counter .rtin-counter-right {
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;
} .rtel-counter-2 .rtin-counter-right-content {
position: relative;
text-align: center;
}
.rtel-counter-2 .counter-number-postfix-wrapper {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
}
.rtel-counter-2 .counter-number-postfix-wrapper .counter-number,
.rtel-counter-2 .counter-number-postfix-wrapper .counter-postfix {
font-size: 36px;
color: #ff5b17;
margin-bottom: 5px;
font-family: Nunito, sans-serif;
font-weight: 800;
} .rtel-content-toggle ul.nav {
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 40px;
}
.rtel-content-toggle ul.nav.nav-tabs {
border: none;
}
.rtel-content-toggle ul.nav.nav-tabs .nav-link {
z-index: 1;
background-color: #f3f3f3;
position: relative;
border-radius: 20px;
border: none;
color: var(--dark_primary_text_color);
}
.rtel-content-toggle ul.nav.nav-tabs .nav-item:nth-child(2) .nav-link {
padding: 7px 25px 7px 40px;
margin-left: -30px;
}
.rtel-content-toggle ul.nav.nav-tabs .nav-item:nth-child(2) .nav-link.active {
margin-left: 0;
margin-right: 0;
padding: 7px 25px;
}
.rtel-content-toggle ul.nav.nav-tabs .nav-item:nth-child(1) .nav-link {
padding: 7px 40px 7px 25px;
margin-left: 0px;
margin-right: -30px;
}
.rtel-content-toggle ul.nav.nav-tabs .nav-item:nth-child(1) .nav-link.active {
margin-left: 0;
margin-right: 0;
padding: 7px 25px;
}
.rtel-content-toggle ul.nav.nav-tabs .nav-item.show .nav-link,
.rtel-content-toggle ul.nav.nav-tabs .nav-link.active {
z-index: 2;
background-color: var(--primary_color);
color: white;
}  code {
color: var(--primary_color);
}
blockquote,
.wp-block-quote {
color: var(--dark_primary_text_color);
background: transparent;
font-size: 24px;
font-weight: 400;
font-style: italic;
padding: 30px 60px 15px 60px;
margin: 35px 0px 15px;
position: relative;
display: block;
border: none;
text-align: center;
z-index: 1;
}
blockquote:after,
.wp-block-quote:after {
content: "\F10D";
font-family: "Font Awesome 5 Free";
font-size: 4rem;    
color: rgb(237, 237, 237);
position: absolute;
top: 0px;
left: 0px;
right: 0px;
text-align: center;
line-height: 1;
z-index: -1;
font-weight: 900;
}
.wp-block-quote.has-text-align-right {
border-right: none;
padding-right: 0;
text-align: right;
}
.wp-block-quote.has-text-align-left {
border-right: none;
padding-right: 0;
text-align: center;
}
.wp-block-quote.is-large p, 
.wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 36px;
}
.wp-block-quote.is-large cite, 
.wp-block-quote.is-large footer, 
.wp-block-quote.is-style-large cite, 
.wp-block-quote.is-style-large footer {
font-size: 16px;
text-align: center;
}
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 26px;
}
blockquote p,
.wp-block-quote p {	
font-family: var(--body_font, 'Nunito') !important;
font-style: italic;
font-size: 24px;
font-weight: 600;
line-height: 36px;
}
.wp-block-quote cite,
.wp-block-quote cite a {
font-weight: 600;
font-size: 15px;
margin-top: 1em;
position: relative;
font-style: normal;
color:  var(--primary_color);
}
.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
padding: 30px;
margin: 45px 0px 45px;
border: none;
}
.wp-block-quote__citation {
font-weight: 500;
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal;
color:  var(--primary_color);
}
.wp-block-pullquote {
border-top: 2px solid var(--primary_color);
border-bottom: 2px solid var(--primary_color);
margin-bottom: 20px;
}
.wp-block-pullquote blockquote {
margin: 0;
position: relative;
z-index: 1;
padding: 0 60px;
}
.wp-block-pullquote p {
font-size: 24px;
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: center;
max-width: 60%;
}
.wp-block-pullquote.alignleft p, 
.wp-block-pullquote.alignright p {
font-size: 20px;
}
.wp-block-pullquote.alignleft blockquote,
.wp-block-pullquote.alignright blockquote {
margin: 0;
padding: 0;
}
.wp-block-pullquote__citation, 
.wp-block-pullquote cite, 
.wp-block-pullquote footer {
font-size: 15px;
text-transform: capitalize;
}
@media(max-width: 767px) {
blockquote p,
.wp-block-quote p,
.wp-block-pullquote p,
.wp-block-quote.is-large p, 
.wp-block-quote.is-style-large p,
.wp-block-pullquote.is-style-solid-color blockquote p {
font-size: 20px;
}
.wp-block-pullquote.is-style-solid-color blockquote {
max-width: 100%;
}
}
@media(max-width: 767px) {
blockquote,
.wp-block-quote {
padding-left: 0;
padding-right: 0;
font-size: 20px;
}
.wp-block-quote.is-large, 
.wp-block-quote.is-style-large,
.wp-block-pullquote blockquote {
padding-left: 0;
padding-right: 0;
}
} .wp-block-pullquote .has-opt-primary-color-color cite {
color: rgb(74, 59, 202);
}
.wp-block-pullquote .has-opt-secondary-color-color cite {
color: rgb(43, 30, 104);
}
.wp-block-pullquote .has-opt-accent-color-colo cite {
color: rgb(255, 118, 23);
}
.wp-block-pullquote .has-opt-text-dark-color-color cite {
color: rgb(17, 17, 17);
}
.wp-block-pullquote .has-opt-text-light-color-color cite {
color: rgb(255, 255, 255);
}
.wp-block-pullquote .has-opt-gradient-color-color cite {
color: rgb(255, 89, 23);
}
.wp-block-pullquote .has-opt-gradient-dark-color-color cite {
color: rgb(255, 118, 22);
}
.wp-block-pullquote .has-opt-gradient-2-color-color cite {
color: rgb(72, 59, 201);
}
.wp-block-pullquote .has-opt-gradient-2-dark-color-color cite {
color: rgb(116, 88, 219);
}
.wp-block-pullquote .has-rose-bud-color cite {
color: rgb(250, 168, 172);
}
.wp-block-pullquote .has-very-light-gray-color cite {
color: rgb(238, 238, 238);
}
.wp-block-pullquote .has-very-dark-gray-color cite {
color: rgb(68, 68, 68);
}
blockquote cite,
blockquote cite a {
font-weight: 600;
font-size: 15px;
margin-top: 1em;
position: relative;
font-style: normal;
}
blockquote.is-large,
blockquote.is-style-large {
padding: 30px;
margin: 45px 0px 45px;
border: none;
}
.wp-block-separator {
border: none;
border-bottom: 2px solid #cccccc;
margin: 50px 0;
text-align: left;
background: transparent;
}
.wp-block-pullquote__citation, 
.wp-block-pullquote cite, 
.wp-block-pullquote footer { 
color: var(--primary_color);
}
.wp-block-pullquote__citation, 
.wp-block-pullquote cite, 
.wp-block-pullquote footer { 
color: var(--primary_color);
}
.has-opt-primary-color-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-opt-primary-color-color cite, 
.wp-block-pullquote .has-opt-primary-color-color footer,
.has-opt-primary-color-color .wp-block-pullquote__citation {
color: rgb(74, 59, 202);
}
.has-opt-secondary-color-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-opt-secondary-color-color  cite, 
.wp-block-pullquote .has-opt-secondary-color-color  footer,
.has-opt-secondary-color-color .wp-block-pullquote__citation {
color: rgb(43, 30, 104);
}
.has-opt-accent-color-colo .wp-block-pullquote__citation, 
.wp-block-pullquote .has-opt-accent-color-colo  cite, 
.wp-block-pullquote .has-opt-accent-color-colo  footer,
.has-opt-accent-color-color .wp-block-pullquote__citation {
color: rgb(255, 118, 23);
}
.has-opt-text-dark-color-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-opt-text-dark-color-color cite, 
.wp-block-pullquote .has-opt-text-dark-color-color footer,
.has-opt-text-dark-color-color .wp-block-pullquote__citation {
color: rgb(17, 17, 17);
}
.has-opt-text-light-color-color .wp-block-pullquote__citation, 
.has-opt-text-light-color-color .wp-block-pullquote cite, 
.has-opt-text-light-color-color .wp-block-pullquote footer,
.has-opt-text-light-color-color .wp-block-pullquote__citation {
color: rgb(255, 255, 255);
}
.has-opt-gradient-color-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-opt-gradient-color-color cite, 
.wp-block-pullquote .has-opt-gradient-color-color footer,
.has-opt-gradient-color-color .wp-block-pullquote__citation {
color: rgb(255, 89, 23);
}
.has-opt-gradient-dark-color-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-opt-gradient-dark-color-color cite, 
.wp-block-pullquote .has-opt-gradient-dark-color-color footer,
.has-opt-gradient-dark-color-color .wp-block-pullquote__citation {
color: rgb(255, 118, 22);
}
.has-opt-gradient-2-color-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-opt-gradient-2-color-color cite, 
.wp-block-pullquote .has-opt-gradient-2-color-color footer,
.has-opt-gradient-2-color-color .wp-block-pullquote__citation {
color: rgb(72, 59, 201);
}
.has-opt-gradient-2-dark-color-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-opt-gradient-2-dark-color-color cite, 
.wp-block-pullquote .has-opt-gradient-2-dark-color-color footer,
.has-opt-gradient-2-dark-color-color .wp-block-pullquote__citation {
color: rgb(116, 88, 219);
}
.has-rose-bud-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-rose-bud-color cite, 
.wp-block-pullquote .has-rose-bud-color footer,
.has-rose-bud-color .wp-block-pullquote__citation {
color: rgb(250, 168, 172);
}
.has-very-light-gray-color .wp-block-pullquote__citation, 
.wp-block-pullquote .has-very-light-gray-color cite, 
.wp-block-pullquote .has-very-light-gray-color footer,
.has-very-light-gray-color .wp-block-pullquote__citation {
color: rgb(238, 238, 238);
}
.has-very-dark-gray-color.wp-block-pullquote__citation, 
.wp-block-pullquote .has-very-dark-gray-color cite, 
.wp-block-pullquote .has-very-dark-gray-color footer,
.has-very-dark-gray-color .wp-block-pullquote__citation {
color: rgb(68, 68, 68);
} .wp-block-button {
margin-bottom: 15px;
}
a.wp-block-button__link:not([href]):not([tabindex]):hover {
color: #ffffff;
}
.wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]) {
color: var(--gradient_dark);
}
.wp-block-button.is-style-outline a.wp-block-button__link:not([href]):not([tabindex]):hover {
color: var(--primary_color);
}
.wp-block-button.is-style-outline a.wp-block-button__link:hover:after {
background: transparent;
opacity: 0;
}
.wp-block-button .wp-block-button__link {
position: relative;
border-radius: 4px;
padding: 14px 40px 14px 20px;
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
color: var(--light_primary_text_color);
font-size: 16px;
font-weight: 600;
display: inline-block;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
line-height: 1.4;
border: none;
z-index: 2;
}
.wp-block-button .wp-block-button__link:before {
content: "\f30b";
transform: translateX(-20px) translateY(-50%);
top: 50%;
position: absolute;
right: 0;
font-family: "Font Awesome 5 Free";
transition: all ease 0.5s;
}
.wp-block-button .wp-block-button__link:hover:before {
transform: translateX(-16px) translateY(-50%);
}
.wp-block-button .wp-block-button__link:after {
content: "";
height: 100%;
width: 0;
border-radius: 4px;
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.wp-block-button .wp-block-button__link:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.wp-block-button.is-style-outline .wp-block-button__link {
background: transparent;
border: 2px solid var(--gradient_dark);
color: var(--gradient_dark);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
border-color: var(--primary_color);
color: var(--primary_color);
}
.wp-block-button.is-style-squared .wp-block-button__link {
border-radius: 0;
} :root .wp-block-button .wp-block-button__link.has-opt-primary-color-background-color {
background: rgb(74, 59, 202);
}
:root .wp-block-button .wp-block-button__link.has-opt-primary-color-background-color:after {
background: rgb(79 61 234);
}
:root .wp-block-button .wp-block-button__link.has-opt-secondary-color-background-color {
background: rgb(43, 30, 104);
}
:root .wp-block-button .wp-block-button__link.has-opt-secondary-color-background-color:after {
background: rgb(27 16 80);
}
:root .wp-block-button .wp-block-button__link.has-opt-accent-color-background-color {
background: rgb(255, 118, 23);
}
:root .wp-block-button .wp-block-button__link.has-opt-accent-color-background-color:after {
background: rgb(232 100 9);
}
:root .wp-block-button .wp-block-button__link.has-opt-text-dark-color-background-color {
background: rgb(17, 17, 17);
}
:root .wp-block-button .wp-block-button__link.has-opt-text-dark-color-background-color:after {
background: rgb(0, 0, 0);
}
:root .wp-block-button .wp-block-button__link.has-opt-text-light-color-background-color {
background: rgb(255, 255, 255);
}
:root .wp-block-button .wp-block-button__link.has-opt-text-light-color-background-color:after {
background: rgb(241, 234, 234);
}
:root .wp-block-button .wp-block-button__link.has-opt-gradient-color-background-color {
background: rgb(255, 89, 23);
}
:root .wp-block-button .wp-block-button__link.has-opt-gradient-color-background-color:after {
background: rgb(224, 70, 9);
}
:root .wp-block-button .wp-block-button__link.has-opt-gradient-dark-color-background-color {
background: rgb(255, 118, 22);
}
:root .wp-block-button .wp-block-button__link.has-opt-gradient-dark-color-background-color:after {
background: rgb(243, 104, 7);
}
:root .wp-block-button .wp-block-button__link.has-opt-gradient-2-color-background-color {
background: rgb(72, 59, 201);
}
:root .wp-block-button .wp-block-button__link.has-opt-gradient-2-color-background-color:after {
background: rgb(66, 50, 230);
}
:root .wp-block-button .wp-block-button__link.has-opt-gradient-2-dark-color-background-color {
background: rgb(116, 88, 219);
}
:root .wp-block-button .wp-block-button__link.has-opt-gradient-2-dark-color-background-color:after {
background: rgb(106, 73, 228);
}
:root .wp-block-button .wp-block-button__link.has-rose-bud-background-color {
background: rgb(250, 168, 172);
}
:root .wp-block-button .wp-block-button__link.has-rose-bud-background-color:after {
background: rgb(234, 150, 154);
}
:root .wp-block-button .wp-block-button__link.has-very-light-gray-background-color {
background: rgb(238, 238, 238);
}
:root .wp-block-button .wp-block-button__link.has-very-light-gray-background-color:after {
background: rgb(216, 214, 214);
}
:root .wp-block-button .wp-block-button__link.has-very-dark-gray-background-color {
background: rgb(68, 68, 68);
}
:root .wp-block-button .wp-block-button__link.has-very-dark-gray-background-color:after {
background: rgb(33, 32, 32);
} .wp-block-button .has-opt-orange-dark-light-gradient-background.wp-block-button__link {
background: linear-gradient(135deg,rgba(255,89,23,1) 0%,rgba(255,118,22,1) 100%);
}
.wp-block-button .has-opt-orange-dark-light-gradient-background.wp-block-button__link:after {
background: linear-gradient(135deg,rgba(255,118,22,1) 0%,rgba(255,89,23,1) 100%);
}
.wp-block-button .has-opt-blue-dark-light-gradient-background.wp-block-button__link {
background: linear-gradient(135deg,rgba(72,59,201,1) 0%,rgba(116,88,219,1) 100%);
}
.wp-block-button .has-opt-blue-dark-light-gradient-background.wp-block-button__link:after {
background: linear-gradient(135deg,rgba(116,88,219,1) 0%,rgba(72,59,201,1) 100%);
} .wp-block-table td, 
.wp-block-table th {
border: 1px solid #dedede;
padding: 8px;
text-align: center;
}
.wp-block-image .alignleft.is-resized {
margin-top: 0;
}
.wp-block-image {
margin-top: 23px;
margin-bottom: 23px;
}
.wp-block-latest-posts.is-grid {
margin-left: 20px;
}
.wp-block-latest-posts.is-grid li {
margin: 0 0 10px 0;
}
.wp-block-columns.has-2-columns .wp-block-column {
margin-bottom: 0;
}
@media only screen and (min-width: 600px) {
.entry-content .wp-block-columns {
flex-wrap: nowrap;
}
}
.wp-block-image .alignleft {
margin-right: 30px;
margin-bottom: 15px;
margin-top: 15px;
}
.wp-block-image .alignright {
margin-left: 30px;
margin-bottom: 15px;
margin-top: 15px;
}
.wp-block-cover {
margin-bottom: 15px;
margin-top: 15px;
}
p:last-child img.alignright.size-thumbnail {
clear: both;
margin-bottom: 30px;
}
.wp-block-cover a,
.wp-block-cover .wp-block-cover-text a,
.wp-block-cover .has-text-color a,
.wp-block-cover .has-text-align-center a {
color: #ffffff;
}
.wp-block-cover a:hover,
.wp-block-cover .wp-block-cover-text a:hover,
.wp-block-cover .has-text-color a:hover {
text-decoration: underline;
}
.wp-block-cover .has-digeco-button-dark-blue-color a {
color: rgb(90, 73, 248);
}
.wp-block-cover .has-digeco-button-light-blue-color a {
color: rgb(122, 100, 242);
}
.wp-block-cover .has-digeco-button-dark-violet-color a {
color: rgb(117, 14, 213);
}
.wp-block-cover .has-digeco-button-light-gray-color a {
color: rgb(62, 62, 62);
}
.wp-block-cover .has-digeco-button-white-color a {
color: rgb(255, 255, 255);
}
.entry-content .wp-block-cover {
margin-top: 0px;
}
.wp-block-cover p:not(.has-text-color) {
color: #ffffff;
}
.wp-block-cover.alignleft {
margin-top: 0;
}
.wp-block-gallery {
display: block;
margin-top: 23px;
margin-bottom: 16px;
}
.wp-block-gallery.alignleft .blocks-gallery-item {
display: inline-block;
}
.single-post .item-content .single-content-post ul li.blocks-gallery-item {
margin-bottom: 16px;
}
.wp-block-embed-vimeo.alignfull .wp-block-embed__wrapper {
margin: 23px 0;
}
.wp-block-coblocks-social .wp-block-button__link {
border: none;
}
p:last-child img.size-full.alignright {
clear: both;
padding-top: 0;
}
.wp-block-spacer {
clear: both;
}
.gallery .gallery-item {
text-align: center;
}
.single-blog-box-layout1 .blocks-gallery-grid, .single-blog-box-layout1 .wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0;
}
.site-content nav.comment-navigation {
padding-top: 0;
}
.site-content nav.comment-navigation ul {
margin-top: 0;
margin-bottom: 40px;
}
.site-content nav.comment-navigation ul li {
margin-right: 0;	
}
.site-content nav.comment-navigation ul li a {
height: inherit;
width: inherit;
padding: 12px 25px;
line-height: 30px;
}
figure.wp-caption.alignnone {
margin: 15px auto 15px;
}
.wp-block-file .wp-block-file__button {
background: #32373c;
padding: 10px 20px;
}
.has-media-on-the-right.is-stacked-on-mobile {
margin-bottom: 30px;
}
.wp-caption .wp-caption-text {
margin-top: .5em;
margin-bottom: 0;
color: #555d66;
font-size: 13px;
line-height: 1.4;
}
.blocks-gallery-caption, 
.wp-block-embed figcaption, 
.wp-block-image figcaption {
margin: 0.5em auto 1em; 
color: #555d66;
font-size: 13px;
line-height: 1.4;
text-align: center;	
}
.blocks-gallery-grid .blocks-gallery-image figcaption, 
.blocks-gallery-grid .blocks-gallery-item figcaption, 
.wp-block-gallery .blocks-gallery-image figcaption, 
.wp-block-gallery .blocks-gallery-item figcaption {
line-height: 1.4;
}
.wp-block-media-text figure.wp-block-media-text__media {
margin-bottom: 30px;
} .wp-block-columns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 20px 0;
}
.wp-block-column {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media (max-width: 764px) {
.wp-block-columns.has-3-columns {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.has-3-columns .wp-block-column:first-child {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
@media (max-width: 478px) {
.wp-block-columns.has-3-columns {
display: block;
}
.wp-block-column {
margin: 20px 0;
}
}
ul.wp-block-gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: 0;
padding-left: 0;
}
.blocks-gallery-image,
.wp-block-gallery .blocks-gallery-item {
margin: 0 16px 16px 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
}
.blocks-gallery-image figure,
.blocks-gallery-item figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.blocks-gallery-image figure,
.blocks-gallery-item figure {
margin: 0;
height: 100%;
}
.wp-block-gallery.is-cropped .blocks-gallery-image a,
.wp-block-gallery.is-cropped .blocks-gallery-image img,
.wp-block-gallery.is-cropped .blocks-gallery-item a,
.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
-o-object-fit: cover;
object-fit: cover;
}
.wp-block-cover-image .block-editor-block-list__block p,
.wp-block-cover .block-editor-block-list__block p {
color: #ffffff;
}
.wp-block-cover,
.wp-block-image {
margin-bottom: 30px;
color: #fff;
}
figcaption {
color: #555d66;
font-size: 13px;
text-align: center;
}
table.wp-block-table td {
border: 1px solid #ddd;
}
.has-large-font-size {
line-height: 1.3;
}
.align-wrap {
width: 100vw;
margin-left: calc(50% - 50vw);
}
@media screen and (min-width: 900px) {
.align-wrap {
width: auto;
margin-left: calc(50% / .62 - 50vw);
}
}
.align-wrap .alignfull {
width: 100%;
margin: 0 0 0 auto;
}
@media( max-width:480px ) {	
img.alignleft {
float: none;
margin-bottom: 13px;
margin-right: 0px;
padding-top: 5px;
display: block;
}
img.alignright {
float: none;
margin-left: 0px;
margin-bottom: 15px;
padding-top: 15px;
}
} .has-sidebar .wp-block-cover.alignwide,
.has-sidebar .wp-block-cover.alignfull,
.has-sidebar .wp-block-image.alignfull,
.has-sidebar .wp-block-columns.alignfull,
.has-sidebar .wp-block-media-text.alignfull,
.has-sidebar .wp-block-gallery.alignfull,
.has-sidebar .wp-block-gallery.alignwide,
.has-sidebar .wp-block-columns.alignwide,
.has-sidebar .wp-block-image.alignwide,
.has-sidebar .wp-block-media-text.alignwide,
.has-sidebar .is-type-video.alignfull,
.has-sidebar .wp-block-embed-vimeo.alignwide.wp-block-embed,
.has-sidebar .alignwide.wp-block-embed {
margin-left: 0;
margin-right: 0;
} :root .has-opt-primary-color-background-color {
background-color: rgb(74, 59, 202);
}
:root .has-opt-secondary-color-background-color {
background-color: rgb(43, 30, 104);
}
:root .has-opt-accent-color-background-color {
background-color: rgb(255, 118, 23);
}
:root .has-opt-text-dark-color-background-color {
background-color: rgb(17, 17, 17);
}
:root .has-opt-text-light-color-background-color {
background-color: rgb(255, 255, 255);
}
:root .has-opt-gradient-color-background-color {
background-color: rgb(255, 89, 23);
}
:root .has-opt-gradient-dark-color-background-color {
background-color: rgb(255, 118, 22);
}
:root .has-opt-gradient-2-color-background-color {
background-color: rgb(72, 59, 201);
}
:root .has-opt-gradient-2-dark-color-background-color {
background-color: rgb(116, 88, 219);
}
:root .has-rose-bud-background-color {
background-color: rgb(250, 168, 172);
}
:root .has-very-light-gray-background-color {
background-color: rgb(238, 238, 238);
}
:root .has-very-dark-gray-background-color {
background-color: rgb(68, 68, 68);
} :root .has-opt-primary-color-color {
color: rgb(74, 59, 202);
}
:root .has-opt-secondary-color-color {
color: rgb(43, 30, 104);
}
:root .has-opt-accent-color-color {
color: rgb(255, 118, 23);
}
:root .has-opt-text-dark-color-color {
color: rgb(17, 17, 17);
}
:root .has-opt-text-light-color-color {
color: rgb(255, 255, 255);
}
:root .has-opt-gradient-color-color {
color: rgb(255, 89, 23);
}
:root .has-opt-gradient-dark-color-color {
color: rgb(255, 118, 22);
}
:root .has-opt-gradient-2-color-color {
color: rgb(72, 59, 201);
}
:root .has-opt-gradient-2-dark-color-color {
color: rgb(116, 88, 219);
}
:root .has-rose-bud-color {
color: rgb(250, 168, 172);
}
:root .has-very-light-gray-color {
color: rgb(238, 238, 238);
}
:root .has-very-dark-gray-color {
color: rgb(68, 68, 68);
} .blocks-gallery-grid.alignleft,
.blocks-gallery-grid.alignright,
.wp-block-gallery.alignleft,
.wp-block-gallery.alignright {
max-width: 290px;
width: 100%;
margin-right: 10px;
}
.wp-block-gallery.alignleft {
display: flex;
margin-right: 30px;
}
p:last-child img.size-full.alignright {
clear: both;
padding-top: 0;
}
.wp-block-gallery.columns-3.is-cropped.alignfull {
margin-bottom: 15px;
}
@media ( max-width: 991px ){
.elementor-stretch-container-right > div.elementor-container {
padding-left: 0px !important;
}
}
@media ( max-width: 1024px ){
.column-1024 {
padding-left: 35px;
}
.elementor-stretch-container-right > div.elementor-container {
padding-left: 75px;
}
.elementor-5290 .elementor-element.elementor-element-906542c > .elementor-element-populated {
padding: 15px 0px 0px 0px;
}
.ls-fix-1024 { 
padding-top: 60px;
}
}
@media ( max-width: 991px ){
.column-1024 {
padding-left: 0px;
}
}
@media ( max-width: 768px ){
.column-1024 {
padding-left: 0px;
}
.column-res-padding {
padding: 0px 12px;
}
.column-space-fix {
margin-left: 0px;
}
.elementor-stretch-container-right > div.elementor-container {
padding-left: 10px;
}
.ls-fix-1024 {
padding-top: 0px;
}	
}
@media ( max-width: 767px ){
.case-study-3-widget {
margin-bottom: 25px;
}
.column-res-padding {
padding: 0px 15px;
}
}
.case-style-3 .case-pagi{
display: none;
} .op-ls-btn {
width: 178px;
font-weight: 500;
font-size: 14px;
padding: 12px 10px 9px 10px;
}
@media( max-width:480px ){
.op-ls-btn {
width: 105px;
font-weight: 500;
font-size: 14px;
padding: 10px 10px 9px 10px;
}
}
@media( max-width:767px ){
.footer-wrap .widget .title {
margin-bottom: 20px;
}
}
@media screen and (max-width: 480px){
.slider-btn-area a.item-btn-accent-2 {
font-size: 14px;
padding: 10px 14px;
}
}
@media( max-width: 1024px ) {
.d-none-1024 {
display: none;
}
}
.cloud-set:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/cloud.png);
position: absolute;	
bottom: -9px;
right: 17px;
margin: auto;
z-index: 1;
width: 440px;
height: 106px;
}
.shape-1:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/shape-1.png);
position: absolute;
top: 113px;
right: -90px;
margin: auto;
z-index: -1;
width: 440px;
height: 106px;
}
.shape-2:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/shape-2.png);
position: absolute;
bottom: -9px;
right: -16px;
margin: auto;
z-index: -1;
width: 440px;
height: 106px;
}
.shape-3:after {
content: url(//www.softshopee.com/wp-content/themes/optimax/assets/img/shape/shape-3.png);
position: absolute;
bottom: -9px;
left: -16px;
margin: auto;
z-index: -1;
}
@media( max-width:767px ){
.cloud-set:after {
content: '';
}
}
.title-underline .elementor-heading-title {
margin-bottom: 30px;
}
.title-underline .elementor-heading-title:after {
content: "";
width: 60px;
position: absolute;
background: #ffffff;
bottom: 3px;
left: 0px;
height: 5px;
border-radius: 10px;
}
.homepage-contact-form-2 {
}
.homepage-contact-form-2 textarea ,
.homepage-contact-form-2 input[type="text"],
.homepage-contact-form-2 input[type="email"] {
border-bottom-style: solid;
border-bottom-width: thin;
border-bottom-color: rgba(255, 255, 255, .3);
background: transparent;
border-radius: 0;
border-top: transparent;
border-left: transparent;
border-right: transparent;
padding-left: 2px;
color: #ffffff;
}
.homepage-contact-form-2 textarea::placeholder,
.homepage-contact-form-2 input[type="text"]::placeholder,
.homepage-contact-form-2 input[type="email"]::placeholder {
color: #ffffff;
}
.homepage-contact-form-2 textarea::placeholder {
color: #ffffff;
opacity: 1;
}
.homepage-contact-form-2 textarea::-ms-input-placeholder,
.homepage-contact-form-2 textarea::-ms-input-placeholder {
color: #ffffff;
}
.homepage-contact-form-2 .btn-fill-white-2 {
background: #ffffff;	
color: var(--dark_primary_text_color);
width: 100%;
padding: 13px;
} .news-like-fix input {
height: 54px !important;
}
.news-like-fix input.wpcf7-email {
color: var(--body_text_color);
border-radius: 4px 0 0 4px;
-webkit-box-shadow: 10px 4px 38px 0 rgba(0, 0, 0, .45);
box-shadow: 10px 4px 38px 0 rgba(0, 0, 0, .45);
}
.news-like-fix button.button-font {
border-radius: 0 4px 4px 0;
-webkit-box-shadow: 10px 4px 38px 0 rgba(0, 0, 0, .45);
box-shadow: 10px 4px 38px 0 rgba(0, 0, 0, .45);
}
.main-footer-wrap .contact-widget .news-like-fix input.form-control::-webkit-input-placeholder {
color: var(--body_meta_color);
} .check-now input.wpcf7-email {
height: 60px !important;
color: var(--body_text_color);
border: 1px solid #efefef;
border-radius: 4px 0 0 4px;
margin-bottom: 0;
-webkit-box-shadow: 0px 8px 20px 0 rgba(222, 222, 222, 0.4);
box-shadow: 0px 8px 20px 0 rgba(222, 222, 222, 0.4);
}
.check-now button.button-font {
border-radius: 0 4px 4px 0;
-webkit-box-shadow: 0px 8px 20px 0 rgba(222, 222, 222, 0.4);
box-shadow: 0px 8px 20px 0 rgba(222, 222, 222, 0.4);
padding: 15px 10px;
}
.check-now input.form-control::-webkit-input-placeholder {
color: var(--body_meta_color);
}
@media( max-width:991px ){
.news-like-fix input.wpcf7-email,
.news-like-fix button.button-font {
border-radius: 4px;
}
}
@media( max-width:767px ){
.check-now input.wpcf7-email,
.check-now button.button-font {
border-radius: 4px;
}	
.check-now button.button-font {
margin-top: 5px;
}
}
.main-footer-wrap .news-like-fix button.button-font,
.main-footer-wrap .news-like-fix input.wpcf7-email {
box-shadow: none;
border: none;
} .header-search-box a {
margin-top: 5px;
height: 30px;
font-size: 24px;
}
.header_search-field {
position: absolute;
z-index: 2;
top: -webkit-calc(100% + 16px);
top: -moz-calc(100% + 16px); top: calc(100% + 3px);
right: 25px;	
padding: 20px;
-webkit-box-shadow: 7px 5px 30px 0px rgba(0, 0, 0, 0.12);
-moz-box-shadow: 7px 5px 30px 0px rgba(0, 0, 0, 0.12);
box-shadow: 7px 5px 30px 0px rgba(0, 0, 0, 0.12);
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 0 0 10px 10px;	
opacity: 0;
visibility: hidden;
background-color: rgba(255,255,255,1);
color: #1c1c25;
-webkit-transform: scale(0.4);
-ms-transform: scale(0.4);
transform: scale(0.4);
-webkit-transform-origin: 10% top;
-ms-transform-origin: 10% top;
transform-origin: 10% top;
-webkit-transition: 0s max-height 0.15s linear,0.1s opacity cubic-bezier(0.39,0.575,0.565,1),0.15s -webkit-transform cubic-bezier(0.1,1.26,0.83,1);
-webkit-transition: 0s max-height 0.15s linear,0.1s opacity cubic-bezier(0.39,0.575,0.565,1),0.15s transform cubic-bezier(0.1,1.26,0.83,1);
transition: 0s max-height 0.15s linear,0.1s opacity cubic-bezier(0.39,0.575,0.565,1),0.15s transform cubic-bezier(0.1,1.26,0.83,1);
}
.light-theme .header_search-field {
top: calc(100% + 17px);
right: 46px;
}
@media( max-width:1199px ) {
.header_search-field {
right: -24px;
}
.header-search-box a.cross-icon {
margin-top: -3px;
margin-left: 2px;
}
.header-search-box a.glass-icon {
font-size: 22px;
margin-top: 0px;
}	
.light-theme .header_search-field {
top: calc(100% + 10px);
right: 45px;
}
}
@media( max-width:1024px ) {
.light-theme .header_search-field {
top: calc(100% + 20px);
right: -27px;
}
}
@media( max-width:767px ) {
.light-theme .header_search-field {
top: calc(100% + 16px);
right: -25px;
}
}
@media( max-width:492px ) {
.header_search-field .search-field {
width: 358px;
}
}
@media( max-width:426px ) {
.header_search-field .search-field {
width: 313px;
}
}
.header_search-open.header_search-field {
opacity: 1;
visibility: visible;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-delay: 0.2s;
transition-delay: 0.2s;
-webkit-transition-duration: 0s,0.2s,0.2s;
transition-duration: 0s,0.2s,0.2s;
}
.header_search-field .search-field {
width: 371px;
background: #f8f8f8;
border-radius: 5px;
border: 1px solid #d2d2d2;
margin: 0;
padding: 9px 60px 9px 20px;
}
@media( max-width:425px ){	
.header_search-field .search-field {
width: 266px;
}
}
@media( max-width:375px ){	
.header_search-field .search-field {
width: 237px;
}
}
@media( max-width:320px ){	
.header_search-field .search-field {
width: 226px;
}
}
.header_search-field .search-field:focus {
outline: none;
border: none;
}
.header_search-field .search-button {
position: absolute;
z-index: 2;
height: 100%;
width: 56px;
top: 0;
right: 0;
margin: 0;
border: none;
outline: none;
padding: 0;
font-size: 0;
background: transparent;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
opacity: 0;
cursor: pointer;
}
.header_search-field input[type='submit'] {
color: #ffffff !important;
}
.header_search-field .search__icon {
position: absolute;
z-index: 1;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
border-radius: 0 5px 5px 0;
font-size: 21px;
line-height: 52px;
font-style: normal;
text-align: center;
color: #ffffff;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
}
.search-button + .search__icon {
background-color: var(--primary_color);
background: -webkit-gradient(linear, left top, right top, #7257da, #4a3bca);
background: linear-gradient(to right, #7257da, #4a3bca);
}
.header_search-field:before {
content: '';
position: absolute;
z-index: -1;
width: 30px;
height: 30px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
top: -5px;
right: 30px;	
-webkit-box-shadow: 42px 5px 35px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 42px 5px 35px 0px rgba(0, 0, 0, 0.3);
box-shadow: 42px 5px 35px 0px rgba(0, 0, 0, 0.3);
}
body.transparent-header .header-desktop .header-action-layout1 ul .header-search-box a.cross-icon i::before,
body .header-search-box a.cross-icon i::before {
color: var(--accent_color);
}
.float-search-box.open-change,
.header-search-box .cross-icon.open-change,
.header-search-box .glass-icon.open-change {
display: block;
}
.header-search-box .cross-icon,
.float-search-box.close-change,
.header-search-box .cross-icon.close-change,
.header-search-box .glass-icon.close-change {
display: none;
}
button:focus {
outline: none !important;
}
.single-post .single-img {
margin-bottom: 15px;
} .wpcf7 .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
color: var(--gradient_light);
}
.wpcf7 form .wpcf7-not-valid-tip,
.wpcf7-not-valid-tip {
color: var(--gradient_light);
}
.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: var(--gradient_light);
color: var(--gradient_light);
border-radius: 5px;
margin: 20px 0 0;
text-align: center;
} .rt-animate-image {
position: relative;
}
.animate-image-style1 .left-holder {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.animate-image-style1 .right-holder {
position: absolute;
right: 0;
top: 100px;
z-index: -1;
}
.animate-image-style2 .right-holder {
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.animate-image-style3 .left-holder {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.animate-image-style3 .right-holder {
position: absolute;
right: 0;
top: 100px;
z-index: -1;
}
.animate-image-style4 .right-holder {
position: absolute;
right: 0;
top: 0;
z-index: -1;
}
.animate-image-style5 .left-holder {
position: absolute;
left: 0;
top: 0;
z-index: -1;
}
.animate-image-style5 .right-holder {
position: absolute;
right: 0;
top: 100px;
z-index: -1;
}
@media(max-width: 991px) {
.animate-image-style1 .left-holder,
.animate-image-style1 .right-holder,
.animate-image-style2 .right-holder,
.animate-image-style3 .left-holder,
.animate-image-style3 .right-holder,
.animate-image-style4 .right-holder,
.animate-image-style5 .right-holder,
.animate-image-style5 .right-holder	{
display: none;
}
} .mean-container .mean-bar {
display: flex;
align-items: center;
justify-content: space-between;
background: #ffffff !important;
float: none;
position: relative !important;
padding: 8px 15px !important;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
transition: all 0.3s linear;
}
.mn-top .mean-container .mean-bar {
position: fixed !important;
}
.mean-container .mean-bar:after {
content: "";
clear: both;
display: block;
}
.mean-container .mean-bar .logo-small {
max-width: 108px;
}
.admin-bar.mean-container .mean-bar {
top: 32px;
}
@media only screen and (max-width: 782px) {
.admin-bar.mean-container .mean-bar {
top: 46px;
}
}
@media only screen and (max-width: 600px) {
.admin-bar.mean-container.mn-top .mean-bar {
top: 0;
}
}
@media only screen and (max-width: 375px) {
.mean-container .header-action-layout1 ul li.header-btn i {
display: none;
}
}
.mean-container .header-action-layout1 ul .search-icon a:hover {
color: #ec1c24;
}
.offscreen-navigation .sub-menu {
display: none;
}
.offscreen-navigation ul li {
border-bottom: 1px solid #e9e9e9;
}
.offscreen-navigation nav > ul > li ul.sub-menu {
border-top: 1px solid #e9e9e9;
}
.offscreen-navigation li > a {
display: block;
position: relative;
color: #000000;
font-size: 14px;
font-weight: 700;
background: #f3f3f3;
padding-bottom: 7px;
padding-top: 7px;
}
.offscreen-navigation nav > ul > li ul.sub-menu li a:hover,
.offscreen-navigation li > a:hover {
background: rgba(0, 113, 220, 0.05);
}
.offscreen-navigation ul > li > a {
padding-left: 15px !important;
}
.offscreen-navigation ul ul > li > a {
padding-left: 30px !important;
}
.offscreen-navigation ul ul ul > li > a {
padding-left: 45px !important;
}
.offscreen-navigation .sub-menu li > a {
font-size: 15px;
padding-bottom: 10px !important;
}
.offscreen-navigation nav > ul > li.mega-menu > ul.sub-menu > li ul li a {
padding: 10px 15px 10px 45px !important;
}
.offscreen-navigation li.menu-item-has-children > a:after {
content: '\f067';
display: inline-block;
font-family: "Font Awesome 5 Free";
transition: .1s;
right: 15px;
font-weight: 700;
position: absolute;
font-size: 13px;
}
.offscreen-navigation li.menu-item-has-children > a.opened:after {
content: '\f068';
}
.mean-bar .header-btn-new.mobile-btn {
position: absolute;
right: 12%;
top: 8px;
}
.mean-bar .sidebarBtn{
position: absolute;
font-size: 20px;
right: 15px;
cursor: pointer;
color: #000000;
}
body .sidebarBtn {
display: block;
cursor: pointer;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body .sidebarBtn .bar {
background: #000000;
height: 2px;
width: 25px;
display: block;
margin-bottom: 5px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body .sidebarBtn .bar:nth-child(2), body .sidebarBtn .bar:nth-child(3) {
width: 20px;
margin-left: 5px;
}
body .sidebarBtn .bar:last-child {
margin-bottom: 0;
}
body.slidemenuon .sidebarBtn .bar:nth-child(2), body.slidemenuon .sidebarBtn .bar:nth-child(3) {
opacity: 0;
}
body.slidemenuon .sidebarBtn .bar:nth-child(1) {
-webkit-transform: rotate(45deg) translate(7px, 7px);
-ms-transform: rotate(45deg) translate(7px, 7px);
transform: rotate(45deg) translate(7px, 7px);
}
body.slidemenuon .sidebarBtn .bar:nth-child(4) {
-webkit-transform: rotate(-45deg) translate(8px, -8px);
-ms-transform: rotate(-45deg) translate(8px, -8px);
transform: rotate(-45deg) translate(8px, -8px);
}
.offscreen-navigation ul li span {
position: absolute;
right: 0;
top: 0;
height: 44px;
width: 40px;
z-index: 9;
cursor: pointer;
}
.rt-slide-nav{
position: absolute;
background: white;
width: 100%;
left: 0;
z-index: 99;
display: none;
max-height: calc(100vh - 100px);
overflow-y: auto;
box-shadow: 0px 0px 10px 0px #0000001c;
}
.rt-slide-nav ul{
list-style-type: none;
margin: 0px;
padding: 0;
}
body.slidemenuon{
overflow:hidden;
}
@media only screen and (min-width: 1200px){
#meanmenu {
display: none;
}
}
@media only screen and (max-width: 1199px){
#header-menu,
#masthead-container {
display: none;
}
}
.offscreen-navigation li.current-menu-item > a,
.offscreen-navigation li.current-menu-parent > a {
color: #ec1c24;
}
.rt-slide-nav nav,
.rt-slide-nav .menu-main-menu-container {
display: block;
}
.rt-slide-nav nav > ul > li.mega-menu,
.rt-slide-nav nav > ul > li ul.sub-menu li ul,
.rt-slide-nav nav > ul > li > ul.sub-menu {
position: relative;
width: 100%;
transition: inherit;
transform: inherit;
background: none;
box-shadow: none;
transform-origin: inherit;
opacity:  1;
visibility: visible;
left: 0;
}
body.dark-theme .offscreen-navigation nav > ul > li > a,
body.transparent-header.dark-theme .offscreen-navigation nav > ul > li > a {
color: var(--transparent_menu_color);
} .optimax-products-page,
.woocommerce .product-details-page {
padding-top: 120px;
padding-bottom: 110px;
}
@media( max-width:1024px ){ 
.optimax-products-page,
.woocommerce .product-details-page {
padding-top: 80px;
padding-bottom: 80px;
}
}
@media( max-width:767px ){
.optimax-products-page,
.woocommerce .product-details-page {
padding-top: 60px;
padding-bottom: 60px;
}
}
.shop-page-top {
width: 100%;
margin-bottom: 40px;
display: inline-block;
border: 1px solid #e1e1e1;
border-radius: 7px;
padding: 20px 20px 0;
color: #393738;
}
.woocommerce .products ul, 
.woocommerce ul.products {
margin: 0;
}
.woocommerce ul.products li.product .onsale {
background: #4a3bca;
}
.woocommerce .rt-product-block {
text-align: center;
}
.woocommerce .rt-product-block ins {
background-color: transparent;
}
.woocommerce .rt-product-block .rtin-thumb-wrapper {
border-radius: 7px;
overflow: hidden;
position: relative;
padding: 40px 15px;
background-color: #f8faff;
transition: all 0.3s ease-in-out;
}
.woocommerce .rt-product-block:hover .rtin-thumb-wrapper {
box-shadow: 0px 7px 70px 0px rgb(0 0 0 / 9%);
}
.woocommerce .rt-product-block .rtin-thumb img {
transform: scale(1);
transition: transform 250ms, filter 15s ease-in-out;
}
.woocommerce .rt-product-block .rtin-buttons-area .btn-title .added_to_cart {
margin-left: 4px;
}
.woocommerce .rt-product-block .rtin-buttons-area .btn-icons {
transform: rotate(90deg);
position: absolute;
top: 0;
right: -8px;
visibility: hidden;
opacity: 0;
transition: all 0.3s ease-in-out;
}
.woocommerce .rt-product-block:hover .rtin-buttons-area .btn-icons {
top: 55px;
visibility: visible;
opacity: 1;
}
.woocommerce .rt-product-block .rtin-buttons-area .btn-icons .yith-wcqv-button,
.woocommerce .rt-product-block .rtin-buttons-area .btn-icons .rdtheme-wishlist-icon {
margin-right: 10px;
display: inline-block;
}
.woocommerce .rt-product-block .rtin-buttons-area .btn-icons .yith-wcqv-button i,
.woocommerce .rt-product-block .rtin-buttons-area .btn-icons .rdtheme-wishlist-icon i,
.woocommerce .rt-product-block .rtin-buttons-area .compare i {
transform: rotate(-90deg);
}
.woocommerce .rt-product-block .rtin-buttons-area a {
color: #14133b;
}
.woocommerce .rt-product-block .rtin-buttons-area a:hover {
color: #0554f2;
}
.woocommerce .rt-product-block:hover .rtin-thumb-wrapper .rtin-thumb img {
transform: scale(1.05);
}
.woocommerce .rt-product-block .price-title-box {
margin-top: 22px;
}
.woocommerce .rt-product-block .price-title-box .rtin-title {
margin-bottom: 5px;
}
.woocommerce .rt-product-block .price-title-box .rtin-title a {
color: var(--dark_primary_text_color);
}
.woocommerce .rt-product-block .price-title-box .rtin-title a:hover {
color: var(--accent_color);
}
.woocommerce .rt-product-block .price-title-box .rtin-price {
color: var(--accent_color);
font-size: 18px;
font-weight: 600;
}
.woocommerce .rt-product-block .price-title-box .rtin-price del {
color: #a6a6a6;
font-size: 16px;
}
.product-not-cart .add_to_cart_button.added {
display: none;
}
.product-in-cart .added_to_cart.wc-forward {
display: block;
}
.woocommerce ul.products li.product .onsale {
top: 0;
right: 0;
left: auto;
margin: 0;
border-radius: 0;
min-height: 15px;
line-height: 30px;
padding: 0 15px;
}
.woocommerce ul.products li.product a img.ajax-loading {
margin: 0;
width: 15px;
height: auto;
display: none;
}
.woocommerce ul.products li.product .rdtheme-wishlist-icon {
line-height: 13px;
display: inline-block;
}
a.rdtheme-wishlist-icon img.ajax-loading {
display: none;
width: 20px;
}
.btn-addto-cart i {
display: none;
}
a.added_to_cart.wc-forward {
padding: 0;
margin-left: 10px;
background: transparent !important;
color: #666;
}
a.added_to_cart.wc-forward:hover {
background: transparent !important;
color: var(--accent_color);
}
.roofix-products-page .pagination {
margin-top: 20px;
}
.woocommerce #content div.product div.images,
.woocommerce div.product div.images,
.woocommerce-page #content div.product div.images,
.woocommerce-page div.product div.images {
float: left;
width: 100%;
}
@media only screen and (max-width: 376px) {
.woocommerce ul.products[class*=columns-] li.product, 
.woocommerce-page ul.products[class*=columns-] li.product {
width: 100%;
}
}
.woocommerce-Reviews p.comment-form-author input,
.woocommerce-Reviews p.comment-form-email input {
margin-left: 10px;
}
.woocommerce-Reviews #respond form input, 
.woocommerce-Reviews #respond form textarea{
border: 1px solid #e1e1e1!important;
background: #fff;
} .btn-addto-cart a{
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
position: relative;
display: inline-block;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.16px;
color: var(--light_primary_text_color);
border: none;
font-size: 16px;
padding: 10px 20px;
border-radius: 4px;
cursor: pointer;
margin-top: 13px;
z-index: 1;
}
.btn-addto-cart a:after{
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a.added_to_cart.wc-forward:after{
content: none;
}
.btn-addto-cart a:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
} .woocommerce .product-details-page {
width: 100%;
display: -ms-flexbox;
display: flex;
}
@media only screen and (max-width: 991px) {
.woocommerce .product-details-page {
display: block;
}
}
.woocommerce .product-details-page .rtin-left {
width: 45%;
float: left;
padding-right: 50px;
}
@media only screen and (max-width: 991px) {
.woocommerce .product-details-page .rtin-left {
width: 100%;
padding-right: 0;
}
}
.woocommerce .product-details-page .rtin-left span.onsale {
display: none;
}
.woocommerce .product-details-page .rtin-right {
overflow: hidden;
padding-left: 15px;
-ms-flex: 1;
flex: 1;
}
.woocommerce .product-details-page .rtin-right .woocommerce-product-rating {
margin-bottom: 15px;
}
.woocommerce .product-details-page .rtin-right .entry-title {
margin-bottom: 7px;
}
.woocommerce .product-details-page .rtin-right span.price,
.woocommerce .product-details-page .rtin-right p.price {
color: var(--accent_color);
font-size: 22px;
font-weight: 700;
margin-bottom: 3px;
}
.woocommerce .product-details-page .rtin-right span.price del,
.woocommerce .product-details-page .rtin-right p.price del {
opacity: 1;
color: #a6a6a6;
font-size: 16px;
}
.woocommerce .product-details-page .rtin-right form.cart {
margin-top: 35px;
}
.woocommerce .product-details-page .rtin-right .quantity {
margin-right: 10px;
}
@media only screen and (max-width: 480px) {
.woocommerce .product-details-page .rtin-right .quantity {
margin-bottom: 5px !important;
}
}
.woocommerce .product-details-page .rtin-right .quantity input.input-text {
margin: 0 5px;
}
.woocommerce .product-details-page .rtin-right .quantity .quantity-btn {
line-height: 1;
}
.woocommerce .product-details-page .rtin-right .button.alt {
margin-left: 3px;
}
@media only screen and (max-width: 480px) {
.woocommerce .product-details-page .rtin-right .button.alt {
margin-left: 0;
margin-bottom: 5px;
}
}
.woocommerce .product-details-page .rtin-right .variations_form {
margin-bottom: 20px;
}
.woocommerce .product-details-page .rtin-right .variations_form .variations {
width: 80%;
margin-top: 0;
margin-bottom: 5px;
}
.woocommerce .product-details-page .rtin-right .variations_form .variations tbody td {
text-align: left;
}
.woocommerce .product-details-page .rtin-right .variations_form .variations tbody td.label {
width: 80px;
}
.woocommerce .product-details-page .rtin-right .variations_form .variations tbody select {
padding: 5px;
padding-left: 15px;
}
.woocommerce .product-details-page .rtin-right .variations_form .variations tbody select {
background-position: calc(81%) calc(20px), calc(88%) calc(20px), calc(68%) 8px;
}
.woocommerce .product-details-page .rtin-right .variations_form .variations tbody select:focus {
background-position: calc(87%) 18px, calc(80%) 18px, calc(68%) 8px;
}
.woocommerce .product-details-page .rtin-right .variations_form .variations tbody select:-webkit-focusring,
.woocommerce .product-details-page .rtin-right .variations_form .variations tbody select:-moz-focusring {
color: transparent;
text-shadow: 0 0 0 #000;
}
.woocommerce .product-details-page .rtin-right .variations_form .single_variation_wrap {
width: 100%;
margin-top: 10px;
display: inline-block;
}
.woocommerce .product-details-page .rtin-right .variations_form .single_variation_wrap span.price {
margin-bottom: 10px;
display: inline-block;
}
.woocommerce .product-details-page .rtin-right .wistlist-compare-box {
width: 100%;
display: -ms-inline-flexbox;
display: inline-flex;
}
@media only screen and (max-width: 480px) {
.woocommerce .product-details-page .rtin-right .wistlist-compare-box {
display: block;
}
}
.woocommerce .product-details-page .rtin-right .wistlist-compare-box a {
color: #646464;
margin-right: 30px;
}
@media only screen and (max-width: 480px) {
.woocommerce .product-details-page .rtin-right .wistlist-compare-box a {
width: 100%;
}
}
.woocommerce .product-details-page .rtin-right .wistlist-compare-box a i {
margin-right: 8px;
}
.woocommerce .product-details-page .rtin-right .wistlist-compare-box a:hover {
color: #0554f2;
}
.woocommerce .product-details-page .rtin-right .post-share-btn {
border-bottom: 1px solid #ebebeb;
width: 100%;
margin-bottom: 24px;
padding-bottom: 20px;
display: -ms-inline-flexbox;
display: inline-flex;
}
.woocommerce .product-details-page .rtin-right .post-share-btn .item-label {
width: 70px;
float: left;
padding-top: 5px;
margin-bottom: 0;
font-weight: 500;
}
.woocommerce .product-details-page .rtin-right .post-share-btn .post-social-sharing {
overflow: hidden;
}
.woocommerce .product-details-page .rtin-right .post-share-btn .post-social-sharing ul.item-social {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce .product-details-page .post-social-sharing ul.item-social li {
float: left;
}
.woocommerce .product-details-page .post-social-sharing ul.item-social li a {
background: transparent !important;
color: #646464;
padding: 5px 10px;
display: inline-block;
}
.woocommerce .product-details-page .post-social-sharing ul.item-social li a:hover {
color: #0554f2;
}
.woocommerce .product-details-page .slick-slider .slick-slide {
margin-left: 0;
}
.woocommerce .product-details-page .yith-wcwl-wishlistexistsbrowse,
.woocommerce .product-details-page .yith-wcwl-add-button,
.woocommerce .product-details-page a.compare.button {
display: none;
}
.woocommerce .product-details-page a.compare.added {
padding-left: 20px;
position: relative !important;
}
.woocommerce .product-details-page a.compare.added:before {
top: 0;
left: 0;
content: "\f00c";
position: absolute;
display: inline-block;
font-family: "Font Awesome 5 Free";
font-weight: 900;
}
.woocommerce div.product div.images .flex-viewport {
background-color: #f8faff;
text-align: center;
border-radius: 10px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
width: inherit;
display: inline-block;
padding: 50px 15px;
}
.woocommerce div.product div.images .flex-control-thumbs {
margin-top: 10px;
}
.woocommerce div.product div.images .flex-control-thumbs li {
background-color: #f8faff;
border: none;
text-align: center;
border-radius: 10px;
margin-right: 9px;
width: 23.5%;
}
.woocommerce div.product div.images .flex-control-thumbs li:last-child {
margin-right: 0;
}
@media (max-width: 1199px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 7px;
}
}
@media (max-width: 991px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 13px;
}
}
@media (max-width: 767px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 7px;
}
}
@media (max-width: 425px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 6px;
}
}
@media (max-width: 375px) {
.woocommerce div.product div.images .flex-control-thumbs li {
margin-right: 5px;
}
}
.woocommerce div.product .woocommerce-product-rating {
display: inline-block;
}
.quantity {
margin: 0 auto;
max-width: 160px;
position: relative;
}
.quantity input.input-text,
.quantity .input-group-btn {
width: 44px;
height: 48px;
border: 1px solid #ebebeb;
border-radius: 4px;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
justify-content: center;
}
.quantity .input-group-btn {
position: absolute;
}
.quantity .input-group-btn span.quantity-btn i {
font-size: 12px;
}
.quantity .input-group-btn.minus {
left: 0;
}
.quantity .input-group-btn.plus {
right: 0;
}
.quantity input.input-text {
height: 48px;
font-weight: 600;
}
.quantity input.input-text:focus {
outline: none;
}
.quantity input[type="number"]::-webkit-inner-spin-button,
.quantity input[type="number"]::-webkit-outer-spin-button {
display: none;
}
.woocommerce .quantity .qty {
width: 60px;
text-align: center;
margin-left: 50px !important;
margin-right: 50px !important;
} section.related.products {
margin-top: 50px;
}
section.related.products h2 {
font-size: 30px;
font-weight: 600;
margin-bottom: 40px;
}
section.related.products ul.products li.product {
margin-bottom: 0;
}
@media(max-width: 768px) {
section.related.products ul.products li.product {
margin-bottom: 45px;
}
} .woocommerce #respond input#submit.alt:hover,
.woocommerce #respond input#submit:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button:hover,
.woocommerce a.button.alt:hover,
.woocommerce input.button:hover,
.woocommerce a.button:hover {
color: #fff;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
}
.woocommerce #respond input#submit.alt,
.woocommerce #respond input#submit,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button,
.woocommerce a.button.alt,
.woocommerce input.button,
.woocommerce a.button{
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
position: relative;
display: inline-block;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.16px;
color: var(--light_primary_text_color);
border: none;
font-size: 16px;
padding: 15px 20px 16px 20px;
border-radius: 4px;
cursor: pointer;
z-index: 1;
}
.woocommerce #respond input#submit.alt:after,
.woocommerce #respond input#submit:after,
.woocommerce button.button.alt:after,
.woocommerce input.button.alt:after,
.woocommerce button.button:after,
.woocommerce a.button.alt:after,
.woocommerce input.button:after,
.woocommerce a.button:after{
content: "";
height: 100%;
width: 0;
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_light)), to(var(--gradient_dark)));
background: linear-gradient(to right, var(--gradient_light), var(--gradient_dark));
border-radius: 4px;
position: absolute;
right: 0;
top: 0;
z-index: -1;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.woocommerce #respond input#submit.alt:hover:after,
.woocommerce #respond input#submit:hover:after,
.woocommerce button.button.alt:hover:after,
.woocommerce input.button.alt:hover:after,
.woocommerce button.button:hover:after,
.woocommerce a.button.alt:hover:after,
.woocommerce input.button:hover:after,
.woocommerce a.button:hover:after {
visibility: visible;
opacity: 1;
width: 100%;
}
.woocommerce #respond input#submit.alt:focus,
.woocommerce #respond input#submit:focus,
.woocommerce button.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce button.button:focus,
.woocommerce a.button.alt:focus,
.woocommerce input.button:focus,
.woocommerce a.button:focus {
outline: none;
border-radius: 4px;
}
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled] {
color: #fff;
opacity: 1;
padding: 15px 20px 16px 20px;
}
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover {
color: #fff;
background-color: #14133b;
}
@media only screen and (max-width: 575px) {
.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
width: 100%;
padding-top: 0;
text-align: center;
}
}
@media only screen and (max-width: 575px) {
.woocommerce .woocommerce-ordering,
.woocommerce-page .woocommerce-ordering {
width: 100%;
text-align: center;
}
}
.woocommerce .woocommerce-ordering select {
padding: 0;
border: none;
background-color: transparent;
width: initial;
box-shadow: none;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
margin: 0;
padding: 0;
font-size: 20px;
}
.woocommerce .star-rating span::before {
color: #ffba0a;
}
.woocommerce div.product .woocommerce-tabs {
margin-top: 50px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
padding: 0;
text-align: left;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before {
display: none !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
border: none;
background-color: transparent;
margin: 0 25px 0 0;
padding: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:before {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li:after {
display: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
position: relative;
font-size: 20px;
font-weight: 500;
color: #111111;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
color: var(--accent_color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:before {
position: absolute;
left: 0;
bottom: 0;
content: "";
height: 3px;
width: 0;
background-color: var(--accent_color);
transition: all 240ms ease-in-out;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: var(--accent_color);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a:before {
width: 100%;
}
.woocommerce div.product .woocommerce-tabs .panel {
margin-bottom: 0;
}
.woocommerce div.product .woocommerce-tabs .panel h2 {
display: none;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment_container {
border: 1px solid #ebebeb;
border-radius: 10px;
padding: 12px 25px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
border-radius: 0;
margin: 0;
padding: 0;
border: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
text-transform: capitalize;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta strong {
font-size: 16px;
color: #14133b;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar {
width: 80px;
border: none;
margin-right: 25px;
padding: 0;
position: inherit;
}
.woocommerce p.stars a {
color: #ffba0a;
}
.woocommerce #review_form #respond textarea {
height: 150px;
padding: 20px;
border-color: #e4e1e3;
}
.woocommerce #review_form #respond textarea:focus {
outline: none;
}
.woocommerce span.onsale {
padding: 0;
text-align: center;
display: -ms-inline-flexbox;
display: inline-flex;
-ms-flex-pack: center;
justify-content: center;
background-color: #000;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
height: 48px;
width: 136px !important;
line-height: 40px;
margin-right: 15px;
text-align: center;
}
@media (max-width: 768px) {
.woocommerce-cart table.cart td.actions .coupon .input-text {
width: 48% !important;
margin-right: 0;
}
}
.cart-collaterals {
margin-top: 50px;
}
.cart-collaterals h2 {
font-size: 30px;
}
.woocommerce-cart table.woocommerce-cart-form__contents {
border-top: 0;
border-left: 0;
}
.woocommerce-cart table.woocommerce-cart-form__contents tr th {
color: #14133b;
font-weight: 600;
}
.woocommerce-cart table.woocommerce-cart-form__contents tr td,
.woocommerce-cart table.woocommerce-cart-form__contents tr th {
border: 0;
border-top: 1px solid #ebebeb;
border-left: 1px solid #ebebeb;
}
.woocommerce-cart table.woocommerce-cart-form__contents tr th.product-quantity{
text-align: center;
}
.woocommerce-cart table.woocommerce-cart-form__contents .product-name a {
color: #14133b;
font-weight: 500;
}
.woocommerce-cart table.woocommerce-cart-form__contents .product-name a:hover {
color: #0554f2;
}
.woocommerce-cart table.woocommerce-cart-form__contents .quantity .quantity-btn {
line-height: 1;
}
.woocommerce .woocommerce-checkout .select2-container--default .select2-selection--single {
border: 1px solid #ebebeb;
}
.woocommerce .woocommerce-checkout .form-row {
padding: 4px;
margin: 0 0 20px;
}
.woocommerce .woocommerce-checkout .form-row label {
color: #393738;
font-weight: 500;
}
#add_payment_method .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
font-size: 18px;
}
.woocommerce .woocommerce-terms-and-conditions-wrapper{
width: 100%;
}
p.return-to-shop {
margin-bottom: 70px;
}
.woocommerce-billing-fields span.woocommerce-input-wrapper {
width: 100%;
height: 40px;
}
.woocommerce-billing-fields span.woocommerce-input-wrapper:focus {
outline: none;
}
.woocommerce-billing-fields span.woocommerce-input-wrapper input {
height: 48px;
padding: 10px 18px;
border-radius: 4px;
}
.woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered,
.woocommerce-billing-fields .select2-container .select2-selection--single {
height: 48px;
border-radius: 4px;
line-height: 48px;
padding-left: 9px;
padding-right: 9px;
}
.woocommerce-billing-fields .select2-container--default .select2-selection--single .select2-selection__arrow {
top: 7px;
}
.woocommerce-additional-fields span.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-additional-fields span.woocommerce-input-wrapper textarea {
padding: 10px;
border-radius: 4px;
}
.wc-order-review-wrapper {
margin-top: 50px;
}
.woocommerce-order-received .section.content-area {
padding-top: 110px;
padding-bottom: 85px;
}
.woocommerce-order-received .section.content-area .woocommerce-order h2 {
font-size: 30px;
}
.woocommerce .woocommerce-customer-details address {
padding: 20px 30px;
}
.yith-wcqv-main {
padding: 30px;
}
.yith-wcqv-main h1.product_title.entry-title {
font-size: 30px;
margin-bottom: 7px;
}
.yith-wcqv-main .rtin-right p.price {
color: #0554f2;
font-size: 24px;
font-weight: 500;
margin-bottom: 10px;
}
.yith-wcqv-main .rtin-right .product_meta {
margin-bottom: 20px;
}
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #000;
}
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
font-size: 16px;
}
.woocommerce table.shop_table th {
color: #14133b;
}
.woocommerce table.shop_table tbody th, 
.woocommerce table.shop_table tfoot th {
color: #14133b;
font-weight: 600;
}
.woocommerce table.shop_table tbody td {
padding: 12px 15px;
}
@media (max-width: 768px) {
.woocommerce table.shop_table_responsive tbody tr:first-child td:first-child, 
.woocommerce-page table.shop_table_responsive tbody tr:first-child td:first-child{
border-top: 1px solid #ebebeb;
}
}
.woocommerce .wishlist-title {
margin-bottom: 30px;
}
.woocommerce .hidden-title-form {
display: none;
}
.woocommerce .wishlist-title h2 {
padding: 0;
margin-right: 15px;
}
.woocommerce .wishlist-title h2:hover {
background-color: transparent;
}
.wishlist-title a.show-title-form i {
display: none;
}
.yith-wcwl-share {
display: none;
}
.wishlist_table .product-add-to-cart a.button {
padding: 0;
}
.wishlist_table .product-add-to-cart a.button {
padding: 10px 30px !important;
}
.wishlist_table td a {
font-size: 16px;
margin-right: 10px;
color: #444444;
}
.wishlist_table td a:hover {
color: #0554f2;
}
.wishlist_table td.product-name a.button.yith-wcqv-button {
font-size: 14px;
}
.wishlist_table td.product-price {
font-size: 18px;
}
.wishlist_table td.product-price del {
color: #a6a6a6;
font-size: 14px;
}
.wishlist_table td.product-price ins {
background-color: transparent;
}
.woocommerce-message, .woocommerce-info {
border-top-color: #4a3bca;
}
.woocommerce-message::before, .woocommerce-info::before {
color: #4a3bca;
}
.woocommerce-error, 
.woocommerce-info, 
.woocommerce-message
#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
background: #f8f8f8;
border-radius: 5px;
} .rating-custom .woocommerce-product-rating::after, 
.rating-custom .woocommerce-product-rating::before {
content: ' ';
display: table;
}
.rating-custom .star-rating {
margin-top: 5px;
overflow: hidden;
position: relative;
height: 1em;
line-height: 1;
font-size: 14px;
width: 5.4em;
font-family: star;
}
.rating-custom .star-rating:before {
content: '\73\73\73\73\73';
color: #d3ced2;
float: left;
top: 0;
left: 0;
position: absolute;
}
.rating-custom .star-rating span {
overflow: hidden;
float: left;
top: 0;
left: 0;
position: absolute;
padding-top: 1.5em;
}
.rating-custom .star-rating span:before {
content: '\53\53\53\53\53';
top: 0;
position: absolute;
left: 0;
color: #fcb302;
}
.shop-layout-style1 .rating-custom .woocommerce-product-rating {
display: inline-block;
} .header-icon-area .cart-icon-area {
position: relative;
margin-left: 15px;
padding: 25px 0;
transition: all 0.3s ease-in-out;
}
.rt-sticky .header-icon-area .cart-icon-area {
padding: 25px 0;
}
.cart-icon-area .cart-icon-num {
display: inline-block;
font-size: 12px;
position: absolute;
top: 20px;
right: -7px;
width: 20px;
height: 20px;
border-radius: 50%;
background: #0554f2;
line-height: 20px;
color: #fff;
}
.header-icon-area .cart-icon-area > a {
color: #14133b;
width: 40px;
height: 40px;
font-size: 15px;
display: inline-block;
line-height: 40px;
text-align: center;
background: rgba(5, 84, 242, 0.1);
border-radius: 50%;
}
.cart-icon-area .cart-icon-products {
font-size: 14px;
line-height: 22px;
background-color: rgba(35,35,35,0.95);
border-radius: 0 0 4px 4px;
position: absolute;
right: 0;
top: 100%;
width: 340px;
max-height: 70vh;
overflow-y: auto;
z-index: 99999;
opacity: 0;
visibility: hidden;
text-align: left;
box-shadow: 0px 0px 90px 0px rgb(0 0 0 / 10%);
padding: 15px 0;
border-radius: 0 0 5px 5px;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.3, 0.02, 0, 0.6);
opacity: 0;
z-index: 100;
transform: scaleY(0);
transform-origin: 0 0 0;
}
.cart-icon-area:hover .cart-icon-products {
top: 100%;
opacity: 1;
visibility: visible;
transform: scaleY(1);
}
.cart-icon-area .cart-icon-products .widget_shopping_cart {
padding: 25px 25px 0;
}
.cart-icon-area .cart-icon-products .widget_shopping_cart .widgettitle {
color: #ffffff;
font-weight: 500;
}
.cart-icon-area .cart-icon-products .widget_shopping_cart_content {
color: #ffffff;
}
.cart-icon-area .cart-icon-products .widget_shopping_cart .mini_cart_item {
display: block;
border-bottom: 1px solid #dddddd;
padding-bottom: 10px;
margin-top: 10px;
width: 100%;
line-height: 24px;
}
.woocommerce ul.woocommerce-mini-cart.cart_list li a, 
.woocommerce ul.woocommerce-mini-cart.product_list_widget li a{
display: inline;
}
.cart-icon-area .cart-icon-products .widget_shopping_cart .mini_cart_item a {
color: #ffffff;
font-weight: 500;
}
.cart-icon-area .cart-icon-products .widget_shopping_cart .total {
border-top: none;
padding: 8px 0 0;
}
.woocommerce ul.cart_list li img, 
.woocommerce ul.product_list_widget li img {
margin-left: 4px;
width: 38px;
background: #fff;
border-radius: 4px;
}
.woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-MyAccount-navigation ul li {
margin-bottom: 6px;
}
.woocommerce-MyAccount-navigation ul li a {
color: #14133b;
font-size: 20px;
font-weight: 600;
}
.woocommerce-MyAccount-navigation ul li a:hover {
color: #0554f2;
}
.woocommerce .rating-custom .woocommerce-product-rating {
line-height: 1;
}
.woocommerce ul.products li.product .rating-custom .star-rating {
display: inline-block;
}
.woocommerce .loader::before {
display: none;
}
@media(max-width: 767px) {
.woocommerce-page .content-area {
padding-top: 80px;
padding-bottom: 80px;
}
} iframe table.compare-list .add-to-cart td a.add_to_cart_button,
iframe table.compare-list .add-to-cart td a:not(.unstyled_button) {
background: #0554f2;
border-radius: 5px;
font-size: 16px;
color: #ffffff;
font-weight: 500;
padding: 15px 20px 16px 20px;
transition: all 0.4s ease;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
align-items: center;
letter-spacing: 0.16px;
}
.woocommerce-billing-fields .select2-container .select2-selection--single .select2-selection__rendered, 
.woocommerce-billing-fields .select2-container .select2-selection--single{
line-height: inherit;
height: inherit;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea,
.woocommerce form .form-row .select2-container {
line-height: 1.2;
padding: 10px;
border-radius: 0px;
border: 1px solid #dedede;
}
.woocommerce form .form-row .select2-container--default .select2-selection--single{
border: none;
}
.woocommerce form .password-input, .woocommerce-page form .password-input {
width: 100%;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
width: 100%;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation, 
.woocommerce-account .woocommerce .woocommerce-MyAccount-content {
float: none;
width: inherit;
justify-content: inherit;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation {
margin-bottom: 50px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
color: #fff;
display: inline-block;
margin-bottom: 5px;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a {
color: #fff;
padding: 12px 20px;
background-color: #4a3bca;
display: inline-block;
font-size: inherit;
text-transform: inherit;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a, 
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a:hover, 
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li a:hover {
background: -webkit-gradient(linear, left top, right top, from(var(--gradient_dark)), to(var(--gradient_light)));
background: linear-gradient(to right, var(--gradient_dark), var(--gradient_light));
}
.woocommerce-message:before, 
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1 {
float: left;
width: 48% !important;
max-width: 48% !important;
padding-left: 0;
}
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2 {
float: right;
max-width: 48% !important;
width: 48% !important;
}
.woocommerce-input-wrapper {
width: 100%;
}
.woocommerce-edit-address .woocommerce-MyAccount-content > p, 
.woocommerce-edit-account .woocommerce-MyAccount-content .form-row {
margin-bottom: 30px;
}
.woocommerce-edit-account .woocommerce-MyAccount-content .woocommerce-Button {
margin-top: 30px;
}